@charset "utf-8";

/* CSS Document */ 
/* ==================================================
	웹 폰트
================================================== */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
.ft_pins {font-family: 'Poppins', 'Noto Sans KR', sans-serif;}

/* ==================================================
	공통레이아웃
================================================== */
#header, #footer {width:100%;}
.size {position: relative; width:100%; max-width:1200px; height:auto; margin:0 auto;}
.inner  {width:100%; box-sizing:border-box; }
.main_wrapper {position:relative; overflow:hidden;}
.wrapper {width:100%; position:relative; overflow:hidden; margin:0 auto; min-height:600px; }

/* body */
/* 24.03.28 추가 */
body{overflow-y: scroll;}
/* ==================================================
	header
================================================== */
.header {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; border-bottom:1px solid transparent; box-sizing:border-box; transition:all 0.4s ease;}
.main_wrapper .header {position: fixed; padding: 0 30px; box-sizing: border-box;}
.header .logo {position: absolute; top: 50%; left: 30px; margin-top: -15px;}
.header .logo a {display: block; width: 100px; height: 30px; background-image: url('/resource/home/img/logo.svg');}
.header .logo a span {font-size: 0; color: transparent;}
.header .gnb {width: 100%; max-width: 1200px; margin: 0 auto;}
.header .gnb a {display: block;}
.header .gnb > ul > li {float: left; width: calc(100% / 10); position:relative; font-size:15px; height: 100px;}
.header .gnb > ul > li > a {font-weight: 500; color: #fff; text-align: center; box-sizing: border-box; position: absolute; width: 100%; top: 38px;}
.header .util {position: absolute; top: 50%; right: 30px; margin-top: -22.5px;}
.header .util > div {float: left; margin-left: 10px; border-radius: 10px; box-sizing: border-box; overflow: hidden; box-shadow: 0px 2px 8.83px 1.17px rgba(0, 0, 0, 0.3);}
.header .util > div:first-child {margin-left: 0;}
/*.header .util .login {width: 140px; font-size: 0; border: 1px solid #e7e7e8;}
.header .util .login a {position: relative; display: inline-block; width: 50%; height: 43px; line-height: 43px; font-size: 1.4rem; font-weight: 500; color: #fff; text-align: center;}
.header .util .login a:before {content: ''; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 10px; margin-top: -5px; background-color: rgba(255,255,255,.5);}
.header .util .login a:first-child:before {display: none;} 
.header .util .leng {width: 110px;}
.header .util .leng > a {position: relative; display: block; padding: 0 15px; height: 45px; line-height: 45px; font-size: 1.4rem; font-weight: 800; color: #181a29; background-color: #d7d7d8; box-sizing: border-box; letter-spacing: -.05rem;}
.header .util .leng > a:before {content: ''; position: absolute; top: 50%; right: 15px; display: block; margin-top: -3px; width: 9px; height: 6px; background-image: url('/resource/home/img/select_ico.svg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
.header .util .leng > a.on:before {transform: rotate(180deg);}
.header .util .leng > ul {display: none;}
.header .util .leng > ul > li > a {display: block; height: 45px; padding: 0 15px; line-height: 45px; font-size: 1.4rem; font-weight: 700;  background-color: #d7d7d8; box-sizing: border-box;}
.header .util .button {font-size: 0;}
.header .util .button > a {position: relative; display: block; width: 45px; height: 45px; line-height: 45px; font-size: 0; text-align: center;}
.header .util .button > a img {display: inline-block; filter: drop-shadow(-0.5px 1px 1px rgba(0,0,0, .3)); -ms-filter: drop-shadow(-0.5px 1px 1px rgba(0,0,0, .3));}
.header .util .button > a span {font-size: 0; color: transparent;}
.header .util .button.solution > a {background-color: #00e08d;}
.header .util .button.solution > a img {width: 22px; height: 19px;}*/
.header .util .button.menu{box-shadow:none; border-radius:0;}
.header .util .button.menu > a {background-image: url('/resource/home/img/menu_ico_w2.svg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px 18px;}
.header .util .button.menu > a img {width: 16px;}
.header .util .mo {display: none;}

.util .login {width: 140px; font-size: 0; border: 1px solid #e7e7e8;}
.util .login a {position: relative; display: inline-block; width: 50%; height: 43px; line-height: 43px; font-size: 1.4rem; font-weight: 500; color: #fff; text-align: center;}
.util .login a:before {content: ''; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 10px; margin-top: -5px; background-color: rgba(255,255,255,.5);}
.util .login a:first-child:before {display: none;} 

.util .Foreign {width: 100px; font-size: 0; border: 1px solid #e7e7e8;}
.util .Foreign a {position: relative; display: inline-block; width: 100%; height: 43px; line-height: 43px; font-size: 1.4rem; font-weight: 500; color: #fff; text-align: center;}
.util .Foreign a:before {content: ''; position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 10px; margin-top: -5px; background-color: rgba(255,255,255,.5);}
.util .Foreign a:first-child:before {display: none;} 

.util .leng {width: 110px;}
.util .leng > a {position: relative; display: block; padding: 0 15px; height: 45px; line-height: 45px; font-size: 1.4rem; font-weight: 800; color: #181a29; background-color: #d7d7d8; box-sizing: border-box; letter-spacing: -.05rem;}
.util .leng > a:before {content: ''; position: absolute; top: 50%; right: 15px; display: block; margin-top: -3px; width: 9px; height: 6px; background-image: url('/resource/home/img/select_ico.svg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%;}
.util .leng > a.on:before {transform: rotate(180deg);}
.util .leng > ul {display: none;}
.util .leng > ul > li > a {display: block; height: 45px; padding: 0 15px; line-height: 45px; font-size: 1.4rem; font-weight: 700;  background-color: #d7d7d8; box-sizing: border-box;}
.util .button {font-size: 0;}
.util .button > a {position: relative; display: block; width: 45px; height: 45px; line-height: 45px; font-size: 0; text-align: center;}
.util .button > a img {display: inline-block; filter: drop-shadow(-0.5px 1px 1px rgba(0,0,0, .3)); -ms-filter: drop-shadow(-0.5px 1px 1px rgba(0,0,0, .3));}
.util .button > a span {font-size: 0; color: transparent;}
.util .button.solution > a {background-color: #00e08d;}
.util .button.solution > a img {width: 22px; height: 19px;}
.util .button.mo_close > a{background-color:#10111b; background-image:url('/resource/home/img/mo_close.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:14px 14px;}

.header.black .logo a {background-image: url('/resource/home/img/logo_c.svg');}
.header.black .gnb > ul > li > a {color: #111;}
.header.black .util .Foreign {background-color: #fff;}
.header.black .util .Foreign a {color: #77797a;}
.header.black .util .Foreign a:before {background-color: #c9c9c9;}
.header.black .util .login {background-color: #fff;}
.header.black .util .login a {color: #77797a;}
.header.black .util .login a:before {background-color: #c9c9c9;}
.header.black .util .leng > a {background-color: #fff;}
.header.black .util .button.menu > a {background-image: url('/resource/home/img/menu_ico2.svg');}
.header.black .util .leng > ul > li > a {background-color: #fff;}

.header.black2{background-color:#fff;}
.header.black2 .logo a {background-image: url('/resource/home/img/logo_c.svg');}
.header.black2 .gnb > ul > li > a {color: #111;}
.header.black2 .util .Foreign {background-color: #fff; border-color:#1761fe; box-shadow:0 0 10px 0 rgba(22, 97, 253, 0.22);}
.header.black2 .util .Foreign a {color: #1761fe;}
.header.black2 .util .Foreign a:before {background-color: #1761fe; opacity:0.5;}
.header.black2 .util .login {background-color: #fff; border-color:#1761fe; box-shadow:0 0 10px 0 rgba(22, 97, 253, 0.22);}
.header.black2 .util .login a {color: #1761fe;}
.header.black2 .util .login a:before {background-color: #1761fe; opacity:0.5;}
.header.black2 .util .leng {box-shadow:2px 2px 13px 2px rgba(121, 150, 183, 0.11); border:1px solid #e2e7ea;}
.header.black2 .util .leng > a {background-color: #fff;}
.header.black2 .util .button {box-shadow:2px 2px 13px 2px rgba(121, 150, 183, 0.11);}
.header.black2 .util .button.menu{box-shadow:none;}
.header.black2 .util .button.menu > a {background-image: url('/resource/home/img/menu_ico2.svg');}
.header.black2 .util .leng > ul > li > a {background-color: #fff;}

.header.hover{background-color:#fff; border-color:#f0f0f0; box-shadow:2px 2px 13px 2px rgba(121, 150, 183, 0.11);}
.header.white{background-color:#fff; border-color:#f0f0f0; box-shadow:2px 2px 13px 2px rgba(121, 150, 183, 0.11);}
.header.hover .logo a {background-image: url('/resource/home/img/logo_c.svg');}
.header.hover .gnb > ul > li > a{color:#111;}
.header.hover .gnb > ul > li > a:hover{font-weight:600; color:#0060ff;}
.header.hover .util .Foreign{box-shadow: 0px 2px 8.83px 1.17px rgba(0, 0, 0, 0.1);}
.header.hover .util .Foreign a{color:#77797a;}
.header.hover .util .Foreign a:before{background-color:rgba(148, 148, 148, 0.5);}
.header.hover .util .login{box-shadow: 0px 2px 8.83px 1.17px rgba(0, 0, 0, 0.1);}
.header.hover .util .login a{color:#77797a;}
.header.hover .util .login a:before{background-color:rgba(148, 148, 148, 0.5);}
.header.hover .util .leng{box-shadow: 0px 2px 8.83px 1.17px rgba(0, 0, 0, 0.1);}
.header.hover .util .leng > a{background-color:#fff;}
.header .gnb > ul > li > ul{display:none; width:180px; padding:18px 0; box-sizing:border-box; position:absolute; left:50%; top:100px; margin-left:-90px; text-align:center; background-color:#fff; border:1px solid #f0f0f0; border-radius:0 0 10px 10px; box-shadow:0 10px 13px 2px rgba(121, 150, 183, 0.11);}
.header .gnb > ul > li > ul::before{}
.header .gnb > ul > li.spt_li > ul{width:265px; margin-left:-132.5px;}
.header .gnb > ul > li > ul > li > a{display:block; height:53px; line-height:53px; font-size:1.6rem; font-weight:400; letter-spacing:-0.5px; transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}
.header .gnb > ul > li > ul > li > a:hover{font-weight:600; color:#0060ff;}

.mo_menu_w{position:fixed; left:-200%; top:0; width:100%; height:100%; z-index:150;}
.mo_menu_w .scroll{height:auto;}
.mo_menu_w .inner{float:left; width:66.667%; height:100vh; background-color:#fff;}
.mo_menu_w .util{padding:15px 20px 40px; box-sizing:border-box;}
.mo_menu_w .util .br{border-radius:10px; box-sizing:border-box; overflow:hidden; box-shadow: 0px 2px 11.83px 1.17px rgba(0, 0, 0, 0.3);}
.mo_menu_w .util .u_top{position:relative; /*padding-left:108px;*/}
.mo_menu_w .util .u_top > div{float:left; margin-left:10px;}
.mo_menu_w .util .u_top > div:first-child{margin-left:0;}
.mo_menu_w .util .u_top .mo_close{float:none; position:absolute; right:0; top:0; margin-left:0;}
.mo_menu_w .util .u_top .leng, .mo_menu_w .util .u_top .button.solution, .mo_menu_w .util .u_btm .login{box-shadow: 0px 2px 8.83px 1.17px rgba(0, 0, 0, 0.1);}
.mo_menu_w .util .u_top .leng{position: absolute; width:108px; left:0; top:0; z-index:10;}
.mo_menu_w .util .u_top .leng > a{height:44px; line-height:44px; font-size:14px; background-color:#fff;}
.mo_menu_w .util .u_top .leng > ul > li > a {background-color: #fff;}
/*.mo_menu_w .util .u_top .leng > ul {position: absolute; top: 44px; left: 0; width: 100%; z-index: 1;}*/
.mo_menu_w .util .u_top .button > a{width:44px; height:44px; line-height:44px;}
.mo_menu_w .util .u_btm{margin-top:37px;}
.mo_menu_w .util .u_btm > p{padding-left:20px; box-sizing:border-box; font-size:14px; font-weight:400; color:#000; letter-spacing:-0.5px; line-height:1; position:relative;}
.mo_menu_w .util .u_btm > p::before{content:''; display:block; clear:both; width:13px; height:13px; position:absolute; left:0; top:0; border-radius:50%; background-image:url('/resource/home/img/ico_mo_chk.svg'); background-repeat:no-repeat; background-position:50% 50%; background-size:12px 12px;}
.mo_menu_w .util .u_btm .login{margin-top:10px; width:100%; border:0;}
.mo_menu_w .util .u_btm .login > a{font-size:14px; color:#77797a;}
.mo_menu_w .util .u_btm .login > a::before{background-color:rgba(119, 121, 122, 0.5);}
.mo_menu_w .mo_gnb{height:calc(100dvh - 203px); overflow:auto;}
.mo_menu_w .mo_gnb.on{padding-bottom:200px; box-sizing:border-box;}
.mo_menu_w .mo_gnb > ul{border-bottom:1px solid #f0f0f0;}
.mo_menu_w .mo_gnb > ul > li > a{display:block; height:65px; line-height:65px; padding:0 20px; box-sizing:border-box; font-size:18px; font-weight:700; color:#222; letter-spacing:-0.5px; border-top:1px solid #f0f0f0; background-image:url('/resource/home/img/mo_arr_down.svg'); background-repeat:no-repeat; background-position:right 20px top 52%; background-size:11px 7px;}
.mo_menu_w .mo_gnb > ul > li.no_depth2 > a{background-image:none;}
.mo_menu_w .mo_gnb > ul > li > ul{display:none; padding:9.5px 0; box-sizing:border-box; border-top:1px solid #f0f0f0;; background-color:#fafafa;}
.mo_menu_w .mo_gnb > ul > li > ul > li > a{display:block; padding:0 30px; box-sizing:border-box; height:50px; line-height:50px; color:#77797a; font-size:15px; font-weight:500; letter-spacing:-0.5px; position:relative;}
.mo_menu_w .mo_gnb > ul > li > ul > li > a::before{content:''; display:block; clear:both; width:3px; height:3px; position:absolute; left:20px; top:50%; margin-top:-1px; border-radius:50%; background-color:#77797a;}
/*depth2 펼쳤을때*/
.mo_menu_w .mo_gnb > ul > li > a.on{font-weight:600; color:#0060ff; background-image:url('/resource/home/img/mo_arr_up.svg');}
.mbg{display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:120; background-color:rgba(0, 0, 0, 0.5);}

/* ==================================================
	footer
================================================== */
.footer {padding:30px 0 30px; background-color: #10111b; box-sizing: border-box;}
.footer .info_box {padding-top: 55px; background-image: url('/resource/home/img/logo.svg'); background-repeat: no-repeat; background-position: 0 0; background-size: 100px auto;}
.footer .info_box li {margin-top: 5px; margin-left:-10px; font-size: 0; }
.footer .info_box li:first-child {margin-top: 0;}
.footer .info_box li span {position: relative; display: inline-block; padding: 0 10px; line-height: 1.4; font-size: 14px; color: #838489; letter-spacing: -.05rem; box-sizing: border-box;}
.footer .info_box li span:before {content: ''; position: absolute; top: 50%; left: 0; display: block; margin-top: -6px; width: 1px; height: 11px; background-color: #4a4b52;}
.footer .info_box li span:first-child:before {display: none;}
.footer .info_box li span b {font-weight: 900; color: #00e08b;}
.footer .info_box li.contact span {color: #fff;}
.footer .btn_box {position: absolute; bottom: 0; right: 0; font-size: 0;}
.footer .btn_box a {display: inline-block; margin-left: 5px; width: 140px; height: 40px; line-height: 38px; font-size: 12px; color: #828282; text-align: center; border: 1px solid #65666f; border-radius: 5px; box-sizing: border-box;}
.footer .btn_box a:first-child {margin-left: 0;}

/* 24.02.19 */
.footer .footerTop{
  padding-bottom: 3rem;
  border-bottom: 1px solid #3e3e3e;
}
.footer .size.footerBot{
  padding-top:3rem;
  padding-inline: 2rem;
  box-sizing: border-box;
}
.footer .logoBox > ul{
  display:flex;
  justify-content: space-between;
  padding-inline: 2rem;
  box-sizing: border-box;
}
.footer.subFooter .logoBox > ul > li{
  gap:1rem;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.783rem;
}
.footer .logoBox > ul > li{
  display:flex;
  align-items: center;
  gap:2rem;
  color: white;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2.027rem;
  color: #8a8a8a;
}

/* ==================================================
	skip
================================================== */
a.skip{display:block;position:absolute;top:-1px;z-index:999;width:0;height:0;overflow:hidden;text-align:center}
a.skip:active,a.skip:focus{z-index:999;width:100%;height:auto;padding:5px;background:#FFF}

a:hover{transition:all .4s ease; -webkit-transition:all .4s ease; -ms-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease;}


input[type=button] {cursor:pointer !important;}
.bt{cursor:pointer !important;}

.video{position:relative; padding-bottom:56.25%;}
.video iframe, .video video{position:absolute; left:0; top:0; width:100%; height:100%; border:none;}

/* inptu / select / textarea */
input[type='text'],input[type='password'], input[type='tel'], input[type='email'], input[type='number'], input[type='url'], select {border:1px solid #cccccc; height:40px; line-height: 40px; vertical-align: middle; padding:0 5px; width:100%; box-sizing:border-box;}
textarea{border:1px solid #cccccc; }
input[readonly], input[readonly="readonly"], input:read-only {background:#fafafa;}

/*input2*/
.ip_wrap .ip_box em{display:inline-block; margin-bottom:5px; padding-right:9px; box-sizing:border-box; font-size:13px; font-weight:500; letter-spacing:-0.5px; line-height:1; position:relative;}
.ip_wrap .ip_box span{display:block; font-size:0; text-indent:-9999px; width:5px; height:5px; background-color:#1761fe; position:absolute; right:0; top:1px; border-radius:5px;}
.ip_wrap .ip_box input[type="text"], .ip_wrap .ip_box input[type="password"], .ip_wrap .ip_box textarea{font-size:1.4rem; font-weight:400; letter-spacing:-0.5px; border-radius:10px; border:1px solid #e2e7ea; outline:none; transition:all .4s ease;}
.ip_wrap .ip_box input[type="text"], .ip_wrap .ip_box input[type="password"]{padding:0 15px; box-sizing:border-box; height:50px; line-height:48px;}
.ip_wrap .ip_box textarea{display:block; width:100%; height:180px; padding:15px; box-sizing:border-box; resize:none;}
.ip_wrap .ip_box input[type="text"]::placeholder, .ip_wrap .ip_box textarea::placeholder{font-size:1.4rem; font-weight:400; color:#949b9f; letter-spacing:-0.5px;}
.ip_wrap .ip_box input[type="text"]:focus{border:1px solid #1661fd; box-shadow:0 0 10px 0 rgba(22, 97, 253, 0.22);}
.ip_wrap .ip_box textarea:focus{border:1px solid #1661fd; box-shadow:0 0 10px 0 rgba(22, 97, 253, 0.22);}
.ip_wrap .ip_box input[type="password"]{color:#1560fd;}


/* 셀렉트박스 */
.select{display:inline-block;  position:relative; height:40px; width:100%; vertical-align: middle;}
.select select{display: block; cursor: pointer;  max-width:100%;  -moz-appearance:none; /* Firefox */   -webkit-appearance:none; /* Safari and Chrome */  appearance:none;}
select::-ms-expand { display:none; } 
.select select:not([multiple]){padding-right:; right:5px;}
.select:not(.is-multiple):not(.is-loading)::after{border: 2px solid #333; border-radius: 2px; border-right: 0; border-top: 0; content: ' '; display: block; height: 6px; margin-top: -6px; pointer-events: none; position: absolute; top: 50%; transform: rotate(-45deg); transform-origin: center; width: 6px; right:10px; z-index: 4;}

/* 체크박스 */
.check_box { position:relative;}
.check_box input[type="checkbox"]{display:inline-block; position:absolute; left:-9999px; opacity:0; visibility:hidden; width:1px; height:1px; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); overflow:hidden; }
.check_box label {display:inline-block; padding-left:30px; color:#333; cursor:pointer; position:relative; line-height:24px;}
.check_box label:before  {position:absolute; left:0; top:50%; width:24px; height:24px; box-sizing:border-box; margin-top:-12px; border:1px solid #cccccc; line-height:20px; text-align:center; clear:both; content:''; display:block;}
.check_box input[type="checkbox"]:checked + label:before {content:'\2714'; font-size:18px; font-weight: 500;}

/* 라디오버튼 */
.radio_box { position:relative;}
.radio_box input[type="radio"]{display:inline-block; position:absolute; left:-9999px; opacity:0; visibility:hidden; width:1px; height:1px; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); overflow:hidden; }
.radio_box label {display:inline-block; padding-left:30px; color:#333; cursor:pointer; position:relative; line-height:24px;}
.radio_box label:before  {position:absolute; left:0; top:50%; width:24px; height:24px; box-sizing:border-box; border-radius: 12px; margin-top:-12px; border:1px solid #cccccc; line-height:20px; text-align:center; clear:both; content:''; display:block;}
.radio_box label:after{position:absolute; content:'\2022'; font-size:30px; left:6px; top:0; line-height: 16px; font-weight: 500; display:none;}
.radio_box input[type="radio"]:checked + label:after {display:block;}
.swiper-wrapper { display: -webkit-box;}

/*좌우 이동 radio*/
.big_radio{display:inline-block; width:334px; border-radius:25px; box-shadow: 3px 3px 7px 0 rgba(0, 0, 0, 0.2) inset; background-color:#e2e5ec; position:relative;}
.big_radio > div{position:relative;}
.big_radio > div::before{content:''; display:block; clear:both; width:50%; height:50px; position:absolute; left:0; top:0; background-color:#395ff8; box-shadow:0 0 13px 1px rgba(71, 117, 213, 0.58); border-radius:25px; transition: 0.5s;}
.big_radio .ra1::before{left:0;}
.big_radio .ra2::before{left:50%;}
.big_radio p{float:left; width:50%; position:relative; z-index:5;}
.big_radio p input[type="radio"]{width:0; height:0; visibility:hidden; opacity:0; position:absolute; left:-999999px;}
.big_radio p label{display:block; height:50px; line-height:50px; font-size:1.5rem; font-weight:500; color:#797b84; letter-spacing:-0.5px; text-align:center; cursor:pointer;}
.big_radio p input[type="radio"]:checked + label{color:#fff;}

.customRadio {position:relative;}
.customRadio:after {clear:both; content:''; display:block;}
.customRadio input[type="radio"], .customRadio input[type="checkbox"] {display:inline-block;position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;visibility:hidden;opacity:0;}
.customRadio label {padding-left:25px; position:relative; display:inline-block; box-sizing:border-box;line-height:20px; font-size:1.5rem; font-weight:500;cursor:pointer; letter-spacing:-0.5px;}
.customRadio label:before {position:absolute;left:0;top: 50%;margin-top:-10px;clear:both;content:'';display:block;border: 1px solid #a4aeb4 ;background: #fff;width:20px;height:20px;border-radius:16px;box-sizing:border-box;}
.customRadio label:after {position:absolute;left: 4px;top: 50%;margin-top: -6px;clear:both;content:'';display:block;background:#a4aeb4;width: 12px;height: 12px;border-radius:12px;}
.customRadio input:checked + label{color:#1560fd !important;}
.customRadio input:checked + label:after{background:#1560fd;}
.customRadio input:checked + label:before{background:#fff; border:1px solid #1560fd;}


/*체크박스 - 1*/
.chk_wrap input[type="checkbox"]{display: inline-block; position: absolute; left: -9999px; opacity: 0; visibility: hidden; width: 1px; height: 1px; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); overflow: hidden;}
.chk_wrap label {display: inline-block; padding-left: 28px; font-size: 13px; font-weight: 400; color: #111; cursor: pointer; position: relative; line-height: 19px;}
.chk_wrap label:before {position: absolute; top: 50%; left: 0; width: 20px; margin-top: -10px; height: 20px; box-sizing: border-box; border: 1px solid #1f202d; border-radius: 3px; line-height: 20px; text-align: center;clear: both; content: ''; display: block;}
.chk_wrap input[type="checkbox"]:checked + label:before {content:''; width: 20px; height: 20px; line-height: 20px; background-color: #1f202d; background-image: url('/resource/home/img/ico_check.svg'); background-repeat: no-repeat; background-position: 50% 50%; background-size:12px 10px;}

/*체크박스 - 2*/
.chk_wrap2 input[type="checkbox"]{display: inline-block; position: absolute; left: -9999px; opacity: 0; visibility: hidden; width: 0; height: 0; overflow: hidden;}
.chk_wrap2 label{position:relative; display:inline-block; line-height:20px; padding-left:26px; font-size:13px; font-weight:400; cursor:pointer; height:auto; color:#111;}
.chk_wrap2 label:before{content:""; display:block; position:absolute; left:0; top:0; width:20px; height:20px; border:2px solid #1560fd; box-sizing:border-box; background-color:#fff; margin-top:0; border-radius:0; box-shadow:none;}
.chk_wrap2 input[type="checkbox"]:checked+label:before{background-image:url('/resource/home/img/ico_check_b.svg'); background-repeat:no-repeat; background-position:50% 50%;}
.chk_wrap2.locked_chk label{padding-right:17px;}
.chk_wrap2.locked_chk label::after{content:""; display:block; clear:both; width:9px; height:12px; background-image:url('/resource/home/img/ico_lock.svg'); background-repeat:no-repeat; background-position:50% 50%; position:absolute; right:0; top:4px;}


/* input type="file"*/
.fileBox{position:relative;}
.fileBox .inputBox{float:left; box-sizing: border-box;}
.fileBox input[type="text"]{float:left;overflow:hidden;box-sizing:border-box;height:32px;padding:8px 10px;border:1px solid #cccccc;line-height:1;background:#fafafa;  box-sizing: border-box;}
.fileBox .fileBtn{float:left;margin-left:5px;  box-sizing: border-box;}
.fileBox .fileBtn label{display:inline-block;width:110px;font-size:14px;line-height:40px; height:40px; letter-spacing:-1px;color:#fff;background:#999;text-align:center; border-radius: 4px;  box-sizing: border-box;}
.fileBox .fileBtn input[type="file"]{visibility:hidden;width:0;height:0;padding:0;margin:0;}

/* pagenation */
.pagenate {width:100%; clear:both;}
.pagenate {text-align:center; margin:60px auto 0; font-size:0;}
.pagenate li {display:inline-block;font-weight:500; margin-left:5px;}
.pagenate li:first-child { margin-left:0px; }
.pagenate li a{display:inline-block; text-decoration:none; padding:0; width:22px; height:22px; line-height:22px; color: #1560fd; border-radius: 22px; font-size: 11px; box-sizing:border-box; margin-left:-1px; vertical-align:middle;}
.pagenate li a.board { text-indent:-9999em; margin-left:4px; }
.pagenate li a.board.first {background:#f3f3f3 url('/resource/home/img/ico_first.svg') no-repeat center center; background-size:16px 14px;}
.pagenate li a.board.prev {margin-right: 55px; background: url('/resource/home/img/ico_prev2.svg') no-repeat center center; background-size:9px 13px;}
.pagenate li a.board.next {margin-left:55px; background: url('/resource/home/img/ico_next2.svg') no-repeat center center; background-size:9px 13px;}
.pagenate li a.board.last {background:#f3f3f3 url('/resource/home/img/ico_last.svg') no-repeat center center; background-size:16px 14px;}
.pagenate li a.current {color:#fff; background-color:#1560fd; font-weight:400;}

/*드롭박스*/
.drp_wrap {position:relative;border:1px solid #e2e7ea;background:#fff; border-radius:10px;box-sizing:border-box; transition: .5s;}
.drp_wrap > a{line-height:48px;position:relative;font-weight:500; border-radius:10px; color:#1560fd;font-size: 1.4rem; padding:0 14px;box-sizing:border-box;display:block;/* font-family: 'Poppins', sans-serif; */}
/* .drp_wrap > a:before{content:''; position:absolute; right:14px; top:50%; margin-top:-3px;width: 0;height: 0;border-style: solid;border-width: 6px 5px 0 5px;border-color: #1560fd transparent transparent transparent;} */
.drp_wrap > a:before{content:''; position:absolute; right:14px; top:50%; margin-top:-3px;  width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #1560fd;}
.drp_wrap > ul{display: none; position: absolute; top: 48px; left: -1px; width: 100%; max-height: 205px; border-radius: 0 0 10px 10px; border: 1px solid #e2e7ea; border-top: 0; overflow: hidden; z-index: 5;background: #fff; transition:border-color .4s; -webkit-transition:border-color .4s; -moz-transition:border-color .4s; -o-transition:border-color .4s; overflow: auto;}
.drp_wrap > ul::-webkit-scrollbar {width: 3px; height: 3px;}
.drp_wrap > ul::-webkit-scrollbar-track {background: transparent; border-radius: 3px;}
.drp_wrap > ul::-webkit-scrollbar-thumb {background: #a4aeb4; border-radius: 3px;}
.drp_wrap > ul {scrollbar-face-color: transparent; scrollbar-track-color: transparent; scrollbar-arrow-color: none; scrollbar-highlight-color: transparent; scrollbar-3dlight-color: none; scrollbar-shadow-color: transparent; scrollbar-darkshadow-color: none;}
.drp_wrap > ul li{border-top: 1px solid #e2e7ea;}
.drp_wrap > ul li a{display: block; padding: 0 15px; height: 50px; line-height: 50px; font-size: 1.4rem; color: #929ca1; box-sizing: border-box;}
.drp_wrap.on {border-radius: 10px 10px 0 0; border-color: #1560fd;}
.drp_wrap.on > ul {border-color:#1560fd; z-index:30;}

.drp_wrap.hgt50 > a{height:48px; line-height:48px; padding:0 15px; font-size:1.6rem; color:#3660fb;}
.drp_wrap.hgt50 > a::before{right:15px;}
.drp_wrap.hgt50 > ul{top:48px;}
.drp_wrap.hgt50 > ul > li > a{height:48px; line-height:48px; font-size:1.6rem;}

.wid10{width:10%;}
.wid20{width:20%;}
.wid30{width:30%;}
.wid40{width:40%;}
.wid50{width:50%;}
.wid60{width:60%;}
.wid70{width:70%;}
.wid80{width:80%;}
.wid90{width:90%;}
.wid100{width:100%;}

.max100 {max-width:100px;}
.max150 {max-width:150px;}
.max200 {max-width:200px;}
.max250 {max-width:250px;}
.max300 {max-width:300px;}
.max350 {max-width:350px;}
.max400 {max-width:400px;}
.max450 {max-width:450px;}
.max500 {max-width:500px;}
.max550 {max-width:550px;}
.max600 {max-width:600px;}
.max650 {max-width:650px;}
.max700 {max-width:700px;}
.max750 {max-width:750px;}
.max800 {max-width:800px;}
.max850 {max-width:850px;}
.max900 {max-width:900px;}
.max950 {max-width:950px;}
.max1000 {max-width:1000px;}

.mt0 {margin-top:0px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px;}
.mt14{margin-top:14px;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt44{margin-top:44px;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt68{margin-top:68px;}
.mt70{margin-top:70px !important;}
.mt72{margin-top:72px;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.mb0 {margin-bottom:0px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.ml0 {margin-left:0px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}

.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}

.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}


.auto {margin-left:auto !important; margin-right:auto !important;}
.bno{border:none !important;}
.blind{position:absolute; top:-999999px; width:0; height:0; font-size:0; overflow:hidden;}
.clear:after {clear:both;content:'';display:block;}
.hidden {text-indent:-9999px; width:0px; height:0px; line-height:0px; font-size:0px; opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); overflow:hidden; visibility:hidden;}
.t_hidden{text-indent:-9999px; font-size:0;}

.fl_l{float:left !important;}
.fl_r{float:right !important;}

.wbreak{word-break:break-all !important;}

.pic {background-size: contain;background-position: center center;background-repeat: no-repeat;}
.pic img{max-width: 100%;opacity: 0;visibility: hidden;}

.not_scroll{position: fixed; overflow: hidden; width: 100%; height: 100%}

.bg {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}

.img_box img {display: inline-block; width: 100%; max-width:100%}
.img img{display: inline-block; max-width:100%}

.tb{display: table; width: 100%; height: 100%;}
.tbc{display: table-cell; width: 100%; height: 100%;  vertical-align: middle;}

.dpb{display:block;}
.inb{display:inline-block;}
.dpn{display:none;}
em.mbr{display:block}

.bak {background-position: center center; background-size: cover; background-repeat: no-repeat;}
.basic {width: 100%; max-width:100%; height:auto; visibility:hidden; opacity:0;}

.videoBox {width:100%; padding-bottom:56.24%; box-sizing:border-box; position:relative; border:0;}
.videoBox video, .videoBox iframe, .videoBox embed {position:absolute; left:0; top:0; width:100%; height:100%; border:0; outline:0; /* pointer-events: none; */}

.scroll::-webkit-scrollbar {width: 5px; height: 5px;}
.scroll::-webkit-scrollbar-track {background: #eeeeee; border-radius: 5px;}
.scroll::-webkit-scrollbar-thumb {background: #8a8a8a; border-radius: 5px;}
.scroll {scrollbar-face-color: #8a8a8a; scrollbar-track-color: #fff; scrollbar-arrow-color: none; scrollbar-highlight-color: #8a8a8a; scrollbar-3dlight-color: none; scrollbar-shadow-color: #8a8a8a; scrollbar-darkshadow-color: none;}



/* Font */
.ft12 {font-size:12px !important;}
.ft13 {font-size:13px !important;}
.ft14 {font-size:14px !important;}
.ft15 {font-size:15px !important;}
.ft16 {font-size:16px !important;}
.ft17 {font-size:17px !important;}
.ft18 {font-size:18px !important;}
.ft19 {font-size:19px !important;}
.ft20 {font-size:20px !important;}
.ft21 {font-size:21px !important;}
.ft22 {font-size:22px !important;}
.ft23 {font-size:23px !important;}
.ft24 {font-size:24px !important;}
.ft25 {font-size:25px !important;}
.ft26 {font-size:26px !important;}
.ft27 {font-size:27px !important;}
.ft28 {font-size:28px !important;}
.ft29 {font-size:29px !important;}
.ft30 {font-size:30px !important;}
.ft31 {font-size:31px !important;}
.ft32 {font-size:32px !important;}
.ft65 {font-size:65px !important; letter-spacing:-4px; line-height:60px;}

.fs80{font-size:8rem;}
.fs70{font-size:7rem;}
.fs60{font-size:6rem;}
.fs55{font-size:5.5rem;}
.fs50{font-size:5rem;}
.fs45{font-size:4.5rem;}
.fs40{font-size:4rem;}
.fs36{font-size:3.6rem;}
.fs35{font-size:3.5rem;}
.fs30{font-size:3rem;}
.fs25{font-size:2.5rem;}
.fs20{font-size:2rem;}
.fs18{font-size:1.8rem;}
.fs17{font-size:1.7rem;}
.fs16{font-size:1.6rem;}
.fs15{font-size:1.5rem;}
.fs14{font-size:1.4rem;}
.fs13{font-size:1.3rem;}
.fs12{font-size:1.2rem;}
.fs11{font-size:1.1rem;}
.fs10{font-size:1rem;}

.txt_l{text-align:left !important;}
.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}
.ver_t{vertical-align:top !important;}
.txt_b{font-weight:bold !important;}
.txt_line{text-decoration:underline !important;}

.txt_black {color:#000 !important;}
.txt_white {color:#fff !important;}

.fw200 {font-weight:200 !important;}
.fw300 {font-weight:300 !important;}
.fw400 {font-weight:400 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}
.fw800 {font-weight:800 !important;}

/* col width */
.col02 > * {width:50% !important;}
.col03 > * {width:33.3333% !important;}
.col04 > * {width:25% !important;}
.col05 > * {width:20% !important;}
.col06 > * {width:16.6666% !important;}
.col07 > * {width:14.285% !important;}
.col08 > * {width:12.5% !important;}
.col09 > * {width:11.1111% !important;}
.col10 > * {width:10% !important;}



/* animated */

.animate [class*='ani-']{opacity:1; filter:alpha(opacity=100); -ms-filter:alpha(opacity=100); transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0);}
.fromLeft:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(-50px, 0, 0); -webkit-transform:translate3d(-50px, 0, 0); -o-transform:translate3d(-50px, 0, 0); -ms-transform:translate3d(-50px, 0, 0);  -moz-transform:translate3d(-50px,0,0);}
.fromRight:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(50px, 0, 0); -webkit-transform:translate3d(50px, 0, 0); -o-transform:translate3d(50px, 0, 0); -ms-transform:translate3d(50px, 0, 0); -moz-transform:translate3d(50px, 0, 0); }
.fromRight2:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(40px, 0, 0); -webkit-transform:translate3d(40px, 0, 0); -o-transform:translate3d(40px, 0, 0); -ms-transform:translate3d(40px, 0, 0); -moz-transform:translate3d(40px, 0, 0); }
.fromBottom:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, 100px, 0); -webkit-transform:translate3d(0, 100px, 0); -o-transform:translate3d(0, 100px, 0); -ms-transform:translate3d(0, 100px, 0); -moz-transform:translate3d(0, 100px, 0);}
.fromBottom2:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, 40px, 0); -webkit-transform:translate3d(0, 40px, 0); -o-transform:translate3d(0, 40px, 0); -ms-transform:translate3d(0, 40px, 0); -moz-transform:translate3d(0, 40px, 0);}
.fromTop:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:translate3d(0, -100px, 0); -webkit-transform:translate3d(0, -100px, 0); -o-transform:translate3d(0, -100px, 0); -ms-transform:translate3d(0, -100px, 0); -moz-transform:translate3d(0, -100px, 0); }
.fromCenter:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(0.8) translate3d(0,0,0) ; -webkit-transform:scale(0.8) translate3d(0,0,0); -o-transform:scale(0.8) translate3d(0,0,0); -ms-transform:scale(0.8) translate3d(0,0,0); -moz-transform:scale(0.8) translate3d(0,0,0); }
.fromCenter2:not(.done) {opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0); transform:scale(0) translate3d(0,0,0) ; -webkit-transform:scale(0.2) translate3d(0,0,0); -o-transform:scale(0) translate3d(0,0,0); -ms-transform:scale(0) translate3d(0,0,0); -moz-transform:scale(0) translate3d(0,0,0); }
.fromOpacity:not(.done){opacity:0; filter:alpha(opacity=0); -ms-filter:alpha(opacity=0);}


.animate [class*='ani-'] {transition-property:transform, opacity; -webkit-transition-property:transform, opacity; transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:.8s; -moz-transition-duration:.8s;   }
.animate.fast [class*='ani-'] {transition-duration:0.6s; -webkit-transition-duration:0.6s; -o-transition-duration:.6s; -moz-transition-duration:.6s;}
.animate.fast2 [class*='ani-']{transition-duration:0.3s; -webkit-transition-duration:0.3s; -o-transition-duration:.3s; -moz-transition-duration:.3s;}
.animate.slow [class*='ani-'] {transition-duration:1s; -webkit-transition-duration:1s; -o-transition-duration:1s; -moz-transition-duration:1s;  }

.animate .ani-1 {transition-delay:10ms; -webkit-transition-delay:10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.animate .ani-2 {transition-delay:160ms; -webkit-transition-delay:160ms; -o-transition-delay:160ms; -moz-transition-delay:160ms;}
.animate .ani-3 {transition-delay:320ms; -webkit-transition-delay:320ms; -o-transition-delay:320ms; -moz-transition-delay:320ms;}
.animate .ani-4 {transition-delay:480ms; -webkit-transition-delay:480ms; -o-transition-delay:480ms; -moz-transition-delay:480ms;}
.animate .ani-5 {transition-delay:640ms; -webkit-transition-delay:640ms; -o-transition-delay:640ms; -moz-transition-delay:640ms;}
.animate .ani-6 {transition-delay:800ms; -webkit-transition-delay:800ms; -o-transition-delay:800ms; -moz-transition-delay:800ms;}
.animate .ani-7 {transition-delay:960ms; -webkit-transition-delay:960ms; -o-transition-delay:960ms; -moz-transition-delay:960ms;}
.animate .ani-8 {transition-delay:1120ms; -webkit-transition-delay:1120ms; -o-transition-delay:1120ms; -moz-transition-delay:1120ms;}
.animate .ani-9 {transition-delay:1280ms; -webkit-transition-delay:1280ms; -o-transition-delay:1280ms; -moz-transition-delay:1280ms; }
.animate .ani-10 {transition-delay:1440ms; -webkit-transition-delay:1440ms; -o-transition-delay:1440ms; -moz-transition-delay:1440ms; }
.animate .ani-11 {transition-delay:1600ms; -webkit-transition-delay:1600ms; -o-transition-delay:1600ms; -moz-transition-delay:1600ms; }
.fast.animate .ani-1 {transition-delay: 10ms;-webkit-transition-delay: 10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.fast.animate .ani-2 {transition-delay: 140ms;-webkit-transition-delay: 140ms; -o-transition-delay:140ms; -moz-transition-delay:140ms;}
.fast.animate .ani-3 {transition-delay: 270ms;-webkit-transition-delay: 270ms; -o-transition-delay:270ms; -moz-transition-delay:270ms;}
.fast.animate .ani-4 {transition-delay: 400ms;-webkit-transition-delay: 400ms;-o-transition-delay:400ms; -moz-transition-delay:400ms;}
.fast.animate .ani-5 {transition-delay: 530ms;-webkit-transition-delay: 530ms;-o-transition-delay:530ms; -moz-transition-delay:530ms;}
.fast.animate .ani-6 {transition-delay: 660ms;-webkit-transition-delay: 660ms;-o-transition-delay:660ms; -moz-transition-delay:660ms;}
.fast.animate .ani-7 {transition-delay: 790ms;-webkit-transition-delay: 790ms;-o-transition-delay:790ms; -moz-transition-delay:790ms;}
.fast.animate .ani-8 {transition-delay: 920ms;-webkit-transition-delay: 920ms;-o-transition-delay:920ms; -moz-transition-delay:920ms;}

.slow.animate .ani-1 {transition-delay: 10ms;	-webkit-transition-delay: 10ms;-o-transition-delay:10ms;-moz-transition-delay:10ms;}
.slow.animate .ani-2 {transition-delay: 210ms;-webkit-transition-delay: 210ms;-o-transition-delay:210ms; -moz-transition-delay:210ms;}
.slow.animate .ani-3 {transition-delay: 420ms;-webkit-transition-delay: 420ms;-o-transition-delay:420ms; -moz-transition-delay:420ms;}
.slow.animate .ani-4 {transition-delay: 630ms;-webkit-transition-delay: 630ms;-o-transition-delay:630ms; -moz-transition-delay:630ms;}
.slow.animate .ani-5 {transition-delay: 840ms;-webkit-transition-delay: 840ms;-o-transition-delay:840ms; -moz-transition-delay:840ms;}
.slow.animate .ani-6 {transition-delay: 1050ms;-webkit-transition-delay: 1050ms;-o-transition-delay:1050ms; -moz-transition-delay:1050ms;}
.slow.animate .ani-7 {transition-delay: 1260ms;-webkit-transition-delay: 1260ms;-o-transition-delay:1260ms; -moz-transition-delay:1260ms;}
.slow.animate .ani-8 {transition-delay: 1470ms;-webkit-transition-delay: 1470ms;-o-transition-delay:1470ms; -moz-transition-delay:1470ms;}

.scale [class*='sc-'] {transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); -moz-transform:scale(1); transition-property:transform; -webkit-transition-property:transform; -o-transition-property:transform; -moz-transition-property:transform; transition-duration:0.8s; -webkit-transition-duration:0.8s; -o-transition-duration:0.8s; -moz-transition-duration:0.8s; }

.scale .fromSc9:not(.done) {transform:scale(0.9); -webkit-transform:scale(0.9); -o-transform:scale(0.9); -ms-transform:scale(0.9); -moz-transform:scale(0.9);}
.scale .fromSc8:not(.done) {transform:scale(0.8); -webkit-transform:scale(0.8); -o-transform:scale(0.8); -ms-transform:scale(0.8); -moz-transform:scale(0.8);}
.scale .fromSc7:not(.done) {transform:scale(0.7); -webkit-transform:scale(0.7); -o-transform:scale(0.7); -ms-transform:scale(0.7); -moz-transform:scale(0.7); }
.scale .fromSc6:not(.done) {transform:scale(0.6); -webkit-transform:scale(0.6); -o-transform:scale(0.6); -ms-transform:scale(0.6); -moz-transform:scale(0.6); }
.scale .fromSc5:not(.done) {transform:scale(0.5); -webkit-transform:scale(0.5); -o-transform:scale(0.5); -ms-transform:scale(0.5); -moz-transform:scale(0.5); }
.scale .fromSc11:not(.done) {transform:scale(1.1); -webkit-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); -moz-transform:scale(1.1);}
.scale .fromSc12:not(.done) {transform:scale(1.2); -webkit-transform:scale(1.2); -o-transform:scale(1.2); -ms-transform:scale(1.2); -moz-transform:scale(1.2); }
.scale .fromSc13:not(.done) {transform:scale(1.3); -webkit-transform:scale(1.3); -o-transform:scale(1.3); -ms-transform:scale(1.3); -moz-transform:scale(1.3); }
.scale .fromSc14:not(.done) {transform:scale(1.4); -webkit-transform:scale(1.4); -o-transform:scale(1.4); -ms-transform:scale(1.4); -moz-transform:scale(1.4);}
.scale .fromSc15:not(.done) {transform:scale(1.5); -webkit-transform:scale(1.5); -o-transform:scale(1.5); -ms-transform:scale(1.5); -moz-transform:scale(1.5); }

.scale .sc-1 {transition-delay:10ms; -webkit-transition-delay:10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.scale .sc-2 {transition-delay:160ms; -webkit-transition-delay:160ms; -o-transition-delay:160ms; -moz-transition-delay:160ms;}
.scale .sc-3 {transition-delay:320ms; -webkit-transition-delay:320ms; -o-transition-delay:320ms; -moz-transition-delay:320ms;}
.scale .sc-4 {transition-delay:480ms; -webkit-transition-delay:480ms; -o-transition-delay:480ms; -moz-transition-delay:480ms;}
.scale .sc-5 {transition-delay:640ms; -webkit-transition-delay:640ms; -o-transition-delay:640ms; -moz-transition-delay:640ms;}
.scale .sc-6 {transition-delay:800ms; -webkit-transition-delay:800ms; -o-transition-delay:800ms; -moz-transition-delay:800ms;}
.scale .sc-7 {transition-delay:960ms; -webkit-transition-delay:960ms; -o-transition-delay:960ms; -moz-transition-delay:960ms;}
.scale .sc-8 {transition-delay:1120ms; -webkit-transition-delay:1120ms; -o-transition-delay:1120ms; -moz-transition-delay:1120ms;}

.fast.scale .sc-1 {transition-delay: 10ms;-webkit-transition-delay: 10ms; -o-transition-delay:10ms; -moz-transition-delay:10ms;}
.fast.scale .sc-2 {transition-delay: 140ms;-webkit-transition-delay: 140ms; -o-transition-delay:140ms; -moz-transition-delay:140ms;}
.fast.scale .sc-3 {transition-delay: 270ms;-webkit-transition-delay: 270ms; -o-transition-delay:270ms; -moz-transition-delay:270ms;}
.fast.scale .sc-4 {transition-delay: 400ms;-webkit-transition-delay: 400ms;-o-transition-delay:400ms; -moz-transition-delay:400ms;}
.fast.scale .sc-5 {transition-delay: 530ms;-webkit-transition-delay: 530ms;-o-transition-delay:530ms; -moz-transition-delay:530ms;}
.fast.scale .sc-6 {transition-delay: 660ms;-webkit-transition-delay: 660ms;-o-transition-delay:660ms; -moz-transition-delay:660ms;}
.fast.scale .sc-7 {transition-delay: 790ms;-webkit-transition-delay: 790ms;-o-transition-delay:790ms; -moz-transition-delay:790ms;}
.fast.scale .sc-8 {transition-delay: 920ms;-webkit-transition-delay: 920ms;-o-transition-delay:920ms; -moz-transition-delay:920ms;}


.slow.scale .sc-1 {transition-delay: 10ms;	-webkit-transition-delay: 10ms;-o-transition-delay:10ms;-moz-transition-delay:10ms;}
.slow.scale .sc-2 {transition-delay: 210ms;-webkit-transition-delay: 210ms;-o-transition-delay:210ms; -moz-transition-delay:210ms;}
.slow.scale .sc-3 {transition-delay: 420ms;-webkit-transition-delay: 420ms;-o-transition-delay:420ms; -moz-transition-delay:420ms;}
.slow.scale .sc-4 {transition-delay: 630ms;-webkit-transition-delay: 630ms;-o-transition-delay:630ms; -moz-transition-delay:630ms;}
.slow.scale .sc-5 {transition-delay: 840ms;-webkit-transition-delay: 840ms;-o-transition-delay:840ms; -moz-transition-delay:840ms;}
.slow.scale .sc-6 {transition-delay: 1050ms;-webkit-transition-delay: 1050ms;-o-transition-delay:1050ms; -moz-transition-delay:1050ms;}
.slow.scale .sc-7 {transition-delay: 1260ms;-webkit-transition-delay: 1260ms;-o-transition-delay:1260ms; -moz-transition-delay:1260ms;}
.slow.scale .sc-8 {transition-delay: 1470ms;-webkit-transition-delay: 1470ms;-o-transition-delay:1470ms; -moz-transition-delay:1470ms;}


	/* 이벤트 팝업 */
.event_popup_wrap {position:absolute; top: 0; left: 0; display:flex; justify-content: center; align-items: center; width: 100%;max-width: 100vw;height: 100%; background: rgba(0,0,0,0.6);}
.event_popup_wrap .popup {background: #fff; max-width: 90%;padding: 20px;padding-bottom: 10px;margin: 10px;border-radius: 30px;box-shadow: 0px 0px 7.28px 0.72px rgba(0, 0, 0, 0.25);}
.event_popup_wrap .popup .popup_content img {border-radius: 20px; width: 100%;}
.event_popup_wrap .popup .popup_foot {text-align: center; padding-top: 10px; cursor: pointer;}

/* Z-index 팝업에 따라 구별되도록 설정 */
.event_popup_wrap.eventPop {
	z-index: 102;
}

.event_popup_wrap.eventPop2 {
	z-index: 101;
}

.event_popup_wrap.eventPop3 {
	z-index: 100;
}

.vertical-i {animation:vb 1s infinite;}

@keyframes vb {
	0%{
		bottom: 0;
	}
	50% {
		bottom:10px;
	}
	100% {
		bottom:0px; 
	}
}

@keyframes vt{
	0%{
		top: 0;
	}
	50%{
		top:10px;
	}
	100%{
		top:0;
	}
}

/* 수출 바우처용 홈페이지 영문 이미지 설정 취합 이미지 */

.en .header .logo a {
  background-image: url('/resource/home/img/en/img/logo.svg');
}

.en .header .util .button.menu > a {
  background-image: url('/resource/home/img/en/img/menu_ico_w2.svg');
}

.en .util .leng > a:before {
  background-image: url('/resource/home/img/en/img/select_ico.svg');
}

.en .util .button.mo_close > a {
  background-image:url('/resource/home/img/en/img/mo_close.svg');
}

.en .header.black .logo a {
  background-image: url('/resource/home/img/en/img/logo_c.svg');
}

.en .header.black .util .button.menu > a {
  background-image: url('/resource/home/img/en/img/menu_ico2.svg');
}

.en .header.black2 .logo a {
  background-image: url('/resource/home/img/en/img/logo_c.svg');
}

.en .header.black2 .util .button.menu > a {
  background-image: url('/resource/home/img/en/img/menu_ico2.svg');
}

.en .header.hover .logo a {
  background-image: url('/resource/home/img/en/img/logo_c.svg');
}

.en .mo_menu_w .util .u_btm > p::before {
  background-image:url('/resource/home/img/en/img/ico_mo_chk.svg');
}

.en .mo_menu_w .mo_gnb > ul > li > a {
  background-image:url('/resource/home/img/en/img/mo_arr_down.svg');
}

.en .mo_menu_w .mo_gnb > ul > li > a.on {
  background-image:url('/resource/home/img/en/img/mo_arr_up.svg');
}

.en .footer .info_box {
  background-image: url('/resource/home/img/en/img/logo.svg');
}

.en .chk_wrap input[type="checkbox"]:checked + label:before {
  background-image: url('/resource/home/img/en/img/ico_check.svg')
}

.en .chk_wrap2 input[type="checkbox"]:checked+label:before {
  background-image:url('/resource/home/img/en/img/ico_check_b.svg');
}

.en .chk_wrap2.locked_chk label::after {
  background-image:url('/resource/home/img/en/img/ico_lock.svg');
}

.en .pagenate li a.board.first {
  background:#f3f3f3 url('/resource/home/img/en/img/ico_first.svg') no-repeat center center;
}

.en .pagenate li a.board.prev {
  background: url('/resource/home/img/en/img/ico_prev2.svg') no-repeat center center;
}

.en .pagenate li a.board.next {
  background: url('/resource/home/img/en/img/ico_next2.svg') no-repeat center center;
}

.en .pagenate li a.board.last {
  background:#f3f3f3 url('/resource/home/img/en/img/ico_last.svg') no-repeat center center;
}

.wrapper.promtionActive #sub{
  margin-top: 52px;
}

.header.home.promtionActive {
  top: 52px;
}

.promotion_header {
  width: 100%;
  height: 52px;
  background-color: #2B2929;
  position: sticky;
  top: 0;

  display: inline-flex;
  justify-content: center;
  align-items: center;
  z-index: 101;
}

.promotion_header.subPage {
  position: fixed;
}

.promotion_header > a .promotion_wapper {
  background-color: #2B2929;
  display: flex;
  align-items: center;
  justify-content: center;

  gap: 8px;
}

.promotion_header > a .promotion_wapper > .promotion_badge {
  padding: 0 14.625px;
  align-items: center;
  
  border-radius: 81.25px;
  border: 0.813px solid #00E08D;
  background: #00E08D;
}

.promotion_header > a .promotion_wapper > .promotion_badge p {
  width: 100%;
  height: 100%;
  color: #2B2929;
  font-family: "Noto Sans KR";
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
  text-align: center;
}

.promotion_header > a .promotion_wapper > .promotion_label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.promotion_header > a .promotion_wapper > .promotion_label p {
  color: #FFF;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
}

.promotion_header > a .promotion_wapper > .promotion_label img {
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
}