@charset "utf-8";

html, body{ height:100%;font-size:13px;font-size:65%;}
body{height:100%;}
/*@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );*/
body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,ul,li,pre,fieldset,input,blockquote,table,th,td,caption,p, span, input{ margin:0;padding:0; border:0; font-family: "Arial", "ＭＳ ゴシック", "맑은 고딕", sans-serif; color:#434343;box-sizing:border-box;position:relative;vertical-align:top;}	

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
p, li, a{color:#767676;}

caption{position:absolute; visibility:hidden; font-size:0; top:-3000px; display:none; }
ul, ol, dl {list-style:none;}
ul,li{padding:0;margin:0;}
i, em, address {font-style:normal; font-weight:normal;}
.eng {font-family:'Verdana', 'Arial', sans-serif;}
strong { font-weight:normal; }
img { width:100%;border:0;}
.clear{ clear:both; }
a {text-decoration:none; color:#000;}
table {border-collapse:collapse; border-spacing:0;}
a:hover{opacity:0.8;}
input:focus, textarea:focus, select:focus { outline: none; }

/** css  순서 나눔 :  width, height, display, position, lef, right, top, boottom, vertical, margin, padding, background, border font-family, font-size, font-weight, line-height, color, text-align, overflow, z-index**/

.pc{display:block;}
.mobile{display:none;}

select{height:28px;padding:0 40px 0 10px;background:#fff url("../img/select_arr.png") no-repeat right center;border:1px solid #9e9e9e;font-size:13px;font-size:1.3rem;color:#434343;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
select::-ms-expand {display: none; }

#header{width:100%;}
#header .top{width:100%;background:#4a515b;}
#header .top p{width:100%;max-width:1200px;display:block;margin:0 auto;text-align:right;}
#header .top p a{width:86px;display:inline-block;padding:8px 0;border-right:1px solid #949eab;color:#fff;font-size:1.2rem;line-height:1;text-align:center;}
#header .top p a:first-child{border-left:1px solid #949eab;}
#header .logo{width:100%;max-width:1200px;margin:0 auto;padding:39px 0 21px 0;padding:3.9rem 0 2.1rem 0;}
#header .logo h1, #header .logo span{width:191px;display:inline-block;font-size:0;}
#header .logo span.right{float:right;}
#header .nav{width:100%;border-top:1px solid #999894;border-bottom:2px solid #3d4a5c;background:url("../img/user/menu.jpg") repeat-x top center;}
#header .nav ul{width:100%;max-width:1200px;display:block;margin:0 auto;letter-spacing:-5px;border-right:1px solid #6281bc;}
#header .nav ul li{width:16.6%;height:43px;display:inline-block;border-left:1px solid #6281bc;text-align:center;letter-spacing:normal;}
#header .nav ul li:first-child{width:17%;}
#header .nav ul li a{width:100%;height:100%;display:block;color:#fff;font-size:15px;font-size:1.5rem;font-weight:bold;line-height:43px;}
#header .nav ul li ul{width:auto;height:179px;display:block;padding-top:9px;position:absolute;left:-1px;right:-1px;top:43px;background:#fff;border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;border-top:2px solid #3d4a5c;z-index:3;}
#header .nav ul li:first-child ul{border-left:1px solid #dddddd;}
#header .nav ul li ul li{width:100%;height:auto;padding:5px 20px;border-left:0;text-align:left;}
#header .nav ul li ul li:first-child{width:100%;}
#header .nav ul li ul li a{color:#606060;font-size:1.3rem;line-height:1.5;}
#header .nav ul li.on{background:#1e4a9e;}
#header .nav ul li.on a{color:#fff;}
#header .nav ul li.on ul{background:#3760ae;}


#wrap{width:100%;min-width:320px;max-width:2000px;margin:0 auto;padding-bottom:60px;}
#wrap #content{width:100%;padding-bottom:50px;border-top:2px solid #1e4a9e;}

/**로그인**/
.pop_lay{width:100%;height:100%;display:table;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba( 255, 255, 255, 0.7);z-index:10;}
.pop_lay .pop_cont{width:100%;height:100%;display:table-cell;vertical-align:middle;}
.pop_lay .pop_cont > div.login{width:100%;max-width:416px;display:block;margin:0 auto;padding:0 3%;padding-bottom:10px;position:relative;background:url("../img/user/executive_pop_bg.jpg");border-radius:12px;box-shadow:1px 5px 9px #797474;overflow:hidden;}
.pop_lay .pop_cont > div.login p.tit{height:8px;height:8rem;display:block;position:absolute;top:0;left:0;right:0;padding:0 63px 0 22px;padding:0 6.3rem 0 2.2rem;}
.pop_lay .pop_cont > div.login p.tit span{width:253px;height:8rem;display:table-cell;vertical-align:middle;}
.pop_lay .pop_cont > div.login ul{max-height:700px;max-height:70rem;display:block;position:relative;padding-top:80px;padding-top:8rem;padding-bottom:2rem;bottom:0;overflow-y:auto;}
.pop_lay .pop_cont > div.login .login_cont{width:100%;display:table;margin:0 auto;padding-top:63px;}
.pop_lay .pop_cont > div.login .login_cont p{width:auto;display:table-cell;vertical-align:middle;}
.pop_lay .pop_cont > div.login .login_cont p input{width:100%;height:34px;margin-top:10px;padding:0 12px;border:1px solid #182f5d;border-radius:5px;}
.pop_lay .pop_cont > div.login .login_cont p input:first-child{margin-top:0;}
.pop_lay .pop_cont > div.login .login_cont p.btn{width:95px;padding-left:10px;}
.pop_lay .pop_cont > div.login .login_cont p.btn a{width:100%;height:100%;display:block;position:relative;left:10px;top:0;right:0;bottom:0;background:#95b227 linear-gradient( to top, #b9ce31, #95b227 );border:1px solid #617712;border-radius:5px;color:#fff;font-size:18px;font-size:1.8rem;font-weight:bold;text-align:center;line-height:4;}
.pop_lay .pop_cont > div.login p.check{padding:8px 0;color:#fff;font-size:12px;font-size:1.2rem;}
.pop_lay .pop_cont > div.login p.check input[type="checkbox"]{vertical-align:middle;}

.pop_lay .pop_cont a.pop_close{width:35px;height:35px;display:block;position:absolute;top:2rem;right:2rem;}


/***main 팝업***/
#wrap #main_popup{}
#wrap .main_pop{width:530px;min-height:336px;position:absolute;display:block;top:-22%;left:0;background:#fff;font-size:13px;font-size:1.3rem;z-index:10;overflow:hidden;box-shadow:1px 1px 1px #9c9c9c;padding-bottom:38px;}
#wrap .main_pop .main_pop_cont{width:100%;height:100%;max-height:690px;background:#fff;overflow-y:auto;}
#wrap .main_pop .main_pop_cont p.tit{width:100%;height:73px;display:table;background:#2190a5 linear-gradient( to top, #2ba3b9, #2190a5 );border-bottom:2px solid #0c4c59;overflow:hidden; }
#wrap .main_pop .main_pop_cont p.tit span{width:100%;height:73px;display:table-cell;vertical-align:middle;text-align:center;font-weight:bold;font-size:23px;font-size:2.3rem;color:#fff;}
#wrap .main_pop .main_pop_cont .text{width:100%;padding:40px 30px;background:#fff;font-size:14px;font-size:1.4rem;color:#646464;font-weight:bold;line-height:1.7;}
#wrap .main_pop .main_pop_cont .text p.link{ padding:30px 0;text-align:center; }
#wrap .main_pop .main_pop_cont .text p.link a{width:250px;height:37px;display:block;margin:0 auto;background:#49912f linear-gradient( to top, #61ac46, #49912f );border:1px solid #397623;border-radius:30px;color:#fff;line-height:37px;}
#wrap .main_pop .check_bottom{width:100%;height:38px;padding-right:38px;background:#232323;position:absolute;bottom:0;}
#wrap .main_pop .check_bottom a{width:38px;height:38px;display:block;position:absolute;bottom:0;right:0;background:url("../img/user/main_pop_close.png") no-repeat;font-size:0;}
#wrap .main_pop .check_bottom span.chk_box{width:100%;height:38px;display:block;margin:0 auto;text-align:left;}
#wrap .main_pop .check_bottom span.chk_box input[type = "checkbox"]{ width:18px;height:18px;display:block;position:absolute;top:10px;left:10px;opacity:0;z-index:2;}
#wrap .main_pop .check_bottom span.chk_box label{width:100%;height:38px;display:block;margin:0 auto;padding-left:35px;background:url("../img/user/pop_check.png") no-repeat 10px center;vertical-align:top;color:#fff;line-height:38px;}
#wrap .main_pop .check_bottom span.chk_box input[type = "checkbox"]:checked + label{ background:url("../img/user/pop_check_on.png") no-repeat 10px center; }



.main_img{width:100%;height:221px;background:url("../img/user/pc_img.jpg") no-repeat top center;}
.main_img2{width:100%;height:221px;background:url("../img/user/pc_img2.jpg") no-repeat top center;}
.main_img3{width:100%;height:221px;background:url("../img/user/pc_img3.jpg") no-repeat top center;}
.main_img4{width:100%;height:221px;background:url("../img/user/pc_img4.jpg") no-repeat top center;}
.main_img5{width:100%;height:345px;background:url("../img/user/pc_img5.jpg") no-repeat top center;}
.main_img6{width:100%;height:221px;background:url("../img/user/pc_img6_new.jpg") no-repeat top center;}
.main_img7{width:100%;height:221px;background:url("../img/user/pc_img7.jpg") no-repeat top center;}




.main_img p{width:100%;max-width:1200px;margin:0 auto;padding:4rem 0 0 4rem;}
.main_img p span{width:452px;display:block;}


 #footer{ width:100%;padding:20px 0;padding:2rem 0;position:absolute;left:0;right:0;bottom:0;background:#f7f7f8;border-top:1px solid #949eaa; }
 #footer .txt{width:95%;max-width:1100px;margin:0 auto;font-size:12px;font-size:1.2rem;font-weight:bold;text-align:left;}
 #footer .txt span{display:inline-block;color:#898989;padding:0.2rem 0.8rem;}
 #footer span.select{display:inline-block;position:absolute;right:0;top:-0.7rem;text-align:right;}
 #footer select{height:28px;padding:0 40px 0 10px;background:#dedede url("../img/user/footer_select.gif") no-repeat right center;background-size:28px;border:1px solid #dcdcdc;border-radius:3px;font-size:1.2rem;font-weight:bold;color:#3a3a3a;-webkit-appearance: none;-moz-appearance: none; appearance: none;}
 #footer select::-ms-expand {display: none; }

@media screen and (max-width:1072px){
	#footer{position:relative;}
	#footer span.select{width:100%;height:auto;display:block;padding:0 1.5rem;position:relative;top:inherit;} 

}

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

	.pc{display:none;}
	.mobile{display:block;}


	.an{width:auto;position:absolute;top:0;right:262px;-webkit-transition-duration:0.5s;
	 transition-duration:0.5s;box-shadow:-2px 0px 11px 3px #959595;}
	
	#header .logo{width:95%;padding:2.5rem 0 0 0;}
	#header .logo h1, #header .logo span{width:50%;height:4.5rem;}
	#header .logo span.right{display:none;}

	#header .nav{width:26.2rem;height:100%;display:none;position:fixed;top:0;right:0;background:#363638;z-index:11;}
	#header .menu{width:4.5rem !important;height:4.5rem;display:block;position:absolute;right:0;top:1.5rem;background:url("../img/user/mobile_menu.png") no-repeat;background-size:cover;font-size:0;cursor:pointer;}
	#header .menu_close{width:4.5rem !important;height:4.5rem;display:block;position:absolute;right:0;top:1.5rem;background:url("../img/user/mobile_menu_close.png") no-repeat;background-size:cover;font-size:0;cursor:pointer;}
	#header .nav .logo{width:60%;display:block;margin:0 auto;}
	#header .nav ul li{width:100%;height:auto;border-left:0;border-bottom:1px solid #8c8c8c;text-align:left;}
	#header .nav ul li a{padding:0 10px;}
	#header .nav ul li.on{background:#fff;}
	#header .nav ul li.on a{color:#1e4a9e;}
	#header .nav ul li:first-child{width:100%;}
	#header .nav ul li a{color:#fff;}
	#header .nav ul li ul{height:auto;display:none;position:relative;left:inherit;right:inherit;top:inherit;border-right:0;border-bottom:0;}
	#header .nav ul li.on ul{display:block;padding-top:0;}
	#header .nav ul li.on li a{color:#fff;}
	#header .nav ul li.on li{border-top:1px solid #a5a5c0;border-bottom:0;}
	#header .nav ul li li:first-child{border-top:0;}

	#wrap .main_pop{width:95% !important;margin:0 auto;top:10px !important;left:2% !important;}
	#wrap .main_pop .main_pop_cont{max-height:95%;}


	/**로그인**/
	.pop_lay{width:100%;height:100%;display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba( 255, 255, 255, 0.7);z-index:10;}
	.pop_lay .pop_cont{display:table;}
	.pop_lay .pop_cont > div.login{height:100%;display:table-cell;vertical-align:middle;}
	.pop_lay .pop_cont > div.login p.tit{height:8px;height:8rem;display:block;position:absolute;top:0;left:0;right:0;padding:0 63px 0 22px;padding:0 6.3rem 0 2.2rem;}
	.pop_lay .pop_cont > div.login p.tit span{width:253px;height:8rem;display:table-cell;vertical-align:middle;}
	.pop_lay .pop_cont > div.login .login_cont{display:block;padding-top:0;}
	.pop_lay .pop_cont > div.login .login_cont p{width:90%;height:auto;display:block;margin:0 auto;}
	.pop_lay .pop_cont > div.login .login_cont p input{width:100%;height:34px;margin-top:10px;padding:0 12px;border:1px solid #182f5d;border-radius:5px;}
	.pop_lay .pop_cont > div.login .login_cont p input:first-child{margin-top:0;}
	.pop_lay .pop_cont > div.login .login_cont p.btn{width:90%;height:35px;padding-left:0;}
	.pop_lay .pop_cont > div.login .login_cont p.btn a{line-height:35px;margin-top:10px;position:relative;left:0;}
	.pop_lay .pop_cont > div.login p.check{width:90%;margin:0 auto;}

	.pop_lay .pop_cont a.pop_close{width:35px;height:35px;display:block;position:absolute;top:2rem;right:2rem;}


	
	#footer .txt br{display:none;}
	#footer .txt span{display:block;text-align:left;}

	.main_img{height:auto;}
	.main_img p{width:100%;padding:0;}
	.main_img p span{width:100%;}
}


@media all and (min-resolution:300dpi) {

	html, body{ height:100%;font-size:13px;font-size:60%;}



}

@page {
    size: A4;
    margin:35px;
}

@media print {
 body {width:100%;min-width:1200px;font-size:10pt;}
 #wrap{width:100%;margin:0 auto;
        border: initial;
        border-radius: initial;
        width: initial;
        min-height: initial;
        box-shadow: initial;
        background: initial;
        page-break-after: always;}

}
/*@media screen {
 BODY { font-size: 12pt }
}
@media screen, print {
 BODY { line-height: 1.2 }
}*/