/*text-motion*/
.ch_motion.common_motion{transform: translateY(25px);opacity: 0;transition: transform .8s ease, opacity .4s;}
.ch_motion.common_motion.on {transform: translateY(0);opacity: 1;}

.ch_delay_01{transition-delay: .2s !important;}
.ch_delay_02{transition-delay: .4s !important;}
.ch_delay_03{transition-delay: .6s !important;}
.ch_delay_04{transition-delay: .8s !important;}
.ch_delay_05{transition-delay: 1s !important;}
.ch_delay_06{transition-delay: 1.2s !important;}


/*accordion**********************************/

.accordion_wrap { 
    width: 30%; height: 100vh; background: #fff;
    position: fixed; top: 0; right: -100%; z-index: 9999; overflow: auto;
}
.accordion_bar { position: absolute; top: 18px; right: 54px; }
/*.acoordion_bar:after {display: inline-block; content: "\00d7"; font-size:15pt;}*/
.sect01 { position: relative; width: 40px; height: 40px; margin: 0 auto; }
.sect01 .line_box { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; height: 100%; }
.sect01 .line_box > span { position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background-color: #333; }
.sect01 .line01 { transform: rotate(45deg) translateX(0%);}
.sect01 .line02 { transform: rotate(-45deg) translateX(0%);}

.accordion { padding: 100px 0; text-align: center; }

.accordion h3 { 
    width: 100%; height: 76px; line-height: 86px;
    font-size: 26px; font-weight: 500; letter-spacing: -0.05em; color: #232323; 
    cursor: pointer; transition: .3s ease;
}
.accordion h3:hover { color: #e77b06; }
.accordion div { width: 100%; }
.accordion div ul li { width: 100%; }
.accordion div ul li a { 
    position: relative; display: inline-block; transition: .3s; padding: 10px 0; 
    font-size: 20px; font-weight: 500; letter-spacing: -0.5px; color: #686868; 
}
.accordion div ul li a::after { 
    content: ""; display: block;
    width: 4px; height: 0; 
    position: absolute; top: 12px; left: -14px;
    background: none repeat scroll 0 0 transparent; background: rgba(231, 123, 6, 0.7); 
    transition: height 0.3s ease 0s;
}
.accordion div ul li a:hover::after { height: 44%; }

.accordion_bg { 
    width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5);
    position: fixed; top: 0; left: 0; z-index: -1;
	opacity:0;
}

/*-- 사이트맵 --*/
#header{position: fixed;}
.accordion_bg{}


#header.open{background-color: rgba(0, 0, 0, 0.5);}
.accordion_bg.open{display: block;z-index: 999;}

.logo_b {display:none;}
#header.active .logo_b {display:block;}
#header.active .logo_w {display:none;}

#header.hover .logo_b {display:block;}
#header.hover .logo_w {display:none;}

#header.hover {background: #fff; }
#header.hover .gnb > ul > li:hover > a {color:#e77b06;}
#header.hover .gnb > ul > li > a { color: #232323;  padding: 0 35px; }
#header.hover .gnb > ul > li > a.active { color: #e77b06; }
#header.hover .gnb > ul > li > ul > li > a {color:#fff;}
#header.hover .nav_bg { display: block; }
#header .ko.active {font-weight:700;}
#header .en.active {font-weight:700;}
#header.hover .ko {color:#000;}
#header.hover .en {color:#000;}
#header.hover .bar {background:#000;}



/*main*********************************/

.main { width: 100% ; height: 100vh; position: relative; }

header { width: 100%; height: 100px; transition: .3s;position: fixed; left: 0; top: 0; z-index: 99;  transition: .3s;}
header.active {background:#fff; } 

.ch_header_inner { 
    width: 95%; height: 100%; max-width: 1824px; margin: 0 auto;
    display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;  
}
header.active .gnb > ul > li > a {color:#000;}
.gnb { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  }
.gnb > ul { display: flex;}
.gnb > ul > li { position:relative; }
.gnb > ul > li > a { display:block; height:100%; line-height: 100px; position: relative; transition: .3s; color: #fff; font-size: 1.125rem/*18px*/; font-weight: 600; padding: 0 25px; letter-spacing: -0.01em; }
.gnb > ul > li > a.hover {}
.gnb > ul > li a::after { 
    content: ""; display: block;
    height: 3px; width: 0; 
    position: absolute; left: 50%; bottom: -8px;
    background: none repeat scroll 0 0 transparent; background: #e77b06;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
}
.gnb > ul > li a:hover::after { width: 40%; left: 30.6%; }
.gnb > ul > li > ul { display: none; position:absolute; top:100%; left:50%; transform:translateX(-50%); width:100%;}
.gnb > ul > li > ul > li {height: 40px; line-height: 40px; text-align: center; }
.gnb > ul > li > ul > li:first-child { margin-top: 15px; }
.gnb > ul > li > ul > li > a { display: block; font-size: 15px; letter-spacing: -1px; color: #fff; }
.gnb > ul > li > ul > li > a::after { content: none; }
.gnb > ul > li > ul > li > a:hover { transition: .2s; color: #fff; background: #e77b06;}

.nav_bg { 
    display: none; width: 100%; height: 140px; background: rgba(0, 0, 0, 0.75); 
    position: fixed; top: 100px; left: 0; z-index: 2;
}




.right_gnb { z-index: 99; }
.right_gnb ul { display: flex; flex-wrap: wrap; }
.right_gnb ul li { 
    height: 100%; line-height: 100px; display: flex; flex-wrap: wrap; align-items: center;
}
.ko { position: relative; font-weight: 600; color: #e1e1e1; }

.ko.active {color:#fff}
.ko::after { 
    content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); 
    width: 2px; height: 13px; background: #e1e1e1; 
}
.en { color: #e1e1e1; font-weight: 600;}
.en.active {color:#fff;}


.right_gnb ul li:last-child {  margin-left: 25px; margin-right: 0; }
.right_gnb ul li a {  display: block; padding: 0 10px; box-sizing: border-box; font-size: 1.125rem/*18px*/; font-weight: 500; letter-spacing: -0.03em;}

.right_gnb ul li:first-child a{ padding: 0 12px 0 0; }

.menu { 
    width: 30px; height: 18px; margin-left: 20px; cursor: pointer;
    display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between;
}

.bar { height: 2px; background: #fff; transition: width 0.3s ease; }
.bar:nth-child(1) { width: 30px; }
.bar:nth-child(2) { width: 26px; }
.bar:nth-child(3) { width: 22px; }

.menu:hover .bar:nth-child(1) { width: 22px; }
.menu:hover .bar:nth-child(2) { width: 26px; }
.menu:hover .bar:nth-child(3) { width: 30px; }

#header.active .right_gnb ul li a  {color:#686868}
#header.active .ko.active {color:#000;}
#header.active .en.active {color:#000;}
#header.active .right_gnb ul li:last-child a {color:#686868}
#header.active .bar{background:#000;}




.swiper { width: 100%; height:100%; overflow: hidden; }
.swiper-slide { width: 100%; overflow: hidden; }
.ch_bg { height:100vh; width:100%; }
.ch_bg.bg01 { background: url('/img/main_01.jpg') no-repeat 50% 50% /cover; }
.ch_bg.bg02 { background: url('/img/main_02.jpg') no-repeat 50% 50% /cover; }
.ch_bg.bg03 { background: url('/img/main_03.jpg') no-repeat 50% 50% /cover; }
.ch_bg.bg04 { background: url('/img/main_04.jpg') no-repeat 50% 50% /cover; }
.swiper-slide.swiper-slide-active .ch_bg { animation-name: bg_effect; animation-iteration-count: linear; animation-duration: 8s; }

@keyframes bg_effect {
    0% {
      transform: scale(1);
    }
    100% {
      transform: scale(1.1);
    }
  }

#video_wrap { position: relative; width: 100%; height: 100vh; padding-bottom: 56.25%; z-index:-1; overflow: hidden; background-color: #000; }
#main_video{ position:absolute; left:50%; top:0; width:100%; height:100%; min-width: 177.77vh; transform: translateX(-50%); }


.loader {    width: 2px; height: 276px; background: linear-gradient(to bottom, #fff 0 0) 0% 0/100% 0% no-repeat, rgba(255, 255, 255, 0.3);}
.loader.on {animation: l1 6s linear 0s forwards}


@keyframes l1 {
    0% { background-size: 100% 0%; }
    100% { background-size: 100% 100%; }
}

.loader_box { display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; }
.main_pause { margin-top: 30px; pointer-events: auto; }


.main_title { 
    font-family: "Lato", sans-serif; font-size: 5rem/*80px*/; font-weight: 900; 
    line-height: 100px; letter-spacing: -0.01em; color: #fff; transform: scale(1);
}
.main_sub_title { 
    font-size: 3.125rem/*50px*/; font-weight: 600; letter-spacing: -0.05em; 
    transform: scale(1); margin-top: 14px; color: #fff; 
}

.ch_pageBox { position: absolute; left: 0; bottom: 20%; width:150px; height: 10px; z-index: 99; }
.ch_pageBox .ch_page { width: 10px; height: 10px; }

.ch_pageBox .ch_page .swiper-pagination-bullet { 
    width: 10px; height: 10px; background: #fff;
    margin: 0 20px 0 0 !important;
    bottom:auto;
}
.ch_page { bottom: auto !important; }
.swiper-pagination { text-align: left !important; } 
/*
.loadingWrap {
    position: absolute; top: 10%; right: 2%;
    width: 276px; height: 2px; background: #fff;
}
    
.expand {
    position: absolute; width: 276px; height: 2px; background: #333;
    -moz-animation: nameThis 5s ease-out;
    -webkit-animation: nameThis 5s ease-out; z-index: 999;
    }
*/

@media screen and (max-width:1680px){ 
	.chSwip {height: 750px;}
	.main { height: auto; }
}
@media screen and (max-width:720px){ 
	.chSwip {height: 650px;}
}



/*about*********************************/

.about { 
    width: 95%; max-width: 1824px; margin: 0 auto; padding: 130px 0; 
    box-sizing: border-box; background: url('/img/about.jpg') no-repeat 50% 50%; 
}

.about_title_box_wrap { 
    width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: column;
    align-items: center; 
}
.about_sub_title { width: 100%; font-size: 1.875rem/*30px*/; font-weight: 700; opacity: 60%; letter-spacing: 0.075em; color: #fff; }
.about_title_box { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px; }
.about_title { font-size: 3.75rem/*60px*/; font-weight: 700; line-height: 1.16em; letter-spacing: -0.05em; color: #fff;}
.about_article {  
    font-size: 1.375rem/*22px*/; font-weight: 500; letter-spacing: -0.05em; 
    line-height: 1.8em; text-align: right; word-break: keep-all; color: #fff; 
}

.about_btn { width: 100%; text-align: right; margin-top: 9px; }
.about_btn a { 
    display: inline; margin-top: 25px; padding: 10px 50px; border: 1px solid #fff; 
    font-size: 1.125rem/*18px*/; font-weight: 600; color: #fff; transition: all .3s ease;
}
.about_btn a:hover { color: #e77b06; background: #fff; }


/*section_01*********************************/

.section_01_list { display: flex; }

.sec01_lt { position: relative; width: 625px; background: #fff; }

.sec01_rt { width: calc(100% - 625px);  height: 431px; } 
.sec01_rt .swiper-slide { 
    display: flex; width: 390px; height: 281px; margin-right: 33px;
    box-shadow: 8px 8px 18px 0px rgba(0, 0, 0, 0.2);
}
.sec01_rt .swiper-slide:last-child { 
    box-shadow: unset; 
}
.sec01_rt .swiper { overflow: unset; }
.chSwip_section_01 { height: 100%; }
.section_01 .swiper-wrapper { align-items: end; }

.sec01_rt .swiper-slide { 
    display: flex; flex-direction: column;box-sizing: border-box; opacity: .5; transition: all 0.5s ease-in-out;
}

.sec01_rt .swiper-slide:nth-child(1) { background: url('/img/product_01_1.jpg') no-repeat 50% 50% / cover; }
.sec01_rt .swiper-slide:nth-child(2) { background: url('/img/product_02_1.jpg') no-repeat 50% 50% / cover; }
.sec01_rt .swiper-slide:nth-child(3) { background: url('/img/product_03_1.jpg') no-repeat 50% 50% / cover; }
.sec01_rt .swiper-slide:nth-child(4) { background: url('/img/product_04.jpg') no-repeat 50% 50% / cover; }
.sec01_rt .swiper-slide:nth-child(5) { background: url('/img/product_05.jpg') no-repeat 50% 50% / cover; }
.sec01_rt .swiper-slide:nth-child(6) { background: url('/img/product_06_1.jpg') no-repeat 50% 50% / cover; }
.sec01_rt .swiper-slide:nth-child(7) { background: url('/img/product_07.jpg') no-repeat 50% 50% / cover; }
.sec01_rt .swiper-slide:nth-child(8) { background: url('/img/product_08.jpg') no-repeat 50% 50% / cover; }
.sec01_rt .swiper-slide:nth-child(9) { background: url('/img/product_09.jpg') no-repeat 50% 50% / cover; }
.sec01_rt .swiper-slide:nth-child(10) { background: url('/img/product_etc.jpg') no-repeat 50% 50% / cover; }
.sec01_rt .swiper-slide:nth-child(11) {  }
/* .sec01_rt .swiper-slide:nth-child(10) { background: url('/img/product_etc.jpg') no-repeat 50% 50% / cover; } */

.sec01_rt .swiper-slide.swiper-slide-active { width: 600px !important; height: 100%; opacity: 1;  }
.chSwip_section_01.swiper-slide.swiper-slide-active.chSwip01_bg { height: 100%; }
.chSwip01_bg { height: 100%; }


.chSwip_section_01::after {
    content: ''; position: absolute; left: -203%; top: -30px;
    width: 202%; height: 113%; background: #fff; z-index: 10;
}
.chSwip_section_01  { position: relative; }

.swiper-pagination-bullet.ch_pageTxt { 
    width: 100%; display: block; min-height: 30px; 
    font-size: 1.375rem/*22px*/; font-weight: 500; letter-spacing: -0.03em; color: #232323; 
    word-break: keep-all; background:none;
 }
.swiper-pagination-bullet-active.ch_pageTxt { 
    font-size: 1.75rem/*28px*/; font-weight: 600; min-height: 50px; word-break: keep-all; color:#e77b06; 
}
.swiper-pagination-bullet-active.ch_pageTxt::after { 
    content: "+"; 
    font-size: 1.56rem/*25px*/; font-weight: 600; 
    margin-left: 20px; color: #e77b06; 
}

.swiper-pagination.section_01_ch_page { 
    width: 160px; text-align: left; bottom: 0; gap: 16px;
    display: flex; flex-direction: column;
}
.section_01_ch_page .swiper-pagination-bullet {
    opacity:1; transition: .3s; background: transparent; left:auto !important; bottom:0 !important;
}

.swiper-horizontal > .swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction { bottom: -7px !important; }

.sec01_rt_text { position:absolute; left: 35px; bottom:28px; display: block; line-height: 150%; word-break: keep-all; font-size: 1.125rem/*18px*/; font-weight: 500; letter-spacing: -0.03em; color: #fff; opacity: 0; transition: opacity 0.5s ease, transform 0.5s ease; transform: translateY(20px); width: 500px; }

.swiper-slide.swiper-slide-active .sec01_rt_text { opacity: 1; transform: translateY(0); }

/*section_02*********************************/


.section_02 { }

.sec02_box_wrap { width: 100%; display: flex; flex-wrap: wrap; }
.sec02_box {
    width: 32%; height: 500px; margin-right: 2%;  padding: 2.6%;  box-sizing: border-box; align-items: center;
    display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center;
}
.sec02_box:nth-child(1) { 
    border-radius: 0 0 0 50px; 
    background: url('/img/service_01.jpg') no-repeat 50% 50% / cover; 
}
.sec02_box:nth-child(2) { background: url('/img/service_02.jpg') no-repeat 50% 50% / cover; }
.sec02_box:nth-child(3) { 
    border-radius: 0 50px 0 0; margin-right: 0; 
    background: url('/img/service_03.jpg') no-repeat 50% 50% / cover;
}

.sec02_box_btn i { 
    display: block; width: 60px; height: 60px; align-content: center; text-align: center;
    font-family: "Outfit", sans-serif; font-size: 30px; font-weight: 300; 
    font-size: 1.625rem/*26px*/; font-weight: 300; color: #fff;
    border-radius: 50%; border: 1px solid #fff; 
}
.sec02_box_Tit { word-break: keep-all;  margin-top: 30px; font-size: 1.625rem/*26px*/; font-weight: 500; text-align: center; color: #fff; }
.sec02_box_Tit br { display: none; }
.sec02_box_Art { 
    display: none; line-height: 150%; margin-top: 20px; text-align: center; word-break: keep-all; 
    font-size: 1.125rem/*18px*/; font-weight: 500; letter-spacing: -0.03em; color: #e1e1e1; 
}
.sec02_box_Art br { display: none; }

.sec02_box:hover .sec02_box_Art { display: block;   transition: opacity 0.3s ease; }
.sec02_box:hover .sec02_box_btn i { 
    transform: scale(1.1); transition: all 0.3s ease; border: 1px solid #e77b06; color: #e77b06;
}

.section_02_info { 
    margin-top: 70px; line-height: 150%; text-align: center; word-break: keep-all; 
    font-size: 1.375rem/*22px*/; font-weight: 600; letter-spacing: -0.03em; color: #686868; 
}
:root {
    --swiper-pagination-bullet-horizontal-gap: 0;
}

/*section_03*********************************/

.section_03 { width: 100%; }
.section_03 .swiper-wrapper { transition-timing-function: linear; }
.chSwip_section_03 .swiper-slide figure img { width: 100%; }


/*section_04*********************************/

.sec04_box_wrap { width: 100%; display: flex; flex-wrap: wrap; gap: 3%; }
.sec04_box_lt { width: 49%; background: rgba(33, 0, 0, 0.5); }
.sec04_box_lt iframe { width: 100%; height: 100%; }
.sec04_box_rt { 
    width: 48%; padding: 80px 0; box-sizing: border-box; 
    display: flex; flex-wrap: wrap; flex-direction: column;
}

.sec04_box_rt dl { 
    display: inline-flex; flex-wrap: wrap; justify-content: center; margin-top: 50px; 
}
.sec04_box_rt dl:nth-child(1) { margin-top: 0; } 
/*.sec04_box_rt dl:nth-child(3) { margin-top: 5px; }*/

.sec04_box_rt dl dt { 
    width: 150px; display: flex; flex-wrap: wrap; word-break: keep-all; align-items: center; 
    font-size: 1.375rem/*22px*/; font-weight: 600; letter-spacing: -0.03em;
}
.sec04_box_rt dl dd { 
    width: calc(100% - 150px); font-size: 1.5rem/*24px*/; font-weight: 500; word-break: keep-all;  color: #686868; 
}
.sec04_box_rt dl dt img { margin-right: 10px; }


/*section_05*********************************/

.section_05_line { width: 100%; height: 2px; background: #232323; }
.section_05_box_Wrap { width: 100%; padding: 30px 0; }

.sections_05_box { width: 100%; padding: 26px 100px; transition: all .2s ease; }
.sections_05_box dl { display: flex; flex-wrap: wrap; cursor: pointer; }

.sections_05_box dl dt { width: 250px; font-size: 1.75rem/*28px*/; font-weight: 600; line-height: 150%; word-break: keep-all; }
.sections_05_box dl dt span { font-size: 1.125rem/*18px*/; font-weight: 600; letter-spacing: -0.03em; word-break: keep-all; color: #686868; }

.sections_05_box dl dd { 
    font-size: 1.75rem/*28px*/; font-weight: 600; line-height: 150%; word-break: keep-all; 
}
.sections_05_box dl dd span { font-size: 1.125rem/*18px*/; font-weight: 500; word-break: keep-all;  }

/*vertical-align default*/
.sections_05_box dl, .sections_05_box dl dt span { display: inline-flex; vertical-align: baseline; }

.sections_05_box:hover  { color: #fff; background: #e77b06; }
.sections_05_box:hover dl dt span { color: #fff; }
.sections_05_box:hover dl dd span { color: #e1e1e1; }



/*footer*********************************/
footer { 
    padding: 50px; text-align: center; background: #232323; 
    display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; 
}
footer ul { display: flex; flex-wrap: Wrap; justify-content: center; }
footer ul:nth-child(2) { margin-top: 50px; }
footer ul:nth-child(3) { margin-top: 50px; }


footer ul li { font-size: 1.1875rem/*19px*/; font-weight: 600; letter-spacing: -0.03em; line-height: 150%; color: #fff; margin-right: 20px; }
footer ul li:last-child { margin-right: 0; }
footer ul li span { font-size: 1.125rem/*18px*/; font-weight:500; color: #e1e1e1; }

footer ul li a { font-size: 1.1875rem/*19px*/; font-weight: 600; letter-spacing: -0.03em; line-height: 150%; color: #fff; }


.copyright { font-size: 1.125rem/*18px*/; font-weight:600; color: #e1e1e1; margin-top: 70px; }


/*공통*********************************/
/*단간격*/
.about_wrap, .section_01_wrap, .section_02_wrap, .section_03_wrap, .section_04_wrap , .section_05_wrap , .footer_wrap { 
    padding-top: 150px; 
}


/*단타이틀*/
.sec_Tit_box { width: 100%; text-align: center; margin-bottom: 90px; }
.section_01_wrap > .section_01 > .ch_inner > .sec_Tit_box { width: 100%; text-align: left; }
.sec_Tit span { 
    font-family: "Lato", sans-serif; font-size: 8.75rem/*140px*/; font-weight: 900; 
    letter-spacing: -0.05em; opacity: .05; margin-bottom: -5%; word-break: keep-all; 
}
.sec_Tit { 
    font-size: 5rem/*80px*/; font-weight: 600; letter-spacing: -0.05em; 
    display: flex; flex-wrap: wrap; flex-direction: column; word-break: keep-all; 
}
.sec_Tit br { display: none; }
.sec_sTit { font-size: 1.625rem/*26px*/; font-weight: 500; letter-spacing: -0.05em; margin-top: 10px; word-break: keep-all;  }



/*이너*/
.ch_inner { max-width: 1480px; width: 95%; margin: 0 auto; height: 100%; }
.main .ch_inner { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; }
.about .ch_inner { display: flex; flex-wrap: wrap; }
.ch_inner01 { 
    max-width: 1480px; width: 95%; margin: 0 auto; 
    position: absolute; left: 50%; top: 50%; 
    transform: translate(-50%, -50%); z-index: 99; 
    display: flex; flex-wrap: wrap; justify-content: flex-start;
    pointer-events: none;/*마우스터치를 아래 레이어로 가도록*/
}
.ch_inner02 { 
    max-width: 1480px; width: 95%; margin: 0 auto; 
    position: absolute; height: 2%; left: 50%; top: 68%; 
    transform: translate(-50%, 50%); z-index: 99; 
}
.ch_inner03 { 
    max-width: 1480px; width: 95%; margin: 0 auto; 
    position: absolute; left: 50%; top: 50%; 
    transform: translate(-50%, -50%); z-index: 1; 
    display: flex; flex-wrap: wrap; justify-content: flex-end;
    pointer-events: none;/*마우스터치를 아래 레이어로 가도록*/
}


/*미디어쿼리(반응형)**************************/

@media screen and ( max-width: 1480px ) { 
/*공통*/
.accordion { padding: 84px 0; }

.sec_Tit_box { margin-bottom: 79px; }
.sec_Tit span { font-size: 7.75rem; }
.sec_Tit { font-size: 4.5rem; }
.sec_sTit { font-size: 1.6rem; }

/*main*/
header { height: 92px; }
.gnb > ul > li > a {line-height:92px; height:92px;}

.nav_bg { top: 92px; }

.right_gnb ul li { line-height: 92px; }

.logo img { width: 273px; }
.main_title { font-size: 4.5rem; line-height: 90px; letter-spacing: -0.015em; }
.main_sub_title { font-size: 3rem; letter-spacing: -0.045em; margin-top: 13px; }
.ch_pageBox .ch_page .swiper-pagination-bullet { margin: 0 19px 0 0 !important; }

.menu { width: 29px;}
.bar:nth-child(1) { width: 29px; }
.bar:nth-child(2) { width: 25px; }
.bar:nth-child(3) { width: 21px; }

.ch_inner02 { top: 68%; }
.loader { height: 255px; }
.main_pause img { width: 28px; }

/*about*/
.about { padding: 121px 0; background: url(/img/about.jpg) no-repeat 52% 50%; } 

/*sec01*/
.sec01_lt { width: 450px; }

/*sec02*/
.sec02_box { height: 470px; }
.sec02_box_Tit { margin-top: 19px; }
.section_02_info { margin-top: 64px; }

/*sec03*/
/*sec04*/
.sec04_box_rt dl { margin-top: 46px; }

/*sec05*/
/*footer*/
.footer_wrap img { width: 275px; }
}

@media screen and ( max-width: 1280px ) { 
    /*공통*/
    .accordion { padding: 74px 0; }
	.accordion_wrap { width: 58%; }
    .about_wrap, .section_01_wrap, .section_02_wrap, .section_03_wrap, .section_04_wrap, .section_05_wrap, .footer_wrap {
        padding-top: 130px;
    }
    .sec_Tit_box { margin-bottom: 68px; }
    .sec_Tit span { font-size: 6.75rem; }
    .sec_Tit { font-size: 4rem; }
    .sec_sTit { font-size: 1.55rem; }

    /*main*/
    header { height: 84px; }
	.gnb > ul > li > a {line-height:84px; height:84px;}
    .right_gnb ul li { line-height: 84px; }

    .logo img { width: 253px; }
    .gnb { display: none; }
    .main_title { font-size: 4rem; line-height: 80px; letter-spacing: -0.02em; }
    .main_sub_title { font-size: 2.5rem; letter-spacing: -0.04em; margin-top: 12px; }
    .ch_pageBox .ch_page .swiper-pagination-bullet { width: 9px; height: 9px; margin: 0 17px 0 0 !important; }

    .menu { width: 28px; }
    .bar:nth-child(1) { width: 28px; }
    .bar:nth-child(2) { width: 24px; }
    .bar:nth-child(3) { width: 20px; }

    .ch_inner02 { top: 66%; }
    .loader { height: 234px; }
    .main_pause img { width: 27px; }    

    /*about*/
    .about { padding: 112px 0; background: url(/img/about.jpg) no-repeat 54% 50%; } 

    /*sec01*/
    .sec01_rt .swiper-slide.swiper-slide-active { width: 490px !important; }
    .sec01_rt {width: calc(100% - 490px); }
	.sec01_rt_text { width: 430px; }

    /*sec02*/
    .sec02_box { height: 430px; }
    .sec02_box_Tit { margin-top: 18px; }
    .sec02_box_Tit br { display: block; }
    .sec02_box_btn a { width: 58px; height: 58px; }
    .section_02_info { margin-top: 58px; }

    /*sec03*/
    /*sec04*/
    .sec04_box_rt dl { margin-top: 42px; }
    .sec04_box_rt dl dt img { width: 28px; }
    

    /*sec05*/
    .sections_05_box dl dt { width: 150px; font-size: 1.4rem; }
    .sections_05_box dl dd { font-size: 1.4rem; }

    /*footer*/
    .footer_wrap img { width: 263px; }
    footer ul:nth-child(2) { margin-top: 44px; }
    footer ul:nth-child(3) { margin-top: 44px; }
    .copyright { margin-top: 64px; }

    }


@media screen and ( max-width: 1080px /*가운데정렬시작*/ ) { 
    /*공통*/
    .about_wrap, .section_01_wrap, .section_02_wrap, .section_03_wrap, .section_04_wrap, .section_05_wrap, .footer_wrap {
        padding-top: 110px;
    }
    .sec_Tit_box { margin-bottom: 57px; }
    .sec_Tit span { font-size: 5.75rem; }
    .sec_Tit { font-size: 3.5rem; }
    .sec_sTit { font-size: 1.5rem; }

    /*main*/
    header { height: 76px; }
    .right_gnb ul li { line-height: 76px; }

    .logo img { width: 233px; }
    .gnb > ul > li { height: 90px; line-height: 90px; }
    .main_title { font-size: 3.5rem; line-height: 70px; letter-spacing: -0.025em; }
    .main_sub_title { font-size: 2rem; letter-spacing: -0.035em; margin-top: 11px; }
    .ch_pageBox .ch_page .swiper-pagination-bullet { margin: 0 16px 0 0 !important; }

    .ch_inner02 { top: 64%; }
    .loader { height: 213px; }
    .main_pause img { width: 25px; }

    /*about*/
    .about { padding: 103px 0; background: url(/img/about.jpg) no-repeat 35% 50%; } 
    .about_title_box_wrap {  text-align: center; }
    .about_title { width: 100%; text-align: center; }
    .about_article { width: 100%; text-align: center; margin-top: 16px; }
    .about_btn { text-align: center; margin-top: 70px; }

    /*sec01*/
    .swiper-pagination-bullet.ch_pageTxt { font-size: 1.3rem; }
    .sec01_rt .swiper-slide.swiper-slide-active { width: 400px !important; }
    .sec01_rt {width: calc(100% - 300px); height: 368px; } 
	.sec01_rt_text { width: 330px; }

    /*sec02*/
    .sec02_box { height: 400px; }
    .sec02_box_Art { font-size: 1rem; }
    .sec02_box_btn a { width: 56px; height: 56px; }
    .section_02_info { margin-top: 52px; }

    /*sec03*/
    /*sec04*/
    .sec04_box_rt dl dt img { width: 26px; }

    /*sec05*/


    /*footer*/
    footer ul:nth-child(2) { margin-top: 37px; }
    footer ul:nth-child(3) { margin-top: 37px; }
    .copyright { margin-top: 58px; }

}

@media screen and ( max-width: 1020px ) { 
    /*공통*/
    .accordion { padding: 64px 0; }

    .about_wrap, .section_01_wrap, .section_02_wrap, .section_03_wrap, .section_04_wrap, .section_05_wrap, .footer_wrap {
        padding-top: 90px;
    }
	.sect01 { width: 30px; height: 30px; }

    /*메뉴*/
    .accordion_wrap { width: 68%; right: -68%; }

    /*main*/
    .logo img { width: 213px; }
    .main_title { font-size: 3rem; line-height: 60px; letter-spacing: -0.03em; margin-top: 10px; }
    .main_sub_title { letter-spacing: -0.03em; }
    .ch_pageBox .ch_page .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 15px 0 0 !important; }

    .menu { width: 27px; }
    .bar:nth-child(1) { width: 27px; }
    .bar:nth-child(2) { width: 23px; }
    .bar:nth-child(3) { width: 19px; }

    .ch_inner02 { top: 62%; }
    .loader { height: 192px; }
    .main_pause img { width: 24px; }

    /*about*/

    /*sec01*/
    .swiper-pagination-bullet-active.ch_pageTxt { min-height: 40px; } 
    .swiper-pagination-bullet.ch_pageTxt { min-height: 25px;}
    .sec01_rt_text br { display: none; }

    /*sec02*/
    .sec02_box { width: 100%; height: 360px; margin-right: 0; }
    .sec02_box:nth-child(1) { border-radius: 0 50px 0 0; }
    .sec02_box:nth-child(2) { margin-top: 2%; }
    .sec02_box:nth-child(3) { margin-top: 2%; border-radius: 0 0 0 50px; }

    .sec02_box_btn a { width: 54px; height: 54px; border: 2px solid #fff; font-weight: 400; }
    .sec02_box_Tit { font-size: 1.5rem; } 
    .sec02_box_Art { font-size: 1.3rem; }
	.sec02_box_Art br { display: block; }
    .sec02_box:hover .sec02_box_btn a { border: 2px solid #e77b06; }





    /*sec03*/
    /*sec04*/
    .sec04_box_lt { width: 100%; height: 200px; }
    .sec04_box_rt { width: 100%; padding: 60px; }
    .sec04_box_rt dl { margin-top: 38px; }
    .sec04_box_rt dl dt { width: 170px; }
    .sec04_box_rt dl dd { width: calc(100% - 170px); }
    .sec04_box_rt dl dt img { width: 24px; }

    /*sec05*/
    .sections_05_box dl dd { margin-top: 0; }
    .sections_05_box { padding: 18px 60px; }

    /*footer*/
    .footer_wrap img { width: 243px; }
    footer ul:nth-child(2) { margin-top: 31px; }
    footer ul:nth-child(3) { margin-top: 31px; }
    .copyright { margin-top: 52px; }
}

@media screen and ( max-width: 960px ) { 
	.section_02_info br { display: none; }
}

@media screen and ( max-width: 720px ) { 

    /*공통*/
    .accordion { padding: 54px 0; }
	.accordion_bar { right: 20px; }
	.accordion div ul li a::after {display:none;}
	.sect01 { width: 20px; height: 20px; }

    .about_wrap, .section_01_wrap, .section_02_wrap, .section_03_wrap, .section_04_wrap, .section_05_wrap, .footer_wrap {
        padding-top: 70px;
    }
    .sec_Tit_box { margin-bottom: 46px; }
    .sec_Tit span { font-size: 4.75rem; }
    .sec_sTit { font-size: 1.45rem; }
    .section_01_wrap > .section_01 > .ch_inner > .sec_Tit_box { text-align: center; }



    /*main*/
    header { height: 68px; }
    .right_gnb ul li { line-height: 68px; }

    .logo img { width: 193px; }
    .main_title { font-size: 2.5rem; line-height: 50px; letter-spacing: -0.04em; }
    .main_sub_title { font-size: 1.75rem; letter-spacing: -0.02em; margin-top: 9px; }
    .ch_pageBox .ch_page .swiper-pagination-bullet { margin: 0 14px 0 0 !important; }

    .ch_inner02 { top: 60%; }
    .loader { height: 171px; }
    .main_pause img { width: 22px; }

    /*about*/
    .about { padding: 93px 0; background: url(/img/about.jpg) no-repeat 47% 50%; } 


    /*sec01*/
    .section_01_list { display: flex; gap: 30px; flex-wrap: wrap;  justify-content: center; }
    .swiper-pagination.section_01_ch_page { 
        width: 100%;  display: flex; flex-wrap: wrap; justify-content: center; gap: 0;
        position: unset; align-items: center; text-align: center; 
    }
    .sec01_lt { width: 100%; }
    .sec01_rt { width: 100%; }
	.sec01_rt_text { width: 342px; bottom: 28px; } 

    .swiper-pagination { text-align: center !important; }
    .swiper-pagination.section_01_ch_page { display: flex; flex-wrap: wrap; flex-direction: row;}
    .swiper-pagination-bullet.ch_pageTxt {
         font-size: 1rem; width: 33.3%; 
         display: flex; text-align: center; align-items: center; justify-content: center; 
        }
    .swiper-pagination-bullet.ch_pageTxt.swiper-pagination-bullet-active { 
        font-size: 1rem;  display: flex; text-align: center; align-items: center; justify-content: center; 
    }
    .swiper-pagination-bullet.ch_pageTxt:nth-child(6).swiper-pagination-bullet-active { 
        font-size: 1rem;
    }
    .swiper-pagination-bullet-active.ch_pageTxt { font-size: 1rem; font-weight: 600; }
    :root {  --swiper-pagination-bullet-horizontal-gap: 0; }

    .swiper-pagination-bullet-active.ch_pageTxt::after { display: none; }


    /*sec02*/
    .sec02_box { height: 330px; }
    .sec02_box_Tit { margin-top: 17px; }
    .sec02_box_btn a { width: 52px; height: 52px; }
    .section_02_info { margin-top: 46px; }
	.sec02_box .sec02_box_btn i {width:45px; height: 45px; transform: scale(1.1);transition: all 0.3s ease;border: 1px solid #e77b06;color: #e77b06;}
	.sec02_box_Art { font-size: 1rem; display: block; }

    /*sec03*/
    /*sec04*/
    .sec04_box_rt { padding: 30px; }
    .sec04_box_rt dl { margin-top: 34px; }
    .sec04_box_rt dl dt img { width: 22px; }

    /*sec05*/
    .sections_05_box dl dd { margin-top: 15px; }
    .sections_05_box dl dd { 
        overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
        -webkit-line-clamp: 1; -webkit-box-orient: vertical;
    }
    .sections_05_box dl dd span { display: none; }

    /*footer*/
    .footer_wrap img { width: 223px; }
    footer ul:nth-child(2) { margin-top: 25px; }
    footer ul:nth-child(3) { margin-top: 25px; }
    .copyright { margin-top: 46px; }
    
}

@media screen and ( max-width: 480px ) { 
    /*공통*/
    .about_wrap, .section_01_wrap, .section_02_wrap, .section_03_wrap, .section_04_wrap, .section_05_wrap, .footer_wrap {
        padding-top: 50px;
    }

    /*메뉴*/
    .accordion_wrap { width: 90%; right: -90%; }
    .accordion { padding: 44px 0; }

    /*공통*/
    .sec_Tit_box { margin-bottom: 35px; }
    .sec_Tit br { display:block; }
    .sec_Tit span { font-size: 3.6rem; }
    .sec_Tit { font-size: 3rem; }
    .sec_sTit { font-size: 1.4rem; }

    /*main*/
    header { height: 60px; }
    .right_gnb ul li { line-height: 60px; }


    .logo img { width: 176px; }
    .main_title { font-size: 2rem; line-height: 38px; letter-spacing: -0.05em; }
    .main_sub_title { font-size: 1.5rem; letter-spacing: -0.01em; }
    .ch_pageBox .ch_page .swiper-pagination-bullet { width: 7px; height: 7px; margin: 0 13px 0 0 !important; }

    .menu { width: 26px; height: 16px; margin-left: 4px; }
    .bar:nth-child(1) { width: 26px; }
    .bar:nth-child(2) { width: 22px; }
    .bar:nth-child(3) { width: 18px; }

    .loader { height: 150px; }
	.loader.on {height: 150px;}
    .main_pause img { width: 20px; }

    /*about*/
    .about { padding: 87px 0; background: url(/img/about.jpg) no-repeat 33% 50%; } 
    .about_title { font-size: 2.5rem; }

    /*sec01*/
    .sec01_rt { height: 280px; }
    .sec01_rt .swiper-slide.swiper-slide-active { width: 342px !important; }
    .sec01_rt_text { width: 82%; }
    .sec01_rt_text br { display: none; }
    .sec01_rt .swiper-slide { padding: 20px 28px; }


    .swiper-pagination-bullet.ch_pageTxt { width: 50%; font-size: 1.2rem; }
    .swiper-pagination-bullet:nth-child(6).ch_pageTxt { font-size: 1.2rem; line-height: 160%; }
    .swiper-pagination-bullet.ch_pageTxt.swiper-pagination-bullet-active { font-size: 1.2rem; }
    .swiper-pagination-bullet.ch_pageTxt:nth-child(6).swiper-pagination-bullet-active { font-size: 1.2rem; }
    .swiper-pagination.section_01_ch_page.swiper-pagination-bullet.ch_pageTxt { font-size: 1.2rem !important;  }
    .swiper-pagination.section_01_ch_page { justify-content: flex-start; }
    :root {  --swiper-pagination-bullet-horizontal-gap: 0; }


    /*sec02*/
    .sec02_box { height: 228px; padding: 3%; box-sizing: border-box; }
    .sec02_box_Tit { margin-top: 13px; }
    .sec02_box_btn a { width: 34px; height: 34px; font-size: 1.2rem; }
    .section_02_info { font-size: 14px; margin-top: 40px; }

    /*sec03*/
    /*sec04*/
    .sec04_box_rt { padding: 24px 20px; }
    .sec04_box_rt dl { margin-top: 30px; }
    .sec04_box_rt dl dt { width: 110px; line-height: 146%; }
    .sec04_box_rt dl dd { width: calc(100% - 110px); font-size: 15px; }

    /*
    .sec04_box_rt { padding: 20px 16px 0; }
    .sec04_box_rt dl { align-items: flex-start; margin-top: 5px; }
    .sec04_box_rt dl:nth-child(3) { margin-top: -20px; }
    .sec04_box_rt dl dt { width: 38%; }    
    .sec04_box_rt dl dd { font-size: 1.3rem; padding: 2px 0; }
    */




    /*sec05*/
    .sections_05_box  { padding:10px; }
	.section_05_box_Wrap {padding:10px;}
    .sections_05_box dl dd { margin-top: 10px; }

    /*footer*/
    .footer_wrap img { width: 200px; }
    footer { padding: 27px; }
    
    footer ul:nth-child(2) { margin-top: 18px; }
    footer ul:nth-child(3) { margin-top: 18px; }
    .copyright { margin-top: 40px; }

}

/*카카오 지도*/
.ch_map.root_daum_roughmap .wrap_map{ height:100%; }
.ch_map.root_daum_roughmap .wrap_controllers { display:none; }
.ch_map.root_daum_roughmap .wrap_btn_zoom { display:none; }



/* add_pop */
.add_pop_wrap {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.9);z-index: 9999;display: none;}
.add_pop_wrap *{color: #fff;}
.add_pop_inner{position: absolute;top: 50%;left: 50%;width: 94%;max-width: 800px;height: 600px;border-radius: 15px;overflow: hidden;transform: translate(-50%,-50%) scale(.9);transition: transform .3s ease;}
#add_wrap_02 .add_pop_inner{height: 250px;}
.add_pop_wrap.active .add_pop_inner{transform: translate(-50%,-50%) scale(1);}

.add_pop_tit{background: #e77b06;color: #FFF;display: flex;flex-direction: row;align-items: center;justify-content: space-between;padding: 0 25px;}
.add_pop_close{width: 20px;height: 60px;position: relative;}
.add_pop_close span{position: absolute;top: 29px;left: 0;width: 20px;height: 2px;background: #fff;z-index: 1;transition: transform .3s ease; }
.add_pop_close span:nth-child(1){transform: rotate(45deg);}
.add_pop_close span:nth-child(2){transform: rotate(-45deg);}

.add_pop_close:hover span{transform: rotate(0);}

.add_pop_con{background: #FFF;padding: 22px 25px;overflow-y: scroll;height: calc( 100% - 60px );}
.add_pop_con h5{font-size: 1rem;font-weight: bold;margin-bottom: 10px; color:#000;}
.add_pop_con p{font-size: 14px;line-height: 160%;margin-bottom: 25px; color:#000;}


@media (max-width: 780px){ 
	.add_pop_con p{font-size: 12px;}
}