@charset "euc-kr";
/*  */
/*=================================
º´¿ø18 ·¹ÀÌ¾Æ¿ô css
2022-11-24 ÁÖÇÊ±Ô(websre@naver.com)
================================= */

#wrap {
    min-width: 1400px;
    max-width: 1920px;
    margin: 0 auto;
    overflow: hidden;}
/* Çì´õ¿µ¿ª */
/*  */
body.fixed {overflow-y:hidden}
/* ÀüÃ¼·¹ÀÌ¾Æ¿ô */
#wrapper {/*min-width:1200px;*/ overflow:hidden}
/* Çì´õ°íÁ¤ */
/*body.scrollfix #container {margin-top:61px}*/
/* Çì´õ */




/*@media screen and (min-width:1024px) {
#header {position:absolute;top:0px;width:100%;z-index:990;}
}*/
/* body */
body.lock {overflow:hidden}
/* Çì´õ */
#header {position:fixed; top:0px; left:0px; width:100%; z-index:990; transition:all .4s ease;border:solid 0px red;/*background:#fff;*/padding:20px 0px;}
#header:before {position:absolute; top:-20px; left:0; width:100%; height:0; content:''; background:#fff; box-shadow:0 2px 2px rgba(0, 0, 0, .04); z-index:10; transition:all .4s ease;display:none;}
#header > .inner {position:relative;margin:0 auto; padding:0 0px; z-index:300;text-align:center;}
#header > .top {position:relative;z-index:400;width:calc(100% - 80px);top:0px;margin-left:40px;height:0px;border:solid 0px red;}
body.scrollfix #header > .top > .inner {position:fixed; }
#logo {position:relative;margin-top:19px;z-index:10;transition:all .4s ease;display:inline-block;}
.scroll-logo {display:none;} 
#logo-dark {display:none;}
#header.fixed-new .no-scroll-logo {display:none;}
#header.fixed-new .scroll-logo {display:inline-block;vertical-align:top;}
#gnb > li {position:relative; display:inline-block; vertical-align:top}
#gnb > li > a:before {position:absolute;left:50%;margin-left:-35%;bottom:25px;content:'';width:0px;height:10px;background:#063b7e;border-top-right-radius:5px;border-radius:5px;z-index:10;opacity:0.5;transition:all .4s ease}
#gnb > li.on > a:before {width:70%;}
#gnb > li > a {display:block; padding:25px 16px; font-size:16px; color:#fff;transition:all .4s ease;font-family:'S-CoreDream';font-weight:500;}
#gnb > li > a:hover {color:#063b7e;}
#gnb > li > ul {display:none; position:absolute; top:80px; left:50%; width:180px; margin-left:-90px; padding:0 20px; background:#fff; box-shadow:0 4px 20px rgba(0, 0, 0, .08);border-top-right-radius:20px;border-bottom-left-radius:20px;}
#gnb > li > ul:before {position:absolute; top:-12px; left:50%; content:''; margin-left:-6px; border-style:solid; border-width:6px; border-color:transparent transparent #fff transparent}
#gnb > li > ul > li {position:relative;border-bottom:0px solid #e0e0e0}
#gnb > li > ul > li > a {position:relative; display:block; padding:10px 0;font-size:15px;}
#gnb > li > ul > li:last-child > a {border-bottom:none}
#gnb > li > ul > li:first-child {padding-top:10px;}
#gnb > li > ul > li:last-child {padding-bottom:10px;}
#header.fixed-new {top:0;background:#fff;}
#header.fixed-new:before {top:0; height:100%}
#header.fixed-new #gnb > li > a {color:#000}
#header.fixed-new #gnb > li > a:after {display:none}




#gnbTrigger {display:none; position:fixed; top:0; right:0; width:55px; height:55px; border:none; background:#fff; cursor:pointer; outline:none; z-index:1100}
#gnbTrigger > span {display:block; position:absolute; left:50%; width:25px; height:1px; margin-left:-13px; background:#000; transition:all .3s ease-in-out; transform:rotate(0deg); opacity:1}
#gnbTrigger > .bar1 {top:20px}
#gnbTrigger > .bar2 {top:28px}
#gnbTrigger > .bar3 {top:36px}
#gnbTrigger.open {}
#gnbTrigger.open > span {}
#gnbTrigger.open > .bar1 {top:26px; transform:rotate(135deg)}
#gnbTrigger.open > .bar2 {opacity:0; left:-30px}
#gnbTrigger.open > .bar3 {top:26px; transform:rotate(-135deg)}




/* ÇØ´õ 4°³Á¡¹öÆ° */
#header .spinBtn{position:absolute;right:40px;top:45px; width:25px; height:25px; transition:all 0.5s cubic-bezier(0.83, 0, 0.17, 1);cursor:pointer;z-index:9999;}
#header .spinBtn.active{transform:rotate(180deg);}
#header .spinBtn i{position:absolute; width:8px; height:8px; border-radius:8px; background:#999; transition:all 0.4s cubic-bezier(0.83, 0, 0.17, 1);}
#header.fixed-new .spinBtn i{background:#000;}
#header .spinBtn.active i{width:17px; height:5px;background:#144899;}
#header .spinBtn i:nth-child(1){left:0; top:0; transform:rotate(45deg);}
#header .spinBtn i:nth-child(2){right:0; top:0; transform:rotate(-45deg); background:#397ae1;}
#header .spinBtn i:nth-child(3){right:0; bottom:0; transform:rotate(45deg);}
#header .spinBtn i:nth-child(4){left:0; bottom:0;  transform:rotate(-45deg);}
#header .spinBtn.active i:nth-child(1){left:-2px; top:4px; transition-delay:0.3s;}
#header .spinBtn.active i:nth-child(2){right:-2px; top:4px; background:#144899; transition-delay:0.3s;}
#header.fixed-new .spinBtn.active i:nth-child(2){right:-2px; top:4px; background:#144899; transition-delay:0.3s;}
#header .spinBtn.active i:nth-child(3){right:-2px; bottom:4px; transition-delay:0.3s;}
#header .spinBtn.active i:nth-child(4){left:-2px; bottom:4px; transition-delay:0.3s;}






/* ¹Ìµð¾îÄõ¸® */
@media screen and (min-width:1025px) {
 /* Çì´õ */
 #gnb > li > a:after {width:0px; margin-top:5px; height:1px; content:''; background:#063b7e;display:none;}
 /*#gnb > li.open > a:after {display:block}
 #gnb > li.on > a:after, #gnb > li.open > a:after, #gnb > li > a:hover:after {display:block}*/
 #gnb > li.open > a:before {width:70%;}
 #gnb > li > a:hover:after {width:100%;}
 #gnb > li > ul > li > a:hover {color:#063b7e}
 #gnb > li > ul > li a {border:solid 0px red;font-family:'S-CoreDream';font-weight:500;}
 #gnb > li > ul > li a > span {position:relative;display:inline-block;border:solid 0px red;}
 #gnb > li > ul > li a > span:after  {position:absolute;display:inline-block;bottom:0px; left:-5px; width:0; height:10px; content:'' !important; background:#063b7e;border-top-right-radius:5px;border-radius:5px; transition:all .4s ease;opacity:0.5;}
 #gnb > li > ul > li a:hover span:after  {width:120%}
 #gnb > li > ul > li.on a span:after  {width:120%}
 #gnb > li > ul > li:last-child:after {display:none}
 #header.fixed #gnb > li > a:hover, #header.fixed #gnb > li.on > a {color:#063b7e}
}


/*·Î±×ÀÎ¿µ¿ª*/
/*#header.fixed .login_wrap {margin-top:30px;}*/
.login_wrap {position:absolute;right:50px;display:inline-block; vertical-align:middle;top:27px;transition:all 0.3s ease;}
.login_wrap > ul {display:inline-block;margin-right:20px;}
.login_wrap > ul > li {position:relative; padding:0 10px;display:inline-block;border-right:solid 1px #999;}
.login_wrap ul li:last-child {border-right:0px;padding-right:0px;}
.login_wrap ul li > a {display:block; font-size:12px; font-family:Gotham, sans-serif;color:#aaa;letter-spacing:1px;}
.login_wrap ul li > a:hover {color:#999;}
.login_wrap ul li > a i {}
/*#header.fixed-new .login_wrap {top:27px;}*/
/*·Î±×ÀÎ¿µ¿ª*/
/*´Ù±¹¾î¹öÆ°*/
.lang_wrap {display:inline-block;}
.lang_wrap ul {}
.lang_wrap ul li {position:relative;display:inline-block;}
.lang_wrap ul li > a i {transition:all 0.3s ease;}
.lang_wrap ul li > a.open i {transform:rotateX(180deg);}
.lang_wrap ul li > .lang_area {display:none; position:absolute !important; top:20px; right:0; width:100%}
.lang_wrap ul li > .lang_area li {text-align:center; padding:0}
.lang_wrap ul li > .lang_area li > a {display:block; padding:7px 5px;width:40px; background:#222; border-bottom:1px solid #999; color:#fff; font-weight:500; font-size:10px}
.lang_wrap ul li > .lang_area li:last-child > a {border-bottom:0}
.lang_wrap ul li > .lang_area a:hover {color:#e3415d}
/*´Ù±¹¾î¹öÆ°*/
/*ÀüÃ¼¸Þ´º*/
.bcel_menu_imgArea {position:fixed;top:0px;left:-100%;width:40%;height:100vh;background:#fff url('../../img/total_menu_img.jpg') no-repeat center top;background-size:cover;z-index:1110;transition:all 0.7s ease;-webkit-animation-delay: -5.0s;animation-delay: -5.0s;}
.bcel_menu_imgArea.active {left:0px;}
.bcel_menu {display:; position:fixed; top:0px; right:-100%; z-index:10; width:60%; height:100vh; padding-bottom:50px;/* max-height:100%;*/ background:#fff;opacity:1; filter:alpha(opacity=100);z-index:1110;transition:all 0.7s ease;-webkit-animation-delay: -5.0s;animation-delay: -5.0s;}
.bcel_menu.active {right:0px;} 
.bcel_menu .w_cont {position:relative; width:100%; margin:0 auto}
.bcel_menu h1 {border-bottom:1px solid #b2b5b1}
.bcel_menu h1 a {z-index:200}
.bcel_menu .w_cont dl {text-align:left;margin-left:40px;}
.bcel_menu .w_cont dl dt {position:relative; padding:55px 0 25px 0; font-family:'Georgia'; font-size:20px; color:#000; font-style:italic; letter-spacing:1px;}
.bcel_menu .w_cont dl dd {margin-top:20px; text-align:left}
.bcel_menu .w_cont dl dd ul {font-size:0}
.bcel_menu .w_cont dl dd ul > li {}
.bcel_menu .w_cont dl dd ul > li.depth {display:block; margin-bottom:30px;vertical-align:top;font-family:notokr;position:relative;}
.bcel_menu .w_cont dl dd ul > li.depth.last:after {display:none}
.bcel_menu .w_cont dl dd ul > li.depth:last-child:after {display:none}
.bcel_menu .w_cont dl dd ul > li.depth > a {font-size:22px; font-weight:200; width:140px;position:relative;color:#000; letter-spacing:-1px;transition:1s ease;display:inline-block;vertical-align:top;}
.bcel_menu .w_cont dl dd ul > li.depth > a:after {display:inline-block; content:'/'; font-size:12px; font-weight:200; color:#000; letter-spacing:-1px;position:absolute;right:0px;top:8px;}
.bcel_menu .w_cont dl dd ul > li.depth a:hover {}
.bcel_menu .w_cont dl dd ul > li.depth div {display:inline-block;vertical-align:top;margin-left:20px;}
.bcel_menu .w_cont dl dd ul > li.depth div ul {}
.bcel_menu .w_cont dl dd ul > li.depth div ul li {margin-top:5px;display:inline-block;width:auto;margin-right:20px;}
.bcel_menu .w_cont dl dd ul > li.depth div ul li a {font-size:15px;}
.bcel_menu .w_cont dl dd ul li a {position:relative;}
.bcel_menu .w_cont dl dd ul li a span {position:relative;}
.bcel_menu .w_cont dl dd ul li a span:before {height:1px;content:'';width:0px;top:14px;left:50%;position:absolute;background:#000;transition:.7s ease}
.bcel_menu .w_cont dl dd ul li a span:hover:before {width:100%;margin-left:-50%;}
.bcel_menu .w_cont dl dd ul li div ul li a:before {height:1px;content:'';width:0px;top:10px;left:50%;position:absolute;background:#000;transition:.7s ease}
.bcel_menu .w_cont dl dd ul li.depth > a:before {top:15px;}
.bcel_menu .w_cont dl dd ul li div ul li  a:hover:before {width:100%;margin-left:-50%;}
/*ÀüÃ¼¸Þ´º*/
/*.mask {display:none; position:fixed; width:100%; height:0; background:#000; opacity:0; z-index:1000; transition:all 0.3s ease}*/
#header #nav li a:hover:after {width:80%}


/*¿¹¾à¹öÆ°È¿°ú*/
.counsel_quick {position:fixed; right:30px;top:10%;width:45px; border:1px solid #fff; background:transparent; border-radius:100%; overflow:hidden; transition: 0.5s ease-in-out;display:none;}
.counsel_quick:hover {width:150px; background:#fff; border-radius:50px;}
body.scrollfix .counsel_quick {width:150px; transition: 0.8s ease-in-out; border-radius:50px;}
body.scrollfix .counsel_quick:hover {width:150px; transition: 0.5s ease-in-out; border:1px solid #fff; background:#fff; border-radius:50px;}
.counsel_quick_wrap {position:relative; width:140px; height:40px; line-height:40px; overflow:hidden; margin:0 auto; cursor: pointer; display:flex; justify-content:space-evenly; align-items:center;}
.counsel_quick_wrap .counsel_quick_xi {position:relative;top:1px;padding-left:2px;}
.counsel_quick_wrap .counsel_quick_xi i {font-size:18px;color:#fff;}
.counsel_quick:hover .counsel_quick_wrap .counsel_quick_xi i {color:#000;}
.counsel_quick_wrap .counsel_quick_text {position:relative; width:auto; height:40px; line-height:38px; text-align:center;}
.counsel_quick_wrap .counsel_quick_text > p {color:#fff;line-height:unset;}
.counsel_quick_wrap:hover .counsel_quick_text > p {color:#000;}
.counsel_quick_text1{animation: counsel_quick_text1 infinite 2.8s ease-in-out alternate;}
.counsel_quick_text2{letter-spacing: 0.02em;animation: counsel_quick_text2 infinite 2.8s ease-in-out alternate;}
.counsel_quick:hover .counsel_quick_text1{animation: counsel_quick_text3 forwards 2.8s 0.6s ease-in-out alternate;}
.counsel_quick:hover .counsel_quick_text2{animation: counsel_quick_text4 forwards 2.8s 0.6s ease-in-out alternate;}
@keyframes counsel_quick_text1 {
    0% {opacity:1; transform: translateY(0);}
    20% {opacity:1; transform: translateY(0);}
    40% {opacity:1; transform: translateY(0);}
    60% {opacity:0; transform: translateY(-20px);}
    80% {opacity:0; transform: translateY(-20px);}
    100% {opacity:0; transform: translateY(-20px);}
}
@keyframes counsel_quick_text2 {
    0% {opacity:0; transform: translateY(-20px);}
    20% {opacity:0; transform: translateY(-20px);}
    40% {opacity:0; transform: translateY(-20px);}
    60% {opacity:1; transform: translateY(-38px);}
    80% {opacity:1; transform: translateY(-38px);}
    100% {opacity:1; transform: translateY(-38px);}
}
@keyframes counsel_quick_text3 {
    0% {opacity:1; transform: translateY(0);}
    20% {opacity:1; transform: translateY(0);}
    40% {opacity:1; transform: translateY(0);}
    60% {opacity:0; transform: translateY(-20px);}
    80% {opacity:0; transform: translateY(-20px);}
    100% {opacity:0; transform: translateY(-20px);}
}
@keyframes counsel_quick_text4 {
    0% {opacity:0; transform: translateY(-20px);}
    20% {opacity:0; transform: translateY(-20px);}
    40% {opacity:0; transform: translateY(-20px);}
    60% {opacity:1; transform: translateY(-38px);}
    80% {opacity:1; transform: translateY(-38px);}
    100% {opacity:1; transform: translateY(-38px);}
}

.cate_tag {top:14%;padding:15px 0 0;box-sizing:border-box;position:fixed;right:20px;opacity:1;transition:.7s ease;display:none;}
.cate_tag span {border-radius:2px;padding:12px 14px;font-size:13px;line-height:19px;width:170px;letter-spacing:-0.65px;background:#397ae1;box-shadow:3px 6px 13px rgba(85, 85, 85, 0.2);height:auto;color:#fff;text-align:left;display:inline-block;box-sizing:border-box;border-radius:10px;}
.cate_tag span:before {position:absolute; top:3px; right:25px; content:''; border-style:solid; border-width:6px; border-color:transparent transparent #397ae1 transparent}
.cate_tag.oc {opacity:0;}
.cate_tag.dn {display:none;}


/*¹Ìµð¾îÄõ¸®*/
@media screen and (max-width:1600px) {
#gnb > li > a {padding:25px 10px;}
.login_wrap > ul {margin-right:0px;}
}
@media screen and (max-width:1400px) {
.login_wrap > ul > li {position:relative; padding:0 5px;}
#gnb > li > a {padding:25px 5px;}
.bcel_menu .w_cont {width:auto;}
}
@media screen and (max-width:1300px) {
#gnb > li > a {font-size:14px;}
}
@media screen and (max-width:1200px) {
#header > .top {width:calc(100% - 40px);top:0px;margin-left:20px;}
#gnb {margin-left:80px;}
#header .spinBtn {right:20px;}
}
@media screen and (max-width:1024px) {


/* Çì´õ */
#header {background:#fff;}
#header .spinBtn {display:none;}
#logo {width:160px;position:absolute; top:0px; left:20px;margin-top:0px;padding-top:8px;}
#logo img {width:100%;}


#header .no-scroll-logo {display:none;}
#header .scroll-logo {display:block;}
#logo-dark {width:160px;margin:0px auto;}
#logo-dark img {width:100%;}
/*#header.fixed-new #logo {display:none;}*/
#header.fixed-new #logo.scroll-logo {display:none;}
#header.fixed-new .scroll-logo {display:block;}


#gnb {margin-left:0px;}


.total_menu {display:none;}
.bcel_menu_imgArea {display:none !important;}
.bcel_menu {display:none !important;}
#header {top:0px !important;height:55px;padding:0px;padding-top:10px !important;}
#header > .top {width:100%;margin-left:0px;}
#header > .top > .mobile-tel {display:block;top:0px;}
#header > .top > .mobile-tel span {font-family:'S-CoreDream';font-weight:300;}
#header > .top > .mobile-tel p {line-height:1;}
#header > .top > .mobile-tel p a {line-height:1;}
#header > .top > .login_wrap {display:none;}
#gnbWrapper {position:fixed; top:0; left:-100%; width:100%; height:100%; background:#fff; z-index:1010;}
#gnbWrapper .membership {width:100%;text-align:left;padding-top:70px;display:inline-block;margin-left:17px;}
#gnbWrapper .membership > ul {display:inline-block;}
#gnbWrapper .membership .lang_wrap {display:none;margin-left:20px;}
#gnbWrapper .membership .lang_wrap ul {z-index:5;width:auto;}
#gnbWrapper .membership .lang_wrap ul li a {font-family:Gotham, sans-serif;}
#gnbWrapper .membership > ul > li {display:inline-block;margin:0px 5px;}
#gnbWrapper .membership > ul > li > a {font-family:'notokr';font-size:13px;}
.mobile-sns {position:relative;text-align:left;width:100%;margin-left:20px;}
.mobile-sns > ul {display:inline-block;}
.mobile-sns > ul > li {display:inline-block;margin:0px 5px;}
.mobile-sns > ul > li a {font-size:14px;}


#gnbTrigger {display:block !important;}
.mobile-scroll {overflow:hidden;position:relative;/*width:calc(100% - 17px)*/}
.mobile-scroll-y {overflow:auto;height:529px;margin-right:-17px;margin-top:20px;padding-top:20px;padding-bottom:20px;margin-bottom:20px;border:solid 0px blue}
#gnb {float:none; margin-top:0px; text-align:left;overflow:hidden;padding-left:0px;}
#gnbWrapper:before {content: ''; position: absolute; display: block; left: 0; top:110px; right: 0; height: 30px; background-image: linear-gradient(0deg, hsla(0,0%,100%,0) 0, rgba(255,255,255,.3) 20%, #fff); z-index: 2222;border:solid 0px red;}
#gnbWrapper:after {content: ''; position: absolute; display: block; left: 0; top:612px; right: 0; height: 30px; background-image: linear-gradient(180deg, hsla(0,0%,100%,0) 0, rgba(255,255,255,.3) 20%, #fff); z-index: 2222;border:solid 0px red;}




 #gnb > li {display:block}
 #gnb > li > a {display:block; font-size:30px; padding:8px 22px !important;color:#333;}
 #gnb > li.open > a {color:#fff !important;background:#333;}
 #gnb > li > ul {position:static; margin:0 !important; width:auto; text-align:left; background:transparent; box-shadow:none;}
 /*#gnb > li.open > ul {display:block;}*/
 #gnb > li > ul:before {display:none}
 #gnb > li > ul > li > a {font-size:16px; padding:8px 0; border-bottom:none}
 
 /*¿¹¾à¹öÆ°È¿°ú*/
.counsel_quick {display:none;}
.cate_tag {display:none;}
}
@media screen and (max-width:768px) {
 /* Çì´õ */
 #gnb > li > a {font-size:18px !important}
 #gnb > li > ul > li > a {font-size:16px;font-family:'notokr';}
 }
 
@media screen and (max-width:480px) {
.mobile-scroll-y {margin-right:0px;} 
}




/* ÇªÅÍ */
#footer {margin-top:80px; padding:70px 0 80px 0; background:#012b6a}
#footer > .inner {width:1600px; margin:auto}
#footer .foot_wrap {position:relative;font-size:0px;}
#footer .foot_wrap > div {display:inline-block;vertical-align:top;}
#footer .foot_logo {width:145px;}
#footer .foot_info {width:955px;padding-left:60px;}
#footer .foot_info span {color:#bdbdbd;font-size:17px;display:block;line-height:1.5;}
#footer .foot_info > h3 {margin-top:30px;}
#footer .foot_info > h3 a {color:#5093e7;font-size:17px;font-weight:normal;}
#footer .foot_customer {width:500px;text-align:right;}
#footer .foot_customer h1 {font-size:35px;color:#5093e7;font-family:'notokr';font-weight:bold;}
#footer .foot_customer p {font-size:15px;color:#fff;}
#footer .foot_customer span {margin-top:20px;display:inline-block;}
#footer .foot_customer span a {display:inline-block;margin-left:10px;font-size:24px;color:#fff;transition:all 0.3s ease}
#footer .foot_customer span a:hover {color:#fff;}


@media screen and (max-width:1620px) {
#footer > .inner {width:1400px;}
#footer .foot_info {width:755px;}
}


@media screen and (max-width:1400px) {
/* ÇªÅÍ */
#footer > .inner {width:100%;padding:0px 20px;}
#footer .foot_logo {width:15%;}
#footer .foot_info {width:65%;}
#footer .foot_customer {width:20%;}
}
@media screen and (max-width:1200px) {
/* ÇªÅÍ */
#footer {margin-top:50px;}
#footer > .inner {width:100%; margin:auto;padding:0px 20px;}
}
@media screen and (max-width:1024px) {
/* ÇªÅÍ */
#footer {padding:70px 0 80px 0;}
#footer > .inner {}
#footer .foot_wrap {position:relative;font-size:0px;text-align:center;}
#footer .foot_wrap > div {display:block;vertical-align:top;}
#footer .foot_logo {width:100%;}
#footer .foot_logo a img {width:80px;}
#footer .foot_info {width:100%;padding-left:0px;padding-top:20px;}
#footer .foot_info span {font-size:14px;display:block;line-height:1.5;}
#footer .foot_info span a {color:#bdbdbd;font-size:14px;}
#footer .foot_info > h3 {margin-top:30px;}
#footer .foot_info > h3 a {font-size:14px;}
#footer .foot_customer {width:100%;text-align:center;}
#footer .foot_customer h1 {font-size:25px;}
#footer .foot_customer p {font-size:12px;color:#555;}
#footer .foot_customer span {margin-top:20px;display:inline-block;}
#footer .foot_customer span a {display:inline-block;margin-left:10px;font-size:20px;}
#footer .foot_customer span a:first-child {margin-left:0px;}
}


/* »ó´ÜÀ¸·Î ½ºÅ©·Ñ */
#scrollTop {display:none; position:fixed; bottom:90px; right:-60px; display:inline-block; width:45px; height:45px; text-align:center; color:#fff; line-height:45px; border-radius:50%; background:#555;z-index:900;transform: rotate(-360deg);transition: all .4s ease;}
#scrollTop i {position:absolute; top:35%; left:35%; transition:all .4s ease}
#scrollTop span {position:absolute; width:100%; top:0; left:50%; font-weight:600; margin-left:-22px; line-height:45px; opacity:0; filter:alpha(opacity='0'); transform:rotate(-360deg); transition:all .4s ease}
#scrollTop.on i {opacity:0; filter:alpha(opacity='0'); transform:rotate(360deg)}
#scrollTop.on span {display:block; opacity:1; filter:alpha(opacity='100'); transform:rotate(0deg)}




/* ¸ÞÀÎ»ó´ãÃ¢ 2022-04-13ÀÛµ¿È®ÀÎ*/
.main_inquiry {display:;position:fixed;bottom:0px;left:50%;margin-left:-700px;bottom:0px;z-index:110;}
.main_inquiry .inquiry_form {width:1400px;margin:0px auto;background:rgba(0,0,0,0.8);padding:30px 0px;}
.main_inquiry .inquiry_form ul {font-size:0px;text-align:center;}
.main_inquiry .inquiry_form ul li {display:inline-block;font-size:12px;width:auto;padding:0px;color:#fff;margin-right:10px;}
.main_inquiry .inquiry_form ul li input {margin-right:3px;margin-left:5px;}
.main_inquiry .inquiry_form ul li input[type='text'] {padding:10px 15px;}
.main_inquiry .inquiry_form ul li input[type='checkbox'] {position:relative;top:-1px;}
.main_inquiry .inquiry_form ul li.check a {color:#fff;}
.main_inquiry .inquiry_form > span {display:inline-block;font-size:12px;border:0px;position:absolute;right:0px;top:0px;height:99px;}
.main_inquiry .inquiry_form > span input[type='submit'] {background:#f24864;color:#fff;border:0px;padding:0px 50px;height:99px;font-size:20px;cursor:pointer;}
.main_inquiry .inquiry_form .title_form {display:inline-block;position:absolute;left:20px;top:20px;}




@media screen and (max-width:1024px) {
#scrollTop {display:none;}
}