@charset"utf-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

/* Gmarket Sans */
/*
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;900&display=swap');

@font-face {
    font-family: 'nanumsquare';
    src: url('/font/nanumsquareb.woff2') format('woff2'),
         url('/font/nanumsquareb.woff') format('woff');
    font-style: normal;
	font-weight:600;
}
@font-face {
    font-family: 'nanumsquare';
    src: url('/font/nanumsquareeb.woff2') format('woff2'),
         url('/font/nanumsquareeb.woff') format('woff');
    font-style: normal;
	font-weight:900;
}
@font-face {
    font-family: 'nanumsquare';
    src: url('/font/nanumsquarel.woff2') format('woff2'),
         url('/font/nanumsquarel.woff') format('woff');
    font-style: normal;
	font-weight:100;
}
@font-face {
    font-family: 'nanumsquare';
    src: url('/font/nanumsquarer.woff2') format('woff2'),
         url('/font/nanumsquarer.woff') format('woff');
    font-style: normal;
	font-weight:400;
}



*, html {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
*, *:before, *:after {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

html {height:100%; -webkit-text-size-adjust:none;} /* 방향전환시 폰트 고정 */
body {position:relative; height:100%; font-size:16px; overflow-x:hidden; }
html, body, div, p, span, strong, b, em, iframe, pre, h1, h2, h3, h4, h5, h6, img, dl, dt, dd, fieldset, form, legend, label, table, caption, thead, tbody, tfoot, tr, th, td, ul, ol, li, a, input, select, textarea, button {margin:0; padding:0; border:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main, object { display:block; padding:0; margin:0}
audio, canvas, video { display:inline-block;}
audio:not([controls]) { display:none; }
section{width:100%; behavior:url(PIE.htc);}

html, body, input, textarea, select, button{font-family:'nanumsquare', sans-serif; color:#333; font-size:16px; transform:skew(-0.03deg);}

form {margin:0; padding:0}
input {padding:0px;vertical-align:middle; outline:none;}
input[type='text'], input[type='number'] {padding:1px; /*border:1px solid #ccc;*/}
input[type="text"],input[type='number'],input[type="search"] {-webkit-appearance:none; border-radius:0}
input[type='password'] {padding:1px; border:1px solid #ccc; -webkit-appearance:none;}
input[type='file'] {padding:2px 0 2px 5px; border:1px solid #ccc;}
input[type='checkbox'], input[type~='radio'] {margin:-1px 0px; padding:2px; }
input[type='button'], input[type='submit'], input[type="reset"] {cursor:pointer;-webkit-appearance:none; border-radius:0;}
input[type='image'] {margin:0px; padding:0px; cursor:pointer;}
select {padding:1px; vertical-align:middle; border:1px #ccc solid; border-radius:0; }
textarea {padding:2px 0 2px 5px; border:1px solid #ccc; background:#fff;}
button {background:transparent; cursor:pointer; vertical-align:middle; margin:0;}
textarea, button {-webkit-appearance:none;border-radius:0;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

input, select, textarea, button{box-sizing:border-box;}

ul,li,ol,dl,dd,dt {list-style:none; word-break:keep-all;}
em, address, i, u, cite {font-style:normal;}
caption {display:none; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
table {margin:0px; border-collapse:collapse; border-spacing:0; width:100%;/*table-layout:fixed;*/}
td,th {-ms-word-break:break-all;word-break:keep-all; vertical-align:middle; box-sizing:border-box;}

img {border:0; line-height:0; vertical-align:top;}

h1,h2,h3,h4,h5,h6{clear:both;margin:0;padding:0; font-weight:600; line-height:1em;}

a,a:focus{
	outline:none !important;
    outline-width: 0 !important;
    outline-style: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
	-webkit-tap-highlight-color: transparent;
}
a:link,a:visited,a:hover,a:active, a:focus {color:inherit;}
a {color:inherit; text-decoration:none;}
a img, input.type-image {border:none;}

.hidden {display:none !important;}
.blind {position:absolute !important; left:-10000px; height:1px; width:1px; overflow:hidden;}
.hide {position:absolute; left:-5000%;}

legend {position:absolute; left:-9999px;}

/* 텍스트 정렬 설정*/
.hand {cursor:pointer;}
.clear{width:100%;clear:both;}
.float_l{float:left;}
.float_r{float:right;}
.align_l{text-align:left !important;}
.align_c{text-align:center !important;}
.align_r{text-align:right !important;}
.valign_t{vertical-align:top;}
.valign_m{vertical-align:middle;}
.valign_b{vertical-align:bottom;}

.nobg{background:none !important;}
.noline{border:none !important;}
.nomargin{margin:0px !important;}
.nopadding{padding:0px !important;}

.ml_10{margin-left:10px}
.mb_5{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_20{margin-bottom:20px;}
.mt_10{margin-top:10px !important;}
.mt_20{margin-top:20px;}
.mt_30{margin-top:30px;}
.pt_30{padding-top:30px;}
.pt_50{padding-top:50px;}

.font_red { color:#c31434; }

.bold {font-weight:bold;}


/* overlay */
.overlay {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:499;background-color:#000;opacity:0.8;}


/* 공통 첨부파일 */
.filebox {position:relative; display:inline-block; width:100%; height:50px; padding:0; line-height:48px; color:#fff; vertical-align:middle; cursor:pointer;}
.filebox .upload-name {display:inline-block; width:70%; height:50px; padding:0 20px; color:#555; font-size:15px; vertical-align:top; background-color:#f9f9f9; border-radius:3px 0 0 3px;}
.filebox input[type="file"] {position:absolute; width:0; height:0; padding:0; overflow:hidden; border:0;}
.filebox label {position:absolute; top:0; right:0; width:30%; height:50px; display:inline-block; font-size:15px; text-align:center; vertical-align:top; cursor:pointer; background-color:#a5a5a5; border-radius:0 3px 3px 0;}
.filebox + .filebox {margin-top:5px;}
input[type="text"]:disabled {background:#f9f9f9;}


/* board-common:paging */
.paging_wrap{clear:both; display:block; text-align:center; font-size:0; vertical-align:middle;}
.paging_wrap *{vertical-align:middle;}
.paging_wrap a{overflow:hidden; display:inline-block; width:40px; height:40px; margin:0 4px; border:1px #ccc solid;}
.paging_wrap a:before {display:inline-block; font-family:'xeicon'; font-size:20px; line-height:40px;}
.paging_wrap a.first{border:0;}
.paging_wrap a.first:before {content:'\f100'; font-family:'FontAwesome'; font-size:19px;}
.paging_wrap a.prev{border:0;}
.paging_wrap a.prev:before {content:'';}
.paging_wrap a.next{border:0;}
.paging_wrap a.next:before {content:'';}
.paging_wrap a.last{border:0;}
.paging_wrap a.last:before {content:'\f101'; font-family:'FontAwesome'; font-size:19px;}
.paging_wrap .num{display:inline-block; width:40px; height:40px; box-sizing:border-box; font-size:15px; font-weight:400; line-height:40px; vertical-align:middle; color:#777; background-color:#fff;}
.paging_wrap span.num{color:#1a5bb1; border:1px #1a5bb1 solid;}
@media (max-width: 768px){
	.paging_wrap{margin-top:20px;padding-bottom:30px;}
	.paging_wrap a,
	.paging_wrap .num{width:30px; height:30px; line-height:30px;}
}


/* paging */
.paging {clear:both; overflow:hidden; margin-top:30px; text-align:center; color:#333;}
.paging a {display:inline-block; padding:0 10px 0 10px; margin:0 2px; line-height:30px !important; font-size:15px; color:#333; font-family:sans-serif; vertical-align:top;}
.paging a:before {display:inline-block; font-family:'xeicon'; font-size:20px; color:#333;}
.paging a.first {padding:0 !important;}
.paging a.first:before {content:'\f100'; font-family:'FontAwesome'; font-size:19px;}
.paging a span {display:none;}
.paging a.prev {padding:0 !important; margin-left:5px;}
.paging a.prev:before {content:'';}
.paging a.next {padding:0 !important; margin-right:5px; margin-left:5px;}
.paging a.next:before {content:'';}
.paging a.end {padding:0 !important;}
.paging a.end:before {content:'\f101'; font-family:'FontAwesome'; font-size:19px;}
.paging a:hover, .paging a:focus{text-decoration:none; color:#222;}
.paging a.this {display:inline-block; font-weight:500; color:#806349; border-bottom:2px #806349 solid;}
@media (max-width: 1024px){
	.paging {margin-bottom:20px;}
}




/* width */
.w10px{width:10px;} .w20px{width:20px;} .w30px{width:30px;} .w40px{width:40px;} .w50px{width:50px;} .w60px{width:60px;} .w70px{width:70px;} .w80px{width:80px;} .w90px{width:90px;} .w100px{width:100px;}
.w110px{width:110px;} .w120px{width:120px;} .w130px{width:130px;} .w140px{width:140px;} .w150px{width:150px;} .w160px{width:160px;} .w170px{width:170px;} .w180px{width:180px;} .w190px{width:190px;} .w200px{width:200px;}
.w210px{width:210px;} .w220px{width:220px;} .w230px{width:230px;} .w240px{width:240px;} .w250px{width:250px;} .w260px{width:260px;} .w270px{width:270px;} .w280px{width:280px;} .w290px{width:290px;} .w300px{width:300px;}
.w310px{width:310px;} .w320px{width:320px;} .w330px{width:330px;} .w340px{width:340px;} .w350px{width:350px;} .w360px{width:360px;} .w370px{width:370px;} .w380px{width:380px;} .w390px{width:390px;} .w400px{width:400px;}
.w410px{width:410px;} .w420px{width:420px;} .w430px{width:430px;} .w440px{width:440px;} .w450px{width:450px;} .w460px{width:460px;} .w470px{width:470px;} .w480px{width:480px;} .w490px{width:490px;} .w500px{width:500px;}

.w1{width:1%} .w2{width:2%} .w3{width:3%} .w4{width:4%} .w5{width:5%} .w6{width:6%} .w7{width:7%} .w8{width:8%} .w9{width:9%} .w10{width:10%}
.w11{width:11%} .w12{width:12%} .w13{width:13%} .w14{width:14%} .w15{width:15%} .w16{width:16%} .w17{width:17%} .w18{width:18%} .w19{width:19%} .w20{width:20%}
.w21{width:21%} .w22{width:22%} .w23{width:23%} .w24{width:24%} .w25{width:25%} .w26{width:26%} .w27{width:27%} .w28{width:28%} .w29{width:29%} .w30{width:30%}
.w31{width:31%} .w32{width:32%} .w33{width:33%} .w34{width:34%} .w35{width:35%} .w36{width:36%} .w37{width:37%} .w38{width:38%} .w39{width:39%} .w40{width:40%}
.w41{width:41%} .w42{width:42%} .w43{width:43%} .w44{width:44%} .w45{width:45%} .w46{width:46%} .w47{width:47%} .w48{width:48%} .w49{width:49%} .w50{width:50%}
.w51{width:51%} .w52{width:52%} .w53{width:53%} .w54{width:54%} .w55{width:55%} .w56{width:56%} .w57{width:57%} .w58{width:58%} .w59{width:59%} .w60{width:60%}
.w61{width:61%} .w62{width:62%} .w63{width:63%} .w64{width:64%} .w65{width:65%} .w66{width:66%} .w67{width:67%} .w68{width:68%} .w69{width:69%} .w70{width:70%}
.w71{width:71%} .w72{width:72%} .w73{width:73%} .w74{width:74%} .w75{width:75%} .w76{width:76%} .w77{width:77%} .w78{width:78%} .w79{width:79%} .w80{width:80%}
.w81{width:81%} .w82{width:82%} .w83{width:83%} .w84{width:84%} .w85{width:85%} .w86{width:86%} .w87{width:87%} .w88{width:88%} .w89{width:89%} .w90{width:90%}
.w91{width:91%} .w92{width:92%} .w93{width:93%} .w94{width:94%} .w95{width:95%} .w96{width:96%} .w97{width:97%} .w98{width:98%} .w99{width:99%} .w100{width:100%}

@media all and (max-width:768px){

.m-w15{width:15% !important;}
.m-w20{width:20% !important;}
.m-w25{width:25% !important;}
.m-w30{width:30% !important;}
.m-w40{width:40% !important;}
.m-w50{width:50% !important;}
.m-w60{width:60% !important;}
.m-w70{width:70% !important;}
.m-w80{width:80% !important;}
.m-w90{width:90% !important;}
.m-w100{width:100% !important;}

}