@charset "UTF-8";
@import url('slick.css'); 

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: local(@),url(font/notokr-bold.eot);
	src: url(font/notokr-bold.eot?#iefix) format('embedded-opentype'),
		 url(font/notokr-bold.woff) format('woff'),
		 url(font/notokr-bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: local(@),url(font/NotoSansKR-Medium.eot);
	src: url(font/NotoSansKR-Medium.eot?#iefix) format('embedded-opentype'),
		 url(font/NotoSansKR-Medium.woff) format('woff'),
		 url(font/NotoSansKR-Medium.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: local(@),url(font/notokr-regular.eot);
	src: url(font/notokr-regular.eot?#iefix) format('embedded-opentype'),
		 url(font/notokr-regular.woff) format('woff'),
		 url(font/notokr-regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: local(@),url(font/notokr-demilight.eot);
	src: url(font/notokr-demilight.eot?#iefix) format('embedded-opentype'),
		 url(font/notokr-demilight.woff) format('woff'),
		 url(font/notokr-demilight.ttf) format('truetype');
}

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

@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: 300;
	src: local(@),url(font/NanumSquareL.eot);
	src: url(font/NanumSquareL.eot?#iefix) format('embedded-opentype'),
		 url(font/NanumSquareL.woff) format('woff'),
		 url(font/NanumSquareL.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumSquare';
	font-style: normal;
	font-weight: bold;
	src: local(@),url(font/NanumSquareEB.eot);
	src: url(font/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
		 url(font/NanumSquareEB.woff) format('woff'),
		 url(font/NanumSquareEB.ttf) format('truetype');
}


/* Tag Standard ***********************************************************************/

/* reset */
html,body,div,span,object,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,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0; font-family:'Noto Sans KR'; background:transparent;-webkit-text-size-adjust:none; letter-spacing:-0.05em; word-break: keep-all; word-wrap: break-word; box-sizing:border-box}
*{margin:0; padding:0;}
html {margin:0; padding:0;}
body {margin:0; padding:0; height:100%; font-family:'Noto Sans KR'; font-weight:400; font-size:16px; color:#000; line-height:1.6; }
label {vertical-align:middle; font-weight:500}
address, em {font-style:normal;}
i, em, u, cite {font-style:normal}
strong, b, th {font-weight:500;}
fieldset, img {border:0; vertical-align:middle;}
img {max-width:100%; width:auto}
caption, legend {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
ul,ol,dl,dt,dd,li {list-style:none}
h1, h2, h3, h4, h5, h6 {font-weight:500; font-size:100%;}
input, textarea, select {border:0; color:#000; vertical-align:middle; letter-spacing: -0.05em}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display:block;}

a {font-size:16px; font-family:'Noto Sans KR', sans-serif; font-weight:400; color:#000; text-decoration:none;}
a:hover {text-decoration:none;}
input, select, textarea {font-family:'Noto Sans KR', sans-serif; color:#000; vertical-align:middle;}
button {cursor:pointer; outline:none;*overflow:visible; margin:0; padding:0; border:none; background-color:transparent; font-family: 'Noto Sans KR', sans-serif; vertical-align:middle;}
button::-moz-focus-inner {margin:0;padding:0;border:0}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer; border:0}
button:focus {outline: 1px dotted #000}
figcaption {position:absolute; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
legend {overflow:hidden; width:0; height:0; font-size:0; line-height:0;}


select {position:relative; padding:0 25px 0 10px; min-width:100px; height:34px; margin:0; appearance: none; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none;border:1px solid #dbdbdb; font-size:16px; line-height:32px; word-wrap:break-word; color:#000; background:#fff url('../images/common/bg_select.png') no-repeat right 10px top 13px}
select::-ms-expand { display: none; }

textarea {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; height:112px; padding:8px; border:1px solid #dbdbdb; font-size:16px; line-height:26px; overflow-y:auto; resize:none; color:#000;}

table {width:100%; table-layout:fixed}
table th {font-family:'Noto Sans KR', sans-serif; font-weight:400; vertical-align:middle;}
table td {font-family:'Noto Sans KR', sans-serif; font-weight:300; vertical-align:middle;}
table,th,td {border-spacing:0; border-collapse:collapse; *border-collapse:collapse; word-wrap: break-word;}

input {padding:5px 10px; margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; line-height:22px; font-family:'Noto Sans KR', sans-serif; border:1px solid #dbdbdb; color:#000; -webkit-appearance:none; -webkit-border-radius:0; font-size:16px} 
input[type="file"] {display:inline-block; height:38px; border:1px solid #000; line-height:38px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} /* input number 기본 버튼 reset*/
input[type="text"]::-ms-clear {display: none;}
input[disabled],
input[readonly],
textarea[readonly] {background:#fafafa}


*::-webkit-input-placeholder {color:#888 !important}
*:-moz-placeholder {color:#888 !important} 
*::-moz-placeholder {color:#888 !important}
*:-ms-input-placeholder {color:#888 !important}

.wrap {width:100%; min-width:1200px;}
.container { padding-top:134px; padding-bottom:60px; background:#f5f5f5}
.container:after {content:''; width:100%; height:789px;}
.ly_inner {width:1200px; margin:0 auto; min-width:1200px}
.header {position:fixed; top:0; left:0; width:100%; z-index:99; background:#f5f5f5;padding-bottom:30px}
.header.fixed {background:rgba(255,255,255,0.95); transition:all ease 0.3s 0s}
/* .header.fixed + .container {} */
.header .ly_inner:after {content:""; display:block; clear:both}
.header .logo_box {float:left; padding-top:50px}
.top_link_menu {float:left; margin-left:150px}
.top_link_menu ul:after {content:""; display:block; clear:both}
.top_link_menu li {float:left; width:200px; text-align: center;}
.top_link_menu a {position:relative; display:inline-block;padding-top:72px; font-size:20px; font-weight:bold; font-family: 'NanumSquare';}
.top_link_menu a:hover,
.top_link_menu a:focus,
.top_link_menu li.active a {color:#e3001a}
.top_link_menu .line {position:absolute; bottom:35px; left:50%; width:1px; height:1px; background:#fff}
.top_link_menu li.active .line {height:67px; background:#eb0029; transition:all ease 0.3s 0s}

.info_txt_wrap {margin:40px 0 60px; text-align:center}
.info_txt_wrap .txt_img {margin-bottom:20px}

.section{text-align:center; overflow:hidden;}
.section:after {content:""; display:block; clear:both}
.section + .section {margin-top:150px}
.section:last-child {margin-bottom:180px}
.section .history_list:first-child .history_img {margin-top:70px}

.history_wrap {position:relative;}
.history_wrap:before {content:""; position:absolute; top:0; left:50%; display:block; width:1px; height:100%; background:#aaaaaa}
.history_inner {position:relative; padding:40px 0;}
.history_inner:before {content:""; position:absolute; top:0; left:50%; display:block; width:11px; height:11px; margin-left:-5px; background:#aaaaaa; border-radius:50%}
.history_inner:after {content:""; position:absolute; bottom:0; left:50%; display:block; width:11px; height:11px; margin-left:-5px; background:#aaaaaa; border-radius:50%}

.history_list { margin-top:120px;  text-align:right}
.history_list:first-child {margin-top:0}
.history_list.right_box {text-align:left;}
.history_list.right_box .history_txt {float:right; padding:0 0 0 24px}
.history_list:after {content:""; display:block; clear:both}
.history_list .history_txt {float:left; width:50%; padding-right:24px;}
.history_list .history_txt .txt_box + .txt_box {margin-top:37px}
.history_list .history_img {float:left; width:50%;}


.history_list .date_box {font-size:70px; margin-bottom:25px}
.history_list .date_box strong {display:block; margin-bottom:30px; line-height:1;}
.history_list .year_txt { color:#eb0029; font-family: 'NanumSquare'; font-weight:bold}
.history_list .month_txt {position:relative; color:#575757; font-family: 'NanumSquare'; font-weight:300}
.history_list .month_txt:after {content:""; position:absolute; display:block; right:-26px; top:50%; width:3px; height:35px; margin-top:-17px; background:#8f9092}
.history_list .month_txt:before {content:""; position:absolute; display:block; right:-21px; top:50%; width:6px; height:11px; margin-top:-6px; background:url('../images/bg_history_arrow.png') no-repeat 0 0;}
.history_list .month_txt .sm_txt {font-size:30px;  font-family: 'NanumSquare';}
.history_list .slick-slide img {display:inline-block}
.history_list .img_list {text-align:right}

.history_list.right_box .month_txt:after {right:inherit; left:-25px; }
.history_list.right_box .month_txt:before {right:inherit; left:-20px; background-position:-11px 0}
/* .history_list.right_box .img_list {text-align:left} */
.history_list.right_box .history_img {padding-right:25px}

.history_list .list_tit {margin-bottom:4px; font-size:22px; font-weight:bold}
.bullet li p {display:inline-block; text-indent:-8px; margin-left:8px}


#arrow_box {position:fixed; z-index:999; bottom:50px; right:50px}
.moving { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;}
.moving2 { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;}
.moving3 { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.moving4 { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}


#top_link { z-index:999;}
#top_link ul:after {content:""; display:block; clear:both}
#top_link li {float:left;margin:20px 0 0 0}
#top_link li a {width:19px; height:19px; display:inline-block; background:url('../images/main/mouse_off.png') no-repeat center top; font-size:0px; vertical-align:top}
#top_link li.first a {background:url('../images/main/mouse_off_first.png') no-repeat center top}
#top_link li.last a {background:url('../images/main/mouse_off_last.png') no-repeat center top}
#top_link li a span {opacity:0 }
#top_link li a.active span {width:19px; height:19px; display:inline-block; background:url('../images/main/mouse_on.png') no-repeat center top;  opacity:1}



/* footer */
.footer {min-width:1200px; padding:35px 0 40px; background:#404040}
.footer > .ly_inner {position:relative;}
.footer > .ly_inner:after {content:""; display:block; clear:both}
.footer .foot_logo {float:left;}
.footer .address {float:left; margin-top:15px; margin-left:45px; font-size:12px; opacity:0.4; color:#fff}


.wrap.type2 .container {background:#fff}
.wrap.type2 .header {background:#fff}
.wrap.type2 .header.fixed {background:rgba(255,255,255,0.95); box-shadow:0 -11px 15px; -moz-box-shadow:0 -11px 15px; -webkit-box-shadow:0 -11px 15px}
.top_txt_wrap {height:220px; text-align:center; background:url('../images/bg_top_txt.jpg') no-repeat 0 0}
.top_txt_wrap .txt_img {margin-bottom:20px; padding-top:55px;}
.t_year_txt {display:inline-block; width:142px; height:142px; line-height:142px; color:#fff; font-size:50px; font-family:'NanumSquare'; background:#eb0029; font-weight:bold;
border-radius:50%}
.history_wrap_type2 {position:relative;  background:url('../images/bg_content.png') repeat-y 0 820px;}
.history_wrap_type2:before 
{content:""; position:absolute; top:0; left:50%; display:block; width:1px; height:100%; background:#eb0029}
.history_wrap_type2 .history_list {position:relative;}
.history_wrap_type2 .month_txt {position:absolute; top:-20px; left:50%; width:58px; height:58px; line-height:58px; margin-left:-29px; background:#fff; border:1px solid #eb0029; color:#eb0029;  border-radius:50%; font-size:18px; font-family:'NanumSquare';
	font-weight:bold; text-align: center;}
.history_wrap_type2 .history_inner {width:1200px; max-width:1200px; margin:0 auto; padding:0 0 40px}
.history_wrap_type2 .history_inner:before,
.history_wrap_type2 .history_list .month_txt:before,
.history_wrap_type2 .history_list .month_txt:after {content:none}
.history_wrap_type2 .history_inner:after {background:#eb0029}
.history_wrap_type2 .history_txt {padding-right:65px; text-align:left}
.history_wrap_type2 .history_img {padding-left:65px}
.history_wrap_type2 .t_year_txt + .history_list {margin-top:60px}
.history_wrap_type2 .history_list.right_box .history_txt {padding-left:65px; padding-right:0;}
.history_wrap_type2 .history_list.right_box .history_img {padding-right:65px; padding-left:0}
.contain_inner {padding-top:70px; background:url('../images/bg_content_top.png') no-repeat 0 -160px}