@charset "utf-8";

/********************************* font ***************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
/* font-family: 'Nanum Gothic', serif, 'Arial'; */
/* @import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css); */
/* font-family: 'Nanum Square'; */

/* @import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900'); */
/*font-family: 'Lato', sans-serif;*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700,900&display=swap&subset=korean');
/*font-family: 'Noto Sans KR', sans-serif;*/

/* @import url('https://fonts.googleapis.com/css?family=Exo:400,700,900&display=swap'); */
/* font-family: 'Exo', sans-serif; */

/* @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700, 900&display=swap'); */
/* font-family: 'Montserrat', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Kanit:400,500,600,700&display=swap');
/* font-family: 'Kanit', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');
/* font-family: 'Roboto Condensed', sans-serif; */

@import url('https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600,700,900&display=swap&subset=latin-ext');
/* font-family: 'Titillium Web', sans-serif; */

@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
/* font-family: 'Nanum Myeongjo', serif; */



/* IE에서 display 인식이 잘 안되는 태그들 block 처리 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {display:block }

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;
	font-size: 100%;
	vertical-align: baseline;
}

body{font-family:'Kanit', 'Noto Sans KR', sans-serif; font-size:15px; color:#222; -webkit-text-size-adjust:none; word-break: keep-all;}

/*기본태그 정의*/
*{  max-height:1000000px; }
html, body{padding:0;margin:0;}

/* 모바일 가로모드 폰트확대 방지 */

/*safari input*/
input[type='button'],
input[type='submit'] { -webkit-appearance: none; -webkit-border-radius: 0; }

/* 리스트의 스타일 제거 */
ul, ol { list-style:none; }
i, em, address {display: inline-block; font-style:normal;}
button {padding: 0; background: none; border: none; cursor: pointer;}

/* 테이블 스타일 초기화 */
table {border-collapse:collapse; border-spacing:0; table-layout:fixed; width:100%;}

table th{word-wrap:break-word}
table td{word-wrap:break-word}

/* 이미지 및 필드셋에서 보더 표시 초기화 */
img, fieldset { border:none; }
img, object { vertical-align:top; max-width: 100%; }

/* 캡션 텍스트 정렬 초기화 */
caption {text-align:left;}

/* 폼태그의 초기화 */
select {font-size:12px; vertical-align:middle;color:#666; text-transform: none; }
input {font-size:12px; vertical-align:middle;color:#666;}
textarea {font-size:12px; color:#666;}
input[type="radio"]{vertical-align:middle;}

a:link{color:#666; text-decoration:none;}
a:active{color:#666; text-decoration:none;}
a:visited{color:#666; text-decoration:none;}
a:hover{color:#666; text-decoration:none;}

/* hidden 처리 */
hr,caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
.hide{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

/* 스킵네비게이션 */
#sknavi{position:absolute;}
#sknavi li a{position:absolute;top:-200px;}
#sknavi li a:focus,
#sknavi li a:active{top:1px;left:0;display:block;width:150px;color:#fff;height:18px;padding:5px 3px 0 3px;margin-left:5px;text-align:center;font-size:100%;font-weight:bold;background:#115aa3;text-decoration:none;}

/* 공통 */
.pl0{padding-left:0px !important;}
.pl05{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pr05{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pt05{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pb05{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.ml0{margin-left:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.mr05{margin-right:05px !important;}
.mr10{margin-right:10px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}

.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs25{font-size:25px;}
.fs30{font-size:30px;}
.fs35{font-size:35px;}
.fs40{font-size:40px;}

.W30{width:30px;}
.W40{width:40px;}
.W50{width:50px;}
.W60{width:60px;}
.W70{width:70px;}
.W80{width:80px;}
.W90{width:90px;}
.W100{width:100px;}
.W110{width:110px;}
.W120{width:120px;}
.W130{width:130px;}
.W140{width:140px;}
.W150{width:150px;}
.W160{width:160px;}
.W170{width:170px;}
.W180{width:180px;}
.W190{width:190px;}
.W200{width:200px;}
.W210{width:210px;}
.W220{width:220px;}
.W230{width:230px;}
.W240{width:240px;}
.W250{width:250px;}
.W260{width:260px;}
.W270{width:270px;}
.W280{width:280px;}
.W290{width:290px;}
.W300{width:300px;}