﻿@charset "utf-8";
@import "../font/font.css";

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{ margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block;}
html {height:100%;}
body {font-size:12px;line-height:18px;font-family: 'Noto Sans KR';background:#fff;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;color:#231815;}
a:hover {text-decoration:none;}
legend, hr {display:none;}
caption {text-indent:-9999em;display: none;}
em {font-style:normal;}
img {vertical-align:top;max-width: 100%;}
input {vertical-align:middle;-webkit-border-radius:0;border-radius:0;}
input[type=text]::-ms-clear {display:none;}

/* 본문바로가기 */
.s-skip-content a {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	background: #000;
	color: #fff;
	text-align: center;
}

.s-skip-content a:focus {
	position: relative;
	width: 100%;
	height: auto;
	padding: 10px;
}

/* 0218수정 */
#accessibility {position: absolute; margin: 0 auto;width: 100%;list-style:none;font-size:1.15em;top:-10.5em;left:0;z-index:999;}
#accessibility a:focus, #accessibility a:active {position:absolute;padding-top:0.5em;width:100%;height:2em;top:10.5em;z-index:999;text-align:center;color:#fff;background:#333;}

#wrap {width:100%;position:relative;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt90 {margin-top:90px !important;}
.mb100 {margin-bottom:100px !important;}
.mb0 {margin-bottom: 0 !important;}

.img_w {display: inline-block !important;}
.img_m {display: none !important;}

#gnb {display: none;}

/* header */
#header {position:relative;z-index:12;}
#header .header_contents {max-width:1130px;margin:50px auto 30px;position:relative;}
#header .header_contents:after {content:'';display:block;clear:both;}
#header .logo {float:left;position:relative;z-index:2;}
#header .logo a {width:196px;height:39px;display:block;background: url('../images/common/logo_eng.png') no-repeat 0 0;background-size:196px;}
#header .logo.w a {background: url('../images/common/logo_w_eng.png') no-repeat 0 0;background-size:196px;}

#header .m_header_contents {display: none;position: relative;}
#header .header_contents .gnb_area {position:relative;}
#header .header_contents .gnb_area:after {content:'';display:block;clear:both;}
#header .header_contents .gnb_area .gnb_ul {width: calc(100% - 370px);position:relative;float:left;}
#header .header_contents .gnb_area .gnb_ul:after {content:'';display:block;clear:both;}
#header .header_contents .gnb_area .gnb_ul > li {width:25%;float:left;}
#header .header_contents .gnb_area .gnb_ul > li > .gnb_menu {width:25%;height:340px;display:none;position:absolute;left:0;top:40px;background:#fff;border:1px solid #e8e8e8;}
#header .header_contents .gnb_area .gnb_ul > li > .gnb_menu.menu1 {left:0;}
#header .header_contents .gnb_area .gnb_ul > li > .gnb_menu.menu2 {left:25%;}
#header .header_contents .gnb_area .gnb_ul > li > .gnb_menu.menu3 {left:50%;}
#header .header_contents .gnb_area .gnb_ul > li > .gnb_menu.menu4 {left:75%;}
#header .header_contents .gnb_area .gnb_ul > li > .gnb_menu .gnb_menu_ul {overflow:hidden;padding:10px 0;}
#header .header_contents .gnb_area .gnb_ul > li > .gnb_menu .gnb_menu_ul li {margin:16px 0;text-align:center;}
#header .header_contents .gnb_area .gnb_ul > li > .gnb_menu .gnb_menu_ul li a {display:inline-block;font-size:14px;color:#747474;position:relative;letter-spacing:-0.5px;}
#header .header_contents .gnb_area .gnb_ul > li > .gnb_menu .gnb_menu_ul li a:before {content:'';width:0;height:1px; background:#222;position:absolute;left:0;bottom:0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
#header .header_contents .gnb_area .gnb_ul > li > .gnb_menu .gnb_menu_ul li a:hover:before {width:100%;}
#header .header_contents .gnb_area .gnb_ul > li > a {height:40px;display:block;font-size:18px;line-height:40px;color:#222;text-align:center;font-weight:700;}
#header .header_contents .gnb_area.sub .gnb_ul > li > a {color:#fff;}
#header .header_contents .gnb_area .gnb_side {position:relative;float:right;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul {position:relative;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul:after {content:'';display:block;clear:both;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li {display:inline-block;vertical-align:top;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li a {height:40px;display:block;font-size:12px;color:#fff;text-align:center;line-height:38px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li a.gnb_search {width:40px;height:40px;background:#2c6b61;margin-right:0;padding:0;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li a.gnb_search .ico {width:40px;height:40px;display:block;text-indent:-9999em;background:url('../images/common/ico_search.png') no-repeat center center;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li a.gnb_search.active .ico {background:url('../images/common/ico_close.png') no-repeat center center;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select_box {width:61px;height:40px;padding-left:10px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select_box label {position:absolute;left:11px;top:10px;cursor:pointer;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select_box select {width:100%;height:40px;opacity:0;filter: alpha(opacity=0);cursor:pointer;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .mypage {width:40px;height:40px;background:url('../images/common/ico_mypage.png') no-repeat center #222;display:block;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .login {width:40px;height:40px;background:#222;letter-spacing:-0.5px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .login span {font-size:12px;line-height:12px;display: inline-block;padding-top:10px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .log_out {width:40px;height:40px;background:#222;box-sizing:border-box;padding-top:8px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .log_out span {font-size:12px;line-height:12px;display: inline-block;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .search_menu {padding:30px 50px;position:absolute;right:127px;top:42px;background:#fff;display:none;border:1px solid #e8e8e8;box-sizing:border-box;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .search_menu .search_area {width:500px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .search_menu .search_area .search_box {overflow:hidden;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .search_menu .search_area .search_box .input_box {width:453px;height:44px;border:1px solid #d8d8d8;background:#fff;border-right:0;float:left;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .search_menu .search_area .search_box .input_box input {width:100%;height:44px;font-size:14px;line-height:44px;text-indent:10px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .search_menu .search_area .search_box .btn_search {width:46px;height:46px;padding:0;display:block;float:left;text-indent:-9999em;background:url('../images/common/ico_search.png') no-repeat center center #2c6b61;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .search_menu .search_area .search_pop {margin-top:20px;overflow:hidden;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .search_menu .search_area .search_pop .title {font-size:14px;line-height:30px;color:#222;float:left;margin-right:10px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .search_menu .search_area .search_pop .search_list_ul {overflow:hidden;float:left;font-size:0;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .search_menu .search_area .search_pop .search_list_ul li {display:inline-block;vertical-align:top;margin-left:10px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .search_menu .search_area .search_pop .search_list_ul li a {height:30px;line-height:28px;font-size:13px;color:#222;display:inline-block;border-radius:30px;box-sizing:border-box;border:1px solid #d8d8d8;padding:0 15px;}

/*다국어 선택 셀렉터 변경 / 1023수정 */
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select {width:40px;height:40px; position:relative; line-height:normal; display:inline-block; /* *display:inline;*/ vertical-align:middle; background:url('../images/common/ico_lang_cursor.png') no-repeat center 31px #222;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select *{ margin:0; padding:0; cursor:pointer; font-size:12px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select .myValue{ position:relative; z-index:2; left:0; top:0; color:#fff; line-height:40px;text-align:center; overflow:visible; background:transparent;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select .myValue.selected{ font-weight:bold;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select.open .myValue,
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select .myValue.outLine{ border:1px solid #999;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select button.myValue{ height:40px; width:100%;/**text-indent:0;*padding-left:5px;*/}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select div.myValue{ height:19px; text-indent:8px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select .ctrl{ position:absolute; top:0; right:0; width:18px; height:40px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select .arrow{position: absolute;right: 7px;top: 50%;margin-top: -3px;border: 4px solid transparent;border-top: 6px solid #c5c5c5;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select.open .arrow {margin-top: -8px;border-top: 4px solid transparent;border-bottom: 6px solid #c5c5c5;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select ul{ top:40px; left:0; width:100%; list-style:none; border:0;overflow:hidden;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select ul.aList{ display:none;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select.open ul.aList{ display:block;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select ul.iList{ left:-2000%;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select.open ul.iList{ left:0;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select li{width:40px;height:40px;position:relative; overflow:hidden; white-space:nowrap;margin-top:2px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select li label{ position:absolute; left:0; top:0; width:100%; text-indent:8px; /**text-indent:6px;*/ height:18px; line-height:18px; color:#767676; background:#fff;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select li a{ display:block;height:40px; line-height:40px; color:#fff; background:#999; text-decoration:none;}
#header .header_contents .gnb_area .gnb_side .gnb_side_ul li .select li.hover *{ background:#333; color:#dfc75b;}

/* contents */
#contents {position:relative;}
#contents .float_menu.main {top:0;}
#contents .float_menu {position:absolute;left:50%;top:330px;margin-left:600px;z-index:11;border:1px solid #e8e8e8;border-radius:5px;overflow: hidden;
	box-shadow: 0px 0px 15px 1px rgba(0,0,0,0.1);
}
#contents .float_menu a {width:88px;height:88px;display:block;border-bottom:1px solid #e8e8e8;}
#contents .float_menu a.banner1 {background: url('../images/common/float_banner1_m_eng.png') no-repeat center #fff;background-size: 68px;}
#contents .float_menu a.banner2 {background: url('../images/common/float_banner2_m_eng.png') no-repeat center #fff;background-size: 68px;}
#contents .float_menu a.banner2.ch {background: url('../images/common/float_banner2_m_ch.png') no-repeat center #fff;background-size: 68px;}
#contents .float_menu a.banner2.jp {background: url('../images/common/float_banner2_m_jp.png') no-repeat center #fff;background-size: 68px;}
#contents .float_menu a:last-child {border-bottom:0;}

#contents .logo {position:absolute;left:50%;top:50px;margin-left:-645px;}
#contents .logo a {display:block;}

#contents .main_area {max-width:1130px;position:relative;margin:0 auto;}
#contents .left_menu {position:absolute;left:50%;top:280px;margin-left:-565px;z-index:2;}
#contents .left_menu .left_menu_title {width:170px;height:140px;background:#222;position: relative;}
#contents .left_menu .left_menu_title span {width:100%;position: absolute;left:0;bottom:25px;font-size:18px;color:#e8e8e8;line-height:22px;text-align: center;font-weight: 700;}
#contents .left_menu .menu_title {width:170px;height:95px;background:#222;font-size:18px;color:#e8e8e8;text-align:center;padding-top:36px;box-sizing:border-box;margin-bottom:20px;font-weight:700;}
#contents .left_menu .left_menu_ul {overflow:hidden; padding-top: 25px;}
#contents .left_menu .left_menu_ul > li {position:relative;margin-bottom:15px;}
#contents .left_menu .left_menu_ul > li > a {display:inline-block;font-size:16px;color:#222;font-weight:700;position:relative;padding-top:10px;margin-bottom:15px;}
#contents .left_menu .left_menu_ul > li > .lnb_depth {display:inline-block;font-size:16px;color:#222;font-weight:700;position:relative;padding:10px 20px 0 0;margin-bottom:15px;cursor:pointer;} /* 0914 수정 */
#contents .left_menu .left_menu_ul > li > .lnb_depth:after {content:'';width:11px;height:7px;background:url('../images/common/lnb_cursor.png') no-repeat 0 0;position:absolute;right:0;top:15px;transform:rotate(0);
	transition: all 0.2s ease-out;
}
#contents .left_menu .left_menu_ul > li > a:before {content:'';width:16px;height:2px;background:#222;position:absolute;left:0;top:0;}
#contents .left_menu .left_menu_ul > li > .lnb_depth:before {content:'';width:16px;height:2px;background:#222;position:absolute;left:0;top:0;} /* 0914 수정 */
#contents .left_menu .left_menu_ul > li > a.active {color:#2c6b61;}
#contents .left_menu .left_menu_ul > li > .lnb_depth.active {color:#2c6b61;} /* 0914 수정 */
#contents .left_menu .left_menu_ul > li > .lnb_depth.active:after {transform:rotate(180deg);}
#contents .left_menu .left_menu_ul > li > a.active:before {background:#2c6b61;}
#contents .left_menu .left_menu_ul > li > .lnb_depth.active:before {background:#2c6b61;} /* 0914 수정 */
#contents .left_menu .left_menu_ul > li > a:hover {color:#2c6b61;}
#contents .left_menu .left_menu_ul > li .sub_menu_ul {overflow:hidden;padding-left:10px;display:none;} /* 0914 수정 */
#contents .left_menu .left_menu_ul > li .sub_menu_ul.active {display:block;} /* 0915 수정 */
#contents .left_menu .left_menu_ul > li .sub_menu_ul li {margin-bottom:12px;}
#contents .left_menu .left_menu_ul > li .sub_menu_ul a {display:inline-block;font-size:14px;color:#585858;position:relative;padding-left:5px;letter-spacing:-0.5px;}
#contents .left_menu .left_menu_ul > li .sub_menu_ul a:after {content:'';width:0;height:1px; background:#222;position:absolute;left:0;bottom:0;
	transition: all 0.2s ease-out;
}
#contents .left_menu .left_menu_ul > li .sub_menu_ul a.active:after {width:100%;color:#222;}
#contents .left_menu .left_menu_ul > li .sub_menu_ul a.active {color:#222;}
#contents .left_menu .left_menu_ul > li .sub_menu_ul a:hover:after {width:100%;color:#222;}
#contents .left_menu .left_menu_ul > li .sub_menu_ul a:hover {color:#222;}
#contents .left_menu .left_menu_ul > li .sub_menu_ul a:before {content:'';width:2px;height:2px;background:#585858;position:absolute;left:0;top:50%;margin-top:-1px;}
#contents .left_menu .left_menu_ul img{opacity:0.5;	filter:alpha(opacity=50); }
#contents .left_menu .left_menu_ul img:hover{opacity:1;	filter:alpha(opacity=100); }
#contents .left_menu .left_menu_ul img.active {opacity:1; filter:alpha(opacity=100); }
#contents .left_menu .left_menu_ul.town {width:180px;}
#contents .left_menu .left_menu_ul.town li {float:left;margin:0 10px 10px 0;}
#contents .left_menu .left_menu_ul.town li:nth-child(even) {margin:0 0 10px 0;}
#contents .left_menu .left_menu_ul.town li a {width:79px;}
#contents .left_menu .left_menu_ul.town li a.line_break {height:59px;padding-top:15px;line-height:22px;}


.main_slide_wrap {position:relative;}
.main_slide_wrap .bxslider_main {position:relative;}
.main_slide_wrap .bxslider_main .inner {width:100%;height: 100%;position: absolute;left:0;top:0;}
.main_slide_wrap .bxslider_main .text {font-size:40px;color:#fff;text-align: center;font-weight: 700;position: relative;top:50%;transform: translateY(-50%);line-height: 40px;}
.main_slide_wrap  .main_slide_count {position:absolute;right:130px;bottom:25px;font-size:12px;color:#fff;}


#contents .main_area #slides .slidesjs-pagination {width:100%;position:absolute;left:0;bottom:10px;z-index:1;text-align:center;}
#contents .main_area #slides .slidesjs-pagination li {display:inline-block;margin:5px;}
#contents .main_area #slides .slidesjs-pagination li a {display: block;width: 8px;height: 0;padding-top: 8px;background-image: url(../images/main/pagination.png);background-position: 0 0;float: left;overflow: hidden;}
#contents .main_area #slides .slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active {background-position: 0 -8px}

#contents .main_area #slides a.slidesjs-play {width:10px;height:14px;display:block;position:absolute;left:20px;bottom:17px;text-indent:-9999em;background:url('../images/main/btn_play.png') no-repeat 0 0;z-index:2;}
#contents .main_area #slides a.slidesjs-stop {width:10px;height:14px;display:block;position:absolute;left:20px;bottom:17px;text-indent:-9999em;background:url('../images/main/btn_pause.png') no-repeat 0 0;z-index:2;}
#contents .main_area #slides a.slidesjs-previous {display:none !important;}
#contents .main_area #slides a.slidesjs-next {display:none !important;}

/*
#slides_notice a.slidesjs-previous {display:none !important;}
#slides_notice a.slidesjs-next {display:none !important;}
#slides_notice a.slidesjs-stop {display:none !important;}
#slides_data a.slidesjs-previous {display:none !important;}
#slides_data a.slidesjs-next {display:none !important;}
#slides_data a.slidesjs-stop {display:none !important;}
*/
#slides_notice a.slidesjs-play {width:10px;height:14px;display:block;position:absolute;right:9px;bottom:21px;text-indent:-9999em;background:url('../images/main/btn_play_black.png') no-repeat 0 0;z-index:2;}
#slides_notice a.slidesjs-stop {width:10px;height:14px;display:block;position:absolute;right:9px;bottom:21px;text-indent:-9999em;background:url('../images/main/btn_pause_black.png') no-repeat 0 0;z-index:2;}
#slides_notice a.slidesjs-previous {display:none !important;}
#slides_notice a.slidesjs-next {display:none !important;}
#slides_data a.slidesjs-play {width:10px;height:14px;display:block;position:absolute;right:9px;bottom:21px;text-indent:-9999em;background:url('../images/main/btn_play_black.png') no-repeat 0 0;z-index:2;}
#slides_data a.slidesjs-stop {width:10px;height:14px;display:block;position:absolute;right:9px;bottom:21px;text-indent:-9999em;background:url('../images/main/btn_pause_black.png') no-repeat 0 0;z-index:2;}
#slides_data a.slidesjs-previous {display:none !important;}
#slides_data a.slidesjs-next {display:none !important;}


#contents .main_area #slides .slidesjs-pagination li a:hover {background-position: 0 -8px}
#contents .main_area .main_menu {position:relative;margin-top:80px;}
#contents .main_area .main_menu .title {position:relative;font-size:28px;color:#222;line-height:28px;text-align: center;font-weight: 700;}
#contents .main_area .main_menu .menu_ul {margin:30px -15px 0 -15px;font-size:0;}
#contents .main_area .main_menu .menu_ul:after {content:'';display:block;clear:both;}
#contents .main_area .main_menu .menu_ul li {width:25%; display: inline-block;vertical-align: top;}
#contents .main_area .main_menu .menu_ul li .inner_box {margin:0 15px;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
	-ms-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
}
#contents .main_area .main_menu .menu_ul li.last {margin:0;}
#contents .main_area .main_menu .menu_ul li a {display:block;}
#contents .main_area .main_menu .menu_ul li a .img {display:block;overflow:hidden;}
#contents .main_area .main_menu .menu_ul li a .img img {
	width:100%;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}
#contents .main_area .main_menu .menu_ul li a:hover .img img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
#contents .main_area .main_menu .menu_ul li a .desc_area {padding:20px;background:#fff;overflow:hidden;display:block;}
#contents .main_area .main_menu .menu_ul li a .desc_area .menu_title {font-size:24px;color:#222;line-height:24px;margin-bottom:15px;font-weight:700;display:block;}
#contents .main_area .main_menu .menu_ul li a .desc_area .menu_desc {font-size:14px;color:#222;line-height:22px;display:block;font-weight:700;}
#contents .main_area .menu_guide {position:relative;margin-top:80px;}
#contents .main_area .menu_guide .guide_title {position:relative;font-size:28px;color:#222;line-height:28px;font-weight: 700;margin-bottom: 30px;}
#contents .main_area .menu_guide .menu_ul {margin:0 -15px;}
#contents .main_area .menu_guide .menu_ul:after {content:'';display:block;clear:both;}
#contents .main_area .menu_guide .menu_ul li {width:33.333%;position:relative;float:left;}
#contents .main_area .menu_guide .menu_ul li .inner_box {height:100px;margin:0 15px;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
	-ms-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
}
#contents .main_area .menu_guide .menu_ul li a {height:100%;display:block;position:relative;line-height: 100px;padding-right:30px;text-align: right;font-size:18px;color:#4b4b4b;font-weight: 700;}
#contents .main_area .menu_guide .menu_ul li a.guide1 {background:url('../images/main/ico_guide_news.png') no-repeat 28px center;background-size:64px;}
#contents .main_area .menu_guide .menu_ul li a.guide2 {background:url('../images/main/ico_guide_info.png') no-repeat 28px center;background-size:64px;}
#contents .main_area .menu_guide .menu_ul li a.guide3 {background:url('../images/main/ico_guide_community.png') no-repeat 28px center;background-size:64px;}
#contents .main_area .re_contents {position:relative;margin:80px 0 100px 0;}
#contents .main_area .re_contents .title {position:relative;font-size:28px;color:#222;line-height:28px;font-weight: 700;}
#contents .main_area .re_contents .contents_ul {margin:50px -15px 0 -15px;}
#contents .main_area .re_contents .contents_ul:after {content:'';display:block;clear:both;}
#contents .main_area .re_contents .contents_ul li {width:25%;float:left;}
#contents .main_area .re_contents .contents_ul li .inner_box {margin:0 15px;}
#contents .main_area .re_contents .contents_ul li a {display:block;text-align:center;}
#contents .main_area .re_contents .contents_ul li .img {width:100%;overflow:hidden;border-radius:260px;display:block;margin-bottom:30px;position:relative;
	-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
	-ms-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.4);
}
#contents .main_area .re_contents .contents_ul li .img img {
	width:100%;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
}
#contents .main_area .re_contents .contents_ul li a:hover .img img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}
#contents .main_area .re_contents .contents_ul li a .text {font-size:18px;color:#4b4b4b;font-weight:700;line-height:18px;}
#contents .bottom_info {height:36px;position:relative;background:#f1f1f1;overflow:hidden;padding-top:18px;}
#contents .bottom_info .info_box {width:940px;margin:0 auto;overflow:hidden;}
#contents .bottom_info .info_box .title {font-size:14px;color:#333;font-weight:900;float:left;margin-right:30px;line-height:12px;}
#contents .bottom_info .info_box .list a {display:block;overflow:hidden;}
#contents .bottom_info .info_box .list a .text {width:280px;display:block;float:left;font-size:12px;color:#5f5f5f;line-height:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#contents .bottom_info .info_box .list a .date {display:block;float:right;font-size:11px;color:#5f5f5f;margin-right:20px;line-height:12px;position:relative;top:1px;}
#contents .bottom_info .info_box .notice_area {width:470px;float:left;overflow:hidden;}
#contents .bottom_info .info_box .data_area {width:460px;float:left;overflow:hidden;padding-left:10px;position:relative;}
#contents .bottom_info .info_box .data_area:before {content:'';width:1px;height:14px;background:#333;position:absolute;left:0;top:0;}


/* footer */
#footer {position:relative;background:#222;}
#footer .footer_contents {max-width:1130px;margin:0 auto;}
#footer .footer_contents .footer_top {padding:40px 0;position:relative;}
#footer .footer_contents .footer_top:after {content:'';display:block;clear:both;}
#footer .footer_contents .footer_top .menu_ul {overflow:hidden;position:relative;}
#footer .footer_contents .footer_top .menu_ul li {height:13px;display:inline-block;padding:0 15px;position:relative;}
#footer .footer_contents .footer_top .menu_ul li:before {content:'';width:1px;height:13px;background:#686868;position:absolute;right:0;top:0;}
#footer .footer_contents .footer_top .menu_ul li a {font-size:14px;color:#c2c2c2;line-height:12px;display:block;font-weight:500;}
#footer .footer_contents .footer_top .menu_ul li a.red_txt {color:#bc6f25;}
#footer .footer_contents .footer_top .menu_ul li.menu1 {padding-left:0;}
#footer .footer_contents .footer_top .menu_ul li.menu5:before {display:none;}
/*임시 교체 / 20170824 / lee
#footer .footer_contents .footer_top .side_menu {position:relative;float:right;}
*/
#footer .footer_contents .footer_top .side_menu {position:absolute;right:0;top:40px;}
#footer .footer_contents .footer_top .side_menu:after {content:'';display:block;clear:both;}
#footer .footer_contents .footer_top .side_menu .select_box {width:200px;height:34px;background:url('../images/main/ico_footer_select_cursor.png') no-repeat 165px center #fff;border:1px solid #d8d8d8;font-size:12px;color:#333;line-height:34px;position:relative;cursor:pointer;right:67px;}
#footer .footer_contents .footer_top .side_menu .select_box label {position:absolute;left:10px;top:6px;cursor:pointer;font-weight:500; opacity:0;}
#footer .footer_contents .footer_top .side_menu .select_box select {width:100%;height:100%;opacity:1;border:0;filter: alpha(opacity=0);cursor:pointer;}
#footer .footer_contents .footer_bottom {overflow:hidden;padding:12px 0 60px 0;position:relative;}
#footer .footer_contents .footer_bottom .footer_logo {width:150px;float:left;margin-right:50px;}
#footer .footer_contents .footer_bottom p {width:calc(100% - 380px);font-size:12px;color:#777;line-height:18px;float:left;position:relative;top:6px;}
#footer .footer_contents .footer_bottom .wa {position: absolute;right:0;top:13px;}

#footer .footer_contents .footer_top .gosite_btn {background: #e99f00;width: 60px;height: 36px;text-align: center;position:absolute;left:1070px;top:40px;}
#footer .footer_contents .footer_top .gosite_btn a {color: #fff;font-size: 15px;line-height: 34px;}


/* 팝업 */
.pop_bg {width:100%;height:100%;position:fixed;left:0;top:0;z-index:1001;background:rgba(0,0,0,0.7);display:none;}
.pop_layer {position:absolute;left:50%;z-index:1002;display:none;}
.pop_layer .pop_close {position:absolute;right:0;top:0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.pop_layer .pop_close:hover {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);

}
.pop_layer .pop_inner {border:2px solid #333;position:relative;padding-top:5px;margin-top:40px;background:#fff;}
.pop_layer .pop_inner:before {content:'';width:100%;height:5px;background:#9aacba;position:absolute;left:0;top:0;}

.pop_login {width:496px;margin-left:-250px;top:330px;}
.pop_login .login_ico {width:48px;margin:50px auto;}
.pop_login .login_text {font-size:18px;color:#000;font-weight:bold;text-align:center;line-height:18px;}
.pop_login .login_text2 {font-size:18px;color:#000;font-weight:bold;text-align:center;line-height:15px;}
.pop_login .btn_login {width:170px;height:42px;display:block;margin:35px auto 30px;background:#333;text-align:center;line-height:40px;font-size:14px;color:#fff;font-weight:bold;}

.pop_report {width:798px;margin-left:-401px;top:330px;}
.pop_report .pop_inside {padding:30px;position:relative;}
.pop_report .pop_inside .title {font-size:24px;color:#333;font-weight:bold;line-height:24px;padding-bottom:20px;border-bottom:2px solid #222;}
.pop_report .pop_inside .form_dl {width:515px;overflow:hidden;margin:30px auto 0;padding-bottom:40px;}
.pop_report .pop_inside .form_dl dt {width:85px;float:left;min-height:28px;margin-bottom:10px;font-size:14px;color:#000;line-height:28px;font-weight:bold;}
.pop_report .pop_inside .form_dl dd {width:430px;float:left;min-height:28px;margin-bottom:10px;}
.pop_report .pop_inside .form_dl dd .phone_area {overflow:hidden;margin-bottom:10px;}
.pop_report .pop_inside .form_dl dd .input_box {width:428px;height:26px;border:1px solid #d8d8d8;}
.pop_report .pop_inside .form_dl dd .input_box input {width:100%;height:26px;line-height:26px;text-indent:10px;}
.pop_report .pop_inside .form_dl dd .input_box.phone {width:131px;float:left;}
.pop_report .pop_inside .form_dl dd .input_box.phone input {text-align:center;text-indent:0;}
.pop_report .pop_inside .form_dl dd .dot {width:15px;height:28px;float:left;font-size:14px;color:#333;text-align:center;line-height:24px;}
.pop_report .pop_inside .form_dl dd .select_box {width:428px;height:26px;background:url('../images/main/ico_footer_select_cursor.png') no-repeat 407px center #fff;border:1px solid #d8d8d8;font-size:12px;color:#333;position:relative;cursor:pointer;}
.pop_report .pop_inside .form_dl dd .select_box label {position:absolute;left:10px;top:4px;cursor:pointer;font-weight:500;}
.pop_report .pop_inside .form_dl dd .select_box select {width:100%;height:26px;opacity:0;filter: alpha(opacity=0);cursor:pointer;}
.pop_report .pop_inside .form_dl dd textarea {width:408px;height:390px;border:1px solid #d8d8d8;padding:10px;}
.pop_report .pop_inside .bottom_txt {height:53px;border-top:1px solid #d8d8d8;border-bottom:2px solid #222;font-size:13px;color:#000;line-height:53px;}
.pop_report .pop_inside .btn_area {text-align:right;margin:40px 0 10px 0;}
.pop_report .pop_inside .btn_area a {display:inline-block;}
.pop_report .pop_inside .btn_area a.btn_confirm {font-size:18px;color:#333;padding-right:15px;line-height:18px;font-weight:bold;background:url('../images/ico/ico_btn_cursor.jpg') no-repeat right 0;}

.soon_box {position:relative;background:#f5f5f5;font-family: 'Nanum Gothic', sans-serif;text-align:center;padding:160px 0;margin-top:30px;}
.soon_box .ico {margin-bottom:30px;}
.soon_box .title {font-size:28px;color:#222;line-height:28px;margin-bottom:20px;}
.soon_box .title span {font-weight:900;}
.soon_box .text {font-size:15px;color:#222;line-height:26px;}

.mot2 {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
/* 0218수정 */
.mot3 {
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mot4 {
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-ms-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

/* --- EASYDROPDOWN DEFAULT THEME --- */

/* PREFIXED CSS */

.dropdown,
.dropdown div,
.dropdown li,
.dropdown div::after{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-ms-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

/* 0218수정 */
/*.dropdown .selected::after,*/
/*.dropdown.scrollable div::after{*/
	/*-webkit-pointer-events: none;*/
	/*-moz-pointer-events: none;*/
	/*-ms-pointer-events: none;*/
	/*pointer-events: none;*/
/*}*/

/* WRAPPER */

.dropdown{
	position: relative;
	width: 61px;
	height:39px;
	cursor: pointer;
	background: #333;
	border:1px solid #333;
	border-bottom:0;
}

.dropdown.open{
	z-index: 2;
}

.dropdown:hover{
	box-shadow: 0 0 5px rgba(0,0,0,.15);
}

.dropdown.focus{
	box-shadow: 0 0 5px rgba(51,102,248,.4);
}

/* CARAT */

.dropdown .carat{
	position: absolute;
	right: 7px;
	top: 50%;
	margin-top: -5px;
	border: 4px solid transparent;
	border-top: 6px solid #c5c5c5;
}

.dropdown.open .carat{
	margin-top: -10px;
	border-top: 4px solid transparent;
	border-bottom: 6px solid #c5c5c5;
}

.dropdown.disabled .carat{
	border-top-color: #999;
}

/* OLD SELECT (HIDDEN) */

.dropdown .old{
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

.dropdown select{
	position: absolute;
	left: 0px;
	top: 0px;
}

.dropdown.touch .old{
	width: 100%;
	height: 100%;
}

.dropdown.touch select{
	width: 100%;
	height: 100%;
	opacity: 0;
}

/* SELECTED FEEDBACK ITEM */

.dropdown .selected {padding:0;height:40px;line-height:36px;position:relative;left:-1px;}
.dropdown li{
	width:50px;
	display: block;
	font-size: 12px;
	line-height: 1;
	color: #222;
	padding: 9px 12px;
	overflow: hidden;
	white-space: nowrap;
}

.dropdown .selected{
	color: #fff;
}


/* DROP DOWN WRAPPER */

.dropdown div{
	position: absolute;
	height: 0;
	left: -1px;
	right: -1px;
	top: 100%;
	background: #fff;
	overflow: hidden;
	opacity: 0;
}

/* Height is adjusted by JS on open */

.dropdown.open div{
	opacity: 1;
	z-index: 2;
}

/* FADE OVERLAY FOR SCROLLING LISTS */

.dropdown.scrollable div::after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;

	box-shadow: inset 0 -50px 30px -35px #fff;
}

.dropdown.scrollable.bottom div::after{
	opacity: 0;
}

/* DROP DOWN LIST */

.dropdown ul{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

.dropdown.scrollable.open ul{
	overflow-y: auto;
}

/* DROP DOWN LIST ITEMS */

.dropdown li{
	list-style: none;
	padding: 8px 9px;
}

/* .focus class is also added on hover */

.dropdown li.focus{
	background: #333;
	position: relative;
	z-index: 3;
	color: #dfc75b;
}

.dropdown li.active{
	font-weight: 700;
}

/* jhjin*/
#contents .logo_eng {position:absolute;left:48%;top:50px;margin-left:-645px;}


/* 이용불편신고 완료 팝업 */
.pop_inconv_apply_complete {width:276px;margin-left:-138px;top:410px;}
.pop_inconv_apply_complete .top_complete {height:38px;padding-top:157px;font-size:18px;color:#fff;font-family: 'Nanum Gothic', sans-serif;font-weight:bold;text-align:center;background:url('../images/ico/ico_complete.png') no-repeat center 30px #9aacba;}
.pop_inconv_apply_complete .bottom_complete {padding:55px 38px 30px 38px;background:#fff;font-family: 'Nanum Gothic', sans-serif;}
.pop_inconv_apply_complete .bottom_complete .title {font-size:14px;color:#000;text-align:center;text-decoration:underline;margin-bottom:20px;}
.pop_inconv_apply_complete .bottom_complete .apply_date {font-size:14px;color:#000;text-align:center;margin-bottom:90px;font-weight:900;}
.pop_inconv_apply_complete .bottom_complete .text {font-size:12px;color:#888;line-height:18px;margin-bottom:10px;text-align:center;}
.pop_inconv_apply_complete .bottom_complete .btn_confirm {width:196px;height:38px;border:2px solid #333;background:#333;display:block;font-size:14px;color:#fff;line-height:38px;text-align:center;font-weight:bold;}
.pop_inconv_apply_complete .bottom_complete .btn_confirm:hover {background:#fff;color:#333;}

/* 메인 팝업 */
#popp27 { position: absolute; width:520px; height:550px; position: absolute; top:0; left:0; margin-top:-90px; margin-left:0px; background:#fff; z-index:20;}
#popp27 .cont {width:520px; height:520px;}
#popp27 .close {width:505px; height:30px; background:#f3f3f3; line-height:30px; padding-left:15px; font-size:13px;}
#popp27 .close #close {float:right; margin-right:15px; cursor:pointer;}



/* =================================================== 노트북 ===================================================*/

@media screen and (max-width:1400px){
	#header {padding:0 15px;}
	#contents {padding:0 15px;}
	#contents.sub {padding:0;}

	#contents .float_menu {left:inherit;right:0;}
	#footer {padding:0 15px;}
}

@media screen and (max-width:1300px){
	#contents .float_menu {width:176px;height:88px;z-index: 12;overflow: hidden;right:14px;position: fixed !important;top:inherit !important;bottom:0;opacity: 0;visibility: hidden;
		transition: all 0.3s ease-out;
	}
	#contents .float_menu.show {opacity: 1;visibility: visible;}
	#contents .float_menu a {float:left;border-bottom: 0;position: relative;}
	#contents .float_menu a:before {content: '';width:1px;height: 100%;position: absolute;right:0;top:0;background: #e8e8e8;}
	#footer {padding-bottom: 60px;}
}

@media screen and (max-width:1172px){
	#contents .left_menu {margin-left:0;left:15px;}
}


@media screen and (max-width:1100px){
	#header .logo {margin-top:5px;}
	#header .logo {margin-top:5px;}
	#header .logo a {width:140px;height:28px;background-size:140px;}
	#header .logo.w a {width:140px;height:28px;background-size:140px;}
	#header .header_contents .gnb_area .gnb_ul {width:calc(100% - 310px);margin-top:5px;}
	#header .header_contents .gnb_area .gnb_ul > li > a {font-size:14px;height:30px;line-height: 30px;letter-spacing: -0.5px;}
	#header .header_contents .gnb_area .gnb_ul > li > .gnb_menu {top:30px;height:320px;}
	#header .header_contents .gnb_area .gnb_ul > li > .gnb_menu .gnb_menu_ul li a {font-size:12px;}

	.main_slide_wrap .bxslider_main .text {font-size:30px;}

	#contents .main_area .main_menu .menu_ul li a .desc_area .menu_title {font-size:20px;}
	#contents .main_area .main_menu .menu_ul li a .desc_area .menu_desc {font-size:12px;line-height: 18px;}

	#contents .main_area .menu_guide .menu_ul li .inner_box {height: 70px;}
	#contents .main_area .menu_guide .menu_ul li a {font-size:14px;letter-spacing:-0.5px;line-height: 70px;}
	#contents .main_area .menu_guide .menu_ul li a.guide1 {background:url('../images/main/ico_guide_news.png') no-repeat 20px center;background-size:45px;}
	#contents .main_area .menu_guide .menu_ul li a.guide2 {background:url('../images/main/ico_guide_info.png') no-repeat 20px center;background-size:45px;}
	#contents .main_area .menu_guide .menu_ul li a.guide3 {background:url('../images/main/ico_guide_community.png') no-repeat 20px center;background-size:45px;}

	#contents .main_area .re_contents .contents_ul li a .text {font-size:14px;letter-spacing: -0.5px;}
}



/* =================================================== 모바일 ===================================================*/

@media screen and (max-width:850px) {
	.img_w {display: none !important;}
	.img_m {display: inline-block !important;}

	#header {padding:0;}
	#contents {padding:0;}
	#gnb {display: block;}

	.pop_layer .pop_close {width:23px;}
	.pop_layer .pop_inner {margin-top:30px;}
	.pop_login {width:250px;}
	.pop_login .login_ico {width:23px;margin:25px auto;}
	.pop_login .login_text {font-size:10px;color:#000;font-weight:bold;text-align:center;line-height:10px;}
	.pop_login .btn_login {width:85px;height:25px;display:block;margin:15px auto;background:#333;text-align:center;line-height:25px;font-size:10px;color:#fff;font-weight:bold;}

	#header .header_contents {display: none;}
	#header .m_header_contents {display: block;}

	#header .m_header_contents .btn_gnb_m_menu {width:30px;position:absolute;right:15px;top:20px;}
	#header .m_header_contents .logo {width:150px;height:30px;display:block;background: url('../images/common/logo_eng.png') no-repeat 0 0;background-size:150px;margin:20px 0 0 15px;}
	#header .m_header_contents .logo.w {background: url('../images/common/logo_w_eng.png') no-repeat 0 0;background-size:150px;}

	.left_menu {display: none;}

	.main_area {z-index: 1;padding-top:65px;}
	.main_slide_wrap {margin:0 15px;}
	.main_slide_wrap .bxslider_main .text {font-size:22px;line-height: 27px;}
	.bx-pager {display: none;}

	.main_area .main_menu {margin:40px 15px 0 15px;}
	.main_area .main_menu .title {font-size:28px;line-height: 27px;}


	#contents .float_menu a.banner2:before {display: none;}

	#contents .main_area .main_menu .menu_ul {margin:25px -7px 0 -7px ;}
	#contents .main_area .main_menu .menu_ul li {width:50%;margin-bottom: 15px;}
	#contents .main_area .main_menu .menu_ul li .inner_box {margin:0 7px;}
	#contents .main_area .main_menu .menu_ul li a .desc_area {padding:15px;min-height: 100px;}
	#contents .main_area .main_menu .menu_ul li a .desc_area .menu_title {margin-bottom: 10px;}
	#contents .main_area .main_menu .menu_ul li a .desc_area .menu_desc {line-height: 15px;}

	#contents .main_area .menu_guide {margin:40px 15px 0 15px;}
	#contents .main_area .menu_guide .guide_title {font-size:28px;line-height: 28px;margin-bottom: 25px;}
	#contents .main_area .menu_guide .menu_ul li {width:100%;float: none;margin-bottom: 20px;}
	#contents .main_area .menu_guide .menu_ul li:last-child {margin-bottom:0;}

	#contents .main_area .menu_guide .menu_ul li .inner_box {height:100px;}
	#contents .main_area .menu_guide .menu_ul li a {font-size:20px;line-height: 100px;}
	#contents .main_area .menu_guide .menu_ul li a.guide1 {background:url('../images/main/ico_guide_news.png') no-repeat 28px center;background-size:64px;}
	#contents .main_area .menu_guide .menu_ul li a.guide2 {background:url('../images/main/ico_guide_info.png') no-repeat 28px center;background-size:64px;}
	#contents .main_area .menu_guide .menu_ul li a.guide3 {background:url('../images/main/ico_guide_community.png') no-repeat 28px center;background-size:64px;}

	#contents .main_area .re_contents {margin:40px 15px 50px 15px;}
	#contents .main_area .re_contents .title {font-size:28px;line-height: 28px;margin-bottom: 25px;}
	#contents .main_area .re_contents .contents_ul {margin:30px -7px 0 -7px;}
	#contents .main_area .re_contents .contents_ul li {width:50%;margin-bottom: 25px;}
	#contents .main_area .re_contents .contents_ul li .inner_box {margin:0 7px;}
	#contents .main_area .re_contents .contents_ul li .img {margin-bottom: 15px;}
	#contents .main_area .re_contents .contents_ul li a .text {font-size:15px;line-height: 20px;}


	#gnb {width:100%;height:100%;background:#fff;position:fixed;right:-100%;top:0;z-index:13;}
	#gnb.active {right:0;}
	#gnb .gnb_top {height:65px;position:relative;overflow:hidden;}
	#gnb .gnb_logo {width:150px;height:30px;display:block;background: url('../images/common/logo_eng.png') no-repeat 0 0;background-size:150px;margin:20px 0 0 15px;}
	#gnb .gnb_close {width:30px;position:absolute;right:15px;top:20px;}
	/*#gnb .m_gnb_area {position:relative;height:100%;overflow-y:auto;box-sizing:border-box;overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);}*/
	#gnb .m_gnb_area {position:relative;height:100%;overflow:hidden;}
	#gnb .m_gnb_area .depth1 {width:150px;height:100%;float:left;background:#222222;position:relative;}
	#gnb .m_gnb_area .depth1 .lang_select {width:40px;height:40px;background:#2c6b61;font-size:11px;color:#fff;text-align-last:center;line-height:40px;border:0;-webkit-appearance: none; appearance: none;position:absolute;left:15px;bottom:15px;}
	#gnb .m_gnb_area .depth1 .scroll_area {height:calc(100% - 110px);box-sizing:border-box;position:relative;overflow-y:auto;overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);}
	#gnb .m_gnb_area .depth1 .gnb_depth1_ul {overflow:hidden;}
	#gnb .m_gnb_area .depth1 .gnb_depth1_ul li {position:relative;}
	#gnb .m_gnb_area .depth1 .gnb_depth1_ul li a {height:62px;position:relative;display:block;font-size:14px;color:#999;line-height:62px;padding:0 25px 0 15px;box-sizing:border-box;font-weight:700;}
	#gnb .m_gnb_area .depth1 .gnb_depth1_ul li a.line2 {padding:14px 25px 0 15px;box-sizing:border-box;line-height: 18px;}
	#gnb .m_gnb_area .depth1 .gnb_depth1_ul li a:before {content:'';width:7px;height:13px;position:absolute;right:19px;top:50%;margin-top:-7px;background:url('../images/common/ico_gnb_cursor.png') no-repeat 0 0;background-size:7px;opacity:0;}
	#gnb .m_gnb_area .depth1 .gnb_depth1_ul li a.active {background:#2c6b61;color:#fff;}
	#gnb .m_gnb_area .depth1 .gnb_depth1_ul li a.active:before {opacity:1;}

	#gnb .m_gnb_area .depth2 {width:calc(100% - 150px);height:100%;float:left;box-sizing:border-box;position:relative;overflow-y:auto;overflow-scrolling:touch;-webkit-transform:translate3d(0,0,0);}
	#gnb .m_gnb_area .depth2 .gnb_depth2_ul {display:none;}
	#gnb .m_gnb_area .depth2 .gnb_depth2_ul.active {display:block;} /* 0915 수정 */
	#gnb .m_gnb_area .depth2 .gnb_depth2_ul > li {position:relative;box-sizing:border-box;}
	#gnb .m_gnb_area .depth2 .gnb_depth2_ul > li:first-child {border-top:1px solid #d8d8d8;}
	#gnb .m_gnb_area .depth2 .gnb_depth2_ul > li > a {height:61px;display:block;padding:0 40px 0 20px;font-size:14px;color:#444;line-height:61px;font-weight:700;border-bottom:1px solid #d8d8d8;position:relative;}
	#gnb .m_gnb_area .depth2 .gnb_depth2_ul > li > a.line2 {padding:14px 40px 0 20px;line-height: 18px;box-sizing: border-box;}
	#gnb .m_gnb_area .depth2 .gnb_depth2_ul > li > .gnb_depth2:before {content:'';width:13px;height:12px;position:absolute;right:19px;top:50%;margin-top:-6px;background:url('../images/common/ico_gnb_depth_cursor.png') no-repeat 0 0;background-size:13px;
		transition: all 0.2s ease-out;
	}
	#gnb .m_gnb_area .depth2 .gnb_depth2_ul > li > a.active {color:#2c6b61;} /* 0915 수정 */
	#gnb .m_gnb_area .depth2 .gnb_depth2_ul > li > a.active:before {
		transform: rotate(180deg);
	}

	#gnb .m_gnb_area .depth2 .gnb_depth2_ul.active {display:block;}
	#gnb .m_gnb_area .depth2 .sub_menu_ul {border-bottom:1px solid #d8d8d8;display:none;padding:20px 0;}
	#gnb .m_gnb_area .depth2 .sub_menu_ul.active {display:block;} /* 0915 수정 */
	#gnb .m_gnb_area .depth2 .sub_menu_ul li {position:relative;}
	#gnb .m_gnb_area .depth2 .sub_menu_ul li a {height:55px;display:block;padding:0 0 0 30px;font-size:14px;color:#5c5c5c;line-height:55px;}
	#gnb .m_gnb_area .depth2 .sub_menu_ul li a.active {color:#2c6b61;font-weight:700;} /* 0915 수정 */


	#gnb .gnb_side {position:relative;margin:0 15px 5px;}
	#gnb .gnb_side .gnb_side_ul {position:relative;font-size:0;}
	#gnb .gnb_side .gnb_side_ul li {position:relative;display:inline-block;vertical-align:top;margin-right:5px;}
	#gnb .gnb_side .gnb_side_ul li:last-child {margin:0;}
	#gnb .gnb_side .gnb_side_ul li a {display:block;box-sizing:border-box;}
	#gnb .gnb_side .gnb_side_ul li .login {width:40px;height:40px;display:block;background:#222;font-size:12px;color:#fff;text-align:center;}
	#gnb .gnb_side .gnb_side_ul li .login span {line-height:12px;display: inline-block;padding-top:10px;}
	#gnb .gnb_side .gnb_side_ul li .log_out {width:40px;height:40px;display:block;background:#222;font-size:12px;color:#fff;text-align:center;padding-top:8px;}
	#gnb .gnb_side .gnb_side_ul li .log_out span {line-height:12px;display: inline-block;padding-top:10px;}
	#gnb .gnb_side .gnb_side_ul li .mypage {width:40px;height:40px;display:block;background:url('../images/m/common/ico_mypage.png') no-repeat center #222;font-size:11px;color:#fff;line-height:40px;text-align:center;}
	#gnb .gnb_side .gnb_side_ul li.gnb_search_area {width:calc(100% - 130px);height:40px;position:relative;padding-right:40px;}
	#gnb .gnb_side .gnb_side_ul li.gnb_search_area .input_box {width:100%;height:40px;box-sizing:border-box;border:1px solid #d8d8d8;}
	#gnb .gnb_side .gnb_side_ul li.gnb_search_area input {width:100%;height:100%;line-height:40px;font-size:12px;color:#444;text-indent:10px;}
	#gnb .gnb_side .gnb_side_ul li.gnb_search_area .btn_search {width:40px;height:40px;position:absolute;right:0px;top:0;background:url('../images/m/common/gnb_ico_search.png') no-repeat center #2c6b61;background-size:16px;}
	#gnb .gnb_side .gnb_side_ul li .select {position: relative;display: block;margin: 0 auto;width: 100%;color:#9c9c9c;vertical-align: middle;text-align: left;}
	#gnb .gnb_side .gnb_side_ul li .select .placeholder {width:60px;height:35px;position:relative;display:block;z-index:1;padding:0 7px;cursor: pointer;font-size:12px;color:#9c9c9c;line-height:35px;overflow:hidden;margin-left:26px;}
	#gnb .gnb_side .gnb_side_ul li .select .placeholder:after {content:'';width:7px;height:4px;position:absolute;right:10px;top:50%;background:url('../images/m/common/select_cursor.png') no-repeat 0 0;background-size:7px;margin-top:-2px;}
	#gnb .gnb_side .gnb_side_ul li .select.is-open .placeholder:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	#gnb .gnb_side .gnb_side_ul li .select.is-open ul {display: block;}
	#gnb .gnb_side .gnb_side_ul li .select.select--white .placeholder {background: #fff;color: #9c9c9c;}
	#gnb .gnb_side .gnb_side_ul li .select.select--white .placeholder:hover {background: #fafafa;}
	#gnb .gnb_side .gnb_side_ul li .select ul {display:none;position:absolute;overflow:hidden;overflow-y:auto;width:74px;top:100%;left:26px;list-style: none;padding: 0;z-index: 100;box-sizing:border-box;}
	#gnb .gnb_side .gnb_side_ul li .select ul li {display:block;text-align:left;padding:0;color: #9c9c9c;font-size:12px;cursor: pointer;}

	#footer {padding:20px 15px 60px;}
	#footer .footer_contents .footer_top {padding:0;}
	#footer .footer_contents .footer_top .menu_ul {max-width:330px;margin:0 auto;text-align: center;}
	#footer .footer_contents .footer_top .menu_ul li {margin-bottom: 15px;padding:0 7%;}
	#footer .footer_contents .footer_top .menu_ul li a {font-size:12px;}

	#footer .footer_contents .footer_bottom .footer_logo {width:105px;margin-right:0;float:none;margin-bottom: 20px;}
	#footer .footer_contents .footer_bottom p {width:100%;float:none;color:#c2c2c2;}
	#footer .footer_contents .footer_bottom .wa {width:65px;}
}