@charset "utf-8";

.scrollDisable{height: 100%;min-height: 100%;overflow: hidden !important;touch-action: none;}

/* #header{position: fixed;top: 0;left: 0; width: 100%;background: transparent;z-index: 99;border-bottom: 1px solid rgba(255,255,255,0.2);} 글자겹침 수정요청으로 변경 */
#header{position: fixed;top: 0;left: 0; width: 100%;background: #FFF; z-index: 99;border-bottom: 1px solid rgba(0,0,0,0.1);}

#header .header_wrap{width: 100%;}
#header .header_wrap .header_bg_w {border:0px #f50 solid; background: #FFF; border-bottom: 1px solid rgba(0,0,0,0.1); display: flex;justify-content: space-between;align-items: center;width: 100%;min-width: 1420px;height: 70px;transition: .0s;padding-left: 45px;}
#header .header_wrap h1 {background: url('../images/logo.png') no-repeat center;width: 157px;height: 37px; background-size: 100% 100%;}
#header .header_wrap h1.on {background: url('../images/logo_b.png') no-repeat center;width: 157px;height: 37px; background-size: 100% 100%;}
#header .header_wrap h1 a{display: block;width: 100%;height: 100%;}
#header .logo , #footer .logo{width: 157px;height: 37px;}
#header .header_wrap .logo img {width: 100%;}
#header .header_wrap .nav .depth{display: flex; height: 70px;}
#header .header_wrap .nav .depth .depth_1{width: 190px; padding: 0 10px;line-height: 70px;margin-left: 10px;}
#header .header_wrap .nav .depth .depth_1:first-child{margin-left: 0;}
#header .header_wrap .nav .depth .depth_1 a{font-size: 16px; color: #222;}
#header .header_wrap .nav .depth .depth_1 a:hover{color:#426ffe;}
#header .header_wrap .nav .depth .depth_1 .depth_2 li{line-height: 1.3;}
#header .header_wrap .nav .depth .depth_2 {margin-top: 20px;opacity: 0;visibility: hidden;height: 0;}
#header .header_wrap .nav .depth .depth_2.on {margin-top: 20px;opacity:1;visibility:visible;height: auto;transition:1s;}
#header .header_wrap .nav .depth .depth_2 > li {margin-bottom: 15px;}
#header .header_wrap .nav .depth .depth_2 > li:last-child {margin-bottom: 0;}
#header .header_wrap .lang_menu_box{height: 100%;display: flex;justify-content: center;align-items: center; border-left: 1px solid rgba(0,0,0,0.1)}
#header .header_wrap .lang_menu_box p{width: 70px;height: 70px;}
#header .header_wrap .lang_menu_box p a{display: block;width: 100%;height: 100%;padding-top: 25px;}
#header .header_wrap .lang_menu_box .lang_box{overflow: hidden;width: 70px;text-align: center;}
#header .header_wrap .lang_menu_box .lang_box .lang_wrap > a.lang{font-size: 12px;color: #222;text-align: center;}
#header .header_wrap .lang_menu_box .menu_btn{position: relative; background: #426ffe;width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;}
#header .header_wrap .lang_menu_box .menu_btn a {position: absolute;width: 100%;height: 100%;text-align: center;padding:25px 0;}
#header .header_wrap .lang_menu_box .menu_btn a .bar{display: block;width: 24px;height: 3px;background: #FFFFFF;margin: 4px auto;}
#header .header_wrap .lang_menu_box .menu_btn a .bar.bar_1{margin-top: 0;}
#header .header_wrap .lang_menu_box .menu_btn a .bar.bar_3{margin-bottom: 0;}


/* header.on */
#header.on {position: fixed;top: 0;left: 0; width: 100%;background: #fff;z-index: 20;border-bottom: 1px solid #f3f3f3;}
#header.on .header_wrap{width: 100%;}
#header.on .header_wrap .header_bg_w {display: flex;justify-content: space-between;align-items: center;width: 100%;min-width: 1420px;height: 70px;transition: .5s;padding-left: 45px;}
#header.on .header_wrap h1 {background: url('../images/logo_b.png') no-repeat center;width: 157px;height: 37px; background-size: 100% 100%;}
#header.on .header_wrap h1 a{display: block;width: 100%;height: 100%;}
#header.on .logo , #footer .logo{width: 157px;height: 37px;}
#header.on .header_wrap .logo img {width: 100%;}
#header.on .header_wrap .nav .depth{display: flex; height: 70px;}
#header.on .header_wrap .nav .depth .depth_1{width: 190px; padding: 0 10px;line-height: 70px;margin-left: 10px;}
#header.on .header_wrap .nav .depth .depth_1:first-child{margin-left: 0;}
#header.on .header_wrap .nav .depth .depth_1 a{font-size: 16px; color: #222;}
#header.on .header_wrap .nav .depth .depth_1 a:hover{color:#426ffe;}
#header.on .header_wrap .nav .depth .depth_1 .depth_2 li{line-height: 1.3;}
#header.on .header_wrap .nav .depth .depth_2 {margin-top: 20px;opacity: 0;visibility: hidden;height: 0;}
#header.on .header_wrap .nav .depth .depth_2.on {margin-top: 20px;opacity:1;visibility:visible;height: auto;transition:1s;}
#header.on .header_wrap .nav .depth .depth_2 > li {margin-bottom: 15px;}
#header.on .header_wrap .nav .depth .depth_2 > li:last-child {margin-bottom: 0;}
#header.on .header_wrap .lang_menu_box{height: 100%;display: flex;justify-content: center;align-items: center; border-left: 1px solid rgba(255,255,255,0.2)}
#header.on .header_wrap .lang_menu_box p{width: 70px;height: 70px;}
#header.on .header_wrap .lang_menu_box p a{display: block;width: 100%;height: 100%;padding-top: 25px;}
#header.on .header_wrap .lang_menu_box .lang_box{overflow: hidden;width: 70px;text-align: center;}
#header.on .header_wrap .lang_menu_box .lang_box .lang_wrap > a.lang{font-size: 12px;color: #222;text-align: center;}
#header.on .header_wrap .lang_menu_box .menu_btn{background: #426ffe;width: 70px;height: 70px;display: flex;justify-content: center;align-items: center;}
#header.on .header_wrap .lang_menu_box .menu_btn a .bar{display: block;width: 24px;height: 3px;background: #FFFFFF;margin: 4px auto;}
#header.on .header_wrap .lang_menu_box .menu_btn a .bar.bar_1{margin-top: 0;}
#header.on .header_wrap .lang_menu_box .menu_btn a .bar.bar_3{margin-bottom: 0;}


#header.on .header_wrap.on {background: #fff;height: 300px;transition: .5s;}
#header.on .header_wrap.on .depth .depth_1 a{color: #222;}
#header.on .header_wrap.on .header_bg_w {border-bottom: 1px solid #f3f3f3;}
#header.on .header_wrap.on .lang_menu_box{height: 100%;display: flex;justify-content: center;align-items: center; border-left: 1px solid #f3f3f3;}
#header.on .header_wrap.on .lang_menu_box .lang_box .lang_wrap > a.lang {color: #222;}

/* header_wrap on추가 */
#header .header_wrap.on {background: #fff;height: 300px;transition: .5s;}
#header .header_wrap.on .depth .depth_1 a{color: #222222;}
#header .header_wrap.on .header_bg_w {border-bottom: 1px solid #f3f3f3;}
#header .header_wrap.on .lang_menu_box{height: 100%;display: flex;justify-content: center;align-items: center; border-left: 1px solid #f3f3f3;}
#header .header_wrap.on .lang_menu_box .lang_box .lang_wrap > a.lang {color: #222;}

/* footer */
#footer{width: 100%;height: 280px;background: #4690ff;color: #FFFFFF;}
#footer .footer_wrap{display: flex;justify-content: flex-start;align-items: flex-start;width: 100%;max-width: 1420px;min-width: 1420px;height: 100%;padding: 65px 0 0;margin: 0 auto;}
#footer .logo_box{margin-right: 105px;}
#footer .logo_box .logo{width: 157px;height: 37px;margin-left: 43px;}
#footer .info_box{}
#footer .info_box .info{}
#footer .info_box .info.info_1{position: relative;padding-bottom: 20px;}
#footer .info_box .info.info_1::after{position: absolute;bottom: 0; display: block;content: '';width: 65px;height: 1px;background: #FFFFFF;}
#footer .info_box .info.info_1 p{display: inline-block;font-size:18px; font-weight: 600;margin: 0 10px;}
#footer .info_box .info.info_1 p:first-child{/*display: block;*/ margin-left:0;}
#footer .info_box .info.info_1 p:nth-child(2){margin-left: 0;}
#footer .info_box .info.info_1 p:last-child{margin-right:0;}
#footer .info_box .info.info_2{border:0px #f50 solid; width:50%; padding-top: 35px; font-size:14px; float:left;}
#footer .info_box .info.info_2 p:nth-child(1){padding-bottom: 15px;}

#footer .footer_wrap .info_2 .nn{display:none;}

/* 패밀리 추가 */
#footer .info_box .info.info_3{border:0px #f50 solid; width:18%; padding-top: 35px; float:right;}
#footer .info_box .info.info_3 .fam{border:0px #f50 solid; margin-left:0px;}
#footer .info_box .info.info_3 .fam select {border:1px #549aee solid;  width:180px; height:30px; padding:2px 12px; color:#fff; border-radius:3px;background: #2e85ee;}

/* gnb */
.gnb_box{border-bottom:1px solid #e1e1e1;}
.gnb{display: flex;align-items: center;width: 100%;max-width: 1420px; height: 70px;margin: 0 auto;}
.gnb .home_icon{width: 17px;height: 15px; background: url('../../@resource/images/home_icon.png')no-repeat center center;background-size: 100% 100%;}
.gnb .arrow_icon{width:5px;height: 7px;margin: 0 10px 0 20px; background: url('../../@resource/images/arrow_icon.png')no-repeat center center;background-size: 100% 100%;}
.gnb .dep_txt{font-size: 16px;}
.gnb .depth1_text{}
.gnb .depth2_text{}


/* privacy */
#page_menu{width: 100%;padding: 55px 0 70px;background: #fafafa;}
#page_menu.page_menu .cont_wrap{width: 100%;max-width: 1420px;min-width: 1420px;margin: 0 auto;display: flex;justify-content: space-between;}
#page_menu.page_menu .bold {font-weight: bold;cursor:default;}
#page_menu.page_menu .title {width: 340px;}
#page_menu.page_menu .title h1 {font-size: 18px;}
#page_menu.page_menu .sub {width: calc(100% - 340px);}
#page_menu.page_menu .sub > ul {display: flex;}
#page_menu.page_menu .sub > ul > li > ul > li:last-child{margin-bottom: 0;}
#page_menu.page_menu .sub > ul > li {width: calc(100% / 5);}
#page_menu.page_menu .sub > ul > li > a {display: block;margin-bottom: 25px;font-size: 18px;color: #222;}
#page_menu.page_menu .sub > ul > li > ul > {display: flex;flex-direction: column;}
#page_menu.page_menu .sub > ul > li > ul > li {margin-bottom: 15px;}
#page_menu.page_menu .sub > ul > li > ul > li a {font-size: 16px;color: #222;}

/* header 와  footer는 1420px 밑으로는 모바일 사이즈 적용 */

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

    #header{position: fixed;top: 0;left: 0; width: 100%;background: transparent; border: none;}
    #header .header_wrap{width: 100%; height: auto;}
    #header .header_wrap .header_bg_w {display: flex;justify-content: space-between;align-items: center;width: 100%;min-width: 100%;height:4.92vw; padding: 0; }
    #header .header_wrap h1 {background: url('../images/logo.png') no-repeat center;width: 11.06vw;height: 2.61vw; background-size: 100% 100%; margin-left: 1.83vw;}
    #header .header_wrap h1 a{display: block;width: 100%;height: 100%;}
    #header .logo {width: 11.06vw;height: 2.61vw;}
    #header .header_wrap .logo img {width: 100%;}
    #header .header_wrap .nav { display:none; width: 100%; height: 4.92vw;}
    #header .header_wrap .lang_menu_box{height: 100%;display: flex;justify-content: center;align-items: center; border: none;}
    #header .header_wrap .lang_menu_box p{width: 2.25vw;height: 2.25vw;}
    #header .header_wrap .lang_menu_box p a{display: block;width: 100%;height: 100%;padding-top: 0.92vw;}
    #header .header_wrap .lang_menu_box .lang_box{display: block; width: 4.93vw; height: 100%;}
    #header .header_wrap .lang_menu_box .lang_box .lang_wrap { display: table; width: 100%; height: 100%; }
    #header .header_wrap .lang_menu_box .lang_box .lang_wrap > a.lang{ display: table-cell; vertical-align: middle; width: 100%; height: 100%;font-size: 0.84vw;}
    #header .header_wrap .lang_menu_box .menu_btn{position: relative; display: flex;justify-content: center;align-items: center;width: 4.92vw;height: 4.92vw;background: #426ffe; z-index: 999;}
    #header .header_wrap .lang_menu_box .menu_btn a {position: absolute;width: 100%;height: 100%;text-align: center;padding:1.76vw 0;}
    #header .header_wrap .lang_menu_box .menu_btn a .bar{display: block;width: 1.69vw;height: 0.21vw;background: #FFFFFF;margin: 0.21vw auto;}
    #header .header_wrap .lang_menu_box .menu_btn a .bar.bar_1{margin-top: 0;}
    #header .header_wrap .lang_menu_box .menu_btn a .bar.bar_3{margin-bottom: 0;}

    /*header.on*/
    #header.on {height:4.92vw; background: transparent; border: none;}
    #header.on .header_wrap {position: fixed; width: 100%; transition: .5s; z-index: 999;}
    #header.on .header_wrap .header_bg_w { border:none; width: 100%; min-width: 100%; height: 100%; padding: 0;}
    #header.on .header_wrap .header_bg_w .logo {background: url('../images/logo_b.png') no-repeat center;width: 11.06vw;height: 2.61vw; background-size: 100% 100%; }
    #header.on .header_wrap.on .header_bg_w .logo {display: none;}
    #header.on .header_wrap .header_bg_w .nav {display: none;}
    #header.on .header_wrap .lang_menu_box {height: 100%;display: flex;justify-content: center;align-items: center; border: none; }
    #header.on .header_wrap .lang_menu_box .lang_box{display: block; width: 4.93vw; height: 100%;}
    #header.on .header_wrap .lang_menu_box .lang_box .lang_wrap { display: table; width: 100%; height: 100%;}
    #header.on .header_wrap .lang_menu_box .lang_box .lang_wrap > a.lang{display: table-cell; vertical-align: middle; width: 100%; font-size: 0.84vw;}
    #header.on .header_wrap .lang_menu_box .menu_btn {display: flex; width: 4.92vw;height: 4.92vw;z-index: 999;}
    #header.on .header_wrap .lang_menu_box .menu_btn a .bar {width: 1.69vw;height: 0.21vw;margin: 0.21vw auto;}

    /* menu_btn on */
    #header .header_wrap.on {position: relative; width: 100%; height: 100vh; background: #fff;transition: .5s; z-index: 999; overflow:scroll;}
    #header .header_wrap.on .header_bg_w {display: block; width: 100%; height: auto; border:none;}
    #header .header_wrap.on .logo.on {display: none;}
    #header .header_wrap.on .header_bg_w .nav {display: block; width: 100%; height: auto;}
    #header .header_wrap.on .header_bg_w .nav .depth{display: flex; flex-direction: column; width: 100%; height:auto; padding: 4.37vw 0 4.79vw 4.72vw;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 {width:100%; height: auto; padding: 0; margin: 0; line-height: 4.93vw;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 a {font-size: 2.05vw; font-weight: 500;  letter-spacing: -0.03vw; color: #222;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 a:hover{ border-bottom: 0.07vw solid #426ffe;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 a:hover, #header .header_wrap.on .header_bg_w .nav .depth .depth_1 .depth_2.on >li > a:hover  {color:#426ffe; }
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 .depth_2.on {border-bottom: none; line-height: 2.93vw; margin: 0vw 0 1.3vw 0; }
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 .depth_2.on >li {margin: 0 0 1.06vw 0;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 .depth_2.on >li.twl {line-height: 1.2;padding-top: 0.63vw;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 .depth_2.on >li > a {font-size: 1.47vw; font-weight: 400; border: none; color: #222;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1:nth-child(3) .depth_2.on >li:last-child > a {line-height: 1.47vw;}

    /*menu_btn close*/
    #header .header_wrap.on .lang_menu_box {position:fixed; display: flex; top: 0; right: 0; width: 4.92vw;height: 4.92vw; border: none;}
    #header .header_wrap.on .lang_menu_box .lang_box {display: none;}
    #header .header_wrap.on .lang_menu_box .menu_btn.on {display: flex; width: 4.92vw;height: 4.92vw; z-index: 999; background-color:#fff; transition: 0s;}
    #header .header_wrap.on .lang_menu_box .menu_btn.on a {position: relative; display: block; width: 100%; height: 100%; margin: auto;}
    #header .header_wrap.on .lang_menu_box .menu_btn.on a .bar {position: absolute; top:50%; left: 35.5%; width: 1.69vw;height: 0.21vw; background-color: #222;}
    #header .header_wrap.on .lang_menu_box .menu_btn.on a .bar.bar_1 {top: 50%; transform: rotate(45deg); margin: 0;transition: all .3s;}
    #header .header_wrap.on .lang_menu_box .menu_btn.on a .bar.bar_2 {opacity: 0;}
    #header .header_wrap.on .lang_menu_box .menu_btn.on a .bar.bar_3 {top: 50%; transform: rotate(-45deg); margin: 0; opacity: 1;transition: all .3s;}

    /*footer*/
    #footer{width: 100%;height: auto;background: #4690ff;color: #FFFFFF;}
    #footer .footer_wrap{display: flex; flex-direction: column; justify-content: flex-start;align-items: flex-start;width: 100%;max-width: 100%;min-width: 100%;height: 100%;padding: 3.10vw 0 3.10vw 4.30vw;margin: 0 auto;}
    #footer .logo_box {margin-bottom:1.90vw}
    #footer .logo_box .logo {width: 11.06vw;height: 2.61vw;margin: 0; }
    #footer .info_box .info{}
    #footer .info_box .info.info_1{position: relative; padding-bottom: 1.41vw;}
    #footer .info_box .info.info_1::after{position: absolute;bottom: 0; display: block;content: '';width: 2.32vw; height: 0.04vw;background: #FFFFFF;}
    #footer .info_box .info.info_1 p{display: inline-block; font-size: 1.27vw; letter-spacing: -0.03vw;font-weight: 600;margin: 0 0.7vw;}
    #footer .info_box .info.info_1 p:first-child{margin-left:0;}
    #footer .info_box .info.info_1 p:nth-child(3){margin-left: 0;}
    #footer .info_box .info.info_1 p:last-child{margin-right:0;}
    #footer .info_box .info.info_2{padding-top: 2.46vw;}
    #footer .info_box .info.info_2 p {font-size: 1.13vw;}
    #footer .info_box .info.info_2 p:nth-child(1){padding-bottom: 1.06vw;}


    .gnb_box{border-bottom:0.07vw solid #e1e1e1; padding: 0 1.4vw;}
    .gnb{display: flex;align-items: center;width: 100%;max-width: 100%; height: 4.93vw;margin: 0 auto;}
    .gnb .home_icon{width: 1.20vw;height: 1.06vw; background: url('../../@resource/images/home_icon.png')no-repeat center center;background-size: 100% 100%;}
    .gnb .arrow_icon{width:0.35vw;height: 0.49vw;margin: 0 0.70vw 0 1.41vw; background: url('../../@resource/images/arrow_icon.png')no-repeat center center;background-size: 100% 100%;}
    .gnb .dep_txt{font-size: 1.13vw;}
    .gnb .depth1_text{}
    .gnb .depth2_text{}


    /* privacy */
    #page_menu{display: none;}

}

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

    /*header*/
    #header{position: fixed;top: 0;left: 0; width: 100%;background: transparent; border: none;}
    #header .header_wrap{width: 100%; height: auto;}
    #header .header_wrap .header_bg_w {display: flex;justify-content: space-between;align-items: center;width: 100%;min-width: 100%;height:9.33vw; padding: 0; }
    #header .header_wrap h1 {background: url('../images/logo.png') no-repeat center;width: 20.93vw;height: 4.93vw; background-size: 100% 100%; margin-left: 3.47vw;}
    #header .header_wrap h1 a{display: block;width: 100%;height: 100%;}
    #header .logo {width: 20.93vw;height: 4.93vw;}
    #header .header_wrap .logo img {width: 100%;}
    #header .header_wrap .nav { display:none; width: 100%; height: 9.33vw;}
    #header .header_wrap .lang_menu_box{height: 100%;display: flex;justify-content: center;align-items: center; border: none;}
    #header .header_wrap .lang_menu_box p{width: 4.93vw;height: 4.93vw;}
    #header .header_wrap .lang_menu_box p a{display: block;width: 100%;height: 100%;padding-top: 1.76vw;}
    #header .header_wrap .lang_menu_box .lang_box{width: 9.33vw; height: 100%;}
    #header .header_wrap .lang_menu_box .lang_box .lang_wrap { display: table; width: 100%; height: 100%;}
    #header .header_wrap .lang_menu_box .lang_box .lang_wrap > a.lang{ display: table-cell; vertical-align: middle; width: 100%; font-size: 1.60vw;}
    #header .header_wrap .lang_menu_box .menu_btn{position: relative; display: flex;justify-content: center;align-items: center;width: 9.33vw;height: 9.33vw;background: #426ffe;}
    #header .header_wrap .lang_menu_box .menu_btn a {position: absolute;width: 100%;height: 100%;text-align: center;padding:3.33vw 0;}
    #header .header_wrap .lang_menu_box .menu_btn a .bar{display: block;width: 3.20vw;height: 0.40vw;background: #FFFFFF;margin: 0.53vw auto;}
    #header .header_wrap .lang_menu_box .menu_btn a .bar.bar_1{margin-top: 0;}
    #header .header_wrap .lang_menu_box .menu_btn a .bar.bar_3{margin-bottom: 0;}
  
    /*header.on*/
    #header.on {height:9.33vw; }
    #header.on .header_wrap {position: fixed; width: 100%; height:auto; transition: .5s; z-index: 999;}
    #header.on .header_wrap .header_bg_w { border:none; width: 100%; min-width: 100%; height: 100%; padding: 0;}
    #header.on .header_wrap .header_bg_w .logo {background: url('../images/logo_b.png') no-repeat center; width: 20.93vw; height: 4.93vw; background-size: 100% 100%; }
    #header.on .header_wrap .header_bg_w .nav {display: none;}
    #header.on .header_wrap .lang_menu_box {height: 100%;display: flex;justify-content: center;align-items: center; border: none; }
    #header.on .header_wrap .lang_menu_box .lang_box{width: 9.33vw; height: 100%;}
    #header.on .header_wrap .lang_menu_box .lang_box .lang_wrap { display: table; width: 100%; height: 100%;}
    #header.on .header_wrap .lang_menu_box .lang_box .lang_wrap > a.lang{ display: table-cell; vertical-align: middle; width: 100%; font-size: 1.60vw;}
    #header.on .header_wrap .lang_menu_box .menu_btn {display: flex; width: 9.33vw;height: 9.33vw; z-index: 999; transition: 0s;}
    #header.on .header_wrap .lang_menu_box .menu_btn a .bar {width: 3.20vw;height: 0.40vw;margin: 0.53vw auto;}

    /* menu_btn on */
    #header .header_wrap.on {position: relative; width: 100%; height: 100vh; background: #fff;transition: .5s; z-index: 999; overflow:scroll;}
    #header .header_wrap.on .logo.on {display: none; background: url('../images/logo_b.png') no-repeat center; width: 20.93vw; height: 4.93vw; background-size: 100% 100%; margin: 2.5vw 0 0 3.47vw;}
    #header.on .header_wrap.on .header_bg_w .logo {display: none;}
    #header .header_wrap.on .header_bg_w {display: block; width: 100%; height: 100%; border:none;}
    #header .header_wrap.on .header_bg_w .nav {display: block; width: 100%; height:100%;}
    #header .header_wrap.on .header_bg_w .nav .depth{display: flex; flex-direction: column; width: 100%; height:auto; padding: 8.27vw 0 0 7.60vw;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 {width: auto; height: auto; padding: 0; margin: 0; line-height: 6.11vw;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 a {font-size: 3.89vw;  letter-spacing: -0.05vw; color: #222;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 a:hover{ border-bottom: 0.13vw solid #426ffe;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 a:hover, #header .header_wrap.on .header_bg_w .nav .depth .depth_1 .depth_2.on >li > a:hover  {color:#426ffe; }
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 .depth_2.on {margin:0 0 2.65vw 0; border-bottom: none; line-height: 5.55vw; }
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1:last-child .depth_2.on {margin-bottom: 9.07vw;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 .depth_2.on >li {margin: 0;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 .depth_2.on >li.twl {line-height: 1;padding-top: 1.2vw;}
    #header .header_wrap.on .header_bg_w .nav .depth .depth_1 .depth_2.on >li > a {font-size: 2.78vw; line-height: 5.55vw; border: none; color: #222;}


    /*menu_btn close*/
    #header .header_wrap.on .lang_menu_box {position: fixed; display: flex; top: 0; right: 0; width: 9.33vw;height: 9.33vw; border: none; }
    #header .header_wrap.on .lang_menu_box .lang_box {display: none;}
    #header .header_wrap.on .lang_menu_box .menu_btn.on {display: flex; width: 9.33vw;height: 9.33vw; z-index: 999; transition: 0s;}
    #header .header_wrap.on .lang_menu_box .menu_btn.on a {position: relative; display: block; width: 100%; height: 100%; margin: auto;}
    #header .header_wrap.on .lang_menu_box .menu_btn.on a .bar {position: absolute; top:50%; left: 35.5%; width: 3.20vw;height: 0.40vw; background-color: #222;}
    #header .header_wrap.on .lang_menu_box .menu_btn.on a .bar.bar_1 {top: 50%; transform: rotate(45deg); margin: 0;}
    #header .header_wrap.on .lang_menu_box .menu_btn.on a .bar.bar_3 {top: 50%; transform: rotate(-45deg); margin: 0;}


    /*footer*/
    #footer{width: 100%;height: auto;background: #4690ff;color: #FFFFFF;}
    #footer .footer_wrap{display: flex; flex-direction: column; justify-content: flex-start;align-items: flex-start;width: 100%;max-width: 100%;min-width: 100%;height: 100%;padding: 5.87vw 4.06vw;margin: 0 auto;}
    #footer .logo_box {margin-bottom:3.60vw}
    #footer .logo_box .logo{width: 20.93vw;height: 4.93vw; margin: 0; }
    #footer .info_box .info{}
    #footer .info_box .info.info_1{position: relative; width: 66.67vw;}
    #footer .info_box .info.info_1::after{position: absolute;bottom: 0; display: block;content: '';width: 4.40vw; height: 0.07vw;background: #FFFFFF;}
    #footer .info_box .info.info_1 p{display: inline-block; font-size: 2.22vw; letter-spacing: -0.05vw;font-weight: 600;margin: 0 0.70vw;}
    #footer .info_box .info.info_1 p:first-child{margin-left:0;}
    #footer .info_box .info.info_1 p:nth-child(3){margin-left: 0;}
    #footer .info_box .info.info_1 p:last-child{margin:0;}
    #footer .info_box .info.info_2{padding-top: 4.67vw;}
    #footer .info_box .info.info_2 p {font-size: 2.13vw;}
    #footer .info_box .info.info_2 p:nth-child(1){padding-bottom: 2.00vw;}
    
	#footer .footer_wrap .info_2 .nn{display:block;}
    
	/*gnb*/
    .gnb_box{display: none;}


/* 패밀리 추가 */
	#footer .info_box .info.info_3 .fam select {width:120px; }


}




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

#footer .footer_wrap .info_2 .nn{display:block;}

/* 패밀리 추가 */
	#footer .info_box .info.info_3{border:0px #f50 solid; width:18%; padding-top: 35px; float:right; margin-right:30px;}
	#footer .info_box .info.info_3 .fam{border:0px #f50 solid; margin-left:0px;}
	#footer .info_box .info.info_3 .fam select {border:1px #549aee solid;  width:90px; height:30px; padding:2px 12px; color:#fff; border-radius:3px;background: #2e85ee;}


}