@charset "utf-8";
/* @font-face {
    font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: block
}
@font-face {
    font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: block
}
@font-face {
    font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: block
}
@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: block
}
@font-face {
    font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: block
}
@font-face {
    font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: block
}
@font-face {
    font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: block
}
@font-face {
    font-family: 'Pretendard';
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: block
}
@font-face {
    font-family: 'Pretendard';
    src: url('./images/Pretendard-Black.woff') format('woff');
	src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: block
} */
@font-face {font-family: 'Gmarket Sans';src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');font-weight: 300;font-style: normal;}@font-face {font-family: 'Gmarket Sans';src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');font-weight: 500;font-style: normal;}@font-face {font-family: 'Gmarket Sans';src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');font-weight: 700;font-style: normal;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,input{margin:0;padding:0;border:0;list-style:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:2px transparent;-webkit-text-size-adjust: none;}
body{font-family:'Pretendard',sans-serif;line-height:1;letter-spacing:-1px;font-weight: 300;-webkit-text-size-adjust: none;text-rendering: optimizeLegibility;    -webkit-font-smoothing: antialiased; position: relative; min-height: 100vh;}


/*웹에디터출력용태그디폴트하려면주석처리
ul,ol,li{list-style-type: none;margin: 0;padding: 0;}*/
table{width:100%;border-collapse:collapse;border:0;empty-cells:show;border-spacing:0}td,th{border:0;empty-cells:show;border-spacing:0}
/* font-size issue 안드로이드 웹뷰에 추가: webview.getSettings().setTextZoom(100);*/
a,a:link,a:active,a:focus,a:visited,input:active,input:focus,input:visited,button:active,button:focus,button:visited{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:color .25s ease-out;/* outline:none */}
a:focus,
button:focus{/* outline:1px dotted #ababab; */}
legend,caption{height:1px;width:1px;position:absolute;font-size:0;left:-999em;top:-999em;z-index:-1;text-indent:-999em}
img{font-size:0;line-height:0}
img,fieldset,textarea{border:0;margin:0;padding:0}

button{border:0;cursor:pointer;overflow:hidden;background:none;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer}
button span{overflow:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0)}
button,button:focus,button:active{padding:0}
button span{position:relative}
input{border:0;cursor:pointer;overflow:hidden;background:none;padding:0}
header,section,footer,nav,aside{display:block}
input,textarea{-webkit-appearance:none;-webkit-border-radius:0;border-radius:0;padding:1%;border:1px solid #e5e5e5;color:#555A5A;resize:none;}
select{-webkit-border-radius:0;border-radius:0;padding:0;border:solid 1px #CCC;background:#FFF;vertical-align:middle;display:inline-block}
input[type="checkbox"],input[type="radio"]{position:relative;box-sizing:border-box;padding:0;display:inline-block;vertical-align:middle;margin:0}
input[type="checkbox"]{-webkit-appearance:checkbox}
input[type="radio"]{-webkit-appearance:radio;-webkit-border-radius:50%}
input{-webkit-ime-mode:auto;-moz-ime-mode:auto;-ms-ime-mode:auto;ime-mode:auto}
textarea{display:block}
select,input,textarea,button{font-family:'Pretendard',sans-serif}
input[type="button"],button{margin:0;padding:0;border:0;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;cursor:pointer}
button,input[type="reset"],input[type="button"],input[type="submit"]{line-height:normal;border:none}
input[type="text"]::-ms-clear{display:none}
input[type="text"],input[type="password"],input[type="tel"]{line-height:1;border-radius:0;-webkit-appearance:none;background:#fff;color:#555A5A;text-indent:1px;display:inline-block;vertical-align:middle}
input[type="file"]{line-height:1;background:#fff;color:#555A5A;cursor:pointer;display:inline-block;vertical-align:middle}
input[type="checkbox"]:checked + label,input[type="radio"]:checked + label{color:#000}
input[type="checkbox"]:disabled + label,input[type="radio"]:disabled + label{color:#999;cursor: default;}
input:disabled{background:#f1f1f1}
input[readonly="readonly"],input[readonly],input[disabled="disabled"],input[disabled]{border:1px solid #e5e5e5;background:#f1f1f1;color:#555A5A;text-indent:1px}
select[disabled]{border:1px solid #e5e5e5;background:#f1f1f1;color:#555A5A}
select::-ms-expand{display:none}
select{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;appearance:none;background-image:url(../img/common/select_aro.png);background-position:90% 50%;background-repeat:no-repeat;/* outline:none */}
::-webkit-input-placeholder{color:#ddd}
:-ms-input-placeholder{color:#ddd}
::placeholder{color:#ddd}
::selection{background-color:#50CCB2;color: #fff;}
hr{border:0;height:0}
.sorry{border-radius:0;height:500px;border: 10px dashed rgba(0,0,0,0.12);position: relative;margin-bottom: 100px;}
.sorry::after{display: block;content: '';background:  url(../img/common/ready.png) center 30% no-repeat;position: absolute;top: 0;right: 0;left: 0;bottom: 0;opacity: .20;}
.sorry p{text-align: center;position: absolute;top: 70%;font-size: 30px;color: #999;left: 0;right: 0;}
.hide,.screen_out,caption {	display: block;	overflow: hidden;	position: absolute;	left: -9999px;	width: 1px;	height: 1px;	font-size: 0;	line-height: 0;}
.txtHide{text-indent:100%;white-space:nowrap;overflow:hidden;color:transparent}
.flt{float:left;display:block}
.frt{float:right;display:block}
.wrp{overflow:hidden}
.clr,.clear{clear:both}
.clr::after,.clear::after,.clr::before,.clear::before{display: block;clear: both;content: '';}
.right{text-align:right}
.left{text-align:left}
.center{text-align:center}
.ellips{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}
a.lnk{display: block;position: absolute;top: 0;right: 0;left: 0;bottom: 0;z-index: 4;text-indent: -999em;}
a.translink{display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;font-size:0;line-height:0;text-indent:-999em;border:0 solid #000}

.unit{text-align:right}
.unit_wrap{position:relative}
.unit_wrap .unit{position:absolute;top:0;right:0;margin-top:0;float:none;font-size:15px}
.gap{letter-spacing:-1px}
.wwr{word-wrap:break-word}
.wbr{word-break:break-all}
.d-b{display:block}
.d-i{display:inline}
.d-ib{display:inline-block}
.skip{position:absolute;top:0;left:0;width:100%}
.skip a{position:absolute;display:block;width:100%;left:0;text-align:center;top:-50px;left:0;z-index:999}
.skip a:hover,.skip a:focus,.skip a:active{position:absolute;top:0;left:0;padding:5px 0;font-weight:700;color:#fff;background:#36F;width:100%}
#skipnav{margin:0;padding:0;list-style-type: none;}
#skipnav li{list-style-type: none;margin:0;padding:0;}
#skipnav a{display:block;overflow:hidden;position:absolute;left:0;top:-10000px}
#skipnav a:hover,#skipnav a:focus,#skipnav a:active{padding:15px 0;background-color:#039;color:#fff;font-size:120%;width:100%;text-align:center;top:0;z-index:99999999;text-decoration:underline}
#skip{text-indent:-999em;height:0;width:0;position:absolute;left:-999em;z-index:-1}
.pl0{padding-left:0}
.pl5{padding-left:5px}
.pl10{padding-left:10px}
.pl15{padding-left:15px}
.pl20{padding-left:20px}
.pl30{padding-left:30px}
.pr10{padding-right:10px}
.pr20{padding-right:20px}
.pt0{padding-top:0}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pl15{padding-left:15px}
.pt15{padding-top:15px}
.pt20{padding-top:20px}
.pt25{padding-top:25px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.mb0{margin-bottom:0}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb90{margin-bottom:70px}
.pb0{padding-bottom:0}
.pb10{padding-bottom:10px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pb25{padding-bottom:25px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
.pb70{padding-bottom:70px}
.pb80{padding-bottom:80px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt35{margin-top:35px}
.mt40{margin-top:40px}
.mt45{margin-top:45px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt10{margin-top:10px}
.mt25{margin-top:25px}
.mt0{margin-top:0}
.mr0{margin-right:0}
.ml0{margin-left:0}
.ml{margin-left:3px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml25{margin-left:25px}
.ml30{margin-left:30px}
.ml35{margin-left:35px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.lh15{line-height:150%}
.lh18{line-height:180%}
.lh20{line-height:200%}
.lh19{line-height:190%}
.lh20 *{line-height:200%}
.c_12{font-size:.9em}
.c_11{font-size:.85em}
.c_10{font-size:.8em}
.fz11{font-size:11px}
.fz12{font-size:12px}
.fz13{font-size:13px}
.fz14{font-size:14px}
.fz15{font-size:15px}
.fz16{font-size:16px}
.fz17{font-size:17px}
.fz18{font-size:18px}
.fz19{font-size:19px}
.fz20{font-size:20px}
.fz21{font-size:21px}
.fz30{font-size:30px}
.c_blue{color:#0f4da9}
.c_sky{color:#0393cf}
.c_green{font-weight:500!important}
.c_red{color:#ce0c0c}
.c_yl{color:#f29200}
.c_yg{color:#66993d}
.c_brown{color:#906947}
.c_orange{color:#f45600}
.c_purple{color:#4a6fe3 !important}
.c_gray{color:#676767}
.c_k{color:#000}
.gms{font-family:'Gmarket Sans';}
.dotum{font-family: 'dotum' !important;}
.ff_ver{font-family:'verdana'}
.ff_arl{font-family:'arial'}
.fw-n{font-weight:400}
.fw-b{font-weight:700}
a.uline,.uline,.uline *{text-decoration:underline}
.bdb{border-bottom:solid 1px #d9d9d9}
.bdt{border-top:solid 1px #d9d9d9}
span.all_br,span.br_all{display:block}

.d-n,.desk_x{display:none}
.d-b,.desk_o{display:block}
div.m_pc_x{display:none}
span.m_o,.m_o,div.m_o{display:none}
.m_s_o{display:none}
span._br,span.br{display:block}
span.br_m,span.m_br{display:inline}
img.m_o{display:none}
.img img,.img{font-size:0;line-height:0;display:block}
.imgX img,img.imgX{display:block;width:auto;margin:0 auto;font-size:0;line-height:0;text-align:center;max-width:100%}
.imgX img.m_o{display:none}
.m_scroll{margin-bottom: 30px;}
.m_scroll.mb0{margin-bottom: 0;}
.col_w04{width: 4%;}
.col_w05{width: 5%;}
.col_w06{width: 6%;}
.col_w07{width: 7%;}
.col_w08{width: 8%;}
.col_w09{width: 9%;}
.col_w10{width: 10%;}
.col_w11{width: 11%;}
.col_w12{width: 12%;}
.col_w13{width: 13%;}
.col_w14{width: 14%;}
.col_w15{width: 15%;}
.col_w16{width: 16%;}
.col_w17{width: 17%;}
.col_w18{width: 18%;}
.col_w19{width: 19%;}
.col_w20{width: 20%;}
.col_w21{width: 21%;}
.col_w22{width: 22%;}
.col_w23{width: 23%;}
.col_w24{width: 24%;}
.col_w25{width: 25%;}
.col_w26{width: 26%;}
.col_w27{width: 27%;}
.col_w28{width: 28%;}
.col_w29{width: 29%;}
.col_w30{width: 30%;}
.col_w31{width: 31%;}
.col_w32{width: 32%;}
.col_w33{width: 33%;}
.col_w34{width: 34%;}
.col_w35{width: 35%;}
.col_w36{width: 36%;}
.col_w37{width: 37%;}
.col_w38{width: 38%;}
.col_w39{width: 39%;}
.col_w40{width: 40%;}
.col_w44{width: 44%;}
.col_w45{width: 45%;}
.col_w50{width: 50%;}
.col_w{width:auto;}
.lstn, .lstn li{list-style-type: none;margin: 0;padding: 0;}
/*******
레이어팝업
********/
.divpop{}
.divpop .popLayerImg{padding:0; border:1px solid #bbbbbb; border-top:0}
.divpop .popLayerImg img,
.popLayerImg a{border:0; display:block !important}
.divpop .popLayerBg{height:100%;padding:0px;background-color:#ffffff}
.divpop .popLayerImg img{font-size:0; line-height:0}
.divpop .titleBar{background: url('../../common/img/common/pop_layerTop.gif') 0 0 no-repeat;cursor:move;height:30px;line-height:30px}
.divpop .titleBar_r{padding:0 5px 0 0;width: 20px;background:url('../../common/img/common/pop_layerTop2.gif') right center no-repeat;height:30px;line-height:30px}
.divpop .layerBtm{background:url('../../common/img/common/pop_layerBtm.gif') 0 0 no-repeat; padding-left:20px;height:30px;}
.divpop .layerBtm_r{background:url('../../common/img/common/pop_layerBtm2.gif') right 0 no-repeat;height:30px;width: 20px;}
.divpop .layerBtm_txt{font-family:'dotum'; font-size:11px; color:#666666;}
/*******
레이어팝업
********/
.layerPop{position:absolute;z-index:999; visibility:visible;min-width: 200px;max-width: 800px;overflow: hidden;}
.layerPop .layerPopImg{padding:0; border:1px solid #bbbbbb; border-top:0}
.layerPop .layerPopImg img,
.layerPopImg a{border:0; display:block !important}
.layerPop .layerPopBg{height:100%;padding:0px;background-color:#ffffff}
.layerPop .layerPopImg img{font-size:0; line-height:0}
.layerPop .titleBar{cursor:move;height:30px;line-height:30px;position: relative;padding-right: 25px;}
.layerPop .titleBar h3{background: url('../../common/img/common/pop_layerTop.gif') 0 0 no-repeat;text-align: left;padding-left: 14px;font-size: 13px;font-weight: bold;}
.layerPop .titleBar_r{padding:0 5px 0 0;width: 20px;background:url('../../common/img/common/pop_layerTop2.gif') right center no-repeat;height:30px;line-height:30px;position: absolute;top: 0;right: 0;display: block;font-size: 0;vertical-align: middle;}
.layerPop .titleBar_r img{line-height: 30px;vertical-align: middle;}
.layerPop .layerBtm{height:30px;position: relative;padding-right: 10px;line-height: 30px;}
.layerPop .layerBtm_r{background:url('../../common/img/common/pop_layerBtm2.gif') right 0 no-repeat;height:30px;width: 10px;position: absolute;top: 0;right: 0;font-size: 0;}
.layerPop .layerBtm_txt{background:url('../../common/img/common/pop_layerBtm.gif') 0 0 ; padding-left:20px;font-family:'dotum'; font-size:11px; color:#666666;}
.layerPop .layerBtm_txt input{display: inline-block;vertical-align: middle;}
@media all and (max-width:1024px) {
.desk_x{display:block}
.desk_o{display:none}
.sorry{height:340px;}
.sorry::after{background-size:auto 40% ;}
.sorry p{top: 70%;font-size: 20px;}
}
@media all and (max-width:815px) {
span.m_o,.m_o,div.m_o{display:block}
img.m_o{display:block}
img.m_x{display:none}
.m_x{display:none}
span._br{display:none;line-height:0}
span.m_s_x{display:none}
span.br_m,span.m_br{display:block}
.img img,.img{width:100%}
.imgX img,img.imgX{display:block;width:100%;margin:0 auto}
span.m_br2{display:none}
.imgX2 img,img.imgX2{display:block;width:87%;margin:0 auto}
.imgX img.m_x{display:none}
.imgX img.m_o{display:block;position:relative;height:50%}
.imgX.mb90{margin-bottom:30px}
.pb80{padding-bottom:40px}
.divpop {z-index: 9999 !important;max-width: 100% !important;width: auto !important;height: auto !important;left:5px !important;top: 5px !important;box-shadow: 2px 2px 15px 0 rgba(0,0,0,0.4);border-radius:10px;overflow: hidden;margin-right: 5px;}
.layerPop, .divpop {z-index: 9999 !important;max-width: 100% !important;width: auto !important;height: auto !important;left: 3.3% !important;right: 3.3% ; }
.layerPop .layerPopImg img,
.divpop .popLayerImg img{width: 100% !important;}
}
@media all and (max-width:500px) {
.sorry{height:280px;}
.m_fln,.flr.m_fln,.frt.m_fln{float:none}
body{font-size:15px}
span.br{display:none}
.m_s_o,span.m_br2{display:block}
.imgX2 img,img.imgX2{display:block}

.m_fz11{font-size:11px}
.m_fz12{font-size:12px}
.m_fz13{font-size:13px}
.m_fz14{font-size:14px}
.m_fz15{font-size:15px}

}
body{ scrollbar-width: thin;  scrollbar-color: #e8e8e8 transparent;}
body::-webkit-scrollbar {  width: 10px;}
body::-webkit-scrollbar-track {  background: #d8d7d6; }
body::-webkit-scrollbar-thumb {  background: #383736;   border-radius:5px;}
:root{
  scrollbar-color: #383736 #989797 !important;
  scrollbar-width: thin !important;
}