@charset "utf-8";
/* CSS Document */

#wrap { width:100%; position:relative; overflow:hidden; }
section { width:100%; position:relative; z-index:10; }
/*header*/
header { position:fixed; top:0; left:0; width:100%; height:100px; transition:0.5s; z-index:9999; }
header.change { backdrop-filter:blur(12px); box-shadow:0 0 5px rgba(0,0,0,.08); background:rgba(0,0,0,.3); } 
#header { position:relative; width:100%; text-align:center; }
.headerbox { width:100%; padding:0 20px; height:100px; position:relative; display:flex; align-items:center; justify-content:space-between; }
h1.logo {  }
h1.logo img { width:180px; }
nav.top-menu { display:inline-block; margin-left:-5%; }
nav.top-menu ul { display:flex; align-items:center; }
nav.top-menu ul li { margin:0 15px; }
nav.top-menu ul li a { display:block; color:#fff; font-size:16px; text-align:center; letter-spacing:0; }
.top-lang {}
.top-lang ul { }
.top-lang ul li { display:inline-block; }
.top-lang ul li a { color:#fff; font-size:20px; font-weight:400; }
.top-lang ul li a.lang-kor { margin-right:15px; color:#9d2eab; font-weight:700; }
.top-lang ul li a.lang-eng { margin-left:10px; color:#9d2eab; font-weight:700; }
.line-menu-btn { display:inline-block; background:transparent; cursor:pointer; width:40px; height:40px; border:none; position:relative; z-index:1; padding:0; }
.line-menu-btn > span { display:block; width:26px; height:3px; background:#eee; margin:4px auto;transform:translateX(0px) rotate(0deg); transform-origin:center right; transition:transform .2s, opacity .2s; border-radius:1px; }
.line-menu-btn.off > span:nth-child(1) { transform:translateX(-2px) translateY(-2px) rotate(-45deg); transform-origin:center right; }
.line-menu-btn.off > span:nth-child(2) { opacity:0; }
.line-menu-btn.off > span:nth-child(3) { transform:translateX(-2px) translateY(2px) rotate(45deg); transform-origin:center right; }
.line-panel{ min-height:100vh; width:50vw; background:rgba(0,0,0,.8); position:absolute; top:0; right:0; opacity:1; transition:all 1s; transform:translateX(0%);}
.line-panel.off { transform:translateX(100%); opacity:0; width:0; }
.panel-box { padding:10%; color:#eee; text-align:right; }
.panel-nav {  }
.panel-nav li { width:100%; height:80px; display:flex; align-items:center; }
.panel-nav li a { position:relative; margin-left:auto; display:block; color:#ccc; font-size:32px; font-weight:500; transition:all .5s ease; }
.panel-nav li a:after { position:absolute; display:block; width:0; height:1px; content:''; top:50%; right:0; transform:translate(0,-50%);transition:all .5s ease;  }
.panel-nav li a:active, .panel-nav li a:hover {  padding-right:40px; font-size:40px; color:#fff; font-weight:700; } 
.panel-nav li a:active:after, .panel-nav li a:hover:after { width:35px; background:#eee; }
/*footer*/
footer { background:#0b0121; }
#foot { padding:90px 0; }
.fwrap { display:flex; align-items:stretch; justify-content:space-between; }
.fwrap-lf { width:60%; position:relative; }
.fwrap-lf h1 { position:absolute; top:0; left:0; }
.fwrap-lf h1 img { width:180px; }
.fwrap-lf p { width:100%; position:absolute; bottom:0; left:0; color:#888; font-size:15px; line-height:1.5; }
.fwrap-lf p span { margin-right:10px; }
.fwrap-lf p span em { margin-right:3px; }
.fwrap-rt {}
.fwrap-rt h5 { font-size:20px; font-weight:700; color:#bbb; margin-bottom:20px; }
.sns { padding-bottom:40px; }
.sns > div a {display:inline-block; margin-right:30px; }
.down ul li { padding:10px 3px; border-bottom:#888 solid 1px; }
.down ul li a { position:relative; display:block; padding-right:35px; font-size:20px; color:#bbb; }
.down ul li a:after { position:absolute; content:''; top:50%; right:0; transform:translate(0,-50%); width:18px; height:18px; background:url(../img/downicon.svg) no-repeat; background-size:18px 18px; }

/*page01*/
.main-slide {}
.main-slide > div { }
.main-slidebox { position:relative; width:100vw; min-height:100vh; max-height:980px; }
.fullbanner .slide { position:relative; width:100%; min-height:100vh; background:#ccc; font-size:0; }
.fullbanner .slide > img { display:block; width:100%; min-height:100vh; object-fit:cover; }
.fullbanner .slide .txt { position:absolute; max-width:650px; width:50%; bottom:120px; left:50%; transform:translate(-50%,0); animation:fadeup .5s ease; }
@keyframes fadeup {
  0% { transform:translateX(-50%) translateY(120px); opacity:0;  }
  100% { transform:translateX(-50%) translateY(0); opacity:1;  }
}
.fullbanner .slide .txt img { display:block; max-width:650px; width:100%; }
.progressBarContainer { width:100%; display:flex !important; justify-content:center; align-items:center; flex-direction:row; }
.progressBarContainer li { display:flex; width:20%; margin-right:1px !important; padding:0; cursor:pointer; list-style:none; flex-direction:row; }
.progressBarContainer li:last-child { margin-right:0; }
.progressBarContainer .progressBar { width:100%; height:4px; background:rgba(255, 255, 255, 0.4); display:block; border-radius:0; }
.progressBarContainer .inProgress { background-color:#663e8e; width:0%; height:4px; border-radius:0; }
.fullbanner .slick-dots { position:absolute; display:flex; bottom:30px !important;}
.fullbanner .slick-dots li.slick-active button { background:rgba(255, 255, 255, 0.4); border-radius:0; }
.fullbanner .slick-dots li button:before { display:none !important;}
.fullbanner .slick-dots button { width:100%; height:4px; border:none; padding-left:0; padding-right:0;}
.fullthumbs { position:absolute; width:120px !important; top:50%; right:20px;transform:translate(0,-50%); z-index:3; }
.fullthumbs .slick-track { width:100px !important; }
.num-thumbs { width:100px; position:relative; }
.num-thumbs .slick-list { overflow:visible; }
.num-thumbs li { position:relative; float:none !important; width:100px !important; height:20px; margin-bottom:30px; left:0 !important; opacity:1 !important; transition:all 0.4s !important; }
.num-thumbs .slick-current { left:-10px !important; }
.num-thumbs li span { width:100%; display:inline-block; text-align:left; position:relative; }
.num-thumbs li span em { display:inline-block; font-size:24px; color:#bbb; font-weight:500; }
.num-thumbs li span:after { position:absolute; content:''; width:60%; height:1px; background:transparent; top:50%; right:0; transform:translate(0,-50%); }
.num-thumbs .slick-current span:after { background:#fff !important; }
.num-thumbs .slick-current span em { font-size:30px; color:#fff; font-weight:700; }

/*page02*/
.page02 { position:relative; padding:100px 0; background:linear-gradient(to bottom, #e8e8e8, #e8e8e8, #bfc2d1); }
.page02 .page02bg { position:absolute; bottom:0; right:0; z-index:1; text-align:right; }
.page02 .page02bg img {}
.page02-tab { }
.page02-tab ul { display:flex; align-items:center; justify-content:space-between; }
.page02-tab ul li { width:19.7%; }
.page02-tab ul li a { display:block; width:100%; background:#969696; color:#fff; text-align:center; padding:15px 0; font-size:16px; }
.page02-tab ul li a.on { background:#663e8e; }
.page02-tab-con {}
.page02-tab-con .tab-con01 { padding-top:100px; }
.page02-tab-con .tab-con01 img { display:block; margin:0 auto; }
.page02-tab-con .tab-con01 .tab-con01-txt { padding:80px 0 0 0; text-align:center; }
.page02-tab-con .tab-con01 .tab-con01-txt h5 { font-size:28px; font-weight:600; color:#aaa; letter-spacing:0; }
.page02-tab-con .tab-con01 .tab-con01-txt h5 > em { font-weight:600; }
.page02-tab-con .tab-con01 .tab-con01-txt h5 p { font-size:24px; padding-top:20px; font-weight:400; color:#444; letter-spacing:-.03em; }
.page02-tab-con .tab-con01 .tab-con01-txt span { display:block; margin-top:40px; color:#999; font-size:18px; }

/*page03*/
.page03 { padding:100px 0; background:#0b0121; color:#fff;  }
.page03-box01 { width:700px; margin:0 auto; text-align:center; padding-bottom:150px; }
.page03-box01 h3 { margin-bottom:60px; font-size:28px; font-weight:500; color:#fff; }
.page03-box01 h3 em { font-weight:800; color:#814fb3; }
.page03-box01 > div ul { display:flex; align-items:center; justify-content:space-between; }
.page03-box01 > div ul li { display:block; position:relative; width:33.33%; }
.page03-box01 > div ul.mech li:after { position:absolute; content:''; top:50%; left:-19px; transform:translate(0,-50%); width:37px; height:49px; background:url(../img/amp.gif) no-repeat; background-size:37px auto; }
.page03-box01 > div ul.mech li:nth-of-type(1):after { width:0; background:none; }
.page03-box01 > div ul.use { justify-content:center; }
.page03-box01 p.txt { display:block; padding-top:50px; font-size:20px; color:#fff; line-height:1.7; }
.page03-box01 > div > p span { display:block; }
ul.use li { text-align:center; } 
ul.use li > div { position:relative; }
ul.use li h5 { padding-bottom:35px; font-size:30px; font-weight:800; letter-spacing:0; }
ul.use li h5 em { font-weight:800; }
.ppcircle { position:relative; text-align:center;}
.ppcircle span { position:relative; margin:0 auto; display:inline-block; width:16px; height:16px; background:#fff; border-radius:50%; border:#663e8e solid 4px; z-index:3; }
.ppcircle:after { position:absolute; content:''; top:50%; left:0; transform:translate(0,-50%); width:100%; height:1px; background:#fff;z-index:1; }
ul.use li:nth-of-type(1) .ppcircle:after { left:50%; width:50%; }
ul.use li:nth-of-type(3) .ppcircle:after { right:50%; width:50%; }
ul.use li img { display:block; margin:50px auto 0 auto; }
ul.use li p > span { display:block; }
.page03-box02 { position:relative; padding:150px 0; }
.page03-box02 .leftbox { position:relative; text-align:left; z-index:3; }
.page03-box02 .leftbox h3 { padding-bottom:60px; line-height:1.5; }
.page03-box02 .leftbox p { padding-bottom:40px; line-height:1.8; font-size:20px; }
.page03 .rtbox { position:absolute; text-align:right; bottom:0; right:0; z-index:1; }/*test img perspective:1px;transform-style:preserve-3d;*/
.page03 .rtbox img { max-width:933px; }
.page03-box03 {}
.page03-box03 ul { display:flex; align-items:stretch; justify-content:space-between; }
.page03-box03 ul li { width:32%; }
.page03-box03 ul li > div { width:100%; height:100%; padding:50px 30px; background:#130034; border-radius:30px; box-shadow:0 15px 25px rgba(0,0,0,.5); text-align:center; }
.page03-box03 ul li > div img {}
.page03-box03 ul li > div h5 { padding:30px 0; font-size:24px; font-weight:700; line-height:1.5; }
.page03-box03 ul li > div h5 span { display:block; font-weight:800; font-size:20px;}
.page03-box03 ul li > div p { font-size:18px; color:#ccc; line-height:1.7; }
.page03-box04 { width:1000px; margin:200px auto;}
.page03-box04 > h3 { padding-bottom:80px; text-align:center; font-size:42px; font-weight:800; }
.page03-box04 .box05-tab { }
@-webkit-keyframes movingTab {
  0% { transform:translateX(0%);  }
  50% { transform:translateX(-10%); }
  100% { transform:translateX(0%); }
}
@keyframes movingTab {
  0% { transform:translateX(0%);  }
  50% { transform:translateX(-10%); }
  100% { transform:translateX(0%); }
}
.box05-tab { }
.box05-tab .box05-tablist { width:600px; margin:0 auto; display:flex; align-items:center; position:relative; background:#ddd; border-radius:25px; }
.box05-tab .box05-tablist li { width:50%; position:relative; z-index:2; }
.box05-tab .box05-tablist li a { display:block; font-size:18px; line-height:50px; color:#636363; transition:color ease 0.7s, box-shadow 0.5s; text-align:center; }
.box05-tab .box05-tablist li a.actived { color:#fff; }
.box05-tab .box05-tablist li a.actived:hover { box-shadow:none; }
.box05-tab .box05-tablist li.moving-tab { display:block; position:absolute; bottom:0; left:0; height:110%; top:-5%; background:#753c94;box-shadow:0 24px 18px -15px rgba(0,0,0,.6); transition:left 0.7s, box-shadow 0.5s;  z-index:1; border-radius:25px;}
.box05-tab .box05-tablist li.moving-tab:hover { box-shadow:0 24px 18px -15px rgba(0,0,0,.6);}
.box05-tab .box05-tablist li.moving-tab--interaction { animation:movingTab 0.4s forwards; transition:left 0.4s cubic-bezier(0.29, 1.42, 0.79, 1);}
.box05-tab .box05-tab-con { margin-top:80px; }
.box05-tab .box05-tab-con .arrow01 { display:block; }
.box05-tab .box05-tab-con > li { position:relative; display:none; }
.box05-tab .box05-tab-con > li.actived { display:block; }

.arrow01 { position:relative; display:flex; align-items:center; z-index:3; }
.box05-bgimg { display:inline-block; position:absolute; top:-20px; right:0; height:100%; z-index:1; }
.box05-bgimg img { display:inline-block !important; height:100%; }

.stw01 { position:relative; width:100%; display:flex !important; align-items:center; }
.stw01 .stw01-col01 { width:40%; }
.stw01 .stw01-col01 h5 { padding-bottom:65px; font-size:42px; font-weight:800; }
.stw01 .stw01-col01 h5 p { font-size:20px; color:#ddd;}
.stw01 .stw01-col01 ul {}
.stw01 .stw01-col01 ul li { position:relative; padding-left:10px; margin-bottom:15px; font-size:20px; }
.stw01 .stw01-col01 ul li:after { position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#fff; top:9px; left:0; }
.stw01 .stw01-col01 ul li p { margin-top:3px; padding-left:5px; }
.stw01 .stw01-col02 { width:60%; text-align:right; flex-shrink:0; }
.stw01 .stw01-col02 img { display:inline; max-width:100%; }
.box05-con-stw.actived .arrow01 .slick-track, .box05-con-stw.actived .arrow01 .slick-slide { width:100% !important; }

/* slider Dot,Arrows */
.slick-dots { display:flex; justify-content:center; margin:0; padding:1.5rem 0; }
.slick-dots li {margin:0 .8rem;}
.slick-dots button { display: block; width:10px; height:10px; padding:0; border:none; border-radius:50%; background:#eee; text-indent:-9999px;}
.slick-dots li.slick-active button { background:#663e8e; }
.slick-prev, .slick-next { position:absolute; top:50%; display:inline-block; width:28px; height:46px; -webkit-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; text-indent:-9999; font-size:0; z-index:10; }
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity:.25;}
.slick-prev:before, .slick-next:before { position:absolute; top:0; left:0; width:28px; height:46px; content:''; z-index:10; }
.arrow01 .slick-prev { left:-100px; } .arrow01 .slick-next { right:-100px; }
.arrow02 .slick-prev { left:-5%; } .arrow02 .slick-next { right:-5%; }
.arrow01 .slick-prev:before { background:url(../img/arrow01-prev.png) no-repeat; }
.arrow01 .slick-next:before{ background:url(../img/arrow01-next.png) no-repeat; }
.arrow02 .slick-prev:before { background:url(../img/arrow02-prev.svg) no-repeat; }
.arrow02 .slick-next:before{ background:url(../img/arrow02-next.svg) no-repeat; }
.arrow01 .slick-track { display:flex; align-items:center; }

/*page04*/
.page04 { width:100%; padding:150px 0; background:url(../img/bgimg-page04.jpg) no-repeat; background-size:cover; }
.page04-con { padding:100px; border:#663e8e solid 2px; border-radius:30px; color:#fff; }
.page04-con-row01 { display:flex; align-items:center; }
.page04-con-row01 .img { width:auto; flex-shrink:0; }
.page04-con-row01 .txt { padding-left:50px;}
.page04-con-row01 .txt h5 { padding-bottom:60px; font-size:40px; font-weight:800; line-height:1.3; }
.page04-con-row01 .txt p { font-size:20px; line-height:1.6;  }
.page04-con-row01 .txt p span { display:block; margin-top:40px; }
.page04-con-row02 h5.bigtit2 { padding:100px 0 60px 0; }
.page04-con-row02 .row02list ul { display:flex; align-items:start; }
.page04-con-row02 .row02list ul li { width:25%; text-align:center; }
.page04-con-row02 .row02list ul li h5 { font-size:20px; color:#eee;line-height:1.6; }
.page04-con-row02 .row02list ul li h5 p { font-size:25px; font-weight:800; line-height:1.3; }
.c-graph { position:relative; margin-top:50px; }
.circle-graph-container { display:inline-block; }
.circle-graph span { display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; font-size:26px; font-weight:700; line-height:1.2; z-index:10; }
.circle-graph { position:relative; transition:all 0.3s ease-in-out; }

/*page05*/
.page05 { width:100%; padding:150px 0;background:#120233; color:#fff; text-align:center; }
.page05 h3 { padding-bottom:60px; }
.page05-sdwrap { position:relative; padding:80px 0; display:flex !important; align-items:center; }
.page05-sdwrap .txt { width:45%; text-align:center; }
.page05-sdwrap .txt h5 span { color:#ccc; }
.page05-sdwrap .txt p { font-size:20px; line-height:1.6; }
.subtxt01 { padding:20px 0 20px 0; font-weight:500; }
.subtxt02 { }
.subtxt03 {}
.page05-sdwrap .img { width:55%;position:relative; }
.page05-sdwrap .img img { max-width:100%; }
.lms-img01 { margin-top:-80px;}
.lms-img02 { position:absolute; bottom:-80px; right:0; }
.lms-img03 { margin-top:-80px; }
.lms-img04 {position:absolute; bottom:-100px; right:0;}
.page05-sdwrap .txt .subtxt03 { padding-top:20px; }
.page05-sdwrap .txt .subtxt03 > ul { width:100%; display:flex; justify-content:flex-start; flex-wrap:wrap;}
.page05-sdwrap .txt .subtxt03 > ul > li { width:50%; margin-top:20px; }
img.subtxt03-img { display:block; margin:0 auto;}
.page05-sdwrap .txt .subtxt03 > ul > li h6 { font-size:16px; padding-top:8px; font-weight:700; }
.page05-sdwrap .txt .subtxt03 > ul > li h6 p { font-size:14px; padding-top:5px; font-weight:600; color:#ddd; }
.page05-sdwrap .txt .subtxt03-lf { text-align:left; }
.page05-sdwrap .txt .subtxt03-lf > ul { padding-left:20px; }
.page05-sdwrap .txt .subtxt03-lf .subtxt03-lf-ul li { margin-top:5px; }
.subtxt03-lf-ul li em { display:inline-block; vertical-align:text-bottom; margin-left:3px; width:12px; height:12px; border-radius:50%; }
.subtxt03-lf-ul li em.c-green { background:#04ff3d;}
.subtxt03-lf-ul li em.c-gray { background:#aaa;}
.subtxt03-lf-ul li em.c-red { background:#ff0000; }
.page05-sdwrap .txt .subtxt04 { padding-top:20px; text-align:center; }
.page05-sdwrap .txt .subtxt04 h6 { font-size:15px; padding-top:5px; }
.page05-sdwrap .txt .subtxt04 h6 p { padding-top:5px; font-size:12px; }

/*page06*/
.page06 { padding:100px 0; background:#0b0121; }
.roundtit { padding-bottom:80px; text-align:center; }
.roundtit > span { display:inline-block; width:260px; font-size:30px; font-weight:700; text-align:center; line-height:40px; border-radius:20px; background:#fff;  }
.page06-box02 h3 {  color:#fff; text-align:center; }
.page06-box02 .box05-tab { margin:50px 0 70px 0; }
.page6gall { width:100%; margin:0 auto; }
.slider-for > div { width:100%; height:300px; background:#999; }
.slider-nav { margin-top:30px; text-align:center; }
.slider-nav img { display:block; width:100%; margin:0 auto; }
.slider-nav .slick-slide { margin:0 10px; }
.page06-box01 { padding-bottom:100px; }
.gallery .g-slide { padding:0 10px; }
.gallery .g-slide img { width:100%; }
.qnabox {} 
.qnabox dl { padding:30px 0; border-top:#aaa solid 1px; color:#fff; }
.qnabox dl dt, .qnabox dl dd { position:relative; padding-left:60px; font-size:22px; line-height:1.5; }
.qnabox dl dt { font-weight:700; }
.qnabox dl dd { margin-top:30px; font-weight:400; }
.qnabox dl span { display:inline-block; position:absolute; width:40px; line-height:40px; font-size:20px; font-weight:700; border-radius:20px; text-align:center; top:-2px; left:0; }
.qbox span { background:#663e8e; color:#fff; }
.abox span { background:#ccc; }

/*page07*/
.page07 { width:100%; padding:100px 0; background:url(../img/bgimg-client.jpg) no-repeat; background-size:cover;color:#fff; }
.c-number { padding-bottom:150px; }
.c-number ul { display:flex; align-items:center; justify-content:space-between; }
.c-number ul li { width:30%; text-align:center; }
.c-number ul li div { text-align:center; }
.c-number ul li h5 { color:#382459; font-size:64px; font-weight:800; text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; }
.c-number ul li span { display:block; margin-top:20px; font-size:28px; font-weight:500; }
.c-list { text-align:center; }
.c-list h3 { padding-bottom:60px; }
.c-list ul li { padding-bottom:30px; display:flex; align-items:center; justify-content:center; }
.c-list ul li span { display:inline-block; }

/*common*/
.pptxt { color:#663e8e !important; }
.pptxt2 { color:#7a3ebb !important; }
.af { position:relative; }
.af:after { display:block; clear:both; content:''; }
.width1147 { max-width:1147px; margin:0 auto; }
.width1200 { max-width:1200px; margin:0 auto; }
.width1400 { max-width:1400px; margin:0 auto; }
.bigtit { font-size:45px; font-weight:700; }
.bigtit2 { font-size:40px; font-weight:700; }
/*br { display:none !important; }*/


/*------------------------- min 1200 -------------------------*/
@media only screen and (min-width:1200px) {
.top-lang { position:absolute; top:50%; transform:translate(0,-50%); right:20px; }
.gallery .slick-slide, .gallery .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] { width:700px !important; margin-top:30px; transition: transform 0.3s; opacity:.5; }
.gallery .slick-center, .gallery .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] { width:800px !important; margin-top:0; opacity:1; }
.gallery .slick-next { right:50%; margin-right:-480px; z-index:3; }
.gallery .slick-prev { left:50%; margin-left:-480px; z-index:3; }
}

/*------------------------- max 1199 -------------------------*/
@media only screen and (max-width:1199px) {
header { height:85px; }
.headerbox { height:85px; padding:10px; }
nav.top-menu { display:none; }
.top-lang { position:absolute; top:50%; transform:translate(0,-50%); right:20px; }
.line-panel{ min-height:100vh; width:100vw; }
.width1147 { max-width:96%; }
.width1200 { max-width:98%; }

.page03-box04 { width:90%; margin:120px auto; }
.page03-box04 > h3 { padding-bottom:50px; font-size:36px; }
.box05-bgimg { height:90%; z-index:1; }
.page05width { width:90%;margin:0 auto; }

.slider-nav img { width:95%; }
.gallery .slick-slide, .gallery .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] { opacity:.5; }
.gallery .slick-center, .gallery .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {  opacity:1; }
.gallery .slick-next { right:10px; z-index:3; }
.gallery .slick-prev { left:10px; z-index:3; }

/*page07*/
.c-list ul { display:flex; flex-wrap:wrap; justify-content:center;}
.c-list h3 { padding-bottom:40px; }
.c-list ul li { padding-bottom:0; display: contents; }
.c-list ul li span { margin-bottom:20px; }

/*footer*/
#foot { padding:60px 10px; }
}

/*------------------------- 768~1199 -------------------------*/
@media only screen and (max-width:1199px) and (min-width:768px) {
h1.logo img { width:140px; }
/*page02*/
.page02 { position:relative; padding:80px 0; }
.page02 .page02bg img { width:700px; }
/*page03*/
.page03-box02 { padding:80px 30px; }
.page03-box02 .leftbox h3 { padding-bottom:40px; line-height:1.5; }
.page03-box02 .leftbox p { padding-bottom:20px; line-height:1.6; font-size:18px; }
.page03 .rtbox img { width:60%; }

.page03-box03 { width:90%; margin:30px auto 0 auto; }
.page03-box03 ul li { width:32%; }
.page03-box03 ul li > div { padding:30px 18px; }
.page03-box03 ul li > div img { width:120px; }
.page03-box03 ul li > div h5 { padding:20px 0; font-size:21px; }
.page03-box03 ul li > div p { font-size:15px;line-height:1.6; }
.page03-box04 { width:90%; margin:100px auto; }
.page03-box04 > h3 { padding-bottom:60px; font-size:36px; }
.stw01 .stw01-col01 h5 { padding-bottom:40px; font-size:38px; }
.stw01 .stw01-col01 { width:50%; }
.stw01 .stw01-col02 { width:48%; }
.stw01 .stw01-col02 img { max-width:90%; }

/*page04*/
.page04 { padding:100px 0; }
.page04-con { padding:5%; border:#663e8e solid 2px; border-radius:20px; color:#fff; }
.page04-con-row01 .img { width:40%; max-width:360px; flex-shrink:0; }
.page04-con-row01 .img img { width:100%; }
.page04-con-row01 .txt { padding-left:40px; }
.page04-con-row01 .txt h5 { padding-bottom:40px; font-size:36px; }
.page04-con-row01 .txt p { font-size:18px; }
.page04-con-row01 .txt p span { margin-top:32px; }
.page04-con-row02 h5.bigtit2 { padding:80px 0 50px 0; }
.page04-con-row02 .row02list ul li h5 { font-size:17px; line-height:1.5rem; height:6rem; }
.page04-con-row02 .row02list ul li h5 p { font-size:20px; line-height:1.3; }

.c-number ul li span { display:block; margin-top:20px; font-size:25px; font-weight:500; }

/*page05*/
.page05 { width:100%; padding:150px 0;background:#120233; color:#fff; text-align:center; }
.page05 h3 { padding-bottom:60px; }
.page05 h5.bigtit { font-size:30px; }
.page05-sdwrap { position:relative; padding:40px 0; }
.page05-sdwrap .txt { width:45%; }
.page05-sdwrap .txt p { font-size:19px; }
.page05-sdwrap .txt p br { display:none; }
.subtxt01 { padding:10px 0 50px 0; }
.subtxt02 { font-size:16px; }
.page05-sdwrap .img { display:flex; }
.page05-sdwrap .img img { max-width:90%; margin-left:auto; }
.lms-img01 { margin-top:-80px;}
.page05-sdwrap .img img.lms-img02 { max-width:80%; }
.lms-img03 { margin-top:-80px; }
.page05-sdwrap .img img.lms-img04 { bottom:-100px; max-width:70%; }
.gallery .g-slide img { max-width:700px; }

/*page06*/
.roundtit { padding-bottom:60px; }
.qnabox { padding:0 10px; }
.qnabox dl { display:block; padding:20px 10px; }
.qnabox dl dt, .qnabox dl dd { padding-left:50px; font-size:20px; }
.qnabox dl dd { margin-top:20px; }
.qnabox dl span { width:32px; line-height:32px; font-size:18px; border-radius:16px; top:0; }

/* Arrows */
.arrow01 .slick-prev { left:-5%; } .arrow01 .slick-next { right:-5%; }
.arrow02 .slick-prev { left:0; } .arrow02 .slick-next { right:0; }
/*common*/
.bigtit { font-size:40px; }
.bigtit2 { font-size:35px; }
}

/*------------------------- max 767 -------------------------*/
@media only screen and (max-width:767px) {
/*page01*/
.fullthumbs { width:100px !important; right:10px; display:flex; }
.fullthumbs .slick-track { width:80px !important; }
.num-thumbs { width:80px; position:relative; margin-left:auto; }
.num-thumbs li { width:80px !important; height:20px; margin-bottom:20px; }
.num-thumbs .slick-current { left:-10px !important; }
.num-thumbs li span em { font-size:18px; }
.num-thumbs .slick-current span em { font-size:24px; }
.progressBarContainer li { width:25%; margin:0 .1rem !important; }

/*page02*/
.page02 { position:relative; padding:70px 0; }
.page02 .page02bg img { width:90%; }
.page02-tab ul li a { padding:13px 0; font-size:14px; }
.page02-tab ul { flex-wrap:wrap; }
.page02-tab ul li:nth-child(n+1):nth-child(-n+2) { width:49.8%; }
.page02-tab ul li:nth-child(n+3):nth-child(-n+5) { width:49.8%; margin-top:.5%; }
.page02-tab-con .tab-con01 { padding-top:60px; }
.page02-tab-con .tab-con01 img { width:70%; }
.page02-tab-con .tab-con01 img.tab-con01-img01 {  }/*max-width:;*/
.page02-tab-con .tab-con01 .tab-con01-txt { padding:40px 0 0 0; }
.page02-tab-con .tab-con01 .tab-con01-txt h5 { font-size:22px; }
.page02-tab-con .tab-con01 .tab-con01-txt h5 p { font-size:18px; padding-top:15px; } 
.page02-tab-con .tab-con01 .tab-con01-txt span { margin-top:25px; font-size:15px; }

/*page03*/
.page03-box01 { width:100%; }
.page03-box01 > div ul.mech { width:90%; margin:0 auto; }
.page03-box01 > div ul.mech li img { max-width:152px; width:100%; }
.page03-box02 { padding:20px 25px 40px 25px; }
.page03-box02 .leftbox h3 { padding-bottom:30px; }
.page03-box02 .leftbox p { padding-bottom:15px; line-height:1.6; font-size:16px; }
.page03 .rtbox img { width:60%; opacity:.6; }
.page03-box03 ul { display:block; }
.page03-box03 ul li { width:100%; margin-bottom:20px; }
.page03-box03 ul li > div { position:relative; height:auto; padding:25px 25px 25px 150px; border-radius:30px; text-align:left; }
.page03-box03 ul li > div img { position:absolute; top:50%; left:30px; transform:translate(0,-50%);width:90px; }
.page03-box03 ul li > div h5 { padding:0 0 20px 0; font-size:20px; }
.page03-box03 ul li > div h5 span { display:block; font-weight:800; }
.page03-box03 ul li > div p { font-size:15px;}
.page03-box03 ul li > div p br { display:none; }
.stw01 { position:relative; width:90%; margin:0 auto; display:block !important; }
.stw01 .stw01-col01 { width:100%; }
.stw01 .stw01-col01 h5 { padding-bottom:20px; font-size:28px; }
.stw01 .stw01-col01 h5 p { font-size:16px; }
.stw01 .stw01-col01 ul li { position:relative; padding-left:10px; margin-bottom:8px; font-size:16px; }
.stw01 .stw01-col01 ul li:after { position:absolute; content:''; width:3px; height:3px; border-radius:50%; background:#fff; top:7px; left:0; }
.stw01 .stw01-col01 ul li p { margin-top:3px; padding-left:5px; font-size:15px; }
.stw01 .stw01-col02 { width:100%; text-align:center; }
.stw01 .stw01-col02 img { display:inline; max-width:80%; max-height:350px; }
.stw01 .stw01-col02 .col02_mobile { margin-left:90px;}
.box05-con-stw.actived .arrow01 .slick-track, .box05-con-stw.actived .arrow01 .slick-slide { width:100% !important; }
.box05-bgimg { display:block; position:absolute; top:auto; right:0; bottom:-20px; width:90%; height:auto; }
.box05-bgimg img { width:100%; height:auto; max-width:500px; }
.page03 .slick-prev { left:-5%; } .page03 .slick-next { right:-5%; }
.page03 [dir='rtl'] .slick-prev { right:0; left:auto; }
.page03 [dir='rtl'] .slick-next { right:auto; left:0; }

/*page04*/
.page04 { width:100%; padding:50px 3%; }
.page04-con { padding:30px 20px; border:#663e8e solid 1px; border-radius:20px; }
.page04-con-row01 { display:block; }
.page04-con-row01 .img { text-align:center; margin-bottom:25px; }
.page04-con-row01 .img img { width:100%; max-width:320px; }
.page04-con-row01 .txt { text-align:center; padding-left:0; }
.page04-con-row01 .txt h5 { padding-bottom:20px; font-size:28px; line-height:1.6; }
.page04-con-row01 .txt p { font-size:18px; line-height:1.6; }
.page04-con-row01 .txt p span { margin-top:15px; }
.page04-con-row02 h5.bigtit2 { padding:50px 0 20px 0; text-align:center; }
.page04-con-row02 .row02list ul { flex-wrap:wrap; }
.page04-con-row02 .row02list ul li { width:50%; margin-bottom:20px; }
.page04-con-row02 .row02list ul li h5 { font-size:16px; line-height:1.6; }
.page04-con-row02 .row02list ul li h5 p { font-size:18px; line-height:1.3; }
.c-graph { position:relative; margin-top:30px; }
.c-graph1 { position:relative; margin-top:30px !important; }
.c-graph2 { position:relative; margin-top:10px !important; }
.circle-graph span { display:inline-block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; font-size:20px; line-height:1.5; }

/*page05*/
.page05 { padding:80px 0; }
.page05 h3 { padding-bottom:30px; }
.page05 h5.bigtit { font-size:30px; }
.page05-sdwrap { position:relative; padding:0 0 40px 0; display:block !important; }
.page05-sdwrap .txt { width:100%; }
.page05-sdwrap .txt p { font-size:18px; }
.page05-sdwrap .txt p br { display:none; }
.subtxt01 { padding:15px 20px; }
.subtxt02 { font-size:16px; }
.page05-sdwrap .txt .subtxt03, .page05-sdwrap .txt .subtxt04 { display:none; }
.page05-sdwrap .img { width:100%; }
.page05-sdwrap .img img { max-width:100%; }
.lms-img01, .lms-img03 { margin-top:0;}
.page05-sdwrap .img img.lms-img02 { position:absolute; bottom:-80px; right:0; max-width:70%; }
.page05-sdwrap .img img.lms-img04 { position:absolute; bottom:-100px; right:0; max-width:70%; }
img.subtxt03-img { height:28px; }
.page05 .slick-prev { left:-5%; } .page05 .slick-next { right:-5%; }
.page05 [dir='rtl'] .slick-prev { right:0; left:auto; }
.page05 [dir='rtl'] .slick-next { right:auto; left:0; }

/*page06*/
.roundtit { padding-bottom:50px; }
.page06-box02 .box05-tab { margin:20px 0; }
.box05-tab .box05-tab-con { margin-top:40px; }
.box05-tab .box05-tablist { width:60%; border-radius:20px }
.box05-tab .box05-tablist li a { display:block; font-size:16px; line-height:40px; }
.slider-nav .slick-prev { left: 0; } .slider-nav .slick-next { right:0; }
.qnabox { padding:0 5px; }
.qnabox dl { padding:15px 10px; }
.qnabox dl dt, .qnabox dl dd { padding-left:32px; font-size:16px; }
.qnabox dl dd { margin-top:10px; }
.qnabox dl span { width:26px; line-height:26px; font-size:14px; border-radius:13px; top:0; }
/*page07*/
.c-number ul li h5 { font-size:52px; }
.c-number ul li span { margin-top:12px; font-size:20px; }
.c-number ul { flex-wrap:wrap; }
.c-number ul li { width:100%; margin-bottom:30px; }

#foot { padding:30px 10px; }
.fwrap { display:block; overflow:hidden; }
.fwrap-lf { width:100%; }
.fwrap-lf h1 { position:relative; }
.fwrap-lf p { width:100%; margin-top:15px; position:relative; font-size:14px; }
.fwrap-lf p br { display:none !important; }
.fwrap-lf p span { display:inline-block; margin-right:10px; }
.fwrap-lf p span em { margin-right:3px; }
.fwrap-rt { display:flex; margin-top:20px; }
.fwrap-rt h5 { font-size:18px; margin-bottom:12px; }
.sns { margin-right:30px; padding-bottom:0; }
.sns > div a { margin-right:12px; margin-top:7px; width:30px;}
.sns > div a img { width:25px; }
.sns > h5 { font-size:16px; }
.down > h5 { font-size:16px; }
.down ul li { padding:7px 3px; }
.down ul li a { display:block; padding-right:35px; font-size:14px; }
.down ul li a:after { position:absolute; content:''; top:50%; right:0; transform:translate(0,-50%); width:18px; height:18px; background:url(../img/downicon.svg) no-repeat; background-size:18px 18px; }

.slick-prev, .slick-next { width:20px; height:33px; }
.slick-prev:before, .slick-next:before { width:20px; height:33px; }
.slick-prev:before { background:url(../img/arrow01-prev.png) no-repeat; background-size:20px 33px !important; }
.slick-next:before{ background:url(../img/arrow01-next.png) no-repeat; background-size:20px 33px !important; }
.slick-prev:before { background:url(../img/arrow02-prev.png) no-repeat; background-size:20px 33px !important; }
.slick-next:before{ background:url(../img/arrow02-next.png) no-repeat; background-size:20px 33px !important; }
}

/*------------------------- 481~767 -------------------------*/
@media only screen and (max-width:767px) and (min-width:481px) {
/*header*/
h1.logo img { width:150px; }
.top-lang { right:20px; }
/*page03*/
.page03-box04 { margin:80px auto; }
.page03 { padding:70px 0; }
.page03-box04 > h3 { padding-bottom:40px; font-size:32px; }
/*page05*/
.page05-sdwrap .img { padding-top:30px; }
/*page06*/
.roundtit { padding-bottom:40px; }
.roundtit > span { width:230px; font-size:28px; }
.gallery .g-slide img { max-width:400px; }
/*common*/
.bigtit { font-size:36px; }
.bigtit2 { font-size:32px; }
.fwrap-lf h1 img { width:140px; }


}

/*------------------------- 320~480 -------------------------*/
@media only screen and (max-width:480px) and (min-width:320px) {
header { height:80px; }
.headerbox { height:80px; padding:10px; }
h1.logo img { width:130px; }
.top-lang { right:20px; }
.top-lang ul li a { font-size:13px; }
.top-lang ul li a.lang-kor { margin-right:8px; }
.line-menu-btn { }
/*page02*/
.fullthumbs { display:none !important; }
.fullbanner .slide .txt { width:70%; }
.page02-tab-con .tab-con01 .tab-con01-txt h5 { font-size:20px; }
/*page03*/
.page03-box01 > div ul.mech { width:100%; margin:0 auto; }
.page03-box01 > div ul.mech li img { max-width:90px; width:100%; }
.page03-box01 > div ul.mech li:after { left:-15px; width:30px; height:40px; background:url(../img/amp.gif) no-repeat; background-size:30px auto; }
.page03-box01 p.txt { padding-top:20px; font-size:16px; }
.page03-box01 > div ul.use li img { max-width:100px; width:100%; }
.page03-box01 > div ul.use li p.txt { font-size:14px; } 
.page03-box04 { margin:60px auto; }
.page03-box04 > h3 { padding-bottom:25px; font-size:26px; }
.box05-tab .box05-tablist { width:80%; }
/*page04*/
.page04 { width:100%; padding:30px 2%; }
.page04-con { padding:30px 15px; }
.page04-con-row01 .txt h5 { font-size:23px !important; line-height:1.5; }
.page04-con-row01 .txt p span { margin-top:13px; font-size:15px; }
.page04-con-row02 .row02list ul li h5 { line-height:1.5rem; height:6rem; }
/*page05*/
.page05-sdwrap .img { padding-top:20px; }
.page05-sdwrap .txt p.subtxt02 { font-size:16px; }
.page05-sdwrap .txt .subtxt03 { padding-top:12px; }
.page05-sdwrap .txt .subtxt03 > ul > li { width:50%; padding:0 5px; margin-top:12px; }
.stw01 .stw01-col01 h5 { padding-bottom:15px; font-size:24px; }
.page05 .page05-sdwrap h5.bigtit { font-size:26px; }
.circle-graph span { font-size:16px; }
/*.circle-graph span br { display:none; }*/

.c-number ul li div { display:block; margin-top:20px;  }
.c-number ul li span { display:block; margin-top:10px; font-size:18px; font-weight:500; }

/*page06*/
.roundtit { padding-bottom:30px; }
.roundtit > span { width:200px; font-size:24px; line-height:36px; border-radius:18px; }
.gallery .g-slide img { max-width:320px; }
/*page07*/
.c-list ul li span img { width:120px; }
/*footer*/
.fwrap-lf h1 img { width:120px; }
.sns { margin-right:5px; }
.down ul li a { padding-right:20px; font-size:14px; }
.down ul li a:after { width:15px; height:15px; background:url(../img/downicon.svg) no-repeat; background-size:15px 15px; }
/*common*/
.bigtit { font-size:30px; }
.bigtit2 { font-size:26px; }
.slick-prev, .slick-next { width:16px; height:26px; }
.slick-prev:before, .slick-next:before { width:16px; height:26px; }
.slick-prev:before { background:url(../img/arrow01-prev.png) no-repeat; background-size:16px 26px !important; }
.slick-next:before{ background:url(../img/arrow01-next.png) no-repeat; background-size:16px 26px !important; }
.slick-prev:before { background:url(../img/arrow02-prev.png) no-repeat; background-size:16px 26px !important; }
.slick-next:before{ background:url(../img/arrow02-next.png) no-repeat; background-size:16px 26px !important; }

.sns div a:eq(0) { width:30px; }
.sns div a:eq(1) { width:30px; }
.sns div a:eq(2) { width:30px; margin-top: 15px;}
}

.modal2 {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content2 {
	background-color: #000;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 0;
	border: 0;
	width: 80%; /* Could be more or less, depending on screen size */                          
}
@media (min-width: 800px) {
	.modal-content2 {
		background-color: #000;
		margin: 15% auto; /* 15% from the top and centered */
		padding: 0;
		border: 0;
		width: 800px; /* Could be more or less, depending on screen size */                          
	}
}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
/* The Close Button */
.close2 {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	padding-right:5px;
}
.close2:hover,
.close2:focus {
	color: #aaa;
	text-decoration: none;
	cursor: pointer;
}

/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 9999; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 15% auto; /* 15% from the top and centered */
	padding: 15px;
	border: 1px solid #888;
	width: 80%; /* Could be more or less, depending on screen size */                          
}
@media (min-width: 800px) {
	.modal-content {
		background-color: #fefefe;
		margin: 15% auto; /* 15% from the top and centered */
		padding: 15px;
		border: 1px solid #888;
		width: 600px; /* Could be more or less, depending on screen size */                          
	}
}
/* The Close Button */
.close {
	color: #aaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
}
.close:hover,
.close:focus {
	color: black;
	text-decoration: none;
	cursor: pointer;
}


.modal input[type=text], select, textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

.modal input[type=submit] {
  background-color: #753c94;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.modal input[type=submit]:hover {background-color:#753c94;}

/* add css */
.vr-conbox { width:70%; margin:0 auto; padding-bottom:50px; text-align:center; }
.vr-conbox h5 { color:#fff; }
.vr-conbox p { padding:0 0 40px 0; font-size:24px; font-weight:500; color:#eee; }
.vr-conboxlist { width:100%; display:flex; flex-wrap:wrap; align-items:stretch; }
.vr-conboxlist > div { width:25%; margin-left:-1px; border:#eee solid 1px; }
.vr-conboxlist > div h5 { padding:15px 0; background:#fff; font-size:20px; font-weight:600; color:#080117; }
.vr-conboxlist > div ul { padding:10px 0; }
.vr-conboxlist > div ul li { color:#fff; font-size:16px; line-height:36px; }

@media only screen and (max-width:767px) {
.vr-conbox { width:90%; margin:0 auto; padding-bottom:50px; text-align:center; }
.vr-conbox h5.bigtit2 { font-size:26px; color:#fff; }
.vr-conbox p { padding:15px 0 30px 0; font-size:17px; }
.vr-conboxlist {  }
.vr-conboxlist > div { width:50%; }
.vr-conboxlist > div h5 { padding:10px 0; background:#fff; font-size:15px; }
.vr-conboxlist > div ul li { color:#fff; font-size:14px; line-height:26px; }
.vr-conboxlist > div:nth-of-type(n+2) ul { /*display:flex;*/ flex-wrap:wrap; }
.vr-conboxlist > div:nth-of-type(n+2) ul li { width:100%; }
}

.bot-inq { background:url(../img/bot-inq-bg.jpg?1) no-repeat center center; background-size:cover; padding:80px 0; text-align:center; }
.bot-inq h3 { color:#fff; line-height:1.5; }
.bot-inq p { padding-top:50px; }
.bot-inq p button { position:relative; padding:0 30px; display:inline-block; height:52px; border-radius:26px; color:#fff; font-size:18px; font-weight:500; margin:0 5px; transition:all .5s ease; box-shadow:0 3px 10px rgb(0,0,0,.3); letter-spacing:0; }
.bot-inq p button:hover { transform:translateY(-5px); }
.btn1 { border:none; background:linear-gradient(45deg,rgba(141,75,182,1) 0%,rgba(99,71,181,1) 100%); }
.btn1:hover { background:linear-gradient(45deg, rgba(99,71,181,1) 0%,rgba(141,75,182,1) 100%); }
.btn2 { border:#fff solid 2px; background:transparent; }
.btn2:hover { background:rgba(255,255,255,.2); }

@media only screen and (max-width:767px) and (min-width:481px) {
	.bot-inq p { padding-top:35px; }
	.bot-inq p button { padding:0 20px; height:46px; border-radius:23px; font-size:16px; }
}
@media only screen and (max-width:480px) and (min-width:320px) {
	.bot-inq h3.bigtit2 { font-size:22px; }
	.page04-tit2 { font-size:23px !important; }
	.bot-inq p { padding-top:28px; }
	.bot-inq p button { padding:0 15px; height:40px; border-radius:20px; font-size:15px; margin:0 3px; }
}

.bot-inq-a { padding:0 0 100px 0; text-align:center; }
.bot-inq-a h3 { color:#fff; line-height:1.5; }
.bot-inq-a p { padding-top:50px; }
.bot-inq-a p button { position:relative; padding:0 30px; display:inline-block; height:52px; border-radius:26px; color:#fff; font-size:18px; font-weight:500; margin:0 5px; transition:all .5s ease; box-shadow:0 3px 10px rgb(0,0,0,.3); letter-spacing:0; }
.bot-inq-a p button:hover { transform:translateY(-5px); }
.btn1-a { border:none; background:linear-gradient(45deg,rgba(141,75,182,1) 0%,rgba(99,71,181,1) 100%); }
.btn1-a:hover { background:linear-gradient(45deg, rgba(99,71,181,1) 0%,rgba(141,75,182,1) 100%); }
.btn2-a { border:#fff solid 2px; background:transparent; }
.btn2-a:hover { background:rgba(255,255,255,.2); }

@media only screen and (max-width:767px) and (min-width:481px) {
	.bot-inq-a p { padding-top:35px; }
	.bot-inq-a p button { padding:0 20px; height:46px; border-radius:23px; font-size:16px; }
}
@media only screen and (max-width:480px) and (min-width:320px) {
	.bot-inq-a h3.bigtit2 { font-size:22px; }
	.bot-inq-a p { padding-top:28px; }
	.bot-inq-a p button { padding:0 15px; height:40px; border-radius:20px; font-size:15px; margin:0 3px; }
}


/**************************************************
	Setting Device Width
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}
@media screen and (min-width: 750px) and (max-width: 1200px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} }