@charset "utf-8"; 
/*나눔고딕*/
@import url(./fonts/NanumGothic/NanumGothic.css);

/*본고딕*/
@import url(./fonts/NotoSans/NotoSansKR.css);

/* base */
html{overflow-y:scroll; overflow-x:hidden;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;}
a{text-decoration:none;}
ul, ol, li{list-style:none;}
img{border:none; vertical-align:middle;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{display:block;}
table, td, tr{font-family:"Nanum Gothic";  color:#333; font-size:15px }

/* div위치조절 */
#wrap{width:100%; overflow:hidden; text-align:left; min-width:1200px; position:relative; background:#ffffff}
#middle_wrap{width:100%; overflow:hidden; position:relative;}
#bottom_wrap{width:100%; overflow:hidden; height:150px}

/* top div위치조절 */
#top_wrap{ position:absolute; top:0; left:0; width:100%; height:145px; z-index:10000 !important;background: #2c6b49;}
.top_wrap1{ width:100%; height:94px; border-bottom:1px solid #ffffff; background:rgb(0 0 0 / 20%);}
.top_total1{ width:1200px; margin:0 auto; overflow:hidden; position:relative; height:94px;}

.top_logo{ position:absolute; top:25px; left:50%; margin-left:-85px;}
#login{float:right; text-align:left; }
#login ul {list-style-type:none;margin-top:55px;}
#login li {float:left; list-style-type:none;border-right:1px solid #bbbbbb; height:12px; }
#login li a{font-size:12px; color:#fff;font-family:"Nanum Gothic"; letter-spacing:-0.05em; padding-right:20px; padding-left:20px; display:block; }
#login li:last-child{ border-right:0}

#login li a:hover{font-weight:600; }

.top_wrap2{ width:100%; height:50px;background:rgb(0 0 0 / 20%)}
.top_total2{ width:1200px; margin:0 auto; position:relative;height:50px;}


/* div위치조절 */
/* Header */
div#commonGnb{float:right; position: relative;}
div#commonGnb div.gnbWrap ul.gnbLayer{ display:table; float:right; }
div#commonGnb div.gnbWrap ul.gnbLayer li{float:left;  position:relative; z-index:999;  zoom:1;width:199px; height:50px;}
div#commonGnb div.gnbWrap ul.gnbLayer li.first{border:0;}
div#commonGnb ul.gnbLayer li>a{display:block; line-height:50px;text-align:center; font-weight:600; font-size:16px;  color:#e8e5e3; font-family:"Nanum Gothic"; font-weight:600; letter-spacing:-0.05em; width:199px; text-align:center; }
div#commonGnb ul.gnbLayer li:hover>a{color:#ffffff; text-decoration:none;font-family:"Nanum Gothic"; background:#d68c45; height:49px;}

div#commonGnb ul.gnbLayer li dl {position:absolute; left:50%; top:50px; margin-left:-100px; width:200px; display:none;}
div#commonGnb ul.gnbLayer li dt { }
div#commonGnb ul.gnbLayer li dd {display:block; padding:0; margin:0;  }
div#commonGnb ul.gnbLayer li:hover dd a {font-family:"Nanum Gothic"; display:block; width:100%; height:50px; padding:0; font-size:13px; line-height:50px; color:#333333; font-weight:600; text-align:center; border-bottom:1px solid #ab9f9a; background:rgba(255,255,2555,.7) }
div#commonGnb ul.gnbLayer li:hover dd a:hover{ background:#d68c45; font-weight:600;font-family:"Nanum Gothic"; color:#fff;}

/*sub코딩*/
#middle_wrap{margin:0 auto;  width:100%; overflow:hidden;}
#sub_middle_wrap {margin:0 auto;   width:100%; height:370px; overflow:hidden ; position:relative}
#sub_middle_total {margin:185px auto 0; text-align:center;   width:1200px; height:90px; overflow:hidden ; position:relative}

/* sub_body div위치조절 */
#sub_img{ margin:0 auto; width:100%; height:400px; overflow:hidden; background:url(../images/sub_bg.jpg) no-repeat center top}
#sub_txt{ margin:235px auto 0; overflow:hidden; width:1200px; height:80px; text-align:center}
#title_a{ text-align:center; width:1200px; height:45px; margin:80px auto 45px }



/* 탭네비 */
#tab_nav{ overflow:hidden; width:100%; height:40px; border-bottom:1px solid #dddddd; margin:0 auto 45px;}
#tab_nav ul{ overflow:hidden; margin:0 auto; text-align:center; display:table}
#tab_nav ul li{float:left; overflow:hidden;  }
#tab_nav ul li a{display:block; height:40px; font-size:18px; line-height:40px; color:#333333; text-align:center; font-family:"Nanum Gothic";  width:195px; text-align:center; }
#tab_nav ul li a:hover{color:#2a1c14; font-family:"Nanum Gothic"; text-decoration:none; font-weight:600}
#tab_nav ul li.on a{color:#2a1c14; font-family:"Nanum Gothic"; font-weight:600; border-bottom:2px solid #111111}







#middle_total{margin:0 auto; width:1920px;}
#con_total{width:1200px; min-height:400px; overflow:hidden; margin:0 auto 100px}
#main_slide{margin-top: 145px;}

/*이미지슬라이드 css소스*/
.clear{overflow: hidden; width: 1200px; margin:0 auto;}
.dn {display: none;}

.wrap_box{position:relative;  width:100%; overflow:hidden; height:900px; margin:0 auto ;}
.wrap_box .visual{ position: absolute; left:50%; top:0; margin-top: 0px; width:1920px; margin-left:-960px;
height:900px;}
.wrap_box .box {position:relative; width:100%; height:100%;; margin:0 auto }
.wrap_box .visual .pht{position:absolute; top:0; left:0; width:100%; height:100%;}
.wrap_box .visual .control{float:left; position:absolute; bottom:50px; left:50%; margin-left:-187px; width:875px;}
.wrap_box .visual .control .fl{float:left; margin-right:10px; cursor: pointer;}
.wrap_box .visual .control .fl:nth-child(7){margin-right:10px;}

#main_ment_wrap{position: absolute;   left:0px; top:0; width:100%; height:160px; font-family:"Nanum Gothic" }
#main_ment_total{margin:370px auto 0; background:url('../images/main_ment.png') no-repeat center; width:725px; height:160px; position:relative}

.main_middle_wrap1{ width:100%; height:585px; position:relative; }
.main_middle_wrap1_1{width:100%;height: 420px;position:relative;}
.main_middle_total1{ width:1600px; position:relative; height:auto; margin:0 auto; padding:70px 0}
.main_middle_total1_1{width:1600px;position:relative;height:auto;margin: -30px auto;padding: 0px 0;}
.quick_title{ margin:0 auto 40px; width:1200px; height:35px; position:relative}
#quick_con{  width:100%; height:auto; position:relative}
#quick_con li{float:left;width: 300px;height:370px;margin-right:20px;background:url(../images/quick_bg2.png) no-repeat center top;}
#quick_con li:last-child{margin-right:0px;}
#quick_con li:hover{ box-shadow:3px 3px 3px rgba(0,0,0,0.1)}
#quick_con li a{text-indent:-5000px;display:block;width: 300px;height:370px;}

#quick_con li#q01{background-position:0 0;}
#quick_con li#q02{background-position: -320px 0;}
#quick_con li#q03{background-position: -640px 0;}
#quick_con li#q04{background-position:-960px 0;}
#quick_con li#q05{background-position:-1280px 0;}

#quick_con li#q01:hover{background-position:0 -370px}
#quick_con li#q02:hover{background-position:-320px -370px;}
#quick_con li#q03:hover{background-position:-640px -370px;}
#quick_con li#q04:hover{background-position:-960px -370px;}
#quick_con li#q05:hover{background-position:-1280px -370px;}

#quick_con_1{  width:100%; height:auto; position:relative}
#quick_con_1 li{float:left;width: 300px;height:370px;margin-right:20px;background:url(../images/quick_bg2-1.png) no-repeat center top;}
#quick_con_1 li:last-child{margin-right:0px;}
#quick_con_1 li:hover{ box-shadow:3px 3px 3px rgba(0,0,0,0.1)}
#quick_con_1 li a{text-indent:-5000px;display:block;width: 300px;height:370px;}

#quick_con_1 li#q01{background-position:0 0;}
#quick_con_1 li#q02{background-position: -320px 0;}
#quick_con_1 li#q03{background-position: -640px 0;}
#quick_con_1 li#q04{background-position:-960px 0;}
#quick_con_1 li#q05{background-position:-1280px 0;}

#quick_con_1 li#q01:hover{background-position:0 -370px}
#quick_con_1 li#q02:hover{background-position:-320px -370px;}
#quick_con_1 li#q03:hover{background-position:-640px -370px;}
#quick_con_1 li#q04:hover{background-position:-960px -370px;}
#quick_con_1 li#q05:hover{background-position:-1280px -370px;}

.main_middle_wrap2{ width:100%; height:390px; margin:0 auto; overflow:hidden; background:#fec9b9}
.main_middle_total2{ width:1200px; height:390px; margin:0 auto; overflow:hidden}

.main_qmenu1{margin:0 auto; width:100%; overflow:hidden; height:390px;}
.main_qmenu1 li{position:relative; float:left; width:50%; height:390px; }
.main_qmenu1 li #qmenu_button001{position:relative; overflow:hidden; float:right; width:100%; height:390px;}
.main_qmenu1 li #qmenu_button001:after{
	content: ""; 
	background:url('../images/qmenu01_bg.jpg') no-repeat right center; 
	position:absolute; 
	top:0; 
	right:0; 
	width:960px; 
	height:390px; 
	transform: scale(1);
    -webkit-transition: transition: all .5s cubic-bezier(.105,.86,.52,.965);
    -o-transition:transition: all .5s cubic-bezier(.105,.86,.52,.965);
    transition: all .5s cubic-bezier(.105,.86,.52,.965)
}
.main_qmenu1 li #qmenu_button001:hover:after{
	transform: scale(1.1);
}
.main_qmenu1 li #qmenu_button002{position:absolute; overflow:hidden; left:-105px; top:0; width:100%; height:390px; position:relative }
.main_qmenu1 li #qmenu_button002:after{
	content: ""; 
	background:url('../images/qmenu02_bg.png') no-repeat left center; 
	position:absolute; 
	top:0;
	left:0;
	width:960px; 
	height:390px; 
	transform: scale(1);
    -webkit-transition: transition: all .5s cubic-bezier(.105,.86,.52,.965);
    -o-transition:transition: all .5s cubic-bezier(.105,.86,.52,.965);
    transition: all .5s cubic-bezier(.105,.86,.52,.965)
}
#qmenu_button002_bg img{ z-index:10000; position: absolute; top:70px; left:133px;}


#qmenu_button002_bg li{float:left; width:210px; height:50px; background:url(../images/button01.png) no-repeat center top;z-index:10000; position:relative; margin:270px 0 0 440px;}
#qmenu_button002_bg li a{ text-indent:-5000px; display:block; width:210px; height:50px;}
#qmenu_button002_bg li#q001{background-position:0 0; }
#qmenu_button002_bg li#q001:hover{background-position:0 -50px }

.main_b {
    background: #f4f4f4;
    color: #000;
    padding: 60px 0;
  }
  .main_b .box_total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    max-width: 1520px; /* 또는 1400px 등 원하는 중앙 기준 너비 */
    width: 100%;
    margin: 0 auto;
    padding: 0 20px; /* 좌우 여백이 필요할 경우 */
  }
  
  .main_b .box_title {
    flex-shrink: 0;
    width: 260px;
    height: 100px;
    text-align: left;
  }
  .main_b .box_title span {
    display: block;
    font-size: 55px;
    font-weight: bold;
    color: #242424;
    margin-bottom: 10px;
  }
  .main_b .box_title .line {
    width: 40px;
    height: 2px;
    background: #000;
  }
  .main_b .box_title .desc {
    font-size: 18px;
    color: #555;
    line-height: 1.6;
    margin-top: 30px;
  }
  
  .main_b .box_con {
    flex-grow: 1;
    overflow: visible;
  }
  .main_b .box_list ul {
    display: flex;
    gap: 20px;
    overflow: hidden;
  }
  .main_b .box_list ul li {
    flex: 1 0 30%;
    background: #222;
    height: 300px;
    border-radius: 4px;
    overflow: hidden;
  }
  .main_b .box_list ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  .main_b .box_btn {
    margin-top: 40px;
    text-align: center;
  }
  .main_b .box_btn a {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 10px 30px;
    border-radius: 20px;
    transition: 0.3s;
  }
  .main_b .box_btn a:hover {
    background: #224d68;
    color: #fff;
  }
  


.main_middle_wrap3 {
  width: 100%;
  height: 500px;
  margin: 0 auto;
  overflow: hidden;
  background: url('../images/main_middle_bg.jpg') no-repeat center center;
  background-size: cover;
}

.main_middle_total3 {
  width: 1200px;
  height: 500px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}

#quick {
  width: 1200px;
  margin: 0 auto;
  padding-top: 40px;
}

.quick_title2 {
  text-align: center;
  margin-bottom: 25px;
}

.quick_title2 img {
  width: 1200px;
  height: 35px;
}

#quick_con2,
#quick_con3 {
  width: 800px;
  margin: 0 auto;
  height: 140px;
}

#quick_con3 {
 margin-top: 30px;
}

#quick_con2 ul,
#quick_con3 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

#quick_con2 li,
#quick_con3 li {
  float: left;
  width: 96px;
  height: 140px;
  margin-left: 80px;
  background: url('../images/main_middle_01.png') no-repeat;
  text-align: center;
  position: relative;
}

#quick_con3 li {
  background: url('../images/main_middle_02.png') no-repeat;
}

#quick_con2 li:first-child,
#quick_con3 li:first-child {
  margin-left: 0;
}

/* 각각의 아이콘 위치 지정 */
#quick_con2 .qa1 { background-position: 0 0; }
#quick_con2 .qa2 { background-position: -176px 0; }
#quick_con2 .qa3 { background-position: -352px 0; }
#quick_con2 .qa4 { background-position: -528px 0; }
#quick_con2 .qa5 { background-position: -704px 0; }

#quick_con3 .qa1 { background-position: 0 0; }
#quick_con3 .qa2 { background-position: -176px 0; }
#quick_con3 .qa3 { background-position: -352px 0; }
#quick_con3 .qa4 { background-position: -528px 0; }
#quick_con3 .qa5 { background-position: -704px 0; }

/* Hover 시 아래 줄 이미지로 전환 (01.png은 위/아래 sprite 구조임) */
#quick_con2 .qa1:hover { background-position: 0 -140px; }
#quick_con2 .qa2:hover { background-position: -176px -140px; }
#quick_con2 .qa3:hover { background-position: -352px -140px; }
#quick_con2 .qa4:hover { background-position: -528px -140px; }
#quick_con2 .qa5:hover { background-position: -704px -140px; }

#quick_con3 .qa1:hover { background-position: 0 -140px; }
#quick_con3 .qa2:hover { background-position: -176px -140px; }
#quick_con3 .qa3:hover { background-position: -352px -140px; }
#quick_con3 .qa4:hover { background-position: -528px -140px; }
#quick_con3 .qa5:hover { background-position: -704px -140px; }

#quick_con2 li a,
#quick_con3 li a {
  display: block;
  width: 96px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  color: white;
  font-size: 13px;
  text-decoration: none;
  font-weight: 400;
  position: absolute;
  bottom: 0;
  cursor: default;
}


.stand02 {
    margin: 0 auto;
    width: 1920px;
    overflow: hidden;
    padding: 50px 0;
    position: relative;
    text-align: center;
    background: #fefee1;
}

.stand02_title {
    width: 100%;
    margin-bottom: 60px;
}

.stand02_title .title_01 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #000;
}

.stand02_title .title_02 {
    font-size: 15px;
    color: #000;
    line-height: 1.6;
}

/* 지도 영역 감싸는 스타일 */
.map_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
}

.root_daum_roughmap_landing {
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.05);
    border-radius: 5px;
    height: 500px;
}


/* bottom div위치조절 */
#footer {width:100%; overflow:hidden; min-width:1280px; padding:50px 0; position:relative; background:#000; }
 .bottom_logo{width: 100%;text-align: center;margin-bottom: 20px;}
 .footer_inner { width:100%; height:100%; margin:0 auto; position:relative;}
 .footer_middle_br, .footer_small_br {display:none; }
 
 .footer_menu_wrap { width:100%; overflow:hidden; margin-bottom:40px;}
 .footer_menu_wrap ul{ margin:0 auto; display:table;}
 .footer_menu li {float:left;}
 .footer_menu li a {display:block; padding:0 10px; font-size:14px; font-weight:500; line-height:20px; letter-spacing:-0.02em; color:#fff; -webkit-transition:background 300ms; transition:background 300ms; }
 .footer_menu li:last-child a {margin-right:0; }
 .footer_menu li a:hover {color:#fff;}
 .footer_menu li.privacy a {color:#fff;}
 .footer_menu li.privacy a:hover {color:#fff; }
 
 .footer_info { max-width:1200px; margin:0 auto; padding:0 0; position:relative; text-align:center; overflow:hidden; color:#fff;}
 .footer_info p {font-size:0; line-height:1; }
 .footer_info p span, .footer_info p span a {font-size:14px; color:#fff; }
 .footer_info p span {display:inline-block; padding-right:12px; position:relative; vertical-align:middle; line-height:160%; letter-spacing:-0.02em; }
 .footer_info p span:last-child {padding-right:0; }
 .footer_info p span:last-child:after {display:none; }