@charset "utf-8";
@import url("common.css");

body {
	height:100%;
	font:13px /1.4 "notoL", Malgun Gothic,"돋움", Dotum, sans-serif;
	letter-spacing:-0.2px;
	color:#646464;
	}

button {color:#222; box-sizing:border-box; font-family:"opensansR","notoL", Malgun Gothic, "돋움", sans-serif; font-size:12px}

/* portal main */
.mg1200 {width:1200px; margin:0 auto;}
.wrap {position:relative}
header {width:100%; z-index:10; position:absolute; left:0; top:0; -webkit-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; padding:25px 0; box-shadow:0px 4px 20px rgb(5 47 97 / 8%)}
header.sticky {box-shadow: 0px 4px 20px rgb(5 47 97 / 8%);}
header h1 {padding-left:0}
header nav {display:flex; align-items:center}
header nav ul {display:flex; padding-right:45px}
header nav ul li a {color:#000000; font-size:18px; padding:8px 20px; font-family:'notoR'}
header nav ul li a:hover, header nav ul li a:focus {color:#114eca}
header nav .user-menu a {height:31px; display:inline-block; padding:0 12px; line-height:31px; margin-left:15px;}
header nav .user-menu .login {font-size:16px; color:#276fdb;}
header nav .user-menu .join {font-size:15px; color:#ffffff; border:1px solid #276fdb; background-color:#276fdb; border-radius:3px; margin-left:10px;}
header nav .sitemap {display:none}
section.main-wrap .container {padding:0}
.main-wrap {background:url(../../images/main/main_img01.png) no-repeat center bottom; width:100%; height:820px; opacity:0}
.main-wrap.on {background:url(../../images/main/main_img01.png) no-repeat center bottom; opacity:1; transition:background 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:background 1s, opacity 1s; }
.main-wrap .mg1200 {position:relative}
.main-wrap .main-txt {position:absolute; left:0; top:450px; opacity:0; line-height:1.3}
.main-wrap .main-txt.on {opacity:1; top:250px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }
.main-wrap .main-txt .stit {color:#276fdb; font-family:"montSM"; font-size:14px; padding-left:5px; padding-bottom:7px; display:inline-block}
.main-wrap .main-txt .mtit {padding-bottom:26px; line-height:1.3; font-size:47px; color:#222222; font-family:"notoM"; letter-spacing:-2.5px;}
.main-wrap .main-txt .mtit span.tBlue {margin-left:8px; position:relative; font-family:"notoB"; display:inline-block; letter-spacing:-2px;}
.main-wrap .main-txt .mtit span.tBlue:after {content: "";
    display: inline-block;
    width: 100%;
    height: 26px;
    background-color: #d8ebfb;
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: -1;
    padding: 0 5px;
    transform: translate(-5px,0);
    box-sizing: content-box;
}
.main-wrap .main-txt .mtit span.main {display:block; }
.main-wrap .main-txt .mtit p {font-family:"notoL"; font-size:15px; color:#6a7483;}
.main-wrap .main-txt .cnt {color:#808996; padding-left:5px; font-size:15px; letter-spacing:0; font-family:"notoD"; line-height:1.4}
.main-wrap .main-txt .cnt span  {display:block}
.main-wrap .main-txt > div {margin-bottom:40px;}

.service-wrap .container {position:relative; height:710px;}
.service-wrap .title {width:100%; position:absolute; top:210px; opacity:0;}
.service-wrap .title.on {opacity:1; top:110px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }
.service-wrap .wils-info .title-box {width:100%; position:absolute; top:510px; opacity:0;}
.service-wrap .wils-info .title-box.on {opacity:1; top:320px; transition:top 1s, opacity 1s, -webkit-transform 1s;  -webkit-transition:top 1s, opacity 1s; }
.service-wrap .wils-info .photo-gr li {width:280px; position:absolute; top:610px; opacity:0;}
.service-wrap .wils-info .photo-gr li.on {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.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:relative; height:560px;}
.service-wrap2 .title {width:100%; position:absolute; 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:absolute; 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; }
/*.service-wrap2 .icon-box li.li1.on {left:0}
.service-wrap2 .icon-box li.li2.on {left:307px}
.service-wrap2 .icon-box li.li3.on {left:613px}
.service-wrap2 .icon-box li.li4.on {left:920px} */

.process-wrap .container {position:relative; height:1240px;}
.process-wrap .title {width:100%; position:absolute; 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:absolute; 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:relative; height:640px;}
.faq-wrap .title {width:100%; position:absolute; 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:absolute; 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:relative; height:680px;}
.rate-wrap .title {width:100%; position:absolute; 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:absolute; 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:relative; height:680px;}
.contact-wrap .title {width:100%; position:absolute; 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:absolute; 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:relative; padding-bottom:20px; font-family:"notoM"; font-weight:normal;}
section .container .title h3:after {background-color:#276fdb; position:absolute; 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,
.contact-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;}
.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 p {text-align:left; padding-left:90px; 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;}
.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:188px; height:60px; border:1px solid #276fdb; color:#276fdb; font-size:18px; border-radius:4px; box-sizing:border-box; line-height:60px; padding-left: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;}
.memo {width:610px;}



footer {width:100%; background:#1b1b1b; margin-top:130px;}
footer .inner {width:1200px; margin:0 auto; text-align:center; height:95px; line-height:95px; position:relative}
footer .inner p {position:absolute; left:0; top:0;}

/* 포털 공통 */
.join_total {width:1200px; margin:0 auto; padding-top:83px;}
.potal_tit_box {padding-top:85px; padding-bottom:78px; text-align:center; }
.potal_tit_box h2.potal_tit {color:#000000; font-size:45px; padding-bottom:15px;}
.potal_tit_box .sub_tit {color:#606060; font-size:18px; font-family:"notoL";}
.join_step {padding-bottom:70px;}
.join_step > ul {display:flex; width:900px; margin:0 auto;}
.join_step > ul > li {display:flex; align-items:center;}
.join_step > ul > li div.step_shape {border-radius:50px; height:70px; text-align:center; background:#b2b2b2; color:#ffffff; font-size:18px; line-height:70px; font-family:"notoL"}
.join_step > ul > li div.step_shape span {font-size:20px; font-family:"montB"; padding-right:6px;}
.join_step > ul > li p.step_next {width:60px; text-align:center}
.join_step > ul > li div.step1 {width:230px;}
.join_step > ul > li div.step2 {width:265px;}
.join_step > ul > li div.step3 {width:285px;}
.join_step > ul > li div.step_shape.on {background:#276fdb}

/* 이용약관 */
.agree_wrap .agree_box {padding-bottom:50px;}
.agree_wrap .agree_box h3 {font-size:23px; color:#000000; font-family:"notoL"; padding-bottom:10px;}
.agree_wrap .agree_box textarea {width:100%; height:390px; box-sizing:border-box; padding:20px; background:#f5f5f5; border:1px solid #dedede}
.agree_wrap .agree_box .agree {padding-top:15px; }
.agree_wrap .agree_box .agree .css-label {color:#222; font-size:16px; }
.agree_wrap .agree_box .agree .css-label span {color:#006eb4}
.join_wrap .btns, .agree_wrap .btns {text-align:center; padding-top:55px;}
.agree_wrap .btns button,
.join_wrap .btns button {text-align:center; width:240px; height:60px; color:#ffffff; border:0 none; background:#215ecb; border-radius:5px; font-size:18px; font-family:"notoL"; cursor:pointer}
.join_wrap .btns {padding-top:105px;}
.join_wrap .btns button {width:180px;}

/* 회원가입작성 */
.join_box h3 {font-size:23px; color: #000000; font-family:"notoL"; padding-bottom:10px;}
.join_box .default_box {padding-bottom:65px;}
table.join_tb {width:100%; border-top:2px solid #000000}
table.join_tb th,
table.join_tb td {border-bottom:1px solid #e4e4e4; border-left:1px solid #e4e4e4; color:#333; font-size:16px; font-family:'notoL'; text-align:left;}
table.join_tb th {background:#fbfbfb; padding-left:30px;}
table.join_tb th {background:#fbfbfb url(../../images/main/ico_essential.png) no-repeat 23px center; padding-left:33px;}
table.join_tb tr th:first-child {border-left:0}
table.join_tb tr td {padding:9px 20px}
table.join_tb tr td input {width:100%; height:40px; border:1px solid #cacaca; box-sizing:border-box; border-radius:2px; padding:0 10px; font-size:15px}
table.join_tb select {font-size:14px;}
.service_sel .inner {width:100%; border-top:2px solid #000000; border-bottom:1px solid #e4e4e4; display:flex; padding:25px; box-sizing:border-box; }
.service_sel .inner > div {padding-right:50px}
.service_sel .inner label {color:#333; font-size:16px; font-family:'notoR';}

/* 회원가입완료 */
.complete_box {width:1200px; margin:0 auto;}
.complete_box .inner {width:100%; background:#f8f9fd; border-top:1px solid #e7edfa; border-bottom:1px solid #e7edfa;}
.complete_box .inner dl {text-align:center; padding-top:63px; background:url(../../images/main/icon_join_complete.png) no-repeat center 63px; width:100%;}
.complete_box .inner dl dt {font-size:31px; color:#222; padding-top:76px; padding-bottom:18px;}
.complete_box .inner dl dt span {font-family:'notoM'}
.complete_box .inner dl dd {color:#6a7483; font-size:15px; font-family:'notoL'; padding-bottom:40px;}
.complete_box .inner .bt_btns {text-align:center; padding-bottom:63px;}
.complete_box .inner .bt_btns p a {font-size:18px; text-align:center; height:53px; line-height:53px; display:inline-block; padding:0 24px; color:#222; border-radius:4px; border:1px solid #c9c9c9; background:#fff;}

.css-label {font-size:15px; color:#222}

.jbFixed {position: fixed; top: 0; z-index: 100; background:#ffffff; box-shadow:0px 4px 20px rgb(5 47 97 / 8%)}

#scroll_top {display:none;}
#scroll_top {position:fixed; right:30px; bottom:30px; z-index:100; }
#scroll_top a {opacity:0.3}
#scroll_top a:hover {opacity:1}

.agree-all {margin-top:40px; border-top:1px solid #eeeeee; padding-top:40px;}
.agree-all label {font-size:20px;}
.plus-icon {padding-top:60px;}