@charset "utf-8";
/* Default Skin - Start */
.selectLang{margin:0;padding:0; z-index:1000;}
/* Site Layout - Body Wrap */
body{font-family:Tahoma, Geneva, sans-serif; margin:0;padding:0;}
html { overflow-y:scroll; }
/* Site Layout - Header */

.sn_login{ width:100%;}
.sn_login .s_login{ position:relative; width:980px; margin:0 auto 0 auto; height:30px; font-size:12px; z-index:10000;}
.sn_login .s_login .account{ position:absolute; top:5px; right:0px; margin:0; padding:0px; z-index:2; height:25px; width:120px;}
.sn_login .s_login .account li{ position:relative; float:left; list-style:none;}
div.black .sn_login .s_login .account li{ background-image:url(../img/lineHeaderVrBlack.gif);}
.sn_login .s_login .account li *{ vertical-align:top;}
.sn_login .s_login .account li li{ float:none; height:auto; background-image:none;}

.sn_login .s_login .account li.log{color:#666666;}
.sn_login .s_login .account li.log a{ display:block; padding:5px 0px 0px 13px; text-decoration:none;}
.sn_login .s_login .account li.profile{z-index:10000; padding:11px 0px 0px 5px; text-decoration:none; color:#4e566c; _margin-top:-6px;}
.sn_login .s_login .account li.profile span{cursor:pointer; margin-left:7px;  background-image:none; line-height:0;}
*:first-child+html li.profile{margin-top:-6px;}
div.black .sn_login .s_login .account li.profile button{ background-position:center 5px;}
.sn_login .s_login .account li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

.sn_login .s_login .account li.profile .memberProfile{ display:none; position:absolute; top:17px; right:0px; width:500px; padding:10px; border:1px solid #1a1b1d; z-index:1000;  _top:5px;}
.sn_login .s_login .account li.profile .memberProfile.active{ display:block;}
.sn_login .s_login .account li.profile .memberProfile .authorName{ margin:0 0 10px 10px; font-size:13px; font-weight:bold; color:#a8adc0; white-space:nowrap;}
.sn_login .s_login .account li.profile .memberProfile .authorName a{ margin:0 0 10px 10px; font-size:13px; font-weight:bold; color:#a8adc0; white-space:nowrap; text-decoration:none;}
.sn_login .s_login .account li.profile .memberProfile ul{ margin:0; padding:5px; list-style:none;}
.sn_login .s_login .account li.profile .memberProfile li{ float:left; white-space:nowrap; margin:5px 5px 5px 5px; padding:0 0 0 5px; background:url(../img/bulletB.gif) no-repeat left center;}
.sn_login .s_login .account li.profile .memberProfile li a{ background:none; color:#a8adc0; text-decoration:none;font-size:11px;}
.sn_login .s_login .account li.profile .memberProfile li a:hover,
.sn_login .s_login .account li.profile .memberProfile li a:active,
.sn_login .s_login .account li.profile .memberProfile li a:focus{ text-decoration:underline;}
.sn_login .s_login .account li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:30px; height:27px; background:transparent url(../images/log_close.gif) no-repeat center center;}
.sn_login .s_login .account li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;width:30px; height:27px;}

.sn_login .s_login .account li.register a{ display:block; width:43px; padding:5px 8px;}
div.black .sn_login .s_login .account li.register a{ background-position:center 5px;}
.sn_login .s_login .account li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

.language{top:5px;right:121px;z-index:100; position:absolute; width:160px; text-align:center; padding-top:5px; height:20px; z-index:1; font-size:10px;}
.language strong{height:15px;color:#4e566c;margin-right:3px; font-weight:normal; font-size:10px;}
.language .toggle{background:none;border:0;cursor:pointer;vertical-align:top;padding:0;height:15px; color:#666666;}
.language ul{position:absolute;top:25px;right:0px;display:none;border:0px;background:#4e566c;margin:0;padding:0; z-index:1;}
.language li{list-style:none}
.language li button{display:block;width:100px;padding:3px 8px;font-size:9px;color:#fff;background:none;border:0;text-align:left;white-space:nowrap;cursor:pointer; z-index:1;}
#languageList{z-index:10000;}
#languageList button:hover,
#languageList button:active,
#languageList button:focus { color:#1a2030; background:#71788b;}

.sn_header{width:100%;z-index:2;}
.s_header{ position:relative; width:980px; margin:0 auto 0 auto;color:#CCCCCC;}
.s_header h1{margin:0;position:absolute;top:0px;left:0px;}
.s_header h1 a{color:#fff;text-decoration:none; font-size:25px;}

/* 로그인 끝 */
.main_menu{ width:100%;}
.gnb{position:relative; height:38px; width:980px; margin:0 auto 0 auto;}
.gnb ul{list-style:none;margin:0;padding:0;zoom:1;}
.gnb ul:after{content:"";display:block;clear:both}
.gnb ul ul{position:absolute;left:0;top:38px;padding:5px 0;background:#222222; border-top:2px solid #990000; z-index:1; }
.gnb ul ul ul{margin-left:130px; border:0px; margin-top:-43px;}
.gnb li{float:left;list-style:none;background:url(../images/bgGnbVr2.gif) no-repeat left center;position:relative;white-space:nowrap}
.gnb li.first{padding:0;background:none !important;}
.gnb li li{background:none !important; padding:0; left:0; width:130px;}
.gnb li a{float:left;padding:13px 25px 0 25px;height:25px; color:#54565c; white-space:nowrap;text-decoration:none}
.gnb li a:hover,
.gnb li a:active,
.gnb li a:focus,
.gnb li.active a{color:#fff;}
.gnb li li a{float:none;display:block;padding:5px 15px !important;background:none !important;height:auto;font-weight:normal !important; color:#54565c !important;}
.gnb li li a:hover{background:#333 !important; color:#fff !important;}


#gnb {position:relative; height:38px; white-space:nowrap;z-index:600; width:980px;margin:0 auto 0 auto;}
#gnb span { font:12px Arial; cursor:pointer; }
#gnb .ul1,
#gnb .ul1 *{ margin:0; padding:0; list-style:none; border:0; background:none; font-style:normal; font-family:Gulim, Arial, Tahoma;  }
#gnb .li1 { position:relative; z-index:50; float:left; width:auto !important; width:0; padding:0 0 0 1px; }
#gnb .li1:hover,
#gnb .li1.hover { z-index:60; }
#gnb .a1 { display:block; height:38px !important; height:38px; overflow:hidden; text-decoration:none; color: #999999; border-right: 1px solid #333 ; }
#gnb .a1 span { display:block; height:100%; padding:12px 30px; font:12px Arial; }
#gnb .sub1 .a1 span { padding-right:35px; background:url(../images/sub.gif) no-repeat 100% 18px;}
#gnb .a1:hover,
#gnb .a1:focus a {background-color:#282828; }
#gnb .ul2 { display:none; position:absolute; z-index:60; left:0px; top:40px; border-bottom:1px solid #444; font-size:0; }
#gnb .ul2 li { position:relative; z-index:60; border-left:1px solid #444; border-right:1px solid #444; /* ie6 */ width:auto !important; width:0; height:auto !important; height:0; }
#gnb .ul2 a { position:relative; z-index:60; display:block; width:190px; height:34px; overflow:hidden; border-top:1px solid #444; background-color:#282828; color:#999; text-decoration:none; }
#gnb .ul2 a:hover,
#gnb .ul2 a:focus { background-color:#333; }
#gnb .on2 .a2,
#gnb .on3 .a3 { background-color:#333; }
#gnb .ul2 a span { display:block; height:100%; padding:10px 0 0 20px; font:12px Arial; }
#gnb .sub2 .a2,
#gnb .sub3 .a3 { background:#282828 url(../images/sub2.gif) no-repeat 180px 15px; }
#gnb .ul2 ul { display:none; position:absolute; left:190px; top:0; border-bottom:1px solid #444; margin-bottom:2px;}

.iSearch{position:absolute; top:0px;right:0px; height:38px;}
.iSearch .iText{vertical-align:middle;position:relative;top:0px;_top:-1px;left:1px;padding:12px 0px 0px 15px ;width:205px;height:26px; border:0px; color:#46484d; font-weight:bold; float:left;}
.iSearch .iText:hover, .iSearch .iText:focus{border:0px;}
.iSearch .submit{vertical-align:middle;_position:relative;_top:-1px; padding:0px; margin:0px; float:left;}

.sn_title{ width:100%;}
.main_title{ position:relative; width:998px; margin:0 auto 0 auto; height:360px; color:#CCCCCC;}
.sub_title{ position:relative; width:998px; margin:0 auto 0 auto; height:200px; color:#CCCCCC;}
.subimage{ padding:9px 0px 0px 11px; }

.sub_menu{ width:100%; overflow:hidden;height:44px;}
.sub_gnb{ position:relative; height:30px; width:980px; margin:0 auto 0 auto;}
.sub_gnb ul {margin:0; padding:0; list-style:none; overflow:hidden;}
.sub_gnb li {list-style: none; display: inline; }
.sub_gnb li a{height:25px; padding: 13px 30px 0 30px; text-decoration: none; float: left; color: #8c8c8c; border-bottom: none ;margin: 5px 5px 0 0;}
.sub_gnb li a:hover {font: bold;}
.sub_gnb li.active a{font-weight:bold; background-color: #fff; color:#3C4252;}


/* sub_layout start */
.top_nav { position:relative;width:980px; margin:0 auto 0 auto;}
.top_nav ul { margin:0; padding:5px 0 0 0px; list-style:none; overflow:hidden;color:#818181;}
.top_nav li { float:left; padding:7px 0 10px 0;}
.top_nav li:last-child {background:none;  }
.top_nav a {text-decoration:none; padding:5px 6px;color:#818181;}
.top_nav a:hover { color:#fff;}

.lnb{ margin-bottom:20px;}
.lnb h3{margin:0}
.lnb h3 a{display:block;padding:10px 0 10px 0;text-decoration:none;color:#333}
.locNav {border-top:1px solid #ddd;padding:0;width:209px;margin:0;list-style:none}
.locNav li{padding:0;vertical-align:top; display:inline;}
.locNav li a{padding:6px 5px 6px 13px;display: inline-block;border-bottom:1px solid #e8e8e8;color:#3e3e3e;position:relative;z-index:99;text-decoration:none;width:190px;}
.locNav li a:hover,
.locNav li.active a{color:#fff;border-bottom:1px solid #e8e8e8;}
.locNav li ul{position:relative;width:209px;padding:0;margin:0;border-top:1px solid #fff;overflow:hidden;color:#818181;}
.locNav li li{border-bottom:1px solid #f2f2f2;position:relative;top:-1px;width:209px;display: inline-block;}
.locNav li li a{color: #818181 !important; width:190px;border:none;background:none !important;border:none !important}
.locNav li li a:hover{color:#818181;}
.locNav li.active li.active a{color: #333333 !important;font-weight:bold !important; background:#CCCCCC;}

/* Site Layout - content */
.content{ width:100%; overflow:hidden;  }

.big_content_main{ position:relative; width:940px; margin:0 auto 0 auto ;overflow:hidden; border-bottom:1px #d8d8d8 solid; overflow:hidden; padding:20px;}
.big_content{ position:relative; width:980px; margin:0 auto 0 auto ;overflow:hidden; border-bottom:1px #d8d8d8 solid; overflow:hidden; background-image:url(../images/black/side_bg.gif);}
.big_content_left{ position:relative; float:left; width:700px; padding:20px 20px 20px 0;}
.big_content_right{float:left; width:209px; margin:30px 0px 0px 25px;}
.right_title{color:#0099ff;}


.sitemap{width:940px; margin:0 auto 0 auto; border-bottom:1px #d8d8d8 solid; border-top:1px #cccccc solid; padding:20px 20px; background-color:#f4f4f4; }
.sitemap .extension{ *zoom:1;}
.sitemap .extension:after{ content:""; display:block; clear:both;}
.sitemap .extension .section{ float:left; margin:0; padding:0 30px 0 5px; background:url(../img/lineKneeVr.gif) repeat-y 0 0;}
.sitemap .extension .section.logo{ background:none; padding:0 10px 0 0;}
.sitemap .extension .section h2{ font-size:12px; margin:0 0 10px 0; }
.sitemap .extension .section a{ color:#808080; text-decoration:none; padding-left:10px;}
.sitemap .extension .section ul{ margin:0; padding:0; list-style:none;}
.sitemap .extension .section li{ margin-bottom:6px;}

.footer_menu{ position:relative; width:980px; margin:0 auto 0 auto; height:40px; border-bottom:1px #d8d8d8 solid;}
.footer_menu ul{list-style:none;margin:0;padding:0;zoom:1; float:right;}
.footer_menu ul:after{content:"";display:block;clear:both}
.footer_menu ul ul{display:none;position:absolute;left:0;top:38px;padding:5px 0;background:#666;border:1px solid #444;border-top:0}
.footer_menu li{float:left;list-style:none;background:url(../images/bgGnbVr.gif) no-repeat left center;padding-left:2px;position:relative;white-space:nowrap}
.footer_menu li.first{padding:0;background:none}
.footer_menu li li{float:none;background:none;padding:0;left:0}
.footer_menu li a{float:left;padding:13px 15px 0 15px;height:25px; color:#999999; white-space:nowrap;text-decoration:none}
.footer_menu li a:hover,
.footer_menu li a:active,
.footer_menu li a:focus{ color:#666666;}
.footer_menu li.active a{font-weight:bold; color:#0099ff;}

.footer_logo{ position:absolute; left:0; top:0; height:35px; padding:10px 15px 0 15px;}
.footer_logo_image{ position:absolute; left:0; top:0; height:35px; padding:0;}
.footer_logo a{ color:#999999; text-decoration:none; font-weight:bold; font-size:14px;}

.footer{width:960px; margin:0 auto 0 auto; height:100px; color:#999999; padding:10px; font-size:11px; }
.copyright{font-size:11px;}

/* modalWindow */
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:700;} 
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:#25272d; opacity:.7; filter:alpha(opacity:70);}
.loginWindow .loginLayer{ position:absolute; width:289px; top:120px; left:50%; padding:30px; border:1px solid #25272d; margin:0 0 0 -175px;  z-index:700;}
.loginWindow .loginLayer form{ display:none; *zoom:1; margin:0 0 29px 0;}
.loginWindow .loginLayer form:after{ content:""; display:block; clear:both;}
.loginWindow .loginLayer form legend{ position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}
.loginWindow .loginLayer fieldset{ border:0; margin-top:50px; padding:0;}
.loginWindow .loginLayer.loginTypeA form.typeA,
.loginWindow .loginLayer.loginTypeB form.typeB{ display:block; }
.loginWindow .loginLayer dl{ margin:0; padding:0 0 1px 0;}
.loginWindow .loginLayer dd{ margin:0 0 10px 0; width:100px;}
.loginWindow .loginLayer .inputText{ width:145px; height:21px; padding:9px 0px 0px 5px; border:0px; font:11px Tahoma; color:#FFF;}
.loginWindow .loginLayer .inputText:focus{ background-color:#353535; border:1px solid #666666;}
.loginWindow .loginLayer .inputCheck{ margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle;}
.loginWindow .loginLayer .openid { color:#545c72; margin-bottom:5px; font-weight:bold;}
.loginWindow .loginLayer .keep{ margin:6px 0px 15px 10px; float:left; font-size:11px; line-height:normal; white-space:nowrap; height:19px;}
.loginWindow .loginLayer .keep label{ color:#FFF;}
.loginWindow .loginLayer .loginButton,
.loginWindow .loginLayer .loginButton input{ position:relative; border:0; color:#fff; font-size:12px; font-weight:bold; display:inline-block; height:30px; background-color:transparent;  overflow:visible; width:127px;}
.loginWindow .loginLayer .loginButton{ float:right; background-position:0 0; right:11px; background-image:url(../images/log_btn.gif); background-repeat:no-repeat; left:0px;}
.loginWindow .loginLayer .loginButton input{padding:0px; cursor:pointer; }
.loginWindow .loginLayer .help{ margin:0 -30px -30px -30px; padding:14px 0; list-style:none; text-align:center;}
.loginWindow .loginLayer .help li{ display:inline; font-size:11px; line-height:11px; padding:0 0 0 5px;}
.loginWindow .loginLayer .help li.join{ font-weight:bold;}
.loginWindow .loginLayer .help li.find{ border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer .help li.typeA,
.loginWindow .loginLayer .help li.typeB{ display:none; border-left:1px solid #b3b3b3;}
.loginWindow .loginLayer.loginTypeA .help li.typeA,
.loginWindow .loginLayer.loginTypeB .help li.typeB{ display:inline;}
.loginWindow .loginLayer .help li a{ text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}
.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:45px; height:45px; background:transparent url(../images/log_close.gif) no-repeat center center;}
.loginWindow .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}
.float_left {float:left; width:150px;}

/* popup */
#sn_popup { position:absolute; z-index:100; top:0px; left:0px;}
#sn_popup .loginLayer{ position:absolute; padding:20px; border:2px solid #737373; margin:0; background:#fff;}
#sn_popup .loginLayer a{ text-decoration:none; color:#666666;}
#sn_popup .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../img/buttonCloseX.gif) no-repeat center center;}
#sn_popup .loginLayer .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}


/* Promotion - 중간*/

/* 슬라이드 - Main Container*/
.s_image { position: relative;padding-top:10px; padding-left:11px;  width:987px;}
/*--Window/Masking Styles--*/
.window { overflow: hidden; /*--Hides anything outside of the set width/height--*/ position: relative; height:307px; width:976px;}
.image_reel { position: absolute; height:307px; width:955px; }
.image_reel img {float: left;}

/* 슬라이드 - Paging Styles*/
.slider_nav {position: relative; padding:0px 10px; overflow:hidden; margin:0 auto; }
.page_nav {width:200px; margin:10px auto 0px;}
.page_nav .paging {display: none;}
.page_nav .paging a { float:left; margin-left:10px; width:27px; height:27px;  display:block; text-align:center; text-decoration:none; font-size:24px; color:#4e5360;}
.page_nav .paging a:hover {font-size:24px; color:#596585;}
.page_nav .paging a.active { color:#fff; font-weight: bold;}

.values { float:left; width:60%; height:8px; text-align:left; *zoom:1; overflow:hidden; }
.values a { color:#999 !important; text-decoration: none; display:none; *zoom:1; }
.values a:first-child { display:inline; }