@charset "utf-8";

/* Reset */
html, body,h1, h2, h3, h4, h5, h6,div, p, blockquote, pre, address,ul, ol, li, dl, dt, dd,table, caption, th, td,form, fieldset, legend,hr {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
ul, ol {list-style:none;}
table {width:100%;margin:0;padding:0;border-spacing:0;border:0;_border-collapse:collapse;}
*+html table {border-collapse:collapse;}
img, fieldset, abbr, acronym {border:0;}
address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal;}
q:before, q:after {content: '';}
input, select, button, textarea {color:#666;font-size:100%;font-family:"돋움", dotum, sans-serif;}
select {padding:2px;}

/* Base */
body {color:#333;font-size:12px;font-family:"돋움", dotum, sans-serif;line-height:1.5; position:relative;}
hr {display:none}
caption, legend {width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
a {color:#888; text-decoration:none;}
a:hover, a:focus {color:#cfaa7a}
#skipNavigation a {display:block; height:1px; width:1px; margin-bottom:-1px;overflow:hidden; text-align:center; color:#000;white-space:nowrap;}
#skipNavigation a:focus,#skipNavigation a:active {height:auto; width:auto; padding:5px; margin-bottom:10px;}

#header .hTop, #header #gnb .gnb .lnb, .mBanners, .bSlide .btnsArea {max-width:960px;}
#header .hTop, #header #gnb .gnb, #header #gnb .gnb .lnb, .mBanners, .bSlide, #footer {min-width:740px; margin:0 auto;}

#header {text-align:center; padding-bottom:35px;}
#header .hTop {margin:0 auto; height:58px; padding:22px 0 0; position:relative; text-align:center; z-index:3;}
#header h1 {width:261px; height:35px; overflow:hidden; text-indent:-1000px; margin:0 auto; background:url('/main_images/h1_logo.png') 0 0 no-repeat;}
#header h1 a {display:block; height:35px;}
#header .language {position:absolute; right:10px; top:40px; z-index:1; width:136px}
#header .language dl {width:136px; border:1px solid #fff; overflow:hidden; background:#fff;}
#header .language dl dt a {display:block; height:9px; padding:10px 31px 10px 9px; background:url('/main_images/bg_language.gif') 100% 13px no-repeat;}
#header .language dl.on dt a {background-position: 100% -37px;}
#header .language dl.on {border:1px solid #e7eded;}
#header .language dl dd {margin:0 10px; border-top:1px solid #e7eded; padding:13px 0; display:none;}
#header .language dl dd a {display:block; margin:5px 0; overflow:hidden; width:115px;}
#header .language dl dd a:hover img, #header .language dl dd a:focus img {margin-left:-115px;}
#header #gnb {width:100%; position:relative;}
#header #gnb .logo {display:none;}
#header #gnb .gnb {position:absolute; left:0; z-index:2; width:100%; margin:0 auto; background:url('/main_images/bg_gnb.png') 0 0 repeat-x;}
#header #gnb.overheader {z-index:3;}
#header #gnb .gnb .gnbWrap {position:relative; margin:0 auto;}
#header #gnb .gnb .lnb {position:relative; height:35px; overflow:hidden; margin:0 auto;}
#header #gnb .gnb .lnb li {float:left; text-align:left;}
#header #gnb .gnb .lnb li.m1 {width:20%; margin-left:13.5%;}
#header #gnb .gnb .lnb li.m2 {width:21.2%;}
#header #gnb .gnb .lnb li.m3 {width:20.7%;}
#header #gnb .gnb .lnb li.m4 {width:18.5%;}
#header #gnb .gnb .lnb a.dep1 {display:block; overflow:hidden; white-space:nowrap; padding-left:3px;}
#header #gnb .gnb .lnb li .dep2 {padding:16px 0;}
#header #gnb .gnb .lnb li .dep2 li {float:none;}
#header #gnb .gnb .lnb li .dep2 a {display:block; width:150px; height:25px; overflow:hidden; text-indent:-300px; margin-top:1px; background:url('/main_images/gnb.png') 0 0 no-repeat;}
#header #gnb .gnb .lnb li .dep2 a.d1_1 {background-position:0 0;}
#header #gnb .gnb .lnb li .dep2 a.d1_2 {background-position:0 -25px;}
#header #gnb .gnb .lnb li .dep2 a.d1_3 {background-position:0 -50px}
#header #gnb .gnb .lnb li .dep2 a.d1_4 {background-position:0 -75px}
#header #gnb .gnb .lnb li .dep2 a.d1_5 {background-position:0 -325px}
#header #gnb .gnb .lnb li .dep2 a.d2_1 {background-position:0 -100px}
#header #gnb .gnb .lnb li .dep2 a.d2_2 {background-position:0 -125px}
#header #gnb .gnb .lnb li .dep2 a.d2_3 {background-position:0 -150px}
#header #gnb .gnb .lnb li .dep2 a.d3_1 {background-position:0 -175px}
#header #gnb .gnb .lnb li .dep2 a.d3_2 {background-position:0 -200px}
#header #gnb .gnb .lnb li .dep2 a.d3_3 {background-position:0 -225px}
#header #gnb .gnb .lnb li .dep2 a.d3_4 {background-position:0 -250px}
#header #gnb .gnb .lnb li .dep2 a.d4_1 {background-position:0 -275px}
#header #gnb .gnb .lnb li .dep2 a.d4_2 {background-position:0 -300px}
#header #gnb .gnb .lnb li .dep2 a:hover, #header #gnb .gnb .lnb li .dep2 a:focus {background-position-x:-151px;}
#footer {border-top:1px solid #e9edec; margin-top:40px; padding:20px 0;}
#footer .copy {text-align:center;}

.mBanners {max-width:960px; margin:20px auto 0; overflow:hidden;}
.mBanners ul {overflow:hidden; margin:0 auto;}
.mBanners ul li {float:left; width:33.3%; overflow:hidden; text-align:center;}
.mBanners ul li > a {display:block; margin:10px; position:relative;}
.mBanners ul li a span.over {position:absolute; top:0; left:0; display:none; width:100%;}
.mBanners ul li a:hover span.over {display:block; }
.mobile .mBanners ul li a:hover span.over {display:none; }
.mBanners ul li a img {width:100%; max-width:300px;}
.mBanners ul li.social {overflow:hidden; width:66.6%;}
.mBanners ul li.social > div.socialCon {margin:10px; background:#cad6d7; text-align:left;}
.mBanners ul li.social .tit {text-align:center; padding:4% 0;}
.sList {overflow:hidden; padding:0 4%; height:70%;}
.sList a {margin:0;}
.sList a span {display:block;/* text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;*/}
.sList .youtube {float:left; width:62%; height:100%; max-height:210px; }
.sList .face, .sList .blog {background:#fff; margin-left:65%; color:#888; height:36%; padding:10px 10px; font-size:11px;}
.sList .face {background:#fff url('/main_images/bg_social_face.gif') 100% 100% no-repeat;}
.sList .blog {margin-top:14px; background:#fff url('/main_images/bg_social_blog.gif') 100% 100% no-repeat;}
.sList a:hover .txtH, .sList a:hover .txtC {text-decoration:underline;}
.sList a.like {display:block; width:16%; margin-top:3px;}
.sList a.like img {width:100%; max-width:28px;}

.bSlide .rolling ul {overflow:hidden; height:590px; position:relative; }
.bSlide .rolling li {position:absolute; top:590px; left:0; height:590px; width:100%; background-position:50% 0; overflow:hidden; text-indent:-1000px; *z-index:-1;}
.bSlide .rolling li a{display:block; height:590px;}
.bSlide .rolling li:first-child {top:0;}
.bSlide .btnsArea {margin:0 auto; text-align:right; position:relative;}
.bSlide .btnsArea .btn {position:absolute; z-index:10; right:10px; top:250px; display:block; width:19px;}
.bSlide .btnsArea a {display:block; overflow:hidden; height:12px; font-size:0px; margin-top:30px; background:url('/main_images/bg_slide.png') 0 -43px no-repeat;}
.bSlide .btnsArea a.on {background-position:0 -84px;;}
.bSlide .btnsArea a.prev {margin-top:0; height:10px; background-position:0 0;}
.bSlide .btnsArea a.next {height:10px; background-position:0 100%;}

/*intro*/
html ,#intro {width:100%; height:100%;}
#intro {position:relative; background:url('/main_images/intro.jpg') 50% no-repeat;}
.introBox {position:absolute; top:50%; left:50%; width:340px; height:340px; margin:-170px 0 0 -170px; text-align:center; background:url('/main_images/bg_intro.png') no-repeat;}
.introBox h1 {padding:34px 0 11px;}
.introBox dl {margin-top:42px; *margin-top:38px; overflow:hidden;}
.introBox dl dt {margin-bottom:11px; *margin-bottom:9px;}
.introBox dl dd a {display:inline-block; padding:0px 13px 0px 14px; background:url('/main_images/bg_introbar.png') 0 0 no-repeat; vertical-align:top;}
.introBox dl dd a:first-child {background:none;}