/* 공통 */
body{width: 100%; min-width:1260px; background-color:#e2e8e9;}
#aWrap{width: 100%; background:#fff url('/images/recruit/bg_top.png') left top repeat-x;}
.wrap{position: relative; width: 1220px; margin: 0 auto;}
.wrap::after{content:''; display:block; height:0; clear:both;}
#skipNavi {position: absolute; margin: 0 auto; width: 998px; list-style: none; font-size: 1.15em; top: -10.5em; left: 0; z-index:1000; background:#053c97; border:1px solid #ccc;}
#skipNavi a:active, #skipNavi a:focus{position: absolute; padding-top: 0.5em; width: 998px; height: 2em; top: 10.5em; text-align: center; color: #fff; font-weight:bold; background: #053c97; border: 1px solid #ccc; outline: 0;}

.hidden{font-size: 0; height: 0; overflow: hidden; width: 0; text-indent: -9999px;} 
	
/* 공통 - gnb */
#CS_header_BG{line-height: 100%; width: 100%;}
#CS_header_BG::after{content:''; display:block; height:0; clear:both;}
#CS_header_wrap{line-height: 100%; width: 100%;}
#CS_header_wrap::after{content:''; display:block; height:0; clear:both;}
	#CS_header_wrap h1{text-align: center; padding:17px 0px;}
	#CS_header_wrap h1 a{display: inline-block;}
	#CS_header_wrap #gnb{position: relative; width: 1220px; padding-top:25px; height:45px; margin: 0 auto; background-color:#07559d;}
	#CS_header_wrap #gnbTop{width: 100%; margin-left:100px;}
	#CS_header_wrap #gnbTop::after{content:''; display:block; height:0; clear:both;}
	#CS_header_wrap #gnbTop>li{float: left; position: relative; height: 30px; text-align: center;}
	#CS_header_wrap #gnbTop li:first-child{}
	#CS_header_wrap #gnbTop li a{width: 305px; font-size: 22px; color: #fff; display: block; font-family: "Nanum GothicB"; text-decoration: none; text-align: center; }
	#CS_header_wrap #gnbTop>li.on > a,#CS_header_wrap #gnbTop>li.here > a, #CS_header_wrap #gnbTop>li:hover > a{color: #ffffff; text-decoration:underline;}
	#CS_header_wrap #gnbTop li a.login{width: 150px; padding:10px 0px; font-size: 20px; background-color:#048aab; margin-top:-8px; margin-left:35px;}

	#CS_header_wrap #gnbTop .gnb_sub{position: absolute; top:30px; left:75px; z-index:20; width: 149px; border: 1px solid #314159; border-radius: 8px; display: none;}
	#CS_header_wrap #gnbTop li.on .gnb_sub, #CS_header_wrap #gnbTop li:hover .gnb_sub{display: block;}
	#CS_header_wrap #gnbTop .gnb_sub ul{z-index:20; padding: 10px 0; background-color: #fff; border-radius: 8px;}
	#CS_header_wrap #gnbTop .gnb_sub li{float: none; z-index:20;}
	#CS_header_wrap #gnbTop .gnb_sub li a{display: block; padding: 8px 15px; font-family: '나눔고딕', 'Nanum Gothic'; font-size: 13px; color: #333; font-weight:normal; border-bottom: 1px solid #d7d7d7; background: #fff; width: 119px; text-align: left; z-index:20;}
	#CS_header_wrap #gnbTop .gnb_sub li:last-child a{border-bottom: 0;}
	#CS_header_wrap #gnbTop .gnb_sub li a:hover{background-color: #2b62b1; color: #fff; font-weight:bold;}
	#CS_header_wrap #gnbTop .gnb_sub li a:focus{background-color: #2b62b1; color: #fff;}


input{border:1px solid #c7cacc; height:24px;}
input.bgG{background-color:#eff2f4;}
button{cursor:pointer;}

#contents{width:100%;}
#contents::after{content:''; display:block; height:0; clear:both;}

/* 마진 및 패딩 */
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt25{margin-top: 25px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px !important;}
.ml05{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}

.mtm3{margin-top:-3px !important;;}

/* 가로값 */
.w100per{width:100% !important;}
.w50{width:50px !important;}
.w60{width:60px !important;}
.w65{width:65px !important;}
.w70{width:70px !important;}
.w80{width:80px !important;}
.w90{width:90px !important;}
.w100{width:100px !important;}
.w150{width:150px !important;}
.w200{width:200px !important;}
.w250{width:250px !important;}
.w300{width:300px !important;}
.w400{width:400px !important;}
.w450{width:450px !important;}
.w622{width:622px !important;}

.he28{height:28px !important}
.he30{height:30px !important}
.he40{height:40px !important}
.he50{height:50px !important}
.he60{height:60px !important}
.he100{height:100px !important}
.he200{height:200px !important}
.he300{height:3000px !important}
.he296{height:296px !important}

/* 세로값 */
.min-he400{min-height:400px;}
.min-he563{min-height:563px;}

/* 정렬 */
.t_left{text-align:left;}
.t_right{text-align:right;}
.t_center{text-align:center;}

footer{border-top: 1px solid #9fa8aa; background-color: #e2e8e9; padding: 20px 0 20px 0px; line-height: 100%;}
footer::after{content:''; display:block; height:0; clear:both;}
    footer #CSfootgrp{}
        #CSfootgrp #CSfootmenu{font-family: "Nanum GothicB"; margin-bottom: 12px; font-size: 13px; color: #000;}
        #CSfootgrp #CSfootmenu ul{}
        #CSfootgrp #CSfootmenu ul li{text-align:center;}
        #CSfootgrp #CSfootmenu ul li a{color: #222; text-decoration: none; font-size: 13px; margin-right: 12px; padding-left:12px;}
        #CSfootgrp #CSfootmenu ul li a:hover{text-decoration: underline;}
		#CSfootgrp #CSfootmenu ul li a.PrivacyS{color: #c73e02;}
		#CSfootgrp #CSfootmenu ul li img.barR_footer{margin-bottom:-2px;}

        #CSfootgrp #CSfoottxt{position:relative; width:800px; margin:0 auto;font-family: "Nanum Gothic"; font-size: 12px; color: #3d3d3d;}
        #CSfootgrp #CSfoottxt ul{ font-size: 13px}
        #CSfootgrp #CSfoottxt ul li{margin-right: 15px; text-align:center;}
		#CSfootgrp #CSfoottxt ul li img.barR_footer{margin-bottom:-2px; margin-right: 12px; padding-left:12px;}
		#CSfootgrp #CSfoottxt ul li span.tel{color:#053c97; font-family: "Nanum GothicB";}
        #CSfootgrp #CSfoottxt #copyright{padding-top: 3px; text-align:center;}

/* 추가 */        
.none {display:none;}


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

	body{min-width:auto; word-break:keep-all;}

	.wrap{width:auto; box-sizing:border-box;}

	/* header */
	#CS_header_wrap #gnb{width:auto; height:auto; padding-top:0;}
	#CS_header_wrap #gnbTop{margin-left:0;}
	#CS_header_wrap #gnbTop>li{height:auto;}
	#CS_header_wrap #gnbTop li{width:calc(100% / 4);}
	#CS_header_wrap #gnbTop li a{width:100%; padding:20px 0; margin:0;}
	#CS_header_wrap #gnbTop li a.login{display:inline-block; width:120px; margin:10px 0 0;}

	/* footer */
	#CSfootgrp #CSfoottxt{width:auto;}
	#CSfootgrp #CSfoottxt ul li{margin-right:0;}

}


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

	/* header */
	#CS_header_wrap h1 a img{height:29px;}
	#CS_header_wrap #gnbTop li a{padding:12px 0; font-size:16px;}
	#CS_header_wrap #gnbTop li a.login{width:100%; height:100%; margin:0; padding:12px 0; font-size:16px;}

	/* footer */
	footer #CSfootgrp{padding:0 16px;}
	#CSfootgrp #CSfootmenu ul li a{font-size:12px; margin-right:5px; padding-left:5px;}
	#CSfootgrp #CSfoottxt ul li{font-size:12px;}
	#CSfootgrp #CSfoottxt ul li img.barR_footer{display:none;}
	#CSfootgrp #CSfoottxt ul li span.tel{display:block; margin:5px 0 15px;}

}