@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary, select,
time, mark, audio, video, textarea, input, button{font-family: 'Noto Sans KR', sans-serif}

@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');}

@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: '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: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* reset */
/*overflow:hidden;*/
*{margin:0; padding:0;}
html, body{padding:0; margin:0;}
body{width:100%; min-width:320px;margin:0px auto; position:relative; padding:0px; color:#5c5c5c;}
img,fieldset{border:0 none; margin:0; padding:0;}
dl,ul,ol,li, dt, dd{margin:0px; padding:0px; list-style:none;}
table{border-collapse:collapse;}
h1, h2, h3, h4, h5, h6, p{margin:0px; padding:0px;}
nav, header, footer, section, aside, article{display:block;}
input[type=text], input[type=button], select{color:#454545;}
input[type=submit]{cursor:pointer;}
input{vertical-align:middle; }
a{text-decoration:none; color:#5c5c5c; transition-duration:0.3s;}
button{cursor:pointer; transition-duration:0.3s;}
textarea, select{}
.plugin.chrome.webkit.win.x1.Locale_ko_KR{margin:0 ;}

select{height:48px; border-radius:6px; color:#111; font-size:14px; padding:0 42px 0 20px; border:1px solid #ccc; outline: 0 none; background:url('/images/sub/select_arrow.png') right 20px center no-repeat;-webkit-appearance: none; -moz-appearance: none; appearance: none; box-sizing:border-box; width:220px;}
input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="time"]{height:48px; color:#111; border-radius:6px; padding: 0 20px; border:1px solid #ccc; box-sizing:border-box;}
input[type="number"]{padding-right:0;}
textarea{color:#111; border-radius:6px; border:1px solid #ccc; box-sizing:border-box;}


/*font-size*/
.fs0{font-size:0 ;}
.fs12{font-size:12px ; letter-spacing:-0.02em;}
.fs13{font-size:13px ;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs22{font-size:22px;}
.fs24{font-size:24px;}
.fs28{font-size:28px;}
.fs32{font-size:32px;}


/*text align*/
.ta_left{text-align:left !important;}
.ta_center{text-align:center;}
.ta_right{text-align:right;}


/*color*/


/*weight*/
.fw200{font-weight:200;}
.fw300{font-weight:300;}
.fw350{font-weight:350;}
.fw400{font-weight:400 ;}
.fw500{font-weight:500 ;}
.fw600{font-weight:600 ;}
.fw700{font-weight:700 ;}

.mt0{margin-top:0px !important;}
.mt3{margin-top:3px;}
.mt4{margin-top:4px;}
.mt5{margin-top:5px;}
.mt6{margin-top:6px;}
.mt7{margin-top:7px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt14{margin-top:14px;}
.mt15{margin-top:15px;}
.mt16{margin-top:16px ;}
.mt18{margin-top:18px;}
.mt20{margin-top:20px;}
.mt22{margin-top:22px;}
.mt24{margin-top:24px;}
.mt25{margin-top:25px;}
.mt28{margin-top:28px;}
.mt29{margin-top:29px;}
.mt30{margin-top:30px;}
.mt32{margin-top:32px;}
.mt34{margin-top:34px;}
.mt35{margin-top:35px;}
.mt36{margin-top:36px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt46{margin-top:46px;}
.mt48{margin-top:48px;}
.mt50{margin-top:50px;}
.mt52{margin-top:52px;}
.mt58{margin-top:58px;}
.mt60{margin-top:60px;}
.mt64{margin-top:64px;}
.mt66{margin-top:66px;}
.mt69{margin-top:69px;}
.mt70{margin-top:70px;}
.mt72{margin-top:72px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt110{margin-top:110px;}
.mt120{margin-top:120px;}
.mt130{margin-top:130px;}
.mt140{margin-top:140px;}
.mt150{margin-top:150px;}
.mt160{margin-top:160px;}
.mt170{margin-top:170px;}
.mt190{margin-top:190px;}
.mt210{margin-top:210px;}
.mt320{margin-top:320px;}

.mb0{margin-bottom:0px ;}
.mb5{margin-bottom:5px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb12{margin-bottom:12px;}
.mb14{margin-bottom:14px;}
.mb15{margin-bottom:15px;}
.mb16{margin-bottom:16px;}
.mb18{margin-bottom:18px;}
.mb20{margin-bottom:20px;}
.mb24{margin-bottom:24px;}
.mb25{margin-bottom:25px;}
.mb28{margin-bottom:28px;}
.mb30{margin-bottom:30px;}
.mb32{margin-bottom:32px;}
.mb35{margin-bottom:35px;}
.mb36{margin-bottom:36px;}
.mb40{margin-bottom:40px;}
.mb48{margin-bottom:48px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mb100{margin-bottom:100px;}
.mb110{margin-bottom:110px;}
.mb120{margin-bottom:120px;}
.mb130{margin-bottom:130px;}
.mb140{margin-bottom:140px;}
.mb150{margin-bottom:150px;}


.ml-10{margin-left:-10px;}
.mr-10{margin-right:-10px;}

.ml4{margin-left:4px;}
.ml5{margin-left:5px;}
.ml6{margin-left:6px;}
.ml8{margin-left:8px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml14{margin-left:14px;}
.ml15{margin-left:15px;}
.ml16{margin-left:16px;}
.ml18{margin-left:18px;}
.ml20{margin-left:20px;}
.ml24{margin-left:24px;}
.ml30{margin-left:30px;}
.ml32{margin-left:32px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml100{margin-left:100px;}

.ml-12{margin-left:-12px;}

.mr5{margin-right:5px;}
.mr8{margin-right:8px;}
.mr10{margin-right:10px;}
.mr12{margin-right:12px;}
.mr15{margin-right:15px;}
.mr16{margin-right:16px;}
.mr20{margin-right:20px;}
.mr24{margin-right:24px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mr100{margin-right:100px;}

.mr-12{margin-right:-12px;}

.pl0{padding-left:0 ;}
.pl5{padding-left:5px;}
.pl6{padding-left:6px;}
.pl8{padding-left:8px;}
.pl10{padding-left:10px;}
.pl12{padding-left:12px;}
.pl14{padding-left:14px;}
.pl15{padding-left:15px;}
.pl16{padding-left:16px;}
.pl18{padding-left:18px;}
.pl20{padding-left:20px ;}
.pl22{padding-left:22px;}
.pl24{padding-left:24px;}
.pl25{padding-left:25px;}
.pl30{padding-left:30px;}
.pl32{padding-left:32px;}
.pl34{padding-left:34px;}
.pl35{padding-left:35px;}
.pl36{padding-left:36px;}
.pl38{padding-left:38px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}
.pl60{padding-left:60px;}
.pl70{padding-left:70px;}
.pl80{padding-left:80px;}
.pl90{padding-left:90px;}
.pl100{padding-left:100px;}
.pl110{padding-left:110px;}
.pl120{padding-left:120px;}
.pl130{padding-left:130px;}
.pl140{padding-left:140px;}
.pl150{padding-left:150px;}

.pr0{padding-right:0px ;}
.pr5{padding-right:5px;}
.pl6{padding-right:6px;}
.pr10{padding-right:10px;}
.pr12{padding-right:12px;}
.pr15{padding-right:15px;}
.pr16{padding-right:16px;}
.pr18{padding-right:18px;}
.pr20{padding-right:20px ;}
.pr24{padding-right:24px;}
.pr25{padding-right:25px;}
.pr30{padding-right:30px;}
.pr32{padding-right:32px;}
.pr35{padding-right:35px;}
.pr36{padding-right:36px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pr60{padding-right:60px;}
.pr70{padding-right:70px;}
.pr80{padding-right:80px;}
.pr90{padding-right:90px;}
.pr100{padding-right:100px;}
.pr110{padding-right:110px;}
.pr120{padding-right:120px;}
.pr130{padding-right:130px;}
.pr140{padding-right:140px;}
.pr150{padding-right:150px;}

.pt0{padding-top:0px ;}
.pt5{padding-top:5px;}
.pt8{padding-top:8px ;}
.pt10{padding-top:10px;}
.pt12{padding-top:12px;}
.pt15{padding-top:15px;}
.pt16{padding-top:16px ;}
.pt17{padding-top:17px;}
.pt18{padding-top:18px;}
.pt20{padding-top:20px;}
.pt24{padding-top:24px;}
.pt30{padding-top:30px;}
.pt32{padding-top:32px;}
.pt35{padding-top:35px;}
.pt36{padding-top:36px;}
.pt38{padding-top:38px;}
.pt40{padding-top:40px ;}
.pt45{padding-top:45px;}
.pt48{padding-top:48px ;}
.pt50{padding-top:50px;}
.pt55{padding-top:55px;}
.pt60{padding-top:60px;}
.pt64{padding-top:64px;}
.pt70{padding-top:70px;}
.pt75{padding-top:75px;}
.pt80{padding-top:80px;}
.pt85{padding-top:85px;}
.pt90{padding-top:90px;}
.pt95{padding-top:95px;}
.pt100{padding-top:100px;}
.pt110{padding-top:110px;}
.pt120{padding-top:120px;}
.pt125{padding-top:125px;}
.pt130{padding-top:130px;}
.pt140{padding-top:140px;}
.pt150{padding-top:150px;}
.pt160{padding-top:160px;}
.pt170{padding-top:170px;}
.pt180{padding-top:180px;}
.pt190{padding-top:190px;}
.pt194{padding-top:194px;}
.pt200{padding-top:200px;}
.pt240{padding-top:240px;}
.pt280{padding-top:280px;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px;}
.pb8{padding-bottom:8px ;}
.pb10{padding-bottom:10px;}
.pb12{padding-bottom:12px;}
.pb14{padding-bottom:14px;}
.pb15{padding-bottom:15px;}
.pb16{padding-bottom:16px;}
.pb20{padding-bottom:20px;}
.pb24{padding-bottom:24px;}
.pb26{padding-bottom:26px;}
.pb30{padding-bottom:30px;}
.pb32{padding-bottom:32px;}
.pb34{padding-bottom:34px;}
.pb36{padding-bottom:36px;}
.pb40{padding-bottom:40px;}
.pb48{padding-bottom:48px;}
.pb50{padding-bottom:50px;}
.pb60{padding-bottom:60px;}
.pb70{padding-bottom:70px;}
.pb75{padding-bottom:75px;}
.pb80{padding-bottom:80px;}
.pb90{padding-bottom:90px;}
.pb100{padding-bottom:100px;}
.pb110{padding-bottom:110px;}
.pb120{padding-bottom:120px;}
.pb130{padding-bottom:130px;}
.pb140{padding-bottom:140px;}
.pb150{padding-bottom:150px;}
.pb160{padding-bottom:160px;}
.pb170{padding-bottom:170px;}
.pb186{padding-bottom:186px;}
.pb190{padding-bottom:190px;}
.pb200{padding-bottom:200px;}
.pb240{padding-bottom:240px;}


.p0{padding:0px !important;}
.p10{padding:10px;}
.p14{padding:14px;}
.p16{padding:16px;}
.p18{padding:18px;}
.p20{padding:20px;}
.p24{padding:24px;}
.p32{padding:32px;}
.p36{padding:36px;}

.w80{width:80px;}
.w110{width:110px;}
.w380{width:380px;}
.w940{width:940px;}
.w100p{width:100%;}

.s_w110 .nice-select{width:110px;}
.s_w192 .nice-select{width:192px;}
.s_w334 .nice-select{width:334px;}



.dp_ib{display:inline-block;}
.dp_block{display:block;}
.dp_flex{display:flex; width:100%; box-sizing:border-box;}
.dp_flex_wauto{display:flex; width:auto;}
.jc_sb{justify-content:space-between;}
.jc_sa{justify-content:space-around;}
.jc_fe{justify-content:flex-end;}
.jc_c{justify-content: center;}
.al_fs{align-items:flex-start;}
.al_c{align-items:center;}
.al_fe{align-items:flex-end;}
.flex_auto{flex:auto;}
.flex_wrap{flex-wrap: wrap;}

.gap8{gap:8px;}
.gap10{gap:10px;}
.gap12{gap:12px;}
.gap19{gap:19px;}
.gap20{gap:20px;}
.gap23{gap:23px;}
.gap30{gap:30px;}
.gap40{gap:40px;}


.inner{max-width:1200px; margin:0 auto;}


.title_style01{color:#111; font-size:28px; font-family: 'GmarketSansMedium'; padding-left:27px; position:relative; font-weight:500;}
.title_style01:before{content:''; display:block; position:absolute; left:0; top:50%; margin-top:-2px; background:#4a29e7; width:18px; height:4px;}
.title_style01 + p{padding-left:27px; color:#666; font-size:13px; line-height:21px;}
.title_style01 + p span{color:#ff4d4d;}

.title_style02{color:#111; font-size:18px; font-family: 'GmarketSansMedium'; padding-left:27px; position:relative; font-weight:500;}
.title_style02:before{content:''; display:block; position:absolute; left:0; top:50%; margin-top:-2px; background:#4a29e7; width:15px; height:3px;}

.radio_wrap div {margin: 5px 15px 5px 0;}
.radio_style01{position:relative;}
.radio_style01 input[type="radio"]{position:absolute; left:-9999px; width:0px; height:0px;}
.radio_style01 input[type="radio"] + label{display:block; padding-left:35px; position:relative; color:#111; font-size:16px; height:22px; line-height:22px;}
.radio_style01 input[type="radio"] + label:before{content:''; display:block; position:absolute; left:0; top:50%; margin-top:-11px; width:22px; height:22px; border:1px solid #ccc; box-sizing:border-box; border-radius:50%;}
.radio_style01 input[type="radio"]:checked + label:before{border:1px solid #4e2bf4;}
.radio_style01 input[type="radio"]:checked + label:after{content:''; display:block; position:absolute; width:12px; height:12px; background:#4e2bf4; border-radius:50%; top:50%; margin-top:-6px; left:5px; box-sizing:border-box;}
.radio_style01 input[type="radio"]:disabled + label:before{opacity:0.5;}
.radio_style01 input[type="radio"]:disabled + label{color:#666;}

.checkbox_style01{position:relative;}
.checkbox_style01 input[type="checkbox"]{position:absolute; left:-9999px; width:0px; height:0px;}
.checkbox_style01 input[type="checkbox"] + label{padding-left:30px; position:relative; color:#111; font-size:14px; display:inline-block;}
.checkbox_style01 input[type="checkbox"] + label:before{content:''; display:block; position:absolute; left:0 ;top:50%; margin-top:-9px; border:1px solid #ccc; border-radius:2px; width:18px; height:18px;}
.checkbox_style01 input[type="checkbox"]:checked + label:before{border:1px solid #4e2bf4; background:url('/images/sub/checkbox_style01.png') center center no-repeat;}
.checkbox_style01.fs0 input[type="checkbox"] + label{font-size:0; padding-left:0; width:20px; height:20px; display:block;}

.btn_wrap{gap:40px;}
.lage_btn{font-size:14px; font-weight:700; box-sizing:border-box; width:270px; height:50px; border-radius:50px; background:transparent; text-align:center; line-height:46px;}
.purple{color:#8b85e7; border:2px solid #8b85e7; background:transparent;}
.purple:hover{color:#fff; background:#8b85e7;}
.purple2{color:#4a29e7; border:2px solid #4a29e7; background:transparent;}
.purple2:hover{color:#fff; background:#4a29e7;}
.purple3{color:#4a29e7; border:2px solid #4a29e7; background:transparent; height:48px; border-radius:12px;}
.purple3:hover{color:#fff; background:#4a29e7;}


/*pagination*/
.pagination{margin-top:80px;}
.pagination ul{gap:10px;}
.pagination ul a{display:block; width:55px; height:55px; border-radius:50%; color:#666; font-size:24px; text-align:center; line-height:55px; font-weight:300;}
.pagination ul li.active a{color:#010810; background:#f4f3fc;}
.pagination ul a:hover{background-color:#f4f3fc;}
.pagination .prev a, .pagination .next a{background:url('../images/sub/pagination_arrow_off.png') center center no-repeat; background-size:100%; font-size:0;}
.pagination .first a, .pagination .last a{background:url('../images/sub/pagination_arrow_off2.png') center center no-repeat; background-size:100%; font-size:0;}
.pagination .next a, .pagination .last a{transform: rotate(-180deg);}


.quick_menu{position:fixed; top:50%; right:30px; text-align:center; border-radius:16px; overflow:hidden; width:95px; box-shadow:0px 2px 10px 0px rgba(0,0,0,0.1); background:#fff; z-index:10; margin-top:-128px;}
.quick_menu h2{background:#4a29e7; color:#fff; font-size:16px; height:62px; line-height:62px;}
.quick_menu a{display:block; font-size:14px; font-weight:500; color:#666; padding-top:50px; line-height:21px;}
.quick_menu li{padding:8px 0;}
.quick_menu li:nth-child(1) a{background:url('/images/quick_icon01.png') center top no-repeat;}
.quick_menu li:nth-child(2) a{background:url('/images/quick_icon02.png') center top no-repeat;}



.pc_block{display:block !important;}
.m_block{display:none !important;}

@media screen and (max-width:1200px){
.inner{padding-left:20px; padding-right:20px;}

}

@media screen and (max-width:1024px){
.pc_block{display:none !important;}
.m_block{display:block !important;}
}

@media screen and (max-width:860px){

.pagination ul a{font-size:14px; width:32px; height:32px; line-height:32px;}
.pagination ul{gap:4px;}
.pagination{margin-top:32px;}

.pt200{padding-top:100px;}
.quick_menu{display:none;}

}

@media screen and (max-width:640px){
.pt200{padding-top:60px;}
.title_style01{font-size:23px; word-break:keep-all;}
.title_style01:before{top:16px; margin-top:0; height:3px;}

input[type="text"], input[type="password"]{width:100%; padding:0 10px; height:44px;}
select{height:44px; width:100%; padding-left:10px; padding-right:20px; background-position:right 10px center;}
.btn_wrap{gap:12px;}

.pt80{padding-top:50px;}
.pt160{padding-top:50px;}

.pb240{padding-bottom:120px;}

}