@charset "utf-8";
:root{
--key-color:#ffcc4d;
}

/* ------------------------------------------ 사이트별 개별설정-------------------------------------------------------- */


/* 탭메뉴처리 */
.tab_menu{ text-align:center; width: 100%; margin-bottom:40px;}
.tab_menu *{ box-sizing: border-box;}
.tab_menu ul{ display:flex; justify-content: space-between;}
.tab_menu li{  width: 100%; border:1px solid #ddd; background: #fff; margin: 0 -1px -1px 0;}
.tab_menu li a {display: block; width: 100%;  line-height:70px; font-size:18px; white-space: nowrap;}  
.tab_menu li a:hover,
.tab_menu li a:focus{color: #000;font-size:20px; font-weight: 600;}
.tab_menu .active{border:1px solid #ffc534;background: #ffc534; box-shadow: 0 0 10px rgba(0,0,0,0.2); }
.tab_menu .active a{font-size:20px; font-weight: 600; color: #fff; }
.tab_menu .active a:hover,
.tab_menu .active a:focus{color: #fff;}

/*양끝라운드
.tab_menu li:first-of-type,
.tab_menu li:first-of-type a:hover,
.tab_menu li:first-of-type a:focus,
.tab_menu li:first-of-type.active{ border-radius: 10px 0 0 10px;border-left:none;}

.tab_menu li:last-of-type,
.tab_menu li:last-of-type a:hover,
.tab_menu li:last-of-type a:focus,
.tab_menu li:last-of-type.active{ border-radius:0 10px 10px 0;}
*/
@media all and (max-width :1280px) {
.tab_menu .col08,
.tab_menu .col09,
.tab_menu .col10{justify-content:flex-start; flex-wrap: wrap;}	
	
.tab_menu .col08 li,	
.tab_menu .col09 li,
.tab_menu .col10 li{width: 25%;}
}

@media all and (max-width :1023px) {
.tab_menu li a {line-height:55px; font-size:16px;}  
.tab_menu li a:hover,
.tab_menu li a:focus,
.tab_menu .active a{font-size:18px; }
	
.tab_menu .col06,
.tab_menu .col07{justify-content:flex-start; flex-wrap: wrap;}
	
.tab_menu .col06 li,
.tab_menu .col07 li,
.tab_menu .col08 li,
.tab_menu .col09 li,
.tab_menu .col10 li{width: 33%;}
	
	
}

@media all and (max-width :767px) {
.tab_menu ul{justify-content:flex-start; flex-wrap: wrap;}
.tab_menu li{width: 50%;}
.tab_menu li a {line-height:50px; font-size:15px;} 
.tab_menu li a:hover,
.tab_menu li a:focus,
.tab_menu .active a{font-size:16px; }
	
	
.tab_menu .col06 li,
.tab_menu .col07 li,
.tab_menu .col08 li,
.tab_menu .col09 li,
.tab_menu .col10 li{width: 50%;}
}






/*전체 타이틀*/
#content h4{font-size: 22px;  letter-spacing: -0.01em; margin-bottom: 20px;background: url(../images/inc/point02.png) left 1px no-repeat;padding-left: 30px;}

#content.board_guide h4{position:relative;font-size: 30px; margin-bottom: 20px;background:none;padding-left: 00px;}
#content.board_guide h4:before{display: block; content: ''; position: absolute; left: 0; top: -10px; width: 40px; height: 4px; background-color: #ffcc4d; }

@media all and (max-width:767px) {
#content h4{font-size: 18px;background: url(../images/inc/point02.png) left 1px no-repeat; background-size: 18px; padding-left: 23px;}

#content.board_guide h4{font-size: 24px; margin-bottom: 10px;}
#content.board_guide h4:before{top: -7px; width: 30px; height: 3px; }
}




/*준비중페이지*/

.ing_guide{background: #fff; box-shadow: 1px 2px 20px rgba(0,0,0,0.1);width: 800px; padding: 50px 5%; margin:40px auto ; border-radius: 30px;}
.ing_guide *{ box-sizing:border-box;}

.ing_guide div{ background: url("../images/inc/login_img05.png") center top no-repeat; width: 500px;margin: 0 auto 50px auto; padding:170px 0 0 0; background-size: 180px; text-align: center; }
.ing_guide strong{font-size: 38px; letter-spacing: -0.09em; display: block;font-weight: 600;}

@media all and (max-width:1280px) {
.ing_guide{width: 100%;}
.ing_guide strong{font-size: 30px;}
}
@media all and (max-width:767px) {
.ing_guide{ box-shadow:0 0 0 #fff;padding:0;margin:0 auto;}
.ing_guide div{ width: 100%;margin: 20px auto; padding:100px 0 0 0; background-size: 100px;}
.ing_guide strong{font-size: 18px;}
}






/* 테이블 */
.over_table{overflow-x:auto; position:relative; margin-bottom: 30px;}
.table_guide{margin-bottom: 30px;}
.ctable{width:100%;border-top:2px solid #000;  border-bottom: 2px solid #000; border-left:2px solid #fff;  word-break: keep-all;} 

.ctable th{ color:#000; font-size:15px;border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding: 10px 1%; background: #f9f9f9;}
.ctable td{font-size:1em;line-height:1.5em; border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; word-break:keep-all; padding: 20px 1%; text-align: center;}  
.ctable .al{text-align:left;}
.ctable .ac{text-align:center;}
.ctable td ul{ font-size: 15px; text-align: left !important;}
.ctable .ct_btn{ border-radius: 4px; background: #304aff; color: #fff; font-size: 12px; text-align: center; padding: 10px 20px; box-shadow: 1px 5px 5px rgba(0,0,0,0.1);}
.ctable .ct_btn:hover,
.ctable .ct_btn:focus{ background: #ff3f34;}
.ctable .ct_bg01{font-weight: bold; background: #f6f6f6;}

.ctable td > ul > li{background: url("../images/board/icon05.gif") 10px 7px no-repeat; padding-left: 20px;line-height: 1.7em}
.ctable td > ul > li > ul > li{font-size: 13px;}




@media all and (max-width:767px) {

.over_table:before{ position:absolute; top:0px; left:0%; display:inline-block; content:'표를 좌우로 움직여 확인하세요'; font-size:11px; background:rgba(0,0,0,0.5); color:#fff; padding:3px 10px; z-index: 1;}
.over_table table{width:800px;}
.ctable th{padding: 10px 1%;font-size:14px;}
.ctable td{padding: 10px 1%;font-size:15px;}
}


/* ------------------------------------------ 기본설정 -------------------------------------------------------- */

/* 폰트 컬러 : 상황에 따라 추가 가능 */
.fc_red{color:#ff0000 !important;font-style:normal}
.fc_blue{color:#0054bc !important;font-style:normal}
.fc_green{color:#00aa44 !important;font-style:normal}
.fc_gray{color:#5f5f5f !important;font-style:normal}
.fc_white{color:#ffffff !important;font-style:normal}
.fc_black{color:#000000 !important;font-style:normal}
.fc_navy{color:#653fd2 !important;font-style:normal}
.fc_yellow{color:#FFFD00 !important;font-style:normal}


/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}


/* 기본 마진 : 상황에 따라 추가 가능 */
.m00{margin:0 !important}
.m10{margin:10px !important}

.ml00{margin-left:0 !important}
.ml05{margin-left:5px !important}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}

.mr00{margin-right:0 !important}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}

.mt00{margin-top:0 !important}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}

.mb00{margin-bottom:0 !important}
.mb05{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb30{margin-bottom:30px !important}
.mb40{margin-bottom:30px !important}
.mb50{margin-bottom:50px !important}
.mb100{margin-bottom:100px !important}


/* 기본 패딩 : 상황에 따라 추가 가능 */
.p00{padding:0 !important;}

.pb00{padding-bottom:0px !important}
.pb10{padding-bottom:10px !important}
.pb20{padding-bottom:20px !important}
.pb30{padding-bottom:30px !important}

.pl0{padding-left:0px !important}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}

.pr00{padding-right:0px !important}
.pr10{padding-right:10px;}
.pr20{padding-right:10px;}
.pr30{padding-right:10px;}

.pt00{padding-top:0 !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}
.pt60{padding-top:60px !important;}
.pt70{padding-top:70px !important;}
.pt80{padding-top:80px !important;}
.pt100{padding-top:100px !important}


/* 컨텐츠 float */
.fl{float:left;}
.fr{float:right;}

.fwb{font-weight: 600;}

/* 이미지 및 컨텐츠 정렬 시. */
.ac{text-align:center !important}
.ar{text-align:right !important}
.al{text-align:left !important}

.blind{display:block;overflow:hidden;position:absolute;top:0;left:-5000px; width:500px; font-size:13px;}
.hide{display:none !important;margin:0;padding:0}

/* 창크기 */
.w_100p{ width: 100% !important;}
.w_100{ width: 100px;}
.w_200{ width: 200px;}
.w_300{ width: 300px;}
.w_400{ width: 400px;}
.w_500{ width: 500px;}
.w_600{ width: 600px;}