@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,500,700);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

body{background:#000;font-family:'Maven Pro',나눔고딕,Nanum Gothic,NG,돋움,Dotum,Arial,Helvetica,sans-serif;overflow-x:none}
a:hover,a:focus{text-decoration:none}
.bg-pattern{background-image:url(../images/pattern/dotpattern1.png)}

/*-----------------------------------------------------------------------------------*/
/*  Toll-Bar
/*-----------------------------------------------------------------------------------*/
.tool-bar{z-index:999;position:fixed;top:0;right:0;font-size:12px;border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 0 5px rgba(20,20,20,0.9)}
.tool-bar .close-btn{display:block;line-height:24px}
.tool-bar .close-btn:hover{background:#000}
.toolbar-toggle{float:left;width:36px;height:36px;color:#ccc;line-height:36px;border-right:1px solid rgba(255,255,255,.2)}
.toolbar-toggle:hover{color:#fff;background:rgba(255,255,255,.1)}
.tool-bar .arrow{top:-7px !important;left:36% !important;margin-left:-7px !important;border-width:7px}
.tool-bar .arrow:after{margin-left:-6px !important;border-width: 6px;border-bottom-color:#000 !important}

.login-pack{position:relative;float:left;margin:0;padding:0}
.login-pack>li{float:left;padding:0}
.login-pack>li:first-child{position:relative}
.login-pack>li.open,
.login-pack>li:hover{background:rgba(255,255,255,.1)}
.login-pack>li>a{display:block;padding:0 12px;color:#ccc;line-height:36px;border-right:1px solid rgba(255,255,255,.2)}
.login-form{top:100%;left:-36px;box-shadow:0 0 30px rgba(30,30,30,.8)}
.login-info{display:none}
.login-form .arrow{left:38% !important}
.login-form .arrow:after{margin-left:-6px !important}

.search-pack{position:relative;float:right}
.search-pack.open .search-btn,
.search-btn:focus,
.search-btn:hover{background:rgba(255,255,255,.1);color:#eee}
.search-pack .close,
.search-pack.open .fa-search{display:none}
.search-pack.open .close{display:block;padding:0 3px;line-height:36px;font-size:14px;color:#fff;text-shadow:none}
.search-btn{display:block;padding:0 12px;color:#ccc;line-height:36px;border-right:1px solid rgba(255,255,255,.2);overflow:hidden}
.search-form{top:100%;left:auto;right:0;margin:0;padding:5px;line-height:1;box-shadow:none;border:0}
.search-form .arrow{left:auto !important;right:12px}
.search-form .arrow:after{margin-left:-6px !important}
.search-form form{width:100%}
.search-form form .form-control{font-size:12px;border-bottom-left-radius:4px;border-radius:4px !important}

.language-pack{position:relative;float:right}
.language-pack:hover .language-btn{background:rgba(255,255,255,.1);color:#eee}
.language-btn{display:block;padding:0 10px;color:#ccc;line-height:36px}
.language-btn i.fa-globe{line-height:14px;vertical-align:middle}
.language-btn i.fa-angle-down{font-size:12px}
.language-list{position:absolute;top:100%;right:0;min-width:120px;box-shadow:0 0 3px rgba(255,255,255,.3)}
.language-list {display:none;margin:0}
.language-list button{display:block;width:100%;margin:0;padding:0 15px;color:#fff;font-size:12px;text-align:left;line-height:32px;background:transparent;border:0;white-space:nowrap;cursor:pointer;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease}
.language-list button:hover{text-indent:5px;background:#000}
.language-list .close-btn{border-top:1px solid rgba(255,255,255,.3)}
.language-list .close-btn,
.language-list .close-btn>a{display:block;width:100%;color:#ccc;background:#000}
.language-list .close-btn>a:hover{color:#eee}
.bottom-section{z-index:5;position:absolute;left:0;bottom:10px;width:100%}
.tool-bar:after{display:block;content:'';clear:both}

/*-----------------------------------------------------------------------------------*/
/*  Header
/*-----------------------------------------------------------------------------------*/
#header{display:block;z-index:6;position:fixed;top:0;left:0;width:220px;height:100%}
.header-inner{position:relative;width:100%;height:100%}
.logo{margin:0 0 20px;padding:0;text-align:center}

.gnb a{display:block;padding:12px 25px;font-size:12px;color:#bcbcbc;-o-transition:all .3s ease;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.gnb ul{margin:0}
.gnb ul li{position:relative}
.gnb ul li.selected>a,
.gnb ul li:hover>a{background:rgba(255,255,255,.2);color:#fff}
.gnb ul li.selected>a{color:#fff}
.gnb ul ul{display:none;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}
.gnb ul ul.dropdown-menu{display:none;top:-1px;left:100%;padding:0;border:0;border-radius:0}
.gnb ul ul.dropdown-menu a{padding:12px 15px;color:#bcbcbc}
.gnb ul ul li a{text-align:right}
.gnb ul ul li.selected a,
.gnb ul ul li a:hover{background:rgba(255,255,255,.1)}
#accordion-gnb ul li.selected ul{display:block !important;height:100% !important}
#fade-gnb a{text-align:left}

.control-bar{z-index:5;position:relative;margin-bottom:20px}
.control-bar a,
.control-bar span{display:inline-block;padding:0;color:#ccc}
.control-bar a{cursor:pointer}
.control-bar a:hover,
.control-bar span:hover{color:#fff;border-color:#fff}
.background-count{display:inline-block;color:#999;padding:0;font:11px "Helvetica Neue",Helvetica, Arial, sans-serif;text-align:right;line-height:32px}
.play-pause{line-height:32px;cursor:pointer}
.play-pause i{width:32px;height:32px;text-align:center;line-height:28px;border:2px solid rgba(255,255,255,.5);border-radius:100%}
#tray-button,.mb_YTVPMuteUnmute{line-height:32px;cursor:pointer}

.sns-link{margin-bottom:20px;text-align:center}
.sns-link li{margin:0 1px;padding:0}
.sns-link a{display:block;width:24px;height:24px;font-size:12px;line-height:24px;text-align:center;color:#666;background:#fff;border-radius:100%;transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;-moz-transition: all 0.1s linear}
.sns-link a:hover{color:#fff}
.sns-link a.fa-facebook:hover{background:#3b5998}
.sns-link a.fa-twitter:hover{background:#08c}
.sns-link a.fa-rss:hover{background:#DD4B39}
.sns-link a.fa-youtube:hover{background:#CC181E}
.sns-link a.fa-instagram:hover{background:#6F97B6}

.copyright{padding:10px 20px;font-size:12px;color:#999;line-height:2;text-align:center;border-top:1px solid #111;box-shadow:0 0 3px rgba(50,50,50,0.9)}

.sub-handler{display:block;position:absolute;z-index:999999;bottom:10%;left:100%;width:24px;height:28px;line-height:28px;text-align:center;border-left:1px solid #222;border:0;border-radius:0 5px 5px 0;transition: all 0.1s linear;-webkit-transition: all 0.1s linear;-o-transition: all 0.1s linear;-moz-transition: all 0.1s linear}
.sub-handler:hover{box-shadow:0 0 6px rgba(0,0,0,.7)}
.sub-handler i{color:#fff}

/*-----------------------------------------------------------------------------------*/
/*  Mobile Header
/*-----------------------------------------------------------------------------------*/
#mobile-header{display:none;z-index:1;position:relative;z-index:9999}
.mobile-nav{display:none;margin:0;padding:0;font-size:12px;line-height:42px}
.mobile-nav li{}
.mobile-nav ul{display:none}
.mobile-nav>li>span{display:block;position:relative;border-bottom:1px solid rgba(250,250,250,.1)}
.mobile-nav a{display:block;color:#ccc;text-indent:20px}
.mobile-nav>li>span>i{display:block;z-index:2;position:absolute;top:0;right:0;padding:15px;color:#eee;background:rgba(255,255,255,.1);border-left:1px solid rgba(255,255,255,.1);cursor:pointer}
.mobile-nav ul li{border-bottom:1px solid rgba(250,250,250,.1)}
.navi-toggle{position:relative;display:block;z-index:1;width:100%;margin:0;padding:0;color:#fff;text-align:center;line-height:52px;border:0;background:#000;cursor:pointer}
.panel-btn{display:none;z-index:9999;position:absolute;left:50%;bottom:-14px;width:28px;height:28px;margin-left:-14px;padding:0;border:1px solid #fff;background:#000;box-shadow:0 0 10px rgba(0,0,0,.8);border-radius:100%;cursor:pointer}
.panel-btn>i{color:#fff}

/*-----------------------------------------------------------------------------------*/
/*  Page Information
/*-----------------------------------------------------------------------------------*/
.page-header{position:relative;margin:0 0 20px 0;padding:0 0 0 10px;line-height:36px;text-shadow:1px 1px 1px rgba(0,0,0,.9);border:0;border-left:5px solid #eee;overflow:hidden}
.page-title{margin:0 20px 0 0;padding:0;font-weight:100;font-size:24px;color:#fff}
.breadcrumb{margin:10px 0 0;padding:0;font-size:12px;line-height:14px;color:#fff;background:transparent;text-shadow:1px 1px 1px rgba(0,0,0,.9)}
.breadcrumb a{color:#fff}

/*-----------------------------------------------------------------------------------*/
/*  Side Bar
/*-----------------------------------------------------------------------------------*/
.content-wrapper{margin-bottom:15px;padding:0}
.sweet-container{position:relative;z-index:1;margin-left:220px;padding-top:60px}
.sweet-contents{padding:15px;box-shadow:0 0 3px rgba(0,0,0,.5)}
.sweet-sidebar{padding:0 10px;margin-bottom:15px}
.sweet-sidebar .sweet-widget{margin-bottom:5px}
.sweet-sidebar .sweet-widget li{padding:15px 20px}
.sweet-sidebar .widgetNavigator{text-align:right}
.content{padding:20px;box-shadow:0 0 30px rgba(0,0,0,0.6)}
.content img{max-width:100%;height:auto}
.sub-widget>h3{position:relative;margin:0;padding:15px;font-size:12px;line-height:14px;font-weight:800;color:#666;letter-spacing:2px;overflow:hidden;border-bottom:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.1)}
.sub-widget>h3>a{font-size:14px;color:#ae4040;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease}
.sub-widget>h3>a:hover{color:#222}
.rnb ul{list-style:none;margin:0;padding:15px;font-size:12px}
.rnb li{line-height:18px;-o-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease}
.rnb a{display:block;padding:7px 0;color:#333}
.rnb li.active a{font-weight:800;color:#ae4040}
.sidebar{box-shadow:0 0 3px rgba(0,0,0,.5)}

/*-----------------------------------------------------------------------------------*/
/*  Sweet Gallery
/*-----------------------------------------------------------------------------------*/
.sweetgallery-container{position:relative;z-index:2;margin-left:220px;width:auto}
.sweet_gallery {margin:0;padding:0;overflow:hidden}
.sweet_gallery li{padding:0;background:#000;text-align:center}
.sweet_gallery li a,
.sweet_gallery li a img {display: block;position: relative;}
.sweet_gallery li a {overflow: hidden}
.sweet_gallery li a div {position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.9)}
.sweet_gallery li a div h3{display: block;margin: 40px 20px 20px 20px;padding: 10px 0;text-transform: uppercase;color: rgba(255,255,255,0.9);text-shadow: 1px 1px 1px rgba(0,0,0,0.2);border-bottom: 1px solid rgba(255,255,255,0.5);box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3)}
.portfolio-full-width{margin:0}
.filter{padding:10px 25px;background:rgba(255,255,255,.1)}
.filter li{margin:10px 0}
.filter a{color:#999}
.filter a:hover,
.filter a.selected{color:#fff}

/*-----------------------------------------------------------------------------------*/
/*  Promotion
/*-----------------------------------------------------------------------------------*/
.sweet-promotion{margin:0}
.sweet-promotion>li{margin-bottom:10px;padding:0 5px}
.sweet-promotion>li>article{background:#f7f7f7;text-align:center;box-shadow:0 0 3px rgba(0,0,0,.3)}
.sweet-promotion>li h3{margin:0;padding:15px 10px;font-weight:700;font-size:14px;line-height:20px;color:#666}
.sweet-promotion>li img{display:inline-block;max-width:100%;text-align:center}
.sweet-promotion>li p{margin:0;padding:15px;font-size:12px;text-align:left;line-height:20px;color:#999;background:#fff}
.sweet-promotion>li a.more{display:block;padding:10px 0;border-top:1px solid #dedede;font:bold 11px tahoma;color:#999;-o-transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}
.sweet-promotion>li a.more:hover{color:#ae4040}
.sweet-promotion:after{content:"";display:block;clear:both}

.sweetgallery_container{width:auto;margin-left:230px !important;padding:0 !important}

/* Scroll Up */
.scroll-up{position: fixed;z-index: 99;bottom:-42px;right: 10px;width:42px;height:42px;color:#fff;text-align:center;line-height:42px;border-radius: 5px 5px 0 0;background:rgba(0, 0, 0, .5);box-shadow:inset 0 0 3px rgba(0,0,0,.9);transition: all .2s}
.scroll-up:hover{color:#eee;background:rgba(0,0,0,.8);box-shadow:0 0 1px rgba(0,0,0,.9)}

/* Slide Caption */
.slide-caption{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5)}
.slide-caption span{display:inline-block;font-size:16px;line-height:28px}	
.slide-caption h3{margin:0;padding:0;font-size:32px;line-height:54px}
.slide-caption a{display:inline-block;margin-top:10px;padding:0 15px;font-size:12px;line-height:32px;color:#ccc;background:url(../images/bg/b-rgba8.png);-o-transition:all .4s ease;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}
.slide-caption a:hover{color:#fff}
.slide-caption>div{position:fixed}
.caption-layer{padding:10px 20px;background:url(../images/bg/b-rgba6.png)}
.center-middle { width:100%; top:45%; text-align:center; }
.right-top { top:10%; right:10%; text-align:right; }
.right-middle { top:40%; right:10%; text-align:right; }
.right-bottom { bottom:10%; right:10%; text-align:right; }

/* Black Opacity */
.b-rgba0{background:rgba(0,0,0.0);box-shadow:none !important}
.b-rgba1{background:rgba(0,0,0,.1)}
.b-rgba2{background:rgba(0,0,0,.2)}
.b-rgba3{background:rgba(0,0,0,.3)}
.b-rgba4{background:rgba(0,0,0,.4)}
.b-rgba5{background:rgba(0,0,0,.5)}
.b-rgba6{background:rgba(0,0,0,.6)}
.b-rgba7{background:rgba(0,0,0,.7)}
.b-rgba8{background:rgba(0,0,0,.8)}
.b-rgba9{background:rgba(0,0,0,.9)}

/* White Opacity */
.w-rgba0{padding:0 !important;background:rgba(255,255,255.0);box-shadow:none !important}
.w-rgba1{background:rgba(255,255,255,.1)}
.w-rgba2{background:rgba(255,255,255,.2)}
.w-rgba3{background:rgba(255,255,255,.3)}
.w-rgba4{background:rgba(255,255,255,.4)}
.w-rgba5{background:rgba(255,255,255,.5)}
.w-rgba6{background:rgba(255,255,255,.6)}
.w-rgba7{background:rgba(255,255,255,.7)}
.w-rgba8{background:rgba(255,255,255,.8)}
.w-rgba9{background:rgba(255,255,255,.9)}
.w-rgba10{background:#fff}


@media (max-width: 767px) {
	.tool-bar{position:relative;right:0 !important}
	.container { margin-left: auto }
	#header{display:none}
	#mobile-header{display:block}
	#prevslide,
	#nextslide{height:77px;margin-top:-38px;font-size:36px !important}
	#prevslide{left:20px !important}
	#nextslide{right:20px !important}
	.gnb,
	.sub-handler,
	.header-inner,
	.header-inner>nav,
	.toolbar-toggle,
	.bottom-section{display:none}
	.panel-btn{display:block}
	.page-title{float:none !important}
	.right-top{top:auto;bottom:10%}
	.sweetgallery-container{margin:0}
	.slide-caption>div{top:auto !important;bottom:10% !important}
	.slide-caption span{font-size:12px}
	.slide-caption h3{font-size:18px;line-height:30px}
	.login-form{left:0}
};