@charset 'utf-8';
@import url('default.css');
@import url('main.css');
@import url('board.css');


.cf:after{content:''; display: block; clear: both;}
.w_1280{width: 1280px; margin: 0 auto; min-width: 1280px;}

#header_wrap{min-width: 1280px;}
#header_wrap .top_wrap{position: relative; width: 1280px; margin: 0 auto; height: 106px;}
#header_wrap .top_wrap>div{position: absolute;}
#header_wrap .top_wrap div.top_banner {left: 0; top:20px;}
#header_wrap .top_wrap div.top_menu{right: 0; top: 5px;}
#header_wrap .top_wrap div.top_menu li span{padding-left:10px; color:#c1c1c1;}
#header_wrap .top_wrap div.logo{left: 50%; margin-left: -111px; top: 50%; margin-top: -47px;}
#header_wrap .top_wrap .top_menu ul{overflow: hidden;}
#header_wrap .top_wrap .top_menu ul li{float: left; margin-right: 15px;}
#header_wrap .top_wrap .top_menu ul li.last{margin-right: 0px;}
#header_wrap .top_wrap .top_menu ul li a{display: block; font-size:14px; letter-spacing:0em; }
#header_wrap .gnb_wrap{height: 62px; background: #4dadb0; position: relative; transition: all 0.5s;}
#header_wrap .gnb_wrap>div{position: relative;}
#header_wrap .gnb_wrap>div>div.home,
#header_wrap .gnb_wrap>div>div.all_menu_wrap{position: absolute;}
#header_wrap .gnb_wrap .home>a{display: block; width: 62px; height: 62px; text-align: center; background: #1f8485; line-height: 69px;}
#header_wrap .gnb_wrap .home a img{vertical-align: inherit;}
#header_wrap .gnb_wrap .home{left: 0; top:0;}
#header_wrap .gnb_wrap .all_menu_wrap{right: 0; top:0;}
#header_wrap .gnb_wrap>div>div.all_menu_wrap .nav {display:block; width: 62px; height: 62px; text-align: center; background: #1f8485; line-height: 62px;text-indent:-9999px;cursor:pointer;}
#header_wrap .gnb_wrap>div>div.all_menu_wrap .nav span {position: absolute;  top:0; right: 0; bottom: 0; left: 0; margin:auto; width: 14px; height: 2px; background:#ffffff;
	-webkit-transition: top 0.5s, transform 0.5s;
	-moz-transition: top 0.5s, transform 0.5s;
	-o-transition: top 0.5s, transform 0.5s;
	transition: top 0.5s, transform 0.5s;
	}
#header_wrap .gnb_wrap>div>div.all_menu_wrap .nav .top {top: -10px;}
#header_wrap .gnb_wrap>div>div.all_menu_wrap .nav .middle {top:0;}
#header_wrap .gnb_wrap>div>div.all_menu_wrap .nav .bottom {bottom: -10px;}
#header_wrap .gnb_wrap>div>div.all_menu_wrap .nav.non {background: #033333;}
#header_wrap .gnb_wrap>div>div.all_menu_wrap .nav.non .top{-webkit-transform: rotateZ(0deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(0deg); top: 0;}
#header_wrap .gnb_wrap>div>div.all_menu_wrap .nav.non .middle{-webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg);}
#header_wrap .gnb_wrap>div>div.all_menu_wrap .nav.non .bottom{ -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-90deg); top: -10px;}

#header_wrap .all_menu{display: none; background: rgba(44,42,41,0.95); left: 0; position: absolute; top: 168px; width: 100%; z-index: 9999; height: auto;}
#header_wrap .all_menu>ul{width: 1200px; margin: 0 auto; padding: 15px 0 5px;}
#header_wrap .all_menu>ul>li{float: left; width: 1200px; margin: 0 20px; border-bottom: 1px solid #555;}

#header_wrap .all_menu .category {float:none;padding:9px 0;letter-spacing:-0.02em;}
#header_wrap .all_menu .category dl {display:table;}
#header_wrap .all_menu .category dt {display:table-cell;padding:3px 30px 3px 0;font-size:22px; line-height:24px; color:#fff; vertical-align:top; white-space:nowrap; font-weight:600;}
#header_wrap .all_menu .category dd {display:table-cell;}
#header_wrap .all_menu .category dd ul:after {content:'';display:block;clear:both;}
#header_wrap .all_menu .category dd li {float:left;padding:4px 0;}
#header_wrap .all_menu .category dd li:after {content:'I';padding:0 15px;color:#777;}
#header_wrap .all_menu .category dd li:last-child:after {display:none;}
#header_wrap .all_menu .category dd a {font-size:16px;line-height:22px;color:#bbb;}
#header_wrap .all_menu .category dd a:hover {text-decoration:underline; color:#FFF;}

#header_wrap .gnb_wrap .gnb{width: 1218px; position: absolute; left: 50%; margin-left: -621px; z-index: 9999;}
#header_wrap .gnb_wrap .gnb>ul{height: 62px; line-height: 62px;}
#header_wrap .gnb_wrap .gnb>ul>li{float: left; width: 200px; text-align: center;}
#header_wrap .gnb_wrap .gnb>ul>li>a{display: block; color: #ffffff; font-size: 21px; font-family: 'NanumBarunGothicBold', Arial,Trebuchet MS, Helvetica, sans-serif, Nanum Barun Gothic; font-weight:600; text-shadow:1px 0px 3px #138b8f;}
#header_wrap .gnb_wrap .gnb>ul>li:hover>a{background: #1f8485; transition: all 0.3s; font-weight:600;}
#header_wrap .gnb_wrap .gnb>ul>li .sub_menu{display: none;}
#header_wrap .gnb_wrap .gnb>ul>li:hover .sub_menu{display: block;}
#header_wrap .gnb_wrap .gnb>ul>li .sub_menu{background:#1f8485;}
#header_wrap .gnb_wrap .gnb>ul>li .sub_menu li{height: 40px; line-height: 40px; }
#header_wrap .gnb_wrap .gnb>ul>li .sub_menu li a{display: block;  font-family: 'Nanum Square'; font-size: 15px; color:#FFF;}
#header_wrap .gnb_wrap .gnb>ul>li .sub_menu li a:hover{background:#35a8a9; transition: all 0.3s; color:#FFF;}


#footer {clear:both; height:110px; background:#282828; bottom:0px;}
#footer .footer {min-width:1280px; width:1280px; margin:0px auto; padding-top:20px;}
#footer .footer .f_logo {width:170px; float:left;}
#footer .footer .f_area {width:990px; float:left;}
#footer .footer .f_area .f_tab {float:left; position:relative; padding-bottom:10px;}
#footer .footer .f_area .f_tab li {display: inline-block; float:left;}
#footer .footer .f_area .f_tab li a {color:#FFF;}
#footer .footer .f_area .f_tab li a span {padding:0 10px; color: #454545;}

#footer .footer .f_area .f_info p {float:left; font-size:15px; color:#959595; line-height:140%; letter-spacing:-0.025em;}
#footer .footer .f_area .f_info span {padding:0 7px; color: #454545;}

#footer .footer .f_sns {width:120px; float:right; position:relative;}
#footer .footer .f_sns li {display: inline-block; float:right; padding-right:6px;}






/*sub page*/
.swrap_box {position: relative; background:#FFF; padding-top:0px; }

.svisual01 {position:relative; width:100%; height:200px; margin:0 auto; background:#151517 url('/2018/images/svisual01.png') no-repeat 50% 0;}
.svisual02 {position:relative; width:100%; height:200px; margin:0 auto; background:#000 url('/2018/images/svisual02.png') no-repeat 50% 0;}
.svisual03 {position:relative; width:100%; height:200px; margin:0 auto; background:#141316 url('/2018/images/svisual03.png') no-repeat 50% 0;}


.pg_tab_bg {position:relative; width:1200px; height:52px; margin:0 auto; background:url('/2019/images/pg_tab_bg.png') no-repeat ; padding:0px 40px 0 40px; top:150px;}
.pg_tab_bg .pg_tab {text-align:center; position:relative;}
.pg_tab_bg .pg_tab ul {padding-top:20px}
.pg_tab_bg .pg_tab ul li {display:inline-block}
.pg_tab_bg .pg_tab ul li a {display:inline-block;position:relative;padding:5px 15px;text-decoration:none}
.pg_tab_bg .pg_tab ul li a:hover, .pg_tab_bg .pg_tab ul li a:focus, .pg_tab_bg .pg_tab ul li a.on {color:#0ca2a7;}
.pg_tab_bg .pg_tab ul li a i {position:absolute; right:0; top:10px; width:1px; height:15px; background:#dfe1e9;}
.pg_tab_bg .pg_tab ul li:last-child a i {display:none}
.pg_tab_bg .pg_tab a:hover, .pg_tab_bg .pg_tab a:focus {background-position-y:bottom;}
.pg_tab_bg .pg_tab .fsm {font-size:80%; letter-spacing:-0.05em;}


.scene {display: block; position: relative; width:100%; height:200px; background-repeat:no-repeat; background-attachment: fixed; }

.scene.svisual1 {background-image: url('/2019/images/svisual01.png');}
.parallax {color: #fff; max-width: 100%; position: relative; top: 50%; left: 50%; transform: translateX(-50%)translateY(-50%); text-align: center; font-weight: bold;}
.parallax h2 {position:absolute; width:50%; margin-left:25%; text-align:center; top:-30px; color:#FFF; font-size:39px; text-shadow:1px 1px 1px #000;}

.cate {text-align:center; padding-top:80px; width:100%;}
.cate .box {width:1280px; margin:0 auto;}
.cate .box2 {/*width:1280px;*/ width:100%; margin:0 auto;}

.m_tit {padding-bottom:40px; text-align:center;}
.mn {padding-bottom:50px; text-align:center;}
.mn li {display:inline; float:left;}
.mn_0 {padding-bottom:0px; text-align:center; float:left;}
.mn_0 li {display:inline; float:left;}
.mn_40 {padding-bottom:40px; text-align:center;}
.mn_100 {padding-bottom:100px; text-align:center;}
.mn_100 li {display:inline; float:left;}
.mn_btm {padding-bottom:180px; text-align:center;}
.mn_0left {padding-bottom:0px; text-align:left;}
.page_img {padding-bottom:70px; text-align:center;}

.bloc {padding-bottom:100px; text-align:center; width:1280px; float:left;}

.tabs1 {margin-bottom:0px; float:left; padding-bottom:10px;}
.tabs1 li {float:left; margin-bottom:8px;}
.tabs1 li a {display:block; height:45px; min-width:135px; padding:5px 17px; line-height:45px; text-align:center; background:#FFF; color:#333; font-size:17px; font-weight:600; letter-spacing:-0.05em; margin-right:0px; cursor:pointer; border-radius:0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:0px solid #ccc;}
/* .tabs1 li:last-child a {border-right:1px solid #ccc;}*/
.tabs1 li a:hover {background:#5e5e5e; color:#FFF; border:1px solid #5e5e5e; }
.tabs1 li:last-child {border-bottom:1px solid #ccc; height:56px; border-left:1px solid #CCC;}
.tabs1 li:first-child {border-left:0px solid #ccc; height:56px;}

.tabs2 {margin-bottom:0px; float:left; padding-bottom:10px;}
.tabs2 li {float:left; margin-bottom:8px;}
.tabs2 li a {display:block; height:45px; min-width:135px; padding:5px 17px; line-height:45px; text-align:center; background:#FFF; color:#5e5e5e; font-size:17px; font-weight:400; letter-spacing:-0.05em; margin-right:7px; cursor:pointer; border-radius:0px; border:1px solid #ccc;}
.tabs2 li a:hover, {background:#5e5e5e; color:#FFF; border:1px solid #5e5e5e; }


/*둘러보기*/
.look_wrap {position:relative; margin:0px 0 0 0px; height:640px; padding-bottom:0px;}
.look_wrap .l_silde {position:relative; float:left; width:1000px; height:640px; padding-right:33px; background:url("/2019/mn01/img/look_bg01.png") no-repeat right bottom;}
.look_wrap .l_silde .bx-wrapper {width:1000px; height:640px;}
.look_wrap .l_silde .bx-wrapper img {width:1000px; height:640px;}
.look_wrap .l_silde .bx-wrapper .bx-controls-direction{width:110px; position:absolute; bottom:80px; right:60px;}
.look_wrap .l_silde .bx-controls-direction a {position:absolute; width: 50px; height: 50px; background-size:cover; text-indent:-9999px;}
.look_wrap .l_silde .bx-wrapper .bx-prev {left:0; background: url("/2019/mn01/img/ctl_prev.png") no-repeat;}
.look_wrap .l_silde .bx-wrapper .bx-next {right:0; background: url("/2019/mn01/img/ctl_nxt.png") no-repeat;}
.look_wrap .l_silde .bx-wrapper .bx-controls .bx-controls-auto{width:50px; position:absolute;bottom:80px; right:115px;}
.look_wrap .l_silde .bx-wrapper .bx-controls .bx-controls-auto a {position: absolute; width: 50px; height: 50px; background-size:cover; text-indent:-9999px;}
.look_wrap .l_silde .bx-wrapper .bx-controls .bx-stop {display:none; background: url("/2019/mn01/img/ctl_pluse.png") no-repeat;}
.look_wrap .l_silde .bx-wrapper .bx-controls .bx-start {display:none; background: url("/2019/mn01/img/ctl_play.png") no-repeat;}

.text_box {position:absolute; bottom:0; left:50%; margin-left:-140px; width:179px; height:117px;}
.text_box .silde_text {display:none; position:absolute; }

.look_wrap .container {position:relative; height:655px;}
.look_wrap .sun_pager {position:absolute; top:30px; right:60px; width:150px; height:580px;}
.look_wrap .sun_pager .slide a {display:inline-block; position:relative; box-sizing:border-box;}

.look_wrap .under_bg {width:1000px; height:176px; margin-left:30px; padding-top:580px;}

.look_wrap .sun_pager .bx-wrapper {position:relative; height:580px;}
.look_wrap .sun_pager .bx-viewport {position:relative; height:580px !important;}
.look_wrap .sun_pager .bx-controls-direction a {position:absolute; width:19px; height:9px; background-size:cover; left:50%; margin-left:-8px; text-indent:-9999px;}
.look_wrap .sun_pager .bx-wrapper .bx-prev {top:-30px; background: url("/2019/mn01/img/sum_prev.png") no-repeat;}
.look_wrap .sun_pager .bx-wrapper .bx-next {bottom:-30px; background: url("/2019/mn01/img/sum_next.png") no-repeat;}



.sr-only,.sound_only,.sound_only2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
.sound_only { margin:0; padding:0; font-size: 1px; text-indent: -9999px }
.sound_only2 { margin:0; padding:0; font-size: 1px; text-indent: -9999px; height: 1px}
fieldset.sound_only { display: inline-block; font-size: 12px; text-indent: 0; position: static; left: 0 }
legend.sound_only, .sound_onlyA { position: absolute; left: -9999px }