@chart-set "utf=8";

@media print { 
	#header, #header_tm, #footer, .location_bar {display:none;} 
	html, body {width: 210mm; height: 297mm; margin:0 auto;}
	.tit_sectin .inner{width: 210mm; margin:0 auto;}
	#contents > .inner{width:100%;}
}
@page {
    size: A4;
}


/* common */
body,html { font-family:"SimSun", simsun, "Noto Sans KR" ,serif; color: #333;}
.modal-open{height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}
.clearfix:after {content: '';display: block; clear: both;}
.cf:after {content: '';display: block; clear: both;}
.tit{font-weight: 700 !important;}
.tit_mid{font-weight: 700 !important;}
.thin{font-weight: 500 !important;}

.pc {display:block;}
.mo {display:none;}
/* 조회된 내용이 없을 때 */
.nodata{background:#F4F5F8; font-size: 16px; text-align:center;padding:197px 0;color:gray; height:90%;width:100% !important;}

.inner02{width:1120px; margin: 0 auto;}

.f_l{float: left;}
.f_r{float: right;}
.float_l {float:left;}
.float_r {float:right;}
.flex{display:flex;}
.dp_none{display:none;}

.red_info {color: #a40f16 !important;}
.blue_info {color: #0d326f !important;}
.black_info {color:#000 !important;}
.gray_info {color:#777777 !important;}
.white_info {color:#fff !important;}

.blt_com{background: url(../../images/common/star01.png) no-repeat; padding-left: 10px; background-position: 0 10px;}
.select_box{position: relative; display: inline-block;}
.select_box select{width: 200px;}
select{font-size: 16px; padding: 12px 35px 12px 15px; outline:none; border:1px solid #ccc;color: #777777;  -webkit-appearance: none;  -moz-appearance: none;   appearance : none; cursor: pointer;}
.select_box:after{content: ''; display: block; position: absolute; width: 0;height: 0; top: 23px; right: 18px; border-top: 6px solid #999; border-bottom: 6px solid transparent; border-left: 4px solid transparent; border-right: 4px solid transparent;}

.select_box.select_search{width:460px;}
.select_box.select_search select{float:left; width: 400px;}
.select_box.select_search .btn_search{float:left; margin-left:10px;}
.select_box.select_search:after{right:75px;}
select::-ms-expand {display:none}

input,textarea{font-size: 16px; padding: 12px 10px 12px 10px; outline:none; border:1px solid #ccc; -webkit-appearance: none;  -moz-appearance: none;   appearance : none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
textarea{resize:none;}

.fz14{font-size: 14px;}
.fz15{font-size: 15px;}
.fz17{font-size: 17px;}
.fz18{font-size: 18px;}
.fz20{font-size: 20px;}
.fz30{font-size: 30px;}

.pb0{padding-bottom:0 !important;}
.pt0 {padding-top:0 !important;}

/* MARGIN */

.mt0 {margin-top: 0px !important;}	
.mt5 {margin-top: 5px !important;}	
.mt10 {margin-top: 10px !important;}	
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}	
.mt25 {margin-top: 25px !important;}	
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}	
.mt40 {margin-top: 40px !important;}	
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}	
.mt60 {margin-top: 60px !important;}	
.mt65 {margin-top: 65px !important;}	
.mt70 {margin-top: 70px !important;}	
.mt75 {margin-top: 75px !important;}	
.mt80 {margin-top: 80px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}	
.mb10 {margin-bottom: 10px !important;}	
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}	
.mb25 {margin-bottom: 25px !important;}	
.mb30 {margin-bottom: 30px !important;}	
.mb35 {margin-bottom: 35px !important;}	
.mb40 {margin-bottom: 40px !important;}	
.mb45 {margin-bottom: 45px !important;}	
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}	
.mb60 {margin-bottom: 60px !important;}	
.mb65 {margin-bottom: 65px !important;}	
.mb70 {margin-bottom: 70px !important;}	
.mb75 {margin-bottom: 75px !important;}	
.mb80 {margin-bottom: 80px !important;}

.ml0 {margin-left: 0px !important;}	
.ml5 {margin-left: 5px !important;}	
.ml10 {margin-left: 10px !important;}	
.ml15 {margin-left: 15px !important;}
.ml18 {margin-left: 18px !important;}
.ml20 {margin-left: 20px !important;}	
.ml25 {margin-left: 25px !important;}	
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}	
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}	
.ml55 {margin-left: 55px !important;}	
.ml60 {margin-left: 60px !important;}
.ml65 {margin-left: 65px !important;}	
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}	
.ml80 {margin-left: 80px !important;}

/* highlight */
.hlight{position:relative; display:inline-block; width:fit-content !important;}
.hlight:before{position:absolute; display:inline-block; content:""; width:100%; height:50%; top:50%; background-color:#ffee5f; z-index:-1;}

/*top_banner*/
.top_banner_wrap{position:relative;}
.top_banner_wrap .top_banner a > img{display: block; margin: 0 auto;}
.top_banner_wrap .inner{position:absolute;top: 10px;right:50%;margin-right: -580px;height: 16px;z-index:2;width:auto;}
.top_banner_wrap .inner .close_btn{width: 16px;height:16px;background: url('../../images/common/tb_close.png'); background-size: 16px 16px;font-size:0;text-indent:-99999px;}

/* .top_banner_wrap .top_banner_close{position:absolute; top: 25px; right: 50%; line-height: 30px; margin-right: -567px; display: inline-block; z-index: 1;}
.top_banner_wrap .top_banner_close{opacity: 0.5; display: inline-block;}
.top_banner_wrap .top_banner_close label input[type="checkbox"]{display:none;width: 10px; height: 10px; margin-top: -1px; margin-bottom: 1px;}
.top_banner_wrap .top_banner_close label input[type="checkbox"]:checked + span:before{background: #000;}
.top_banner_wrap .top_banner_close label span{font-size: 14px; display: inline-block; color: #000; letter-spacing: -1.4px; cursor: pointer;}
.top_banner_wrap .top_banner_close label span:before{display: inline-block; width: 8px; height: 8px; margin-right: 4px; border: 1px solid #222; content: '';}
.top_banner_wrap .top_banner_close a{display:inline-block; width: 10px; height: 10px; background: url('../../images/common/close_btn.png'); background-size: 10px 10px; margin-left:10px;} */

.top_banner_wrap .top_banner_controll{position:absolute; z-index: 1; top: 0px; left:360px;}
.top_banner_wrap .top_banner_controll .tb_prev{width: 11px;height: 9px;background:url('../../images/common/tb_prev.png');display: inline-block;margin-left: 10px;}
.top_banner_wrap .top_banner_controll .tb_next{width: 11px;height: 9px;background:url('../../images/common/tb_next.png');display: inline-block;margin-left: 10px;}
.top_banner_wrap .top_banner_controll .tb_play{width: 11px;height: 9px;background:url('../../images/common/tb_play.png');display: inline-block;margin-left: 10px;}
.top_banner_wrap .top_banner_controll .tb_pause{width: 11px;height: 9px;background:url('../../images/common/tb_pause.png');display: inline-block;margin-left: 10px;}

/* Header */
.hi_khmc{float:left;margin-top:19px;}
.sta ul {float:right; margin-top:19px}
.sta ul li{display:inline;position:relative;padding:0;float:left}
.sta ul.top li + li {margin-left: 22px; position: relative;}
.sta ul.top li + li:after{position: absolute;display: block; content: "";width: 1px; height: 10px; background-color: #fff; top: 9px; left: -10px;}
.sta ul li a{font-size: 14px; color: #fff;}
.sta_srch{float:right;clear:right; margin-top:7px}
.inputbox{width:150px;background:#2694eb;border:1px solid #227dc3;height:20px;float:left; color:#000}
.srchbtn{float:left; padding:0 0 0 4px;}

.sta ul.bottom .y_box{padding: 2px 12px 3px 12px; background-color: #b09269; border-radius:7px; margin-right: 20px;	}

.sta ul.bottom .b_box a{background-color: #3e7eae; padding: 0px 12px 1px 12px;position: relative;}
.sta ul.bottom .b_box + .b_box a:after{position: absolute;display: block; content: "";width: 1px; height: 10px; background-color: #fff; top: 9px; left: 0px;}
.sta ul.bottom .b_box_f a{border-radius:8px 0px 0px 8px;}
.sta ul.bottom .b_box_l a{border-radius: 0px 8px 8px 0px ;}

.header_top:after,
.header_top .float_r:after,
.header_top .float_r ul:after{display:block;clear:both;content:''}

#header{background:#0d3370;position:relative;}
.header_logo {position:absolute;bottom:20px;left:50%;margin-left: -600px;text-align:center;z-index:200;}
.header_logo a {display:block;}
.header_logo img {display:inline-block;margin-top:16px;width: 254px;}


.header_top {height:50px;}
.header_top .float_l {float:left;line-height:50px;}
.header_top .float_l a {color:#fff;background:#09234e;font-size:14px;line-height:34px;padding:0 10px;display:inline-block;}
.header_top .float_l a + a {margin-left:10px;}
.header_top .float_r {float:right;line-height:50px;height:50px;box-sizing:border-box;padding:8px 0;}
.header_top .float_r > ul {float:left;line-height:34px;}
.header_top .float_r > ul > li {float:left;padding:0;position:relative;}
.header_top .float_r > ul > li + li:after {content:'';display:block;border-left:1px solid #fff;position:absolute;width:1px;height:12px;margin-top:-6px;top:50%;left:0;}
.header_top .float_r > ul > li > a {font-size:15px;color:#fff;display:block;opacity: 0.8;}
.header_top .float_r > ul > li > a.sel_lang{padding-left: 10px;}
.header_top .float_r > ul > li > a.sel_lang img{width: 20px; height: 20px; display: inline-block; margin-top: 7px;}


.header_top .float_r .header_search  {float:left;overflow:hidden;}
.header_top .float_r .header_search input {float:left;width:0px;height: 34px;opacity:0;transition:all 1s;margin-left:-20px;padding:0 10px;}
.header_top .float_r .header_search .btn_header_search {float:left;width:34px;height:34px;line-height:28px;background:#56719b;text-align:center;}
.header_top .float_r .header_search .btn_header_search img {display:inline-block;vertical-align:middle;}
.header_top .float_r .header_search.active input {width: 200px;opacity:1;display:block;margin-left:0px;}
.header_top .float_r .header_search .img_search_off {display:none;}
.header_top .float_r .header_search.active .img_search_on {display:none;}
.header_top .float_r .header_search.active .img_search_off {display:inline-block;}
.header_top .lang_select {position:relative;width: 150px;}
.header_top .lang_select > a {padding-right:30px;position:relative;}
.header_top .lang_select > a:after {content:'';display:block;width:10px;height:10px;background:url('../../images/common/btn_top_select.png') center no-repeat;position:absolute;top:50%;margin-top:-5px;right:10px;}
.header_top .lang_select ul {display:none;position:absolute;top:42px;left:0;width:100%;background:#56719b;z-index:120; padding: 0 20px;box-sizing:border-box;}
.header_top .lang_select ul li {display:block;width:100%}
.header_top .lang_select ul li a {text-align:center;display:block;width:100%;line-height:30px;color:#d1e1fa;}
.header_top .lang_select ul li:hover a {background:#0a2148;color:#fff;}
.header_top .lang_select.active > a:after {transform: rotate(180deg);}

.gnb {background:#fff;position:relative;}
.gnb:after,
.gnb .gnb_con_1:after{content:'';display:block;clear:both;}
.gnb .gnb_con_1 {height:90px;display: flex;justify-content: flex-end;}
.gnb .gnb_con_1 > li {float:left;display:block;max-width:200px;height:90px;position:relative;display: flex;align-items: center;}
.gnb .gnb_con_1 > li > a {text-align:center;display:block;padding:0 20px;line-height:22px;font-weight:600;font-size:18px;}
.gnb .gnb_con_1 > li.active > a,
.gnb .gnb_con_1 > li:hover > a {text-shadow:0 0 #0d3370;color:#0d3370;/*font-weight:800;*/}
.gnb .gnb_con_bg {height:386px;background:url('../../images/common/gnb_bg.png');position:absolute;top:90px;left:0;width:100%;display:none;z-index:99;}
.gnb .gnb_con_2 {height:386px;display:none;overflow:hidden;position:absolute;top:90px;left:0;width:100%;z-index:100;width:100%;border-right:1px solid #092553;box-sizing:border-box;padding:10px 0 20px;}
.gnb .gnb_con_1 > li:first-child .gnb_con_2 {border-left:1px solid #092553;}
.gnb .gnb_con_1 li .gnb_con_2 li a {text-align:center;display:block;line-height:20px;padding:10px 0;color:#fff;font-size:16px;}
.gnb .gnb_con_1 li .gnb_con_2 li a:hover {background:#fff;color:#0d3370;text-shadow:0 0 #0d3370;}
.gnb .gnb_con_1 li.center .gnb_con_2 {background:#0d326f;}
.gnb .gnb_con_1 li.center .gnb_con_2 li {background:url('../../images/common/top_gnb_bg.png') top 60px center no-repeat;height:100%;}
.gnb .gnb_con_1 li.active .gnb_con_2 {background:#0d326f;}

/* 210915 gnb 수정 */
.gnb .gnb_con_1 > li > a {box-sizing:border-box;}
.gnb .gnb_con_1 > li:nth-child(1) > a {width:180px;}
.gnb .gnb_con_1 > li:nth-child(2) > a {width:170px;}
.gnb .gnb_con_1 > li:nth-child(3) > a {width:170px;}
.gnb .gnb_con_1 > li:nth-child(4) > a {width:170px;}
.btn_header_total{background: url('../../images/common/icon_header_total_bk.png') center no-repeat;padding:0 !important;}
/* END 210915 gnb 수정 */
/*header total*/
.btn_header_total {width:34px;height:34px;margin-left:0;/*background:url('../../images/common/icon_header_total.png') center no-repeat*/;display:inline-block;padding:0 !important;}
.total_menu {position:absolute;top:0;left:0;height:100vh;width:100%;padding:80px 0;box-sizing:border-box;overflow:hidden;overflow-y:auto;background:#fff;z-index:9000;display:none}
.total_menu .close_btn {position: relative;}
.total_menu .close_btn a {position: absolute; display: block; width: 30px; height: 30px;top:-60px; right:0px;}
.total_menu .close_btn a:before, .total_menu .close_btn a:after {content: '';position: absolute;top: 13px;display: block;width: 30px;height: 4px;background-color: #0d3370;-webkit-animation-fill-mode: forwards;-webkit-animation-duration: 0.5s;-webkit-animation-direction: normal;}
.total_menu .close_btn a:before {transform: rotate(-45deg);}
.total_menu .close_btn a:after {transform: rotate(45deg);}
.total_menu .gnb_con_1 {overflow:hidden;}
.total_menu .gnb_con_1 a {display:block;}
.total_menu .gnb_con_1 > li {float:left;width:20%}
.total_menu .gnb_con_1 > li > a {font-size:24px;margin-bottom:40px;color:#0d3370;font-weight:bold;}
.total_menu .gnb_con_1 .depth02 + .depth02 {margin-top:25px}
.total_menu .gnb_con_1 .depth02 > a {font-size:18px;line-height:30px;color:#333333;font-weight:bold;}
.total_menu .gnb_con_1 .depth03 a {font-size:16px;line-height:30px;color:#777777;}
.total_menu .gnb_con_1 .depth02 a:hover {color:#0d3370 !important;text-decoration: underline;}
.modal_open {overflow:hidden;}

/* footer */
#footer .footer_certified {background:#fff;padding:30px 0; border: 1px solid #d9d9d9;}
#footer .footer_certified ul {overflow:hidden;display: flex;align-items: center;}
#footer .footer_certified ul li {float:left;overflow:hidden; width:25%;}
#footer .footer_certified ul li img {display:inline-block;vertical-align:middle;}
#footer .footer_certified ul li div {width:calc(100% - 70px);display:inline-block;;padding: 5px 20px;font-size:16px;line-height:20px;font-weight:800;color:#111111;box-sizing: border-box;vertical-align:middle;}
#footer .footer_certified ul li div p {font-weight:400;color:#555555;}
#footer .footer_certified ul li:last-child div {padding: 5px 0 5px 20px;}
#footer .footer_content {background:#f7f7f7;}
#footer .footer_content .inner {padding:36px 0;}
#footer .footer_content .inner:after {content:'';display:block;width:100%;clear:both;}
#footer .footer_content .float_l + .float_l {margin-left:110px;}
#footer .footer_content h3 {font-size:18px;color:#111;}
#footer .footer_content p {font-size:16px;color:#717171;line-height:30px}
#footer .footer_content p a {color:#717171;display:inline-block;}
#footer .footer_content p span {margin:0 10px;display:inline-block;vertical-align: middle;height: 12px;border-left: 1px solid #717171;margin-top: -2px;}
#footer .footer_content .float_r .select_type02 + .select_type02 {margin-top:10px;} 
.footer_bottom {background:#717171;padding:28px 0 50px;}
.footer_bottom .inner {overflow:hidden;}
.footer_bottom .float_l p {font-size:14px;color:#cccccc;}
.footer_bottom .float_l p + p {margin-top:12px;}
.footer_bottom .float_l a {font-size:14px;margin:0 14px;color:#cccccc;}
.footer_bottom .float_l a:first-child {margin-left:0;}
.footer_bottom .footer_sns {overflow:hidden;}
.footer_bottom .footer_sns li {float:left;margin-left:12px;background:#858585;border-radius:50%;}
.footer_bottom .footer_sns li a {display:block;width:36px;height:36px;line-height: 30px;text-align:center;}
.footer_bottom .footer_sns li img {display:inline-block;vertical-align:middle;}
.footer_bottom .footer_sns li:hover {background:#555555;}

.select_type02 {position:relative;}
.select_type02 > a {display:block;/*width:240px;*/width:300px;line-height:50px;height:50px;/*padding:0 30px;*/padding:0 10px;box-sizing:border-box;border:1px solid #b4b4b4;background:#f7f7f7;transition:all 0.4s}
.select_type02 > a span {float:right;}
.select_type02 > a span:after {content:'+';display:block;font-size:23px;margin-top: -2px;}
.select_type02 .select_con {position:absolute;bottom:49px;left:0;background:#fff;width:100%;max-height:140px;overflow:hidden;overflow-y:auto;display:none;z-index:5;box-sizing:border-box;}
.select_type02 ul li a {display:block;/*padding:0 30px;*/padding:0 10px;font-size:16px;line-height:40px;}
.select_type02 .mCSB_scrollTools .mCSB_draggerContainer {margin:10px 0;}
.select_type02 .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background:#717171;width:3px;}
.select_type02 .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {width:3px;background:#bbbbbb;}

.select_type02.active {background:#fff;}
.select_type02.active > a{background:#fff;border:1px solid #717171;border-top:1px solid #fff;}
.select_type02.active > a span:after {content:'-';display:block;font-size: 30px;}
.select_type02.active .select_con {border:1px solid #717171;border-bottom:0;}


/* locationBar */

.location_bar{background-color: #f3f3f3; width: 100%;}
.location_bar .inner{padding: 18px 0;height:60px;box-sizing:border-box;}
.location_bar .inner:after{content:'';display:block;clear:both;}
.location_bar .inner > li {float: left;line-height:24px;height:24px;}
.location_bar .inner > li + li{margin-left: 35px; position: relative;width:auto;}
.location_bar .inner > li + li:after {content: '|' ; display: block; position: absolute; margin-left: -17px; top:0; color: #999999; font-size: 11px;}
.location_bar .inner li.loca_page > a{display: block; position: relative;	padding-right: 30px;}
.location_bar .inner li.loca_page > a:after{content: "";display: block; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent ; border-bottom: 6px solid transparent; border-top:6px solid #555555; top: 9px; right: 0; }
.location_bar .inner li a img{margin-top:5px;}
.location_bar .loca_depth{display: none;position:absolute;top:40px;left:0;background:#0d326f;padding:20px 20px;width:100%;box-sizing:border-box;z-index:20;min-width: 180px;}
.location_bar .loca_depth li {line-height:30px;}
.location_bar .loca_depth li a {font-size:13px;color:#acbedc;font-weight:300;display:inline-block;position:relative;}
.location_bar .loca_depth li:hover a {color:#fff;}
.location_bar .loca_depth li:hover a:after {border-bottom:1px solid #fff;display:block;width:100%;height:1px;position:absolute;bottom:0;left:0;content:'';}
.location_bar .inner > li.active > a{font-weight: 800;}
.location_bar .inner li.active > a:after{transform:rotate(180deg);top:4px;} 
/* .location_bar .loca_page.select03 .loca_depth ul {display:none;} */
.location_bar .inner .url_copy{float:right;}
.location_bar .inner .url_copy a{/*display:block;*/display:inline-block;}
.location_bar .inner .url_copy a + a{margin-left:3px;}
.location_bar .inner .url_copy a img{width:16px;}
.location_bar .inner .url_copy a.shareSns img{width:20px;margin-top:3px;}
.location_bar .inner .url_copy:after{content:'';display:none;}


/* contioner */
#contioner{font-size: 16px;min-height:calc(100vh - 556px)}
#contents{padding-bottom: 150px;}
/* title */

.tit_sectin{padding: 90px 0 55px 0; text-align: center;}
.tit_sectin .inner{position: relative;}
.tit_sectin h2{font-size: 40px; font-weight: 600; line-height: 50px;}
.tit_sectin .btn_wrap.right {padding: 0; top: 0; right: 0; position: absolute; margin-top: 0;}
.tit_sectin_txt {font-size:27px;text-align:center;}
.tit_sectin_sub {font-size:18px;line-height:28px;color:#777777;}
.tit_sectin_sub strong {font-weight:800;}
.sub_tit{text-align: center; font-size: 16px;color: #777;}
.sub_tit span {font-size: 28px; font-weight: 600;}

.sub_tit_shape{font-size: 20px; font-weight: 600; color: #767676;}
.sub_tit_shape:before{content:''; display: inline-block; width: 17px; height: 1px; background: #bababa; margin-right: 10px; vertical-align: middle;}
.sub_tit_shape:after{content:''; display: inline-block; width: 17px; height: 1px; background: #bababa; margin-left: 10px; vertical-align: middle;}
/* box */
.gray_box{background-color: #f3f3f3; border:1px solid #d9d9d9; }
.gray_box .gray_inner{padding: 35px;}
.blue_box{background-color: #f0f5fd;}
.blue_box .blue_inner{text-align: left;padding: 25px;}
.blue_box.combox .blue_inner .tit{font-size: 20px; padding-bottom: 10px; color: #333;}
.blue_box.combox .blue_inner p{font-size: 16px; color: #777; padding-left: 10px;}

.gline_box{border:1px solid #ccc;}
.gline_box .gline_inner{}
/* list style*/

[class^='li-'] li {position:relative;top:0;left:0;margin-top:6px;padding-left:10px;}
[class^='li-'] li:first-child {margin-top:0;}
[class^='li-'] li:before {position:absolute;top:0px;left:0;content:''; top: 3px;display:inline-block;vertical-align:top;}
[class^='li-'] li ul,
[class^='li-'] li ol {margin-top:6px;}

.li-type01 > ul > li:before {margin-top:10px;width:2px;height:2px;border-radius:50%;background-color:#777;}
.li-type01.blue > ul > li:before {background-color:#0d326f;}

.li-type01.big > ul > li:before {margin-top:10px;width:4px;height:4px;border-radius:50%;background-color:#333;}
.li-type02 .gray{color:#777;}


/* tab */
.tab_ui{}
.tab_ui .tab {}
.tab_ui .tab ul {}
.tab_ui .tab ul li{ float: left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; border:1px solid #ccc; height: 60px; }
.tab_ui .tab ul li + li {border-left: none;}
.tab_ui .tab ul li a{font-size: 20px; color: #777777;font-weight: 600; display: block; text-align: center; line-height: 60px; }
.tab_ui .tab ul li.active {border-top: 3px solid #0d326f; border-bottom: none; }
.tab_ui .tab ul li.active a{color: #000;line-height: 57px;}
/*210910 감사합니다 - 작성 팝업 암병원*/
.tab_ui .tab ul li.active + li.active{padding-left:0 !important;}
.tab_ui .tab ul li.active + li.active:before{content:'';display:none;}
/*END: 210910 감사합니다 - 작성 팝업 암병원*/
.tab_ui .tab_cont > ul > li{display: none;}
.tab_ui .tab_cont > ul > li.active{display: block;}

.tab_ui.col_1 .tab ul li{width: 100%;}
.tab_ui.col_2 .tab ul li{width: 50%;}
.tab_ui.col_3 .tab ul li{width: 33.333%;}
.tab_ui.col_5 .tab ul li{width: 20%;}
.tab_ui.row_2 .tab ul li:nth-child(4n+1){border-left:1px solid #ccc;}

/* table */
.table_type01.wide tr th, .table_type01.wide tr td {padding: 16px 16px 16px 30px; text-align: left;}
.table_type01 {border-top: 3px solid #0d326f;}
.table_type01.bk {border-top: 2px solid #717171;}
.table_type01.bd_ccc{border: 1px solid #ccc;}
.table_type01 table{width: 100%;}
.table_type01 tr th {background-color: #f0f5fd;}
.table_type01 tr th{padding: 16px 15px  15px 15px ; border-bottom: 1px solid #ccc; text-align: center; font-weight: 600;}
.table_type01 tr td{padding: 16px 15px  15px 15px ; border-bottom: 1px solid #ccc; text-align: center; font-weight: 400;}
.table_type01 tr td{color: #777;}
.table_type01 tr th + th,.table_type01 tr td + td, .table_type01 tr + tr th.second_th{border-left: 1px solid #ccc;word-break: keep-all;}

.table_type01.row tr td.nbd{border-left: 0 !important;}
.table_type01.row tr td:first-child{border-left: 1px solid #ccc;}

.table_type01.type02 tr td,.table_type01.type02 tr th{padding: 16px 30px  15px 30px; text-align: left; box-sizing:border-box;}
.table_type01 tbody th.bg_gray {border-right: 1px solid #ccc;}

.table_type01 tbody th.bdl, .table_type01 tbody td.bdl {border-left: 1px solid #ccc;}
.table_type01 tbody th.bdr, .table_type01 tbody td.bdr {border-right: 1px solid #ccc;}

.table_type01.bg_gray{border-top: 0;}
.table_type01.bg_gray tr th{background-color: #f1f1f1; color : #666; border: 1px solid #ccc; padding: 12px 14px; border-left: 0;}
.table_type01.bg_gray tr td{border: 1px solid #ccc; padding: 12px 14px; border-right: 0;}

.table_type01 .input_upload input{width: calc(100% - 344px); float: left;}
.table_type01 .input_upload .btn_wrap{float: right; width: 330px; margin-left: 14px; margin-top: 0;}
.table_type01 .btn_downfile{display: inline-block; vertical-align: middle; margin-right: 10px;}

.table_type01 .list_arrow:after{content: ''; display: inline-block; border-top: 1px solid #999; border-left: 1px solid #999; width: 8px; height: 8px; color: #ddd;    vertical-align: middle; margin-left: 20px;}
.table_type01 .list_arrow.prev:after{transform: rotate(45deg);}
.table_type01 .list_arrow.next:after{transform: rotate(225deg);}

.table_type01 .sel_detailname{margin: 0 10px;}
.table_type01 .sel_radio_wrap{display: inline-block;}
.table_type01 .sel_radio_wrap.block{display: block;}
.table_type01 .sel_radio_wrap.block.col_2 .input_radio02{width: 25%; display: inline-block;}



/*pc,mobile 스크롤바*/
.overscroll {width:100%;overflow:hidden;}
.overscroll .mCSB_horizontal.mCSB_inside > .mCSB_container {margin-bottom:20px;}
.overscroll .mCSB_scrollTools.mCSB_scrollTools_horizontal {opacity: 1;background:#eee;height:10px;border-radius:25px;padding:1px;box-sizing:border-box;overflow:hidden;}
.overscroll .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {margin:2px;height:6px;background:#0d3370 !important;}
.overscroll .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {display:none;}


/* 없어질 수 있어요 */
.table_type01 .table_top{border-top: 1px solid #ccc;}
/* END : 없어질 수 있어요 */

/* search_name  */
.search_name{/*padding: 0 60px;*/padding: 0 50px; margin-top: 50px;}
.search_name .search_name_tit {font-size: 20px; margin-top: 13px; margin-right: 30px;}
.search_name > ul > li {float:  left;}
.search_name > ul > li + li {margin-left: 15px;}
.search_name > ul > li a {display: block; line-height: 51px; width: 51px; text-align: center; background-color: #f3f3f3; border-radius:50%;}
.search_name > ul > li a.active {color: #fff; background-color: #0d326f;} 
.search_name > ul > li a:hover {color: #fff; background-color: #0d326f;} 
.search_name > ul > li a.disable{color: #b5b5b5 !important; pointer-events: none;}
.search_name > ul > li a.disable:hover{background-color: #f3f3f3 !important;}

/* search_nameouter  */
.search_nameouter{background-color: #f7f7f7; border: 1px solid #dbdbdb;}
.search_nameouter .search_name{margin: 27px auto; padding: 0 80px; box-sizing: border-box;}
.search_nameouter .search_name .search_name_tit{font-size: 22px; margin-top: 0px; margin-right: 0;}
.search_nameouter .search_name .search_name_tit:after{content:''; display:inline-block; width: 1px; height: 45px; vertical-align: middle; background-color: #dbdbdb; margin: 0 80px;}
.search_nameouter .search_name > ul > li:last-child a{width: 72px; border-radius: 19px;}
.search_nameouter .search_name > ul > li + li{margin-left: 10px;}
.search_nameouter .search_name > ul > li a{width: 38px; line-height: 38px; font-size: 18px; border: 1px solid #9eacc2; color: #0d326f; background-color: #fff; font-weight: bold;}
.search_nameouter .search_name > ul > li a.active{border: 1px solid #0d326f;}
.search_nameouter .search_name > ul > li a:hover {color: #fff; background-color: #0d326f;} 

/* button */
.btn_wrap{margin-top: 50px;}
.btn_col2 .btn + .btn {margin-left: 6px;}
.btn{text-align: center; display: inline-block;vertical-align:middle;}
.btn span {line-height: 50px;}
.btn01{width: 120px;}
.btn01.wide{width: inherit; padding: 0 30px;}
.btn01 span{line-height: 50px;}
.btn02 span{line-height: 70px;}
.btn_blue{background-color: #0d326f;}
.btn_blue span{color: #fff; font-size: 16px;}
.btn_gray{background-color: #717171;}
.btn_gray span{color: #fff; font-size: 16px;}
.btn_gray_line{background-color: #fff;}
.btn_gray_line span{color: #555555; font-size: 16px;}
.btn_gray_line.hov{background-color: #fff; border: 1px solid #717171;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.btn_gray_line.hov:hover{background-color: #717171; border: 1px solid #717171;}
.btn_gray_line.hov:hover span{color: #fff;}
.btn_gray_line02{border:1px solid  #cccccc; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} 
.btn_gray_line02:hover{background-color: #0d326f;border-color: #0d326f;}
.btn_gray_line02:hover span{color: #fff;}
.btn_blue_line{border:1px solid #0d326f; box-sizing: border-box;}
.btn_blue_line span{line-height: 48px;}


.btn_wrap.center{display: flex; justify-content: center;}
.btn_160{width:160px;}
.btn_160 span{line-height: 50px; font-size: 16px;}
.btn_102{width:102px;}
.btn_112{width:112px; height:44px;}
.btn_112 span{line-height:44px;}
.btn_94{width:94px; height: 50px;}
.btn_94 span{line-height: 50px; font-size: 16px;}
.btn_gray_line{border: 1px solid #555; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
.btn_blue_line{border: 1px solid #0d326f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; background: #fff;}
.btn_blue_line span{color: #0d326f; font-size: 16px;}
.btn_hov_blue .btn:hover{background: #0d326f;}
.btn_hov_blue .btn:hover span{color: #fff;}
.btn_hov .btn_blue:hover {background: #717171;}
.btn_hov .btn:hover span{color: #fff;}
.btn_download{background-color: #0d326f; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
.btn_download span{line-height: 50px; color: #fff; font-size: 16px; text-align: center;}
.btn_download span:before{content:''; display: inline-block; width: 19px; height: 15px; background-image:url('../../images/common/icon_down02.png'); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin-right: 4px;}
.btn_download.hov{background-color: #fff; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; border: 1px solid #0d326f;}
.btn_download.hov span{line-height: 50px; color: #fff; font-size: 16px; text-align: center;}
.btn_download.hov span:before{content:''; display: inline-block; width: 19px; height: 15px; background-image:url('../../images/common/icon_down03.png'); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; margin-right: 4px;}
.btn_download.hov:hover{background-color: #0d326f;}
.btn_download.hov:hover span{color: #fff;}
.btn_download.hov:hover span:before{background-image:url('../../images/common/icon_down02.png');}
.btn_additional{/*padding: 0 10px;*/padding:0 20px;}
.btn_additional span{line-height: 32px; font-size: 14px;}
.btn.btn_row2 span{line-height:1;}

.btn_wrap.nmt{margin-top: 0;}
.btn_wrap.space .btn + .btn{margin-left: 10px;}
.btn.pd040{padding: 0 40px;}
.btn.thin{padding: 5px 20px;}
.btn.thin span{line-height: 32px;}


.btn.btn_gray.btn_download {background:#717171;padding: 0 2px;border:0;}
.btn.btn_gray.btn_download span {color:#fff;}
.btn.btn_gray.btn_download span:before {background-image:url('../../images/common/icon_down02.png');}


/* btn hover */
.btn_wrap.hov .btn_gray:hover{background: #0d326f;}
.btn_gray:hover {background:#0d326f !important;}
/*.btn_blue:hover {background:#09234e !important;} */
/*input*/

input {height: 50px; border:1px solid #c2c2c2; padding: 3px 10px;	font-size: 16px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
select{height: 50px; /*text-align: center;*/ border:1px solid #c2c2c2; padding: 3px 10px;	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
textarea{border: 1px solid #c2c2c2;}

.input_radio{font-size: 16px; cursor: pointer;}
.input_radio span{position: relative; top: 2px;}
.input_radio input{width: 20px; height: 20px; appearance: none; border-radius: 50%; position: relative;	}
.input_radio input:checked:after{content: '';display: block; position: absolute; top: 3px; left: 3px; border-radius: 50%;  width: 12px; height: 12px; background-color: #2d0a4f;}

.input_radio02{font-size: 16px;}
.input_radio02 + .input_radio02{margin-left: 36px;}
.input_radio02 span{position: relative; top: 2px; margin-left: 8px;}
.input_radio02 input{/*width: 16px; height: 16px;*/width: 20px; height: 20px; appearance: none; border-radius: 50%; position: relative; background-color: #ccc; background-image: url('../../images/diagnosis/check.png'); background-repeat: no-repeat; background-position: 50% 50%; /*background-size: 8px 6px;*/background-size: 12px 9px; border: 0; cursor: pointer;}
.input_radio02 input:checked{background-color: #0081c6;}
.input_radio02.deepblue input:checked{background-color: #0d326f;}
.input_radio02 input + a{display:inline-block; vertical-align: middle; margin-left: 8px;}


.input_checkbox{font-size: 16px;}
.input_checkbox span{position: relative; top: 2px;margin-left: 8px;}
.input_checkbox input{width: 25px; height: 25px; background-color: #fff; appearance: none;  position: relative;	 cursor:pointer;}
.input_checkbox.type02 input{/*width: 15px; height: 15px;*/width: 20px; height: 20px; background-color: #fff; background: url('../../images/diagnosis/check_gry.png') center center no-repeat; appearance: none;  position: relative; cursor:pointer; border-radius: 3px; background-size: 12px 10px;}
.input_checkbox.type02 input:checked{background-color: #0d326f;}
.input_checkbox.type02 input:checked:after{/*background-size: 7px 6px;*/background-size: 12px 10px;}

.input_checkbox.type03 input{/*width: 15px; height: 15px;*/width: 20px; height: 20px; background-color: #fff; background: url('../../images/diagnosis/check_gry.png') center center no-repeat; appearance: none;  position: relative; cursor:pointer; border-radius: 50%; background-size: 12px 9px;}
.input_checkbox.type03 input:checked{/*background-color: #0081c6;*/background-color:#0d326f;}

/* 210520 */
.input_checkbox{position: relative;}
.input_checkbox input:checked{background-color: #0d326f;}
.input_checkbox input:checked:after{content: ''; width: 12px; height: 10px; top: 50%; left: 50%;margin-left:-6px;margin-top:-5px; display: block; position: absolute;background: url('../../images/diagnosis/check.png') center no-repeat;background-size:100% auto;}


.input_checkbox.check_type02 input{width: 39px; height: 39px; border-radius:50%; background-color: #cccccc; border:none;}
.input_checkbox.check_type02 input:checked{background-color: #0081c6;}
.input_checkbox.check_type02 input:after{content: ''; width: 16px; height: 12px; display: block; position: absolute; top: 13px; left: 11px; background-image: url('../../images/diagnosis/check.png');}




#popup_window{position: fixed; overflow-y: auto; padding: 40px 30px 40px 30px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; top: 50%; left: 50%; transform:translate(-50% , -50%); max-height: 83vh; background-color: #fff; z-index: 99999;}
#popup_window.w570{width: 570px;}
#popup_window.w630{width: 630px;}
#popup_window .popup_header{padding-bottom: 15px; border-bottom:1px solid #d9d9d9;}
#popup_window .popup_header .popup_tit{color: #0d326f; font-size: 28px; float:left;}
#popup_window .popup_header .close_btn{float: right;}
#popup_window .popup_cont {margin-top: 15px;}
#popup_window .popup_cont input{width: 100%; margin-top: 15px;}
#popup_window .popup_cont .btn_wrap{margin-top: 15px;}
#popup_window .popup_cont .btn_wrap .btn{width: 100%;}
#popup_window .popup_cont .login_list {border:1px solid #d9d9d9; margin-top: 15px;}
#popup_window .popup_cont .login_list li{float: left; width: 33.33%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
#popup_window .popup_cont .login_list li + li {border-left:1px solid #d9d9d9;}
#popup_window .popup_cont .login_list li a{width: 100%; display: block; font-size: 16px; line-height: 45px; text-align: center;color: #666666;}

#popup_window .popup_footer{margin-top: 10px; padding-top: 15px; border-top:1px solid #d9d9d9; }
#popup_window .popup_footer .call_info {}
#popup_window .popup_footer .call_info li {float: left; width: 50%;    box-sizing: border-box; text-align: center;}
#popup_window .popup_footer .call_info li+li{border-left: 1px solid #d9d9d9;}
#popup_window .popup_footer .call_info .tt {display: inline-block; font-size: 20px; color: #0d326f; font-weight: 600; /*padding-left: 24px; background-image: url('../../images/common/call_icon.png'); background-repeat: no-repeat; background-position: 0 5px;*/}
/*#popup_window .popup_footer .call_info li + li .tt {background-image: url('../../images/common/hs_icon.png'); margin-left: 45px; }*/
#popup_window .popup_footer .call_info .num {margin-left: 5px; display: inline-block;}

.modal_window .modal_window_cont .inner_pop .popup_footer{margin-top: 10px; padding-top: 10px;}
.modal_window .modal_window_cont .inner_pop .popup_footer .call_info {}
.modal_window .modal_window_cont .inner_pop .popup_footer .call_info li {float: left; width: 50%;    box-sizing: border-box; text-align: center;}
.modal_window .modal_window_cont .inner_pop .popup_footer .call_info li+li{border-left: 1px solid #d9d9d9;}
.modal_window .modal_window_cont .inner_pop .popup_footer .call_info .tt {display: inline-block; font-size: 20px; color: #0d326f; font-weight: 600;}
.modal_window .modal_window_cont .inner_pop .popup_footer .call_info .num {margin-left: 5px; display: inline-block;}

.popup_footer_text{margin-top: 5px; padding-top: 15px; }
.popup_footer_text .info_text{text-align: center;}
.popup_footer_text .info_text .text{font-size: 14px;}

#popup_modal{width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.6);z-index: 9999; top: 0;}
#popup_window.modal-login .btn_blue span {font-size:16px;}



/* complete_box */
.complete_box .complete_box_bottom{width: 610px; margin: 0 auto;}

/* 211228 로그인팝업 수정 */
.btn_wrap.checklink{margin-top: 0;}
.btn_wrap.checklink .btn.btn_link_check{height: 45px !important;line-height: 45px !important;width:50%;}
.btn_wrap.checklink .btn.btn_link_check span{font-size: 16px !important; color: #0d326f !important; line-height: 45px !important;}
.btn_wrap.center .btn.btn_link_check{width:50% !important;}
/* END : 211228 로그인팝업 수정 */

/* ===================tabMo형 css 추가 */
#header_tm{display: none;z-index: 1001;}
#header_tm:after{content:'';display: block; clear: both;}
#header_tm > .inner:after{content:'';display: block; clear: both;}
#header_tm .header_tm_logo{float: left;}
#header_tm .header_tm_logo a{display: block;}
#header_tm .header_tm_logo a img{width: 250px;}
.header_top .float_r .header_search .img_search_off{display: none !important;}
.header_top .float_r .header_search.active .img_search_off{display: inline-block !important;}
#header_tm .header_top{float: right;}
.img_search_active{display:none;}
#header_tm .btn_total{float: left; margin-left: 30px;}
#header_tm .btn_total a img{width: auto; height: 25px; margin-top: 5px;}

#header_tm .mobile_menu{position: fixed; overflow-x: hidden; overflow-y: auto; top: 72px; bottom: 0; right: -100%; width: 100%;  z-index: 1001;}
#header_tm .mobile_menu nav{position: relative; background: #fff;}
#header_tm .mobile_menu nav .container{width: 100%; /*max-width: 1024px;*/ margin: 0 auto;}

#header_tm .gnb{float: left; width: 100%; box-sizing: border-box;}
#header_tm .gnb > li{float: left; width: 100%; z-index: 10; position: relative;}
#header_tm .gnb > li > a{position: relative; padding: 17px 50px 16px 16px; font-size: 17px; font-weight: 600; border-top: 1px solid #224c91; background: #0d3370; color: #fff; text-align: left; transition: 0.4s; display: block;}
#header_tm .gnb > li > a:after{content: ''; position: absolute; top: 0; right: 0; width: 59px; height: 100%; background: url('../../images/common/gnbDepth1down.jpg') no-repeat center; background-size: 100%;}
#header_tm .gnb > li.on > a{background: #fff; color: #222;}
#header_tm .gnb > li.on > a:after{background: url('../../images/common/gnbDepth1up.jpg'); background-size: 100%;}

#header_tm .gnb .depth2{position: relative; min-height: auto; padding: 0; border-right: 0; background: #fff; box-sizing: border-box;}
#header_tm .gnb .depth2 > ul > li > .btnDepth2.on{background-image: url('../../images/common/gnbDepth2up.jpg'); background-size: 100%;}
#header_tm .gnb .depth2 > ul > li{position: relative;overflow: hidden;border-top: 1px solid #ddd;}
#header_tm .gnb .depth2 > ul > li > a{padding: 18px 32px 17px; margin-right: 59px; font-size: 15px; color: #0d3370; text-align: left; transition: 0.4s; display: block;}
#header_tm .gnb .depth2 > ul > li > .btnDepth2{display: block; position: absolute; top: 0; right: 0; width: 59px; height: 57px; padding: 0; border: 0; background: url('../../images/common/gnbDepth2down.jpg') no-repeat center; background-size: 100%;}
#header_tm .gnb .depth2 > ul > li.on > .btnDepth2.on{background-image: url('../../images/common/gnbDepth2up.jpg');}
#header_tm .gnb .depth3 li a{display: block; padding: 18px 10px 18px 47px; font-size: 13px; border-top: 1px solid #ddd; color: #888;  box-sizing: border-box;}
#header_tm .gnb .depth3 li a:before{content:'- '}

#header_tm .unt{background: #09234e;}
#header_tm .unt ul li{border: 1px solid #224c91; box-sizing: border-box;}
#header_tm .unt a{padding: 17px 0; color: #c2c2c2; display: block; width: 100%; text-align: center; }

/* #header_tm .unt .btn_myp{} */
#header_tm .unt .btn_login, #header_tm .unt .btn_myp{padding: 17px 0; color: #c2c2c2; display: block;border: 1px solid #224c91;border-top: 0; box-sizing: border-box;}
#header_tm .unt ul.col2 li{float: left; width: 50%; border-right: 0;}
#header_tm .unt ul.col2 li + li{border-left: 1px solid #224c91;}
#header_tm .unt ul.col4 li{float: left; width: 25%; border-right: 0; border-top: 0;}
#header_tm .unt ul.col4 li + li{border-left: 1px solid #224c91;}

#footer.tabMo{display: none;}
#footer .footer_content .mo{display: none;}
/* ===================END : tabMo형 css 추가 */