@charset "UTF-8";
@import url("notokr.css");
@import url("pages.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=EB+Garamond:400,400i');

/* reset.css */
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea{margin:0; padding:0;}
img, fieldset {border:0px!important;}
table {border-collapse:collapse;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
li img, object {vertical-align:top;}
input, select, textarea, form img {vertical-align:middle;}
a {outline:0; text-decoration:none!important; border:none;}

body {font-family: 'Noto Sans Korean', sans-serif; font-size:16px; font-weight:400; line-height:1.8; letter-spacing:0;}
h1, h2, h3, h4, h5, h6 {font-family: 'Noto Sans Korean', sans-serif; font-size:1em;}
input, button {font-family: 'Noto Sans Korean', sans-serif; font-size:1em;}
textarea, select {font-family: 'Noto Sans Korean', sans-serif; font-size:1em;}

.container-1200 {max-width:1230px; padding-left:15px; padding-right:15px; margin:0 auto;}
.container-1260 {max-width:1290px; padding-left:15px; padding-right:15px; margin:0 auto;}
.color-1 {color:#0092E5;}

.row {margin-left:-10px; margin-right:-10px;}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {padding-left:10px; padding-right:10px;}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {padding-left:10px; padding-right:10px;}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {padding-left:10px; padding-right:10px;}

.ctt_admin {display:none;}

/* 모달 공통 */
.refusal .modal-body p {word-break:keep-all;}

/* header new */
.headerTop {width:100%; height:30px; border-bottom:1px solid #eee; background-color:#f8f8f8;}
.headerTop ul {float:right;}
.headerTop ul li {float:left; margin-right:20px; position:relative;}
.headerTop ul li:before {content:""; position:absolute; right:-12px; top:12px; background-color:#ddd; width:1px; height:9px;}
.headerTop ul li:last-child {margin-right:0px;}
.headerTop ul li:last-child:before {display:none;}
.headerTop ul li a {font-size:12px; color:#aaa;}

.headerTop4CM {width:100%; height:30px; border-bottom:1px solid #eee; background-color:#0092E5;}
.headerTop4CM ul {float:right;}
.headerTop4CM ul li {float:left; margin-right:20px; position:relative;}
.headerTop4CM ul li:before {content:""; position:absolute; right:-12px; top:12px; background-color:#ddd; width:1px; height:9px;}
.headerTop4CM ul li:last-child {margin-right:0px;}
.headerTop4CM ul li:last-child:before {display:none;}
.headerTop4CM ul li a {font-size:12px; color:rgb(255, 255, 255);}

.headerWrap #header {max-width:1230px; padding-left:15px; padding-right:15px; margin:0 auto; position:relative; font-size:0; text-align:right;}
.headerWrap #header h1 {position:absolute; left:15px; top:50%; 
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);}
.headerWrap #header h1 a {display:block;}

/* gnb */
#gnb {display:inline-block; margin-right:70px;}
#gnb>li {float:left; position:relative;}
#gnb>li:after {width:4px; height:4px; background:#bbb; position:absolute; top:51%; right:-4px; content:''; display:block; border-radius:50%; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
#gnb li:last-child:after {display:none;}
#gnb>li:last-child {padding-right:0px;}
#gnb>li:last-child a {padding-right:0px;}
#gnb>li>a {display:block; text-align:center; font-size:18px; color:#666; font-weight:500; padding:35px 23px;}
#gnb>li>a:hover {color:#0092E5;}

#gnb>li>.mett1 {position:absolute; top:85px; left:-28px; display:none; z-index:100;}
#gnb>li>.mett2 {position:absolute; top:85px; left:-12px; display:none; z-index:100;}
#gnb>li>.mett3 {position:absolute; top:85px; left:2px; display:none; z-index:100;}
#gnb>li>.mett4 {position:absolute; top:85px; left:-6px; display:none; z-index:100;}
#gnb>li>.mett5 {position:absolute; top:85px; left:-10px; display:none; z-index:100;}
#gnb>li>.mett6 {position:absolute; top:85px; left:-11px; display:none; z-index:100;}

.mega ul {float:left; width:136px; background:#fff; border:1px solid #0092E5; padding:15px 0px;}
.mega ul li {text-align:center; padding:4px 0px;}
.mega ul li a {font-size:15px; color:#666; font-weight:400;}
.mega ul li a:hover {color:#0092E5; text-decoration:underline;}

.main-slide-wrap {width:100%; overflow:hidden;}
.main-slide-wrap .harb-main-slide {width:100%;}
.main-slide-wrap .harb-main-slide .slick-slide {outline:none;}
.main-slide-wrap .harb-main-slide .inner-wrap {max-width:1230px; margin:0 auto; margin-top:120px; padding-left:15px; padding-right:15px;}
.main-slide-wrap .harb-main-slide .inner-wrap span:first-child {display:block; color:#fff; letter-spacing:0.5px;}
.main-slide-wrap .harb-main-slide .inner-wrap span:last-child {font-size:14px; display:block; margin-top:8px; font-weight:300; color:#fff;}
.main-slide-wrap .harb-main-slide .inner-wrap span strong {font-family:arial; font-weight:100; font-weight:normal; padding-left:5px; padding-right:5px;}
.main-slide-wrap .harb-main-slide .inner-wrap h4 {font-size:38px; display:block; color:#fff; margin-top:20px; line-height:1.4; word-break:keep-all;}
.main-slide-wrap .harb-main-slide .item01 {background:url(../img/main/harb-main-slide-01.jpg)no-repeat center center; width:100%; height:500px; background-size:cover; }
.main-slide-wrap .harb-main-slide .item02 {background:url(../img/main/harb-main-slide-02.jpg)no-repeat center center; width:100%; height:500px; background-size:cover;}
.main-slide-wrap .harb-main-slide .item03 {background:url(../img/main/harb-main-slide-03.jpg)no-repeat center center; width:100%; height:500px; background-size:cover;}
.main-slide-wrap .harb-main-slide .item04 {background:url(../img/main/harb-main-slide-04.jpg)no-repeat center center; width:100%; height:500px; background-size:cover;}
.main-slide-wrap .harb-main-slide .item04 span:first-child {color:#000;}
.main-slide-wrap .harb-main-slide .item04 h4 {color:#000;}
.main-slide-wrap .harb-main-slide .item05 {background:url(../img/main/harb-main-slide-05.jpg)no-repeat center center; width:100%; height:500px; background-size:cover;}

/* 추가 메인이미지, 6번째 */
.main-slide-wrap .harb-main-slide .item06 {background:url(../img/main/harb-main-slide-06.jpg)no-repeat center center; width:100%; height:500px; background-size:cover;}

.main-slide-wrap .harb-main-slide .container-1200 {position:relative; max-width:1200px;}
.main-slide-wrap .harb-main-slide .slick-dots {position:absolute; bottom:140px; left:0; width:100%; font-size:0;}
.main-slide-wrap .harb-main-slide .slick-dots li {display: inline-block; padding: 0 3px;}
.main-slide-wrap .harb-main-slide .slick-dots li button {display: block; width:12px; height:12px; border-radius:12px; background:#fff; border:none; opacity:.8; transition:.2s;}
.main-slide-wrap .harb-main-slide .slick-dots li button:focus {outline:none!important; box-shadow:none;}
.main-slide-wrap .harb-main-slide .slick-dots li button:active {outline:none!important; box-shadow:none;}
.main-slide-wrap .harb-main-slide .slick-dots li.slick-active button {width:40px; background:#0092E5; border:none; opacity:1;}

.main-slide-wrap .main-slide-bottom {width:100%; height:80px; background-color:#0092E5;}

.main-slide-wrap .slide-bottom-btn {max-width:1200px; overflow:hidden; background-color:#fff; margin:-160px auto 0; position:relative;}
.main-slide-wrap .slide-bottom-btn ul li {float:left; width:12.5%; padding-top:30px; padding-bottom:30px;}
.main-slide-wrap .slide-bottom-btn ul li a {display:block;}
.main-slide-wrap .slide-bottom-btn ul li a span {display:block; text-align:center; color:#999;}
.main-slide-wrap .slide-bottom-btn ul li a span:first-child {padding-bottom:10px;}

.section1 {background-color:#f8f8f8; padding-top:80px; padding-bottom:80px; margin-bottom:100px;}
.section1 h4 {font-size:30px; color:#0092E5; text-align:center; padding-bottom:10px;}
.section1 .sub-desc {font-size:14px; color:#b0b0b0; text-align:center;}
.section1 .all-box-wrap {margin-top:75px; position:relative;}

.section1 .banner-box {margin-bottom:20px;}
.section1 .banner-box * {overflow: hidden;}
.section1 .banner-box .btns {display:none;}
.section1 .banner-box .slider {margin-top: 20px;}
.section1 .banner-box .slider img {width: 100%;}
.section1 .banner-box .slick-dots {position: absolute; top: 30px; right: 30px; font-size: 0;}
.section1 .banner-box .slick-dots li {display: inline-block; padding: 0 3px;}
.section1 .banner-box .slick-dots li button {display: block; width: 12px; height: 12px; border-radius: 12px; background: #fff; border:none; opacity: .8; transition: .2s;}
.section1 .banner-box .slick-dots li button:focus {outline:none!important; box-shadow:none;}
.section1 .banner-box .slick-dots li button:active {outline:none!important; box-shadow:none;}
.section1 .banner-box .slick-dots li.slick-active button {width: 40px; background: #0092E5; border: none; opacity: 1;}
.section1 .banner-box .slick-track .item a:focus {outline:none!important; box-shadow:none;}

.section2 {margin-bottom:100px;}
.section2 h4 {text-align:center; font-size:30px; color:#0092E5; margin-bottom:105px;}
.section2 .special-box {padding:65px 5px 5px; border-top:1px solid #0092E5; border-left:1px solid #0092E5; text-align:center; position:relative;}
.section2 .row .col-md-3 .special-box .spb-top {position:absolute; top:-29px; left:50%; width:100px; background-color:#fff; transform:translateX(-50%);}
.section2 .row .col-md-3 .special-box .spb-top:before {display:block; line-height:1; font-size:24px; font-weight:700;}
.section2 .row .col-md-3 .special-box .spb-top:after {display:block; line-height:1; font-size:15px; font-weight:500; margin-top:8px;}
.section2 .row .col-md-3:nth-child(1) .special-box .spb-top:before {content:"H"; color:#0092E5;}
.section2 .row .col-md-3:nth-child(1) .special-box .spb-top:after {content:"HEART"; color:#0092E5;}
.section2 .row .col-md-3:nth-child(2) .special-box .spb-top:before {content:"A"; color:#001976;}
.section2 .row .col-md-3:nth-child(2) .special-box .spb-top:after {content:"ART"; color:#001976;}
.section2 .row .col-md-3:nth-child(3) .special-box .spb-top:before {content:"R"; color:#FFC400;}
.section2 .row .col-md-3:nth-child(3) .special-box .spb-top:after {content:"RECOVERY"; color:#FFC400;}
.section2 .row .col-md-3:nth-child(4) .special-box .spb-top:before {content:"B"; color:#8AD1F5;}
.section2 .row .col-md-3:nth-child(4) .special-box .spb-top:after {content:"BODY"; color:#8AD1F5;}
.section2 .row .col-md-3:nth-child(1) strong {color:#0092E5;}
.section2 .row .col-md-3:nth-child(2) strong {color:#003B8F;}
.section2 .row .col-md-3:nth-child(3) strong {color:#FFC400;}
.section2 .row .col-md-3:nth-child(4) strong {color:#8AD1F5;}
.section2 .special-box span:nth-child(2) {display:block; margin-bottom:25px;}
.section2 .special-box strong {display:block; font-weight:700; line-height:1.5; font-size:15px;}
.section2 .special-box span:nth-child(4) {display:block; margin-top:15px; font-size:15px; color:#666; line-height:1.5;}

.section3 {margin-bottom:100px;}
.section3 h4 {text-align:center; font-size:30px; color:#0092E5; margin-bottom:60px;}
.section3 .slick-slide {outline:none}
.section3 .inner-wrap {max-width:980px; margin:0 auto; padding:182px 0px; text-align:center;}
.section3 .inner-wrap span {display:block; color:#fff;}
.section3 .item01 {background:url(../img/main/harb-main-slide-001.jpg)no-repeat center center; background-size:cover;}
.section3 .item02 {background:url(../img/main/harb-main-slide-002.jpg)no-repeat center center; background-size:cover;}
.section3 .item03 {background:url(../img/main/harb-main-slide-003.jpg)no-repeat center center; background-size:cover;}
.section3 .item04 {background:url(../img/main/harb-main-slide-004.jpg)no-repeat center center; background-size:cover;}
.section3 .item05 {background:url(../img/main/harb-main-slide-005.jpg)no-repeat center center; background-size:cover;}

.section3 .slick-dots {background:#eee; width:980px; margin:50px auto 0; font-size: 0;}
.section3 .slick-dots li {display:inline-block;width:20%;}
.section3 .slick-dots li button {display:block; width:100%; height:5px; background:#eee; border:none; outline:none}
.section3 .slick-dots li.slick-active button {background:#0092E5;}

.section4 {background-color:#f8f8f8; padding-top:80px; padding-bottom:80px; margin-bottom:100px;}
.section4 .col-wrap {margin-bottom:20px;}
.section4 h4 {display:block; text-align:center; font-size:30px; color:#0092E5; margin-bottom:60px;}
.section4 h4 span {font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; display:block; margin-top:10px;}

.section5-wrap {padding:0 70px; margin-bottom:100px;}
.section5-wr {position:relative; background:url(../img/main/expert_bg.jpg)no-repeat; background-size:cover;}
.section5 {padding:70px 100px 70px;}
.section5 .tit-sec {margin-bottom:50px;}
.section5 .tit-sec .eng {font-size:46px; display:block; color:#fff; margin-bottom:10px; font-weight:700;}
.section5 .tit-sec .kor {font-size:30px; display:block; color:#fff;}
.section5 .slogan {position:absolute; right:10%; top:210px; font-size:2.222em; font-weight:300; color:#fff; line-height:1.4}

.section5 .career-lnk {overflow:hidden; margin-bottom:50px}
.section5 .career-lnk li {float:left; width:130px; margin-right:20px}
.section5 .career-lnk li a span {display:block; color:#fff; font-size:18px;}
.section5 .career-lnk li a span dl {display:inline;}
.section5 .career-lnk li a span:after {content:'';display:block; width:130px; height:130px; margin-top:15px; background:url(../img/main/main_spr.png) no-repeat 0 0}
.section5 .career-lnk li.lnk01 a span:after {background-position:0 -208px}
.section5 .career-lnk li.lnk02 a span:after {background-position:-132px -208px}
.section5 .career-lnk li.lnk03 a span:after {background-position:-264px -208px}
.section5 .career-lnk li.lnk01 a:focus span:after,
.section5 .career-lnk li.lnk01 a:hover span:after {background-position:0 -340px}
.section5 .career-lnk li.lnk02 a:focus span:after,
.section5 .career-lnk li.lnk02 a:hover span:after {background-position:-132px -340px}
.section5 .career-lnk li.lnk03 a:focus span:after,
.section5 .career-lnk li.lnk03 a:hover span:after {background-position:-264px -340px}
.section5 .career-board .tit {color:#fff; margin-bottom:10px;}

.section6 {margin-bottom:100px;}
.section6 h4 {display:block; text-align:center; font-size:30px; color:#0092E5; margin-bottom:60px;}
.section6 .client-wrap .slick-slide {margin-left:10px; margin-right:10px;}
.section6 .client-wrap .slick-slide img {margin:0 auto;}
.section6 .client-wrap button {line-height:1;}
.section6 .client-wrap button.slick-prev {font-size:0; line-height:0; width:20px; height:20px; position:absolute; top:50%; left:-25px; transform:translateY(-50%); z-index:10; cursor: pointer; color:transparent; border:none; outline:none; background:transparent;}
.section6 .client-wrap button.slick-prev:before {content:''; position:absolute; top:0; left:0; width:20px; height:20px; background:url(../img/main/arrow-left.svg) no-repeat;}
.section6 .client-wrap button.slick-next {font-size:0; line-height:0; width:20px; height:20px; position:absolute; top:50%; right:-25px; transform:translateY(-50%); cursor: pointer; color:transparent; border:none; outline:none; background:transparent;}
.section6 .client-wrap button.slick-next:before {content:''; position:absolute; top:0; left:0; width:20px; height:20px; background:url(../img/main/arrow-right.svg) no-repeat;}

/* 퀵배너 */
#quick-box {position:fixed; top:50%; right:70px; transform:translateY(-50%); z-index:1; width:86px; height:550px; transition:all 1s;}
#quick-box strong {opacity:1; display:block; position:absolute; left:0; top:0; z-index:0; width:86px; height:86px; background-color:#0092E5;
	transition:top 0.5s ease; -webkit-transition:top 0.5s ease;
/*	border-radius:50%;
	-webkit-border-radius:50%;*/
}
#quick-box strong span {display:table-cell; width:86px; height:86px; line-height:17px; text-align:center; vertical-align:middle;  font-size:12px; color:#fff; font-weight:300;}
#quick-box .q-wrap {
	position:absolute; left:0; top:104px; z-index:10; width:86px; box-sizing:border-box;
	background: #0092E5; 
/*	background: -webkit-linear-gradient(to bottom, #1496b0, #0092E5 75%);
	background: linear-gradient(to bottom, #1496b0, #0092E5 75%);*/
	transition:top 0.5s ease; -webkit-transition:top 0.5s ease;
/*	border-radius:43px;
	-webkit-border-radius:43px;*/
}
#quick-box .q-wrap li{position:relative;}
#quick-box .q-wrap li:nth-child(1) a:before{content:""; display:block; width:36px; height:36px; margin:15px auto 5px; background:url(../img/main/icon-quick-box-01.svg) no-repeat center center;}
#quick-box .q-wrap li:nth-child(2) a:before{content:""; display:block; width:36px; height:33px; margin:15px auto 5px; background:url(../img/main/icon-quick-box-02.svg) no-repeat center center;}
#quick-box .q-wrap li:nth-child(3) a:before{content:""; display:block; width:26px; height:26px; margin:15px auto 5px; background:url(../img/main/icon-quick-box-03.svg) no-repeat center center;}
#quick-box .q-wrap li:nth-child(4) a:before{content:""; display:block; width:34px; height:35px; margin:15px auto 5px; background:url(../img/main/icon-quick-box-04.svg) no-repeat center center;}
#quick-box .q-wrap li:not(:first-child) {border-top:1px solid rgba(255,255,255,0.5);}
#quick-box .q-wrap li a {font-size:14px; padding-bottom:7px; color:#fff; font-weight:500; display:block; text-align:center;}

#quick-box .video-wrap {position:absolute; width:330px; height:350px; left:-340px; top:104px; background-color:#fff; border:1px solid #0092E5; padding:15px 20px; font-size:14px; display:none;}
#quick-box .video-wrap.on {display:block;}
#quick-box .video-wrap ul {display:block; margin-top:10px;}
#quick-box .video-wrap ul li {position:relative; padding-left:10px;}
#quick-box .video-wrap ul li:nth-child(n+1):nth-child(-n+2) {margin-bottom:10px;}
#quick-box .video-wrap ul li:nth-child(3) {margin-bottom:15px;}
#quick-box .video-wrap ul li:before {content:''; position:absolute; left:0; top:11px; width:4px; height:4px; border-radius:50%; background-color:#0092E5;}
#quick-box .video-wrap .v-w-tit {font-size:17px; color:#0092E5; font-weight:700; text-align:center; display:block;}
#quick-box .video-wrap .v-w-bt {display:block;margin-left:10px;}
#quick-box .video-wrap .v-w-bt dl {display:block; float:left;}
#quick-box .video-wrap .v-w-bt dl:last-child {margin-left:20px;}
#quick-box .video-wrap .v-w-bt dl:last-child dt {line-height:0.8; color:#0092E5; margin-bottom:5px;}

#quick-box .tops {
	display:block; position:absolute; left:0; bottom:0; z-index:0; width:86px; height:86px;
	background: #0092E5;
/*	background: -webkit-linear-gradient(to bottom, #1496b0, #205ec2 75%);
	background: linear-gradient(to bottom, #1496b0, #205ec2 75%);
	border-radius:50%;
	-webkit-border-radius:50%;*/
	transition:top 0.5s ease;
	-webkit-transition:top 0.5s ease;
}
#quick-box .tops span {display:table-cell; position:relative; width:86px; height:86px; line-height:17px; padding-top:26px; text-align:center; vertical-align:middle;  font-size:13px; color:#fff;}

.footer-wrap {margin-top:150px; padding:0 70px;}
.footer-wrap .footer-wr {background-color:#f7f7f7; padding:60px 0 60px;}
.footer-wrap .footer-wr .foot-box {max-width:1600px; margin:0 auto; padding-left:15px; padding-right:15px;}
.footer-wrap .footer-wr .foot-box .footer-top {margin-bottom:30px;}
.footer-wrap .footer-wr .foot-box .footer-top .flink-box {display:inline-block; vertical-align:top;}
.footer-wrap .footer-wr .foot-box .footer-top .flink-box .flink-cont {display:inline-block; vertical-align:top; width:160px;}
.footer-wrap .footer-wr .foot-box .footer-top .flink-box .flink-cont h6 {font-size:18px; font-weight:500; color:#222; margin-bottom:20px;}
.footer-wrap .footer-wr .foot-box .footer-top .flink-box .flink-cont a {color:#999; letter-spacing:-0.5px;}

.footer-wrap .footer-wr .foot-box .footer-top .ftel-box {display:inline-block; vertical-align:top; padding:0 30px 0 47px; position:relative;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box:before {content:""; position:absolute; left:0; top:0; background-color:#ddd; width:1px; height:220px;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .ftel-cont {margin-bottom:15px;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .ftel-cont h3 {font-size:20px;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .ftel a {font-size:28px; font-weight:700; color:#0092E5;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .ftime-cont h3 {font-size:20px; margin-bottom:10px;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .time-info li {font-size:14px; color:#999;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .time-info li dl {display:inline;}

.footer-wrap .footer-wr .foot-box .footer-top .fservice-box {display:inline-block; vertical-align:top; position:relative;}
.footer-wrap .footer-wr .foot-box .footer-top .fservice-box li {line-height:1; margin-bottom:12px;}
.footer-wrap .footer-wr .foot-box .footer-top .fservice-box li a {font-size:14px; color:#222;}

.footer .footer-box h3 {font-size:15px; color:#222; margin-bottom:15px;}
.footer .footer-box .faddr {font-size:15px; color:#999; line-height:1.6;}
.footer .footer-box .finfo {font-size:15px; color:#999; overflow:hidden; line-height:1.6;}
.footer .footer-box .finfo li:not(:last-child) {float:left; margin-right:15px; position:relative;}
.footer .footer-box .finfo li:not(:last-child)::before {content:""; position:absolute; right:-9px; top:8px; background-color:#aaa; width:1px; height:10px;}

.footer .footer-box .fcopyright {font-size:12px; color:#999; margin-top:10px;}
.footer .footer-box .certified {font-size:12px; font-weight:700; color:#666;}
.footer .footer-box .certified em:last-child {display:block;}

.footer .footer-right {position:absolute; top:60px; left:0px;}
.footer .footer-right .familysite {display:inline-block; width:200px; position:relative;}
.footer .footer-right .familysite button {font-weight:400; position:relative; left:0; top:0; overflow:visible; width:100%; z-index:2; color:#999; height:40px; line-height:39px; text-align:left; background:#fff; border:1px solid #ddd; border-radius:0px; text-indent:18px;}
.footer .footer-right .familysite button:focus, .footer .familysite button:active {outline: none !important; box-shadow: none;}
.footer .footer-right .familysite .arrow {position:absolute; top:1px; right:0; width:25px; height:37px; background:#9e9e9e;}
.footer .footer-right .familysite .arrow span {position:absolute; top:50%; left:0; width:10px; height:6px; margin-top:-2px; background:url("../img/main/bul-select-arrow.svg") no-repeat left top;z-index:22;}
.footer .footer-right .familysite * {font-size:15px; cursor:pointer; font-weight:400;}
.footer .footer-right .familysite ul {bottom:40px; left:0; width:100%; background:#9e9e9e; z-index:99;}
.footer .footer-right .familysite ul li {position:relative; overflow:hidden; height:40px; color:#9e9e9e;}
.footer .footer-right .familysite ul li:hover * {background:#434242;}
.footer .footer-right .familysite ul li a {display:block; text-indent:24px; line-height:40px; color:#666; background:url("../img/main/bg-tracklist-select-bul.svg") no-repeat 172px center #fff;}
.footer .footer-right .familysite ul li a:hover {background:url("../img/main/bg-tracklist-select-bul.svg") no-repeat 172px center #212121; color:#fff;}
.footer .footer-right .familysite ul {display:none;}
.footer .footer-right .familysite.open ul {display:block; border:1px solid #666;}
.footer .footer-right .familysite.open {background:#202020;}
.footer .footer-right .familysite.open button {}
.footer .footer-right .familysite.open .arrow {background:#202020;}
.footer .footer-right .familysite.open .arrow span {background:url("../img/main/bul-select-arrow-open.svg") no-repeat left top;}

.footer .footer-right .fsns {display:inline-block;}
.footer .footer-right .fsns ul {display:inline-block;}
.footer .footer-right .fsns ul li {display:inline-block; margin-left:25px;}
.footer .footer-right .fsns ul li a {display:inline-block; line-height:1;}

/* 서브페이지 공통 */
.subpage-content .figure {border-top:1px solid #dedede;}
.subpage-content .figure .figurewrap {width:100%; min-height:240px; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.subpage-content .figure .figurewrap h2 {font-size:30px; padding-top:78px; font-weight:500; color:#fff;}

.sub-navigation {width:100%; max-width:1200px; height:60px; padding:0 0px; margin:-60px auto 0; background:rgba(14,80,162,0.8);}
.sub-navigation a.home {float: left; display: block; width: 65px; height: 60px; border-right: 1px solid #40689d; overflow: hidden; background: url(../img/sub/menupath_home.png) no-repeat center center;}
.sub-navigation .dropdown {float:left; border-right:1px solid #40689d;}
.sub-navigation .dropdown-toggle {display:inline-block; cursor:pointer; padding:0 25px; min-width:235px; line-height:60px; color:#fff;}
.sub-navigation .dropdown-toggle .caret {position:absolute; right:25px; top:50%; transform:translateY(-50%);}
.sub-navigation .dropdown-toggle .caret.rotate-180 {transform: rotate(-180deg); margin-top:-2px;}
.sub-navigation .dropdown-menu {border:none; min-width:235px; border-radius:0px; box-shadow:none; margin:0px; padding:0px;}
.sub-navigation .dropdown-menu li {background-color:rgba(14,80,162,1); height:auto;}
.sub-navigation .dropdown-menu li a {color:#fff; line-height:50px; font-size:16px;}
.sub-navigation .dropdown-menu>li>a {padding:0 25px; outline:none!important; box-shadow:none;}
.sub-navigation .dropdown-menu li a:hover {background-color:#666;}
.sub-navigation .dropdown-menu li a:focus {background-color:#666;}
.sub-navigation .dropdown-menu li a.active {background-color:#333a46;}

.vStnd span {color:rgba(256,256,256,0.4); font-family: 'Noto Serif KR', sans-serif; font-size:18px; display:inline-block; vertical-align:middle;}
.vStnd span.active {color:rgba(256,256,256,1);}
.vStnd:after {content:""; display:inline-block; width:0; height:100%; vertical-align:middle;}

.sub-tlt-2dep {margin-top:90px; margin-bottom:30px;}
.sub-tlt-2dep h2 {font-size:46px; font-weight:300;}
.sub-tlt-2dep .vt-line {width:1px; height:46px; background-color:#0092E5; display:block; margin:35px auto 30px;}

@media screen and (max-width:1700px) {
.footer-wrap {margin-top:150px; padding:0;}
.footer-wrap .footer-wr .foot-box {padding-left:70px; padding-right:70px;}
}

@media screen and (max-width:1600px) {
#quick-box {right:-100px;}
.footer-wrap .footer-wr .foot-box .footer-top .flink-box {width:68%;}
.footer-wrap .footer-wr .foot-box .footer-top .flink-box .flink-cont {width:16%;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box {padding:0 15px; width:19%;}
.footer-wrap .footer-wr .foot-box .footer-top .fservice-box {width:11%;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box:before {height:240px;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .time-info li dl {display:block;}
}

@media screen and (max-width:1500px) {
#quick-box {right:-100px;}
.section5 {padding:70px 60px 40px;}
.section5 .slogan {right:8%; top:210px; font-size:2.222em; line-height:1.4;}
.footer-wrap .footer-wr .foot-box {padding-left:30px; padding-right:30px;}
}

@media screen and (max-width:1280px) {

.section6 .client-wrap .slick-slide {margin-left:5px; margin-right:5px;}

.footer-wrap .footer-wr .foot-box {padding-left:15px; padding-right:15px;}
.footer-wrap .footer-wr .foot-box .footer-top .flink-box {width:75%;}
.footer-wrap .footer-wr .foot-box .footer-top .flink-box .flink-cont {width:16%;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box {padding:0 0 0 25px; width:20%;}
.footer-wrap .footer-wr .foot-box .footer-top .fservice-box {width:100%;}
.footer-wrap .footer-wr .foot-box .footer-top .fservice-box li {display:inline-block; margin-left:30px; margin-bottom:0px;}
.footer-wrap .footer-wr .foot-box .footer-top .fservice-box li:first-child {margin-left:0px;}
}

@media screen and (max-width:1200px) {
.main-slide-wrap .harb-main-slide .inner-wrap {margin-top:100px;}
.main-slide-wrap .harb-main-slide .slick-dots {bottom:160px;}
.main-slide-wrap .harb-main-slide .slick-dots {left:15px;}
#gnb>li>a {font-size:18px; padding:35px 20px;}
.section5-wrap {padding:0 15px;}
.section5 {padding:50px 45px 50px;}
.section5 .slogan {right:4%; top:210px; font-size:2em; line-height:1.4;}

.footer-wrap .footer-wr .foot-box .footer-top .flink-box {width:73%;}
.footer-wrap .footer-wr .foot-box .footer-top .flink-box .flink-cont {width:16%;}
.footer-wrap .footer-wr .foot-box .footer-top .flink-box .flink-cont:nth-child(2) {width:14%;}
.footer-wrap .footer-wr .foot-box .footer-top .flink-box .flink-cont:nth-child(3) {width:18%;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box {padding:0 0 0 20px; width:25%;}
}

@media screen and (max-width:1130px) { 
.section2 .special-box {min-height:263px;}
}

@media screen and (max-width:991px) { 
.headerWrap #header {min-height:102px;}
.main-slide-wrap .slide-bottom-btn {margin:-160px auto 0;}
.main-slide-wrap .slide-bottom-btn ul li {width:33.3333%; padding-top:30px; padding-bottom:30px;}
.main-slide-wrap .slide-bottom-btn ul li:nth-child(n+1):nth-child(-n+4) {padding-bottom:0px;}

.section2 .special-box {margin-bottom:30px; min-height:inherit;}

.section5 {padding:50px 30px 50px;}
.section5 .slogan {display:none;}

.footer-wrap .footer-wr {padding:30px 0 30px;}
.footer-wrap .footer-wr .foot-box .footer-top .flink-box {display:none;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box {width:100%; padding:0;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box:before {display:none;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .ftel-cont {float:left; width:50%;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .ftime-cont {float:left; width:50%;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .time-info li {line-height:1.5;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .time-info li dl {display:inline;}
.footer-wrap .footer-wr .foot-box .footer-top .fservice-box {margin-top:20px; padding-top:20px; border-top:1px solid #eee; padding-bottom:20px; border-bottom:1px solid #eee;}

.footer .footer-right {position:static; display:block;}
.footer .footer-right .familysite {display:block; width:100%; margin-top:15px; margin-bottom:15px;}
.footer .footer-right .fsns {display:block; text-align:center;}
.footer .footer-right .fsns ul li:first-child {margin-left:0px;}

}

@media screen and (max-width: 767px) {
.headerWrap #header {min-height:82px;}
.headerWrap #header h1 a img {width:210px;}
.main-slide-wrap .main-slide-bottom {display:none;}
.main-slide-wrap .slide-bottom-btn {margin:0px auto 0;}
.main-slide-wrap .slide-bottom-btn ul li {padding-top:20px; padding-bottom:20px;}
.main-slide-wrap .slide-bottom-btn ul li a span {font-size:13px; letter-spacing:-1px;}
.main-slide-wrap .slide-bottom-btn ul li a span:first-child {padding-bottom:5px;}
.main-slide-wrap .slide-bottom-btn ul li a span:first-child img {width:40px;}
.main-slide-wrap .harb-main-slide .inner-wrap {margin-top:40px;}
.main-slide-wrap .harb-main-slide .inner-wrap span:first-child {font-size:12px;}
.main-slide-wrap .harb-main-slide .inner-wrap span:last-child {font-size:11px; margin-top:8px;}
.main-slide-wrap .harb-main-slide .inner-wrap h4 {font-size:22px; margin-top:10px; line-height:1.5; letter-spacing:-0.5px;}
.main-slide-wrap .harb-main-slide .slick-dots {bottom:40px;}
.main-slide-wrap .harb-main-slide .slick-dots li button {width:8px; height:8px; border-radius:8px;}
.main-slide-wrap .harb-main-slide .slick-dots li.slick-active button {width:30px;}
.main-slide-wrap .harb-main-slide .item01,
.main-slide-wrap .harb-main-slide .item02,
.main-slide-wrap .harb-main-slide .item03,
.main-slide-wrap .harb-main-slide .item04,
.main-slide-wrap .harb-main-slide .item05 {height:250px;}
/* .main-slide-wrap .harb-main-slide .item05, */

/* 추가 메인이미지, 6번째 */
/* .main-slide-wrap .harb-main-slide .item06 {height:250px;} */

.section1 {padding-top:40px; padding-bottom:40px; margin-bottom:40px;}
.section1 h4 {font-size:22px; padding-bottom:5px;}
.section1 .sub-desc {font-size:12px; color:#b0b0b0; text-align:center;}
.section1 .news-box-wrap {margin-top:30px;}
.section1 .banner-box .slick-dots {top:20px; right:10px;}
.section1 .banner-box .slick-dots li {display:inline-block; padding:0 3px;}
.section1 .banner-box .slick-dots li button {display:block; width:8px; height:8px; border-radius:12px;}
.section1 .banner-box .slick-dots li.slick-active button {width:30px;}

.section2 {margin-bottom:40px;}
.section2 h4 {font-size:22px;margin-bottom:60px;}
.section2 .special-box span:nth-child(1) {display:block; margin-bottom:40px;}
.section2 .special-box strong {display:block; line-height:1.5;}
.section2 .special-box span:nth-child(3) {display:block; font-size:12px;}
.section2 .special-box span:nth-child(4) {display:block; margin-top:10px; word-break:keep-all;}

.section3 {margin-bottom:40px;}
.section3 h4 {font-size:22px; margin-bottom:40px;}
.section3 .inner-wrap {padding:142px 0px;}

.section4 {padding-top:40px; padding-bottom:40px; margin-bottom:40px;}
.section4 .col-wrap {margin-bottom:10px;}
.section4 h4 {font-size:22px; margin-bottom:30px;}
.section4 h4 span {font-size:12px; margin-top:10px;}
.section4 .row {margin-left:-5px; margin-right:-5px;}
.section4 .row .col-xs-3 {padding-left:3px; padding-right:5px;}

.section5-wrap {padding:0 15px; margin-bottom:40px;}
.section5 {padding:30px 20px 30px;}
.section5 .career-lnk li {width:90px; margin-right:15px}
.section5 .career-lnk li a span {font-size:14px; line-height:1.4; letter-spacing:-0.5px}
.section5 .career-lnk li a span:after {width:90px; height:90px; background-size: auto 326px;}
.section5 .career-lnk li.lnk01 a span:after {background-position:0 -144px}
.section5 .career-lnk li.lnk02 a span:after {background-position:-92px -144px}
.section5 .career-lnk li.lnk03 a span:after {background-position:-184px -144px}
.section5 .career-lnk li.lnk01 a:focus span:after,
.section5 .career-lnk li.lnk01 a:hover span:after {background-position:0 -236px}
.section5 .career-lnk li.lnk02 a:focus span:after,
.section5 .career-lnk li.lnk02 a:hover span:after {background-position:-92px -236px}
.section5 .career-lnk li.lnk03 a:focus span:after,
.section5 .career-lnk li.lnk03 a:hover span:after {background-position:-184px -236px}
.section5 .career-lnk li a span dl {display:block;}
.section5 .career-lnk li a span:after {margin-top:8px;}

.section6 {margin-bottom:40px;}
.section6 h4 {font-size:22px; margin-bottom:40px;}

.footer-wrap {margin-top:30px;}
.footer-wrap .footer-wr .foot-box .footer-top .fservice-box li {margin-left:20px;}

/* 서브페이지 공통 */
.subpage-content .figure .figurewrap {min-height:170px;}
.subpage-content .figure .figurewrap h2 {font-size:20px; padding-top:56px;}
.sub-navigation {height:40px; padding:0 0px; margin:-40px auto 0; background:rgba(14,80,162,0.8);}
.sub-navigation a.home {height: 40px; }
.sub-navigation .dropdown-toggle {padding:0 20px; line-height:40px; font-size:13px;}
.sub-navigation .dropdown-menu li a {line-height:40px; font-size:13px;}
.sub-navigation .dropdown-menu>li>a {padding:0 20px;}

.sub-tlt-2dep {margin-top:30px; margin-bottom:25px;}
.sub-tlt-2dep h2 {font-size:20px;}
.sub-tlt-2dep .vt-line {height:26px; margin:30px auto 20px;}
}

@media screen and (max-width: 575px) {
.subpage-content .sub-navigation .depth1 {display:none;}
}

@media screen and (max-width: 460px) {
.section1 {padding-bottom:30px; margin-bottom:30px;}
.section1 .all-box-wrap {margin-top:30px;}
.section1 h4 {font-size:18px;}

.section2 {margin-bottom:0px;}
.section2 h4 {font-size:18px; margin-bottom:50px;}
.section2 .special-box {padding:30px 5px 5px;}
.section2 .row .col-md-3 .special-box .spb-top {top:-19px; width:60px;}
.section2 .row .col-md-3 .special-box .spb-top:before {font-size:18px;}
.section2 .row .col-md-3 .special-box .spb-top:after {font-size:12px; margin-top:4px;}
.section2 .special-box span:nth-child(2) {margin-bottom:15px;}
.section2 .special-box span:nth-child(2) img {width:20px;}
.section2 .special-box strong {font-size:13px;}
.section2 .special-box span:nth-child(4) {margin-top:5px; font-size:13px; line-height:1.5;}

.section3 {margin-bottom:0px;}
.section3 h4 {font-size:18px; margin-bottom:30px;}
.section3 .inner-wrap {padding:82px 0px;}

.section4 {padding-top:30px; padding-bottom:20px; margin-bottom:30px;}
.section4 h4 {font-size:18px;}

.section5 {padding:20px 15px 20px;}
.section5-wrap {margin-bottom:30px;}
.section5 .tit-sec {margin-bottom:30px;}
.section5 .tit-sec .eng {font-size:26px;}
.section5 .tit-sec .kor {font-size:16px;}
.section5 .career-lnk {margin-bottom:30px}
.section5 .career-lnk li {width:70px;margin-right:15px;}
.section5 .career-lnk li a span:after {width:70px;height:70px;background-size:auto 254px;}
.section5 .career-lnk li.lnk01 a span:after {background-position:0 -112px;}
.section5 .career-lnk li.lnk02 a span:after {background-position:-72px -112px;}
.section5 .career-lnk li.lnk03 a span:after {background-position:-142px -112px;}
.section5 .career-lnk li.lnk01 a:focus span:after,
.section5 .career-lnk li.lnk01 a:hover span:after {background-position:0 -184px;}
.section5 .career-lnk li.lnk02 a:focus span:after,
.section5 .career-lnk li.lnk02 a:hover span:after {background-position:-72px -184px;}
.section5 .career-lnk li.lnk03 a:focus span:after,
.section5 .career-lnk li.lnk03 a:hover span:after {background-position:-142px -184px;}
.section5 .career-board ul {padding:10px 0;}
.section5 .career-board ul li {padding:5px 10px;}

.section6 {margin-bottom:30px;}
.section6 h4 {font-size:18px; margin-bottom:30px;}
.section6 .client-wrap .slick-slide {margin-left:2px; margin-right:2px;}

.footer-wrap .footer-wr .foot-box .footer-top .fservice-box li {margin-left:0px; width:50%; float:left; margin-bottom:12px;}
.footer-wrap .footer-wr .foot-box .footer-top .fservice-box li:nth-child(3) {margin-bottom:0px;}
.footer-wrap .footer-wr .foot-box .footer-top .fservice-box li:nth-child(4) {margin-bottom:0px;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .ftel-cont h3 {font-size:15px;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .ftel a {font-size:20px; letter-spacing:-0.5px}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .ftime-cont h3 {font-size:15px; margin-bottom:10px;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .time-info li {font-size:13px; line-height:1.5; letter-spacing:-0.5px;}
.footer-wrap .footer-wr .foot-box .footer-top .ftel-box .time-info li dl {display:block;}

.footer .footer-box h3 {font-weight:700;}
.footer .footer-box .faddr {font-size:14px; color:#999; line-height:1.6; word-break:keep-all;}
.footer .footer-box .finfo {font-size:14px; color:#999; overflow:hidden; line-height:1.6; word-break:keep-all;}
.footer .footer-box .finfo li {float:left; margin-right:15px; position:relative;}
.footer .footer-box .finfo li:before {content:""; position:absolute; right:-9px; top:7px; background-color:#aaa; width:1px; height:10px;}
.footer .footer-box .finfo li:last-child:before {display:none;}
.footer .footer-box .fcopyright {font-size:12px; color:#999; margin-top:10px;}
}