@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@font-face { 
    font-family: 'yg-jalnan'; 
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff'); 
    font-weight: normal; 
    font-style: normal; 
    font-display: swap
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}


* {margin:0;padding:0;} 
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {border:0;outline:0;background:transparent;font-size:100%;}

table,caption,tbody,tfoot,thead,tr,th,td {outline:0;background:transparent;font-size:100%;}

article,aside,canvas,details,figcaption,figure,main,
footer,header,hgroup,menu,nav,section,summary {display:block;}

nav, ul {list-style:none;}

blockquote,q {quotes:none;}

blockquote:before,blockquote:after,
q:before,q:after {content:"";content:none;}

a {margin:0;padding:0;border:0;font-size:100%;}

/*a:focus,
input:focus,
select:focus,
option:focus,
textarea:focus,
button:focus {outline: none;}*/

a:focus,
input:focus,
select:focus,
option:focus,
textarea:focus,
button:focus {outline:2px dashed #0fd9dd;}

/* a:focus > img {outline: 2px solid #ff0000 ;}*/

/* a:focus{border:1px dotted #0b50a6;} */
ins {color:#000;text-decoration:none;}
mark {color:#000;font-style:italic;font-weight:700;}
del,s {text-decoration:line-through;}
abbr[title],dfn[title] {border-bottom:1px dotted #000;cursor:help;}

hr {display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input,select {}
th,td {}

body {color:#333;line-height:150%;}
select,input,button,textarea,button{font-family: 'Noto Sans KR', sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace; line-height:100%;}
br {opacity:0; font-family: 'Noto Sans KR', sans-serif;}

select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #d1d1d1;}
 /* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::-ms-expand { display: none; }
button{border:0px;}


select {padding-right:20px;
    background-image: url(/images/lll/selarr_btn.png);
    background-repeat: no-repeat;
    background-position: 90% 50%;    
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none;
 }


input::placeholder { color: #999; opacity: 1;}
input:-ms-input-placeholder { /* IE 10+ */ color: #999; }
input::-ms-input-placeholder { /* Microsoft Edge */ color: #999; }

caption {text-indent:-20000px; height:0px; overflow:hidden;}
address {font-style:normal;display:inline;}

/* 링크정의 */
a{color:#555;text-decoration:none;}
a:active {}
a:focus {}
#skip {position:absolute; top:0; height:0px; width:100%; z-index:2020;}
#skip a {display:block;height:1px;width:1px;margin-bottom:-1px;overflow:hidden;text-align:center;color:#fff;white-space:nowrap;}
#skip a:focus,
#skip a:active {display:block;top:0;width:100%;height:30px;line-height:30px;background:#2a2b2f;}

/* LIST ??? ?? */
li {list-style:none;}
ul.fllist li , .fllist > * {float:left;}
ul.frlist li , .frlist > * {float:right;}
.fllist:after , .frlist:after {clear:both;display:block;content:"";}
ol.onum li, .onum li {list-style-type:decimal}
.onum {padding-left:22px}

/* Form ???? ?? */
fieldset {padding:0px;margin:0px;border:0px;}
legend{display:none;}

/* ????? ??? ?? */
img {border:0px;vertical-align:middle; max-width:100%;}

table { border-collapse: collapse;/*  border-spacing: 0px;  */width:100%}
table.ashow {empty-cells:show;}


/* 플롯트 정의 */
.fr {float:right;}
.fl {float:left;}
.cr, .clearfix {clear:both;}
.clearfix:after{    content: '';    display: block;    clear: both;}      
.cB:after{    content: '';    display: block;    clear: both;}

/*숨김 정의*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999px;left:-9999px;display:block;text-indent:-9999px;font-size:0px;line-height:0;}


/* 공백정의 */
.gap5 {height:5px;clear:both;overflow:hidden;display:block;}
.gap10 {height:10px;clear:both;overflow:hidden;display:block;}
.gap15 {height:15px;clear:both;overflow:hidden;display:block;}
.gap20 {height:20px;clear:both;overflow:hidden;display:block;}
.gap30 {height:30px;clear:both;overflow:hidden;display:block;}
.gap40 {height:40px;clear:both;overflow:hidden;display:block;}
.gap50 {height:50px;clear:both;overflow:hidden;display:block;}
.gap60 {height:60px;clear:both;overflow:hidden;display:block;}
.gap70 {height:70px;clear:both;overflow:hidden;display:block;}
.gap80 {height:80px;clear:both;overflow:hidden;display:block;}
.gap100 {height:100px;clear:both;overflow:hidden;display:block;}

.gap {height:50px;clear:both;display:block;}
.sgap {height:30px;clear:both;display:block;}
.ssgap {height:15px;clear:both;display:block;}
.sssgap {height:10px;clear:both;display:block;}

	@media only screen and  (max-width:680px) {
		.gap {height:30px;}
		.sgap {height:20px;}
		.ssgap {height:15px;}
		.sssgap {height:10px;}

		.gap10 {height:7px;}
		.gap15 {height:12px;}
		.gap20 {height:15px;}
		.gap30 {height:20px;}
		.gap40 {height:25px;}
		.gap50 {height:35px;}
		.gap60 {height:45px;}
		.gap70 {height:50px;}
		.gap80 {height:60px;}
	}	


/* 정렬 */
.left , .l, .taL {text-align:left !important;}
.right, .r, .taR {text-align:right !important;}
.center, .c, .taC {text-align:center !important;}
.vtop,.vtop  * {vertical-align:text-top !important;}
.vcen,.vcen  * {vertical-align:middle !important;}
.vfoot,.vfoot  * {vertical-align:text-bottom !important;}


/* 폰트컬러 */
.cred {color:#cc0000 !important;}
.cblue {color:#0942a1 !important;}
.cblue1 {color:#4e70a5 !important;}
.cpink {color:#f9587d !important}
.cgold {color:#b8883c !important;}
.cgreen {color:#758d0a !important;}
.cbrown {color:#9F2C00 !important;}
.corg {color:#f36f21 !important;}
.cyell {color:#ffc700 !important;}
.cblack {color:#333 !important;}



/* 폰트 스타일 */
.nb {font-weight:normal;}
.b {font-weight:bold;}
.fs {font-size:90%}
.fb {font-size:120%;}
.f9 {font-size:9px;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f17 {font-size:17px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f20-impor {font-size:20px !important;}

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

    .f14 {font-size:12px;}
    .f15 {font-size:13px;}
    .f16 {font-size:13px;}
    .f17 {font-size:14px;}
    .f18 {font-size:14px;}
    .f20 {font-size:15px;}
}





label{cursor:pointer}
button{cursor:pointer;}
.animate-speed{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.cntBreak{ word-break: keep-all}     

/* padding 정의 */
.pad5a {padding:5px}
.pad5tf {padding-top:5px;padding-bottom:5px}
.pad5lr {padding-left:5px;padding-right:5px;}
.pad5r {padding-right:5px}
.pad5l {padding-left:5px}
.pad5t {padding-top:5px}
.pad5f {padding-bottom:5px}
.pad10a {padding:10px}
.pad10tf {padding-top:10px;padding-bottom:10px}
.pad10lr {padding-left:10px;padding-right:10px;}
.pad10r {padding-right:10px}
.pad10l {padding-left:10px}
.pad10t {padding-top:10px}
.pad10f {padding-bottom:10px}
.pad15a {padding:15px}
.pad15tf {padding-top:15px;padding-bottom:15px}
.pad15lr {padding-left:15px;padding-right:15px;}
.pad15r {padding-right:15px}
.pad15l {padding-left:15px}
.pad15l-impor {padding-left:15px !important;}
.pad15l-impor {padding-left:15px !important;}
.pad15t {padding-top:15px}
.pad15f {padding-bottom:15px}
.pad20a {padding:20px}
.pad20tf {padding-top:20px;padding-bottom:20px}
.pad20lr {padding-left:20px;padding-right:20px;}
.pad20r {padding-right:20px}
.pad20l {padding-left:20px}
.pad20t {padding-top:20px}
.pad20f {padding-bottom:20px}
.pad25a {padding:25px}
.pad25tf {padding-top:25px;padding-bottom:25px}
.pad25lr {padding-left:25px;padding-right:25px;}
.pad25r {padding-right:25px}
.pad25l {padding-left:25px}
.pad25t {padding-top:25px}
.pad25f {padding-bottom:25px}
.pad30a {padding:30px}
.pad30tf {padding-top:30px;padding-bottom:30px}
.pad30lr {padding-left:30px;padding-right:30px;}
.pad30r {padding-right:30px}
.pad30l {padding-left:30px}
.pad30t {padding-top:30px}
.pad30f {padding-bottom:30px}
.pad40a {padding:40px}
.pad40tf {padding-top:40px;padding-bottom:40px}
.pad40lr {padding-left:40px;padding-right:40px;}
.pad40r {padding-right:40px}
.pad40l {padding-left:40px}
.pad40t {padding-top:40px}
.pad40f {padding-bottom:40px}
.pad50a {padding:50px}
.pad50tf {padding-top:50px;padding-bottom:50px}
.pad50lr {padding-left:50px;padding-right:50px;}
.pad50r {padding-right:50px}
.pad50l {padding-left:50px}
.pad50t {padding-top:50px}
.pad55t {padding-top:55px}
.pad50f {padding-bottom:50px}
.pad5l-impor{padding-left:5px !important;}
.pad10l-impor{padding-left:10px !important;}
.pad15l-impor{padding-left:15px !important;}
.pad20l-impor{padding-left:20px !important;}
.pad5l-impor{padding-left:5px !important;}
.pad10l-impor{padding-left:10px !important;}
.pad15l-impor{padding-left:15px !important;}
.pad20l-impor{padding-left:20px !important;}
.pad30l-impor{padding-left:30px !important;}
.pad60l-impor{padding-left: 60px !important;}


/* margin 정의 */
.noMgf, .no_mgf {margin-bottom:0px !important;}
.mg5b {margin-bottom:5px;}
.mg10b {margin-bottom:10px;}
.mg15b {margin-bottom:15px;}
.mg20b {margin-bottom:20px;}
.mg25b {margin-bottom:25px;}
.mg30b {margin-bottom:30px;}
.mg35b {margin-bottom:35px;}
.mg40b {margin-bottom:40px;}
.mg45b {margin-bottom:45px;}
.mg50b {margin-bottom:50px;}
.mg60b {margin-bottom:60px;}

.mg0t {margin-top:0px!important;}
.mg4t {margin-top:4px;}
.mg5t {margin-top:5px;}
.mg8t {margin-top:8px;}
.mg10t {margin-top:10px!important;}
.mg15t {margin-top:15px!important;}
.mg20t {margin-top:20px!important;}
.mg25t {margin-top:25px!important;}
.mg30t {margin-top:30px!important;}
.mg40t {margin-top:40px!important;}
.mg50t {margin-top:50px!important;}
.mg60t {margin-top:60px!important;}

.mg5l {margin-left:5px;}
.mg10l {margin-left:10px;}
.mg15l {margin-left:15px;}
.mg20l {margin-left:20px;}
.mg25l {margin-left:25px;}
.mg30l {margin-left:30px;}
.mg40l {margin-left:40px;}
.mg50l {margin-left:50px;}
.mg60l {margin-left:60px;}

.mg4r {margin-right:4px;}
.mg5r {margin-right:5px;}
.mg0r {margin-right:0px !important;}
.mg10r {margin-right:10px;}
.mg15r {margin-right:15px;}
.mg20r {margin-right:20px;}
.mg25r {margin-right:25px;}
.mg30r {margin-right:30px;}
.mg40r {margin-right:40px;}
.mg50r {margin-right:50px;}
.mg60r {margin-right:60px;}

.mg5a {margin:5px;}
.mg10a {margin:10px;}
.mg15a {margin:15px;}
.mg20a {margin:20px;}
.mg25a {margin:25px;}
.mg30a {margin:30px;}
.mg10tf {margin-top:10px;margin-bottom:10px}
.mg20tf {margin-top:20px;margin-bottom:20px}
.mg50tf {margin-top:50px;margin-bottom:50px}
.mg50lr {margin-left:50px;margin-right:50px;}
.mg-auto{float: none !important; margin: 0 auto;}

/* width 정의 */
.w600 {width:600px;}
.w570 {width:570px;}
.w550 {width:550px;}
.w500 {width:500px;}
.w350 {width:350px;}
.w300 {width:300px;}
.w200 {width:200px;}
.w190 {width:190px}
.w180 {width:180px}
.w170 {width:170px}
.w160 {width:160px}
.w150 {width:150px}
.w140 {width:140px}
.w130 {width:130px}
.w120 {width:120px}
.w110 {width:110px}
.w100 {width:100px !important;}
.w90 {width:90px;}
.w80 {width:80px;}
.w70 {width:70px;}
.w60 {width:60px;}
.w50 {width:50px;}
.w40 {width:40px;}
.w30 {width:30px;}
.w20 {width:30px;}
.w10{width:10px;}


.w100p {width:100% !important;}
.w99p {width:99% !important;}
.w98p {width:98% !important;}
.w95p {width:95% !important;}
.w90p {width:90% !important;}
.w80p {width:80% !important;}
.w70p {width:70% !important;}
.w65p {width:65% !important;}
.w60p {width:60% !important;}
.w59p {width:59% !important;}
.w50p {width:50% !important;}
.w49p {width:49% !important;}
.w45p {width:45% !important;}
.w40p {width:40% !important;}
.w39p {width:39% !important;}
.w38p {width:38% !important;}
.w35p {width:35% !important;}
.w33p {width:33.3333% !important;}
.w32p {width:32% !important;}
.w30p {width:30% !important;}
.w25p {width:25% !important;}
.w20p{width:20% !important;}
.w18p{width:18% !important;}
.w15p{width:15% !important;}
.w14p{width:14% !important;}
.w13p{width:13% !important;}
.w12p{width:12% !important;}
.w10p{width:10% !important;}
.w8p{width:8% !important;}
.w7p{width:7% !important;}   
.w5p{width:5% !important;}
.w4p{width:4% !important;}

#iframecreate {height:0!important;}      

a:focus,
input:focus,
select:focus,
option:focus,
textarea:focus,
button:focus {outline: none;}

a:focus,
input:focus,
select:focus,
option:focus,
textarea:focus,
button:focus {box-shadow:0 0 0 1px #ff0000 inset; outline: 2px dotted #f73b73;}

a:focus > img {outline: 1px solid #ff0000; outline: 2px dotted #f73b73;}