@charset "utf-8";


/* sub(common) */

#content{width: 100%;}
#content .container{padding:80px 0 180px 0;width: 1200px;margin: 0 auto;}
#content.info03 .container{padding:80px 0 140px 0;width: 1200px;margin: 0 auto;}
#content .container_full{padding:80px 0 180px 0;width: 100%;margin: 0 auto;}
.container_in{max-width:1200px; margin:0 auto;}




#sub h4{font-size:32px !important;text-align: center;font-weight:500; line-height:30px;margin:0px 0 100px 0; letter-spacing:-0.05em; padding:0px; overflow:hidden; }
#sub h4 span{ display : inline-block; padding:0 0 26px 0; background:url(../img/s_img/h4_bar.gif) no-repeat center bottom; font-weight:500; color:#212121; font-size:30px; letter-spacing:-0.025em;  /*  animation: ani_3 0.8s 0.2s;
    animation-fill-mode: both;*/}
#sub h4 span.non{background:none;}
#sub h4 span.non em.cut{display:block; font-size:28px; color:#777; padding:10px 0 15px 0;background:url(../img/s_img/h4_bar.gif) no-repeat center bottom;}
#sub h4 span em.h4_small{font-size:23.5px;}


p.h4_txt{margin:-40px auto 60px auto;font-size:17px; line-height:1.6; text-align:center; -webkit-animation: effect 0.7s ease-in-out;       animation: effect 0.7s ease-in-out;  -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}




#sub h4.single span{display:inline-block; font-weight:500; padding:50px 0 65px 0;  font-weight:500;  font-size:36px; letter-spacing:-0.05em; margin-bottom:22px; background:url(../img/s_img/h4_line.gif) no-repeat center bottom;}
#sub .sub_title{ font-size:18px; font-weight:400; text-align: center;  margin-bottom: 100px;}
#sub .sub_title.sub_title_02{margin-bottom: 45px;}

#sub .sub_title strong{font-weight:500;}

#sub h5{clear:both; position:relative;font-weight:500;  padding-left:0px; text-align:left; font-size:22px; letter-spacing:-0.025em; margin:60px 0 30px 0;  line-height:1; color: #333;  }
#sub h5:before{content:''; background:url('../img/s_img/h5_bull.png') no-repeat 0 7px; padding-left:30px; width:30px; height:25px;}

#sub h5.green{width:338px; padding:10px 0 5px 0;background:#00a2e5; border-radius:15px; clear:both; position:relative;font-weight:500;   text-align:left; font-size:25px; margin:40px 0;  line-height:1.2; color: #fff;  }
#sub h5.green:before{content:''; background:url('../img/s_img/h5_bull_w.png') no-repeat left 0px; padding-left:55px; width:30px; height:25px;}
#sub h5.fir{margin-top:0 !important;}
/*
#sub h6{clear:both; position:relative;font-weight:500;  text-align:left; font-size:20px; margin:40px 0 20px 25px;  line-height:1.5; }
#sub h6:before{content:''; background:url('../img/s_img/dt_bull.png') no-repeat 0 1px; padding-left:25px; font-size:20px; margin:0 0 20px 0px; font-weight:500;}

*/
p.h6{clear:both; position:relative;font-weight:500;  text-align:left; font-size:16px; margin:40px 0 20px 35px;  line-height:1.5; }
p.h6:before{content:''; background:url('../img/s_img/dt_bull.png') no-repeat 0 5px; padding-left:15px; font-size:16px; margin:0 0 20px 0px; font-weight:500;}


.f_gm_l{font-family:'GmarketSansLight'; }
.f_gm_m{font-family:'GmarketSansMedium'; }
.f_gm_b{font-family:'GmarketSansBold'; }


/* sub(nav) */

.sub_nav.pc{margin-top:100px; display: block;width: 100%;height:56px;background:#fff;  overflow-x: hidden; border-bottom:1px solid #ddd;}
.sub_nav.pc ul{width: 1199px;margin: 0 auto;  background:url(../img/s_img/sub_nav_part.png) no-repeat left 13px; }
.sub_nav.pc ul:after{display: block;content: '';clear: both;}
.sub_nav.pc ul li{float: left;}
.sub_nav.pc ul li a{display: block;width: 100%;height:54px; padding-top:4px;line-height:50px;text-align: center;background:url(../img/s_img/sub_nav_part.png) no-repeat right 13px;font-size:18px;font-weight:400; letter-spacing: -0.5px; color:#444;}
.sub_nav.pc ul li.on a{background: #fff; height:55px;color:#212121; border-bottom:2px solid #00a2e5; font-weight:600; font-size:18px; background:url(../img/s_img/sub_nav_part.png) no-repeat right 13px;}

.sub_nav.pc ul li.double a{padding-top: 11px;height: 54px;line-height: 1.2; font-size:18px;}
.sub_nav.pc ul li.double a span.s_menu{display:block; font-size:13.5px;}


.sub_nav.s1 ul li{width: 100%;}

.sub_nav.s2 ul li{width: 49.999%;}
.sub_nav.s3 ul li{width: 33.33333333333333%;}
.sub_nav.s4 ul li{width: 25%;}
.sub_nav.s5 ul li{width: 20%;}
.sub_nav.s6 ul li{width: 16.66666666666667%;}

.sub_nav.mobile{display: none; margin-top:70px; position: relative;width: 100%; /*z-index: 1000;*/z-index:50;}
.sub_nav.mobile a.selected{position: relative;display: block;width: 100%;height: 60px;border-bottom: 1px solid #ccc;}
.sub_nav.mobile a.selected span.txt{display: block;width: 100%;height: 60px;line-height: 60px;font-size: 20px;font-weight: 500;text-align: center;color: #090909;}
.sub_nav.mobile a.selected span.arrow{position: absolute;top: 15px;right: 15px;display: block; width:30px;height: 30px;background: url(../img/s_img/sub_nav_m_arrow.png) no-repeat center center;-webkit-background-size: 100%; background-size: 100%;}
.sub_nav.mobile a.selected.on span.arrow{background: url(../img/s_img/sub_nav_m_arrow_on.png) no-repeat center center;-webkit-background-size: 100%;background-size: 100%;}
.sub_nav.mobile ul{display: none;position: absolute;top: 60px;left: 0;width: 100%;background: #8acbf1;padding: 30px 0;}
.sub_nav.mobile ul li a{display: block;width: 100%;font-size:18px;color: #fff;text-align: center;height: 40px;line-height: 40px;}
.sub_nav.mobile ul li:hover{background: #00a1e4;}



/* sub(visual) */
.sub_vis{display:none !important;position:relative; width: 100%;height:400px;margin-top:0px;background: #eee; overflow:hidden; display:flex; justify-content: center; align-content: center;
    align-items: center;}
.sub_vis h3{font-size:36px; color:#696969;line-height: 1.5;font-weight:500;letter-spacing:-0.03em;text-align: center;padding:0px 0 0px 0; }
.sub_vis p.txt{margin-top:10px; font-size:18px;color:#696969; font-weight:400; text-align: center; padding-top:0px;}
.sub_vis p.txt_single{padding-top:0px; }
.sub_vis .tit_wrap{margin-top:100px;  -webkit-animation: effect 0.7s ease-in-out;       animation: effect 0.7s ease-in-out;  -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}






 @-webkit-keyframes effect {
    0% {
      transform: translate(0, 100%);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
  @keyframes effect {
    0% {
      transform: translate(0, 100%);
    }
   100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }






.sub_vis.w h3{color:#fff !important;}
.sub_vis.w p.txt{color:#fff !important;}


.sub_vis#sub1{background: url(../img/p_img/sub_vis1.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub2{background: url(../img/p_img/sub_vis2.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub3{background: url(../img/p_img/sub_vis3.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub4{background: url(../img/p_img/sub_vis4.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub5{background: url(../img/p_img/sub_vis5.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub6{background: url(../img/p_img/sub_vis6.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub7{background: url(../img/p_img/sub_vis7.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}


/* 2022.03.10. ��ũ�� �̺�Ʈ */
.scroll_elem{opacity: 0; transition: 1s; transform: translate(0 , 35px);}
.scroll_up{opacity: 1; transform: translate(0, 0px);}
.scroll_delay_03{transition-delay: 0.3s;}
.scroll_delay_06{transition-delay: 0.6s;}
.scroll_delay_09{transition-delay: 0.9s;}



.scroll_up_first{ animation : ani 1s both;}
.ani_delay_03{animation-delay: 0.3s;}
.ani_delay_05{animation-delay: 0.5s;}
.ani_delay_07{animation-delay: 0.7s;}
.ani_delay_09{animation-delay: 0.9s;}
.ani_delay_11{animation-delay: 1.1s;}
.ani_delay_13{animation-delay: 1.3s;}
.ani_delay_15{animation-delay: 1.5s;}
.ani_delay_17{animation-delay: 1.7s;}
.ani_delay_19{animation-delay: 1.9s;}
.ani_delay_21{animation-delay: 2.1s;}
.ani_delay_23{animation-delay: 2.3s;}
.ani_delay_25{animation-delay: 2.5s;}
.ani_delay_27{animation-delay: 2.7s;}
.ani_delay_29{animation-delay: 2.9s;}
.ani_delay_31{animation-delay: 3.1s;}
.ani_delay_33{animation-delay: 3.3s;}
.ani_delay_35{animation-delay: 3.5s;}
.ani_delay_37{animation-delay: 3.7s;}
.ani_delay_39{animation-delay: 3.9s;}





@keyframes ani {
  0%{opacity: 0; transform: translate(0 , 35px);}
  100%{opacity: 1; transform: translate(0, 0px);}
}



@media (max-width: 1399px) {


/* 1399px sub(nav) */

.sub_nav.pc ul{width: 100%;border-left: none;}


/* 1399px sub(visual) */

.sub_visual .visual_list li.vs1 .m_inner{position:relative; margin:50px auto 0px auto;  width:80%; max-width:1200px; text-align:left; color:#fff; line-height:64px; padding:100px 0 0 2%; }
.sub_visual .visual_list li.vs1 .m_inner img, .sub_visual .visual_list li.vs2 .m_inner img, .sub_visual .visual_list li.vs3 .m_inner img{width:80%; max-width:316px;}
.sub_visual .visual_list li.vs2 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}
.sub_visual .visual_list li.vs3 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}
.sub_visual .visual_list li.vs4 .m_inner{position:relative; margin:50px auto 0px auto; text-align:left; width:80%; padding:100px 0 0 0; font-size:54px; color:#fff; line-height:64px;}


} /* 1399px end*/


@media (max-width:1220px) {

.sub_nav.pc {
    margin-top:70px;
    display: block;
    width: 100%;
    height: 56px;
    background: #fff;
    overflow-x: hidden;
    border-bottom: 1px solid #ddd;
}
} /* 1220px end*/

@media (max-width:1199px) {

#content .container{padding:80px 0 100px 0; width:98%; max-width:1200px; margin: 0 auto;}
#content.info03 .container{padding:80px 0 60px 0;width:98%; max-width:1200px; margin: 0 auto;}
#content .container_full{padding:80px 0 100px 0;width: 100%;margin: 0 auto;}
.container_in{width:98%; max-width:1200px; margin:0 auto;}
p.w100p img {
  width: 100%;
  margin: 0px auto;
}

/* 1199px sub(nav) */

.sub_nav.pc{display: none;}
.sub_nav.mobile{display: block;}
.sub_nav.mobile a.selected span.txt{display: block;width: 100%; padding-right:5px; height:60px;line-height: 60px;font-size:18px; letter-spacing:-0.07em; font-weight: 500;text-align: center;color: #090909;}
.sub_nav.mobile a.selected span.txt span.cut{display:block; }

.sub_nav.pc .container{width: 100%;height: 58px;margin: 0 auto;border-right: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1; }
.sub_nav.pc .depth2 ul li.duble{float: left;margin-left:5px; padding-right:9px; letter-spacing:-0.05em; padding-top:10px;background:url(../img/s_img/sub_nav_bar.gif) no-repeat right 43%; text-align:center; line-height:18px !important;}
.sub_nav.pc .depth2 ul li.duble a{font-size:12px;color: #222; letter-spacing:-0.07em;  line-height:18px !important;font-weight: normal; text-align:center;}
.sub_nav.pc .depth2 ul li.duble a span.cut{display:block;}

#sub h4{display:none;}
#sub .sub_title{display : none;}

p.h4_txt{margin:-40px auto 60px auto;font-size:16px; line-height:1.6; text-align:center; -webkit-animation: effect 0.7s ease-in-out;       animation: effect 0.7s ease-in-out;  -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}


/* 1199px sub(visual) */
/* sub(visual) */
.sub_vis{width: 100%;margin-top:0px; height:320px; display:flex;align-content: center;  justify-content: center;  align-items: center; }
.tit_wrap{margin-top:70px;}
.sub_vis h3{font-size:28px;color: #696969; letter-spacing:-0.03em; text-align: center; padding:0px 0 0px 0;  }
.sub_vis p.txt{font-size:16px;color: #696969; text-align: center; padding-top:0px;}







#sub h5{ font-size:20px;   }

#sub h5.green{width:320px; padding:10px 0 5px 0;background:#81B925; border-radius:15px;font-size:20px; margin:40px 0;  line-height:1.2; color: #fff;  }
#sub h5.green:before{content:''; background:url('../img/s_img/h5_bull_w.png') no-repeat center 0px; background-size:19px; padding-left:44px; width:30px; height:25px;}

p.h6{ font-size:16px; margin:40px 0 20px 20px;  }



.sub_vis#sub1{background: url(../img/p_img/sub_vis1.jpg) no-repeat center 60px;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub2{background: url(../img/p_img/sub_vis2.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub3{background: url(../img/p_img/sub_vis3.jpg) no-repeat center 70px;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub4{background: url(../img/p_img/sub_vis4.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub5{background: url(../img/p_img/sub_vis5.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub6{background: url(../img/p_img/sub_vis6.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
.sub_vis#sub7{background: url(../img/p_img/sub_vis7.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}





} /*1199px end*/



@media (max-width:991px) {

#content .container{padding:60px 0 80px 0; width:96%; margin: 0 auto;}
#content.info03 .container{padding:60px 0 80px 0;width:96%; margin: 0 auto;}
#content.email .container{min-height:380px;}
#content .container_full{padding:60px 0 80px 0;width: 100%;margin: 0 auto;}

.container_in{width:96%; max-width:1200px; margin:0 auto;}
.tit_wrap{margin-top:69px;}

p.h4_txt {padding:0 20px;}

/* 991px sub(nav) */

.sub_nav.pc{display: none;}
.sub_nav.mobile{display: block;}
#content h4{display: none;}
p.h4_txt{margin:-20px auto 40px auto;font-size:15px; line-height:1.6; text-align:center; -webkit-animation: effect 0.7s ease-in-out;       animation: effect 0.7s ease-in-out;  -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
p.h4_txt span.mid_cut{display:block;}
p.h4_txt br{display:none;}
.sub_nav.mobile a.selected span.txt{display: block;width: 100%; padding-right:5px; height:60px;line-height: 60px;font-size:18px; letter-spacing:-0.07em; font-weight: 500;text-align: center;color: #090909;}
.sub_nav.mobile a.selected span.txt span.cut{display:block; }
.sub_nav.mobile ul li a{display: block;width: 100%;font-size:18px;color: #fff;text-align: center;height: 40px;line-height: 40px;}



/* 991px sub(visual) */

.sub_vis{height:280px;}
.sub_vis h3{font-size:26px;color: #696969;  letter-spacing:-0.03em; text-align: center; padding:0px 0 0px 0;  }
.sub_vis p.txt{font-size:16px;color: #696969; text-align: center; padding-top:0px;}


#sub h5{  font-size:17px;  }
#sub h5:before{ background:url('../img/s_img/h5_bull.png') no-repeat 0 2px;background-size:18px; padding-left:28px;}

#sub h5.green{width:300px; padding:10px 0 5px 0; font-size:18px; margin:40px 0; line-height:1.2;  }
#sub h5.green:before{content:''; background:url('../img/s_img/h5_bull_w.png') no-repeat center 0px; background-size:16px; padding-left:42px; width:30px; height:25px;}

p.h6{ font-size:16px; margin:40px 0 20px 20px;  }





.sub_vis#sub1{background: url(../img/p_img/sub_vis1_m.jpg) no-repeat center 0;-webkit-background-size: cover;background-size: 100%;}
.sub_vis#sub2{background: url(../img/p_img/sub_vis2_m.jpg) no-repeat center 0;-webkit-background-size: cover;background-size: 100%;}
.sub_vis#sub3{background: url(../img/p_img/sub_vis3_m.jpg) no-repeat center 60px;-webkit-background-size: cover;background-size: 100%;}
.sub_vis#sub4{background: url(../img/p_img/sub_vis4_m.jpg) no-repeat center 0;-webkit-background-size: cover;background-size: 100%;}
.sub_vis#sub5{background: url(../img/p_img/sub_vis5_m.jpg) no-repeat center 0;-webkit-background-size: cover;background-size: 100%;}
.sub_vis#sub6{background: url(../img/p_img/sub_vis6_m.jpg) no-repeat center 0;-webkit-background-size: cover;background-size: 100%;}
.sub_vis#sub7{background: url(../img/p_img/sub_vis7_m.jpg) no-repeat center 0;-webkit-background-size: cover;background-size: 100%;}



















} /* 991px end */




@media (max-width:768px) {
#content .container{padding:60px 0 80px 0; width:94%; margin: 0 auto;}
#content.info01 .container{padding:60px 0 80px 0;width:95%; margin: 0 auto;}
#content.info02 .container{padding:60px 0 80px 0;width:94%; margin: 0 auto;}
#content.info03 .container{padding:60px 0 80px 0;width:94%; margin: 0 auto;}
#content .container_full{padding:60px 0 80px 0;width: 100%;margin: 0 auto;}

.container_in{width:94%; max-width:1200px; margin:0 auto; }
.sub_nav.mobile {margin-top:60px;}


#header .nav.mobile .control_box{position: relative;height: 60px;background:#f5f4f2;border-bottom:1px solid #222;}

/* 768px sub(nav) */

.sub_nav .select{display: block;}
.sub_nav ul{display: none;padding: 35px 0;}
.sub_nav ul li{float: none;width: 100% !important;}
.sub_nav ul li a{border-right: none;font-size: 22px;height: 55px;line-height: 55px;} 


.sub_nav.mobile ul li a{display: block;width: 100%;font-size:16px;text-align: center;height: 40px;line-height: 40px;}


/* 768px sub(visual) */

.sub_vis{height: 260px; margin-top:0px;}
.sub_vis h3{font-size:24px;letter-spacing:-0.05em; padding-top:0px;}
.sub_vis p.txt{font-size:14px; line-height:1.3;text-align: center; padding-top:0px; }
.sub_vis p.txt span.mid_cut{display:block;}

#sub h5{ padding-left:0px; font-size:15px; margin:40px 0 20px 25px; text-indent:-25px; line-height:1.6; }
#sub h5:before{background:url('../img/s_img/h5_bull.png') no-repeat 0 1px; background-size:15px;padding-left:22px; width:30px; height:25px;}


#sub h5.green{width:260px; padding:8px 0 5px 23px; font-size:16px; margin:40px 0 20px 0;   }
#sub h5.green:before{content:''; background:url('../img/s_img/h5_bull_w.png') no-repeat center 0px; background-size:14px; padding-left:36px; width:25px; height:25px;}

p.h6{ font-size:15px; margin-left:0; }

p.h6{ font-size:15px; margin:20px 0 20px 15px; text-indent:-15px;}

p.w1130{ margin:40px auto; width:100%;text-align:center; }

ul.busi01_list_05{width:100%;}

ul.busi01_list_06{width:100%; }

#sub h5 span.m_cut{display:block; padding-left:20px;}

} /* 768px end*/



@media (max-width: 576px) {


.sub_vis{height: 240px;}
.sub_vis h3{font-size:22px; letter-spacing:-0.03em; text-align: center; padding:0px 0 0px 0; }




.sub_vis#sub1{background: url(../img/p_img/sub_vis1_m.jpg) no-repeat center 60px;-webkit-background-size: cover;background-size: 100%;}
.sub_vis#sub2{background: url(../img/p_img/sub_vis2_m.jpg) no-repeat center 60px;-webkit-background-size: cover;background-size: 100%;}
.sub_vis#sub3{background: url(../img/p_img/sub_vis3_m.jpg) no-repeat center 60px;-webkit-background-size: cover;background-size: 100%;}
.sub_vis#sub4{background: url(../img/p_img/sub_vis4_m.jpg) no-repeat center 60px;-webkit-background-size: cover;background-size: 100%;}
.sub_vis#sub5{background: url(../img/p_img/sub_vis5_m.jpg) no-repeat center 60px;-webkit-background-size: cover;background-size: 100%;}
.sub_vis#sub6{background: url(../img/p_img/sub_vis6_m.jpg) no-repeat center 60px;-webkit-background-size: cover;background-size: 100%;}
.sub_vis#sub7{background: url(../img/p_img/sub_vis7_m.jpg) no-repeat center 60px;-webkit-background-size: cover;background-size: 100%;}



}/* media576 end */