@charset "utf-8";

@media all and (max-width:1200px) {
	.service-wrap .wils-info .photo-gr li img {width:100%}
	.process-wrap .content.on img {width:100%}
}
    
@media all and (max-width:1200px) {
.service-wrap .container {position:static; height:auto;}
.service-wrap .title {opacity:1; position:static; top:110px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }
.service-wrap .title.on {}
.service-wrap .wils-info .title-box {position:static; opacity:1; top:320px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }
.service-wrap .wils-info .title-box.on {}
.service-wrap .wils-info .photo-gr li {opacity:1; top:510px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }
.service-wrap .wils-info .photo-gr li.on {}
.service-wrap .wils-info .photo-gr li.li1.on {left:0}
.service-wrap .wils-info .photo-gr li.li2.on {left:307px}
.service-wrap .wils-info .photo-gr li.li3.on {left:613px}
.service-wrap .wils-info .photo-gr li.li4.on {left:920px}

.service-wrap2 .container {position:static; height:560px;}
.service-wrap2 .title {width:100%; position:static; top:300px; opacity:0;}
.service-wrap2 .title.on {opacity:1; top:110px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }
.service-wrap2 .icon-box {width:100%; position:static; top:510px; opacity:0;}
.service-wrap2 .icon-box.on {opacity:1; top:310px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }

.process-wrap .container {position:static; height:1240px;}
.process-wrap .title {width:100%; position:static; top:300px; opacity:0;}
.process-wrap .title.on {opacity:1; top:110px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }
.process-wrap .content {width:100%; position:static; top:510px; opacity:0;}
.process-wrap .content.on {width:100%; opacity:1; top:310px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }


.faq-wrap .container {position:static; height:620px;}
.faq-wrap .title {width:100%; position:static; top:300px; opacity:0;}
.faq-wrap .title.on {opacity:1; top:110px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }
.faq-wrap .content {width:100%; position:static; top:510px; opacity:0;}
.faq-wrap .content.on {width:100%; opacity:1; top:310px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }


.rate-wrap .container {position:static;}
.rate-wrap .title {width:100%; position:static; top:300px; opacity:0;}
.rate-wrap .title.on {opacity:1; top:110px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }
.rate-wrap .content {width:100%; position:static; top:510px; opacity:0;}
.rate-wrap .content.on {width:100%; opacity:1; top:310px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }

.contact-wrap .container {position:static;}
.contact-wrap .title {width:100%; position:static; top:300px; opacity:0;}
.contact-wrap .title.on {opacity:1; top:110px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }
.contact-wrap .content {width:100%; position:static; top:510px; opacity:0;}
.contact-wrap .content.on {width:100%; opacity:1; top:310px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }

section .container {padding:110px 0}
section .container .title {text-align:center; padding-bottom:90px;}
section .container .title h3 {font-size:45px; color:#222b36; position:static; padding-bottom:20px; font-family:"notoM"; font-weight:normal;}
section .container .title h3:after {background-color:#276fdb; position:static; bottom:0; left:50%; width:30px; height:2px; margin-left:-15px; content:"";}
.service-wrap2 .container .title h3:after, .process-wrap .container .title h3:after  {background:none;}
section .container .title p {padding-top:28px; color:#838b93; font-size:15px; font-family:'notoL'; letter-spacing:0}
section .container .title p span {display:block}
.service-wrap,
.process-wrap,
.rate-wrap {width:100%; background-color:#f3f6f9;}
.service-wrap .container,
.service-wrap2 .container,
.process-wrap .content,
.faq-wrap .container,
.rate-wrap .container {width:1200px; margin:0 auto;}
.service-wrap .wils-info {}
.service-wrap .wils-info .tit {font-family:"notoR"; font-size:23px; color:#222; padding-bottom:10px;}
.service-wrap .wils-info .tit span {font-weight:bold;}
.service-wrap .wils-info .txt-gr {padding-bottom:50px;}
.service-wrap .wils-info .txt-gr li {font-size:15px; font-family:"notoL"; color:#666; background:url(../../images/main/bullet_check.png) no-repeat 0 5px; line-height:24px; padding-left:19px;}
.service-wrap .wils-info .photo-gr {width:100%; display:flex; justify-content:space-between;}
.service-wrap .wils-info .photo-gr li {width:280px; position:static}
.service-wrap .wils-info .photo-gr li dl dt {padding-bottom:22px;}
.service-wrap .wils-info .photo-gr li dl dd.tit {font-size:20px; padding-bottom:5px; font-family:'notoR'}
.service-wrap .wils-info .photo-gr li dl dd.cnt {font-size:15px; color:#666; font-family:"notoL"; line-height:22px}
.service-wrap2 .icon-box {width:100%; display:flex; justify-content:space-between}
.service-wrap2 .icon-box li p {text-align:center; padding-bottom:38px;}
.service-wrap2 .icon-box li dl {text-align:left}
.service-wrap2 .icon-box li dl dt {color:#222; font-size:24px; padding-bottom:10px; text-align:left; padding-left:10px; font-family:"notoR"}
.service-wrap2 .icon-box li dl dd ul li {font-size:15px; color:#666; font-family:"notoL"; padding:2px 0 3px; line-height:20px;}
.service-wrap2 .icon-box li dl dd ul li span {display:block; padding-left:10px;}
.process-wrap .content p {text-align:center}
.faq-wrap .container .content {display:flex;}
.faq-wrap .container .content .left-img {padding-top:70px; width:500px;}
.faq-wrap .tab-box {position:relative; height:420px; width:100%}
.faq-wrap .tab-box > ul {display:flex;}
.faq-wrap .tab-box > ul > li + li {margin-left:30px;}
.faq-wrap .tab-box > ul > li > a {font-family:"notoR"; display:block; width:100%; height:60px; border:1px solid #276fdb; color:#276fdb; font-size:18px; border-radius:4px; box-sizing:border-box; line-height:60px; padding-left:30px; padding-right:30px}
.faq-wrap .tab-box .tab01 > a {background:#ffffff url(../../images/main/faqtab_icon1.png) no-repeat 148px center;}
.faq-wrap .tab-box .tab02 > a {background:#ffffff url(../../images/main/faqtab_icon2.png) no-repeat 148px center;}
.faq-wrap .tab-box .tab03 > a {background:#ffffff url(../../images/main/faqtab_icon3.png) no-repeat 148px center;}
.faq-wrap .tab-box .tab01 > a:hover, .faq-wrap .tab-box .tab01.on > a {background:#276fdb url(../../images/main/faqtab_icon1_on.png) no-repeat 148px center; color:#ffffff;}
.faq-wrap .tab-box .tab02 > a:hover, .faq-wrap .tab-box .tab02.on > a {background:#276fdb url(../../images/main/faqtab_icon2_on.png) no-repeat 148px center; color:#ffffff;}
.faq-wrap .tab-box .tab03 > a:hover, .faq-wrap .tab-box .tab03.on > a {background:#276fdb url(../../images/main/faqtab_icon3_on.png) no-repeat 148px center; color:#ffffff;}
.faq-wrap .tab-box > ul > li > div {width:100%; position:absolute; left:0; top:61px; padding-top:48px; display:none;}
.faq-wrap .tab-box > ul > li.on > div {z-index:20; display:block;}
.q-box dl + dl {padding-top:30px;}
.q-box dl dt {font-family:"notoR"; color:#313437; font-size:16px; display:flex; align-items:center; padding-bottom:5px}
.q-box dl dt span {display:inline-block; width:35px; height:35px; background-color:#e3f3f9; color:#0891c4; font-weight:bold; border-radius:50%; font-size:16px; display:flex; justify-content:center; align-items:center; margin-right:12px}
.q-box dl dd {color:#848c94; font-size:14px; padding-left:48px;}
.rate-wrap {width:100%;}
.rate-wrap .content {width:100%; display:flex; justify-content:space-between; align-items:center}
.rate-wrap .content > div {width:555px;}
.rate-wrap .content > div h4 {width:100%; height:53px; line-height:53px; text-align:center; font-size:20px; color:#ffffff; margin-bottom:25px; font-family:"notoL"}
.rate-wrap .content > div.service h4 {background:#276fdb}
.rate-wrap .content > div.premium h4 {background:#27a2db}
.rate-wrap .content > div table {width:100%; height:390px; border:1px solid #989898}
.rate-wrap .content > div table thead th {color:#000; height:50px; line-height:50px; font-size:17px; text-align:center; background:#fafafa; font-family:"notoL"; border-left:1px solid #e9e9e9;}
.rate-wrap .content > div table tbody td {background:#ffffff; color:#666666; font-size:15px; font-family:"notoL"; text-align:center; line-height:30px; border-top:1px solid #e9e9e9; border-left:1px solid #e9e9e9;}
.rate-wrap .content > div table thead tr th:first-child,
.rate-wrap .content > div table tbody tr td:first-child {border-left:0}
.rate-wrap .content > div table tbody td.point {color:#000; font-size:20px; font-weight:bold}
.contact-wrap {background:#f9fafa; width:100%;}
.contact-wrap .form-box {display:flex; justify-content:space-between; align-items:flex-start; padding-bottom:30px}
.contact-wrap .form-box > div {width:500px;}
.contact-wrap .form-box .form-group {padding-bottom:15px}
.contact-wrap .form-box .form-group label {font-family:"notoR"; color:#262a30; font-size:15px; margin-bottom:10px; display:inline-block}
.contact-wrap .form-box .form-group input {height:45px; border:1px solid #e8e8e8; border-radius:4px; color:#052f61; display:block; width:100%; padding:5px 15px;}
.contact-wrap .form-box .form-group textarea {width:100%; box-sizing:border-box; height:223px; padding:15px; border-radius:4px; border:1px solid #e8e8e8;}
.contact-wrap .privacy_agree {padding-bottom:80px;}
.contact-wrap .privacy_agree h4 {color:#0e263e; font-size:18px; padding-bottom:13px}
.contact-wrap .privacy_agree .txt-cnt {display:flex; justify-content:space-between}
.contact-wrap .privacy_agree .txt-cnt ul {display:flex;}
.contact-wrap .privacy_agree .txt-cnt li {color:#6e7984; font-size:15px; padding-right:23px;}
.contact-wrap .privacy_agree .agree-txt {font-size:15px; color:#222;}
p.btn-send {text-align:center;}
p.btn-send input {height:45px; background:#266dd7; color:#ffffff; text-align:center; border:0 none; padding:0 20px; font-size:15px; border-radius:4px; font-family:"montSM"}
section.footer1-wrap {width:100%; height:308px; background:url(../../images/main/footer1_bg.jpg) no-repeat center 0; text-align:center;}
section.footer1-wrap .title {padding-top:66px; padding-bottom:35px}
section.footer1-wrap .title p {font-size:42px; color:#ffffff; font-weight:bold; padding-bottom:10px; font-family:"montB"; letter-spacing:-0.5px}
section.footer1-wrap .title span {font-size:16px;}
section.footer1-wrap .btn-start {height:55px; border:1px solid #ffffff; border-radius:50px; display:inline-block; padding:0 28px; line-height:55px;}
section.footer1-wrap .btn-start a {color:#ffffff; font-size:16px; background:url(../../images/main/icon_arrow1.png) no-repeat right center; padding-right:28px;}
section.footer1-wrap .title span {color:#bdd1ef;}

	.mg1200 {width:100%; margin:0 auto;}
	.service-wrap .container,
	.service-wrap2 .container,
	.process-wrap .content,
	.faq-wrap .container,
	.rate-wrap .container,
	.contact-wrap .container {width:100%;}
	footer .inner {width:100%}
	.main-wrap .main-txt.on {padding:0 20px;}
	.main-wrap .main-txt {padding:0 20px;}
	
	
}

@media screen and (max-width: 880px) {
	header nav ul {display:none}
	header h1 {padding-left:20px;}
	header nav {padding-right:20px;}
	header nav .sitemap {display:block}
	.login_wrap2 {dispaly:block;}
	.leftBox {display:none}
	.rightBox {width:100%; box-sizing:border-box; padding:0 20px}
	.rightBox h1 {display:block; padding-left:0px;} 
	.login_box {width:100%; position:static; margin:0; padding-top:100px;}
}

@media screen and (max-width: 768px) {
	.plus-icon {text-align: center; padding: 20px 0;}
	header nav .user-menu {display:none}
	.main-wrap .main-txt .mtit {font-size:27px; padding-bottom:28px;}
	.main-wrap .main-txt .cnt {font-size:14px; line-height:1.3;}
	.main-wrap .main-txt > div {margin-bottom:25px;}
	.main-wrap .main-txt.on {top:125px; padding:0 20px;}
	.main-wrap .mg1200 {position:unset}
	.main-wrap {background:url(../../images/main/m_main_bg.png) no-repeat center bottom; height:545px; }
	.main-wrap.on {background:url(../../images/main/m_main_bg.png) no-repeat center bottom; background-size:auto 250px;}
	.main-wrap .main-txt .mtit span.main {display:inline;}
	.service-wrap, .process-wrap, .rate-wrap {box-sizing:border-box; padding:0 20px;}
	section .container {padding:50px 0}
	section .container .title h3 {font-size:30px; padding-bottom:15px}
	section .container .title p {font-size:13px; padding-top:0}
	section .container .title p span {display:inline}
	section .container .title {padding-bottom:20px;}
	.service-wrap .wils-info .tit {font-size:18px; padding-bottom:5px;}
	.service-wrap .wils-info .photo-gr {display:block}
	.service-wrap .wils-info .photo-gr li {width:100%; padding-bottom:25px}
	.service-wrap .wils-info .photo-gr li img {width:100%}
	.service-wrap .wils-info .txt-gr {padding-bottom:30px;}
	.service-wrap .wils-info .txt-gr li {font-size:14px; line-height:19px; }
	.service-wrap .wils-info .txt-gr li+li {padding-top:4px;}
	.service-wrap .wils-info .photo-gr li dl dt {padding-bottom:15px}
	.service-wrap .wils-info .photo-gr li dl dd.cnt {font-size:14px; line-height:19px;}
	.service-wrap .wils-info .photo-gr li dl dd.tit {padding-bottom:3px;}
	.service-wrap2 .icon-box {display:block}
	.service-wrap2 .icon-box li dl dt {text-align:center}
	.service-wrap2 .icon-box li dl dd {text-align:center}
	.service-wrap2 .icon-box li {padding-bottom:30px}
	.service-wrap2 .container, .process-wrap .container, .rate-wrap .container, .contact-wrap .container {height:auto}
	.process-wrap .content img {width:100%}
	.faq-wrap {padding:0 20px;}
	.faq-wrap .container {height:785px;}
	.faq-wrap .container .content {display:block}
	.faq-wrap .container .content .left-img {padding-top:20px; width:100%; padding-bottom:30px; text-align:center;}
	.faq-wrap .container .content .left-img img {width:50%}
	.faq-wrap .tab-box > ul > li > a {background-image:none !important; height: 46px; line-height:46px; font-size:15px; width:100%; padding:0 20px; box-sizing:border-box}
	.faq-wrap .tab-box .tab01 > a {background:#ffffff url(../../images/main/faqtab_icon1.png) no-repeat 90px center;}
	.faq-wrap .tab-box .tab02 > a {background:#ffffff url(../../images/main/faqtab_icon2.png) no-repeat 85px center;}
	.faq-wrap .tab-box .tab03 > a {background:#ffffff url(../../images/main/faqtab_icon3.png) no-repeat 90px center;}
	.faq-wrap .tab-box > ul > li + li {margin-left:15px}
	.faq-wrap .tab-box > ul > li > div {padding-top:20px}
	.faq-wrap .tab-box {height:360px;}
	.rate-wrap .content {display:block}
	.rate-wrap .content > div {width:100%}
	.contact-wrap .privacy_agree h4 {padding-bottom:7px}
	.contact-wrap .privacy_agree .txt-cnt li {font-size:14px;}
	.contact-wrap .privacy_agree h4 {font-size:16px;}
	.memo {width:100%}
	.contact-wrap .privacy_agree .txt-cnt ul {padding-bottom:10px}
	.contact-wrap .privacy_agree {padding-bottom:50px}
	.contact-wrap .form-box {padding-bottom:10px;}
	.contact-wrap .privacy_agree .txt-cnt {display:block}
	.contact-wrap .privacy_agree .txt-cnt ul {display:block}
	.contact-wrap .form-box > div {width:100%}
	.contact-wrap .container {padding:50px 20px; box-sizing:border-box;}
	.contact-wrap .form-box {display:block;}
	section.footer1-wrap .btn-start {height:47px; line-height:47px;}
	section.footer1-wrap .btn-start a {font-size:15px;}
	section.footer1-wrap {height:240px;}
	section.footer1-wrap .title p {font-size:30px; padding-bottom:7px; line-height:1;}
	section.footer1-wrap .title span {font-size:14px}
	section.footer1-wrap .title {padding: 50px 20px 30px;}
	footer .inner p {display:none}
	.service-wrap2 .icon-box li p {padding-bottom:20px;}
	
}

.gnbLayer_m {border-top:1px solid #d9d9d9; position:absolute; width:100%; top:83px; background:#ffffff;}
.gnbLayer_m ul {border-bottom:1px solid #d9d9d9}
.gnbLayer_m li a {color:#222222; font-size:16px; font-weight:bold; display: block; padding: 10px 0 10px 15px}
.gnbLayer_m li +li {border-top:1px solid #ececec; }