@charset "utf-8";
/* minimum-reset */
html { overflow-y:hidden; }
body { margin:0; padding:0; }
a { text-decoration:none; outline:0; }
::selection { background:#f0a41f; color:#fff; }
::-moz-selection { background:#f0a41f; color:#fff; }
.bc1 {font-size:14px;font-weight:bold ;color:#ccc;}
.b6 {font-size:18px;font-weight:bold ;color:#ccc;}
.b7 {font-size:16px;font-weight:bold ;color:yellow; font-family: 'GmarketSansBold';}
.b77 {font-size:11px;font-weight:normal ;color:red;}
.b78 {font-size:11px;font-weight:normal ;color:white;}
.b79 {font-size:15px;font-weight:normal ;color:white;letter-spacing:0px; font-family: 'GmarketSansBold';}
.bb79 {font-size:15px;font-weight:normal ;letter-spacing:0px; font-family: 'GmarketSansBold';}
.b8 {font-size:26px;font-weight:bold ;color:yellow; font-family: 'GmarketSansBold';}
.b9 {font-size:12px;color:#777;margin-top:15px;}
.b10 {font:11px normal;font-family:"�뗭�";color:#777; text-align:right;width:100%;letter-spacing:-1px;}
.b10 a {color:#777; }
.b10 a:hover { color:#333; }
#wrapper { position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; }
.sub { z-index:2; position:fixed; top:0; left:0; width:200px; height:100%; }
.logo { position:relative; margin:0 0 20px 0; padding:0; text-align:center; }
#tel {display:none;}
.mobile-menu { display:none; }
.first-menu { list-style:none; position:relative; margin:0 0 20px; padding:0; white-space:normal;  }
.first-menu > li { position:relative; font:14px helvetica, arial, tahoma, dotum; letter-spacing:-1px; word-spacing:1px; }
.first-menu > li > a { display:block; margin:0 30px; padding:5px 0; color:#bbb;  }
.first-menu > li > a:hover { color:orange;background:none }
.first-menu > li.active > a { color:#ff3300; }
.first-menu > li.active > .accordion-menu { display:block; }
.second-menu { list-style:none; display:none; margin:0 30px; padding:0; border-bottom:1px solid #333; }
.second-menu > li { padding:0 10px 20px 10px; font:13px helvetica, arial, tahoma, dotum; }
.second-menu > li > a { display:block; color:#999; }
.second-menu > li > a:hover { color:#bbb; }
.second-menu > li.active > a { color:#eee }
.fadeIn-menu { position:absolute; top:0; left:230px; width:150px; margin:0; border-left:1px solid #111; box-shadow:#111 -3px 0 8px; background:#222;}
.fadeIn-menu li { margin:0; padding:10px 7px; }
.fadeIn-menu li a:hover {color:orange;}
.drop-down { background:url(../img/down_arrow.png) no-repeat right center; }
.fade-right { background:url(../img/right_arrow.png) no-repeat right center; }

.search_form { margin:0 0 20px 20px; padding:3px 6px; overflow:hidden; border-radius:5px; background-color:#000; border:1px solid #000; box-shadow:#444 0 0 6px; }
.search_form .inpuText { vertical-align:middle; margin:0; padding:0; background-color:transparent; font:12px dotum; color:#eee; border:0; }
.search_form .search_bt { margin:0; padding:0; vertical-align:middle; }

.login_section { list-style:none; position:relative; margin:0 0 20px 30px; padding:0; }
.login_section > li { padding:5px 0; font:12px helvetica, arial, tahoma, dotum;}
.login_section li a,
.login_section li span { color:#000; opacity: 0.4; }
.log_in { cursor:pointer; }
.login_form { display:none; position:absolute; top:0; padding:0 15px 0 20px; box-shadow:#111 -3px 0 8px; }
.login_form .close_btn { display:block; position:absolute; top:-10px; right:-10px; }

.language_pack { z-index:55; position:relative; margin:0 0 20px 30px; padding:0; }
.language_pack span { padding-right:18px; font:11px helvetica, arial, tahoma, dotum; cursor:pointer; color:#eee; background:url(../img/language_toggle.png) no-repeat right center; }
.languagePack_list { list-style:none; display:none; position:absolute; top:20px; left:-5px; width:100px; margin:0; padding:0; background-color:#111; border-top:1px solid #222; border-bottom:1px solid #222; filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9; opacity:0.9; }
.languagePack_list li { padding:7px; }
.languagePack_list li button { display:block; margin:0; padding:0; color:#eee; background:none; border:0; text-align:left; white-space:nowrap; cursor:pointer; }

.sns_link { list-style:none; position:relative; margin:0 0 20px 30px; padding:0; overflow:hidden; }
.sns_link li { float:left; margin-right:10px; }
.sns_link li img { display:block; filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5; opacity:0.5; }

.copyright { padding:10px 20px; font:12px arial, tahoma, dotum;; line-height:1.5; text-align:center; background-color:#000; border-top:1px solid #111; color:#999; opacity:.9; box-shadow:#555 0 0 7px; letter-spacing:-1px;}

.substance { z-index:1; position:relative; top:30px; left:200px; width:760px; margin-bottom:1px !important;}
.substance2 { z-index:1; position:relative; top:30px; left:200px; width:760px; margin-bottom:1px !important; background:#333;}
.substance2:after { content:""; clear:both; display:block; }
.substance:after { content:""; clear:both; display:block; }

.slider { position:relative; width:100%; margin-bottom:2px; overflow:hidden; box-shadow:#222 0 0 10px; }
.slider-inner { list-style:none; position:absolute; top:0; width:100%; height:auto; margin:0; padding:0; }
.sliderImage { display:none; position:relative; float:left; }
.sliderImage span { display:none; position:absolute; top:0; left:0; width:18%; padding:15px; font:12px helvetica, arial, tahoma, dotum; line-height:2; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7; opacity:0.7; }
.slideClear { clear: both; }
.s-top { background-color:#000; color:#fff; }
.s-none { background-color:transparent; }
.slider .s-title { display:block; font-size:14px; }
.slider .s-article { display:block; margin-top:20px; font-weight:normal; }

.sweet_portfolio { position:relative; width:100%; margin-bottom:20px; }
.sweet_portfolio:after { content:""; clear:both; display:block; }

.sweet_promotion { list-style:none; position:relative; margin:0; padding:0; font:12px arial, gulim, "援대┝",tahoma, dotum, "�뗭�"; line-height:1.5; *zoom:1;}
.sweet_promotion:after { content:""; display:block; clear:both;}
.sweet_promotion > li { float:left; margin:0 3px; padding:3px; background-color:#f7f7f7; box-shadow:#222 0 0 5px; border-radius:5px; }
.sweet_promotion > li h3.promo_title { margin:0; padding:10px 0; background-color:#fff; text-align:center; font:bold 12px arial,tahoma,helvetica,dotum; color:#000; }
.sweet_promotion > li img.pimg { display:block; width:100%; }
.sweet_promotion > li .promo_desc { margin:0; padding:10px; text-align:center;font-size:11px; line-height:20px; color:#000; background-color:#fff; }
.sweet_promotion > li a.learn { display:block; text-align:center; background-color:#fff; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; font:bold 11px tahoma; line-height:34px; color:#000; }

.scroll_up { z-index:1000; display:none; position:fixed; bottom:60px; width:26px; height:26px; border:0; cursor:pointer; background:url(../img/scroll_up.png) no-repeat; }
.scroll_up:hover { }
.scroll_up span { display:none; }

.vit_box {padding:20px 20px; text-align: center; }
.vit_box h3 {font-size:25px; margin-bottom:5px; line-height:1.8; font-family: 'GmarketSansBold'; color:#7d80dc;}
.vit_box p {font-size:15px; line-height: 1.5; font-family: 'GmarketSansMedium';}

#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; }
#supersized { list-style:none; z-index:-999; display:block; position:fixed; left:0; top:0; width:100%; height:100%; margin:0; padding:0; overflow:hidden; }
#supersized img { display:none; position:relative; width:auto; height:auto; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }/*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }/*Quality*/
#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
#supersized a { display:block; width:100%; height:100%; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:#111 no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img { visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img { display:inline; }	

#controls { z-index:5; position:relative; width:150px; height:105px; margin:0 auto; text-align:center; overflow:hidden; }
#slidecaption { color:#fff; font-family:helvetica, arial, tahoma, dotum; line-height:48px; }
#slidecaption p { margin:0; padding:0; font-size:16px; }	
#slidecaption h3 { margin:0; padding:0; font-size:28px; }
#slidecaption a { padding:7px 10px; font-weight:bold; font-size:12px; color:#eee; background-color:#222; }
#slidecaption a:hover { color:#333; background-color:#fff; }
#slidecaption .caption-layer { padding:10px 20px; }
#slidecaption .center-middle { position:fixed; width:100%; top:40%; text-align:center; }
#slidecaption .right-top { position:fixed; top:5%; right:5%; text-align:right; }
#slidecaption .right-middle { position:fixed; top:40%; right:5%; text-align:right; }
#slidecaption .right-bottom { position:fixed; bottom:5%; right:5%; text-align:right; }

#navigation { float:right; margin:0px 20px 0 0; }
#play-button { position:absolute; top:36px; left:46px; margin-top:1px; background:url('../img/bg-hover.png') repeat-x 0 44px; }
#play-button:hover { background-position:0 1px; cursor:pointer; }			
#prevslide,
#nextslide { position:absolute; height:43px; width:43px; margin-top:-21px; filter:alpha(opacity=60); -moz-opacity:06; -khtml-opacity:0.6; opacity:0.6; }
#prevslide { top:60px; left:0; background:url('../img/back.png'); }
#nextslide { top:60px; left:103px; background:url('../img/forward.png'); }
#prevslide:active,
#nextslide:active { margin-top:-19px; }
#prevslide:hover,
#nextslide:hover { cursor:pointer; }
		
#slide-list { list-style:none; position:fixed; top:20px; right:5%; margin:0; padding:0; }
#slide-list li { list-style:none; float:left; width:12px; height:12px; margin:0 5px; }
#slide-list li.current-slide a,
#slide-list li.current-slide a:hover { background-position:0 0px; }
#slide-list li a { display:block; width:12px; height:12px; background:url('../img/nav-dot.png') no-repeat 0 -24px; }
#slide-list li a:hover { background-position:0 -12px; cursor:pointer; }
				
#tray-button { z-index:200; position:fixed; left:0; bottom:0; border-left:1px solid #333; border-top:1px solid #222; border-right:1px solid #222; background:url(../img/bg-hover.png) repeat-x 0 44px; }
#tray-button:hover{ background-position:0 1px; cursor:pointer; }
				
#progress-back{ z-index:5; position:fixed; left:0; bottom:0; width:100%; height:8px;  background:url('../img/progress-back.png') repeat-x; }
#progress-bar{ position:relative; width:100%; height:8px; background:url('../img/progress-bar.png') repeat-x; }
		
#thumb-tray{ position:fixed; z-index:3; left:0; bottom:0; width:100%; height:130px; background:url(../img/bg-black.png); overflow:hidden; text-align:center; -moz-box-shadow: 0px 0px 4px #000; -webkit-box-shadow: 0px 0px 4px #000; box-shadow: 0px 0px 4px #000; }
	
#thumb-back,
#thumb-forward { z-index:5; position:absolute; bottom:0; width:40px; height:130px; }
#thumb-back { left:0; background: url(../img/thumb-back.png) no-repeat center center; }
#thumb-forward { right:0; background:url(../img/thumb-forward.png) no-repeat center center; }
#thumb-back:hover,
#thumb-forward:hover { background-color:rgba(256,256,256, 0.1); cursor:pointer; }
#thumb-back:hover { border-right:1px solid rgba(256,256,256, 0.2); }
#thumb-forward:hover { border-left:1px solid rgba(256,256,256, 0.2); }
		
#thumb-list{ list-style:none; display:inline-block; position:relative; left:0px; margin:0; padding:15px 0 0; }
#thumb-list li{ display:inline; float:left; width:150px; height:100px; overflow:hidden; background:#111; }
#thumb-list li img { display:block; width:200px; height:auto; opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out; }
#thumb-list li.current-thumb img,
#thumb-list li:hover img { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); }
#thumb-list li:hover { cursor:pointer; }

.xe_content{color:#000;font-size:12px;line-height:1.5}
.xe_content blockquote.q1,
.xe_content blockquote.q2,
.xe_content blockquote.q3,
.xe_content blockquote.q4,
.xe_content blockquote.q5,
.xe_content blockquote.q6,
.xe_content blockquote.q7{padding:10px;margin:0 15px}
.xe_content blockquote.q1{padding:0 10px;border-left:2px solid #ccc}
.xe_content blockquote.q2{padding:0 10px;background:url(./img/bg_qmark.gif) no-repeat left top}
.xe_content blockquote.q3{border:1px solid #d9d9d9}
.xe_content blockquote.q4{border:1px solid #d9d9d9;background:#fbfbfb}
.xe_content blockquote.q5{border:2px solid #707070}
.xe_content blockquote.q6{border:1px dashed #707070}
.xe_content blockquote.q7{border:1px dashed #707070;background:#fbfbfb}
.xe_content p{margin:0}

.login_widget{ position:relative; margin:0; padding:0; }
.login_widget fieldset{ position:relative; border:0; padding:15px 0; margin:0; }
.login_widget .idpwWrap{ clear:both; }
.login_widget .idpw{ display:block; }
.login_widget .idpw input{ border:1px; margin:0 0 4px 0; padding:4px; font-size:12px; }
.login_widget .login{ display:block; width:100%; *width:auto; margin-bottom:10px; padding:5px 0; border:0; background-color:#333; color:#eee; text-align:center; cursor:pointer; }
.login_widget .securitySignIn{ clear:both; margin:4px 0 0 0; padding:0 0 0 18px; }
.login_widget .noneSSL{ background:url(../images/none_ssl.png) no-repeat left top; }
.login_widget .SSL{ background:url(../images/ssl.png) no-repeat left top; }
.login_widget .noneSSL a{ text-decoration:none; }
.login_widget .SSL a{ text-decoration:none; }
.login_widget .keep{ margin:6px 0 10px 0; padding:0; }
.login_widget .keep input{ vertical-align:middle; width:13px; height:13px; margin:0; padding:0; border:0; }
.login_widget .keep label{ font-size:11px; color:#ccc; vertical-align:middle; cursor:pointer; }
.login_widget .keep_msg { padding:5px; background-color:#fff; line-height:20px; color:#555; }
.login_widget .help{ list-style:none; clear:both; margin:0; padding:0; overflow:hidden; white-space:nowrap; }
.login_widget .help li{ margin-bottom:5px; }
.login_widget .help li a{ font-size:11px; white-space:nowrap; text-decoration:none; }
.login_widget .userName{position:relative;width:172px;overflow:hidden;border-bottom:1px solid #e4e4e4;padding:0 0 6px 0;margin-top:-5px}
.login_widget .userName strong{color:#282828;padding:4px 0 0 2px;font:bold .9em Tahoma}
.login_widget .userName a{position:relative;right:0px}
.login_widget .userName img{border:none}
.login_widget .userMenu{margin:0;position:relative;padding:0;margin-top:10px}
.login_widget .userMenu li{list-style:none;margin-bottom:5px}
.login_widget .userMenu li a{color:#54564b;text-decoration:none}

.b9 {
	font-size: 13px;
}

.sub {
	width: 230px;
	background-image: url('/img/gnb_left_bg.png')
}

.substance {
	left: 260px;
	width: 750px;
	padding: 15px;
	background-image: url('/img/w-rgba10.png')
}

.second-menu {
	background-image: url('/img/b-rgba8.png')
}

.login_form {
	left: 200px;
	background-image: url('/img/b-rgba8.png')
}

.bd,
.bd input,
.bd textarea,
.bd select,
.bd button,
.bd table {
	font-family: 'Segoe UI', Meiryo, '나눔고딕', NanumGothic, ng, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, AppleGothic, sans-serif
}

.bd em,
.bd .color {
	color: #333333;
}

.bd .shadow {
	text-shadow: 1px 1px 1px;
}

.bd .bolder {
	color: #333333;
	text-shadow: 2px 2px 4px;
}

.bd .bg_color {
	background-color: #333333;
}

.bd .bg_f_color {
	background-color: #333333;
	background: -moz-linear-gradient(#FFF -50%, #333333 50%);
	background: -webkit-linear-gradient(#FFF -50%, #333333 50%);
	background: linear-gradient(to bottom, #FFF -50%, #333333 50%);
}

.bd .border_color {
	border-color: #333333;
}

.bd .bx_shadow {
	-webkit-box-shadow: 0 0 2px;
	box-shadow: 0 0 2px;
}

.viewer_with.on:before {
	background-color: #333333;
	box-shadow: 0 0 2px #333333;
}

#bd_zine.zine li:first-child,
#bd_lst.common_notice tr:first-child td {
	margin-top: 2px;
	border-top: 1px solid #DDD
}

.swiper-container {
	width: 659px;
	height: 154px;
	background: #fff;
}

.swiper-slide {
	background-position: center;
	background-size: cover;
	width: 180px !important;
	height: 150px !important;
	box-shadow: 2px 5px 15px #333;
}

.swiper-slide a {
	display: block;
	width: 100%;
	height: 150px;
}
#tmb_lst li {
	width: 200px;
	height: 210px;
	width: 180px;
}

#tmb_lst .no_img {
	width: 160px;
	height: 160px;
	line-height: 160px
}

#tmb_lst .deco_img {
	background-image: url()
}

#tmb_lst .tmb_wrp,
#tmb_lst.frame_style .tmb_wrp {
	max-width: 160px;
}

.tmb_wrp .info {
	background: #333333;
	color: #FFF;
	filter: alpha(opacity=80);
	opacity: .8
}

@media screen and (max-width:533px) {
	#tmb_lst li {
		width: 46%;
	}
}