@charset "utf-8";
p, h1, h2, h3, h4, h5, ul, li, a, input, span {font-family: 'Noto Sans KR', sans-serif;}


.clear{clear:both; display:block; content:"";}

#header{background:#FFF8EF; width:100%;}
#header #hd_wrapper{padding:26.5px 0;}
#header nav{display:inline-block; height:30px;}
#header .hd_nav{float:left; display:inline-block;}
#header .hd_nav .nav_list{float:left; position:relative; width:120px; text-align:center;}
#header .hd_nav .nav_list:first-child{margin-left:0;}

#header .hd_nav .nav_list a{ padding-bottom:36px; color:#000; font-size:16px; line-height:24px;}


.nav_list ul{position:absolute; top:58px; left:0; z-index:999;}
.nav_list ul li{display:none; padding:15px 0; width:120px; background:#fff; border-bottom:1px solid #eee;}
.nav_list ul li a{padding-bottom:0 !important; display:block; font-size:14px; text-align:center; }

.index_logo{margin:-5px 100px 0; display:inline-block; width:155px; height:42px; vertical-align:top;}
.index_logo a{display:block; background:url('/images/ico-logo.svg')no-repeat center; width:155px; height:42px;}
.hd_login{display:inline-block; position:static; height:48px;}
.hd_login .shop_cart{background:url('/images/ico-shopping.svg')no-repeat center; width:48px; height:48px;}
.hd_login .login a{display:block; width:48px; height:48px; font-size:14px; line-height:48px; border:none; letter-spacing:-0.9px;}


#footer{background:#1A1311; width:100%;}
#footer .ft_wrapper{margin:0 auto; padding:60px 0; width:1280px;}
#footer .ft_wrapper .ft_logo{margin:0 auto; width:239px; overflow:hidden;  text-align:center;}
#footer .ft_wrapper .ft_logo > a{display:inline-block; background:url('/images/ico-footerlogo.svg')no-repeat center; width:155px; height:42px;}
#footer .ft_wrapper .ft_cnt{margin:50px auto; overflow:hidden;}
#footer .ft_wrapper .ft_cnt li{float:left; display:inline-block; padding:12px 15px; width:auto; height:44px; box-sizing:border-box; border:1px solid #424242}
#footer .ft_wrapper .ft_cnt li:first-child{margin-right:20px;}
#footer .ft_wrapper .ft_cnt li a{color:#fff; font-size:14px; line-height:20px;}
#footer .ft_wrapper .ft_company{margin:0 auto; text-align:center;}
#footer .ft_wrapper .ft_company span{display:inline-block;  padding-left:10px; padding-bottom:8px; color:#fff; font-size:12px; line-height:17px;}
#footer .ft_wrapper .ft_company span:nth-of-type(1), #footer .ft_wrapper .ft_company span:nth-of-type(4), #footer .ft_wrapper .ft_company span:nth-of-type(6){margin-left:0;}
#footer .ft_wrapper .ft_company .ft_copy{margin-top:16px; color:#fff; font-size:12px; line-height:17px;}

.menu_btn{display:none;}
.hd_login .close_btn{display:none;}
.mo_hd_nav{display:none;}
.license{font-weight:400;}
@media (min-width:320px) and (max-width:1200px) {
#header{position:fixed; top:0; left:0; background:#FFF8EF; z-index:9999;}
#header #hd_wrapper{padding:14px 6px 14px 16px; width:100%;}
#header nav{position:absolute; top:76px; right:-100%; width:100%; height:100vh; overflow:scroll; background:url('/images/mo-ico-menupage-logo.svg')no-repeat 45% 73%;  background-color:#fff; transition:all 0.4s;}
#header nav .hd_nav{display:none;}
#header nav .mo_hd_nav{display:block; padding:70px 16px 40px; background:#fff; width:100%; margin-bottom:60px;}
.index_logo{float:left; margin:0 auto; width:104px; height:28px;}
.index_logo a{margin-top:5px; background:url('/images/mo-ico-mainpage-logo.svg')no-repeat; width:100%; height:28px; }
.hd_sch_wr{display:none;}
.menu_btn{display:block; float:right; width:48px; height:48px;}
.menu_btn .open_btn{display:block; background:url('/images/ico-menu.svg')no-repeat; width:48px; height:48px;}

.mo_active{border-bottom:0 !important; background:transparent !important;}
.mo_active img{display:none;}
#header nav .mo_hd_nav .nav_list{margin-bottom:20px; padding-bottom:20px; width:100%; border-bottom:1px solid #bdbdbd; background-color:#fff; background:url('/images/mo-ico-add.svg')no-repeat right top;}
#header nav .mo_hd_nav .nav_list a{font-size:24px; line-height:35px; font-weight:bold;}
#header nav .mo_hd_nav .nav_list ul{display:none; position:static; padding:16px; margin-top:18px; border-top:1px solid #bdbdbd; background:#F9F9F9}
#header nav .mo_hd_nav .nav_list ul li{display:block; padding:0; margin-top:16px; width:100%; border:none; background:transparent;}
#header nav .mo_hd_nav .nav_list ul li a{font-size:14px; line-height:20px; font-weight:400; text-align:left;}
#header nav .mo_hd_nav .nav_list ul li:first-child{margin-top:0;}
.hd_login{position:absolute; top:0; right:-100%; padding:14px 6px 14px 16px;  width:100%; height:auto; background:#FFF8EF; transition:all 0.4s;}
.hd_login .close_btn{display:block; float:right; background:url('/images/ico-close.svg')no-repeat; width:48px; height:48px;}
.hd_login .shop_cart > a{display:block; width:100%; height:100%;}
#footer .ft_wrapper{padding:40px 32px; width:100%;}
.ft_info{margin:0 auto; width:72%; word-break:keep-all;}
#footer .ft_wrapper .ft_company span{padding-left:0; padding-bottom:0;line-height:27px;}
#footer .ft_wrapper .ft_company span:nth-of-type(1){padding-right:20px;}
.license{display:block;}
}