@charset "utf-8";



/*컨텐츠 타이틀*/
#content .title{font-size:26px;padding-top:20px; margin-bottom:20px; letter-spacing:-0.5px;  font-weight:400; line-height:1.4em; position:relative; color:#0081EB;}
#content .title::before{ position:absolute; content:''; display:block; top:10px; left:0; width:60px; height:2px; background:#0081EB;}
#content h4{background:url("/images/home/inc/title02.gif") left 5px no-repeat; padding-left:25px; margin-bottom:10px; font-size:20px; letter-spacing:-0.5px; line-height:1.4em;}
#content h5{ color:#0041b8; font-size:18px; letter-spacing:-0.5px; margin-left:15px; line-height:1.4em; margin-bottom:5px;}
#content h6{background:url("/images/home/inc/title01_02.png") 0px 3px no-repeat; padding-left:18px; margin-bottom:5px;font-size:16px; margin-left:15px; letter-spacing:-0.5px; line-height:1.4em;}

@media all and (max-width :1023px) {
#content .title{font-size:22px;padding-bottom:0px;padding-top:10px;}
#content .title::before{top:0px;}
}

@media all and (max-width :640px) {
#content .title{font-size:20px; font-weight:600;}
#content h4{background:url("/images/home/inc/title02.gif") left 3px no-repeat; font-size:18px;}
#content h5{font-size:17px; margin-left:5px;}
#content h6{font-size:15px; margin-left:5px;}
}


/* 텍스트 처리방식 */
.cul01{ margin-bottom:30px; margin-left:25px;}
.cul01 li{ padding-left:12px; background:url("/images/home/inc/icon_li03.gif") left 9px no-repeat;}
.cul01 li ul{}
.cul01 li ul li{ padding-left:8px; background:url("/images/home/inc/icon_li04.gif") left 8px no-repeat; font-size:15px;}
.cul01 li ul li ul{}
.cul01 li ul li ul li{ padding-left:8px; background:url("/images/home/inc/icon_li05.gif") left 8px no-repeat; font-size:14px;}
.cul01 li ul li ul li ul{}
.cul01 li ul li ul li ul li{ padding-left:8px; background:url("/images/home/inc/icon_li06.gif") left 11px no-repeat; font-size:13px;}

.cul02{ margin-bottom:30px; margin-left:25px;}
.cul02 li{background:url("/images/home/inc/icon_li01.gif") left 11px no-repeat; padding-left:13px;}
.cul02 li ul li{background:url("/images/home/inc/icon_li02.gif") left 11px no-repeat; padding-left:7px;}
.cul02 li ul li ul li{background:url("/images/home/inc/icon_li07.gif") left 9px no-repeat; padding-left:7px; font-size:14px;}

.cul03{ margin-bottom:30px; margin-left:25px;}
.cul03 li{padding-left:8px; background:url("/images/home/inc/icon_li05.gif") left 10px no-repeat;}
.cul03 li ul li{padding-left:8px; background:url("/images/home/inc/icon_li02.gif") left 11px no-repeat; font-size:14px;}

.li_bgnone{ background:none !important; padding-left:0 !important;}


.cdl01{margin-bottom:30px;}
.cdl01 dt{ font-weight:600; background:url("/images/home/inc/title01_02.gif") left 5px no-repeat; padding-left:18px; margin-bottom:5px; margin-top:20px; font-size:16px;line-height:24px;}
.cdl01 dd{ margin-left:10px; padding-left:8px; background:url("/images/home/inc/all_icon01.gif") left 10px no-repeat;line-height:1.8em;}

@media all and (max-width :640px) {
.cul01, .cul02, .cul03{margin-left:5px;}
}



/* 이미지 처리-모바일확대 */
.w100 img{ width:auto; max-width:100% !important;}

.big_img {border:1px solid #e1e1e1;background: #f4f4f4; border-radius:10px; position:relative;padding:20px; margin:10px 0;text-align:center;}
.big_img a{ display:none;}
@media all and (max-width :640px) {
.w100 img{ width:100%;}
.big_img a {position:absolute;bottom: 0;left:50%; transform:translateX(-50%);display:block;background:rgba(0,0,0,.8) url(/images/home/board/search01.png) no-repeat 20px center;color:#fff;padding:10px 20px 10px 45px;}

}


/* 버튼 스타일 이미지 들어가는거 */
.btn_blank01{ background:#0079ce; color:#fff; display:inline-block; font-weight:400;line-height:1.8em; font-size:14px;}
.btn_blank01 a{ background:url("/images/home/inc/blank01.gif") 88% center no-repeat; color:#fff; padding:5px 30px 5px 15px; display:block; font-weight:400;line-height:1.8em;}
.btn_blank01:hover{background:#2423B9;}

.btn_down01{ background:#48b200; color:#fff; padding:0 15px; display:inline-block; font-weight:400;line-height:1.8em; font-size:14px;}
.btn_down01 a{ background:#48b200 url("/images/home/inc/down01.gif") right center no-repeat; color:#fff; padding:4px 25px 4px 2px; display:inline-block; font-weight:400;line-height:1.8em;}

.btn_zoom01{ background:#ff6c00; color:#fff; padding:0 10px 0 15px; display:inline-block; font-weight:400;line-height:1.8em; font-size:14px;}
.btn_zoom01 a{ background:url("/images/home/inc/search01.png") right center no-repeat; color:#fff; padding:4px 18px 4px 0; display:inline-block; font-weight:400;line-height:1.8em;}







/*박스처리*/
.cbox01{border:1px solid #e1e1e1; background:#f4f4f4; padding:20px 3%; margin-bottom:30px; border-radius:10px;}
.cbox02{border:1px solid #e1e1e1; padding:30px 4%; border-radius:15px; margin-bottom:30px;}
.cbox03{border:1px solid #e1e1e1; padding:25px 4%; border-radius:10px; background:#f4f4f4 url("/images/home/inc/bg01.png"); box-shadow:1px 2px 1px #f0f0f0; margin-bottom:30px;}
.cbox04{border-bottom:1px dashed #e1e1e1; padding:30px 0;  margin-bottom:30px;}

@media all and (max-width :640px) {
.cbox02{padding:20px 5%;}
.cbox03{padding:20px 5%;}
}

/* 텍스트 처리 */
.ctext01{margin-bottom:30px;}
.ctext02{margin-bottom:10px;}





/* 테이블*/
.table_guide{ margin-bottom:30px !important; }
.over_table{ position:relative; margin-bottom:5px; overflow-x:auto;}


.ctable01 {width:100%; min-width:580px; border-top:2px solid #333583;word-break:keep-all;text-align:center; margin-bottom:2px;}
.ctable01 th{  padding:8px 10px; background:#f1f1f8; border:1px solid #ccc; border-right:none; color:#21236d; line-height:1.8em; font-size:14px;}
.ctable01 th:first-child{ border-left:none;}
.ctable01 th.leftline{ border-left:1px solid #ccc;}
.ctable01 td{border:1px solid #ccc; border-right:none; padding:8px 10px; line-height:1.8em; font-size:14px;}
.ctable01 td:first-child{ border-left:none;}
.ctable01 td.leftline{ border-left:1px solid #ccc;}
.ctable01 .tl{ text-align:left;}
.ctable01 .tr{ text-align:right;}
.left_table td{text-align:left;}
.ctable01 ul{margin:0 !important;}
.ctable01 ul li{ background:url(/images/home/inc/icon_li06.gif) left 10px no-repeat; padding-left:10px;}

@media all and (max-width :640px) {
.over_table{padding-top:25px;}
.over_table:before{ position:absolute; top:0; right:0%; display:block; content:'표를 좌우로 움직여 확인하세요'; text-align:center; font-size:13px; background:#000; color:#fff; padding:0 10px;}
}





/* 탭처리 */
.ctab01 ul{ margin-bottom:50px; font-size:0;}
.ctab01 li{ display:inline-block; text-align:center;box-sizing:border-box; padding:1px; vertical-align:top;}
.ctab01 li a{display:block; color:#333; font-size:17px; line-height:1.5em; padding:15px 0; border:1px solid #cccccc;}
.ctab01 li a:hover,.ctab01 li a:focus,.ctab01 .on a{ color:#fff; font-weight:600; border:1px solid #23b086; background:#23b086; text-decoration:underline;}

.ctab02 ul{ margin-bottom:50px; font-size:0; border-top:1px solid #cccccc; border-left:1px solid #cccccc;box-sizing:border-box;}
.ctab02 li{ display:inline-block; text-align:center;}
.ctab02 li a{display:block; color:#333; font-size:17px; padding:15px 0; border:1px solid #cccccc; border-left:none; border-top:none; line-height:1.5em;}
.ctab02 li a:hover,.ctab02 li a:focus,.ctab02 .on a{ color:#fff; font-weight:600; background:#23b086; text-decoration:underline;}


.liw02 li{ width:50%;}
.liw03 li{ width:33.3333%;}
.liw04 li{ width:25%;}
.liw04_2 li{ width:25%;}
.liw05 li{ width:20%;}
.liw06 li{ width:16.6666%;}
.liw07 li{ width:14.2857%;}

@media all and (max-width :1023px) {
.liw04 li{ width:50%;}
.liw04_2 li{ width:33.3333%;}
.liw05 li{ width:50%;}
.liw06 li{ width:33.3333%;}
.liw07 li{ width:25%;}

}


@media all and (max-width :640px) {
.ctab01 ul, .ctab02 ul{ margin-bottom:30px;}
.ctab01 li a{padding:10px 1%; font-size:15px; margin:0 0px 1px 0px;letter-spacing:-0.05em;}
.ctab02 li a{padding:10px 1%; font-size:15px; letter-spacing:-0.05em;}

.liw03 li{ width:50%;}
.liw04_2 li{ width:50%;}
.liw06 li{ width:50%;}
.liw07 li{ width:33.3333%;}	

}


/* 준비중입니다 페이지*/
.c_ing{background:#f5f5f5 url("/images/home/inc/ing_img.png") center 25px no-repeat; font-size:26px; font-weight:800; width:60%; margin:0 auto; padding:250px 5% 50px 5%; border:1px solid #e6e6e6; border-radius:20px; text-align:center; margin-bottom:30px;}
.c_ing > p{font-size:15px; margin-top:10px; font-weight:400;}
@media all and (max-width :640px) {
.c_ing{width:80%; margin:0 auto; padding:180px 5% 50px 5%; background-size:200px; font-size:20px;}
.c_ing > p{font-size:13px; line-height:1.5em;}
}