@charset "utf-8";
/* 전 페이지 공통 엘리먼트 및 태그 스타일 */
* { margin: 0; padding: 0; }

@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: 'yg-jalnan';src: url('../font/JalnanOTF00.woff') format('woff'); }
@font-face {font-family: 'c24';src: url('../font/Cafe24Oneprettynight.woff') format('woff'); }

@font-face {font-family: 'GmarketL';src: url('../font/GmarketSansLight.woff') format('woff'); }
@font-face {font-family: 'GmarketM';src: url('../font/GmarketSansMedium.woff') format('woff'); }

body { width: 100%; height: 100%; overflow-x: hidden; min-width:1280px;}
div { margin: 0 auto; text-align: left; }
fieldset, img { border: none; }
img { border: 0; vertical-align: top; border: 0 none; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
table { border-collapse: collapse; }
address, em { font-style: normal; }
input, textarea { font-family: inherit; font-size: 1.05em; }

/*로그인페이지와 관리자모드의 인풋창 까지 바뀜*/

dl, dt, dd, p { margin: 0; padding: 0; }
ul, li { list-style: none; margin: 0; padding: 0; }
hr { display: none; }
table, tr, td, th, div, p, ul, li, span { font-family: 'NotoKrR'; }

@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('MYRIADPRO-SEMIBOLD.woff') format('woff');
}
/*2017-04-22 작업시작*/
div.menu_dark
{
    top: 0;
    left: 0;
    position: fixed;
    background: url('/images/menu_dark.png') no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 0.5;
}


div.main_dark
{
    top: 0;
    left: 0;
    position: fixed;
    background: url('/images/main_dark.png') no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: 6;
    opacity: 0.15;
}


#wrap { width: 100%; height: 100%; margin: 0 auto; position: relative; min-width:1280px;}


p.today_img img {padding:10px 0 10px 0; border-bottom:1px solid #e1dad2;}
.cart_today {width:59px; height:80px; position:relative;}
.cart_today img {padding:20px 0 0 10px;}
.cart_today .cart_bt_cnt {position:absolute; top:19px; right:10px; z-index:4; width:19px; height:19px; border-radius:19px; 
background:#ec0000; color:#ffffff; line-height:19px; text-align:center; font-family: 'NotoKrM';}


.main_copy { position: fixed; width:100%;  bottom: 65px; z-index: 300; color:rgba(255, 255, 255, 0.6); text-align:left; min-width:1280px;}
.main_copy .main_copy_fix {padding-left:50px;}
.main_copy a {color:rgba(255, 255, 255, 0.6);}
.main_copy a:visited {color:rgba(255, 255, 255, 0.6);}
.main_copy a:active {color:rgba(255, 255, 255, 0.6);}
.main_copy a:hover {text-decoration:none; color:rgba(255, 255, 255, 0.6);}



span.header2 { width: 100%; height: 80px; padding: 0; margin: 0; }
#div2 { width: 100%; height: 80px; display: none; position: fixed; top: 0; left: 0; z-index: 100; text-align: center; background:#ffffff; border-bottom:1px solid #d0d0d0; }

#div2 .div2_fix {width:100%; position:relative; }

.div2_fix .hide_logo { position:absolute; top:70px; left:40px; z-index:300; }

.hide_logo li {float:left;}

.div2_fix .sub_right_dot_fix { width:830px; height:80px; position:absolute; top:0; right:215px; z-index:300; font-size:18px; line-height:80px;}
.div2_fix .hide_icon {position:absolute; right:50px; top:35px; z-index:59999;}
.hide_icon ul li {float:left; margin-right:10px;}
.hide_icon li {line-height:20px; color:#ffffff;}

#wrap .menu_area {width:100%; height:70px; margin:0 auto;  
position:absolute; top:0; left:0; z-index:300; font-family: 'NotoKrM'; background:rgba(0, 0, 0, 0.0);}

.menu_area .sub_logo {position:absolute; top:70px; left:70px; z-index:300; }
.sub_logo h1 {visibility:hidden;}
.sub_logo h2 {visibility:hidden;}
.menu_area .menu_icon {position:absolute; right:50px; top:60px; z-index:59999;}
.menu_icon ul li {float:left; margin-right:10px;}
.menu_icon li {line-height:20px; color:#ffffff;}

.menu_area .menu {width:300px; height:70px; position:absolute; top:50px; right:40px; z-index:300;}
.menu .menu_tab { width:300px; height:70px; font-size:18px; color:#cccccc; }

/* GNB */
ul.gnb {display:inline;}
ul.gnb li {display:inline-block; *display:inline; position:relative; z-index:500; float:left; padding-left:70px; line-height:85px;}

ul.gnb li ul {position:absolute; left:0; top:52px; opacity:0;  height:auto;  display:none;}
ul.gnb li ul li { height:34px; margin:0; padding:0; text-align:left; line-height:34px; }
ul.gnb li ul li a {width:140px; display:block; color:rgba(255, 255, 255, 0.5); font-size:14px; text-decoration:none; }
ul.gnb li ul li a:hover {color:#ffffff; text-decoration:none; }
/* GNB */


ul.gnb li ul li a.on_menu_active {color:#ffffff; text-decoration:none; }
ul.gnb li ul li a.on_menu_active:hover {color:#ffffff; text-decoration:none; }

a#bt_menu_tab1,a#bt_menu_tab2,a#bt_menu_tab3,a#bt_menu_tab4
{ color:#ffffff; text-decoration:none;}

a#bt_menu_tab1:hover,a#bt_menu_tab2:hover,a#bt_menu_tab3:hover,a#bt_menu_tab4:hover
{ color:#ffffff; text-decoration:none;}

#bt_menu_tab1,
#bt_menu_tab2,
#bt_menu_tab3,
#bt_menu_tab4{  cursor:pointer; text-align:center; }
#bt_menu_tab1.selected { color:#ffffff; }
#bt_menu_tab2.selected { color:#ffffff; }
#bt_menu_tab3.selected { color:#ffffff; }
#bt_menu_tab4.selected { color:#ffffff; }

#bt_menu_tab1.amenu01 { color:#ffffff;}
#bt_menu_tab2.amenu02 { color:#ffffff; }
#bt_menu_tab3.amenu03 { color:#ffffff; } 
#bt_menu_tab4.amenu04 { color:#ffffff; }




/* 서브페이지 영역*/
#wrap .subvisual {width:100%; height:400px; background:url(../images/subvisual01.jpg) no-repeat 50% 0; position:relative;}

#wrap .subvisual01 {width:100%; height:400px; background:url(../images/subvisual01.jpg) no-repeat 50% 0; }
#wrap .subvisual02 {width:100%; height:400px; background:url(../images/subvisual02.jpg) no-repeat 50% 0;}
#wrap .subvisual03 {width:100%; height:400px; background:url(../images/subvisual03.jpg) no-repeat 50% 0;}
#wrap .subvisual04 {width:100%; height:400px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}
#wrap .subvisual05 {width:100%; height:400px; background:url(../images/subvisual02.jpg) no-repeat 50% 0;}
#wrap .subvisual06 {width:100%; height:400px; background:url(../images/subvisual03.jpg) no-repeat 50% 0;}
#wrap .subvisual07 {width:100%; height:400px; background:url(../images/subvisual01.jpg) no-repeat 50% 0;}

.subvisual .subvisual_text01 {position:absolute; width:100%; top:170px; left:0; animation: sub_title 0.5s alternate; text-align:center; }
@keyframes sub_title { 
  0% {left:0; top:200px; opacity:0; }
  100% {left: 0; top: 170px; opacity:1; }
}

.subvisual_text01 p.title_text01 {font-size:48px; color:#cf1a21; font-family: 'NotoKrL';}
p.title_text01 span {color:#ffffff; font-family: 'NotoKrL';}
.subvisual_text01 p.title_text02 {font-size:16px; color:#ffffff; padding-top:10px;}

#wrap .subcontent {width:100%; height:auto; position:relative;}
.subcontent .subject1 {width:1200px; height:auto; min-height:700px; margin-top:30px;}

.subject1 .sub_title {width:1200px; text-align:center; padding-top:50px;}
.sub_title p.sub_text01 {font-size:40px; color:#2c2c2c; font-family: 'NotoKrB';}
p.sub_text01 span {color:#2c2c2c; font-family: 'NotoKrL';}



/* 텝 제 1분류 영역*/
.subject1 .subnavi { width: 1200px; height:auto; text-align: center; margin:0 0 30px 0;}
.subnavi ul {display: inline-block;}
.subnavi li { display: block; padding: 0; float: left; }
.subnavi ul li a { display: block; padding: 0; font-size: 17px; }
.subnavi ul li a span { text-align: block; }

.subnavi ul li a.sub_on { margin:0 20px 0 20px; height: 44px; color: #2c2c2c; text-decoration: none; line-height: 44px; border-bottom:2px solid #ffffff;}
.subnavi ul li a.sub_on:hover { margin:0 20px 0 20px; height: 44px;  color: #2c2c2c; text-decoration: none; line-height: 44px; font-family: 'NotoKrM'; border-bottom:2px solid #87745d;}
.subnavi ul li.on_menu_active a { margin:0 20px 0 20px; height: 44px;  color: #2c2c2c; text-decoration: none; line-height: 44px; font-family: 'NotoKrM'; border-bottom:2px solid #87745d;}
.subnavi ul li.on_menu_active a:hover { margin:0 20px 0 20px; height: 44px;  #2c2c2c; text-decoration: none; line-height: 44px; font-family: 'NotoKrM'; border-bottom:2px solid #87745d;}
.subnavi ul li span.submenu_text2 {color:#adafb2; }
.subnavi ul li span {float:left; line-height: 44px; }
/* 텝 제 1분류 영역 종료*/


/*전 페이지 공통 카피영역 */
#copy_sub {width:100%; height:180px;  background:#f8f7f6; line-height:22px; clear:both; font-size:12px; position:relative;}
#copy_sub .copy_top {position:absolute; right:50px; bottom:100px; z-index:5;}

#copy_sub .copy_sub_fix {width:1200px; text-align:left; padding-top:50px; color:#535353;}

.copy_sub_fix .copy_logo {padding-left:20px; }
.copy_sub_fix .copy_text {padding-left:0; padding-top:15px;}
#copy_sub a { color:#535353; }
#copy_sub a:active {color:#535353;  }
#copy_sub a:visited {color:#535353;  }
#copy_sub a:hover {color:#535353; text-decoration:none;  }

.copy_sub_fix span {color:#535353;}