@charset "utf-8";

.content h4{ font-size:20px; padding:10px 0; color:#0f285f; margin-bottom:5px;}
.content h4:before{ display:inline-block; width:20px; height:20px; background:url(/home/caeng/images/sub/bullet_h4.png); background-size:contain; content:""; margin-right:10px; }
.content h5{font-size:18px;padding:8px 0;color:#1564dd;position:relative;margin-top:30px;padding-left: 22px;}
.content h5:before{display:inline-block;width: 6px;height: 6px;border: 4px solid #1564dd;border-radius:50%;position:absolute;top: 11px;left:0;content:"";}
.content h6{font-size:16px;padding:6px 0;color: #2e53a3;position:relative;margin-bottom:10px;margin-top:10px;}
/*.content h6:before{ display:block; position:absolute; top:13px; left:0; content:""; width:4px; height:4px; border-radius:10px; background:#565656; }*/

.content p{ font-size:14px; line-height: 1.3; color:#595959;}

/*리스트타입*/
.list_basic { overflow:hidden; margin-bottom:10px;}
.list_basic > li{ position:relative; color:#505050; line-height:150%;  margin-bottom:7px; padding-left:14px;  font-weight:300;}
.list_basic > li > .list_basic{margin:5px 0;}
.list_basic > li.no_bullet{ padding-left:0px; background:none !important; margin-top:5px; }
.list_basic > li.no_bullet:before{ display:none;}
.list_basic > li:before{ position:absolute; display:block; content:""; left:0;}
.lt01 > li:before{width: 4px;height: 4px;background:#1564dd;top: 11px;left:3px; border-radius:50%;}
.lt02 > li:before{width:6px; height:2px; background:#777; top:13px;}
.lt03 > li{margin-bottom:4px;}
.lt03 > li:before{width:3px; height:3px; background:#9e9e9e; top:11px; left:3px}
.box_default{ background:#f5f5f5; padding:15px; color:#5d5d5d; background:url(/home/caeng/images/sub/bg_top_box.jpg) center no-repeat; background-size:cover;    }
.box_default p{ font-size:16px; word-break: keep-all; }
.box_default strong{font-size:17px; font-family:'Gmarket Sans'; margin-bottom:10px; display:block; color:#2e53a3;}

.btn_set{ padding:10px 0; }
.btn_con{ display:inline-block; padding:12px 15px; font-size:14px; border-radius: 3px; font-weight:500; border:0;  }
.btn_con:before{ display:inline-block; vertical-align: 0px; font-family:"font awesome 5 pro"; margin-right:5px;  }
.btn_sch:before{ content:"\f002"}
.btn_reset:before{ content:"\f0e2"}
.btn_cancel{ background:#232323; color:#fff; }
.btn_cancel:before{ content:"\f00d"}
.btn_write{  background:#005fb0; color:#fff; }
.btn_write:before{ content:"\f044" }
.btn_blank:before{ content:"\f08e"}
.btn_blank:after{display:none!important;}
.btn_down:before{ content:"\f33d"}
.btn_check:before{ content:"\f00c"}
.btn_down[target="_blank"]:after{display:none;}

.btn_default{ background:#1564dd; color:#fff; }
.btn_default:hover{ background:#005fb0; }
.btn_line{ background:#fff; color:#013dab; border:#013dab solid 1px; }
.btn_line:hover{ background:#013dab; color:#fff;  }

.btn_lg{ padding:10px 20px; font-size:18px; }
.btn_md{ padding:10px 20px; font-size:16px; }
.btn_sm{ padding:6px 20px; font-size:14px; }

.color01{color:#1564dd;}
.color02{color:#cd095f;}
.color03{color:#1bb3c5;}
strong{font-weight:600;}
.img_box{text-align:center;}
img{max-width:100%;}

/*기본테이블*/
.basic_table { width:100%; max-width:100%; border-collapse:collapse; border-top:#1461dd solid 2px; word-break: keep-all; line-height: 1.2}
.basic_table thead tr th,.basic_table thead tr td { padding:10px 5px; border-bottom:#c2cfe5 solid 1px; }
.basic_table tbody tr th,.basic_table tbody tr td { padding:10px 5px; border-bottom:#c2cfe5 solid 1px; text-align: center; }
.basic_table tr th:first-child,.basic_table tr td:first-child{ border-left:0; }
.basic_table tr th:last-child,.basic_table tr td:last-child{ border-right:0; }
.basic_table th { font-size:16px; color:#0f285f; background-color:#f1f7ff; vertical-align:middle;   }
.basic_table td { font-size:15px; color:#454545; text-align:left;  vertical-align:middle; word-break:keep-all}
.basic_table td a{ text-decoration:none; color:#454545}
.basic_table td.red{ color:#F00}
.basic_table .no_border { border-right-style: none; }
.basic_table .td_center { text-align:center }
.basic_table .td_right { text-align:right }
.basic_table .td_left { text-align:left }
.border_none{ border-right:none;}

/* 정렬 타입 */
.basic_table.table_left tbody tr td{text-align:left;}
.basic_table tbody tr td ul, .basic_table tbody tr td ul li:last-child{margin-bottom:0;}
.basic_table tbody tr td ul li{text-align:left;}
.basic_table tbody tr td ul li ul li{margin-bottom:0;}

.basic_table.table_resp th{ text-align: left; padding:0 10px; }
.basic_table.table_resp th,.basic_table.table_resp td{ display:block; border-left:0; border-right:0;  padding:10px;}

.basic_table.tbl_st_col{  }
.basic_table.tbl_st_col th {  border-right:#c2cfe5 solid 1px; }
.basic_table.tbl_st_col td {  border-right:#c2cfe5 solid 1px; }

.basic_table.tbl_st01{ border-top:#2b2b2b solid 2px; }
.basic_table.tbl_st01 th { color:#1e1e1e; border-bottom:#d8d8d8 solid 1px; border-right:#d8d8d8 solid 1px; background:#fbfbfb  }
.basic_table.tbl_st01 td { color:#464646; border-bottom:#d8d8d8 solid 1px; border-right:#d8d8d8 solid 1px; }

/*반응형테이블*/
.responsive{ min-width:600px; }
.scroltable-wrapper { position: relative; }
.scroltable-container { overflow-x:auto}
.scroltable-nav { display: none;  position: absolute;  width: 60px;  height: 100%;  cursor: pointer;}
.scroltable-nav.scroltable-nav-left {  left: 0; background: linear-gradient(to left, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-right {  right: 0; background: linear-gradient(to right, rgba(255,255,255,0), #fff);}
.scroltable-nav.scroltable-nav-left:before{ display:inline-block; position:absolute; left:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  }
.scroltable-nav.scroltable-nav-left:after{ display:inline-block; position:absolute; left:0; top:40%; margin-top:20px;  content:"\f33e"; font-family: "font awesome 5 pro"  }
.scroltable-nav.scroltable-nav-right:before{ display:inline-block; position:absolute; right:0; top:40%; content:"\f0a6"; font-family: "font awesome 5 pro"  }
.scroltable-nav.scroltable-nav-right:after{ display:inline-block; position:absolute; right:0; top:40%; margin-top:20px;  content:"\f340"; font-family: "font awesome 5 pro"  }

/*paging*/
.paging{ clear:both; text-align:center; padding:25px 0 0 0}
.paging ul li{ display:inline-block;  }
.paging ul li a{ display:block; width:30px; height:34px; border:#e2e2e2 solid 1px; line-height:30px; font-size:14px; font-weight:300}
.paging ul li a.active{ background:#444; border:#006 solid 1px; color:#fff;}

@media all and (min-width:768px){

.box_default{ padding-left:150px; }

.basic_table.table_resp th{ text-align: center; padding:0 10px; }
.basic_table.table_resp th,.basic_table.table_resp td{ display:table-cell; border-left:#eee solid 1px; border-right:#eee solid 1px;  padding:20px;}

}

@media all and (min-width:1024px){

	.content h4{ font-size:28px;  }
	.content h4:before{ width:25px; height:25px; }
	.content h5{ font-size:20px; font-weight:500 }
	.content h5:before{ top:11px; }
	.content h5:after{ top:16px; }
	.content h6{ font-size:18px;  font-weight:500}

	.content p{ font-size:16px; line-height: 1.5 }

	.list_basic li{ font-size:16px; }

	.box_default{ padding:45px 45px 45px 230px; background-position:0 0;}
	.box_default p{ font-size:16px; font-weight:500;   }
	.box_default strong{font-size:22px;}

	.box_st01 .inner{ border:#fff3f3 solid 9px; padding:30px;  }
	.box_st02{ padding:40px 60px; overflow:hidden }
	.box_st02 img{ float:left; margin-right:40px; }

	.basic_table thead tr th,.basic_table thead tr td { padding:15px 20px; }
	.basic_table tbody tr th,.basic_table tbody tr td { padding:15px 20px;  }

}

/*탭메뉴*/
.tab_s ul{ position:relative; width:100%; height:42px; border:#d8d8d8 solid 1px; margin-bottom:20px;  }
.tab_s ul li{ position:absolute; width:100%; height:100%;}
.tab_s ul.open{ height:auto; }
.tab_s ul.open li{ position:relative; border-top:#d8d8d8 solid 1px; }
.tab_s ul.open li:first-child{ border-top:0; }
.tab_s ul li.active{ z-index: 100; }
.tab_s ul li.active:after{ display:inline-block; position: absolute; right:15px; top:50%; transform: translateY(-50%); content:"\f0d7"; font-family: "Font Awesome 5 Pro"; font-weight:bold; font-size:20px; }
.tab_s ul li a{ display:flex; justify-content: center; align-items: center;  height:100%; background:#fbfbfb; font-weight:500;  }
.tab_s ul li.active a{ background:#fff; }
@media all and (min-width:768px){
	.tab_s ul{ display: flex;  flex-wrap:wrap; margin-bottom:30px; height:inherit; border:0; border-left:1px solid #d8d8d8;}
	.tab_s ul li{position:relative; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;width:20%;}
	.tab_s ul li:nth-child(-n+5){border-top:1px solid #d8d8d8;}
	.tab_s ul li a{padding:15px 10px; font-size:15px;}
	.tab_s ul.open{ height:42px; }
	.tab_s ul.open li{ border-top:0;  }
	.tab_s ul li.active:after{ content:""; background:#1461dd; height:3px; left:0; right:0; bottom:0; top:auto; transform: none;}
}
@media all and (min-width:1024px){
	.tab_s ul li a{padding:20px 15px; font-size:16px;}
}

/*만족도조사*/
.satisfy{ display:none; }
@media all and (min-width:768px){
	.satisfy{ display:block; border:#efefef solid 1px; padding:20px; margin-top:30px;  }
	.satisfy .sa_title{ margin-bottom:20px; }
	.satisfy .title{ display:block; font-weight:500; font-size:18px; margin-bottom:5px;  }
	.satisfy .eval_box ul{ display:flex; }
	.satisfy .eval_box input[type='radio']{ margin:0; }
	.satisfy .eval_box p{ color:#ffc018; line-height: 1  }
	.satisfy .eval_box p i{ vertical-align: 1px ; margin-right:3px; }
	.satisfy .eval_box span{ font-size:14px; display:block; margin-top:8px; }
	.satisfy .eval_box form{ margin-top:15px; }
	.satisfy .eval_box .satisfy_text{ width:70%; height:35px; padding:0 10px; border:#c9c9c9 solid 1px; color:#c9c9c9; border-radius: 3px; vertical-align: middle }
	.satisfy .eval_box button{ height:35px; vertical-align: middle; line-height: 12px; }
}
@media all and (min-width:1440px){
	.satisfy{ display:flex; }
	.satisfy .sa_title{ margin-bottom:0; width: 25%; }
	.satisfy .eval_box{ width:75%; }
	.satisfy .eval_box .satisfy_text{ width:89%; }
}

/*담당자*/
.charge{ background:#ebf3fd; padding:15px; margin:20px 0; }
.charge .charge_title{ display:flex; align-items: center; font-size:18px;   font-weight:500; color:#124fcb;  }
.charge .charge_title .icon{ display:flex; justify-content: center; align-items: center; border:#276fdb solid 1px; background:#fff; font-size:25px; border-radius: 50%; width:50px; height:50px; margin-right:10px;  }
.charge ul{ padding:10px 0;  }
.charge ul li{ font-size:16px; margin:5px 0;  }
.charge ul li span{ display:inline-block; margin-right:10px;  padding:5px; border:#276fdb solid 1px; color:#276fdb; border-radius:5px;    }
@media all and (min-width:768px){
	.charge{ display:flex; }
	.charge .charge_title{ width:250px; }
	.charge ul{ display:flex; flex-wrap:wrap }
	.charge ul li{ width:33.333%; }
}
@media all and (min-width:1440px){
	.charge{ padding:15px 40px; }
	.charge .charge_title{ font-size:20px; }
	.charge .charge_title .icon{ width:80px; height:80px; font-size:35px;  }
	.charge ul li{ font-weight:500; color:#323232; }
	.charge ul li span{ font-size:14px; }
}


/* 단계 */
.step{margin:10px 0;}
.step > li{padding-bottom:25px; position:relative;}
.step > li:after{content:"\f0d7";  font-family: "font awesome 5 pro"; font-weight:600; display:block; position:absolute; bottom:3px; left:50%; margin-left:-7px; font-size:22px; color:#0f285f; }
.step > li:last-child:after{display:none;}
.step > li .inner{background:#f9fcff; padding:15px 25px; border-radius:5px; border:1px dashed #7d8eac; text-align:center;}
/*.step > li:first-child .inner{border:1px solid #898989;}*/
.step > li:last-child{padding-bottom:0;}
.step > li:last-child .inner{border:1px solid #1461dd;}
.step > li .inner .number{font-weight:400; color:#4c62ac; font-size:15px; display:block; margin-bottom:7px;}
.step > li .inner .title{font-weight:500; color:#000; font-size:15px; display:block;}
.step > li .inner .text{margin-top:20px; padding-top:15px; border-top:1px dashed #c2cfe5; font-size:14px; line-height:1.3;}
.step02 > li .inner .text{text-align:left; margin-bottom:0;}
.step02 > li .inner .text li:last-child{margin-bottom:0;}
@media all and (min-width:640px){
	.step{display:flex; justify-content:flex-start; align-items:baseline; flex-wrap:wrap; margin-right:30px;}
	.step > li{width:50%;  padding:0 0 20px 35px;}
	.step > li:after{transform:rotate(-90deg);  margin-left:0; top:35px; left:10px; bottom:inherit;}
	.step > li:first-child:after{display:none;}
	.step > li:last-child:after{display:block;}
}
@media all and (min-width:768px){
	.step > li .inner .title{font-size:17px;}
	.step > li .inner .text{font-size:15px;}
}
@media all and (min-width:1440px){
	.step > li .inner{padding:25px;}
	.step01 > li{width:25%;}
	.step01 > li .inner .text{text-align:left; padding:15px 10px 0 10px; font-size:16px;}
}
	
/*img_wrap*/
.img_wrap { padding:20px 0; }
.img_wrap img{ display:block; max-width:100%; margin:0 auto }

.txt_red { color:#F00 !important;}

/*인삿말*/
.greeting {overflow: hidden;}
.greeting > .tit {font-size: 20px; display: block; text-align: center; padding: 20px 0; line-height: 1.4; word-break:keep-all}
.greeting > .tit > br {display: none;}
.greeting > .con {clear: both;}
.greeting > .con > img {max-width: 100%; display: block; margin: 0 auto;}
.greeting > .con > div {margin-top: 80px;}
.greeting > .con > div > strong {font-size: 24px; display:block; padding: 10px 0 20px 0; position: relative; text-align: center;}
.greeting > .con > div > strong:before {position: absolute; top: -45px; left: 45%; background: url(/home/caeng/images/sub/bg_greeting.png) no-repeat 0 0; content: ""; width: 45px; height: 45px;}
.greeting > .con > div > strong:after {display: none;}
.greeting > .con > div > strong > br {display: none;}
.greeting > .con > div > p {padding: 15px; background: #f7f7f7;}
@media all and (min-width:768px){
	.greeting > .tit {font-size: 24px;}
	.greeting > .tit > br {display: block;}
	.greeting > .con > img {float: left; position: relative; top: -66px; padding-right: 45px; width:50%;}
	.greeting > .con > div {}
	.greeting > .con > div > strong {font-size: 26px; line-height: 1.4; text-align: left; position: relative;}
	.greeting > .con > div > strong:before {left: auto;}
	.greeting > .con > div > strong:after {display: block; position: absolute; bottom: -35px; left: 50%; background-color: #1564dd; width: 2px; height: 45px; content: "";}
	.greeting > .con > div > strong > br {display: block;}
	.greeting > .con > div > p {padding: 50px; margin-left: 80px;}
}
@media all and (min-width:1440px){
	.greeting > .con > img {width:auto;}
}

/* 연혁 */
.box_default_h{text-align:center; }
.box_default_h strong{display:block; font-size:18px; font-weight:600; margin-bottom:10px;}
.box_default_h p{line-height:1.3;}
.history{margin:30px 0; position:relative; padding-left:55px;}
.history:before{content:''; display:block; width:1px; height:calc(100% - 45px); border-left:1px dashed #bfd0f3; position:absolute; top:45px; left:20px;}
.history .year{display:block; font-size:20px; font-weight:500; color:#005fcb; position:relative; font-family:'Gmarket Sans';}
.history .year:before{content:''; width:30px; height:32px; background:url(/home/caeng/images/sub/bullet_h4.png); background-repeat:no-repeat; background-size:contain; position:absolute; top:-5px; left:-50px;}
.history > ul{margin-top:50px; margin-bottom:0;}
.history > ul > li{margin-bottom:20px;}
.history > ul > li:last-child{margin-bottom:0;}
.history > ul > li > div > span{display:block; font-size:17px; font-weight:500; position:relative;}
.history > ul > li > div > span:before, .history > ul > li > div > span:after{content:''; display:block; position:absolute; top:50%; border-radius:50%;}
.history > ul > li > div > span:before{width:22px; height:22px; background:#fff; border: 1px dashed #005fcb; margin-top:-11px; left:-46px;}
.history > ul > li > div > span:after{width:8px; height:8px; background:#005fcb; margin-top:-4px; left:-38px; }
.history > ul > li > div > ul{margin-top:10px; margin-bottom:0;}
.history > ul > li > div > ul > li{margin-bottom:10px;}
.history > ul > li > div > ul > li:last-child{margin-bottom:0;}
.history > ul > li > div > ul > li > span{padding-left:13px; position:relative; line-height:1.5;}
.history > ul > li > div > ul > li > span:before{content:''; display:block; width:2px; height:2px; border:2px solid #1564dd; border-radius:50%; position:absolute; top:10px; left:0;}
.history > ul > li > div > ul > li > ul{margin:5px 0 5px 20px;}
.history > ul > li > div > ul > li > ul > li{margin-bottom:3px; font-size:14px; line-height:1.3;}
@media all and (min-width:768px){
	.box_default_h{padding-left:0;}
	.box_default_h strong{font-size:22px;}
	.history{padding-left:0; margin-top:40px;}
	.history:before{top:90px; left:50%; height:calc(100% - 90px)}
	.history .year{text-align:center; padding-bottom:45px; font-size:26px;}
	.history .year:before{top:auto; bottom:0; left:50%; margin-left:-15px;}
	.history > ul > li{margin-bottom:20px;}
	.history > ul > li:after{content:''; display:block; clear:both;}
	.history > ul > li > div > span:before{width:30px; height:30px; margin-top:-15px;}
	.history > ul > li > div{padding:0 40px;}
	.history > ul > li:nth-child(odd) > div{float:left; width:50%; text-align:right;}
	.history > ul > li:nth-child(odd) > div > span:before{left:inherit; right:-56px;}
	.history > ul > li:nth-child(odd) > div > span:after{left:inherit; right:-44px;}
	.history > ul > li:nth-child(even) > div {float:right; width:50%;}
	.history > ul > li:nth-child(even) > div > span:before{left:-56px;}
	.history > ul > li:nth-child(even) > div > span:after{left:-44px;}
	.history > ul > li > div > span{font-size:20px; margin-bottom:10px;}
}
@media all and (min-width:1024px){
	.history .year{font-size:30px;}
	.history > ul > li{margin-bottom:40px;}
}

/* 오시는 길 */
.map_area{border:1px solid #dedede; min-height:500px; max-width:100%; width:100%;}
.map_infor{background:#005fb0; padding:20px 30px;}
.map_infor span{display:block; margin-bottom:15px;}
.map_infor ul li{color:#fff; font-size:15px; margin-bottom:10px; line-height:1.4;}
.map_infor ul li:last-child{margin-bottom:0;}
.map_infor ul li i{margin-right:5px;}
.map_infor ul li em{margin-right:10px; font-weight:500;}
@media all and (min-width:1024px){
	.map_infor{padding:30px 40px;}
	.map_infor ul{overflow:hidden;}
	.map_infor ul li{float:left; margin-right:30px; margin-bottom:15px;}
}
@media all and (min-width:1440px){
	.map_infor{overflow:hidden;}
	.map_infor span{float:left; width:130px; margin-top:5px; margin-bottom:0;}
	.map_infor ul{float:left; width:calc(100% - 200px); margin-left:30px;}
	.map_infor ul li{margin-bottom:0;}
	.map_infor ul li:first-child{margin-bottom:10px;}
	.map_infor ul li:nth-child(2){clear:both;}
}

/* 사이트맵 */
.sitemap .list{margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #e1e7ec;}
.sitemap .list:last-child{margin-bottom:0; border-bottom:0;}
.sitemap .list > span{color:#2d77f2; font-size:22px; font-weight:500;}
.sitemap .list > ul{margin-top:15px;}
.sitemap .list > ul > li{margin-bottom:15px;}
.sitemap .list > ul > li > a{font-weight:500; font-size:15px; color:#000;}
.sitemap .list > ul > li > ul{display:none;}

@media all and (min-width:480px){
	.sitemap .list{margin-bottom:30px; padding-bottom:30px;}
	.sitemap .list > ul{display:flex; flex-wrap:wrap; margin-top:25px;}
	.sitemap .list > ul > li{width:50%; border-left:1px solid #e1e7ec; padding:15px 22px; margin-bottom:0;}
	.sitemap .list > ul > li > ul{display:block; margin-top:10px;}
	.sitemap .list > ul > li > ul > li{padding-left:8px; position:relative;}
	.sitemap .list > ul > li > ul > li:last-child{margin-bottom:0;}
	.sitemap .list > ul > li > ul > li:before{content:''; display:block; width:3px; height:3px; background:#454545; border-radius:50%; position:absolute; top:13px; left:0;}
	.sitemap .list > ul > li > ul > li:hover{background:#daf5ff;}
	.sitemap .list > ul > li > ul > li > a{display:block; font-size:14px; padding:8px 0; color:#454545;}
}
@media all and (min-width:640px){
	.sitemap .list > span{font-size:24px;}
	.sitemap .list > ul > li > a{font-size:16px;}	
	.sitemap .list > ul > li > ul{margin-top:15px;}
}
@media all and (min-width:768px){
	.sitemap .list > ul > li{padding:15px 22px 35px 22px;}
	.sitemap .list > ul > li > ul{margin-top:25px;}
}
@media all and (min-width:1024px){
	.sitemap .list{padding-left:200px; position:relative;}
	.sitemap .list > span{font-size:28px; position:absolute; top:0; left:0;}
}
@media all and (min-width:1440px){
	.sitemap .list{padding-bottom:50px; margin-bottom:50px;}
	.sitemap .list > ul > li{width:25%;}
}