@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable-dynamic-subset.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");



html{width:100%;color:#303030;background:#ffffff;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;
     /* 드래그 방지 */
     -ms-user-select: none;
     -moz-user-select: -moz-none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     user-select: none;
}



}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,img,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
body{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif ; font-size:12px;width:100%;line-height:18px;color:#303030;background-color:#ffffff;}
img{vertical-align:middle;border:0;}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0; width: 100%;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
caption,hr,legend{*display:none;font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;height:0} /* height:0 add */
a,a:link,a:visited,a:active,a:hover,a:focus{color:#303030; text-decoration:none; } 
* {padding:0px; margin:0px; line-height:100%;}
html {overflow-y:scroll}
option{min-height:45px !important;}
/* input style */ 
input[type="checkbox"], input[type="radio"] {width:13px; height:13px; margin:0 3px 0 0; padding:0; font-size:1em; line-height:1.2em; vertical-align:middle;border:none;}
textarea {resize:none; overflow-y:scroll}
select {height:21px;line-height:21px;padding:0;}



.wrap{width:100%;height:100%;display:inline-block;}
.header{width:100%;height:65px;display:inline-block;position:relative;}
.container{width:100%;margin:0 auto;min-height:720px;position:relative; margin-top: 51px;}


/*header*/
/* 웹메뉴 */
#header_wrap {width:100%;z-index:99999;position:fixed;display:inline-block;border-bottom: 1px solid #ddd;} 

/* 모바일 메뉴 */
#m_header_wrap{display:none;} 

/* 로그인 */
.logo_bg{background-color:#fff;width:100%; height:30px;}
.logo_bg>.logo_top {width:80%;height:100%;margin:0 auto;text-align:right;}
.logo_bg>.logo_top>li{float:right;margin-left:1em;}
.logo_bg>.logo_top>li>a{font-size:10pt;color:#212121;line-height:2.5; text-decoration:none;}

/* 메뉴 */
#header{background-color:#fff; display: grid;}
#header .top_b {width:1210px; margin:20px auto 0px; display: flex; justify-content: space-between;    height: 45px;} 
#header .top {text-align:right;display:inline-block;display:inline;} 
#header .top ul {float:left;padding:2em 1em;}
#header .top ul li {float:left; padding:0em 1em; border-right:1px solid #aaaaaa; font-size:13px; color:#333333;}
#header .top ul li a {font-size:1em; color:#333333;display:block;text-decoration:none;}


.closebtn{text-align:right;}

/* 로고 */
.logo{width:100px}
.logo>a{display: inline-block;}
.logo>a>img{width:100%}
.header_top {width:1210px;text-align:left;  position:relative;margin: 0 auto; display: flex; justify-content: space-between;}
.header_top >ul {text-align:left; vertical-align:middle; width: calc(100% / 2);}
.logo_top{text-align:right; display: flex;  justify-content: flex-end;}
.logo_top>li{align-content: center; font-size: 13px;}
.logo_top>span{
	display: block;
    width: 2px;
    height: 2px;
    background-color: #333;
    opacity: 0.4;
    margin: 26px 10px 0px 10px;
}
 
.logo_top>li:hover{
	text-decoration: underline;
	color:#333;
	cursor:pointer;
	font-weight:500;
}

.a_btn{font-size:18px; padding: 0 5px; padding-bottom: 11px; font-weight: 600;}
.a_btn:hover {
    color: #fc5443;
     border-bottom:1px solid #fe5342;
}

.a_sel {
	 color: #fc5443;
	 border-bottom:1px solid #fe5342;
} 



.pick_category{align-content: baseline;padding-left: 15px; font-size:24px; font-weight:700; text-align:left;padding:1em 0;}


/*검색창*/
    .search-container {
      position: relative;
      display: inline-block;
      border-radius: 20px;
      overflow: hidden;
      width:300px;
      background: #f4f4f4;
      border: 1px solid #eee;
    }
    .search-container input[type="text"] {
      width: calc(100% - 40px);
      padding: 8px 0;
      padding-left:7px;
      border: none;
      border-radius: 20px;
      outline: none;
      box-sizing: border-box;
      font-size: 12px;
       height: 37px;
      background: #f7f7f7;
    }    
    .search-container button {
      position: absolute;
      right: 0;
      top: 2px;
      padding: 7px;
      border: none;
      cursor: pointer;
      background: none;
    }
    .search-container button img {
      width: 20px;
      height: 20px;
    }

 	.item_icon>ul{display:flex; height: 100%;} 
 	.float_rm, .float_r{    align-content: center;}
 	.float_rm_one>a>img{width:24px;margin-left:10px;}
 	.float_r_one>a>img{width:24px;margin-left:10px;} 
 	.float_rm_one>a>img{}
 	.float_r_one>a>img{} 



/*     .item_icon>li>ul>li{float:left;text-align:center;padding:0.5em;}
	.float_r_one, .float_rm_one{width: 100%;height:100%;display: inline-block;position:relative;}
	.float_r_two, .float_rm_two{opacity:0;position:absolute;top:0;margin:0 auto;padding:0.4em;}
	.item_icon li ul li.float_r a, .top_b ul li.float_rm a{display:inline-block; text-decoration:none;} 
	.item_icon li ul li.float_r a img, .top_b ul li.float_rm a img {vertical-align:middle;width:55px;margin-left:5px;margin-top:5px;}
	.float_rm_two:hover {opacity:1; background-color:#fff;} 
	.float_r_two:hover {opacity:1; background-color:#fff;} 


 */




/* 사이트맵 */
.top_b {width:100%;text-align:left; position:relative;} 
.top_b>ul {float:left; text-align:left; display: flex;     padding-bottom: 8px;} 

.category_all_total{z-index:999999;display:none; left:0; width:70%; height:250px; border:2px solid #ccc; background-color:#fff;margin:auto;margin-top: -1px; }
.category_all_bg {width:100%; height:20%; display:inline-block;} 
.category_all{width:100%; height:100%; display:inline-block; margin:0 auto;}
.category_all_one{width:100%; margin:0 auto;}
.category_all_one>li{float:left; text-align:center;}
.category_all_one>li>a{color:#333; font-size:12pt;line-height:3;text-decoration:none; font-weight:600;}
.category_all_two{background-color:#fff; width:70%; display:inline-block; height:100%; margin:0.2em auto;}
.category_all_two>li{text-align:center;}
.category_all_two>li>a{padding:1em 0em;  display:block; color:#555;font-size:11pt;text-decoration:none;}
.category_all_two>li>a:hover {color:#2b9da5;}


/* header 검색부분 */
	
	/* 카테고리 메뉴 버튼 */
	.spinner-master * {transition:all 0.3s;-webkit-transition:all 0.3s;box-sizing:border-box;}
	.spinner-master {position:absolute;margin:0 auto;height:50px;width:50px; display:block;top:1em;}
	
	.spinner-master input[type=checkbox] {display:none;}
	.spinner-master label {cursor:pointer;position:absolute;z-index:99;height:100%;width:100%;top:10px;left:0;}
	
	.spinner-master .spinner {position:absolute;height:5px;width:100%;background-color:#000;}
	
	.spinner-master .diagonal.part-1 {position:relative;float:left;}
	.spinner-master .horizontal {position:relative;float:left;margin-top:6px;}
	.spinner-master .diagonal.part-2 {position:relative;float:left;margin-top:6px;}
	
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal {opacity: 0;}
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {transform:rotate(405deg);-webkit-transform:rotate(405deg);margin-top:10px;}
	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {transform:rotate(-405deg);-webkit-transform:rotate(-405deg);margin-top:-16px;}
	
	.top_b_one {position:absolute; left:5em; top:1.5em; width:200px;}	
	.top_b_one>.item_logo{text-align:center; margin:0 auto; display:inline-block;}
	.top_b_one>.item_logo>a{display:inline-block;text-align:left;width:100%;height:100%;text-decoration:none;}
	.top_b_one>.item_logo>a>img{width:100%; height:100%;text-align:left; margin-top:-0.8em; }


	

	.float_rm:hover .mypage_menu {display:none;}
	.mypage_menu {width: 90px;position: absolute; top: 89px; z-index: 3; background: url(/images/shop/mypage_menu.gif) no-repeat center center; background-size: cover; display:none; height: 140px; box-shadow: 0 8px 13px rgba(0,0,0,0.1);}
	.mypage_menu span a:hover {color:#23298b;}
	.logo_top li.float_rm p.mypage_menu span {position: relative; display: block; margin-top:15px;}
	.logo_top li.float_rm p.mypage_menu span a {text-decoration:none; text-align: center; display: block; color: #333; font-size: 12px; white-space: nowrap; line-height: 24px; margin: 0;}
	




/* 컨텐츠 */


/* 메인 이미지 */

#w_100{width:75%;}
.w_100 { margin:0 auto; min-height:45em; width: 1210px;}
.width_12 { margin: 0 auto;}
.main {width:100%;margin:0 auto; text-align:center;}   

.w_1200{margin:0 auto;width:100%;display:inline-block;}  
/* 메뉴 */
		.main_menu{float:left;width:20%;height:450px;display: none;}
		.logo_border{height:100%;width:100%;margin:0 auto;display:inline-block;}	
		.category_btn {display: inline-block;}
		.category_btn >a.btn img {text-decoration:none; margin:0 auto; padding:0.5em;}
		.category_list {position: absolute;z-index: 2100;width:50%;}	
		.category_list ul {width:230px;display:none;}
		.category_list ul li{cursor:pointer;}
		.category_list_one{height:100%;background-color:#59c6d3; border:0.3px solid #fff;} 
		.category_list_one>li{border-bottom:1px solid #fff;}
		.category_list_one>li>a{text-decoration:none; font-size:11pt;text-align:left;line-height:3;padding-left:1em;color:#fff;display:block; cursor:pointer;font-weight:500;}

		
		.category_list_two {display:none;width:100%;}
		.category_list_two li{border-bottom:1px solid #ffffff; background:#fff;}
		.category_list_two li a{text-decoration:none; font-size:11pt;text-align:left;display:block;line-height:3;padding:0em 2em;color:#59c6d3;font-weight:700;}
		.category_list_two li a:hover{}
		.category_list .button_close {overflow: hidden; position: absolute; right: 1px; bottom: 1px; display: block; padding: 0; margin: 0; width: 31px; height: 31px; background: url(/images/shop/btn_close.gif) no-repeat center center; text-indent: -999em;}
				
		

/* 메인 이미지 */

.w_1200>.main_img {width:100%;height:100%;float:left;}
.w_1200>.main_img>.main_img_number{width:100%;}
.w_1200>.main_img>.main_img_number>form>li{width:100%;display:inline-block;}
.w_1200>.main_img>.main_img_number>form>li>a {display:block;}
.w_1200>.main_img>.main_img_number>form>li>a>img {width: 70%;height:450px;margin: auto;}



/* 상품 */

.main_con{width:1210px;display:inline-block;height:100%;margin:4em auto;}
.main_left{width:20%;display:inline-block;height:100%;float:left;}
.main_left_text{background-color:#fff;width:98%;height:100%; display:inline-block; margin:0.8em 0em;}
.main_left_text_one {display:inline-block; width:100%;}
.main_left_text_one:before {content:""; display:block; width:5px; height:20px; float:left; background:#a73030;}
.main_left_text_one>span{line-height:2;display:block;font-size:17pt;color:#000; text-align:left; padding:0em 1em;}
.main_left_text_two {display:inline-block; width:100%; padding-bottom:1em;}
.main_left_text_two>p{display:block; font-size:17pt; color:#20499f; font-weight:700; text-align:left; padding:0.5em 1em;}
.main_left_text_two>span{display:block; font-size:8.5pt; color:#000; text-align:left; padding:0em 2em;}

.main_post{width: 100%; margin: 0 auto; text-align: center;}



/* main_상품 */
.main_shop_pay {width:100%; height:100%;display:flex; margin:0.5em auto;float:left;   flex-wrap: wrap;}

.shop_pay{width:100%;height:100%;display:inline-block !important; margin:0 auto;float:left;margin-bottom:3em;}
.shop_pay form {width:100%; margin: 0 auto;}
.tab_menu {width:100%; border:1px solid #ededed;}
.clause_text {width:97%; margin:1em auto;}
.clause_text>h3, .clause_text>p {line-height:2;}

.board_list2{display:inline-block;width:100%;}
.board_list2>.box {width:33%;display:inline-block;height:100%;}
.board_list2>.box>a{text-align:center; margin:0 auto; width:100%; height:100%;} 
.board_list2>.box>a>img {width:200px; height:250px;}

.shop_border{display:inline-block;float:left;width:23%;background-color:#fff;height:100%; margin-bottom: 30px;margin-right: 32px;}


.border_box{ float:left; width:100%;height:100%;overflow: hidden;}
.shop_block_01{height:75%;width:100%;}
.shop_block_01>a>img{width:100% !important; height:270px !important;}
.shop_block_02{height:25%;width:100%;}

.shop_border2{margin:0.9%;display:inline-block;max-width: 280px;height:100%;}
.border_box2{ float:left; width:100%;height:100%;overflow: hidden; }
.shop_block_012{;width:100%;}
.shop_block_012>a>img{width:100% !important; height:270px !important;}
.shop_block_022{height:25%;width:100%;}

.shop_block_t {display: block;}
.shop_block_t:hover {border:1px solid #b2ccff;}

.subimg {vertical-align: top;}
.subimg>li>a>img{width:100% !important; height:270px;}
.subject{padding:0.5em 0; text-align:left;}
.subject li{line-height:2;}  
.subject>li>a {font-weight:700;font-size: 1.2em;
    color: #333;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: box;
    margin-top: 1px;
    max-height: 80px;
    overflow: hidden;
    vertical-align: top;
    text-overflow: ellipsis;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
        line-height: 2; }
.subject>input{width:15px; height:15px; }
.subject_content{display:inline; float:left; padding:1em 0; width:82%; text-align:left;}
.subject_content>li{ float:left; width:100%; line-height:1.5; font-weight:700;}
.subject_content>li>span{color:#000; padding-left:1em; float:right; width:80%;}
.subject span.stit {font-size: 17px; color:#333;font-weight:500; line-height: 1.4; display: -webkit-box; display: -ms-flexbox; display: box; margin-top:1px; max-height:80px; overflow:hidden; vertical-align:top; text-overflow: ellipsis; word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.subject .money_01 {font-size: 1.2em; color: #333;text-align:left;text-decoration-color: red; } /*원래가격*/
.subject .money_01>p{float:right;}
.subject .money_01>span{padding-right:1em; color: #e14949;}
.subject .money_02 {font-size:1.6em; color: #333; font-weight:600;}/* 할인가격 */
.t_right {float:right; }/*할인퍼센트*/
.t_right span.percent {font-size: 2em; color: #fe3838; font-weight:700;}
.t_right span {font-size: 15px; color: #666;}
/*크롬에서만 적용*/
@media screen and (-webkit-min-device-pixel-ratio:0) { .t_right .money_03 {margin-bottom:15px;}/*메인금액높이*/}
@media screen and (-webkit-min-device-pixel-ratio:0) { .main_tab ul li a {padding:1em 0em;}/*메인탭크기*/}




/* 최근 본 상품 */
.f_navi {top:100px; right:10em;background: #fff;position: static !important;}
.f_navi ul li {font-size:15px; color:#999999; text-align:center; padding:100px 0 100px; line-height:1.2;}
.f_navi ul li.f_navi_b {color:#333333; padding: 0;margin: 1em;}
.f_navi ul li.f_navi_bag {padding:0.5em;}
    



/* 페이지 번호 */
.main_page_number{display:inline-block;width:100%;}
.main_page_number>form>.tbl_page{margin:1em 0  4em 0;} 
.main_page_number>form>.tbl_page>.page_number>li {font-size:12pt;}
.main_page_number>form>.tbl_page>.page_number>li>a{display:inline-block;color:#212121;line-height:1.5;margin:0em 0.1em;}


.tbl_page{width:100%; text-align:center; margin:1em auto;}
.tbl_page tr td.page_number{margin:1em auto; font-size:12pt;}
.tbl_page tr td.page_number>a{display:inline-block;color:#212121;line-height:1.5;margin:0em 0.1em;}



/* footer */
.footer{background-color:black;width:100%;display:inline-block;position:relative; bottom:0; height:100%;border-top:1px solid #e8e8e8 }
.ft_back{width: 100%; margin: 0 auto;  background: #fafafa;text-align: center;}
.ft_01 {border-bottom:1px solid #e8e8e8; display:inline-block;width: 1210px; margin: 0 auto; padding:1.5em 0;}
.ft_01>ul {float: left;}
.foot_right{width:100%;}    
.foot_right>a{font-size:16px; color:#777;}
.foot_right>a::after{content:' ｜'   ;    padding: 0 20px;  color:#ccc;}
.foot_right>a:last-child::after{content:' '   ;    padding: 0 20px;  color:#ccc;} 

.ft_b {width:100%;display:inline-block;text-align: center;}
.ft_11{width:100%; height:150px; background:#fafafa;text-align:center;border-top: 1px solid #e8e8e8;s}
.ft_00{width:100%; height:150px; background:#fafafa;text-align:center;border-top: 1px solid #e8e8e8;s}
.ft_00 ul{width: 1210px;flex-wrap: wrap; display: flex; margin: 0 auto; justify-content: space-between;}
.ft_00 ul li{float:left;text-align:left; margin:1.8em 0;}  
.ft_00 ul li:nth-child(1){}
.ft_00 ul li:nth-child(2){}
.ft_00 ul li:nth-child(3){}



.ft_00 ul li b{font-size:37px;color:#666;}
.ft_00 ul li a{color:#666;font-size:15px;line-height:3.3px;} 
.ft_00 ul li a>p{margin-bottom:6px;}

.ft_b .ft_01 ul {overflow:hidden; text-align:center;}
.ft_b .ft_01 ul li {float:left; padding:1em 0em; text-align:center;display: inline-block;}  
.ft_b .ft_01 ul li a {padding:0em 1em;display:block;font-size:1.2em; color:#555; font-weight:400; border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;word-break: keep-all;float: right;}






.ft_logo{display:inline-block;float:left;width:20%;margin:3em auto; text-align:center;}
.ft_logo>img{width:120px;height:45px;display:inline-block;}
.ft_txt {text-align:left; float:left; width:100%;}
.ft_tit{font-size: 1.1em; color: #333; float:left;margin:2em 0em;width:80%;}
.ft_tit li{line-height:2;display:inline-block;padding-right:1em;}
.ft_tit>li>span{font-weight:700; font-size:1em; line-height:1.5;}
.ft_txt span.ft_color {color: #d82626; margin-right: 5px; font-size:1em;}
.ft_txt input.ft_button {background: #fff; color: #333; border: 1px solid #d1d1d1; padding: 5px 10px; border-radius: 5px; font-size: 11px;}


  
/*           

@media all and (min-width:640px) and (max-width:860px){
  .w_100{width:100% !important;}
 .header_top {width: 97%;}
	
}


@media all and (min-width:861px) and (max-width:1024px){
	
	.w_100{width:100%;}
     .header_top {width: 97%;}
     .w_1200>.main_img>.main_img_number>form>li>a>img {width: 100%;height: 450px;} 
	}

@media all and (min-width:1025px) and (max-width:1300px){
	.w_100{width:95%;}
	  .header_top {width: 80%;}
	  .w_1200>.main_img>.main_img_number>form>li>a>img {width: 100% !important;height: 450px;} 
	  
	}


@media all and (min-width:1301px) and (max-width:1600px){
  .w_100{width:100%;}
   .header_top {width: 80%;}
   	  .w_1200>.main_img>.main_img_number>form>li>a>img {width: 100% !important;height: 450px;}   
	}
	
	  
@media all and (min-width:1600px) and (max-width:1800px){

.ft_00 ul{width:70%; display: inline-block;padding: 0 0 0 20%;}
	
}

@media all and (min-width:1801px){
	
	
	
	}
	
	 */