@charset "UTF-8";

/* 공통영역 */
body,input,select,textarea{ font:12px/15px  "돋움", Dotum, "굴림",gulim,AppleGothicVerdana, sans-serif ; color:#5f5e5e; -webkit-text-size-adjust:none; }
html,body { margin:0;padding:0; }
body{background-color:#fff;word-break:break-all;}
form, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p { margin:0; padding:0;}
ol, ul, li { list-style:none;}
hr { display:none; }
table {border-collapse:collapse;}
a:link, a:visited { color:#67686e; text-decoration:none;}
a:active, a:hover, a:focus { color:#000000; text-decoration:none;}

em { font-style:normal; }
img { border:0; vertical-align:top; }
iframe, fieldset { margin:0; padding:0; border:0px; }

@font-face{
	font-family:'SourceHanSansKR-Regular-Alphabetic';
	src: url('../../font/SourceHanSansKR-Regular-Alphabetic.eot');
	src: url('../../font/SourceHanSansKR-Regular-Alphabetic.eot?#iefix') format('embedded-opentype'),
	url('../../font/SourceHanSansKR-Regular-Alphabetic.woff') format('woff'),
	url('../../font/SourceHanSansKR-Regular-Alphabetic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face{
 font-family:'SourceHanSansKR-Medium-Alphabetic';
 src: url('../../font/SourceHanSansKR-Medium-Alphabetic.eot');
 src: url('../../font/SourceHanSansKR-Medium-Alphabetic.eot?#iefix') format('embedded-opentype'),
   url('../../font/SourceHanSansKR-Medium-Alphabetic.woff') format('woff'),
   url('../../font/SourceHanSansKR-Medium-Alphabetic.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

@font-face{
 font-family:'NanumGothic';
 src: url('../../font/NanumGothic.eot');
 src: url('../../font/NanumGothic.eot?#iefix') format('embedded-opentype'),
   url('../../font/NanumGothic.woff') format('woff'),
   url('../../font/NanumGothic.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

#wrap {min-width:1200px}
#header {position:relative;width:100%}
#header .hTop {width:1200px;height:144px; margin:0 auto;position:relative}
#header .hTop .logo{display:block;width:258px;height:144px;background: url(../../images/common/logo.png) no-repeat;text-indent: -9999px;margin:0 auto;}
#header .hCont {width:100%;height:70px;position:relative;background:#d28a36}
#header .hNavi {width:1200px;margin:0 auto;height:70px;position:relative;}
#header .hNavi li {float:left;display: inline;vertical-align: middle;text-align: center;}
#header .hNavi  li >  a{display:inline-block;height:70px;width:158px;position:relative;z-index:10;}
#header .hNavi  li img {position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
#header .hNavi li a:before {content: "";position: absolute;top:10px;right:0;width:1px;height:49px;background:#ffffff;vertical-align: top}
#header .hNavi li.last a:before {display:none}
/*#header .hCont .bg {display:none;height:60px;position:absolute;top:68px;left:0;right:0;bottom:0;z-index:5;background: rgba(0,0,0,.7)}*/
#header.on .hCont .bg {display:block;}

#header .hNavi ul.smenu {display:none;position: absolute;top:70px;left:0;z-index:10;}
#header .hNavi ul.smenu li {display:inline-block;float: left;margin-right:40px;}
#header .hNavi ul.smenu li.depth a{margin-right:10px;}
#header .hNavi ul.smenu li a {color:#fff;font-weight:normal;font-size:17px;height:60px;line-height:60px;width:auto;padding-left:0;letter-spacing:0}
#header .hNavi ul.smenu li.last a{padding-right:0;}
#header .hNavi ul.smenu li a:before {display: none}
#header .hNavi ul.smenu li a:hover ,#header .hNavi ul.smenu li a:active {color:#fff;}
#header .hNavi li.selected .smenu {display: block;}
#header .hNavi #menu1 .smenu {left:50px;}
#header .hNavi #menu2 .smenu {left:70px;}
#header .hNavi #menu3 .smenu {left:80px;}
#header .hNavi #menu4 .smenu {left:90px;}
#header .hNavi #menu5 .smenu {left:100px;}
#header .hNavi #menu6 .smenu {left:50px;}
#header .hNavi #menu7 .smenu {left:70px;}

#footer {clear:both;width:100%;height:154px;background:#5f5e5e}
#footer .fCont {width:1200px;margin: 0 auto;position: relative;}
#footer .fCont .f_logo {display:inline-block;float:left;margin:42px 0 0 70px;background: url(../../images/common/f_logo.png) no-repeat;width:237px;height:63px;text-indent: -9999px}
#footer .fCont .f_Info {padding:42px 0 0 360px;}
#footer .fCont .f_Info li {font-family:'SourceHanSansKR-Regular-Alphabetic'; font-size:15px;line-height:24px;color:#ffffff}

#container {width:100%;position: relative;}
#container .content {width:1200px;margin:0 auto;position:relative;overflow:hidden;height:100%}
#container .intro {width:1060px;margin:0 auto;}
#container .intro_roll {margin:10px 0 120px;overflow:hidden;}
#container .intro_roll li {float:left}
#container .mView {margin-top:2px}
#container .mTab {width:1200px;margin:0 auto;position:relative}
#container .mTab .tabs {overflow:hidden;margin-top:-47px;position:relative;z-index: 100}
#container .mTab .tabs li {width:398px;height:46px;line-height:46px;float:left;text-align:center;border:1px solid #fff;margin-right:-1px;}
#container .mTab .tabs li a {display:block;color:#fefefe;font-size:16px;font-family:'SourceHanSansKR-Medium-Alphabetic'; background:#3a3933;height:46px;}
#container .mTab .tabs li.on a{background:#3e241f}
#container .mTab .tabs li.line a{line-height:20px;padding-top:2px;height:44px;}

#container .mView .tabCont  img {width:100%}
/*#container .mView .tabCont .tabBox {display:none}*/

#container .btn_cont {width:1200px;margin:0 auto;position:relative;}
#container .btn_left {position:absolute;top:205px;left:15px;z-index:100}
#container .btn_right {position:absolute;top:205px;right:15px;z-index:100}
#container .bx-controls {display:none}


@media all and (min-width : 1224px) {
	#container .mView img {max-width:100%;max-height:100%;height:inherit !important;}
}

.content .videoArea {margin-top:29px;}
.content .videoArea .boxL {float:left;margin-right:35px;}
.content .videoArea .video {width:583px;position:relative;border:10px solid #464646;}
.content .videoArea .btn_play {position:absolute;top:50%;left:50%;margin-top:-55px;margin-left:-55px }
.content .realArea {margin-top:104px;}
.content .realArea ul {overflow:hidden;margin-top:60px;margin-bottom:51px;}
.content .realArea ul li {float:left;margin-right:46px;}
.content .realArea ul li.last {margin-right:0}
.content .center {text-align:center}
.section {width:100%;background:#e8e8e8}
.section.bg {background:#ffffff}
.section.bg2 {background: url(../../images/content/main_bg.jpg) repeat;background-size:100% 100%;height:371px;}

.section .main_tit {text-align: center;}
.section .main_list {margin-bottom:37px;overflow: hidden;}
.section .main_list a {float:left;display:inline-block;margin-right:25px;}
.section .main_list a:last-child {margin-right:0;}
.section .main_tabs {float:left;margin-right:26px;width:894px;}
.section .main_tabs ul {float:left;margin-right:1px;}
.section .main_tabs li {display:block;margin:1px 0;position: relative;}
.section .tabsCont div {display: none}
.section .notice {float: left;width:280px;}
.section .notice .tit {position: relative;border-bottom: 1px solid #8d8e92;}
.section .notice .tit .more {position: absolute;top:10px;right:9px;}
.section .notice ul {margin-top:15px;margin-bottom:32px;}
.section .notice li {height:14px;line-height:16px;display:block;position: relative;padding-left:23px;padding-bottom:12px;}
.section .notice li:last-child {padding-bottom:0;}
.section .notice li:before {	content: "";width:5px;height:5px;background: url(../../images/content/notice_icon.jpg) no-repeat;background-size:100%;position: absolute;top:5px;left:9px;}
.section .notice li a {font-size:12px;width:182px;height:14px;display:inline-block;overflow: hidden;letter-spacing: -1px;vertical-align: top}
.section .notice li a .date {color:#a7a7a7;float:right;}
.section .imgLink {float:left;}
.section.m40 {margin:40px auto 0 auto !important;}
.section.m40 .notice {margin-left:29px;width:277px;}



.content .tabOver {position:relative;margin-bottom:44px;}
.content .tabOver .tabs {position:absolute;top:0;left:0;z-index:100}
.content .tabOver .tabs a {display:block;width:226px;height:56px;line-height:56px;text-align:right;margin-bottom:1px;font-size:19px;color:#ffffff;font-family:'NanumGothic', '나눔고딕';padding-right:20px;background: #9c9185 }
.content  .tabOver .tabs a span {display:block; background: url(../../images/content/icon_arrow.png) no-repeat right center;background-size:24px 23px;padding-right:40px}
.content .tabOver .tabs a.active {background-color:#d28a36}
.content .tabOver .tabCont {position:relative;margin-left:246px;height:398px;}
.content .tabOver .tabBox {height:398px;overflow:hidden;}
.content .linkBox {overflow:hidden;margin-top:60px;margin-bottom:42px;}
.content .linkBox li {float:left;border-left:2px solid #b5b5b5;}
.content .linkBox li.first {border-left:none;padding-left:17px;}
.content .guideL {position:relative;margin:11px 0 0 8px;float:left;}
.content .guideL .link {position:absolute;top:94px;left:158px;}
.content .guideL .link a {float:left;margin-left:14px;}
.content .guideR {float:right;width:600px;margin-top:40px;position:relative;}
.content .guideR .map {margin-top:8px;width:600px;height:229px;overflow:hidden;}
.content .guideR .btn_kakao {position:absolute;top:3px;right:45px;}


#container .content.subContent {margin-top:30px;}
.aside {width:250px;padding-bottom:100px;background:#f2f2f2;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;}
.aside h1{position:relative;z-index:1;width:250px;height:82px}
.aside .sidemenu li {height:64px;line-height:64px;padding-left:35px;border-top:1px solid #d9d9d9;background: #f2f2f2;position: relative;}
.aside .sidemenu li:before {content: "";width:20px;height:20px;background: url(../../images/common/icon_aside.png) no-repeat;position: absolute;top:22px;right:20px;background-position: right 0 }
.aside .sidemenu li:last-child {border-bottom:1px solid #d9d9d9;}
.aside .sidemenu li a {display:block;font-size:18px;color:#5f5f5f;font-family:'NanumGothic', '나눔고딕'}
.aside .sidemenu li a.lineHeigh {line-height:24px;margin:10px 0;font-size:15px;}
.aside .sidemenu li.active:before ,.aside .sidemenu li.on:before , .aside .sidemenu li.active.depth:before  {background-position:0 0}
.aside .sidemenu li.active a,.aside .sidemenu li.on a {color:#637896;font-weight:bold;}
.aside .sidemenu li a.lineHeigh b {font-size:18px}
.aside .sidemenu li a.lineHeigh.normal {font-size:18px}


.article {margin-top:15px;margin-left:280px;min-height:500px;width:910px}
.article .artTop {height:34px;line-height:34px;background:url(../../images/common/icon_artTop.png) no-repeat;background-size:22px 33px;font-size:24px;color:#3d3d3d;padding:0 0 6px 39px;margin-left:6px;}
.article .artCont {min-height:500px;padding:0px 0 300px;font-family:'NanumGothic', '나눔고딕'}
.article .typeTxt1  {text-align:center;font-size:18px;color:#2c5897;font-weight:bold; padding:20px;}
.article .img {margin-top:22px}
.article .typeTxt2 {height:45px;line-height:45px;background:#efefef;border-top:1px solid #7da7d9;border-bottom:1px solid #7da7d9;margin-left:1px;padding-left:49px;font-size:23px;color:#527fb4;margin:10px 0 30px;position:relative;}
.article .typeTxt2:before {content:"";display:inline-block;width:24px;height:24px;background:url(../../images/common/icon_check.png) no-repeat left center;background-size:24px 24px;position:absolute;top:10px;left:12px;}
.article .listType1 {font-size:16px;color:#3d3d3d;}
.article .listType1 li {line-height:30px; padding-top:16px;}
.article .listType1 li.img {text-align:center;padding-top:50px;} 
.article .listType1 li.title {text-align:center;padding-top:60px; padding-bottom:20px;} 

.article .listType1 .icon {margin:27px 0 55px;}
.article .listType1 .icon p {font-size:16px;color:#434343;padding-left:24px;margin-bottom:22px;margin-left:3px;background:url(../../images/common/icon_round.png) no-repeat left center;background-size:8px 10px;}
.article .listType1 .icon p span {display:inline-block;border-bottom:1px solid #5a5a5a}
.article .listType2 {overflow:hidden; margin-top:20px;}
.article .listType2 li {float:left;}
.article .listType2 li p {width:280px;color:#3d3d3d;font-size:16px;line-height:26px;margin-top:10px;}
.article .listType2 li p.tit {padding:27px 0 20px;font-weight:bold;font-size:18px}
.article .listType2 li.space {margin:0 31px;}
.article .listType2 .txtR {padding-left:36px;}
.article .listType2 .txtR p {width:410px;}
.article .listType2 .txtR p.tit {padding:13px 0 20px;}
.article .listType3 {margin:0 0 30px;overflow:hidden;}
.article .listType3 li {float: left;width:434px;}
.article .listType3 li p {font-size:16px;color:#3d3d3d;line-height:26px;margin-top:28px;}
.article .listType3 li.space {margin-right:37px;}
.article .listType3 li.title {text-align:center;padding-top:60px; padding-bottom:20px;} 

.article .listType4 {font-size:16px;color:#3d3d3d;}
.article .listType4 li {line-height:26px; padding-left:24px}
.article .listType4 li.img {text-align:center;padding-top:50px;} 
.article .listType4 .icon {margin:17px 0 55px;}
.article .listType4 .icon p {font-size:16px;color:#434343;padding-left:24px;margin-bottom:12px;margin-left:3px;background:url(../../images/common/icon_round.png) no-repeat left center;background-size:8px 10px;}
.article .listType4 .icon p span {display:inline-block;border-bottom:1px solid #5a5a5a}

.article .p84 {padding-top:84px}
.article .p28 {padding-top:28px}

#quickmenu {position:absolute;top:0;right:0; z-index: 100}
#quickmenu span {display: block;width:178px;height:56px;background: url(../../images/content/quickmenu.png) no-repeat;text-indent: -9999px;}
#quickmenu span a {display: block;height:100%;}
#quickmenu span.tit {height:55px; }
#quickmenu span.menu1 {background-position:0 -56px}
#quickmenu span.menu2 {background-position:0 -112px}
#quickmenu span.menu3 {background-position:0 -168px}
#quickmenu span.menu4 {background-position:0 -224px}
#quickmenu span.menu5 {background-position:0 -280px}