@charset "utf-8";

@import "reset.css";
@import "main.css";
@import "content.css";
@import "apply.css";
@import "font.css";


#accessibility-contents {position:absolute;width:100%;height:0;}
#skipNav {position:absolute;left:0;top:0;width:100%;z-index:999;}
#skipNav a {display:block;width:100%;height:0px;background:#333;line-height:30px;color:#fff;text-align:center;font-weight:bold;overflow:hidden;}
#skipNav a:focus, #skipNav a:active {height:30px;}

.show {display:block}
.hide {display:none}

.screen_out {overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px;} /* 대체텍스트가 아닌 접근성을 위한 숨김텍스트를 제공할때 */
.longdesc_hidden { overflow:hidden;position:absolute;height:1px;left:-10000px;}

.new_win:after {content:"";display:inline-block;margin-left:5px;width:10px;height:10px;background-image:url(../images/common/ico_new_win.png);background-repeat:no-repeat;background-position:center center;}
.new_win_w:after {content:"";display:inline-block;margin-left:5px;width:10px;height:10px;background-image:url(../images/common/ico_new_win_w.png);background-repeat:no-repeat;background-position:center center;}


input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#999;}
input::placeholder, textarea::placeholder {color:#999;opacity:1;}




/* gnb */

#gnb > .inner {margin:0 auto;padding-left:450px;padding-right:0;max-width:1200px;}
#gnb .gnb_list_wrap {margin-right:50px;}
#gnb .gnb_list_wrap:after {content:'';display:block;clear:both;}
#gnb .gnb_list:after {content:'';display:block;clear:both;}

#gnb .gnb_list .dep1:hover .dep1_sub_menu {display:block;}
#gnb .gnb_list .dep1:focus .dep1_txt:after {content:'';display:block;position:absolute;left:0;right:0;bottom:0;height:5px;background-color:#2f90b1;}
#gnb .gnb_list li a {display:block;text-align:center;}
#gnb .gnb_list li a:hover {text-decoration:none;color:#2f90b1;}

#gnb .gnb_list li .dep1_sub_menu {display:none;position:absolute;top:100%;left:0;right:0;z-index:10;border:1px solid #2d6e84;}
#gnb .gnb_list li .dep2 li {border-bottom:1px solid #2d6e84;}
#gnb .gnb_list li .dep2 li:last-child {border-bottom:0;}
#gnb .gnb_list li .dep2 li .dep2_txt {padding:10px 10px;color:#fff;font-size:15px;background-color:#2f90b1;word-break:keep-all;}
#gnb .gnb_list li .dep2 li .dep2_txt:hover {font-weight:bold;background-color:#007dac;}

#gnb .gnb_other_btn {height:99px;}
#gnb .hd_srch_btn {position:absolute;top:25px;left:50%;margin-left:545px;z-index:15;width:50px;height:50px;line-height:50px;background-color:#fff;background-image:url(../images/common/hd_srch_ico.png);background-repeat:no-repeat;background-position:center;text-indent:-9999px;text-align:center;}
#gnb .hd_srch_btn.active {background-image:url(../images/common/hd_srch_close_ico.png);background-color:#0d85ad;border-radius:50%;}
#gnb .hd_srch_wrap {display:none;position:absolute;top:100px;right:0;padding:10px;min-width:100%;height:150px;box-sizing:border-box;background-color:#0d85ad;z-index:14;}
#gnb .hd_srch_wrap .srch_inner {width:800px;;margin:40px auto 0;}
#gnb .hd_srch_wrap input {display:inline-block;padding:0 0 15px 0;width:93%;margin-right:20px;color:#fff;border-bottom:2px solid #fff;border-left:0;border-right:0;border-top:0;background-color:transparent;box-sizing:border-box;vertical-align:middle;font-size:20px;outline:0;}
#gnb .hd_srch_wrap input::placeholder {color:#fff;}
#gnb .hd_srch_wrap input:-ms-input-placeholder {color:#fff;} /* Internet Explorer */
#gnb .hd_srch_wrap input::-webkit-input-placeholder {color:#fff;} /* Edge */
#gnb .hd_srch_wrap .srch_btn {display:inline-block;width:30px;height:30px;line-height:30px;background-color:transparent;background-image:url(../images/common/hd_srch_ico_w.png);background-repeat:no-repeat;background-position:center;text-indent:-9999px;}




/* container */




/* topGo */
#topGo {display:none;position:fixed;bottom:5%;right:5%;z-index:900;}
#topGo a {display:block;width:70px;height:70px;line-height:70px;color:#fff;border-radius:50%;background-color:rgba(0, 0, 0, 0.7);text-align:center;}



/*  */
@media screen and ( max-width:1200px ){
	

	/* header */
	#header .logo {left:3%;}


	/* gnb */
	#gnb > .inner {padding-left:35%;width:94%;}
	#gnb .hd_srch_btn {left:auto;margin-left:0;right:20px}



	/* footer */
	#footer > .inner {width:94%;}


}


/* 테블릿 */
@media screen and ( max-width:1024px ){

	/* gnb */
	#gnb > .inner {display:none;}
	#gnb .hd_srch_wrap {height:140px;}
	#gnb .hd_srch_btn {right:3%;width:30px;height:30px;top:34px;}
	#gnb .hd_srch_btn.active {background-size:50%;}
	#gnb .hd_srch_wrap .srch_inner {width:600px;margin-top:35px;}
	#gnb .hd_srch_wrap input {width:91%;font-size:18px;}




	    



}



/* 모바일 */
@media screen and ( max-width:768px ){
	
	#wrapper {font-size:1em;}
	#wrapper * {word-break:break-all;word-wrap:break-word;}
	
	/* gnb */
	#gnb {height:70px;}
	#gnb .gnb_other_btn {height:70px;}
	#gnb .hd_srch_btn {top:21px;}
	#gnb .hd_srch_wrap {top:70px;height:130px;border-bottom:1px solid #ccc;}
	#gnb .hd_srch_wrap .srch_inner {width:80%;}
	#gnb .hd_srch_wrap input {margin-right:10px;width:85%;font-size:1rem;padding-bottom:10px;}

	.mobile_gnb_btn .all_menu_btn {margin-top:-21px;}

	/* header */
	#header .logo {top:61px;width:192px;}
	#header .logo a {font-size:18px;}
	#header .logo a span {height:24px;width:77px;}

	#header .hd_top .inner {padding-left:50px;width:100%;height:40px;}
	#header .hd_top .hdt_left {position:relative;width:50%;z-index: 20;}
	#header .hd_top .hdt_left a.home_btn {position:absolute;top:0;left:-50px;height:40px;line-height:40px;}
	#header .hd_top .hdt_left .mobile_link_btn {display:block;position:relative;width:100%;padding:0 15px;line-height:40px;color:#fff;font-size:14px;border-right:1px solid #323f51;text-align:left;}
	#header .hd_top .hdt_left .mobile_link_btn:after {content:"";display:inline-block;position:absolute;top:50%;right:15px;margin-top:-7px;width:7px;height:7px;border-right:2px solid #a4a8b3;border-bottom:2px solid #a4a8b3;transform:rotate(45deg);-webkit-transform:rotate(45deg);transition: all .25s;}
	#header .hd_top .hdt_left .mobile_link_btn.active:after {margin-top:-2px;transform: rotate(-135deg);}
	#header .hd_top .hdt_left > ul {display:none;float:none;position:absolute;top:100%;left:-1px;right:0;background-color:#1c2640;}
	#header .hd_top .hdt_left > ul li {float:none;}
	#header .hd_top .hdt_left > ul li a {display:block;float:none;height:auto;padding:4px 0;color:#fff;border-top:1px solid #323f51;border-right:0;line-height:1.5;text-align:center;}
	#header .hd_top .hdt_right {width:50%;}
	#header .hd_top .hdt_right .login_btn {display:none;}
	#header .hd_top .hdt_right .sns {width:100%;text-align:right;}
	#header .hd_top .hdt_right > ul > li {border-left:0;}

	/* footer */
	#footer {padding:10px 0}
	#footer .f_nav a {margin-right:4px;font-size:0.75rem;}
	#footer .f_nav a:before {left:-12px;font-size:0.6rem;}
	#footer .f_info {padding:10px 0}
	#footer .f_info p {font-size:0.75rem;}


	/* topGo */
	#topGo {bottom:3%;right:3%;}
	#topGo a {width:50px;height:50px;line-height:50px;font-size:12px;}

	


}



@media screen and ( max-width:413px ){

	#header .logo {width:186px;}
	#header .logo a {height:28px;font-size:17px;}

	/* gnb */
	#gnb .hd_srch_wrap input {width:82%;}



}