/* BASIC css start */
img {max-width: 100%;}
svg:not(:root) {overflow: hidden;}
.clearfix:before, .clearfix:after {content: '';display: table;}
.clearfix:after {clear: both;}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html, body {width: 100%;height: 100%;}
body {
	font-family: 'LeituraNews-Roman';
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1;
}

/*** NAV ***/
.header {position: absolute;top: 0;left: 0;width: 100%;z-index: 1000;}
.header nav {float: right;}
.wrap-nav {max-width: 1290px;margin: 0 auto;}
.wrap-nav h1.logo {float:left;font-family:Montserrat, sans-serif,Arial,dotum,'돋움';color:#000;font-size:27px;margin:26px 0 0;background:#none;-webkit-transition: opacity 0.85s ease;transition: opacity 0.85s ease;}


/*** DROPDOWN MENU ***/

.sb-menu {padding: 35px 0 10px 0;}
.sb-menu:before, .sb-menu:after {content: '';display: table;}
.sb-menu:after {clear: both;}
.sb-menu li {position: relative;height: 20px;border: none;white-space: nowrap;}
.sb-menu li.sfHover > a {color: #fff !important;}
.sb-menu li a:hover { color: #fff !important;}
.sb-menu > li {float: left;}
.sb-menu > li > ul {padding-top: 11px;}
.sb-menu a {display: block;font-family: 'Cantata One', serif;position: relative;font-size: 13px;text-decoration: none;padding: 0 24px;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;color: #777 !important;}
.sb-menu > li > a:before {content: '';position: absolute;bottom: -25px;left: 0;width: 100%;width: -webkit-calc(100% + 1px);width: calc(100% + 1px);height: 65px;z-index: 1000;}
.sb-menu li a.active:after {content: '';position: absolute;left: 10%;top: 130%;top: -webkit-calc(100% + 5px);top: calc(100% + 5px);width: 80%;height: 1px;background-color: #fff;-webkit-transition: background-color 0.8s;transition: background-color 0.8s;}
.sb-menu ul {display: none;position: absolute;top: 26px;left: 0;z-index: 99;}
.sb-menu ul ul {top: 0;left: 100%;}
.sb-menu li:hover > ul,
.sb-menu li.sfHover > ul {display: block;}


.top-line {clear:both;width:100%;height:70px;margin:0 auto;border-bottom:1px solid #E0E0E0}

#menu.ghost > li > a {color: #000 !important;}
#menu a {border-right: 0px solid #fff;-webkit-transition: color 0.5s, border-right 0.8s ease;transition: color 0.5s, border-right 0.8s ease;}
#menu ul li a {display: block;height: 100%;border: none;font-family:Montserrat, sans-serif,Arial,dotum,'돋움';}

#menu li.input,
#menu-mod li.input {position: relative;height: 100%;}

#menu li.input:before,
#menu-mod li.input:before {content: '';position: absolute;top: -25px;left: 0;width: 100%;height: 25px;z-index: 1;}

#menu form,
#menu-mod form {float: left;}

#menu .btn-search,
#menu-mod .btn-search {
	position: relative;
	left: -2px;
	width: 14px;
	height: 14px;
	border: none;
	text-indent: -9999px;
	background: url(/design/coumaster/sb_brandstory27st/top/search_go.png) no-repeat center;
	margin: 0 0 4px;
	cursor: pointer;
	-webkit-transition: opacity 0.8s;
	transition: opacity 0.8s;
}


#menu .search,
#menu-mod .search {
	width: 0px;
	background: none;
	border: none;
	font-family: 'LeituraNews-Roman';
	font-size: 15px;
	color: #fff;
	margin-top: -4px;
	padding-left: 10px;
	-webkit-transition: width 0.55s cubic-bezier(.37, .25, .51, .9);
	transition: width 0.55s cubic-bezier(.37, .25, .51, .9);
}

#menu .search::-webkit-input-placeholder {color: #fff;}
#menu .search::-moz-placeholder {color: #fff;}
#menu .search:-ms-input-placeholder {color: #fff;}

#menu .search:focus,
#menu-mod .search:focus {outline: none;border: none;width: 90px;}

nav #menu .input:hover .search,
nav #menu-mod .input:hover .search {width: 90px;}

/*** DROPDOWN MOD MENU ***/

#menu-mod a {display: block;color: #000;border-right: 0px solid #666;}
#menu-mod a.active:after {background-color: #000;}
#menu-mod ul li a {border: none;font-family:Montserrat, sans-serif,Arial,dotum,'돋움';}
#menu-mod .search {color: #000;}
#menu-mod .search::-webkit-input-placeholder {color: #000;}
#menu-mod .search::-moz-placeholder {color: #000;}
#menu-mod .search:-ms-input-placeholder {color: #000;}
#menu-mod .btn-search {background: url(/design/coumaster/sb_brandstory27st/top/search_go.png) no-repeat center;}

.no-svg nav #menu .input .btn-search {background: url(../img/bg_search_mod.png) no-repeat center;}
.wrap-mod-menu {max-width: 1208px;margin: 0 auto;}
.wrap-mod-menu .logo-small {display: block;float: left;font-family:Montserrat, sans-serif,Arial,dotum,'돋움';color:#000;font-size:27px;margin:26px 0 0;-webkit-transition: opacity 0.35s ease;transition: opacity 0.35s ease;}
.wrap-mod-menu .logo-small:hover {opacity: 0.6;}
.no-svg .wrap-mod-menu .logo-small {background: url(../img/logo_small.png) no-repeat center;}
.top-fix-scroll {
	visibility: hidden;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 65px;
	background-color: rgba(255, 255, 255, 0.93);
	-webkit-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
	opacity: 0;
	-webkit-transition: opacity 0.65s, visibility 0.65s, -webkit-transform 0.55s cubic-bezier(.37, .25, .51, 1), background-color 0.9s ease-in;
	transition: opacity 0.65s, visibility 0.65s, transform 0.55s cubic-bezier(.37, .25, .51, 1), background-color 0.9s ease-in;
	z-index: 1000;
}

.no-rgba .top-fix-scroll {background-color: #fff;}
.top-fix-scroll.trans {visibility: visible;-webkit-transform: translate3d(0px, 0%, 0px);transform: translate3d(0px, 0%, 0px);opacity: 1;}
.top-fix-scroll .sb-menu li a:hover {color: #000 !important;}

.top-fix-scroll .sb-menu li.sfHover > a,
.innernav .sb-menu li.sfHover > a {color: #000 !important;}

.top-fix-scroll .sb-menu li a:hover,
.innernav .sb-menu li a:hover {color: #000 !important;}

.no-csstransforms3d .top-fix-scroll.trans {-webkit-transform: translateY(0%);-ms-transform: translateY(0%);transform: translateY(0%);}

.overlay,
.wh-overlay {display: none;position: absolute;top: 0; left: 0;width: 100%; height: 100%; ;z-index: 100;}

.wh-overlay {position: fixed;background-color: rgba(255, 255, 255, 0.93);}
.no-rgba .overlay {background: url(../img/overlay.png) repeat;}
.no-ragba .wh-overlay {background: url(../img/overlay_md.png) repeat;}

/*** MAIN GENERAL CONTENT ***/

.main-content {width: 100%;height: auto;background-color: #fff;}
.main-campaigns a {position: relative;}
.anchor {display: inline-block;width: 100%;margin-top: 10px;}

/*** CONTENTS HOME ***/

.sbi_title {display: inline;float: left;font-family: 'Frank Ruhl Libre', sans-serif;width: 378px;text-align: center;padding: 136px 34px 0 34px;margin-left: 36px;}
.sbi_title.inverted {margin: 0 36px 0 0;}
.sbi_title a {font-size: 14px;color: #c3c3c3;-webkit-transition: color 0.35s ease-out;transition: color 0.35s ease-out;}
.sbi_title a:hover {color: #878787;text-decoration: none;}

.strip {display: inline;float: left;width: 100%;margin-top: 36px;}

.data-img {
	float: left;
	opacity: 0;
	-webkit-transform: translate3d(0px, 50px, 0px);
	transform: translate3d(0, 50px, 0px);
	-webkit-transition: -webkit-transform 0.75s, opacity 0.85s cubic-bezier(.37,.25,.51,.9);
	transition: transform 0.75s, opacity 0.85s cubic-bezier(.37,.25,.51,.9);
}

/*
.data-img img {min-width: 100%;min-height: 100%;}
*/



.data-img .caption,
.slim .caption {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 0;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s ease;
	transition: transform 0.4s, opacity 0.4s ease;
}

.data-img:hover .caption,
.data-img:active .caption,
.slim:hover .caption,
.slim:active .caption {-webkit-transform: scale(1.04);transform: scale(1.04);opacity: 0.7;}

.data-img .discover {display: block;position: relative;font-family: 'Frank Ruhl Libre', sans-serif;bottom: 30px;font-size: 12px;text-align: center;letter-spacing: -.5px;color: #fff;}


/*** 배너이미지 로드 ***/

.anim-load {
	-webkit-transform: translate3d(0px, 0px, 0px);
	transform: translate3d(0px, 0px, 0px);
	opacity: 1;
}
.anim-load-delay2 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}




/* BASIC css end */