@charset "utf-8"; 
/*나눔고딕*/
@import url(./fonts/NanumGothic/NanumGothic.css);
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.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:150px; background:#ffffff; }
#middle_wrap{width:100%; overflow:hidden; position:relative;}
#bottom_wrap{width:100%; overflow:hidden; height:185px; background:#333333}

/* top div위치조절 */
.top_wrap1{ width:100%; height:40px; border-bottom:1px solid #1A5B9A;}
.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:1200px; 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:#003984; 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:#102c69; font-weight:400;font-family: 'Pretendard', sans-serif; color:#fff;}




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



/* bottom div위치조절 */

#bottom_wrap{
  width:100%;
  height:300px;
  background:#1f1f1f;
  font-family:'Pretendard', sans-serif;
  color:#bbb;
  padding-top:30px;
  box-sizing:border-box;
}

.footer_content{
  width:1100px;       
  margin:0 auto;
}

.footer_logo img{
  height: 50px;
  width:auto;
}

.footer_line_wrap{
  width:100%;
  display:flex;
  justify-content:center;
  margin: 30px 0 20px;
}

.footer_line{
  width:1800px;        
  height:1px;
  background:#D7D7D7;
}


.footer_menu{
  display:flex;
  gap:30px;
  margin-bottom: 19px;
}

.footer_menu a{
  font-size: 17px;
  color: #fff;
  text-decoration:none;
}

.footer_menu a:hover{
  color:#fff;
  font-weight:600;
}

.footer_info{
  font-size: 15px;
  line-height: 1.5;
  color: #fff;
}

.footer_copy{
  margin-top: 2px;
  font-size: 16px;
  color: #fff;
}



/* sub_body div위치조절 */
#sub_img{ margin:0 auto; width:100%; height:270px; overflow:hidden; background:url(../images/subbg05.webp) no-repeat center top}

/* 서브 이미지 별도 */
.subbg-1 { background: url('../images/subbg01.webp') no-repeat center top !important;  } 
.subbg-2 { background: url('../images/subbg02.webp') no-repeat center top !important;  } 
.subbg-3 { background: url('../images/subbg03.webp') no-repeat center top !important;  } 
.subbg-4 { background: url('../images/subbg04.webp') no-repeat center top !important;  } 
.subbg-5 { background: url('../images/subbg05.webp') no-repeat center top !important;  } 

#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:49%; margin-left:-20px; width:140px; 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:10px;}

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

#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;}

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

#main_middle_total_a{margin:70px auto 0; width:100%; height:310px; }/*전체*/
#main_quick_wrap{margin:0 auto; width:1200px; height:310px; }
#main_quick{float:left; width:1200px;}

#main_quick_a_wrap{float:left; position:relative; width:1200px; height:310px;}
.main_quick_a{margin:0 auto; width:1200px; height:310px;}
.main_quick_a li{float:left;}
.main_quick_a li a{display:block; height:310px; background:url('../images/quick_menu.png') center center;}
.main_quick_a li.qmb01 a{width:285px; height:310px; background-position:0 top;}
.main_quick_a li.qmb02 a{width:285px; height:310px; margin-left:20px; background-position:-305px top;}
.main_quick_a li.qmb03 a{width:285px; height:310px; margin-left:20px; background-position:-610px top;}
.main_quick_a li.qmb04 a{width:285px; height:310px; margin-left:20px; background-position:-915px top;}

.main_quick_a li.qmb01 a:hover{width:285px; height:310px; background-position:0 bottom;}
.main_quick_a li.qmb02 a:hover{width:285px; height:310px; margin-left:20px; background-position:-305px bottom;}
.main_quick_a li.qmb03 a:hover{width:285px; height:310px; margin-left:20px; background-position:-610px bottom;}
.main_quick_a li.qmb04 a:hover{width:285px; height:310px; margin-left:20px; background-position:-915px bottom;}

/* 슬라이드 이미지*/
#stand_total{/* margin: 150px auto 0; */width:100%;height: 700px;position:relative;background:#f7f7f7;/* margin-bottom: 150px; */}
.stand{margin:0 auto;width: 1400px;overflow:hidden;padding: 159px 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:30px; line-height:30px; font-weight:600; text-align:center;}
.stand_title .title spen{position:relative; z-index:10; width:100%; font-size:30px; line-height:30px; font-weight:600; text-align:center; color:#1062aa;}
.stand_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;}
.stand_con{width:100%; overflow:hidden;}


.gallery_row{
  width: 1600px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:60px;
}

.gallery_left{width: 950px;}  
.gallery_right{ flex:1; }

.gallery_tag{
  font-size: 30px;
  letter-spacing:1px;
  font-weight:700;
  margin-bottom: 49.6px;
  color:#111;
}

.gallery_text{
  font-size: 20px;
  line-height:1.7;
  color:#444;
  max-width: 474px;
}

.gallery_sub{
    font-size: 40px;
    color: #000;
    margin-bottom: 10px;
}

.gallery_title{
    font-size: 50px;
    font-weight:700;
    color: #000;
    margin-bottom: 20px;
}

.gallery_text{
    font-size: 26px;
    line-height:1.6;
    color: #000;
    margin-bottom: 30px;
}
.gallery_btn{
    display:inline-block;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align:center;
    border:1px solid #8d8d8d;
    font-size: 14px;
    color: #000;
    text-decoration:none;
    background: #f7f7f7;
}

.gallery_btn:hover{
    background:#111;
    color:#fff;
    border-color:#111;
}
/* CUS*/
.main_con_bg{width: 100%; background:#fff ;}
#main_con_total{margin:70px auto; width:1200px; overflow:hidden;background: #fff;}
#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: 340px;height:240px;padding: 0px 0px 0px 20px;}
#main_c{float:left; position:relative; width:415px; height:220px; padding:0 40px 0; border-right:1px solid #ddd;}

.main_title{width: 83%;height:25px;text-align:left;font-weight:600;font-size:22px;line-height:25px;color: #000;margin-top: 20px;}
.main_title2{width:100%; height:25px; font-weight:600; font-size:13px; line-height:25px; color:#000;}
.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: 75px;top:25px;width:17px;height:17px;}

/* CONTACT US 아이콘 스타일 */
.cus_total {display: flex; align-items: center; font-weight:600; font-size:15px; color:#444; line-height:28px; margin-bottom: 8px;}
.cus_total img {width: 18px; height: 18px; margin-right: 10px; vertical-align: middle;}
.cus_text1{font-weight:600; font-size:12px; color:#000; line-height:28px; letter-spacing:0.03em; }
.cus_text2{font-weight:600; font-size:16px; color:#000; line-height:28px; letter-spacing:0.03em; }
.cus_text3{font-weight:400; font-size:16px; color:#000; line-height:28px; letter-spacing:0.03em; }
.cus_text4{font-weight:400; font-size:14px; color:#000; line-height:28px; 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:#103178;color:#fff;border:1px solid #004173; font-family: 'Pretendard', sans-serif; font-weight:600}
#tab_nav_sub ul li.on a{background:#103178;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;}


/* =========================
   1섹션
   ========================= */

#main_taeyang.main_taeyang{
    width:1920px;
    height:1700px;
    margin:0 auto;
    background:#fff;
    overflow:hidden;
    position:relative;
    font-family:'Pretendard', sans-serif;
}

.main_taeyang__top{
    width:1920px;
    height:1100px;
    position:relative;
    margin:0 auto;
}

.main_taeyang__title{
    position:absolute;
    left:343px;
    top:204px;
    width:521px;
    height:242px;
}

.main_taeyang__title p{
    margin:0;
    color:#000;
    font-family:Georgia, "Times New Roman", serif;
    font-weight: bold;
    letter-spacing: -0.05em;
}

.main_taeyang__title p:first-child{
    font-size: 100px;
    margin-bottom: 20px;
}

.main_taeyang__title p:last-child{
    font-size: 100px;
}

.main_taeyang__img1{
    position:absolute;
    top:100px;
    right:302px;
    width:550px;
    height:450px;
}

.main_taeyang__img1 img{
    display:block;
    width:550px;
    height:450px;
}

.main_taeyang__img2{
    position:absolute;
    left:298px;
    top:696px;
    width:610px;
    height:250px;
}

.main_taeyang__img2 img{
    display:block;
    width:610px;
    height:250px;
}

.main_taeyang__text{
    position:absolute;
    right:346px;
    top:689px;
    width:460px;
    height:264px;
}

.main_taeyang__text h3{
    margin:0 0 28px 0;
    color:#222;
    font-family:Georgia, "Times New Roman", serif;
    font-size: 38px;
    line-height:1.12;
    font-weight:400;
    letter-spacing: -0.03em;
}

.main_taeyang__text p{
    margin:0;
    color:#333;
    font-size: 18px;
    line-height:1.65;
    font-weight:400;
    letter-spacing:-0.07em;
}

.main_taeyang__bottom{
    width:1920px;
    height:600px;
    position:relative;
    margin:0 auto;
}

.main_taeyang__bottom img{
    display:block;
    width:1920px;
    height:600px;
}

.animate-on-scroll{
    opacity:0;
    transform:translate3d(0, 30px, 0);
    will-change:opacity, transform;
}

.animate-on-scroll.animated-visible{
    opacity:1;
    transform:none;
}

/* =========================
   마지막
   ========================= */

#main_location.main_location{
    width:1920px;
    height:700px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    font-family:'Pretendard', sans-serif;
}

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

.main_location__map{
    position:absolute;
    left:366px;
    top:150px;
    width:600px;
    height:400px;
}

.main_location__map .root_daum_roughmap{
    width:600px !important;
    height:400px !important;
    margin:0 !important;
}

.main_location__info{
    position:absolute;
    left:1127px;
    top:215px;
    width:426px;
    height:270px;
}

.main_location__sub{
    margin: 0 0 20px 0;
    font-size: 26px;
    line-height:1.4;
    font-weight:300;
    color: #898989;
    letter-spacing:-0.03em;
}

.main_location__title{
    margin: 0 0 65px 0;
    font-size: 32px;
    line-height:1.25;
    font-weight:700;
    color:#111;
    letter-spacing:-0.04em;
}

.main_location__contact p{
    font-size: 24px;
    line-height:1.7;
    font-weight:400;
    color: #000;
    letter-spacing:-0.02em;
}

.main_location__contact p span{
    display:inline-block;
    min-width: 133px;
    color: #000;
    font-weight:500;
}