@charset "utf-8";

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:16px;font-family:'Pretendard-Regular','Malgun Gothic', dotum, sans-serif;background:#fff;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard-Regular','Malgun Gothic', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard-Regular','Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Pretendard-Regular','Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}


:root {
  --primary-color: #22a9ed;
}


input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}


/**/
.wrapper {overflow:hidden;}
.at-container {max-width:1320px; width:100%; margin:0 auto; position:relative;}



.at-header {position:fixed; left:0; top:0; width:100%; background:#FFF; height:85px; z-index:9; border-bottom:1px solid rgba(0,0,0,0.1);}
.at-header .at-container {display:flex; height:100%; padding-right:155px;}
.at-header h1 {display:flex; height:100%; align-items:center; width:200px;}
.at-header h1 img {width:100%;}
.at-header .mobile_gnb {display:none;}
.at-header .gnb {display:flex; margin-left:auto; height:100%; width:300px;}
.at-header .gnb li {flex:1;}
.at-header .gnb li a {display:flex; align-items:center; justify-content:center; height:100%;}
.at-header .top_apply_btn {position:absolute; right:0; top:24px; display:flex; align-items:center; justify-content:center; border-radius:50px;background:var(--primary-color); color:#FFF; width:137px; height:38px;}

.at-header .top_bars {display:none;}

@media all and (max-width:1320px){
.at-container {padding:0 20px;}
}


@media all and (max-width:1000px){
.at-header .at-container { padding-right:0;}
.at-header .gnb {display:none;}
.at-header .mobile_gnb {display:none; position:absolute; left:0; top:85px;  width:100%; z-index:9;}
.at-header .mobile_gnb li a {display:block; background:#FFF; text-align:center; border-bottom:1px solid #ddd; padding:15px 0;}
.at-header .top_apply_btn {right:50px;}

.at-header .top_bars {display:flex; align-items:center; justify-content:center; font-size:1.6em; position:absolute; right:10px; top:25px; width:40px; height:40px; color:#222; z-index:9; }

.at-header h1 {width:140px;}
}


@media all and (max-width:360px){
.at-header .top_apply_btn {width:100px; font-size:0.92em;}
}


.bannerWrap {width: 100%; height: 830px; position: relative; display:flex; margin-top:85px; background:#dcf4ff; border-bottom-left-radius:50px; border-bottom-right-radius:50px;}
.bannerWrap .img {position:absolute; right:0; top: 50%; left:auto; -webkit-transform: translate(0,-50%); -ms-transform: translate(0,-50%); transform: translate(0,-50%); }
.bannerWrap div.main_txt {width: 1320px; position: absolute; left: 50%; top: 47%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}

.mainSwiper {overflow:hidden; position:relative;}
.swiper-slide .bannerWrap .fnt-title1 {color:#242a30; font-size:54px;  line-height:140%;}
.swiper-slide .bannerWrap .fnt-title1 b {font-family: 'Pretendard-Bold'; font-size:68px; text-shadow: -1px 0px #dcf4ff, 0px 1px #dcf4ff, 1px 0px #dcf4ff, 0px -1px #dcf4ff;}
.swiper-slide .bannerWrap .fnt-title1 p {font-family: 'Pretendard-Bold'; font-size:24px; color:#9199a4; line-height:140%; margin:20px 0; text-shadow: -1px 0px #dcf4ff, 0px 1px #dcf4ff, 1px 0px #dcf4ff, 0px -1px #dcf4ff;}
.swiper-slide .bannerWrap .fnt-title1 a.apply_btn {position:relative; font-size:18px; display:inline-flex; width:253px; height:60px; align-items:center; padding-left:30px; background:#00101f; border-radius:50px; border:none; color:#FFF;}
.swiper-slide .bannerWrap .fnt-title1 a.apply_btn i {position:absolute; right:30px; top:20px; transition:all .3s;}
.swiper-slide .bannerWrap .fnt-title1 a.apply_btn:hover {background:var(--primary-color);}
.swiper-slide .bannerWrap .fnt-title1 a.apply_btn:hover i {right:15px;}

.swiper-slide .bannerWrap .fnt-title1 a.user_view_btn {position:relative; font-size:18px; display:inline-flex; width:180px; height:60px; align-items:center; justify-content:center; background:#fff; border-radius:50px; border:none; color:#00101f;}
.swiper-slide .bannerWrap .fnt-title1 a.user_view_btn:hover {background:var(--primary-color); color:#FFF;}


.swiper-pagination-wrap {width: 1320px; position: absolute; z-index:5; left: 50%; bottom:15%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); text-align:left;}
.swiper-pagination-wrap .swiper-pagination {text-align:left;}
.swiper-pagination-wrap .swiper-pagination-bullet {width:55px; height:3px; border-radius:0; background:#001b35; opacity:0.2; margin-right:5px;}
.swiper-pagination-wrap .swiper-pagination-bullet-active {opacity:1;}

@media all and (min-width:1920px){

.bannerWrap {}
.bannerWrap .img {position:absolute; right:auto; left:40%;}
}

@media all and (max-width:1620px){

.bannerWrap .img img {width:1000px;}
}

@media all and (max-width:1320px){
.bannerWrap div.main_txt {width:100%;}
.bannerWrap {height:700px;}
.bannerWrap .img {border-bottom-left-radius:50px; border-bottom-right-radius:50px;}
.bannerWrap .img img {width:700px;}

.bannerWrap div.main_txt {padding-left:60px;}
.swiper-pagination-wrap {width:100%; bottom:30px; left:0; -webkit-transform: translate(0%,0%); -ms-transform: translate(0%,0%); transform: translate(0%,0%);}
.swiper-pagination-wrap .swiper-pagination {text-align:center;}
}


@media all and (max-width:1000px){

.bannerWrap {height:600px;}

.bannerWrap div.main_txt {padding-left:60px;}
.swiper-slide .bannerWrap .fnt-title1 {font-size:40px;}
.swiper-slide .bannerWrap .fnt-title1 b {font-size:50px;}
.swiper-slide .bannerWrap .fnt-title1 p {font-size:18px; margin:10px 0;}
.swiper-pagination-wrap {width:100%; bottom:30px; left:0; -webkit-transform: translate(0%,0%); -ms-transform: translate(0%,0%); transform: translate(0%,0%);}
.swiper-pagination-wrap .swiper-pagination {text-align:center;}

.bannerWrap .img img {width:600px;}
}

@media all and (max-width:800px){

.bannerWrap {height:450px;}
.swiper-slide .bannerWrap .fnt-title1 {font-size:32px;}
.swiper-slide .bannerWrap .fnt-title1 b {font-size:46px;}

.bannerWrap .img img {width:400px;}
}



@media all and (max-width:676px){

.bannerWrap {}

.bannerWrap {height:330px;}
.bannerWrap .img {border-bottom-left-radius:30px; border-bottom-right-radius:30px;}
.bannerWrap div.main_txt {padding-left:20px;}
.swiper-slide .bannerWrap .fnt-title1 {font-size:20px;}
.swiper-slide .bannerWrap .fnt-title1 b {font-size:30px;}
.swiper-slide .bannerWrap .fnt-title1 p {font-size:16px; margin:10px 0;}
.swiper-slide .bannerWrap .fnt-title1 a.apply_btn {width:190px; height:45px; font-size:16px; padding-left:0px; justify-content:center;}
.swiper-slide .bannerWrap .fnt-title1 a.apply_btn i {display:none;}
.swiper-slide .bannerWrap .fnt-title1 a.user_view_btn {width:140px; height:45px; font-size:16px;}

.bannerWrap .img img {width:300px;}
}


@media all and (max-width:400px){

.bannerWrap {}

.bannerWrap {height:290px;}
.bannerWrap .img {border-bottom-left-radius:20px; border-bottom-right-radius:20px;}


.bannerWrap div.main_txt {padding-left:15px;}
.swiper-slide .bannerWrap .fnt-title1 {font-size:20px;}
.swiper-slide .bannerWrap .fnt-title1 b {font-size:28px;}
.swiper-slide .bannerWrap .fnt-title1 p {font-size:14px; margin:10px 0;}
.swiper-slide .bannerWrap .fnt-title1 a.apply_btn {width:160px; height:45px; font-size:16px; padding-left:0px;}
.swiper-slide .bannerWrap .fnt-title1 a.apply_btn i { right:10px; top:12px;}
.swiper-slide .bannerWrap .fnt-title1 a.user_view_btn {width:130px;}

.swiper-pagination-wrap {width:100%; bottom:30px; left:0; -webkit-transform: translate(0%,0%); -ms-transform: translate(0%,0%); transform: translate(0%,0%);}
.swiper-pagination-wrap .swiper-pagination {text-align:center;}

.bannerWrap .img {top:40%;}
.bannerWrap .img img {width:200px;}
}




.main_section {padding:120px 0 40px 0;}

.mainTitle {text-align:center; margin-bottom:60px;}
.mainTitle sub {font-size:1.4em; margin-bottom:20px; display:inline-block;}
.mainTitle h3 {font-family: 'Pretendard-Bold'; font-size:3em;}
.mainTitle h3 span {color:var(--primary-color);}
.mainTitle .icon {position:relative; top:5px; display:inline-block; width:27px; height:27px; margin-right:3px;}
.mainTitle .icon.cog {background:url(../img/v1/cog_icon.png) no-repeat; background-size:100%;}
.mainTitle .icon.light {background:url(../img/v1/light_icon.png) no-repeat; background-size:100%;}
.mainTitle .icon.comment {background:url(../img/v1/comment_icon.png) no-repeat; background-size:100%;}


@media all and (max-width:1000px){

.main_section {padding:100px 0 30px 0;}

.mainTitle sub {font-size:1.2em;}
.mainTitle h3 {font-size:2em;}

}


@media all and (max-width:500px){

.main_section {padding:100px 0 30px 0;}

.mainTitle sub {font-size:1em;}
.mainTitle h3 {font-size:1.6em; letter-spacing:-0.5px;}

}

@media all and (max-width:460px){

.main_section03 .mainTitle {text-align:left;}
.main_section03 .mainTitle h3 {font-size:1.3em;}
}

@media all and (max-width:400px){


.mainTitle h3 {font-size:1.4em;}

}

.service_tab {display:flex; margin-bottom:50px;}
.service_tab li {flex:1;}

.service_tab li a {display:block; text-align:center; border-bottom:3px solid rgba(0,0,0,0.1); padding-bottom:24px;}
.service_tab li a .icon {display:inline-block; width:40px; height:40px; background-size:100% !important; opacity:0.3;}
.service_tab li a .icon01 {background:url(../img/v1/main_service_icon01.png) no-repeat;}
.service_tab li a .icon02 {background:url(../img/v1/main_service_icon02.png) no-repeat;}
.service_tab li a .icon03 {background:url(../img/v1/main_service_icon03.png) no-repeat;}
.service_tab li a p {font-size:1.15em; font-weight:bold;}

.service_tab li a.active {border-bottom:3px solid var(--primary-color);}
.service_tab li a.active .icon {opacity:1;}
.service_tab li a.active .icon01 {background:url(../img/v1/main_service_icon01ov.png) no-repeat;}
.service_tab li a.active .icon02 {background:url(../img/v1/main_service_icon02ov.png) no-repeat;}
.service_tab li a.active .icon03 {background:url(../img/v1/main_service_icon03ov.png) no-repeat;}


.service_contents {background:#f6f6f6; padding:15px; border-radius:10px;}
.service_flex {display:flex; flex-wrap:wrap; margin-bottom:80px; position:relative;}
.service_contents .service_flex {margin-bottom:0;}
.service_flex .img {width:calc(100% - 430px); display:flex; align-items:center;}
.service_flex .img img {max-width:100%; border-radius:10px;}
.service_flex .info {width:430px; padding-left:50px; padding-right:20px; padding-top:80px;}
.service_flex .info h3 {font-size:1.8em; margin-bottom:35px;}
.service_flex .info h4 {color:#242a30; font-size:2em; margin-bottom:30px; letter-spacing:-1px;}
.service_flex .info h4 q {quotes:""""; color:var(--primary-color);}
.service_flex .info h5 {font-size:1.375em; margin-bottom:35px; background:url(../img/v1/title_line.png) no-repeat 0 bottom; padding-bottom:18px;}
.service_flex .info p {color:#5e656c; font-size:1.13em; margin-bottom:35px; line-height:160%; letter-spacing:-0.5px}
.service_flex .info ul.txtlist li {font-size:1em; background:url(../img/v1/list-bullet.png) no-repeat 0 14px; padding-left:15px; line-height:200%;}

.service_flex.icon01:after {position:absolute; right:10px; bottom:10px; content:""; width:100px; height:100px; background:url(../img/v1/main_service_icon01.png) no-repeat right bottom; background-size:100%; opacity:0.1;}
.service_flex.icon02:after {position:absolute; right:10px; bottom:10px; content:""; width:100px; height:100px; background:url(../img/v1/main_service_icon02.png) no-repeat right bottom; background-size:100%; opacity:0.1;}
.service_flex.icon03:after {position:absolute; right:10px; bottom:10px; content:""; width:100px; height:100px; background:url(../img/v1/main_service_icon03.png) no-repeat right bottom; background-size:100%; opacity:0.1;}



.service_flex.right .img {order:2;}
.service_flex.right .info {order:1; padding-right:50px;}

.service_review {margin-top:100px; border:2px solid #dadada; border-radius:20px; padding:50px;}
.service_review .desc {font-size:1.13em; text-align:center; line-height:160%;}
.service_review_writer {text-align:center;}
.service_review .writer_box {display:inline-block; position:relative; padding-left:60px; margin-top:30px; text-align:left; line-height:160%;}
.service_review .writer_box i.icon {position:absolute; left:0; top:0; width:50px; height:50px; border-radius:100%;}
.service_review .writer_box i.icon.nh-icon {background:url(../img/v1/nh_logo.png) no-repeat; background-size:100%;}
.service_review .writer_box h4 {font-size:1.13em; color:#242a30;}
.service_review .writer_box p {font-size:1.13em; color:rgba(94,101,108,0.7);}


@media all and (max-width:1060px){

.service_flex .info {padding-top:10px;}
.service_flex .info h3 {font-size:1.4em; margin-bottom:10px;}
.service_flex .info h4 {font-size:1.6em;  margin-bottom:10px;}
.service_flex .info h5 {font-size:1.2em;}
.service_flex .info p br {display:none;}
.service_flex .info p {font-size:0.92em; margin-bottom:10px;}
.service_flex .info ul.txtlist li {font-size:0.92em;}
}

@media all and (max-width:767px){
.service_tab li a p {font-size:1em;}

.service_flex {margin-bottom:50px;}
.service_flex .img {width:100%;}
.service_flex .info {width:100%; padding:30px;}


.service_review {margin-top:50px; padding:30px;}
.service_review .desc {font-size:0.92em; text-align:left;}
.service_review .desc br {display:none;}
.service_review .writer_box h4 {font-size:1em;}
.service_review .writer_box p {font-size:1em; }



.service_flex.right .img {order:1;}
.service_flex.right .info {order:2; padding-right:30px;}

}


@media all and (max-width:400px){


.service_flex .info {padding:20px;}
.service_flex .info h3 {font-size:1.3em; margin-bottom:10px;}
.service_flex .info h4 {font-size:1.2em;  margin-bottom:10px;}
.service_flex .info h5 {font-size:1em;}
.service_flex .info h4 br {display:none;}
.service_flex .info p {font-size:0.92em; margin-bottom:10px;}
.service_flex .info ul.txtlist li {font-size:0.92em;}

.service_review {margin-top:50px; padding:30px;}
.service_review .desc {font-size:0.92em;}
.service_review .writer_box h4 {font-size:1em;}
.service_review .writer_box p {font-size:1em;}


.service_flex.right .img {order:1;}
.service_flex.right .info {order:2; padding-right:30px;}

}




.main_section.main_section03 {background:#f7f7f7; padding:100px 0;}


.apply_flex {display:flex; flex-wrap:wrap; justify-content:space-between;}
.apply_flex .apply_box {width:47%;}
.apply_flex .apply_box h4 {font-size:1.25em; color:#010101; margin-bottom:50px;}
.apply_flex .apply_box ul li {position:relative; padding:10px 10px 10px 120px; border-bottom:1px solid #525252; margin-bottom:10px; min-height:62px;}
.apply_flex .apply_box ul li.no_line {border-bottom:none; min-height:auto;}

.apply_flex .apply_box ul li label {position:absolute; left:0; top:20px; font-weight:bold; padding-bottom:0;}
.apply_flex .apply_box ul li.no_line label {top:10px;}
.apply_flex .apply_box ul li.wide {padding:0; border-bottom:none; margin-bottom:0;}
.apply_flex .apply_box ul li.wide textarea.textarea {width:100%; height:160px;}

.apply_flex .apply_box ul li.file {display:flex; justify-content:right;}
.apply_flex .apply_box ul li.file input[type="file"] {font-size:0.85em; color:#888; margin-top:5px;}
.apply_flex .apply_box ul li.file input[type="file"]::file-selector-button { width:73px; height:27px; background: #444444; color:#FFF; font-size:0.85em; border: 1px solid rgb(77,77,77); border-radius: 5px; cursor: pointer;}


.apply_flex .apply_box ul li .frm_input {background:none; border:none; box-shadow:none; height:35px; width:100%;}
.apply_flex .apply_box ul li .frm_input::placeholder {color:#b2b2b2; font-size:0.9em;}
.apply_flex .wide {width:100%;}

.apply_flex .apply_agree_box {margin-top:50px; font-weight:bold; border-bottom:1px solid #000000; padding-bottom:30px;}
.apply_flex .apply_agree_box input[type="checkbox"] {width:20px; height:20px; border-radius:100%;}
.apply_flex .apply_agree_box a {display:inline-flex; width:73px; height:27px; align-items:center; justify-content:center; color:#FFF; background:#444444; border-radius:5px; font-size:0.85em; font-weight:normal; margin-left:5px;}
.apply_flex .applyForm_btn {margin-top:40px; text-align:center;}
.apply_flex .applyForm_btn button {position:relative; font-size:1.13em; display:inline-flex; width:253px; height:60px; align-items:center; padding-left:30px; background:#00101f; border-radius:50px; border:none; color:#FFF;}
.apply_flex .applyForm_btn button i {position:absolute; right:30px; top:20px; transition:all .3s;}
.apply_flex .applyForm_btn button:hover {background:var(--primary-color);}
.apply_flex .applyForm_btn button:hover i {right:15px;}


@media all and (max-width:800px){

.apply_flex .apply_box {width:100%; }
.apply_flex .apply_box:first-child {margin-bottom:40px;}

.apply_flex .apply_box h4 {margin-bottom:20px;}
.apply_flex .apply_agree_box {margin-top:20px;}
.apply_flex .applyForm_btn button {width:220px; height:50px;}
.apply_flex .applyForm_btn button i {top:16px; right:20px;}
}


@media all and (max-width:500px){

.apply_flex .apply_box ul li.file {flex-wrap:wrap;}
.apply_flex .apply_box ul li.file input[type="file"] {width:100%; margin-bottom:10px;}

}



.at-footer {padding:35px 0 80px 0;}
.at-footer .at-footer-menu {display:flex; margin-bottom:25px;}
.at-footer .at-footer-menu li a {font-weight:bold; padding:0 20px;}
.at-footer .at-footer-menu li a.point {color:#004a79; }
.at-footer .at-footer-menu li:first-child a {padding-left:0;}

.at-footer address {font-style:normal; line-height:180%;}
.at-footer .copy_logo {position:absolute; right:0; width:200px; top:10px; text-align:right;}


@media all and (max-width:1000px){

.at-footer .copy_logo {position:relative; width:100%; text-align:left;}
.at-footer .copy_logo .dooore_logo {position:relative; top:-5px;}
.at-footer .at-footer-menu li a {font-size:0.92em;}
.at-footer address {font-size:0.92em;}
}


#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid var(--primary-color);color:var(--primary-color);text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:var(--primary-color);background:var(--primary-color);color:#fff}


.detail_view_layer {position:fixed; left:0; top:0; width:100%; height:100%;  display:none; align-items:center; justify-content:center; z-index:9999;}
.detail_info_close {position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; background:rgba(0,0,0,0.6);}
.detail_view_box {position:relative; z-index:99999; width:1000px; height:auto; background:#FFF; border-radius:20px; overflow:hidden;}
.detail_view_box .title {position:relative; background:var(--primary-color); color:#FFF; padding:25px; padding-right:50px;}
.detail_view_box .title h5 {display:block; color:#FFF; font-size:25px; text-align:left;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.detail_view_box .title a.cancel_btn {position:absolute; right:10px; top:10px; width:50px; height:50px; background:url(../img/v1/top_close_w.png) no-repeat; background-size:100%;}
.detail_view_box .inner {padding:50px; max-height:300px; overflow-y:auto; font-size:1.1em; line-height:160%; font-weight:normal;}


@media all and (max-width:1000px){

.detail_view_box {width:90%;}
.detail_view_box .title h5 {font-size:20px;}
.detail_view_box .inner {padding:20px; font-size:0.92em;}
}