@charset "utf-8";
/* CSS Document */

/* ==================================================
	웹 폰트
================================================== */

@font-face {
    font-family:'NotoSans Light';
    font-style:normal;
    font-weight:200;
    src:url(/fonts/notokr-light.eot);
    src: local(☺),
    url(/fonts/notokr-light.eot?#iefix) format('embedded-opentype'),
    url(/fonts/notokr-light.woff) format('woff');
}
@font-face {
    font-family:'NotoSans DemiLight';
    font-style:normal;
    font-weight:400;
    src:url(/fonts/NotoSansCJKkr-DemiLight.eot);
    src: local(☺),
    url(/fonts/NotoSansCJKkr-DemiLight.eot?#iefix) format('embedded-opentype'),
    url(/fonts/NotoSansCJKkr-DemiLight.woff) format('woff');
}
@font-face {
    font-family:'NotoSans Regular';
    font-style:normal;
    font-weight:600;
    src:url(/resources/font/NotoSans-Regular.eot);
    src: local(☺),
    url(/fonts/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
    url(/fonts/NotoSans-Regular.woff) format('woff');
}
@font-face {
    font-family:'NotoSans Light';
    font-style:bold;
    font-weight:800;
    src:url(/fonts/notokr-bold.eot);
    src: local(☺),
    url(/fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
    url(/fonts/notokr-bold.woff) format('woff');
}


html {
	font-family:'NotoSans Light','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo','돋움',dotum, sans-serif; color: #1e1e1e;text-decoration:none
}

/* FONT SMOOTHING */
body {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

input, select, textarea { vertical-align:middle; resize:none; position:relative; }

/* input */
input[type="submit"] {cursor:pointer;}
input[type="radio"], input[type="checkbox"] {width:16px; height:16px; vertical-align:middle;}
textarea {padding:3px; border:1px solid #c7c7c7; vertical-align:middle;}
textarea.gray {padding:3px; border:1px solid #c7c7c7; vertical-align:middle; background:#f0f0f0}
select {padding:6px 6px 5px 6px; border:1px solid #c7c7c7;}


/* ==================================================
	태그 스타일
================================================== */

table {float:left; position:relative; width:100%; margin:3px auto; font-size:12px; }
.t_list { padding:15px; border-top:4px solid #000; border-bottom:1px solid #000; }
.t_list th {font-weight:500; color:#393939; white-space:nowrap; background-color:#f2f2f2; }
.t_list td {padding:14px 10px; border-bottom:1px solid #bababa; background-color:#ffffff; text-align:left;}
.date {padding:14px 10px; border-bottom:1px solid #bababa; background-color:#ffffff;}
.t_list th {padding:14px 0px; text-align:center;}
.t_list .tit {text-align:left; max-width:150px;}
.t_list tbody th {border-top:1px solid #cdcdcd; font-weight:700; color:#393939; background:#f6f3ec;}
.t_list tr th {border-bottom:1px solid #000000; }
.t_list tbody tr:last-child {border-bottom:1px solid #000000;}

table {float:left; position:relative; width:100%; margin:0px auto; font-size:13px; }
.t_list_sub { margin-top:-8px; margin-bottom:10px; }
.t_list_sub td { border-bottom:0px;  }

.t_list .eva_cnt { text-align:left; }
.t_list .eva_cnt span {display:block; padding-left:23px;}
.t_list .eva_cnt span.up {margin:0 0 2px; background:url("/images/s_up.png") no-repeat left center;}
.t_list .eva_cnt span.down {background:url("/images/s_down.png") no-repeat left center;}

.t_list .tit .con {position:relative; display:block; }
.t_list .tit .con.re01 {padding-left:41px;}
.t_list .tit .con.re02 {padding-left:66px;}
.t_list .tit .con.re03 {padding-left:90px;}
.t_list .tit .con.re04 {padding-left:115px;}
.t_list .tit .con.re05 {padding-left:140px;}
.t_list .re_box {position:relative; left:0; top:0; }
.t_list .re_box span {display:inline-block; padding-left:20px;}
.t_list .com_tr td {border-top:none;}
.t_list .re_input {margin:-5px 0 0;}


.table { width: 100%; height: 100%; display: table; }

.cell { text-align: center; vertical-align: middle; display: table-cell; }
.scroll-x { -ms-overflow-x: scroll; }
.scroll-y { -ms-overflow-y: scroll; }
.scrollHidden { overflow: hidden; }
.light { font-weight: 100 !important; }
.light.uppercase { font-weight: 100 !important; }
.normal { font-weight: normal !important; }
.normal.uppercase { font-weight: normal !important; }
.italic { font-style: italic !important; }
.bold { font-weight: bold !important; }
.top { vertical-align: top !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }
.block { display: block !important; }
.inlineBlock { display: inline-block !important; }
.inline { display: inline !important; }
.relative { position: relative !important; }
.absolute { position: absolute !important; }
.fixed { position: fixed !important; }
.wide { width: 100% !important; }
.nowrap { white-space: nowrap; }
.crop { margin: 0px !important; }
.cropBottom { margin-bottom: 0px !important; }
.cropTop { margin-top: 0px !important; }
.cropLeft { -left: 0px !important; }
.trim { margin-left: 0px !important; }
.cropRight { margin-right: 0px !important; }
.trim { margin-right: 0px !important; }
.opacity-0 { opacity: 0.1 !important; }
.opacity-1 { opacity: 0.1 !important; }
.opacity-2 { opacity: 0.2 !important; }
.opacity-3 { opacity: 0.3 !important; }
.opacity-4 { opacity: 0.4 !important; }
.opacity-5 { opacity: 0.5 !important; }
.opacity-6 { opacity: 0.6 !important; }
.opacity-7 { opacity: 0.7 !important; }
.opacity-8 { opacity: 0.8 !important; }
.opacity-9 { opacity: 0.9 !important; }
.opaque { opacity: 1 !important; }
.height-0 { height: 0px !important; }
.height-1 { height: 10vh !important; }
.height-2 { height: 20vh !important; }
.height-3 { height: 30vh !important; }
.height-4 { height: 40vh !important; }
.height-5 { height: 50vh !important; }
.height-6 { height: 60vh !important; }
.height-7 { height: 70vh !important; }
.height-8 { height: 80vh !important; }
.height-9 { height: 90vh !important; }
.height-10 { height: 100vh !important; }
.padding-top-0 { padding-top: 0px !important; }
.padding-right-0 { padding-right: 10px !important; }
.padding-top-1 { padding-top: 10px !important; }
.padding-right-1 { padding-right: 10px !important; }
.padding-top-2 { padding-top: 20px !important; }
.padding-right-2 { padding-right: 20px !important; }
.padding-top-3 { padding-top: 30px !important; }
.padding-right-3 { padding-right: 30px !important; }
.padding-top-4 { padding-top: 40px !important; }
.padding-right-4 { padding-right: 40px !important; }
.padding-top-5 { padding-top: 50px !important; }
.padding-right-5 { padding-right: 50px !important; }
.padding-top-6 { padding-top: 60px !important; }
.padding-right-6 { padding-right: 60px !important; }
.padding-top-7 { padding-top: 70px !important; }
.padding-right-7 { padding-right: 70px !important; }
.padding-top-8 { padding-top: 80px !important; }
.padding-right-8 { padding-right: 80px !important; }
.padding-top-9 { padding-top: 90px !important; }
.padding-right-9 { padding-right: 90px !important; }
.padding-top-10 { padding-top: 100px !important; }
.padding-right-10 { padding-right: 100px !important; }
.padding-bottom-0 { padding-bottom: 10px !important; }
.padding-left-0 { padding-left: 0px !important; }
.padding-bottom-1 { padding-bottom: 10px !important; }
.padding-left-1 { padding-left: 10px !important; }
.padding-bottom-2 { padding-bottom: 20px !important; }
.padding-left-2 { padding-left: 20px !important; }
.padding-bottom-3 { padding-bottom: 30px !important; }
.padding-left-3 { padding-left: 30px !important; }
.padding-bottom-4 { padding-bottom: 40px !important; }
.padding-left-4 { padding-left: 40px !important; }
.padding-bottom-5 { padding-bottom: 50px !important; }
.padding-left-5 { padding-left: 50px !important; }
.padding-bottom-6 { padding-bottom: 60px !important; }
.padding-left-6 { padding-left: 60px !important; }
.padding-bottom-7 { padding-bottom: 70px !important; }
.padding-left-7 { padding-left: 70px !important; }
.padding-bottom-8 { padding-bottom: 80px !important; }
.padding-left-8 { padding-left: 80px !important; }
.padding-bottom-9 { padding-bottom: 90px !important; }
.padding-left-9 { padding-left: 90px !important; }
.padding-bottom-10 { padding-bottom: 100px !important; }
.padding-left-10 { padding-left: 100px !important; }
.margin-top-0 { margin-top: 0px !important; }
.margin-right-0 { margin-right: 10px !important; }
.margin-top-1 { margin-top: 30px !important; }
.margin-right-1 { margin-right: 10px !important; }
.margin-top-2 { margin-top: 20px !important; }
.margin-right-2 { margin-right: 20px !important; }
.margin-top-3 { margin-top: 30px !important; }
.margin-right-3 { margin-right: 30px !important; }
.margin-top-4 { margin-top: 40px !important; }
.margin-right-4 { margin-right: 40px !important; }
.margin-top-5 { margin-top: 50px !important; }
.margin-right-5 { margin-right: 50px !important; }
.margin-top-6 { margin-top: 60px !important; } 
.margin-right-6 { margin-right: 60px !important; }
.margin-top-7 { margin-top: 70px !important; }
.margin-right-7 { margin-right: 70px !important; }
.margin-top-8 { margin-top: 80px !important; }
.margin-right-8 { margin-right: 80px !important; }
.margin-top-9 { margin-top: 90px !important; }
.margin-right-9 { margin-right: 90px !important; }
.margin-top-10 { margin-top: 100px !important; }
.margin-right-10 { margin-right: 100px !important; }
.margin-bottom-0 { margin-bottom: 10px !important; }
.margin-left-0 { margin-left: 0px !important; }
.margin-bottom-1 { margin-bottom: 10px !important; }
.margin-left-1 { margin-left: 10px !important; }
.margin-bottom-2 { margin-bottom: 20px !important; }
.margin-left-2 { margin-left: 20px !important; }
.margin-bottom-3 { margin-bottom: 30px !important; }
.margin-left-3 { margin-left: 30px !important; }
.margin-bottom-4 { margin-bottom: 40px !important; }
.margin-left-4 { margin-left: 40px !important; }
.margin-bottom-5 { margin-bottom: 50px !important; }
.margin-left-5 { margin-left: 50px !important; }
.margin-bottom-6 { margin-bottom: 60px !important; }
.margin-left-6 { margin-left: 60px !important; }
.margin-bottom-7 { margin-bottom: 70px !important; }
.margin-left-7 { margin-left: 70px !important; }
.margin-bottom-8 { margin-bottom: 80px !important; }
.margin-left-8 { margin-left: 80px !important; }
.margin-bottom-9 { margin-bottom: 90px !important; }
.margin-left-9 { margin-left: 90px !important; }
.margin-bottom-10 { margin-bottom: 100px !important; }
.margin-left-10 { margin-left: 100px !important; }
.space { padding: 0px 20px; }
.pointer { cursor: pointer; }
.disableClick { pointer-events: none; }
.cover { background-size: cover !important; }
.noSelect { -ms-user-select: none !important; -webkit-user-select: none; -moz-user-select: none; user-select: none; 
	-webkit-touch-callout: none; -khtml-user-select: none;
}
.noSelect * { -ms-user-select: none !important; -webkit-user-select: none; -moz-user-select: none; user-select: none; 
	-webkit-touch-callout: none; -khtml-user-select: none;
}
.selectable { -ms-user-select: auto !important; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; 
	-webkit-touch-callout: auto; -khtml-user-select: auto;
}
.selectable * { -ms-user-select: auto !important; -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; 
	-webkit-touch-callout: auto; -khtml-user-select: auto;
}
.clearBoth::after { clear: both; display: table; content: ""; }

h2 {margin:0px auto; margin-bottom:10px; color:#222; font-size: 36px; letter-spacing:-1px; }
h2.small { font-size: 80px; letter-spacing:-1px; }

h3 { font-size: 26px; letter-spacing:0; font-weight:bold; }
h4 { font-size: 22px; letter-spacing:-1px; line-height:26px; color:#1b222a; font-weight:400; }
dt{ font-size: 30px; color:#333; margin-bottom:10px; }
	
dd { opacity:1; text-align:justify; letter-spacing:-1px; padding:0 10px; line-height:150%; color:#333; }

p + p { margin-top: -20px; }
p + h2 { margin-top: 40px; }
p + .h2 { margin-top: 40px; }

.txt_thin { }
.txt_light { }
.txt_bold { }
.fn12 { font-size:12px; letter-spacing: 0px; line-height:20px; opacity:1; color:#222; }
.fn14 { font-size:14px; letter-spacing: 0px; line-height:20px; opacity:1; color:#222; }
.fn16 { font-size:16px; letter-spacing: 0px; line-height:20px; opacity:1; color:#222; }
.fn20 { font-size:20px; letter-spacing: -1px; line-height:24px; opacity:0.8; }
.fn30 { font-size:30px; letter-spacing: -2px;  line-height:36px; }
.fn30 strong, .fn65 strong{  }
.fn35 { font-size:35px; letter-spacing: -2px; }
.fn56 { font-size:56px; letter-spacing: 0; color:#222; font-weight:700; line-height:60px; }
.fn65 { font-size:65px; letter-spacing: -4px; line-height:60px; }
p.title { line-height: 1.2; font-size: 100px; letter-spacing:-5px; margin-bottom: 50px; }
p.title1 { line-height: 1.2; font-size:40px; letter-spacing:-1px; }
p.small { line-height: 1.2272; font-size: 16px; margin-bottom: 20px; color:#808181; letter-spacing:-1px; }
p.small strong, p.middle strong { }

small { line-height: 1.3; font-size: 17px; }
small.small { line-height: 1.28; font-size: 14px; }
.uppercase { text-transform: uppercase !important; text-indent: 0.1em !important; letter-spacing: 0.15em !important; font-weight: 700 !important; }

/* =================== */
/* Media max-width:768 */
/* =================== */
@media screen and (max-width:768px) {
	h2 { font-size: 50px; margin:10px 0; }
	h2.small { font-size: 50px; }
	h3 { font-size: 20px; margin:0; padding:0; }
	dt { font-size: 20px; }
	dd { font-size:15px; }
	p span { display:block; }
	p.small { line-height: 1.2; font-size: 14px; margin-bottom: 20px; color:#808181; letter-spacing:-0.5px; padding:0 5%; }
	p.middle { line-height: 1; font-size: 20px; margin-bottom: 20px; letter-spacing:-1px; }
	p.title { line-height: 1.2; font-size: 80px; letter-spacing:-3px; margin-bottom: 30px; }
	.fn20 { font-size:16px; letter-spacing: -1px; line-height:20px; }
	.fn30 { font-size:26px; letter-spacing: -2px; line-height:30px; }
	.fn35 { font-size:28px; letter-spacing: -1px; }
	.fn56 { font-size:36px; letter-spacing: 0px; line-height:140%; }
	.br480 { display:inline-block !important }
	.padding-top-3 { padding-top:15px !important; }
	.margin-top-3 { margin-top:15px !important; }
	.margin-top-5 { margin-top:25px !important; }
	.margin-top-6 { margin-top:30px !important; }
	.equalElement dd br { display:inherit !important; }
}
/* =================== */
/* Media max-width:768 */
/* =================== */

/* =================== */
/* Media max-width:480 */
/* =================== */
@media screen and (max-width:480px) {
	.br480{ display:block !important; }
	h2 { font-size: 30px; }
	h2.small { font-size: 30px; }
	p.title1 { font-size:25px; }
	p.small { line-height: 1.2; font-size: 12px; margin-bottom: 10px; color:#808181; letter-spacing:-0.5px; padding:0 5%; }
	p.middle { line-height: 1; font-size: 16px; margin-bottom: 10px; letter-spacing:-1px; }
	p.title { line-height: 1.2; font-size: 60px; letter-spacing:-3px; margin-bottom: 30px; }
	p.subtitle { line-height: 1.2; font-size:20px; letter-spacing:-1px; }
	.fn35 { font-size:20px; letter-spacing: -1px; }
	.fn30 { font-size:20px; letter-spacing: -1px; line-height:24px; }
	.fn20 { font-size:14px; letter-spacing: -0.5px; line-height:18px; }
	.fn56 { font-size:26px; letter-spacing: -2px; line-height:36px; }
}
/* =================== */
/* Media max-width:480 */
/* =================== */