@charset "utf-8";
/* CSS Document */
@import url("googleapi.nanumgothic.css");

body {
	padding:0;
	margin:0;
	font-size:13px;
	font-family:'Nanum Gothic', sans-serif;
	width:100%;
	height:100%;
	color:#272727;
	
}


@font-face {font-family:'NanumGothic'; src:url(../font/NanumGothic.eot)};

body{background:url(../image/common/bg_sub.jpg) repeat-x center top;}
@font-face {font-family: 'Nanum Gothic';font-weight:normal;font-style:normal} /*src:url(../font/NanumGothic.eot)};*/
body{font-family: 'Nanum Gothic';}
div,ul,li,dt,dd{font-family: 'Nanum Gothic';}

/*링크걸린 image 보더 없애기 */
a img { border:0 none; padding:0;margin:0} 
img, input.type-image {margin:0;padding:0; border:0 none;  }


th, td { padding:0; } /* 테이블 여백 없애기 */
img, input.type-image {margin:0;padding:0; border:0 none; font-family:'NanumGothic'; }
form { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{margin:0;padding:0}
ul, li, ol, dl, dt, dd { list-style:none; padding:0; font:12px/1.5em ; margin:0; /* for IE imge margin */}
hr { display:none; margin:0; }
p { margin:0; padding:0;}
.fl{float:left}
.fr{float:right}
.clear{ clear:both; height:0; padding:0;margin:0;font-size:0;line-height:1}

a, a:link, a:visited, a:active{color:#000; text-decoration:none;}
a:hover{text-decoration:none;color:#d7192b}

fieldset{border:0;padding:0;margin:0}

.iText{border:1px solid #b5d4e4;background:#f6fcff}

#layBody:after { content:""; clear:both; display:block; }

.input{border:1px solid #c5c5c5;height:23px}
.textarea{border:1px solid #c5c5c5}


 .valid{border:1px solid #b5d4e4;background:#f6fcff;height:23px}
 .invalid{border:1px solid #d27770;  background:#f7eae9;height:23px}



	
a.blue:link, a.blue:visited{
	color:#4793c8;
	text-decoration:none;
	}
a.blue:active,a.blue:hover{
	color:#4793c8;
	text-decoration:underline;}
	
caption{
	margin:0; 
	padding:0;
	border:0;
	height:0;
	visibility:hidden;
	font-size:0
	}	

fieldset {
	margin:0; 
	padding:0;
	border:0;
	
}



/* Button Area */
.btnArea{ margin:1em 0; text-align:center; *zoom:1;}
.btnArea:after{ content:""; display:block; clear:both;}
.btnArea .fLeft{ float:left;}
.btnArea .fRight{ float:right;}


.blind{display:none}

.noview{position:absolute; visibility:hidden; width:0; height:0; overflow:hidden; font-size:0;}  

/*글자*/
.txt_small{font-size:8pt}
.txt_lf{text-align:left}
.txt_ct{text-align:center}
.txt_rt{text-align:right}
.txt_rgt{text-align:right}
.txt_blue{color:#3b60af}
.txt_red{color:#F00}
.txt_bold{font-weight:bold}
.txt_blue2{color:#568caf}
.txt_skyblue{color:#17a3d6}

.txt_orange{color:#f45c00}

.txt_green{color:#47980b}
.txt_black{color:#000}
.txt_gray{color:#b2b2b2}
.txt_normal{font-weight:normal}

.vt_top{vertical-align:top}
.vt_mdd{vertical-align:middle}

/*버튼 위치*/
.btn_ct{text-align:center}


/*여백*/
.mg_top_5{margin-top:5px}
.mg_top_10{margin-top:10px}
.mg_top_15{margin-top:15px}
.mg_top_20{margin-top:20px}
.mg_top_30{margin-top:30px}
.mg_top_40{margin-top:40px}
.mg_top_50{margin-top:50px}
.mg_top_100{margin-top:100px}

.mg_bottom_5{margin-bottom:5px}
.mg_bottom_10{margin-bottom:10px}
.mg_bottom_15{margin-bottom:15px}
.mg_bottom_20{margin-bottom:20px}
.mg_bottom_30{margin-bottom:30px}
.mg_bottom_50{margin-bottom:50px}

.mg_right_5{margin-right:5px}
.mg_right_10{margin-right:10px}
.mg_right_20{margin-right:20px}
.mg_right_25{margin-right:25px}
.mg_right_30{margin-right:30px}
.mg_right_40{margin-right:40px}
.mg_right_50{margin-right:50px}
.mg_right_70{margin-right:70px}


.mg_left_10{margin-left:10px}
.mg_left_20{margin-left:20px}
.mg_left_25{margin-left:25px}
.mg_left_40{margin-left:40px}
.mg_left_60{margin-left:60px}
.mg_left_70{margin-left:70px}
.mg_left_80{margin-left:80px}

.pd_top_5{padding-top:5px}
.pd_top_10{padding-top:10px}
.pd_top_15{padding-top:15px}
.pd_top_20{padding-top:20px}
.pd_top_30{padding-top:30px}
.pd_top_40{padding-top:40px}

.pd_bottom_10{padding-bottom:10px}
.pd_bottom_20{padding-bottom:20px}
.pd_bottom_30{padding-bottom:30px}
.pd_bottom_50{padding-bottom:50px}

.pd_left_10{padding-left:10px}
.pd_left_15{padding-left:15px}
.pd_left_20{padding-left:20px}
.pd_left_30{padding-left:30px}
.pd_left_40{padding-left:40px}
.pd_left_140{padding-left:140px}

.pd_right_10{padding-right:10px}
.pd_right_20{padding-right:20px}
.pd_right_30{padding-right:30px}
.pd_right_40{padding-right:40px}



/*스킵-본문바로가기*/
.skipNav {
    left: 0;
    margin: 0 auto;
    position: absolute;
    top: -50px;
    z-index: 2;
}
.skipNav a:active, .skipNav a:focus {
    background: none repeat scroll 0 0 #000;
    border: 2px solid #0b274a;
    color: #FFFFFF;
    height: 17px;
    left: 30px;
    outline: 0 none;
    padding-top: 3px;
    position: absolute;
    text-align: center;
    top: 57px;
		left:250px;
    width: 150px;
}
 


















/*풋터*/
#btt_Area{width:100%;border-top:1px solid #c7c7c7;clear:both}
#bn_wrapper{position:absolute;vertical-align:middle;width:690px;border-top:1px solid #E0E1E4;bottom:0;left:19px;float:left}

#bn_wrapper ul {overflow:hidden;text-align:center;width:690px;margin:2px auto;vertical-align:middle;}
#bn_wrapper ul li {float:left;}
#bn_wrapper ul li a{font-size:0;line-height:1;display:block;}
#bn_wrapper .fbn_lf,#bn_wrapper .fbn_rgt {width:15px;height:54px}
#bn_wrapper .fbn{width:655px;height:54px;overflow:hidden}
#bn_wrapper .fbn_lf a{text-indent:-9999px;background:url("../image/common/footer_banner/arr.gif") no-repeat 0 0;width:15px;height:54px}
#bn_wrapper .fbn_rgt a{text-indent:-9999px;background:url("../image/common/footer_banner/arr.gif") no-repeat -15px 0;width:15px;height:54px}
#bn_wrapper ul li ul{float:left;width:655px;height:54px;overflow:hidden;position:relative;top:0;left:0}
#bn_wrapper ul li ul li{float:left;height:54px;line-height:54px;vertical-align:middle;text-align: center;width:200px;padding:0 10px 0 10px}

#bn_wrapper ul li ul li a{width:200px;height:34px;line-height:54px;text-indent:0;vertical-align:middle;padding-top:10px}

#bn_wrapper .fbn_lf a:hover,#bn_wrapper .fbn_lf a:focus, #bn_wrapper .fbn_lf a:active, #bn_wrapper .fbn_lf .onhover{background-position:0 -54px;}
#bn_wrapper .fbn_rgt a:hover,#bn_wrapper .fbn_rgt a:focus, #bn_wrapper .fbn_rgt a:active, #bn_wrapper .fbn_rgt .onhover{background-position:-15px -54px;}



#footer_wrapper{width:100%;margin:10px auto 0;position:relative;height:100px;background:#f2f2f2;border-top:1px solid #d9d9d9}
#footerArea{width:960px;margin:0 auto;background:#f00;ovderflow:hidden;position:relative}
.footer_link{overflow:auto;position:absolute;height:30px;padding-left:0px;top:15px;left:260px}

.footer_link li{float:left;padding-right:0px;display:inline;}
.footer_link li a,.footer_link li button{text-indent:-9999px;font-size:0;line-height:1;display:block;border:none;cursor:pointer}
.footer_link .links01 a{background:url("../image/common/footer_menu.gif") no-repeat 0 0;width:63px;height:15px}
.footer_link .links02 a{background:url("../image/common/footer_menu.gif") no-repeat -63px 0;width:98px;height:15px}
.footer_link .links03 a{background:url("../image/common/footer_menu.gif") no-repeat -161px 0;width:116px;height:15px}
.footer_link .links04 button{background:url("../image/common/footer_menu.gif") no-repeat -284px 0;width:116px;height:15px}

/*.footer_logo{position:absolute;top:30px;left:20px;}*/
.footer_logo{position:absolute;top:10px;left:20px;}

.address{position:absolute;top:30px;left:260px}


/*rss*/
.rss{position:absolute;top:-5px;left:230px;z-index:100}


/*퀵메뉴 */
/*#quickposition {width:980px;position:relative;top:0;left:56%;margin-left:-460px;}*/
/*#quickposition {width:1080px;position:relative;top:0;left:50%;margin-left:-540px;;border:1px solid #f00}*/
 #quickArea{width:98px;position:absolute;top:150px;right:0;}
/*#quickposition{position:fixed;top:40%;right:0;border:1px solid #f00;width:98px;}*/
.quick_wrapper{background:url("../image/common/bg_quick.gif") no-repeat  0 0;width:92px;padding:15px 0 0 0;margin:0 auto;}
.quick_wrapper ul{background:url("../image/common/bg_quick.gif") no-repeat 0 bottom;width:92px;padding:0px 0 50px 0px;margin-top:10px;}
 .quick_wrapper li {background:url("../image/common/dot_row.gif") repeat-x 0 bottom;padding-bottom:3px;width:65px;font-size:1px;margin:0 auto}
 .quick_wrapper .qm_04 {background:none}

 .quick_wrapper li a{text-indent:-9999px;font-size:0;line-height:1;display:block;}

 .bt_top{position:absolute;bottom:10px;right:20px;padding:0 0 5px 0px}

.quick_wrapper .qm_01 a{background:url("../image/common/quick_menu.gif") no-repeat 0 0 ; width:70px;height:40px}
.quick_wrapper .qm_02 a{background:url("../image/common/quick_menu.gif") no-repeat 0 -40px ; width:70px;height:40px}
.quick_wrapper .qm_03 a{background:url("../image/common/quick_menu.gif") no-repeat 0 -80px ; width:70px;height:40px}
.quick_wrapper .qm_04 a{background:url("../image/common/quick_menu.gif") no-repeat 0 -126px ; width:70px;height:31px}

.quick_wrapper .qm_01 a:hover,
.quick_wrapper .qm_01 a:focus, 
.quick_wrapper .qm_01 a:active{background-position:-70px 0}

.quick_wrapper .qm_02 a:hover,
.quick_wrapper .qm_02 a:focus, 
.quick_wrapper .qm_02 a:active{background-position:-70px -40px}

.quick_wrapper .qm_03 a:hover,
.quick_wrapper .qm_03 a:focus, 
.quick_wrapper .qm_03 a:active{background-position:-70px -80px}

.quick_wrapper .qm_04 a:hover,
.quick_wrapper .qm_04 a:focus, 
.quick_wrapper .qm_04 a:active{background-position:-70px -126px}


/*에러페이지*/

.error_wrapper{border:0px solid #cdcdcd;background:#f8f8f8;width:816px;margin:50px auto 0;overflow:hidden}
.error_mgg{border:2px solid #99c7d9;background: url(/module/image/error.gif) no-repeat 10px bottom #fff;padding:60px 10px 10px 300px;line-height:170%;vertical-align:middle;clear:both;height:80px;width:400px;margin:0 auto;color:#f00;font-weight:bold;}
.error_mgg .box_red{border:1px solid #e8b09a;background:#fbf5f3;padding:10px;position:relative;color:#d94903;line-height:160%;font-weight:bold;;margin-top:-20px;width:80%}
.error_mgg2{border:2px solid #99c7d9;background: url(/module/image/error2.gif) no-repeat 10px bottom #fff;padding:60px 10px 10px 300px;line-height:170%;vertical-align:middle;clear:both;height:80px;width:400px;margin:0 auto}
.error_mgg .box_blue {border:1px solid #cad6e5;background:#f8fafc;padding:20px;color:#3b5998;line-height:160%;margin-top:-30px;width:70%}


/*2019-03-08*/
/*모달윈도우*/

/* 모달 */
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */  position: fixed; /* Stay in place */  z-index: 1000; /* Sit on top */  padding-top: 200px; /* Location of the box */  left: 0;  top: 0;  width: 100%; /* Full width */  height: 100%; /* Full height */  overflow: auto; /* Enable scroll if needed */  background-color: rgb(0,0,0); /* Fallback color */  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */}

/* Modal Content */
.modal-content {  background-color: #fefefe;  margin: auto;   border: 1px solid #888;  width: 600px;}
.modal-head{background:#d71829;color:#fff;font-weight:500;padding:15px; border-bottom:1px solid #f4f4f4;overflow:hidden}
.modal-head .close{float:right;  color:#fff;  font-size: 21px;   font-weight: 700;   line-height: 1;-webkit-appearance: none;   padding: 0;   cursor: pointer;   background: 0 0;    border: 0;}
.modal-head .md-tit{font-size:17px;font-weight:500}
.modal-body{    position: relative;    padding: 20px 15px;font-size:14px;line-height:140%;word-break:keep-all}
.modal-footer{    padding: 15px;     border-top: 1px solid #e5e5e5;}
.modal-footer:after{ display: table;  content: " ";clear:both}
.modal-footer .btnArea{margin:0}

.fileBox .fileName {display:inline-block;width:190px;height:30px;padding-left:10px;margin-right:5px;line-height:30px;border:1px solid #aaa;background-color:#fff;vertical-align:middle}
.fileBox .btn_file {display:inline-block;border:1px solid #13769f;background:#0b9edb;width:100px;height:30px;line-height:30px;text-align:center;vertical-align:middle;color:#fff}
.fileBox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

.modal-body p strong{color:#d71829}
.modal-body ul {margin:10px 10px}
.modal-body ul li{margin-bottom:5px}
.modal-body .box{border:1px dashed #000;margin:20px 0 10px;padding:10px;font-size:12px}

/* modal animation */
.fade { opacity: 0;  -webkit-transition: opacity .15s linear;  -o-transition: opacity .15s linear;  transition: opacity .15s linear;}
.fade.in { opacity: 1;}
.modal-content { position: relative;}
.modal  *{transition: transform .3s ease-out;}
.modal.fade .modal-content {  -webkit-transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out;   transition: transform .3s ease-out; -webkit-transform: translate(0,-25%); -ms-transform: translate(0,-25%);  -o-transform: translate(0,-25%);  transform: translate(0,-25%);}
.modal.in .modal-content {  -webkit-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0);transition: transform .3s ease-out;}