@charset "UTF-8";

@import url("fonts/S-Core-Dream-full/stylesheet.css");
@import url('https://cdnjs.cloudflare.com/ajax/libs/pretendard/1.3.9/static/pretendard.css');

/* 아이폰 사파리에서 화면회전시 폰트 확대방지*/
* {-webkit-text-size-adjust:none;}

*{margin:0; padding:0;margin:0; padding:0; box-sizing: border-box;}
html{font-size: 16px}
html,body{width:100%; height:100%; min-width: 100%; min-height: 100%; overflow-x:hidden; max-width:100%;}
body {font-family: 'Pretendard',sans-serif; font-weight: normal;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, legend{margin: 0px; padding:0px; -webkit-margin:0px; -webkit-padding:0px;}
ol, ul, li {list-style : none;}
ul li{list-style-type: none;}
a, span, p, div{word-break:keep-all; color:inherit;}
a{cursor: pointer; text-decoration: none; outline: none;}
a:hover, a:active, a:focus{text-decoration:none;}
button{border: none; outline: none;}
.hidden{display: none; visibility: hidden;}
select { -webkit-appearance:none; -moz-appearance:none; appearance : none; }
select::-ms-expand { display:none; }
.pcOnly{display: initial;}
.mobileOnly{display: none !important;}
.show1024{display: none !important;}

.sticky-wrapper{background: #d9e9ff;}
section.head_Section{position:fixed; width: 100%; height: 53px; background-color: #e4edf6; z-index: 999; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);}
section.head_Section .top_bar{display:block; width:100%; height:53px; padding-top:10px; float:left;}
section.head_Section .top_bar .sort{float:right;}
section.head_Section .btn_type{display:inline-block; height:33px; margin-right:8px; text-align:center; font-family: "NanumSquareB;"; line-height:33px; color:#ffffff; border-radius: 5px; float:left;}
section.head_Section .btn_type:last-child{margin-right: 0}
section.head_Section .btn_klapRun{width:161px; font-size:0.875rem; background-color:#008cff; letter-spacing:-1px; }
section.head_Section .btn_klapRun:hover{line-height: 27px; background-color:#ffdd00; color:#2f7bc9; border:3px solid #2f7bc9; }
section.head_Section .btn_byQue{width:117px; font-size:0.875rem; background-color: #000000; }
section.head_Section .btn_byQue:hover{line-height: 27px; border:3px solid #2f7bc9;}

section.main_Section{width:100%; /* height:54.375rem;*/ /*margin-top: 53px;*/ background-color: #d9e9ff; padding:0;}

section.main_Section .container{width: 100%; max-width: initial; height:100%; text-align: center;}
section.main_Section .container .top_exp { display:inline-block; margin-top:26px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius:25px; }
section.main_Section .main_cont {display:inline-block; width: 100%; margin-top:4.375rem; text-align: center;}
section.main_Section .main_cont .line_a{font-size: 1.813rem; color:#000000; font-family: s-core_dream7_extrabold; letter-spacing:-0.75px; line-height: 1.55; }
section.main_Section .main_cont .line_b{line-height:1.75; font-size: 1rem; color:#000; margin-bottom:0.688rem; font-family: "NanumSquare_acR"; margin-top:6px; letter-spacing: -0.32px; }

section .tit{ width:22.313rem; height:2.875rem;text-align:center; font-family: "NanumSquare_acR"; line-height:1.25; margin:0 auto; font-size:2.5rem; color:#fff; background-color:#008cff; }
section .dec{font-family: "NanumSquareRoundR"; font-size: 1.250rem; color:#4b4b4b; margin-top:1.8rem; margin-bottom:3.9rem; }
section .part_name{padding-left:2.531rem; line-height:0.75; color:#008cff; font-size:2.5rem; font-family: "NanumSquare_acB"; font-weight: bold;}

.util4Cont{width: 100%; max-width: 1280px; height: 1550px; margin: 0 auto; position: relative;}
.util4_inner{width: 100%; max-width: 1129px; margin: 0 auto; border-top: 1px solid #d4d4d4;}
.util4Cont .util4Txt{margin-top: 42px;}
.util4Cont .util4Txt h3{font-family: 'Pretendard'; font-weight: 700; font-size: 30px; letter-spacing: -1.8px; display: flex; align-items: center; color: #000;}
.util4Cont .util4Txt h3 span{color: #008cff; margin-right: 13px;}
.util4Cont .util4Txt p{margin: 20px 0 0 50px; font-family: 'Pretendard'; font-size: 20px; font-weight: 500; letter-spacing: -1.2px; line-height: 30px; color: #000; text-align: left;}
.util4Cont .spreadArea{margin: 22px 0 0 0;}
.util4Cont .spreadArea span{position: absolute; cursor: pointer; transition: all .5s ease; z-index: 1;}
.util4Cont .spreadArea span:hover{z-index: 5;}
.util4Cont .spreadArea .util4_item1{top: 180px; right: 43px; width: 445px; height: 577px; background: url('/sub06/data/util4Img_1.png') no-repeat;}
.util4Cont .spreadArea .util4_item1:hover{background: url('/sub06/data/util4Img_1_over.png') no-repeat;}
.util4Cont .spreadArea .util4_item2{top: 300px; left: 120px; width: 445px; height: 577px; background: url('/sub06/data/util4Img_2.png') no-repeat;}
.util4Cont .spreadArea .util4_item2:hover{background: url('/sub06/data/util4Img_2_over.png') no-repeat;}
.util4Cont .spreadArea .util4_item3{top: 588px; left: 455px; width: 357px; height: 577px; background: url('/sub06/data/util4Img_3.png') no-repeat;}
.util4Cont .spreadArea .util4_item3:hover{background: url('/sub06/data/util4Img_3_over.png') no-repeat;}
.util4Cont .spreadArea .util4_item4{top: 873px; left: 120px; width: 445px; height: 577px; background: url('/sub06/data/util4Img_4.png') no-repeat;}
.util4Cont .spreadArea .util4_item4:hover{background: url('/sub06/data/util4Img_4_over.png') no-repeat;}
.util4Cont .spreadArea .util4_item5{top: 757px; right: 43px; width: 445px; height: 577px; background: url('/sub06/data/util4Img_5.png') no-repeat;}
.util4Cont .spreadArea .util4_item5:hover{background: url('/sub06/data/util4Img_5_over.png') no-repeat;}
.util4Cont .util4_slider{display: none;}

.services .part2 .container {padding-top:7.063rem; padding-left: 10px; padding-right: 10px; }
.details .container {margin-top:7.063rem;}
.bizbooks3o3{position: relative; background: url('/resources/homepage/img/1px_3o3.png') repeat-x;}
.bizbooks3o3 .anchor{ position:absolute; top:-89px; width:50px; height:50px; display:inline-block; opacity: 0; background: red; }
.apply .container{margin-top: 118px;}
.apply .container .question { font-family:NanumSquare_acB; font-size:2.188rem; text-align:center; color:#000000; }
.apply .container .dec { margin-bottom:2.250rem; }
.apply .container .phoneNumber { width:30.063rem; height:5.438rem; line-height:5.5rem; background-color:#ffffff; font-family:NanumSquare_acB; font-size:1.875rem; font-weight:normal; text-align:center; color:#000000; margin:0 auto; }
.apply .container .online { margin: 32px auto 100px; width: 772px; display: flex;}

.services,.details,.apply{width: 100%; display: inline-block; text-align:center; }

.func2 { text-align:center; margin-top:6.313rem; width:100%; padding-bottom: 4.731rem; }

.services .part2{background-color: #F5FAFF; }
.services .part2 .intro{display:inline-flex; justify-content: space-between; align-items: center; width: 100%; padding: 0 2.531rem; margin-top:6rem; text-align: center;}
.services .part2 .intro .txt{display:inline-block; width:calc(100% - 10.750rem); max-width: 47rem; letter-spacing:-1.2px; text-align: center; font-size: 2rem; color:#000000; float:left;}
.services .part2 .intro .mark{display:inline-block; width:5.375rem; height:13.188rem; background-color:transparent; background-image: url("../img/mark_01.png"); background-position:center; background-repeat:no-repeat; background-size:contain;  float:left;}
.services .part2 .intro .txt + .mark{ background-image: url("../img/mark_02.png");}
.services .part2 .part_name{margin-bottom:1.8rem;}
.services .part2 .modules {display:inline-block; width: 100%; }
.services .part2 .modules.first{margin-bottom:0; display:flex; justify-content:center; }
.services .part2 .modules > li{display:inline-block; min-height:20rem; width:calc(100%/4 - 1.5rem); margin:0 3rem 0.7rem 3rem; text-align: center; float:left}
.services .part2 .modules.second{/*padding-left: calc((100%/4)/2);*/ margin-top:-14.8rem; display:flex; justify-content:center; }
.services .part2 .modules.second > li{width:calc(100%/4 - 3.2rem); margin:0 3.2rem 0.7rem 3.2rem; }
.services .part2 .modules .icon{display:inline-block; width: 100%; height:9.5rem; margin-bottom:1.6rem; background-size: auto;  background-position:center; background-repeat:no-repeat; float: left;}
.services .part2 .modules .icon.md1{background-image: url("../img/icon_modules_01.png"); }
.services .part2 .modules .icon.md2{background-image: url("../img/icon_modules_02.png"); }
.services .part2 .modules .icon.md3{background-image: url("../img/icon_modules_03.png"); }
.services .part2 .modules .icon.md4{background-image: url("../img/icon_modules_04.png"); }
.services .part2 .modules .icon.md5{background-image: url("../img/icon_modules_05.png"); }
.services .part2 .modules .tit{width:100%; text-align: center; padding-bottom: 0.5rem; float: left; background-color:#fff; }
.services .part2 .modules .tit{font-family: "NanumSquare"; font-weight:bold; font-size: 1.250rem; color:#000000; border-bottom:3px solid #000000;}
.services .part2 .modules .menuConf { width:fit-content; height:5.563rem; margin-top:0.5rem; margin-bottom:3.6rem; font-family:NanumSquare_acB; font-size:2.5rem; line-height:1.13; text-align:center; color:#008cff; }
.services .part2 .modules .list{width:100%; font-family: "NanumSquareRoundR"; font-size: 1.125rem; color:#2f2f2f; letter-spacing: -0.9px; float: left;}
.services .part2 .modules .list li:first-child {margin-top: 1rem;}
.services .part2 .modules .list li{ width:100%; text-align:center; margin-top: 0.5rem; float:left;}


.bizbooks {width:100%; display:inline-block; background-color: #f5faff;}
.bizbooks .container{margin-top:3rem; text-align:center; }
.bizbooks .container .funcNum { width:14rem; border-bottom:3px solid #000; font-family:NanumSquare_acB; font-size:1.625rem; line-height:1.54; margin:0 auto; text-align:center; color:#4b4b4b; margin-bottom:1.1rem; }
.bizbooks .container .funcTitle { width:fit-content; font-family:NanumSquare_acB; font-size:1.625rem; margin:0 auto; line-height:1.54; color:#4b4b4b; text-align:center; display:inline-block; box-shadow:inset 0 -0.938rem 0.938rem #e4f3ff; }
.bizbooks .container .funcImg01 { margin-top:4.625rem; margin-bottom:1.250em; }
.bizbooks .container .funcImg01 img { width:100%; max-width:44.5rem; }
.bizbooks .container .funcImg { margin-top:2.781rem; position:relative; }
.bizbooks .container .funcImg .floatImg { position:absolute; top:30%; left:35%; }
.bizbooks .list{display: flex; flex-direction: row; /*width:calc(100% - 9.250rem);*/ margin:0 auto 0  auto; padding:3.313rem 0; justify-content: space-around; }
.bizbooks .list > li:first-child{ margin-right:4.188rem; }
.bizbooks .list > li:nth-child(2){display:grid; flex-direction:column; }
.bizbooks .list .dec{font-family: "NanumSquare_acR"; margin-top: 2.188rem; font-size: 1.125rem; line-height: 1.875rem; letter-spacing: -0.45px; color:#323232}
.bizbooks .list .dec span:not(.purple){width: 100%; display: block;}
.bizbooks .list:first-child{margin:4.250rem auto 0  auto;}
.bizbooks .list:last-child{ margin-bottom:4.3rem;}

.details {background-color: #fff; padding-left: 10px; padding-right: 10px;}
.details .container{ margin-top: 5.8rem;}
.details .dec{margin: 1.5rem auto 0 auto; max-width:52rem; text-align: center;}
.details .part_1{display:inline-block; width:100%; margin-top: 6.2rem}
.details .part_1 .img_list{ width:calc(100% - 2rem); margin-left: 2rem;}
.details .part_1 .img_list li{margin-top: 2.438rem; }
/* .details .part_1 .img_list li{position:relative; width: calc(100%/4 - 1.313rem); height:13rem; margin-right:1.74rem; float:left } */
/* .details .part_1 .img_list li:last-child{margin-right: 0} */
.details .part_1 .img_list li .img{ height:10rem; background-position: center; background-size: auto;  background-repeat: no-repeat; background-color: #ffffff;}
.details .part_1 .img_list li .txt{width:100%; height:48px; font-family: "NanumSquare_acEB"; font-size:1.250rem; line-height:48px; background-color: #2f7bc9; color:#ffffff; text-align: center;}
.details .part_1 .img_list li:nth-child(1) .img{background-image: url("../img/icon_role_01.png");}
.details .part_1 .img_list li:nth-child(2) .img{background-image: url("../img/icon_role_02.png");}
.details .part_1 .img_list li:nth-child(3) .img{background-image: url("../img/icon_role_03.png");}
.details .part_1 .img_list li:nth-child(4) .img{background-image: url("../img/icon_role_04.png");}

.details .part_2{display:inline-block; width:100%; }
.details .part_2 .list {/*margin-left: 2.531rem;*/ margin-top:3rem;}
.details .part_2 .list li{/*padding-right: 60px; padding-left: 60px;*/ margin-bottom:2rem; flex:0 0 50%; max-width:50%;}
.details .part_2 .list .icon{display:inline-block; width:11.175rem; margin:0 26px 1.2rem 10px; height:9.7rem; float:left}
.details .part_2 .list .tit{width:100%; height:auto; margin-top:1.5rem; padding-bottom:0.8rem; line-height:1.23; font-family: "NanumSquare_acB"; font-weight: bold; font-size: 1.625rem; color:#000000; text-align:left; background:none; border-bottom: 3px solid #000000; float:left}
.details .part_2 .list li:last-child { margin-top:3.063rem; max-width:100%; flex:0 0 100%; }
.details .part_2 .list .tdec{font-family: "NanumSquareRoundR"; text-align:left; font-size:1.125rem; margin-top:1.1em; float:left;}
/* .details .part_2 .list li{display:inline-block; min-height:16.875rem; width:calc(100%/3 - 90px); margin: 0 45px 2.8rem 45px; text-align: center; float:left} */
/* .details .part_2 .list li:nth-child(4n-1){margin: 0 0 6.5em 67px} */
.details .part_2 .icon{background-size: auto; background-position: center; background-repeat: no-repeat;}
.details .part_2 .icon.se1{background-image: url("../img/icon_security_01.png");}
.details .part_2 .icon.se2{background-image: url("../img/icon_security_02.png");}
.details .part_2 .icon.se3{background-image: url("../img/icon_security_03.png"); background-size: contain;}
.details .part_2 .icon.se4{background-image: url("../img/icon_security_04.png"); }
.details .part_2 .icon.se5{background-image: url("../img/icon_security_05.png"); background-size: contain;}
.details .part_2 .icon.se6{background-image: url("../img/icon_security_06.png"); background-size: contain;}

.details .part_3{display:inline-block; width: 100%; margin-top:0.9rem; margin-bottom: 5.5rem;}
.details .part_3 .sdec{width:calc(100% - 2.531rem); max-width:61.688rem; margin-top:1.4rem; padding-left: 2.531rem; font-family: "NanumSquareRoundR"; color:#4b4b4b; font-size:1.25rem }
.details .part_3 .img_blue{width: calc(100% - 5.688rem); height: 29.813rem; margin: 2.875rem auto 0 auto; background: url("../img/img_detail_part3.png") no-repeat center; background-size: contain;}
.details .part_4{display:inline-block; width: 100%; margin-bottom: 8.438rem;}
.details .part_4 .tit{float:left}
.details .part_4 .sdec{width:100%; margin-top:1.5rem; padding-left: 2.531rem; font-family: "NanumSquareRoundR"; color:#4b4b4b; font-size:1.250rem;float:left}
.details .part_4 .img_box{width: 100%; height:24.625rem; margin-top:2.1rem; padding-left:2rem; float:left}
.details .part_4 .img{height:inherit; background-position: center; background-size: contain;  background-repeat: no-repeat;}
.details .part_4 .img.co1{width:30%; background-image: url("../img/img_detail_part4_01.png"); float:left;}
.details .part_4 .img.co2{background-image: url("../img/img_detail_part4_02.png");}
.details .part_4 .img.co3{background-image: url("../img/img_detail_part4_03.png");}
.details .part_4 .img.co4{background-image: url("../img/img_detail_part4_04.png");}
.details .part_4 .img_list{width:calc(70% - 0.625rem);  height:inherit; /* height:19.125rem; */ margin:0 0 0 0.625rem; float:left;}
.details .part_4 .img_list .img{display:inline-block; width:calc(33.3333333% - 8px); padding:0; margin:0 4px; float:left}
.details .part_4 .img_list .img:first-child{margin-left: 0; margin-right: 8px;}

.apply{background-color:#d8e2ff;}


.customer { width:100%; height:12.5rem; background-color:#0430b2; padding-left: 10px; padding-right: 10px; }
.customer .container { display:flex; justify-content: space-around; align-items:center;  height: 100%; }
.customer .container .explain { /*width:19.625rem;*/ height:3.625rem; font-family:'Pretendard'; font-size:1.438rem; line-height:1.39; text-align:left; color:#ffffff; }
.customer .container .manaulDown { height: fit-content; cursor:pointer; }
.customer .container .manaulDown .mini { margin-right:0.506rem; display:inline-block; vertical-align:sub; }
.customer .container .manaulDown .downloadText { display:inline-block; vertical-align:middle; }
.customer .container .manaulDown .download_Arrow { float:right; margin-top:0.688rem; }

footer{background-color: #eaecef; color: #000; font-size: 15px;}
footer .container{max-width: initial; width: 1280px; height: 349px;}
footer .copyright{padding: 80px 0 0 0; font-family: "Pretendard"; color:#000; font-size:1em; line-height:1.6rem; text-align: left;}
footer .foot_logo{width:196px; height:26px; display:inline-block; margin-bottom:25px; background-image: url("../img/footer_brand_logo_1.png"); background-position: 0 center; background-size: contain;  background-repeat: no-repeat; }
footer .copyTxt{letter-spacing: -0.45px;}

.layer_popup{position: fixed; overflow:hidden; width:100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 9991;}
.layer_popup .btn_close{position: absolute; width:3.438rem; height:3.438rem; top:0.563rem; right: 0.625rem; background-image: url("../img/btn_popClose.png"); background-position: 0 center; background-size: contain;  background-repeat: no-repeat; cursor: pointer;  z-index: 1;}
.layer_popup .btn_close:hover{background-image: url("../img/btn_popClose_hov.png");}
.layer_popup .bg{position:relative; background-color:#ffffff; min-width: 320px; width: 38.063rem; height: 14rem; padding:2.813rem 2.813rem 2.5rem 2.813rem;  margin-left:auto; margin-right: auto; margin-top: calc((100vh - 14rem)/2); border-radius: 10px;}
.layer_popup .sort{width: 100%;}
.layer_popup .bg .txt{display: flex; align-items: center;} 
.layer_popup .bg .txt{position: relative; height: 100%; text-align:center; padding-left:9.375rem; line-height: 2.65rem;}
.layer_popup span{display:block; font-size: 1.750rem; width: 100%; text-align: center; color:#2f7bc9; }
.layer_popup .bg .txt:before{content:""; display:inline-block; position: absolute; left:0; top:0; width: 9.375rem; height: 8.625rem; background-size: contain; background-position:center; background-repeat: no-repeat; }
.alert_checked + .layer_popup{display: none;}
.alert_checked:checked + .layer_popup{display: block;}

.layer_popup.loading {display: none;}
.layer_popup.loading .txt:before{background-image: url("../img/icon_loading.png"); width:9.156rem; height: 8.606rem;}
.layer_popup.loading .sort{line-height: 2.5rem;}
.layer_popup.loading span:nth-child(1){font-family: "NanumSquare_acB";}
.layer_popup.loading span:nth-child(2){font-size: 1.250rem; font-family: "NanumSquare_acR"; color:#000000;}

.layer_popup.download .txt{padding-left:10.625rem;}
.layer_popup.download .txt:before{background-image: url("../img/icon_download.png"); height: 7.813rem;}
.layer_popup.download .txt .sort{max-width: 94%; }
.layer_popup.download span{display: inline;  width: auto; font-family: "NanumSquare_acL";}
.layer_popup.download span:nth-child(1){display: block;}
.layer_popup.download .txt .sort span > span{display: inline;}
.layer_popup.download span.bold{font-family: "NanumSquare_acB";}

.layer_popup.notSupportMac .txt:before{background-image:url("../img/icon_redNotice.png"); width:8.094rem; height: 7.813rem; }
.layer_popup.notSupportMac .bg{width: 670px;}
.layer_popup.notSupportMac .txt{max-width: 100%; padding-left: 8.094rem;}
/* .layer_popup.notSupportMac .txt .sort{line-height: 2.5rem;} */
.layer_popup.notSupportMac .txt span{font-size: 1.625rem; width: 100%; text-align: center;}
.layer_popup.notSupportMac .txt span:nth-child(1){color: #ff5454; font-family: "NanumSquare_acB";}
.layer_popup.notSupportMac .txt span:nth-child(2){color: #333333;}

.layer_popup.favorite .txt:before{background-image:url("../img/icon_favorite.png"); width:8.419rem; height: 7.813rem; }
.layer_popup.favorite .txt span{color:#ff9100; font-size:1.650rem; }
.layer_popup.favorite .txt span:nth-child(2){color:#333333}
.layer_popup.loginInfo .txt:before{background-image:url("../img/icon_loginInfo.png"); width:8.975rem; height: 8.231rem; }
.layer_popup.loginInfo .txt{ padding-left: 12rem;}
.layer_popup.loginInfo .txt span{font-size:1.750rem; font-family: "NanumSquare_acB"; color:#ff5454}
.layer_popup.loginInfo .txt .sort{max-width: 90%;}
.layer_popup {z-index: 20000}
.layer_popup.loginCheck .txt:before{background-image:url("../img/icon_loginCheck.png"); width:8.669rem; height: 7.813rem; }
.layer_popup.loginCheck .txt span:nth-child(1){font-family: "NanumSquare_acB"; color:#ff5454}
.layer_popup.loginCheck .txt span:nth-child(2){color:#333333}

/* ========== 로그인 팝업  ========== */ 
#layerPop{position: fixed; overflow:hidden; width:100%; height:100%; left:0; top:0; background-color: rgba(0,0,0,0.7); z-index: 10000}
#layerPop .bg{position:relative; width: 609px; height: 480px; padding:9px 76px 60px 76px; margin:294px auto; background-color: #ffffff; border-radius: 10px; box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.2);}
#layerPop .btn_close{position: absolute; width:55px; height:55px; top:9px; right: 10px; background-image: url("../img/btn_popClose.png"); background-position: 0 center; background-size: contain;  background-repeat: no-repeat; cursor: pointer;}
#layerPop .btn_close:hover{background-image: url("../img/btn_popClose_hov.png");}

.login .brand_logo{ width:287px;height:55px; margin-top:89.5px;  background-image: url("../img/laypopup_brand_logo.png"); background-position: 0 center; background-size: contain;  background-repeat: no-repeat;}
.login .user_box{display:inline-block; width:100%; margin-top: 40px; float:left;}
.login .user_form{display:inline-block; width:calc(100% - 172px); float:left;}
.login .user_form > div{height:39px; }
.login .user_form > div:nth-child(2){margin-top: 13px;}
.login .user_form label{display: inline-flex; align-items: center; width:92px; margin:0; font-family: "NanumSquareRoundR"; font-size: 15px; color:#232323;}
.login .user_form input{width: calc(100% - 92px); height: 39px; padding-left:16px; border:1px solid rgba(131, 131, 131, 0.54); font-family: "NanumSquareRoundR"; font-size: 14px;}
.login .user_form input:placeholder{color:#b6b6b6; font-size: 12px; font-family: "NanumSquareRoundR";}
.login .user_box .btn_login{width: 160px; height:91px; margin-left: 12px; background-color:#2f7bc9; float:left; text-align: center;}
.login .user_box a.btn_login{display: inline-flex; align-items: center; justify-content: center; font-family: "NanumSquareRoundR"; font-size: 17.7px; color:#ffffff;}
.login .user_box a.btn_login:hover{background-color:#1f4b78;}
.login .save_box {display:inline-block; width:100%; margin:22px 0 0 0; border-bottom:7px solid rgba(0,0,0,0.3); padding-bottom: 18px; padding-left:92px; float:left}
.login .save_box li{position:relative; height:20px; float:left;}
.login .save_box input[type="checkbox"]{display: none;}
.login .save_box label{display: inline-flex; height:inherit; align-items: center; margin:0 27px 0 0; padding-left:18px; font-family: "NanumSquareRoundR"; font-size:13px; color:#232323; float:left; cursor: pointer;}
.login .save_box input[type="checkbox"] + label:before{content:""; display:inline-block; position:absolute; left:0; top:3px; width: 12px; height: 12px; border:1px solid rgba(131, 131, 131, 0.54); }
.login .save_box input[type="checkbox"]:checked + label:after{content:""; display:inline-block;  position:absolute; left:1px; top:0px; width: 18px; height: 14px; background-image:url("../img/icon_checked.png"); background-size: 85%; background-repeat: no-repeat;}
.login .coment{width:100%; margin-top:23px; letter-spacing: -0.5px; color:#232323; font-family: "NanumSquareRoundR"; font-size:14px; font-weight:bold; line-height:19px; float:left;}
.login .coment .dot{display: inline-block; width: 17px; height: 35px; float: left;}
.login .coment .txt{display: inline-block; width: calc(100% - 17px); float: left;}

.mobile-nav {margin-top: 80px; width: 100%; font-size: 20px; font-family: 'Pretendard',sans-serif; font-weight: bold; background: #fff; color:#000;}
.mobile-nav .nav_gnb li{height: 80px; display: flex; align-items: center; text-indent: 25px;}
.mobile-nav .nav_gnb li.mobileOnly{display: flex !important;}
.mobile-nav .nav_gnb li a{display: flex; align-items: center; width: 100%; height: 100%; color: #000; padding: 0; font-weight: 800;}

.mobile-nav .nav_top{font-size: 14px; margin-top:25px;}
.mobile-nav .nav_top li{display: inline-block; float:left; border-right: 1px solid #ffffff;}
.mobile-nav .nav_top li:last-child{border-right:none}
.mobile-nav .nav_top li a{padding:0px 20px;}

#family { width:260px; height:36px; border: solid 1px #707070; -webkit-appearance:none; -moz-appearance:none; appearance : none; background:#fff url("../img/family_arrow_gray.png") calc(100% - 10px) 50% no-repeat; font-family: 'Pretendard'; font-size:14px; line-height:2; text-align:left; color: #000000; float:right; padding-left:10px; box-sizing:border-box; }
#family:hover { background:#fff url("../img/family_arrow_black.png") calc(100% - 10px) 50% no-repeat; }


.topLogin { width:100%; max-width:1020px; margin:0 auto; background:red; position:relative; }

.back-to-top2 { background:url("../img/btn_btnTop.png") 0 0 no-repeat; width:100%; height:23px; display:block; background-position: center bottom; background-size: contain;}
.back-to-top2:hover { background:url("../img/btn_btnTop_hover.png") 0 0 no-repeat; background-position: center bottom; background-size: contain;  cursor:pointer;}

#qick {visibility:visible;}
.mobile_app {visibility:hidden;}

#qick .mb { background-color:#dbdbdb; padding-top:23px; }
.mobile_app { width:100%; position:fixed; top:89px; text-align:center; z-index:100; background: #dbdbdb; }
.mobile_app .app_inner { width:100%; max-width:1080px; margin:0 auto; display:inline-block; padding:0.7rem 1.25rem 0.1rem 1.25rem; }

@media all and (max-width: 1358px){
	#qick {visibility:hidden;}
	.mobile_app {visibility:visible;}
	.top_exp {visibility:hidden;}
	
	section.main_Section .container .main_img{width: calc(100% - 4rem);}
	
	.service_img{width: 100%; max-width: none;}
	.util4_inner{width: calc(100% - 11.6vw); max-width: none;}
	.util4Cont{height: 1500px;}
	.util4Cont .util4Txt h3{font-size: 2.3vw;}
	.util4Cont .util4Txt p{margin: 20px 0 0 4vw; font-size: 1.5vw; font-weight: 600;}
	.util4Cont .spreadArea span{background-size: cover !important;}
	.util4Cont .spreadArea .util4_item1{top: 180px; right: 3.2vw; width: 400px; height: 519px; background: url('/resources/homepage/img/util4Img_1.png') no-repeat;}
	.util4Cont .spreadArea .util4_item2{top: 300px; left: 8.9vw; width: 400px; height: 519px; background: url('/resources/homepage/img/util4Img_2.png') no-repeat;}
	.util4Cont .spreadArea .util4_item3{top: 588px; left: 50%; transform: translateX(-50%); width: 321px; height: 519px; background: url('/resources/homepage/img/util4Img_3.png') no-repeat;}
	.util4Cont .spreadArea .util4_item4{top: 873px; left: 8.9vw; width: 400px; height: 519px; background: url('/resources/homepage/img/util4Img_4.png') no-repeat;}
	.util4Cont .spreadArea .util4_item5{top: 757px; right: 3.2vw; width: 400px; height: 519px; background: url('/resources/homepage/img/util4Img_5.png') no-repeat;}

}
@media (max-width: 1280px){
	footer .container{width: 100%;}
	footer .copyright{font-size: 14px;}
	.util4Cont .util4Txt h3 span{margin-right: 1.2vw;}
}
@media (max-width: 1152px){
	header .utilCont .utilTxt{margin: 0 0 0 12px;}
	.util4Cont{height: 1450px;}	
	.util4Cont .spreadArea .util4_item1{width: 356px; height: 462px; background: url('/resources/homepage/img/util4Img_1.png') no-repeat;}
	.util4Cont .spreadArea .util4_item2{width: 356px; height: 462px; background: url('/resources/homepage/img/util4Img_2.png') no-repeat;}
	.util4Cont .spreadArea .util4_item3{width: 286px; height: 462px; background: url('/resources/homepage/img/util4Img_3.png') no-repeat;}
	.util4Cont .spreadArea .util4_item4{width: 356px; height: 462px; background: url('/resources/homepage/img/util4Img_4.png') no-repeat;}
	.util4Cont .spreadArea .util4_item5{width: 356px; height: 462px; background: url('/resources/homepage/img/util4Img_5.png') no-repeat;}
}

@media (max-width: 1024px){
	.show1024{display: initial !important;}
	.hide1024{display: none !important;}
	.util4Cont{height: 1400px;}	
	.util4Cont .spreadArea .util4_item1{width: 312px; height: 405px; background: url('/resources/homepage/img/util4Img_1.png') no-repeat;}
	.util4Cont .spreadArea .util4_item2{width: 312px; height: 405px; background: url('/resources/homepage/img/util4Img_2.png') no-repeat;}
	.util4Cont .spreadArea .util4_item3{width: 251px; height: 405px; background: url('/resources/homepage/img/util4Img_3.png') no-repeat;}
	.util4Cont .spreadArea .util4_item4{width: 312px; height: 405px; background: url('/resources/homepage/img/util4Img_4.png') no-repeat;}
	.util4Cont .spreadArea .util4_item5{width: 312px; height: 405px; background: url('/resources/homepage/img/util4Img_5.png') no-repeat;}
}

@media (max-width: 990px){
	.utilCont{position: absolute; top: unset; right: 50px;}
}

@media (max-width: 948px){
	.util4Cont{height: 1300px;}
	.util4Cont .spreadArea .util4_item1{width: 267px; height: 346px; background: url('/resources/homepage/img/util4Img_1.png') no-repeat;}
	.util4Cont .spreadArea .util4_item2{width: 267px; height: 346px; background: url('/resources/homepage/img/util4Img_2.png') no-repeat;}
	.util4Cont .spreadArea .util4_item3{width: 214px; height: 346px; background: url('/resources/homepage/img/util4Img_3.png') no-repeat;}
	.util4Cont .spreadArea .util4_item4{width: 267px; height: 346px; background: url('/resources/homepage/img/util4Img_4.png') no-repeat;}
	.util4Cont .spreadArea .util4_item5{width: 267px; height: 346px; background: url('/resources/homepage/img/util4Img_5.png') no-repeat;}
	footer .copyright{font-size: 1.5vw;}
}
@media (max-width: 848px){
	.apply .container .applyTxt{width: 44%;}
	.apply .container .online{width: 100%;}
	.apply .container .online a:nth-child(1){width: 55%;}
	.apply .container .online a:nth-child(2){width: 45%;}
	.apply .container .online a img{width: -webkit-fill-available;}
}
@media (max-width: 768px){
	.pcOnly{display: none;}
	.mobileOnly{display: initial !important;}
	.mobileHide{display: none !important;}
	.container{width: 100%; margin: 0; padding: 0;}
	section.main_Section .container .main_img{width: 100%;}
	.util4_inner{width: calc(100% - 60px); border: none;}
	.util4Cont{height: auto;}
	.util4Cont .util4Txt{margin-top: 16vw;}
	.util4Cont .util4Txt h3{display: inline-flex; font-size: 4vw;}
	.util4Cont .util4Txt p{margin: 4vw 0 10vw; text-align: center; font-size: 3vw; line-height: 5vw; font-weight: 400;}
	/*Slide CSS*/
	.util4Cont .util4_slider{display: block;}
	.util4_slider {position: relative; margin-bottom: 26vw !important;}
	.util4_slider img{display: block;}
	.util4_slider .slick-slide img{width: inherit;}
	.util4_slider .slick-slide img:last-child{width: calc(100vw - 18rem); margin: 0 auto;}
	
	/*Slide Arrow CSS*/
	.util4_slider .slick-prev{z-index: 10; width: 72px; height: 72px; top: 30%; left: 5%; background: url('/resources/homepage/img/m_util4SlidePrev.png') no-repeat; background-size: cover;}
	.util4_slider .slick-prev::before{display: none;}
	.util4_slider .slick-next{z-index: 10; width: 72px; height: 72px; top: 30%; right: 5%; background: url('/resources/homepage/img/m_util4SlideNext.png') no-repeat; background-size: cover;}
	.util4_slider .slick-next::before{display: none;}
	
	/*Slide Dot CSS*/
	.util4_slider .slick-dots{bottom: -8vw;}
	.util4_slider .slick-dots li{width: 15px; height: 15px; background: #e6e8ee; border-radius: 50%; cursor: pointer; margin: 0 1vw; transition: all 0.5s ease;}
	.util4_slider .slick-dots li button::before{display: none;}
	.util4_slider .slick-dots li.slick-active{width: 40px; height: 15px; border-radius: 30px; background: #008cff;}
	
	.apply .container{margin-top: 18vw;}
	.apply .container .online{width: 60%; flex-direction: column; align-items: center;}
	.apply .container .online a:nth-child(1){width: 100%;}
	.apply .container .online a:nth-child(2){width: 100%;}
	
	.customer{height: auto; padding: 10vw 6vw;}
	.customer .container{flex-direction: column; justify-content: center;}
	.customer .container .explain{text-align: center; height: auto; margin-bottom: 5vw; font-size: 1.7rem;}
	.customer .container .manaulDown{width: 100%; padding: 0;}
	.customer .mobileOnly{width: 100%;}
	
	footer .container{height: auto;}
	footer .copyright{padding: 10vw 6vw 12vw;}
	footer .copyTxt{font-size: 14px; line-height: 2;}
}

@media all and (max-width: 579px) {
	/* 360 */
	html{font-size: 12px}
	.container{/*max-width: 360px;*/ max-width:100%; min-width:auto; }
	header .container{padding-left: 20px;}
	section .part_name{padding-left: 10px}
	section .tit{width: 95%}
	.services .part1 .container, .details .container{margin-top:4rem; padding-left:5px; padding-right:5px; }
	.services .part1 .circle{display:inline-block; width: 100%;}
	.services .part1 .circle li{width:159px; height:159px; margin: 0 10px 20px 10px; padding: 0 30px;}
	.services .part1 .circle li:last-child{width:159px; height:159px; margin: 0 8px 22px 89.5px; padding: 0 30px;}
	.services .part1 .img_klap div[class*="img"]{width: 80%; height: 270px;}
	.services .part1 .img_klap .img02{margin-top: 10%; margin-left: 10%;}
	.services .part1 .klap_dec{max-width: 90%;}
	.services .part1 .img_article{height: 210px;}
	.services .part1 .img_article .brand_logo{margin-left: 1px; margin-bottom: 60px;}
	.services .part2 .modules.first > li {width: calc(100%/3 - 0px); margin: 0 0px 30px 0px; min-height: 335px;}
	.services .part2 .modules.second{padding-left:0}
	.services .part2 .modules.second > li{width: calc(100%/3 - 0px); margin: 0 0px 30px 0px;}
	/*.services .part2 .modules.second > li:last-child{margin: 0 25px 0 115px;}*/
	.services .part2 .modules .menuConf { font-size: 2.1rem; margin-left:auto; margin-right:auto; }
	.services .part2 .intro .txt{font-size: 1.6rem;}
	
	.util4_slider .slick-prev{width: 48px; height: 48px; left: 8%;}
	.util4_slider .slick-next{width: 48px; height: 48px; right: 8%;}
	.util4_slider .slick-slide img:last-child{width: calc(100vw - 36vw);}
	
	/*Slide Dot CSS*/
	.util4_slider .slick-dots{bottom: -10vw;}
	.util4_slider .slick-dots li{width: 13px; height: 13px; background: #e6e8ee; border-radius: 50%; cursor: pointer; margin: 0 1vw; transition: all 0.5s ease;}
	.util4_slider .slick-dots li.slick-active{width: 36px; height: 13px; border-radius: 30px; background: #008cff;}
	
	
	.details .part_1 .img_list{width: calc(100% - 2rem); margin: 0 1rem;}
	.details .part_2 .list{width: calc(100% - 2rem); margin:3.125rem 1rem 0 1rem}
	.details .part_2 .list li { padding-right: 30px; padding-left: 30px; margin-bottom:50px; flex: 0 0 100%; max-width: 100%;}
	.details .part_2 .list li div:nth-child(2) {width:100% !important;}


	.services .part2 .modules .icon.md1 { background-size: contain; }
	.services .part2 .modules .icon.md2 { background-size: contain; }
	.services .part2 .modules .icon.md3 { background-size: contain; }
	.services .part2 .modules .icon.md4 { background-size: contain; }
	.services .part2 .modules .icon.md5 { background-size: contain; }

	.details .part_2 .list .icon{background-size: contain !important;}
	.details .part_3{margin-bottom: 6rem;}
	.details .part_3 .img_blue{width: 100%;height: 175px;}
	.details .part_4 .img_box{height: 140px; padding-left: 0;}
	.details .part_4 .img_list {width: calc(70% - 4px); margin: 0px 0px 0px 4px;}
	.details .part_4 .img_list .img:first-child {margin-right: 4px}
	.details .part_4 .img_list .img{width: calc(33.3333333% - 4px); margin: 0 2px;}
		
	.bizbooks .intro{padding:0}
	.bizbooks .intro .line2 span:not(.purple){width: 100%; display: block;}
	.bizbooks .intro .line2 span.purple{width:auto; display: inline-block;}
	.bizbooks .intro .line2 span.purple + span{width:auto; display: inline-block;}
	.bizbooks .list{flex-direction: column; width: 100%; }
	.bizbooks .list > li:first-child{width: 100%; margin-right: 0}
	.bizbooks .list > li:nth-child(2){width: 100%; margin-top:40px; padding-left: 8px;}
	
	.bizbooks .list dd .sub_tit + ul li div{float:left;}
	

	.apply .container .online {margin-left:auto; margin-right:auto; }
	.apply .container .online img { width:100%; }

	.customer .container .manaulDown .mini { display:none; }
	.customer .container .manaulDown .download_Arrow { width:10%; margin-top: 1rem; }
	.customer .container .manaulDown .downloadText { margin-top:0.200rem; }

	
	
	/* 공통팝업 */
	.layer_popup .bg{max-width: 90% !important; padding: 2rem 1.5rem 2rem 1.5rem !important;}
	.layer_popup .txt{max-width: 100% !important; padding-left: 9rem !important;}
	
	#layerPop .bg{width: 100%; max-width: 320px; padding: 9px 20px 60px 20px;}
	.login .brand_logo{width: 20.563rem;}
	.login .user_form {width: calc(100% - 102px)}
	.login .user_form label{width: 60px}
	.login .user_form input{width: calc(100% - 60px)}
	.login .user_box a.btn_login{width: 90px}
	.login .user_box a.btn_login input[type="image"]{width: 90px !important;}
	.login .save_box{padding-left: 60px;}

	#family { width:34%; height:30px;}
	.details .dec { letter-spacing:-0.5px; }
	
	.apply .container .phoneNumber { max-width:300px; }
	footer .foot_logo { margin-bottom:15px; }
	
	.services .part2 .container { padding-top: 3rem; }
	
	section.main_Section .main_cont { margin-top:2rem; }
	
	footer .copyTxt{font-size: 2.4vw; line-height: 2;}
	
}

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

.mobileNo { display:none; }
.lastBtn { margin-bottom:0px !important; }
#qick { top:100px !important; }
}

@media (max-width: 400px){
.bizbooks .container .funcImg .floatImg { top:10%; }
}

@media all and (max-width: 480px) {
	section.main_Section .main_cont .line_a { padding: 0 50px; }
	section.main_Section .main_cont .line_b { padding: 0 50px; }
}

@media all and (min-width: 580px) and (max-width: 767px) {
	/* 540 */
	html{font-size: 14px}
	.container{ max-width:100%; }
	header .container{padding-left: 20px;}
	.col-md-6{flex: 0 0 50%; max-width: 50%;}
	section.main_Section .main_cont{ margin-top: 6.500rem;}
	.services .part1 .circle{display:inline-block; width: 100%;}
	.services .part1 .circle li{width:163px; height:163px; margin: 0 8px 20px 8px; padding: 0 30px;}
	.services .part1 .circle li:nth-child(4){margin: 0 8px 20px 89.5px;}
	.services .part1 .img_klap .img01{width: 88%; height: 346px;}
	.services .part1 .img_klap .img02{width: 77%; height: 310px; margin-top: 9%;}
	.services .part1 .img_article{height: 299px;}
	.services .part1 .img_article .brand_logo{ margin-left: 19px; margin-bottom: 5.625rem;}
	.services .part2 .modules .icon{background-size: contain;}
	.services .part2 .modules.first > li {width: calc(100%/2 - 50px); margin: 0 25px 30px 25px;}
	.services .part2 .modules.second{padding-left:0}
	.services .part2 .modules.second > li{width: calc(100%/2 - 50px); margin: 0 25px 30px 25px;}
	/* .services .part2 .modules.second > li:last-child{margin: 0 25px 0 160px;} */
	.services .part2 .intro .txt{font-size: 1.5rem}
	.details .part_2 .list .icon{background-size: contain !important;}
	.details .part_2 .list li { padding-right: 30px; padding-left: 30px; margin-bottom: 30px; flex: 0 0 100%; max-width:100%;}
	.details .part_2 .list li:last-child { margin-top:0; }

	.details .part_3 .img_blue {width: 100%; height: 260px; margin: 2.875rem auto 0 auto; }
	.details .part_4 .img_box{height: 190px}
	
    
    .bizbooks .intro{padding:0}
    .bizbooks .intro .line2 span:not(.purple){width: auto; display: inline-block;}
	.bizbooks .intro .line2 span.purple{width:auto; display: inline-block;}
	.bizbooks .intro .line2 span.purple + span{width:auto; display: inline-block;}
	.bizbooks .list{flex-direction: column;}
	.bizbooks .list > li:first-child{width: 100%; margin-right: 0}
	.bizbooks .list > li:nth-child(2){width: 100%; margin-top:40px; }
	.bizbooks .list dd .sub_tit + ul li div{float:left;}

	.apply .container .online {margin-left:auto; margin-right:auto; }
	.apply .container .online img { width:100%; }
	
	.details .dec { letter-spacing:-0.5px; }

	/* 공통팝업 */
	.layer_popup .bg{max-width: 540px;}

	#layerPop .bg{width: 100%; max-width: 540px; padding: 9px 30px 60px 30px;}
	
	section.main_Section .main_cont { margin-top:2rem; }
}
@media all and (min-width: 768px) and (max-width: 991px) {
	/* 720 */
	html{font-size: 14px}
	.container{ max-width:100%; }
	.customer .container{justify-content: space-between; padding: 0 3rem;}
	.customer .container .manaulDown{width: 50%;}
	.customer .container .manaulDown img{width: 100%;}
	.services .part1 .circle li{width:128px; height:128px; margin: 0 8px; padding: 0 0px;}
	.services .part2 .modules .icon{background-size: contain;}
	.services .part2 .modules > li:nth-child(5){margin-left: calc(100%/6);}
	.details .part_2 .list .icon{background-size: contain !important;}
	.details .part_2 .list li:last-child {margin-top:1rem;}
	
	.bizbooks .intro .line2 span:not(.purple){width: 100%; display: block;}
	.bizbooks .intro .line2 span.purple{width:auto; display: inline-block;}
	.bizbooks .intro .line2 span.purple + span{width:auto; display: inline-block;}
	.bizbooks .list > li:first-child{width: 50%; margin-right: 1rem}
	.bizbooks .list > li:nth-child(2){width: calc(50% - 1rem); }
	.bizbooks .list dd .sub_tit + ul li div{float:left;}

	.details .container { max-width:960px; }
}

@media all and (min-width: 992px) and (max-width: 1079px) {
	/* 960 */
	.services .part1 .circle li{width: 164px; height: 164px;}
	.services .part2 .modules .icon{background-size: contain;}
	.services .part2 .modules > li:nth-child(5){margin-left: calc(100%/6);}
}

@media all and (max-width: 991px) {
	
	.topLogin { right:10px; }
	.topLogin span { top:-10px !important; }
	
	.title_img { width:50%; max-width:314px; margin-bottom: 1.5rem !important; margin-left: 0 !important;}
	.apply .container .question { font-size: 1.563rem; }
	.func2 { margin-top: 4.313rem; }
}

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

@media all and (min-width: 1280px){
	.container{max-width: 1280px;}
}