@charset "utf-8";
/*
@import url(http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(http://fonts.googleapis.com/earlyaccess/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; }

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


.large-slider img {height: auto;}


/* =========================================
					Common
   ========================================= */
* {border-width: 0;	margin: 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
p {margin: 0; padding: 0;}	
body {/* overflow-x: hidden; */ background-color: #fff;}
.wrap {top: 0; /*height: 100px;*/width: 100%; /*min-width: 1400px;*/}
.centerdiv {display: table; width: 1400px; margin: 0 auto; text-align: center;}
.relative {position: relative; left: 0; top: 0;}

a, a: hover, a: visited {text-decoration: none;}

/* =========================================
					HEADER
   ========================================= */

/* Top Menu */
.top_contents {position: fixed; display: table; top: 0; left: 0; width: 100%; /* min-width: 1400px; */text-align: center; padding: 0; z-index: 100; _position: absolute; _top: expression(offsetParent.scrollTop+0+'px');}

.top_contents .header1 {clear: both; display: table; width: 100%; /* min-width: 1400px; */ text-align: center; background: #181b24; padding: 0;}
.top_contents .header1 .campusmov {position: relative; /* float: left; *//* 버튼 하단줄 문제 때문에 1픽셀 줄임 height: 45px; */ height: 45px; padding: 0;}
.top_contents .header1 .campusmov ul {text-align:center; padding: 0; margin: 0;}
.top_contents .header1 .campusmov li {position: absolute; display:inline-block;	text-align:center; top: 14px;/*	left: 0; float: left; */list-style: none; z-index: 3;}
.top_contents .header1 .campusmov li img {width: 290px;	height: 31px; text-align:center;}
.top_contents .header1 .campusmov h4 {position: absolute; text-align:center; top: 8px;/*left: 40px;*/ font-size: 15px; z-index: 5; color: #fff; transition: 0.5s all; margin-top:0;}
.top_contents .header1 .campusmov h4:hover {color: #000;}
.top_contents .header1 .campusmov .btn_h {text-align:center; left: 0; z-index: 1;}
.top_contents .header1 .campusmov .btn_h h4 {left: 48px;}
.top_contents .header1 .campusmov .btn_y {left: 489px; z-index: 3;}
.top_contents .header1 .campusmov .btn_y h4 {left: 46px; color: #000;}
.top_contents .header1 .campusmov .btn_m {left: 245px; z-index: 2;}
.top_contents .header1 .campusmov .btn_m h4 {left: 38px;}

.top_contents .header1 .topbtn {margin-top:-36px; margin-right:40px; float: right; padding: 2px 0 0;}
.top_contents .header1 .topbtn ul {padding: 0; margin: 0; font-size: 0;}
.top_contents .header1 .topbtn li {float: right; list-style: none; font-family: 'Noto Sans KR', sans-serif;	font-size: 14px; font-weight: 500; *zoom: 1; color: #fff; margin-left: 20px;	*letter-spacing: -0.6pt;}

.top_contents .header1 a {text-decoration: none; color: #fff; transition: 0.3s all;}
.top_contents .header1 a:hover {color: #cc9933;}
.top_contents .header1 span {padding-left: 10px; color: #cc9933;}

.top_contents .header1 .topbtn .i_inq {background: url('../../../assets/img/topicon_inquiry.png') no-repeat left 3px; padding-left: 25px;}
.top_contents .header1 .topbtn .i_loc {background: url('../../../assets/img/topicon_location.png') no-repeat left 3px; padding-left: 20px;}
.top_contents .header1 .topbtn .i_call {background: url('../../../assets/img/topicon_call.png') no-repeat left 3px; padding-left: 20px;}

.top_contents .header1 .topbtn a, .top_contents .header1 .topbtn a: visited {font-family: 'Noto Sans KR', sans-serif; font-size: 14px; font-weight: 600; *zoom: 1; color: #fff; text-decoration: none;}

/* Logo */
.top_contents .header2 {clear: both; display: table; width: 100%; min-width: 1400px; text-align: center; background: #fff; padding: 35px 0; *padding: 35px 0 31px; border-bottom: 1px solid #e8e6e2;}

/* =========================================
					Responsive 
   ========================================= */
/*
@media screen and (min-width:1200px) and (max-width: 1399px) {
	.wrap,
	.top_contents,
	.top_contents .header1,
	.top_contents .header2 {
		min-width: 1200px;
	}
	.centerdiv {
		width: 1200px;
	}
	.top_contents .header1 .topbtn li {
		margin-right: 20px;
	}
}

@media screen and (min-width:992px) and (max-width: 1199px) {
	.wrap,
	.centerdiv,
	.top_contents,
	.top_contents .header1,
	.top_contents .header2 {
		min-width: 992px;
	}
	.centerdiv {
		width: 992px;
	}
}

@media screen and (min-width:768px) and (max-width: 991px) {
	.wrap,
	.centerdiv,
	.top_contents,
	.top_contents .header1,
	.top_contents .header2 {
		min-width: 768px;
	}
	.centerdiv {
		width: 768px;
	}
}

@media screen and (min-width:576px) and (max-width: 767px) {
	.wrap,
	.centerdiv,
	.top_contents,
	.top_contents .header1,
	.top_contents .header2 {
		min-width: 576px;
	}
	.centerdiv {
		width: 576px;
	}
	.top_contents .header1 .campusmov .btn_h {
		left: 0; 
	}
	.top_contents .header1 .campusmov .btn_y {
		left: 370px; 
	}
	.top_contents .header1 .campusmov .btn_m {
		left: 185px; 
	}
}

@media screen and (min-width:500px) and (max-width: 575px) {
	.wrap,
	.centerdiv,
	.top_contents,
	.top_contents .header1,
	.top_contents .header2 {
		min-width: 500px;
	}
	.centerdiv {
		width: 500px;
	}
	.top_contents .header1 .campusmov .btn_h {
		left: 0; 
	}
	.top_contents .header1 .campusmov .btn_y {
		left: 320px; 
	}
	.top_contents .header1 .campusmov .btn_m {
		left: 160px; 
	}
}

@media screen and (min-width:360px) and (max-width: 499px) {
	.wrap,
	.centerdiv,
	.top_contents,
	.top_contents .header1,
	.top_contents .header2 {
		min-width: 360px;
	}
	.centerdiv {
		width: 360px;
	}
	.top_contents .header2 img {
		width: 90%;
	}
}

@media screen and (max-width: 359px) {
	.wrap,
	.centerdiv,
	.top_contents,
	.top_contents .header1,
	.top_contents .header2 {
		min-width: 280px;
	}
	.centerdiv {
		width: 280px;
	}
	.top_contents .header2 img {
		width: 90%;
	}
	.top_contents .header1 .campusmov .btn_h {
		left: 0; 
	}
	.top_contents .header1 .campusmov .btn_y {
		left: 120px;
	}
	.top_contents .header1 .campusmov .btn_m {
		left: 60px;
	}
}

@media screen and (min-width:992px) and (max-width: 1199px) {
	.top_contents .header1 .topbtn li.i_call {
		display: none;
	}
	.top_contents .header1 .topbtn li {
		margin-right: 20px;
	}
}

@media screen and (max-width: 991px) {
	.top_contents .header1 .topbtn {
		display: none;
	}
}
*/
/*
@media screen and (max-width: 767px) {

	.top_contents .header1 .topbtn {
		display: none;
	}

	.top_contents .header1 .topbtn li.i_call {
		display: none;
	}

	.top_contents .header1 .topbtn li.i_call {
		display: none;
	}

	.top_contents .header1 .campusmov li img {
		width: 200px;
	}
	.top_contents .header1 .campusmov li {
		top: 17px;
	}
	.top_contents .header1 .campusmov h4 {
		top: 5px;
		left: 35px;
		font-size: 13px;
	}
}
*/
@media screen and (max-width: 767px) {
	.wrap,
	.centerdiv,
	.top_contents,
	.top_contents .header1,
	.top_contents .header2 {/* position: absolute; */ position: relative; background-color: #f0f0f0; width: 100%;}
	.centerdiv {height: 165px; width: 100%; margin:0 auto; text-align:center;}
	.top_contents .header1 .topbtn {display: none;}
	.top_contents .header1 .topbtn li.i_call {display: none;}
	.top_contents .header1 .topbtn li.i_call {display: none;}
	.top_contents .header1 .campusmov {margin:0 auto; height: auto; /*height: 145px;*/ width: 90%;}
	.top_contents .header1 .campusmov ul {text-align:center !important;}
	.top_contents .header1 .campusmov li {position: relative; display:inline-block !important; top: 10px;}
	.top_contents .header1 .campusmov li img {display: none;}
	.top_contents .header1 .campusmov h4 {top: 11px; left:0; padding:0; width: 100%; margin:0 auto; text-align:center; font-size: 16px;}
	.top_contents .header1 .campusmov .btn_h {top: 11px; margin:0; padding:0; display:inline-block; text-align:center !important; z-index: 1; border-radius: 8px; background-color: #4158D1; width: 100%; height: 40px; margin-bottom: 5px;}

	.top_contents .header1 .campusmov .btn_h h4 {left: 0;}
	.top_contents .header1 .campusmov .btn_m {left:0; margin:0; padding:0; display:inline-block; text-align:center !important; z-index: 3; /*border: #269ece;*/ border-radius: 8px; background-color: #88A867; width: 100%; height: 40px; margin-bottom: 5px;}
	.top_contents .header1 .campusmov .btn_m h4 {left: 0;}
	.top_contents .header1 .campusmov .btn_y {left: 0; margin:0; padding:0; z-index: 2; border: 2px solid #996600;/*#9751FF;#996600;*/border-radius: 8px; background-color: #fff;/*width: 100%;*/width: 98%; height: 40px;}
	.top_contents .header1 .campusmov .btn_y h4 {left: 0;}
}

@media screen and (max-width: 359px) {
	.top_contents .header1 .campusmov h4 {left: 55px;}
	.top_contents .header1 .campusmov .btn_h,
	.top_contents .header1 .campusmov .btn_y,
	.top_contents .header1 .campusmov .btn_m {width: 280px;}
}



/*START::HEADER*/
#header { position:absolute; top:0; margin-top:45px; border-top:0px !important;/*background-color:rgba(255,255,255,0.9);*/ width:100%; /*box-shadow:0 0 3px rgba(0,0,0,0.1);*/ z-index:100; }
#header:after { content:""; display:block; clear:both; }

#header .member_info{line-height:30px;height:30px;text-align:right;margin:26px 0 0;}

#header .member_info ul{margin:0;padding:0;list-style:none;display:inline-block;vertical-align:middle;}
#header .member_info ul:after{content:"";display:block;clear:both;}
#header .member_info ul li{float:left;line-height:10px;font-size:10px;font-weight:400;color:#333;padding:0 10px;}
#header .member_info ul li:nth-child(n+2){border-left:1px solid #aaa;}
#header .member_info ul li a{text-decoration:none;color:#333;}
#header .member_info ul li:hover a{color:#cba580;}
#header .member_info .button{border:1px solid #aaa;height:30px;font-size:10px;line-height:28px;box-sizing:border-box;padding:0 10px;display:inline-block;vertical-align:middle;text-decoration:none;color:#333;}
#header .member_info .button:hover{border-color:#cba580;color:#cba580;}


/* MEMBER_INFORMATION */
/*
#header .member_info2{ text-align:right; margin:10px 0 0; }
#header .member_info2 ul { margin:0; padding:0; list-style:none; display:inline-block; vertical-align:middle; }
#header .member_info2 ul:after { content:""; display:block; clear:both; }
#header .member_info2 ul li { float:left; line-height:10px; font-size:10px; font-weight:400; color:#333; padding:0 10px; }
#header .member_info2 ul li:nth-child(n+2) { border-left:1px solid #aaa; }
#header .member_info2 ul li a { text-decoration:none; color:#333; }
#header .member_info2 ul li:hover a { color:#cba580; }
#header .member_info2 .button { border:1px solid #aaa; height:30px; font-size:10px; line-height:28px; box-sizing:border-box; padding:0 10px; display:inline-block; vertical-align:middle; text-decoration:none; color:#333; }
#header .member_info2 .button:hover { border-color:#cba580; color:#cba580; }

/* LOGO BOX */
#header .logo_box { padding-top:0px; padding-bottom:10px; text-align:center; height:100px; }
#header .logo_box img { height:80px; }

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

/* HEADER BOTTOM - MOBILE_BUTTON */
#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 BOTTOM - MENU */
#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:11.111%; /*width:16.666%;*/ 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:#000; font-size:16px; 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:15px; border-bottom:1px solid #eee; margin:0 15px; padding:15px 0; }
#header .header_bottom .menu > ul > li > ul > li a:before { content:""; display:inline-block; width:0; height:3px; background-color:#000; 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:#000; }
#header .header_bottom .menu > ul > li > ul > li a:hover:before { width:100%; }

/* HEADER ACTIVE */

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

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

@keyframes header_active_top {
    from { top:-50px; }
    to { top:0; }
}


/* RESPONSIVE PC */
@media screen and (min-width:1024px) {
	/* Desktop */
#header.active { position:fixed; background-color:rgba(255,255,255,1.0); animation-name:header_active_top; animation-duration:0.3s; top:-203px;border-bottom:1px solid #a7a7a7;box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 6px;}

@keyframes header_active_top {
    from { top:-50px; }
    to { top:-203px; }
}

}


/* RESPONSIVE */
@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:65px; }

	#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:40%; margin-top:3.5px; 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%; }

	#header .header_bottom .menu .home a {padding:0 20px !important;}
	.site_width .menu .home.d-flex {display: flex !important; justify-content: space-between;}
	.site_width .menu .home.d-flex .reg-form, .site_width .menu .home.d-flex .reg-login {color: #ccffff !important; transition: 0.3s all;}
	.site_width .menu .home.d-flex .reg-form:hover, .site_width .menu .home.d-flex .reg-login:hover {color: #0099ff !important;}

}

@media screen and (max-width:767px) {
	#header {height:80px; margin-top:190px;}
	#header .header_bottom .mobile_button {top:205px;}
}

@media screen and (max-width:660px) {
/*
	#header { height:80px; margin-top:150px;}
*/
	#header { height:80px; margin-top:165px;}
	#header .logo_box { /*line-height:50px;*/ height:80px; background-color:#fff; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;}
	#header .logo_box img { margin-top:1px;height:50px; vertical-align:middle; }
	#header .header_bottom .mobile_button { top:185px; animation-name:header_active_top; animation-duration:0.2s;}
/*
	#content_header { margin-top:32px !important; }
*/
	#content_header { margin-top:32px !important;}

	#header.active { margin-top:0px; position:fixed; background-color:rgba(255,255,255,0.9); animation-name:header_active_top; animation-duration:0.2s; }

	#header.active .header_bottom .mobile_button { animation-name:header_active_top; animation-duration:0.2s; top:20px; }


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

@keyframes header_active_top {
    from { top:-250px; }
    to { top:0; }
}



}
/*END::HEADER*/

/*START::CONTENT*/
#content_header { margin-top:47px; }
#content_header .img_header { height:295px; background-color:#efefef; background-position:center center; background-repeat:no-repeat; background-size:cover; }

/* CONTENT LOCATION MENU */
#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 BOX */
#content { padding-top:200px; }
#content .content_box { border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:50px 30px; 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 APPLICATION */
#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:#000; width:100%; max-width:300px; margin-bottom:20px; }

/* RESPONSIVE */
@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:50px; }
	#content .content_box { padding:20px; }
}

@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*/


.blog-2-box .blog-text-tags {height: 180px; padding: 1rem 1.8rem !important;}
.blog-2-content .blog-2-bottom a {padding: 3% 10% !important;}
.blog-2-box .blog-2-text {line-height: 24px !important; word-break: keep-all;}


/*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; float: none;}
#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); }

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

/* PAGE TITLE BOX */
#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; }

/* RESPONSIVE */
@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; }
}