@charset "utf-8";
/****************************
************공통 *************
****************************/
/* *{transition:all 0.3s;} */
#wrap{max-width:2560px;width:100%;margin:0 auto;overflow:hidden;position:relative;}
.w1200{width:1200px;margin:0 auto;}
.scroll_area:after{display:block;content:"";clear:both;}
.scroll_area{padding:15px 0;display:none;}
.scroll_area a{width:73px;height:73px;display:block;float:right;}
.scroll_area a img{width:100%;}
.inbone-fcolor{color:#004a9a !important;}
.inbone-bgcolor{background-color:#004a9a !important;}
@media all and (max-width:1200px){
	.w1200{width:93.5%;margin:0 auto;}
	.scroll_area{display:block;}
}
@media all and (max-width:640px){
	.scroll_area{padding:2.34375vw 0;}
	.scroll_area a{width:11.40625vw;height:11.40625vw;}
	.scroll_area{display:block;}
}
/****************************
************헤더(PC)**********
****************************/
#header .top{width:100%;padding-bottom:26px;}
#header .top .w1200{position:relative;}
#header .top .w1200:after{display:block;content:"";clear:both;}

#header .top .w1200 .ab_left{float:left;padding-top:30px;margin-right:20px;}
#header .top .w1200 .ab_right{float:right;padding-top:30px;margin-left:20px;}
#header .top .w1200 .left{float:left; padding-top:38px;}
#header .top .w1200 .left ul li{padding:5px 0; position:relative; padding-left:10px;}
#header .top .w1200 .left ul li:before{content:''; display:block; position:absolute; width:6px; height:6px; border-radius:50%; top:13px; left:0; background:#19b663;}
#header .top .w1200 .left ul li.bucheon:before {background-color:#3ab0ee; }
#header .top .w1200 .left ul li.paju:before {background-color:#092b6f; }
#header .top .w1200 .left ul li:nth-of-type(2):before{background:#006ce1;}
#header .top .w1200 .left p{font-size:14px;letter-spacing:-0.04em;font-weight:500;color:#444; display:inline-block; vertical-align:middle; padding-right:10px;}
#header .top .w1200 .left img{display:inline-block; vertical-align:middle;}
#header .top .w1200 .center{position:absolute;left:50%;transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);top:42px;}
#header .middle{height:90px;}
#header .top .w1200 .right{float:right;padding-top:55px;}
#header .top .w1200 .right .consult_btn{display:inline-block; vertical-align:middle; width:110px; height:28px; line-height:28px; margin-right:6px; text-align:center; font-size:14px; letter-spacing:-0.025em; font-weight:300; color:#77c145; background:#eff5eb; border-radius:30px; box-sizing:border-box;}
#header .top .w1200 .right .login_box a{font-size:14px;letter-spacing:-0.025em;font-weight:300;color:#444; margin-right:13px;}
#header .top .w1200 .right .login_box{display:inline-block; vertical-align:middle;}
#header .top .w1200 .right .lang{display:inline-block; vertical-align:middle; width:88px; position:relative; z-index:10;}
#header .top .w1200 .right .lang a{background:#fff; padding:10px; width:100%; display:block; box-sizing:border-box;}
#header .top .w1200 .right .lang > a{background:#fff url('/img/header_arrow.png') no-repeat 90% 50%; border:1px solid #eeeeee;}
#header .top .w1200 .right .lang a p{display:inline-block; vertical-align:middle; font-size:14px; color:#888; letter-spacing:-0.04em; font-weight:500;}
#header .top .w1200 .right .lang ul{display:none; position:absolute; top:42px; left:0; width:100%; margin:0; border:1px solid #eeeeee;}
#header .top .w1200 .right .lang ul.on{display:block;}
#header .middle{height:70px;}
#header .middle .w1200:after{display:block;content:"";clear:both;}
#header .middle .w1200 > div{float:left;height:70px;}
#header .middle .w1200 .center{width:100%;}
#header .middle .w1200 .center ul:after{display:block;content:"";clear:both;}
#header .middle .w1200 .center > ul{width:100%;position:relative;margin-bottom:0;border-top:1px solid #e4e8ea;margin:0 auto;font-size:0; text-align:center;}
#header .middle .w1200 .center > ul > li{display:inline-block; vertical-align:top; width:12.5%;text-align:center;position:relative;}
#header .middle .w1200 .center > ul > li:after{height:2px;width:0;background-color:transparent;bottom:-2px;display:block;content:"";position:absolute;left:0;z-index:23;transition:all 0.3s;}
#header .middle .w1200 .center > ul > li.active:after{height:2px;width:100%;background-color:#006ce1;bottom:-2px;display:block;content:"";position:absolute;left:0;z-index:23;}
#header .middle .w1200 .center > ul > li > a{font-size:18px;line-height:1.3;letter-spacing:-0.025em;font-weight:bold;color:#444;padding-top:25px;display:block;}

@media all and (max-width:1200px){
	#header .middle .w1200{width:100vw;}
	#header .middle .w1200 .center{width:100%;}
	#header .middle .w1200 .center > ul{width:95%;}
	.new_2dep_bg .w1200{width:100vw;}
	.all_menu .top .w1200{width:100%;}
	.all_menu .bottom .w1200{width:100vw;}
	#header .top .w1200{width:100%;}
	#header .top .w1200 .ab_right{margin-left:10px;}
	#header .top .w1200 .right .login_box a{margin-right:10px;}
}
@media all and (max-width:1000px){
	#header{display:none;}
}

.new_2dep_bg{display:block; height:148px;position:absolute;width:100%; top:172px; background:rgba(255,255,255,0.75);border-radius:0 0 25px 25px; left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);z-index:22;transition:none;display:none;}
.new_2dep_bg .w1200{}
.new_2dep_bg .w1200 ul{font-size:0;text-align:center;}
.new_2dep_bg .w1200 ul li{display:inline-block;vertical-align:top;}
.new_2dep_bg .w1200 ul{display:none;}
/* .new_2dep_bg .w1200 ul:nth-of-type(1){display:block;} */
.new_2dep_bg .w1200 ul li{width:12.5%;text-align:center;}
.new_2dep_bg .w1200 ul li a{font-size:18px;letter-spacing:-0.04em;font-weight:300;color:#666;display:inline-block;line-height:1.3;padding-top:65px;padding-bottom:5px;position:relative; transition:all 0.3s;}
.new_2dep_bg .w1200 ul li a.active{color:#006ce1;}
.new_2dep_bg .w1200 ul li a:after{display:inline-block;content:"";background-color:#006ce1;width:0;background-color:transparent;position:absolute;left:0;height:2px;bottom:0;transition:all 0.3s;}
.new_2dep_bg .w1200 ul li a.active:after{color:#006ce1;width:100%;background-color:#006ce1;display:inline-block;content:"";position:absolute;left:0;height:2px;bottom:0;}

/****************************
************전체메뉴**********
****************************/
.all_menu02{background-color:#fff;height:100%;width:100%;position:absolute;;top:0;left:0;z-index:99;display:none;transition:none;z-index:99999999;}
.all_menu02 .top{height:102px;}
.all_menu02 .top .w1200{position:relative; }
.all_menu02 .top .w1200:after{display:block;content:"";clear:both;}

/* 20200330 수정
.all_menu02 .top .w1200 .left{float:left;}
.all_menu02 .top .w1200 .left p{font-size:14px;letter-spacing:-0.04em;font-weight:500;color:#444;padding-top:25px;}
.all_menu02 .top .w1200 .left img{padding-top:7px;}
*/
.all_menu02 .top .w1200 .left{float:left; padding-top:38px;}
.all_menu02 .top .w1200 .left ul{margin:0;}
.all_menu02 .top .w1200 .left ul li{padding:5px 0; position:relative; padding-left:10px;}
.all_menu02 .top .w1200 .left ul li:before{content:''; display:block; position:absolute; width:6px; height:6px; border-radius:50%; top:50%; left:0; transform:translateY(-50%); -webkit-tranform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); background:#19b663;}
.all_menu02 .top .w1200 .left ul li.bucheon_type:before {background:#3ab0ee; }
.all_menu02 .top .w1200 .left ul li.paju_type:before {background:#092b6f; }
.all_menu02 .top .w1200 .left ul li:nth-of-type(2):before{background:#006ce1;}
.all_menu02 .top .w1200 .left p{font-size:14px;letter-spacing:-0.04em;font-weight:500;color:#444; display:inline-block; vertical-align:middle; padding-right:10px;}
.all_menu02 .top .w1200 .left img{display:inline-block; vertical-align:middle;}

.all_menu02 .top .w1200 .middle{position:absolute;left:50%;transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);top:35px;}
.all_menu02 .top .w1200 .middle a{}
.all_menu02 .top .w1200 .middle a img{}
.all_menu02 .top .w1200 .right{float:right;padding-top:33px;padding-right:20px;}
.all_menu02 .top .w1200 .right img{}
.all_menu02 .bottom .w1200{text-align:center;font-size:0;}
.all_menu02 .bottom .w1200 ul:last-of-type{border-right:0;}
.all_menu02 .bottom .w1200 ul{display:inline-block;vertical-align:top;width:12.5%;border-top:1px solid #eaebec;border-right:1px solid #eaebec;box-sizing:border-box;height:980px;}
.all_menu02 .bottom .w1200 ul:hover{background-color:#eff3f7;}
.all_menu02 .bottom .w1200 ul li{}
.all_menu02 .bottom .w1200 ul li a{font-size:18px;letter-spacing:-0.025em;font-weight:300;color:#444;text-align:center;margin-top:55px;display:inline-block;border-bottom:1px solid transparent;transition:all 0.5s;}
.all_menu02 .bottom .w1200 ul li a:hover{border-bottom:1px solid #5f94e7;color:#006ce1;}
.all_menu02 .bottom .w1200 ul li a.all_dep01{font-size:18px;letter-spacing:-0.025em;font-weight:bold;color:#222;text-align:center;height:70px;line-height:70px;}
.all_menu02 .bottom .w1200 ul li a.all_dep01:hover{border-bottom:1px solid transparent;color:#222;}
.all_menu02 .bottom .w1200 ul li:nth-of-type(2) a{margin-top:45px;}



/****************************
********header_mobile**********
****************************/
#m_header {position:fixed; top:0; left:0; width:100%;height:90px; z-index:9999; background:#fff;display:none;}
#m_header .w1200pd:after{display:block;content:"";clear:both;}

/* 20200330 수정
#m_header .left{float:left;padding-left:20px;}
#m_header .left img{padding-top:5px;}
#m_header .left p{font-size: 14px;letter-spacing: -0.04em;font-weight: 500;color: #444;padding-top: 22px;}
*/
#m_header .left{float:left; padding-top:20px; padding-left:20px;}
#m_header .left ul{margin:0;}
#m_header .left ul li{padding:5px 0; position:relative; padding-left:40px; cursor:pointer;}
#m_header .left ul li:before{content:''; display:block; position:absolute; width:32px; height:32px; top:11px; left:0; background:url('/img/m_header_paju_icon.png') no-repeat center center / contain;}
#m_header .left ul li.type02:before {background-image:url('/img/m_header_bucheon_icon.png'); }
#m_header .left ul li:nth-of-type(2):before{background:#006ce1;}
#m_header .left p{font-size:14px;letter-spacing:-0.04em;font-weight:500;color:#444; padding-right:10px;}
#m_header .left img{display:inline-block; vertical-align:middle;}

#m_header h1{position:absolute;left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); top:25px;margin:0;}
#m_header h1 a{display:block;}
#m_header .right {float:right; text-align:right; width:90px;height:90px;position:relative;}
#m_header .all_menu {display:inline-block;vertical-align:top; cursor:pointer;}
#m_header .right_lan {display:inline-block; padding-top:20px; vertical-align:top;}
#m_header .right i {display:inline-block; margin:22px 30px 0; width:1px; height:46px; background:#d0d0d6;} 
#m_header .right_lan select {width:92px; height:52px; box-sizing:border-box; border:2px solid #090c38; padding-left:13px; background:#fff url("/img/heder_lang.png") no-repeat 65px 50%; font-size:17px; font-weight:500; color:#090c38; appearance:none; -moz-appearance:none; -webkit-appearance:none;}
#m_header .right_lan select::-ms-expand {display: none;}
#m_header .all_menu .all_menu_off {display:none;}
#m_header .all_menu.open .all_menu_off {display:block;}
#m_header .all_menu.open .all_menu_on {display:none;}
.bg_black {display:none; position:fixed; width:100%; height:100%; left:0; top:0;  background:rgba(0,0,0,.8); overflow:hidden; z-index:-1;}
#m_header .all_nav {position:absolute; right:-100%; width:85.47%; height:100%; z-index:999; transition:all 0.3s linear; -webkit-transition:all 0.3s linear; -ms-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; height:100%; z-index:10; background:#fff; overflow-y:scroll;}
#m_header .all_nav.view {right:0;}

#m_header .all_nav .contac {padding:30px 35px; font-size:26px; color:#293099; background:#e7e628; text-transform:uppercase;}
#m_header .all_nav.view > ul{height:100vh;overflow-y:auto;}
#m_header .all_nav > ul > li > a {display:block;height:100px;line-height:100px;background:url('/img/an_depth01bg.png') no-repeat 96% 50%; border-bottom:1px solid #e8e8e8; font-size:26px;letter-spacing:-0.025em;font-weight:500;color:#444;padding-left:33px;}
#m_header .all_nav > ul > li > a.on { background:url('/img/an_depth01bg_on.png') no-repeat 96% 50%;}
#m_header .all_nav > ul > li .an_dep02 {display:none; background:#eff3f7; padding:35px;}
#m_header .all_nav > ul > li .an_dep02 ul {margin:0;}
#m_header .all_nav > ul > li .an_dep02 ul li {margin-bottom:30px;}
#m_header .all_nav > ul > li .an_dep02 ul li a{display:block; color:#333; font-size:24px;}
@media all and (max-width:1000px){
	#m_header{display:block;position:relative; }
}
@media all and (max-width:640px){
	#m_header h1 a img{width:27.5vw;height:7.34375vw;}
	#m_header .all_menu img{width:14.0625vw;height:14.0625vw;}
	#m_header{position:relative;}
	#m_header {height:14.0625vw;}

	/* 20200330 수정
	#m_header .left{float:left;padding-left:3.125vw;}
	#m_header .left img{width:20.3125vw;height:3.59375vw;}
	#m_header .left img{padding-top:0.78125vw;}
	#m_header .left p{font-size: 2.1875vw;padding-top: 3.4375vw;}
	*/
	#m_header .left{float:left;padding-left:2.34375vw; padding-top:3.5625vw;}
	#m_header .left ul li{padding:0; padding-left:6.25vw;}
	#m_header .left ul li:before{width:5vw; height:5vw; top:1.5vw; }
	#m_header .left p{font-size:2.1875vw; padding-right:1.5625vw;}
	#m_header .left img{width:15.46875vw; height:2.65625vw;}

	#m_header h1{top:3.90625vw;}
	#m_header .right {width:14.0625vw;height:14.0625vw;}
	#m_header .right_lan {padding-top:3.125vw;}
	#m_header .right i {margin:3.4375vw 4.6875vw 0; width:0.15625vw; height:7.1875vw;} 
	#m_header .right_lan select {width:14.375vw; height:8.125vw;padding-left:2.03125vw;font-size:2.65625vw;}
	#m_header .all_nav .contac {padding:4.6875vw 5.46875vw; font-size:4.0625vw;}
	#m_header .all_nav > ul > li > a {height:15.625vw;line-height:15.625vw;font-size:4.0625vw;padding-left:5.15625vw;background-size:5.625vw 5.625vw;}
	#m_header .all_nav > ul > li > a.on{background-size:5.625vw 5.625vw;}
	#m_header .all_nav > ul > li .an_dep02 {padding:5.46875vw;}
	#m_header .all_nav > ul > li .an_dep02 ul li {margin-bottom:4.6875vw;}
	#m_header .all_nav > ul > li .an_dep02 ul li a{font-size:3.75vw;}
}

/****************************
********sub_common**********
****************************/
.sub_common{height:473px;}
.sub_common .sv{position:relative;width:100%;height:260px;}
.sub_common .sv > img{position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:-1;}
.sub_common .sv .sub_title{position:relative;z-index:2;font-size:36px;letter-spacing:-0.025em;line-height:1.3;font-weight:500;color:#fff;text-align:center;padding-top:85px;}
.sub_common .sv .chtml{position:absolute;bottom:0;z-index:5;left:50%;transform:translateX(-50%); -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%);height:80px;bottom:-45px;background-color:#fff;border-top:3px solid #006ce1;z-index:555;}
.sub_common .sv .chtml .w1200{}
.sub_common .sv .chtml .w1200 ul{font-size:0;text-align:center;}
.sub_common .sv .chtml .w1200 ul li{display:inline-block;vertical-align:top;width:12.5%;}
.sub_common .sv .chtml .w1200 ul li a{display:block;font-size:16px;line-height:60px;letter-spacing:-0.025em;font-weight:500;color:#222;text-align:center;position:relative;overflow:hidden;}
.sub_common .sv .chtml .w1200 ul li a:hover:after{top:20px;}
.sub_common .sv .chtml .w1200 ul li a:after{width:36px;height:36px;background-color:#dbecff;border-radius:50%;position:absolute;content:"";top:-999px;left:60%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);z-index:-1;transition:all 0.3s;}
.sub_common .sv .chtml .w1200 ul li a:before{content:"";display:block;width:1px;height:15px;background-color:#ced2d4;right:0;top:31px;position:absolute;}
.sub_common .sv .chtml .w1200 ul li:last-of-type a:before{display:none;}
.sub_common .sv .common_dep02{padding-top:300px;position:relative;z-index:100;}
.sub_common .sv .common_dep02 .w1200{border-bottom:1px solid #dbdbdb;padding-bottom:25px;position:relative;}
.sub_common .sv .common_dep02 h2{font-size:32px;letter-spacing:-0.025em;font-weight:bold;color:#222;padding-left:8px;}
.sub_common .sv .common_dep02 h2:after{display:block;content:"";width:4px;height:30px;background-color:#006ce1;position:absolute;top:11px;left:0;}
.sub_common .sv .common_dep02 .ab_area{position:absolute;right:0;font-size:0;text-align:right;bottom:15px;}
.sub_common .sv .common_dep02 .ab_area a:last-of-type{margin-right:0;}
.sub_common .sv .common_dep02 .ab_area a{display:inline-block;vertical-align:top;width:129px;height:32px;line-height:32px;margin-right:6px;text-align:center;font-size:16px;letter-spacing:-0.025em;font-weight:300;color:#9e9e9e;border:1px solid #f3f3f3;border-radius:30px;box-sizing:border-box;}
.sub_common .sv .common_dep02 .ab_area a img{display:inline-block;vertical-align:middle;margin-right:10px;}
@media all and (max-width:1200px){
	.sub_common .sv .chtml .w1200{width:100%;}
	.sub_common .sv .chtml{height:auto;width:100%;top:259px}
}
@media all and (max-width:1000px){
	.sub_common .sv .chtml .w1200 ul{text-align:center;}
	.sub_common .sv .chtml .w1200 ul li{width:25%;}
	.sub_common .sv .chtml .w1200 ul li:nth-of-type(4n) a:before{display:none;}
}
@media all and (max-width:640px){
	.sub_common .sv > img{height:40.625vw;}
	.sub_common{height:73.90625vw;}
	.sub_common .sv{height:40.625vw;}
	.sub_common .sv .sub_title{font-size:5.625vw;padding-top:13.28125vw;}
	.sub_common .sv .chtml{top:35vw;border-top:3px solid #006ce1;}
	.sub_common .sv .chtml .w1200 ul li a{font-size:2.8125vw;line-height:9vw;}
	.sub_common .sv .chtml .w1200 ul li a:hover:after{top:3.125vw;}
	.sub_common .sv .chtml .w1200 ul li a:after{width:5.625vw;height:5.625vw;}
	.sub_common .sv .chtml .w1200 ul li a:before{height:2.34375vw;top:4.84375vw;}
	.sub_common .sv .common_dep02{padding-top:42.1875vw;}
	.sub_common .sv .common_dep02 .w1200{padding-bottom:0;}
	.sub_common .sv .common_dep02 h2{font-size:5vw;padding-left:1.25vw;}
	.sub_common .sv .common_dep02 h2:after{width:0.625vw;height:4.6875vw;top:1.71875vw;}
	.sub_common .sv .common_dep02 .ab_area{position:relative;margin-top:7vw;text-align:left;}
	.sub_common .sv .common_dep02 .ab_area a{width:25vw;height:7vw;line-height:7vw;margin-right:1.8vw;font-size:3.3vw;border-radius:4.6875vw;}
	.sub_common .sv .common_dep02 .ab_area a img{margin-right:1.5625vw;width:5vw;height:5vw;}
}


.sub_common .sv .chtml .w1200.type02{width:1000px;}
.sub_common .sv .chtml .w1200.type02 ul li{width:20%;}
@media all and (max-width:1000px){
	.sub_common .sv .chtml .w1200.type02{width:100%;}
}
@media all and (max-width:640px){
	.sub_common .sv .chtml .w1200.type02 ul li{width:25%;}
}


/****************************
***********footer*************
****************************/
#footer{background-color:#494d51;padding:75px 0 85px;}
#footer .w1200:after{display:block;content:"";clear:both;}
#footer .w1200 .left{float:left;text-align:left;font-size:0; padding:20px 0;}
#footer .w1200 .left h1{display:inline-block;vertical-align:top;margin-right:37px;}
#footer .w1200 .left h1 img{padding-top:30px;width:122px;height:40px;}
#footer .w1200 .left .tabtxt{display:inline-block;vertical-align:top;}
#footer .w1200 .left .tabBox li{display:inline-block; vertical-align:top; margin-right:6px; width:115px; background:#383d41; text-align:center;}
#footer .w1200 .left .tabBox li a{font-size:16px; color:#b6bcc3; letter-spacing:-0.025em; font-weight:300; padding:5px 0; display:block;}
#footer .w1200 .left .txtBox{display:none;}
#footer .w1200 .left .txtBox.on{display:block;}
#footer .w1200 .left .txtBox p{font-size:16px;line-height:30px;letter-spacing:-0.025em;font-weight:300;color:#676c71;}
#footer .w1200 .left .txtBox p span{color:#b6bcc3;}
#footer .w1200 .left .txtBox p i{display:inline-block;vertical-align:middle;width:1px;height:11px;background-color:#6a6e73;margin:-3px 12px 0;}
#footer .w1200 .right{float:right;}
#footer .w1200 .right .a_wrap{font-size:0;text-align:right;}
#footer .w1200 .right .a_wrap a{display:inline-block;vertical-align:top;width:141px;height:45px;border:1px solid #b6bcc3;text-align:center;line-height:45px;font-size:16px;letter-spacing:-0.075em;font-weight:200;box-sizing:border-box;}
#footer .w1200 .right .a_wrap a:first-of-type{margin-right:9px;}
#footer .w1200 .right p{font-size:14px;line-height:24px;letter-spacing:-0.025em;font-weight:300;color:#676c71;padding-top:22px;}
@media all and (max-width:1200px){
	#footer{padding:55px 0 55px;}
}
@media all and (max-width:1050px){
	#footer .w1200 .left{float:none;}
	#footer .w1200 .right{float:none;}
	#footer .w1200 .right .a_wrap{text-align:center;margin-top:65px;}
	#footer .w1200 .left h1{display:block;margin:0 auto;text-align:center;}
	#footer .w1200 .left .txtBox{text-align:left;width:495px;margin:33px auto 0;/*display:block;*/}
	#footer .w1200 .right p{text-align:center;}
}
@media all and (max-width:640px){
	#footer{padding:8.59375vw 0 8.59375vw;}
	#footer .w1200 .left h1{margin-right:5.78125vw;margin-bottom:15px; }
	#footer .w1200 .left h1 img{padding-top:3.125vw;width:19.0625vw;height:auto;}
	#footer .w1200 .left .txtBox{width:90vw;margin:5.15625vw auto 0;}
	#footer .w1200 .left .txtBox p{font-size:2.8125vw;line-height:4.6875vw;}
	#footer .w1200 .left .txtBox p i{width:1px;height:1.71875vw;margin:-0.46875vw 1.875vw 0;}
	#footer .w1200 .right .a_wrap{margin-top:10.15625vw;}
	#footer .w1200 .right .a_wrap a{width:22.03125vw;height:7.03125vw;line-height:7.03125vw;font-size:2.5vw;}
	#footer .w1200 .right .a_wrap a:first-of-type{margin-right:1.40625vw;}
	#footer .w1200 .right p{font-size:2.1875vw;line-height:3.75vw;padding-top:3.4375vw;}
}


/* quick - 메인 */
.quick{position:fixed; z-index:99999999; top:50%; right:20px; -webkit-transform:TranslateY(-50%); -moz-transform:TranslateY(-50%); -ms-transform:TranslateY(-50%); -o-transform:TranslateY(-50%); transform:TranslateY(-50%);}
.quick ul li{border-top:1px solid #1d2d3e; }
.quick ul li a{display:block; background:#22354a; padding:15px 0; text-align:center;}
.quick ul li i{display:inline-block; width:35px; height:35px;}
.quick ul li i.icon01{background:url('/img/qio.png') no-repeat center}
.quick ul li i.icon02{background:url('/img/quick_icon02_off.png') no-repeat center}
.quick ul li i.icon03{background:url('/img/quick_icon03_off.png') no-repeat center}
.quick ul li i.icon04{background:url('/img/quick_icon04_off.png') no-repeat center}
.quick ul li i.icon07{background:url('/img/quick_icon07_off.png') no-repeat center}
.quick ul li span{display:block; font-size:14px; font-weight:500; letter-spacing:-0.025em; color:#a2a8ae; margin-top:5px;}
.quick ul li:hover i.icon01{background:url('/img/qio_y.png') no-repeat center}
.quick ul li:hover i.icon02{background:url('/img/quick_icon02_on.png') no-repeat center}
.quick ul li:hover i.icon03{background:url('/img/quick_icon03_on.png') no-repeat center}
.quick ul li:hover i.icon04{background:url('/img/quick_icon04_on.png') no-repeat center}
.quick ul li:hover i.icon07{background:url('/img/quick_icon07_on.png') no-repeat center}
.quick.bucheon ul li.type01{border-top:2px solid #1183ff; padding:18px 0 20px; background:#009fe3}
.quick.bucheon ul.quick ul li:hover span{color:#fff;} li.type01 p{text-align:Center; font-size:16px; font-weight:500; letter-spacing:0; color:#fff;}
.quick.paju ul li.type01{border-top:2px solid #59543E; padding:18px 0 20px; background:#092b6f}
.quick.paju ul li.type01 p{text-align:Center; font-size:16px; font-weight:500; letter-spacing:0; color:#fff;}
.quick ul li.type02 a{background:url("/img/guick_off_img_07.jpg") center top no-repeat; background-size:cover; display:block; width:90px; height:75px; padding:0;}
.quick ul li.type03{border-top:0; position:relative;}
.quick ul li.type03:before{content:''; position:absolute; left:50%; top:0; width:20px; height:1px; background:#a2a8ae; -webkit-transform:TranslateX(-50%); -moz-transform:TranslateX(-50%); -ms-transform:TranslateX(-50%); -o-transform:TranslateX(-50%); transform:TranslateX(-50%);}
.quick ul li.type03 p{font-size:14px; font-weight:500; letter-spacing:-0.025em; color:#a2a8ae; background:#22354a; padding:15px 0; text-align:center;}
.quick ul li br.mo_only{display:none;}

@media all and (max-width:1000px){
	.quick{top:auto; bottom:0; right:0; width:100%; height:90px; -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; }
	.quick ul {font-size:0; letter-spacing:-4px; }
	.quick ul li {display:inline-block; vertical-align:top; width:16.666666666666668%; height:90px; }
	.quick ul li a {width:100%; height:100%; }
	.quick ul li.type03 p {width:100%; height:100%; }
	.quick .type02 {display:none; }
	.quick li.type01 p {font-size:14px; }
	.quick.bucheon ul li.type01 {padding-top:33px; }
	.quick.paju ul li.type01 {padding-top:33px; }
	.quick ul li.type03:before {display:none; }
	.quick ul li span {font-size:13px; }
	.quick ul li span br {display:none; }
}
@media all and (max-width:640px){
	.quick.bucheon ul li.type01{padding-top:23px;}
	.quick.paju ul li.type01{padding-top:23px;}
	.quick ul li br.mo_only{display:block;}
	.quick ul li.type03 p{font-size:12px; padding:12px 0;}
	.quick ul li span{font-size:10px;}
}

/* quick - 서브 */
.quick_sub{display:none; position:absolute; z-index:999999999; top:190px; right:-150px; width:150px; text-align:center; background:#fff;}
.quick_sub h6{width:100%; background:#59543e; font-size:18px; color:#fff; letter-spacing:0em; font-weight:bold; margin:0; padding:16px 0;}
.quick_sub ul{margin:0;}
.quick_sub ul li{border-bottom:1px solid #e8ecef;}
.quick_sub ul li:last-of-type{border-bottom:0;}
.quick_sub ul li a{display:block; font-size:16px; color:#a2a8ae; letter-spacing:-0.025em; font-weight:300; padding:10px 0;}
.quick_sub a.scrolltop{background:#ebbe00; display:block; width:100%; padding:17px 0;}
.quick_sub a.scrolltop span{display:block; width:100%; font-size:16px; color:#fff; letter-spacing:-0.025em; font-weight:500; padding-top:5px;}

.quick_sub ul li:hover{background:#fff1b7;}
.quick_sub ul li:hover a{color:#444;}
.quick_sub ul li.on{background:#fff1b7;}
.quick_sub ul li.on a{color:#444;}

.quick_sub h6.col01{background:#7eba2c;}
.quick_sub h6.col02{background:#009cd0;}



/* 인트로페이지 */
#intro{width:100%; height:100%; position:fixed; left:0; top:0; z-index:2; background-image:url('/img/intro_bg.jpg'); background-repeat:no-repeat; background-size:100% 100%; background-position:center center; transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out;}
#intro .center{font-size:0; letter-spacing:-4px; width:93.75%; max-width:1254px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);}
#intro .center .text{cursor:pointer; width:50%; display:inline-block; vertical-align:top; text-align:center;}
#intro .center .text .top{padding:40px 0;}
#intro .center .text .box{padding:100px 0 80px; border:5px solid transparent; background:rgba(255,255,255,0.8); transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s;}
#intro .center .text .box img{display:block; margin:0 auto;}
#intro .center .text .box i{display:block; width:20px; height:1px; background:#10325c; margin:40px auto; transform:rotate(-40deg); -ms-transform:rotate(-40deg); -webkit-transform:rotate(-40deg); -o-transform:rotate(-40deg); -moz-transform:rotate(-40deg);}
#intro .center .text .box p{font-size:40px; color:#10325c; letter-spacing:-0.05em; font-weight:400; transition:all 0.2s; -ms-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s; -moz-transition:all 0.2s;}
#intro .center .text:hover .box{border-color:#10325c;}
#intro .center .text:hover .box p{font-weight:bold;}
#intro.type01{background-size:115% 115%; background-position:left bottom;}
#intro.type02{background-size:115% 115%; background-position:right bottom;}

@media all and (max-width:1000px){
	#intro .center{width:640px}
	#intro .center .text .top img{width:80%;}
	#intro .center .text .box{padding:50px 40px}
	#intro .center .text .box img{width:80%;}
	#intro .center .text .box i{margin:20px auto}
	#intro .center .text .box p{font-size:26px}
}
@media all and (max-width:640px){
	#intro .center{width:90%}
	#intro .center .text .top{padding:6.25vw 0;}
	#intro .center .text .box{padding:7.8125vw 6.25vw}
	#intro .center .text .box i{margin:3.125vw auto}
	#intro .center .text .box p{font-size:4.0625vw}
}


/* 팝업 */
#popup{position:absolute; top:210px; left:40px; z-index:9999; width:634px;}
#popup .popup_img{}
#popup .popup_img ul{margin:0;}
#popup .popup_img .slick-slide{margin:0;}
#popup .popup_img .slick-slide .img_box{position:relative; padding-bottom:82%; overflow:hidden;}
#popup .popup_img .slick-slide .img_box img{position:absolute; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%);}
#popup .popup_img .slick-slide .img_box img.pc_ver{display:block;}
#popup .popup_img .slick-slide .img_box img.m_ver{display:none;}
#popup .slick-dots{position:static; background:#fff; margin:0;}
#popup .slick-dots:after{content:''; display:block; clear:both;}
#popup .slick-dots li{float:left; width:33.333333%; height:75px; margin:0; border-right:1px solid #eaeaea; border-bottom:1px solid #eaeaea; box-sizing:border-box;}
#popup .slick-dots li button{width:100%; height:100%; font-size:12px; color:#858585; line-height:16px; text-align:center;}
#popup .slick-dots li button:before{display:none;}
#popup .slick-dots li button b{color:#474747;}
#popup .slick-dots li a span{display:table-cell; vertical-align:middle; }
#popup .slick-dots li.slick-active button{background:#eaeaea;}
#popup .bot_text{background:#313031; color:#fff; vertical-align:middle; text-align:right; padding:3px 10px;}
#popup .bot_text a{display:inline-block; color:#fff;}

@media all and (max-width:1000px){
	#popup{top:10vh; left:0; width:94%; max-width:300px;}
	#popup .popup_img .slick-slide .img_box img.pc_ver{display:none;}
	#popup .popup_img .slick-slide .img_box img.m_ver{display:block;}
	#popup .slick-dots{position:absolute; width:calc(100% - 20px); bottom:10px; left:10px; background:none;}
	#popup .slick-dots li{margin:0 3px; width:auto; height:auto; border:0;}
	#popup .slick-dots li button{font-size:0; width:12px; height:12px; background:#f2f2f2; border-radius:50%; border:0;}
	#popup .slick-dots li.slick-active button{background:#333;}
}