@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");
}
@font-face {
	font-family: "NanumBarunGothicBold";
	src:local("NanumBarunGothicBold"), url("../font/NanumBarunGothicBold.ttf") format("truetype");
}



* { box-sizing:border-box;}
html, body { height:100%; margin:0; padding:0; font-family:'NanumGothic', sans-serif; font-size:15px; color:#444444; 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:'NanumGothicBold', sans-serif; font-weight:normal;}
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: middle;}


input { margin:0; height:45px; border-radius:5px; padding:0 10px; font-size:16px; color:#4f4f4f; border:1px solid #ddd; cursor:pointer;}
input:focus {outline:none;}
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:45px;
  padding:0 30px 0 10px; /* 여백으로 높이 설정 */
  font-family:NanumGothic;  /* 폰트 상속 */
  font-size:16px; /* 폰트 크기 */
  color:#4f4f4f;
  background:#fff 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;
  border-radius:5px;
}
/* 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:#d84374 ; text-decoration:none;}

#skip_gocontent { display: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;}
.container { max-width:1400px; margin:0 auto; position:relative;}
.sub_content { margin-left:400px; width:1000px; padding-bottom:100px; min-height:800px; position:relative; }

/* sub_visual */
.sub_visual { background:#f6f7fc url("../img/content/bg_sub.png") no-repeat center; }
.sub_visual .wp1400 { width:1400px; margin:0 auto; height:150px; position:relative;}
.sub_visual .title { position:absolute; left:400px; top:50px; font-size:22px; font-family: "NanumBarunGothic"; color:#000; background:url("../img/content/visual_txt.png") no-repeat left center; padding-left:200px; line-height:26px;  }
.sub_visual .title .clo { color:#91862a;}
.sub_visual .txt { font-size:15px; color:#999;}

/* left menu */
.left_menu { width:270px; position:absolute; left:0px; top:-75px; z-index:2; }
.left_menu .menu_title { text-align:center; height:150px; padding-top:30px; color:#fff; font-size:34px; line-height:40px; font-family:'NanumGothicBold', sans-serif; background:#2d799b url('../img/content/bg_left_title.png') no-repeat right bottom; background-size:100% 100%;}
.left_menu .menu_title .txt_sm { text-transform:uppercase; font-size:9px; opacity:0.6; line-height:14px !important; letter-spacing:0.05em; padding-top:10px; font-family:'NanumGothic', sans-serif; }
.left_menu li { margin-top:-1px;}
.left_menu li a { display:block; padding:18px 45px 18px 18px; line-height:22px; font-size:20px; letter-spacing:-0.03em; background:#fff url('../img/content/icon_menu_off.png') no-repeat right center; border:1px #ccc solid; color:#666; }
.left_menu li a:hover { color:#d84374; } 
.left_menu li.select a { font-family:'NanumGothicBold', sans-serif; background:#666 url('../img/content/icon_menu_on.png') no-repeat right center; color:#fff; border:1px #666 solid;}
.left_menu .menu_3D { display:none; border-left:1px #ccc solid; border-right:1px #ccc solid; padding:10px 0;}
.left_menu .menu_3D a { padding:4px 45px 4px 25px; font-size:16px; background-image:none; border:0px; color:#666;}
.left_menu li.select .menu_3D { display:block; border-left:1px #ccc solid; border-right:1px #ccc solid; padding:10px 0; background-color:#f2f2f2;}
.left_menu li.select .menu_3D a { padding:4px 45px 4px 25px; color:#333; font-size:16px; background-image:none; border:0px; background-color:#f2f2f2f2; font-family:'NanumGothic', sans-serif;}.left_menu li.select .menu_3D a:hover { color:#d84374;}
.left_menu li.select .menu_3D .select a { color:#d84374;}


/* banner_link */
.banner_link { margin-top:70px;}
.banner_link a { display:block; color:#eee; height:70px; line-height:70px; padding-left:80px; position:relative; transition:0.2s;}
.banner_link .icon { position:absolute; left:8px; top:3px; width:65px;}
.banner_link .link_title { float:left; font-size:21px; font-family:'NanumGothic', sans-serif; letter-spacing:-0.02em; color:#fff;}
.banner_link .btn { font-size:13px; float:right; display:inline-block; color:#fff; opacity:0.7; padding-right:15px;}
.banner_link .btn:hover { opacity:1;}
.banner_link a.link1 { background-color:#6f5d44; margin-bottom:5px;}
.banner_link a.link1:hover { background-color:#554631;}
.banner_link a.link2 { background-color:#509ec4;}
.banner_link a.link2:hover { background-color:#3b89af;}

/* sub_location */
.sub_location { height:60px; position:relative; border-bottom:1px #ddd solid; margin-bottom:50px;}
.location { height:60px;}
.location h3 { font-size:32px; line-height:30px; padding-top:20px; color:#333; font-family:'NanumBarunGothicBold', sans-serif;}
.location p { position:absolute; right:5px; bottom:7px; font-size:15px; line-height:26px; color:#888; }
.location span {background:url("../img/content/icon_location.png") no-repeat right center; padding:0 15px 0 5px;}
.location strong { padding-left:15px; color:#333; font-family:'NanumGothicbold', sans-serif;}






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

#sub_container { width:100%;}
.container { width:100%;}
.sub_content { width:100%; margin-left:0px; padding:20px 20px 60px;}

/* sub_visual */
.sub_visual { background-size:100%;}
.sub_visual .wp1400 { width:100%; height:100px; padding-top:24px;}
.sub_visual .title { position:static; width:550px; margin:0 auto;}

/* left menu */
.left_menu { position:static; width:100%;}
.left_menu .menu_title { position:relative; height:55px; line-height:55px; background-size:100% 100%; padding:0; border-radius:0px; margin-bottom:0px; font-size:28px;}
.left_menu .menu_title .txt_sm { position:absolute; right:15px; bottom:10px; text-align:right; padding-top:0px;}
.left_menu ul { padding:10px 20px; height:55px; background-color:#454545; margin-top:-1px;}
.left_menu .mu2 li { width:31%; margin:0 1%;}
.left_menu .mu4 li { width:24%; margin:0 1%;}
.left_menu .mu4 li:first-child { width:18%;}
.left_menu .mu4 li:last-child { width:25%;}
.left_menu .mu_no { display:none !important;}
.left_menu li { margin:0; float:left; width:20%;}
.left_menu li a { background-image:none; text-align:center; padding:0; height:45px; line-height:35px; border-radius:10px 10px 0 0; background-color:#454545; color:#fff; border:1px #454545 solid;}
.left_menu li a:hover { color:#fff; text-decoration:underline;} 
.left_menu li.select a { background-image:none; background-color:#fff; border:1px #454545 solid; border-bottom:0px; color:#333; line-height:45px;}
.left_menu .menu_3D { display:none;}
.left_menu li.select .menu_3D { display:none;}

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

/* sub_location */.sub_location { height:30px; margin-bottom:30px;}
.location { height:30px;}
.location h3 { font-size:25px; line-height:18px; padding-top:0px;}


}





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

#sub_container { width:100%;}
.container { width:100%;}
.sub_content { width:100%; margin-left:0px; padding:15px 15px 60px;}

/* sub_visual */
.sub_visual { background-size:100%;}
.sub_visual .wp1400 { width:100%; height:78px; padding-top:20px;}
.sub_visual .title { position:static; width:470px; margin:0 auto; font-size:20px; line-height:22px; background-size:130px; padding-left:140px;}
.sub_visual .txt { font-size:14px;}

/* left menu */
.left_menu { position:static; width:100%;}
.left_menu .menu_title { position:relative; height:50px; background-size:100% 100%; text-align:left; padding:0 20px; line-height:50px; border-radius:0px; margin-bottom:0px; font-size:24px;}
.left_menu .menu_title .txt_sm { font-size:8px; position:absolute; right:15px; bottom:10px; text-align:right; padding-top:0px;}
.left_menu ul { padding:10px 20px; height:50px; background-color:#454545; margin-top:-1px;}
.left_menu .mu2 li { width:31%; margin:0 1%;}
.left_menu .mu4 li { width:24%; margin:0 1%;}
.left_menu .mu4 li:first-child { width:18%;}
.left_menu .mu4 li:last-child { width:25%;}
.left_menu .mu_no { display:none !important;}
.left_menu li { margin:0; float:left; width:20%;}
.left_menu li a { background-image:none; text-align:center; padding:0; height:40px; line-height:33px; border-radius:15px 15px 0 0; background-color:#454545; color:#fff; border:1px #454545 solid; font-size:18px;}
.left_menu li a:hover { color:#fff; text-decoration:underline;} 
.left_menu li.select a { background-image:none; background-color:#fff; border:1px #454545 solid; border-bottom:0px; color:#333;  border-radius:10px 10px 0 0; line-height:40px;}
.left_menu .menu_3D { display:none;}
.left_menu li.select .menu_3D { display:none;}

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

/* sub_location */.sub_location { height:30px; margin-bottom:20px;}
.location { height:30px;}
.location h3 { font-size:22px; line-height:18px; padding-top:0px;}
.location p img { width:20px;}



}




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

#sub_container { width:100%;}
.container { width:100%;}
.sub_content { width:100%; margin-left:0px; padding:10px 10px 50px ;}

/* sub_visual */
.sub_visual { background-size:100%;}
.sub_visual .wp1400 { width:100%; height:60px; padding-top:10px;}
.sub_visual .title { position:static; width:300px; margin:0 auto; font-size:18px; line-height:42px; padding-left:110px; background:url("../img/content/visual_txt.png") no-repeat left top; background-size:100px;}
.sub_visual .txt { display:none; font-size:13px;}



/* left menu */
.left_menu { position:static; width:100%;}
.left_menu .menu_title { position:relative; height:40px; background-size:100% 100%; text-align:left; padding:0 20px; line-height:40px; border-radius:0px; margin-bottom:0px; font-size:22px;}
.left_menu .menu_title .txt_sm { font-size:8px; line-height:11px !important; position:absolute; right:10px; bottom:10px; text-align:right; padding-top:0px;}
.left_menu ul { padding:5px; height:40px; background-color:#454545; margin-top:-1px;}
.left_menu .mu2 li { width:31%; margin:0 1%;}
.left_menu .mu4 li { width:24%; margin:0 1%;}
.left_menu .mu4 li:first-child { width:18%;}
.left_menu .mu4 li:last-child { width:25%;}
.left_menu .mu_no { display:none !important;}
.left_menu li { margin:0; float:left; width:20%;}
.left_menu li a { background-image:none; text-align:center; padding:0; height:35px; line-height:35px; border-radius:15px 15px 0 0; background-color:#454545; color:#fff; border:1px #454545 solid; font-size:15px;}
.left_menu li a:hover { color:#fff; text-decoration:underline;} 
.left_menu li.select a { background-image:none; background-color:#fff; border:1px #454545 solid; border-bottom:0px; color:#333; border-radius:8px 8px 0 0;}
.left_menu .menu_3D { display:none;}
.left_menu li.select .menu_3D { display:none;}


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

/* sub_location */.sub_location { height:70px; margin-bottom:10px;}
.location { height:70px; text-align:center;}
.location h3 { font-size:24px; line-height:30px; padding:8px 0;}
.location p { clear:both; width:100%; line-height:20px;}
.location p img { width:15px; margin-top:-2px;}
.location span { padding:0 10px 0 0px;}



}