@charset "utf-8";

/* html5 reset add */
html, body, div, span, 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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; /* outline: 0; */}
a{margin: 0; padding: 0;}

/* default css */
html, body {height:100%;width:100%;margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {text-align:left;font-weight:normal;margin:0; padding:0; border:0;}
table {table-layout:fixed; margin:0; padding:0; border:0; border-collapse:collapse;}
td, th {empty-cells:show;}
form, img, fieldset, legend, input, select, textarea, div, p, dl, dt, dd, ul, ol, li, fieldset, blockquote, th, td, iframe {margin:0;padding:0;border:0;}
ul, ol, li {list-style:none;}
a:link, a:visited {text-decoration:none;}
a:hover, a:active {text-decoration:none;}
em, address {font-style:normal;}
textarea {overflow:auto;}
hr, legend, caption, .hide {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; font-size:0; line-height:0; margin-left:-55555px;}/* For Screen Reader */
caption, th {text-align:left;}
td {vertical-align:middle;}
img {vertical-align:top;}

@font-face{
	font-family:'Pretendard';
	font-style:normal;
	font-weight:100;
	src:url('/static/assets_rn/font/pretendard/Pretendard-Thin.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-style:normal;
	font-weight:200;
	src:url('/static/assets_rn/font/pretendard/Pretendard-Light.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-style:normal;
	font-weight:400;
	src:url('/static/assets_rn/font/pretendard/Pretendard-Regular.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-style:normal;
	font-weight:500;
	src:url('/static/assets_rn/font/pretendard/Pretendard-Medium.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-style:normal;
	font-weight:600;
	src:url('/static/assets_rn/font/pretendard/Pretendard-Bold.woff') format('woff');
}
@font-face{
	font-family:'Pretendard';
	font-style:normal;
	font-weight:800;
	src:url('/static/assets_rn/font/pretendard/Pretendard-Black.woff') format('woff');
}

/* @font-face {
	font-family: 'Noto Sans';
	src:
	url(font/NotoSansKR-Light.woff) format('woff'),
	url(font/NotoSansKR-Light.otf) format('opentype');
	font-style: normal;
	font-weight: normal;
} */

/*@font-face {*/
/*	font-family: 'Pretendard';*/
/*	src:*/
/*	url(font/NotoSansKR-Regular.woff) format('woff'),*/
/*	url(font/NotoSansKR-Regular.otf) format('opentype');*/
/*	font-style: normal;*/
/*	font-weight: normal;*/
/*}*/

/*@font-face {*/
/*	font-family: 'Pretendard';*/
/*	src:url(font/NotoSansKR-Bold-Hestia.woff) format('woff'),*/
/*	url(font/NotoSansKR-Bold-Hestia.eot) format('eot');*/
/*	font-style: normal;*/
/*	font-weight: normal;*/
/*}*/


/* @font-face {
	font-family: 'NanumGothic';
	src:url(font/NanumGothic-Regular.woff) format('woff'),
	url(font/NanumGothic-Regular.eot) format('eot');
	font-style: normal;
	font-weight: normal;
	unicode-range: U+000-5FF, U+AC00-D7AF; Latin + Korean
}

@font-face {
	font-family: 'NanumGothicExtraBold';
	src:url(font/NanumGothicExtraBold.woff) format('woff'),
	url(font/NanumGothicExtraBold.eot) format('eot');
	font-style: normal;
	font-weight: normal;
	unicode-range: U+000-5FF, U+AC00-D7AF; Latin + Korean
} */

/* Binggrae Bold*/
/*@font-face {*/
	/*font-family:'Binggrae-Bold';*/
	/*font-weight: normal;*/
	/*font-style: normal;*/
	/*src: url('font/BinggraeⅡ-Bold.eot');*/
	/*src: url('font/BinggraeⅡ-Bold.eot?#iefix') format('embedded-opentype'),*/
	/*url('font/BinggraeⅡ-Bold.woff') format('woff'),*/
	/*url('font/BinggraeⅡ-Bold.ttf') format('truetype');*/
/*}*/
/* Binggrae Bold*/
/*@font-face {*/
	/*font-family:'Binggrae';*/
	/*font-weight: normal;*/
	/*font-style: normal;*/
	/*src: url('font/BinggraeⅡ.eot');*/
	/*src: url('font/BinggraeⅡ.eot?#iefix') format('embedded-opentype'),*/
	/*url('font/BinggraeⅡ.woff') format('woff'),*/
	/*url('font/BinggraeⅡ.ttf') format('truetype');*/
/*}*/

* {margin:0px; padding:0px; font-family:'Pretendard'; /* font-smoothing:antialiased; */ -webkit-font-smoothing:antialiased}
ul li {list-style:none;}
a {text-decoration:none; color:#434748;}

/* skip */
.skip, .blind {position:absolute; left:-9999px; font-size:0; width:0; height:0; line-height:0; margin:0; padding:0; background:none;line-height: 0;border:none;}
#skip a {display:block; position:absolute; left:0%; top:-9999px; overflow:hidden; width:100%; background:black; color:#fff; font-size:12px; font-weight:bold; text-align:center; z-index:2222;}
#skip a:focus {position:absolute; top:0; padding:10px 0; z-index:99999;}


/* default color & font */
body{font-family: 'Pretendard'; color:#201f2d; font-size:16px; padding:0px; margin:0px; width:100%; height:100%;}
a:link, a:visited {color:#201f2d;font-family:'Pretendard', sans-serif; }
a:hover {color:#201f2d;font-family:'Pretendard', sans-serif; }
a.active {color:#201f2d;}
select, input, textarea {font-family:'Pretendard', sans-serif; color:#201f2d; font-size:13px; line-height:13px;}

.wrap {width:100%;height:100%;position:relative;}

/* default select/input type */
select.select_type {height:35px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; vertical-align:middle;}
input.input_type01 {height:35px; padding:0 10px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; font-size:13px; line-height:17px; }
input.input_type01w25 {height:35px; padding:0 3px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; font-size:13px; line-height:17px; width:25%}
input.input_type01w30 {height:35px; padding:0 3px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; font-size:13px; line-height:17px; width:30%}
input.input_type01w35 {height:35px; padding:0 3px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; font-size:13px; line-height:17px; width:35%}
input.input_type01w40 {height:35px; padding:0 3px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; font-size:13px; line-height:17px; width:40%}
input.input_type01w50 {height:35px; padding:0 3px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; font-size:13px; line-height:17px; width:50%}
input.input_type01w60 {height:35px; padding:0 3px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; font-size:13px; line-height:17px; width:60%}
input.input_type01w80 {height:35px; padding:0 3px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; font-size:13px; line-height:17px; width:80%}
input.input_type01w100 {height:35px; padding:0 3px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; font-size:13px; line-height:17px; width:100%}
input.input_type01w50px {height:35px; padding:0 3px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; font-size:13px; line-height:17px; width:50px}
input.input_type01w70px {height:35px; padding:0 3px; background:#fff; border:1px solid #d7d7d7; color:#201f2d; font-size:13px; line-height:17px; width:73px}

input.radio_type {width:12px; height:15px; vertical-align:top; *vertical-align:middle; margin-right:3px;}
input.checkbox_type {width:13px; height:13px; vertical-align:text-bottom;}
textarea {background:#fff; padding:5px; border:1px solid #e6e9ed; color:#201f2d; font-size:13px; width:100%; resize:none;}

/* skip */
.skip a {display:block; position:absolute; left:0; top:-9999px; overflow:hidden; width:100%; background:black; color:#fff; font-size:12px; font-weight:bold; text-align:center; z-index:2222;}
.skip a:focus {position:absolute; top:0; padding:10px 0; z-index:99999;}

/* 손가락 표시 */
.click {cursor:pointer;}


/* -- margin -- */
/* top */
.mt5  {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

/* bottom */
.mb5  {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb150 {margin-bottom:150px;}

/* left */
.ml0 {margin-left:0px;}
.ml5  {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml50 {margin-left:50px;}
.ml70 {margin-left:70px;}
.ml80 {margin-left:80px;}
.ml100 {margin-left:100px;}

/* right */
.mr5  {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr40 {margin-right:40px;}

.ms10 {margin-left:10px; margin-right:10px; font-size:14px;}

/* -- padding -- */
/* top */
.pt5  {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}

/* bottom */
.pb5  {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}

/* left */
.pl5  {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl40 {padding-left:40px;}
.pl50 {padding-left:50px;}
.pl70 {padding-left:70px;}
.pl100 {padding-left:100px;}
.pl120 {padding-left:120px;}
.pl140 {padding-left:140px;}
.pl160 {padding-left:160px;}
.pl180 {padding-left:180px;}

/* right */
.pr5  {padding-right:5px;}
.pr10 {padding-right:10px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}
.pr25 {padding-right:25px;}
.pr30 {padding-right:30px;}
.pr40 {padding-right:40px;}
.pr60 {padding-right:60px;}


/* -- vertical-align -- */
.vtaT {vertical-align:top;}
.vtaM {vertical-align:middle;}
.vtaB {vertical-align:bottom;}
.mg_a {margin:0 auto; }

/* -- text-align  -- */
.tar {text-align:right;}
.tac {text-align:center;}
.tal {text-align:left;}


/* -- line-height -- */
.lh18 {line-height:18px;}
.lh20 {line-height:20px;}
.lh22 {line-height:22px;}
.lh24 {line-height:24px;}
.lh26 {line-height:26px;}
.lh28 {line-height:28px;}
.lh30 {line-height:30px;}


/* -- font -- */
.fs8 {font-size:8px;}
.fs11 {font-size:11px;}
.fs12 {font-size:12px;}
.fs14 {font-size:14px; line-height:16px;}
.fs14_b {font-size:14px; line-height:16px; font-weight:bold;}
.fs15 {font-size:15px; line-height:16px;}
.fs15_b {font-size:15px; line-height:16px; font-weight:bold;}
.fs16 {font-size:16px; line-height:16px;}
.fs16_b {font-size:16px; line-height:16px; font-weight:bold;}
.fs18 {font-size:18px; line-height:18px;}
.fs18_b {font-size:18px; line-height:18px; font-weight:bold;}

.fwn {font-weight:normal;}
.fwb {font-weight:bold;}


/* -- letter-spacing --*/
.letspa {letter-spacing:-1px;}


/* -- border -- */
.bdrT {border-top:0px; }
.bdrL {border-left:0px; }
.bdrR {border-right:0px; }
.bdrB {border-bottom:0px; }

.b_none {background:none }

/* -- clear -- */
.clear:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clear {clear:both;}

/* -- float -- */
.fl_l {float:left;}
.fl_r {float:right;}
.ov_h {overflow:hidden;}

/* -- display -- */
.dpib {display:inline-block;}
.dpb {display:block;}
.dpn {display:none;}

.tdu {text-decoration:underline;}


@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}