@charset "utf-8";
@import url("board.css");

#container{position:relative;}
#content .inr_wrap{max-width:1200px; margin:0 auto; padding:0 15px;}
#content h2,
#content [data-layout="title"]{margin-top:80px; margin-bottom:100px; font-size:80px; font-weight:700; color:#333;}
#content h3:not(#bo_v_title){margin-top:100px; margin-bottom:60px; font-size:40px; font-weight:700; letter-spacing:-1px;}
#content h3:not(#bo_v_title):before{content:''; display:block; width:60px; height:4px; margin-bottom:30px; background:#fabe00;}
#content h4{position:relative; margin:40px 0 30px; line-height:1.3em; font-size:28px; letter-spacing:-0.5px; word-break:keep-all;}
#content h4:before{content:''; display:block; width:33px; height:3px; margin-bottom:30px; background:#fabe00;}

#content .obj{position:absolute; z-index:-1;}
#content .obj.circle{animation:rotate360 40s infinite linear;}
#content .obj.circle svg{width:100%; height:100%;}
#content .obj img{width:100%;}
#content .obj.line{width:780px; transform-origin:50% 50%;}
#content .obj.line:before{content:''; display:block; position:absolute; bottom:0px; left:0px; width:100%; height:100%; background:#fff; transition:height 1s linear 0s;}
#content .obj_left{position:absolute; top:375px; left:0px; z-index:-1;}
#content .obj_left .obj.circle{top:95px; left:80px; z-index:2; width:311px; height:311px;}
#content .obj_left .obj.line{top:-400px; left:-300px; z-index:1; width:502px; transform:rotate(-78deg);}
#content .obj_left .obj.line:before{display:none;}
#content .obj_right{position:absolute; top:375px; right:0px; z-index:-1;}
#content .obj_right .obj.circle{top:-130px; right:-120px; z-index:2; width:336px; height:336px;}
#content .obj_right .obj.circle2{opacity:0; top:-200px; right:-70px; z-index:1; width:363px; height:363px; background:#fabe00; border-radius:100%; transform:scale(0,0); transition:opacity 0.2s linear 0s, transform 0.6s cubic-bezier(0.64, 0, 0, 1.18) 0s;}
#content .obj_right .obj.line{top:0px; right:0; transform:rotate(-15deg) translateX(10%);}
#content .obj_right.active .obj.line:before{height:0px; transition-delay:0.6s;}
#content .obj_right.active .obj.circle2{opacity:1; transform:scale(1,1); transition-delay:0.3s, 0.3s;}

/* tab */
.tab{width:calc(100% + 30px); padding:0 0px 30px; margin-bottom:30px;}
.tab ul > li{display:inline-block;}
.tab ul > li > a{display:inline-block; position:relative; margin-right:80px; font-size:24px; font-weight:700; color:#a1a1a1; transition:all 0.3s ease 0s;}
.tab ul > li:last-child > a{margin-right:0px;}
.tab ul > li > a.active{padding-left:25px; color:#333;}
.tab ul > li > a:before{content:''; opacity:0; display:block; position:absolute; top:50%; left:0px; width:18px; height:3px; background:#fabe00; transition:all 0.3s ease 0s;}
.tab ul > li > a.active:before{opacity:1;}

.tab.scrollTab{position:absolute; top:350px; left:0px; width:100%; padding:30px 0px; margin-left:0px; margin-bottom:0px;}
.tab.scrollTab ul{max-width:1200px; margin:0 auto;}
.tab.scrollTab.fix{position:fixed; top:0; z-index:10; background:rgba(255,255,255,0.8);}
#container.nav-up .tab.scrollTab.fix{top:90px; transition:all 0.4s ease 0s;}

/* box */
.box_col03{counter-reset:number; padding:0 50px;}
.box_col03:after{content:''; display:block; clear:both;}
.box_col03 > div:not(.obj){float:left; width:calc(100% / 4); box-sizing:border-box; padding:0 40px;}
.box_col03 > div:not(.obj) h4:after{counter-increment:number; content:"0"counter(number); display:block; position:absolute; left:50px; top:-18px; font-size:30px; color:#fabe00;}
.box_col03 p{font-size:16px !important; letter-spacing:0px !important; word-break:keep-all;}
.box_col03 p + .img{margin-top:30px;}
.box_col03 .img{display:block; overflow:hidden; text-align:center;} 
.box_col03 .img img{height:100%; margin-left:-100%; margin-right:-100%;}

.box_col02:after{content:''; display:block; clear:both;}
.box_col02 > div{float:left; width:calc(100% / 2); box-sizing:border-box;}

.ie .box_col03 > div:not(.obj){width:calc(100% / 4 - 0.1px);}

/* scroll page */
#content div[id^="area_"]{margin:100px 0px; padding-top:100px;}
#content div[id^="area_"]:nth-of-type(1){padding-top:0px;}
#content div[id^="area_"] .bigFont{line-height:1.4em; font-size:54px; font-weight:300; color:#333; letter-spacing:-0.5px;}
#content div[id^="area_"] p{line-height:1.8em; letter-spacing:-0.5px;}

/* company */
#area_about p{margin-top:40px; font-size:24px;}
#area_about p:nth-of-type(1){margin-top:0px;}
#area_about .box_col03{position:relative;}
#area_about .box_col03 > div:not(.obj){opacity:0; transition:opacity 0.2s linear 0s, transform 0.8s cubic-bezier(0,0,.22,1.32) 0s;}
#area_about .box_col03 > div:nth-of-type(1),
#area_about .box_col03 > div:nth-of-type(3){transform:translateX(-100px);}
#area_about .box_col03 > div:nth-of-type(2),
#area_about .box_col03 > div:nth-of-type(4){transform:translateY(100px);}
#area_about .box_col03 > div.active:nth-of-type(1){opacity:1; transform:translateX(0px); transition-delay:0.4s;}
#area_about .box_col03 > div.active:nth-of-type(2){opacity:1; transform:translateY(0px); transition-delay:0.8s;}
#area_about .box_col03 > div.active:nth-of-type(3){opacity:1; transform:translateX(0px); transition-delay:1.2s;}
#area_about .box_col03 > div.active:nth-of-type(4){opacity:1; transform:translateX(0px); transition-delay:1.6s;}
#area_about .obj.circle{bottom:-200px; left:50%; width:240px; height:240px;}
#area_about .obj.line{bottom:-100px; left:50%; z-index:-2; width:500px; transform:translateX(-80%) rotate(-75deg);}
#area_about .box_col03.active .obj.line:before{height:0px; transition-delay:0.6s;}

#area_history{position:relative; margin-bottom:0px !important;}
#area_history em.title{display:block; font-size:80px; font-weight:200; text-align:center; letter-spacing:-1px;}
#area_history .inr_wrap{max-width:1400px;}
#area_history .inr_wrap:after{content:''; display:block; clear:both;}
#area_history .inr_wrap > div{float:left; width:50%; box-sizing:border-box;}
#area_history h3{margin-left:100px !important;}
#area_history .list{position:relative; padding-left:75px; margin-top:145px;}
#area_history .list:before{content:''; display:block; position:absolute; top:0; left:115px; width:2px; height:100%; background:#cfcfcf;}
#area_history [data-history]{position:relative; padding-top:35px;}
#area_history [data-history]:before{content:''; display:block; position:absolute; top:52px; left:30px; z-index:2; width:23px; height:23px; background:#fabe00; border-radius:100%; transform:scale(0,0); transition:transform 0.6s cubic-bezier(0.64, 0, 0, 1.18) 0.6s;}
#area_history [data-history] .box_img{opacity:0; overflow:hidden; position:absolute; box-shadow:10px 18px 32px rgba(0,0,0,0.18); transform:translateY(-100px); transition:opacity 0.2s linear 0s, transform 0.6s cubic-bezier(0,0,.22,1.32) 0s;}
#area_history [data-history] .box_img img{max-width:100%;}
#area_history [data-history] em{display:inline-block; position:relative; z-index:3; font-size:40px; font-weight:700; vertical-align:top; transform:scale(1,0) rotate(.001deg); transform-origin:0 100%; transition:transform 0.5s ease 1s;}
#area_history [data-history] ul{overflow:hidden; display:inline-block; width:calc(100% - 95px); box-sizing:border-box; padding-top:15px; padding-left:45px;}
#area_history [data-history] ul li{margin-bottom:10px; letter-spacing:-0.5px; transform:translateX(-110%); transition:transform 1s ease 1s;}
#area_history [data-history] h4{opacity:0; display:inline-block; margin:30px 0 0px 135px !important; font-size:20px !important; letter-spacing:0px !important; transform:translateX(-110%); transition:all 1s ease 1s;}
#area_history [data-history] h4:before{display:none;}
#area_history [data-history] h4 ~ ul{margin-left:88px;}
#area_history [data-history="2023"] .box_img{top:340px; left:-695px;}
#area_history [data-history="2022"] .box_img{top:240px; left:-790px;}
#area_history [data-history="2021"] .box_img{top:240px; left:-659px;}
#area_history [data-history="2020"] .box_img {top:240px; left:-775px;}
#area_history [data-history="2019"] .box_img{top:140px; left:-695px;}
#area_history [data-history="2019"] .box_img.img02{top:587px; left:-775px;}
#area_history [data-history="2018"] .box_img{top:300px; left:-575px;}
#area_history [data-history="2015"] ul{padding-bottom:175px;}
#area_history [data-history="2015"] .box_img{top:-110px; left:calc(-100% - 35px);}
#area_history [data-history].active:before{transform:scale(1,1);}
#area_history [data-history].active .box_img{opacity:1; transform:translateY(0); transition-delay:0.6s;}
#area_history [data-history].active em{transform:scale(1,1) rotate(.001deg);}
#area_history [data-history].active ul li{transform:translateX(0);}
#area_history [data-history].active h4{opacity:1; transform:translateX(0);}
#area_history .obj.line{width:600px;}
#area_history .obj.line.step1{width:920px; top:100px; left:50%; transform:rotate(342deg) translateX(-98%);}
#area_history .obj.line.step2{width:1000px; top:25%; left:50%; transform:rotate(320deg) translateX(-98%);}
#area_history .obj.line.step3{width:780px; top:60%; left:50%; transform:rotate(342deg) translateX(-98%);}
#area_history .obj.line.step4{width:780px; bottom:400px; right:30%; transform:rotate(125deg) translateX(50%);}
#area_history .obj.line.step4:before{bottom:auto; top:0px;}
#area_history.active .obj.line.step1:before{height:0px; transition-delay:0.2s;}
#area_history.active .obj.line.step2:before{height:0px; transition-delay:1.2s;}
#area_history.active .obj.line.step3:before{height:0px; transition-delay:1.8s;}
#area_history.active .obj.line.step4:before{height:0px; transition-delay:2.3s;}
.ie #area_history [data-history]:before{top:55px;}
.ie #area_history [data-history] ul{width:calc(100% - 100px);}

#area_location{margin-top:0px !important;}
#area_location .inr{padding:0 50px;}
#area_location #map .root_daum_roughmap{padding:0 !important; border:0px !important;}
#area_location .inr_wrap:after{content:''; display:block; clear:both;}
#area_location .inr_wrap h3,
#area_location .inr_wrap .address{float:left;}
#area_location .inr_wrap h3{width:calc(100% / 4 * 1);}
#area_location .inr_wrap .address{opacity:0; width:calc(100% / 4 * 3); margin-top:150px; transform:translateY(100px); transition:opacity 0.2s linear 0s, transform 0.6s cubic-bezier(0,0,.22,1.32) 0s;}
#area_location .inr_wrap .address p{padding-bottom:10px; border-bottom:2px solid #e5e5e5; font-size:18px; font-weight:500; color:#000;}
#area_location .inr_wrap ul{margin-top:20px;}
#area_location .inr_wrap ul > li{display:inline-block; margin-right:30px; margin-bottom:15px;}
#area_location .inr_wrap ul > li.metro i{display:inline-block; position:relative; width:31px; height:31px; margin-right:10px; background:#fa5f2c; border-radius:100%; text-indent:100%; overflow:hidden; white-space:nowrap; vertical-align:middle;}
#area_location .inr_wrap ul > li.metro i:before{content:'1'; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; line-height:31px; font-size:24px; color:#fff; font-weight:700; text-align:center; text-indent:0;}
#area_location .inr_wrap ul > li.metro.line03{position:relative; padding-left:35px;}
#area_location .inr_wrap ul > li.metro.line03:before{content:''; display:block; position:absolute; top:2px; left:0px; width:22px; height:32px; background:url(../img/content/img_metro.svg) no-repeat 50% 0; background-size:100%;}
#area_location .inr_wrap ul > li.metro.line03 i{background:#fec057;}
#area_location .inr_wrap ul > li.metro.line03 i:before{content:'3';}
#area_location .inr_wrap .address.active{opacity:1; transform:translateY(0); transition-delay:0.4s;}
#area_location ~ .obj_right .obj.line{transform:rotate(25deg) translateX(-55%);}

.ie #area_location .inr_wrap ul > li.metro.line03:before{width:24px;}

@media all and (min-width:1101px){
	#content{min-height:700px;}
}

@media all and (max-width:1700px){
	.box_col03 > div:not(.obj){padding:0 40px;}
}

@media all and (max-width:1550px){
	#content .obj_left .obj.circle{top:0px; left:0px; width:250px; height:250px;}
	#content .obj_left .obj.line{top:-400px; left:-300px; width:402px;}
	#content .obj_right .obj.circle2{top:-250px; right:-100px; width:300px; height:300px;}
	#content .obj_right .obj.circle{top:-180px; right:-120px; width:280px; height:280px;}
	#content .obj_right .obj.line{top:-50px; right:0px; width:680px; transform:rotate(15deg) translateX(-45%);}
	
	.box_col03{padding:0 15px;}
}

@media all and (max-width:1400px){
	#area_history h3{margin-left:0px !important;}
	#area_history .inr_wrap{max-width:1200px;}
}

@media all and (max-width:1230px){
	.tab{margin-left:-15px;}
	.tab ul{padding:0 15px;}
	
	#content div[id^="area_"] .bigFont{font-size:40px;}
	#content h4{font-size:25px;}
	
	#content .obj_right .obj.line{top:0px; width:580px;}
	
	.box_col03 > div:not(.obj){padding:0 25px;}
	#area_history [data-history="2023"] .box_img{left:-130%;}
	#area_history [data-history="2022"] .box_img{left:-130%;}
	#area_history [data-history="2021"] .box_img{left:-130%;}
	#area_history [data-history="2020"] .box_img{left:-130%;}
	#area_history [data-history="2019"] .box_img{left:-130%;}
	#area_history [data-history="2019"] .box_img.img02{left:-110%}
	#area_history [data-history="2018"] .box_img{left:-130%;}
	#area_history .obj.line.step1{width:780px; transform:rotate(-15deg) translateX(-98%);}
	#area_history .obj.line.step4{right:50%; bottom:-150px; transform:rotate(130deg) translateX(-50%);}
	
	#area_location .inr{padding:0;}
	#area_location .inr #map{padding:0 15px;}
	#area_location .inr_wrap .address{margin-top:100px;}
	#area_location .root_daum_roughmap .wrap_map{height:400px !important;}
}

@media all and (max-width:1100px){
	#content{min-height:600px;}
	#content h2,
	#content [data-layout="title"]{margin-top:60px; margin-bottom:80px; font-size:70px;}
	.tab.scrollTab{top:300px;}
	.tab.scrollTab.fix{top:89px;}
	#container.nav-up .tab.scrollTab.fix{top:89px;}
	
	#content div[id^="area_"]{margin:50px 0px; padding-top:150px;}
	#content h3{margin-top:80px; margin-bottom:40px; font-size:35px;}
	
	#content .obj_right .obj.line{width:500px;}

	.box_col03 > div:not(.obj),
	.ie .box_col03 > div:not(.obj){float:none; width:100%; padding:0px; margin-bottom:80px;}
	.box_col03 > div:not(.obj) > *:not(.img){margin-left:calc(45% + 7%) !important;}
	.box_col03 .img{float:left; width:45%;}
	.box_col03 p + .img{margin-top:0px;}
	
	#area_about .box_col03 > div:not(.obj){display:inline-block;}
	#area_about .box_col03 > div:nth-of-type(2),
	#area_about .box_col03 > div:nth-of-type(4){position:relative; min-height:468px;}
	#area_about .box_col03 > div:nth-of-type(2) > *:not(.img),
	#area_about .box_col03 > div:nth-of-type(4) > *:not(.img){margin-left:0px !important; margin-right:calc(45% + 7%) !important;}
	#area_about .box_col03 > div:nth-of-type(2) .img,
	#area_about .box_col03 > div:nth-of-type(4) .img{position:absolute; right:0px; top:0px;}
	#area_about .box_col03 > div.active:nth-of-type(1),
	#area_about .box_col03 > div.active:nth-of-type(2),
	#area_about .box_col03 > div.active:nth-of-type(3),
	#area_about .box_col03 > div.active:nth-of-type(4){opacity:1; transform:translateX(0px); transition-delay:0.4s;}
	#area_about p{word-break:keep-all;}
	#area_about p br{display:none;}
	#area_about .obj.line{bottom:-20px; width:600px; transform:translateX(-75%) rotate(-65deg);}
	
	#area_history em.title{font-size:70px;}
	#area_history .list{padding-left:0px;}
	#area_history .list:before{left:40px;}
	#area_history [data-history] ul li{transform:translateX(-120%);}
	#area_history [data-history].active ul li{transform:translateX(0);}
	#area_history [data-history="2023"] .box_img{left:-100%; width:90%;}
	#area_history [data-history="2022"] .box_img{left:-100%; width:90%;}
	#area_history [data-history="2021"] .box_img{left:-100%; width:90%;}
	#area_history [data-history="2020"] .box_img{left:-100%; width:90%;}
	#area_history [data-history="2019"] .box_img{left:-100%; width:90%;}
	#area_history [data-history="2019"] .box_img.img02{left:-90%; width:70%;}
	#area_history [data-history="2018"] .box_img{left:-75%; width:70%;}
	#area_history [data-history="2015"] .box_img{top:-50px; left:-100%; width:70%;}
	#area_history .obj.line.step1{top:150px; transform:rotate(-15deg) translateX(-80%);}	
	
	#area_location .inr_wrap h3,
	#area_location .inr_wrap .address{float:none; width:100%;}
	#area_location .inr_wrap .address{margin-top:50px;}
}

@media all and (max-width:900px){
	#area_history [data-history]:before{top:0px;}
	#area_history [data-history] ul li{margin-bottom:5px;}
	#area_history .inr_wrap > div{float:none; width:100%;}
	#area_history .list{max-width:768px; margin:50px auto 0;}	
	#area_history [data-history] em{display:block;}
	#area_history [data-history] .box_img{position:static; display:inline-block; width:auto; margin-left:90px;}
	#area_history [data-history] ul{width:100%; padding-top:40px; padding-left:90px;}
	#area_history [data-history] h4{margin-left:90px !important;}
	#area_history [data-history] h4 ~ ul{margin-left:0px;}
	#area_history [data-history="2020"] .box_img.img02{width:auto; margin-top:20px;}
	#area_history [data-history="2019"] .box_img.img02{width:auto; margin-top:20px;}
	#area_history .obj.line.step1{top:250px; transform:rotate(-25deg) translateX(-40%);}
	#area_history .obj.line.step4{right:3%; transform:rotate(135deg) translateX(10%);}

}

@media all and (max-width:768px){
	#content h2,
	#content [data-layout="title"]{margin-top:40px; margin-bottom:30px; font-size:60px;}
	#content .inr_wrap h3:before{margin:0 auto 20px;}
	#content .inr_wrap h3{text-align:center; font-weight:500;}
	
	.tab{padding-top:30px;}
	.tab ul{display:table; margin:0px !important; padding:0px;}
	.tab ul > li{display:table-cell; padding:0 15px; vertical-align:top;}
	.tab ul > li > a{margin-right:0px; font-size:22px;}
	
	#content .obj_right .obj.circle2{top:-250px; right:-100px; width:250px; height:250px;}
	#content .obj_right .obj.circle{right:-50px; width:200px; height:200px;}
	#content .obj_right .obj.line{top:-100px; right:-50px; transform:rotate(-10deg) translateX(0);}
	
	#area_about .obj.line{width:550px; transform:translateX(-65%) rotate(-60deg);}
	
	#area_history em.title{font-size:60px;}
	#area_history .obj.line.step1{top:250px; transform:rotate(-25deg) translateX(-40%);}
	#area_history .obj.line.step4{right:-50px; transform:rotate(135deg) translateX(0);}
	
	#area_location .inr_wrap ul > li{display:block; margin-right:0; word-break:keep-all;}
	#area_location .inr_wrap ul > li.metro.line03{padding-left:0px; padding-top:5px; border-top:1px dashed #e5e5e5;}
	#area_location .inr_wrap ul > li.metro.line03:before{content:'도시철도 이용안내'; position:static; width:auto; padding-left:30px; padding-bottom:5px; margin-bottom:5px; background-size:22px 32px; background-position:0 0; font-weight:500;}
}

@media all and (max-width:640px){
	#content div[id^="area_"] .bigFont{font-size:30px;}
	#content h4{font-size:20px;}
	.box_col03 > div:not(.obj) h4:after{top:-13px;}
	
	#area_about p{font-size:20px;}
	
	#area_history [data-history] em{font-size:35px;}
	#area_history [data-history] .box_img{width:80%;}
	#area_history [data-history="2018"] .box_img img{width:100%;}
	#area_history .obj.line.step1{transform:rotate(20deg) translateX(0);}
	#area_history .obj.line.step4{right:0%; bottom:200px; transform:rotate(105deg) translateX(71%);}
}

@media all and (max-width:480px){
	#content h2,
	#content [data-layout="title"]{margin-top:20px; font-size:40px;}
	
	.tab.scrollTab{top:230px;}
	.tab ul > li > a{font-size:18px;}
	
	#content div[id^="area_"]{margin:30px 0px; padding-top:100px;}
	#content div[id^="area_"] .bigFont{font-size:25px;}
	#content h3:before{margin-bottom:20px;}
	#content h3{margin-top:60px; font-size:27px;}
	#content h4{font-size:18px; font-weight:500;}
	.box_col03 > div:not(.obj) h4:after{font-size:25px; font-weight:700;}
	.box_col03 p{line-height:1.6em !important;}
	#content .obj_right .obj.circle2{width:200px; height:200px;}
	#content .obj_right .obj.circle{width:180px; height:180px;}
	#content .obj_left{top:auto; bottom:300px; left:-100px;}
	#area_location ~ .obj_left{top:auto; bottom:1000px; left:auto; right:0px;}
	#content .obj_left .obj.line{display:none;}
	#content .obj_left .obj.circle{top:-50px; left:-200px;}
	
	#area_about p{font-size:18px;}
	
	#area_history em.title{font-size:50px;}
	#area_history .list:before{left:15px;}
	#area_history [data-history]:before{top:50px; left:5px;}
	#area_history [data-history] em{padding-left:30px; margin-bottom:30px;}
	#area_history [data-history] .box_img{margin-left:40px;}
	#area_history [data-history] ul{padding-left:40px;}
	#area_history .obj.line {display:none;}
	#area_location .root_daum_roughmap .wrap_map{height:300px !important;}
}

@media all and (max-width:440px){
	#content h2,
	#content [data-layout="title"]{margin-bottom:20px;}
	.tab.scrollTab{top:200px;}
	.tab.scrollTab.fix{top:69px;}
	#container.nav-up .tab.scrollTab.fix{top:69px;}
	
	.box_col03 .img{float:none; width:100%;}
	.box_col03 > div:not(.obj) > *:not(.img){margin-left:0px !important;}
	#area_about .box_col03 > div:nth-of-type(2) > *:not(.img),
	#area_about .box_col03 > div:nth-of-type(4) > *:not(.img){margin-right:0px !important;}
	#area_about .box_col03 > div:nth-of-type(2) h4,
	#area_about .box_col03 > div:nth-of-type(4) h4{margin-top:446px;}
	#area_history [data-history] h4{margin-left:25px !important;}
}

@media all and (max-width:420px){
	.tab{margin-bottom:0px;}
	.tab ul > li > a{font-size:16px;}
	.tab.scrollTab.fix{padding:20px 0px;}
	
	#content div[id^="area_"] .bigFont{font-size:23px;}
	#area_about p{font-size:16px;}
	
	#area_history .list:before{left:5px;}
	#area_history [data-history]:before{left:-5px;}
	#area_history [data-history] .box_img{width:90%; margin-left:25px;}
	#area_history [data-history] ul{padding-left:25px;}
	#area_history [data-history] ul li{word-break:keep-all;}
	
	#area_location .inr_wrap ul > li.metro,
	#area_location .inr_wrap ul > li.metro.line03{padding-left:35px; line-height:1.4em;}
	#area_location .inr_wrap ul > li.metro i{margin-left:-35px; margin-right:5px;}
	#area_location .inr_wrap ul > li.metro.line03:before{margin-left:-35px;}
}

@media all and (max-width:350px){
	.tab ul > li > a{font-size:15px;}
	#area_history em.title{font-size:40px;}
	#area_history [data-history] em{font-size:30px;}
	#area_history [data-history] ul li{font-size:15px;}
}