@charset "utf-8";
@import url(ionicons.min.css);
@import url(../fonts/notosans/notosanskr.css);

body{font-family:'Noto Sans KR', sans-serif;}

*{margin:0;padding:0;outline:none;}

.site_width{max-width:1300px;margin:0 auto;padding:0 50px;}

@media screen and (max-width: 1040px) {
	.site_width{padding:0;}
}

/*START::HEADER*/
/*
#header{position:absolute;top:0;background-color:rgba(255,255,255,0.9);width:100%;z-index:100;}
#header:after{content:"";display:block;clear:both;}
*/


#header .header_bottom {margin-top:7px; border-top:1px solid #e6e6e6;/* border-bottom:1px solid #e6e6e6; */height:44px;}

#header .header_bottom .mobile_button {display:none;width:50px;height:50px;position:absolute;top:7px;left:-50px;cursor:pointer;}
#header .header_bottom .mobile_button span {position:absolute; display:block; right:15px; width:20px; height:2px; background:#000; transition:all .4s ease}
#header .header_bottom .mobile_button span.bar1 {top:12px}
#header .header_bottom .mobile_button span.bar2 {top:18px}
#header .header_bottom .mobile_button span.bar3 {top:24px}
#header .header_bottom .mobile_button.active{left:-50px;}
#header .header_bottom .mobile_button.active span {background:#fff}
#header .header_bottom .mobile_button.active span.bar1 {top:18px; transform:rotate(45deg)}
#header .header_bottom .mobile_button.active span.bar2 {display:none}
#header .header_bottom .mobile_button.active span.bar3 {top:18px; transform:rotate(-45deg)}

#header .header_bottom .menu{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
#header .header_bottom .menu .home{display:none;background-color:#555555;color:#fff;font-size:14px;line-height:50px;color:#fff;}
#header .header_bottom .menu .home a{padding:0 30px;color:#fff;text-decoration:none;display:block;}
#header .header_bottom .menu > ul{margin:0;padding:0;list-style:none;}
#header .header_bottom .menu > ul:after{content:"";display:block;clear:both;}
#header .header_bottom .menu > ul > li{position:relative;float:left;width:12.5%;box-sizing:border-box;text-align:center;height:45px;line-height:45px;overflow:hidden; }
#header .header_bottom .menu > ul > li:nth-child(n+2){border-left:1px solid #e6e6e6;}
#header .header_bottom .menu > ul > li:before{content:"";display:inline-block;width:0;height:3px;background-color:#000;position:absolute;bottom:0;left:0;}
#header .header_bottom .menu > ul > li:hover{overflow:visible;}
#header .header_bottom .menu > ul > li:hover ul{top:45px;z-index:10;opacity:1;transition:0.5s ease all;}
#header .header_bottom .menu > ul > li.active:before,
#header .header_bottom .menu > ul > li:hover:before{width:100%;transition:0.4s ease width;}
#header .header_bottom .menu > ul > li > a{text-decoration:none;color:#b274af;font-size:14px;display:block;}

#header .header_bottom .menu > ul > li ul{margin:0;padding:0;list-style:none;position:absolute;left:0;top:70px;padding:10px 0 30px;box-shadow:0 2px 3px 0 rgba(0,0,0,.12);z-index:-10;width:100%;box-sizing:border-box;background-color:#fff;opacity:0;}
#header .header_bottom .menu > ul > li > ul > li{position:relative;padding:0;text-align:left;line-height:normal;}
#header .header_bottom .menu > ul > li > ul > li a{position:relative;text-decoration:none;color:#333;display:block;box-sizing:border-box;font-size:14px;border-bottom:1px solid #eee;margin:0 20px;padding:15px 0;}
#header .header_bottom .menu > ul > li > ul > li a:before{content:"";display:inline-block;width:0;height:3px;background-color:#b274af;position:absolute;bottom:-1px;left:0;transition:0.4s ease width;}
#header .header_bottom .menu > ul > li > ul > li > ul{display:none;}
#header .header_bottom .menu > ul > li > ul > li > ul{left: 100%; top: 0px !important;}

#header .header_bottom .menu > ul > li > ul > li:hover ul{display: block;}
#header .header_bottom .menu > ul > li > ul > li a:hover{color:#b274af;}
#header .header_bottom .menu > ul > li > ul > li a:hover:before{width:100%;}

/*
#header.active{position:fixed;background-color:rgba(255,255,255,0.9);animation-name:header_active_top;animation-duration:0.5s;}

@keyframes header_active_top {
    from {top:-100px;}
    to {top:0;}
}
*/

@media screen and (max-width: 1040px) {
	#header{height:80px;}
	#header .logo_box{padding:0;line-height:80px;height:auto;}
	#header .logo_box img{height:60px;vertical-align:middle;margin-top:-10px;}
	#header .member_info{display:none;}
	#header .header_bottom{position:fixed;right:-280px;top:0;border:0;height:100%;width:280px;background-color:#fff;margin:0;transition:0.7s ease right;}
	#header .header_bottom.active{box-shadow:0 0 10px rgba(0,0,0,0.5);right:0;}
	#header .header_bottom .mobile_button{display:block;top:20px;}
	#header .header_bottom .menu{border:0;overflow-y:auto;height:100%;position:absolute;left:0;top:0;width:100%;height:100%;}
	#header .header_bottom .menu .close{display:block;}
	#header .header_bottom .menu .home{display:block;}
	#header .header_bottom .menu > ul > li{float:none;width:auto;text-align:left;position:relative;line-height:50px;height:auto;max-height:50px;transition:0.5s ease max-height;cursor:pointer;-webkit-tap-highlight-color: transparent;}
	#header .header_bottom .menu > ul > li:before{width:100%;height:50px;background-color:transparent;top:0;left:0;z-index:2;}
	#header .header_bottom .menu > ul > li:nth-child(n+2){border:0;border-top:1px solid #dedede;}
	#header .header_bottom .menu > ul > li:last-child{border-bottom:1px solid #dedede;}
	#header .header_bottom .menu > ul > li > a{padding:0 20px;position:relative;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0.2);}
	#header .header_bottom .menu > ul > li > a:before{content:"";position:absolute;right:5px;top:5px;height:2px;width:14px;top:50%;margin-top:-1px;right:20px;background-color:#aaaaaa;}
	#header .header_bottom .menu > ul > li > a:after{content:"";position:absolute;right:5px;top:5px;height:14px;width:2px;top:17.5px;right:26px;background-color:#aaaaaa;transition:0.5s ease all;}
	#header .header_bottom .menu > ul > li:hover{overflow:hidden;}
	#header .header_bottom .menu > ul > li.on{max-height:500px;}
	#header .header_bottom .menu > ul > li.on a:after{transform:rotate(90deg);}
	
	#header .header_bottom .menu > ul > li ul{position:static;opacity:1;padding:0;box-shadow:none;background-color:#f6f6f6;border-top:1px solid #dedede;}
	#header .header_bottom .menu > ul > li > ul > li{border:0;}
	#header .header_bottom .menu > ul > li > ul > li:nth-child(n+2){}
	#header .header_bottom .menu > ul > li > ul > li a{padding:14px 20px;margin:0;-webkit-tap-highlight-color:rgba(0,0,0,0.2);}
	#header .header_bottom .menu > ul > li > ul > li a:before{display:none;}
	#header .header_bottom .menu > ul > li > ul > li > ul{display:block;margin:0;background-color:#e5e5e5;}
	#header .header_bottom .menu > ul > li > ul > li > ul a{padding-left:40px;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0.2);}
	#header .header_bottom .menu > ul > li > ul > li > ul li:nth-child(n+2){border-top:1px solid #dddddd;}
	
	@keyframes header_active_top {
	    from {top:0;}
	    to {top:0;}
	}
	
	#site_shade{position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);opacity:0;transition:0.3s ease opacity;}
	#site_shade.active{opacity:1;width:100%;height:100%;}
}
/*
@media screen and (max-width: 660px) {
	#header{height:80px;}
	#header .logo_box{ height: 80px;}
	#header .logo_box img{height:50px;vertical-align:middle;}
	#header .header_bottom .mobile_button{top:20px;}
}
*/
/*END::HEADER*/

/*START::CONTENT*/
#content_header{}
#content_header .img_header{height:295px;background-color:#efefef;background-position:center center;background-repeat:no-repeat;background-size:cover;}
#content_header .location_menu{height:50px;line-height:50px;border-bottom:1px solid #e6e6e6;}
#content_header .location_menu:after{content:"";display:block;clear:both;}
#content_header .location_menu .apply{background-color:#1a1a1a;color:#fff;font-size:16px;font-weight:600;text-align:center;width:150px;float:left;}
#content_header .location_menu .apply a{color:#fff;text-decoration:none;display:block;}
#content_header .location_menu .location{float:left;width:calc(100% - 150px);}
#content_header .location_menu .location > ul{margin:0;padding:0;list-style:none;}
#content_header .location_menu .location > ul:after{content:"";display:block;clear:both;}
#content_header .location_menu .location > ul > li{border-right:1px solid #e6e6e6;height:50px;font-weight:600;float:left;min-width:180px;font-size:14px;cursor:pointer;position:relative;box-sizing:border-box;}
#content_header .location_menu .location > ul > li:after{content:"";position:absolute;width:0;height:0;top:50%;right:15px;margin-top:-2px;border-style: solid;border-width:4px;border-color:transparent;border-top-color:#333;}
#content_header .location_menu .location > ul > li:first-child{border-left:1px solid #e6e6e6;}
#content_header .location_menu .location > ul > li .title{padding:0 50px 0 25px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#content_header .location_menu .location > ul ul{margin:0;padding:0;list-style:none;position:absolute;width:100%;background-color:#fff;border:1px solid #e6e6e6;left:-1px;top:50px;box-shadow:0 2px 2px rgba(0,0,0,0.1);opacity:0;z-index:-1;transition:0.3s ease all;}
#content_header .location_menu .location > ul ul li{font-size:14px;font-weight:400;}
#content_header .location_menu .location > ul ul li:hover{background-color:#f8f8f8;color:#777;}
#content_header .location_menu .location > ul ul li:hover a{color:#777;}
#content_header .location_menu .location > ul ul li:nth-child(n+2){border-top:1px solid #e6e6e6;color:#000;}
#content_header .location_menu .location > ul ul li a{padding:0 25px;text-decoration:none;color:#000;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
#content_header .location_menu .location > ul > li.active:after{border-top-color:transparent;border-bottom-color:#333;margin-top:-6px;}
#content_header .location_menu .location > ul > li.active ul{z-index:1;opacity:1;}

#content{padding-top:200px;}
#content .content_box{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;padding:50px 50px;box-sizing:border-box;}
#content .content_box .main_big_title{text-align:center;font-size:42px;font-weight:700;color:#333;}
#content .content_box .main_big_title:after{content:"";display:block;margin:45px auto 80px;width:50%;height:1px;max-width:350px;background:#e8e8e8;}
#content .go_application{text-align:center;margin-top:80px;}
#content .go_application a{text-decoration:none;color:#fff;display:inline-block;font-size:16px;height:50px;line-height:50px;background-color:#b274af;width:100%;max-width:300px;margin-bottom:20px}

@media screen and (max-width: 1040px) {
	#content_header .img_header{height:180px;}
	#content .content_box{border:0;padding:50px 50px;}
	
	#content{padding-top:80px;}
}
@media screen and (max-width: 660px) {
	#content_header .img_header{display:none;}
	#content_header .location_menu .apply{display:none;}
	#content_header .location_menu .location{width:auto;float:none;box-sizing:border-box;}
	#content_header .location_menu .location > ul > li{width:50%;font-size:12px;font-weight:400;min-width:auto;}
	#content_header .location_menu .location > ul ul{}
	#content_header .location_menu .location > ul ul li{font-size:12px;}
	
	#content{padding-top:80px;}
	#content .content_box{padding:20px;}

	#page{margin-top:32px !important;}
}
@media screen and (max-width: 390px) {
	#content_header .location_menu .location > ul > li .title{padding:0 15px;}
	#content_header .location_menu .location > ul ul li a{padding:0 15px;}
	
}
/*END::CONTENT*/


/*START::FOOTER*/
#footer{background-color:#333333;padding:55px 0;}
#footer:after{content:"";display:block;clear:both;}
#footer .footer_logo{float:left;padding-top:10px;width:290px;}
#footer .footer_logo img{height:40px;vertical-align:middle;}
#footer .info{margin-left:40px;float:left;width:calc(100% - 330px);}
#footer .info > ul{margin:0;padding:0;list-style:none;}
#footer .info > ul:nth-child(n+2){margin-top:20px;}
#footer .info > ul li{color:#aaa;font-size:14px;font-weight:400;line-height:14px;}
#footer .info > ul li:nth-child(n+2){margin-top:5px;}
#footer .info > ul li a{color:#fff;text-decoration:none;font-weight:600;}
#footer .info > ul li a:hover{text-decoration:underline;}
#footer .info .copyright{margin-top:15px;color:#aaa;font-size:14px;font-weight:400;}

@media screen and (max-width: 1040px) {
	#footer{padding:30px 0;}
	#footer .footer_logo{float:none;width:auto;text-align:center;}
	#footer .footer_logo img{height:25px;}
	#footer .info{float:none;width:auto;text-align:center;margin:0;margin-top:30px;}
	#footer .info > ul:nth-child(n+2){margin-top:10px;}
	#footer .info > ul li{font-size:11px;}
	#footer .info .copyright{font-size:11px;margin-top:20px;}
}
/*END::FOOTER*/


/*START::SITETOP*/
#scrollTop{right:50%;margin-right:-700px;bottom:40px;position:fixed;display:inline-block; width:45px; height:45px; text-align:center; color:#fff; line-height:45px; border-radius:50%; background:#555;cursor:pointer;z-index:-1;opacity:0;}
#scrollTop.active{z-index:10;opacity:1;transition:0.3s ease all;}
#scrollTop img {position:absolute; top:35%; left:35%; transition:all .4s ease}
#scrollTop span {position:absolute; width:100%; top:0; left:50%; font-size:13px; font-weight:600; margin-left:-22px; line-height:45px; opacity:0; filter:alpha(opacity='0'); transform:rotate(-360deg); transition:all .4s ease}
#scrollTop.active img {opacity:0; transform:rotate(360deg)}
#scrollTop.active span {display:block; opacity:1; filter:alpha(opacity='100'); transform:rotate(0deg)}

@media screen and (max-width: 1300px) {
	#scrollTop{right:20px;bottom:20px;margin:0;}
}
/*END::SITETOP*/




#page .page_title_box .main_title{text-align: center; font-size: 42px; font-weight: 700; color:#333;}
#page .page_title_box .sub_title{margin-top: 20px; text-align: center; font-size: 20px; font-weight: 500;}
#page .page_title_box .sub_title:after{content: ""; display: block; margin: 50px auto 50px; width: 50%; height: 1px; max-width: 350px; background: #e8e8e8;}
@media screen and (max-width: 1040px) {
	#page .page_title_box .main_title{font-size:35px;}
	#page .page_title_box .sub_title{font-size:18px;}
	#page .page_title_box .sub_title:after{margin:40px auto 40px;}
}
@media screen and (max-width: 800px) {
	#page .page_title_box .main_title{font-size:30px;}
	#page .page_title_box .sub_title{font-size:16px;}
	#page .page_title_box .sub_title:after{margin:35px auto 35px;}
}
@media screen and (max-width: 660px) {
	#page .page_title_box .main_title{font-size:25px;}
	#page .page_title_box .sub_title{font-size:15px;}
}
@media screen and (max-width: 500px) {
	#page .page_title_box .main_title{font-size:20px;}
	#page .page_title_box .sub_title{font-size:13px;margin-top:10px;}
	#page .page_title_box .sub_title:after{margin:30px auto 30px;}
}