@charset "utf-8";
/*sm-ksw*/

*{box-sizing:border-box}
*::after, *::before { box-sizing: border-box; }
a{transition:background .1s}
     
/*reset*/
html { font-size: 10px;margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;height:100%; overflow: hidden; }
body { font-size: 2.5rem;font-family: "Koruri", sans-serif;font-weight: 300;line-height: 180%;margin: 0;padding: 0; overflow: hidden; overflow-y: auto; height:100%; }

/* html { font-size: 10px;margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none;height:auto; overflow: hidden;overflow-y: auto; }
body { font-size: 1.6rem;font-family: "NotoSansKR", sans-serif;font-weight: 300;line-height: 180%;margin: 0;padding: 0;height: auto;overflow: hidden; }
 */    
 
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,strong,b{font-weight:400;font-family:'Koruri', sans-serif;margin:0;padding:0;color:#4b4b4b;word-break: break-all; }
ul,ol,li,dl,dt,dd {margin: 0;padding: 0;list-style: none;}
h1,h2,h3,h4,h5,h6{font-weight:600;}

label{display:inline-block;cursor:pointer}
input,textarea,select,button,table{font-family:'Koruri', sans-serif;color:#555;}
strong,b{font-weight:500}
img,fieldset{max-width:100%;height:auto;border:0;vertical-align:top}
th{font-weight:normal}
li{list-style:none}
i,em,address{font-style:normal}
a{text-decoration:none}
a:link,a:visited{color:#555}
a:hover,a:focus{color:#000}
article,aside,dialog,footer,header,section,footer,nav,figure,main{display:block;margin:0;padding:0}
button, input[type="submit"]{cursor:pointer}
button{padding:0;line-height:100%;border-width:0;background-color:transparent}
legend{overflow:hidden;position:fixed;left:-1px;top:-1px;width:1px;height:1px;font-size:0;line-height:0}
caption{height:0;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px)}
button{background-color:transparent}
input[type="text"], input[type="password"]{height:4rem;border:1px solid #d2d2d2;text-indent:5px;background:#fff;color:#555;vertical-align:middle}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{border:1px solid #606060 !important;outline:0}
select{height:4rem;line-height:4rem;padding:0 2rem 0 .5rem !important;border:1px solid #d2d2d2;background:#fff url(/images/hit/common/select_arr.png) right 10px center no-repeat;color:#444;-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle;min-width: 8rem;}
select::-ms-expand {display:none;/* 화살표 없애기 for IE10, 11*/}
.ui-datepicker select { min-width: auto;line-height: 28px; }
textarea{width:100%;resize:vertical;border:1px solid #d2d2d2}
input[type="text"]:disabled, input[type="password"]:disabled, select:disabled{background-color:#fbfbfb}
input[type="text"][readonly], input[type="password"][readonly], select[readonly], textarea[readonly]{background-color:#f4f5f9 !important}

/*텍스트기본 가로정렬*/
.left{text-align:left}
.center{text-align:center}
.right{text-align:right}
.justify{text-align:justify}

/*박스정렬*/
.f_left{float:left}
.f_right{float:right}
.clear:after{content:"";display:block;clear:both}

/*세로정렬*/
.v_top{vertical-align:top}
.v_mid{vertical-align:middle}
.v_bot{vertical-align:bottom}

/*위치*/
.pr{position:relative}
.pa{position:absolute}
.pf{position:fixed}

.ofl_hid{overflow:hidden}
.ofl_vis{overflow:visible}
.ofl_auto{overflow:auto}

/* 블락 */
.dis_block { display:block; } 

/*건너뛰기 메뉴*/
#skip{position:relative;z-index:9999}
#skip a{position:absolute;top:-40px;left:0;width:100%;padding:5px 0;background-color:#009fdc;font-size:16px;line-height:30px;color:#fff;text-align:center;transition:all 0.4s}
#skip a:hover,#skip a:focus,#skip a:active{top:0;text-decoration:none}

/*굵기*/
.bold{font-weight:bold}
.normal{font-weight:normal}

.fw_300 { font-weight:300; } 
.fw_400 { font-weight:400; } 
.fw_500 { font-weight:500; } 
.fw_600 { font-weight:600; } 
.fw_700 { font-weight:700; } 
.fw_800 { font-weight:800; } 
.fw_900 { font-weight:900; } 

/*기울기*/
.fsi{font-style:italic}
.fsn{font-style:normal}

/*기본 text*/
P {margin-top:.5rem; font-size:2.5rem; color:#111; line-height:180%; font-weight:300; }

/*밑줄*/
.txt_deco{text-decoration:underline}

/*제목정의*/
h4:first-of-type { margin-top:0; }
h4{position:relative; font-weight:400; margin-bottom:3.2rem; font-size:4rem; color:#000}
*+h4{margin-top:10rem;}
h4 span {font-weight:300; font-size:1rem; color:#4b4b4b;}

h4.icon_title{position: relative; font-weight:400; margin:5rem 0 2rem 0; font-size:3.5rem; color:#000000; padding-left:6rem; }
h4.icon_title:before {width:4.2rem; height:4.6rem; display:block;content:""; position:absolute; left:0; top:.2rem;background:url(/html/images/common/tit_before.png) 
no-repeat center center/cover; } 
h4.icon_title small {font-weight:300; font-size:1.8rem; color:#4b4b4b;float:right;margin-top:2rem;line-height:100%; }

h4.heart{position: relative; font-weight:400; margin:5rem 0 5rem 0; font-size:3.5rem; color:#000000; padding-left:13rem; }
h4.heart:before {width:5.5rem; height:5.1rem; display:block;content:""; position:absolute; left:0; top:0;background:url(/html/images/content/service01_img05.png) 
no-repeat center center/cover; } 
h4.heart.v2:before {width:10rem; top:50%; transform:translateY(-50%); height:10rem; background:url(/html/images/content/green_icon03l.png) no-repeat center center/cover; } 
h4.heart.v2:last-of-type:before {width:10rem; top:50%; transform:translateY(-50%); height:10rem; background:url(/html/images/content/green_icon05.png) no-repeat center center/cover; } 


h4.circle {  margin:5rem 0; padding-left:12rem; }
h4.circle.type01:before { content:"";display:block;position:absolute;background:url(/html/images/content/green_icon01l.png) 
no-repeat center center/10rem; width:10rem;height:10rem;top: 50%;
    transform: translateY(-50%);left:0; } 
h4.circle.type02:before { content:"";display:block;position:absolute;background:url(/html/images/content/green_icon02.png) 
no-repeat center center/10rem; width:10rem;height:10rem;top: 50%;
    transform: translateY(-50%);left:0; } 




h6{font-weight:400;margin:2.5rem 0 1.6rem 0;font-size:2.2rem;color:#111;position: relative;}

@media(max-width:640px){ 
	h4.icon_title small { float:none;display:block;text-align:right; } 
}

/*드래그바 색상*/
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { background-color: #b9ea56 !important; }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar:hover { background-color: #8ec422; }


/*숫자 리스트*/
.num_list { counter-reset: todolist; }

.num_list>li{padding-left:1rem;line-height:150%;position: relative; font-weight:300;margin-top:.5rem; }
.num_list>li:first-of-type { margin-top:0; }
.num_list>li:before {counter-increment: todolist;content:""counter(todolist)""; display: inline-block; position: relative; top: 0; width:2.5rem;height: 2.5rem;background: #009fdc; text-align: center;margin-right: .5rem;color:#fff; }

.num_list>li>ul { margin: .5rem 0 .5rem 2.5rem;counter-reset: todolist02; }
.num_list>li>ul>li { margin-top:.5rem; }
.num_list>li>ul>li:first-of-type { margin-top:0; }
.num_list>li>ul>li:before {counter-increment: todolist02;content:""counter(todolist02)""; display: inline-block; position: relative; top: 0; width:2.5rem;height: 2.5rem;background: #ddd; text-align: center;margin-right: .5rem;color:#666;border-radius: 50%;font-weight: 300; }

.num_list>li>ul>li>ul { margin: .5rem 0 .5rem 2.5rem;counter-reset: todolist03; }
.num_list>li>ul>li>ul>li { margin-top:.5rem; }
.num_list>li>ul>li>ul>li:first-of-type { margin-top:0; }
.num_list>li>ul>li>ul>li:before {counter-increment: todolist03;content:""counter(todolist03)"."; display: inline-block; position: relative; text-align: center;margin-right: .5rem;color:#000;border-radius: 50%;}

.tbl tbody th.dashed { border-bottom:1px dashed #dcd08a; } 

.small_txt { font-size:2rem !important;  }

/*텍스트 색*/
.def_color{color:#444}
.red{color:#f21f1f}
.green{color:#009523}
.blue{color:#004fb0}
.orange{color:#df6e00}
.black { color:#000; } 
.skyblue { background:#eef8f9 !important; } 
.skygreen { background:#64c3cd !important; } 


/*감추기*/
.hide{position:fixed;top:-1px;left:-1px;width:1px;height:1px; overflow:hidden}

/*박스형태*/
.d_block{display:block}
.d_iblock{display:inline-block}
.d_inline{display:inline}

/*들여쓰기 없애기*/
.tindent0{text-indent:0 !important} 

/*한줄텍스트 넘치는 경우 ...로 자르기*/
.txt_slice{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*중요표시*/
.important { padding: .2rem 0 .2rem 3.5rem; position: relative; }
.important:before { content: "";width: 2.5rem;height: 2.5rem;display: block; position: absolute; top: .3rem; left: 0;background: url(../images/common/important.png) center center no-repeat; background-size: cover; }

/*버튼*/
.btn_area { text-align: left;overflow: hidden; }
.btn_basic { min-width: 10rem;text-align: center; transition: background 150ms, border 150ms;display: inline-block;line-height: 100%;
border: 1px solid #999;padding:1.25rem 1rem; }
.btn_basic span { vertical-align: middle;line-height: 100%;display: inline-block; }
.btn_basic i { margin-left:.5rem;vertical-align: middle; display: inline-block; }
.btn_basic:hover {border: 1px solid #2996ff;}
.btn_basic.fill { background: #999;color:#fff;border:1px solid #999; }
.btn_basic.fill:hover { background: #2996ff;border:1px solid #2996ff; }
.btn_basic.round { border-radius: 25px; }
.btn_area .btn_left { float: left; }
.btn_area .btn_right { float: right; }

/*테이블*/
.tbl {position:relative; border-collapse:collapse; width:100%; letter-spacing:-0.05em; table-layout:fixed;border-top:1px solid #d5d5d5; }
.tbl::after {display:block; content:""; position:absolute; width:100%; height:1px; background:#9e9e9e; bottom:0; left:0; z-index:2;}
.tbl thead th {background:#f2f2f2;font-weight:300;line-height:120%; color:#3e3e3e; padding:1.6rem 1.2rem; border:1px solid #d5d5d5; border-left:0; border-right:1px solid #d5d5d5; text-align:center; word-break:keep-all; word-wrap:break-word; border-top:0; }
.tbl tbody th {background:#f6fce8; line-height:120%; padding:1.2rem; border-bottom:1px solid #d5d5d5; border-right:1px solid #d5d5d5;font-weight:300; color:#4f565b; text-align:center;}
.tbl td {font-size:2.5rem;background:#fff;line-height:120%; padding:1.2rem; border:1px solid #d5d5d5; border-right:1px solid #d5d5d5; border-left:0;border-top:0; text-align:center; font-weight:300; color:#4b4b4b; word-break:keep-all; word-wrap:break-word;}
.tbl td:last-child { border-right:0 !important; }
.tbl td:first-of-type { border-right:1px solid #d5d5d5 !important; }

.tbl tr th:last-child {border-right:0 !important;}
.tbl tr th:first-of-type {border-right:1px solid #d5d5d5 !important; }
.tbl_scroll:before { display:none;content:"";width:20px;height:37px;position:absolute;top:0;right:23px;animation:side 0.7s linear 1s infinite alternate;background:url("../images/common/mCont_scroll_ico.png") no-repeat center center;background-size:20px; }
.tbl th { font-size:2.5rem; } 
.tbl th b {  color:#000; }

.tbl td.border_plus { border-right:1px solid #d5d5d5 !important; }
.tbl th.border_plus { border-right:1px solid #d5d5d5 !important; }

.tbl.col02 tbody th { background:#ecf8f6; } 
.tbl.col03 tbody th { background:#fefbe9; } 

.tbl i { font-size:2rem; margin-left:1rem; } 

.tbl_wrap.radius { border-top-left-radius: 50px;border-top-right-radius: 50px;overflow:hidden; } 

.tbl_wrap.radius tbody th { font-size:2.3rem; } 
.tbl_wrap.radius thead th { font-size:2.3rem; } 

.tbl_wrap.radius .tbl thead th { border:0; } 
.tbl_wrap.radius .tbl { border:0; } 

@media all and (max-width:1100px) { 
	.tbl i { display:block;margin-left:0; } 
}

@media all and (max-width:640px) {
	.tbl_scroll {position:relative;padding-top:7rem; background:url("../images/common/mCont_scroll_ico_arr.png") no-repeat right 0; background-size:68px 40px;position:relative;}
	.tbl_wrap { overflow-x:auto; }
	.tbl_scroll:before { display:block; } 
	.tbl {min-width: 640px;}
	.tbl_wrap.radius  { border-radius:0; } 
}
@keyframes side {
    0% { transform:translateX(-3px); }
    100% { transform:translateX(3px); }
}


.wording { overflow:hidden; }
.wording span { display:block; } 
.wording span:first-of-type {  float:left;margin-right:1rem; }
.wording span:first-of-type+span { overflow:hidden; } 

/*셀렉트 박스*/
.select_box { position: relative; }
.select_box>button { padding-right: 2rem; display: block; background: #009fdc;position: relative;height: 6rem;line-height: 6rem;width: 20rem;text-align: left;padding-left: 2rem; color:#fff;font-size: 1.6rem; }
.select_box>button:before { position: absolute; width: 1.2rem;height: 1.2rem; top:50%;transform: translateY(-50%);background: url(../images/common/select_plus.png) no-repeat center center/cover; right: 2rem; content: "";background-size: cover; transition: all .2s; }
.select_box>button.on:before { transform: translateY(-50%) rotate(45deg); }
.select_box ul { display: none; }
.select_box ul li a { display: block; color:#fff; font-weight:300; background: #fff; position: relative;height: 5rem;line-height: 5rem;width: 100%;text-align: left;padding: 0 1rem;border-top:1px solid #009fdc; color:#555; } 
.select_box ul li a:hover { background:#009fdc;color:#fff; }
.select_box ul li:first-of-type a{ border-top: 0; } 
.select_box ul { position: absolute;bottom: 6rem; border: 1px solid #009fdc; overflow: hidden; width: 20rem;z-index: 100; }

/* 탭메뉴 */
.link_tab{position:relative;margin-bottom:4rem; }
.link_tab ul{overflow:hidden;border-width:1px;border-style:solid;border-color:#d5d5db;background: #f8f8f8;table-layout: fixed; }
.link_tab ul li { display: table-cell;margin-top:-1px;vertical-align: middle;position: relative;border-left:1px solid #d2d2d2;color:#646464;}
.link_tab ul li a { padding:2rem 1rem; display: block; word-break: keep-all;}
.link_tab ul li {display:table-cell;text-align:center; vertical-align:middle;font-size:1.7rem;background: #f8f8f8; position: relative;}
.link_tab ul li:first-of-type { border-left: 0; }
.link_tab ul li a:hover{color:#009fdc}
.link_tab ul li a span{display: inline-block;position: relative; text-align: center;vertical-align: middle}
.link_tab ul li.on { background: #fff; }
.link_tab ul li.on a { position:relative;font-weight:400;background-color:#fff;color:#009fdc; }
.link_tab ul li.on:before{width: 100%;height: 3px;display: block;content: ""; position: absolute; top: 0;left: 0; background: #009fdc;z-index:1;}

.mlinktab_btn{position: relative;display:none;width:100%;padding: 2.5rem 0; background:#009fdc;color:#fff;transition:all .3s}
.mlinktab_btn.on{background:#009fdc}
.mlinktab_btn:after{content: '\e943'; font-family: "xeicon"; font-size: 2.2rem; color: #fff; position: absolute; right: 2.5rem; top: 50%;transform:translateY(-50%); }
.mlinktab_btn.on:after{transform:translateY(-50%) rotate(180deg);}

@media all and (min-width:767px){
    .link_tab>ul { display: table !important;width:100%; }
    
}
@media all and (max-width:767px){
    .mlinktab_btn{display:block;}
    .link_tab ul li { display: block; }
    .link_tab ul li a.on { border: 0; }
    .link_tab>ul{display:none;border-right:1px solid #d5d5db}
    .link_tab>ul>li{border-width:0;box-sizing:border-box;float:none;width:100% !important;height:auto;margin-left:0;border-top: 1px solid #d5d5d5;}
    .link_tab>ul>li:first-child{border-top:0;}
    .link_tab>ul>li>a{height:auto;}
    .link_tab ul li:first-of-type { border-top: 0; } 
    .link_tab ul li.on:before { display: none; }
}


/*콘텐츠 탭*/
.content_tab { position: relative; padding-top: 8rem;overflow: hidden; }
.content_tab a { padding:2rem 1rem; text-align: center; display: block;position: relative;border:1px solid #d2d2d2;color:#646464;float: left;position: absolute; top:0;background: #fff;border-left:0; }
.content_tab a.on { background: #009fdc;color:#fff; }
.content_tab a:first-of-type { border-left:1px solid #d2d2d2; }

.content_tab.tab_col_3 a:nth-of-type(1) { left:0; }
.content_tab.tab_col_3 a:nth-of-type(2) { left:33.333%; }
.content_tab.tab_col_3 a:nth-of-type(3) { left:66.666%; }

.content_tab.tab_col_4 a:nth-of-type(1) { left:0; }
.content_tab.tab_col_4 a:nth-of-type(2) { left:25%; }
.content_tab.tab_col_4 a:nth-of-type(3) { left:50%; }
.content_tab.tab_col_4 a:nth-of-type(4) { left:75%; }

.content_tab.tab_col_5 a:nth-of-type(1) { left:0; }
.content_tab.tab_col_5 a:nth-of-type(2) { left:20%; }
.content_tab.tab_col_5 a:nth-of-type(3) { left:40%; }
.content_tab.tab_col_5 a:nth-of-type(4) { left:60%; }
.content_tab.tab_col_5 a:nth-of-type(5) { left:80%; }

.content_tab.tab_col_3 a { width:33.333%; } 
.content_tab.tab_col_4 a { width:25%; } 
.content_tab.tab_col_5 a { width:20%; } 

.content_tab .tab_txt { display: none;padding: 4rem 2rem;border:1px solid #d2d2d2;background: #f8f8f8; }
.content_tab .tab_txt:first-of-type { display: block; }

/*레이어팝업*/
.def_layer{display:none;position:fixed;width:60rem;left:50%;margin-left:-30rem;top:50%;background:#fff;z-index:9999}
.def_layer .defL_top{padding:2rem 3rem;text-align:left;background:#2f54b2}
.def_layer .defL_top strong{font-size:22px;color:#fff;line-height:normal}
.def_layer .defL_cont { padding:2rem 3rem; }
.def_layer .defL_cont strong { font-size: 2rem;display: block; }
.def_layer .defL_close { position: absolute; top:2rem;right:3rem; width:4rem; height: 4rem; border: 1px solid #fff; border-radius: 50%; display: block; text-align: center; }
.def_layer .defL_close i { color:#fff;font-size: 2rem;position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }



@media (max-width:1200px){
    html { font-size: 9px; }
    
}
@media (max-width:1000px){
    html { font-size: 8px; }
    
}

@media (max-width:767px){
    html { font-size: 6px; }
    
}