@charset "UTF-8";
/* NOTO SANS */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/* GMARKET SANS */
@font-face {
	font-family: 'Gmarket Sans'; font-style: normal; font-weight: 700;
	src: local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
	url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans'; font-style: normal; font-weight: 500;
	src: local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
	url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansMedium.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
	font-family: 'Gmarket Sans'; font-style: normal; font-weight: 300;
	src: local('Gmarket Sans Light'), local('GmarketSans-Light'),
	url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
	url('http://script.ebay.co.kr/fonts/GmarketSansLight.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

*{margin:0; padding:0; font-family:'Noto Sans KR', sans-serif; -webkit-text-size-adjust:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
html, body{font-size:15px; line-height:1; width:100%; height:100%; color:#000; -webkit-text-size-adjust:none; font-weight:300; position:relative;}
body{-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -moz-osx-font-smoothing:grayscale;}
a{text-decoration:none; color:#000;}
b{font-weight:500;}

h1, h2, h3{font-weight:500;}


/* LAYOUT */
fieldset, img{border:0; margin:0; padding:0}
i, em, address{font-style:normal; font-weight:normal}

ul, li, dl{list-style:none}
label{cursor:pointer}

.nocallout{-webkit-touch-callout:none}
.pressed{background-color:rgba(0, 0, 0, 0.7)}

textarea{width:100%;border:1px solid #cecece;padding:9px 10px 9px 10px;resize:vertical; box-sizing:border-box;font-family:'Noto Sans KR',sans-serif,cursive;font-size:13px;line-height:18px;color:#484848}
textarea[contenteditable]{-webkit-appearance:none}
textarea, input, select{-webkit-border-radius:0px; vertical-align:middle}

button{cursor:pointer; border:none;}

.ir{background-color:transparent; background-repeat:no-repeat; border:0;  display:block; overflow:hidden; text-align:left; text-indent:-999em}
.ir br{display:none}

.hidden{display:none !important; visibility:hidden}
.visuallyhidden{border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px}
.invisible{visibility:hidden}
.ellipsis{text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; overflow:hidden;}
.ellipsis_2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;  line-height: 1.3em; height: 2.6em;}
.ellipsis_2_1{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;  line-height: 1.3em;}
.ellipsis_3{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word;  line-height: 1.3em; height: 3.9em;}
.ellipsis_5{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; word-wrap:break-word;  line-height: 1.3em; height: 6.1em;}

select{width:100%;appearance:none; -webkit-appearance:none; -moz-appearance:none;background:#fff url('/images/jjwoman/mobile/common/icon_select_arrow.png') 91% 50% no-repeat;background-size:8px;border:1px solid #cecece;padding:9px 20px 8px 10px;font-size:13px;line-height:18px;color:#484848}
select::-ms-expand{display:none;}
input{width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;outline:0; vertical-align:middle;border:1px solid #cecece;padding:9px 10px 9px 10px;font-size:13px;line-height:18px;color:#484848}
input[type="text"], input[type="password"]{width:100%}
input[type="checkbox"] {width:15px; height:15px; vertical-align:middle; box-sizing:border-box; border:1px solid #e1e1e1; background:#fff; border-radius:3px; cursor:pointer;}
input[type="radio"]{cursor:pointer;}

input[type="button"], select {-webkit-appearance:none;-moz-appearance:none;appearance:none;}

.cf{ }
.cf:after{clear:both; content:""; display:block}

.bg_grey{background:#f9f9f9;}

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

.f_blue{color:#014099 !important;}
.f_dblue{color:#2869c2 !important;}
.f_wgray{color:#9d9d9d !important;}
.f_dgray{color:#606060 !important;}
.f_org{color:#ff7e00 !important;}
.f_red{color:#ff0000 !important;}
.f_b_red{color:#e22126 !important; font-weight:600 !important;}
.f_dpink {color: #dd298e !important;}
.f_yellow{color:#ffea00 !important;}
.f_violet{color:#943690 !important;}

.btn{border-radius:3px; box-sizing:border-box; padding:10px; display:inline-block;}
.btn:hover{opacity:0.8; transition-duration:0.3s;}

.btn.small{padding:7px 10px; font-size:15px; font-weight:300;}
.btn.medium{padding:15px 55px 15px 50px; font-size:20px; font-weight:300;}
.btn.full{padding:12px; width:100%; font-weight:300; text-align:center; font-size:18px;}

.btn.blue{background:#014099; color:#fff;}
.btn.dblue{background:#00508d; color:#fff; border:1px solid #003d6b;}


#pagination{position:relative; margin:15px 24px 20px 0; /*border-top:1px solid #c6c6c6; */padding-top:20px; text-align:center}
#pagination ul{position:relative; margin:0 auto; display:table}
#pagination ul li{float:left;font-weight:bold; font-size:12px}
#pagination ul li a, #pagination ul li span{float:left ;padding:5px 10px;margin-right:3px;color:#555; border:1px solid #d0d0d0; background:#fff; text-align:center;text-decoration:none; border-radius: 3px ; -webkit-border-radius:3px}
#pagination ul li a:hover{color:#aaa;border:1px solid #a7a7a7;background-color:#e9e9e9; text-decoration:none}
#pagination ul li a:focus{color:#aaa;border:1px solid #a7a7a7;background-color:#e9e9e9; text-decoration:none}


#pagination02{position:relative; margin:15px 0px 20px 0; text-align:center;min-height: 20px;}
#pagination02 ul{position:relative; margin:0 auto; display:table}
#pagination02 ul li{float:left;font-weight:bold; font-size:12px}
#pagination02 ul li a, #pagination02 ul li span{float:left ;padding:5px 10px;margin-right:3px;color:#555; border:1px solid #d0d0d0; background:#fff; text-align:center;text-decoration:none; border-radius: 3px ; -webkit-border-radius:3px}
#pagination02 ul li a:hover{color:#aaa;border:1px solid #a7a7a7;background-color:#e9e9e9; text-decoration:none}
#pagination02 ul li a:focus{color:#aaa;border:1px solid #a7a7a7;background-color:#e9e9e9; text-decoration:none}
#pagination02 span{}

/* BTN SETTING */
input[type="button"] {transition: opacity 0.3s ease;}
input[type="button"]:hover {opacity: 0.6}



/*PAGING*/
/*
.paging{text-align:center; margin-top:40px; position:relative;}
.paging ul{display:inline-block;}
.paging li{float:left; margin:0 2px; width:30px; height:30px; box-sizing:border-box;}
.paging li a{display:block; height:100%; background:#fff; border:1px solid #e5e5e5; border-radius:3px; line-height:28px; box-sizing:border-box; font-size:0.92em; color:#666;}
.paging li.on a{background:#3f5aa6; border:1px solid #3f5aa6; color:#fff; font-weight:400;}
*/
.paging{text-align:center;margin-top:30px}
.paging ol li{display:inline-block;width:33px;height:33px;font-size:14px;color:#999999; border:1px #e3e3e3 solid;}
.paging ol li a{width:100%;height:100%;text-decoration:none;color:#999999;display:block;padding:9px 0 0 0}
.paging ol li.on{border:1px #2660af solid;background:#2660af;color:#fff;font-weight:700}  
.paging ol li.on a{color:#fff} 


/* MARGIN SECTION */
.mg0auto {margin:0 auto !important; display:block;}
.mg0 {margin:0 !important;}
.mt0 {margin-top:0px !important;}
.mb0 {margin-bottom:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb150 {margin-bottom: 150px !important;}


/* PADDING SECTION */
.pd0 {padding:0 !important;}
.pt0 {padding-top:0px !important;}
.pb0 {padding-bottom:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20{padding-top:20px !important;}
.pt30 {padding-top: 30px !important;}
.pt60 {padding-top: 60px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb30 {padding-bottom: 30px !important;}

/* WIDTH */
.w100ps{width:100% !important;}
.w45ps{width:45% !important;}
.w30ps{width:30% !important;}
.w140px{width:140px !important;}
.w120px{width:120px !important;}
.w100px{width:100px !important;}
.w80px{width:80px !important;}
.w60px{width:60px !important;}
.w50px{width:50px !important;}