/* header */
header{width:100%; border-bottom:1px solid #ddd;}
.header{width:1400px;margin:0 auto;height:107px;display: flex;align-items: center;position: relative;}
.header .logo{}
.header .btn{
	position: absolute;
	display:block;
	width: 160px;
	height: 41px;
	border-radius:40px;
	background: #2A5FB9;
	color: #fff;
	padding: 0 30px;
	line-height: 40px;
	font-weight:600;
	right: 0;
	font-size: 15px;
	}
.header .btn:after{
	position:absolute;
	right: -10px;
	top: -4px;
	width: 50px;
	height: 50px;
	content:'';
	background:#1b4694 url(/pages/basic/img/main/t-arro.png) no-repeat center;
	border-radius:50%;
	transition: all .25s ease-in
	}
.header .btn:hover{text-decoration: none;}
.header .btn:hover:after{transition: all .25s ease-out;right:-28px;}


#header_wrap .header .menu_wrap {
    position:relative;
    display: flex;
    height: 100%;
	width:100%;
	max-width:1400px;
    margin: 0 auto;
    align-items: center;
}
#header_wrap .header .menu_wrap .logowrap a{background:url('/pages/grad/img/main/logo.png') left center no-repeat;width: 316px;display: inline-block;height: 64px;}
#header_wrap .header .menu_wrap .top-dday{background:#347ee9;margin-left: 13px;font-size: 21px;padding: 9px 15px;border-radius: 100px;color: #fff;}
#header_wrap .header .menu_wrap .lag-box{
    position: absolute;
    right: 105px;
    width: 98px;
    height: 43px;
}
#header_wrap .header .menu_wrap .lag-box button{
    border: 2px solid #066AFC;
    border-radius: 100px;
    background: transparent;
    font-size: 17px;
    text-transform: uppercase;
    color: #066AFC;
    box-sizing: border-box;
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 11px 21px 10px 21px;
}
#header_wrap .header .menu_wrap .lag-box button i{
    font-size: 13px;
    margin-left: 9px;
    margin-top: 1px;
}
#header_wrap .header .menu_wrap .lag-box ul{
	display:none;
	border-radius: 15px;
	padding: 20px 30px;
	margin-top: 18px;
	text-align: center;
	font-size: 16px;
	box-shadow: 5px 5px 20px rgba(0,0,0,.1);
	background: #fff;
}
#header_wrap .header .menu_wrap .lag-box ul li{
    line-height: 30px;
}
#header_wrap .header .menu_wrap .lag-box ul li:last-child{margin-bottom:0;border-bottom:0;}


#header_wrap .header .menu_wrap .header_info ul{position:absolute;right:0;top:36px;z-index:999}
#header_wrap .header .menu_wrap .header_info ul li{display:inline;position:relative}
#header_wrap .header .menu_wrap .header_info ul li a{width:25px; height:25px;display: inline-block;float:left;}




#header_wrap .header .menu_wrap .sitemap{position:absolute;right:0;width: 30px;height: 19px;}
#header_wrap .header .menu_wrap .sitemap span{position:relative;background:#000000;width:30px;height:3px;display: inline-block;}
#header_wrap .header .menu_wrap .sitemap span:before{content:'';display:inline-block;background:#000000;width:15px;height:3px;top: -8px;position: absolute;right: 0;}
#header_wrap .header .menu_wrap .sitemap span:after{content:'';display:inline-block;background:#000000;width: 22px;height:3px;bottom: -8px;position: absolute;left: 0;}
.mo_sitemap { display:none; }

#wrap {overflow-x: hidden;overflow-y: hidden;}

#navigation_pc {
    margin: 0 auto;
    width: 760px;
    position: absolute;
    left: 110px;
    right: 0;
}
#navigation_pc ul#navigation {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
	justify-content: space-evenly;
    width: auto;
    height: 100%;
}
#navigation_pc ul#navigation>li {
    /* min-width: 130px; */
    text-align: center;
    /* flex-grow: 1; */
    /*width: 180px;*/
    position: relative;
}
#navigation_pc ul#navigation>li>a {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    display: inline-block;
    /* position: relative; */
    /* max-width: 250px; */
    transition:.15s ease-in-out;
}
#navigation_pc ul#navigation>li>a:hover {color: #0076DE;font-weight: 800;}
#navigation_pc ul#navigation>li>a.blank:before{content:'';position:absolute;right: -20px;top: 3px;height: 11px;background: url(/pages/grad/img/main/ico-link.png) center no-repeat;width: 11px;}

#navigation_pc ul#navigation> li> a:hover:after {
    transform: scaleX(1);
    transform-origin: center;
}
#navigation_pc ul#navigation> li> a:hover {
    text-decoration: none;
	}
 #navigation_pc ul#navigation> li> a:hover> span {
    }

 #navigation_pc ul#navigation>li .pullDown{
	position: absolute;
	top: 37px;
	left: 50%;
	width: 186px;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	background-color: #208DE8;
	transform: translate(-50%, 29px);
	transition: opacity .3s, visibility .3s, transform .3s;
	z-index: 2001;
}
#navigation_pc ul#navigation>li .pullDown{transition:ease-in-out .25s; display:none;visibility: visible;opacity: 1;/* transform: translate(-50%, 10px); */}
#navigation_pc ul#navigation>li .pullDown ul {transition:ease-in-out .25s; position:relative;width: 100%;}
#navigation_pc ul#navigation>li .pullDown ul > li{text-align: center;border-bottom: 1px solid #ffffff2e;line-height:48px;}
#navigation_pc ul#navigation>li .pullDown a {
    position: relative;
    display: block;
    color: #fff;
    transition: background-color 0.2s ease;
    font-size: 17px;
    font-weight: 400;
    opacity: 0.75;
    letter-spacing: -0.5px;
	transition: ease-in-out .25s;
}
#navigation_pc ul#navigation>li .pullDown a:hover{background:#2a5fb9}
#navigation_pc ul#navigation>li .pullDown a.blank{position:relative;}
#navigation_pc ul#navigation>li .pullDown a.blank:before{content:'';display:inline-block;background:url('/pages/emobility/img/sub/new_site_ico.png') right center no-repeat;width: 12px;height: 12px;right: 0;position: absolute;top: 15px;}
#navigation_pc ul#navigation>li .pullDown a span{position: relative;}
#navigation_pc ul#navigation>li .pullDown a span:after{
	content: "";
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 0;
	height: 10px;
	opacity: .1;
	background-color: #00a2e1;
	transition: width .3s;
	z-index: -1;
}#navigation_pc ul#navigation>li .pullDown a:hover span:after{width:100%;}
#navigation_pc ul#navigation>li .pullDown a:hover {font-weight: 700;opacity: 1;}
#navigation > li > div.navigation_sub {
    display: none;
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    background: #fff; }
/* #navigation > li > div.navigation_sub:before{content:"";display:block;background: #fff;position: absolute;right: -615px;bottom: -63px;width: 100vw;height: 100%;top: 0;} */

#navigation > li > div.navigation_sub:before {content: ''; display: block; width: 100vw; height: 100%; position: absolute; left: calc(50% + 50px); top: 0; transform: translate(-50%,0); z-index: -10; background: linear-gradient(to right, #00509F 50% , #fff 50%);}


#navigation > li > div.navigation_sub.active {
    display: block; }
#navigation > li > div.navigation_sub > .navigation_sub_inner {
    display: flex;
    width: 100%; }
/* #navigation > li > div.navigation_sub:before {
	display: block;
	position: absolute;
	left: -221px;
	width:548px;
	content: "";
	height: 100%;
	background: url("/pages/grad/img/main/mainpulldown_bg2.png") left bottom no-repeat;
	z-index: 9;
}
 */

#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title:before{
    display: block;
    position: absolute;
    top: 0;
    /* left: -715px;
    width: 1000px; */
    left: -195px;
    width: 480px;
    content: "";
    height: 100%;
    background: #00509F url("/pages/grad/img/main/mainpulldown_bg2.png") right bottom no-repeat;
    background-size: 508px 495px;
}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title {
    width: 20%;
    background: #00509F;
    position: relative;
    padding: 25px 0;
    text-align: left;
/* 	min-height:528px;
	 */}

#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title > span.title {
    font-size: 30px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    position:relative;
    margin: 0 0 23px 0;
    line-height: inherit;
    height: 89px;
    }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title > span.title:before {
    display: block;
    content: "";
    width: 60px;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 2px;
    }


#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title > span.slogan {
    line-height: 25px;
    display: block;
    font-size: 16px;
    color: #fff;
	position: absolute;
    top: 142px;
    left: 0;
	}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .left_title:after {
    display: block;
    content: "";
    width: 190px;
    height: 190px;
    background: url(/pages/grad/img/main/mainpulldown_bg.png) center center no-repeat;
    position: absolute;
    bottom: 40px;
    right: 25px; }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    width: 75%;
	position:relative;
	min-height:450px;
	}
/* #navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content:after{background:#fff;
display: block;
position: absolute;
top: 0;
right: -1400px;
width: 1000px;
content: "";
height: 100%;

} */
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list {
    width: 124%;
    height: auto;
    min-height: 44px;
    position: relative;
    background: #fff;
    display: flex; }


#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title:before{
    content: "";
    display: block;
    width: 1000%;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
    bottom: -1px;left: 0;z-index: 1;
}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title {
    flex: 0 0 auto;
    width: 180px;
    /*border-bottom: 1px solid #3c4458;*/
    height: 100%;
    display: block; }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title > a {
    position: relative;
    display: block;
    height: 100%;
    color: #555; }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title > a{text-decoration:none;}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title > a span:hover {background:#1973CB; color:#fff;}

#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .sub_title > a > span {
    width: 100%;
    height: 100%;
    padding:13px 20px;
    display: block;
    background:#FBFBFB;
    font-size: 16px;
    color: #333;
    line-height: normal;
    font-weight: 500;
	text-align:left;
	}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 {
    width: 100%;
    display: flex;
    overflow: hidden;
    padding: 8px 10px 5px 15px;
    vertical-align: top;
    height: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 > li {
    flex: 0 1 auto;
    padding: 5px 10px 5px 0; }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 > li > a {
    display: block;
    padding-left: 5px;
    color: #777;
    position: relative;
    line-height: normal;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    }
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 > li > a:hover{color:#0054A6;}
#navigation > li > div.navigation_sub > .navigation_sub_inner > .sub_menu_content > .navigation_sub_list > .depth3 > li > a.blank:before{content:'';position:absolute;right: -16px;top: 2px;height:12px;background:url(/pages/grad/img/main/mainicon_blank_wh.png) right -12px no-repeat;padding-right:24px}



#navigation_mobile_wrap{ display:none; }


.sub_3dmenu{
				margin: 0 auto;
				width: 100%; margin-bottom:40px;
				max-width: 1430px; }
				.sub_3dmenu ul{display: flex; width: 100%; justify-content: flex-start; overflow:hidden;text-align:center;margin:0 auto;padding-top:1px;margin-left:1px; flex-wrap: wrap;}
				.sub_3dmenu ul li{display:inline-block; flex: 0 1 auto; width: calc(100% / 3);margin-left: -1px;}
				.sub_3dmenu ul li a{display:inline-block;width:100%;height:60px;margin:-1px 0 0px 1px;line-height:58px;font-size:18px;color:#666;letter-spacing:-1px;border:1px solid #ddd; box-sizing:border-box}
				.sub_3dmenu ul li .on { background:#282a2d;color: #fff;}

/* 서브 */
.contents_top {

	width: 100%;
    text-align: center;
    margin: 60px 0;
}
.sub_wrap {
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    margin-top:0px;
}

#sub_content {
    /* max-width: 1800px; */
    margin: 0 auto;
}

.lnb {
    text-align: center;
}
.lnb h2 {
    color: #fff;
    padding: 74px 0;
    font-size: 32px;
}
.lnb h2.s_visual1 {
    background: url("/pages/basic/img/sub/s_visual1.jpg") no-repeat center top;
}
.lnb h2.s_visual2 {
    background: url("/pages/basic/img/sub/s_visual2.jpg") no-repeat center top;
}
.lnb h2.s_visual3 {
    background: url("/pages/basic/img/sub/s_visual3.jpg") no-repeat center top;
}
.lnb h2.s_visual4 {
    background: url("/pages/basic/img/sub/s_visual4.jpg") no-repeat center top;
}
.lnb h2.s_visual5 {
    background: url("/pages/basic/img/sub/s_visual4.jpg") no-repeat center top;
}

.lnb .sub_2dmenu {
    background: #fafafa;
    padding: 10px 0;
    text-align: center;
}
.lnb .sub_2dmenu li {
    display: inline-block;
}
.lnb .sub_2dmenu li a {
    padding: 10px 30px;
    font-size: 20px;
    display: block;
}
.lnb .sub_2dmenu li a.on {
    font-weight: 800;
    color: #000;
}

.content_box {
    width: 1500px;
    margin: 0 auto;
    padding: 0px 0 100px 0;
    overflow: hidden;
}
@media (min-width: 280px) and (max-width: 320px) {
    .content_box {
        width: 100%;
    }
	.lnb .sub_2dmenu li a {
    padding: 10px 10px;
    font-size: 16px;}

}
@media (min-width: 321px) and (max-width: 690px) {
    .content_box {
        width: 100%;
    }
	.lnb .sub_2dmenu li a {
    padding: 10px 15px;
    font-size:18px;
    display: block;

}
.sub_3dmenu ul li a{font-size:14px}
.contents_top {

	width: 100%;
    text-align: center;
    margin: 40px 0;
}

}
@media (min-width: 691px) and (max-width: 899px) {
    .content_box {
        width: 100%;
    }
}
@media (min-width: 900px) and (max-width: 1399px) {
    .content_box {
        width: 100%;
    }
}
@media (min-width: 280px) and (max-width: 320px) {
    .content_box {
        padding: 60px 15px;
    }
}
@media (min-width: 321px) and (max-width: 690px) {
    .content_box {
        padding: 20px 15px;
    }
	.goal_box .goal_p4{width:99%}
}
@media (min-width: 691px) and (max-width: 899px) {
    .content_box {
        padding: 60px 15px;
    }
}
@media (min-width: 900px) and (max-width: 1399px) {
    .content_box {
        padding: 60px 15px;
    }
}



.subtop_title {
  font-size: 35px;
    color: #000000;
    font-weight: 600;
    letter-spacing: -2px;
    position: relative;
    display: inline-block;
}
.subtop_title:after {content: '';width:100%;height: 6px;position: absolute;display: inline-block;bottom: -20px;transform: translate(-50%, -50%);left: 50%;background:#1b4694;}

.subtop_p {
    font-size: 17px;
    color: #666;
    text-align: center;
    margin-bottom: 40px;
    display: inline-block;
}
@media (min-width: 280px) and (max-width: 320px) {
    .subtop_p {
        margin: 0;
    }
}

.contents_top .info {
    width: 95px;
    position: relative;
    display: inline-block;
    margin-left: 10px;
    top: 14px;
}
.contents_top .info .sns {
    float: left;
    position: relative;
}
.contents_top .info .sns button {
    font-size: 0;
    border-radius: 30px;
    width: 40px;
    height: 40px;
    color: #fff;
    border: 1px solid #ccc;
    background: rgba(0, 0, 0, 0) url(/pages/basic/img/sub/s_snsbtn.png) no-repeat right center;
    cursor: pointer;
}
.contents_top .info .sns #sns_share {
    position: absolute;
    width: 200px;
    height: 50px;
    overflow: hidden;
    left: 0;
    bottom: auto;
    top: 50px;
    margin: 0;
}
.contents_top .info .sns #sns_share li a {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 0;
    background: #fff;
    display: block;
    margin-bottom: 3px;
    float: left;
    margin-right: 5px;
}
.contents_top .info .sns #sns_share li a.fa {
    background: #195fad url(/pages/basic/img/sub/sns_icofa.png) no-repeat center center;
}
.contents_top .info .sns #sns_share li a.tw {
    background: #359bed url(/pages/basic/img/sub/sns_icotw.png) no-repeat center center;
}
.contents_top .info .sns #sns_share li a.bd {
    background: #1bcc21 url(/pages/basic/img/sub/sns_icobd.png) no-repeat center center;
}
.contents_top .info .sns #sns_share li a.ks {
    background: #fdcf00 url(/pages/basic/img/sub/sns_icoks.png) no-repeat center center;
}
.contents_top .info a.btn_qr_sub {
    float: left;
    border: 1px solid #ccc;
    background: rgba(0, 0, 0, 0) url(/pages/basic/img/sub/s_qrbtn.png) no-repeat center center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 0;
    margin-left: 5px;
}
.contents_top .info .qr_sub_on {
    width: 350px;
    height: 313px;
    padding: 18px 24px 0 24px;
    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 10;
    top: 45px;
    left: 0;
    border: 1px solid #ddd;
    overflow: hidden;
    background: #fff;
}
.contents_top .info .qr_box {
    background: url(/pages/basic/img/sub/qr_subbg.png) bottom center #fff no-repeat;
    height: 295px;
}
.contents_top .info dl {
    display: block;
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 12px 0 15px 0;
}
.contents_top .info dl dt {
    font-size: 17px;
    text-align: center;
    color: #000;
    font-weight: 700;
    padding-bottom: 15px;
}
.contents_top .info dl dd {
    text-align: center;
    line-height: 20px;
    color: #555;
    font-size: 13px;
    letter-spacing: -0.08em;
}
.contents_top .info .qr_img {
    width: 100%;
    position: relative;
    text-align: center;
    padding-top: 70px;
}
.contents_top .info .btn_close {
    position: absolute;
    top: 15px;
    right: 20px;
    border-right: none;
}


/* 공통 */
.h3_butt{float:left;width:100%;position:relative;font-size:2.3rem;line-height:3.4rem;padding-top:7px;font-weight:700;color:#000;letter-spacing:-.07rem;margin:40px 0 25px 0;padding-left:50px}
.h3_butt:before{content: "";display: block;width:34px;border-top:3px solid #009be5;padding-top:15px;left:0;position:absolute;top:21px}
.h4_butt{float:left;width:100%;font-size:1.9rem;line-height:2.9rem;font-weight:700;color:#3249b9;margin:10px 0 15px 0}
.h5_butt{float:left;width:100%;font-size:1.7rem;line-height:2.7rem;font-weight:700;color:#555;margin:10px 0 10px 0}

.h3_butt span{font-size:1.7rem;color:#555}
.h4_butt span{font-size:1.7rem;color:#555}
.h3_butt .stitle,.h4_butt .stitle{font-size:1.5rem;color:#000;font-weight:400;padding-left:12px}


/* table */
.table_type1 table{text-align:center;border-top:2px solid #000;border-bottom:1px solid #b5b9c4;margin: 4px 0 30px 0;font-size:14px;background:#fff}
.table_type1 th,.table_type1 td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.table_type1 th{background-color:#f8f8f8;font-size:20px;color:#272727;padding:10px 5px;font-weight:600;line-height:2.5rem;letter-spacing:-.04em}
.table_type1 td{color:#666;padding:11px 10px;font-size: 16px;line-height: 1.5rem;vertical-align:top}
.table_type1 td.textl{ text-align:left; margin-left:20px}

.table_type3 table{text-align:center;border-top:2px solid #000;border-bottom:1px solid #b5b9c4;margin: 4px 0 30px 0;font-size:14px;background:#fff}
.table_type3 th,.table_type3 td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.table_type3 th{background-color:#f8f8f8;font-size:20px;color:#fff;padding:10px 5px;font-weight:600;line-height:2.5rem;letter-spacing:-.04em}
.table_type3 td{color:#666;padding:11px 10px;font-size: 16px;line-height: 1.5rem;vertical-align:top}
.table_type3 td{color:#666;padding:11px 10px;font-size: 16px;line-height: 1.5rem;vertical-align:top}
.table_type3 td.textl{ text-align:left; margin-left:20px}
.table_type3 th.hak1{background:#3177d5}
.table_type3 th.hak2{background:#17c0be}
.table_type3 th.hak3{background:#6fb136}
.table_type3 th.hak4{background:#3177d5}

/* footer */
footer{
    width: 100%;
    background: #575757;
}
footer #footer_wrap{
    width: 1400px;
    margin: 0 auto;
    display: flex;
    height: 154px;
    align-items: center;
    color: #fff;
}
footer #footer_wrap .address_box{
    margin: 3px 0 0 96px;
    font-size: 17px;
}
footer #footer_wrap .address_box .footer_address{
}
footer #footer_wrap .address_box p.copy{
    margin-top: 7px;
}


/* sub */
#contents{width:1400px; margin:0 auto;margin-top:0px;}
#contents #page_content{padding-bottom: 50px;}


.btn_fullmenu{background:url(/pages/basic/img/main/ico-sitemap.png) center no-repeat;     width: 25px;
    height: 25px;
    display: inline-block;
    float: left;     position: absolute;
    right: 0;}
.mo_btn { display:none; }

@media screen and (max-width:1300px){
	.header .btn { right: 40px; }

	#navigation_pc { display:none; }

	.mo_btn { display:block; }

	/* 모바일메뉴 */
#navigation_mobile_wrap{position:fixed;width:100%;height:100%;top:70px;z-index:9999;display:none;}
#navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
#navigation_mobile .gnb_top2{position:absolute;top:0;left:0;width:100%;height:50px;background:#fff;line-height:40px;}
#navigation_mobile .gnb_top2 .m_language_box{}
#navigation_mobile .gnb_top{position:absolute;top:50px;left:0;width:100%;height:50px;background:#2a334d;line-height:40px;}
#navigation_mobile .gnb_top ul li{position: relative;    display: inline-block;    width: 100%;/*border-bottom: 1px solid  #bcbcbc;*/}
#navigation_mobile .gnb_top ul li a{display: inline-block;color: #555;font-size: 1.3rem;width: 100%; line-height: 16px;vertical-align: middle;padding:0;}
#navigation_mobile .gnb_top ul li a:hover{opacity:1;text-decoration:none}
#navigation_mobile .gnb_top ul li:last-child:before{background:none}

#navigation_mobile .navigation_nav{
    top: 100px;
    position: fixed;
    width: 100%;
    height: 50px;
}
#navigation_mobile .navigation_nav a{width:calc(100% / 2);position: relative;color: #fff;border: none;height: 100%;line-height: 50px;cursor: pointer;text-align: center;font-weight: bold;display: block;text-decoration: none !important;border-right: 1px solid #62697b;box-sizing: border-box;margin: 0;floaT: left;background: #4a5369;font-size: 15px;}



#navigation_mobile .gnb_wrap{position:fixed;top: 107px;/* right:-100% ; */overflow:hidden;width:100%;height:100%;margin:0;background:#fff;transition:right 0.3s}
    #navigation_mobile .gnb_wrap .lang_wrap{overflow:hidden;position:absolute;bottom:0;left:0;width:100%;height:40px;padding:0 20px;background:#3D3D3D;line-height:40px;}
    #navigation_mobile .gnb_wrap .lang_wrap p{float:left;font-weight:500;color:#fff;}
    #navigation_mobile .gnb_wrap .lang_wrap ul{float:right;}
    #navigation_mobile .gnb_wrap .lang_wrap li{display:inline-block;height:auto;border:0;line-height:1;}
    #navigation_mobile .gnb_wrap .lang_wrap li a{font-size:1.3rem;color:#fff}
    #navigation_mobile .gnb_wrap .lang_wrap li + li a{padding-left:15px;margin-left:15px;border-left:1px solid #787878;}
    #navigation_mobile .gnb_list{display:block;overflow:auto;/*max-height:calc(100% - 85px);*/height:100%;background:#343434;}
    #navigation_mobile .gnb_list ul li a{text-decoration:none;}
    #navigation_mobile .depth1 > li{width:120px;padding:0;text-align:center}
    #navigation_mobile .depth1 > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        z-index: 100000;
        position: relative;
        border-bottom:1px solid #4a4a4a;
        height: 50px;
    }

    #navigation_mobile .depth1 > li > a:hover{text-decoration:none;    background: #0054a6;}
    #navigation_mobile .depth1 > li > a span{display:block;width:100%;background: no-repeat 48% 0%;color:#fff;opacity:0.8;background-size:55px;text-align: center;font-size: 16px;}/**/
    #navigation_mobile .depth1 > li > a:hover{opacity:1}

    #navigation_mobile .depth1 > li > a::after{display:none}
    #navigation_mobile .gnb_bg{top: 0;left:120px;width:calc(100% - 120px);/*height:calc(100% - 45px);*/padding:0;box-shadow:none;display:block;text-align:left;background:#fff;visibility: hidden;opacity: 0;position:absolute;text-align:left;background:#fff;}
    #navigation_mobile .gnb_scroll{overflow:auto;max-width:100%;max-height:calc(100% - 150px);margin:0;position:relative;width:100%}/* -45 */
    #navigation_mobile .depth2{display:block;flex-wrap: wrap;}
    #navigation_mobile .depth2 > li{width:100%;padding:0;margin:0}
    #navigation_mobile .depth2 > li > a{
        position: relative;
        padding: 0 20px;
        padding-right: 20px;
        padding-right: 50px;
        border-bottom: 1px solid #ddd;
        font-size: 15px;
        line-height: 50px;
        display: block;
        font-weight: 600;
        color: #555;
        height: 51px;
        }
    #navigation_mobile .depth2 > li:first-child > a{border-top: 1px solid #ddd;}
    #navigation_mobile .depth2 > li > a:hover{text-decoration:none !important;}
    #navigation_mobile .depth2 > li > a:after {content: '';display:block;position:absolute;top:0px;right:0px;width:50px;height:50px;background: url(/pages/basic/img/common/arrow_lnb_3depth.png) no-repeat 50% 50%;
        background-size:100%;}
    #navigation_mobile .depth2 > li.active > a:after{background:url(/pages/basic/img/common/arrow_lnb_2depth_on.png) no-repeat 50% 50% !important;transform:rotate(270deg)} /**/
    #navigation_mobile .depth2 > li.active a{color: #0b7de1;font-weight: 700;}
    #navigation_mobile .depth2 > li.open a:after{background:url(/pages/basic/img/common/arrow_lnb_2depth_on.png) no-repeat 50% 50%;}
    #navigation_mobile .depth2 > li > a.is-active{color:#1969b2}
    #navigation_mobile .depth2 > li > a.is-active::after{background-image:url(./images/common/mobile_2depth_gnb_minus.png)}
    #navigation_mobile .depth3{display:none;background:#eee;padding:0px;}


    /* 	#navigation_mobile .depth3 > li + li{border-top:1px solid #eee} */
    #navigation_mobile .depth3 > li > a{
        width: 100%;
        margin: 0;
        padding: 0 20px;
        font-size: 15px;
        background: #f7f7f7 !Important;
        color: #666 !important;
        display: block;
        font-weight: 600;
        border-bottom: 1px solid #ddd !important;
        height: 50px;
        line-height: 50px;
    }
    #navigation_mobile .depth3 > li.blank > a span{width:15px;height:15px;background:url(/pages/basic/img/main/icon_blank.png) right center no-repeat;padding-right:20px}
    #navigation_mobile .depth3 > li.blank > a:hover span{background:url(/pages/basic/img/main/icon_blank_on.png) right top no-repeat}
    #navigation_mobile .depth3 > li.active a,#navigation_mobile .depth3 > li > a:hover{background: #75809d !important;color:#fff !important;text-decoration:none}

    #navigation_mobile .depth3 > li > a::before{display:none}
    #navigation_mobile .gnb_wrap .gnb_close{display:none}



    header .depth3 > li {
        /*width: 100%;*/
        padding: 0;
        margin: 0;}
    #navigation_mobile .logo_wrap .logo{background-image:url(./images/common/kmu_logo_m.png)}
    #navigation_mobile .gnb_btn i{position:relative;background:#333}
    #navigation_mobile .gnb_btn i:nth-child(1){top:8px;transform:rotate(45deg)}
    #navigation_mobile .gnb_btn i:nth-child(2){transform:translateX(150%)}
    #navigation_mobile .gnb_btn i:nth-child(3){top:-8px;transform:rotate(-45deg)}
    #navigation_mobile .depth1 > li > a:hover,
    #navigation_mobile .depth1 > li > a{}

    #navigation_mobile .depth1 > li.active > a{background:#0b7de1;}
    #navigation_mobile .depth1 > li.active > a span{opacity:1}
    #navigation_mobile .depth1 > li.active .gnb_bg{visibility:visible;opacity:1;height: 100%;background: #fff;}
    #navigation_mobile.scroll{border-bottom:1px solid #E6E6E6;background:#fff}
    #navigation_mobile.scroll .logo_wrap .logo{background-image:url(./images/common/kmu_logo_m.png)}
    #navigation_mobile.scroll .gnb_btn i{position:relative;background:#333}
    #navigation_mobile.scroll .search_wrap > .search_btn{background-image:url(./images/common/header_search_btn_ic_b_m.png)}
}

/****** Mobile ******/
@media screen and (max-width:690px){
/* table */
.table_type1{overflow:hidden;overflow-x:scroll !important;width:100%}
.table_type1:before{display:block;margin-bottom:10px; content:"모바일환경에서는 좌우로 스크롤하여 보실 수 있습니다.";font-weight:500;color:#d80b8c;font-size:1.3rem}
.table_type1 table{min-width:650px}


.table_type3{overflow:hidden;overflow-x:scroll !important;width:100%}
.table_type3:before{display:block;margin-bottom:10px; content:"모바일환경에서는 좌우로 스크롤하여 보실 수 있습니다.";font-weight:500;color:#d80b8c;font-size:1.3rem}
.table_type3 table{min-width:650px}


}

@media (min-width: 280px) and (max-width: 320px) {
    .contents_top .info {
        margin-bottom: 20px;
    }
}



/* 반응형 */
@media screen and (max-width: 1400px) {
	.header, footer #footer_wrap, #contents{width:100%;padding: 0 2%;}
}


@media screen and (max-width: 900px) {
	.f-logo{display:none;}
	footer #footer_wrap{height: 144px;}
	footer #footer_wrap .address_box{margin: 0;font-size: 15px;}
}


@media screen and (max-width: 500px) {
.header .logo a img{width:190px;}
.header .btn{width: 100px; height: 40px; line-height: 40px; font-size: 14px;padding: 0;text-align: center;}
.header .btn:after{display:none;}
}