@import url('https://fonts.googleapis.com/css?family=Nanum Gothic:100,300,400,500,700');
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/AppleSDGothicNeo/AppleSDGothicNeo.css');


@font-face {
	font-family: 'RixInooAriDuri';
	font-style: normal;
	font-weight: 700;
	src: url('/skin/C00001/css/fonts/RixInooAriDuri Regular.eot');
			url('/skin/C00001/css/fonts/RixInooAriDuri Regular.woff') format('woff'),
			url('/skin/C00001/css/fonts/RixInooAriDuri Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'DIN';
	font-style: normal;
	font-weight: 100;
	src: url('/skin/C00001/css/fonts/DINLig.eot');
			url('/skin/C00001/css/fonts/DINLig.woff') format('woff'),
			url('/skin/C00001/css/fonts/DINLig.TTF') format('truetype');
}

@font-face {
	font-family: 'DIN';
	font-style: normal;
	font-weight: 400;
	src: url('/skin/C00001/css/fonts/DINReg.eot');
			url('/skin/C00001/css/fonts/DINReg.woff') format('woff'),
			url('/skin/C00001/css/fonts/DINReg.TTF') format('truetype');
}

@font-face {
	font-family: 'DIN';
	font-style: normal;
	font-weight: 500;
	src: url('/skin/C00001/css/fonts/DINMed.eot');
			url('/skin/C00001/css/fonts/DINMed.woff') format('woff'),
			url('/skin/C00001/css/fonts/DINMed.TTF') format('truetype');
}

@font-face {
	font-family: 'DIN';
	font-style: normal;
	font-weight: 600;
	src: url('/skin/C00001/css/fonts/DINBol.eot');
			url('/skin/C00001/css/fonts/DINBol.woff') format('woff'),
			url('/skin/C00001/css/fonts/DINBol.TTF') format('truetype');
}

@font-face {
	font-family: 'DIN';
	font-style: normal;
	font-weight: 700;
	src: url('/skin/C00001/css/fonts/DINBla.eot');
			url('/skin/C00001/css/fonts/DINBla.woff') format('woff'),
			url('/skin/C00001/css/fonts/DINBla.TTF') format('truetype');
}


*{margin:0;padding:0;list-style:none;font-size:14px;line-height:1.2;font-family : 'Apple SD Gothic Neo', RixInooAriDuri, sans-serif;font-weight:400;color:#333333;box-sizing: border-box;}
b{font-weight:800 !important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5{word-wrap:break-word;word-break:break-all;}
p{font-weight:inherit;}
body, html{width:100%;height:100%;scroll-behavior:smooth;}
input,select,img{vertical-align:middle;box-sizing: border-box;}
input:focus-visible,select:focus-visible{outline:none;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-weight:600;}
img{border:0;max-width:100%;}
table{border-collapse:collapse;width:100%;}
table caption{overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;text-indent: -999em;}
a{display:inline-block;transition:all 0.3s ease-in-out;text-decoration:none;}
input[type="text"],
input[type="file"],
input[type="password"]{font-size: 14px;height: 40px;padding:0 10px;border: 1px solid #9e9e9e;width:160px;background:#fff;}
input[type="text"]:focus,
input[type="file"]:focus,
input[type="password"]:focus{border: 2px solid #000;}

select{font-size: 14px;height: 40px;padding:0 10px;border: 1px solid #9e9e9e;width:260px;background: #fff url('/skin/C00001/img/sub/select.png') no-repeat right 8px center;-webkit-appearance: none;-moz-appearance: none;word-wrap: break-word;}
select::-ms-expand{display: none;}
textarea{resize: none;width: 100%;padding:10px;border: 1px solid #9e9e9e;height:200px;}
.hidden-popup {overflow: hidden;}
.clearfix:after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.clear{clear: both;height: 0;}
select{background:url(/skin/C00001/img/select-bg.png) no-repeat right 15px center #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-appearance: none;appearance: none;padding-right:40px;height:40px;}
select::-ms-expand { display: none;border:1px solid #e4e4e4}
select.max-width{width:auto;min-width:300px;}

.width-auto{margin: 0 auto;max-width: 1240px;padding:0 20px;width:100%;}
.m-img{display:none !important;}
.hidden-box {overflow: hidden;}
.sky-font{color:#43aee8 !important;}
.pink-font{color:#d21679 !important;}
.min-font{font-size:12px !important;}
.max-font{font-weight:600; font-size:16px;}
.orange-font{color:#f1793e !important;}
.madder-font{color:#3b1c1c !important;}
.green-font{color:#17544a !important;}
.red-font{color:#f26d6d !important;}
.navy-font{color:#001556 !important;}

.radiu-box{border-radius:5px;padding:5px 10px;min-width:60px;position: relative;display:inline-block;}
.radiu-box:after{content: "";display: block;background:url(/skin/C00001/img/sub/radiu-box.png) no-repeat;width:6px;height:10px;position: absolute;right:-6px;top:50%;margin-top:-5px;}
.navy-bg{background:#001556;color:#fff;}
.sky-bg{background:#43aee8;color:#fff;}

.display-0{font-size:0;}

.pd0{padding:0 !important;}
.pd20{padding:20px !important;}
.pd30{padding:30px !important;}
.pdt0{padding-top:0 !important;}
.pdb0{padding-bottom:0 !important;}
.mg0{margin:0 !important;}
.mglr5{margin:0 5px;}
.mgt0{margin-top: 0 !important;}
.mgt5{margin-top: 5px !important;}
.mgt10{margin-top: 10px !important;}
.mgt15{margin-top: 15px !important;}
.mgt20{margin-top: 20px !important;}
.mgt30{margin-top: 30px !important;}
.mgt40{margin-top: 40px !important;}
.mgt50{margin-top: 50px !important;}
.mgt60{margin-top: 60px !important;}
.mgt70{margin-top: 70px !important;}
.mgt80{margin-top: 80px !important;}
.mgt120{margin-top: 120px !important;}
.mgl0{margin-left: 0 !important;}
.mgl5{margin-left: 5px !important;}
.mgl10{margin-left: 10px !important;}
.mgl15{margin-left: 15px !important;}
.mgl20{margin-left: 20px !important;}
.mgl30{margin-left: 30px !important;}
.mgl40{margin-left: 40px !important;}
.mgl50{margin-left: 50px !important;}
.mgb0{margin-bottom: 0 !important;}
.mgb5{margin-bottom: 5px !important;}
.mgb10{margin-bottom: 10px !important;}
.mgb15{margin-bottom: 15px !important;}
.mgb20{margin-bottom: 20px !important;}
.mgb30{margin-bottom: 30px !important;}
.mgr0{margin-right: 0 !important;}
.mgr5{margin-right: 5px !important;}
.mgr10{margin-right: 10px !important;}
.mgr15{margin-right: 15px !important;}
.mgr20{margin-right: 20px !important;}
.mgr30{margin-right: 30px !important;}
.mgr40{margin-right: 40px !important;}
.mgr50{margin-right: 50px !important;}
.mgr60{margin-right: 60px !important;}
.mgr70{margin-right: 70px !important;}
.mglr20{margin:0 20px !important;}

.w100p{width:100% !important;}
.w50p{width:50% !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w100{width:100px !important;}
.w120{width:120px !important;}
.w160{width:160px !important;}
.w150{width:150px !important;}
.w140{width:140px !important;}
.w500{max-width:500px;margin:0 auto;}
.w-auto{width:auto !important;display: inline-block !important;}


.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.text-center{text-align:center !important;}

.sub-popup{display: none;position: fixed;top: 0;left: 0;width:100%;height: 100%;z-index: 100;background: rgba(0, 0, 0, 0.6);}
.sub-popup .popup-box{position: absolute;top: 50%;left: 50%;z-index: 10;width: calc(100% - 40px);max-width: 560px;background: #fff;overflow: hidden;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);border:1px solid #001556;}
.sub-popup .popup-box > .title{position: relative;padding:10px 20px;border-bottom:2px solid #000;display: flex;justify-content: space-between;align-items: center;/*background:#ffd246;*/}
.sub-popup .popup-box > .title > *{color: #080808;font-size: 24px;font-weight:600;}
.sub-popup .popup-box > .title > .close{margin-left: auto;}
.sub-popup .popup-box.w-680{max-width: 680px;}
.sub-popup .popup-box.small{max-width: 440px;}
.sub-popup .popup-box.small .title{text-align: center;padding: 25px 20px 20px;}
.sub-popup .popup-center{padding:30px;overflow-y: hidden;}
.sub-popup .popup-center > div{max-height: calc(100vh - 350px);overflow-y: auto;/*border:2px solid #000;*/padding-right:20px;}
.sub-popup .popup-center > div::-webkit-scrollbar {width: 4px;height:4px;}
.sub-popup .popup-center > div::-webkit-scrollbar-track {border-radius: 8px;background-color: #eee;border: 1px solid #eee;}
.sub-popup .popup-center > div::-webkit-scrollbar-thumb {border-radius: 8px;background-color: #363636;}
.sub-popup .popup-center > .box > pre > h3.sub-title{text-align:center;font-size:30px;font-weight:800;}
.sub-popup > .popup-box  > .popup-bottom{display: flex;width:100%;/*background:#f6ab00*/;border-top:1px solid #000;}
.sub-popup > .popup-box  > .popup-bottom > a{flex:1;display: flex;align-items: center;justify-content: center;height:50px;background:#fff;color:#000;font-weight:800;font-size:20px;}
.sub-popup > .popup-box  > .popup-bottom > a + a{background:#ffd246;border-left:1px solid #000;}
.sub-popup > .popup-box  > .popup-bottom > a:nth-child(3){background:#3b1f1e;color:#fff;}



.sub-popup .popup-bottom > .choice-list{justify-content: flex-end;}
.sub-popup.max-popup .popup-box{max-width:1200px;}

.sub-popup.min-popup > .popup-box{max-width:400px;}
.sub-popup.min-popup .popup-box > .title{display:none;}


.gray-box-line{border:1px solid #ddd;}

.choice-list{/*overflow: hidden;*/display: flex;flex-wrap: wrap;}
.choice-list > span{display: block;position: relative;margin: 2px 20px 2px 0;}
.choice-list > span > input{position: absolute;top: 0;left: 0;opacity: 0;width: 0;height: 0;}
.choice-list > span > label{display: flex;vertical-align: middle;color: #434343;font-size: 14px;font-weight:600;line-height:20px;height: 20px;padding: 0 0 0 25px;background-size:20px !important;}
.choice-list > span > label > span{font-weight:600;line-height:20px; font-size:14px !important;}
.choice-list > span > input[type='radio'] + label{background: url('/skin/C00001/img/sub/bg_radio.png') no-repeat left top;}
.choice-list > span > input[type='radio']:checked + label{background: url('/skin/C00001/img/sub/bg_radio_on.png') no-repeat left top;}
.choice-list > span > input[type='checkbox'] + label{background: url('/skin/C00001/img/sub/bg_check.png') no-repeat left center;}
.choice-list > span > input[type='checkbox']:checked + label{background: url('/skin/C00001/img/sub/bg_check_on.png') no-repeat left center;}
.choice-list.block{margin-left: 0;}
.choice-list.block > span{float: none;margin: 5px 0 0}
.choice-list.block > span:first-child{margin-top: 0;}

.date-input{width: 140px;}
.date-input > input[type="text"]{width: 100%;padding-right:0 41px 0 10px;background: #fff url('/skin/C00001/img/sub/sub_date.gif') no-repeat right 10px center;}
.date-input.two-date{width: calc(100% - 450px);display: flex;align-items: center;}
.date-input.two-date::after{content: "";display: block;height: 0;clear: both;visibility: hidden;}
.date-input.two-date > *{float: left;}
.date-input.two-date > input[type="text"]{width:260px;}
.date-input.two-date > span{display: block;width: 30px;height: 40px;line-height: 40px;text-align: center;color: #888;font-size: 18px;}

.btn-box{font-size:0;}
.btn-box > a.btn{min-width:95px;padding:10px 20px;line-height:20px;color:#fff;font-weight:500;font-size:16px;text-align:center;margin:2px 5px;box-sizing: border-box;letter-spacing:-1px;}
.btn-box > a.sky{background:#00aff4;}
.btn-box > a.green{background:#80c269;}
.btn-box > a.navy{background:#001556;}
.btn-box > a.pink{background:#d21679;}
.btn-box > a.yellow{background:#fcc900;color:#3b1f1e;}
.btn-box > a.kakao-color{background:#3b1f1e;color:#fcc900;}
.btn-box > a.kakao{background:url(/skin/C00001/img/kakao-icon.gif) no-repeat left 10px center #fcc800;padding-left:45px;background-size:30px auto;color:#46271a;}
.btn-box > a.orange{background:#f6ab00;color:#000;}
.btn-box > a.black{background:#333333;color:#fff;}
.btn-box > a.gray{background:#ddd;color:#000;}
.btn-box > a.gray-line{border:2px solid #626262;color:#626262;}
.btn-box > a.gray-line2{border:2px solid #cbcbcb;color:#000000;}
.btn-box > a.red-line{border:2px solid #e71e2d;color:#e71e2d;}
.btn-box > a.blue-line{border:2px solid #0068b7;color:#0068b7;}
.btn-box > a.orange-line{border:2px solid #f1793e;color:#f1793e;}
.btn-box > a.yellow-line{border:2px solid #f6d84c;color:#434343;}
.btn-box > a.black-line{border:2px solid #000;color:#434343;}
.btn-box > a.file-del{margin-right:5px;}
.btn-box > a.next-btn{padding:5px 20px 5px 5px;background:url(/skin/C00001/img/next-btn.png) no-repeat right 5px center #ff6459;font-size:12px;color:#fff;line-height:20px;}
.btn-box.min-btn > a.btn{min-width:85px;width:auto;line-height:20px;height:30px;padding:5px 15px;border-radius:0;font-size:14px;}
.btn-box.min-btn2 > a.btn{min-width:60px;line-height:18px;padding:5px;width:auto;font-size:14px;}
.btn-box > a.btn.max-btn{min-width:200px;height:auto;padding:10px 20px;line-height:35px;font-size:25px;font-weight:800;margin:10px;}
.table-btn{margin-top: 30px;display: flex;justify-content: space-between;width:100%;}
.table-btn > a.right{margin-left:auto;}
.file-add-box > .btn-box{width:100px;display:flex;margin-left:10px;}
.file-add-box > .btn-box > a{flex:1;height:40px;text-align:center;margin:0 1px;background:#000;}
.file-add-box > .btn-box > a > img{height:40px;}


.gray-box{padding:30px 20px;text-align: center;border:1px solid #cecece;}
.tnb{background:#242937;}
.tnb > .width-auto{display: flex;justify-content: flex-end;position: relative;align-items: center;}
.tnb > .width-auto > a.close-menu-btn{display:none;font-size:0;width:60px;height:60px;background:url(/skin/C00001/img/close-menu-btn.png) no-repeat center center;position: absolute;left:0;top:0;}
.tnb > .width-auto > ul{display: flex;align-items: center;height:55px;align-items: center;}
.tnb > .width-auto > ul > li{height:20px;line-height:20px;}
.tnb > .width-auto > ul > li *{color:#dce2f3;font-size:16px;}
.tnb > .width-auto > ul > li > span{font-weight:600;}
.tnb > .width-auto > ul > li + li{margin-left:10px;}
.tnb > .width-auto > ul > li + li:before{content:"|";padding-right:10px;color:#1e1e1e;}
.tnb > .width-auto > .before-logging{display:flex;}
.tnb > .width-auto > .after-logging{display:none;}
.tnb.on > .width-auto > .before-logging{display:none;}
.tnb.on > .width-auto > .after-logging{display:flex;}

#header{border-bottom:1px solid #f0f1f2;}
#header .top-header-box{display: flex;align-items: center;height:90px;justify-content: space-between;}
#header .top-header-box > .logo{margin-right:75px;}
#header .top-header-box > .logo > a.m-logo{display:none;}
#header .top-header-box > .logo > a.m-logo > img{height:auto;}
#header .search-box{margin-left:100px;}
#header .search-box > .input-box{border:1px solid #fcc800;background:#fff;box-shadow: 4px 0px 10px #e5e5e5;border-radius:50px;width:500px;display: flex;align-items: center;}
#header .search-box > .input-box > input{width:calc(100% - 50px);height:50px;border:0;border-radius:50px 0 0 50px;padding-left:25px;}
#header .search-box > .input-box > a{width:50px;height:50px;line-height: 50px;text-align:center;border-radius:0 50px 50px 0;}
#header .search-box > .search-list{margin-top:14px;display: flex;}
#header .search-box > .search-list > a{background:#dddddd;font-size:12px;height:20px;line-height:20px;padding:0 15px;border-radius:15px;}
#header .search-box > .search-list > a + a{margin-left:10px;}
#header .member-box{margin-left:20px;}
#header .member-box > a{position: relative;}
#header .member-box > a > i{display:block;height:30px;width:30px;line-height:55px;text-align:center;font-size:0;border-radius:50px;}
#header .member-box > a > span{font-size:13px;position: absolute;left:50%;bottom:-33px;margin-left:-38px;height:27px;line-height:27px;background:#fcc800;align-items: center;justify-content: center;color:#28261e;padding:0 5px;width:76px;text-align:center;border-radius:2px;display:none;}
#header .member-box > a:hover > span:before{content:"";display:block;height:4px;margin-top:-4px;background:url(/skin/C00001/img/member-box-icon.gif) no-repeat center top;}
#header .member-box > a:hover > span{display:block;}
#header .member-box > a.my-page > i{background:url(/skin/C00001/img/my-page.png) no-repeat center center #fff;background-size:auto 17px;}
#header .member-box > a.cart > i{background:url(/skin/C00001/img/cart.png) no-repeat center center #fff;margin-left:5px;background-size:auto 15px;}
#header .member-box > a.shipping > i{background:url(/skin/C00001/img/shipping.png) no-repeat center center #fff;margin-left:5px;}
#header .member-box > a:hover > i{background-color:#fcc800;}
#header a.m-nav-btn{background:url(/skin/C00001/img/m-nav-btn.png) no-repeat center center;height:50px;width:50px;border:2px solid #fcc800;text-align:center;border-radius:50px;font-size:0;display:none;}
#header .top-header-box > a:hover{background-color:#fcc800;}
#header nav{width:100%;}
#header nav > ul{display: flex;align-items: center;justify-content: center;width:100%;justify-content: space-between;}
#header nav > ul > li > a{overflow: hidden;transition: all 0.3s ease-in-out;display: flex;align-items: center;}
#header nav > ul > li > a:hover{transform: scale(1.2,  1.2);}
#header nav > ul > li > a > span{color:#000000;font-size:20px;font-weight:600;display: block;text-align:center;position: relative;}



#header > .mobile-menu-wrap{display:none;}
#header > .header-bg{background:rgba(0,0,0,.5);position: fixed;top:0;left:0;width:100%;height:100%;display:none;z-index:2;}
.head_fixed #container{margin-top:220px;}
.head_fixed #header{position: fixed;z-index: 11;width:100%;background:#fff;top:0;}

.all-menu-box{background:#fff;position: fixed;width:100%;height:100%;top:0;left:0;z-index: 5;display:none;}
.all-menu-box > .all-menu-close{float:right;margin:20px;border:1px solid #000;padding:10px;}
.all-menu-box > .width-auto{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;padding-top:100px;}
.all-menu-box > .width-auto > h2{text-align:center;font-size:30px;font-weight:600;margin-bottom:20px;}
.all-menu-box > .width-auto > dl{margin:10px;width:200px;}
.all-menu-box > .width-auto > dl > dt{text-align:center;}
.all-menu-box > .width-auto > dl > dt > a{font-size:20px;font-weight:600;border:1px solid #fcc800;display:block;padding:10px;}
.all-menu-box > .width-auto > dl > dd{background:#fcc800;padding:15px 20px;}
.all-menu-box > .width-auto > dl > dd > ul > li+li{margin-top:10px;}
.all-menu-box > .width-auto > dl > dd > ul > li > a{font-size:18px;font-weight:600;}
.all-menu-box > .width-auto > dl > dd > ul > li > .depth3{margin-left:10px;margin-top:10px;}
.all-menu-box > .width-auto > dl > dd > ul > li > .depth3 > li > a{font-size:16px;font-weight:600;}
.all-menu-box > .width-auto > dl > dd > ul > li > .depth3 > li > .depth4{display:none;margin-top:10px;}
.all-menu-box > .width-auto > dl > dd > ul > li > .depth3 > li > .depth4 > li > a{font-size:14px;font-weight:600;}


.login-popup{position: fixed;max-width: 450px;width:calc(100% - 40px);transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);top:50%;left:50%;background:#fff;padding: 45px 45px 50px;z-index:3;display: flex;display:none;flex-direction: column;border-radius:5px;border:1px solid #b1b1b1;}
.login-popup > a.close-btn{position: absolute;right:15px;top:15px;}
.login-popup > .login-logo{width:100%;text-align:center;margin-bottom:30px;}
.login-box > ul.login-input{border:2px solid #ededed;border-radius:8px;overflow: hidden;}
.login-box > ul.login-input > li > input{height:50px;padding:15px 25px;border:0;width:100%;}
.login-box > ul.login-input > li > input:focus{}
.login-box > ul.login-input > li + li{border-top:2px solid #ededed;}
.login-box > .login-btn-box{margin-top:35px;}
.login-box > .login-btn-box > a{display:block;padding:15px 10px;line-height:20px;text-align:center;background:#f7c600;color:#fff;font-size:18px;font-weight:600;border-radius:5px;}
.login-box > .login-btn-box > a.join-btn{display:block;padding:15px 10px;line-height:20px;text-align:center;background:#3a5195;color:#fff;font-size:18px;font-weight:600;border-radius:5px;}
.login-box > .checkbox-set-box{margin-top:10px;display: flex;justify-content: space-between;align-items: center;}
.login-box > .checkbox-set-box *{color:#434343;font-size:14px;font-weight:500;}
.login-box > .login-line-box {margin-top:50px;border:1px solid #e1e1e1;padding:35px 20px 30px;border-radius:5px;position: relative;}
.login-box > .login-line-box > h3.title{font-size:16px;background:#fff;padding:10px;color:#000;font-weight:600;position: absolute;top:-20px;height:40px;line-height:20px;left:50%;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);}
.login-box > .login-line-box > ul{display: flex;justify-content: center;width:100%;justify-content: center;}
.login-box > .login-line-box > ul > li{margin:0 7px;}
.login-box > .login-line-box > ul > li > a{width:56px;height:57px;}




#footer{background:#22293d;}
#footer > .width-auto > .inner{height:70px;border-bottom:1px solid #4e5464;display: flex;align-items: center;justify-content: space-between;}
#footer > .width-auto > .inner > a{color:#fff;font-size:14px;color:#dfe8ef;font-weight:600;}
#footer > .width-auto >  .copyright-area{background:url(/skin/C00001/img/footer-logo.gif) no-repeat right bottom 70px;padding:50px 0}
#footer > .width-auto >  .copyright-area *{color:#747b8f;font-size:14px;font-weight:600;line-height:22px;}
#footer > .width-auto >  .copyright-area > h3.footer-title{font-size:26px;margin-bottom:40px;}
#footer > .width-auto >  .copyright-area > .text-box{display:flex;max-width:895px;flex-wrap: wrap;justify-content: space-between;margin-bottom:20px;}

.kakao-box{position: fixed;bottom: 20%;right: 50px;z-index: 2;width:73px;display: flex;flex-direction: column;align-items: center;}
.kakao-box > a{display: flex;justify-content: center;align-items: center;width:73px;height:73px;border-radius:73px;position: relative;overflow: hidden;}
.kakao-box > a + a{margin-top:15px;background:#393939;}
.kakao-box > a > *{position: absolute;width:73px;height:73px;border-radius:73px;display: flex;justify-content: center;align-items: center;pointer-events: none;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; }
.kakao-box > a > p{transform: rotateX(90deg);transition: all 0.2s ease;transform-origin: 50% 50% -25px;color:#fff;font-size:16px;font-weight:600;}
.kakao-box > a > span{transform: rotateX(0deg);transition: all 0.2s ease;transform-origin: 50% 50% -25px;}
.kakao-box > a:hover > p{transition: all 0.2s ease;transform: rotateX(0deg);}
.kakao-box > a:hover > span{transition: all 0.2s ease;transform: rotateX(-90deg);}
.kakao-box > a.btn-scroll{display: none;}

.loader {border:4px solid #c5c5c5;border-radius:50%;border-top:4px solid #27ae60;width:25px;height:25px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}
 @-webkit-keyframes spin {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}
@keyframes spin {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
.msg {margin-top:5px;color:#FF5722;font-size:18px;}



@media screen and (max-width:1650px) {
	.kakao-box{right:50px;}
}

@media screen and (max-width:1200px) {
	#header nav > ul > li > a > span{font-size:16px;padding:10px;}

	.kakao-box{right:30px;}
}

@media screen and (max-width:1024px) {
	.btn-box > a.btn.max-btn{min-width:130px;line-height:25px;padding:10px 20px;font-size:18px;margin:5px;}

	.m-img{display:block !important;}
	.rowgroup1 .swiper-slide img{width:100%;}

	.head_fixed .tnb{margin-bottom:60px;}
	.head_fixed #header > .tnb{display:block !important;}

	.tnb{background:#000;position: fixed;width:calc(100% - 20px);max-width:400px;right:-100%;z-index:3;}
	.tnb > .width-auto > ul > li *{color:#fff;}
	.tnb > .width-auto > a.close-menu-btn{display:block;}
	.before-logging > li:nth-child(1), .before-logging > li:nth-child(2){display:none;}
	.tnb > .width-auto > ul{height:60px;}
	.tnb > .width-auto > ul > li + li:nth-child(2):before{display:none;}
	.tnb > .width-auto > ul.after-logging{flex-wrap: wrap;justify-content: flex-end;}
	.tnb > .width-auto > ul.after-logging > li:nth-child(1){width:100%;text-align:right;color:#fff;}
	#header .top-header-box{justify-content: space-between;}
	#header .top-header-box > .logo > a.pc-logo{display:none;}
	#header .top-header-box > .logo > a.m-logo{display:block;}
	#header .top-header-box > .search-box, #header .top-header-box .member-box, #header .width-auto nav{display:none;}
	#header a.m-nav-btn{display:block;}
	#header .member-box{display:none;}
	#header > .mobile-menu-wrap{right:-100%;display:block;position: fixed;bottom:0;width:calc(100% - 20px);max-width:400px;height:calc(100% - 60px);padding:20px;background:#fff;z-index:3;overflow: auto;}
	#header .search-box{margin-left:0;width:100%;}
	#header .search-box > .input-box{width:100%;border:2px solid #000;}
	#header .mobile-menu-wrap .member-box{text-align:center;height:auto;margin-top:30px;display: flex;justify-content: space-between;margin-left:0;}
	#header .mobile-menu-wrap .member-box > a{flex:1;height:40px;border-radius:0;color:#fff;background:#000;display: flex;justify-content: center;align-items: center;font-size:14px;border-radius:5px;}
	#header .mobile-menu-wrap .member-box > a + a{margin-left:5px;}
	#header .mobile-menu-wrap .member-box > a > span{display:inline-block;padding-left:30px;line-height:30px;margin:0;font-size:13px;font-weight:600;background-size:auto 20px !important;color:#fff;width:auto;position: static;border:0;}
	#header .mobile-menu-wrap .member-box > a.my-page > span{background:url(/skin/C00001/img/m-my-page.png) no-repeat left center;}
	#header .mobile-menu-wrap .member-box > a.cart > span{background:url(/skin/C00001/img/m-cart.png) no-repeat left center;}
	#header .mobile-menu-wrap .member-box > a.shipping > span{background:url(/skin/C00001/img/m-shipping.png) no-repeat left center;background-size:20px auto !important;}
	#header nav > ul{height:auto;flex-direction: column;align-items: flex-start;margin-bottom:20px;}
	#header nav > ul > li{width:100%;}
	#header nav > ul > li+li{border-top:1px solid #000;}
	#header nav > ul > li > a{padding:0;color:#000;font-size:20px;padding: 5px 10px;justify-content: flex-start;}
	.login-line-box{margin-top:20px !important;}
	.login-line-box > li + li{margin-top:10px;}
	.login-line-box > li > a{display:block;color:#ffffff;font-weight:600;font-size:15px;padding:9px 0;height:38px;line-height:20px;padding-left:38px;}
	.login-box.login-popup{display:none;}
	.login-box{margin-bottom:30px;border:1px solid #e1e1e1;padding:20px;}
	.login-box > .login-btn-box{margin-top:10px;}
	.login-box > .login-btn-box > a{font-size:16px;padding:10px;}
	
	.kakao-box > a{width:50px;height:50px;}
	.kakao-box > a.kakao-link > img{width:50px;height:auto;}
	.kakao-box > a > p{font-size:12px;}
	.kakao-box > a > span > img{width:50px;}
	.kakao-box > p{border-radius:10px;width:auto;padding:10px 5px;}
	.kakao-box > p > a{padding-right:20px;}
	.login-box > .login-line-box{padding:25px 10px 20px;}
	.login-box > .login-line-box > ul > li > a{width:40px;height:41px;}
	.login-box > .login-btn-box > a.join-btn{font-size:16px;padding:10px;}

	.kakao-box > a > *{width:50px;height:50px;}

	.date-input.two-date{width:100%;justify-content: space-between;}
	.date-input.two-date > input[type="text"]{width:calc(50% - 30px);}

	#footer > .width-auto > .inner{flex-wrap: wrap;justify-content: flex-start;height:auto;padding:10px;}
	#footer > .width-auto > .inner > a{margin:5px 10px;}
	#footer > .inner > .width-auto > *{margin:2px;}
	#footer > .copyright-area > .width-auto{flex-direction: column;justify-content: center;align-items: center;}
	#footer > .copyright-area > .width-auto > .footer-logo{margin-bottom:20px;}
	#footer > .copyright-area > .width-auto > .text-box{margin-left:0;max-width:80%;}
	#footer > .copyright-area > .width-auto > .text-box > p{max-width:none;justify-content: center;}
	#footer > .copyright-area > .width-auto > .footer-icon{position: static;margin-top:20px;}

}

@media screen and (max-width:768px) {
	.max-font{font-size:15px;}
	
	.kakao-box{display:none;}
}


@media screen and (max-width:500px) {
	.login-box > .checkbox-set-box{flex-wrap: wrap;}
	.login-box > .checkbox-set-box li + li{margin-top:10px;}
	.login-box > .login-line-box > h3.title{width:150px;}
	.tnb > .width-auto > ul.after-logging *{font-size:13px;}
	.tnb > .width-auto > ul.after-logging > li + li{margin-left:5px;}
	.tnb > .width-auto > ul.after-logging > li + li:before{padding-left:5px;}
	.tnb > .width-auto > ul.after-logging > li:nth-child(2):before{padding-left:0;display:none;}
	
	.btn-box > a.kakao{padding-left:20px;background-image:none;}

	.btn-box > a.btn.max-btn{margin:10px 5px;min-width:100px; padding:5px 10px;}

	#footer > .copyright-area > .width-auto > .text-box{max-width:100%;}
	#footer > .copyright-area > .width-auto > .text-box > p{justify-content: flex-start;}
	#footer > .copyright-area > .width-auto > .text-box > p > span{white-space: inherit;line-height:20px;}



}