@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Titillium+Web:300,400,500,600,700");   /* font-family: 'Titillium Web'; 300,400,500,600,700 */
@import url("https://cdn.jsdelivr.net/npm/xeicon@2.3.3/xeicon.min.css");                           		   	            /* XEIcon 2.3.3 */
/*@import url("slick.css"); */                                 		   	                /* slick 1.9.0 */

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css); /* font-family: 'Noto Sans KR'; 300,400,500,700,900 */
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal; font-style: normal;
}


@font-face { font-family: 'S-CoreDream-3Light'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-1Thin';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face { font-family: 'S-CoreDream-6Bold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'S-CoreDream-7ExtraBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: normal; font-style: normal; }




/* reset.css(plan-i standard) */
html{font-size:20px;box-sizing:border-box;}
*,*:before,*:after{ box-sizing:inherit;}
/*body {margin:0; padding:0; font-size:0.75rem; font-family:'S-CoreDream-3Light', sans-serif; font-weight: 300; line-height:1.562; color:#000;}*/
ul,ol,li,dl,dt,dd{margin:0; padding:0; list-style: none;}
p,h1,h2,h3,h4,h5,h6{margin:0; padding:0;}
a {color:inherit; text-decoration:none;}
img {border: 0;	vertical-align:middle; font-size:0;}
table{margin-bottom:15px; border-collapse:collapse; border-spacing:0; width:100%;}
caption,legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
select, input, textarea{color: inherit; font-size: inherit;}
select, input {vertical-align: middle;}
b, strong{font-weight:normal;}
address,em,i{font-style:normal;}
button{border:0; background:none; cursor:pointer;}
hr{margin: 0; border: none; padding: 0; display:block;}
figure, figcaption{padding:0; margin:0;}
fieldset{border: none; padding: 0; margin: 0;}
input[type="submit"] {-webkit-appearance: none; -moz-appearance: none; appearance: none;}
header, footer, article, section, aside, nav, main {display: block;}
button,input,optgroup,select,textarea { font-family: inherit; font-size: inherit; font-weight:inherit; margin: 0;}

/* screen reader only */
.sr-only, .hidden, .blind, .IR{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Skip to content */
.skip-to { position: absolute; top: -99px; left: 0; background: #333; color: #fff; width: 100%; padding: 10px 0; text-align: center; text-decoration: none; z-index: 999; }
.skip-to:hover,.skip-to:focus,.skip-to:active { display: block; top: 0; }
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
.container{width:1280px; margin:0 auto;}
.container::after{content:""; clear:both; display:block;}

/* Align */
.txt-left {text-align:left !important;}
.txt-center {text-align:center !important;}
.txt-right {text-align:right !important;}

.float-left {float:left !important;}
.float-right {float:right !important;}


/*search popup*/
div.popup_tit{width:100%; height:100px;/* margin-top:10px;*/ padding:20px ;text-align:left; color:#000000;  /*background:url('../images/popup_tit_bg.gif') no-repeat;*/ background:#272363}
div.popup_tit p {margin:15px 0 0 35px; font-size:20px; font-weight:bold; color:#fff}
div.popup_tit span {display:block; margin:0 0 0 35px;}


table.box7 {width:100%; font-size:11px; border-top:solid #d2d2d2 1px; border-left:solid #d2d2d2 1px; border-right:solid #d2d2d2 1px;}
table.box7 tbody tr th.color1 { background:url(../images/popup_tit_bg1.gif) no-repeat; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; padding:8px 0 8px 23px; text-align:left;font-family:arial;font-size:9pt;}
table.box7 tbody tr th.color2 { background:url(../images/popup_tit_bg2.gif) no-repeat; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; padding:8px 0 8px 23px; text-align:left;font-family:arial;font-size:9pt;}
table.box7 tbody tr th.color3 { background:url(../images/popup_tit_bg3.gif) no-repeat; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; padding:8px 0 8px 23px; text-align:left;font-family:arial;font-size:9pt;}
table.box7 tbody tr th.none { background:url(../images/popup_tit_bg3.gif) no-repeat; border-right:1px solid #d2d2d2; padding:8px 0 8px 23px; text-align:left;font-family:arial;font-size:9pt;}
table.box7 tbody tr th.none2 { background:url(../images/popup_tit_bg2.gif) no-repeat; border-right:1px solid #d2d2d2; padding:8px 0 8px 23px; text-align:left;font-family:arial;font-size:9pt;}
/*table.box7 tbody tr th.none {background:url(../images/popup_tit_bg1.gif) no-repeat; border-bottom:none; border-right:1px solid #e7e7e7;}*/
table.box7 tbody tr td { border-bottom:1px solid #d2d2d2;font-family:arial;font-size:14px; padding:10px 10px;}
table.box7 tbody tr td.none {border-bottom:none;font-family:arial;font-size:14px;}
table.box7 tbody tr th {border-bottom:1px solid #d2d2d2; background:#f1f1f1; font-size:11px;}

.popup_box{margin-top:10px; padding:10px; width:97%; border:1px solid #d2d2d2}
.popup_boxbg{margin:10px 0 20px 0; padding:10px; width:97%; background:#f1f1f1}
.popup_boxbg .btn_wrap{width:100%; margin-top:30px}
.popup_boxbg .btn02, .popup_boxbg .btn01{float:left; width:100%}
.popup_boxbg .popup .btn_wrap .btn02 a{display:block; width:100%; margin:10px auto 0; background:#00a651; color:#fff; padding:8px 23px; text-align:center}
.popup_boxbg .popup .btn_wrap .btn01 a{display:block; width:100%; margin:10px auto 0; background:#3b44a6; color:#fff; padding:8px 23px; text-align:center}

.popup{margin-bottom:20px}
.btn_wrap{ width:60%; margin:0 auto}
.popup .btn_wrap .btn02, .popup .btn_wrap .btn01{float:left; width:50%}
.popup .btn_wrap .btn02 a{display:block; width:100%; margin:10px auto 0; background:#00a651; color:#fff; padding:8px 23px; text-align:center}
.popup .btn_wrap .btn01 a{display:block; width:100%; margin:10px auto 0; background:#3b44a6; color:#fff; padding:8px 23px; text-align:center}

.left_box{float:left}
.right_box{width:520px; float:right}
.right_box td{padding:20px; boder:1px solid #ddd}
.list_box{text-align:center; width:80%; margin-bottom:30px}
.list_box a{ display:block; width:100%; padding:10px 50px; border:1px solid #ddd}
.list_box a:hover{ text-decoration: underline}
.cart_box{width:50%; height:273px;  margin:0 25%; padding:50px 0; background:#f1f1f1}
.cart_box td{ padding:5px}

/*주문내역*/
.order_box{ font-size:12px; border:1px solid  #ddd; padding:50px; margin-top:50px}
@media (max-width: 801px) {.order_box{  padding:20px; }}
.order_btnbox{ padding:50px; margin-top:50px}
.btn3{width:100%; }
.btn3 .b01{width:32%; margin:0 0.5%; float:left}
.btn3 .b02{width:32%; margin:0 0.5%; float:left}
.btn3 .b01 a{display:block; width:100%; background:#ddd; padding:7px 0; text-align:center}
.btn3 .b02 a{display:block; width:100%; background:#00a651;padding:7px 0; text-align:center; color:#fff}
.order-btn{display:block; width:49%; background:#00a651;padding:7px 0; text-align:center; color:#fff; float:left}
.order-btn01{display:block; width:49%; background:#3b44a6; padding:7px 0; text-align:center; color:#fff;  float:left}
.mail_order-btn{ width:100px; background:#00a651;padding:8px 15px; border-radius:5px; text-align:center; color:#fff; font-weight:bold; font-size:12px;}
P.payment STRONG {color:#cc0000}

.btn4 .b01{width:49%; margin:0 0.5%; float:left}
.btn4 .b02{width:49%; margin:0 0.5%; float:left}
.btn4 .b01 a{display:block; width:100%; background:#ddd; padding:7px 0; text-align:center}
.btn4 .b02 a{display:block; width:100%; background:#00a651;padding:7px 0; text-align:center; color:#fff}

/*id/pw찾기*/
.btn5 a{display:block; width:100%; background:#00a651;padding:7px 0; text-align:center; color:#fff; margin-bottom:100px}
.btn6 a{display:block; width:100%; background:#2e2a68;padding:7px 0; text-align:center; color:#fff; margin-bottom:100px}

/*텍스트*/
.text_green{color:#00a651}
select {border:1px solid #777; padding:0.4rem 0.7rem;  height:40px; line-height:40px;  margin:2px 0.5% 0 0;}
.input_100 input{width:100%}

/*회원가입*/
.agree_text{ width:100%; height:500px; padding:1%; border:1px solid #ddd; overflow:auto}

/*로그인*/
.login{width:70%; margin:0 15%; border:1px solid #ddd; border-radius:7px;padding:70px 5%}
@media (max-width: 800px){
	.login{width:90%; margin:0 5%; border:1px solid #ddd; border-radius:7px;padding:70px 3%}
	}
.login_btn{display:block; width:100%; height:100%;  background:#262262;padding:27px 0; margin-left:2px; margin-left:2px; text-align:center; color:#fff; }

.login .pad{margin-top:50px}
.login .b01{width:49%; margin:0 0.5%; float:left}
.login .b02{width:49%; margin:0 0.5%; float:left}
.login .b01 a{display:block; width:100%; background:#ddd; padding:7px 0; text-align:center}
.login .b02 a{display:block; width:100%; background:#00a651;padding:7px 0; text-align:center; color:#fff}

#mysubmenu {width:100%;float:left;margin-right:10px;margin-bottom:10px; background:#ddd}
#mysubmenu ul {list-style:none; font-size:12pt; margin:0; padding:0;}
#mysubmenu .leftmenu_b{ background:#1a3691 url('/img/icon_home.png') no-repeat 10px 10px;background-size:10%;   width:100%; min-width:150px; float:left; color:#fff; height:50px; line-height:45px;font-family:'GmarketSansLight', sans-serif;white-space: normal;word-break:normal;padding:5px 0px;text-align:left; padding-left:20%;}
#mysubmenu .leftmenu_b a { color:#fff; font-size:24px;color:#fff;font-weight:600;letter-spacing:-1px;text-decoration:none;}
#mysubmenu .leftmenu_s, .leftmenu_active {  width:100%; min-width:150px; float:left; font-family:'GmarketSansLight', sans-serif; height:50px;line-height:50px;background-color:#ddd;border-right:1px solid #fff;text-align:center}
#mysubmenu .leftmenu_s:hover, .leftmenu_active {background: #390400; color:#fff; }
#mysubmenu .leftmenu_s a {display:block;font-size:16px;color:#fff;font-weight:600;text-decoration:none; }
#mysubmenu .leftmenu_s:hover a,  .leftmenu_active a { display:block; font-size:16px;color:#fff;font-weight:600;}
#mysubmenu .leftmenu_on{background: #390400; color:#fff}