@charset "utf-8";

@font-face { font-family: 'NotoMrB'; font-style: normal; font-weight: 700; src: url('../../../font/SourceHanSerifKR-Medium_subset.eot'); src: url('../../../font/SourceHanSerifKR-Medium_subset.eot?#iefix') format('embedded-opentype'), url('../../../font/SourceHanSerifKR-Medium_subset.woff2') format('woff2'), url('../../../font/SourceHanSerifKR-Medium_subset.woff') format('woff'); }
@font-face { font-family: 'NotoMrR'; font-style: normal; font-weight: 700; src: url('../../../font/SourceHanSerifKR-Regular_subset.eot'); src: url('../../../font/SourceHanSerifKR-Regular_subset.eot?#iefix') format('embedded-opentype'), url('../../../font/SourceHanSerifKR-Regular_subset.woff2') format('woff2'), url('../../../font/SourceHanSerifKR-Regular_subset.woff') format('woff'); }
@font-face { font-family: 'NotoMrEL'; font-style: normal;  src: url('../../../font/SourceHanSerifKR-ExtraLight_subset.eot'); src: url('../../../font/SourceHanSerifKR-ExtraLight_subset.eot?#iefix') format('embedded-opentype'), url('../../../font/SourceHanSerifKR-ExtraLight_subset.woff2') format('woff2'), url('../../../font/SourceHanSerifKR-ExtraLight_subset.woff') format('woff'); }


@font-face { font-family: 'NotoKrL'; font-style: normal; font-weight: 100; src: url('../fonts/notokr/notokr-light.eot'); src: url('../../../font/notokr-light.eot?#iefix') format('embedded-opentype'), url('../../../font/notokr-light.woff2') format('woff2'), url('../../../font/notokr-light.woff') format('woff'); }
@font-face { font-family: 'NotoKrR'; font-style: normal; font-weight: 300; src: url('../fonts/notokr/notokr-regular.eot'); src: url('../../../font/notokr-regular.eot?#iefix') format('embedded-opentype'), url('../../../font/notokr-regular.woff2') format('woff2'), url('../../../font/notokr-regular.woff') format('woff'); }
@font-face { font-family: 'NotoKrM'; font-style: normal; font-weight: 500; src: url('../fonts/notokr/notokr-medium.eot'); src: url('../../../font/notokr-medium.eot?#iefix') format('embedded-opentype'), url('../../../font/notokr-medium.woff2') format('woff2'), url('../../../font/notokr-medium.woff') format('woff'); }
@font-face { font-family: 'NotoKrB'; font-style: normal; font-weight: 900; src: url('../fonts/notokr/notokr-bold.eot'); src: url('../../../font/notokr-bold.eot?#iefix') format('embedded-opentype'), url('../../../font/notokr-bold.woff2') format('woff2'), url('../../../font/notokr-bold.woff') format('woff'); }

 @font-face {
    font-family: 'Cafe24Oneprettynight';
    src: url('../../../font/Cafe24Oneprettynight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face { font-family: 'mont100'; src: url('../../../font/mont100.woff2') format('woff2'), url('../../../font/mont100.woff') format('woff');}
@font-face { font-family: 'mont200'; src: url('../../../font/mont200.woff2') format('woff2'), url('../../../font/mont200.woff') format('woff');}
@font-face { font-family: 'mont300'; src: url('../../../font/mont300.woff2') format('woff2'), url('../../../font/mont300.woff') format('woff');}
@font-face { font-family: 'mont400'; src: url('../../../font/mont400.woff2') format('woff2'), url('../../../font/mont400.woff') format('woff');}
@font-face { font-family: 'mont500'; src: url('../../../font/mont500.woff2') format('woff2'), url('../../../font/mont500.woff') format('woff');}
@font-face { font-family: 'mont600'; src: url('../../../font/mont600.woff2') format('woff2'), url('../../../font/mont600.woff') format('woff');}
@font-face { font-family: 'mont700'; src: url('../../../font/mont700.woff2') format('woff2'), url('../../../font/mont700.woff') format('woff');}
@font-face { font-family: 'mont800'; src: url('../../../font/mont800.woff2') format('woff2'), url('../../../font/mont800.woff') format('woff');}
@font-face { font-family: 'mont900'; src: url('../../../font/mont900.woff2') format('woff2'), url('../../../font/mont900.woff') format('woff');}

table, tr, td, th, div, p, ul, li, span, h1, h2, h3, h4 { font-family: 'NotoKrR'; }

#wrapper{ min-width:1280px; }

/* TOP  */

#header{position:absolute; z-index:100; width:100%; height:160px;}
#header .top_menu{height:50px; background:#79706b;}
#header .login_menu {width:1080px; margin:0 auto; position:relative; overflow:hidden; height:50px;}
#header .login_menu ul { padding-top:10px; position:absolute; right:0; }
#header .login_menu li {display:inline-block; font-size:15px; vertical-align:middle;}
#header .login_menu li a { color:#fff; }
#header .gnb { height:110px; background:rgba(255, 255, 255, 0.5); }
#header .wrap_inner{  position:relative; width:1080px; height:60px; margin:0 auto; padding-top:50px; /*border:1px solid;*/ }
#header .wrap_inner h1 { position:absolute; z-index:200; top:0; padding-top:25px; }
#header .wrap_inner h1 a { display:block; }
#header .menu{ position:absolute; right:0; }
#header .menu li { display:inline-block; font-size:18px; font-weight:bold; padding-left:130px; letter-spacing:-1px; text-transform:uppercase; }
#header .quick_menu { border:1px solid; position:absolute; right:-190px; top:40px; }
#header .quick_menu select { width:150px; padding:5px; }

#header .sub_wrap { background:#fff; position:relative; overflow:hidden; display:none; }
#header .sub_wrap2 { position:relative; width:1080px; margin:0 auto; height:170px; /*border:1px solid green;*/ }
#header .sub_wrap2 .sub{ /*border:1px solid red;*/ position:absolute; width:850px; right:0; padding:15px 0; }
#header .sub_wrap2 .sub li { display:table-cell; letter-spacing:-1px;  }
#header .sub_wrap2 .sub2 {  /*border:1px solid blue;*/ }
#header .sub_wrap2 .sub2 h2 { text-transform:uppercase; font-size:18px; font-weight:bold; }
#header .sub_wrap2 .sub2 h2 a{ color:#999999; }
#header .sub_wrap2 .sub2 li { display:block; width:140px; line-height:30px;  padding:0;}

/* visual */

#main_visual { position:relative; z-index:1;  height:810px; width:100%; top:0; overflow:hidden; }
#main_visual img { width:100%;}
	.slogan{ position:absolute; top:350px; width:800px; left:50%; margin-left:-400px; z-index:300; color:#fff; text-align:center; }
	.slogan span{ display:block; letter-spacing:-2px; }
	.text01{ font-size:45px; line-height:50px; font-weight:700; }
	.text02{ font-size:20px; line-height:30px; }
	
	.swiper-container {
        width: 100%;
        height: 100%;
        
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

/* BRAND */

.tit { font-size:40px; line-height:40px; text-align:center; background:url(../images/main/icon_tit.png) no-repeat center top; padding-top:60px; overflow:hidden;  }

#brand {position:relative; width:100%; height:646px; background:url(../images/main/brand_bg.png) no-repeat center top; text-align:center; /*border:1px solid;*/ }
#brand .btn {position:relative; top:-20px;  }
#brand .btn a {font-size:20px; line-height:20px; background:#1c1c1c; padding:10px 40px; color:#fff;  }

/* PRODUCT */

#product {position:relative; width:100%; text-align:center; /*border:1px solid;*/ }
#product .p_gallery { background: #fff; height:350px; margin-top:50px; }
#product .img_wrap {position:relative; width:100%; height:350px; }
#product .img_wrap img { width:100%; }
#product .img { position:relative; }
#product .text { position:absolute; width:100%; z-index:2; background:rgba(0,0,0,0.7); bottom:0; color:#fff; height:110px; }
#product .text p { font-size:25px; font-weight:700; line-height:30px; padding-top:22px; }
#product .text span { font-size:18px; padding:10px; display:block; }

/* NOTICE */

#notice { width:940px; margin:0 auto; overflow:hidden; }	
#notice .img { float:left; padding-right:35px; border-right:1px solid #c4c4c4; }
#notice .board{ float:right; width:587px; /*border:1px solid red;*/ }
#notice .board li { clear:both; overflow:hidden; }
#notice .board li span { display:block; margin-bottom:9px; letter-spacing:-1px;} 
#notice .board li span.text { float:left; }
#notice .board li span.date { float:right; color:#999999; }

/* BANNER */

#banner {position:relative; overflow:hidden; width:1005px; margin:0 auto; }
#banner li { display:inline-block; float:left; padding-left:22px; }
#banner li:first-child{ padding-left:0px; }

/* LOCATION */

#location {position:relative; height:740px; background:url(../images/main/location_bg.png) no-repeat; /*border:1px solid red;*/ }
#location .wrap { width:940px; margin:0 auto; text-align:center; }
#location .wrap .text { color:#fff; font-size:20px; line-height:25px; }

/* FOOTER */
#main_footer { width:100%; position:fixed; left:0; bottom:0; z-index:9999; }
#main_footer .wrap {position:relative; width:940px; margin:0 auto; overflow:hidden; color:#fff; }
#main_footer .wrap .menu { width:300px; margin:0 auto; overflow:hidden;  /*border:1px solid skyblue;*/ }
#main_footer .wrap .menu li { display:inline-block; padding:0px 15px; float:left; border-right:1px solid #6c6a6a;  }
#main_footer .wrap .menu li a { color:#fff; }
#main_footer .wrap .menu li:last-child { border:0; }
#main_footer .wrap .quick { width:100%; overflow:hidden;  }
#main_footer .wrap .quick li { padding:10px 0px; width:16.2%; text-align:center; background:#636160; display:inline-block; margin-left:5px; float:left; }
#main_footer .wrap .quick li:first-child { margin:0; }
#main_footer .wrap .quick li a { color:#fff; }
#main_footer .wrap .copy_wrap{ position:relative; clear:both; }
#main_footer .wrap .copy_wrap .copy { float:left; color:rgba(255, 255, 255, 0.5); line-height:20px; font-size:12px;}
#main_footer .wrap .copy_wrap .sns { float:right; }
#main_footer .wrap .copy_wrap .sns li { display:inline-block; float:left; padding-left:10px; }

#footer { width:100%; margin:0 auto; position:relative; background:#2c2a29; padding-bottom:30px; }
#footer .wrap {position:relative; width:940px; margin:0 auto; overflow:hidden; color:#fff; }
#footer .wrap .menu { width:300px; margin:0 auto; overflow:hidden;  /*border:1px solid skyblue;*/ }
#footer .wrap .menu li { display:inline-block; padding:0px 15px; float:left; border-right:1px solid #6c6a6a;  }
#footer .wrap .menu li a { color:#fff; }
#footer .wrap .menu li:last-child { border:0; }
#footer .wrap .quick { width:100%; overflow:hidden;  }
#footer .wrap .quick li { padding:10px 0px; width:16.2%; text-align:center; background:#636160; display:inline-block; margin-left:5px; float:left; }
#footer .wrap .quick li:first-child { margin:0; }
#footer .wrap .quick li a { color:#fff; }
#footer .wrap .copy_wrap{ position:relative; clear:both; }
#footer .wrap .copy_wrap .copy { float:left; color:rgba(255, 255, 255, 0.5); line-height:25px; }
#footer .wrap .copy_wrap .sns { float:right; }
#footer .wrap .copy_wrap .sns li { display:inline-block; float:left; padding-left:10px; }