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

/* base */
html{overflow-y:scroll; overflow-x:hidden;font-family: 'Pretendard', sans-serif;}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input{margin:0;padding:0;font-family: 'Pretendard', sans-serif;}
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: 'Pretendard', sans-serif; font-size:13px; color:#333; font-weight:400;}

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


/* top div위치조절 */
.top_wrap1{ width:100%; height:40px; border-bottom:1px solid #A2C916;}
.top_total1{ width:1200px; height:40px; margin:0 auto; overflow:hidden}
.top_logo2{ float:left; font-size:13px; font-family: 'Pretendard', sans-serif; color:#555; letter-spacing:-0.05em; line-height:40px; width:220px; font-weight:600;}


#login{float:right;text-align:right;}
#login ul {list-style-type:none; overflow:hidden}
#login li {float:right; list-style-type:none; color:#727984}
#login li a{font-size:12px; color:#555;font-family: 'Pretendard', sans-serif; font-weight:400; letter-spacing:-0.025em;line-height:40px;}
#login li a:hover{background:none;font-weight:400;}


.top_wrap2{ width:100%; }
.top_total2{ width:1400px; height:110px; margin:0 auto; }
#top_logo{ float:left; margin-top:30px; width:195px; height:50px; padding:0;}


/* div위치조절 */
/* Header */
div#commonGnb{float:right; position:relative; margin-left:0; color:#333333;font-family: 'Pretendard', sans-serif; }
div#commonGnb div.gnbWrap ul.gnbLayer{ display:table; float:right; margin:0 auto}
div#commonGnb div.gnbWrap ul.gnbLayer li{float:left;  position:relative; z-index:999;  zoom:1;}
div#commonGnb div.gnbWrap ul.gnbLayer li.first{border:0;}
div#commonGnb ul.gnbLayer li>a{display:block; margin:30px auto 0; text-align:center; font-weight:600; font-size:18px;  color:#333333; font-family: 'Pretendard', sans-serif; width:180px; letter-spacing:-0.05em; line-height:60px}
div#commonGnb ul.gnbLayer li:hover a{color:#f08200; text-decoration:none;font-family: 'Pretendard', sans-serif; font-weight:600}
div#commonGnb ul.gnbLayer li dl {position:absolute; left:50%; top:90px; margin-left:-87px; width:180px; display:none;background:#fff; z-index:100;}
div#commonGnb ul.gnbLayer li dd {display:block; padding:0; margin:0;  }
div#commonGnb ul.gnbLayer li:hover dd a {font-family: 'Pretendard', sans-serif; display:block; width:100%; height:40px; padding:0; font-size:13px; line-height:40px; color:#111; font-weight:600; text-align:center; }
div#commonGnb ul.gnbLayer li:hover dd a:hover{ background:#f08200; font-weight:400;font-family: 'Pretendard', sans-serif; color:#fff;}




#top_logo3{ float:right; margin-top:25px;}




/* bottom div위치조절 */


/* 전체 footer */
#bottom_wrap{
  position: relative;
  width: 100%;
  height: 300px;                
  background: #fff;
  font-family: "Nanum Gothic";
  overflow: hidden;
  border-top: 1px solid #dbdbdb;
}


#bottom_wrap .bottom_inner{
  position: relative;
  width: 1920px;
  height: 300px;
  margin: 0 auto;             
}


#bottom_wrap .bottom_left{
  position: absolute;
  left: 300px;                  
  top: 68px;                    
  width: 474px;                
  height: 179px;

  display: flex;
  flex-direction: column;
  align-items: flex-start;   
  text-align: left;            
}

/* 로고 */
#bottom_wrap .bottom_logo{
  margin: 0 0 30px 0;
}
#bottom_wrap .bottom_logo img{
  display: block;
  width: auto;
  height: 84px;                 
}

/* 링크 라인 */
#bottom_wrap .bottom_links{
  display: flex;
  align-items: center;
  justify-content: flex-start;   
  gap: 50px;
  margin: 0 0 20px 0;
  padding: 0;
}
#bottom_wrap .bottom_links a{
  font-size: 18.63px;
  color: #000;
  text-decoration: none;
  line-height: 1.2;
  font-weight: 300;
}
#bottom_wrap .bottom_links a:hover{
  text-decoration: underline;
}

/* 카피 */
#bottom_wrap .bottom_copy{
  font-size: 18.63px;
  color: #000;
  line-height: 1.3;
  white-space: nowrap;
  font-weight: 300;
}


#bottom_wrap .bottom_right{
  position: absolute;
  left: 1081px;                  
  top: 22px;                   
  width: 389px;                  
  height: 251px;

  text-align: left;
}

#bottom_wrap .bottom_tel_label{
  font-size: 24px;
  color: #000;
  margin-bottom: 2px;
}

#bottom_wrap .bottom_tel{
  font-size: 52px;               
  font-weight: 800;
  color: #f39a15;               
  line-height: 1;
  margin-bottom: 2px;
}

#bottom_wrap .bottom_info{
  font-size: 24px;
  color: #000;
  line-height: 1.55;
  font-weight: 300;
}


#bottom_wrap .bottom_info_small{
  display: block;
  margin-top: 5px;
  font-size: 18px;      
  color: #000;
  line-height: 1.5;
}

/* sub_body div위치조절 */
#sub_img{ margin:0 auto; width:100%; height:300px; overflow:hidden; }
.subbg-1{background:url(../images/subbg101.webp) no-repeat center top}
.subbg-2{background:url(../images/subbg201.webp) no-repeat center top}
.subbg-3{background:url(../images/subbg301.webp) no-repeat center top}
.subbg-4{background:url(../images/subbg401.webp) no-repeat center top}
.subbg-5{background:url(../images/subbg501.webp) no-repeat center top}

#sub_txt{ margin:95px auto 0; width:1200px; height:80px; text-align:center}
#middle_total{margin:50px auto 0; width:1200px;}
#con_total{width:1000px; overflow:hidden; margin-bottom:100px; margin:0 auto;}
#con_title{width:1000px; margin:0; position:relative; overflow:hidden; margin-bottom:40px; height:80px;}
#title_a{text-align:center; margin-bottom:15px; font-family: 'Pretendard', sans-serif; font-size:36px;  color:#222;letter-spacing:-0.05em; font-weight:600;}
#title_b{text-align:center; font-family: 'Pretendard', sans-serif; font-size:15px;  color:#222;letter-spacing:-0.05em}
#con{width:1000px; overflow:hidden; margin-bottom:100px;}

.sub_bg{ width:1200px; height:575px; margin:0 auto; background:#f1f1f1; padding:40px 0 0 40px}
.sub_bg2{ width:1200px; height:310px; margin:0 auto; background:#f1f1f1; padding:40px 0 0 40px}



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

.wrap_box{position:relative;  width:100%; overflow:hidden; height:700px; margin:0 auto ;}
.wrap_box .visual{ position: absolute; left:50%; top:0; margin-top: 0px; width:1920px; margin-left:-960px;
height:700px;}
.wrap_box .box {position:relative; width:100%; height:100%;; margin:0 auto }
.wrap_box .visual .pht{position:absolute; overflow:hidden; top:0; left:0; width:100%;}
.wrap_box .visual .prev {position: absolute; top:100px; left:50%; margin-left:-700px; cursor: pointer; z-index:12}
.wrap_box .visual .next {position: absolute; top:100px; right:50%; margin-right:-700px; cursor: pointer;}
.wrap_box .visual .control{float:left; position:absolute; bottom:40px; left:50%; margin-left:-20px; width:100px; z-index:10000}
.wrap_box .visual .control .fl{float:left; margin-right:10px; cursor: pointer;}
.wrap_box .visual .control .fl:nth-child(4){margin-right:0px;}

#main_ment_wrap{width: 1920px;height:700px;margin:0 auto 0;position:relative;overflow:hidden;}
#main_ment_total{position:absolute;left:0;top:0;width: 1920px;height:700px;text-align:left;overflow:hidden;}

.main_ment{
  position:absolute;
  left: 150px;
  top: 150px;
  width: 780px;
  height: 122px;
  opacity:0;
  transform:translateY(10px);
  transition:opacity .5s ease, transform .5s ease;
  pointer-events:none;
}

.main_ment.on{
  opacity:1;
  transform:translateY(0);
}


.main_ment__title{
  margin:0;
  font-size:50px;      
  line-height:1.2;
  font-weight:700;
  color:#000;
  letter-spacing:-0.8px;
}


.main_ment__desc{
  margin:14px 0 0;
  font-size:22px;      
  line-height:1.35;
  font-weight:400;
  color:#000;
  letter-spacing:-0.2px;
}

#main_qmenu{ position:absolute; top:150px; left:0p; with:212px; height:53px;}
#main_qmenu li{float:left;}
#main_qmenu li a{display:block; width:212px; height:53px;}
#qmenu_button01:hover img{opacity:1;}

/*메인갤러리 추출*/
/* 메인콘텐츠 */


#main_middle_total_a{
  width:100%;
  height:700px; 
  margin:70px auto 0;
  background:url('../images/main_bg_01.webp') no-repeat center center;
  background-size:contain;     
  background-color:#fff;
  position:relative;
  overflow:hidden;
}


.main_mid_a_inner{
  width:1920px;
  height:700px;
  margin:0 auto;
  position:relative;
}


.main_mid_a_rightbox{
  position:absolute;
  right:173px;
  top:50%;
  transform:translateY(-50%);
  width:700px;          
  height:700px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}


.main_mid_a_textimg{
  width:582px;
  height:248px;
  overflow:hidden;
  margin:0 auto 24px;    
}
.main_mid_a_textimg img{
  display:block;
  width:582px;
  height:248px;
  object-fit:contain;
}


.main_quick_area{
  width:601px;
  height:340px;
  position:relative;
}


.main_quick_a,
.main_quick_a2{
  width:601px;
  height:160px;
  overflow:hidden;
}

.main_quick_a2{
  margin-top:20px; 
}


.main_quick_a ul,
.main_quick_a2 ul{
  margin:0;
  padding:0;
  list-style:none;
  width:601px;
  height:160px;
}
.main_quick_a li,
.main_quick_a2 li{
  float:left;
}


.main_quick_a li a{
  display:block;
  width:125px;
  height:160px;
  background:url('../images/main_bg_02-1.webp') no-repeat;
  background-position:center top;
}


.main_quick_a2 li a{
  display:block;
  width:125px;
  height:160px;
  background:url('../images/main_bg_02-2.webp') no-repeat;
  background-position:center top;
}


.main_quick_a li.qmb01 a{ background-position:0 top; }
.main_quick_a li.qmb02 a{ margin-left:113px; background-position:-238px top; }
.main_quick_a li.qmb03 a{ margin-left:113px; background-position:-475px top; }

.main_quick_a2 li.qmb01 a{ background-position:0 top; }
.main_quick_a2 li.qmb02 a{ margin-left:113px; background-position:-238px top; }
.main_quick_a2 li.qmb03 a{ margin-left:113px; background-position:-475px top; }

.main_quick_a li.qmb01 a:hover{ background-position:0 bottom; }
.main_quick_a li.qmb02 a:hover{ background-position:-238px bottom; }
.main_quick_a li.qmb03 a:hover{ background-position:-475px bottom; }

.main_quick_a2 li.qmb01 a:hover{ background-position:0 bottom; }
.main_quick_a2 li.qmb02 a:hover{ background-position:-238px bottom; }
.main_quick_a2 li.qmb03 a:hover{ background-position:-475px bottom; }

/* 슬라이드 이미지*/
#stand_total{/* margin:70px auto 0; */width:100%;height:700px;position:relative;}
#stand_total2{/* margin:70px auto 0; */width:100%;height:700px;position:relative;background: #F7F7F7;}
.stand{margin:0 auto;width:1200px;overflow:hidden;padding:70px 0 0 0;position:relative;}
.stand_title{width:100%; height:70px; overflow:hidden; margin-bottom:30px;}
.stand_title .title{position:relative;z-index:10;width:100%;font-size: 34px;line-height:30px;font-weight:600;text-align:center;color: #8E8E8E;}
.stand_title .title spen{position:relative; z-index:10; width:100%; font-size:30px; line-height:30px; font-weight:600; text-align:center; color:#000;}
.stand_title .title_02{position:relative;z-index:10;width:100%;font-size: 20px;line-height:16px;font-weight: 400;text-align:center;margin-top:15px;}
.stand_con{width:100%; overflow:hidden;}
/* 버튼 */
.stand_more{
  width:100%;
  text-align:center;
  margin-top: 65px;
}

.stand_more a{
  display:inline-block;
  min-width:120px;
  height:34px;
  line-height:34px;
  padding:0 18px;
  background:#343434;
  color:#fff;
  font-size:13px;
  font-weight:400;
  text-decoration:none;
  border:1px solid #d0d0d0;
  box-sizing:border-box;
}

.stand_more a:hover{
  background:#cfcfcf;
}

/* CUS*/
#main_con_total{margin:70px auto; width:1200px; overflow:hidden;}
#main_a{float:left; position:relative; width:425px; height:220px; padding:0 40px 0; border-right:1px solid #ddd; margin:0 0 0 0;}
#main_b{float:left; position:relative; width:358px; height:220px; padding:0 40px 0; }
#main_c{float:left; position:relative; width:415px; height:220px; padding:0 40px 0; border-right:1px solid #ddd;}

.main_title{width:100%; height:25px; text-align:left;  font-weight:600; font-size:22px; line-height:25px; color:#111;}
.main_title2{width:100%; height:25px; font-weight:600; font-size:13px; line-height:25px; color:#999;}
.main_con{width:100%; height:160px; margin-top:20px;}
.main_con a{ font-size:13px; line-height:25px;}

.main_con02{width:100%; height:160px; margin-top:30px;}
.main_con02 a{ font-size:13px; line-height:25px;}

.more_btn{ position:absolute; z-index:100; right:40px; top:25px; width:17px; height:17px;}
.cus_total{display:block; overflow:hidden; font-weight:600; font-size:15px; color:#444; line-height:28px;}
.cus_total .cus_title{float:left; display:block; width:16%;  font-weight:600; font-size:12px; line-height:25px; color:#555; letter-spacing:0;}
.cus_total .cus_con{float:left; display:block; width:82%;  font-weight:400; font-size:13px; line-height:25px; color:#222;}
.cus_total .cus_text1{font-weight:600; font-size:28px; color:#1062aa; line-height:28px; letter-spacing:0.03em; }
.cus_total .cus_text2{font-weight:600; font-size:26px; color:#222; line-height:26px; letter-spacing:0.03em; }
.cus_total .cus_text3{font-weight:400; font-size:16px; color:#444; line-height:16px; letter-spacing:0.03em; }
.cus_total .cus_text4{font-weight:400; font-size:13px; color:#444; line-height:13px; letter-spacing:0.01em; }

/* 탭네비 */
#tab_nav_sub{ width:100%; overflow:hidden; margin-bottom:80px}
#tab_nav_sub ul{ overflow:hidden; display:table; margin:0 auto}
#tab_nav_sub ul li{float:left; overflow:hidden; width:158px; height:50px; margin-right:10px;}
#tab_nav_sub ul li:last-child{ margin-right:0}

#tab_nav_sub ul li a{display:block; border:1px solid #ccc;  font-size:15px; line-height:48px; color:#333;background:#f1f1f1; text-align:center; font-family: 'Pretendard', sans-serif; font-weight:600}
#tab_nav_sub ul li a:hover{background:#f08200;color:#fff;border:1px solid #004173; font-family: 'Pretendard', sans-serif; font-weight:600}
#tab_nav_sub ul li.on a{background:#f08200;color:#fff;border:1px solid #004173; font-family: 'Pretendard', sans-serif; font-weight:600}

/*---------------------------------
* TAIL.PHP : 온라인문의 바로가기
----------------------------------*/
#adver_total{margin:0 auto; width:100%; height:420px; background:url('../images/main_bg.jpg') center top; position:relative; min-width:1200px; position:relative;}
.adver_text{ position:absolute; z-index:100; left:50%; top:110px; margin-left:-550px; width:110px;}
.bbtn{ float:left; margin-left:-223px; left:50%; top:64%;  width:100%; position:absolute;}
.bbtn p a{ padding:15px 55px; font-size:14px; color:#fff; line-height:50px;font-family:'Nanum Gothic'; font-weight:600; border:1px solid #fff; margin-left:10px;}
.bbtn p a:hover{color:#000; font-weight:600; background:rgba(255,255,255,0.5) }

/* 슬라이드 이미지*/
.stand02{margin:0 auto; width:1200px; overflow:hidden; padding:70px 0 70px 0; position:relative;}
.stand02_title{width:100%; height:70px; overflow:hidden; margin-bottom:30px;}
.stand02_title .title_01{position:relative; z-index:10; width:100%; font-size:30px; line-height:30px; font-weight:600; text-align:center;}
.stand02_title .title_01 spen{position:relative; z-index:10; width:100%; font-size:30px; line-height:30px; font-weight:600; text-align:center; color:#1062aa;}
.stand02_title .title_02{position:relative; z-index:10; width:100%;  font-size:16px; line-height:16px; font-weight:400; text-align:center; margin-top:15px;}
.stand02_con{width:100%; overflow:hidden;}


/*우측 퀵메뉴*/
.right_banner_quick{
  position:fixed;
  right:16px;
  top:50%;
  transform:translateY(-50%);
  z-index:9999;
  pointer-events:auto;
}

.right_banner_quick .rbq_list{
  margin:0;
  padding:0;
  list-style:none;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.right_banner_quick .rbq_item{
  margin:0;
  padding:0;
  background: #fff;
  border-radius: 15px;
}

.right_banner_quick .rbq_link{
  display:flex;
  align-items:center;
  justify-content:center;
  width: 70px;
  height: 70px;
  border-radius:14px;
  background:transparent;
  overflow:hidden;
  box-shadow:0 8px 18px rgba(0,0,0,.18);
  transition:transform .18s ease, box-shadow .18s ease;
}

.right_banner_quick .rbq_link:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(0,0,0,.22);
}

.right_banner_quick img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

/*중간 이미지 */

.middle_section{
  position:relative;
  width:100%;
  min-width:1920px;
  height:300px;         
  overflow:hidden;
}

.middle_bg{
  position:absolute;
  inset:0;
}

.middle_bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


.middle_text{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  text-align:center;
  color:#fff;
  z-index:2;
}

.middle_text__sub{
  font-size: 34px;
  font-weight:400;
  margin-bottom:10px;
  letter-spacing:-0.02em;
  text-shadow:0 2px 6px rgba(0,0,0,.35);
}

.middle_text__title{
  font-size: 34px;
  font-weight: bold;
  letter-spacing:-0.03em;
  text-shadow:0 3px 8px rgba(0,0,0,.45);
}



.main_section{display:block; width:100%; overflow:hidden; padding:110px 0;}
.main_0 .box_total{margin:0 auto; width:1200px; overflow:hidden;}
.main_0 .box_con{width:100%; overflow:hidden; margin-bottom:10px;}
.main_0 .box_total{width:1600px;}


.main_0 .main_a_head{
  width:1600px;
  margin:0 auto 40px;  
  text-align:center;
}

.main_0 .main_a_head__logo{
  display:block;
  margin: 0 auto 50px;
  max-width:100%;
  height:auto;
}

.main_0 .main_a_head__text{
  margin: 0 auto 50px;
  font-size: 20px;
  line-height:1.6;
  color:#000;
  font-weight:400;
}

.main_0 .main_a_head__title{
  display:block;
  margin:0 auto;
  max-width:100%;
  height:auto;
  margin-bottom: 50px;
}



.main_0 .main_a_head{
  width:1600px;
  margin:0 auto 60px;
  text-align:center;
}

.main_0 .main_a_head__headline{
  margin:0 auto 10px;
  font-size: 40px;
  font-weight:700;
  color:#111;
  letter-spacing:-0.02em;
}

.main_0 .main_a_head__sub{
  margin:0 auto;
  font-size: 20px;
  font-weight:400;
  color: #000;
  line-height:1.6;
}

.main_quick_0{margin:0 auto; width:1260px; height:550px;}
.main_quick_0 li{float:left;text-align: center;}
.main_quick_0 li a{display:block; height:550px; background:url('../images/quick_menu1.webp') center center;}
.main_quick_0 li.qmb01 a{width:400px; height:550px; background-position:0 top;}
.main_quick_0 li.qmb02 a{width:400px; height:550px; margin-left:30px; background-position:-430px top;}
.main_quick_0 li.qmb03 a{width:400px; height:550px; margin-left:30px; background-position:-860px top;}


.main_quick_0 li.qmb01 a:hover{width:400px; height:550px; background-position:0 bottom;}
.main_quick_0 li.qmb02 a:hover{width:400px; height:550px; margin-left:30px; background-position:-430px bottom;}
.main_quick_0 li.qmb03 a:hover{width:400px; height:550px; margin-left:30px; background-position:-860px bottom;}


.main_quick_1{margin:0 auto; width:1260px; height:550px;margin-top: 30px;}
.main_quick_1 li{float:left;text-align: center;}
.main_quick_1 li a{display:block; height:550px; background:url('../images/quick_menu2.webp') center center;}
.main_quick_1 li.qmb04 a{width:400px; height:550px; background-position:0 top;}
.main_quick_1 li.qmb05 a{width:400px; height:550px; margin-left:30px; background-position:-430px top;}
.main_quick_1 li.qmb06 a{width:400px; height:550px; margin-left:30px; background-position:-860px top;}


.main_quick_1 li.qmb04 a:hover{width:400px; height:550px; background-position:0 bottom;}
.main_quick_1 li.qmb05 a:hover{width:400px; height:550px; margin-left:30px; background-position:-430px bottom;}
.main_quick_1 li.qmb06 a:hover{width:400px; height:550px; margin-left:30px; background-position:-860px bottom;}


.map_contact{width:100%; background:#fff; overflow:hidden;}
.map_contact__inner{
  width:1920px;
  margin:0 auto;
  display:flex;
  align-items:stretch;
}


.map_contact__map{
  width:960px;
  height:700px;
  overflow:hidden;
  background:#000;
}
#daumRoughmapContainer1769415569273{
  width:960px !important;
  height:700px !important;
}
#daumRoughmapContainer1769415569273 .root_daum_roughmap{
  width:960px !important;
  height:700px !important;
}

.map_contact__panel{
  width:960px;
  background:#011D51;
}
.map_contact__panel_inner{
  height:700px;
  box-sizing:border-box;
  padding: 74px 189px 60px;
  display:flex;
  flex-direction:column;
}


.mc_head{color:#fff;}
.mc_line1{
  margin:0 0 8px;
  font-size:40px;
  font-weight:300;
  opacity:.9;
}
.mc_line2{
  margin: 0 0 40px;
  font-size:50px;
  font-weight:700;
  letter-spacing:-0.03em;
}
.mc_line3{
  margin: 0 0 47px;
  font-size:20px;
  font-weight:300;
  line-height:1.9;
  opacity:.9;
}


.mc_bottom{
}
.mc_bottom img{
  display:block;
  max-width:100%;
  height:auto;
}


.animate-on-scroll{opacity:0; visibility:hidden;}
.animated-visible{opacity:1; visibility:visible;}