@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap');
img{width:100%;}
.serif{font-family: 'Noto Serif KR', serif;}
.mark{opacity:0; transform: scale(5); transition-duration: .1s !important;}
[data-aos^=mark][data-aos^=mark].aos-animate,.swiper-slide-active .mark{ opacity:1; transform:scale(1)}
.flash{transition: all 0.5s 1s;-webkit-animation: flash 2s ease-in-out infinite ;animation: flash 2s ease-in-out infinite ;-webkit-transition: all 0.5s 1s;}
.flash2{transition: all 0.5s 1s;-webkit-animation: flash 2s ease-in-out infinite 2s;animation: flash 2s ease-in-out infinite 1.5s;-webkit-transition: all 0.5s 1s;}
 
[data-aos^=underline][data-aos^=underline].aos-animate{color:#fff;}
[data-aos^=underline2][data-aos^=underline2].aos-animate{color:#ee7b00;}
[data-aos^=underline3][data-aos^=underline3].aos-animate{color:#260000;}

.cmark{opacity:0; transform: scale(5); transition-duration: .1s !important;}
[data-aos^=cmark][data-aos^=cmark].aos-animate,.swiper-slide-active .mark{ opacity:1; transform: scale(1) rotate(-15deg)}
.anim{opacity:0; transform: scale(5) rotate(-15deg);  transition-duration: .1s !important;} 


.circle_anim{position:relative;   z-index:2; border-radius:50%;}
.circle_anim span,.circle_anim:after,.circle_anim:before {
  content: "";width: 100%; height: 100%; border-radius: 50%; position: absolute; top: 0; right: 0; transform: scale(0.5);
  transform-origin: center center;
  animation: pulse-me 0.7s linear infinite;
  z-index:-1
}
.sel_en {display:none !important;}
.nice-select.f_input.on {display:inline-block !important;}
/*.circle_anim .p1 {animation-delay: 0.5s;}*/
.circle_anim .p2 {animation-delay: 1.2s;}
.circle_anim .p3 {animation-delay: 0.9s;}
 

@keyframes pulse-me {
  0% {
    transform: scale(1);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  70% {
    opacity: 0.4;
  }
  100% {
    transform: scale(1.4);
    opacity: 0.1;
  }
}



.wrap{overflow:hidden;}
.inbox{margin:0 auto;}

 
.nice-select .current{display:inline-block;color: #1b1b1e;}
.nice-select{border:1px solid #fff;}
 
 
.nice-select:after {
  border-bottom: 1px solid #4c4c4c;
  border-right: 1px solid #4c4c4c;
}
.nice-select .list {
  border: 1px solid #fff;
 }

.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
  background-color: #ff661c;
  color: #ffffff;
  font-weight:
  bold;
}	
.nice-select .list:hover .option:not(:hover) {
background-color: transparent !important;
color: #3a3532;
}	




.chk_box3 {position:relative;margin-bottom: 2%;}
.chk_box3 input + label {position:relative;color: #fff;display: inline-block;margin: 0;}
.chk_box3 input + label span {display: inline-block;vertical-align: middle;text-align: center;border: 1px solid #fff;border-radius:50%;}


.chk_box3  input + label span i{display:none;color: #fff;}
.chk_box3  input:checked + label span{}
.chk_box3  input:checked + label span i{display:inline-block;} 






	
.header{
    position: relative;
    z-index: 999;
}
.header .gnb{}
.header .inbox{position:relative;}
.header h1{position:relative; z-index:1;}
.header h1 span{position:absolute;top: 50%;right: 105%;display:block;width:100%;text-align:right;font-weight:500}
.gnb li a{color:#210b00;font-weight:500;vertical-align: middle;}
.header .h_btn{position:absolute;top:50%;right:0;text-align: right;width: 100%;}
.h_btn>a,.h_btn #google_translate_element{display:inline-block; vertical-align:middle; text-align:center;}
.h_btn>a{background-color:#ff661c; color:#fff;}
.h_btn #google_translate_element{border:1px solid #b3b3b3;color:#b3b3b3;font-size: 0;overflow: hidden;display: inline-block !important; background-color:#fff !important;} 
.h_btn #google_translate_element select{width: 100%;margin: 0;border: 0;color: #737373;display: block;text-align: center;background: transparent;}
.skiptranslate{font-size: 0 !important;}
.skiptranslate>span{display:none}

 .h_btn button{display:none;}


 
 
.footer{position:relative; z-index:1; background-color:#fff;}
.footer .inbox{position:relative;}
.f_social{position:relative;font-size: 0;}
.f_social .nice-select,.f_social a{display:inline-block; vertical-align:middle}
.f_social .nice-select{border: 0;background-color:#ff661c}
.f_social .nice-select .list{background-color:#fafafa}
.f_social .nice-select span{color:#fff;}
.f_social .nice-select:after{border-color:#fff;}
.f_menu{}
.f_menu a,.f_menu div{display:inline-block; color:#210b00}
.f_menu div{position:relative; cursor:pointer}
.f_menu div span{position:absolute;color:#ff661c; top:0; right:0;}
.f_menu div ul{position:absolute;top: 110%;left:0;width:100%;background-color:#ff661c;display: none;}
.f_menu div li{
    text-align: center;
}
.f_menu div a{display:block; color:#fff}
.f_menu div li:hover a{font-weight:bold;}

.footer .f_info{color:#210b00;font-weight:300;line-height:1.3em;word-break: keep-all;}


.quick{position:fixed;border:1px solid #2d2623;z-index: 99;cursor: pointer;}
.quick button{display:block;background-color:#000;color:#fff;border:0;text-align:center;width: 100%;font-weight: 500;}
.q1{background-color:#ff661c}
.q1 span{display:block;}
.q1 span,.q1 p{color:#2d2623}
.q1 p{font-weight: 900;line-height: 1em;}

.q2{
    background-color: #2d2623;
}
.q2 p{color:#fff;}
.q2 p em{display:block; font-weight:bold;}
.q2 span{display:block; color:#ff661c}

#top_btn{background-color:#7c736e; color:#fff; border-radius:50%;}

.quick2{position:fixed;left:0;width:100%;bottom:0;background-color:#ff661c;text-align:center;color:#fff;cursor:pointer;font-weight: 600;}


/**{cursor: url(/images/icon.cur),default!important;}*/
	
	
@media (min-width:1300px) {
.nice-select:after {height: 10px;margin-top: -7px;right: 20px;width: 10px;}
.nice-select .option,.nice-select .current{height: 50px;line-height: 50px;font-size: 16px;padding: 0 10px;}

 .pc{display:block;}
.inbox{width:70vw;}	 


.header.scroll .inbox{padding: 10px 0;}
.header .inbox{padding: 20px 0;}
.header h1{width: 8%;/* margin-left: 6%; */}
.header h1 span{font-size:18px;margin-top: -6px;}
.header .gnb{
    width: 75%;
    text-align: center;
    margin-left: -2%;
}
.gnb li {margin: 0 1.3vw;line-height: 3.5vw;height: 3.5vw;}
.gnb li a{font-size: 18px;}
.h_btn{margin-top: -1.3vw;}
.h_btn>a,.h_btn #google_translate_element{width: 10.7%;height: 2.5vw;line-height: 2.5vw;border-radius: 1.23vw;font-size: 16px;}
 .h_btn #google_translate_element{
    /* padding-left: 20px; */
    background-size: auto 1.25vw!important;
    background: url(/images/start_up/pc/g_logo.png) no-repeat 0.5vw 50%;
}
.h_btn #google_translate_element select{height: 2.5vw;font-size: 16px;margin-left: 0.7vw;}
 
 
  

.footer .inbox{padding:70px 0}
.f_social{padding-bottom:50px; border-bottom:1px solid #d7d5d3; margin-bottom:50px}
.f_social .nice-select{width: 14.2%;margin-right:30px;border-radius: 25px;}
.f_social a{margin-right:10px;}
.f_menu{position:absolute;top: 70px;right:0;}
.f_menu>a, .f_menu div{margin-left: 3.5vw;font-size:18px;line-height: 50px;}
.f_menu div span{line-height: 50px;}
.f_menu div{width:120px}
.f_menu div ul{padding:10px 0;}
.f_menu div a{height:34px; line-height:34px; font-size:15px;}

.footer .f_info{font-size:16px;}

 




.quick{top:55%; right:0; width:120px; margin-top:-120px;}
.quick>div{min-height:120px;padding: 18px 0;text-align:center;}
.q1 span{font-size:18px; margin-bottom:10px}
.q1 p{font-size:30px; }

.q2 span{font-size:18px; margin-top:10px}
.q2 p{font-size:18px; }
.q2 p em{font-size:25px;margin-top: 8px;}

.quick button{font-size: 20px;height:40px;}
#top_btn{position:absolute;bottom: 60px;right:0;width:50px;height:50px;font-size:17px;}

.quick2 {font-size: 20px;padding: 20px 0;}
.quick2 i.fa-comments{margin-right:10px}
.quick2 i.fa-angle-down{margin-left:20px;margin-top: -3px;}

#hd_pop>div{width: 450px;}
 #hd_pop>div >span{font-size:50px;margin-top: -25px;}
 .hd_pops_footer2 button{font-size: 20px;padding: 15px 0;}
}
 
@media (min-width:640px){
 .header h1,.header .gnb{float:left;position: relative;z-index: 1;}
 .header .sub_menu{display:none;}
 .gnb li{display: inline-block;}
 
.nice-select .list{max-height: 250px;}

.start_up_pop>div{padding:100px 70px; font-size:17px; width:60%; margin-left:-30%}

 .header.scroll{position:fixed; top:0; left:0; width:100%; z-index:100; background-color:#Fff;}


.gnb>a,.gnb>button,.gnb li>a>i,.gnb .bg{display:none;}
}
@media (min-width: 640px) and (max-width: 1299px){
.nice-select .option,.nice-select .current{height: 5vw;line-height: 5vw;font-size: 1.8vw;padding: 0 10px;}
.nice-select:after { height: 13px; margin-top: -9px; right: 18px; width: 13px; }

.tab{display:block;}
.inbox{width:92vw;}	
 
 
.header .inbox{padding: 2vw 0;}
.header h1{width: 7vw;margin-right: 1vw;/* margin-left:6vw; */}
.header h1 span{font-size:1.6vw;margin-top: -0.8vw;}
.header .gnb{
    width: 57vw;
    text-align: center;
}
.gnb li {margin-right: 2vw;line-height: 4.5vw;height: 4.5vw;}
.gnb li a{font-size: 1.6vw;}
.h_btn{margin-top: -2vw;}
.h_btn>a,.h_btn #google_translate_element{width: 12.5vw;height: 4vw;line-height: 4vw;border-radius: 2vw;font-size: 1.6vw;}
 .h_btn #google_translate_element{
    /* padding-left: 2vw; */
    padding-right: 0.2vw;
    background-size: auto 2vw!important;
    background: url(/images/start_up/pc/g_logo.png) no-repeat 1vw 50%;
}
.h_btn #google_translate_element select{height: 4vw;font-size: 1.6vw;margin-left: 1vw;}
   

.footer .inbox{padding: 8vw 0;}
.f_social{padding-bottom: 4vw;border-bottom:1px solid #d7d5d3;margin-bottom: 4vw;}
.f_social .nice-select{width: 17vw;margin-right: 2vw;border-radius: 2.5vw;}
.f_social a{margin-right: 1vw;width: 5vw;}
.f_menu{position:absolute;top: 8vw;right:0;}
.f_menu>a, .f_menu div{margin-left: 6.5vw;font-size: 1.5vw;line-height: 5vw;}
.f_menu div span{line-height: 5vw;}
.f_menu div{width: 12vw;}
.f_menu div ul{padding:10px 0;}
.f_menu div a{height: 3vw;line-height: 3vw;font-size: 1.3vw;}

.footer .f_info{font-size: 1.3vw;} 



.story_pop>div{width: 58vw;height: 58vw;margin-left: -29vw;margin-top: -29vw;padding: 0 4.5vw 4.5vw;}

.story_pop h6{padding: 4vw 0;font-size: 4vw;}
.story_pop .int_view{
    padding: 3vw 0 0;
}
.story_pop .int_wrap{margin-bottom:20px;}
.int_view .int_tit, .int_con{padding: 1.8vw 0 1.8vw 6vw;background-size: 5vw auto !important;}
.int_view .int_tit{margin-bottom: 1vw;font-size: 2vw;}
.int_con p{font-size: 1.6vw !important;}
.story_pop .close_btn{top:20px; right:20px;}
.story_pop .close_btn i{font-size:20px;}




.quick{top:55%;right:0;width: 12vw;margin-top: -12vw;}
.quick>div{min-height: 12vw;padding: 2vw 0;text-align:center;}
.q1 span{font-size: 1.8vw;margin-bottom: 0.5vw;}
.q1 p{font-size: 3vw;}

.q2 span{font-size: 1.8vw;margin-top: 1vw;}
.q2 p{font-size: 1.8vw;}
.q2 p em{font-size: 2.5vw;margin-top: 1vw;}


.quick button{font-size: 2vw;height:4vw;}
#top_btn{position:absolute;bottom: 6vw;right:0;width:5vw;height:5vw;font-size:1.7vw;}

.quick2 {font-size: 1.8vw;padding: 1.5vw 0;}
.quick2 i.fa-comments{margin-right:10px}
.quick2 i.fa-angle-down{margin-left:20px;margin-top: -3px;}

#hd_pop>div{width: 45%;}
 #hd_pop>div >span{font-size: 5vw;margin-top: -2.5vw;}
 .hd_pops_footer2 button{font-size: 2vw;padding: 2vw 0;}
}
@media (max-width:1299px){

 
}
@media (max-width: 640px){

.nice-select .list{max-height: 50vw;}
.nice-select .option,.nice-select .current{height: 7vw;line-height: 7vw;font-size: 3vw;padding: 0 2vw;}

.nice-select:after {height: 2vw;margin-top: -1.5vw;right: 3vw;width: 2vw;}


.mb{display:block;}
.inbox{width:90vw;}	
 
 
 
.header .inbox{padding: 3vw 0 1vw;}
.header h1{width: 15.1vw;margin-bottom: 1vw;/* margin-left: 14vw; */}
.header h1 span{font-size:3vw;margin-top: -1vw;}
.gnb{position:fixed;top:0;right:-100%;width:100%;height:100%;z-index:9999;  }
.gnb_bg{position:fixed;top:0;left: 0;width:100%;height:100%;backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter :saturate(180%) blur(10px);background-color: rgba(255,255,255,0.6);z-index: 99; display:none}

.gnb>a{position:absolute;top:4vw;right: 39vw;display: block;background: #ff661c;color: #Fff;width: 28vw;height: 10vw;line-height: 10vw;border-radius: 5vw;font-size: 4.5vw;text-align: center;z-index: 10;}
.gnb>button{position:absolute;top:4vw;right:5vw;width: 7vw;height: 9vw;background:transparent;border-bottom:1vw solid #ff661c;z-index: 1;}
.gnb>button i{color:#ff661c;font-size: 8vw;}


.gnb{}
.gnb>ul{position:absolute;top:0;right: 0;width:75vw;height:100%;background-color:#fff;padding: 29vw 10vw 0;}
.gnb li{position:relative;}
.gnb li>a{display:block;position:relative;height:15vw;line-height:15.5vw;font-size: 6vw;font-weight:bold;}
.gnb li>a i{position:absolute;top:0;right:5vw;color: #606060;font-size: 4vw;font-weight:bold;height:15vw;line-height:15vw;}
.gnb li.on a i{}
.gnb li div{padding: 0 5vw 0;display:none;}
.gnb li div a{display:block;color:#272727;margin-bottom: 4vw;font-size:4vw;text-align: left;}
 .gnb .close{position:absolute; top:1vw; right:1vw; width:7vw;}
 


 
.h_btn{top: 3.5vw !important;}
 
.h_btn>a{ display:none; z-index: 999;position: relative;}
.h_btn>a, .h_btn #google_translate_element{width: 22vw;height: 8vw;line-height: 8vw;border-radius: 4vw;font-size: 2.8vw;padding:1px 0;}

.h_btn>button{display:inline-block; width:6.5vw;background: transparent; margin-left: 2vw;}
 .h_btn #google_translate_element{
    padding-left: 4vw;
    /* padding-right: 1vw; */
    background-size: auto 3vw!important;
    background: url(/images/start_up/pc/g_logo.png) no-repeat 1vw 50%;
}
.h_btn #google_translate_element select{height: 7vw;font-size: 2.5vw;text-align: left;}

  

.footer .inbox{padding: 11vw 0 20vw;}
.f_social{margin-bottom: 8vw;}
.f_social .nice-select{width: 35vw;margin-right: 10vw;border-radius: 25px;}
 .f_social .nice-select,.f_social .nice-select .current{height:7vw;line-height:7vw;font-size: 3vw;}
.f_social a{margin-left: 1vw;width: 8vw;}
.f_menu{
    padding-bottom: 5vw;
    border-bottom: 1px solid #d7d5d3;
    text-align: center;
    margin-bottom: 4vw;
}
.f_menu>a, .f_menu div{font-size: 4vw;}
.f_menu div span{}
.f_menu div{width: 23vw;text-align: left;margin: 0 10vw;}
.f_menu div ul{padding:10px 0;}
.f_menu div a{height: 6vw;line-height: 6vw;font-size: 3vw;}

.footer .f_info{font-size: 3vw;padding: 0 8vw;} 

 


.quick{bottom: 0;left: 0;width: 100%;background: #ff661c;}
#topbtn{display:none;}
.quick>div{min-height: 13vw;text-align:center;width: 50%;float: left;display: table;/* height: 100%; */}
 .q1{padding: 2vw 0;}
.q1 span{font-size: 3vw;margin-bottom: 0.5vw;}
.q1 p{font-size: 5vw;display: table-cell;vertical-align: middle;}
.q1 p br{display:none}

 .q2 {display: table;}
.q2 span{font-size: 3vw;display: inline-block;vertical-align: middle;font-weight: bold;}
.q2 p{font-size: 4vw;display: table-cell;vertical-align: middle;}
.q2 p em{display: inline-block;}


#top_btn{ display:block; width:10vw; height:10vw; font-size:3vw; margin:5vw auto 0;}

 .quick2 {display: none !important;font-size: 1.8vw;padding: 1.5vw 0;}
.quick2 i.fa-comments{margin-right:10px}
.quick2 i.fa-angle-down{margin-left:20px;margin-top: -3px;}

 
#hd_pop>div{width: 60%;}
 #hd_pop>div >span{font-size: 7vw;margin-top: -3.5vw;}
 .hd_pops_footer2 button{font-size: 3vw;padding: 3vw 0;}
}