@charset "utf-8";

/*ÃʱâÈ­_s*/
@import url("/css/reset.css");
@import url("/css/normalize.css");
/*ÃʱâÈ­_e*/

@import url("/css/board.css");
@import url("/css/main.css");
@import url("/css/main1280.css") only screen and (min-width:801px) and (max-width:1300px);
@import url("/css/main800.css") only screen and (min-width:561px) and (max-width:800px);
@import url("/css/main560.css") only screen and (min-width:300px) and (max-width:560px);

@import url("/css/sub.css");
@import url("/css/sub1280.css") only screen and (min-width:801px) and (max-width:1300px);
@import url("/css/sub800.css") only screen and (min-width:561px) and (max-width:800px);
@import url("/css/sub560.css") only screen and (min-width:300px) and (max-width:560px);




/*·Ñ¸µÆ˾÷*/
.slidepopupwrap { position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba( 0, 0, 0, 50% ); z-index:500; }
.slidepopupwrap .slidepopup { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1200px; overflow:hidden; }
.slidepopupwrap .slidepopup div.popbt { float:left; position:relative; width:180px; height:550px; background:#ffffff; overflow:hidden; }
.slidepopupwrap .slidepopup div.popbt ul li { cursor:pointer; position:relative; width:100%; height:12.5%; line-height:68px; padding-left:22px; border-bottom:1px solid #ffffff; background:#dddddd; font-family: 'GmarketSansMedium'; font-size: 14px; color:#000000; box-sizing:border-box; }
.slidepopupwrap .slidepopup div.popbt ul li.swiper-slide-thumb-active { color:#ffffff; background:#00a290; }
.slidepopupwrap .slidepopup .popslideimgs { float:left; position:relative; width:1020px; height:550px; background:#ffffff; overflow:hidden; }
.slidepopupwrap .slidepopup .popslideimgs .swiper-slide img { display:block; vertical-align:top; }

.slidepopupwrap ul.popslidebt2 { clear:both; position:relative; width:100%; height:45px; line-height:45px; background-color:#111111; box-sizing:border-box; }
.slidepopupwrap ul.popslidebt2 li:nth-child(1) { float:left; width:50%; text-align: center; border-right: 1px solid #333333; font-family: 'GmarketSansMedium'; font-size: 12px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.slidepopupwrap ul.popslidebt2 li:nth-child(2) { float:left; width:50%; text-align: center; font-family: 'GmarketSansMedium'; font-size: 12px; color: #ffffff; box-sizing:border-box; cursor:pointer; }
.slidepopupwrap ul.popslidebt2 li:nth-child(2) a { display:block; width:100%; height:100%; color: #ffffff; }
.slidepopupwrap ul.popslidebt2 li:nth-child(1):hover { color: #fae937; }
.slidepopupwrap ul.popslidebt2 li:nth-child(2) a:hover { color: #fae937; }
.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] { display:none; }
.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] + label { display:block; width:100%; height:100%; cursor:pointer; }
.slidepopupwrap ul.popslidebt2 li input[type="checkbox"] + label span { display:none; }








#intro { position:relative; width:100%; min-width:1300px; height:6692px; background:url(/images/intro.jpg)no-repeat 50% 0; }

.alink1 { position:relative; width:1300px; margin:0 auto; }
.alink1 a { display:block; position:absolute; top:1528px; width:416px;  height:264px; }
.alink1 a:nth-child(1) { left:-160px; }
.alink1 a:nth-child(2) { left:442px; }
.alink1 a:nth-child(3) { left:886px; }

.alink2 { position:absolute; top:0px; left:0px; width:100%; height:100%; overflow:hidden; }
.alink2 a { display:block; float:left; height:100%; }
.alink2 a:nth-child(1) { width:35%; }
.alink2 a:nth-child(2) { width:30%; }
.alink2 a:nth-child(3) { width:35%; }

#lq { position:fixed; height:494px; top:50%; right:0px; transform:translateY(-50%);z-index:500; }  

#lq2 { position:fixed;  bottom:0px; left:0px; width:100%; overflow:hidden; z-index:500; }  
#lq2 li { float:left; width:25%; }

.topbt { position:fixed; bottom:110px; right:0px; width:70px; }




#index4 {position:relative; width:100%; height:auto; box-sizing:border-box; padding:5% 0 0 0; background:#f7f8f9; padding-bottom:50px; }
#index4 h1 {font-size:42px; font-weight:600; text-align:center; margin-bottom:60px; color:#3a3e40;}
#index4 .root_daum_roughmap {position:relative; width:1300px; margin:0 auto;}
#index4 .info {position:relative; width:1300px; margin:0 auto; overflow:hidden; margin-top:50px;}
#index4 .info div {position:relative; float:left; width:50%; box-sizing:border-box;  box-sizing:border-box; padding-left:30px; line-height:1.5;}
#index4 .info div.section1 {position:relative;}
#index4 .info div.section2 { border-left:1px solid #c8c8c8;}
#index4 .info div .t1 {position:relative; font-size:22px; font-weight:bold; color:#205676; margin-bottom:10px; box-sizing:border-box; padding-left:30px;}
#index4 .info div .t2 {font-size:19px; margin-bottom:14px; overflow:hidden; letter-spacing:1px;}
#index4 .info div .t2 span.ttt1 {position:relative; display:block; width:120px; float:left; font-weight:500; }
#index4 .info div .t3 {margin-bottom:4px; font-size:16px;}
#index4 .info div .t1.lo {background: url(/images/lo.png) no-repeat 0% 55%;  background-size:24px; }
#index4 .info div .t1.time {background: url(/images/time.png) no-repeat 0% 70%;  background-size:24px;}
#index4 .info div .t1.sub {background: url(/images/index/sub.png) no-repeat 0% 50%;  background-size:23px; }
#index4 .info div .t1.bus {background: url(/images/index/bus.png) no-repeat 0% 50%; background-size:21px;}
#index4 .info div .t1.pk {background: url(/images/index/pk.png) no-repeat 0% 50%; background-size:21px;}
#index4 .info div .t2 .txt1 { display:inline-block; width:50px; height:26px; margin-right:4px; line-height:26px; font-size:13px; font-weight:600; color:#ffffff; text-align:center; background:#59be0a; }
#index4 .info div .t2 .txt2 { display:inline-block; width:50px; height:26px; margin-right:4px; line-height:26px; margin-left:20px; font-size:13px; font-weight:600; color:#000000; text-align:center; background:#f2c504; }


#indexfooter {position:relative;  color:#ffffff; background:#092a3d; box-sizing:border-box; padding:50px 0; border-top:1px solid #bbb; }
#indexfooter p { text-align:center; }

#index4 .cont { display:none; }

.introvod { position:absolute; top:625px; left:50%; transform:translateX(-50%); width:1082px; margin:0 auto; overflow:hidden; }
.introvod video { width:110%; margin-left:-5%; }

.introvod2 { position:absolute; top:60%; left:10%; transform:translateY(-50%);  width:80%; overflow:hidden; }
.introvod2 video { width:110%; margin-left:-5%; }

@media (max-width: 640px) {

#index4 {position:relative; width:100%; margin:0 auto; height:auto; box-sizing:border-box; padding:5% 0 0 0; background:#f7f8f9; padding-bottom:50px; }
#index4 h1 {font-size:26px; font-weight:600; text-align:center; margin-bottom:60px; color:#3a3e40;}
#index4 .root_daum_roughmap {position:relative; width:90%; margin:0 auto;}
#index4 .info {position:relative; width:90%; margin:0 auto; overflow:hidden; margin-top:50px;}
#index4 .info div {position:relative; float:none; width:100%; box-sizing:border-box;  box-sizing:border-box; padding-left:0px; line-height:1.5;}
#index4 .info div.section1 {position:relative;}
#index4 .info div.section2 { width:100%; margin-top:10%; border-left:0px; }
#index4 .info div .t1 {position:relative; font-size:22px; font-weight:bold; color:#205676; margin-bottom:10px; box-sizing:border-box; padding-left:30px;}
#index4 .info div .t2 {font-size:14px; margin-bottom:14px; overflow:hidden; letter-spacing:0px;}
#index4 .info div .t2 span.ttt1 {position:relative; display:block; width:80px; float:left; font-weight:500; }
#index4 .info div .t3 {margin-bottom:4px; font-size:12px;}
#index4 .info div .t1.lo {background: url(/images/lo.png) no-repeat 0% 55%;  background-size:24px; }
#index4 .info div .t1.time {background: url(/images/time.png) no-repeat 0% 70%;  background-size:24px;}
#index4 .info div .t1.sub {background: url(/images/index/sub.png) no-repeat 0% 50%;  background-size:23px; }
#index4 .info div .t1.bus {background: url(/images/index/bus.png) no-repeat 0% 50%; background-size:21px;}
#index4 .info div .t1.pk {background: url(/images/index/pk.png) no-repeat 0% 50%; background-size:21px;}
#index4 .info div .t2 .txt1 { display:inline-block; width:50px; height:26px; margin-right:4px; line-height:26px; font-size:13px; font-weight:600; color:#ffffff; text-align:center; background:#59be0a; }
#index4 .info div .t2 .txt2 { display:inline-block; width:50px; height:26px; margin-right:4px; line-height:26px; margin-left:20px; font-size:13px; font-weight:600; color:#000000; text-align:center; background:#f2c504; }


#indexfooter {position:relative;  color:#ffffff; background:#092a3d; box-sizing:border-box; padding:30px 0; border-top:1px solid #bbb; }
#indexfooter p { font-size:12px; line-height:150%; text-align:center; }




}