@charset "utf-8";

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

/* 이미지 레이어창 */
.layer_pimg01 > div{ position: absolute; display: inline-block; width: 800px; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.layer_pimg01 {height: 100%; width: 0;position: fixed; top: 0; left: 0; background-color:rgba(0,0,0,0.9); overflow-x: hidden; transition: 0.5s; padding-top: 60px;text-align:center;	z-index: 99999999;}
.layer_pimg01 img{ width: 100%;}
.layer_pimg01 .closebtn { position: absolute;display: inline-block; height: 50px; width: 50px; border-radius: 50%; border:2px solid #fff; text-align: center; vertical-align: top;	color: #fff; top: -50px; right: -50px;  font-size: 50px; line-height: 40px;		text-decoration: none;}
	
@media all and (max-width:850px) {
.layer_pimg01 > div{  width: 90%; padding: 5%;}
.layer_pimg01 .closebtn {  top: 0; right: 0;}
iframe{ width: 100%; height: auto;}
}



/*개인정보 수집 및 이용안내*/
.info01 { margin-bottom: 20px;}
.info01 h5{ font-size: 20px; margin-bottom: 10px;background:url(../images/inc/icon_01.png) left center no-repeat; padding-left: 10px;}
.info01_guide{ border:1px dashed #ccc; padding:20px; margin-bottom:10px; font-size: 14px;}
.info01_guide strong{font-size: 14px; }
.info01_guide p{ margin: 10px 0; font-size: 14px; }
@media all and (max-width:850px) {
.info01 h5{ font-size: 15px; margin-bottom: 10px;}
.info01_guide strong{font-size: 13px; }
.info01_guide p{ font-size: 13px; }
.info01_guide{ padding:3%;font-size: 13px;}
}

/*개인정보보호정책*/
.terms_txt01 .terms_txt02{font-size: 18px;margin-bottom: 40px; padding: 30px; background: #f0f5f9; border-radius: 30px;line-height: 1.6em;}
.terms_txt01 .terms_txt02 span{display: block;margin-top: 20px;}

.terms_txt01 dl{margin-bottom: 40px;}
.terms_txt01 dl dt{background: url("../images/inc/bullet01.png") left 8px no-repeat;padding-left: 20px;font-size: 20px;letter-spacing: -0.01em;margin-bottom: 20px;font-weight: 500;}
.terms_txt01 dl dd{font-size: 18px;line-height: 1.6em;font-weight: 300;}
.terms_txt01 dl dd ul{padding-left: 10px;}

@media all and (max-width :767px){
 .terms_txt01 dl{margin-bottom: 20px;}
 .terms_txt01 dl dt{margin-bottom: 10px;}
 .terms_txt01 dl dd{font-size: 16px;}
}


/* ul */
.cul{line-height:1.6em;margin-left:10px;}
.cul li{ background:url(../images/board/icon06.gif) left 8px no-repeat; padding-left:10px;}
.cul li ul{ margin-left:10px;}
.cul li ul li{background:url(../images/board/icon01.gif) left 5px no-repeat; padding-left:10px;}
ul .bg_none{ background:none;}
ul li.bg_none ul{margin-left:0px;}
ul li.bg_none ul li{ background:none;}


/* ul */
.cdl{line-height:1.6em;}
.cdl dt{background:url("/images/inc/h6.png") no-repeat left 3px; padding-left:22px;font-size:17px;color:#000000;line-height:1.2em; margin-bottom:10px;}
.cdl dd{background:url(../images/board/icon06.gif) left 8px no-repeat; padding-left:10px; margin-left:10px;}

@media all and (max-width:767px) {
.cdl dt{background:url("/images/inc/h6.png") no-repeat left 2px; font-size:15px;}
.cdl dd{font-size:14px;}
}


/* 테이블 */
.over_table{overflow-x:auto; position:relative;line-height: 1.9em;}
.ctable{width:100%; border-right: 2px solid #fff;border-left: 2px solid #fff;} 
.ctable thead th{padding:6px;background:#f8f8f8;font-size:15px;border-right:1px solid #eee;font-weight: 500;border-top:2px solid #3848ad;}
.ctable tbody td{padding:10px;text-align:center; font-size:16px;border:1px solid #eee; word-break:keep-all;font-weight: 300;}
.ctable tbody .bl_color td{border-bottom: 1px solid #3848ad;}


@media all and (max-width:1280px) {
 .over_table:before{ position:absolute; top:0px; right:0%; display:block; content:'표를 좌우로 움직여 확인하세요'; text-align:center; font-size:12px; background:rgba(0,0,0,0.5); color:#fff; padding:0 10px;}
 .over_table .ctable{width:1200px;}
}
@media all and (max-width:767px) {
.over_table{line-height: 1.6em;} 
.ctable thead th{font-size:13px;}
.ctable tbody td{font-size:14px;}
}


.ctable01{width:100%; border-right: 2px solid #fff;border-left: 2px solid #fff; margin-bottom: 50px;} 
.ctable01 th{background:#f4f4f4; color:#000; font-size:13px;border:1px solid #e7e7e7;}
.ctable01 td{text-align:center; font-size:14px;line-height:1.2em;border-top:none;border:1px solid #e7e7e7; word-break:keep-all;} 
.ctable01 thead th{padding:7px;border-top:1px solid #555;}
.ctable01 tbody th{background:none;}
.ctable01 tbody td{color:#555;padding:7px;}
.ctable01 tbody td table{border-top:1px solid #323a47}





/* 탭처리 */
.ctab_box *{ box-sizing: border-box;}
.ctab_box {margin-bottom: 60px;}
.ctab01 {display: flex;}
.ctab01 li{width: 33.3%;text-align: center;}
.ctab01 li a {display: block;font-size:22px;font-weight: 500; padding-bottom: 20px; border-bottom: 5px solid #ddd;position: relative;}   
.ctab01 li a:hover,
.ctab01 li a:focus{border-bottom: 5px solid #3848ad; color: #3848ad;font-weight: 500;}   
.ctab01 li a.on{border-bottom: 5px solid #3848ad; color: #3848ad;font-weight: 500;}


@media all and (max-width :1280px) {
.ctab01 li a {font-size:18px;padding-bottom: 15px;}  
}

@media all and (max-width :767px) {
.ctab01 li a {font-size:15px;padding-bottom: 10px; border-bottom: 3px solid #ddd;}
.ctab01 li a:hover,
.ctab01 li a:focus{border-bottom: 3px solid #3848ad;}   
.ctab01 li a.on{border-bottom: 3px solid #3848ad} 
}

/*서브리처리*/
.ctab02{width: 100%;}
.ctab02 ul{display: flex; flex-wrap: wrap;}
.ctab02 li{width: 10%; text-align: center;background: #f8f8f8;}
.ctab02 li a {display: block;font-size:18px;font-weight: 500;padding: 20px 0;}   
.ctab02 li a:hover,
.ctab02 li a:focus{color: #3848ad;font-weight: 500;}
.ctab02 li a.on{color: #3848ad;font-weight: 500;}

@media all and (max-width :1280px){
 .ctab02 li{width: 20%;}
 .ctab02 li a {font-size:16px;padding: 15px 0;}   
}

@media all and (max-width :767px){
 .ctab02{margin-bottom: 40px;}
 .ctab02 li a {font-size:12px;padding: 13px 0;}   
}


.cbox01{ position:relative; padding:50px; padding-bottom:0;}
.cbox01:before{ position:absolute; top:0; left:0; display:block; content:''; width:100%; height:300px; background:#cad7e8; z-index:-1;}
.cbox01:after{ position:absolute; top:0; right:0; display:inline-block; content:''; width:40%; height:300px; background:#f3f3f3; z-index:-1;}
.cbox01 > div{ background:#fff; padding:50px; }

.cbox02{ position:relative; padding:50px; padding-bottom:0;}
.cbox02:before{ position:absolute; top:0; left:0; display:block; content:''; width:100%; height:300px; background:#cacae8; z-index:-1;}
.cbox02:after{ position:absolute; top:0; right:0; display:inline-block; content:''; width:40%; height:300px; background:#f3f3f3; z-index:-1;}
.cbox02 > div{ background:#fff; padding:50px; }


.cbox03{ border:1px solid #ddd; border-radius:20px; padding:50px;}

@media all and (max-width:1023px) {
.cbox01{padding:30px; padding-bottom:0;}
.cbox01 > div{ padding:30px; }

.cbox02{padding:30px; padding-bottom:0;}
.cbox02 > div{ padding:30px; }

.cbox03{padding:30px;}

}

@media all and (max-width:767px) {
.cbox01{padding:10px; padding-bottom:0;}
.cbox01 > div{ padding:20px; }

.cbox02{padding:10px; padding-bottom:0;}
.cbox02 > div{ padding:20px; }

.cbox03{padding:20px;}
}



/* 지도영역 */
.map_address {background:url(/images/content/sub01_img14.png) left center no-repeat; display: inline-block; text-align:left; padding: 10px 0 10px 60px; margin:0 0 20px 50px; }
.map_txt{text-align:center; margin-bottom:50px; color:#000; font-size:15px;  border: 2px solid #ddd; border-radius: 30px; height:500px; }

.map_icon{ font-size: 0;}
.map_icon div{ display: inline-block; width: auto; margin: 0 2%; vertical-align: top;}
.map_icon dt{ font-size: 18px; color: #000;}
.map_icon span{ display: inline-block; width:78px;  height: 78px; border-radius: 100px; margin-right: 20px;}
.map_icon dl{ display: inline-block; width:calc(100% - 98px); vertical-align: top; margin-bottom: 20px;}
.map_icon dl dd{ font-size: 15px; background: url(/images/inc/top_icon01.png) left 8px no-repeat; padding-left: 10px; margin-bottom: 5px;}
.map_icon01 span{  background:#84e5e2 url(/images/content/sub01_img15.png) center center no-repeat;}
.map_icon02 span{  background:#fdac5c url(/images/content/sub01_img16.png) center center no-repeat;}
.map_icon03 span{  background:#ffcc00 url(/images/content/sub01_img17.png) center center no-repeat;}



@media all and (max-width:768px) {
.map_address {padding: 10px 0 10px 50px; margin:0 0 10px 0; font-size: 13px;}

.map_txt{ height:280px; border-radius: 20px;  margin-bottom:20px; }

.map_icon span{ width:40px;  height: 40px; background-size: 36px;; margin-right: 10px;}
.map_icon dl{ width:calc(100% - 50px);}
.map_icon dt{ font-size: 15px;}
.map_icon dl dd{ font-size: 14px; }

}


/* 링크버튼 */
.btn_link{ text-align:center; margin:50px 0;}
.btn_link a{  color:#fff; padding:15px 40px; text-align:center; display:inline-block; font-size:18px; border-radius:30px; background-image:url(../images/inc/bg03.png); background-position:right center; background-repeat:no-repeat;}
.btn_link a > .down{ background:url(../images/inc/btn_down01.gif) right center no-repeat; padding-right:25px;}
.btn_link a > .new_win{ background:url(../images/inc/btn_blank02.gif) right center no-repeat; padding-right:25px;}

.bc_red{background-color:#c6001c;}
.bc_blue{background-color:#0d54e5;}
.bc_black{ background-color:#000;}
.bc_black:hover, .bc_black:focus{ background-color:#DF3400;}
.bc_orange{background-color:#DF3400;}
.bc_blue:hover, .bc_blue:focus,
.bc_red:hover, .bc_red:focus,
.bc_orange:hover, .bc_orange:focus{ background-color:#000;}


@media all and (max-width:767px) {
.btn_link{margin:20px 0;}
.btn_link a{padding:10px 25px;font-size:16px; margin-bottom:5px; }
}

/* 페이지 준비중 */
.ing_guide{ text-align:center; background:url(../images/inc/ing_img.png) center -20px no-repeat; padding-top:250px; background-size:350px;}
.ing_guide strong{ display:block; font-size:34px; color:#152b75; margin-bottom:20px;}
.ing_guide span{display:block; word-break:keep-all;}


@media all and (max-width:767px) {
.ing_guide{ text-align:center; background:url(../images/inc/ing_img.png) center -10px no-repeat; padding:170px 5% 0 5%; background-size:230px;}
.ing_guide strong{font-size:24px; margin-bottom:10px;}
.ing_guide span{ font-size:14px;}
}



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



/* flex 기본 설정값 */

.fx_basic{ display: flex; flex-wrap: wrap;}
.fx_basic_sb{ display: flex; flex-wrap: wrap; justify-content:space-around;}

.fj_c{justify-content: center;}
.fj_end{justify-content:flex-end;}
.fj_s{justify-content:flex-start!important;}
.fj_sp{justify-content:space-around;}
.fj_sb{justify-content:space-between;}

.fd_c{flex-direction: column}
.fd_cr{flex-direction:column-reverse}
.fd_r{flex-direction:row}
.fd_rr{flex-direction:row-reverse;}

.fa_c{align-items:center;}
.fa_end{align-items:flex-end;}
.fa_s{align-items:flex-start;}
.fa_st{align-items:stretch;}



/* 폰트 컬러 : 상황에 따라 추가 가능 */
.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:#111632 !important;font-style:normal}
.fc_yellow{color:#FFFD00 !important;font-style:normal}


/* 폰트 사이즈 : 기본적으로 작성은 되어있으나 사용여부는 디자이너 판단 */
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px}
.fs14{font-size:14px;}


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

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

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

.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;}

/* 이미지 및 컨텐츠 정렬 시. */
.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}