@font-face {
    font-family: 'neo';
    src: url('../font/AppleSDGothicNeoL.ttf') format('truetype');
}

@font-face {
    font-family: 'neob';
    src: url('../font/AppleSDGothicNeoB.ttf') format('truetype');
}

body {
	font-family: 'neo';
	    overflow-x: hidden;
}

#header {position:fixed; top:0; left:0; width:100%; height:100px; z-index:99; transition:all .5s; border-top: 5px solid #17469e;}
#header.main {background:#fff;}
.fixAni #header {background:#fff; box-shadow:0 5px 5px rgba(0,0,0,0.15);}
#header .head_con {position:relative; max-width:1660px; margin:0 auto; height: 100px;}
#header .head_con .logo {position:absolute; top:27px; left:0; font-weight:500; font-family:'GmarketSans', sans-serif;}
#header .head_con .logo a {display:block; width:230px; height:36px; background:url('../images/logo_white.png') no-repeat center center; background-size:100%; text-indent:-999px; overflow:hidden; transition:all .5s;}
#header.main .head_con .logo a,
.fixAni #header .head_con .logo a {background-image:url('../images/logo.png');}
#header .head_con .gnb_box {text-align:center; position: relative;}
#header .head_con .gnb_box .gnb {display:inline-block;}
#header .head_con .gnb_box .gnb > li {position:relative; float:left; transition:all .5s; width: 200px;}
#header .head_con .gnb_box .gnb > li > a {display:block; position:relative; min-width:100px; padding:0 32px; color:#fff; font-size:18px; line-height:100px; font-weight:500; text-align:center; transition:all .5s;}
#header.main .head_con .gnb_box .gnb > li > a {color:#4b4b4b;}
.fixAni #header .head_con .gnb_box .gnb > li > a {color:#4b4b4b;}
#header .head_con .gnb_box .gnb > li.on {background:#fff;}
#header .head_con .gnb_box .gnb > li.on > a {color:#17469e; font-weight:500;}
#header .head_con .gnb_box .gnb > li > .depth {position:relative; max-height:0; transition:all .5s; overflow:hidden;}
#header .head_con .gnb_box .gnb > li > .depth:before {content:''; position:absolute; right:10px; top:0; left:10px; height:1px; background:#fff; opacity:0.5;}
#header .head_con .gnb_box .gnb > li.on > .depth {max-height:800px; padding:20px 0;}
#header .head_con .gnb_box .gnb > li > .depth > li {padding:5px 0;}
#header .head_con .gnb_box .gnb > li > .depth > li > a {display:block; padding:0 20px; color:#222; font-size:16px; line-height:29px; font-weight:500; transition:all .5s; text-align:center;}
#header .head_con .gnb_box .gnb > li > .depth > li > a:hover {color: #17469e;}
#header .head_con .gnb_box .gnb > li > .depth > li > ul {padding:0 20px; text-align:left;}
#header .head_con .gnb_box .gnb > li > .depth > li > ul > li > a {display:block; padding:5px; color:#333; font-size:14px; line-height:18px; font-weight:500;}
#header .head_con .gnb_box .gnb > li > .depth > li > ul > li > a:hover {color: #17469e; transition: all 0.3s;}
#header .head_con .gnb_box .gnb > li > .depth > li > ul > li:first-child > a {padding-top: 20px;}
#header .head_con .gnb_box .gnb > li > .depth > li > ul > li:last-child > a {padding-bottom: 20px;}
#header .head_con .gnb_box .gnb > li > .depth > li > ul > li + li {margin-top:4px;}
#header .head_con .gnb_box .gnb > li > .depth > li > ul > li > ul > li {margin-top:2px;}
#header .head_con .gnb_box .gnb > li > .depth > li > ul > li > ul > li > a {position:relative; padding:0 10px;}
#header .head_con .gnb_box .gnb > li > .depth > li > ul > li > ul > li > a:before {content:''; position:absolute; bottom:50%; left:2px; width:4px; height:1px; background:#fff;}
#header .head_con .select_lang {position:absolute; top:30px; right:250px; font-family:'GmarketSans', sans-serif; font-weight:300; text-align:left; z-index:10000;}
#header .head_con .select_lang .active {display:block; width:92px; height:30px; padding:3px 0 3px 18px; border:1px solid #fff; border-radius:15px; background:url('../images/ico_lang_arrow_white.png') no-repeat right 17px center; color:#fff; font-size:15px; line-height:24px; font-weight:500; transition:all .5s;}
#header.main .head_con .select_lang .active,
.fixAni #header .head_con .select_lang .active {border:1px solid #4b4b4b; background-image:url('../images/ico_lang_arrow.png'); color:#4b4b4b;}

#header .head_con .select_lang .lang_list {position:absolute; top:0; left:0; width:92px; border:1px solid rgba(0,0,0,0); border-radius:15px; background:#fff; overflow:hidden; max-height:0; opacity:0; transition:all .5s;}
#header .head_con .select_lang .lang_list:focus {max-height:500px; padding:3px 0; border:1px solid #4b4b4b; opacity:1;}
#header .head_con .select_lang .lang_list li a {display:block; padding-left:18px; font-size:15px; line-height:24px; font-weight:300;}
#header .head_con .select_lang .lang_list li a:hover {font-weight:500;}
#header .head_con .m_btn_allmenu,
#header .head_con .m_allmenu {display:none;}    

#header.main .head_con .logo .eng_logo {width: 311px; background: none; text-indent: inherit; display: flex; justify-content: center; align-items: center;}
.hd_sch_wr {position: absolute; top: 24px; right: 0;}    

@media screen and (max-width:1660px) {
    #header .head_con {width: 1260px;}
}

@media screen and (max-width:1280px) {
    #header .head_con .gnb_box .gnb > li > a {padding:0 26px;}
}    
    
@media screen and (max-width:1024px) {
    #hd_sch {display: none;}
    #header .head_con {height: 50px;}
	#header {height:50px; padding:0; border-top: 2px solid #17469e; position: static; display: flex; justify-content: center; align-items: center;}
	#header .head_con .logo {position:static; margin:0 auto; display: flex; justify-content: center; align-items: center; height: 50px;}
	#header .head_con .logo a {width:100px; height:35px;}
	#header .head_con .gnb_box {display:none;}
	#header .head_con .select_lang {top:12px; right:auto; left:20px;}
	#header .head_con .select_lang .active {width:60px; height:24px; padding-left:8px; border-radius:12px; background-position:right 7px center; background-size:6px; font-size:12px; line-height:20px;}
	#header .head_con .select_lang .lang_list {width:60px; border-radius:12px;}
	#header .head_con .select_lang .lang_list:focus {padding:2px 0;}
	#header .head_con .select_lang .lang_list li a {padding-left:8px; font-size:12px; line-height:18px;}
	#header .head_con .m_btn_allmenu {display:block; position:absolute; top:6px; right:16px; width:36px; height:36px; background:url('../images/m_allmenu_white.png') no-repeat center center; background-size:22px; text-indent:-999px; overflow:hidden; cursor:pointer; transition:all .5s; z-index:20;}
	#header.main .head_con .m_btn_allmenu,
	.fixAni #header .head_con .m_btn_allmenu {background:url('../images/m_allmenu.png') no-repeat center center; background-size:22px;}
	#header .head_con .m_btn_allmenu.on {background-image:url('../images/btn_close_white.png');}
	#header.main .head_con .m_btn_allmenu.on,
	.fixAni #header .head_con .m_btn_allmenu.on {background-image:url('../images/btn_close_white.png');}
	#header .head_con .m_allmenu_mask {position:fixed; top:0; left:0; width:0; height:100%; background:rgba(0,0,0,0.8); opacity:0; z-index:10; transition:all .5s;}
	#header .head_con .m_allmenu_mask.on {width:100%; opacity:1;}
	#header .head_con .m_allmenu {display:block; position:fixed; top:0; right:0; width:80%; height:calc(100vh); padding:60px 0 100px; background:#004f9d; overflow-y:auto; transform:translateX(101%); transition:all .5s; z-index:15;}
	#header .head_con .m_btn_allmenu.on + .m_allmenu {transform:translateX(0);}
	#header .head_con .m_allmenu .m_gnb > li {padding:5px 0;}
	#header .head_con .m_allmenu .m_gnb > li:first-child {border-top:none;}
	#header .head_con .m_allmenu .m_gnb > li > a {display:block; position:relative; padding:8px 30px; color:#fff; font-size:20px; line-height:24px; font-weight:500; font-family:'GmarketSans', sans-serif; transition:all .5s;}
	#header .head_con .m_allmenu .m_gnb > li > a:before {content:''; position:absolute; top:16px; right:25px; width:12px; height:2px; background:#17ec8f; transition:all .5s;}
	#header .head_con .m_allmenu .m_gnb > li > a:after {content:''; position:absolute; top:11px; right:30px; width:2px; height:12px; background:#17ec8f; transition:all .5s;}
    #header .head_con .m_allmenu .m_gnb > li:first-child > a:before {content: none;}
    #header .head_con .m_allmenu .m_gnb > li:first-child > a:after {content: none;}
	#header .head_con .m_allmenu .m_gnb > li > a.on {color:#17ec8f;}
	#header .head_con .m_allmenu .m_gnb > li > a.on:before {transform:rotate(90deg); opacity:0;}
	#header .head_con .m_allmenu .m_gnb > li > a.on:after {transform:rotate(90deg);}
	#header .head_con .m_allmenu .m_gnb > li > .depth {display:none;}
	#header .head_con .m_allmenu .m_gnb > li > .depth > li > a {display:block; position:relative; padding:5px 30px; color:#fff; font-size:14px; line-height:19px; font-weight:300; font-family:'GmarketSans', sans-serif;}
    #header.main .head_con .logo .eng_logo>img {
        width: 120px;
    }
	
	/* SNS버튼추가(210506) */
	#header .head_con .m_btn_allmenu.on + .m_allmenu .sns_btn { padding-left:30px; margin-top:200px; }
	#header .head_con .m_btn_allmenu.on + .m_allmenu .sns_btn a { float:left; margin-left:10px; width:40px; height:40px; }
	#header .head_con .m_btn_allmenu.on + .m_allmenu .sns_btn .sns1 { background:url('../images/sns1_m.png') no-repeat center center; margin-left:0; }
	#header .head_con .m_btn_allmenu.on + .m_allmenu .sns_btn .sns2 { background:url('../images/sns2_m.png') no-repeat center center; }
	#header .head_con .m_btn_allmenu.on + .m_allmenu .sns_btn .sns3 { background:url('../images/sns3_m.png') no-repeat center center; }    
}    

/**
 * Initial state, hidden off screen
 */
.clicky-menu ul {
	position: absolute;
	top: 100%;
	left: 0;
	visibility: hidden; /*[1]*/
}

/**
 * No JS fallback
 *
 * Triggers menus on hover rather than click. Supports keyboard navigation in modern browsers.
 */
.clicky-menu.no-js li:hover > ul {
	visibility: visible;
}
.clicky-menu.no-js li:focus-within > ul { /*[2]*/
	visibility: visible;
}

/**
 * Open/Close Menu Behavior with JS
 */
.clicky-menu ul[aria-hidden="false"] {
	visibility: visible;
}

.site-navigation {
	width: 600px;
    position: absolute; top: 45%; left: 50%; transform: translate(-50% , -50%);
}

.clicky-menu {
	justify-content: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 540px) {
	.clicky-menu {
		display: flex;
        font-size: 16px;
		font-family: 'neob';
	}
}

/* General Link & Button Styles */
.clicky-menu a,
.clicky-menu button {
    height: 50px;
    line-height: 50px;
    padding: 1em;
	background: transparent;
	color: #555555;
	font-size:15px;
}

.clicky-menu a:hover,
.clicky-menu button:hover {
	color: #004f9d;
    
}

/* Top Level Items */
.clicky-menu > li {
	flex: 1 1 auto;
	display: flex;
	justify-content: stretch;
	flex-wrap: wrap;
}

.clicky-menu > li > a,
.clicky-menu > li > button {
	flex: 1 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: 0;
	font-size: inherit;
	line-height: 0.5;
	cursor: pointer;
    color: #000;
    position: relative;
	font-size:16px;
}

.clicky-menu > li > a:before {content:''; position:absolute; left:50%; bottom:0px; width:0px; height:3px; background:#004f9d; transition:.3s; opacity:0; visibility:hidden; transform: translateX(-50%);}
.clicky-menu > li > a:hover:before {visibility:visible; opacity:1; width:50%;}
.clicky-menu > li > a:hover {color: #004f9d; transition: all 0.2s;}
.clicky-menu > li.on > button:before {content:''; position:absolute; left:50%; bottom:0px; width:0px; height:3px; background:#004f9d; transition:.3s; opacity:0; visibility:hidden; transform: translateX(-50%);}
.clicky-menu > li.on > button:before {visibility:visible; opacity:1; width:50%;}
.clicky-menu > li.on > button {color: #004f9d; transition: all 0.2s;}
.clicky-menu > li > button:before {content:''; position:absolute; left:50%; bottom:0px; width:0px; height:3px; background:#004f9d; transition:.3s; opacity:0; visibility:hidden; transform: translateX(-50%);}
.clicky-menu > li > button:hover:before {visibility:visible; opacity:1; width:50%;}
.clicky-menu > li > button:hover {color: #004f9d; transition: all 0.2s;}

@media (min-width: 540px) {
	.clicky-menu > li > a,
	.clicky-menu > li > button {
		justify-content: center;
		
	}	
}

	.clicky-menu > li > button {font-family: 'neob';}

/* Icon */
.clicky-menu svg {
	width: 1em;
	height: 1em;
	margin-left: .5em;
}

.clicky-menu [aria-expanded="true"] svg {
	transform: scaleY(-1);
}

/* Submenu Styles */
/*
.clicky-menu ul {
	min-width: 100%;
	width: 12em;
	margin-top: 3.25em;
	padding: 0;
	list-style: none;
	background-color: #eee;
	border-radius: 3px;
}
*/

.clicky-menu ul {
    position: absolute; top: 70px; left: 50%; transform: translateX(-50%); background-color: #fff; width: 100vw; height: 300px; display: block;
}


/* 탭 전체 스타일 */
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #ffffff;
/*  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
    border: 1px solid #ccc;
  width: 700px;
  margin: 0 auto;
    position: relative;
}

/* 탭 스타일 */

.tab_content .tc_wrap div {width: 25%; position:relative;}
.tab_content .tc_wrap div:after {content: ''; position:absolute; top: 40px; right: 0; width:1px; height:200px; background:#ccc;}
.tab_con .tc_wrap div {width: 25%; position:relative;}
.tab_con .tc_wrap div:after {content: ''; position:absolute; top: 40px; right: 0; width:1px; height:200px; background:#ccc;}
.tab_conn .tc_wrap div {width: 50%; position:relative;}
.tab_conn .tc_wrap div:after {content: ''; position:absolute; top: 40px; right: 0; width:1px; height:200px; background:#ccc;}
.tab_connn .tc_wrap div {width: 50%; position:relative;}
.tab_connn .tc_wrap div:after {content: ''; position:absolute; top: 40px; right: 0; width:1px; height:200px; background:#ccc;}
.tab_connn .tc_wrap div:last-child:after {content: none;}
.tab_con .tc_wrap div:last-child:after {content: none;}
.tab_conn .tc_wrap div:last-child:after {content: none;}
.tab_content .tc_wrap div:last-child:after {content: none;}

.tab_item {
    width: 200px;
  height: 50px;
  background-color: #f8f8f8;
  line-height: 50px;
  font-size: 16px;
  color: #464646;
  display: block;
    position: relative;
    margin-left: 300px;
}

/* 라디오 버튼 UI삭제*/
input[name="tab_item"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tab_content {
    position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 1100px;
  display: none;
  clear: both;
    height: 100%;
    background: #fff;
}

.tab_content::-webkit-scrollbar {
    width: 10px;
  }
  .tab_content::-webkit-scrollbar-thumb {
    background-color: #2f3542;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
  }
  .tab_content::-webkit-scrollbar-track {
    background-color: grey;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
  }

.tab_con a {display: block; height: 10px; line-height: 10px; padding-left: 2em; padding-right: 2em;}
.tab_con p {font-size: 16px; color: #222; height: 50px; line-height: 50px; padding-left: 2em; padding-right: 2em; margin-top: 20px;}

.tc_wrap:after {content: ''; display: block; clear: both;}
.tc_wrap > div {float: left;}

.tab_con .tc_wrap > div {float: left;}
.tab_conn .tc_wrap > div {float: left;}
.tab_connn .tc_wrap > div {float: left;}
.tab_con .tc_wrap > div.ns {float: right;}

.tab_content a {display: block; height: 10px; line-height: 10px; padding-left: 2em; padding-right: 2em;}

.tab_content a:hover {font-weight: bold;}
.tab_con a:hover {font-weight: bold;}
.tab_conn a:hover {font-weight: bold;}
.tab_connn a:hover {font-weight: bold;}

.tab_content p {font-size: 17px; color: #000; height: 50px; line-height: 50px; padding-left: 1.9em; padding-right: 2em; margin-top: 25px;}

.tab_conn > .tc_wrap > div > a {display: block; height: 10px; line-height: 10px; padding-left: 2em; padding-right: 2em}
.tab_conn > .tc_wrap > div > a.select_category {
  color: #004f9d;
}
.tab_conn p {font-size: 17px; color: #000; height: 50px; line-height: 50px; padding-left: 1.9em; padding-right:2em; margin-top: 25px;}
.tab_con p {font-size: 17px; color: #000; height: 50px; line-height: 50px; padding-left: 1.9em; padding-right:2em; margin-top: 25px;}
.tab_conn p > a {padding: 0;}

.tab_connn a {height: 30px; line-height: 30px; padding-left: 2em;}

.tab_connn p {font-size: 17px; color: #000; height: 50px; line-height: 50px; padding-left: 1.9em; padding-right: 2em; margin-top: 25px;}

/* 선택 된 탭 콘텐츠를 표시 */
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#design1:checked ~ #design1_content,
#design2:checked ~ #design2_content {
  display: block;
}

/* 선택된 탭 스타일 */
.tabs input:checked + .tab_item {
  font-weight: bold;
  color: #222;
}
.tabs input:checked + .tab_item:after {content: ''; background-image: url('../images/rightarr.png'); background-repeat: no-repeat; background-size: 100%; width: 10px; height: 18px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}

/* 탭 전체 스타일 */
.tabs1 {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #ffffff;
    border: 1px solid #ccc;
  width: 500px;
  margin: 0 auto;
    position: relative;
}

/* 탭 스타일 */
.lab {
  width: 200px;
  height: 50px;
  color: #464646;
  background-color: #f8f8f8;
  line-height: 50px;
  font-size: 16px;
  display: block;
    position: relative;
    margin-left: 300px;
}

/* 라디오 버튼 UI삭제*/
input[name="lab"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tab_con {
  display: none;
  clear: both;
    position: absolute; left: 50%; top: 0; transform: translateX(-50%);
    width: 1100px;
    height: 100%;
    background: #fff;
}
.tab_con > a {display: block;}

/* 선택 된 탭 콘텐츠를 표시 */
#inp:checked ~ #inp_content,
#inp1:checked ~ #inp1_content,
#inp2:checked ~ #inp2_content,
#inp3:checked ~ #inp3_content {
  display: block;
}

/* 선택된 탭 스타일 */
.tabs1 input:checked + .lab {
  font-weight: bold;
  color: #222;
}

.tabs1 input:checked + .lab:after {content: ''; background-image: url('../images/rightarr.png'); background-repeat: no-repeat; background-size: 100%; width: 10px; height: 18px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}




/* 탭 전체 스타일 */
.tabs2 {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #ffffff;
    border: 1px solid #ccc;
  width: 450px;
  margin: 0 auto;
    position: relative;
}

/* 탭 스타일 */
.labb {
  width: 200px;
  height: 50px;
  color: #464646;
  background-color: #f8f8f8;
  line-height: 50px;
  font-size: 16px;
  display: block;
    margin-left: 300px;
    position: relative;
}

/* 라디오 버튼 UI삭제*/
input[name="labb"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tab_conn {
  display: none;
  clear: both;
    position: absolute; left: 72%; top: 0; transform: translateX(-50%);
    width: 500px;
    height: 100%;
    background: #fff;
}
.tab_conn > a {display: block;}

/* 선택 된 탭 콘텐츠를 표시 */
#inpp:checked ~ #inpp_content,
#inpp1:checked ~ #inpp1_content,
#inpp2:checked ~ #inpp2_content,
#inpp3:checked ~ #inpp3_content,
#inpp4:checked ~ #inpp4_content {
  display: block;
}

/* 선택된 탭 스타일 */
.tabs2 input:checked + .labb {
  font-weight: bold;
  color: #222;
}

.tabs2 input:checked + .labb:after {content: ''; background-image: url('../images/rightarr.png'); background-repeat: no-repeat; background-size: 100%; width: 10px; height: 18px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}



/* 탭 전체 스타일 */
.tabs3 {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  width: 700px;
  margin: 0 auto;
    position: relative;
}

/* 탭 스타일 */
.labbb {
  width: 200px;
  height: 50px;
  color: #464646;
  background-color: #f8f8f8;
  line-height: 50px;
  font-size: 16px;
  display: block;
    margin-left: 300px;
    position: relative;
}

/* 라디오 버튼 UI삭제*/
input[name="labbb"] {
  display: none;
}

/* 탭 컨텐츠 스타일 */
.tab_connn {
  display: none;
  clear: both;
    position: absolute; left: 50%; top: 0; transform: translateX(-50%);
    width: 400px;
    height: 100%;
    background: #fff;
}
.tab_connn > a {display: block;}

/* 선택 된 탭 콘텐츠를 표시 */
#inppp:checked ~ #inppp_content,
#inppp1:checked ~ #inppp1_content,
#inppp2:checked ~ #inppp2_content,
#inppp3:checked ~ #inppp3_content {
  display: block;
}

/* 선택된 탭 스타일 */
.tabs3 input:checked + .labbb {
  font-weight: bold;
  color: #222;
}

.tabs3 input:checked + .labbb:after {content: ''; background-image: url('../images/rightarr.png'); background-repeat: no-repeat; background-size: 100%; width: 10px; height: 18px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}

/* main */

/*.wrap {margin-bottom: 150px;}*/
button{
background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer}
.wrap div {position: relative;}
.slick-prev {display: none !important;}
.slick-next {position: absolute; top: 50%; right: 310px; transform: translateY(-50%); background: inherit; font-size: 0;}
.wrap div .txtb {position: absolute; top: 30%; left: 160px; transform: translateY(-50%); color: #fff; display: block; width: 1400px;}
.txtb h2 {font-size: 48px; font-weight: 500; margin-bottom: 10px;}
.txtb h2 span {font-size: 72px !important; font-weight: bold; margin-right: 20px; display:none;}
.txtb p {font-size: 18px; margin-top: 60px; width: 160px; height: 50px; line-height: 42px; text-align: center; border: 3px solid #fff; border-radius: 50px;}
.txtb a {color: #fff;}
.slick-next:after {
       content: "\f105";
     font: 50px 'FontAwesome';
    color: rgba(255,255,255,0.5);
    width: 60px; height: 60px; text-align: center; border: 3px solid rgba(255,255,255,0.5);
    display: none; vertical-align: middle;
}
.imgb {width: 100%; margin: auto; overflow: hidden;}
.imgb img {width: 100%;}
.maintit {font-size: 32px; color: #fff; font-weight: bold;}
.maintit:before {content: ''; display: none; width: 75px; height: 7px; margin-bottom: 10px; background-size: 100%; background: #004f9d; }

.main_wrap {width: 1260px; margin: auto;}

.section1 {position: relative;}
.s1_more {position: absolute; top: -50px; right: 0; font-size: 18px; border-bottom: 1px solid #222; color: #222;}
.s1_wrap {display: flex;}
.s1_wrap > div {width: 50%;}
.s1_wrap > div:first-child {padding-right: 25px;}
.s1_wrap > div:last-child {padding-left: 25px;}
.s1_b1_i1 {width: 615px; height: 300px; overflow: hidden;}
.s1_b1_i1 img {width: 100%;}
.s1_b1 h3 {font-size: 20px; font-weight: bold; color: #222; margin-top: 25px; margin-bottom: 25px;}
.s1_b1 p {font-size: 14px; color: #555;}
.section2 {position: relative;}
.s2_wrap:after {content: ''; display: block; clear: both;}
.s2_wrap > div {float: left; width: 33.33%;}
.s2_wrap > div:nth-child(1),
.s2_wrap > div:nth-child(2),
.s2_wrap > div:nth-child(3) {margin-bottom: 25px;}
.s2_wrap > div:nth-child(1),
.s2_wrap > div:nth-child(4) {padding-right: 20px;}
.s2_wrap > div:nth-child(3),
.s2_wrap > div:nth-child(6) {padding-left: 20px;}
.s2_wrap > div:nth-child(2),
.s2_wrap > div:nth-child(5) {padding-left: 10px; padding-right: 10px;}
.s2_b1_i1 {width: 400px !important; overflow: hidden !important;}
.s2_b1_i1 img {width: 100% !important;}
.s2_b1 h3 {font-size: 20px; font-weight: bold; color: #222; margin-top: 25px; margin-bottom: 25px;}
.s3_c1 {position: absolute; bottom: 0; left: 0;}
.s2_b1 p {font-size: 14px; color: #555;}
.section3 {position: relative; height: 355px;}
.s3_c1 p {font-size: 18px; color: #555;}
.swiper-container {
	width:800px;
    overflow: hidden;
    position: absolute;
    top: -160px; right: 0;
}
.swiper-slide {
	text-align:center;
	display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */
	align-items:center; /* 위아래 기준 중앙정렬 */
	justify-content:center; /* 좌우 기준 중앙정렬 */
}
.swiper-slide img {
	max-width:100%; /* 이미지 최대너비를 제한, 슬라이드에 이미지가 여러개가 보여질때 필요 */
	/* 이 예제에서 필요해서 설정했습니다. 상황에따라 다를 수 있습니다. */
}
.swiper-button-next,
.swiper-button-prev {color: #004f9d !important;}

.s1_b1 a {width: 100%; height: 100%; display: block; z-index: 9999;}

/* main end */

/* footer */

.foo_wrap {width: 1660px; margin: auto; padding: 50px; background: #555; color: #fff;}
.foo_wrap ul:after {content: ''; display: block; clear: both;}
.foo_wrap ul {font-size: 16px;}
.foo_wrap ul li {float: left; margin-right: 21px; position: relative;}
.foo_wrap ul li:after {content: '|'; position: absolute; top: 42%; right: -12px; transform: translateY(-50%);}
.foo_wrap ul li:last-child:after {content: none;}
.foo_wrap ul li a {color: #fff;}
.foo_wrap ul li h4 {font-size: 14px;}
.foo_wrap ul li p {font-size: 14px; line-height: 20px;}
.foo_wrap h5 {text-align: center; padding-top: 35px; font-size: 16px; color: #fff; margin-top: 35px; border-top: 1px solid #fff;}
.ff_wrap {display: flex; justify-content: space-between; align-items: center;}
.ff_wrap select {width: 200px; height: 50px; padding: 0 10px; font-size: 14px;}
.ff_wrap select option {font-size: 14px; padding: 0 20px; width: 220px;}

/* footer end */

.mapz{text-align: center; padding-bottom: 30px;}
.mtb{margin-top: 100px; margin-bottom: 50px;}



@media screen and (max-width:1024px) {
    .slider2 .bx-pager.bx-default-pager {display: none !important;}
    .slider2 h3 {width: 350px;}
    .slider2 .bx-pager-item {display: none !important;}
    .slider2 div {width: 94% !important;}
    .slider2 .bx-wrapper .bx-pager-item a {display: none !important;}
    .site-navigation {display: none;}
    .imgb {height: auto; width: 100%;}
    .imgb img {width: 100%;}
    .slick-next {right: 20px; top: 92%; display: none !important;}
	.wrap div {position: static;}
    .wrap div .txtb {width: 100%; left: 20px;}
    .txtb h2 {font-size: 20px;}
    .txtb h2 span {font-size: 30px !important;}
    .txtb p {width: 120px; height: 30px; font-size: 16px; margin-top: 20px; line-height: 26px; border: 2px solid #fff;}
    .wrap {margin-bottom: 100px;}
    .main_wrap {width: 100%; padding: 0 20px; margin-top: -50px;}
    .subtit {font-size: 30px !important; margin-top: 0px !important;}
    .slider > div img {width: 100% !important;}
    .s1_b1 {margin-bottom: 25px;}
    .s1_b1_i1 {height: auto;     overflow: unset;}
    .s1_b1_i1 > img {width: 100% !important; }
.s1_b1_i1 > a > img{min-width: 100% !important; max-width: 100% !important;     max-height: unset !important;}
    .s1_more {top: -85px; font-size: 16px;}
    .s2_wrap > div {width: 100%; float: none;}
    .s2_wrap > div:nth-child(3), 
    .s2_wrap > div:nth-child(6) {padding-left: 0;}
    .s2_wrap > div:nth-child(2), 
    .s2_wrap > div:nth-child(5) {padding-left: 0; padding-right: 0;}
    .s2_wrap > div:nth-child(1), 
    .s2_wrap > div:nth-child(4) {padding-right: 0;}
    .s2_b1_i1 {width: 100% !important;}
    .section3 {height: auto; margin-bottom:100px;}
    .s3_c1 {position: relative;}
    .swiper-container {width: 100%; position: relative; top: 0px;}
    .foo_wrap {width: 100%; padding: 20px;}
    .ff_wrap {flex-direction: column;}
    .foo_wrap ul {margin-bottom: 20px;}
    .foo_wrap ul li {width: 50%; margin-right: 0; text-align: center;}
    .foo_wrap ul li:after {right: 0;}
    .foo_wrap ul li:nth-child(2):after {content: none;}
    .foo_wrap ul li:nth-child(4):after {content: none;}
    .s3_c1 p {font-size: 16px;}                   
    .s2_wrap > div:nth-child(3),
    .s2_wrap > div:nth-child(4),
    .s2_wrap > div:nth-child(5),
    .s2_wrap > div:nth-child(6) {display: none;}
    .s2_b1 {display: none;}
    .s2_b1:nth-child(1),
    .s2_b1:nth-child(2) {display: block;}
    .foo_wrap h5 {padding-top: 20px; margin-top: 20px;}
    #header .head_con {width: 100%;}

}

@media screen and (max-width: 600px){
.mapz img{width: 100%;}
}

/* 0605추가 */
.sb_mn{padding: 0 30px;}
.sb_mn a{    font-size: 12px;
    color: #eee;}