/************************************************************
*
* 공통 CSS
*
************************************************************/
/* noto-sans-kr-100 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url('../../fonts/noto-sans-kr-v13-latin_korean-100.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/noto-sans-kr-v13-latin_korean-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/noto-sans-kr-v13-latin_korean-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/noto-sans-kr-v13-latin_korean-100.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/noto-sans-kr-v13-latin_korean-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/noto-sans-kr-v13-latin_korean-100.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-300 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url('../../fonts/noto-sans-kr-v13-latin_korean-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/noto-sans-kr-v13-latin_korean-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/noto-sans-kr-v13-latin_korean-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/noto-sans-kr-v13-latin_korean-300.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/noto-sans-kr-v13-latin_korean-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/noto-sans-kr-v13-latin_korean-300.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-regular - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url('../../fonts/noto-sans-kr-v13-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/noto-sans-kr-v13-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-700 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url('../../fonts/noto-sans-kr-v13-latin_korean-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/noto-sans-kr-v13-latin_korean-700.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/noto-sans-kr-v13-latin_korean-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-500 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url('../../fonts/noto-sans-kr-v13-latin_korean-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/noto-sans-kr-v13-latin_korean-500.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/noto-sans-kr-v13-latin_korean-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
/* noto-sans-kr-900 - latin_korean */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url('../../fonts/noto-sans-kr-v13-latin_korean-900.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../../fonts/noto-sans-kr-v13-latin_korean-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../fonts/noto-sans-kr-v13-latin_korean-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../fonts/noto-sans-kr-v13-latin_korean-900.woff') format('woff'), /* Modern Browsers */
       url('../../fonts/noto-sans-kr-v13-latin_korean-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../fonts/noto-sans-kr-v13-latin_korean-900.svg#NotoSansKR') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'twayair';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twayair.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {margin:0; padding:0; border:0; font-size:16px; color:#333; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif; }
address, caption, cite, code, dfn, em, strong, th, var {font-style :normal; font-weight:normal}
table {border-collapse:collapse;}
a { text-decoration:none;}
img {vertical-align:middle; border:0;}
ul, li, ol { list-style:none;}
html,body { width:100%;}
/* input 기본 스타일 초기화 */
input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-sizing:border-box; border-radius:0; box-shadow:none;}
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }
input::placeholder {color:#999; font-size:14px;}
/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; box-shadow:none;}
input:focus {outline:none;}
select:focus {outline:none;}
textarea { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-sizing:border-box; border-radius:0; box-shadow:none;}
textarea:focus {outline:none; border-radius:0; box-shadow: 0;}
select::-ms-expand {display:none}
.mb_wrap {width:100%; position: relative; }
/**** 공통 CSS END ****/


/************************************************************
*
* header CSS
*
************************************************************/
.header {width:100%; position:fixed; top:0; left:0; z-index:100;}
.header::after {content:""; width:0; height:1px; background-color:rgba(255,255,255,0.5); position:absolute; bottom:0; left:50%; transform: translateX(-50%);}
.header.active::after {width:100%; transition:0.6s;}
.header.active2::after {width:100%; transition:0s;}
.header.on {background-color:#fff; transition: 0.3s;}
.header.on::after {background-color:#dfdfdf; transition: 0.3s;}
.header.on2 {background-color:#fff;}
.header.on2::after {background-color:#dfdfdf;}
.header .headerInner {width:100%; position:relative; padding:20px; opacity:0;}
.header.active .headerInner {transition:0.6s; transition-delay:0.6s; opacity:1;}
.header.active2 .headerInner { opacity:1;}
.header .headerInner a {font-family: 'twayair',sans-serif; font-size:19px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:20px;}
.header .headerInner .gnbBtn {position:absolute; top:50%; right:20px; width:20px; height:16px; margin-top:-8px; background:url("../img/common/top_menuview.png")no-repeat; background-size:auto 16px;}

.header.on .headerInner a {color:#000;}
.header.on .headerInner .gnbBtn {background:url("../img/common/top_menuview_on.png")no-repeat; background-size:auto 16px;}

/**** header END ****/


/************************************************************
*
* gnb CSS
*
************************************************************/
.gnb {width:80%; height:100%; overflow-y: auto; position:fixed; top:0; right:-100%; z-index:999; background-color:#f8f8f8; overflow-x: hidden; padding-bottom:50px;}
.gnb .gnb_tit_box {width:100%; position:relative; padding:16px 20px; background:linear-gradient(-30deg, #5492F9, #0066ff);}
.gnb .gnb_tit_box p {font-family: 'twayair',sans-serif; font-size:20px; color:#fff; font-weight:400; letter-spacing:-0.025em; line-height:24px;}
.gnb .gnb_tit_box span {display: block; font-size:12px; color:#fff; font-weight:300; letter-spacing:-0.025em; line-height:18px; margin-bottom:2px;}
.gnb .gnb_tit_box img.gnbClose {height:16px; position:absolute; top:50%; right:20px; margin-top:-8px;}
.gnb ul.gnb_list_box {width:100%; margin-top:10px; background-color:#fff; border-top:1px solid #dfdfdf;}
.gnb ul.gnb_list_box li {width:100%; border-bottom:1px solid #dfdfdf;}
.gnb ul.gnb_list_box li:last-child {border-bottom:2px solid #ececec;}
.gnb ul.gnb_list_box li .glTit {width:100%; position:relative; padding:16px 20px;}
.gnb ul.gnb_list_box li .glTit p {font-family: 'twayair',sans-serif; font-size:16px; color:#222; font-weight:400; letter-spacing:-0.025em;}
.gnb ul.gnb_list_box li .glTit div {width:14px; height:8px; background:url("../img/common/g_arrow.png")no-repeat; background-size:14px; position:absolute; top:50%; right:20px; margin-top:-4px; transition:all 0.2s;}
.gnb ul.gnb_list_box li .glTit.on div {transform: rotate(-180deg); }
.gnb ul.gnb_list_box li .sgBox {width:100%; padding:10px 20px; background-color:#f8f8f8; border-top:1px solid #e0e0e0; display:none;}
.gnb ul.gnb_list_box li .sgBox a {display:block; font-size:14px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:30px;}
.gnb ul.gnb_list_box li .sgBox a:last-child {border-bottom:0;}

.gnb .lg_contact {width:100%; margin-top:10px; background-color:#fff; padding:20px; border-bottom:2px solid #ececec;}
.gnb .lg_contact p {font-family: 'twayair',sans-serif; font-size:18px; color:#000; font-weight:400; letter-spacing:-0.025em; line-height:22px;}
.gnb .lg_contact .contact_info_box {width:100%; margin-top:12px; }
.gnb .lg_contact .contact_info_box span {display: block; font-family:"Roboto",sans-serif; font-size:20px; color:#555; font-weight:500; letter-spacing:-0.025em; line-height:24px; position:relative; padding-left:46px; margin-bottom:3px;}
.gnb .lg_contact .contact_info_box span font {font-family:"Roboto",sans-serif; font-size:20px; color:#5492F9; font-weight:500; line-height:24px; position:absolute; top:0; left:0; letter-spacing:-0.01em;}

.gnb .lg_contact .m_sc_info_box {width:100%; margin-top:12px; padding-top:12px; border-top:1px dashed #e0e0e0;}
.gnb .lg_contact .m_sc_info_box span {display: block; font-size:13px; color:#666; font-weight:400; letter-spacing:-0.025em; line-height:18px; position:relative; padding-left:60px; margin-bottom:5px;}
.gnb .lg_contact .m_sc_info_box span font {font-size:13px; color:#666; font-weight:400; line-height:18px; position:absolute; top:0; left:0; letter-spacing:-0.01em;}
.gnb .lg_contact .m_sc_info_box storng {display: block; font-size:13px; color:#666; font-weight:500; letter-spacing:-0.025em; line-height:18px; position:relative; padding-left:60px; margin-top:4px;}
.gnb .lg_contact .m_sc_info_box storng b {font-size:13px; color:#666; font-weight:500; line-height:18px; position:absolute; top:0; left:0; letter-spacing:-0.01em;}

.gnb .prime_minister {width:100%; position:relative; margin-top:12px; background-color:#fff; padding:20px; padding-left:86px; border-bottom:2px solid #ececec;}
.gnb .prime_minister img {position:absolute; top:50%; left:20px; width:54px; margin-top:-27px;}
.gnb .prime_minister p {font-size:16px; color:#222; font-weight:500; letter-spacing:-0.025em; line-height:20px;}
.gnb .prime_minister span {display: block; font-size:15px; color:#222; font-weight:400; letter-spacing:-0.025em; line-height:20px;}
.gnb .prime_minister span font {font-size:15px; color:#5492F9; font-weight:500;}

.lgBgBox {width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:998; display:none;}
/**** gnb END ****/



/************************************************************
*
* footer CSS
*
************************************************************/
.footer {width:100%; background-color:#17171F; position:relative;}
.footer .copyright {width:100%; padding:30px 20px; padding-bottom:40px;}
.footer .copyright strong {font-size:18px; color:#A7A8A9; font-weight:400; letter-spacing:-0.025em; line-height:21px; display: block; font-family: 'twayair',sans-serif;}
.footer .copyright p {display: block; font-size:12px; color:#ddd; font-weight:300; line-height:19px; letter-spacing:-0.05em; margin-top:12px;}
.footer .copyright p span {font-size:12px; color:#fff; font-weight:300; margin-right:8px;}
.footer .copyright p font {font-size:12px; color:#414149; font-weight:300; margin:0px 5px;}
.footer .copyright b {display: block; font-size:12px; color:#999; font-weight:400; line-height:16px; letter-spacing:-0.05em; margin-top:12px;}

.topBtn {width:41px; height:41px; position:fixed; bottom:20px; right:10px;  border-radius:100%; border:1px solid #ccc; z-index:99; background:url("../img/common/topBtn.png")no-repeat center rgba(255,255,255,0.85); background-size:13px;}
/**** footer END ****/


.datepicker {z-index:9999!important;}

.sub_visual {width:100%; overflow: hidden; position:relative; padding-top:64px;}
.sub_visual img {min-width:600px; width:100%; position:absolute; left:50%; transform: translateX(-50%);}
.sub_visual.company_sv img {bottom:0;}
.sub_visual.business_sv img {top:50%; transform: translate(-50%,-50%);}
.sub_visual.request_sv img {bottom:0;}
.sub_visual.customer_sv img {top:50%; transform: translate(-50%,-50%);}

.sub_visual p {font-family: 'twayair',sans-serif; font-size:28px; color:#fff; font-weight:400; letter-spacing:-0.05em; position:relative; z-index:1; padding:40px 0px; text-align: center;}

.section {width:100%; position:relative;}

p.sTitle {font-family: 'twayair',sans-serif; font-size:25px; color:#58585B; font-weight:400; letter-spacing:-0.05em; text-align: center;}

.nav {width:100%; position:relative; padding-left:52px; height:50px; z-index:99;}
.nav .home {width:52px; height:50px; background:url("../img/common/home.png")no-repeat center #5492F9; background-size:22px; position:absolute; top:0; left:0;}

.nav .depth {width:50%; float:left; position:relative;}
.nav .depth1 {border-right:1px solid #e0e0e0;}
.nav .depthFull {width:100%;}
.nav .depth .depthTitle {width:100%; height:50px; padding:0px 15px; position:relative; cursor: pointer; z-index:2; background-color:#fff; border-bottom:1px solid #e0e0e0;}
.nav .depth .depthTitle p {font-size:14px; color:#222; font-weight:400; letter-spacing:-0.025em; line-height:50px; transition:all 0.3s;}
.nav .depth .depthTitle div {background-image:url("../img/common/navArrow.png"); width:11px; height:7px; position:absolute; top:50%; right:15px; margin-top:-4px; transition:all 0.3s; background-size:11px;}
.nav .depth .depthTitle.on div {-ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}

.nav .depth .depthTitleNone {width:100%; height:50px; padding:0px 15px; position:relative; cursor: pointer; z-index:2; background-color:#fff; border-bottom:1px solid #e0e0e0;}
.nav .depth .depthTitleNone p {font-size:14px; color:#222; font-weight:400; letter-spacing:-0.025em; line-height:50px; transition:all 0.3s;}

.nav .depth ul {width:calc(100% + 1px); left:0; position:absolute; top:50px; border:1px solid #e0e0e0; border-top:0; display:none; box-shadow:0px 2px 10px rgba(0,0,0,0.15); z-index:1; background-color:#fff;}
.nav .depth2 ul {border-right:0; left:-1px;}
.nav .depth ul li {width:100%; border-bottom:1px solid #e0e0e0; transition:all 0.2s;}
.nav .depth ul li:last-child {border-bottom:0;}
.nav .depth ul li div {width:100%; padding:12px 15px; font-size:14px; color:#555; background-image:url("../img/common/navArrow2.png"); background-position:right 15px center; background-repeat: no-repeat; background-size:6px;}


.page {width:100%; padding-top:30px;}
.page ul {width:100%; text-align: center;}
.page ul li {display:inline-block; zoom:1; *display:inline; vertical-align:top; margin:0px 6px;}
.page ul li div {font-size:17px; line-height:16px; color:#5492F9; font-weight:600; padding:0px 3px; position:relative; padding-bottom:7px;}
.page ul li div::after {content:""; width:100%; height:2px; background-color:#5492F9; position:absolute; bottom:0; left:0;} 
.page ul li a div {font-size:17px; line-height:16px; color:#999; font-weight:400;}
.page ul li a div::after {display: none;}
.page ul li img {display: block; height:13px; margin-top:2px}


.sub_title_box {width:100%; padding:20px; z-index:99; overflow: hidden; position:relative;}
.sub_title_box p {font-size:17px; color:#222; font-weight:500; letter-spacing:-0.025em; line-height:20px; float:left;}
.sub_title_box .back {width:14px; height:14px; background:url("../img/common/back.png")no-repeat; background-size:14px; float:left; margin-top:4px; margin-right:10px;}
.sub_title_box .gnbBtn {position:absolute; top:50%; right:20px; width:20px; height:16px; margin-top:-8px; background:url("../img/common/top_menuview_on.png")no-repeat; background-size:auto 16px;}

.lineBox {width:100%; height:9px; background-color:#f5f5f5; border-top:2px solid #ececec;}


.kakao {position: absolute; right: 52px; top: 19px; background-color: #fce000; border-radius: 30px; width: 120px; height: 29px; display: flex; align-items: center; justify-content: center; font-size:14px; color:#333; font-weight: 500; z-index: 300;}
.kakao img {width: 20px; margin-right: 4px; margin-top: -1px; vertical-align: middle;}
.kakao a {font-size:14px; color:#333; font-weight: 500;}
.kakao div {font-size:14px; color:#333; font-weight: 500;}

.sub_kakao {position: unset; border-radius: 100%;height: 48px; width: 48px; display: inline-block; margin-left: 12px; vertical-align: middle; background-color: #fce000; align-items: center; justify-content: center; font-size:14px; color:#333; font-weight: 500;}
.sub_kakao img{width: 26px; margin-right: 0px;}
.sub_kakao div{height: 40px; text-align: center; padding-top: 9px;}

.sub_kakao2{display: inline-block; width: 120px; height: 24px; border-radius: 30px; vertical-align: baseline; background-color: #fce000;  margin-left: 4px;}
.sub_kakao2 img {width: 19px; margin-right: 4px; margin-bottom: 2px;}
.sub_kakao2 div{text-align: center;}

.sub_review{display: inline-block; width: 94px; height: 24px; padding-top:2px; border-radius: 30px; vertical-align: baseline; background-color: #5492F9;  margin-left: 4px;}
.sub_review img {width: 7px; margin-left: 4px; margin-top: -3px;}
.sub_review div{text-align: center; color:#fff; font-size:14px;}