@charset "utf-8";


/* 서브중간메뉴 */
#sub_top_wrap {width:100%; min-width:1400px;  height:400px; margin:0; position:relative; z-index:44; text-align:center;}
#sub_top_wrap h2 {display: block; font-family: 'paybooc-Bold'; font-size:50px; font-weight:900; letter-spacing:-1px; line-height: 100px; text-align:center; word-break:keep-all; color:#fff; top:130px; position:relative; font-weight:normal }
#sub_top_wrap .h2_msg {font-family: 'InfinitySans-BoldA1'; display: block; color:#fff; position:relative; top:120px; font-size:24px;}

.sub_t1_img{background:url('../images/sub_timg_bg1.jpg') no-repeat center bottom; background-size:cover}
.sub_t2_img{background:url('../images/sub_timg_bg1.jpg') no-repeat center bottom; background-size:cover}
.sub_t3_img{background:url('../images/sub_timg_bg1.jpg') no-repeat center bottom; background-size:cover}
.sub_t4_img{background:url('../images/sub_timg_bg1.jpg') no-repeat center bottom; background-size:cover}
.sub_t5_img{background:url('../images/sub_timg_bg1.jpg') no-repeat center bottom; background-size:cover}
.sub_t6_img{background:url('../images/sub_timg_bg1.jpg') no-repeat center bottom; background-size:cover}


/* 서브중간메뉴 */
.sub_menu_wrap { width:100%; min-width:1400px;  margin: 0 auto; position:absolute; bottom:0;  background:rgba(0, 0, 0, 0.5);}
.sub_tabmenu_wrap {width:100%; margin: 0 auto; }
.sub_tabmenu { width:100%; max-width:1400px; margin: 0 auto; }
.sub_tabmenu>li.sub_home {display:block; float:left; width:60px; height:60px; background:url('../images/s_icon_home.png') no-repeat center center; border-left:1px solid rgba(255, 255, 255, 0.2);}
.sub_tabmenu>li.sub_home a {display:block;  width:60px; height:60px; }
.sub_tabmenu li.menu_list { overflow:hidden; position:static; }
#firstpane {width:249px; float:left; z-index:420; }
#secondpane {width:249px; float:left; z-index:410; }

.sub_tabmenu .on {display:block !important;}

.menu_head {
	cursor: pointer;
	position: relative;
	font-size:16px;
	text-align:left;
	color:#fff;
	box-sizing:border-box;
	}

#firstpane .menu_head {width:249px; padding:0 30px 0 20px; height:60px; line-height:60px; display:block; background:url('../images/path_2depth_bg01.png') no-repeat 92% center; border-left:1px solid rgba(255, 255, 255, 0.2); font-size:17px;}
#secondpane .menu_head {width:249px; padding:0 30px 0 20px; height:60px; line-height:60px; display:block; background:url('../images/path_2depth_bg01.png') no-repeat 92% center; border-left:1px solid rgba(255, 255, 255, 0.2); border-right:1px solid rgba(255, 255, 255, 0.2); font-size:17px;}

.menu_body {
	width:249px; position:absolute;
	overflow:hidden; z-index:999999999;
	display:none;
}

#secondpane .menu_body {width:249px;}


.menu_body li{
	position: relative;
	display:block;
	background:#f8f8f8;
	text-decoration:none;
	font-size:17px;
	text-align:left;
	height:50px !important;
	line-height:50px !important;
	z-index:9999;
}

.menu_body li a {display:block; width:100%; height:50px; line-height:50px; padding:0 15px; 	font-size:16px; font-weight:400; box-sizing:border-box; color:#444; overflow:hidden; white-space: nowrap; word-wrap: break-word; text-overflow: ellipsis;
}
.menu_body li a span {width:100%; overflow:hidden; white-space: nowrap; word-wrap: break-word; text-overflow: ellipsis; }

#firstpane .menu_body li {border-bottom:1px solid #e9e9e9;}
#secondpane .menu_body li {border-bottom:1px solid #e9e9e9;}

#firstpane .menu_body li:hover a, #firstpane .menu_body li:focus a{
  color: #fff; background:#444;
}
#secondpane .menu_body li:hover a, #secondpane .menu_body li:focus a{
  color: #fff; background:#0058af;
}



/* 서브내용 */
#sub_layout_wrap {padding:80px 0; min-width:1400px; overflow:hidden; border-bottom:1px solid #dfdfdf}
.sub_layout_join {background:#f6f6f6}
#sub_con_wrap {width:100%; overflow:hidden;  }
#sub_con {width:1400px; min-width:1400px; margin:0 auto; position:relative; font-size:17px; line-height:28px; padding:0 0 60px 0; font-family: 'Noto Sans KR'; font-weight:300; word-break:keep-all;}

#sub_con h3 {text-align:center; font-family: 'paybooc-Bold'; line-height:72px; font-size:42px; color:#000000; font-weight:normal; margin:0 auto 60px auto;}
#sub_con h4 {padding-left: 55px; line-height:28px; font-size:34px; font-family: 'Anton'; color:#000; position: relative; font-weight:normal; font-weight:500; margin-bottom:15px}
#sub_con h4:before {position: absolute; content: ''; background: #1d3a62; height: 7px; width: 38px; left: 0; top: 9px;}
#sub_con h5 {line-height:36px; height:32px; font-family: 'NanumSquareB', sans-serif; font-size:18px; color:#765032; font-weight:normal; }


/* 사이트맵 */
.sitemap {width:100%; overflow:hidden; margin-top:20px}
.sitemap #copy2 {width:100%; overflow:hidden; margin:0 auto;}
.sitemap #copy2 > li {float: left; width:24%; margin-right:1%; overflow:hidden;  text-align:center; line-height:60px; margin-bottom: 45px; }
.sitemap #copy2 > li > a {display:block; width:100%; font-size:18px; font-family:'NanumSquareB'; height:50px; line-height:50px; color: #fff; background: #0d2d47; margin-bottom:0px; letter-spacing:-1px; border-radius:5px}
.sitemap #copy2 > li > ul { width:100%; overflow:hidden;}
.sitemap #copy2 > li > ul > li {float:left; display:block; width:100%; height:45px; line-height:45px; border-bottom:1px dotted #888;}
.sitemap #copy2 > li > ul > li > a {width:100%; font-size: 16px; font-family:'Noto Sans KR';  height:45px; line-height:45px; font-weight: normal; color: #434343; text-align:center;}
.sitemap #copy2 > li > ul > li > a:hover {color:#f0305d;}
.sitemap #copy2 > li > ul > li > a:first-child {padding-left:0;}


/* 이메일무단수집거부 */
.email {background:#fff url('../images/email.png') no-repeat center 70px; background-size:205px; text-align: center; margin:0 auto; margin-bottom:60px; font-size:17px; word-break:keep-all; border:1px solid #dadada; padding:30px; max-width:1000px;}
.email .email_tit {padding-top:200px; font-size:30px; line-height:30px; font-weight: 400; color:#0d2d47; letter-spacing:-0.5px; word-break:keep-all;}
.email .email_tit span {display:inline-block; font-family:inherit}
.email_msg {width:543px; margin:0 auto; overflow:hidden; font-size:19px}

/* 통합검색 */
.srch_msg {margin-bottom:20px; font-family: 'NanumSquareB'; color:#111; max-width:700px; line-height:30px; font-size:18px}}
.srch_msg span { font-family: 'NanumSquareB'; }
.srch_msg span.red {color:#eb3952;}
.srch_msg span.blue {color:#3e45d5;}

.srch_cate_wrap {border:1px solid #dadada; background:#f5f5f5; padding:30px 40px;}
.srch_cate {width:100%; overflow:hidden; }
.srch_cate li {float:left; width:50%; height:30px; line-height:30px;}
.srch_cate li a {height:30px; line-height:28px; display:block; font-family:'Noto Sans KR'; font-size:17px; background:url('../images/list_01_bg.png') no-repeat left center}

.srch_result_wrap {width:100%; overflow:hidden; margin-top:10px}
.srch_result {margin-top:30px; border-bottom:1px solid #dadada; padding-bottom:30px}
.srch_result a {display:block; width:100%; overflow:hidden;}
.srch_result_head  {width:100%; overflow:hidden; }
.srch_result_tit {float:left; width:70%; overflow:hidden; height:40px; line-height:40px; font-family:'Noto Sans KR'; font-size:15px; }
.srch_result_tit span.rst_subject {display:inline-block; vertical-align:middle; font-family:'Noto Sans KR'; font-size:20px; font-weight:600; width:60%; height:40px; line-height:40px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right:10px }
.srch_result_tit span.rst_date {color:#0072bc; display:inline-block; vertical-align:middle; font-family:'Noto Sans KR'; font-size:15px;  width:30%; height:40px; line-height:40px; margin-right:10px }
.srch_result_btn {float:right; width:80px; height:34px; line-height:34px; border:1px solid #dadada; text-align:center; font-family:'Noto Sans KR'; font-size:15px; margin-top:2px; transition-duration:0.5s}
.srch_result a:hover .srch_result_tit {color:#0072bc;}
.srch_result a:hover .srch_result_btn {border:1px solid #0072bc;  background:#0072bc; color:#fff;}
.srch_result_con { margin:10px auto; font-weight:300; line-height:24px; font-family:'Noto Sans KR'; font-size:16px; height:72px; overflow:hidden; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; }

.srch_form_wrap {width:100%; background:#fafafa; padding:40px 30px; border: 1px solid #dadada; background: #f5f5f5; text-align:center; margin-bottom:40px; box-sizing:border-box;}
.srch_form {width:100%; overflow:hidden; max-width:500px; margin:0 auto;}
.srch_form li {float:left; width:30%;}
.srch_form li:first-child {width:67%;}
.srch_form li input {width:100%; border:none; height:40px; line-height:40px;  box-sizing:border-box; padding:0 5px; }
.srch_form li input[type=submit] {background:#0072bc; color:#fff;}


/* ------------------------- */
	/* SUB CONTENTS */
/* ------------------------- */

#sub_con.wide {width: 100%;}

.point_1 {color: #0141ad;}
.point_2 {}

/* 인사말 */
.gree_top {text-align: center; font-family: 'paybooc-Medium'; font-size: 35px; line-height: 48px; letter-spacing: -0.5px;}
.gree_top span {font-family: 'paybooc-Bold';}

.gree_bg {position: relative; margin-top: 80px; padding-bottom: 35px;}
.gree_bg:before {position: absolute; content: ''; background: #f8f8f8; width: 100%; height: 240px; left: 0; bottom: 0; z-index: -1;}
.gree_con1 {width: 1400px; min-width: 1400px; margin: 0 auto; overflow: hidden;}
.gree_con1 .img {float: left; width: 700px;}
.gree_con1 .con {float: right; width: 700px; box-sizing:border-box; padding: 40px 40px 40px 70px; position: relative;}
.gree_con1 .con:before {position: absolute; content: url('../images/quotes_1.png'); top: 18px; left: 70px;}
.gree_con1 .con:after {position: absolute; content: url('../images/quotes_2.png'); bottom: 0; right: 0;	}
.gree_con1 .company_tit {font-family: 'Anton'; font-weight: 900; font-size: 70px; margin-top: 70px; line-height: 90px;}
.gree_con1 .company_tit:before {position: absolute; content: ''; background: #0141ad; height: 100px; width: 3px; top: 220px;}
.gree_con1 .company_txt {margin-top: 135px; font-size: 20px; font-weight: 400; line-height: 31px; letter-spacing: -0.5px;}

.gree_con2 {width: 1400px; min-width: 1400px; margin: 70px auto 0; overflow: hidden;}
.greeting {overflow: hidden;}															
.greeting .txt {float: left; width: 700px;}
.greeting .txt > span {font-family: 'paybooc-Medium'; font-size: 21px;}
.greeting .txt .name {text-align: right; margin-top: 30px; font-weight: 400;}
.greeting .txt .name span { font-size: 30px; font-family: 'Caveat', cursive;}
.greeting .img {float: right; width: 635px;}

/* 오시는길 */
.map_box {background: #1d3a62; padding: 40px;}
.map_con {display: flex; align-items: center; justify-content: space-between;}
.map_con li {display: flex; align-items: center; color: #fff; }
.map_con li.tit {font-family: 'Anton'; text-align: center; justify-content: center; font-size: 30px; width: 15%;}
.map_con li .icon {background: #fff; display: inline-block; width: 60px; height: 60px; border-radius: 100%; text-align: center; box-sizing: border-box; padding-top: 15px; margin-right: 20px;}
.map_con li p {}
.map_con li p.tel {font-family: 'Montserrat'; font-weight:600; font-size: 20px;}
.map_con li p.tel span {font-family: inherit; color: #fdd127;}


/* 연혁 */
.history_wrap {margin-top: 80px; overflow: hidden;}
.his_img {float: left; width: 530px;}
.his_con {float: right; width: 750px; position: relative; padding-left: 40px;}
.his_con:before {position: absolute; content: ''; background: #ddd; height: 100%; width: 1px; left: 0; top:0;}
.history {position: relative; padding-top: 40px;}
.history:after {clear: both; position: relative; content: ''; display: block;}
.history:first-child {padding-top: 20px;}
.history .year {position: relative; font-family: 'Montserrat'; font-weight: 700; font-size: 35px; float: left; width: 130px;}
.history .year:before {position: absolute; content: ''; border: 7px solid #003665; background: #fff; width: 12px; height: 12px; left: -53px; top: 0; border-radius:20px;}

.his_list {float: right; width: calc(100% - 130px);}
.his_list > li {overflow: hidden; margin-bottom: 10px;}
.his_list > li > span {float: left; width: 60px; font-family: 'Montserrat'; color: #444; font-weight: 500;}
.his_list > li > p {float: right; width: calc(100% - 60px);}

/* 인증서 */
.cert_list {}
.cert_list li {float: left; width: 23%; border: 1px solid #ddd; margin-right: 30px; margin-bottom: 30px;}
.cert_list li:nth-child(4n) {margin-right: 0;}
.cert_list li img {width: 100%; box-sizing: border-box; padding: 25px;}
.cert_list li p {background: #f4f4f4; text-align: center; padding: 10px; border-top: 1px solid #ddd;}