@charset "UTF-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/*****************************************************************************************************************************************
생성일: 2018/07/31
수정일: 
수정자: hello@dx2.kr
*****************************************************************************************************************************************/

@font-face{font-family:NSL; 
           src:url(../fonts/NanumSquareL.otf), 
               url(../fonts/NanumSquareL.eot), 
               url(../fonts/NanumSquareL.woff);}
@font-face{font-family:NSR; 
           src:url(../fonts/NanumSquareR.otf), 
               url(../fonts/NanumSquareR.eot), 
               url(../fonts/NanumSquareR.woff);}
@font-face{font-family:NSB; 
           src:url(../fonts/NanumSquareB.otf), 
               url(../fonts/NanumSquareB.eot), 
               url(../fonts/NanumSquareB.woff);}
@font-face{font-family:NSEB; 
           src:url(../fonts/NanumSquareEB.otf), 
               url(../fonts/NanumSquareEB.eot), 
               url(../fonts/NanumSquareEB.woff);}

/* css reset */
html, body { margin:0; height:100%; padding: 0; font-family: NSEB;  font-weight:400; font-size:13px; color:#3c3c3c; line-height:1.3; -webkit-font-smoothing: antialiased;} /* 나눔고딕 기본값을 초기값으로 지정 */
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, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline;}
a:link, a:hover, a:visited { text-decoration:none;}
h1, h2, h3, h4, h5, h6 { font-weight:normal;}
ol, ul { list-style:none;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block;}
ol, ul { list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {  content:none;}
table { border-collapse:collapse; border-spacing:0;word-break:break-all;}
button { border:0; box-sizing:border-box;}
.clear { clear:both; }


.inputText, .selectText, .textArea, .inputFile { font-size:14px; border:none;  font-weight:400; color:#999; box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; padding:5px; display:inline-block; } /* 익스 9부터 적용가능, 아이폰 둥근 모서리 설정빼기 */


 /*scrollbar*/
::-webkit-scrollbar {width: 8px; height: 8px;  }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: #fff; }
::-webkit-scrollbar-track {background: #fff;  }
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(25,25,25,0.5); -webkit-border-radius: 8px; border-radius: 8px; }


.alignL {text-align:left !important;}
.alignC {text-align:center !important;}
.alignR {text-align:right !important;}

.fl {float:left !important;}
.fr {float:right !important;}
.fn {float:none !important;}
.clear {clear:both !important;}

.wrap100p { width:100%; margin:0 auto; min-width:400px;}
.wrap90p { width:90%; margin:0 auto;}
.wrap80p { width:80%; margin:0 auto;}
.wrap70p { width:70%; margin:0 auto; }
.wrap60p { width:60%; margin:0 auto; }
.wrap60p { width:60%; margin:0 auto; }
.wrap50p { width:50%; margin:0 auto; }
.wrap600 { width:440px; margin:0 auto; }
.wrap_contents { width:1100px; margin:0 auto; min-width:400px; }
.wrap_gnb { width:1500px; margin:0 auto; }

.width100p { width:100% !important; }
.width90p { width:90% !important; }
.width80p { width:80% !important; }
.width70p { width:70% !important; }
.width60p { width:60% !important; }
.width50p { width:50% !important; }
.width40p { width:40% !important; }
.width30p { width:30% !important; }
.width20p { width:30% !important; }
.width10p { width:30% !important; }
.widthauto { width:auto !important; }

/* 가로사이즈 (테이블 col class로 사용 필요할 경우 class 추가) */ 
.width50 { width:50px !important;}
.width60 { width:60px !important;}
.width70 { width:70px !important;}
.width80 { width:80px !important;}
.width90 { width:90px !important;}
.width100 { width:100px !important;}
.width110 { width:110px !important;}
.width120 { width:120px !important;}
.width130 { width:130px !important;}
.width140 { width:140px !important;}
.width150 { width:150px !important;}
.width160 { width:160px !important;}
.width170 { width:170px !important;}
.width180 { width:180px !important;}
.width190 { width:190px !important;}
.width200 { width:200px !important;}
.width210 { width:210px !important;}
.width220 { width:220px !important;}
.width230 { width:230px !important;}
.width240 { width:240px !important;}
.width250 { width:250px !important;}
.width260 { width:260px !important;}
.width270 { width:270px !important;}
.width280 { width:280px !important;}
.width290 { width:290px !important;}
.width300 { width:300px !important;}
.width310 { width:310px !important;}
.width320 { width:320px !important;}
.width330 { width:330px !important;}
.width340 { width:340px !important;}
.width350 { width:350px !important;}
.width360 { width:360px !important;}
.width370 { width:370px !important;}
.width380 { width:380px !important;}
.width390 { width:390px !important;}
.width400 { width:400px !important;}
.width500 { width:500px !important;}
.width600 { width:600px !important; }
.width700 { width:700px !important;}
.width800 { width:800px !important;}


.height100 { height:100px; }
.height50 { height:50px; }


/*공간주기*/
.space5 { clear:both; width:100%; height:5px; }
.space10 { clear:both; width:100%; height:10px; }
.space20 { clear:both; width:100%; height:20px; }
.space30 { clear:both; width:100%; height:30px; }
.space40 { clear:both; width:100%; height:40px; }
.space50 { clear:both; width:100%; height:50px; }
.space60 { clear:both; width:100%; height:60px; }
.space70 { clear:both; width:100%; height:70px; }
.space80 { clear:both; width:100%; height:80px; }


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

.pageSize { width:100%; }

}