@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

@keyframes link-animation{
    0%{margin-left:0}
    30%{margin-left:0}
    50%{margin-left:100%}
    51%{margin-left:100%}
    79%{margin-left:100%}
    80%{margin-left:-100%}
    100%{margin-left:0}
}
.promo_banner{padding:8px 15px 5px 15px; border-bottom:1px solid #fff; background:#000; font-size:12px; color:#fff; text-align:center; }
.promo_banner a{color:#fff; text-decoration:underline;}
.promo_banner .icon-ramskull_close{position:absolute; right:30px; top:8px; font-size:16px; cursor:pointer;}
.promo_banner .icon-ramskull_close:before{content:"\e614";}

.h1_logo .icon-ramskull_allsaints{display:inline-block; width:270px; font-size:25px; letter-spacing:.3em; text-transform:uppercase;}
.h1_logo .icon-ramskull_allsaints:before{content:"\e61f";}
.header.container-fluid{padding:0 30px;}
.header .row{display:flex; align-items:center; height:64px; }
.header *[class*="col-"]{}
.header *[class*="col-"] li{overflow:hidden;}
.header *[class*="col-"]:not(.h1_logo) a{position:relative; font-size:11px; font-weight:500; font-family: 'untitledsans','Noto Sans Korean'; overflow:hidden;}
.header *[class*="col-"]:not(.h1_logo) a:after{content:""; display:block; height:0; background:#000; width:100%; position:absolute; left:0; right:0; bottom:0;}
.header *[class*="col-"]:not(.h1_logo) a:hover:after{height:1px; animation-name:link-animation; animation-duration:1s; animation-direction:normal; animation-iteration-count:1;}
.header *[class*="col-"] li{display:inline-block; vertical-align:top;}
.header *[class*="col-"] li ul li a:hover:after{content:none;}

.header .hd_left{position:static;}
.header .hd_left li{margin-right:17px;}
.header .hd_right{justify-content:flex-end; display:flex; }
.header .hd_right > ul{display:flex; align-items:center; height:66px;}
.header .hd_right > ul > li{display:inline-flex; margin-left:17px;}
.header .hd_mo{display:flex; justify-content:space-between; align-items:center; width:calc(100% - 30px); margin:0 auto;}

#header .gnb_menu_box .depth1{display:none; position:absolute; z-index:202; left:0; right:0; top:96px; padding:40px 30px; border-top:1px solid #000; border-bottom:1px solid #000; background:#fff; }
#header .gnb_menu_box .depth1>ul{width:70%; float:left; }
#header .gnb_menu_box .depth1>ul>li{width:18.75%; }
#header .gnb_menu_box .depth1>ul>li>a{pointer-events:none;}
#header .gnb_menu_box .depth2{display:block !important;}
#header .gnb_menu_box .depth2 li{display:block; margin-top:5px;}
#header .gnb_menu_box .depth2 li:first-child{margin-top:20px;}
#header .gnb_menu_box .depth2 li a{display:inline-block; overflow:hidden; font-family:'times', 'Malgun Gothic','맑은 고딕'; font-size:19px; /* line-height:1; */}
#header .gnb_menu_box .cate_banner{float:right; width:25%; }
#header .gnb_menu_box .cate_banner a:hover:after{content:none;}
#header .gnb_menu_box .cate_banner img{width:100%; }
#header .gnb_menu_box .cate_banner .desc{display:block; margin-top:16px; font-size:20px; font-family:'times', 'Noto Sans Korean'; text-align:center;}

/* 장바구니 레이어 */
.minicart_wrapper{}
.minicart_wrapper .minicart{display:none; position:absolute; right:0; top:66px; width:390px; padding:20px 20px 20px; border:1px solid #000; border-top:0; background:#fff; visibility:hidden;}
.hd_right.active .minicart{display:block; visibility:visible;}
.minicart .hd{padding-bottom:15px; border-bottom:1px solid #dbdbdb; font-size:24px;}
.minicart .hd .qty{display:inline-block; margin-left:5px; font-weight:normal;}
.minicart .cont{}
.minicart .list{padding:20px 0; max-height:420px; overflow-y:auto;}
.minicart .list li{width:100%; padding:20px 0; border-bottom:1px solid #e6e6e6;}
.minicart .list li:first-child{padding-top:0;}
.minicart .ft .total{padding:15px 0; }
.minicart .ft .total label, .minicart .ft .total > span{display:inline-block; width:50%; }
.minicart .ft .total > span{font-size:18px; font-weight:700; text-align:right;}
.minicart .ft .total .currency{font-weight:normal;}
.minicart .ft .btns{margin:30px 0 0; text-align:center;}
.minicart .ft .btns a{float:left; display:inline-block; width:calc(50% - 5px); padding:14px 0; border:1px solid #000; background:#fff; font-size:16px; font-weight:300; text-align:center; vertical-align:middle; line-height:22px;}
.minicart .ft .btns a:hover:after{content:none;}
.minicart .ft .btns a+a{margin:0 0 0 10px; border:1px solid #000; background:#000; color:#fff;}
.minicart  .pick_add_cont{position:relative; }
.minicart  .pick_add_cont a:hover:after{content:none;}
.minicart  .pick_add_img{float:left; }
.minicart  .pick_add_img img{width:120px;}
.minicart  .pick_add_info{margin-left:135px; color:#666;}
.minicart  .pick_add_info > em > a{display:block; margin-bottom:10px; font-size:20px !important; font-weight:400 !important;}
.minicart  .pick_add_info .pick_option_box span{display:block; padding:2px 0 3px; font-size:14px; color:#666;}
.minicart  .pick_add_info .goods_num{color:#666;}
.minicart  .pick_add_info .price{font-size:18px; font-weight:700; color:#666; }
.minicart  .pick_add_info .btn_del_minicart-l{position:absolute; right:0; bottom:0; padding:0 5px; border:1px solid #b3b3b3; font-size:12px; color:#666; line-height:20px;}
.minicart .no_data{padding:20px 0 0; color:#666; }

.footers.container-fluid{padding:60px 30px 100px;}


@media (min-width: 240px) and (max-width: 1199px) {
	body{overflow-x:hidden;}
	.promo_banner{padding-right:0px;}
	.promo_banner .info span{display:block; }
	.promo_banner .icon-ramskull_close{right:15px; width:16px; height:16px; background:url('../img/svg/menu_close.png') no-repeat 0 0; background-size:16px;}
	.promo_banner .icon-ramskull_close:before{content:none;}	
	.header.container-fluid{padding:0 15px;}
	.footers.container-fluid{padding:25px 15px;}
	.foot_list ul li a{font-size:11px;}
	.foot_cont {text-align:center;}
	.foot_cont .foot_logo{width:120px; margin:0 auto; }
	.foot_cont .foot_logo .as-icon.icon-allsaints{font-size:100%;}	
	.foot_cont .foot_info{font-size:10px; color:#989898; line-height:17px;}
	.foot_cont .foot_info_list dl.bar dd{position:relative; padding:0 5px 0 3px;}
	.foot_cont .foot_info_list dl.bar dd:after{content:''; position:absolute; right:0; top:50%; width:1px; height:8px; margin-top:-4px; background:#ccc; }	
	.foot_kakao_add_channel{text-align:center;}

	.nav-before-open{width:100%; height:100%; overflow-x:hidden;}
	.nav-before-open #wrap{-webkit-transition:left .3s; -moz-transition:left .3s; -ms-transition:left .3s; transition:left .3s; height:100%; left:0; overflow:hidden; position:relative;}
	.nav-open #wrap{left:80%; left:calc(100% - 54px);}
	.nav-open .headers{left:80%; left:calc(100% - 54px);}	
	.nav-open .side_menu{left:0; z-index:203; border-right:1px solid #000;}
	.nav-open .aw-icon.icon-hamburger{/* opacity:0; */}
	.nav-open .aw-icon.icon-hamburger.icon-ramskull_close{opacity:1; width:17px; height:17px; background:url('../img/svg/menu_close-black.png') no-repeat 0 0; background-size:17px; font-size:17px; }
	.nav-open .aw-icon.icon-hamburger.icon-ramskull_close:before{opacity:1; content:none;}
	.side_menu{background:#fff; -webkit-overflow-scrolling:touch; -webkit-transition:left .3s; -moz-transition:left .3s; -ms-transition:left .3s; transition:left .3s; height:100%; left:-80%; left:calc(-1 * (100% - 54px)); overflow:auto; position:fixed; top:0; width:80%; width:calc(100% - 54px); }
	.side_menu .link{margin:30px 0;}
	.side_menu .link li a{display:block; padding:10px 0 10px 20px; font-size:14px; }
	.side_menu .link li li a{position:relative; padding-left:30px; }
	.side_menu .link li li a:before{content:''; position:absolute; left:19px; top:15px; width:5px; height:9px; background:url('../img/icon/icon_arrow.png') no-repeat 0 0; background-size:5px 9px;}
	.side_menu .link li ul{display:none;}
	.side_menu .link li.active ul{display:block;}	
	.side_menu .nav_sec{}
	.side_menu .nav_sec .member{width:150px; margin:12px auto 30px; border:1px solid #666; text-align:center; line-height:29px; }
	.side_menu .nav_sec .member a{position:relative;}
	.side_menu .nav_sec .member a+a:before {content:'/'}		
}