/* reset - Eric Meyer*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, article, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, section, small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,input,
table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;	padding: 0; border: 0; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body {line-height: 1;}
ol, ul, li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';	content: none;}
table {border-collapse: collapse;border-spacing: 0;}

*{margin:0; padding:0; border:0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: auto;}
html{width:100%;}
body{width:100%; background:#fff;  font-family: 'NS', 'Raleway', sans-serif; color:#202020; font-size:14px;  position:relative; overflow-anchor: none;}
.Wrap{width:100%; min-width: 1200px;}

header, nav, div, ul, ol, li, footer, table, tr, td, th, section, article, aside, h1, h2, h3, h4, h5, h6, p, img, button,i, input, a, span{box-sizing:border-box;}
img{-webkit-user-drag: none; border:0;}/* 이미지 드래그 금지*/

/* 숫자 폰트는 나눔스퀘어네오 / 영어는 레일웨이 */
.num{font-family: 'NS_B';}
.en{font-family:'Raleway'; font-weight:500; font-size:100%;}

/* raleway 레일웨이 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap');

/* 나눔스퀘어 폰트 */
@font-face {
    font-family: 'NS_L';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NS';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family: 'NS_B';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NS_EB';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    font-family: 'NS_Hv';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}

@font-face {
    font-family: 'NS_var';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeo-Variable.ttf) format("truetype");
}

a{color:inherit;}
a:link, a:visited, a:active, a:hover{color:inherit; text-decoration:none;}
input{outline:none;}
.CP {cursor:pointer} /** 프로그래머가 추가함*/

/* 커스텀 체크박스 */
label{cursor:pointer;}
input.chk-box{display:none;}
input.chk-box + label{height: 25px; line-height: 25px; display: inline-block;}
input.chk-box + label em {
	display:inline-block; width:25px; height:25px; margin-right:10px;
	background:url('/images/chk.png') 0 0 no-repeat; vertical-align:middle;
	border-radius:5px; margin-top: -4px;
}
input.chk-box:checked + label em {background-position:-25px 0;}

/* 상품 가격 체크(라디오) 박스  buy페이지 체크 */
input.price-radio{display:none;}
input.price-radio + label{height: 20px; line-height: 20px; display: inline-block;cursor:pointer;}
input.price-radio + label em {
	display:inline-block; width:20px; height:20px; margin-right:10px;
	background:url('/images/price-chk.png') 0 0 no-repeat; vertical-align:middle;}
input.price-radio:checked + label em {background-position:-20px 0;}

/* textarea */
textarea{border:1px solid #dbdbdb; outline:none; box-sizing:border-box; font-family: 'NS', 'Raleway', sans-serif; color:#999;}
textarea:active, textarea:focus{border:1px solid #ffcc4a;}

.order-info03 textarea{width:650px; height:80px; padding:10px 15px;}

/* button btn style */
button{cursor:pointer;}
.foot-btn{height:30px; color:#fff; font-family: 'NS'; background:var(--font-color);
	font-size:14px; cursor:pointer;} 
.foot-btn span{float:left; height:30px; line-height:30px; padding:0 10px;}
.foot-btn i{float:right; height:30px; line-height:29px; padding-right:8px;}

.df-btn{display:inline-block; height:50px; line-height:48px; width:100%; border-radius:5px; font-size:16px; cursor:pointer;}
.sm-btn{ background:#000; font-size:16px; height:30px; line-height:20px; display:inline-block; padding:5px 15px;
	border-radius: 30px; cursor:pointer;}
.sm-btn:hover{background:#555;}
.rect-btn{ height:30px; line-height:29px; background:#333; color:#fff;vertical-align:middle; font-size: 14px;
	display: inline-block; text-align: center; cursor:pointer; padding: 0 15px;}

/* input 인풋 스타일 */
.df-input{display:inline-block; width:400px; height:50px; line-height:50px; border:1px  solid #dbdbdb;
	border-radius:5px; margin-bottom:10px; padding:0 15px; color:#202020;}
.df-input::placeholder{font-size:16px; color:#999;}
.df-input:focus{border: 1px solid var(--main-color);}

/* select box */
/* .selectbox {border:1px solid #dbdbdb; padding:5px 10px; height:30px;  font-size:16px;} */
.selectbox{width:120px; border:1px solid #dbdbdb; height:36px; outline:none; color:#999;
	background: url('/images/select-arrow.jpg') no-repeat 102% 50%; background-size: 24px;
	-webkit-appearance: none; -moz-appearance: none; padding-left:5px;}
select::-ms-expand{display: none;}
.selectbox:active, .selectbox:focus{border-color:#ffcc4a;}
.selectbox option{padding:5px 0;}

/* 하이라이트 밑줄 */
.high-light {box-shadow: inset 0 -8px 0 #bfe0fe;}

/* 페이지버튼 페이지네이션 페이징*/
.pgnation-wrap{text-align:center;}
.pgnation{display:inline-block; height:40px; text-align:center; font-size: 14px; margin:40px auto 0; font-family: 'NS'; font-weight: 600;}
.pgnation li{float:left; width:40px; height:40px; line-height:37px; border:1px solid #dbdbdb; margin-left:-1px; position:relative;}
.pgnation li.pg-arrow{color:#bbbbbb; font-size: 16px;}
.pgnation li a{display:inline-block; width:100%; height:100%;}
.pgnation li.on, .pgnation li:hover{color:#ffb400;}
.pgnation li.pg-arrow:hover{color:#000;}
.pgnation li.on:before{content:''; display:inline-block; width:100%; height:4px; background:#fde393; position:absolute; top:0;}
/* , .pgnation li:hover:before */
.pgnation li.pg-arrow:before{display:none;}
/* 2021-10-27 페이지네이션 */
.paging_area ul{text-align:center;}
#pagination{display:inline-block;}