@import url('../css/page_style.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@import url('https://fonts.googleapis.com/earlyaccess/hanna.css');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');


/* Reset */
html,
{width:100%;height:100%;}
html>/**/body { overflow-y:scroll; }

body{	 overflow-x:hidden;	}

img {-ms-interpolation-mode:bicubic; -ms-filter: blur(10px);}

body,div,table,th,td,h1,h2,h3,h4,h5,form,fieldset,p,button,legend,pre,code,input,textarea,button,select,ul,li,ol,dd,dl,dt{margin:0;padding:0; font-family:'Montserrat','Nanum Gothic',sans-serif; font-size:12px; color:#6c6c6c;}
img,fieldset,iframe,input,button{border:0 none;}
input,select,button{vertical-align:middle;}
li{list-style:none}
button {border:0 none;background-color:transparent;cursor:pointer}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
legend{*width:0; position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;}
caption {padding:0; height:0; font-size:0; line-height:0; overflow:hidden;}
hr{display:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
iframe{vertical-align:top}
a{color:#6c6c6c;text-decoration:none;}
a:hover{color:#6c6c6c;text-decoration:none;}

/* Common */
.blind,legend{display:block;overflow:hidden;position:absolute;top:-1000em;left:0}
.clear{clear:both}
.f_l{float:left}
.f_r{float:right}
.ir_pm {display:block;overflow:hidden;font-size:0px;line-height:0;text-indent:-9999px} /* 사용된 이미지내 의미있는 텍스트의 대체텍스트를 제공할때 */
.ir_wa {display:block;overflow:hidden;position:relative;z-index:-10;width:100%;height:100%} /* 중요한 이미지 대체텍스트로 이미지off시에도 대체 텍스트를 보여주고자 할때 */
.show{display:block}
.hide{display:none}
.tbl {border-collapse:collapse; border-spacing:0} /* 테이블 초기화 */



/* Font-style */
.font_10 { font-size:10px;}
.font_11 { font-size:11px; font-family:Tahoma, '돋움','맑은고딕',Dotum,'굴림',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_13 { font-size:13px;}
.font_14 { font-size:14px;}
.font_15 { font-size:15px;}
.font_16 { font-size:16px;}
.font_17 { font-size:17px;}
.font_18 { font-size:18px;}
.font_19 { font-size:19px;}
.font_20 { font-size:20px;}
.font_22 { font-size:22px;}
.font_24 { font-size:24px;}
.font_26 { font-size:26px;}

.font_dotum{font-family:'돋움','맑은고딕',Dotum,'굴림',tahoma,Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_tahoma{font-family:Tahoma, '돋움','맑은고딕',Dotum,'굴림',Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}
.font_gulim{font-family:'굴림','돋움','맑은고딕',Dotum,tahoma,Gulim,NanumGothic,Helvetica,'Apple SD Gothic Neo',Sans-serif;}

/* Wys2 reset */
#ct{word-break:break-all; text-align:justify;}
#ct table{border-collapse: separate}
#ct ul{padding-left:20px; display:block}
#ct ul li{display:list-item; list-style:disc}
#ct ol{padding-left:20px; display:block}
#ct ol li{list-style:decimal;  display:list-item}
#ct hr{display:block}
#ct p, #ct div{font-size:inherit}

.ct{word-break:break-all; text-align:justify;}
.ct table{border-collapse: separate}
.ct ul{padding-left:20px; display:block}
.ct ul li{display:list-item; list-style:disc}
.ct ol{padding-left:20px; display:block}
.ct ol li{list-style:decimal;  display:list-item}
.ct hr{display:block}
.ct p, .ct div{font-size:inherit}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url('/css/font/NotoSansKR-Thin.woff2') format('woff2'),url('/css/font/NotoSansKR-Thin.woff') format('woff'),url('/css/font/NotoSansKR-Thin.otf') format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url('/css/font/NotoSansKR-Light.woff2') format('woff2'),url('/css/font/NotoSansKR-Light.woff') format('woff'),url('/css/font/NotoSansKR-Light.otf') format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url('/css/font/NotoSansKR-Regular.woff2') format('woff2'),url('/css/font/NotoSansKR-Regular.woff') format('woff'),url('/css/font/NotoSansKR-Regular.otf') format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url('/css/font/NotoSansKR-Medium.woff2') format('woff2'),url('/css/font/NotoSansKR-Medium.woff') format('woff'),url('/css/font/NotoSansKR-Medium.otf') format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url('/css/font/NotoSansKR-Bold.woff2') format('woff2'),url('/css/font/NotoSansKR-Bold.woff') format('woff'),url('/css/font/NotoSansKR-Bold.otf') format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url('/css/font/NotoSansKR-Black.woff2') format('woff2'),url('/css/font/NotoSansKR-Black.woff') format('woff'),url('/css/font/NotoSansKR-Black.otf') format('opentype');}

/* Montserrat */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100;
src: url('/font/Montserrat-Thin.eot');
src: url('/font/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
url('/font/Montserrat-Thin.woff') format('woff'),
url('/font/Montserrat-Thin.ttf') format('truetype');
}

@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 200;
src: url('/font/Montserrat-ExtraLight.eot');
src: url('/font/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
url('/font/Montserrat-ExtraLight.woff') format('woff'),
url('/font/Montserrat-ExtraLight.ttf') format('truetype');
}

@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 300;
src: url('/font/Montserrat-Light.eot');
src: url('/font/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
url('/font/Montserrat-Light.woff') format('woff'),
url('/font/Montserrat-Light.ttf') format('truetype');
}

@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url('/font/Montserrat-Regular.eot');
src: url('/font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
url('/font/Montserrat-Regular.woff') format('woff'),
url('/font/Montserrat-Regular.ttf') format('truetype');
}

@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url('/font/Montserrat-Medium.eot');
src: url('/font/Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
url('/font/Montserrat-Medium.woff') format('woff'),
url('/font/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 600;
src: url('/font/Montserrat-SemiBold.eot');
src: url('/font/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
url('/font/Montserrat-SemiBold.woff') format('woff'),
url('/font/Montserrat-SemiBold.ttf') format('truetype');
}

@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url('/font/Montserrat-Bold.eot');
src: url('/font/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
url('/font/Montserrat-Bold.woff') format('woff'),
url('/font/Montserrat-Bold.ttf') format('truetype');
}

@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 800;
src: url('/font/Montserrat-ExtraBold.eot');
src: url('/font/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
url('/font/Montserrat-ExtraBold.woff') format('woff'),
url('/font/Montserrat-ExtraBold.ttf') format('truetype');
}

@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
src: url('/font/Montserrat-Black.eot');
src: url('/font/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
url('/font/Montserrat-Black.woff') format('woff'),
url('/font/Montserrat-Black.ttf') format('truetype');
}

/* SpoqaHanSans */
@font-face {
font-family: 'SpoqaHanSans';
font-style: normal;
font-weight: 100;
src: url('/font/SpoqaHanSans-Thin.eot');
src: url('/font/SpoqaHanSans-Thin.eot?#iefix') format('embedded-opentype'),
url('/font/SpoqaHanSans-Thin.woff') format('woff'),
url('/font/SpoqaHanSans-Thin.ttf') format('truetype');
}

@font-face {
font-family: 'SpoqaHanSans';
font-style: normal;
font-weight: 300;
src: url('/font/SpoqaHanSans-Light.eot');
src: url('/font/SpoqaHanSans-Light.eot?#iefix') format('embedded-opentype'),
url('/font/SpoqaHanSans-Light.woff') format('woff'),
url('/font/SpoqaHanSans-Light.ttf') format('truetype');
}

@font-face {
font-family: 'SpoqaHanSans';
font-style: normal;
font-weight: 400;
src: url('/font/SpoqaHanSans-Regular.eot');
src: url('/font/SpoqaHanSans-Regular.eot?#iefix') format('embedded-opentype'),
url('/font/SpoqaHanSans-Regular.woff') format('woff'),
url('/font/SpoqaHanSans-Regular.ttf') format('truetype');
}

@font-face {
font-family: 'SpoqaHanSans';
font-style: normal;
font-weight: 700;
src: url('/font/SpoqaHanSans-Bold.eot');
src: url('/font/SpoqaHanSans-Bold.eot?#iefix') format('embedded-opentype'),
url('/font/SpoqaHanSans-Bold.woff') format('woff'),
url('/font/SpoqaHanSans-Bold.ttf') format('truetype');
}



