/***********************************************
레이아웃(헤더)
***********************************************/

/* 레이아웃(헤더) */
	#head {width:100%;background-color:#0a4d92;}
	header {height:80px;}
	header #topmenu {width:100%;max-width:1200px;margin:0 auto;}

	header #topmenu #header_logo {float:left;width:80px;padding:20px 0 0 0;}
	header #topmenu #gnbwrap {float:right;}
	header #topmenu #gnbwrap {display:inline-block; margin:0px auto; border:solid 0px #000; overflow:hidden; z-index:11;}

	#gnb > ul > li {display:inline-block; }
	#gnb > ul > li > a{ font-weight:bold; text-decoration: none;  display: block; position: relative; color: #ffffff; letter-spacing: ;font-size:16px; z-index: 1; padding:35px 60px 18px 60px; height:100%;}
@media(max-width:1200px) {
	#gnb > ul > li > a{ font-weight:bold; text-decoration: none;  display: block; position: relative; color: #ffffff; letter-spacing: ;font-size:16px; z-index: 1; padding:35px 50px 18px 50px; height:100%;}
}
@media(max-width:1100px) {
	#gnb > ul > li > a{ font-weight:bold; text-decoration: none;  display: block; position: relative; color: #ffffff; letter-spacing: ;font-size:16px; z-index: 1; padding:35px 40px 18px 40px; height:100%;}
}
@media(max-width:1000px) {
	#gnb > ul > li > a{ font-weight:bold; text-decoration: none;  display: block; position: relative; color: #ffffff; letter-spacing: ;font-size:16px; z-index: 1; padding:35px 30px 18px 30px; height:100%;}
}
	#gnb > ul > li > a:hover{border-bottom:4px solid #ffffff;color:#ffffff;}

	/* 대메뉴 : 선택 상태 */
	#gnb > ul > li > .mmc {color:#ffff00;}

	#header_home_box { position:relative; }
	#header_home { position:absolute; right:7px; padding:7px 0 0 0; z-index:8; }
@media(max-width:900px) {
	#header_home { position:absolute; right:60px; padding:24px 0 0 0; }
}
	#header_home a{ font-size:10px;color:#d1d1d1;padding:5px 10px;border:1px solid #d1d1d1}
	#header_home a:hover{ font-size:10px;color:#fff;font-weight:bold;border:1px solid #fff}


	#header_language { float:right ;padding:35px 0 0 30px;}
	#header_language a{ font-size:14px;color:#d1d1d1;padding:5px 10px;border:1px solid #d1d1d1}
	#header_language a:hover{ font-size:14px;color:#fff;font-weight:bold;border:1px solid #fff}

	header #gnb_sub {position:absolute;top:100px;left:0px;background-color:#fff;border-bottom:1px solid #efefef;width:100%; z-index:11;text-align:center;display:none;}
	header #gnb_sub ul {max-width:1200px;margin:0 auto;margin-top:-11px;padding-top:10px;}
	header #gnb_sub ul li {display:inline-block;padding:10px 22px 10px 23px;}
	header #gnb_sub ul li a {font-size:16px;color:#222;}
	header #gnb_sub ul li a:hover {color:#0facb6;font-weight:bold;}
	header #gnb_sub ul li a.active {color:#0facb6;font-weight:bold;}

	header #topmenu #m_gnb {display:none;float:right;padding-top:15px;padding-right:15px;}
	header #topmenu #m_gnbwrap {display:none;position:fixed;right:0px;width:80%;max-width:700px;height:100%;background-color:#fff;z-index:9}
	header #topmenu #m_gnbwrap ul {position:relative;}
	header #topmenu #m_gnbwrap ul li {display:block;border-bottom:1px solid #ddd;padding-top:10px;padding-bottom:10px;}
	header #topmenu #m_gnbwrap ul li a {font-size:16px;font-weight:bold;color:#222;margin-left:10px;padding-bottom:10px;}
	header #topmenu #m_gnbwrap ul li img {float:right;margin-top:10px;margin-right:10px;cursor:pointer}

	header #topmenu #m_gnbwrap ul li ul{background-color:#f5f5f5;margin-top:10px;border-top:1px solid #ddd;margin-bottom:-10px}
	header #topmenu #m_gnbwrap ul li ul li{display:inline-block;padding:10px 0px;width:90%;border-bottom:none}
	header #topmenu #m_gnbwrap ul li ul li a {font-size:14px;font-weight:normal;color:#555;margin-left:20px;}
	/*header #topmenu #m_gnbwrap ul li ul li:nth-child(2n) a {margin-left:0px;}*/
	header #topmenu #m_gnbwrap #m_gnb_btn ul li {display:inline-block;width:40%;}
	header #topmenu #m_bottom_btn {display:none;}

/* 레이아웃(서브메뉴) */
	header #gnb_sub #gnb2m1 {position:relative;left:-95px;}
	header #gnb_sub #gnb2m2 {position:relative;left:-30px;}
	header #gnb_sub #gnb2m3 {}
	header #gnb_sub #gnb2m4 {text-align:right; position:relative;left: -190px;}
	header #gnb_sub #gnb2m5 {text-align:right; position:relative;left:-90px;}
	header #gnb_sub #gnb2m6 {text-align:right;}
	header #gnb_sub #gnb2m7 {text-align:right;}
	header #gnb_sub #gnb2m8 {text-align:right;}
	header #gnb_sub #gnb2m9 {text-align:right;}
	header #gnb_sub #gnb2m10 {text-align:right;}

	#sub_menu {margin-top:-40px;padding-top:25px;text-align:center}
	#sub_menu ul{display:inline-block;width:100%}
	#sub_menu ul li{display:inline-block;padding:0 35px; border-right:1px solid #757575}
	#sub_menu ul li:last-child{border:none;}
	#sub_menu ul li a {font-weight:bold;color:#757575;}
	#sub_menu ul li a:hover {color:#fff;}
	#sub_menu ul li.active a {color:#fff !important;}
	/* 서브메뉴 : 선택 상태 */
	#sub_menu ul li > .smc {color:#ffffff;}


/* 로케이션/타이틀 */
	#location {width:100%;border-bottom:1px solid #ddd;position:relative;top:70px;height:280px;padding:100px 0;margin-bottom:70px;}
	#location .contaner {width:1200px;margin:0 auto;}
	#location #loc_prev {float:left;max-width:50px;width:5%;}
	#location #loc_next {float:right;max-width:50px;width:5%;}

	#location #loc_title {float:left;width:90%;max-width:1100px;text-align:center;}

/*	header ul li { display:inline-block; clear:both; position: relative; margin: 0; padding:0px 0 10px 0;font-size:16px;color:#222;padding:10px 25px 10px 20px;} */

	#p_sch_txt	{max-width:500px;width:60%;height:40px;}


	#divpop {position: fixed; top: 400px; left: 50%; transform: translate(-50%, -50%);width:100%;max-width:600px; border: 5px solid rgb(102, 153, 255); padding: 2px; background-color: rgb(250, 250, 250); z-index: 999999; display: block;}

/***********************************************
레이아웃(푸터)
***********************************************/

/* 레이아웃(푸터) */
	footer {margin-top:30px;font-size:14px; color:#ccc; margin:0;padding:50px 10px; background-color: #4c4743;text-align:center;}
	footer #footerlogo {margin:0;padding:0;}
	footer #footerlink {margin-top:30px;font-size:12px; color:#ccc;font-weight:normal;}
	footer #footerlink a {color:#ccc;font-weight:normal;}
	footer #footerlink a:hover {color:#eee;font-weight:normal;}
	footer #footertext {margin-top:10px;padding:0px 10px;font-size:12px; color:#ccc;line-height:1.7}
	footer #footertext .title {font-size:12px; color:#fff;padding-left:10px;font-family: '돋움', dotum;}
	footer #footercopy {margin-top:20px;font-size:12px; color:#888;}


@media(max-width:1279px)
{

	header #gnb_sub ul {max-width:100%;}
	header #gnb_sub ul li a {font-size:14px;color:#222;}
	#location .contaner {width:1000px;}

	/* 레이아웃(서브메뉴) */
	header #gnb_sub #gnb2m1 {position:relative;left:-58px;}
	header #gnb_sub #gnb2m2 {position:relative;left:-15px;}
	header #gnb_sub #gnb2m3 {position:relative;left:5px;}
	header #gnb_sub #gnb2m4 {position:relative;left: -150px;}
	header #gnb_sub #gnb2m5 {position:relative;left:-90px;}
	header #gnb_sub #gnb2m6 {position:relative;left:-45px;}

}

@media(max-width:1024px)
{

	header #topmenu #header_logo {padding-left:10px;}
	header #gnb_sub ul {max-width:100%;}
	header #gnb_sub ul li a {font-size:12px;color:#222;}

	/* 레이아웃(서브메뉴) */
	header #gnb_sub #gnb2m1 {position:relative;left:0px;}
	header #gnb_sub #gnb2m2 {}
	header #gnb_sub #gnb2m3 {}
	header #gnb_sub #gnb2m4 {}
	header #gnb_sub #gnb2m5 {}
	header #gnb_sub #gnb2m6 {position:relative;left:-15px;}

	#location .contaner {width:840px;}
}

@media(max-width:900px)
{
	header {height:70px;}
	header #topmenu #header_logo {float:left;padding:15px 0 0 15px;;}
	header #topmenu #gnbwrap {display:none;}
	header #topmenu #m_gnb {float:right ;display:block;padding-top:25px;}
	header #topmenu #m_bottom_btn {display:block;position:fixed;bottom:0;width:100%;}
	header #gnb_sub {display:none}
	#header_language { float:left ;padding:25px 0 20px 100px;}
	#location {top:50px;padding:30px 0;margin-bottom:50px;height:auto;}
	#location .contaner {width:100%;margin:0 auto;}
	#location #loc_title {float:none;width:100%;}


	/* 레이아웃(푸터) */
	/*footer #footertext .title {display:block;}*/
	footer #footercopy {margin-top:40px;font-size:12px; color:#666;}
	footer {font-size:14px; color:#ccc; margin:0;padding:50px 0; background-color:#222;text-align:center;}
	footer #footerlogo {margin:0;padding:0;}
	footer #footerlogo .pdr_20 {padding-right: 10px;}
	footer #footerlogo .pdl_20 {padding-left: 10px;}
	footer #footerlink {margin-top:30px;font-size:14px; color:#ccc;font-weight:normal;}
	footer #footertext {font-size:12px;}
	footer #footertext .title {font-size:12px;}


	#p_sch_txt	{max-width:300px;width:50%;height:40px;padding-left:20px;}

	#divpop {position: fixed; top: 150px; left: 0px; transform: translate(0%, 0%);width:100%; border: 5px solid rgb(102, 153, 255); padding: 2px; background-color: rgb(250, 250, 250); z-index: 999999; display: block;}



}