/* 모바일 css */
@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'; }

html { -webkit-text-size-adjust:none; }
body { width:100%; margin:0 auto; letter-spacing:-1px; max-width:720px;}

.page_wrap { min-width:320px; }

nav { padding:15px; position:relative; overflow:hidden; background:#fff;}
nav h1 { text-indent:-9999px; float:left; }
nav h1 a { background:url(../images/main/logo.png) no-repeat; background-size:70%; width:177px; height:44px; display:block;}
nav .allmenu {position:absolute; top:15px; right:15px; text-indent:-9999px; }
nav button { padding:0; height:0; border:0; }
nav .allmenu a { background:url(../images/btn_allmenu.png) no-repeat; background-size:100%; width:40px; height:40px; /*border:1px solid;*/ display:block; }
nav .global {position:absolute; right:65px; height:40px; overflow:hidden; /*border:1px solid red;*/}
nav .global li {display:inline-block; float:left; width:60px; margin-right:10px; }
nav .global li:last-child { margin:0; }
nav .global li a {display:block;}


/* 전체메뉴 시작 */
.totalmenu { background:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; color:#fff; }
.totalmenu:before { display:block; content:''; width:250px; background:#fff; height:100%; position:absolute; } 
.totalmenu li a { color:#fff; cursor:pointer; }

.totalmenu .one_depth { width:250px; /*border:1px solid #fff;*/ }
.totalmenu .one_depth li { position:relative; }
.totalmenu .one_depth li a { padding:15px; display:block; }
.totalmenu .one_depth li a:after { display:block; content:''; background:url(../images/icon_plus.png) no-repeat right 7px; background-size:50% auto; 
                                    width:34px; height:34px; position:absolute; right:10px; top:10px;}

.totalmenu .one_depth .two_depth {display:none;}
.totalmenu .one_depth .two_depth li {position:relative; background:#fff; border-bottom:1px solid #ddd; }
.totalmenu .one_depth .two_depth li:last-child { border-bottom:none; }
.totalmenu .one_depth .two_depth li a { color:#333;  }
.totalmenu .one_depth .two_depth li a:after {display:block; position:absolute; top:10px; right:10px; content:''; width:16px; height:28px; 
                                             background:url(../images/icon_arrow.png) no-repeat center; background-size:50% auto; }
.menu_close { position:absolute; left:250px; top:0px; }
.menu_close a { width:49px; height:49px; background:url(../images/btn_close.png) no-repeat center; background-size:100% auto; display:block; text-indent:-9999px;}


/* 전체메뉴 끝 */

/* visual */

.visual { }

#main_visual { position:relative; z-index:1;  height:250px; width:100%; top:0; overflow:hidden; }
#main_visual img { width:100%; height:250px;}
	
	.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;
    }


/* contents */

section{ box-sizing:border-box; }

.con_wrap{ padding:15px;  }

/* BRAND */

.tit { font-size:25px; line-height:30px; text-align:center; background:url(../images/main/icon_tit.png) no-repeat center top; background-size:auto; padding-top:40px; overflow:hidden;  }
#brand {position:relative; width:100%; background:url(../images/main/brand_bg.png) no-repeat center top; background-size:cover; text-align:center; /*border:1px solid;*/ }
#brand .btn {position:relative; top:-20px; overflow:hidden; width:150px; margin:0 auto;  }
#brand .btn a {font-size:20px; line-height:20px; background:#1c1c1c; padding:10px 40px; color:#fff; display:block;  }

/* PRODUCT */

#product {position:relative; width:100%; text-align:center; /*border:1px solid;*/ }
#product .p_gallery { background: #fff; margin-top:30px; }
#product .img_wrap {position:relative; width:100%; height:250px; }
#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:20px; font-weight:700; letter-spacing:-1px; line-height:25px; padding-top:25px; }
#product .text span { font-size:16px; padding:10px; display:block; }

/* notice */

.notice {}
.notice .no_tit { text-align:center; }
.notice .no_tit img {width:80%; background:none; }
.main_board01 { width:90%; margin:0 auto;}
.main_board01 tr, td, th, li, a { line-height:25px; font-size:16px;}
.main_board01 th {display:none;}
.main_board01 td { text-align:left; }
.main_board01 .right{ float:right; text-align:right; }
.board-link { float:left;display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; width:70%; }
.cl{clear:both:}

/* banner */

.banner {width:100%; margin:0 auto; overflow:hidden;}
.banner li { display:inline-block; float:left; width:33.333%; }
.banner li:last-child { margin:0px; } 
.banner li img {width:100%; }

/* LOCATION */

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


/* footer */

footer { background:#2c2a29; padding:20px; color:#fff; text-align:center; font-size:12px;}
.footer_btn {  width:100%; /*border:1px solid green;*/ margin:0 auto; margin-bottom:15px; }
.footer_btn li { display:inline-block; border-left:1px solid rgba(255,255,255,0.3); line-height:1; }
.footer_btn li:first-child { border:0; }
.footer_btn li a { color:#fff; padding:0 10px  15px 10px; }
footer p a {color:#fff; text-decoration:underline; }

.footer_family {width:100%; overflow:hidden;}
.footer_family li {font-size:1em; width:33.333%; display:inline-block; box-sizing:border-box; float:left; padding:10px; border:1px solid #2c2a29; background:#636160; }
.sns {  }
.sns li { display:inline-block; text-indent:-9999px; padding:10px 5px; }
.sns li.facebook a { background:url(../images/main/facebook.png) no-repeat center; width:37px; height:38px; display:block; }
.sns li.instagram a { background:url(../images/main/instagram.png) no-repeat center; width:37px; height:38px; display:block; }


/* 공통 폼 태그 */

[type="text"] { padding-left:5px; line-height:1; border:1px solid #9c9c9c; height:30px; }
select { padding:0 5px; line-height:1; border:1px solid #9c9c9c; height:30px; font-size:12px; /* -webkit-appearance:none; 화살표없애기 */ }
.btn_calendar { text-indent:-9999px; vertical-align:middle; display:inline-block; /*border:1px solid red;*/ }
.btn_calendar a {width:30px; height:30px; background:url(../images/btn_calendar.png) no-repeat center; background-size:80% auto; display:block;  }
button { border:1px solid #9c9c9c; padding:0 15px; height:30px; }

.btn_gray { background:#717171; color:#fff; border:none;}
.btn_blue { background:#4967b0; color:#fff; border:none; }
.btn_reset { background:url(../images/btn_reset.png) no-repeat; background-size:15% auto; padding-left:15px; display:inline-block; }
.bg_gray { background:#f6f6f6; }

/* 전체메뉴 컬러 */
.blue_b {background:#4967b0;}
.skyblue_b {background:#54a9df;}
.orange_b {background:#f1582c;}
.yellow_b {background:#ffc710;}
.green_b {background:#37b54a;}
.gray_b {background:#787e8c;}
.gray2_b {background:#f1f2f3;}
.black { color:#282828; }