@charset "utf-8";

* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after, :before {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* reset */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,figure,figcaption{margin:0;padding:0}
body,input,textarea,select,button{font-family:'NanumSquare',sans-serif;word-break:keep-all;font-size:18px;line-height:1.75em;letter-spacing:-.04em;color:#2c2c2c;-webkit-text-size-adjust:none;}
img{border:0;max-width:100%;vertical-align:top;}
ul,ol{list-style:none}
fieldset{border:none}
fieldset legend {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}
button{cursor:pointer;outline:none;}
header,hgroup,article,nav,footer,figure,figcaption,canvas,section,time{display:block}
hr {clear:both;display:none;}
*html body img {margin:none; padding:none;} /*for IE 6*/
img[usemap] {border:none; height:auto; max-width:100%; width:auto;}
a{
	color:inherit;
	text-decoration:none;
	outline:none;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}
a:hover,
a:active{
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		 -o-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
}

::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}
:placeholder-shown {color:#999;}

table caption {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font:0/0 Arial;}
input[type="radio"], input[type="checkbox"] {vertical-align:middle !important; margin:-2px 3px 0 0 !important;}
input,select {vertical-align:middle; background:#fff;}
input,textarea,button{-webkit-appearance:none;-webkit-border-radius:0}
input[type='checkbox']{-webkit-appearance:checkbox} 
input[type='radio']{-webkit-appearance:radio}

/* user class */
h1,h2,h3,h4,h5,h6,strong,th,.bold{font-weight:700;}
.clear{clear:both;}
.clearfix {*zoom:1;}
.clearfix:after {content:" "; display:block; clear:both;}
.hidden {position:absolute;visibility:hidden;overflow:hidden;width:0;height:0;margin:0;padding:0;font:0/0 Arial;}

#header {position:fixed; top:0; left:0; width:100%; padding:0 100px; background:#fff; z-index:100;}

.sitelogo {float:left;}
.sitelogo a {display:block; width:200px; height:120px; overflow:hidden; text-indent:-999em; font-size:0; line-height:0; background:url("../images/logo.png") 0 50% no-repeat;}

.gnb {float:right;}
.gnb ul li {float:left; margin-left:100px;}
.gnb ul li:first-child {margin-left:0;}
.gnb ul li a {position:relative; display:block; font-size:20px; font-weight:700; line-height:120px; letter-spacing:0;}
.gnb ul li.active a {color:#02408a;}
.gnb ul li.active a:after {content:""; position:absolute; top:50%; left:50%; margin-top:23px; margin-left:-4px; width:8px; height:8px; background:#02408a;}

.header-white #header {background:none;}
.header-white .sitelogo a {background-image:url("../images/logo_w.png");}
.header-white .gnb ul li a {color:#fff;}

.section {position:relative; overflow:hidden;}

.fp-tableCell {height:100% !important;}

.home {background:#000; overflow:hidden;}
.home .item {position:relative; height:100vh; overflow:hidden;}
.home .image {position:absolute; top:0; left:0; width:100%; height:100%; transform:scale(1.16); opacity:.6; transition-duration:5s;}
.home .image img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.home .active .image {transform:scale(1); opacity:1;}
.home .desktop {display:block;}
.home .mobile {display:none;}
.home .caption {position:absolute; top:50%; left:0; width:100%; padding:30px; text-align:center; transform:translateY(-55%); color:#fff; font-family:'S-CoreDream',sans-serif; font-size:50px; font-weight:200; line-height:1.46em; letter-spacing:-.04em;}
.home .caption strong {font-weight:600;}
.home .mo-hide {display:block;}
.home .mo-block {display:none;}

.home .scroll-down {position:absolute; bottom:0; left:50%; margin-left:-30px; width:60px; text-align:center; color:#fff; font-family:"Noto Sans KR",sans-serif; font-weight:500; font-size:12px; line-height:1em; animation:srollUpDown 1.2s linear infinite alternate; z-index:50;}
.home .scroll-down:before {content:""; display:block; height:37px; margin-bottom:8px; background:url("../images/scroll.png") 50% 50% no-repeat;}
.home .scroll-down:after {content:""; display:block; margin:17px auto 0; width:1px; height:93px; background:#fff; opacity:.32; transition:.2s;}

.ani-up {-webkit-transform:translateY(50px);transform:translateY(50px); opacity:0; transition:.8s;}
.ani-up.delay {transition-delay:.2s;}
.loaded .home .ani-up {-webkit-transform:translateY(0); transform:translateY(0); opacity:1;}
.selected .ani-up {-webkit-transform:translateY(0); transform:translateY(0); opacity:1;}

@keyframes srollUpDown{
	from{
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}to{
		-moz-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-o-transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transform:translateY(20px);
	}
}
@-webkit-keyframes srollUpDown{
	from{
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}to{
		-moz-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-o-transform: translateY(20px);
		-webkit-transform: translateY(20px);
		transform:translateY(20px);
	}
}

.company {background:url("../images/company_bg.jpg") 50% 50% no-repeat; background-size:cover; padding-top:40px;}
.company .wrap {max-width:1300px; padding-left:50px; padding-right:50px; margin:0 auto;}
.company .obj {position:absolute; right:50%; bottom:0; margin-right:95px; animation:srollUpDown 1.2s linear infinite alternate;}
.company .m-obj {display:none;}
.company h2 {margin-bottom:60px; color:#02408a; font-size:50px; line-height:1.2em; letter-spacing:-.04em;}
.company .content {position:relative; padding:75px 100px;}
.company .content:before {content:""; position:absolute; top:0; left:0; width:110px; height:100%; border:27px solid #fff; border-right:0;}
.company .content:after {content:""; position:absolute; top:0; right:0; width:110px; height:100%; border:27px solid #fff; border-left:0;}
.company .content .inner {margin-left:45%; position:relative; z-index:2;}
.company .content h3 {margin-bottom:26px; color:#02408a; font-size:38px; line-height:1.2em; letter-spacing:-.04em;}
.company .content p {margin-top:18px; font-size:20px; line-height:1.7em; letter-spacing:-.04em;}

.business {background:url("../images/business_bg.jpg") 50% 50% no-repeat; background-size:cover; padding-top:40px;}
.business .wrap {max-width:1300px; padding-left:50px; padding-right:50px; margin:0 auto;}
.business .tab {text-align:center; margin-bottom:30px;}
.business .tab ul:after {content:""; display:block; clear:both;}
.business .tab ul li {float:left; width:25%; padding-left:1px;}
.business .tab ul li:first-child {padding-left:0;}
.business .tab ul li a {position:relative; display:block; font-size:21px; line-height:67px; letter-spacing:-.04em; background:#fff; transition:none;}
.business .tab ul li.active a {background:#02408a; color:#fff;}
.business .tab ul li.active a:after {content:""; position:absolute; bottom:-15px; left:50%; margin-left:-15px; border-left:15px solid transparent; border-right:15px solid transparent; border-top:15px solid #02408a;}
.business .content {position:relative; height:540px; background:#e1f4f3; border:27px solid #fff;}
.business .content:before,
.business .content:after {content:""; position:absolute; top:0; width:27px; height:100%; background:#fff; z-index:40;}
.business .content:before {left:-27px;}
.business .content:after {right:-27px;}
.business .content .swiper-container {margin:-27px; padding:27px;}
.business .content .item {position:relative;}
.business .content .txt {float:left; padding:75px; width:54%; line-height:1.778em; letter-spacing:-.04em;}
.business .content .txt h2 {margin-bottom:25px; color:#02408a; font-size:38px; font-weight:800; line-height:1.3em; letter-spacing:-.04em;}
.business .content .txt ul {margin-left:10px;}
.business .content .txt ul li {position:relative; padding-left:25px; margin-bottom:16px;}
.business .content .txt ul li:before {content:""; position:absolute; top:12px; left:0; width:10px; height:4px; background:#18a5ff;}
.business .content .txt ul li:last-child {margin-bottom:0;}
.business .content .txt ul li:nth-child(n+2) {width:80%}
.business .content .item-4 ul li:first-child {width:80%}
.business .content .img {float:left; width:62%; margin-left:-16%; margin-top:-27px; text-align:right; animation:srollUpDown 1.2s linear infinite alternate;}
.business .slide-btn {position:absolute; top:50%; margin-top:-36px; width:72px; height:72px; overflow:hidden; text-indent:-999em; border:0; background-color:#02408a; background-position:50% 50%; background-repeat:no-repeat; z-index:50; cursor:pointer;}
.business .slide-btn.prev {left:-47px; background-image:url("../images/slide_prev.png");}
.business .slide-btn.next {right:-47px; background-image:url("../images/slide_next.png");}
.business .dots {display:none;}

.history {background:url("../images/history_bg.png") 3% 0 no-repeat; padding-top:40px;}
.history .wrap {max-width:1300px; padding-left:50px; padding-right:50px; margin:0 auto;}
.history .title {margin-bottom:26px;}
.history .title .inner {position:relative; padding:14px 180px 14px 0;}
.history .title p {font-size:34px; line-height:1.3em; letter-spacing:-.06em; line-height:1.47em;}
.history .title p strong {color:#02408a; font-weight:800;}
.history .title .btn-his-detail {position:absolute; top:0; right:0; width:108px; height:124px; color:#fff; line-height:1.2em; text-align:center; padding:41px 0; background:url("../images/history_more.png") 50% 50% no-repeat;}
.history .title .btn-his-detail:after {content:""; display:block; width:13px; height:16px; margin:10px auto 0; background:url("../images/arrow_right.png") 50% 50% no-repeat;}
.history .timeline {position:relative; text-align:center;}
.history .timeline:before {content:""; position:absolute; top:50%; left:0; right:0; margin-top:-1px; height:1px; background:#18a5ff;}
.history .timeline .swiper-container {padding:0 50px; margin:0 -50px;}
.history .timeline ul li {position:relative; width:181px; height:267px; margin-right:-36px;}
.history .timeline ul li .date {position:absolute; width:100%; line-height:1.2em; font-weight:800;}
.history .timeline ul li .box {display:flex; align-items:center; width:180px; height:267px; color:#fff; font-weight:700; background:url("../images/history_bg2.png") 50% 50% no-repeat;}
.history .timeline ul li .box-in {flex:1;}
.history .timeline ul li:nth-child(odd) .date {bottom:-35px;}
.history .timeline ul li:nth-child(odd) .box {padding-bottom:60px;}
.history .timeline ul li:nth-child(even) {margin-top:268px;}
.history .timeline ul li:nth-child(even) .date {top:-35px;}
.history .timeline ul li:nth-child(even) .box {padding-top:60px; background-image:url("../images/history_bg3.png");}

.history-detail {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:40; background:rgba(255,255,255,.97);}
.history-detail .detail-wrap {position:relative; display:table; width:100%; height:100%;}
.history-detail .detail-cell {display:table-cell; vertical-align:middle;}
.history-detail .wrap {max-width:1300px; padding-left:50px; padding-right:50px; padding-top:40px; margin:0 auto;}
.history-detail .inner {position:relative; padding:60px 25px 0;}
.history-detail .inner:after {content:""; display:block; clear:both;}
.history-detail .col {float:left; width:50%;}
.history-detail .col:nth-child(2) {padding-left:80px;}
.history-detail ul li {display:table; table-layout:fixed; width:100%; padding-left:28px; line-height:1.5em; margin-bottom:10px; background:url("../images/bullet.png") 0 4px no-repeat;}
.history-detail ul li:last-child {margin-bottom:0;}
.history-detail ul li span {display:table-cell; vertical-align:top;}
.history-detail ul li .month {width:107px;}
.history-detail ul li .txt {padding-left:.6em; text-indent:-.6em;}
.history-detail .btn-his-close {position:absolute; top:0; right:0; width:29px; height:29px; overflow:hidden; text-indent:-999em; background:url("../images/close.png") 50% 50% no-repeat;}

.map {position:absolute; top:0; left:0; right:0; bottom:0;}
.root_daum_roughmap {width:100% !important; height:90%;}
.root_daum_roughmap .wrap_map {height:100% !important;}
.root_daum_roughmap .map_border {display:none;}
.root_daum_roughmap .wrap_controllers {display:none;}
.root_daum_roughmap .roughmap_maker_label {display:none;}

#footer {position:absolute; bottom:0; left:0; width:100%; z-index:10;}
.foot-contact {background:#333; color:#fff; padding:36px 0;}
.foot-contact .wrap {max-width:1300px; padding-left:50px; padding-right:50px; margin:0 auto;}
.foot-contact .wrap:after {content:""; display:block; clear:both;}
.foot-contact .wrap .left {float:left;}
.foot-contact .wrap .right {float:right;}
.foot-contact .wrap dl {float:left; position:relative; padding:13px 0 13px 102px;}
.foot-contact .wrap dl:before {content:""; position:absolute; left:0; top:0; width:82px; height:82px; background-position:50% 50%; background-repeat:no-repeat;}
.foot-contact .wrap dl.addr:before {background-image:url("../images/icon_addr.png");}
.foot-contact .wrap dl.tel:before {background-image:url("../images/icon_tel.png");}
.foot-contact .wrap dl.fax {margin-left:34px;}
.foot-contact .wrap dl.fax:before {background-image:url("../images/icon_fax.png");}
.foot-contact .wrap dt {font-size:20px; line-height:1.4em; margin-bottom:3px;}
.foot-contact .wrap dd {line-height:1.4em;}
.copyright {padding:11px 0; color:#878787; font-family:"Noto Sans KR",sans-serif; font-size:14px; line-height:1.3em; text-align:center; background:#222;}

@media (max-width: 1600px){
	#header {padding:0 50px;}
}


@media (max-width: 1280px){
	.sitelogo a {height:100px;}
	.gnb ul li {margin-left:80px;}
	.gnb ul li a {line-height:90px;}

	.home .caption {font-size:40px;}

	.company h2 {font-size:40px; margin-bottom:40px;}
	.company .content h3 {font-size:33px;}
	.company .content p {font-size:18px;}

	.business .tab ul li a {font-size:19px; line-height:60px;}

	.history .title p {font-size:30px;}
}

@media (max-width: 1240px){
	#header {padding:0 30px;}
	.sitelogo a {height:80px; background-size:auto 70%;}
	.gnb ul li {margin-left:60px;}
	.gnb ul li a {line-height:80px; font-size:17px;}
	.gnb ul li.active a:after {margin-top:18px;}

	.home .caption {font-size:38px;}
	.home .scroll-down:after {height:40px;}

	.company h2 {font-size:32px; margin-bottom:27px;}
	.company .content {padding:55px 50px;}
	.company .content:before,
	.company .content:after {border-width:20px; width:90px;}	
	.company .content h3 {font-size:27px;}
	.company .content p {font-size:16px;}

	.business .tab {margin-bottom:25px;}
	.business .tab ul li a {font-size:16px; line-height:50px;}
	.business .tab ul li.active a:after {bottom:-10px; margin-left:-10px; border-left-width:10px; border-right-width:10px; border-top-width:10px;}
	.business .content {height:450px; border-width:20px;}
	.business .content:before, 
	.business .content:after {width:20px;}
	.business .content:before {left:-20px;}
	.business .content:after {right:-20px;}
	.business .content .txt {padding:50px 45px; font-size:16px;}
	.business .content .txt h2 {font-size:27px;}
	.business .content .swiper-container {margin:-20px; padding:20px;}
	.business .slide-btn {width:50px; height:50px; margin-top:-25px; background-size:10px auto;}
	.business .slide-btn.prev {left:-37px;}
	.business .slide-btn.next {right:-37px;}
	
	.history {background-size:50% auto;}
	.history .title p {font-size:24px;}
	.history .timeline ul li {width:140px; height:208px; margin-right:-28px; font-size:15px; line-height:1.5em;}
	.history .timeline ul li .box {width:140px; height:208px; background-size:contain;}
	.history .timeline ul li:nth-child(even) {margin-top:208px;}
	.history .timeline ul li:nth-child(odd) .box {padding-bottom:50px;}
	.history .timeline ul li:nth-child(even) .box {padding-top:50px;}

	.history-detail .inner {padding:40px 0 0;}
	.history-detail .col:nth-child(2) {padding-left:35px;}
	.history-detail ul li {font-size:14px; padding-left:24px; margin-bottom:7px; background-position:0 2px;}
	.history-detail ul li .month {width:80px;}

	.foot-contact {padding:30px 0; font-size:16px;}
	.foot-contact .wrap {padding-left:30px; padding-right:30px;}
	.foot-contact .wrap dl {padding:5px 0 5px 70px;}
	.foot-contact .wrap dl:before {width:60px; height:60px; background-size:contain;}
	.foot-contact .wrap dt {font-size:18px;}

	.copyright {padding:9px 0; font-size:12px;}	
}

@media (max-width: 860px){	

	.home .caption {font-size:34px;}

	.company {text-align:center; padding-top:80px;}
	.company h2 {font-weight:800; margin-bottom:17px;}
	.company .m-obj {display:block; position:relative; width:90%; margin:-10px auto;}
	.company .m-obj:before {content:""; position:absolute; top:20px; left:0; bottom:20px; width:80px; border:18px solid #fff; border-right:0;}
	.company .m-obj:after {content:""; position:absolute; top:20px; right:0; bottom:20px; width:80px; border:18px solid #fff; border-left:0;}
	.company .obj {position:static; margin:0 20%;}
	.company .wrap + .obj {display:none;}
	.company .content {padding:0;}
	.company .content:before,
	.company .content:after {display:none;}	
	.company .content .inner {margin-left:0;}
	.company .content h3 {margin-bottom:40px;}

	.business {padding-top:80px;}
	.business .tab {display:none;}
	.business .content {height:auto; border-width:18px;}
	.business .content:before, 
	.business .content:after {width:18px;}
	.business .content:before {left:-18px;}
	.business .content:after {right:-18px;}
	.business .content .txt {float:none; width:auto; min-height:300px; padding:40px 40px 0}
	.business .content .txt ul li:nth-child(n+2) {width:auto}
	.business .content .img {float:none; width:100%; max-width:500px; margin:0 auto; text-align:center;}
	.business .content .swiper-container {margin:-18px; padding:18px;}
	.business .slide-btn {width:50px; height:50px; margin-top:-25px; background-size:10px auto;}
	.business .slide-btn.prev {left:-37px;}
	.business .slide-btn.next {right:-37px;}
	
	.foot-contact {text-align:center;}
	.foot-contact .wrap dl {padding:0;}
	.foot-contact .wrap dl:before {position:static; display:block; margin:0 auto 10px;}
	.foot-contact .wrap .left {width:40%}
	.foot-contact .wrap .right {width:60%}
	.foot-contact .wrap .right dl {width:50%;}
	.foot-contact .wrap dl.fax {margin-left:0;}

	.copyright {padding:9px 0; font-size:12px;}	
}

@media (max-width: 640px){
	#header {text-align:center; padding:0 16px;}
	.sitelogo {float:none; width:100%;}
	.sitelogo a {margin:0 auto; height:50px; background-position:50% 50%; background-size:auto 80%;}
	.gnb {display:none; float:none; padding:5px 0 15px;}
	.gnb ul {display:flex; justify-content:space-between;}
	.gnb ul li {margin-left:0; float:none;}
	.gnb ul li a {font-size:16px; line-height:1.5em;}
	.gnb ul li.active a:after {margin-top:13px;}

	.home .desktop {display:none;}
	.home .mobile {display:block;}
	.home .caption {font-size:30px; padding:20px;}
	.home .caption p {margin:0 auto;}
	.home .item-1 .caption p {max-width:8em;}
	.home .item-2 .caption p {max-width:8em;}
	.home .item-3 .caption p {max-width:12em;}
	.home .item-4 .caption {font-size:25px;}
	.home .item-4 .caption p {max-width:12em;}
	.home .mo-hide {display:none;}
	.home .mo-block {display:block;}
	.home .scroll-down {display:none;}

	.company {background-image:url("../images/company_bg_m.jpg"); padding:50px 0 20px;}
	.company .wrap {padding-left:16px; padding-right:16px;}
	.company h2 {font-size:23px; margin-bottom:13px;}
	.company .content h3 {font-size:19px; margin-bottom:20px;}
	.company .content p {font-size:12px; margin-top:14px;}
	.company .m-obj {width:90%; margin:-10px auto;}
	.company .m-obj:before {top:15px; bottom:15px; border-width:12px; width:31px;}
	.company .m-obj:after {top:15px; bottom:15px; border-width:12px; width:31px;}
	.company .obj {margin:0 15%; animation:none;}

	.business {background-image:url("../images/business_bg_m.jpg"); padding:50px 0 0 0;}
	.business .wrap {padding:0 28px;}
	.business .content {border-width:14px;}
	.business .content:before, 
	.business .content:after {width:14px;}
	.business .content:before {left:-14px;}
	.business .content:after {right:-14px;}
	.business .content .txt {min-height:200px; padding:20px 22px 0; font-size:12px; line-height:1.5em;}
	.business .content .txt h2 {font-size:19px; margin-bottom:15px; text-align:center;}
	.business .content .txt ul {margin-left:0;}
	.business .content .txt ul li {padding-left:13px; margin-bottom:7px;}
	.business .content .txt ul li:before {width:5px; height:2px; top:8px;}
	.business .content .img {width:85%; animation:none;}
	.business .content .swiper-container {margin:-14px -14px -30px -14px; padding:14px;}
	.business .slide-btn {width:42px; height:42px; margin-top:-21px; background-size:8px auto;}
	.business .slide-btn.prev {left:-29px;}
	.business .slide-btn.next {right:-29px;}
	.business .dots {display:block; text-align:center; margin-top:14px; line-height:0;}
	.business .dots .swiper-pagination-bullet {width:12px; height:12px; border:3px solid #bfd8d7; margin:0 5px; border-radius:100%; background:transparent; opacity:1;}
	.business .dots .swiper-pagination-bullet-active {border-color:#003c86; background:#003c86;}

	.history {background-image:url("../images/history_bg_m.png"); background-position:0 30px; background-size:65% auto; padding:50px 0 0 0;}
	.history .wrap {padding-left:16px; padding-right:16px;}
	.history .title .inner {padding:0 100px 0 0;}
	.history .title p {font-size:14px;}
	.history .title p strong {display:block; font-size:16px;}
	.history .title .btn-his-detail {top:auto; bottom:5px; width:65px; height:75px; font-size:11px; padding:25px 0; background-size:contain;}
	.history .title .btn-his-detail:after {width:8px; height:8px; background-size:contain;}
	.history .timeline .swiper-container {padding:0 38px 0 16px; margin:0 -16px;}
	.history .timeline ul li {width:100px; height:148px; margin-right:-25px; font-size:11px;}
	.history .timeline ul li .box {width:100px; height:148px;}
	.history .timeline ul li:nth-child(odd) .box {padding-bottom:35px;}
	.history .timeline ul li:nth-child(odd) .date {bottom:-20px;}
	.history .timeline ul li:nth-child(even) {margin-top:148px;}	
	.history .timeline ul li:nth-child(even) .box {padding-top:35px;}
	.history .timeline ul li:nth-child(even) .date {top:-30px;}

	.history-detail .wrap {padding-left:16px; padding-right:16px; padding-top:50px;}
	.history-detail .scroll {height:calc(100vh - 250px); overflow:auto; -webkit-overflow-scrolling:touch;}
	.history-detail .inner {padding-top:30px;}
	.history-detail .col {float:none; width:auto;}
	.history-detail .col:nth-child(2) {padding-left:0;}
	.history-detail ul li {font-size:12px; padding-left:13px; margin-bottom:7px; background-size:8px auto; background-position:0 3px;}
	.history-detail ul li .month {width:70px;}
	.history-detail .btn-his-close {width:16px; height:16px; background-size:contain;}

	.map {bottom:50px;}

	.foot-contact {padding:22px 0;}
	.foot-contact .wrap {padding-left:11px; padding-right:11px; font-size:12px;}
	.foot-contact .wrap .left {width:36%}
	.foot-contact .wrap .right {width:64%}
	.foot-contact .wrap dl {padding:0 5px;}
	.foot-contact .wrap dl:before {margin-bottom:5px; width:54px; height:54px;}
	.foot-contact .wrap dt {font-size:14px;}

	.copyright {padding:7px 0; font-size:11px;}
}