@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

* { box-sizing:border-box; -webkit-tap-highlight-color: transparent; }
body { font-family: 'Noto Sans KR', sans-serif; overflow-x:hidden; color:#081236;background:#f4f5f9; }
img { max-width:100%; }
input { font-family:inherit; -webkit-appearance: none; -webkit-border-radius: 0; }
textarea { -webkit-appearance: none; -webkit-border-radius: 0; font-family:inherit; }
button { font-family:inherit; background:none; font-size:inherit; border:0 none; cursor:pointer;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button { margin:0; padding:0; }
fieldset,img { border:0 none; vertical-align:top; }
dl,ul,ol,li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none; }
select,textarea,button { vertical-align:middle; }
table { border-spacing: 0; }
input[type='radio'], 
label{cursor: pointer;}
a { color:#000; text-decoration:none;cursor:pointer; }
a:hover { text-decoration:none; }
address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:normal; }

.in { width:1840px; max-width:100%; padding:0 20px; margin:0 auto; position:relative; }
.in2 { width:1840px; max-width:100%; padding:0; margin:0 auto; position:relative; }
.hidden {display: none;}

.pc-only { display:block; }
.mo-only { display:none; }

@media all and (max-width:2600px){
.in {width:1640px;}
}

@media all and (max-width:2000px){
.in {width:1440px;}
}

@media all and (max-width:1200px){
.in {width:100%;}
.pc-only {display:none;}
.mo-only {display:block; }
}

/*header*/
.header {z-index: 100;position:absolute ;width: 100%;transition:.5s;overflow:hidden;height:100px;}
.header > .in {display:flex;justify-content:space-between;height:100%;align-items: center;}

.header_logo  {width:185px;height:55px;background:url('../image/landing/220719/logo.png') no-repeat left center/contain;text-indent:-9999px;display:block;}
.header_right {display: flex;align-items: center;}

.top_home {font-size: 17px;color: #fff;padding:9px 20px;background: #081236;border-radius: 30px;border:1px solid #081236;transition:.3s;}
.top_home:hover {color:#fff;}

.top_channel {margin-left:5px;font-size: 17px;color: #050808;padding:9px 20px;background: #f7e409;border-radius: 30px;border:1px solid #f7e409;transition:.3s;}
.top_channel:hover {color:#050808;}

.header_tel {margin-left:15px;position:relative;}
.header_tel .top_tel {font-size: 21px;transition:.3s;color: #0c163a;align-items: center;justify-content: center;border-radius: 50%;background: #fff;box-shadow: 0 0 8px 7px rgba(0, 0, 0, 0.04);width: 52px;height: 52px;z-index: 1;position: relative;outline:none;}
.header_tel .top_tel img {width:23px;margin:14px 0 0 14px;}

@media all and (max-width:900px){
.header {height: 70px;}
.header > .in {padding-top:15px;}
.header_tel {margin-left: 15px;}
.header_tel .top_tel {width: 40px;height: 40px;font-size: 19px;}
.header_tel .top_tel img {margin:9px 0 0 9px;}
.top_home {font-size: 14px;}
.top_channel {font-size: 14px;}
.header_logo  {width: 130px;}
}

@media all and (max-width:460px){
.header {height: 60px;}
.header_logo  {width:110px;}
.header_tel {margin-left: 10px;}
.header_tel .top_tel {width: 35px;height: 35px;font-size: 17px;box-shadow: 0 0 6px 5px rgba(0, 0, 0, 0.04);}
.header_tel .top_tel img {margin:6px 0 0 7px;}
.top_home {padding: 6px 15px;}
.top_channel {padding: 6px 8px;}
.top_channel span{display:none;}
}

@media all and (max-width:340px){
.top_home {display:none;}
}

@media all and (max-width:250px){
.top_channel {display:none;}
}

/*main*/
.visual_wrap {width:100%;height:100%;margin:0 auto;}
.main_visual {position:relative;height: 100vh;overflow: hidden;}
.main_visual > .in {height: 100%;display: flex;}

@media all and (max-width:1200px){
.main_visual {height: 100vh;height: calc(var(--vh, 1vh) * 100);	}
}

@media all and (max-width:800px){
.main_visual {height:580px;}
}

.main_tit {display: flex;justify-content: space-between;z-index:1;position:relative;flex-grow: 1;padding-top: calc(100px + 4vw);}
.main_tit > div > h2 {font-weight: 800;line-height: 1.17;font-size: 5.5vw;color:#081236;}
.main_tit > div > h2 p {overflow:hidden;}
.main_tit > div > h2 p span {transform:translate(0, 100%);transition:transform 1s;display:inline-block;}
.main_tit > div > h2 p:nth-of-type(1) span:nth-of-type(2) {transition-delay:.05s;}
.main_tit > div > h2 p:nth-of-type(1) span:nth-of-type(3) {transition-delay:.1s;}
.main_tit > div > h2 p:nth-of-type(1) span:nth-of-type(4) {transition-delay:.15s;}
.main_tit > div > h2 p:nth-of-type(1) span:nth-of-type(5) {transition-delay:.2s;}
.main_tit > div > h2 p:nth-of-type(1) span:nth-of-type(6) {transition-delay:.25s;}
.main_tit > div > h2 p:nth-of-type(2) span:nth-of-type(1) {transition-delay:.3s;}
.main_tit > div > h2 p:nth-of-type(2) span:nth-of-type(2) {transition-delay:.35s;}
.main_tit > div > h2 p:nth-of-type(2) span:nth-of-type(3) {transition-delay:.4s;}
.main_tit > div > h2 p:nth-of-type(2) span:nth-of-type(4) {transition-delay:.45s;}
.main_tit > div > h2 p:nth-of-type(2) span:nth-of-type(5) {transition-delay:.5s;}
.main_tit > div > h2 p:nth-of-type(2) span:nth-of-type(6) {transition-delay:.55s;}
.main_tit > div > h2 p:nth-of-type(3) span:nth-of-type(1) {transition-delay:.6s;}
.main_tit > div > h2 p:nth-of-type(3) span:nth-of-type(2) {transition-delay:.65s;}
.main_tit > div > h2 p:nth-of-type(3) span:nth-of-type(3) {transition-delay:.7s;}
.main_tit > div > h2.aos-animate p span {transform:translate(0, 0);}
.main_tit > div > p {line-height: 1.65;margin-top: 1.66vw;font-size: 1.2vw;color:#081236;}
.main_tit > div > p br {display:none;}
.main_tit > a {display: inline-flex;}

@media all and (max-width:1600px){
.main_tit > div > h2 {font-size: calc(4vw + 25px);}
}

@media all and (max-width:1500px){
.main_tit > div > h2 {font-size: calc(4.5vw + 25px);}
}

@media all and (max-width:1400px){
.main_tit {padding-top: calc(85px + 6vw);}
.main_tit > div > h2 {font-size: calc(5vw + 25px);}
.main_tit > div > p {margin-top: calc(2.4vw + 14px);font-size: calc(1.2vw + 7px);}
}

@media all and (max-width:800px){
.main_tit {padding-top:110px;}
.main_tit > div > h2 {font-size: calc(7vw + 25px);}
.main_tit > div > p {font-size: calc(1.8vw + 9px);}
.main_tit > div > p br {display:block;}
}

@media all and (max-width:300px){
.main_tit > div > h2 {font-size: calc(5vw + 25px);}
}

.main_mobal {position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index:9;}
.main_mobal video {max-width: none;width: 110%;position: absolute;transform: translate(-50%, 0);left: 50%;bottom: 0;}
.main_mobal_motion {width: 100%;height: 100%;}
.main_mobal_motion img { position: absolute; width: 100%;height: 100%;}
.main_mobal_motion img.img1 {bottom:0;left:0;animation: bounce 4s ease-in-out reverse; animation-iteration-count: infinite;}

@media all and (max-aspect-ratio: 1/1){
.main_mobal video {width: 140%;transform: translate(-58%, 0);}
}

@media all and (max-aspect-ratio: 2/3){
.main_mobal video {width: 220%;transform: translate(-56%, 0);}
}

.start_cc {z-index:9999;position: absolute;width: 100%;height: 100%;top:350px; left:37%;}
.start_cc img {width:244px; height: 248px; position: absolute;}
.start_cc img.start2 {-webkit-animation:twirlTxt 15s linear infinite forwards; animation:twirlTxt 15s linear infinite forwards }

@media all and (max-width:1300px) {
.start_cc {top:240px;left:39%;}
}

@media all and (max-width:980px) {
.start_cc {left:42%;}
}

@media all and (max-width:800px) {
.start_cc {top:200px;left:55%;}
.start_cc img {width:162px; height: 164px;}
}

@media all and (max-width:540px) {
.start_cc {top:190px;left:58%;}
.start_cc img {width:132px; height: 134px;}
}

@media all and (max-width:450px) {
.start_cc {top:190px;}
.start_cc img {width:112px; height: 114px;}
}

@media all and (max-width:345px) {
.start_cc {top:210px;}
.start_cc img {width:102px; height: 104px;}
}

@media all and (max-width:300px) {
.start_cc {top:180px;left:55%;}
.start_cc img {width:72px; height:74px;}
}

/* Content */
#content_wrap{width:100%;height:100%;margin: auto;position:relative;box-sizing: border-box;}
#content_wrap .content_cc{width:100%;height:100vh;box-sizing: border-box;position:relative;}
.mobal_cc {width:100%;margin:0 auto;}
.mobal_cc:before{background:url(../image/landing/220719/bg.png) no-repeat;content:"";width: 100%;  height: 100%;position:absolute;top:0;left:0;background-size: auto 100%;background-size: cover; z-index: -1;}
.mobal_cc > .mobal_cc_box{width:100%;}
.mobal_cc > .mobal_cc_box:after{content:"";display:block;clear:both;}
.mobal_cc > .mobal_cc_box > div{width:100%;}
.mobal_cc .step_line {padding:0px 0 50px;}
.mobal_cc .step_line:after{content:"";display:block;clear:both;}
.mobal_cc .step_line img {display: block;margin: 0 auto;float:right;}
.mobal_cc .step_line p {margin-right:22px;vertical-align:bottom;}

.btn_mobal{width:100%;text-align: center;margin:60px auto; display:block;}
.btn_mobal.mbnone{margin:30px auto 0px;}
.btn_mobal .prev {cursor:pointer;font-size:27px;color:#fff;width:270px;height:60px;background: #081236;border-radius:100px;}
.btn_mobal .next {cursor:pointer;font-size:27px;color:#fff;width:270px;height:60px;border-radius:100px;background: #ff6800; margin-left:10px;}
.btn_mobal .submit {cursor:pointer;font-size:27px;color:#fff;width:270px;height:60px;border-radius:100px;background: #ff6800; border:0 none;margin-left:10px;}
.btn_mobal .moregellery {cursor:pointer;font-size:27px;letter-spacing:-1px; color:#fff;width:60%;height:60px;border-radius:100px;background: #ff6800; border:0 none;}
.btn_mobal .moregellery br {display:none;}

@media all and (max-width:1170px) {
.btn_mobal .moregellery {width:80%;}
}

@media all and (max-width:820px) {
.btn_mobal{margin:50px auto; }
.btn_mobal .prev {font-size:20px;width:120px;height:40px;}
.btn_mobal .next {font-size:20px;width:120px;height:40px;margin-left:5px;}
.btn_mobal .submit {font-size:20px;width:160px;height:40px;margin-left:5px;}
.btn_mobal .moregellery {font-size:20px;width:100%;height:50px;}
}

@media all and (max-width:460px) {
.btn_mobal .moregellery {font-size:1.2em;height:70px;}
.btn_mobal .moregellery br {display:block;}
}

@media all and (max-width:330px) {
.btn_mobal .prev {font-size:18px;width:95px;height:38px;}
.btn_mobal .next {font-size:18px;width:95px;height:38px;}
.btn_mobal .submit {font-size:18px;width:130px;height:38px;}
.btn_mobal .moregellery {font-size:1em;height:60px;}
}

@media all and (max-width:300px) {
.btn_mobal .prev {font-size:15px;width:75px;height:30px;}
.btn_mobal .next {font-size:15px;width:75px;height:30px;}
.btn_mobal .submit {font-size:15px;width:110px;height:30px;}
}

@media all and (max-width:260px) {
.btn_mobal .moregellery {font-size:0.9em;height:60px;}
}

@media all and (max-width:230px) {
.btn_mobal .prev {font-size:13px;width:75px;}
.btn_mobal .next {font-size:13px;width:75px;}
.btn_mobal .submit {font-size:13px;width:110px;}
.btn_mobal .moregellery {font-size:0.8em;height:50px;}
}

.step01 ul{width:100%;max-width:1115px;margin:0 auto;}
.step01 ul:after{content:"";display:block;clear:both;}
.step01 ul li {float:left;text-align:center;margin-bottom:27px;margin-left:10px;}
.step01 ul li.col3 {width: calc(33.2% - 10px);}
.step01 ul li:first-child{margin-left:0px;}
.step01 ul li:nth-child(n+3){margin-bottom:0;}
.step01 ul li label img {display: block;margin-bottom: 18px;}
.step01 input[type='radio']{position:relative;width:28px;height:28px;appearance: none;border:2px solid #000;border-radius: 50%;background:#fff;}
.step01 input[type='radio']:checked {background:#ff6800;}
.step01 input[type='radio']:checked:before{content:"";display:block;width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;}
.step01 ul li label span {font-weight: 500;font-size: 28px;text-align: center;letter-spacing: -2px;color: #333;vertical-align: text-bottom;}

@media all and (max-width:1320px) {
.step01 ul li.col4 {width:24%;}
}

@media all and (max-width:820px) {
.step01 ul li.col4 {width:48%;}
.step01 ul li.col4:nth-child(3){margin-left:0px;}
.step01 ul li label img {margin-bottom: 10px;}
.step01 input[type='radio']{width:20px;height:20px;}
.step01 input[type='radio']:checked:before{width:8px;height:8px;}
.step01 ul li label span {font-size: 21px;}
}

@media all and (max-width:740px) {
.step01 ul li.col3 {width: calc(50% - 10px);}
.step01 ul li.col3:nth-child(3){margin-left:0px;}
}

@media all and (max-width:360px) {
.step01 ul li.col3 {width: calc(100% - 0px);}
.step01 ul li.col3 {margin-left:0px;}
}

@media all and (max-width:300px) {
.step01 ul li.col4 {width:47%;}
.step01 input[type='radio']{width:18px;height:18px;}
.step01 input[type='radio']:checked:before{width:5px;height:5px;}
.step01 ul li label span {font-size:18px;}
}

.step02 .mobal_type_list:after {content: '';display: block;clear: both;}
.step02 ul.col3{width:100%;max-width:1115px;margin:0 auto;}
.step02 .mobal_type_list > li {float:left;text-align:center;margin-left:10px;display:block;}
.step02 .mobal_type_list > li:first-child {margin-left:0;}

.step02 .mobal_type_result {}
.step02 .mobal_type_result > li {margin-bottom:40px;text-align:center;display:block;}
.step02 .mobal_type_result > li img {width:50%;}

.step02 .mobal_type_list > li.col3 {width: calc(33% - 10px);}
.step02 .mobal_type_list > li.col3:nth-child(n+4){margin-top: 20px;}
.step02 .mobal_type_list > li.col3:nth-child(3n+1){margin-left: 0px;}

.step02 .mobal_type_list > li.col4 {width: calc(25% - 10px);}
.step02 .mobal_type_list > li.col4:nth-child(5) {margin-left: 0px;}
.step02 .mobal_type_list > li.col4:nth-child(n+5) {margin-top: 20px;}

.step02 .mobal_type_list > li.col5 {width: calc(20% - 10px);}
.step02 .mobal_type_list > li.col5:nth-child(5n+1){margin-left:0;}
.step02 .mobal_type_list > li.col5:nth-child(n+6) {margin-top: 20px;}
.step02 .mobal_type_list > li > label{position:relative;display: block;}
.step02 .mobal_type_list input[type='checkbox']:checked + label:before{content:"";display: block;width:97%;height:96%;z-index:100;position:absolute;left:0;top:0;border:5px solid #ff6800;}

@media all and (max-width:1200px) {
.step02 .mobal_type_result > li img {width:60%;}
}

@media all and (max-width:1020px) {
.step02 .mobal_type_result > li img {width:80%;}
}

@media all and (max-width:700px) {
.step02 .mobal_type_result > li img {width:100%;}
}

@media all and (max-width:950px) {
.step02 .mobal_type_list > li.col3 {width: calc(32% - 10px);}
.step02 .mobal_type_list > li.col4 {width: calc(32% - 10px);}
.step02 .mobal_type_list > li.col5 {width: calc(32% - 10px);}
.step02 .mobal_type_list > li:nth-child(n+4){margin-top: 20px;}
.step02 .mobal_type_list > li.col4:nth-child(5) {margin-left: 10px;}
.step02 .mobal_type_list > li:nth-child(3n+1){margin-left: 0px;}
.step02 .mobal_type_list input[type='checkbox']:checked + label:before{width:96.5%;height:95%;}
}

@media all and (max-width:540px) {
.step02 .mobal_type_list > li.col3 {width: calc(49.5% - 10px);}
.step02 .mobal_type_list > li.col4 {width: calc(49.5% - 10px);}
.step02 .mobal_type_list > li.col5 {width: calc(49.5% - 10px);}
.step02 .mobal_type_list > li:nth-child(n+3){margin-top: 20px;}
.step02 .mobal_type_list > li.col3:nth-child(2n) {margin-left: 10px;}
.step02 .mobal_type_list > li.col4:nth-child(5) {margin-left: 0px;}
.step02 .mobal_type_list > li.col4:nth-child(2n) {margin-left: 10px;}
.step02 .mobal_type_list > li:nth-child(2n+1){margin-left: 0px;}
}

.step03 {width:100%;margin:0 auto;}
.step03 ul {max-width:640px;margin:0 auto;}
.step03 ul:after{content:"";display:block;clear:both;}
.step03 ul li {width:100%;text-align:center;padding:0px 30px 20px;box-sizing: border-box;}
.step03 ul li .input {width: 100%;height: 54px;box-sizing: border-box;padding: 12px 10px;display: block;font-weight: 400;font-size: 24px;color: #333;background: #FFFFFF;border: 1px solid #333;}
.step03 ul li .select {width: 100%;height: 54px;box-sizing: border-box;border-radius:0;padding: 12px 10px;display: block;font-weight: 400;font-size: 24px;color: #333;background: #FFFFFF;border: 1px solid #333;}
.step03 ul li .option {color: #333 !important; }
.step03 ul li:nth-child(2)  {text-align: left;box-sizing: border-box;display: block;}
.step03 ul li:nth-child(2):after{content:"";display:block;clear:both;}
.step03 ul li:nth-child(2) > label:first-of-type {margin-right:7px;}
.step03 ul li:nth-child(2) > label > span{padding-left:5px;font-weight:400;font-size:22px;vertical-align:middle;}
.step03 ul li:nth-child(2) > input[type='radio']{position:relative;vertical-align:middle;width:26px;height:26px;appearance: none;border:2px solid #000;border-radius: 50%;background:#fff;}
.step03 ul li:nth-child(2) > input[type='radio']:checked {background:#ff6800;}
.step03 ul li:nth-child(2) > input[type='radio']:checked:before{content:"";display:block;width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;}

@media all and (max-width:820px) {
.step03 ul li {float:none;width:100%;padding:0px 0px 15px;}
}

@media all and (max-width:650px) {
.step03 ul {max-width:100%;}
}

.send_cc {padding:0;max-width:640px;margin:0 auto;}
.send_cc > div{height:auto;padding:0px 0 15px 30px;text-align: left;line-height:35px;box-sizing: border-box;}
.send_cc > div:after{content:"";display:block;clear: both;}
.send_cc > div:first-of-type > .text_label > *{display:inline-block;}
.send_cc > div:first-of-type > label > span{padding-left:5px;font-weight:400;font-size:22px;vertical-align:top;}
.send_cc > div:first-of-type > .agree_info {font-style: normal;font-weight: 400;font-size: 20px;letter-spacing: -1px;text-align: left;display:inline-block;padding-left:15px;cursor:default;}
.send_cc > div:last-of-type > label > span{padding-left:5px;font-weight:400;font-size:22px;vertical-align:middle;}
.send_cc label {float:left;text-align: left;}
.send_cc > div:last-of-type > label:last-of-type{margin-left:0px;}
.send_cc > label > *{vertical-align: middle;}
.send_cc .private {margin-left:10px;margin-top:4px;padding:0px 13px;border:1px solid rgba(0, 0, 0, 0.5);border-radius: 50px;font-size:15px;line-height:22px;letter-spacing:-1px;font-weight: 400;color: rgba(16, 19, 35, 0.5);vertical-align:middle;}
.send_cc label input[type='checkbox']{position:relative;vertical-align:middle;width:26px;height:26px;appearance: none;border:2px solid #000;border-radius: 50%;background:#fff;}
.send_cc label input[type='checkbox']:checked {background:#ff6800;}
.send_cc label input[type='checkbox']:checked:before{content:"";display:block;width:12px;height:12px;background:#fff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:100;}

@media all and (max-width:820px) {
.send_cc > div {width:100%;padding:0px 0 15px 0px;}
.send_cc > div:first-of-type > label > span{font-size:20px}
.send_cc > div:first-of-type > .agree_info {font-size:13px;}
.send_cc > div:last-of-type > label > span{font-size:18px;}
.send_cc > div:last-of-type > label:last-of-type{margin-left:0px;}
}

@media all and (max-width:650px) {
.send_cc {max-width:100%;}
}

@media all and (max-width:630px) {
.send_cc > div{padding:0px;height:auto;line-height:28px;}
.send_cc > div:last-of-type > label:last-of-type{margin-left:0px;}
}

@media all and (max-width:390px) {
.send_cc > div:first-of-type > .agree_info {font-size:13px;}
.send_cc > div:last-of-type > label > span{font-size:15px;}
.send_cc .private{margin-left:3px;padding:0px 9px;font-size:12px;}
.send_cc label input[type='checkbox']{width:20px;height:20px;}
.send_cc label input[type='checkbox']:checked:before{width:9px;height:9px;}
}

@media all and (max-width:305px) {
.send_cc > div:first-of-type > label > span{font-size:16px}
.send_cc label input[type='checkbox']{width:16px;height:16px;}
.send_cc label input[type='checkbox']:checked:before{width:7px;height:7px;}
}

@media all and (max-width:265px) {
.send_cc > div:first-of-type > label > span{font-size:0.9em}
.send_cc > div .text_label {display:block;width: 100%;}
}

.agree_box {z-index:99999;display:none;position:relative; width:100%;max-width:610px; overflow: hidden; }
.agree_box h3 {background:#333; color:#fff; letter-spacing:-0.75pt; padding:14px 20px 9px; font-size:1rem; font-weight:600; line-height:110%; box-sizing:Border-box;}
.agree_box .close {position:absolute; top:12px; right:20px; cursor:pointer; width: 18px;}
.agree_box .textarea {font-size:0.9375rem; line-height:140%; color:#777; padding:15px; border:0px solid #ddd; border:none; width:100%; box-sizing:Border-box;}

@media all and (max-width:820px){
.agree_box {width: 100%;max-width:100%;}
}

@media all and (max-width:630px) {
.agree_box {margin-top:7px;}
}

@media all and (max-width:480px){
.agree_box h3{font-size:14px;padding:12px 15px 9px;}
.agree_box .close {top:14px; width: 12px;}
.agree_box .textarea{font-size:14px;}
}

/* 타이틀 */
.m_tit{text-align: center;position: relative;width:100%;padding:80px 0 30px;}
.m_tit.paddingno{padding:0px 0 30px;}
.m_tit.gallery{padding:0px 0 50px;}
.m_tit.gallery2{padding:80px 0 20px;}
.m_tit h3{font-weight:700;font-size:5em;margin:0.2em 0 0;line-height: 1.4em;word-spacing: -0.1em; letter-spacing: -0.04em;}
.m_tit h4{font-weight:500;font-size:3em;margin:0.2em 0 0;line-height: 1.2em;word-spacing: -0.1em; letter-spacing: -0.04em;}
.m_tit h5{font-weight:300;font-size:2em;margin:0.7em 0 0.2em;line-height: 1.3em;word-spacing: -0.1em; letter-spacing: -0.04em;}
.m_tit h5 span{font-weight:700;font-size:1.3em;}
.m_tit h6{font-weight:400;font-size:1.5em;margin:0.7em 0 0.2em;line-height: 1.3em;word-spacing: -0.1em; letter-spacing: -0.04em;}
.m_tit h6 span{font-weight:700;}
.m_tit p{font-size:1.8em;font-weight: 300;line-height: 1.5em;}
.m_tit h3 br {display:none;}
.m_tit h4 br {display:none;}
.m_tit h5 br {display:block;}
.m_tit p br {display:none;}
.m_tit p.brok {font-size:1.5em;padding:0px 20px 0;line-height: 1.4em;}
.m_tit p.brok br {display:block;}
.m_tit p.txt{font-size:1.1em;font-weight: 300;line-height: 1.5em;color:#838383;}
.m_tit p.txt em{font-weight:500;}
.m_tit p.txt br {display:block;}

.m_tit p.txt2{margin-top:10px;font-size:1.1em;font-weight: 300;color:#838383;}
.m_tit p.txt2 em{font-weight:500;}

.m_tit p.txt3{margin-top:10px;font-size:1.1em;font-weight: 300;color:#838383;}
.m_tit p.txt3 em{font-weight:500;}
.m_tit p.txt3 img {width:350px;}

.m_tit .result_mo {font-weight:700;font-size:5em;color:#ff6800;border:1px solid #333;width:400px;margin:20px auto;background:#fff;box-shadow: 0 0 8px 7px rgba(0, 0, 0, 0.04);}

.result_box {position:relative;border:1px solid #333;width:400px;margin:20px auto;background:#fff;box-shadow: 0 0 8px 7px rgba(0, 0, 0, 0.04);}
.result_box > .result_mosu {
	position: absolute;
	top: 46%;
	left: calc(50% - 40px);
	transform: translate(-50%,-50%);
	color: #ff6800;
	font-weight: 700;
	font-size: 5em;
	letter-spacing: -2px;
}

@media all and (max-width:1070px){
.m_tit h3{font-size:3em;text-align:center;}
.m_tit h4{font-size:2em;text-align:center;}
.m_tit h5{font-size:1.7em;text-align:center;}
.m_tit p{text-align:center;font-size:1.4em;}
.m_tit .result_mo {font-size:3em;width:300px;text-align:center;}

.result_box {width:300px;}
.result_box > .result_mosu {top: 46%;left: calc(50% - 30px);font-size:3.7em;}
}

@media all and (max-width:670px){
.m_tit p.txt br {display:none;}
}

@media all and (max-width:800px){
.m_tit.gallery{padding:0px 0 40px;}
}

@media all and (max-width:560px){
.m_tit.gallery{padding:0px 0 30px;}
.m_tit h3{font-size:2.8em;line-height: 1.2em;}
.m_tit h4{font-size:1.8em;line-height: 1.2em;}
.m_tit p{font-size:1.3em;text-align:center;margin-top:10px;}
.m_tit p.brok {font-size:1.1em !important;line-height: 1.3em;}
.m_tit .result_mo {font-size:2.8em;width:230px;}
.m_tit h3 br {display:block;}
.m_tit h4 br {display:block;}
.m_tit p br {display:block;}
.m_tit p.txt{font-size:0.9em;line-height: 1.2em;}
.m_tit p.txt br {display:none;}

.m_tit p.txt3{margin-top:5px;font-size:1em;}
.m_tit p.txt3 img {width:240px;}

.result_box {width:230px;}
.result_box > .result_mosu {top: 32%;left: calc(50% - 20px);font-size:2.8em;}
}

@media all and (max-width:440px){
.m_tit h5{font-size:1.3em;}
.m_tit p.brok {font-size:1em !important ;}

.m_tit p.txt3 img {width:220px;}
}

@media all and (max-width:355px){
.m_tit.paddingno{padding:0px 10px 30px;}

.m_tit h5{font-size:1.1em;line-height: 1.4em;margin:0.7em 0 0;}
.m_tit h5 span{font-size:1.2em;}

.m_tit h6{font-size:1.1em;line-height:1em;margin:0.7em 0 0;}
}

@media all and (max-width:290px){
.m_tit h5 br {display:none;}
.m_tit p.brok br {display:none;}
.m_tit .result_mo {font-size:2.5em;width:100%;}
.result_box {width:190px;}
.result_box > .result_mosu {top: 30%;left: calc(50% - 20px);font-size:2.5em;}
}

.testnum  {position:relative; max-width:216px; margin:0 auto;text-align:center;}
.testnum:after {clear:both; content:''; display:block;}
.testnum dl {position:relative; float:left; width:70px;}
.testnum dl dt.on {background:#ff6800;border:2px solid #ff6800;color:#fff;}
.testnum dl dt {font-size:22px; background:#fff;position:relative;color:rgba(8,18,54,0.5); display:inline-block; width:40px;height:40px;border:2px solid rgba(8,18,54,0.5); font-weight:600;}
.testnum dl dt:after {position:absolute; right:-32px; top:50%; content:''; width:30px; height:2px; background:rgba(8,18,54,0.2);}
.testnum dl:last-child dt:after {display:none;}

@media all and (max-width:560px){
.testnum  {max-width:160px;}
.testnum dl {width:50px;}
.testnum dl dt {font-size:18px;width:30px;height:30px;line-height:25px;}
}

.bmore {display:inline-block; margin-top:60px;  font-size:0.9rem; color:#2d3133; padding:7px 30px;border:1px solid rgba(0,0,0,0.2); border-radius:40px; background:#fff;text-transform:uppercase; letter-spacing:0.05em}
.bmore:hover {color:#fff;background:#1a2c52;border:1px solid #1a2c52;}

@media all and (max-width:767px) {
.bmore {margin-top:40px;}
}

@media all and (max-width:480px) {
.bmore {margin-top:30px;}
}

#photo_wrap {padding:1% 0 5%;}
#photo_wrap2 {padding:0;}
#gallery_wrap2 {position:relative;width:100%;margin-bottom:5px;}
#gallery_wrap2 .in {width:100%;max-width:640px;margin:0 auto;position:relative;}

#main_gallery {position:relative;clear:both;margin:0 auto;}

.center {text-align: center !important;}
.fc_orange {color:#ff6800 !important;}

#gallery_wrap {position:relative;float:left;width:100%;margin-bottom:20px;}
#gallery_wrap .in {width:100%;max-width:640px;margin:0 auto;position:relative;}
#gallery_wrap .inner {width:100%;max-width:1400px;margin:0 auto;position:relative;}
#gallery_wrap .gallery_box {position:relative;display:block;width:100%;}
#gallery_wrap .gallery_box2 {display:none;}

#gallery_wrap  button {position:absolute;top:45%;width:51px;height:51px;background-color:rgba(255,255,255,0.1);border:0px solid rgba(255,255,255,0.2);font-size:0;border-radius:100%;}
#gallery_wrap  button:hover {background-position:center;background-color:#e3e3e3;border:1px solid #e3e3e3;}
#gallery_wrap  button.slick-prev {z-index:999999;left:10px;background:url("../image/bn_g_prev.png") center no-repeat;background-color:rgba(255,255,255,0.1);}
#gallery_wrap  button.slick-prev:before{background:url('../image/bn_g_prev.png') center no-repeat;}
#gallery_wrap  button.slick-prev:hover {background-color:#e3e3e3;border:1px solid #e3e3e3;}
#gallery_wrap  button.slick-next {z-index:999999;left:auto;right:10px;background:url('../image/bn_g_next.png') center no-repeat;background-color:rgba(255,255,255,0.1);}
#gallery_wrap  button.slick-next:before {background:url('../image/bn_g_next.png') center no-repeat;}
#gallery_wrap  button.slick-next:hover {background-color:#e3e3e3;border:1px solid #e3e3e3;}

#gallery_wrap  .slick-list {overflow:hidden;}
#gallery_wrap  .slick-slide {width:33%;float:left;}
#gallery_wrap  .slick-slide img {width:100%;height:auto;display:block;}

#main_gallery .noti {font-size:1em;color:#939393;}
#main_gallery .noti br {display:none;}

@media all and (max-width:1199px){
#photo_wrap {padding:2% 0 8%;}
#main_gallery {width:100%;}
}

@media all and (max-width:1099px){/* 타블렛 */
#gallery_wrap  button {width:35px;height:35px;}
}

@media all and (max-width:768px){
#photo_wrap {padding:2% 0 11%;}
#gallery_wrap .gallery_box {display:none;}	
#gallery_wrap .gallery_box2 {width:100%;display:block;padding:0;}
#gallery_wrap  button {width:35px;height:35px;}
#gallery_wrap  button:before{font-size:17px;}
}

@media all and (max-width:560px) {
#photo_wrap {padding:1% 0 14%;}
#gallery_wrap .in {width:100%;max-width:100%;}
#main_gallery .noti {font-size:0.9em;}
#main_gallery .noti br {display:block;}
}

/*footer*/
#footer {z-index:9999; position: relative;width:100%;overflow:hidden;background:#1c2648; padding:20px 0;}
.f_info li {display:inline-block; font-size:1rem; color:rgba(255, 255, 255, 0.4); margin-right:10px;}
.f_info li.copy {color:rgba(255, 255, 255, 0.4); letter-spacing:0.5px; font-size: 13px; font-weight: 300;  -ms-word-break: keep-all;}
.f_info li.copy br {display:none;}
.f_info li a{color:rgba(255, 255, 255, 0.4);}

@media all and (max-width:750px){
.f_info {text-align:center;padding:20px 0 25px;}
.f_info li {margin:0 auto;font-size:14px;line-height:17px;}
.f_info li.copy {margin-top:7px;display:block;font-size:12px !important;line-height:15px;}
}

@media all and (max-width:380px){
.f_info li {font-size:13px;line-height:16px;}
.f_info li.copy br {display:block;}
}

/*aos*/
[data-aos] {transition-duration: 1.2s !important;}

/*fade in*/
.fade {	position:relative;transform:translate(0, 100px);opacity:0;	transition-property:opacity, transform;transition-duration:1s;}
.fade.show {transform:translate(0, 0);opacity:1;}
.fade-1 {transition-delay:0s;} 
.fade-2 {transition-delay:.2s;} 
.fade-3 {transition-delay:.4s;} 
.fade-4 {transition-delay:.6s;} 
.fade-5 {transition-delay:.8s;} 
.fade-6 {transition-delay:1s;} 
.fade-7 {transition-delay:1.2s;} 
.fade-8 {transition-delay:1.4s;} 
.fade-9 {transition-delay:1.6s;} 
.fade-10 {transition-delay:1.8s;}  
.fade-11 {transition-delay:2.0s;} 
.fade-12 {transition-delay:2.2s;} 
.fade-13 {transition-delay:2.4s;} 
.fade-14 {transition-delay:2.6s;} 
.fade-15 {transition-delay:2.8s;} 
.fade-16 {transition-delay:3.0s;} 
.fade-17 {transition-delay:3.2s;} 

@keyframes twirlTxt {
0% {-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg);}
100% {-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg);}
}

@keyframes bounce {
0% { top:0; opacity:1; }
50% { top:5%; opacity:1; }
100% {top:0; opacity:1; }
}