@charset "utf-8";
/* 모바일용 CSS */
/* 서브상단 */
#sub_top_wrap {display:block; width: 100%; height:0; padding:101px 0 0 0; overflow:hidden; position:relative;  z-index:1}
#sub_navi_wrap {display:none;}


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



.kanji {font-family: 'Noto Sans KR', sans-serif !important;}

/* 서브중간메뉴 */
.sub_menu_wrap { width:100%; overflow:visible; margin: 0 auto; position:relative; bottom:0;  }
.sub_tabmenu_wrap {width:100%; overflow:hidden; margin: 0 auto; background:#0053c5; }
.sub_tabmenu {width:100%; overflow:hidden; position:static; }
.sub_tabmenu li.sub_home {display:none;}
.sub_tabmenu li.menu_list { overflow:hidden; position:static; display:flex; justify-content:left; align-items:center; height:60px; background:url('../images/path_2depth_bg01.png') no-repeat 92% center;}
#firstpane {width:50%; float:left; z-index:420; }
#secondpane {width:50%; float:left; z-index:410; border-left:1px solid rgba(255,255,255,0.4 ); box-sizing:border-box; }
#thirdpane {width:100%; float:left; z-index:400; display:none;  border-top:1px solid #e5e5e5; }

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

.menu_head {
	cursor: pointer;
	position: relative;
	font-size:15px; /* text-transform:uppercase; */
	text-align:left;
	color:#fff;
	height:60px;
	line-height:60px;
	box-sizing:border-box;
	font-family: 'GmarketSansMedium';
	}

#firstpane .menu_head {display:block; width:100%;  padding-left:16px; padding-right:30px;}
#secondpane .menu_head {display:block; width:100%;  padding-left:16px; padding-right:30px; }

.menu_body {
	position:absolute; overflow:hidden; z-index:1;
	width:50%;
	display:none;
	top:60px
}

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

}
#thirdpane .menu_body {width:100%;}

.menu_body li:first-child {margin-top:1px;}
.menu_body li a {display:block; width:100%; height:45px; line-height:45px; padding-left:15px; padding-right:10px; font-size:14px; 
	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 {display:none;}
#firstpane .menu_body li {border-bottom:1px solid #e9e9e9;}
#secondpane .menu_body li {border-bottom:1px solid #e9e9e9;}
#thirdpane .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:#5699a8
}

/* 서브내용 */
#sub_layout_wrap {padding:60px 0; overflow:hidden;}
#sub_con_wrap {width:100%; overflow:hidden;  }
#sub_con {width:90%; margin:0 auto; position:relative; font-size:15px; line-height:23px; font-family: 'Noto Sans KR'; font-weight:300; word-break:keep-all; color: #222;}
#sub_con h3 {font-size: 30px; letter-spacing: -1.5px; line-height: 35px; text-align:center; word-break:keep-all; width:90%; margin:0 auto; font-family: 'GmarketSansMedium'; margin-bottom:40px;}
#sub_con h3 span { font-family: 'GmarketSansMedium'; }
#sub_con h4 {font-size: 24px; line-height: 30px; font-family: 'GmarketSansMedium';  font-weight: normal; letter-spacing: -0.8px; color: #000; margin-bottom: 15px;}
#sub_con h4::after {display: inline-block; content: ''; background: #31cdee; width: 8px; height: 8px; border-radius:50px; margin-left: 10px; top: 4px; position: relative;}
#sub_con h4 span {font-size: 20px;}

#sub_con h5 {font-size:20px; margin-bottom:10px; color: #222;  font-weight: normal; font-family: 'GmarketSansMedium'; letter-spacing:-0.5px; position:relative; }
#sub_con h5 span {font-size:16px; font-family:'Montserrat'; color:#666}
#sub_con h6 {font-size: 18px; font-weight: normal; color:#0337a0; font-family: 'GmarketSansMedium'; letter-spacing:-0.5px;}

/* 준비중 */
.ready_img {text-align:Center; background:#fff;}
.ready_img img {width:100%; max-width:592px;}


/* 사이트맵 */
.sitemap {width:100%; overflow:hidden; margin-top:20px}
.sitemap #copy2 { display:flex; flex-wrap:wrap;  }
.sitemap #copy2 > li { display:block; overflow:hidden; width:100%; margin:0 0 30px 0; }
.sitemap #copy2 > li > a { display:block; overflow:hidden; background:#177abd; color:#fff; text-align:center; padding:18px 0 15px 0; font-family: 'GmarketSansMedium'; font-size:20px;  }
.sitemap #copy2 > li  > .row_02 { display:block; overflow:hidden; }
.sitemap #copy2 > li  > .row_02 > li { display:block; overflow:hidden; margin:10px 0 0 0; }
.sitemap #copy2 > li  > .row_02 > li > a{ display:block; overflow:hidden; text-align:center; font-family:'GmarketSansLight'; }
.sitemap #copy2 > li  > .row_02 > li > .row_03 { display:block; overflow:hidden; background:#f8f8f8; position:relative; width:100%; padding:10px 0; }
.sitemap #copy2 > li  > .row_02 > li > .row_03 > li { display:block; overflow:hidden; margin:3px 10px; border-bottom:1px dashed #ddd; }
.sitemap #copy2 > li  > .row_02 > li > .row_03 > li:last-child { border-bottom:0; }
.sitemap #copy2 > li  > .row_02 > li > .row_03 > li > a{ display:block; overflow:hidden; font-size:16px; font-family:'GmarketSansLight';  text-align:center;  }


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

/* 이메일무단수집거부 */
		.email_denial_wrap{ display:block; overflow:hidden; margin:0; background:#f8f8f8; text-align:center; }
			.email_denial_core{ display:block; overflow:hidden; margin:40px 25px; }
				.email_denial_img_wrap{ display:block; overflow:hidden; margin:0 auto 50px auto; width:80%; max-width:150px; }
				.email_denial_img_wrap img{ display:block; overflow:hidden; width:100%;  }
				.email_denial_text_wrap{ display:block; overflow:hidden; }
					.email_denial_ttext{ display:block; overflow:hidden; font-size:24px; line-height:130%; word-wrap:break-word; word-break:keep-all; font-weight:600; font-family: 'Noto Serif KR', serif; }
					.email_denial_stext{ display:block; overflow:hidden; word-wrap:break-word; word-break:keep-all; line-height:150%; margin:30px 0 0 0; }


/* 통합검색 */
.srch_msg {line-height:24px; margin-bottom:20px; font-family: 'NanumSquareB'; color:#111; font-size:17px}
.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:20px;}
.srch_cate {width:100%; overflow:hidden; }
.srch_cate li {float:left; width:50%; height:30px; line-height:30px;}
.srch_cate li a {padding-left:12px; font-family:'Noto Sans KR'; font-size:15px; background:url('../images/list_01_bg.png') no-repeat left center}

.srch_result_wrap {width:100%; overflow:hidden; }
.srch_result {margin-top:20px; border-bottom:1px solid #dadada; padding-bottom:20px}
.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:18px; 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;}


/* 페이징 */
.pt_list_paging {width:100%; text-align:center; margin:0 auto; margin-top:80px; }
.pt_list_paging ul {display:inline-block; overflow:hidden;}
.pt_list_paging ul li {float:left; margin-left:5px; width:35px; height:35px; border:1px solid #dedede; border-radius:20px; behavior: url( "/css/PIE.htc" ); overflow:hidden;}
.pt_list_paging ul li a {display:block; color:#444444; font-family:'Noto Sans KR';  font-weight:400; font-size:13px; width:35px; height:35px;  line-height:33px; text-align:center; background:#fff;}
.pt_list_paging ul li:hover a {color:#003499; background:#EFEFEF}
.pt_list_paging ul li:first-child {margin-left:0px;}
.pt_list_paging ul li a.on { color:#fff; background:#003499}
.pt_list_paging ul li.prev a {background:#8b8b8b; letter-spacing:2px; margin-left:0px;color:#fff;  font-family: 'Poppins', sans-serif; line-height:35px; font-size:20px; font-weight:500;}
.pt_list_paging ul li.next a {background:#8b8b8b; letter-spacing:2px; margin-left:0px;color:#fff; font-family: 'Poppins', sans-serif;  line-height:35px; font-size:20px; font-weight:500;}
.pt_list_paging ul li.prev_more a {background:#8b8b8b; letter-spacing:-2px; margin-left:0px;color:#fff; font-family: 'Poppins', sans-serif;  line-height:35px; font-size:20px; font-weight:500;}
.pt_list_paging ul li.next_more a {background:#8b8b8b; letter-spacing:-2px; margin-left:0px;color:#fff; font-family: 'Poppins', sans-serif;  line-height:35px; font-size:20px; font-weight:500;}


/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */
.contents {overflow: hidden; word-break:keep-all; letter-spacing: -0.5px; max-width:1400px; margin:0 auto; text-align: center;}
#sub_con.wide {max-width:100%; width: 100%;}
.wide_con {max-width: 1400px; width: 90%; margin:0 auto;}

/* 탭 */
#sub_tabs {width:100%; overflow:hidden;}
#sub_tabs .tab_title {width:100%; overflow:hidden; }
#sub_tabs .tab_title li {width:100%; height:45px; line-height:45px; text-align:center;  background:#f0f0f0; box-sizing:border-box;  margin-top:3px;} 
#sub_tabs .tab_title li.ui-state-active {background: linear-gradient( 45deg, #3a2e83, #0e4e9a ); }
#sub_tabs .tab_title li:hover a {color: #162a80;}
#sub_tabs .tab_title li a {color:#222; display:block; width:100%; height:45px; line-height:45px; font-family: 'GmarketSansMedium'; }
#sub_tabs .tab_title li.ui-state-active a {color:#fff}
#sub_tabs .tab_title li a span {font-size:15px; margin-left:5px; font-weight:600}

.sub_tabs_con_wrap {width:100%; overflow:hidden; margin:30px auto;}


/* --------------------------- */
/* 온라인문의 */
/* --------------------------- */
.table-online {width:100%; border-collapse:collapse; border-top: 1px solid #0053c5;  }
.table-online th {padding:15px 8px; font-family: 'GmarketSansMedium'; font-weight: normal; border-bottom:1px solid #0053c5;  vertical-align: middle;}
.table-online td {border-bottom:1px solid #e2e2e2; border-right:1px solid #e2e2e2; padding:10px 20px; vertical-align: middle; }
.table-online tr > th:last-child, .table-online tr > td:last-child  {border-right: none;}
.table-online .t_left{text-align:left; padding-left:20px;}
.table-online tr > th.bo_right, .table-online tr > td.bo_right {border-left: 1px solid #e2e2e2;}
.table-online tr > td input[type="text"], .table-online td input[type="password"]  {height:40px; line-height:36px; width:95%; background: #f7f7f7; border-radius: 3px; padding-left:10px; vertical-align:middle; }
.table-online tr > td input[type="radio"]{vertical-align:middle;}
.table-online tr > td.no_result {padding: 15px 0 13px 0;text-align: center;}
.table-online textarea {background: #f7f7f7; border-radius: 3px; padding: 8px; width:95%; }

.online-btn {display: block; width: 100%; max-width: 300px; margin: 50px auto; background: #961a1d; height: 50px; text-align: Center; line-height: 50px; font-family: 'GmarketSansBold'; color: #fff; font-size: 17px; }


/* --------------------------- */
/* 회사소개 */
/* --------------------------- */
/* 인사말 */
.gree-top {overflow: hidden;}
.gree-img {}
.gree-img img {max-width: 100%;}
.gree-top-tit {background: url('../images/gree-tit-bg.jpg')no-repeat right top; width: 92%; float: right; margin-top: -50px; z-index: 1; position: relative; box-sizing: border-box; 
		max-width: 835px; padding: 25px 30px;}
.gree-top-tit .stit {color: #1effae; font-size: 15px; font-family: 'NEXEN_TIRE_Regular';}
.gree-top-tit .tit {color: #fff; font-size: 26px; line-height: 35px; font-family: 'NEXEN_TIRE_Regular'; margin-top: 15px;}
.gree-top-tit .tit span {color: #0084ff; font-family: inherit;}

.greeting {margin-top: 40px;}
.greeting .tit {font-family: 'GmarketSansBold'; font-size: 20px; line-height: 29px; letter-spacing: -1px;}
.greeting .tit span {font-family: inherit;}
.greeting .txt {font-family: 'GmarketSansLight'; font-size: 17px; line-height: 28px; margin-top: 20px;}
.greeting .gree-name {text-align: right; font-family: 'GmarketSansMedium'; font-size: 16px; margin-top: 20px;}
.greeting .gree-name span {font-family: 'ROEHOE-CHAN'; font-size: 30px; margin-left: 10px;}

.point-1 {color: #0337a0;}
.point-2 {color: #00bccd;}
.point-3 {color: #0da5e1;}


/* 회사개요 */
.overview-top {font-family: 'GmarketSansMedium'; text-align: center; font-size: 24px; line-height: 28px;}
.overview-top span {font-family: 'GmarketSansBold'; }

.overview-wrap {margin-top: 30px;}
.overview-wrap dl {background: #f6f6f6; margin-top: 10px; position: relative; box-sizing: border-box; padding: 30px 30px 30px 60px; }
.overview-wrap dl::before {height: 2px; width: 45px; content: ''; position: absolute; left: 0; top: 42px; background: #0053c5;}
.overview-wrap dl dt {font-family: 'GmarketSansLight';}
.overview-wrap dl dd {font-family: 'GmarketSansMedium'; margin-top: 5px;}
.overview-wrap dl.w100 {width: 100%;}

.intro-busiarea {text-align: center;}
.intro-busiarea > li {height: 170px; width: 170px; display: inline-flex; background: #fff; border-radius: 100%; vertical-align: top; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; padding: 30px; margin: 5px 8px; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); line-height: 25px; font-family: 'GmarketSansMedium';}


.img-w100 img {max-width: 100%;}

/* 연혁 */
.history_wrap {overflow: hidden; }
.his_left { text-align: center;}
.his_left .b_year {font-family: 'Archivo Black', 'GmarketSansBold'; }
.his_left .b_year span {font-family: inherit; font-weight: 500; font-size: 40px; color: #353535; line-height: 43px; }
.his_left .img {margin-top: 25px;}
.his_left .img img {width: 350px; max-width: 100%;}

.history {position: relative; margin-top: 20px; padding-left: 15px;}
.history:before {position: absolute; height: 100%; width: 1px; background: #ddd; left: 15px; top: 20px; content: '';}
.his_con {position: relative; box-sizing: border-box; padding-left: 25px; margin-bottom: 65px;}
.his_con:before {position: absolute; content: ''; left: -5px; top: 9px; background: #ddd; width: 12px; height: 12px; border-radius: 10px;}
.his_con:first-child:before {background: url('../images/his_now.png')no-repeat left top; height: 26px; width: 26px; left: -12px; top: 0px;}
.his_con:last-child {margin-bottom: 10px;}
.his_con .year {font-size: 31px; font-weight: 400; letter-spacing: -0.8px; color: #333; font-family: 'Archivo Black', 'GmarketSansBold';}
.his_list {overflow: hidden; margin-top: 10px;}
.his_list > li {margin-top: 15px; overflow: hidden;}
.his_list > li .date {color: #909090; font-weight: 400; float: left; width: 65px; font-size: 18px;}
.his_list > li p {float: right; width: calc(100% - 65px);}

/* 오시는길 */
.map_box {background: #333; padding: 25px;}
.map_con {}
.map_con li {display: flex; align-items: center; color: #fff; margin-top: 20px;}
.map_con li:nth-child(1) {margin-top: 0;}
.map_con li.tit {font-family: 'GmarketSansBold'; text-align: left; font-size: 21px; }
.map_con li.tit img {max-width: 100%;}
.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 {width: calc(100% - 95px);}
.map_con li p br {display: none;}
.map_con li p.tel {font-family: 'Montserrat'; font-weight:400; }
.map_con li p.tel span {font-family: inherit; color: #3ae6ff; display: block; font-size: 19px; font-weight: 600;}


/* --------------------------- */
/* 사업분야 */
/* --------------------------- */
.line-box {border: 1px solid #ddd; padding: 30px;}
.gray-box {background: #f7f7f7; padding: 30px;}
.blue-box {background: #ebf7fd; padding: 30px;}
.b-t {font-size: 1.1em; font-weight: 600;}
.bd-t {font-weight: 500;}

.busi-module-wrap {margin-top: 30px;}
.busi-module-wrap dl {border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 10px;}
.busi-module-wrap dl dt {text-align: center; font-family: 'GmarketSansMedium'; background: #0053c5; color: #fff; padding: 13px 13px 10px; font-size: 17px;}
.busi-module-wrap dl dd {padding: 20px 25px;}

.dot-list {}
.dot-list > li {position: relative; padding-left: 14px; margin-top: 10px;}
.dot-list > li:first-child {margin-top: 0;}
.dot-list > li::before {content: ''; position: absolute; width: 4px; height: 4px; border-radius:10px; left: 0; top: 12px; background: #444;}

.col-dex {margin:50px 0 15px;}
.col-dex dl {font-family: 'GmarketSansMedium'; margin-top: 5px;}
.col-dex dl dt {text-align: center; background: #444; color: #fff; border-radius: 5px;}
.col-dex dl dd {border-radius:0 5px 5px 0; background: #f3f3f3;}
.col-dex dl dt, .col-dex dl dd {font-family: inherit; padding: 15px 30px 13px; box-sizing:border-box; }


.chk-list {border-top: 1px solid #ddd; border-left: 1px solid #ddd; display: flex; flex-wrap: wrap;}
.chk-list > li {width: 100%; padding: 10px 10px 10px 50px; border: 1px solid #ddd; border-left: 0; border-top: 0; box-sizing: border-box; position: relative;}
.chk-list > li.w50 {width: 50%;}
.chk-list > li::before {content: '\2713';
position: absolute;
width: 13px;
height: 13px;
text-align: center;
line-height: 1px;
left: 20px;
top: 17px;
font-size: 22px;
border: 1px solid #ddd;
background: #fff;
color: #0053c5;}

.chk-list.w50 > li {width: 50%;}

.sq-round-list {display: flex; flex-wrap: wrap;}
.sq-round-list > li { border: 3px solid #dce9ec; flex: 1; margin: 5px; text-align: center; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 20px 30px; border-radius: 10px;}


.num-list {counter-reset: num_list 0;}
.num-list > li {padding-left: 30px; position: relative; margin-top: 7px;}
.num-list > li:first-child {margin-top: 0;}
.num-list > li::before {counter-increment: num_list 1;
content: counter(num_list);
font-weight: 600;
font-family: 'Montserrat';
font-size: 12px;
text-align: center;
position: absolute;
left: 0;
top: 5px;
width: 20px;
height: 20px;
line-height: 20px;
border-radius: 50px;
background: #444;
color: #fff;}

ol.ol-list {padding-left: 20px;}
ol.ol-list > li {list-style-type: decimal; padding-left: 5px; margin-top: 5px;}
ol.ol-list > li:first-child {margin-top: 0;}


.con-box {overflow: hidden;}
.con-box  h5 {border-top: 1px solid #0337a0; padding: 20px; box-sizing:border-box;}
.con-box .right-con { padding: 0px 20px 20px; box-sizing:border-box;}
.con-box  h4 {float: left; width: 350px; border-top: 1px solid #0337a0; padding: 40px 20px; box-sizing:border-box;}


.line-chk-list {}
.line-chk-list > li {border: 3px solid #dce9ec; border-radius: 40px; padding: 20px 30px; margin-bottom: 10px; box-sizing: border-box;}
.line-chk-list > li::before {content: url('../images/chk-icon.png'); margin-right: 12px; position: relative; top: 2px;}

.tit-list {}
.tit-list > li  { border: 1px solid #ddd; box-sizing: border-box; text-align: center; padding: 30px 20px; margin-bottom: 10px;}
.tit-list > li .tit {}
.tit-list > li .tit i {font-family: 'GmarketSansMedium'; font-style: normal; font-size: 20px; position: relative; padding: 0 5px;}
.tit-list > li .tit i::before {content: ''; position: absolute; width: 100%; background: #ceefff; height: 16px; z-index: -1; top: 7px; left: 0;}
.tit-list > li .txt {margin-top: 12px;}

.info-list {}
.info-list > li {margin-top: 30px;}
.info-list > li:first-child {margin-top: 0;}
.info-list > li > p {}
.info-list > li .tit {width: 100px; background: #164896; text-align: center; color: #fff; border-radius: 30px; box-sizing: border-box; height: 35px; font-family: 'GmarketSansMedium'; line-height: 37px;}
.info-list > li .txt {margin-top: 3px;}

.numbox-list {}
.numbox-list > li {border: 1px solid #38aeec;  position: relative;  box-sizing: border-box;  padding: 20px;  margin-top: 10px; text-align: center; }
.numbox-list > li .num {position: absolute; background: #38aeec; width: 37px; height: 35px; text-align: center; line-height: 35px; color: #fff; font-family: 'Montserrat'; font-size: 15px; font-weight: 600; left: 0; top: 0;}


.btn-list {border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.btn-list > li {border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; background-repeat:no-repeat; background-position:right 25px center; box-sizing:border-box;}
.btn-list > li > a {display: block; padding: 12px 65px 12px 25px; width: 100%; box-sizing:border-box;}
.btn-list > li:hover {background-color: #08a4ef;}
.btn-list > li:hover > a {color: #fff; font-weight: 500;}

.btn-list > li.link {background-image: url('../images/link-icon.png');}
.btn-list > li.link:hover {background-image: url('../images/link-icon-wh.png');}
.btn-list > li.down {background-image: url('../images/down-icon.png');}
.btn-list > li.down:hover {background-image: url('../images/down-icon-wh.png');}


.mark-list {display:flex; flex-wrap:wrap; justify-content:center;}
.mark-list > li {border: 3px solid #dce9ec; width: 150px;  height: 150px; border-radius: 100%; display: flex; flex-direction: column; text-align: center; justify-content: center; font-family: 'GmarketSansMedium'; box-sizing: border-box; padding: 10px; margin: 1%;}
.mark-list > li > span {}


.busi4-step {}
.busi4-step > li {background: #f4f4f4;  text-align: center; margin-bottom: 65px; padding: 5px; border-radius: 5px; position: relative;}
.busi4-step > li .tit {background: #555; padding: 15px; border-radius: 5px; font-family: 'GmarketSansMedium'; color: #fff; }
.busi4-step > li .txt {padding: 15px; font-family: 'GmarketSansMedium';}
.busi4-step > li::before {position: absolute; content: url('../images/busi4-step-arrow.png');right: 50%; bottom: -60px; transform: rotate(90deg); margin-right: -42px;}
.busi4-step > li:first-child::before, .busi4-step > li:last-child::before {display: none;}
.busi4-step > li:last-child {margin-bottom: 0;}
.busi4-step > li.step-gubun {background: none; margin-right: 30px; display: none;}	
.busi4-step > li.step-gubun .tit {background: none; color: #0053c5;}
.busi4-step > li.step-gubun .txt {border-top: 1px solid #ddd; color: #0053c5;}

.agency-list {display:flex; flex-wrap:wrap; justify-content: space-between;}
.agency-list > li {border: 3px solid #dce9ec; text-align: center; border-radius: 10px; display: flex; flex-direction: column; width: 31.5%; height: 100px; align-items: center; justify-content: center; margin-bottom: 10px; box-sizing: border-box;}
.agency-list > li > span {}


.btn-wrap {text-align: center;}
.btn-wrap > a {display: inline-block; height: 65px; line-height: 66px; background: #124b98; min-width: 210px; padding: 0 30px; box-sizing: border-box; margin: 5px; color: #fff; font-family: 'GmarketSansMedium';}
.btn-wrap > a:hover {background: #333;}


/*------------------------------------------------------------------------------------------------------------*/

/* 태블릿용 CSS */
@media all and (min-width:768px){

/* 네비게이션 */
#sub_menu ul li #firstpane_menu_head span {display:inline-block;}
.menu_body li a span {display:inline-block;}


/* 사이트맵 */
.sitemap #copy2 > li { width:49%; margin:0 2% 30px 0; }
.sitemap #copy2 > li:nth-child(2n) { margin:0 0 30px 0; }



/* 통합검색 */
.srch_cate li {width:25%;}
.srch_result_wrap {margin-top:30px}


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

/* 탭 */
#sub_tabs .tab_title {display: flex; flex-wrap:wrap;}
#sub_tabs .tab_title li {flex:1; margin:0.5% }


/* --------------------------- */
/* 회사소개 */
/* --------------------------- */
/* 인사말 */

.overview-wrap {display: flex; justify-content: space-between; flex-wrap: wrap;}
.overview-wrap dl {width: 49%;}



/* --------------------------- */
/* 사업분야 */
/* --------------------------- */
.busi-module-wrap {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px;}
.busi-module-wrap dl {width: 49%; }


.col-dex dl {display: flex; flex-wrap: wrap; }
.col-dex dl dt {width: 40%; border-radius: 5px 0 0 5px;}
.col-dex dl dd {width: 60%; }

.con-box  h5 {float: left; width: 30%; padding: 40px 20px;}
.con-box .right-con {float: right; width: 70%; border-top: 1px solid #d7ddea; padding: 40px 20px;}

.line-chk-list {display: flex; justify-content: space-between;}
.line-chk-list > li {min-width: 31%; margin-bottom: 0;}

.tit-list {display: flex; flex-wrap: wrap; justify-content: space-between;}
.tit-list > li  {width: 24%; margin-bottom: 0;}

.info-list > li {margin-top: 5px;}
.info-list > li::after {clear: both; content: ''; display: block;}
.info-list > li > p {float: left;}
.info-list > li .tit {width: 100px; }
.info-list > li .txt {width: calc(100% - 120px); margin-left: 20px; margin-top: 3px;}


.numbox-list {display: flex;}
.numbox-list > li {margin-right: 20px; flex:1;  padding: 40px 20px;  display: flex;  align-items: center;  margin-top: 10px;  justify-content:center;}



.btn-list {display: flex; flex-wrap: wrap;}
.btn-list > li {flex:1; }
.btn-list > li > a {padding: 12px 25px;}
.btn-list.list5 > li {width: 33.3333%; flex: none; display: flex; align-items: center;}


.busi4-step {display: flex; justify-content: center;}
.busi4-step > li {width: 25%; margin-right:70px; margin-bottom: 0;}
.busi4-step > li::before {right: -60px; top: 43px; transform: none; margin-right: 0; bottom: auto;}
.busi4-step > li:first-child::before, .busi4-step > li:last-child::before {display: none;}
.busi4-step > li:last-child {margin-right: 0;}


.agency-list > li {width: 15.5%;}







}


/*------------------------------------------------------------------------------------------------------------*/

/* 낮은해상도 PC용 CSS */
@media all and (min-width:1250px){

#sub_top_wrap {display:block; width: 100%; height:330px; display:flex; justify-content:center;flex-direction:column;  align-items:center; flex-wrap:wrap; position:relative; margin:0 auto; padding:0; text-align:left; margin-top:0}
#sub_top_wrap .h2_msg {position:relative; font-family: 'NEXEN_TIRE_Regular'; font-size:15px; color:#31cdee; margin:0 auto; text-align:left; z-index:3; width:100%; font-size:16px; max-width:1400px; margin-top:40px}
#sub_top_wrap h2 {position:relative;  font-family: 'NEXEN_TIRE_Regular'; margin:0 auto;  margin-top:15px;  text-align:left; color:#fff;z-index:3; width:100%; font-size:38px; max-width:1400px}


/* 서브중간메뉴 */
.sub_menu_wrap { width:100%; max-width:1400px; margin: 0 auto; top:-30px; height:60px;  background:#32b6cf; background-image: linear-gradient(45deg, #32b6cf 35%, #34d0b8 100%); border:none; z-index:2}
.sub_tabmenu_wrap {width:100%; margin:0; display:flex; justify-content:center; flex-direction:column; align-items:flex-end;}
.sub_tabmenu { width:100%;  margin:0; }
.sub_tabmenu>li.sub_home {display:block; float:left; width:60px; height:60px; background:#0900c5 url('../images/s_icon_home.png') no-repeat center center; }
.sub_tabmenu>li.sub_home a {display:block;  width:60px; height:60px; }
.sub_tabmenu li.menu_list { background:url('../images/path_2depth_bg01.png') no-repeat 92% center; }
#firstpane {width:249px; float:left;  }
#secondpane {width:249px; float:left; border-left:1px solid rgba(255, 255, 255, 0.2); f}
#thirdpane {width:290px; float:left; border-top:none;}

#firstpane .menu_head {width:249px; padding:0 30px 0 30px; height:60px; line-height:60px; display:block;font-size:18px; color:#fff;}
#secondpane .menu_head {width:249px; padding:0 30px 0 30px; height:60px; line-height:60px; display:block; border-right:1px solid rgba(255, 255, 255, 0.2); font-size:18px; color:#fff;}
#thirdpane .menu_head {width:290px; padding:0 30px 0 30px; height:60px; line-height:60px; display:block; border-right:1px solid rgba(255, 255, 255, 0.2); font-size:18px; color:#fff;}

.menu_body { width:249px; position:absolute;}
.menu_body li {
	height:50px !important;
	line-height:50px !important;
}
#secondpane .menu_body {width:249px;}
#thirdpane  .menu_body {width: 290px;}
.menu_body li a { height:50px; line-height:50px; padding:0 15px; font-size:16px; }




/* 서브내용 */
#sub_layout_wrap {padding:40px 0 100px 0}
#sub_con_wrap {width:100%; overflow:hidden; }
#sub_con {max-width:1400px; margin:0 auto; position:relative; font-size:17px; line-height:28px; /* padding:0 0 160px 0; */}

/* 사이트맵 */
.sitemap #copy2 > li { width:32%; margin:0 2% 30px 0; }
.sitemap #copy2 > li:nth-child(2n) { margin:0 2% 30px 0; }
.sitemap #copy2 > li:nth-child(3n) { margin:0 0 30px 0; }

/* 이메일무단수집거부 */
.email{ background-size:205px; text-align: center; margin:0 auto; margin-bottom:60px; padding-bottom:60px; max-width:1000px;  }
.email .email_tit{padding-top:200px; font-size:30px; line-height:30px;  word-break:keep-all;}
.email_msg {width:543px; margin:0 auto; overflow:hidden; font-size:19px} 

/* 통합검색 */
.srch_form {max-width:700px}

.srch_msg {line-height:30px; margin-bottom:20px; font-family: 'NanumSquareB'; color:#111; font-size:18px}
.srch_cate_wrap { padding:30px 40px;}
.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 {margin-top:10px}
.srch_result {margin-top:30px; padding-bottom:30px}
.srch_result_tit span.rst_subject { font-size:20px; }


.srch_form li input {height:50px; line-height:50px; font-size:17px}

/* -------------------------------------- */
/* SUB */
/* -------------------------------------- */
#sub_con h3 {font-size:40px; width:100%; max-width:1400px; margin-bottom:40px; line-height:50px;}
#sub_con h4 {font-size:30px; line-height:40px;}
#sub_con h4::after {width: 11px; height: 11px;}
#sub_con h4 span {font-size: 24px;}
#sub_con h5 {font-size: 23px;}

/* 탭 */
#sub_tabs .tab_title {}
#sub_tabs .tab_title li {float:left; margin:0.2%;  height:60px; line-height:60px; 	}
#sub_tabs .tab_title li a {height:60px; line-height:63px; font-size:18px;  }

.sub_tabs_con_wrap {width:100%; overflow:hidden; margin:50px auto;}



/* --------------------------- */
/* 온라인문의 */
/* --------------------------- */
.online-btn {height: 60px; line-height: 60px; font-size: 19px; border-radius: 8px;}




/* --------------------------- */
/* 회사소개 */
/* --------------------------- */
/* 인사말 */
.gree-top-tit {width: 62%; margin-top: -200px; height: 300px; padding: 70px; display: flex;flex-direction: column; justify-content: center; }
.gree-top-tit .stit {font-size: 20px;}
.gree-top-tit .tit {font-size: 52px; line-height: 64px; margin-top: 20px;}

.greeting {margin-top: 80px;}
.greeting .tit {font-size: 30px; line-height: 45px; }
.greeting .txt {font-size: 20px; line-height: 30px; margin-top: 40px;}
.greeting .gree-name {font-size: 20px; margin-top: 40px;}
.greeting .gree-name span {font-size: 45px;}

/* 회사개요 */
.overview-top {font-size: 35px;}

.overview-wrap {margin-top: 30px;}
.overview-wrap dl {width: 32.5%; margin-top: 20px; }

.intro-busiarea > li {margin: 2px 8px;}



/* 연혁 */
.history_wrap {margin: 30px auto 0;}
.his_left {float: left; width: 30%; text-align: left;}
.his_left .b_year span {font-size: 60px; line-height: 76px; display: block;}
.his_left .b_year span:nth-child(2) {margin-left: 30px;}
.his_left .img {margin-top: 50px;}

.history {float: right; width: 65%; margin-top: 50px;}
.his_con {padding-left: 60px;}
.his_con:first-child:before {top: 4px;}
.his_list > li .date {width: 85px;}
.his_list > li p {float: right; width: calc(100% - 85px);}


/* 오시는길 */
.map_box {padding: 40px;}
.map_con {display: flex; align-items: center; justify-content: space-around;}
.map_con li {margin-top: 0; }
.map_con li.tit {}
.map_con li p {width: auto;}
.map_con li p br {display: inline;}



/* --------------------------- */
/* 사업분야 */
/* --------------------------- */
.busi-module-wrap dl {width: 24%; margin-bottom: 0;}
.busi-module-wrap dl dt {padding: 16px 13px 13px; font-size: 20px;}

.col-dex dl dt, .col-dex dl dd {font-size: 19px;}
.col-dex dl dt {width: 30%; }
.col-dex dl dd {width: 70%;}

.con-box  h5 {width: 350px;}
.con-box .right-con {width: calc(100% - 350px);}

.line-chk-list {flex-wrap: wrap;}


.mark-list > li {width: 200px;  height: 200px; padding: 20px; margin: 0.5%;}
.mark-list > li > span {}

.agency-list {justify-content:flex-start;}
.agency-list > li {width: 10.4444%; height: 120px; margin-right: 0.75%;}
.agency-list > li:nth-child(9n) {margin-right: 0; }

.busi4-step > li.step-gubun {display: block; width: 12%;}
.busi4-step > li {width: 18%;}


/* 이메일무단수집거부 */

.email_denial_core{ margin:100px 40px; }
.email_denial_ttext{  font-size:36px; }


}