@charset "utf-8";

/*
 * =================================================================================
 * INFORMATION
 * ---------------------------------------------------------------------------------
 * @File Name 	: default.css
 * @Description : default Style Sheet
 * @Version 	: 1.0.0
 * @Create Date : 
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */




/* default 
=================================================================================*/
@font-face {
	font-family: "NanumGothic";
	src:local("NanumGothic"), url("../font/NanumGothic.ttf") format("truetype");
}
@font-face {
	font-family: "NanumGothicBold";
	src:local("NanumGothicBold"), url("../font/NanumGothicBold.ttf") format("truetype");
}
@font-face {
	font-family: "NanumBarunGothic";
	src:local("NanumBarunGothic"), url("../font/NanumBarunGothic.ttf") format("truetype");
}



* { box-sizing:border-box;}
html, body { height:100%; margin:0; padding:0; font-family:'NanumGothic', sans-serif; font-size:14px; color:#444444; line-height:20px; border-collapse:collapse;}
html,body,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,label,span,object,iframe,blockquote,pre,a,abbr,address,em,font,img,strong { margin:0px; padding:0px; border:0px currentColor; border-image:none;  box-sizing:border-box;}
h1,h2,h3,h4,h5,h6,strong,b { font-family:'NanumGothic', sans-serif; font-weight:normal;}
h2,legend {display:none;}
label,input {vertical-align:middle;}

table { width:100%;border: 0px currentColor; border-image: none; border-collapse: separate; border-spacing: 0;}
table,caption,tbody,tfoot,thead,tr,th,td {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;}
table, th, td { margin:0; padding:0; font-size:14px; border-collapse:collapse; font-weight:normal;}
div,ul,li,dl,dt,dd,p {margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;list-style: none; box-sizing:border-box;}

img { border:0; margin:0; vertical-align:top;}

input { margin:0; padding-top:2px; font-family:'NanumGothic', sans-serif; font-size:14px; color:#7F7F7F; border:1px solid #FFFFFF; background:#FFFFFF; vertical-align:top;}
input[type="image"], input[type="radio"], input[type="checkbox"] { padding:0; height:auto; border:none;}
input.image, input.radio, input.checkbox { padding:0; height:auto; border:none;}/* : FILTER : IE 6 에서 속성 선택자 지원 안함 */
input[type="file"] { padding:2px 0 2px 0; height:auto;}
input.file { padding:2px 0 2px 0; height:auto; background:#F1F1F1;}/* : FILTER : IE 6 에서 속성 선택자 지원 안함 */
input[type="text"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus, input[type="password"]:focus, select:focus,

select,option,textarea,button { font-size:100%; vertical-align:top;}
select {
  width:; /* 원하는 너비설정 */
  height:30px;
  padding:0 30px 0 5px; /* 여백으로 높이 설정 */
  font-family:NanumGothic;  /* 폰트 상속 */
  font-size:14px; /* 폰트 크기 */
  color:#4f4f4f;
  background: url("../img/content/icon_select.jpg") no-repeat 95% 50%; /* 네이티브 화살표 대체 */  
  border: 1px solid #ddd; 
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}
/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { 
  display: none;
}

hr,caption { display:none;}
address,cite {font-style:normal;}

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




/*
 * =================================================================================
 * INFORMATION
 * ---------------------------------------------------------------------------------
 * @File Name 	: layout.css
 * @Description : layout Style Sheet
 * @Version 	: 1.0.0
 * @Update Date : N/A
 * @History		: N/A
 * =================================================================================
 */

#sub_container { position:relative; border-top:1px #184c87 solid;}
.container { max-width:1200px; margin:0 auto; position:relative;}
.sub_content { margin-left:290px; padding:145px 10px 100px 0; min-height:800px;}

/* sub_visual */
.sub_visual { font-size:0px; position:absolute; width:100%; height:145px; background:#e8e8e8 url('../img/content/img_sub_bg-20250106.png') no-repeat center;}

/* left menu */
.left_menu { width:230px; position:absolute; left:0px; top:0px; z-index:100; display:inline-block;}
.left_menu h3 { height:145px; padding-top:45px; color:#fff; font-size:26px; line-height:20px; text-align:center; background-color:#184c87;}
.left_menu h3>div { font-size:10px; opacity:0.4; line-height:14px !important; letter-spacing:0.05em; padding-top:10px; }
.left_menu li .br_no { display:none;}
.left_menu li a { border:1px #ddd solid; border-top:0px; display:block; padding:20px; background: url('./img/content/icon_menu2.png') no-repeat 200px center; font-size:18px; font-family:'NanumBarunGothic', sans-serif;}
.left_menu li a:hover, .left_menu li a.select { background:#f7f7f7 url('../img/content/icon_menu2.png') no-repeat 200px center; color:#0f3e74;}

/* banner_link */
.banner_link { clear:both; padding-top:20px; }
.banner_link a { display:block; height:70px; padding:0;}
.banner_link .box01, .banner_link .box02 { position:relative; padding:10px 0 0 65px;}
.banner_link .box01 img, .banner_link .box02 img { position:absolute; left:10px; top:13px; width:45px;}
.banner_link .box01 { background-color:#188776; margin-bottom:3px;}
.banner_link .box02 { background-color:#e5c000;}
.banner_link .title { font-size:16px; color:#fff; letter-spacing:-0.08em;}
.banner_link .txt_con { color:#fff; opacity:0.7; font-size:13px; line-height:17px; padding:3px 0 5px; letter-spacing:-0.05em;}
.banner_link .btn_more { position:absolute; left:50%; bottom:15px; font-size:14px; background-color:#fff; border-radius:3px; padding:6px 0; text-align:center; width:110px; margin-left:-55px;}

/* sub_location */
.sub_location { height:80px; position:relative; border-bottom:1px #ddd solid; margin-bottom:50px;}
.sub_location h3 { line-height:30px; padding-top:40px; font-size:30px; color:#000;font-family:'NanumBarunGothic', sans-serif; font-weight:normal;}
.sub_location .location { position:absolute; right:0px; bottom:10px; font-size:13px; color:#888; background:url('../img/content/icon_home.png') no-repeat left center; padding-left:15px;}
.sub_location .location span { color:#000;}





@media all and (max-width:1024px) and (min-width:768px){

#sub_container { padding-top:0px; /*position:relative; border-top:1px #ddd solid;*/}
.container { max-width:none; width:100%;/*  margin:0 auto; position:relative;*/}
.sub_content { padding:0 20px 50px; margin-left:0px;/* min-height:500px;*/}

/* sub_visual */
.sub_visual { position:inherit; font-size:0px; width:100%; height:100px; background:#e8e8e8 url('../img/content/img_sub_bg-20220906.jpg') no-repeat center;}

/* left menu */
.left_menu { width:100%;  height:61px; border-bottom:1px #0f3e74 solid; position: static;/* left:0px; top:0px; z-index:100; display:inline-block; */}
.left_menu h3 { font-size:20px; line-height:20px; height:60px; width:25%; padding:9px 0 5px 20px; float:left; text-align:left;/* color:#fff; text-align:center; background-color:#184c87; */}
.left_menu h3>div { padding-top:5px;  line-height:10px !important;/* font-size:10px; opacity:0.4; letter-spacing:0.05em;  */}
.left_menu li { float:left; width:25%;}
.left_menu li .br_no { /*display:none; */}
.left_menu li a { border-right:1px #ddd solid; border-bottom:0px;  border-left:0px; padding:0px 20px 0px 48px; height:60px; line-height:62px; color:#888; /* border-top:0px; display:block; font-size:18px; font-family:'NanumBarunGothic', sans-serif; */}
.left_menu li a:hover, .left_menu li a.select { font-size:20px;  background:#f7f7f7 url('../img/content/icon_menu2.png') no-repeat 20px center;/* color:#0f3e74; */}

/* banner_link */
.banner_link { display:none;}

/* sub_location */
.sub_location { height:50px;/* position:relative; border-bottom:1px #ddd solid; margin-bottom:50px;*/}
.sub_location h3 {  padding-top:12px; font-size:26px;/*line-height:30px; color:#000;font-family:'NanumBarunGothic', sans-serif; font-weight:normal;*/}
.sub_location .location {/* position:absolute; right:0px; bottom:10px; font-size:13px; color:#888; background:url('../img/content/icon_home.png') no-repeat left center; padding-left:15px;*/}
.sub_location .location span { /*color:#000;*/}


}





@media all and (max-width:767px){

#sub_container { padding-top:0px; /*position:relative; border-top:1px #ddd solid;*/}
.container { max-width:none; width:100%;/*  margin:0 auto; position:relative;*/}
.sub_content { padding:10px 10px 50px; margin-left:0px;/* min-height:500px;*/}

/* sub_visual */
.sub_visual { display:none;/* position:inherit; font-size:0px; width:100%; height:100px; background:#e8e8e8 url('../img/content/img_sub_visual.jpg') no-repeat right bottom;*/}

/* left menu */
.left_menu { width:100%; position: static;/* left:0px; top:0px; z-index:100; display:inline-block; */}
.left_menu h3 { font-size:22px; line-height:50px; height:50px; width:100%; padding:0 0 0 20px; float:left; text-align:left;/* color:#fff; text-align:center; background-color:#184c87; */}
.left_menu h3>div {padding:10px 10px 0 8px; display:inline-block; float:right; text-align:right;/* font-size:10px; opacity:0.4; letter-spacing:0.05em;  */}
.left_menu h3 .br_no { display:none;}
.left_menu li { float:left; width:25%;}
.left_menu li.wp50 { width:50% !important;}
.left_menu li.wp33 { width:33.3333% !important;}
.left_menu li .br_no { /*display:none; */}
.left_menu li a { border:1px #ddd solid; border-right:0px; padding:0px; height:50px; line-height:50px; text-align:center; color:#888; background-color:#f7f7f7; font-size:16px; /* border-top:0px; display:block; font-family:'NanumBarunGothic', sans-serif; */}
.left_menu li a:hover, .left_menu li a.select { border-bottom:0px; font-size:18px; background-image:none; background-color:#fff; /* color:#0f3e74; */}

/* sub_location */
.sub_location {height:35px; margin-bottom:20px; display:none;}
.sub_location h3 { font-size:16px; left:5px; bottom:5px;}
.sub_location .location { bottom:5px; font-size:11px;}

/* banner_link */
.banner_link { display:none;}




}