@font-face {
  font-family: NanumGothic;
  src: url('../fonts/NanumGothic.woff') format('woff');
  font-weight: normal;
}
@font-face {
  font-family: NotoSansKR;
  src: url('../fonts/NotoSansKR-Thin.woff') format('woff');
  font-weight: 100;
}
@font-face {
  font-family: NotoSansKR;
  src: url('../fonts/NotoSansKR-Regular.woff') format('woff');
  font-weight: normal;
}
@font-face {
  font-family: NotoSansKR;
  src: url('../fonts/NotoSansKR-Medium.woff') format('woff');
  font-weight: 600;
}
@font-face {
  font-family: NotoSansKR;
  src: url('../fonts/NotoSansKR-Bold.woff') format('woff');
  font-weight: 800;
}
@font-face {
  font-family: NotoSansKR;
  src: url('../fonts/NotoSansKR-Black.woff') format('woff');
  font-weight: 900;
}
    
* {margin: 0; padding: 0; box-sizing: border-box;}
ul {list-style: none;}
a {text-decoration: none;}

.cont_wrap {display: inline-block; width: 100%;}
.section_cont {width: 1100px; height: 100%; margin: 0 auto; font-size: 16px; font-family: 'NotoSansKR', 'NanumGothic';}
.f_left {float: left;}
.f_right {float: right;}
/*header, footer {min-width: 1100px;}*/
header, footer {min-width: 1200px;}

/*header*/    
header {height: 250px; overflow: hidden;}
.div_header_top {width: 100%; height: 120px; background: url('../img/header_top_bg.jpg') center top; z-index: 1;}

.header-wrapper, .header-owl-wrapper .item_content > p {height: 120px;}
.header-wrapper .ic_slider_prev_top, .header-wrapper .ic_slider_next_top {position: absolute; top: 30px;}
.header-wrapper .ic_slider_prev_top {left: calc(50% - 700px);}
.header-wrapper .ic_slider_next_top {right: calc(50% - 700px);}
.header-wrapper .owl-nav {height: 1px;}
.ic_slider_prev_top, .ic_slider_next_top {display: inline-block; width: 33px; height: 61px;}
.ic_slider_prev_top, .ic_slider_next_top {opacity: 0.75; filter: alpha(opacity=75);}
.ic_slider_prev_top {background: url('../img/ic_slider_prev_top.png');}
.ic_slider_next_top {background: url('../img/ic_slider_next_top.png');}
.ic_slider_prev_top:hover, .ic_slider_next_top:hover {opacity: 1; filter: alpha(opacity=100);}
    
.div_header_topmemu {width: 100%; height: 45px;}
.div_header_topmemu ul.ul_topmenu {float: right; margin-top: 6px;}
.div_header_topmemu ul.ul_topmenu > li {float: left;}
.div_header_topmemu ul.ul_topmenu > li > a {display: inline-block; font-size: 14px; line-height: 1; color: #333;}
.div_header_topmemu ul.ul_topmenu > li:before {content: '|'; padding: 0 8px; color: #c1c1c1;}
.div_header_topmemu ul.ul_topmenu > li:first-child:before {content: '';}
.div_header_topmemu ul.ul_topmenu > li > a > span {padding-right: 5px; vertical-align: middle;}
.div_header_topmemu ul.ul_topmenu > li > a > span.ic_badge_cart, .div_header_topmemu ul.ul_topmenu > li > a > span.ic_badge_coupon {display: inline-block; width: 14px; height: 14px; margin-left: 2px; padding: 0; font-size: 10px; line-height: 14px; text-align: center; vertical-align: middle;  color: #fff; border-radius: 14px;}
.div_header_topmemu ul.ul_topmenu > li > a > span.ic_badge_cart {background: #09b7c7;}
.div_header_topmemu ul.ul_topmenu > li > a > span.ic_badge_coupon {background: #565656;}
.div_header_topmemu ul.ul_topmenu > li > a > span img {vertical-align: middle;}
.div_header_topmemu ul.ul_topmenu > li > a > span.ic_top_user {display: inline-block; width: 27px; height: 27px; margin: 0 8px;}
.div_header_topmemu ul.ul_topmenu > li > a > span.ic_badge_qmenu {margin-left: -16px; margin-bottom: -6px; padding-right: 0; vertical-align: text-bottom; }
.div_top_qmenu:before {content: url('../img/ic_menu_arrow.png'); position: absolute; top: -18px; right: 28px; display: block;}
.div_top_qmenu {display: none; position: absolute; top: 175px; right: calc(50% - 550px); padding: 10px 20px; border: 1px solid #cfcfcf; background: #fff; border-radius: 15px; z-index: 1;}
.div_top_qmenu > ul > li {display: block; float: none; text-align: left;}
.div_top_qmenu > ul > li:before {content: none; padding: 0;}
.div_top_qmenu > ul > li > a {display: inline-block; color: #333;}
.div_top_qmenu > ul > li > a > span {display: inline-block; font-size: 16px; font-weight: 600; line-height: 48px; vertical-align: middle;}
.div_top_qmenu > ul > li > a > span:nth-child(1) {min-width: 100px;}
.div_top_qmenu > ul > li > a > span:nth-child(2) {height: 42px}
.div_top_qmenu > ul > li:nth-child(2), .div_top_qmenu > ul > li:nth-child(3) {border-bottom: 1px dashed #e0e0e0;}
.div_top_qmenu > ul > li:nth-child(5) > a > span {color: #999;}
.div_top_qmenu > ul > li > a > span.ic_badge_cart02, .ic_badge_qmenu {display: inline-block; width: 12px; height: 12px; font-size: 7px; line-height: 1; text-align: center; vertical-align: bottom; background: #ea344a; color: #fff; border-radius: 12px;}
.div_top_qmenu > ul > li > a > span.ic_badge_cart02 {margin-left: -10px; margin-bottom: 12px; }
  

.div_header_gnb {display: inline-block; width: 100%; height: 85px; padding-top: 25px; border-bottom: 1px solid #ccc;}
/*.div_header_gnb > .section_cont {width: 1116px;}*/
.div_header {display: inline-block; width: 100%;}
.div_header:after {clear:both; content:''; display:block;}
/*.div_header .div_logo {float: left; display: inline-block; width: 35%; padding-top: 8px; padding-left: 8px;}*/
.div_header .div_logo {float: left; display: inline-block; width: 35%; padding-top: 8px;}
.div_header .div_logo h1 {float: left; display: inline-block; margin: 4px 0 0 0; padding: 0; font-size: 15px;}
.div_header .div_logo .div_dday {float: left; display: inline-block; margin: 0 0 0 10px;}
.div_header .div_logo .div_dday > p {margin: 2px 0; font-size: 13px; line-height: 1; letter-spacing: -1px;}
.div_header .div_logo .div_dday > p > span.logo_dday {letter-spacing: 0; font-weight: 900; color: #09b7c7; border-radius: 7px;}

.div_mainmenu {float: right; display: inline-block;}
.ul_mainmenu {display: inline-block; width: 100%;}
/*.ul_mainmenu> li {position: relative; float: left; display: inline-block; width: 12%;}*/
/*
.ul_mainmenu> li {float: left; display: inline-block; width: 12%;}
.ul_mainmenu > li:first-child {margin-left: 4%;}
*/
.ul_mainmenu> li {float: left; display: inline-block;}
/*.ul_mainmenu > li:first-child {margin-left: 30px;}*/
.ul_mainmenu > li > a {display: inline-block; padding: 0 14px; font-size: 18px; line-height: 48px; text-align: center; font-weight: 800; font-family: 'NotoSansKR', 'NanumGothic'; color: #151515; white-space: nowrap;}
.ul_mainmenu > li:nth-child(8) > a {padding: 0 0 0 18px;}
.div_submenu:before {content: url('../img/ic_menu_arrow.png'); position: absolute; top: -18px; right: 18px; display: block;}
.div_submenu {display: none; position: absolute; top: 249px; left: calc(50% - 550px); padding: 10px 20px; border: 1px solid #cfcfcf; background: #fff; border-radius: 15px;  z-index: 2;}
.div_submenu.div_submenu01 {margin-left: 312px;}
.div_submenu.div_submenu02 {left: 0; width: 100%; height: 262px; padding: 0; border-radius: 0;}
.div_submenu.div_submenu03 {margin-left: 452px;}
.div_submenu.div_submenu04 {margin-left: 582px;}
.div_submenu.div_submenu05 {margin-left: 642px;}
.div_submenu.div_submenu07 {margin-left: 840px;}
.div_submenu.div_submenu02:before {content: none;}
.div_submenu02 .cont_wrap {display: inline-block; width: calc(100% - 605px); padding-top: 40px; vertical-align: top;}
.div_submenu02 .ul_submenu > li > a {display: inline; background: url('../img/main_menu_sub02_bg.jpg') repeat-x;}
.div_submenu02 .ul_submenu > li > a {margin-left: 25px;}
.div_submenu02 .ul_submenu > li > a span {display: inline-block;}
.div_submenu02 .ul_submenu > li > a span:nth-child(1) {min-width: 150px; text-shadow: 4px 4px 4px #fff;}
.div_submenu02 .ul_submenu > li > a span:nth-child(2) {padding-left: 8px; color: #a9a9a9; font-weight: normal; background: #fff;}
.ul_submenu > li > a {display: inline-block; width: 100%; font-size: 16px; line-height: 40px; font-weight: 600; letter-spacing: -1px; color: #151515;}
.div_header_topmemu ul.ul_topmenu > li > a {line-height: 12px;}

/*footer*/
footer {display: inline-block; width: 100%; padding-bottom: 90px;}
.div_footer_top, .div_footer_top02 {height: 300px; background: url('../img/footer_top_bg02.jpg') center top;}
.footer_top_img {position: relative;}
.footer_top_btn {position: absolute; top: 310px; left: 435px;}
.footer_top_btn > a {display: inline-block; margin-right: 20px;}
.div_footer_bot {padding: 60px 0; border-top: 1px solid #e7e7e7;}
.div_footer_bot ul {display: inline-block; width: 100%; margin: 25px 0 10px 0;}
.div_footer_bot ul li {float: left; display: inline-block;}
.div_footer_bot ul li a {font-weight: 600; font-size: 17px; color: #555;}
.div_footer_bot ul li:nth-child(3) a {color: #42a9f1;}
.div_footer_bot ul li:before {float: left; padding: 0 20px; content: '|'; color: #dcdcdc;}
.div_footer_bot ul li:first-child:before {content: none;}

.bottom_info_line > p {display: inline-block; margin-right: 10px;}
.bottom_info p, .bottom_info p span {font-size: 14px; color: #7b7b7b;}
.div_footer_bot .f_left {float: left; width: 65%;}
.div_footer_bot .f_right {float: right; padding-left: 35px; border-left: 1px solid #f7f7f7;}

@media (max-width:1199px) {
.div_submenu.div_submenu01 {left: 312px; margin-left: 50px;}
.div_submenu.div_submenu03 {left: 452px; margin-left: 50px;}
.div_submenu.div_submenu04 {left: 582px; margin-left: 50px;}
.div_submenu.div_submenu05 {left: 642px; margin-left: 50px;}
.div_submenu.div_submenu07 {left: 840px; margin-left: 50px;}
}