@charset "UTF-8";
/* CSS Document */

/*****************************************************************************************************************************************
생성일: 2018/10/08
수정일:
수정자: hello@dx2.kr
주석간 간격 두줄 구분은 한줄사용
*****************************************************************************************************************************************/

/*공통*/

body { width:100%; height:100%; box-sizing:border-box; position:relative; margin:0 auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; }
::selection { background:#666; color:#FFF; text-shadow:none;}

/* content width 설정 */
.width1400 { width:1400px; margin:0 auto; box-sizing:border-box; }
.width1300 { width:1300px; margin:0 auto; box-sizing:border-box; }
.width960 { width:960px; margin:0 auto; box-sizing:border-box; }

h2 { font-size:30px; font-weight:900; letter-spacing:0; box-sizing:border-box; }
h3 { font-size:17px; font-weight:900; letter-spacing:0; box-sizing:border-box; }
h4 { font-size:17px; font-weight:900; margin-bottom:25px; }
h5 { font-size:17px; font-weight:900; box-sizing:border-box; }

/*.section_wrap { background:#f9f9f9; }*/

.content.sub_content h4 { font-size:22px; position:relative;  }

.section { min-height:700px; padding:25px 0; box-sizing:border-box; }

/*table title, form title 숨기기*/
legend, caption, .hidden { visibility:hidden; position:absolute; left:-9999em; width:1px;height:1px;margin:0;padding:0;background:none;font-size:0;line-height:0;text-indent:-9999em }

/*basic input button2글자*/
.input_box1 { display:inline-block; }
.input_box1 .inputText { float:left; border-right:0; width:calc(100% - 68px); height:40px; border-radius:2px 0 0 2px!important;}
.input_box1 .inputText:hover { border-right:0; }
.input_box1 button { width:68px; height:47px; padding:0 20px; float:left; border-radius:0 2px 2px 0 !important; }

.input_box1 label { display:inline-block; line-height:40px; margin-right:10px; }

/*select box input button*/
.input_box2 .inputText { float:left; border-right:0; height:40px; width:calc(100% - 203px); border-radius:2px 0 0 2px!important; }
.input_box2 .inputText:hover { border-right:0; }
.input_box2 button { height:47px; padding:0 20px !important; float:left; border-radius:0 2px 2px 0 !important; }
.input_box2 select { float:left; margin-right:5px; height:40px; }
.title_blue .input_box2 .btn_m.bgBlue { background:#none; color:#fff; }
.title_blue .input_box2 .btn_m.bgBlue:hover { background:#086cb2; color:#fff; }
.title_blue .btn_m.bgBlue:hover { background:#086cb2; color:#fff; }

/*select box input button4글자*/
.input_box3 .inputText { float:left; border-right:0; width:calc(100% - 80px); height:40px; border-radius:2px 0 0 2px!important;}
.input_box3 .inputText:hover { border-right:0; }
.input_box3 button { width:80px; height:40px; padding:0 !important; float:left; border-radius:0 2px 2px 0 !important;}

/*select box input 전체 border*/
.input_box4 { border:1px solid #ccc; transition-duration:0.5s; display:inline-block; border-radius:2px !important;}
.input_box4:hover { border:1px solid #666; transition-duration:0.5s; }
.input_box4 .inputText { float:left; border:0; height:40px; border-radius:2px 0 0 2px!important;}
.input_box4 .inputText:hover { border:0; }
.input_box4 button { width:50px; height:40px; padding:0 !important; float:left; border:none; border-left:1px solid #ccc;border-radius:0 2px 2px 0 !important; }

/*select box input 환자검색 등록*/
.patient_box {border: 1px solid #ccc; width:100%; box-sizing: border-box; margin:45px 0 20px 0; background: #fff;transition-duration:0.5s; box-shadow: 0 1px 13px 0 rgb(0 0 0 / 14%);}
.patient_box h3 { padding: 20px 20px 0; box-sizing: border-box; transition-duration: 0.5s; position: relative; font-weight: 900; font-size: 27px;}

.patient_box_header {width:100%;padding: 20px;box-sizing:border-box;}
.patient_box_header::after { clear:both; content:""; display:block;}

.patient_box > .patient_box_header > input { border:1px solid #ccc; transition-duration:0.5s; display:inline-block; border-radius:2px 0 0 2px!important; width:calc(100% - 305px);}
.patient_box > .patient_box_header > input:hover { border:1px solid #666; transition-duration:0.5s; }
.patient_box > .patient_box_header > button { height:42px !important;}
.patient_box > .patient_box_header > .bgGray { border-left: 0 !important; border-radius:0 2px 2px 0 !important;}
.patient_box > .patient_box_header > .bgGray:hover {  border-left: 0 !important; border-right:1px solid #ccc !important; border-bottom:1px solid #ccc !important; border-top:1px solid #ccc !important; background:#cecece !important;}

/*대상자 등록번호*/
.number_box {border: 1px solid #e9e9e9; width:100%; box-sizing: border-box;  margin:45px 0 20px 0; background: #fff;transition-duration:0.5s; padding:20px;}
.number_box h3 { padding: 0 0 20px 0; box-sizing: border-box; transition-duration: 0.5s; position: relative; font-weight: 900; font-size: 27px;}


/*select box input button*/
.input_box5 .inputText { float:left; border-right:0; height:40px; width:calc(100% - 133px); border-radius:2px 0 0 2px!important;}
.input_box5 inputText:hover { border-right:0; }
.input_box5 button { height:47px; padding:0 20px !important; float:left; border-radius:0 2px 2px 0 !important;}
.input_box5 select { float:left; margin-right:5px; height:40px; }

/*select box input button*/
.input_box6 .inputText { float:left; border-right:0; height:40px; width:calc(100% - 152px); border-radius:2px 0 0 2px!important;}
.input_box6 inputText:hover { border-right:0; }
.input_box6 button { height:47px; padding:0 20px !important; float:left;border-radius:0 2px 2px 0 !important; }
.input_box6 select { float:left; margin-right:2px; height:40px; }

.input_box1::after, .input_box2::after, .input_box3::after, .input_box4::after { clear:both; display:block; content:''; }

.btn_word_wrap span { margin-right:7px; display:inline-block; }
.btn_word_wrap span button { margin-left:2px; }


/********** header *******************************************************************************************************************************/
.main_header { width:100%; height:100px; background:#fff; position:relative; padding:20px 0 0; box-sizing:border-box;  text-align:center; }
.main_header::after { position:absolute; bottom:0; left:0; width:100%; height:3px; content:''; display:block; clear:both; background:url(/images/custom/me/top_bg.jpg) repeat-y; background-size:contain; }
.main_header h1 { float:left; background:url(/images/custom/me/logo.svg) no-repeat; background-size:contain; box-sizing:border-box; height:60px; font-size:17px; font-weight:600; }
.main_header h1 a { display:inline-block; padding:31px 0 0 147px; }

.gnb { margin:33px 0 0; display:inline-block; }
.gnb ul { display:inline-block; }
.gnb ul > li { display:inline-block; font-size:17px; font-weight:600; margin:0 30px; position:relative; height:45px; }
.gnb ul > li a { display:inline-block; position:relative; padding-bottom:5px; color:#666; }
.gnb ul > li a:hover { color:#3c3c3c; }
.gnb ul > li a:after { content: ''; display: block; position: absolute; background: #e47916; transform:translate(-50%,0); left:50%; bottom:0px; width:0; height:2px; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.gnb ul > li a:hover::after { width:100%; }
.gnb ul > li.actived a { color:#e47916; }
.gnb ul > li.actived a::after { width:100%; transition: all 0; }
.gnb li .submenu { position:absolute; left:-45px; top:44px; width:150px; background:#fff; z-index:9; border:1px solid #ff9401; border-top:none; overflow:hidden; visibility:hidden; height:0; transition:all 0.5s; }
.gnb li .submenu li { width:100%; margin:0; }
.gnb li .submenu li a { color:#333; font-size:13px; font-weight:400; padding:10px 0; width:100%; display:block; position:unset; }
.gnb li .submenu li a:hover { background:#f1f1f1; }
.gnb li .submenu li a::after { display:none; }
.gnb li .submenu li.actived a { color:#e47916; font-weight:600; }
.gnb li.parent:hover .submenu { visibility:visible; height:auto; transition:all 0.5s; }

.member_menu { float:right; margin:35px 0 0; }
.member_menu li { float:left; display:inline-block; margin-left:15px; box-sizing:border-box; font-size:13px; }
.member_menu li a { overflow:hidden; display:inline-block; position:relative; padding-bottom:0px; color:#666; }
.member_menu li a:hover { font-weight:400; }
.member_menu li span { font-weight:600; }
.member_menu li:first-child { margin-left:0; }
.member_menu li a:after { content: ''; display: block; position: absolute; bottom:2px; left: 50%; transform:translate(-50%,0); width:0%; height: 1px; background-color: #3c3c3c; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.member_menu li a:hover::after { width:100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; }


/********** left_menu *******************************************************************************************************************************/
.left_wrap { width:310px; margin-right:20px; float:left; }
.left_box { border:1px solid #e9e9e9; width:100%; margin-bottom:20px; background:#fff; transition-duration:0.5s;}
.left_header { width:100%; padding:0px 15px 15px; box-sizing:border-box; }
.left_header::after { clear:both; content:""; display:block;}
.left_header.overflow { max-height: 500px; overflow-y: auto;}
.left_box h3 { padding:15px; box-sizing:border-box; transition-duration:0.5s; position:relative; font-weight:600; font-size:15px; }
.left_box h3.toggleBtn { cursor:pointer; }
.left_box h3.toggleBtn::after { width:15px; height:15px; position:absolute; content:''; top:20px; right:15px; background:url(/images/custom/me/btn_plus.svg) 50% 50% no-repeat; background-size:contain; transform:rotate(0deg); transition-duration:0.5s; }
.left_box.active h3::after { transform:rotate(225deg); transition-duration:0.5s; }

.left_box:last-child { margin-bottom:0; }
.left_box .left_content { width:100%; }

.letf_inner { width:100%; box-sizing:border-box; max-height:400px; overflow-y:auto; text-align:left; transition-duration:.5s;}
.letf_inner dl { width:100%; font-size:0.9em; background:#fff; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; box-sizing:border-box; }
.letf_inner dt { width:80px; background:#f9f9f9; font-weight:600; display:inline-block; float:left; padding:8px 10px; box-sizing:border-box; }
.letf_inner dd { float:left; display:inline-block; width:calc(100% - 80px); padding:8px 10px; box-sizing:border-box; position:relative; }
.letf_inner dl::after, .letf_inner dd::after { clear:both; display:block; content:''; }
.letf_inner dd::after { width:calc(100% + 80px); height:1px; background:#e9e9e9; left:-80px; bottom:0; position:absolute; }
.letf_inner dd:last-child::after { display:none; }

.infoMember {  }
.infoMember:hover { background:#ededed; }
.infoMember .letf_inner { transition: all 0.5s; }


/*진행률*/
.btn_poc { padding:0 20px 0 0 !important; background:url(/images/custom/me/arrow_down_b.svg) 100% 50% no-repeat; background-size:30%; }
.btn_poc.on { background:url(/images/custom/me/arrow_up_b.svg) 100% 50% no-repeat; background-size:30%; }

.left_prog { padding:15px; box-sizing:border-box; background:url(/images/custom/me/bg_artclass_line.jpg) no-repeat; }
.left_prog li { float:left; color:#999; font-size:1.2em; background:#fff; border:1px solid #666; width:50%; box-sizing:border-box; text-align:center; padding:5px 0; height:35px; }
.left_prog li:last-child { border-left:0; }
.left_prog::after { clear:both; display:block; content:''; }
.left_prog li .ml2 { font-size:13px; }

.mark_wrap { width:100%; padding:15px 15px 5px 15px; box-sizing:border-box; display:block;  }
.mark_wrap ul { box-sizing:border-box; display:block; }
.mark_wrap ul::after { display:block; content:''; width:100%; clear:both; }
.mark_wrap ul li { float:left; width:50%; display:inline-block; margin-bottom:10px; }

.include.selectText { width:32px; height:32px; padding:0 5px !important; display:inline-block; text-align:center; margin-right:5px; box-sizing:border-box; }

.symSearch { position:relative; transition-duration:0.5s;}
.symptom_search_wrap { opacity:0; pointer-events: none; position:absolute; left:-50px; top:-1px; width:450px; overflow:hidden; height:0; background:#fff;border:1px solid #3c3c3c; padding:15px 15px 5px 15px; box-sizing:border-box; z-index:99; box-shadow:0 0 10px 0 rgba(0,0,0,0.3);}
.symptom_search_wrap .title { font-size:16px; font-weight:600; margin-bottom:20px; box-sizing:border-box; position:relative; }
.symptom_search_wrap .title span { position:absolute; right:0; top:50%; margin-top:-15px; width:30px; height:30px; content:''; display:inline-block; background:url(/images/custom/me/btn_close.svg) 50% 50% no-repeat; background-size:50%; cursor:pointer; border:1px solid #fff; transition-duration:0.5s;}
.symptom_search_wrap .title span:hover { border:1px solid #3c3c3c; transition-duration:0.5s; }

.symSearch.active { height:505px; transition-duration:0.5s;}
.symSearch.active .symptom_search_wrap { opacity:1; left:-1px; height:auto; transition-duration:0.5s; pointer-events:auto ; }

.symptom_list li { width:100%; border-bottom:1px solid #d7d7d7; padding:10px 15px 10px 0; box-sizing:border-box; }
.symptom_list li:first-child { padding-top:0; }
.symptom_list li:last-child { border-bottom:0; padding-bottom:0; }
.symptom_list li p { float:left; line-height:29px; }
.symptom_list li p span { width:20px; display:inline-block; }
.symptom_list li button { float:right; }
.symptom_list li::after { clear:both; display:block; content:''; }

input[type=text].focus { position:relative; z-index:999; }

.symptom_result { margin-top:-1px; border:1px solid #ccc; position:absolute; z-index:99; width:278px; padding:5px; height:145px; overflow-y:auto; box-sizing:border-box; background:#f1f1f1; box-shadow:0 0 10px 0 rgba(0,0,0,0.2); }
.symptom_result li { margin:5px; float:left; width:calc(50% - 10px); }
.symptom_result li p { padding:5px 0; text-align:center; width:100%; background:#fff; border:1px solid #ccc; cursor:pointer; font-size:0.9em; }
.symptom_result li p:hover { border:1px solid #3c3c3c; }
.symptom_result::after { clear:both; display:block; content:''; width:100%; }

.symptom_manage_wrap { margin-top:5px; }
.symptom_manage_wrap li { width:calc(33.333% - 6.666px); float:left; margin-right:10px; }
.symptom_manage_wrap li p { font-weight:600; }
.symptom_manage_wrap li:last-child { margin-right:0; }
.symptom_manage { border:1px solid #ccc; background:#f1f1f1; overflow-y:auto; height:150px; box-sizing:border-box; margin-top:10px; padding:10px; box-sizing:border-box; }
.symptom_manage span { width:100%; background:#fff; display:block; position:relative; border:1px solid #ccc; text-align:left; padding:5px 10px; box-sizing:border-box; margin-bottom:5px; }
.symptom_manage span:hover { border:1px solid #3c3c3c; }
.symptom_manage span::after { position:absolute; right:5px; top:50%; margin-top:-7.5px; width:15px; height:15px; content:''; display:inline-block; background:url(/images/custom/me/btn_close.svg) 50% 50% no-repeat; background-size:60%; cursor:pointer; }
.symptom_manage_wrap::after { display:block; content:''; width:100%; clear:both; }

.patient_info1 {  }

.patient_info2 { padding-right:15px; box-sizing:border-box; }
.patient_info2 p { font-size:1.2em; margin-bottom:20px; }


/********** main content *******************************************************************************************************************************/
.content_wrap { width:100%; box-sizing:border-box;}
.main_content_wrap { width:calc(100% - 330px); float:left; }
.main_content_wrap .content { background:#fff; border:1px solid #ccc; padding:15px 15px 20px;  }

.content { box-sizing:border-box;  }

.title_blue .title_sub { margin-top:20px; }
.title_center { font-size:27px; text-align:left; letter-spacing:-1px; font-weight:900; display:inline-block; margin-top:6px; }
.sub_content_title { height:80px; }
.title_sub { font-size:18px; }
.title_orange { background: rgb(228,153,22);
background: -moz-linear-gradient(247deg, rgba(228,153,22,1) 0%, rgba(228,91,22,1) 100%);
background: -webkit-linear-gradient(247deg, rgba(228,153,22,1) 0%, rgba(228,91,22,1) 100%);
background: linear-gradient(247deg, rgba(228,153,22,1) 0%, rgba(228,91,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e49916",endColorstr="#e45b16",GradientType=1); background-size:100%;  color:#fff; padding:10px 10px 10px 17px; margin-bottom:20px; }
.title_orange h3 { float:left; line-height:40px; }
.title_orange button { background:#fff; color:#e47916; border:1px solid #c9670d; transition-duration:0.5s; }
.title_orange button:hover { background:#fff; border-color:#fff; color:#e47916; transition-duration:0.5s; }
.title_orange input, .title_blue input:hover, .title_orange select, .title_orange select:hover {  }

.patient_info_wrap { padding:15px; background:url(/images/custom/me/bg_artclass_line.jpg) repeat-y; border:1px solid #ccc;}
.patient_info { width:100%; background:#fff; padding:20px 15px 15px; box-sizing:border-box; }
.patient_info .content { border:none; padding:0; }
.patient_info .content td { background:#fff; }

.prescription {  }
.prescription > li { margin-bottom:20px; border-bottom:1px solid #ccc; }
.prescription > li:last-child { margin-bottom:0; }

.pres_content { height:0; padding: 0 20px; box-sizing:border-box; background:#f5f5f5; overflow:hidden; transition-duration:0.5s; }
.prescription > li.active .pres_content { display:block; border-top:1px solid #ccc; height:650px; padding: 25px 20px 0 ; box-sizing:border-box; background:#f5f5f5; transition-duration:0.5s;}
.prescription > li .pres_title::after { width:13px; height:7.3px; position:absolute; content:''; top:28px; right:15px; background:url(/images/custom/me/arrow_down_b.svg) no-repeat; background-size:contain; transform:rotate(0deg); transition-duration:0.5s; }
.prescription > li.active .pres_title::after { transform:rotate(180deg); transition-duration:0.5s; }

/*타이틀*/
.pres_title { width:100%; padding:20px 15px; position:relative; box-sizing:border-box; border-top:1px solid #ccc; cursor:pointer; transition-duration:0.5s;}
.pres_title:hover { background:#f9f9f9;transition-duration:0.5s; }
.pres_title dl { float:left; }
.pres_title dt { display:inline-block; margin-right:5px; font-weight:600; font-size:1.2em; }
.pres_title dd { display:inline-block; margin-right:5px; font-weight:400; font-size:1em; }
.pres_title dd span { height:22px; line-height:22px; }
.pres_title dd span::after { content:','; }
.pres_title dd span:last-child::after { content:''; }
.pres_title .count { color:#227dbd; }

/*주치증상, 미수반증상 설정*/
.cond1 span { color:#227dbd; margin-right:5px; }
.cond2 span { color:#da1414; }

/* totalList */
.summery { width:100%; }
.summery p { width:calc(100% - 50px); float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; }
.summery span { float:right; width:50px; text-align:right; color:#227dbd; }

/* 처방상태 */
.presList_rule { margin:0 0 15px; }
.presList_rule li { margin-right:10px; display:inline-block;  }
.presList_rule li span { width:15px; height:15px; border-radius:25px;display:inline-block; border:1px solid #ccc; position:absolute; top:8px; left:0; }
.presList_rule li p { height:32px; padding-left:25px; line-height:32px; display:inline-block; font-size:1.1em; position:relative; }

/*처방리스트*/
.pres_list_wrap { width:100%; box-sizing:border-box; }
.pres_list_left { width:calc(100% - 250px); float:left; border:1px solid #ccc; background:#fff; box-sizing:border-box;  }

.thead { width:100%; border-bottom:1px solid #ccc; }
.thead::after, .thead li::after { clear:both; display:block; content:''; }
.thead li { float:left; height:56px; display:inline-block; text-align:left; padding:15px 15px; box-sizing:border-box; }
.thead li span { line-height:25px; display:inline-block; font-weight:600; }
.thead li button { margin-left:5px; border:1px solid #999; background:none; }
.thead li button:hover { border:1px solid #666; background:none; }
.thead li:nth-child(1) { width:7%; text-indent:-5000px; }
.thead li:nth-child(2) { width:8%; text-align:center; }
.thead li:nth-child(3) { width:28%; text-align:center; }
.thead li:nth-child(4) { width:38%; text-align:center; }
.thead li:nth-child(5) { width:19%; }

.thead input[type="checkbox"] + label span, .tbody input[type="checkbox"] + label span { margin:0; }

.tbody { width:100%; height:500px; overflow-y:auto; }
.tbody li { width:100%; height:50px; border-bottom:1px solid #ededed;}
.tbody li:last-child { border-bottom:none; }
.tbody li::after { clear:both; display:block; content:''; }
.tbody li .td { float:left; display:inline-block; padding:13px 5px; display:inline-block; box-sizing:border-box; }
.tbody li .td p { width:100%; line-height:1em; padding-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; }
.tbody li .td:nth-child(1) { width:7%; text-align:center; }
.tbody li .td:nth-child(2) { width:8%; text-align:center; padding:13px 15px; box-sizing:border-box; }
.tbody li .td:nth-child(3) { width:28%; }
.tbody li .td:nth-child(4) { width:38%; }
.tbody li .td:nth-child(5) { width:19%; text-align:center; }
.tbody li.active .td label { font-weight:600; }

.bookmark { cursor:pointer; width:20px; height:23px; display:inline-block; line-height:1em !important; background:url(/images/custom/me/star-regular.svg) 50% 100% no-repeat; background-size:contain; float:left; }
.bookmark.active { background:url(/images/custom/me/star-solid.svg) 50% 100% no-repeat; background-size:contain;}

/* header member menu tooltip */
[data-tooltip-text] {}
[data-tooltip-text]:after {  }
[data-tooltip-text]:hover { position:relative; }
/*[data-tooltip-text]:hover:before { animation-duration:1s; animation-name:tooltip; animation-fill-mode: both; width:20px; height:17px; position:absolute; top:16px; left:50%; margin-left:-10px; z-index: 9999; background: url(/images/custom/me/tooltip.png) 0 0% no-repeat; background-size:contain; content:''; }*/
[data-tooltip-text]:hover:after { background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; color: #3c3c3c; font-size: 11px; content: attr(data-tooltip-text); top: 20px; left: 0; padding: 5px; text-align:center;position: absolute; width: auto; height:auto; box-sizing:border-box; z-index: 99999;  box-shadow:0 0 15px 0 rgba(0,0,0,0.2); animation-duration:1s; animation-name:tooltip; animation-fill-mode: both; }

@keyframes tooltip { from { transform:translateY(-10px) } 30% { transform:translateY(3px); } to { transform:translateY(0px); } }


/*구성약재선택*/
.pres_list_right { width:235px; float:right; background:#fff; box-sizing:border-box; border:1px solid #ccc; }
.pres_list_right p { padding:18px 15px 0 15px; height:57px; box-sizing:border-box; font-size:15px; font-weight:600; border-bottom:1px solid #ccc; }
.pres_list_right ul { height:500px; overflow-y:auto; padding:0 10px; box-sizing:border-box; }
.pres_list_right li { width:100%; padding:13px 0; box-sizing:border-box; }
.pres_list_right li span { margin-left:5px; }
.pres_list_right .include {  height:25px; float:right; }
.pres_list_right .include img { width:90%; margin-top:5px; }

/*체크박스, 라디오박스 설정*/
.include input[type="radio"] { display:none;}
.include input[type="radio"] + label { color:#3c3c3c; cursor:pointer; font-size:1em;  }
.include input[type="radio"] + label:hover { color:#999; }
.include input[type="radio"] + label span { display:inline-block; width:25px; height:25px; margin:-2px 0 0 0; vertical-align:middle; cursor:pointer; }

.include input[type="radio"].incY + label span { background:url(/images/custom/me/icon_yes.svg) 50% 50% no-repeat #c0e2ab; border:1px solid #99d078; }
.include input[type="radio"].incN + label span { background:url(/images/custom/me/icon_no.svg) 50% 50% no-repeat #f5d9d9; border:1px solid #f2b8b8; }

.include input[type="radio"].incY + label:hover span { background:url(/images/custom/me/icon_yes.svg) 50% 50% no-repeat #72b947; border:1px solid #50902a; }
.include input[type="radio"].incN + label:hover span { background:url(/images/custom/me/icon_no.svg) 50% 50% no-repeat #e71e03; border:1px solid #ae1500; }

.include input[type="radio"]:checked.incY + label span { background:url(/images/custom/me/icon_yes.svg) 50% 50% no-repeat #72b947; border:1px solid #50902a; }
.include input[type="radio"]:checked.incN + label span {background:url(/images/custom/me/icon_no.svg) 50% 50% no-repeat #e71e03; border:1px solid #ae1500; }

/*하단 메뉴*/
.content.sub_content .top_button_wrap { margin-bottom:15px; }
.sub_content_title .top_button_wrap { display:inline-block; float:right; margin-top:20px; }

.top_check { line-height:40px; }
.bottom_button_wrap { margin-top:20px; }

/*리스트 컬러 설정*/
.pres1 { background:#c6e2f4; }
.pres2 { background:#e2f3fe; }
.pres3 { background:url(/images/custom/me/star-solid.svg) 50% 100% no-repeat; width:20px !important; hegiht:20px !important; display:inline-block; background-size:contain; border:none !important; }


/********** member *******************************************************************************************************************************/
.member_wrap { width:100%; background:url(/images/custom/me/bg_logo.png) 50% 50% #fff no-repeat; background-attachment:fixed; position:relative; box-sizing:border-box; }
.member_box { padding: 35px 0; box-sizing:border-box; transition-duration:0.5s;}
.member_box h2 { font-size:1.8em; margin-bottom:40px; }
.member_box li .inputText,
.member_box li .selectText,
.member_box li .btn_m { height:50px !important;}

/* 로그인 */
.login_wrap {width:400px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:5px; padding:40px 20px 20px; background:#fff; border:1px solid #ddd; box-shadow:5px 5px 20px 0 rgba(0,0,0,0.1); }
.login_wrap ul { text-align:right; }
.login_wrap li { margin-bottom:10px; }
.login_wrap li:last-child { margin-bottom:0; }
.login_wrap li ul li { display:inline-block; margin-left:3px; margin-bottom:0; }
.login_wrap li ul li a { border:1px solid #999; color:#999; padding:5px 8px; font-size:12px; border-radius:2px; }
.login_wrap li ul li a:hover { border:1px solid #333; color:#333; }
.login_option { margin:20px 0 !important; }
.option .choice { display:inline-block; width:auto; border:none; }

.join_wrap { width:550px; margin:0px auto; border-radius:5px;}
.join_wrap li { width:100%; margin-bottom:10px; border:1px solid #ddd; position:relative; background:#f9f9f9; box-shadow:5px 5px 15px 0 rgba(0,0,0,0.1); }
.join_wrap li:hover { border-color:#666; transition-duration:0.5s; }
.join_wrap li:last-child { margin-bottom:0; }
.join_wrap li::after { display:block; clear:both; content:''; }
.join_wrap .option { margin-top:18px; margin-left:10px; }
.join_wrap li .title { width:140px; float:left; height:60px; font-weight:600; padding-left:10px; box-sizing:border-box; line-height:60px; position:absolute; top:50%; transform:translateY(-50%); }
.form.heightauto.pd5 { padding:10px !important; }
.form.heightauto.pd5 .mb7 { margin-bottom:10px !important; }
.must { position:relative; color:#F30; font-size:0.8em; margin-right:5px; }

.join_wrap li .form { width:calc(100% - 140px); float:right; height:60px; background:#fff; }
.join_wrap li .form .inputText,
.join_wrap li .form .selectText,
.join_wrap li .form .btn_m { border:none; height:60px !important; }

.join_wrap input[type="radio"] + label {  }
.join_wrap .btn_half { margin-top:30px; }

.join_wrap li.btn_half { border:none; }
.btn_half button { float:left; width:calc(50% - 2px); margin:0; }
.btn_half button:nth-child(1) { margin-right:4px; }
.btn_half::after { display:block; clear:both; content:''; }


/********** 데이터수집 *******************************************************************************************************************************/

.paper { width:100%; padding:15px; box-sizing:border-box; border:1px solid #e9e9e9; background:#fff; transition-duration:0.5s; }

.paper_content { padding:20px; box-sizing:border-box; }
.paper_content::after { clear:both; content:""; display:block;}
.paper_content.typeBorder { border:15px solid #e3e3e3; padding:20px; box-sizing:border-box; }
.paper .title_wrap { padding:5px 10px 0 5px; box-sizing:border-box; }
.title_orange.calc-10 { width:calc(100% - 35px); margin-left:5px; margin-bottom:10px; }
.in_paper_wrap {  }

.filebox label { display: inline-block; padding: 5px 15px; color: #fff; font-size: 13px; font-weight:400; line-height: normal; vertical-align: middle; background-color: #555555; cursor: pointer;  border-radius: 50px; }
.filebox label:hover { background:#777; transition-duration:0.5s; }
.filebox input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.file_list { padding:10px 0; }
.file_list li { display:block; clear:both; margin-bottom:15px; }
.file_list li:last-child { margin-bottom:0; }
.file_list li .row { position:relative; display:inline-block; }
.file_list li a { display:inline-block; margin-right:10px; font-weight:400; float:left; }
.file_list li a:hover { color:inherit; }
.file_list li .del {width:40px; text-align:center; height:22px; font-size:11px; line-height:22px; display:inline-block; cursor:pointer; background:#fff; border:1px solid #555555; position:absolute; top:-5px; right:-45px; }
.file_list li .del:hover { background:#555; color:#fff; }
.file_list li .file_down { padding:0 10px; text-align:center; height:22px; font-size:11px; line-height:22px; display:inline-block; cursor:pointer; background:#fff; border:1px solid #555555; margin-left:5px; /*position:absolute; top:-5px; right:-57px;*/ }
.file_list li .file_down:hover { background:#555; color:#fff; }

.filelist_wrap a { font-weight:400 !important; }

.file_down1 { padding:0 10px; text-align:center; height:22px; font-size:11px; line-height:22px; display:inline-block; cursor:pointer; background:#fff; border:1px solid #555555; margin-left:5px; /*position:absolute; top:-5px; right:-57px;*/ }
.file_down1:hover { background:#555; color:#fff; }

/*기존 메인 리스트
.data_coll { border-top:2px solid #ccc; width:100%; height:auto; padding-bottom:10px; }
.data_coll .depth_1 { display:block; clear:both; border-bottom:1px solid #ededed; padding:16px 10px; }
.data_coll .depth_1::after { content:''; display:block; width:100%; clear:both; }
.data_coll .depth_1:last-child { padding-bottom:10px; border-bottom:none; }
.data_coll .depth_1 p { width:150px; float:left; font-weight:600; font-size:15px; line-height:1em; }
.data_coll .depth_2 { width:calc(100% - 150px); display:inline-block; float:right; text-align:left;line-height:1em; }
.data_coll .depth_2 li { line-height: 100%; display:inline-block; margin-right: 6px;
    padding-right: 12px; line-height:1em; border-right:1px solid #ccc; }
.data_coll .depth_2 li a { width:auto; display:inline-block; font-weight:400;line-height:1em;  }
.data_coll .depth_2 li a:hover { color:#e47916; }
.data_coll .depth_2 li:last-child { border-right:none;  }
.data_coll .depth_2 li.fin { position:relative; padding-right:45px; }
.data_coll .depth_2 li.fin a { font-weight:600; color:#e47916; }
.data_coll .depth_2 li.fin::after { content:'완료'; width:30px; padding:3px 0; text-align:center; display:inline-block; border-radius:30px; background:#e47916; color:#fff; font-size:0.5em;  position:absolute; right:10px; top:-2px; }
.data_coll .depth_2 li.none a { color:#ccc; text-decoration:line-through; }
.btn_back { border:none; background:none; float:left; margin-right:20px; }
.btn_back:hover { color:#e47916; }*/

.data_coll { width:100%; height:auto; margin-top:10px; padding-bottom:0; }
.data_coll .depth_1 {display:block;clear:both;}
.data_coll .depth_1::after { content:''; display:block; width:100%; clear:both; }
.data_coll .depth_1:last-child { }
.data_coll .depth_1 p { width:150px; float:left; font-weight:600; font-size:15px; line-height:150px; text-align:center; }
.data_coll .depth_2 {width: 100%;display:inline-block; text-align:left;line-height:1em;padding: 10px 10px;box-sizing:border-box;}
.data_coll .depth_2 li {float:left;width: calc(50% - 10px);display:inline-block;margin: 5px;line-height:1em;box-sizing:border-box;border:1px solid #ddd;background:#fff;transition:all .5s;}
.data_coll .depth_2 li:hover { border-color:#999;}
.data_coll .depth_2 li a {width:100%;display:inline-block;font-weight:400;line-height:1.3em;padding: 10px;box-sizing:border-box;}
.data_coll .depth_2 li a:hover { }
.data_coll .depth_2 li a span { text-align:left; display:inline-block;}
.data_coll .depth_2 li:last-child { margin-right:0;  }
.data_coll .depth_2 li.fin { border:1px solid #e47916;  }
.data_coll .depth_2 li.fin a { font-weight:600; color:#e47916; }
.data_coll .depth_2 li.fin .count.active button { border:1px solid #ccc; color:#666 }
.data_coll .depth_2 li.fin .count {  }
.data_coll .depth_2 li .count {padding: 0 7px 10px 7px;box-sizing:border-box;width:100%;color:#999;text-align:center;}
.data_coll .depth_2 li .count.active {text-align:left;}
.data_coll .depth_2 li .count button { width:25px; height:25px; display:inline-block; background:#fff; border:1px solid #ccc; color:#666; text-align:center; line-height:25px;transition:all .5s; }
.data_coll .depth_2 li .count button:hover { border-color:#666; color:#666; background:#f1f1f1; }
.data_coll .depth_2 li .count span { font-weight:600; color:#666; display:inline-block; }
.data_coll .depth_2 li .count span.now { margin:5px 5px 0 5px; }
.data_coll .depth_2 li .count span.total { margin:5px 0 0 5px; }
.data_coll .depth_2 li.none { opacity:0.5; }
/*.data_coll .depth_2 li.fin span::after { content:'완료'; width:30px; padding:3px 0; text-align:center; display:inline-block; border-radius:30px; background:#e47916; color:#fff; font-size:0.5em;  position:absolute; right:-40px; top:-2px; }
*/
.data_coll .depth_2 li.none a { color:#ccc; text-decoration:line-through; }
.data_coll .depth_2 li:not(.none) a { cursor: pointer; }
.data_coll .depth_2 li.none:hover { border-color:#ddd; }
.data_coll .depth_2 li.none button:hover { background:#fff; border:1px solid #ccc; color:#999 }
.btn_back { border:none; background:none; float:left; margin-right:20px; }
.btn_back:hover { color:#e47916; }

.signpost { float:right; }
.signpost li { display:inline-block; position:relative; padding-right:20px; opacity:0.7; }
.signpost li::after { background:url(/images/custom/me/arrow_right.png) 50% 50% no-repeat; display:inline-block; width:15px; height:15px; content:''; right:0; top:3px; position:absolute; opacity:0.7; }
.signpost li:last-child { padding-right:0; opacity:1; font-weight:600; }
.signpost li:last-child::after { display:none; }


/********** 진료관리 *******************************************************************************************************************************/
.sub_page_section { padding:45px 0 40px; }

.composition { width:100%; }
.composition li { padding:13px 0; border-bottom:1px solid #ededed; }
.composition li:last-child { border-bottom:none; }
.composition p { }
.composition p span { margin-left:20px; display:inline-block; font-weight:600; }

.resMenu { margin:30px 0; }
.resMenu .menuwrap { float:left; margin-right:5px; }
.resMenu .menuwrap .menu1 { position:relative; min-width:200px; }
.resMenu .menuwrap .menu1 p { width:100%; padding:0 10px; box-sizing:border-box; height:45px; line-height:45px; display:inline-block; position:relative; border:1px solid #ccc; cursor:pointer; border-radius:2px !important;}
.resMenu .menuwrap .menu1 p::after { content:''; display:inline-block; width:10px; height:10px; position:absolute; top:17px; right:10px; transform:rotate(0deg); background:url(/images/custom/me/arrow_down_b.svg) 100% 50% no-repeat; background-size:contain;transition-duration:0.3s; }
.resMenu .menuwrap .menu1 p:hover { border:1px solid #666; }
.resMenu .menuwrap .menu2 { display:none; position:absolute; top:45px; left:0; width:100%; box-sizing:border-box; background:#fff; border:1px solid #ccc; border-top:none; z-index:9; }
.resMenu .menuwrap .menu2 li.actived, .resMenu .menuwrap .menu2 li.actived:hover a { background:#ffe8d3; font-weight:400; }
.resMenu .menuwrap .menu2 li a { width:100%; height:30px; padding:0 10px; box-sizing:border-box; line-height:30px; display:inline-block; }
.resMenu .menuwrap .menu2 li a:hover { background:#f4f4f4; font-weight:400;}
.resMenu .menuwrap .menu1.open p, .resMenu .menuwrap .menu1.open .menu2 { border-color: #666; }
.resMenu .menuwrap .menu1.open p::after { transform:rotate(180deg); transition-duration:0.3s; }
.resMenu .menuwrap .menu1.open .menu2 { display:block; }

.colorChip { width:20px; height:20px; border-radius:20px; display:inline-block; text-indent:-5000px; margin-right:5px; vertical-align: middle}

.tabMenu { border-bottom:1px solid #666; height:60px; margin-top: 20px;}
.tabMenu li { display:inline-block; float:left; text-align:center; box-sizing:border-box; height:60px; }
.tabMenu li.active { background:#fff; border:1px solid #666; border-bottom:none; height:61px;}
.tabMenu li:first-child {  }
.tabMenu li a { padding:0 20px; height:60px; line-height:60px; display:inline-block; font-size:1.1em; }
.tabMenu li a:hover { font-weight:400; }
.tabMenu::after { clear:both; content:''; width:100%; display:block; }

.paper_tab { width:100%; box-sizing:border-box; padding:40px 20px 20px; }
.paper_tab h4 { margin-bottom:35px; }

.stUse_Wrap { width:100%; position:relative; }
.stUse_list { width:100%;  }
.stUse_list tr:hover { background:none; }
.stUse_list th, .stUse_list td { height:100px; vertical-align:middle; text-align:left; }
.stUse_list td { border-left:1px solid #ccc; border-bottom:1px dashed #ddd; }
.stUse_list .stUse { position:relative; }
.stUse_list .stUse span { position:absolute; text-align:right; font-size:10px; padding:0 10px; box-sizing:border-box; display:inline-block; height:15px; line-height:15px; border-radius:0 10px 10px 0; }
.stUse_list .stUse span.all { top:28px; background: rgb(240,132,0);
background: -moz-linear-gradient(29deg, rgba(240,132,0,1) 0%, rgba(245,177,3,1) 100%);
background: -webkit-linear-gradient(29deg, rgba(240,132,0,1) 0%, rgba(245,177,3,1) 100%);
background: linear-gradient(29deg, rgba(240,132,0,1) 0%, rgba(245,177,3,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f08400",endColorstr="#f5b103",GradientType=1); }
.stUse_list .stUse span.done { bottom:28px; background: rgb(180,180,180);
background: -moz-linear-gradient(29deg, rgba(180,180,180,1) 0%, rgba(212,212,212,1) 100%);
background: -webkit-linear-gradient(29deg, rgba(180,180,180,1) 0%, rgba(212,212,212,1) 100%);
background: linear-gradient(29deg, rgba(180,180,180,1) 0%, rgba(212,212,212,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#b4b4b4",endColorstr="#d4d4d4",GradientType=1); }

.stUseInfo { text-align:right; margin-top:20px; }
.stUseInfo p { display:inline-block; margin-left:20px; }
.stUseInfo p::before { content:''; display:inline-block; border-radius:50px; width:15px; height:15px; margin-right:5px; margin-top:4px; float:left;}
.stUseInfo .p1::before { background:rgba(240,132,0,1); }
.stUseInfo .p2::before { background:#ccc; }


/* 설망진 20191211 */
.coatedT { display:inline-block; position:relative; }
.coatedT::before {position:absolute; left:-60px; top:-8px; content:''; width:40px; height:40px; border-radius:40px; display:inline-block;}
.coatedT.type1::before { background-image : url('/images/custom/me/coatedTongueLow.png'); }
.coatedT.type2::before { background-image : url('/images/custom/me/coatedTongueMiddle.png'); }
.coatedT.type3::before { background-image : url('/images/custom/me/coatedTongueHigh.png'); }


/********** footer *******************************************************************************************************************************/
#footer { width:100%; height:120px; padding:35px 0 0; background:#fff; border-top:1px solid #e9e9e9; position:relative; box-sizing:border-box; text-align:center; font-size:0.9em; line-height:1.8em; color:#888; letter-spacing:0; }

.skip_top { position:fixed; opacity:0; bottom:-20px; right:20px; text-align:center; box-sizing:border-box; text-indent:-5000px; color:#fff; overflow:hidden; text-transform:uppercase; font-size:15px; font-weight:500; width:60px; height:60px; border-radius:60px; overflow:hidden; cursor:pointer; transition-duration:.5s; background: rgb(228,153,22);
background: -moz-linear-gradient(247deg, rgba(228,153,22,1) 0%, rgba(228,91,22,1) 100%); transition:all 0.3s;
background: -webkit-linear-gradient(247deg, rgba(228,153,22,1) 0%, rgba(228,91,22,1) 100%);
background: linear-gradient(247deg, rgba(228,153,22,1) 0%, rgba(228,91,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e49916",endColorstr="#e45b16",GradientType=1); }
.skip_top::before, .skip_top::after { content:''; background:url(/images/custom/me/arrow_up.svg) 50% 50% no-repeat; width:15px; height:15px; z-index:9; width:20px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.skip_top::after { z-index:9; width:20px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.skip_top:hover { box-shadow: 0 0 15px 0 rgba(0,0,0,0.3); }
.skip_top:hover::before {  animation-duration:0.3s; animation-name:skip_top1; animation-fill-mode: both; }
.skip_top:hover::after {  animation-duration:0.3s; animation-name:skip_top2; animation-fill-mode: both; }
@keyframes skip_top1 { from { transform:translate(-50%,-50%); } to { transform:translate(-50%,-300%); opacity:0; } }
@keyframes skip_top2 { from { transform:translate(-50%,300%); opacity:0; } to { transform:translate(-50%,-50%); opacity:1; } }

.skip_top.fix { opacity:1; bottom:20px; }

/********** 동의서 및 수진자 정보 입력 *******************************************************************************************************************************/

.radio_top_wrap { width:100%; padding:10px; background:#ff8a1e; box-sizing:border-box; border-radius:10px; transform:translateY(-15px); }
.radio_top { width:100%; height:100%; padding:15px 30px; background:#fff; box-sizing:border-box; border-radius:5px; }
.radio_top li { width:20%; margin:10px 0; float:left; font-size:15px; }
.radio_top::after { display:block; clear:both; content:''; }

.list_left li { margin:5px 20px 5px 0; display:inline-block; height:42px; line-height:42px; }
.list_left li:last-child { margin-right:0; }
.list_left::after { content:''; clear:both; display:block; }

.list_line li { margin-bottom:10px;; }

.sub_q { border:15px solid #ededed; }
.sub_q_list { padding:20px;  }
.sub_q_list strong { margin-bottom:10px; display:block; font-size:1.1em; }
.sub_q_list em { margin:0 5px; font-style:normal; }

.form_explain {  }
.form_explain p { margin-bottom:5px; padding-left:10px; }

.agree_date { border-top:2px solid #666; border-bottom:1px solid #ddd; padding:20px 0; }
.agree_date strong { line-height:40px; font-size:18px; margin-right:15px; display:block; }

.sub_q strong { font-size:15px; }

.question_wrap { box-sizing:border-box; width:100%; border-bottom:1px solid #ddd; }
.question { padding:20px 20px 15px; }
.question strong { font-size:1.1em; position:relative; padding-left:15px; }
.question strong::before { content:''; width:5px; height:5px; background:#333; border-radius:10px; display:inline-block; position:absolute; top:50%; transform:translateY(-50%); left:0; }
.question_form { padding-left:17px; }

.table_notice { width:100%; border:1px solid #ccc;}
.table_notice th { border:none; border-top:1px solid #ccc; border-right:1px solid #ccc; }
.table_notice td { border:none; border-top:1px solid #ccc; border-right:1px solid #ccc; }
.table_notice th, .table_notice td { background:#fff; padding:10px 0; text-align:center; }
.table_notice th:last-child, .table_notice td:last-child { border-right:none; }

.openpopup { cursor:pointer; }

/*서명*/

.sign_wrap { float:left; }
.signature { display:inline-block; }
.signature::after { display:inline-block; content:''; clear:both; }
.signature strong { font-size:15px; height:40px; line-height:40px; margin-right:10px; display:inline-block; float:left;}
.signature .sign { position:relative; height:40px; display:inline-block; margin-left:10px; }
.signature .sign p { font-family:sign; bottom:0; font-size:25px; text-align:center; width:118px; height:40px; line-height:40px; box-sizing:border-box; background:#ccc; opacity:0.1; }
.signature .sign button { position:absolute; z-index:9; top:50%; left:50%; transform:translate(-50%,-50%); font-size:11px; width:118px; height:40px; }
.signature .sign.confirm p { opacity:1; background:#e9e8ab; border:1px solid #d3d187; border-radius:2px; }
.signature .sign.confirm button { opacity:0; pointer-events:none; }
.sign_date { display:inline-block; float:left; height:40px; line-height:40px; margin-left:40px;}


/* animation ****************************************************************************************************************/

/* autocomplete */
.ui-autocomplete {height: 350px; overflow-x: hidden; overflow-y: auto;}


/*210421 디자인 추가 및 수정*/
.relative {position:relative;}
.table_wrap { width:100%; overflow-y: auto; }
.left_conts { width:50%; float:left; padding:0 10px 0 0; box-sizing: border-box;}
	.left_conts > .inspec_text_wrap{overflow-y: auto; padding: 15px; box-sizing: border-box; border: 1px solid #ccc;}
.right_conts { width:50%; float:right; padding:0 0 0 10px; box-sizing: border-box;}
	.right_conts > .inspec_img { width: calc(50% - 10px); position: absolute; margin-top: 50px; height: calc(100% - 50px);  overflow-y: auto; background: #f1f1f1; padding: 10px; box-sizing: border-box; border: 1px solid #ddd;}
	.right_conts > .inspec_text_wrap{overflow-y: auto; padding: 15px; box-sizing: border-box; border: 1px solid #ccc;}
.clear::after { clear:both; display:block; content:''; }
.data_left_wrap {float:left;width: calc(300px - 0px);/* padding-right:20px; */margin: 0 20px 0 0;border: 1px solid #ededed;/* margin-bottom: 10px; */box-sizing: border-box;background: #f5f5f5;height: 100%;overflow-y: auto;}
.data_left_wrap > .data_coll { margin-top:0; }
.ls_m1 { letter-spacing:-1px;}
	.desc_bts_wrap span { line-height:38px; margin:0 0 0 -22px;}
	.desc_bts {width: 22px;display: inline-block; position: absolute;margin-left: 5px; }
	.desc_bts a {width:100%;padding: 1px 0;text-align:center;background:#fff; border:1px solid #ccc; display:block; transition-duration: 0.3s; border-radius: 2px;}
	.desc_bts a:hover {border:1px solid #666; }
	.desc_bts a:nth-child(2) { margin-top:2px;}

/*20210906*/
.map_wrap { width:100%; position:relative; display:flex; align-content:space-between; justify-content:center; border:1px solid #e2e2e2; background:#f9f9f9; border-radius:20px; margin-top:50px; flex-direction:column; align-items:center;}
.map { width:40%; }
.map svg { width:100%; height:900px; transform: translate(-120px, -35px) scale(1.2); }

.land { fill:#ddd;fill-opacity:1;stroke:white;stroke-opacity: 1;stroke-width:0.5;}
.land.on.sJeonla { fill:#009d96; stroke:#009d96; transition:all 0.3s; }
.land.on.busan { fill:#62bb46; stroke:#62bb46; transition:all 0.3s; }
.land.on.daejeon { fill:#646a50; stroke:#646a50; transition:all 0.3s; }
.land.on.incheon { fill:#064f94; stroke:#064f94; transition:all 0.3s; }
.land.on.gyeonggi { fill:#febe10; stroke:#febe10; transition:all 0.3s; }
.land.on.nChungcheong { fill:#2B1872; stroke:#2B1872; transition:all 0.3s; }
/* .land.on { fill:#e49916; stroke:#e47916; cursor:pointer; transition:all 0.3s; } */
/* .land.on:hover { fill:#e47916; } */
/*.PS { fill:#e49916; cursor:pointer; }
.busan { fill:#e49916; cursor:pointer; }
.daejeon { fill:#e49916; cursor:pointer; }
.gyeonggi { fill:#e49916; cursor:pointer; }
.sJeonla { fill:#e49916; cursor:pointer; }*/

.map_info_wrap { width:calc(100% - 100px); transform:translateY(-50px); }
.map_info_wrap .title { display:flex; justify-content:flex-start; align-content:center; margin-bottom:15px; line-height:1.3em; font-weight:600;}
.map_info_wrap .title .u_logo { width:25px; height:25px; overflow:hidden; display:flex; justify-content:center; align-content:center; margin-right:10px; }
.map_info_wrap .title .u_logo img { width:100%; height:auto; }
.map_info { display:flex;flex-direction:column; width:100%; border:1px solid #e2e2e2; background:#fff; box-sizing:border-box; border-radius:15px; overflow:hidden; padding:20px; box-shadow:0 0 20px 0 rgba(0,0,0,0.1); }

.map_info_wrap ul { display:flex; justify-content:flex-start; flex-wrap:wrap;}
.map_info_wrap ul li { border-right:1px solid #e2e2e2; padding:10px; margin:10px; width:calc(20% - 20px); box-sizing:border-box; }
.map_info_wrap ul li:nth-child(1), .map_info_wrap ul li:nth-child(2), .map_info_wrap ul li:nth-child(3), .map_info_wrap ul li:nth-child(4), .map_info_wrap ul li:nth-child(5) { border-top:none; }
.map_info_wrap ul li:nth-child(5n) { border-right:none; }
.map_info_wrap ul li .map_count { padding-left:33px; }
.map_info dl { display:flex; justify-content: flex-start; flex-direction:row; flex-wrap:wrap; font-size:.9em; align-items:flex-start; }
.map_info dt { width:80px; color:#999; margin:0; border-bottom:none; }
.map_info dd { width:calc(100% - 80px); color:#333; font-weight:600; margin:0; border-bottom:none;}

.map_info_total { width:300px; position:absolute; top:50px; right:50px;}
.total_info { display:flex;flex-direction:column; width:100%; border:1px solid #e2e2e2; background:#fff; box-sizing:border-box; border-radius:15px; overflow:hidden; padding:20px; box-shadow:0 0 20px 0 rgba(0,0,0,0.1); }
.total_info dl {width:100%; display:flex; flex-direction:column; font-size:1em; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ededed;}
.total_info dt { width:150px; color:#999; margin-bottom:5px; }
.total_info dd { width:calc(100% - 150px); color:#333; font-weight:600; }
.total_info dl:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; }

/* .map_count { width:100%; display:flex; align-content:center; justify-content:flex-start; flex-wrap:wrap;font-size:1em;}
.map_count dt { width:100px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ededed; }
.map_count dd { width:calc(100% - 100px); font-weight:600;  margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ededed;  }
.map_count dt:nth-child(3), .map_count dd:nth-child(4) { border-bottom:none; padding-bottom:0; margin-bottom:0; } */