@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700;800;900&display=swap');

.mon {font-family: 'Montserrat', sans-serif;}


/* Button */
.btn_wrap {display:flex; justify-content:center; align-items:center; margin:40px 0; gap:20px;}
.btn_wrap a {border-radius: 40px; display: flex; justify-content: center; align-items: center; padding: 5px 30px 5px 30px; font-size: 20px; font-weight:500; letter-spacing: -1px;}
.btn_wrap a .ic_freepc {background: url("../images/main_new/ic_cta.svg") no-repeat 0 0; width: 34px; height: 34px; display:inline-block;}
.btn_wrap .ic_gift {background: url("../images/main_new/ic_cta.svg") no-repeat -130px 0; width: 34px; height: 34px; display:inline-block;}
.btn_wrap .btn_general {background: #00b3ce; color: #fff; display:flex; align-items:center; padding:7px 34px;}
.btn_wrap .btn_general p {font-weight:400;}
.btn_wrap .btn_general em {text-decoration:none; font-weight:600;}
.btn_wrap .btn_general:hover {background:#00a7c0;}
.btn_wrap .btn_ghost {border:2px solid #00b3ce; box-sizing:border-box; background-color: #fff; color:#00b3ce;}
.btn_wrap .btn_ghost:hover {background:#eaf7f9;}

/* 버튼 css 시작 */
.cta-btn {position:relative; overflow:hidden;}
.cta-btn .cta-btn-content {position:absolute; left:0%; animation:ctaBtnAnimation infinite linear 4s; width:100px;}
.cta-btn .cta-btn-content:nth-child(2) {animation-delay: -1.32s;}
.cta-btn .cta-btn-content:nth-child(3) {animation-delay: -2.64s;}

@keyframes ctaBtnAnimation {
  0% {
    left: 100%;
  }
  100% {
    left: -110%;
  }
}
/* 버튼 css 종료 */

.ls1 {letter-spacing:-1px !important;}
.pb30 {padding-bottom:30px;}
.mb30 {margin-bottom:30px;}



/*
.btn_major_top, .btn_ghost_new, .btn_major_new {display:inline-block; padding:0 32px; box-sizing:border-box; vertical-align:middle; font-weight:500;}
*/
.btn_major,.btn_minor,.btn_general,.btn_ghost,
.btn_ghost_new, .btn_major_new
 {display:inline-block; padding:0 32px; line-height: 60px; border-radius: 8px; cursor: pointer; letter-spacing: -0.5px; box-sizing: border-box; vertical-align: middle; font-size: 18px; font-weight: 500; text-align: center; transition:background 150ms ease-out 0s, border 150ms ease-out 0s, transform 150ms ease-out 0s, -webkit-transform 150ms ease-out 0s;}

.btn_major {background: #008000; color:#fff; border:0;}
.btn_major:hover {background:#008000 }

.btn_major.gr {background-color:linear-gradient(90deg, #25CAD3 0%, #3851E7 100%);}
.btn_major.bl {background-color:#333; border-radius:50px;}
/*.btn_major.gr:hover {background:linear-gradient(167deg, #7cfef9 0%, #59d7d2 13%, #5064f5 77%, #1a213b 100%);}*/
/*.btn_ghost.gr {border: 1px solid; border-image-source: linear-gradient(167deg, #7cfef9 0%, #59d7d2 13%, #5064f5 77%, #1a213b 100%);  border-image-slice:1;}*/
.btn_ghost.gr {border-radius: 8px; border: solid 1px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(90deg, #25CAD3 0%, #3851E7 100%); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset;}
/*.btn_ghost.gr:hover {box-shadow: none; color: white;}*/
.btn_ghost.wt {border-color: #fff; color:#fff;}
.btn_major.wt {background: #fff; color:#3851E7;}
.btn_mini {display: inline-block; margin-left:4px; font-size: 12px; font-weight: 100; background:#3C3E47; padding: 0px 8px; color:#fff; border-radius: 4px; transition:background 150ms ease-out 0s, transform 150ms ease-out 0s, -webkit-transform 150ms ease-out 0s; }
.btn_mini:hover {background: #494B53}
.btn_mini.gr_b {background:#eee; color: #333;} 
.btn_mini.gr_b:hover {background: #ddd}
.btn_txt {display:inline-block; font-size: 18px; color:#333}
.btn_txt_tiny {display:inline-block; font-size: 14px; color:#1FBCC5; text-decoration: underline;}

.btn_major_new {background: #008000; color:#fff;}
.btn_major_new:hover {background:#008000;}
.btn_ghost_new {background: transparent; border:1px solid #008000; color:#333;}
.btn_ghost_new:hover {border-color:#008000;}

a .ic_arrow_link {display: inline-block; width: 18px; height: 11px; background-position:  -100px -104px; margin-left: 5px;transition: all .2s cubic-bezier(0.5,0.8,0.6,0.88);}
a:hover .ic_arrow_link {margin-left:12px;}

.btn_prev,
.btn_next {display: inline-block; width: 30px; height: 30px; background: url(../images/ic_com.svg);transition: all 0.5s;}
.btn_prev {background-position: 0px -193px}
.btn_next {background-position: -100px -193px}
.btn_prev.dk {background-position: -800px -193px}
.btn_next.dk {background-position: -900px -193px}
.btn_prev:hover,
.btn_next:hover {transform:translate3d(0px, -3px, 0px);-webkit-transform:translate3d(0px, -3px, 0px);}
.wrap_bn .btn_prev,
.wrap_bn .btn_next {display: inline-block; width: 32px; height: 32px; background: url(../images/ic_com.png);transition: all 0.5s;}
.wrap_bn .btn_prev {background-position: -800px -100px}
.wrap_bn .btn_next {background-position: -868px -100px}

.wrap_cta {padding: 50px 0 50px}
.wrap_cta .inner_flex {padding: 32px 44px; border-radius: 12px; box-sizing: border-box;}
.wrap_cta .col1 {width: 70%;font-size: 26px; line-height:60px; color: #333;}
.wrap_cta .col1 span {font-weight:600;}
.wrap_cta .col2 {width: 30%; text-align: right}
.wrap_cta a {max-width: 240px}
.wrap_cta .bedge_event {position:relative; top:-4px; right:5px;}
.wrap_cta p {line-height: 130%}
.wrap_cta .tag {margin-top: 12px; font-size: 14px; color: #888}


/* Font style ------------------------------------------------------------------*/
.fs_point {color:#008000;}
.fs_point_b {color:#008000;}
.fs_red6 {color: #fa5252}
.fs_gray8 {color:#888;}
.fs_gr {
  /*background: linear-gradient(125deg, #7cfef9 0%, #59d7d2 16%, #5064f5 69%, #151e42 97%);*/
  background: #7CFEF9;
  background: -webkit-linear-gradient(125deg, #7CFEF9 0%, #59D7D2 16%, #5064F5 69%, #151E42 100%);
  background: -moz-linear-gradient(125deg, #7CFEF9 0%, #59D7D2 16%, #5064F5 69%, #151E42 100%);
  background: linear-gradient(125deg, #7CFEF9 0%, #59D7D2 16%, #5064F5 69%, #151E42 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 700; }
.bold,
strong {font-weight: bold}
.fs_sd_min{text-shadow: 1px 1px 3px #000000;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 /* Enter your style code */
 .fs_gr {color: #333; background: none;}
}

/* Logo style ------------------------------------------------------------------*/
.logo_do {display: inline-block; background: url(../images/logo_do.svg) no-repeat;}
.logo_do.kr_ink {width:160px; height: 35px; background-position: 0 0}
.logo_do.en_ink {width:165px; height: 32px; background-position: 0 -100px;}

/* Icon style ------------------------------------------------------------------*/
.ic_com {background: url(../images/ic_com.svg);}
.ic_com.new {display: block; width:60px; height: 24px; background-position: -200px 0}
.ic_com.new02 {display: inline-block; width: 40px; height: 28px; background-position: 0 -596px}
.ic_com.quotation {display: inline-block; width:67px; height: 67px; background-position: 0 0 }
.ic_com.quotation02 {display: inline-block; width:67px; height: 67px; background-position: -100px 0 }
.ic_com.error {display: block; width:75px; height: 52px; margin: 0 auto; background-position: -400px 0}
.ic_com.check {display: block; width:60px; height: 42px; margin: 0 auto; background-position: -800px 0}
.ic_com.check2 {display: block; width:47px; height: 46px; margin: 0 auto; background-position: -405px -405px;}
.ic_com.close {display: block; width: 32px; height: 32px;  background-position: 0px -298px}
.ic_com.ic_arrow_r {display: inline-block; width: 24px; height: 24px; background-position:-189px -189px; vertical-align: text-bottom; cursor: pointer;}
.ic_com.next01 {display: inline-block; width: 24px; height: 24px; background-position: -676px -100px; vertical-align: text-bottom; }
.ic_com.play {display: block; width:100px; height: 100px; background-color: #1FBCC5; background-position: -121px -373px; border-radius: 50%;}

.ic_menu { width: 40px; height: 40px;}
.ic_menu:after, 
.ic_menu:before,
.ic_menu span:before { position: absolute; left: 7px; z-index: 1; width: 24px; height: 2px; background-color: #333; content: '';}
.ic_menu:before {top: 10px;}
.ic_menu:after {top: 28px;}
.ic_menu span:before {top: 19px;}
.ic_menu span {display: block; overflow: hidden; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.ic_close {width: 44px; height: 44px; background: transparent;}
.ic_close:after,
.ic_close:before {content: ''; position: absolute; top:7px; left: 22px; height: 32px; border-left: 2px solid #333;}
.ic_close:before {transform: rotate(-45deg);}
.ic_close:after { transform: rotate(45deg)}
.ic_down_wt {display: inline-block; width: 20px; height: 16px; background: url(../images/ic_down01_wt.svg) no-repeat center 2px;}

.ic_channel01 {display: block; width:72px; height: 72px; background: url('../images/ic_channel_2.svg') no-repeat;  border-radius:50%;}
.ic_channel01.do {background-color: #00A1B9; background-position: 16px 16px}
.ic_channel01.accounting {background-color: #254FFE; background-position: -80px 13px}
.ic_channel01.management {background-color: #15BF8D; background-position: -188px 16px}
.ic_channel01.works {background: #EDF0F8 url('../images/ic_channel_2.png') no-repeat -284px 16px;}
.ic_channel01.linkplus{background-color: #032F70; background-position: -384px 16px}

.ic_channel02 {display: block; width:44px; height: 44px; background:url('../images/ic_channel_2.svg') no-repeat; }
.ic_channel02.do {background-position: 0 -100px}
.ic_channel02.accounting {background-position: -100px -100px}
.ic_channel02.management {background-position: -200px -100px}
/*.ic_channel02.works {background: url('../images/ic_channel_2.png') no-repeat -300px -100px}*/
.ic_channel02.works {background-position: -300px -100px}
.ic_channel02.linkplus {background-position: -400px -100px}

.ic_quick {display: inline-block; width: 63px; height: 63px; background: url(../images/ic_navi_quick.svg) 0 0 no-repeat;}
.ic_quick.q1 {background-position: 0 0;}
.ic_quick.q2 {background-position: -100px 0px;}
.ic_quick.q3 {background-position: -200px 0px;}
.ic_quick.q4 {background-position: -300px 0px;}

.ic_new {display: inline-block; background-color: #05D1DD; color: #fff; font-size: 12px; padding: 6px 8px 8px; border-radius: 50px; line-height: 1; font-size: 11px}
.ic_gift {display: inline-block; width: 19px; height: 17px; top: -1px; background: url("../images/main_new/ic_cta.svg") no-repeat -75px 0;}

.talkbubble {position: absolute; top: -36px; left: 50%; margin-left:-280px; display: inline-block; width: 84px; height: 84px; padding: 26px 4px 0; font-size: 14px; font-weight: 400; line-height: 1.2; background: #343a40; text-align: center; color: #fff; border-radius: 50%; box-sizing: border-box;}
.talkbubble .desc {font-size: 12px; color: #fff; font-weight: 200;}
/*.talkbubble:before {content: ""; position: absolute; right: 68%; top: 50px; width: 0; height: 0; border-top: 13px solid transparent; border-right: 26px solid  #333; border-bottom: 13px solid transparent; transform: rotate(87deg);}*/

.tag_badge {display: inline-block; padding: 0 8px; height: 18px; line-height: 16px; font-size: 12px; border-radius: 12px; vertical-align: middle;}
.tag_badge.mint{color: #25CAD3; border: 1px solid #25CAD3;}
.tag_badge.red {color: #EB5757; border: 1px solid #EB5757; }
.tag_badge.blue {color: #3851E7; border: 1px solid #3851E7; }
.tag_badge.gr { background:linear-gradient(90deg, #25CAD3 0%, #3851E7 100%); color: #fff}
.tag_badge.blue_f {background: #3851E7; color: #fff;} 


/* style ------------------------------------------------------------------*/
.inner {position: relative; margin:0 auto; max-width: 1200px; }
.inner_flex {display: flex; flex-wrap: wrap; position: relative; margin:0 auto; max-width: 1280px; }
.content {padding-top: 80px;}
.blind {width:0; height:0; left:0; top:0; border: 0 none; font-size:0; line-height:0;}

/* Header(PC) ------------------------------------------------------------------*/
.header {position: fixed; top: 0; left:0; width: 100%; height: 80px; z-index: 100; /*background:rgb(255 255 255 / 80%);*/background:#fff; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border-bottom: 1px solid #eaeaea; box-sizing: border-box;}
.header .gnb_mo {display: none;}
.header .gnb_pc {display: block;}
.header .inner_header {flex-wrap: nowrap;  position: relative;  display: flex;  margin: 0 auto;  padding: 0 0 0 0.2rem;  max-width: 1280px; box-sizing: border-box;
    justify-content: space-between;}
.header .logo,
.header .list_gnb,
.header .list_etc {flex: none}
.header .logo a{display: inline-block; width:150px; height:80px; background: url(../img/logo_moida-full.png) no-repeat center;background-size:100% }
.header .gnb_pc .list_gnb {width: 570px; box-sizing: border-box; white-space: nowrap; padding-left: 50px}
.header .gnb_pc .list_gnb:hover .list_sub {display:block; opacity: 1; transform: translateY(0); margin: 15px 0 0 0}
.header .gnb_pc .list_gnb:hover .list_sub_moida {display:block; opacity: 1; transform: translateY(0); margin: 15px 0 0 0}
.header .gnb_pc .list_gnb:hover:before { opacity: 1; min-height: 210px}

.header .list_gnb > li > a {display: block; *zoom: 1; width: 100%; height: 100%; color:#000; line-height: 77px; text-align: center; color: #333; box-sizing: border-box; font-size: 18px; letter-spacing:-1px; }
.header .list_gnb > li:hover > a{ border-bottom: 4px solid #008000; }
.header .list_gnb > li,
.header .list_gnb > li a span {vertical-align: baseline;}
.header .list_sub li > a {letter-spacing: 0.2px; font-size:15px; color: #333; line-height:30px;}
.header .list_sub_moida li > a {letter-spacing: 0.2px; font-size:15px; color: #333; line-height:30px;}
.header .btn_major,
.header .btn_ghost {min-width: 120px; min-height: 42px; font-size: 15px; line-height: 40px; }
.header .btn_ghost .txt {font-weight: 500}
.header .gnb_pc .list_gnb li:hover > .list_sub {display:block; opacity: 1; transform: translateY(0)}
.header .gnb_pc .list_gnb li:hover > .list_sub_moida {display:block; opacity: 1; transform: translateY(0)}
.header.on .gnb_pc .list_gnb .wrap_gnb_sub {top: 75px}

.gnb_pc .list_sub {text-align: left; letter-spacing: -2px}
.gnb_pc .list_sub li {display: inline-block; vertical-align: top; margin: 0 75px 0 0}
.gnb_pc .list_sub li:last-child {margin-right: 0}
.gnb_pc .list_sub li .tit {font-size: 16px; font-weight: 500; color: #000}
.gnb_pc .list_sub li a {display: inline-block; width: auto; height: auto; text-align: left; font-size: 14px; padding: 0 15px 0 15px; }
.gnb_pc .list_sub li > a:hover {text-decoration: underline; color: #333}

.gnb_pc .list_sub_moida {text-align: left; letter-spacing: -2px}
.gnb_pc .list_sub_moida li {display: inline-block; vertical-align: top; margin: 0 75px 0 0}
.gnb_pc .list_sub_moida li:last-child {margin-right: 0}
.gnb_pc .list_sub_moida li .tit {font-size: 16px; font-weight: 500; color: #000}
.gnb_pc .list_sub_moida li a {display: block; width: auto; height: auto; text-align: left; font-size: 14px; margin:0 0 0 0px; }
.gnb_pc .list_sub_moida li > a:hover {text-decoration: underline; color: #333}


.gnb_pc .ic_new {margin: -2px 0 0 8px; vertical-align: middle}

.list_gnb .wrap_gnb_sub {position: fixed; top:79px; left: 0; z-index: 40; width: 100%; border-top: 1px solid #ebebeb; background: #fff; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);}
.list_gnb .wrap_gnb_sub .gnb_sub {position: relative;  margin: 0 auto; height: 60px; padding-left: 50%;}
.list_gnb .wrap_gnb_sub .gnb_sub .quick_menu {position: absolute; bottom: 24px; left: 0}
.list_gnb .wrap_gnb_sub .list_sub {display: none}
.list_gnb .wrap_gnb_sub .list_sub_moida {display: none}

.gnb_pc .list_gnb > li {display: inline-block; width: calc(100%/5); height: 80px; text-align: center;  font-size: 17px; letter-spacing: 0;} /*margin: 0 -3px;*/
.gnb_pc .list_gnb li .wrap_gnb_sub {display: none; height: 60px}
.gnb_pc .list_gnb li:hover > .wrap_gnb_sub,
.gnb_pc .list_etc li:hover > .gnb_sub {display: block}
.gnb_pc .quick_menu a {font-size: 13px }

.quick_menu a {display: inline-block; background: #fff; border-radius: 8px; padding: 8px 16px; margin: 0 10px 0 0; color: #000; font-weight: normal; border: 1px solid #ddd; transition: all .2s; }
.quick_menu a:hover {color: #000; border-color: #333;}
.banner_s {display: block; width: 300px; height: 200px; border-radius: 16px;}
.gnb_sub .banner_s {display: block; position: absolute; top: 0px; right: 0}
.gnb_sub .banner_s img {display: block; width: 320px; height: 200px}

.gnb_pc .list_etc {position: absolute; top: 0; right: 0; }
.gnb_pc .list_etc > li {position: relative; display: inline-block; line-height: 77px;}
.gnb_pc .list_etc .btn_major {border-radius: 50px; }
.gnb_pc .list_etc .btn_major.free {background: #00b3ce;}
.gnb_pc .list_etc .btn_ghost {padding: 0 24px; border: 1px solid #333}
.gnb_pc .list_etc .btn_ghost .txt {color: #333; font-weight: 400; background-image: none}
.gnb_pc .list_etc .btn_ghost.gray {padding: 0 24px; border: 1px solid #ddd; border-radius:50px; background:rgb(255 255 255 / 60%);}
.gnb_pc .list_etc .wrap_gnb_sub {display: none; position: absolute; top: 72px; right: -135px; min-width: 380px; background: #FFFFFF; box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.1); border-radius: 16px; padding: 50px 40px; box-sizing:border-box; z-index: 40;}
.gnb_pc .list_etc .list_sub,
.gnb_pc .list_etc .list_sub li > a {line-height: 30px}
/*.gnb_pc .list_etc > li:hover .btn_ghost {border-color: #333}*/
.gnb_pc .list_etc > li:hover .wrap_gnb_sub {display: block} 
.gnb_pc .list_etc > li:first-child {margin-right: 10px;}

.gnb_pc .list_etc .wrap_gnb_sub.build {background: #1C212B;}
.gnb_pc .list_etc .build li .tit{color: #fff}
.gnb_pc .list_etc .build li a,
.gnb_pc .list_etc .build li > a:hover {color: #eee; font-weight: 300;}

.gnb_pc .list_etc .ic_com.ic_arrow_r {width: 16px; height: 16px; background-size: 750px; background-position: -359px -146px; margin-left: 4px;}
.gnb_pc .list_etc .banner {margin-top: 60px}
.gnb_pc .list_etc .banner img {display: block;}

.gnb_pc .list_etc .btn_major .ic_arrow_bt {display: inline-block; position: relative; width: 16px; height: 16px}
.gnb_pc .list_etc .btn_major .ic_arrow_bt:after {content: ''; position: absolute; right: 0; top: 3px; width: 8px; height: 8px; border-top: 1px solid #ddd; border-right: 1px solid #ddd; transform: rotate(135deg);}

.ic_nav_quick {display: block; background: url(../images/ic_navi_quick.svg) no-repeat center;}
.sidenav_v2 .ic_nav_quick.q3 {margin: 0 auto; width: 34px; height: 34px; background-position: -200px -100px;}

.ic_dot_point {display: inline-block; width: 6px; height: 6px; background: #008000; border-radius: 50%; margin:0 0 7px 7px;}

/* Header(v2) ------------------------------------------------------------------*/
.header.v2 {}
.header.v2 .logo a{display: inline-block; width:170px; height:80px; background: url(../images/logo_daouffice_kr_dg.png) no-repeat center; }

/* 퀵메뉴 */
.btn_scroll_top {cursor:pointer; position:fixed; width:65px; height:65px; bottom:42px; right:48px; transition:all .3s; z-index:50; background-color:#fff; border-radius:50%; box-shadow: 0px 4px 10px rgba(0, 0, 0, 20%);}
.btn_scroll_top .top_arrow {display:inline-block; width:21px; height:24px; background:url(../images/main_new/btn_top_arrow.svg) no-repeat 2px 0; position:relative; top:19px; left:21px;}
.quick_support {position:fixed; bottom:50%; margin-bottom: -140px; right:45px; transition:all .3s; z-index:100; width:92px; height:364px; background-color:#fff;  border-radius:14px; box-shadow: 0px 4px 25px rgba(0, 0, 0, 7%); box-sizing: border-box;}
.quick_support ul {margin:0 0 0 2px;}
.quick_support li {margin-top: 23px;}
.quick_support a {display:block; text-align:center;}
.quick_support .ic_support {margin:0 auto 7px; display:block; width:40px; height: 40px; background: url(../images/main_new/ic_quick.svg) no-repeat;}
.quick_support .ic_support.demo { background-position: 0px 0px;}
.quick_support .ic_support.download { background-position: -42px 0px;}
.quick_support .ic_support.apply { background-position: -84px 0px;}
.quick_support .wrap_txt {font-size:14px; font-weight:500; text-align:center; color:#666;}
.quick_support li .btn_ad {width:72px; height:72px; background-color:#474A82; border-radius:9px; margin-left:7px;}
.quick_support li .btn_ad .txt {display:inline-block; margin:18px auto; text-align:center; line-height: 15px;}
.quick_support li .btn_ad .white {font-size:14px; margin-bottom:4px; color:#fff; display:block;}
.quick_support li .btn_ad .mint {font-size:14px; font-weight:600; color:#6DF7FF;}


/* FOOTER */
.footer_question {background:#fff; padding:140px 0 150px;}
.footer_question h2 {font-size:36px; text-align:center;}
.footer_question .inner ul {display:grid; grid-template-columns:repeat(4, 1fr); margin-top:90px; gap:2vw;}
.footer_question .inner li {background:#F8F8F8; border-radius:20px; flex:0 0 auto; padding:46px 0 46px 50px; cursor:pointer;}
.footer_question .inner li:hover {background-color:#EFF6F9;}
.footer_question .inner li div {line-height:170%;}
.footer_question .inner li a {display:block; height:100%;}
.footer_question .inner li span {background:url(../images/main_new/ic_question.svg); width:56px; height:56px; display:inline-block; margin-bottom:16px;}
.footer_question .inner li .sub {font-size:clamp(15px, 1.3vw, 16px); color:#888;}
.footer_question .inner li .txt {font-size:clamp(16px, 1.8vw, 20px); color:#333; font-weight:600;}
.footer_question .inner li:nth-child(1) span {background-position:-18px -26px; width:50px;}
.footer_question .inner li:nth-child(2) span {background-position:-68px -26px;}
.footer_question .inner li:nth-child(3) span {background-position:-127px -26px;}
.footer_question .inner li:nth-child(4) span {background-position:-181px -26px;}
.footer_question.mint {background:#fff;}
.footer_question.mint .inner li:hover {box-shadow: 0 10px 30px #eee; border: 1px solid #008000;}
.footer_question.mint .inner ul {display:grid; grid-template-columns:repeat(4, 1fr); margin-top:90px; gap:2vw;}
.footer_question.mint .inner li {background:#fff; cursor:pointer; border: 1px solid #eaeaea; box-shadow:0 10px 30px #eee;}
.footer_question.mint .inner li:hover {box-shadow:0 10px 30px #e1e1e1;}

.footer_new {background: #0f2202; display: flex; justify-content: center; align-items: center; padding: 80px 0 70px;}
.footer_new .inner {display: flex;width: 100%;max-width: 1400px;flex-direction: column;}
.footer_new .inner .top {display: flex; justify-content: space-between; align-items: start; flex-wrap: wrap; margin-bottom: 60px;}
.footer_new .inner .top .left {display: flex; gap: min(5vw, 90px);}
.footer_new .inner .top .left .list {display:flex; flex-direction:column; align-items:start; gap:20px; font-size:15px;}
.footer_new .inner .top .left .list .t {font-weight:500; color:#E1E4EF; margin-bottom:5px;}
.footer_new .inner .top .left .list ul {font-weight:400; color:#C2C7D8; display:flex; flex-direction:column; gap: 22px;}
.footer_new .inner .top .left .list ul li a {font-weight:400; color:#C2C7D8; }
.footer_new .inner .top .left .list:nth-child(2) ul li:nth-child(2) a {white-space: nowrap;}
.footer_new .inner .top .right {display:inline-block;}
.footer_new .inner .top .right .btn_sns a {width:36px;height:36px;background:url(../images/main_new/ic_sns.svg) no-repeat;margin-right: 12px;display:inline-block;}
.footer_new .inner .top .right .btn_sns .link_fb {background-position:0 0;}
.footer_new .inner .top .right .btn_sns .link_bl {background-position:-46px 0;}
.footer_new .inner .top .right .btn_sns .link_ig {background-position:-94px 0;}
.footer_new .inner .top .right .btn_sns .link_yt {background-position:-142px 0;}
.footer_new .inner .top .right .btn_sns .link_kt {background-position:-190px 0;}
.footer_new .inner .top .right .banner  {display:inline-block;}
.footer_new .inner .top .right .banner .bn_instagram {width:330px; height:100px; display:inline-block; background:url("../images/banner/bn_instagram2.png"); position:absolute; top:66px; right:14px;}
.footer_new .inner .mid {display: flex;justify-content: center; text-align:center;padding-bottom: 50px;border-bottom: 1px solid #8888883d; margin-bottom: 25px;}
.footer_new .inner .mid .left {display: flex;flex-direction: column;gap: 10px;align-items:center}
.footer_new .inner .mid .left > img {width: 100%;max-width: 180px;}
.footer_new .inner .mid .left .sub {color: #9ea3b7;font-size: 14px;font-weight: 400;line-height: 180%;letter-spacing:-0.7px !important; margin-top:10px;}
.footer_new .inner .mid .left .sub .bar {width:2px; height:10px; background-color:#ffffff47; display:inline-block; margin: 0 10px;}
.footer_new .inner .mid .left .sub strong {font-weight: 500;color: #c6cce2;}
.footer_new .inner .mid .left .sub span:not(.none) {color: #c6cce2;}
.footer_new .inner .mid .left .sub em {color: #c6cce2; letter-spacing:0px;}
.footer_new .inner .mid .left .sub *:where(span, a).badge {color: #b5bcd4; background: #545e7e;padding:3px 9px 5px 8px; border-radius:4px; font-size:11px; margin-left:8px; line-height:150%;}
.footer_new .inner .mid .left .notice {display: flex; flex-direction: column; gap:4px; font-size: 14px; font-weight: 400; margin-top: 10px;}
.footer_new .inner .mid .left .notice li {line-height:160%;}
.footer_new .inner .mid .left .notice li a {color:#c6cce2;}
.footer_new .inner .mid .left .notice li a:hover {text-decoration: underline;}
.footer_new .inner .mid .right .footer_groupSelc {display:block;}
.footer_new .inner .mid .right .inner .selGroup {display:flex; justify-content:center; align-items:center; gap: 5px; background-color:#333333; border:none; outline:none; cursor:pointer; font-size: 15px; color: #dddddd; font-weight: 500;}
.footer_new .inner .bot {display: flex;justify-content: center; align-items: start;}
.footer_new .inner .bot .left {display: flex; flex-direction: column;gap: 10px;}
.footer_new .inner .bot .left .copy {color: #9ea3b7; font-size: 14px;font-weight: 400; letter-spacing:0;}
.footer_new .inner .bot .left .wrap {display: flex; justify-content: center;align-items: center;gap: 10px;}
.footer_new .inner .bot .left .wrap .txt {color: #72788d;font-size: 12px;line-height: 160%;}
.footer_new .inner .bot .right {display:flex; color: #c9c9c9; font-weight:400; gap:2px; font-size:15px; align-items: center;}
.footer_new .inner .bot .right a:nth-child(5) {font-weight: 600;}
.footer_new .inner .bot .right .bar {width:2px; height:14px; background-color:#ffffff47; display:inline-block; margin: 0 4px; position:relative; top:1px;}
.footer_new .inner .bot .right a {padding: 0 5px; color:#c9c9c9;}

.bg_blue {background: #3851E7;}
.bg_gr {background:linear-gradient(90deg, #25CAD3 0%, #3851E7 100%);}
/*.bg_gray_br {background: #F7F7F7}*/
.bg_moida_bg {background: #0080001c}
.bg_gray_br {background: #F5F7F9}
.bg_gray_dk {background: #2A2B32}
.bg_gray_dk .item_cont h3{color:#fff; text-align: left }
.bg_gray_dk .item_cont .desc {color:#fff; font-size: 18px; opacity: 0.8}
.bg_gray_dk .item_cont .btn_txt {color:#25CAD3;}
.bg_gray_dk .item_cont .btn_txt .ic_arrow_link {background-position:  0 -103px;}
/*
.highlighter{position: relative; z-index: 0;}
.highlighter:after {content: ''; position: absolute; left: 1px; bottom: 7px; z-index: -1; width: 102%; height: 6px; background: #60f7ff; border-radius: 3px;}
*/

.view_mo {display: none;}
.view_pc {display: block;}


.bn_pop_meta {position:fixed; right: 20px; top: 180px ; z-index: 50;}
.bn_pop_meta img {display: block}
.bn_pop_meta .btn_close_today {position: absolute; top: 0; right: 12px; width: 16px; height: 16px; z-index: 51}
.bn_pop_meta .btn_close_today.ic_close:after, 
.bn_pop_meta .btn_close_today.ic_close:before {top: 1px; left: 8px; height: 14px; border-left: 1.5px solid #000;}


@keyframes animateBg {
  from {
    -ms-transform: scale(1.04, 1.04);
    transform: scale(1.04, 1.04);
    visibility: visible;
  }

  to {
    -ms-transform: scale(1,1);
    transform: scale(1,1);
  }
}

/* 타이틀 효과 */
@keyframes up { 100% { transform: translateY(0); } }

@media only screen and (max-width: 1500px) {
.sidenav {top:100px; right: 10px}
.sidenav.s2 {top:205px; right: 10px}
}


/* Responsive layout*/
@media only screen and (max-width: 959px) {  
  .view_mo {display: block;}
  .view_pc {display: none;}

  .btn_wrap {margin-bottom:60px; gap:15px; flex-direction:column; justify-content:center;}
  .btn_wrap a {font-size:18px; border-radius:50px; width:100%;}
  .btn_wrap a .ic_freepc,
  .btn_wrap .ic_gift {display:none;}
  .smb .btn_wrap.hide {display:none;}

  h2 {font-size: 23px;} 
  h3 {font-size: 23px;} 
  .header {height: 64px; background:#fff; backdrop-filter:none; -webkit-backdrop-filter:none;}
  .header .gnb_pc {display: none;}
  .header .gnb_mo {display: block;}
  .header .logo {top: 9px;}
  .header .logo a,
  .header.v2 .logo a {display: inline-block; width:170px; height: 64px; background-size: 137px;}
  .header .btn_open_nav {display:block; position: absolute; top: 12px; right: 10px; }
  .header .navi_all {display: none; position: fixed; top: 0; right: 0; left:0; height: 100%; background: #fff; z-index: 1000; box-sizing: border-box; overflow-x: hidden; overflow-y: auto;}
  .header .navi_all .logo {border-bottom: 1px solid #f1f1f1}
  .header .btn_close_nav {position: absolute; top: 8px; right: 8px;}
  .header .gnb_mo .wrap_navi { display: block; height: 100%; margin:0 auto; }
  .header .gnb_mo .list_gnb {width: 100%; padding: 16px; box-sizing: border-box;}
  .header .gnb_mo .list_gnb > li  {display: block; height: auto; text-align: left;}
  .header .gnb_mo .list_gnb > li:last-child {padding-bottom: 30px}
  .header .gnb_mo .list_gnb > li .gnb_txt {padding: 12px 16px; font-size: 21px; font-weight: 500; color: #333; box-sizing: border-box;}
  .header .gnb_mo .list_gnb > li .gnb_txt.on {color:#008000;}
  .header .gnb_mo .list_sub {display: none; position: relative; width: 100%; overflow: hidden; transition: max-height 0.3s linear 0s; padding: 0 16px 32px; z-index: 1; opacity: 1; box-sizing:border-box;}
  .header .gnb_mo .list_sub > li {position: relative;}
  .header .gnb_mo .list_sub > li + li {margin-top: 24px}
  .header .gnb_mo .list_sub > li .tit {font-size: 12px; font-weight: bold; color: #bebebe}
  .header .gnb_mo .list_sub > li > a { width: 100%; display: block; text-align: left; padding: 4px 0 0; box-sizing: border-box; font-size: 16px; letter-spacing: -1px;}
  .header .gnb_mo .list_sub a + a {padding-top: 4px}
  .sidenav,
  .sidenav_v1{display: none;}
  .content {padding-top: 64px;}
  .inner_flex {padding:0 6%;}
  .footer {padding-bottom: 75px;}
  .footer .sitemap,
  .footer .awords,
  .footer_groupSelc {display: none;}
  .footer .wrap_quick {padding: 80px 0}
  .footer .list_lead {width: 100%; margin-top: 28px;}
  .footer .list_lead li {flex: 100%; margin: 20px 0 0;}
  .footer .list_lead a {padding: 90px 30px 30px;}
  .footer .list_lead li .wrap_cont {position: absolute; top:25%; left:120px;}
  .footer .wrap_start .wrap_btn a {width: 90%}
  .footer .wrap_start .wrap_btn a + a {margin:8px 0 0;} 
  .footer .wrap_siteinfo .contactus {margin-top: 20px}
  .footer .info {padding: 70px 0 20px; border-top: none}
  .footer .info .inner {flex-direction: column-reverse;}
  .footer .info .list_link {display: flex; flex-direction: row; flex-wrap: wrap; }
  .footer .info .link li:after {opacity: 0.2}
  .footer .info .copyright {padding: 20px 0 0; opacity: 0.5; font-weight: 300; font-size: 12px; letter-spacing: 0}
  .footer .notices {display: none}

  .mfloating.wrap_btn {position: fixed; left: 0; bottom: -75px; width: 100%; padding: 12px; box-sizing: border-box; text-align: center; background: #fff; border-top: 1px solid #eee; z-index: 20; transition:all .3s;}
  .mfloating.wrap_btn a {width: calc(50% - 10px); min-width: inherit; padding: 0; font-size: 16px; line-height: 48px; }
  .mfloating.wrap_btn a+a {margin: 0 0 0 4px;}
  .mfloating.on {bottom: 0}
  
  .wrap_cta {padding: 50px 16px}
  .wrap_cta .inner_flex {padding: 40px 16px; flex-direction: column; flex-wrap: nowrap}
  .wrap_cta .col1 {width: 100%; line-height: 1.4; text-align: center}
  .wrap_cta .col2 {width: 100%; text-align: center}
  .wrap_cta a {margin-top: 20px; max-width: inherit; width: 100%;}

  .quick_support {display: none}
  #bn_pop_meta {display: none!important}


}

/* Responsive layout*/
@media only screen and (max-width: 390px) {  
  
}

@media screen and (max-width: 768px) {
  .footer_new em:not(.n) {display:block;}
  .btn_scroll_top { width:50px; height:50px; bottom:95px; right:25px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 15%);}
  .btn_scroll_top .top_arrow {top:15px; left:14px; background:url(../images/main_new/btn_top_arrow.svg) no-repeat -22px 0;}

  /*  FOOTER  */
  .none {display:none;}
  .footer_question {padding:80px 0 100px;}
  .footer_question h2 {font-size:24px;}
  .footer_question .inner {padding:0 30px;}
  .footer_question .inner ul {display:flex; flex-direction:column; margin-top:40px; gap:3vw;}
  .footer_question .inner li {padding:30px 0 30px 30px; border-radius:12px;}
  .footer_question .inner li a {display:inline-block;}
  .footer_question .inner li span {width:40px; height:40px; display:inline-block; margin:0; position:relative; top:3px;}
  .footer_question .inner li div {display:inline-block; margin-left:26px;}
  .footer_question .inner li .txt {font-size:18px;}
  .footer_question .inner li div {line-height:160%;}
  .footer_question .inner li:nth-child(1) span {background-position:-14px -98px; height:48px;}
  .footer_question .inner li:nth-child(2) span {background-position:-13px -153px;}
  .footer_question .inner li:nth-child(3) span {background-position:-14px -203px;}
  .footer_question .inner li:nth-child(4) span {background-position:-13px -248px;}

  .footer_question.mint .inner ul {display:flex; margin-top:40px; gap:3vw;}
  .footer_question.mint .inner li {background:#fff; cursor:pointer;}
  .footer_question.mint .inner li:hover {box-shadow:0 10px 30px #e4edf0;}

  .footer_new .inner .top .left,
  .footer_new .inner .mid .left .notice,
  .footer_new .inner .mid .right,
  .footer_new .inner .bot .left .wrap {display: none;}
  .footer_new {padding: 60px 0 110px;}
  .footer_new .inner {width: 80%;}
  .footer_new .inner .top {order: 2; padding-bottom: 30px; border-bottom: 1px solid #6d738a; margin-bottom: 16px;}
  .footer_new .inner .top .right .banner  {display:none;}
  .footer_new .inner .mid {border:none; order:1; padding-bottom: 0; margin-bottom: 45px;}
  .footer_new .inner .mid .left .sub {font-size: 13px; line-height:200%;}
  .footer_new .inner .mid .left .sub *:where(span, a).badge {margin-left:0; position:relative; top:8px;}
  .footer_new .inner .bot {order: 3; flex-direction: column-reverse; font-size: 12px;}
  .footer_new .inner .bot .left .copy {font-size: 12px; font-weight: 500;}
  .footer_new .inner .bot .right {background: none; flex-wrap: wrap; gap: 5px; margin-bottom: 20px; line-height: 150%;}

}