@charset "utf-8";
/*───────────────────────────────────────────────────────────
	
	header, footer, main 관련 작성 css 파일입니다.

	** 이와 서브페이지 관련 css는 /css/sub.css 에 있습니다.

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────
	layout common
───────────────────────────────────────────────────────────*/
#wrap {position:relative;height:100%;width:100%;margin:0;padding:0;} /* #header 와 #container, #footer 전체 감싸는 영역 */
#wrap #header {width:100%;margin:0;padding:0;}
#wrap #container {width:100%;margin:0;padding:0;}
#wrap #footer {width:100%;margin:0;padding:55px 60px 20px 60px;}
	/* #container 안의 레이아웃 */
#contents_wrap {width:1200px;margin:0 auto;padding:0;position:relative;z-index:1;box-sizing:border-box;} /* #container 안의 컨텐츠 감싸는 영역 */
#contents_wrap #side_box {width:100%;padding:5.6% 0 0 0;box-sizing:border-box;} /* lnb 감싸는 영역 */
#contents_wrap #contents_box {width:100%;padding:5.6% 0 7.2% 0;box-sizing:border-box;} /* 컨텐츠를 감싸는 영역 */
#contents_wrap #side_box + #contents_box {padding-top:0;} /* lnb와 컨텐츠가 float 일때 사이즈 재설정 */
	/* navigation layout */
#contents_wrap .nav_wrap {box-sizing:border-box;}
	/* #content */
#content {width:100%;margin:0;padding:0;text-align:left;box-sizing:border-box;} /* navigation 을 제외한 컨텐츠 */
#content .sub_content{width:100%;margin:0 auto;background:#fff;box-sizing:border-box;}
#content .sub_content:after {clear:both;content:"";display:block;}
	/* 컨텐츠 전체 가로 사이즈 */
.w_custom {width:1200px;text-align:left;margin:0 auto;padding:0;box-sizing:border-box;}

@media only screen and (max-width:1217px) {
	body.on {height:100%;overflow:hidden;}
	#contents_wrap {width:100%;padding-left:12px !important;padding-right:12px !important;}
	.w_custom{width:100%;padding-left:12px !important;padding-right:12px !important;}
}
@media only screen and (max-width:1200px) {
	
}
@media only screen and (max-width:1023px) {
	#contents_wrap #side_box {padding:4.8% 0 0 0;}
	#contents_wrap #contents_box {padding:4.8% 0 6.4% 0;}
}
@media only screen and (max-width:860px) {
	#contents_wrap #side_box {padding:4.2% 0 0 0;}
	#contents_wrap #contents_box {padding:4.2% 0 6.4% 0;}
}
@media only screen and (max-width:767px) {
	/*.w_custom {padding-left:4% !important;padding-right:4% !important;}*/
	#contents_wrap #side_box {display:none;}
}
@media only screen and (max-width:640px) {
	#contents_wrap #contents_box {padding:4.2% 0 10.4% 0;}
}
@media only screen and (max-width:479px) {
	#contents_wrap #contents_box {padding:4.2% 0 12% 0;}
}


/*───────────────────────────────────────────────────────────
	sub custom
───────────────────────────────────────────────────────────*/
/*** company/history (연혁) ***/
	/* 연도 */
.sub_history.history1 .history_box .his_year .year strong {background:#000;}
/* 원 */.sub_history.history1 .history_box .his_year .year::before {background-color:#000;}
/* 삼각형 */.sub_history.history1 .history_box .his_year .year strong::after {border-bottom:12px solid #000;border-color:#000 !important;}

/*** company/history2 (연혁2) ***/
	/* 연도 */
.sub_history.history2 .history_box .his_year .year strong {color:#000;}
.sub_history.history2 .history_box .his_year .year strong::before {background:#000;}
.sub_history.history2 .history_box .his_year .year strong::after {border-color:#000;}

/*** company/history3 (연혁3) ***/
	/* 연도 */
.sub_history.history3 .history_box table.history span {color:#000;}

/*** company/work (조직도1번) ***/
.sub_chart.chart1 .chart .chart_box h3 + h3 {background:#000;}

/*** company/work (조직도2번) ***/ /* :before 요소는 라인, :after 요소는 원형 */
.sub_chart.chart2 .chart h3 {box-shadow:0 0 0 20px #f2fafd;border:2px #0095da solid;}
.sub_chart.chart2 .chart h3:before{border-color:#0095da;}
.sub_chart.chart2 .chart h4{border-color:#0095da;0 0 0 8px #f2fafd;}
.sub_chart.chart2 .chart h3:after,
.sub_chart.chart2 .chart h4:after,
.sub_chart.chart2 .chart li.chart_side li h5:after{border-color:#0095da;}


/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/

#header .hd_lnb1 li a, #header .hd_lnb2 li a, #aside .aside_box .aside_lnb h3, #aside .aside_box .aside_lnb a, #aside .aside_box .aside_lnb em, #aside .aside_box .aside_lnb span, #aside .aside_box .aside_gnb a {font-family:'Roboto Condensed', 'Nanum Gothic',sans-serif;display: block;}

#header {padding:37px 0 36px 0;line-height:26px;height:100px;border:0;border-bottom:1px #ccc solid;text-align:center;position:relative;z-index:10px;width:100%;background:rgba(255,255,255,1);box-sizing:border-box;font-size:0;}
#wrap #header.on {position:fixed;left:0;top:0;z-index:10;}
#header .hd_logo {left:50%;top: 36px;transform:translateX(-50%);position:absolute;}
#header .hd_logo img {height:26px;width:auto;}
#header .btn_hd_search, #header .btn_hd_cate {width:26px;height: 26px;line-height:26px;top: 37px;position:absolute;cursor:pointer;overflow:hidden;}
#header .btn_hd_search {left:3.2%;background:url("../images/skin/icon_hd_search.png") no-repeat 50% 50%;background-size:auto 100%;font-size:0;}
#header .btn_hd_cate {right:3.2%;/* background:url("../images/skin/icon_hd_cate.png") no-repeat 100% 50%; *//* background-size:auto 100%; */}
#header .btn_hd_search.on,
#header .btn_hd_cate.on {background:url("../images/skin/icon_hd_close.png") no-repeat 50% 50%;background-size:auto 100%;}
#header .hd_lnb1, #header .hd_lnb2 {top:37px;height:26px;line-height:26px;transform:translateX(-50%);position:absolute;display:block;width:auto;margin:0;padding:0;font-size:0;}
#header .hd_lnb1, #header .hd_lnb2, #header .hd_lnb1 li, #header .hd_lnb2 li, #header .hd_lnb1 li a, #header .hd_lnb2 li a {height:26px;line-height:26px;display:inline-block;vertical-align:top;text-align:center;}
#header .hd_lnb1 li, #header .hd_lnb2 li {padding: 0 23px;margin:0;transition:0.3s;}
#header .hd_lnb1 li a, 
#header .hd_lnb2 li a {letter-spacing:1px;font-size:16px;font-weight:400;color:#000;}
#header .hd_lnb1 li a.on, 
#header .hd_lnb1 li a:hover,
#header .hd_lnb2 li a.on, 
#header .hd_lnb2 li a:hover {font-weight:600;}
#header .hd_lnb1 {left: 30%;}
#header .hd_lnb2 {left: 73%;}
#header .layer_hd_search {display:none;}
#header .layer_hd_search.on {left:0;top:100px;height:200px;padding:70px 0;width:100%;background:rgba(0,0,0,0.85);position:absolute;box-sizing:border-box;display:block;text-align:center;z-index: 10;}
#header .layer_hd_search .hd_search_box {width:900px;height:60px;border-radius:30px;padding:15px 39px;border:1px #fff solid;margin:0 auto;box-sizing:border-box;}
#header .layer_hd_search .hd_search_box label{display:none;}
#header .layer_hd_search .hd_search_box input[type="text"] {padding:0;width:90%;max-width:789px;height:28px;line-height:28px;font-size:16px;font-weight:400;color:#969696;padding:0;background:none;border:0 none;box-sizing:border-box;float:left;}
#header .layer_hd_search .hd_search_box input[type="text"]::-webkit-input-placeholder {font-size:16px;font-weight:400;color:#969696;}
#header .layer_hd_search .hd_search_box input[type="text"]::-moz-placeholder {font-size:16px;font-weight:400;color:#969696;}
#header .layer_hd_search .hd_search_box input[type="text"]:-ms-input-placeholder {font-size:16px;font-weight:400;color:#969696;}
#header .layer_hd_search .hd_search_box input[type="text"]:-moz-placeholder {font-size:16px;font-weight:400;color:#969696;}
#header .layer_hd_search .hd_search_box button {padding:0;width:21px;height:28px;line-height:28px;background:url('../images/skin/icon_layer_search.png') no-repeat 50% 50%;background-size:100% auto;border:0 none;box-sizing:border-box;float:right;text-indent:-999px;overflow:hidden;}

#aside {top:0px;right:-65%;width:65%;transition:0.8s;height:100%;background:rgba(255,255,255,1);z-index:20;box-sizing:border-box;display:block;position:fixed;}
#aside.on {right:0%;}
#aside .aside_box {width:100%;height:100%;margin:0;padding:0;overflow-y: auto;}
#aside .aside_box:before {left:110px;top:0;width:1px;height:100%;background:#ccc;position:absolute;display:inline-block;content:"";}
#aside .aside_box .logo {width:110px;height:110px;transform:translate(-50%, -12%);left:0;top:50%;position:absolute;text-align:left;}
#aside .aside_box .logo a {width:203px;height:25px;transform:rotate(270deg);display:block;}
#aside .aside_box .logo img {height:25px;width:auto;}
#aside .aside_box .aside_lnb {padding-left:279px;transform:translateY(22.7%);box-sizing:border-box;}
#aside .aside_box .aside_lnb h3 {height:19px;line-height:19px;font-size:13px;letter-spacing:0.2px;font-weight:500;color:#0376df;width:auto;display:inline-block;position:relative;}
#aside .aside_box .aside_lnb h3:before {left:-50px;top:9px;width:30px;height:2px;background:#0376df;position:absolute;display:inline-block;content:"";}
#aside .aside_box .aside_lnb ul.slidemenu {padding:46px 0 106px 0;font-size: 0;}
#aside .aside_box .aside_lnb ul.slidemenu li {line-height:23px;padding:14px 0 13px;width:100%;text-align:left;}
#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span,
#aside .aside_box .aside_lnb ul.slidemenu li span.lnb_dep2,
#aside .aside_box .aside_lnb ul.slidemenu li span.lnb_dep2 a {height:23px;line-height:23px;display:inline-block;vertical-align:top;}
#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 {width:180px;}
#aside .aside_box .aside_lnb ul.slidemenu li ul {width: calc(100% - 184px);}
#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span {font-size:18px;letter-spacing:1px;font-weight:700;color:#000;}
#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
#aside .aside_box .aside_lnb ul.slidemenu li ul{display:inline-block;vertical-align: top;}
#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 {display: inline-block;vertical-align: middle;padding: 0;line-height: inherit;width: auto;}
#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2,
#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 a {font-size:14px;letter-spacing:1px;font-weight:400;color:#999;}
#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 + .lnb_dep2 {margin-left: 4.7%;}
#aside .aside_box .aside_gnb {display:none;}

#aside .btn_mMenuClose {right:60px;top:40px;width: 30px;height: 30px;line-height:18px;background-size:100% auto;position:absolute;display:inline-block;overflow:hidden;text-indent:-999px;cursor:pointer;z-index:20;}
.aside_bg {left:-20px;top:-20px;width: calc(100% + 40px);height: calc(100% + 40px);background:rgba(0,0,0,1);opacity:0;transition:0.8s;z-index:15;position:fixed;}
.aside_bg.on {opacity:0.7;}

.menu-trigger, .menu-trigger2 , .menu-trigger3{width:100%;height: 28px;line-height:18px;padding: 0;box-sizing:border-box;margin:0;display:inline-block;/* position: static; */}
.menu-trigger span, .menu-trigger2 span, .menu-trigger3 span {transition:0.3s;position:absolute;right:0px;width:36px;height: 3px;background-color:#222;border-radius:2px;}
.menu-trigger2 span{width: 23.5px;height: 2px;}
.menu-trigger3 span,
.menu-trigger span{width: 23.5px;height: 3px;}
.menu-trigger, .menu-trigger span, .menu-trigger2, .menu-trigger2 span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger span:nth-of-type(1), .menu-trigger2 span:nth-of-type(1) {top: 3px;}
.menu-trigger span:nth-of-type(2), .menu-trigger2 span:nth-of-type(2) {top: 11px;}
.menu-trigger span:nth-of-type(3), .menu-trigger2 span:nth-of-type(3) {top: 19px;}
.menu-trigger span:nth-of-type(1),
.menu-trigger3 span:nth-of-type(1){top: 0;}
.menu-trigger3 span:nth-of-type(2),
.menu-trigger span:nth-of-type(2){top: 7px;}
.menu-trigger span:nth-of-type(3),
.menu-trigger3 span:nth-of-type(3){top: 14px;}
.menu-trigger.active-1 .menu-trigger2.active-1 {}
.menu-trigger.active-1 span:nth-of-type(1), .menu-trigger2.active-1 span:nth-of-type(1) {-webkit-transform: translateY (9px) rotate (-45deg);transform: translateY(9px) rotate(-45deg);}
.menu-trigger.active-1 span:nth-of-type(2), .menu-trigger2.active-1 span:nth-of-type(2) {opacity:0;}
.menu-trigger.active-1 span:nth-of-type(3), .menu-trigger2.active-1 span:nth-of-type(3) {-webkit-transform: translateY(-8px) rotate(45deg);transform: translateY(-8px) rotate(45deg);}

.aside_bg {left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;transition:0.8s;z-index:15;position:fixed;}
.aside_bg.on {opacity:1;}


@media screen and (max-width:1400px) {
	#header .hd_lnb1 li, #header .hd_lnb2 li {padding: 0 15px;}
}
@media screen and (max-width:1340px) {
	#header .hd_lnb1 li, #header .hd_lnb2 li {padding: 0 17px;}
}
@media screen and (max-width:1280px) {
	#header .hd_lnb1 li, #header .hd_lnb2 li {padding: 0 14px;}
}
@media screen and (max-width:1220px) {
	#header .hd_lnb1 li, #header .hd_lnb2 li {padding:0 13px;}
}

@media only screen and (max-width:1200px) {
	.header .hd_btm #lnb_nav li a {font-size:15px;padding:13px 0;line-height:22px;}
	.header .hd_btm #lnb_nav li.infoLocation a {background: url("../images/skin/ico_infoLocation.png") no-repeat 10% 13px;}
	.header .hd_btm .lnb_dep2Wrap {top:49px;}
	.header .hd_btm .lnb_dep2Wrap > ul > li > ul > li > a {padding:10px 0;}
}

@media only screen and (max-width:1180px) {
	#wrap #header {padding:38px 0 38px 0;line-height:23px;height:100px;}
	#header .hd_logo {top:38px;}
	#header .hd_logo img {height:23px;}
	#header .btn_hd_search, #header .btn_hd_cate {width:25px;height:23px;line-height:23px;top:38px;}
	#header .btn_hd_search {left:6.2%;}
	#header .btn_hd_cate {right:6.2%;}
	#header .hd_lnb1, #header .hd_lnb2 {display:none;}
	#header .layer_hd_search {}
	#header .layer_hd_search.on {left:0;top:100px;height:180px;padding:60px 0;width:100%;}
	#header .layer_hd_search .hd_search_box {width:75%;height:60px;border-radius:30px;padding:15px 25px;}
	#header .layer_hd_search .hd_search_box input[type="text"] {padding:0;width:78%;max-width:78%;height:28px;line-height:28px;font-size:15px;}
	#header .layer_hd_search .hd_search_box input[type="text"]::-webkit-input-placeholder {font-size:15px;}
	#header .layer_hd_search .hd_search_box input[type="text"]::-moz-placeholder {font-size:15px;}
	#header .layer_hd_search .hd_search_box input[type="text"]:-ms-input-placeholder {font-size:15px;}
	#header .layer_hd_search .hd_search_box input[type="text"]:-moz-placeholder {font-size:15px;}
	#header .layer_hd_search .hd_search_box button {width:21px;height:28px;line-height:28px;}

	#header .hd_all_layer {left:0;top: calc(100% - 10px);padding:10px 0 0 0;width:100%;}
	#header .hd_all_layer .hd_all_layer_box {padding:2% 7.75%;}
	#header .hd_all_layer .hd_all_layer_box ul {}
	#header .hd_all_layer .hd_all_layer_box ul li {padding:0 5%;}
	#header .hd_all_layer .hd_all_layer_box ul li a {font-size:15px;padding:6px 0;max-width:165%;margin:0 -32.5%;line-height:23px;white-space:nowrap;}
	#header .hd_all_layer .hd_all_layer_box ul li a:hover:after {height:5px;bottom:8px;left:-12px;width: calc(100% + 24px);}

	.menu-trigger3 span{width: 26px;}
	.menu-trigger3 span:nth-of-type(1){}
	.menu-trigger3 span:nth-of-type(2){top: 8px;}
	.menu-trigger3 span:nth-of-type(3){top: 16px;}

	#aside {right: -100%;width: 100%;}
	#aside.on {}
	#aside .aside_box {overflow-y:auto;}
	#aside .aside_box:before {display:none;}
	#aside .aside_box .logo {margin:38px 0 0 7.2%;width:auto;height:26px;transform:translate(0%, 0%);position:static;left:0;top:0;}
	#aside .aside_box .logo a {width:auto;height:26px;transform:rotate(0deg);}
	#aside .aside_box .logo img {height:26px;width:auto;}
	#aside .aside_box .aside_lnb {padding: 90px 4% 28px 7.2%;transform:translateY(0%);}
	#aside .aside_box .aside_lnb h3 {height:19px;line-height:19px;font-size:13px;letter-spacing:0.2px;}
	#aside .aside_box .aside_lnb h3:before {left:auto;right:-30px;top:8px;width:20px;height:1px;}
	#aside .aside_box .aside_lnb ul.slidemenu {padding: 3.6% 0 10% 0;}
	#aside .aside_box .aside_lnb ul.slidemenu + h3 + ul.slidemenu {padding-bottom:0;}
	#aside .aside_box .aside_lnb ul.slidemenu li {line-height:23px;padding:14px 0 13px;width:100%;text-align:left;}
	#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
	#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span,
	#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2,
	#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 a {height:23px;line-height:23px;}
	#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 {width:32%;min-width:114px;}
	#aside .aside_box .aside_lnb ul.slidemenu li ul{width:calc(100% - 33%);}
	#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
	#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span {font-size:18px;letter-spacing:1px;}
	#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 {}
	#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2,
	#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 a {font-size:14px;letter-spacing:1px;}
	#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 + .lnb_dep2 {margin-left: 9%;}
	#aside .aside_box .aside_gnb {display:none;}

	#aside .close {right:7.2%;top:38px;width:22px;height:22px;line-height:22px;}
	.aside_bg {left:0px;top:0px;width:100%;height:100%;}
	.aside_bg.on {}
}

@media only screen and (max-width:1023px) {
	.header .hd_top .w_custom {padding:28px 0 24px;}
	.header .hd_top .logo {top:28px;}
	.header .hd_top .hd_top_banner {font-size:0px;}
	.header .hd_top .hd_top_banner a {font-size:13px;}
	.header .hd_btm #lnb_nav {}
	.header .hd_btm #lnb_nav li {}
	.header .hd_btm #lnb_nav li.infoLocation a {background:none;}
	.header .hd_btm .lnb_dep2Wrap {top:49px;}
	.header .hd_btm .lnb_dep2Wrap.open {}
	.header .hd_btm .lnb_dep2Wrap > ul {width:100%;margin:0 auto;}
	.header .hd_btm .lnb_dep2Wrap > ul > li {}
	.header .hd_btm .lnb_dep2Wrap > ul > li > ul {}
	.header .hd_btm .lnb_dep2Wrap > ul > li > ul > li > a {padding:6px 0;font-size:12px;}
}
@media only screen and (max-width:860px) {
	.header .hd_top .w_custom {padding:18px 0 14px;line-height:38px;}
	.header .hd_top .global_menu {margin-top:3px;}
	.header .hd_top .global_menu li .favorit {display:none;}
	.header .hd_top .logo {top:18px;}
	.header .hd_top .logo img {height:38px;}
	.header .hd_top .hd_top_banner {display:none;}
	.header .hd_top .btn_mMenu {width:36px;height:38px;float:right;display:block;}
	.header .hd_btm {display:none}
	.header .hd_btm .w_custom {}
	.header .hd_btm .lnb_navWrap {}

	#aside {top:0px;right: -100%;width: 100%;transition:0.8s;height:100%;z-index:20;box-sizing:border-box;box-sizing:border-box;display:block;position:fixed;background:#fff;}
	#aside.on {right:0%;}
	#aside .aside_box {width:100%;height:100%;margin:0;padding:0;overflow-y:auto;position:relative;z-index:1;box-sizing:border-box;}
	#aside .aside_box .aside_lnb {width:100%;max-width:100%;padding:18px;max-height:100%;box-sizing:border-box;}
	#aside .aside_box .mo_menuTitle {border-bottom:1px solid #eee;padding:0 0 14px;position:relative;margin:0;}
	#aside .aside_box .mo_menuTitle .mo_logo,
	#aside .aside_box .mo_menuTitle .btn_mMenuClose {vertical-align:top;}
	#aside .aside_box .mo_menuTitle .mo_logo {display:inline-block;float:left;}
	#aside .aside_box .mo_menuTitle .mo_logo img {width:auto;height:38px;}
	#aside .aside_box .mo_menuTitle .btn_mMenuClose {width:36px;height:38px;position:absolute;top:0;right:0px;}

}
@media only screen and (max-width:812px) {
	#wrap #header {padding:17px 0 16px 0;line-height:16px;height:50px;}
	#header .hd_logo {top:17px;}
	#header .hd_logo img {height:16px;}
	#header .btn_hd_search, #header .btn_hd_cate {width:16px;height:16px;line-height:16px;top:17px;}
	#header .btn_hd_search {left:4.6875%;}
	#header .btn_hd_cate {right:4.6875%;}
	#header .layer_hd_search.on {top:50px;height:90px;padding:25px 0;width:100%;}
	#header .layer_hd_search .hd_search_box {width:75%;height:40px;border-radius:20px;padding:10px 15px;}
	#header .layer_hd_search .hd_search_box input[type="text"] {padding:0;width:78%;max-width:78%;height:18px;line-height:18px;font-size:13px;}
	#header .layer_hd_search .hd_search_box input[type="text"]::-webkit-input-placeholder {font-size:13px;}
	#header .layer_hd_search .hd_search_box input[type="text"]::-moz-placeholder {font-size:13px;}
	#header .layer_hd_search .hd_search_box input[type="text"]:-ms-input-placeholder {font-size:13px;}
	#header .layer_hd_search .hd_search_box input[type="text"]:-moz-placeholder {font-size:13px;}
	#header .layer_hd_search .hd_search_box button {width:14px;height:18px;line-height:18px;}
}
@media only screen and (max-width:767px) {
	.menu-trigger3 span{width: 20px;height: 2px;}
	.menu-trigger3 span:nth-of-type(1){}
	.menu-trigger3 span:nth-of-type(2){top: 6px;}
	.menu-trigger3 span:nth-of-type(3){top: 12px;}
}
@media only screen and (max-width:640px) {

}
@media only screen and (max-width:530px) {
	.menu-trigger2 span{width: 17px;height: 2px;right: -1px;}
	.menu-trigger2 span:nth-of-type(1){top: -3px;}
	.menu-trigger2 span:nth-of-type(2){}
	.menu-trigger2 span:nth-of-type(3){top: 14px;}

	.menu-trigger3 span{width: 20px;height: 2px;}
	.menu-trigger3 span:nth-of-type(1){}
	.menu-trigger3 span:nth-of-type(2){top: 4px;}
	.menu-trigger3 span:nth-of-type(3){top: 8px;}

	#wrap #header {padding:17px 0 16px 0;line-height:16px;height:50px;}
	#header.on {}
	#header .hd_logo {top:17px;}
	#header .hd_logo img {height:16px;}
	#header .btn_hd_search, #header .btn_hd_cate {width:16px;height:16px;line-height:16px;top:17px;}
	#header .btn_hd_search {left:4.6875%;}
	#header .btn_hd_cate {right:4.6875%;}
	#header .hd_lnb1, #header .hd_lnb2 {display:none;}
	#header .layer_hd_search {}
	#header .layer_hd_search.on {left:0;top:50px;height:90px;padding:25px 0;width:100%;}
	#header .layer_hd_search .hd_search_box {width:75%;height:40px;border-radius:20px;padding:10px 15px;}
	#header .layer_hd_search .hd_search_box input[type="text"] {padding:0;width:78%;max-width:78%;height:18px;line-height:18px;font-size:13px;}
	#header .layer_hd_search .hd_search_box input[type="text"]::-webkit-input-placeholder {font-size:13px;}
	#header .layer_hd_search .hd_search_box input[type="text"]::-moz-placeholder {font-size:13px;}
	#header .layer_hd_search .hd_search_box input[type="text"]:-ms-input-placeholder {font-size:13px;}
	#header .layer_hd_search .hd_search_box input[type="text"]:-moz-placeholder {font-size:13px;}
	#header .layer_hd_search .hd_search_box button {width:14px;height:18px;line-height:18px;}

	#aside {top:0px;right:-100%;width:100%;}
	#aside.on {right:0%;}
	#aside .aside_box {overflow-y:auto;}
	#aside .aside_box:before {display:none;}
	#aside .aside_box .logo {display:none;}
	#aside .aside_box .aside_lnb {padding:15px 4.6875%;box-sizing:border-box;transform:translateY(0%);text-align: left;}
	#aside .aside_box .aside_lnb h3 {height:17px;line-height:17px;font-size:12px;letter-spacing:0.2px;}
	#aside .aside_box .aside_lnb h3:before {left:auto;right:-30px;top:8px;width:20px;height:1px;}
	#aside .aside_box .aside_lnb ul.slidemenu {padding:22px 0 73px 0;}
	#aside .aside_box .aside_lnb ul.slidemenu + h3 + ul.slidemenu {padding-bottom:0;}
	#aside .aside_box .aside_lnb ul.slidemenu li {line-height:26px;padding: 20px 0 0px;}
	#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
	#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span {height:26px;line-height: 25px;}
	#aside .aside_box .aside_lnb ul.slidemenu li ul{width:100%;}
	#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2,
	#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 a {height:24px;line-height: 17px;}
	#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 {width:100%;}
	#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1,
	#aside .aside_box .aside_lnb ul.slidemenu li a.lnb_dep1 span {font-size:16px;letter-spacing:1px;}
	#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 {}
	#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2,
	#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 a {font-size:14px;letter-spacing:1px;}
	#aside .aside_box .aside_lnb ul.slidemenu li .lnb_dep2 + .lnb_dep2 {margin-left: 7%;}
	#aside .aside_box .aside_gnb {padding-bottom:70px;font-size:0;display:block;}
	#aside .aside_box .aside_gnb li {display:inline-block;}
	#aside .aside_box .aside_gnb li + li {margin-left:4%;}
	#aside .aside_box .aside_gnb a {font-size:13px;letter-spacing:0.5px;font-weight:400;color:#000;}

	#aside .btn_mMenuClose {right:4.6875%;top:15px;width: 15px;height: 16px;line-height:14px;}
	.aside_bg {left:0px;top:0px;width:100%;height:100%;}
	.aside_bg.on {}

}
@media only screen and (max-width:479px) {
}





/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
#footer {padding:55px 60px 20px 60px;border-top:1px #ccc solid;position:relative;font-size:0;width:100%;box-sizing:border-box;vertical-align:top;}
#footer h3, #footer a, #footer h4, #footer p {font-family:'Roboto Condensed', 'Nanum Gothic',sans-serif;}
#footer h3 {font-size:26px;line-height:30px;width:27.3%;letter-spacing:0px;font-weight:900;color:#000;display:inline-block;vertical-align:top;}
#footer h3 a {font-size:13px;line-height:13px;padding:0 76px 0 0;margin-top:24px;background:url(../images/skin/icon_ft_join.gif) no-repeat 100% 50%;background-size:auto 5px;letter-spacing:4px;font-weight:600;color:#000;display:inline-block;}
#footer ul {padding-top:0px;width:72.7%;vertical-align:top;display:inline-block;font-size:0;}
#footer ul li {padding-top:0px;padding-right:15px;vertical-align:top;display:inline-block;box-sizing:border-box;}
#footer ul li + li {padding-top:0px;}
#footer ul li.ft_sec01 {width:19.4%;}
#footer ul li.ft_sec02 {width:34%;}
#footer ul li.ft_sec03 {width:23%;}
#footer ul li.ft_sec04 {}
#footer ul li h4 {font-size:20px;line-height:25px;padding-bottom:31px;font-weight:700;color:#222;}
#footer ul li p {vertical-align:top;}
#footer ul li p a {}
#footer ul li p, 
#footer ul li p a {font-size:14px;line-height:20px;font-weight:400;color:#000;}
#footer ul li.ft_sec01 p, 
#footer ul li.ft_sec01 p a, 
#footer ul li.ft_sec02 p, 
#footer ul li.ft_sec02 p a,
#footer ul li.ft_sec01 p em, 
#footer ul li.ft_sec01 p a em, 
#footer ul li.ft_sec02 p em, 
#footer ul li.ft_sec02 p a em{letter-spacing:0.5px;font-size:12px;line-height:20px;font-family:'Nanum Gothic',sans-serif;}
#footer .ft_copy {font-size:12px;line-height:17px;padding-top:54px;text-align:left;color:#999;}
#footer .ft_btn_top {background:#000 url(../images/skin/icon_ft_top.png) no-repeat 50% 50%;background-size:auto 100%;right:60px;top:60px;bottom:auto;position:absolute;display:inline-block;width:40px;height:40px;border-radius:20px;font-size:0;}

@media only screen and (max-width:1200px) {
	
}
@media only screen and (max-width:1180px) {
	#wrap #footer {padding:46px 20px 30px 20px;}
	#footer h3 {font-size:26px;line-height:28px;width:100%;}
	#footer h3 a {font-size:16px;line-height:16px;padding:0 54px 0 0;margin-top:16px;background:url(../images/skin/tablet/icon_ft_join.gif) no-repeat 100% 50%;background-size:auto 7px;letter-spacing:3px;}
	#footer ul {width:100%;padding-top:22px;}
	#footer ul li {padding-top:38px;padding-right:15px;}
	#footer ul li + li {padding-top:38px;}
	#footer ul li.ft_sec01,
	#footer ul li.ft_sec03 {width:37.3%;}
	#footer ul li.ft_sec02,
	#footer ul li.ft_sec04 {width:62.7%;}
	#footer ul li h4 {font-size:19px;line-height:20px;padding-bottom:10px;}
	#footer ul li p {}
	#footer ul li p a {}
	#footer ul li p, 
	#footer ul li p a {font-size:15px;line-height:20px;}
	#footer ul li.ft_sec01 p, 
	#footer ul li.ft_sec01 p a, 
	#footer ul li.ft_sec02 p, 
	#footer ul li.ft_sec02 p a,
	#footer ul li.ft_sec01 p em, 
	#footer ul li.ft_sec01 p a em, 
	#footer ul li.ft_sec02 p em, 
	#footer ul li.ft_sec02 p a em{font-size:15px;line-height:20px;}
	#footer .ft_copy {padding-top:55px;}
	#footer .ft_btn_top {background:#000 url(../images/skin/icon_ft_top.png) no-repeat 50% 50%;background-size:auto 100%;right:45px;top:50px;bottom:auto;width:40px;height:40px;border-radius:20px;}

}
@media only screen and (max-width:1023px) {

}

@media only screen and (max-width:860px) {
}
@media only screen and (max-width:767px) {
	
}
@media only screen and (max-width:640px) {
}
@media only screen and (max-width:530px) {
	#footer {padding:44px 15px 15px 15px;}
	#footer h3 {font-size:20px;line-height:22px;width:100%;}
	#footer h3 a {font-size:13px;line-height:13px;padding:0 50px 0 0;margin-top:15px;background:url(../images/skin/mobile/icon_ft_join.gif) no-repeat 100% 50%;background-size:auto 7px;letter-spacing:3px;font-weight:500;}
	#footer ul {width:100%;padding-top:44px;}
	#footer ul li {padding-top:0px;padding-right:0;}
	#footer ul li + li {padding-top:22px;}
	#footer ul li.ft_sec01,
	#footer ul li.ft_sec02,
	#footer ul li.ft_sec03,
	#footer ul li.ft_sec04 {width:100%;}
	#footer ul li.ft_sec01 br, #footer ul li.ft_sec04 br {display:none;}
	#footer ul li h4 {font-size:17px;line-height:19px;padding-bottom:7px;}
	#footer ul li p {}
	#footer ul li p a {}
	#footer ul li p, 
	#footer ul li p a {font-size:13px;line-height:19px;}
	#footer ul li.ft_sec01 p, 
	#footer ul li.ft_sec01 p a, 
	#footer ul li.ft_sec02 p, 
	#footer ul li.ft_sec02 p a,
	#footer ul li.ft_sec01 p em, 
	#footer ul li.ft_sec01 p a em, 
	#footer ul li.ft_sec02 p em, 
	#footer ul li.ft_sec02 p a em{font-size:13px;line-height:19px;}
	#footer .ft_copy {font-size:14px;line-height:18px;padding-top:42px;}
	#footer .ft_btn_top {background:#000 url(../images/skin/icon_ft_top.png) no-repeat 50% 50%;background-size:auto 100%;right:15px;top:auto;bottom:91px;width:30px;height:30px;border-radius:15px;}

}
@media only screen and (max-width:530px) {
	#wrap #footer {padding:44px 15px 15px 15px;}
	#footer h3 {font-size:20px;line-height:22px;width:100%;}
	#footer h3 a {font-size:13px;line-height:13px;padding:0 50px 0 0;margin-top:15px;background:url(../images/skin/m_icon_ft_join.gif) no-repeat 100% 50%;background-size:auto 7px;letter-spacing:3px;font-weight:500;}
	#footer ul {width:100%;padding-top:44px;}
	#footer ul li {padding-top:0px;padding-right:0;}
	#footer ul li + li {padding-top:22px;}
	#footer ul li.ft_sec01,
	#footer ul li.ft_sec02,
	#footer ul li.ft_sec03,
	#footer ul li.ft_sec04 {width:100%;}
	#footer ul li.ft_sec01 br, #footer ul li.ft_sec04 br {display:none;}
	#footer ul li h4 {font-size:17px;line-height:19px;padding-bottom:7px;}
	#footer ul li p {}
	#footer ul li p a {}
	#footer ul li p, #footer ul li p a {font-size:13px;line-height:19px;}
	#footer ul li.ft_sec01 p, #footer ul li.ft_sec01 p a, #footer ul li.ft_sec02 p, #footer ul li.ft_sec02 p a {font-size:13px;line-height:19px;}
	#footer .ft_copy {font-size:14px;line-height:18px;padding-top:42px;}
	#footer .ft_btn_top {background:#000 url(../images/skin/icon_ft_top.png) no-repeat 50% 50%;background-size:auto 100%;right:15px;top:auto;bottom:91px;width:30px;height:30px;border-radius:15px;}

}
@media only screen and (max-width:479px) {

}




/*───────────────────────────────────────────────────────────

	 SIDE_BOX | outline/left_bbs.html｜outline/left_goods.html｜outline/left_member.html｜outline/left_service.html

───────────────────────────────────────────────────────────*/

#side_box {padding-bottom:1.8%;}
#side_box .sub_menu {width:100%;padding:0;margin:0;z-index:2;text-align:center;vertical-align:top;}
#side_box .sub_menu dl {position:relative;display:inline-block;margin:0 auto;z-index:3;font-size:0;text-align:center;vertical-align:top;padding:0;}
#side_box .sub_menu dt,
#side_box .sub_menu dd {display:inline-block;margin:0;padding:0;}
#side_box .sub_menu dt {display:none;}
#side_box .sub_menu dd {line-height:31px;height:32px;padding:0 12px;border-bottom:1px #ccc solid;position:relative;z-index:1;box-sizing:border-box;vertical-align:top;}
#side_box .sub_menu dd + dd {}
#side_box .sub_menu dd a,
#side_box .sub_menu dd strong {height:31px;line-height:31px;font-size:15px;font-weight:600;padding:0 2px;color:#888;display:inline-block;box-sizing:border-box;vertical-align:top;}
#side_box .sub_menu dd:hover a,
#side_box .sub_menu dd.on a,
#side_box .sub_menu dd strong {border-color:#333;color:#333;position:relative;}
#side_box .sub_menu dd:hover a:before,
#side_box .sub_menu dd.on a:before, 
#side_box .sub_menu dd strong:before {bottom:-1px;width:100%;height:2px;background:#333;left:50%;transform:translateX(-50%);position:absolute;content:"";display:block;}

@media only screen and (max-width:1200px) {

}
@media only screen and (max-width:1023px) {
	
}
@media only screen and (max-width:860px) {
	#side_box .sub_menu dd {line-height:29px;height:30px;padding:0 8px;}
	#side_box .sub_menu dd a,
	#side_box .sub_menu dd strong {height:29px;line-height:29px;font-size:14px;padding:0 2px;}
}
@media only screen and (max-width:767px) {

}
@media only screen and (max-width:640px) {
	#side_box .sub_menu dd {line-height:27px;height:28px;padding:0 8px;}
	#side_box .sub_menu dd a,
	#side_box .sub_menu dd strong {height:27px;line-height:27px;font-size:14px;padding:0 2px;}
}
@media only screen and (max-width:479px) {
	#side_box {display:none;}
}





/*───────────────────────────────────────────────────────────

	 MAIN | index.html

───────────────────────────────────────────────────────────*/



.tab_btn_more, .main_hd .main_gnb li a, h3.contact_title, h3.tab_title, .index_tab .tab_lnb li, .index_info .index_bbs p em, .main_visual .visual_ul li a .visual_title, .main_visual .visual_ul li a .visual_txt strong, .main_visual .visual_ul li a .visual_txt span, .main_visual .visual_ul li a .visual_num {font-family:'Roboto Condensed', 'Nanum Gothic',sans-serif;}

/* 메인 상단 영역 */
.main_hd {width:100%;padding:60px 3.2% 0 3.2%;left:0;top:0;box-sizing:border-box;position:absolute;z-index:5;}
.main_hd .logo {float:left;}
.main_hd .logo img {width:auto;height:24px;}
.main_hd .main_hd_cate {margin-left:50px;margin-top: 3px;width:22px;height: 18px;cursor:pointer;float:right;overflow:hidden;position:relative;}
.main_hd .main_gnb {float:right;font-size:0;text-align:right;}
.main_hd .main_gnb li {padding:0 10px;display:inline-block;}
.main_hd .main_gnb li a {line-height:24px;font-size:12px;letter-spacing:1px;font-weight:500;color:#000;display:inline-block;}
/* 메인 상단 영역 */

/* 메인 비주얼 영역 */
.main_visual {min-height:492px;position:relative;min-width:1100px;width:100%;margin:0;padding:0;box-sizing:border-box;z-index:1;height: 768px;}
.main_visual .slick-slide {overflow:hidden;position:relative;text-align:center;height:817px;}
.main_visual .slick-slide img {display:inline-block;height:auto;width:100%;max-width:1920px;}
.main_visual .visual_ul {display:block;height:100%;}
.main_visual .visual_ul li {float:left;display:block;}
.main_visual .visual_ul li a {min-height:492px;min-width:1140px;position:relative;z-index:1;display:block;background:no-repeat 50% 50%;background-size:auto 100%;}
.main_visual .visual_ul li a .txt_box {left:4.6%;width:90.8%;position:absolute;bottom:50%;transform:translateY(50%);text-align: left;}
.main_visual .visual_ul li a .visual_num, .main_visual .visual_ul li a .visual_num span {display:inline-block;vertical-align:top;}
.main_visual .visual_ul li a .visual_num {line-height:24px;font-size:20px;font-weight:700;color:#000;width:100%;}
.main_visual .visual_ul li a .visual_num span {width:70px;height:2px;margin:11px 20px 0 20px;background:#0376df;}
.main_visual .visual_ul li a .visual_title, .main_visual .visual_ul li a .visual_title strong {line-height:71px;font-size:70px;font-weight:700;display:inline-block;vertical-align:top;}
.main_visual .visual_ul li a .visual_title {padding-top:88px;margin-left:-2px;width:100%;padding-left:5.4%;box-sizing:border-box;color:#000;text-align:left;}
.main_visual .visual_ul li a .visual_title strong {color:#0376df;line-height: 60px;}
.main_visual .visual_ul li a .visual_txt {padding-top:31px;padding-bottom:21px;width:100%;padding-left:5.4%;box-sizing:border-box;display:inline-block;vertical-align:middle;}
.main_visual .visual_ul li a .visual_txt strong, .main_visual .visual_ul li a .visual_txt span {display:inline-block;vertical-align:middle;}
.main_visual .visual_ul li a .visual_txt strong {line-height:40px;font-size:30px;padding-right:40px;color:#000;font-weight: 500;}
.main_visual .visual_ul li a .visual_txt span {line-height:20px;font-size:13px;color:#666;}

.main_visual .slick-arrow {left:10%;bottom: 18.1%;height:50px;outline:0;display:inline-block;position:absolute;text-indent:-999px;z-index:10;overflow:hidden;}
.main_visual .slick-arrow.slick-prev {width:49px;background:url("../images/skin/btn_main_visual_prev.png") no-repeat 50% 50%;background-size:100% auto;}
.main_visual .slick-arrow.slick-next {width:50px;margin-left:49px;background:url("../images/skin/btn_main_visual_next.png") no-repeat 50% 50%;background-size:100% auto;}

.main_visual .slick-dots {left:4.6%;bottom:67.2%;font-size:0;position:absolute;z-index:5;}
.main_visual .slick-dots li {display:inline-block;box-sizing:border-box;overflow:hidden;}
.main_visual .slick-dots li a {display:block;background:#fff;width:110px;height:60px;}
.main_visual .slick-dots li.slick-active {border:3px solid #65bf11;}
.main_visual .slick-dots li.slick-active a {margin:-3px -3px;}

.main_visual .auto_control {display:none; position:absolute; right:20px; bottom:20px; font-size:0px;}
.main_visual .auto_control a {display:inline-block; width:auto; height:auto; font-size:25px; font-weight:bold; margin-left:10px; text-shadow:#ffffff 0px 0px 5px;}
.main_visual .auto_control a.on {color:#fff; text-shadow:#000 0px 0px 5px;}
/* 메인 비주얼 영역 */

/* 메인 아이콘영역 */
.index_info {padding:245px 0 139px 0;width:100%;max-width:1280px;margin:0 auto;font-size:0;}
.index_info .index_bbs, .index_info .index_icon {width:50%;display:inline-block;margin:0;padding:0;box-sizing:border-box;}
.index_info .index_bbs {padding-right:15px;text-align:left;}
.index_info .index_bbs p {width:448px;padding-bottom:71px;line-height:20px;font-size:13px;font-weight:400;color:#888;word-break:keep-all;letter-spacing: -0.9px;}
.index_info .index_bbs p em, .index_info .index_bbs p em strong {line-height:30px;font-size:28px;font-weight:700;vertical-align:top;display:inline-block;letter-spacing: 0;}
.index_info .index_bbs p em {padding-bottom:21px;color:#000;width:100%;}
.index_info .index_bbs p em strong {color:#0376df;line-height: 25px;}
.index_info .bbs_lnb {font-size:0;}
.index_info .bbs_lnb li {padding-right:42px;display:inline-block;}
.index_info .bbs_lnb li:last-of-type{padding-right:0 !important;}
.index_info .bbs_lnb li + li {}
.index_info .bbs_lnb li a {height:36px;line-height:32px;border-top:2px #fff solid;border-bottom:2px #fff solid;font-size:16px;font-weight:400;color:#000;padding:0;margin:0;display:inline-block;}
.index_info .bbs_lnb li a:hover {border-top:2px #000 solid;font-weight:700;}
.index_info .bbs_lnb li + li:hover {}
.index_info .index_icon {padding-top:5px;text-align:center;vertical-align:top;}
.index_info .index_icon ul {font-size:0;}
.index_info .index_icon ul li {width:33.32%;border-left:1px #ccc solid;padding-top:73px;padding-bottom:24px;box-sizing:border-box;display:inline-block;text-align:center;}
.index_info .index_icon ul li + li {}
.index_info .index_icon ul li span {line-height:24px;font-size:16px;font-weight:400;color:#000;display:inline-block;width:100%;}
.index_info .index_icon ul li.index_icon1, .index_info .index_icon ul li.index_icon4 {border-left:0 none;}
.index_info .index_icon ul li.index_icon4, .index_info .index_icon ul li.index_icon5, .index_info .index_icon ul li.index_icon6 {border-top:1px #ccc solid;padding-top:95px;padding-bottom:2px;}
.index_info .index_icon ul li.index_icon1 {background:url(../images/skin/icon_main_info01.gif) no-repeat 50% 10px;background-size:auto 50px;}
.index_info .index_icon ul li.index_icon2 {background:url(../images/skin/icon_main_info02.gif) no-repeat 50% 10px;background-size:auto 50px;}
.index_info .index_icon ul li.index_icon3 {background:url(../images/skin/icon_main_info03.gif) no-repeat 50% 10px;background-size:auto 50px;}
.index_info .index_icon ul li.index_icon4 {background:url(../images/skin/icon_main_info04.gif) no-repeat 50% 30px;background-size:auto 50px;}
.index_info .index_icon ul li.index_icon5 {background:url(../images/skin/icon_main_info05.gif) no-repeat 50% 30px;background-size:auto 50px;}
.index_info .index_icon ul li.index_icon6 {background:url(../images/skin/icon_main_info06.gif) no-repeat 50% 30px;background-size:auto 50px;}
/* 메인 아이콘영역 */

/* 메인 탭영역 */
.index_tab {position:relative;}
.index_tab .tab_bg {height:564px;width:100%;top:0;left:0;position:absolute;z-index:1;background:#eee;}
.index_tab h3.tab_title {padding:74px 0 34px 0;font-size:42px;line-height:44px;letter-spacing:2px;font-weight:700;color:#000;text-align:center;z-index:5;position:relative;}
.index_tab h3.tab_title:after {width:1px;height:50px;margin:32px auto 0 auto;padding:0;background:#000;vertical-align:bottom;content:"";display:block;}
.index_tab h3.tab_title em, .index_tab h3.tab_title strong {color:#0376df;letter-spacing:0px;display:inline-block;vertical-align:top;}
.index_tab h3.tab_title em {font-size:30px;line-height:69px;font-weight:400;font-family: 'Dancing Script', cursive;width:100%;}
.index_tab h3.tab_title strong {line-height: 33px;font-size: 44px;}

.index_tab .tab_lnb {padding-bottom:54px;text-align:center;font-size:0;z-index:5;position:relative;}
.index_tab .tab_lnb li {padding:0 23px;font-size:16px;line-height:24px;font-weight:400;cursor:pointer;display:inline-block;color:#888;}
.index_tab .tab_lnb li.on {color:#000;}
.index_tab .tab_lnb_view {width:100%;max-width:1308px;padding-bottom:109px;margin:0 auto;text-align:center;vertical-align:top;z-index:5;position:relative;}
.index_tab .tab_lnb_view .tab_lnb_box {display:none;}
.index_tab .tab_lnb_view .tab_lnb_box.on {display:block;}

.index_tab_list {text-align:center;}
.index_tab_list li.item {width:33.32%;padding:0 14px 28px 14px;box-sizing:border-box;}
.index_tab_list li.item a {display:inline-block;width:100%;}
.index_tab_list li.item a img {width:100%;height:auto;}

.tab_btn_more {margin-top:22px;width:160px;height:40px;line-height:38px;border-radius:20px;font-size:15px;letter-spacing:1px;font-weight:400;border:1px #000 solid;color:#000;text-align:center;display:inline-block;}
/* 메인 탭영역 */

/* 메인 지도영역 */
h3.contact_title {font-size:42px;line-height:111px;letter-spacing:4px;text-align:center;font-weight:700;color:#000;}
.index_contact {height:320px;width:100%;margin:0;padding:0;text-align:center;overflow:hidden;}
/* 메인 지도영역 */


@media only screen and (max-width:1380px) {
}
@media only screen and (max-width:1296px) {
}
@media only screen and (max-width:1217px) {	
	.main_visual ul.slick-dots {bottom:10%;}
	.main_content .mainQmenu {border-left:0;border-right:0;}
	.main_content .mainBannerBox {margin-bottom:6%;}
	.main_content .mainBannerBox li {width:49%;}
	.main_content .mainBannerBox li + li {margin-left:2%;}
}
@media only screen and (max-width:1180px) {
	.main_hd {width:100%;padding:6.2%;left:0;top:0;}
	.main_hd .logo {}
	.main_hd .logo img {height:26px;}
	.main_hd .main_hd_cate {margin-left:2.5%;width:26px;height:26px;}
	.main_hd .main_gnb {width:40%;display:inline-block;}
	.main_hd .main_gnb li {padding:0 3%;}
	.main_hd .main_gnb li a {line-height:26px;font-size:17px;letter-spacing:1px;}.main_visual {min-width:100%;width:100%;}
	.main_visual, .main_visual .visual_ul li a {min-height:305px;}
	.main_visual .visual_ul {}
	.main_visual .visual_ul li {}
	.main_visual .visual_ul li a {min-width:100%;}
	.main_visual .visual_ul li a {background-position:30% 50%;}
	.main_visual .visual_ul li a .txt_box {left:6.2%;width:87.6%;}
	.main_visual .visual_ul li a .visual_num, .main_visual .visual_ul li a .visual_num span {}
	.main_visual .visual_ul li a .visual_num {padding-top:0px;line-height:19px;font-size:17px;width:100%;}
	.main_visual .visual_ul li a .visual_num span {width:50px;height:1px;margin:9px 12px 0 12px;}
	.main_visual .visual_ul li a .visual_title, .main_visual .visual_ul li a .visual_title strong {line-height:55px;font-size:55px;}
	.main_visual .visual_ul li a .visual_title {padding-top:64px;margin-left:-3px;width:100%;padding-left:0%;}
	.main_visual .visual_ul li a .visual_title strong {line-height:40px;}
	.main_visual .visual_ul li a .visual_txt {padding-top:19px;padding-bottom:95px;width:100%;padding-left:0%;}
	.main_visual .visual_ul li a .visual_txt strong, .main_visual .visual_ul li a .visual_txt span {width:auto;box-sizing:border-box;}
	.main_visual .visual_ul li a .visual_txt strong {line-height: 34px;font-size: 23px;margin-right:3.6%;padding-right:0;}
	.main_visual .visual_ul li a .visual_txt span {line-height: 17px;font-size: 13px;}

	.main_visual .slick-arrow {left:6.2%;bottom:26.4%;height:45px;}
	.main_visual .slick-arrow.slick-prev {width:44px;background:url("../images/skin/btn_main_visual_prev.png") no-repeat 50% 50%;background-size:auto 100%;}
	.main_visual .slick-arrow.slick-next {width:45px;margin-left:44px;background:url("../images/skin/btn_main_visual_next.png") no-repeat 50% 50%;background-size:auto 100%;}

	/* 메인 아이콘영역 */
	.index_info {padding:220px 0 125px 0;width: calc(100% - 40px);max-width: calc(100% - 40px);}
	.index_info .index_bbs, .index_info .index_icon {width:100%;}
	.index_info .index_bbs {padding-right:0px;text-align:center;}
	.index_info .index_bbs p {width:100%;max-width:624px;margin:0 auto;padding-bottom:54px;line-height:27px;font-size:17px;}
	.index_info .index_bbs p em, .index_info .index_bbs p em strong {line-height:35px;font-size:35px;}
	.index_info .index_bbs p em {padding-bottom:23px;}
	.index_info .index_bbs p em strong {line-height:28px;}
	.index_info .bbs_lnb {}
	.index_info .bbs_lnb li {padding-right:3%;}
	.index_info .bbs_lnb li + li {padding-left:3%;}
	.index_info .bbs_lnb li a {height:40px;line-height:36px;border-top:2px #fff solid;border-bottom:2px #fff solid;font-size:22px;}
	.index_info .bbs_lnb li a:hover {border-top:2px #000 solid;}
	.index_info .index_icon {padding-top:68px;}
	.index_info .index_icon ul {}
	.index_info .index_icon ul li {border:0 none;border-left:1px #ccc solid;width:33.32%;padding-top:73px;padding-bottom:24px;}
	.index_info .index_icon ul li + li {}
	.index_info .index_icon ul li span {line-height:26px;font-size:18px;}
	.index_info .index_icon ul li.index_icon1, .index_info .index_icon ul li.index_icon4 {border-left:0 none;}
	.index_info .index_icon ul li.index_icon4, .index_info .index_icon ul li.index_icon5, .index_info .index_icon ul li.index_icon6 {border-top:1px #ccc solid;padding-top:93px;padding-bottom:2px;}
	.index_info .index_icon ul li.index_icon1 {background:url(../images/skin/icon_main_info01.gif) no-repeat 50% 10px;background-size:auto 50px;}
	.index_info .index_icon ul li.index_icon2 {background:url(../images/skin/icon_main_info02.gif) no-repeat 50% 10px;background-size:auto 50px;}
	.index_info .index_icon ul li.index_icon3 {background:url(../images/skin/icon_main_info03.gif) no-repeat 50% 10px;background-size:auto 50px;}
	.index_info .index_icon ul li.index_icon4 {background:url(../images/skin/icon_main_info04.gif) no-repeat 50% 30px;background-size:auto 50px;}
	.index_info .index_icon ul li.index_icon5 {background:url(../images/skin/icon_main_info05.gif) no-repeat 50% 30px;background-size:auto 50px;}
	.index_info .index_icon ul li.index_icon6 {background:url(../images/skin/icon_main_info06.gif) no-repeat 50% 30px;background-size:auto 50px;}
	/* 메인 아이콘영역 */

	/* 메인 탭영역 */
	.index_tab {}
	.index_tab .tab_bg {height: 60vw;}
	.index_tab h3.tab_title {padding:55px 0 34px 0;font-size:35px;line-height:37px;letter-spacing:1px;}
	.index_tab h3.tab_title:after {width:1px;height:50px;margin:34px auto 0 auto;}
	.index_tab h3.tab_title em, .index_tab h3.tab_title strong {}
	.index_tab h3.tab_title em {font-size:27px;line-height:63px;}
	.index_tab h3.tab_title strong {line-height:22px;}

	.index_tab .tab_lnb {padding-bottom:54px;}
	.index_tab .tab_lnb li {padding:0 3%;font-size:18px;line-height:25px;}
	.index_tab .tab_lnb li.on {}
	.index_tab .tab_lnb_view {width: calc(100% - 25px);max-width: calc(100% - 25px);padding-bottom:95px;}
	.index_tab .tab_lnb_view .tab_lnb_box {}
	.index_tab .tab_lnb_view .tab_lnb_box.on {}

	.index_tab_list {}
	.index_tab_list li.item {width:50%;padding:0 10px 20px 10px;}
	.index_tab_list li.item a {}
	.index_tab_list li.item a img {}

	.tab_btn_more {margin-top:30px;width:22.0%;min-width:160px;height:40px;line-height:38px;border-radius:20px;font-size:19px}
	/* 메인 탭영역 */

	/* 메인 지도영역 */
	h3.contact_title {font-size:35px;line-height:86px;letter-spacing:3px;}
	.index_contact {height: 34vw;}
	/* 메인 지도영역 */
}
@media only screen and (max-width:1023px) {
}
@media only screen and (max-width:860px) {
}
@media only screen and (max-width:767px) {
	.main_hd {padding:4.6875%;}
	.main_hd .logo img {height: 20px;}
	.main_hd .main_hd_cate {width:22px;height:22px;}
	.main_hd .main_gnb {width:44%;}
	.main_hd .main_gnb li a {line-height:22px;font-size:16px;letter-spacing:0.5px;}

	/* 가로모드 이미지 길게 했을 때, 오류 발생으로 주석 .main_visual, .main_visual .visual_ul li a {min-height:540px;}*/
	.main_visual, .main_visual .visual_ul li a {min-height:355px;}
	.main_visual .visual_ul li a .txt_box {left:4.6875%;width:90.625%;}
	.main_visual .visual_ul li a .visual_num {padding-top:0px;}
	.main_visual .visual_ul li a .visual_title, 
	.main_visual .visual_ul li a .visual_title strong {line-height:50px;font-size:50px;}
	.main_visual .visual_ul li a .visual_title strong{line-height:40px;}
	.main_visual .visual_ul li a .visual_title {padding-top:4px;}
	.main_visual .visual_ul li a .visual_txt {padding-top:19px;padding-bottom:35px;}
	.main_visual .slick-arrow {left:4.6875%;}
	.main_visual .slick-arrow {bottom:15.5%;}

	.index_tab .tab_bg {height: 74vw;}
}
@media only screen and (max-width:640px) {
	.main_hd .logo img {height:20px;}
	.main_hd .main_hd_cate {width:20px;height:20px;}
	.main_hd .main_gnb li a {line-height:20px;}

	/* 가로모드 이미지 길게 했을 때, 오류 발생으로 주석 .main_visual, .main_visual .visual_ul li a {min-height:510px;}*/
	.main_visual, .main_visual .visual_ul li a {min-height:300px;}
	.main_visual .visual_ul li a .visual_num {padding-top:0px;}
	.main_visual .visual_ul li a .visual_title, 
	.main_visual .visual_ul li a .visual_title strong {line-height: 46px;font-size:46px;}
	.main_visual .visual_ul li a .visual_title strong{line-height:35px;}
	.main_visual .visual_ul li a .visual_title {padding-top:4px;}
	.main_visual .visual_ul li a .visual_txt {padding-top:5px;padding-bottom:30px;}
	.main_visual .visual_ul li a .visual_txt strong, .main_visual .visual_ul li a .visual_txt span {width:100%;margin:0;}

	.index_tab .tab_bg {height: 78vw;}
	.tab_btn_more {margin-top:15px;height:36px;line-height:34px;border-radius:18px;font-size:15px}

}
@media only screen and (max-width:568px) {
	.main_hd .main_gnb {width:41%;}
	.main_hd .main_gnb li {padding:0 2.2%;}
	.main_hd .main_gnb li a {font-size:15px;letter-spacing:0.2px;}

	/* 가로모드 이미지 길게 했을 때, 오류 발생으로 주석 .main_visual, .main_visual .visual_ul li a {min-height:540px;}*/
	.main_visual, .main_visual .visual_ul li a {min-height:300px;}
	.main_visual .visual_ul li a .visual_title, .main_visual .visual_ul li a .visual_title strong {line-height:38px;font-size:38px;}
	.main_visual .visual_ul li a .visual_title {padding-top:2px;}
	.main_visual .visual_ul li a .visual_txt {padding-top:3px;padding-bottom:28px;}
	.main_visual .visual_ul li a .visual_txt strong {line-height:32px;font-size:23px;}
	.main_visual .visual_ul li a .visual_txt span {line-height:16px;font-size:12px;}
	.main_visual .slick-arrow {bottom:16.6%;height:32px;}
	.main_visual .slick-arrow.slick-prev {width:31px;}
	.main_visual .slick-arrow.slick-next {width:32px;margin-left:31px;}
	
	.index_info {padding-top:100px;}

	.index_tab .tab_bg {height: 82vw;}
}

@media only screen and (max-width:530px) {
	/* 메인 상단 영역 */
	.main_hd {width:100%;padding: 4% 4.6875%;left:0;top:0;}
	.main_hd .logo {}
	.main_hd .logo img {height:14px;}
	.main_hd .main_hd_cate {margin-left:0px;width:15px;height:14px;}
	.main_hd .main_gnb {display:none;}
	/* 메인 상단 영역 */

	/* 메인 비주얼 영역 */
	.main_visual {min-height:305px;min-width:100%;width:100%;}
	.main_visual .visual_ul {}
	.main_visual .visual_ul li {}
	.main_visual .visual_ul li a {min-height:305px;min-width:100%;}
	/*
	.main_visual .visual_ul li.sld01 a {background-image:url("../images/skin/bg_main_visual01.jpg");background-position:34% 50%;}
	.main_visual .visual_ul li.sld02 a {background-image:url("../images/skin/bg_main_visual02.jpg");background-position:40% 50%;}
	.main_visual .visual_ul li.sld03 a {background-image:url("../images/skin/bg_main_visual03.jpg");background-position:47% 50%;}
	*/
	.main_visual .visual_ul li a .txt_box {left:4.6%;width:90.625%;}
	.main_visual .visual_ul li a .visual_num, .main_visual .visual_ul li a .visual_num span {}
	.main_visual .visual_ul li a .visual_num {padding-top:0px;line-height:16px;font-size:13px;width:100%;}
	.main_visual .visual_ul li a .visual_num span {width:35px;height:1px;margin:7px 8px 0 8px;}
	.main_visual .visual_ul li a .visual_title, .main_visual .visual_ul li a .visual_title strong {line-height:36px;font-size:36px;}
	.main_visual .visual_ul li a .visual_title {padding-top:41px;margin-left:-2px;width:100%;padding-left:0%;}
	.main_visual .visual_ul li a .visual_title strong {line-height:28px;}
	.main_visual .visual_ul li a .visual_txt {padding-top:6px;padding-bottom:52px;width:100%;padding-left:0%;}
	.main_visual .visual_ul li a .visual_txt strong, .main_visual .visual_ul li a .visual_txt span {width:100%;}
	.main_visual .visual_ul li a .visual_txt strong {line-height:41px;font-size:20px;padding-right:0px;}
	.main_visual .visual_ul li a .visual_txt span {line-height:16px;font-size:12px;}

	.main_visual .slick-arrow {left:4.6875%;bottom:20.2%;height:32px;}
	.main_visual .slick-arrow.slick-prev {width:31px;background:url("../images/skin/btn_main_visual_prev.png") no-repeat 50% 50%;background-size:auto 100%;}
	.main_visual .slick-arrow.slick-next {width:32px;margin-left:31px;background:url("../images/skin/btn_main_visual_next.png") no-repeat 50% 50%;background-size:auto 100%;}

	.main_visual .slick-dots {}
	.main_visual .slick-dots li {}
	.main_visual .slick-dots li a {}
	.main_visual .slick-dots li.slick-active {}
	.main_visual .slick-dots li.slick-active a {}

	.main_visual .auto_control {display:none;}
	.main_visual .auto_control a {}
	.main_visual .auto_control a.on {}
	/* 메인 비주얼 영역 */

	/* 메인 아이콘영역 */
	.index_info {padding:100px 0 75px 0;width: calc(100% - 30px);max-width: calc(100% - 30px);}
	.index_info .index_bbs, .index_info .index_icon {width:100%;}
	.index_info .index_bbs {padding-right:0px;text-align:center;}
	.index_info .index_bbs p {width:100%;margin:0 auto;padding-bottom:41px;line-height:19px;font-size:13px;letter-spacing:-0.4px;}
	.index_info .index_bbs p em, .index_info .index_bbs p em strong {line-height:26px;font-size:23px;}
	.index_info .index_bbs p em {padding-bottom:13px;}
	.index_info .index_bbs p em strong {line-height:23px;}
	.index_info .bbs_lnb {}
	.index_info .bbs_lnb li {padding-right:3%;}
	.index_info .bbs_lnb li + li {padding-left:3%;}
	.index_info .bbs_lnb li a {height:24px;line-height:20px;border-top:2px #fff solid;border-bottom:2px #fff solid;font-size:16px;}
	.index_info .bbs_lnb li a:hover {border-top:2px #000 solid;}
	.index_info .index_icon {padding-top:50px;}
	.index_info .index_icon ul {text-align:center;}
	.index_info .index_icon ul li {width:49%;padding-top:44px;padding-bottom:15px;}
	.index_info .index_icon ul li + li {}
	.index_info .index_icon ul li span {line-height:21px;font-size:15px;}
	.index_info .index_icon ul li.index_icon1, .index_info .index_icon ul li.index_icon3, .index_info .index_icon ul li.index_icon5 {border-left:0 none;}
	.index_info .index_icon ul li.index_icon2, .index_info .index_icon ul li.index_icon4, .index_info .index_icon ul li.index_icon6 {border-left:1px #ccc solid;}
	.index_info .index_icon ul li.index_icon3, .index_info .index_icon ul li.index_icon4, .index_info .index_icon ul li.index_icon5, .index_info .index_icon ul li.index_icon6 {border-top:1px #ccc solid;padding-top:63px;padding-bottom:16px;}
	.index_info .index_icon ul li.index_icon5, .index_info .index_icon ul li.index_icon6 {padding-bottom:2px;}
	.index_info .index_icon ul li.index_icon1 {background:url(../images/skin/icon_main_info01.gif) no-repeat 50% 0px;background-size:auto 40px;}
	.index_info .index_icon ul li.index_icon2 {background:url(../images/skin/icon_main_info02.gif) no-repeat 50% 0px;background-size:auto 40px;}
	.index_info .index_icon ul li.index_icon3 {background:url(../images/skin/icon_main_info03.gif) no-repeat 50% 20px;background-size:auto 40px;}
	.index_info .index_icon ul li.index_icon4 {background:url(../images/skin/icon_main_info04.gif) no-repeat 50% 20px;background-size:auto 40px;}
	.index_info .index_icon ul li.index_icon5 {background:url(../images/skin/icon_main_info05.gif) no-repeat 50% 20px;background-size:auto 40px;}
	.index_info .index_icon ul li.index_icon6 {background:url(../images/skin/icon_main_info06.gif) no-repeat 50% 20px;background-size:auto 40px;}
	/* 메인 아이콘영역 */

	/* 메인 탭영역 */
	.index_tab {}
	.index_tab .tab_bg {height: 86vw;}
	.index_tab h3.tab_title {padding:37px 0 17px 0;font-size:26px;line-height:27px;letter-spacing:1px;}
	.index_tab h3.tab_title:after {width:1px;height:35px;margin:20px auto 0 auto;}
	.index_tab h3.tab_title em, .index_tab h3.tab_title strong {}
	.index_tab h3.tab_title em {font-size:21px;line-height:42px;}
	.index_tab h3.tab_title strong {line-height: 18px;font-size: 30px;}

	.index_tab .tab_lnb {padding-bottom:24px;}
	.index_tab .tab_lnb li {padding:0 3%;font-size:14px;line-height:22px;}
	.index_tab .tab_lnb li.on {}
	.index_tab .tab_lnb_view {width: calc(100% - 20px);max-width: calc(100% - 20px);padding-bottom:60px;}
	.index_tab .tab_lnb_view .tab_lnb_box {}
	.index_tab .tab_lnb_view .tab_lnb_box.on {}

	.index_tab_list {}
	.index_tab_list li.item {width:50%;padding:0 5px 10px 5px;}
	.index_tab_list li.item a {}
	.index_tab_list li.item a img {}

	.tab_btn_more {margin-top:15px;width:36.6%;min-width:110px;height:32px;line-height:30px;border-radius:15px;font-size:14px}
	/* 메인 탭영역 */

	/* 메인 지도영역 */
	h3.contact_title {font-size:26px;line-height:48px;letter-spacing:3px;}
	.index_contact {height: 46vw;}
	/* 메인 지도영역 */
}

@media only screen and (max-width:479px) {
}
@media screen and (max-width:360px) {
	.index_info .index_bbs p {line-height:18px;font-size:13px;}
	.index_tab .tab_bg {height: 80vw;}
	.index_tab .tab_lnb li {padding:0 2.5%;font-size:14px;}
}
@media screen and (max-width:320px) {
	.index_info .index_bbs p {line-height:17px;font-size:12px;}

	.index_tab .tab_bg {height: 92vw;}
	.index_tab .tab_lnb li {padding:0 1.5%;font-size:12px;}
}