@charset "utf-8";
body { background-color: #fff;}
ul { margin: 0; padding: 0;}
.service { background-color: #fff; position: relative; height: auto; overflow: hidden; font-family: 'Noto Sans KR', sans-serif; }
.service.page-header-fixed { position: relative; padding-top: 0;}
.service .header.navbar { padding: 15px 0 0; height: 93px; background-color: #fff; box-shadow: unset; }
.service .header.navbar:after {  content: "";  display: block;  clear: both;}
.service .header.navbar .top-area { max-width: 1170px; margin: 0 auto;}
.service .header.navbar .top-area .top-mu { display: inline-block; padding: 19px 0; margin: 0 auto; }
.service .header.navbar .top-area .top-mu ul { position: relative; text-align: right;}
.service .header.navbar .top-area .top-mu li { list-style: none;}
.service .header.navbar .top-area .top-mu li a { font-size: 18px; font-weight: 500; color: #6994df; text-decoration: none; letter-spacing: -1px;}
.service .header.navbar .top-area .top-mu li:hover a,
.service .header.navbar .top-area .top-mu li.active a { color: #3269c8; font-weight: 700;}
.service .sidebar .nav > li.active > a i { color: #6b82ee;}

.service .sidebar { display: none;}
.service .navbar-toggle { color: #333;}
.service .navbar-toggle .icon-bar { background-color:#333;}
.service .sidebar .nav > li > a i { color: #fff;}
.service .navbar-brand { width: 242px;}
.service .top-area .navbar-nav { padding-top: 18px;}
.service .service-cnt { max-width: 1500px; min-height: 739px; margin: 0 auto;}
.service .navbar-right button { background: #3269c8; color: #fff; border-radius: 25px; padding: 2px 10px; min-width: 85px; margin-left: 10px; font-size: 14px; font-weight: bold; }
.service footer { padding: 25px 0 ; text-align: center; margin: 0; background: #fff; font-size: 16px; font-weight: 500; color: #888;}
.pace-progress { display: none;}

/* service01 */
.service01 { background: url(/assets/images/servicebg01.png) no-repeat right 0 ;}
.service01 img.hand { vertical-align: bottom;}
.service01 h2 { font-size: 42px; color: #f6f7f8; font-weight: 300; letter-spacing: -1px; margin: 0; padding-top: 90px;}
.service01 h2 span { font-weight: 500;}
.service01 .sub-tit { font-size: 22px; color:#161f45; font-weight: 600; line-height: 26px; margin-top: 30px;}
.service01 .box-area { margin-top: 50px; background: url(/assets/images/servicebg01-boxline.png) left center no-repeat;}
.service01 .box-area .box { text-align: center; background: url(/assets/images/servicebg01-boxline.png) right center no-repeat;}
.service01 .box-area .box .tit { margin-top: 20px; font-size: 24px; color:#fff;}
.service01 .box-area .box .exp01 { margin-top: 24px; font-size: 16px; color:#13294a; font-weight: 500; line-height: 18px; letter-spacing: -.5px;}
.service01 .box-area .box .exp02 { margin-top: 20px; font-size: 14px; color:#fff; font-weight: 400; line-height: 18px; letter-spacing: -.5px;}

/* service02 */
.service02 { background: url(/assets/images/servicebg02.png) 0 0 ;}
.service02 .tit-area { text-align: left;  height: 270px; background: url(/assets/images/servicebg02-dot.png) 5px bottom no-repeat; margin-left: 70px;}
.service02 .tit-area h2 { font-size: 40px; color: #3269c8; font-weight: 300;}
.service02 .tit-area h2 span { font-weight: bold;}
.service02 .box-area { padding-top: 55px;}

.service02 .box-area>div { padding-right: 53px; margin-bottom: 35px;}
.service02 .box-area .box { min-height: 295px; border-radius: 10px; padding: 0 10px; background: #ffffff; background-image: url(/assets/images/servicebg02-box-titbg.png); background-repeat: repeat-x; background-position: 0 70px;}
.service02 .box-area .box .tit { padding: 25px 28px; text-align: right; font-size: 21px; font-weight: 600; letter-spacing: -1px; color: #3269c8; }
.service02 .box-area>div:nth-of-type(1) .box .tit { background: url(/assets/images/servicebg02-box-icon01.png) 28px center no-repeat;}
.service02 .box-area>div:nth-of-type(2) .box .tit { background: url(/assets/images/servicebg02-box-icon02.png) 28px center no-repeat;}
.service02 .box-area>div:nth-of-type(3) .box .tit { background: url(/assets/images/servicebg02-box-icon03.png) 28px center no-repeat;}
.service02 .box-area>div:nth-of-type(4) .box .tit { background: url(/assets/images/servicebg02-box-icon04.png) 28px center no-repeat;}
.service02 .box-area>div:nth-of-type(5) .box .tit { background: url(/assets/images/servicebg02-box-icon05.png) 28px center no-repeat;}
.service02 .box-area>div:nth-of-type(6) .box .tit { background: url(/assets/images/servicebg02-box-icon06.png) 28px center no-repeat;}
.service02 .box-area .box .cnt { padding-top: 20px; padding-left: 20px;}
.service02 .box-area .box .cnt li { padding: 0 0 10px 15px ; list-style: none; font-size: 16px; color: #3269c8; background: url(/assets/images/servicebg02-list-dot.png) no-repeat 0px 9px; letter-spacing: -1px;}

/* service03 */
.service03 { background: url(/assets/images/servicebg02.png) 0 0 ;}
.service03 .tit-area { text-align: left;  height: 270px; background: url(/assets/images/servicebg02-dot.png) 5px bottom no-repeat; margin-left: 70px;}
.service03 .tit-area h2 { font-size: 40px; color: #3269c8; font-weight: 300;}
.service03 .tit-area h2 span { font-weight: bold;}
.service03 .box-area { padding-top: 55px; padding-right: 25px; padding-left: 10px;}
.service03 .box-area .img02 {display: none;}

/* 사용자신청 */
.service .joinus { max-width: 1270px;}
.service .join { background: url(/assets/images/servicebg02.png) 0 0 ; min-height: unset; height: auto; overflow: hidden;}
.service .joinus .tit-area h2 { font-size: 40px; color: #3269c8; font-weight: 300; padding-bottom: 10px;}
.service .joinus .tit-area h2 span { font-weight: bold;}

/* 로그인 */
.service .login-area { background: url(/assets/images/servicebg02.png) 0 0 ; height: auto; overflow: hidden; padding-top: 50px;}
.service .login-area .login { margin: unset; position: relative;}
.service .login-area .login .login-section { border-radius: 25px;}
.service .navbar-header { background: none;}
.service .login .login-section { top: unset;}
.panel.find-idpw { /*box-shadow: 0px 1px 3px rgba(0,0,0,0.15);*/box-shadow:none; border-top-left-radius: 0; border:none;}
.modal-header { background: #fff;}
.modal-body { background: #f1f0f5;}
.tab-section .nav-pills > li > a { box-shadow:none; margin-right: 2px; margin-left: 1px;}

/* ===== media queries ================================================= */
/* 미디어쿼리 */

@media (min-width: 576px) {}

@media (min-width: 768px) {
    .service .header.navbar .top-area .top-mu { min-width: 40%;}
    .service .header.navbar .top-area .top-mu li { padding: 0;}
    .service .navbar-fixed-top { position: relative;}
    .service02 .tit-area,
    .service03 .tit-area { margin-top: 90px;}
}

@media (min-width: 992px) {
    .service .header.navbar .top-area .top-mu { min-width: 50%;}

}
@media (max-width: 991px) { 
    .service01 h2 { text-align: center; letter-spacing: -1px;}
    .service01 .sub-tit { text-align: center; padding: 0 10px; letter-spacing: -1px;}
    .service02 .tit-area,
    .service03 .tit-area { height: auto; background: unset; padding: 0; margin: 0; text-align: center;}
    .service02 .box-area { padding-left: 50px;}
    .service03 .box-area { padding-left: 25px;}
    .service02 .box-area>div { padding-right: 50px;}
    .tab-section .nav-pills > li > a { margin-left: 0px;}
}
@media (max-width: 1199px) and (min-width: 992px) {
    .service01 .box-area .box .exp01 {font-size: 15px; letter-spacing: -1px;}
    .service01 .box-area .box .exp02 {font-size: 13px; letter-spacing: -1px;}
    .service03 .tit-area h2 { letter-spacing: -3px;}
}
@media (min-width: 1200px) {}

/* mobile only */
@media (max-width: 767px) {
    .service .sidebar { display: block;}
    .service .navbar-header { border: 0;}
    .service .navbar-brand { width: auto;}
    .service .navbar-brand img { width: 200px;}
    .service .header.navbar { padding-top: 10px; height: 70px;}
    .service .header.navbar .top-area .top-mu { display: none;}
    .service.page-header-fixed { padding-top: 70px !important;}
    .service .service-cnt.service01 { background-size: cover;}
    .service01 h2 { letter-spacing: -3px;}
    .service01 .box-area .box { padding-top: 20px; margin-bottom: 20px; background: url(/assets/images/servicebg01-boxline02.png) center top no-repeat;}
    .service01 .box-area { margin-bottom: 50px;}
    .service02 .box-area,
    .service03 .box-area { padding-top: 20px; padding-bottom: 50px;}
    .service03 .box-area .img01 { display: none;}
    .service03 .box-area .img02 { display: block;}
    .service .joinus .tit-area h2 { text-align: center;}
    .tab-section .nav-pills > li > a { padding: 10px 20px;}
    
}

@media (max-width: 576px) {
    .service01 h2 { font-size: 35px;}
    .service01 .sub-tit { font-size: 18px;}
}

/* ===== Cross Browsing ================================================= */
/* IE 9+10 속성 */
@media screen and (min-width:0\0) and (min-width: 768px) {}