@charset "utf-8";

.history-wrap .history-header-wrap-fixed {position:fixed;display:block;width: 100%;z-index:100;text-align:center;top:0;}
.history-wrap .history-header-wrap {position:relative;z-index:100;}
.history-wrap .history-header-wrap .history-center {position:absolute;width:100%;top:0;text-align:center;}
.history-wrap .history-header-wrap .history-center h2 {display:inline-block;margin:0;}
.history-wrap .history-header-wrap .history-header {height:90px;background-color:#5fbb46;}
.history-wrap .history-header-wrap .history-header h1 {position:absolute;top:0px;left:18px;margin:0;z-index: 100;}
.history-wrap .history-header-wrap .history-header h3 {position:absolute;top:24px;right:23px;margin:0;z-index: 100;}
.history-wrap .history-header-wrap .history-header .history-menu {position:fixed;top:0;right:0;z-index:51;}
.history-wrap .history-body {background-image:url('/skin/default/img/history/history_bg.jpg');background-position:center top;background-repeat:repeat;}

.history-grid img {width:100%}
.history-grid .grid-item {position:relative;height:233px;text-align:center;}
.history-grid .lazy-load {background:url('/skin/default/img/history/AjaxLoader.gif') no-repeat center center;}
.history-grid .grid-item a {display:block;overflow:hidden;}
.history-grid:before {content:" ";display:block;}
.history-grid:after {content:" ";display:block;clear:both;}
.grid-left {width:50%;float:left;}
.grid-right {width:50%;float:left;}
.grid-left .title-tree {width:100%;float:left;}
.grid-left .grid-item {width:50%;float:left;}
.grid-right .grid-item {width:100%;}
.grid-bottom {width:100%;float:left;}
.grid-bottom .grid-item {float:left;width:25%;}
.grid-bottom .grid-item-width2 {width:50%;}
.text-show .grid-item-text {visibility:hidden;height:100%;background-image:url('/skin/default/img/history/grid_bg.png');background-size:cover;background-position:center center;position:absolute;top:0;left:0;width:100%;}
.text-show .grid-item-text .vertical-container {display:table;width:100%;height:100%;}
.text-show .grid-item-text .vertical-container .vertical-middle {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.text-show .grid-item-text .title {position:relative;padding-bottom:18px;font-size:17px;color:#fff;line-height:25px;font-family:NanumGothic,'나눔고딕','Open Sans',sans-serif;margin-bottom:10px;}
.text-show .grid-item-text .title span {width:26px;height:1px;background-color:#fff;position:absolute;left:50%;bottom:0;margin-left:-13px}
.text-show .grid-item-text .year {font-size:16px;color:#fff;line-height:32px;font-family:NanumGothic,'나눔고딕','Open Sans',sans-serif}

.grid-bottom .grid-item-width2 .grid-item-text {height:100%;position:absolute;top:0;left:0;width:100%;}
.grid-bottom .grid-item-width2 .grid-item-text .vertical-container {display:table;width:100%;height:100%;}
.grid-bottom .grid-item-width2 .grid-item-text .vertical-container .vertical-middle {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.grid-bottom .grid-item-width2 .grid-item-text .title {font-size:22px;color:#fff;line-height:32px;font-family:NanumGothic,'나눔고딕','Open Sans',sans-serif;margin-bottom:10px;}
.grid-bottom .grid-item-width2 .grid-item-text a {display:inline-block;border:1px solid #fff;width:96px;height:31px;line-height:31px;color:#fff;text-decoration:none;font-family:NanumGothic,'나눔고딕','Open Sans',sans-serif;}

.history-section .history-full {height:664px;text-align:center;padding-top:183px;position:relative;}
.history-section-1 .history-full {background-image:url('/skin/default/img/history/1991/history_section1.jpg');background-position:center center;background-size:cover;}
.history-section-2 .history-full {background-image:url('/skin/default/img/history/1991/history_section5.jpg');background-position:center center;background-size:cover;}
.history-section-3 .history-full {background-image:url('/skin/default/img/history/1991/history_section9.jpg');background-position:center center;background-size:cover;}

.history-section-4 .history-full {background-image:url('/skin/default/img/history/2008/history_section1.jpg');background-position:center center;background-size:cover;}
.history-section-5 .history-full {background-image:url('/skin/default/img/history/2008/history_section5.jpg');background-position:center center;background-size:cover;}
.history-section-6 .history-full {background-image:url('/skin/default/img/history/2008/history_section9.jpg');background-position:center center;background-size:cover;}

.history-section-7 .history-full {background-image:url('/skin/default/img/history/2015/history_section1.jpg');background-position:center center;background-size:cover;}
.history-section-8 .history-full {background-image:url('/skin/default/img/history/2015/history_section5.jpg');background-position:center center;background-size:cover;}
.history-section-9 .history-full {background-image:url('/skin/default/img/history/2015/history_section9.jpg');background-position:center center;background-size:cover;}

.history-section .text-area .cont {height:223px;}

.history-section .img-responsive {width:100%;}
.history-section .text-area {display:block;}
.history-section .text-area .year {margin-bottom:20px;}
.history-section .text-area .btn {margin-bottom:27px;}
.history-section .text-area .cont {background: url('/skin/default/img/history/menu_bar_bg.png') repeat center top;padding:10px;overflow:auto;width:60%;margin:38px auto 31px auto;font-size:16px;line-height:27px;font-family:"Noto Sans", NanumGothic,'나눔고딕','Open Sans',sans-serif; font-family: "Malgun Gothic","맑은 고딕" \0/IE8+9;color:#fff;font-weight:500;letter-spacing:-1px;}
.history-section .text-area .cont .mCSB_container {font-size:16px;line-height:27px;font-family:"Noto Sans", NanumGothic,'나눔고딕','Open Sans',sans-serif; font-family: "Malgun Gothic","맑은 고딕" \0/IE8+9;color:#fff;font-weight:500;letter-spacing:-1px;}
.history-section .text-area .cont .cont-hide {display:block;}
.history-section .text-area .view-down {font-family:NanumGothic,'나눔고딕','Open Sans',sans-serif;display:inline-block;font-size:13px;text-decoration:none;line-height:31px;color:#fff;border:1px solid #fff;width:96px;height:31px;}
.history-section .view-list {position:absolute;top:120px;left:20px;z-index:10;}
.history-section .btn-area {display:inline-block;overflow:hidden;margin:0 -3px;}
.history-section .btn-area div {float:left;padding:0 3px;}
.history-section .view-pic {font-family:NanumGothic,'나눔고딕','Open Sans',sans-serif;display:inline-block;font-size:13px;text-decoration:none;line-height:31px;color:#fff;border:1px solid #fff;width:138px;height:33px;font-weight:bold;}

.history-divide-wrap {height:100%;}
.history-divide-wrap:before {display:block;content:" ";}
.history-divide-wrap:after {display:block;content:" ";clear:both;}
.history-divide-wrap .history-divide {width:33.3333333%;height:100%;float:left;position:relative;}
.history-divide-wrap .history-divide .img-responsive {width:100%;height:100%;}
.history-divide-wrap .history-divide .txt-box {width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;}
.history-divide-wrap .history-divide .txt-box .vertical-container {display:table;width:100%;height:100%;}
.history-divide-wrap .history-divide .txt-box .vertical-container .vertical-middle {display:table-cell;width:100%;height:100%;vertical-align:middle;}
.history-divide-wrap .history-divide .txt-box .year-margin {margin-bottom:24px;}
.history-divide-wrap .history-divide .txt-bottom {position:absolute;bottom:0;left:0;width:100%;background-color:#5fbb46;height:68px;line-height:68px;color:#fff;font-size:16px;font-family:"Noto Sans", NanumGothic,'나눔고딕','Open Sans',sans-serif; font-family: "Malgun Gothic","맑은 고딕" \0/IE8+9;}
.menu-bar-wrap .menu-bar {position:fixed;z-index:40;top:0;right:0;height:100%;width:100px;background:url('/skin/default/img/history/menu_bar_bg.png') repeat-y center top;}
.menu-bar-wrap .menu-bar .vertical-container {display:table;width:100%;height:100%;}
.menu-bar-wrap .menu-bar .vertical-middle {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center;}
.menu-bar-wrap .menu-bar ul {display:inline-block;list-style:none;margin:0;padding:0;}
.menu-bar-wrap .menu-bar ul li {margin:7px 0;padding:0;position:relative;}
.menu-bar-wrap .menu-bar ul li a {display:inline-block;background-image:url('/skin/default/img/history/history_nav_off.png');width:19px;height:19px;background-position:center center;background-repeat:no-repeat;}
.menu-bar-wrap .menu-bar ul li a span {display:none;}
.menu-bar-wrap .menu-bar ul li.on a {background-image:url('/skin/default/img/history/history_nav_on.png');}
.menu-bar-wrap .menu-bar ul li.active a {background-image:url('/skin/default/img/history/history_nav_on.png');}
.menu-bar-wrap .menu-bar ul li .baloon {font-family: "Noto Sans", NanumGothic,'나눔고딕','Open Sans',sans-serif; font-family: "Malgun Gothic","맑은 고딕" \0/IE8+9;position:absolute;display:none;top:-8px;left:-124px;background-image:url('/skin/default/img/history/history_pop.png');width:112px;height:38px;line-height:38px;font-size:15px;color:#fff;text-align:left;padding-left:33px;}
.menu-bar-wrap .menu-bar ul li.on .baloon {display:block;}
.menu-bar-wrap .menu-bar ul li.active .baloon {display:block;}
.sub-menu-bar-wrap {width:350px;overflow:hidden;opacity:0;height:100%;position:fixed;top:0;right:-350px;z-index:100;background:url('/skin/default/img/history/menu_bar_on_bg.png') repeat center top;}
.sub-menu-bar {padding:32px 0 0 24px}
.sub-menu-bar ul {margin:0;padding:0;list-style:none;}
.sub-menu-bar li {margin:0;padding:0;}
.sub-menu-bar li a {font-size:16px;line-height:70px;height:70px;text-decoration:none;color:#d5d5d5;font-family:"Noto Sans", NanumGothic,'나눔고딕','Open Sans',sans-serif; font-family: "Malgun Gothic","맑은 고딕" \0/IE8+9; letter-spacing:-1px \0/IE8+9;}
.history-menu a {text-align:center;display:block;width:100px;height:90px;background:url('/skin/default/img/history/menu_bar_on_bg.png') no-repeat center center;}
.history-menu a img {position:absolute;top:0;right:0;}
.history-menu a img.close {visibility:hidden;}

.sub-history {visibility:hidden;position:absolute;height:100%;top:90px;left:0;width:430px;background:url('/skin/default/img/history/year_list_bg.png') repeat 0 0;z-index:100;}
.sub-history .sub-history-scroll {padding:60px 22px 36px 22px;}
.sub-history .sub-history-fix {position:relative;}
.sub-history .sub-history-fix .view-list-close {position:absolute;top:10px;right:10px;color:#000;font-size:12px;}
.sub-history ul {list-style:none;margin:0;padding:0;}
.sub-history ul li {margin:0;padding:0;text-align:left;font-size:15px;line-height:40px;letter-spacing:-0.5px;color:#6a6a6a;font-family: "Noto Sans", NanumGothic,'나눔고딕','Open Sans',sans-serif; font-family: "Malgun Gothic","맑은 고딕" \0/IE8+9;}
.sub-history ul li strong {color:#5fbb46;font-family: "Noto Sans", NanumGothic,'나눔고딕','Open Sans',sans-serif; font-family: "Malgun Gothic","맑은 고딕" \0/IE8+9;}
#history-popup {visibility:hidden;position:fixed;width:800px;margin-left:-400px;left:50%;top:120px;}
.history-popup-header {padding-top:28px;height:81px;background-color:#000;text-align:center;position:relative;}
.history-popup-header .hph-close {position:absolute;top:18px;right:18px;}
.history-popup-body {padding:25px 0 25px 10px;background:url('/skin/default/img/history/photo_list_bg.png') repeat 0 0;}
.history-popup-body .history-popup-body-scroll {height:600px;}
.history-popup-body ul {width:640px;margin:0 auto;padding:0;list-style:none;}
.history-popup-body ul li {margin:0 0 36px 0;padding:0 0 36px 0;border-bottom:1px solid #686868;}
.history-popup-body .title {font-size:15px;letter-spacing:-1px;line-height:27px;color:#ffffff;text-align:center;margin-bottom:22px;font-family: "Noto Sans", NanumGothic,'나눔고딕','Open Sans',sans-serif; font-family: "Malgun Gothic","맑은 고딕" \0/IE8+9;}
.history-popup-body .img img {max-width:100%;}

@media (max-width:1920px) {
	.history-grid .grid-item {height:auto;}
}
@media (max-width:1200px) {
	.grid-left {width:100%;}
	.grid-right {width:100%;}
	.grid-bottom .grid-item {width:50%;}

	.grid-left .title-tree img {max-width:100%;}
	.grid-right .grid-item img {max-width:100%;}
	.grid-bottom .grid-item-width2 {width:100%;}

	.history-divide-wrap .history-divide .txt-bottom {font-size:14px;height:45px;line-height:45px;}
	.history-divide-wrap .history-divide .txt-box .year-margin {margin-bottom:13px;}
	.sub-history {margin-left:-175px}
}
@media (max-width:991px) {
	.history-section .history-full {padding-top:156px;}
	.history-divide-wrap .history-divide .txt-bottom {font-size:16px;height:68px;line-height:68px;}
	.history-divide-wrap .history-divide .txt-box .year-margin {margin-bottom:24px;}

	#history-popup {width:640px;margin-left:-320px;}
	.history-popup-body ul {width:480px;}

}
@media (max-width:768px) {
	.grid-bottom .grid-item {width:100%;}
	.grid-left .grid-item {width:100%;}
	.grid-right .grid-item {width:100%;}

	.menu-bar-wrap .menu-bar {width:50px;}
	.history-menu a img.open {width:50px;}
	.history-menu a img.close {width:50px;}
	.history-menu a {width:50px;padding-top:21px;}
	.menu-bar-wrap .menu-bar ul li.on .baloon {display:none;}

	.sub-menu-bar li a {font-size:13px;height:32px;line-height:32px;}
	.history-section .text-area .cont {width:70%;}

	.history-divide-wrap .history-divide {width:100%;}

	#history-popup {width:480px;margin-left:-250px;}
	.history-popup-body ul {width:320px;}

	.history-section .view-list {top:100px;}

	.sub-history ul li {font-size:12px;line-height:20px;}
	.sub-history ul li strong {display:block;}
	.history-popup-header {padding-left:20px;text-align:left;}
	.history-popup-header .hph-close {top:25px;right:0;}
	#history-popup {z-index:101;top:0;height:100%;}
}
@media (max-width:480px) {
	.history-wrap .history-header-wrap .history-header h1 {left:8px;}
	.history-wrap .history-header-wrap .history-header h1 img {width:100px}
	.history-section .text-area .year img {width:200px}
	.history-section .text-area .txt img {width:262px}
	.history-section .text-area .cont {width:90%}
	.history-section .text-area .cont .mCSB_container {font-size:12px;line-height:23px;}
	.menu-bar-wrap .menu-bar {display:none;}
	.sub-menu-bar-wrap {top:56px;}
	.sub-menu-bar {padding:32px 25px 0 25px;}
	.sub-menu-bar-wrap {width:320px;}
	.history-divide-wrap .history-divide .txt-bottom {font-size:14px;height:45px;line-height:45px;}
	.history-divide-wrap .history-divide .txt-box .year-margin {margin-bottom:13px;}

	.grid-left .title-tree {padding-top:20px;}
	.history-wrap .history-header-wrap .history-header h3 {top:24px;right:10px;}
	.history-wrap .history-header-wrap .history-header h3 img {width:86px;}

	.sub-history {width:100%;left:0;margin:0;top:50px}

	#history-popup {width:100%;margin-left:0;left:0;}
	.history-popup-body ul {width:100%;}
	.history-popup-header img {width:50%;}
}