/*건너뛰기링크*/
#accessibility {position:absolute;left:0;top:0;z-index:2000;width:100%}
#accessibility a {display:block;width:1px;height:1px;margin-bottom:-1px;overflow:hidden;text-align:center;font-weight:bold;color:#fff}
#accessibility a:focus, #accessibility a:active {width:100%;height:auto;padding:7px 0;background-color:#000}

/*공통부분*/
input[type=text],input[type=password],input[type=tel],input[type=mail]{height:24px;padding:0 3px;border:1px solid #bababa;border-radius:0;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;}
input[type=checkbox], input[type=radio] {/*margin-top:-1px;*/margin-bottom:1px;}
textarea{padding:5px;border:1px solid #bababa;border-radius:0;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;}
select{height:26px;margin:0;vertical-align:middle;background:#fff;border:1px solid #bababa;border-radius:0;font-size:12px;}
input[type=text].b{height:27px !important;}
select.b{height:29px;}

/*달력박스*/
input[type=text].calendar{height:24px;padding:0 30px 0 3px;border:1px solid #bababa;background:#fff url('../img/common/calander.png') right center no-repeat;}


/* 모든 Device를 위한 공통 로드 */
body{background-color:#252525;}

/*헤더*/
header{position:absolute;z-index:100;left:0;top:0;width:100%; height:78px;border-bottom:2px solid #539bed;background-color:#fff; box-sizing:border-box;}
header .w{position:relative; margin:0 auto;}
header h1{position:absolute;left:0;top:31px;}
header h1 > a{display:block;width:190px;height:47px;background:url('../img/common/logo_pc.png') 10px 50% no-repeat;}
header .topSeoul{position:absolute; top: 0px; left: 0px; width: 100%;}
header .topSeoul .txt{display:inline-block; width:400px; text-align:right; font-size:12px; margin-right:13px;}
header .topSeoul strong{}
header ul.gnb{position:absolute;margin-left:320px;top:76px; height:35px; line-height:35px; border-bottom:1px solid #4784ca; width: calc(100% - 320px); background:#539bed; box-sizing:border-box; z-index:1; }
header ul.gnb > li{float:left;width:11%; max-width:110px; }
header ul.gnb > li:first-child{margin-left:0;}
header ul.gnb > li > a{display:block; width:100%; color:#fff; text-align:center; border-right:1px solid #4784ca; font-weight:bold; font-size:14px;}
header ul.gnb > li.imp > a{}

header ul.gnb > li:hover, header ul.gnb > li.on{background:#3e4c5d;}
header ul.gnb > li.opt2{background:url(../img/common/bl_arrow.png) 92% 15px no-repeat;}
header ul.gnb > .opt2.on, header ul.gnb > .opt2:hover{ background:#3e4c5d url(../img/common/bl_arrow.png) 92% 15px no-repeat}

header ul.gnb > li > a > img{margin-right:2px;}
header ul.gnb li .menu2{display:none; background:#fff; border:1px solid #9d9d9d; border-top:none; padding-bottom:10px;  box-sizing:border-box;}
header ul.gnb li .menu2 li{}
header ul.gnb li .menu2 li > a{display:block;  font-size:12px; height:25px; line-height:25px; padding-left:10px; box-sizing:border-box; text-align:left;}
header ul.gnb li .menu2 li > a:hover{color:#539bed;}
header ul.gnb > li.on .menu2{display:block;}

/*좌측메뉴 있을때 헤더*/
.header2 header ul.gnb{margin-left:0; width:100%; text-align:center; font-size:0; vertical-align:top; }
.header2 header ul.gnb > li{float:none; display:inline-block; max-width:135px; font-size:0;  vertical-align:top; }
.header2 header ul.gnb > li:nth-child(1) > a{border-left:1px solid #4784ca; }


header ul.util{position:absolute;overflow:hidden;right:200px;top:21px;}
header ul.util > li{float:left;margin-left:12px;font-size:12px;color:#565656;}
header ul.util > li:first-child{margin-left:0;}
header ul.util > li > a{color:#565656;}
header .gnbOpen{display:none;}
header .searchOpen{display:none !important;}
.gnbOpen header ul.gnb li .menu2{padding-bottom:0px; }
@media screen and (min-width: 1025px){
	header .search_area{display:none;left:auto !important;right:0 !important;top:18px !important;}
}

@media screen and (max-width: 1024px){
	body{overflow-x:hidden;}
	header{position:static;min-width:initial;min-width:auto;height:auto;border:none;background:none;}
	header .w{position:static}
	header .header_area{position:fixed;left:0;top:0;z-index:100;width:100%;height:50px;border-bottom:1px solid #b7b4b4;background-color:#fff;}
	header h1{position:absolute;left:50%;top:9px;margin-left:-115px;}
	header h1 > a{display:block;width:230px;height:34px;background:url('../img/common/logo_t.png') 50% 50% no-repeat;background-size:auto 100%;}
	header .topSeoul{display:none;}
	header .gnbOpen{position:fixed;display:block;right:0;top:0;z-index:100;width:50px;height:50px;background:#539bed url('../img/common/gnbOpenBg.png') center center no-repeat;}
	header .searchOpen{position:fixed;display:block;left:0;top:0;z-index:104;width:50px;height:50px;border-right:1px solid #eee;background:#fff url('../img/common/searchOpenBg.png') center center no-repeat;}
	header .searchOpen.open{background:#fff url('../img/common/searchCloseBg.png') center center no-repeat;}
	header .search_area{position:fixed;display:none;z-index:103;left:-100%;top:0;width:100%;padding:0 60px 0 60px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
	header .search_area input[type=text]{width:100%;height:50px;padding:0;background-color:#dddbdc;border:none;outline:none;}
	header .search_area button{position:absolute;right:0;top:0;width:50px;height:50px;}
	header .nav_area{position:absolute;right:0;top:51px;width:80%}
	header ul.gnb{display:none; position:absolute;right:0;top:0px;width:100%; font-size:15px;background-color:#373737; padding:0; }
	body.gnbOpen header ul.gnb{display:block; border:none; height:auto; }
	header ul.gnb > li{float:none; width:100%; max-width:100% !important; margin-left:0;border-bottom:1px solid #252525 !important;}
	header ul.gnb > li > a{display:block;padding-left:15px;height:45px;line-height:45px;color:#fff; text-align:left;}
	header ul.gnb > li:hover, header ul.gnb > li.on{background:none !important;}
	header ul.gnb > li.opt2.on, header ul.gnb > li.opt2{background:url(../img/common/bl_arrow.png) 92% 18px no-repeat !important;}
	header ul.gnb li .menu2{display:none; background:#444; border:none;}
	header ul.gnb li .menu2 li > a{height:40px; line-height:40px; width:100%; padding-left:20px; color:#fff; font-size:13px ; font-weight:normal; border-bottom:1px solid #333; box-sizing:border-box;}

	header ul.util{display:none;position:absolute;right:0;top:0;width:100%;background-color:#484848;border-bottom:1px solid #252525}
	body.gnbOpen header ul.util{display:block;}
	header ul.util > li{margin-left:0;width:25%;font-size:14px;text-align:center;border-right:1px solid #252525;}
	header ul.util > li:nth-child(4){float:none;overflow:hidden;width:auto;border-right:none;}
	/*header ul.util > li:last-child{clear:both;float:none;overflow:hidden;width:auto;border-right:none;border-top:1px solid #252525;}*/
	header ul.util > li > a{display:block;height:40px;line-height:40px;font-weight:bold;color:#fff; white-space:nowrap; overflow:hidden;}
}

@media screen and (max-width: 768px){
	header ul.util > li{font-size:13px;}
}

@media screen and (max-width: 480px){
	header h1{top:7px;margin-left:-83px;}
	header h1 > a{width:166px;height:37px;background:url('../img/common/logo_m.png') 50% 50% no-repeat;background-size:50%;}
	header ul.util > li{font-size:12px;}
}



/*본문*/
#container{position:relative;width:100%;min-width:1240px;padding:110px 0 35px 0;font-size:13px;background-color:#f3f4f8;}
#container > .content{position:relative;overflow:hidden;max-width:1240px;min-height:400px;margin:0 auto;}
.contentsBox{min-width:1240px;height:100%; padding-bottom:45px;-webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -ms-transition:all 0.3s ease; transition:all 0.2s ease;}
.contentsBox > .bg{display:none;z-index:9999995;}

@media screen and (min-width: 1025px){
	body.gnbOpen .contentsBox{-webkit-transform:translate(0, 0) !important;-ms-transform:translate(0, 0) !important; -moz-transform:translate(0, 0) !important; transform:translate(0, 0) !important;}
}

@media screen and (max-width: 1024px){
	#container{min-width:initial;min-width:auto;padding-top:75px;}
	#container > .content{padding:0 15px}
	.contentsBox{width:100%;min-width:initial;min-width:auto;}
	.contentsBox > .bg{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);}
	body.gnbOpen .contentsBox{position:fixed;box-shadow:3px 0 3px rgba(0,0,0,0.2);-webkit-transform:translate(-80%, 0);-ms-transform:translate(-80%, 0); -moz-transform:translate(-80%, 0); transform:translate(-80%, 0);}
	body.gnbOpen .contentsBox > .bg{display:block;}

}

@media screen and (max-width: 768px){
	#container > .content{padding:0 10px}
}

@media screen and (max-width: 480px){
	#container{font-size:12px;}
}


/*풋터*/
footer{position:fixed; bottom:0; width:100%;min-width:1240px;font-size:13px;background-color:#252525; z-index:99999; }
footer > .w{position:relative;max-width:1240px;margin:0 auto;padding:10px 0 10px 0;}
footer .cont{font-size:11px;line-height:1.5em; text-align:center;}
footer .cont .user{display:inline-block; color:#fff; margin:0 10px; }
footer .cont .user a{color:#fff}
footer .cont address{display:inline; color:#828282; }
footer .cont .copy{color:#828282;}
footer .cont .site{position:relative; display:inline-block; width:180px; height:26px; vertical-align:middle; background:#464646; text-align:left; }
footer .cont .site a{display:block; color:#d8d8d8; height:28px; line-height:28px; padding-left:5px; vertical-align:middle; box-sizing:border-box;} 
footer .cont .site > a{height:26px; line-height:26px; background:url(../img/common/footer_site.png) 95% 50% no-repeat; box-sizing:border-box;} 
footer .cont .site > p{display:none; position:absolute; bottom:0;left:0; margin-bottom:26px; width:100%; background:#464646; border:1px solid #666; box-sizing:border-box;} 
footer .cont .site > p > a{border-bottom:1px solid #555;}
footer .cont .site > p > a:hover{background:#333;}




@media screen and (max-width: 1024px){
	footer{min-width:initial;min-width:auto; }
	footer > .w{margin:0 auto;padding:10px 15px ;}
	footer .cont address{display:block;}
	footer .cont .site{position:relative;  }
	footer .cont .site a{}
	footer .cont .copy{color:#828282;}
}

@media screen and (max-width: 768px){
	footer .cont{padding-left:0;}
	footer .cont address{display:block;}
	footer .cont address span{display:block;}
}

@media screen and (max-width: 480px){
	footer > .w{text-align:center;}
	footer .cont address span{display:inline;}
	footer .cont .user{display:none;}
	footer .cont .site{width:100%; height:35px; line-height:35px; margin-top:10px;}
	footer .cont .site a{height:35px; line-height:35px;}

}


.txtCont{line-height:1.5em;}
.hTit{margin-bottom:10px;font-size:18px;font-weight:bold;}
.hTit.bg{font-size:18px;font-weight:bold;margin-bottom:10px;margin-top:1px;padding-left:26px;background:url('../img/common/htit_bg.png') left 1px no-repeat;}
.sLine{padding-left:10px;background:url('../img/common/line_dot.png') 2px 6px no-repeat;}
.s_type{display:inline-block;min-width:50px;padding:5px 0;font-size:11px;border-radius:3px;color:#fff;font-weight:bold;}
.s_type.tp1{background-color:#4d79a1;}
.s_type.tp2{background-color:#539bed;}
.s_type.tp3{background-color:#737373;}




.test{border:1px solid red;}