@charset "utf-8";


/* ===================================
	layout
 =================================== */
body.js-fixed {position:fixed; width:100%;}
.wrap {position:relative; min-width:320px; overflow:hidden;}

/*header*/
.header-wrap {width:100%; position:fixed; top: 0; left: 0; z-index:99; transition: all 0.3s ease-in-out;}
.header-wrap .header-logo {display: none;}


/*GNB*/
.gnb {width: 100%; position: relative; z-index: 900; background-color: rgba(7, 54, 84, 0.3);}

.gnb-wrap {font-size: 0; display:inline-block; width: calc(100% - 350px);}

.gnb-1dep {display: inline-block; vertical-align: middle; height: 100px; position: relative;}
.gnb-1dep > a {display: block; min-width: 180px; padding: 0 20px; text-align: center; letter-spacing: -1.5px; line-height:100px; transition: all 0.3s ease-in-out;}
.gnb-1dep > a > span {font-size: 19px; font-weight: 500; color: #fff; position: relative;}

.gnb-1dep.js-open-d > a {background-color: #073654;}
.gnb-1dep.js-open-d > a > span::after {display: block; content: ""; width: 15px; height: 15px; position: absolute; top: 0; left: 0; transform: translate(-60%, -40%); background: url('../images/common/gnb-dot.png') 0 0 no-repeat;}

.gnb-2dep {max-height:0; width: 100%; background: #fff; overflow:hidden; position:absolute; top:100px; left: 50%; transform: translateX(-50%); transition: all 0.3s ease-in-out; z-index:1000;}
.gnb-2dep a {display: block; padding: 20px 10px; text-align: center; font-size: 16px; font-weight: 500; color: #073654; line-height: 1.3; letter-spacing: -1.5px; position: relative;}
.gnb-2dep a:after {display: block; content: ""; width: 0; height: 3px; background: #073654; transition: all 0.3s ease-in-out; position: absolute; top: 80%; left: 50%;}
.gnb-2dep a:hover:after {width: 80%; left: 10%;}

.gnb-1dep.js-open-d .gnb-2dep{max-height:1000px; transition: all 0.3s ease-in-out; padding: 20px 0;}

.gnb-inner-util {display:none;}

.gnb-dimmed{position:fixed; top:0px; left:0; z-index:997; width:100%; height:100%; background-color:rgba(0, 0, 0, .5); display:none;}


/*Util*/
.top__util {position:absolute; right:45px; top:0; font-size:0; z-index:901; padding-left: 10px;}
.top__util-item {display: inline-block; vertical-align: top; height: 100px;}
.top__util-item + .top__util-item {margin-left:30px;}

.header__search-box {padding-top: 30px; height: 100%; text-align:right; position:relative;}
.header__search-box .header__search-btn {width: 40px; height: 40px; font-size: 0; background:transparent; position: absolute; top:50%; right:0; transform: translateY(-50%); border:0; display:none;}
.header__search-box .header__search-btn.on {display: block;}
.header__search-box .header__search-show {display:inline-block;width: 38px; height: 38px; line-height: 100px; font-size: 0; background: url('../images/common/search-ico.png') center no-repeat; border: 0; position: relative;}
.header__search-box .header__search-btn::after {display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.header__search-box .header__search-input {width: 0; overflow: hidden; padding: 0; border: 0; transition:all 0.3s ease-in-out; line-height:40px; height:38px; opacity: 0;}
.header__search-box .header__search-input.on {width: 180px; border: 1px #e1e1e1; padding: 0 10px; margin-right:10px; opacity: 1;}
.header__search-box .header__search-input.on+.header__search-btn::after {display: none;}


.language p {display: inline-block; margin: 0 5px; font-size: 20px; font-weight: 400; color: #fff;}
.language .language-link {display: inline-block; font-size: 20px; font-weight: 400; color: #fff; line-height: 100px;}
.language .language-link.on {font-weight: 700;}

.allmenu .allmenu-link {display: block; max-width: 110px; background: #073654; padding: 35px 25px 25px; margin: 0 0 0 auto;}
.allmenu .allmenu-link span {display: block;}
.allmenu .allmenu-link span+span {margin-top: 45px; font-size: 16px; font-weight: 400; text-align: center; color: #fff;}

.allmenu .whatsapp {display: block; width: 110px; background: #00243b; margin-top: 5px; text-align: center; padding: 25px 10px; position: absolute; right: 0; top: 165px;}
.allmenu .whatsapp span {display: block; max-height: 0; overflow: hidden; transition: all 0.3s ease-in-out; color: #01e675; font-size: 18px; font-weight: 700; line-height: 1.3;}
.allmenu .whatsapp:hover span {max-height: 200px; margin-top: 10px;}


@media only screen and (max-width:1700px){
	.gnb-wrap {width: calc(100% - 300px);}
	.gnb-1dep > a {min-width: 150px;}

	.gnb-1dep > a > span {font-size: 16px; letter-spacing: -0.05em;}
	.language .language-link {font-size: 16px;}

	.gnb-2dep a {font-size: 15px;}

	.top__util {right: 15px;}
	.top__util-item + .top__util-item {margin-left: 15px;}
}

@media only screen and (max-width:1480px){
	.gnb-wrap {width: calc(100% - 200px);}
	.gnb-1dep > a {min-width: 135px; padding: 0 15px;}
	.gnb-2dep a {font-size: 14px; padding: 15px 10px;}

	.top__util {right: 10px;}
	.top__util-item + .top__util-item {margin-left: 10px;}

	.allmenu .allmenu-link {padding: 25px 10px 25px;}
	.allmenu .allmenu-link span+span {margin-top: 30px;}
	.language .language-link {font-size: 16px;}

	.allmenu .whatsapp {top: 140px; width: 78px; padding: 15px 10px;}
	.allmenu .whatsapp span {font-size: 16px;}
}

@media only screen and (max-width:1280px){
	
	.header-wrap {min-width:320px; z-index:9999; height:60px;}
	.header-inner {height:60px; text-align:left;}

	.header-wrap.js-fixed .header-logo a {background-position:0 -27px;}

	.gnb {width:320px; height:100%; background:#fff; display:block; position:fixed; z-index:1001; top:0px; right:-100%;transition: all .3s ease-in-out; overflow-y:auto; }

	.gnb-wrap {margin:0; width:100%; padding: 0;}
	.gnb.js-open-m {right:0;transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;overflow-y:auto;}


	.gnb-1dep{display:block; font-size:16px; height:auto; position:relative; border-bottom: 1px solid #ddd; width:100%; min-width:100%; max-width:100%; padding:0;}
	.gnb-1dep:before {display:none;}
	.gnb-1dep > a {display:block; line-height:50px; padding:0 20px; text-transform: none; text-align: left; margin:0; font-size:0;}
	.gnb-1dep > a span {font-size:18px; vertical-align: middle; color:#000;}

	.gnb-1dep > a:hover,
	.gnb-1dep.js-open-m > a{color:#000 !important;}

	.gnb-1dep > a:after {position: absolute; top: 20px; right: 16px; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; content: '';  transition: all .3s ease-in-out;  transform: rotate(-135deg);}
	.gnb-1dep.js-open-m > a:after {top:20px;transition: all .3s ease-in-out; transform: rotate(-135deg);}

	.gnb-1dep > a.is-2depth-m:after {position: absolute; top: 16px; right: 16px; width: 10px; height: 10px; border-width: 0 0 1px 1px; border-style: solid; border-color: #000; content: '';  transition: all .3s ease-in-out;  transform: rotate(-45deg);}
	.gnb-1dep.js-open-m > a.is-2depth-m:after {top:22px;transition: all .3s ease-in-out; transform: rotate(-225deg);}
	
	.gnb-2dep {height:auto; max-height:0; overflow:hidden; position:static; width:auto; padding:0; margin:0; background-color:#efefef;border-top:0px solid #ddd;  transform:translateX(0); border-radius: 0; box-shadow:none; transition: all 0.1s ease-in-out;}
	.gnb-1dep:last-child .gnb-2dep {margin-left:0;}
	.gnb-1dep:nth-child(3) .gnb-2dep {transform: translateX(0);}

	.gnb-2dep > li {display: block; border-bottom:1px solid #ddd; padding:0; margin:0;}
	.gnb-2dep > li > a {display:block; padding:12px 30px; font-size:16px; color:#555; font-weight:300; text-align: left;}
	.gnb-2dep > li > a:hover,
	.gnb-2dep > li > a:focus { padding:12px 30px; color:#222;}
	.gnb-2dep > li:first-child {margin-top:0px;}
	.gnb-2dep > li:last-child {margin-bottom:0px; border:0;}

	.gnb-1dep.js-open-m > a:before {display:none;}
	.gnb-1dep.js-open-m .gnb-2dep{max-height:10000px;border-top:1px solid #ddd;transition: all 1s ease-in-out;}


	.gnb-inner-util {display:block; position:relative; height:60px; background-color:#073654; padding:0 60px 0 20px;font-size:0;}

	.js-open-m .gnb-mbtn-close {top:0px; right:0; min-height: 26px; z-index: 4000;}
	.js-open-m .gnb-mbtn-close:before, .js-open-m .gnb-mbtn-close:after, .js-open-m .gnb-mbtn-close > span:before, .js-open-m .gnb-mbtn-close > span:after {border-top: 2px solid #fff;  }
	.js-open-m .gnb-mbtn-close:before { width: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.js-open-m .gnb-mbtn-close:after { width: 0; -webkit-transform: translateX(50%); -ms-transform: translateX(50%); transform: translateX(50%); }
	.js-open-m .gnb-mbtn-close > span:before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
	.js-open-m .gnb-mbtn-close > span:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

	.gnb-mbtn-close {display:block; position: absolute; z-index: 3000; top: 0; right: 0; bottom: 0; width: 60px; min-height: 26px; margin: auto 0px; text-indent: -999em; -webkit-transition: none; transition: none; cursor: pointer; background:#3a3a3a; overflow:hidden; }
	.gnb-mbtn-close:before, .gnb-mbtn-close:after, .gnb-mbtn-close > span:before, .gnb-mbtn-close > span:after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 25px; height: 0; border-top: 2px solid #fff; margin: auto; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .3s; transition: .3s; content: ''; opacity: 1; }
	.gnb-mbtn-close:not(.zxcv):before { top: 16px; }
	.gnb-mbtn-close:not(.zxcv):after { bottom: 16px; }

	.top__util-item {height: auto;}
	.top__util-item + .top__util-item {margin-left: 5px;}
	.header__search-box {padding: 10px; height: 60px; min-width:60px; background-color:#222; top:0; right:65px;}
	.header__search-box .header__search-show {margin-left:0; background-size:32px auto;}
	.header__search-box .header__search-btn {right:10px;}
	

	.top__util .language {display: none;}
	.gnb-inner-util .top__util-item {height: 60px;}
	

	.allmenu-link.newAllmenu-open img { max-width:50%; opacity: 1;}
	.allmenu .allmenu-link {padding:0; height:60px; width:60px; text-align: center; padding:10px 0 0 0;}
	.allmenu .allmenu-link span+span {margin-top: 5px; font-size:11px; color:rgba(255, 255, 255, 1)}
	.allmenu .whatsapp {top: 0px; right:65px; width: 60px; height:60px; padding:10px 0 0 0; margin-top:0; }
	.allmenu .whatsapp img {max-width:32px; max-height:32px;}
	.allmenu .whatsapp span {font-size: 15px; display: none;}

	
	.gnb-dimmed.js-open-m {display:block; top:0;}

	.language .language-link {line-height:60px;}
}

@media only screen and (max-width:1024px){
	.header-wrap {position: absolute;}
	.top__util {position:fixed; right:10px; top:0; font-size:0; z-index:901; padding-left: 10px;}
	.header-wrap .header-logo {display: block;}
	.main__visual .header-logo,
	.sub_visual-inner .header-logo {display: none;}
}

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

	.header__search-box {padding: 5px; height: 50px; min-width:50px; right:55px;}
	.header__search-box .header__search-show {margin-left:0; background-size:24px auto;}
	.header__search-box .header__search-btn {right:5px;}

	.header__search-box .header__search-input.on {width: 140px; letter-spacing: -0.05em; margin-right:5px; height:36px; line-height: 36px;}
	
	.gnb-inner-util .top__util-item {height: 50px;}
	

	.allmenu .allmenu-link {padding:0; height:50px; width:50px; padding:10px 0 0 0;}
	.allmenu .allmenu-link span+span {margin-top: 5px; }
	.allmenu .whatsapp {top: 0px; right:55px; width: 50px; height:50px; padding:10px 0 0 0; margin-top:0; }
	.allmenu .whatsapp img {max-width:24px; height:auto;}
}


/* 전체메뉴 */
.newAllmenu { z-index:1005; position:relative; display:none;}

.newAllmenu-close {display:block; position: fixed; right: 2%; top: 30px; width: 60px; height: 60px; z-index:1002; padding:0; font-size:0; transition: all 0.3s ease-in-out; overflow:hidden; text-indent:-8888888px;}


.newAllmenu-close span:before,
.newAllmenu-close span:after {content:''; display:block; width:48px; height:2px; background-color:#fff; position:absolute; top:50%; left:50%;transition: all 0.3s ease-in-out;}

.newAllmenu-close span:before {transform:translate(-50%, -50%) rotate(45deg);}
.newAllmenu-close span:after {transform:translate(-50%, -50%) rotate(-45deg);}

.newAllmenu-close:hover span:before,
.newAllmenu-close:focus span:before {transform:translateX(-50%) rotate(-45deg); background-color:#ff0000;}
.newAllmenu-close:hover span:after,
.newAllmenu-close:focus span:after {transform:translateX(-50%) rotate(45deg); background-color:#ff0000;}


.newAllmenu-wrap {position: fixed; width:100%; height:100%; top:0; left:0; z-index: 1001; overflow-y:auto; background: #00243b url('../images/main/con_bg01.png') center no-repeat; background-size: 1360px;}


.newAllmenu-tit {text-align:center; position:absolute; right: 10%; bottom: 10%; transform: translate(50%, 50%);}


.newAllmenu-inner {display:block; max-width:1400px; margin:0 auto; padding:0 20px; position:relative;}

.newAllmenu-nav {font-size:0; letter-spacing:-0.05em; position:relative; width:100%; border-left:1px solid #e6e6e6;}

.newAllmenu-1dep {display:inline-block; vertical-align:top; width:25%; min-height: 50vh; padding:3.5% 2% 2%; transition: all 0.3s ease-in-out;}
.newAllmenu-1dep:after {content:''; display:block; width:1px; height:100%; background-color:#e6e6e6; position:absolute; top:0;}
.newAllmenu-1dep:nth-child(1):after {left:25%;}
.newAllmenu-1dep:nth-child(2):after {left:50%;}
.newAllmenu-1dep:nth-child(3):after {left:75%;}
.newAllmenu-1dep:nth-child(4):after {left:100%;}
.newAllmenu-1dep:nth-child(5):after {left:25%;}
.newAllmenu-1dep:nth-child(6):after {left:50%;}
.newAllmenu-1dep:nth-child(7):after {left:75%;}

.newAllmenu-1dep > a {display:block; font-size:25px; font-weight:500; text-align:left; color:#fff; text-transform: uppercase; padding:0 0 8%; border-bottom:1px solid #e0e0e0; transition: all 0.3s ease-in-out;}
.newAllmenu-1dep > a:hover{color:#fff;}
.newAllmenu-1dep > a > span{display:block;}
.newAllmenu-1dep > a > em {display:block; font-size:15px; font-weight:400; color:#b5b5b5; margin-top:8px;}

.newAllmenu-1dep:hover {background: rgba(255, 255, 255, 0.3);}
.newAllmenu-1dep:hover > a,
.newAllmenu-1dep:hover > a > em {transform: translateX(10px);}


.newAllmenu-2dep {padding-top:5%;}
.newAllmenu-2dep > li > a {display:block; padding:8% 5% 0% 0%; color:#fff; font-size:20px; font-weight:400; line-height:1.3; transition: all 0.3s ease-in-out; }
.newAllmenu-2dep > li > a:hover,
.newAllmenu-2dep > li > a:focus {color:#fff;}

.newAllmenu-1dep .newAllmenu-2dep > li:hover > a {color:#ff0000; transform: translateX(10px);}

@media only screen and (max-width: 1600px) {
	.newAllmenu-inner {max-width:1100px;}
	.newAllmenu-nav {margin-left:2%;}
	.newAllmenu-inner {max-width:1000px; padding: 0 200px 0 50px;}
	.newAllmenu-tit {width: 125px; height: 26px;}
	.newAllmenu-1dep > a {font-size:20px;}
	.newAllmenu-1dep > a > em {font-size:14px;}

	.newAllmenu-2dep > li > a {font-size:16px;}
	
	.newAllmenu-3dep > li > a {font-size:14px;}
	.newAllmenu-4dep > li > a {font-size:14px;}
	.newAllmenu-4dep > li > a:before {top:12px;}
}
@media only screen and (max-width: 1400px) {
	.newAllmenu-close {right:5px;}
	.newAllmenu-tit {display:none;}
	.newAllmenu-nav {margin-left:0%;}
	.newAllmenu .top__util-item {right: 50px;}
	.newAllmenu-inner {max-width:calc(100% - 250px); margin-left:0; padding: 0;}
}
@media only screen and (max-width: 1240px) {
	.newAllmenu{display:none !important;}
}

.newAllmenu-dimmed {position:fixed; top:0px; left:0; z-index:999; width:100%; height:100%; background-color:#26265f;}



/* sub_visual */
.sub_visual{padding:180px 0 10% 0; background:url('../images/contents/visual_bg01.jpg') center center no-repeat;background-size:cover; position:relative; font-size:0; text-align:center;  min-height:515px;  overflow:hidden; }
.sub_visual::after {content: ""; max-width: 1290px; width: 100%; height: 910px; border: 55px solid rgba(255, 0, 0, 0.8); position: absolute; top: 50%; left: 50%; transform: translateX(-50%); z-index: 3;}


.sub_visual-inner {margin:0 auto; max-width:1400px; position:relative; padding:0 20px; text-align: right; }
.sub_visual-inner:after {content:''; display: block; clear:both;}

.sub_visual .header-logo {position: absolute; left: 0; bottom: -10px; font-size: 0; min-width: 300px; text-align: left;}
.header-logo a {display: inline-block;}
.header-logo a:first-child {margin-right: 55px; width: 185px; height: 65px; background: url('../images/common/top_logo.png') center no-repeat;}
.header-logo a:nth-of-type(2) {margin-right: 15px; width: 60px; height: 30px; background: url('../images/common/logo_prestige.png') center no-repeat;}
.header-logo a:last-child {width: 66px; height: 38px; background: url('../images/common/logo_ffjord.png') center no-repeat;}

.sub_visual-dot {position:relative; width:190px; height:0; float:right; margin-right:12%;}
.sub_visual-dot span {display: block;}
.sub_visual-dot .star {width:24px; height:24px; background:url('../images/common/visual_dot.png') 50% 50% no-repeat; position:absolute; top:-85px; right:20px;opacity:0;}
.sub_visual-dot .line {height:2px; position:relative; transform:rotate(-45deg);}
.sub_visual-dot .line.type1 {width:156px;}
.sub_visual-dot .line.type2 {width:98px;}
.sub_visual-dot .line:after {content:''; display:block; position:absolute; width:0%; height:100%; background:#fff;}




.sub_title{ display:inline-block; letter-spacing:0.05em; color:#fff;}
.sub_title h2{font-size:50px; font-weight:700;}
.sub__title-text p{font-size:18px; line-height:1.3;margin:10px 0 0 0; font-weight:300;color:#fff;}

.sub_visual.nth-1 {background-image:url('../images/contents/visual_bg01.jpg');}
.sub_visual.nth-2 {background-image:url('../images/contents/visual_bg02.jpg');}
.sub_visual.nth-3 {background-image:url('../images/contents/visual_bg03.jpg');}
.sub_visual.nth-4 {background-image:url('../images/contents/visual_bg04.jpg');}
.sub_visual.nth-5 {background-image:url('../images/contents/visual_bg05.jpg');}
.sub_visual.nth-6 {background-image:url('../images/contents/visual_bg06.jpg');}
.sub_visual.nth-7 {background-image:url('../images/contents/visual_bg07.jpg');}

@media only screen and (max-width:1700px){
	.sub_visual-inner {padding: 0 10% 0 20px;}
}

@media only screen and (max-width:1420px){
	.sub_visual {padding: 13% 5%;}
	.sub_visual-inner {padding: 0 100px 0 20px;}

	.sub_visual::after {width: calc(100% - 110px);}
}

@media only screen and (max-width:1240px){
	.sub_visual {min-height: 400px; padding: 10% 5%;}
	.sub_title h2 {font-size: 40px;}
	.sub_visual-inner {padding: 0 0 0 20px;}
}

@media only screen and (max-width:1024px){
	.sub_visual {padding: 150px 5%;}
	.sub_title h2{font-size: 30px;}
	.sub__title-text p{font-size:16px;margin:10px 0 0 0; }

	.main__visual .header-logo {top: 20px; left: 20px; transform: translateX(0); width: auto; min-width: 1px;} 
	.header-logo a:first-child {width: 85px; height: 30px; background-size: contain; margin-right: 30px;}
	.header-logo a:nth-of-type(2) {width: 40px; height: 20px; background-size: contain;}
	.header-logo a:last-child {width: 35px; height: 20px; background-size: contain;}
}

@media only screen and (max-width:768px){
	.sub_visual::after {border: 40px solid rgba(255, 0, 0, 0.8); width: calc(100% - 80px);}

	.sub_visual {padding: 0;}
	.sub_visual-inner {height: 400px; padding: 0 40px;}
	.sub_title {position: absolute; bottom: 80px; right: 60px; text-align: right;}

	.sub__title-text p{font-size:15px; margin:10px 0 0 0; }

	.sub_visual .header-logo {top: 10px; left: 10px;}
}

@media only screen and (max-width:640px){
	
}

@media only screen and (max-width:480px){
	.sub_visual-inner {padding: 0; text-align: center;}

	.sub_visual::after {border: 30px solid rgba(255, 0, 0, 0.8); width: calc(100% - 60px);}

	.sub_title {width: 80%;}
	.sub_title h2 {font-size: 25px;}
}


.visual__contents{position:relative;}
.visual__contents-inner  {position:relative;}

/* lnb */
.lnb{position:absolute; width:100%; bottom: 0; left: 0; text-align:left; z-index:3; background: #fff; border-bottom: 1px solid #ececec;}

.lnb-wrap{max-width:1400px; margin:0 auto;}
.lnb-list{font-size:0; background:#fff;}
.lnb-list > li{display:inline-block; vertical-align:top; position:relative;}

.lnb-item {min-width:300px; max-width:30%; height:60px; font-size:18px; box-sizing: border-box;}
.lnb-home {width:55px; height:60px;}
.lnb-home a{display:block; font-size:0; line-height:0; width:100%; height:100%; background: url('../images/common/lnb_home_dark-ico.png') center center no-repeat; border-left: 1px solid #ececec; border-right: 1px solid #ececec; transition:all 0.3s ease-in-out;}
.lnb-home a:hover {background:#073654 url('../images/common/lnb_home_ico.png') center center no-repeat;}

.lnb-link {position:relative; display:block; line-height:60px; height:100%; padding:0 60px 0 20px; box-sizing:border-box; border-right:1px solid rgba(237, 237, 237, 1); color:#222; transition:all 0.3s ease-in-out;}
.lnb-link span {display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 18px;}
.lnb-link:after {content:''; display:block; position:absolute; right:0; top:0; height:100%; width:50px; background:url('../images/common/lnb_open.png') center center no-repeat; transition: all .3s ease-in-out;}

.lnb-link:hover{color:#222;background:#fff;}
.lnb-link.js-active {background-color:rgba(255, 255, 255, 1);}
.lnb-link.js-active:after {transform: rotate(180deg);}

.lnb__menu-list{position:absolute;left:-1px;top:60px; display:none; z-index:2;  width:100%; border-left:1px solid #ededed;box-sizing:content-box;}


.lnb__menu-list li { border:1px solid #ededed;  border-left:0; border-top:0;}
.lnb__menu-list li:first-child{border-top:1px solid #ededed;}
.lnb__menu-list a {display:block; font-size:16px; line-height:1.3; color:#222; background:#fff; padding:18px 20px 18px 20px; white-space: normal; word-break: break-all; transition:all 0.3s ease-in-out;}
.lnb__menu-list a > span {display:inline-block; border-bottom:1px solid #fff;}
.lnb__menu-list a:hover {color:#000; background:#f8f8f8; font-weight:500;}
.lnb__menu-list a:hover span {border-bottom:1px solid #000;}


@media only screen and (max-width: 1024px) {
	.lnb-wrap{max-width:1400px; margin:0 auto;}
	.lnb-list{font-size:0; background:#fff; position:relative;}
	.lnb-list:before {width:360px; height:190px; right:-260px;}
	
	
	.lnb-item {min-width:auto; width:calc(50% - 25px); max-width:calc(50% - 25px); height:50px; font-size:14px;}
	.lnb-home {width:50px; height:50px;}
	.lnb-home a { background-size:20px auto;}
	

	.lnb-link {line-height:50px; padding:0 50px 0 15px;}
	.lnb-link:after {width:50px;}

	.lnb__menu-list{top:51px;}
	.lnb__menu-list a {font-size:14px; padding:10px 15px;}
}

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

	.lnb-wrap {border-radius: 15px 15px 0 0;}

	.lnb-title {height:40px;}
	.lnb-title span {width:calc(100% - 40px); }
	
	.lnb-open {font-size:16px; padding:0 0px 0 10px;}
	.lnb-open:after {width:28px; height:28px; margin-left:10px;}


	.lnb-list {border-radius: 0 0 15px 15px;}
	.lnb-item a span{font-size:14px;}
}

@media only screen and (max-width: 480px) {
	.lnb__menu-list a {padding: 10px;}
}




/*우측 퀵메뉴*/
.quick {position:absolute; bottom:0; right:20px; transform: translateY(calc(100% + 60px)); z-index:3;}
.quick-list {font-size:0; }
.quick-item {border-radius:50%; overflow:hidden;width:116px; height:116px; line-height:116px;}
.quick-item a {display:inline-block; width:100%; height:100%; text-align:center; background-color:#20298c; padding:0 10px; font-size: 16px; color:#fff; transition:all 0.3s ease-in-out;}
.quick-item a span {display:inline-block; font-size: 25px; font-weight: 700; line-height:1.3;}

.quick-item a:hover {background-color:#3c3c3c;}


.footer .quick {display:none;}



@media only screen and (max-width:1440px){
	.quick-item {width:100px; height:100px; line-height:100px;}

	.quick-item a {padding:0 5px; font-size: 14px; }
	.quick-item a span {background-size:auto 32px; font-size: 20px;}
}

@media only screen and (max-width:1024px){
	
}
@media only screen and (max-width:768px){
	.quick {display:none;}
	.quick-item {width: 100%;}
	.footer .quick {display:block;}
	.footer .quick {position:static; transform: translateY(0);}
	.footer .quick-item {display:inline-block; line-height:1; border-radius: 0; height:auto;}
	.footer .quick-item a {padding:8px 10px;}
	.footer .quick-item a span {background-position:0 50%; background-size:24px auto;}
}
@media only screen and (max-width:480px){
	
}


/* footer-top */
.footer-top{display:block; width:60px; height:70px; font-size:0; position: fixed; right: 20px; bottom: 20px; z-index:5; }
.footer-top:hover .hex-bg polygon {fill:#ff0000;}
.footer-top:before{content:''; position:absolute; left:50%; top:30%; width:15px; height:15px; box-sizing:border-box; border-left:2px solid #fff; border-top:2px solid #ccc; transform:translate(-50%, 0%) rotate(45deg);
}
.footer-top:after{content:''; position:absolute; left:calc(50% + 0px); top:calc(50% + 0px); width:2px; height:32px; transform:translate(-50%, -50%) rotate(0deg); background:#fff;}


.footer-top.on{position:absolute; top:0; transform: translateY(-50%);}

@media only screen and (max-width:1024px){
	.footer-top{width:50px; height:60px;}
	.footer-top:before{width:12px; height:12px; top:30%;}
	.footer-top:after{height:24px;}


}

@media only screen and (max-width: 640px){
	.footer-top{ right:10px; }
	
}

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

}



/*Sub Title*/

.contents__title {padding: 50px 0 0 0; position:relative; z-index:2;}
.contents__title h3{font-size:40px; color:#222; font-weight:700; border-bottom:1px solid #ececec; padding-bottom:40px; text-align: center;}



@media only screen and (max-width:1024px){
	.contents__title {padding: 40px 0 0 0;}
	.contents__title h3{ font-size: 32px; padding-bottom:35px;}
}
@media only screen and (max-width:768px){
	.contents__title {padding: 35px 0 0 0;}
	.contents__title h3{ font-size: 28px; padding-bottom:30px; }
	.contents__title h3 span{ background-size:20px auto; padding:20px 0 0 0;}

	

}
@media only screen and (max-width:480px){
	.contents__title {padding: 30px 0 0 0;}
	.contents__title h3{ font-size: 24px; padding-bottom:25px;}

}

/*Sub Small Title*/
.sub__stitle {overflow:hidden;}
.sub__stitle h3 {text-align:center; position: relative; } 
.sub__stitle span {background:#fff; padding:0 5%; display: inline-block; font-size:30px; font-weight:500; color:#222; margin:0 20px; line-height:1.3;}
.sub__stitle h3:before,
.sub__stitle h3:after {content:''; display:block; width: 50%; height:1px;  background:#ef413d; position:absolute; top:50%; z-index:-1;}
.sub__stitle h3:before {left:0;}
.sub__stitle h3:after {right:0;}



@media only screen and (max-width:768px){
	.sub__stitle span {font-size:24px;}

}
@media only screen and (max-width:480px){
	.sub__stitle span {font-size:20px;}
}






.footer {background: #222; padding: 45px 40px 30px;}
.footer .footer-inner {font-size: 0; padding: 20px 0 60px; background: url('../images/common/footer-bg.jpg') center no-repeat; background-size: cover; position: relative;}
.footer .footer-inner::after {display: block; content: ""; width: 5px; height: calc(70% - 65px); background: #fff; position: absolute; top: 105px; left: 50%; transform: translateX(-50%);}
.footer-logo {font-size: 0; width: 64px; height: 64px; background: url('../images/common/footer_logo.png') center no-repeat; position: absolute; top: 20px; left: 50%; transform: translateX(-50%);}

.footer-item {display: inline-block; width: 50%; padding: 100px 80px 0; vertical-align: top; line-height: 1.3;}
.footer-item.left {text-align: right;}
.footer-item.right {text-align: left;}

.footer-title h2 {display: inline-block; font-size: 29px; font-weight: 400; color: #fff; position: relative;}
.footer-title h2::after {display: block; content: ""; width: 24px; height: 24px; background: url('../images/common/gnb-dot.png') 0 0 no-repeat; background-size: cover; position: absolute; top: 0; left: 0; transform: translate(-60%, -40%);}
.footer-title p {margin-top: 15px; font-size: 16px; font-weight: 500; color: #fff;}

.footer-item .inqury__form-box {margin-top: 25px;}
.footer-item .inqury__form-box {font-size: 0;}
.footer-item .inqury__form-box .inqury__form-item {display: inline-block; height: 40px; margin-right: 15px; border: 1px solid #073654;}
.footer-item .inqury__form-box .footer__inqury-btn {display: inline-block; border: 0; min-width: 195px; height: 40px; background: #073654; font-size: 18px; font-weight: 700; color: #fff;}
.footer-item .inqury__form-box .footer__inqury-btn:hover {background: #222;}

.footer-item .inqury__form-input {padding: 8px 20px; width: 100%; height: 100%;}

.footer-address span {display: block; max-width: 500px; line-height: 1.5;}

.footer-copy {text-align: center; font-size: 15px; font-weight: 400; color: #999; line-height: 1.4; margin-top: 25px;}

@media only screen and (max-width: 1400px) {
	.footer-item.left {padding: 100px 80px 0 0;}
	.footer-item.right {padding: 100px 0 0 80px;}
}

@media only screen and (max-width: 1240px) {
	.footer .footer-inner {padding: 20px 10px 30px;}
	.footer .footer-inner::after {top: 70px; height: calc(70% - 25px);}

	.footer-logo {width: 32px; height: 32px; background-size: cover;}

	.footer-item.left {padding: 60px 50px 0 0;}
	.footer-item.right {padding: 60px 0 0 50px;}

	.footer-title h2 {font-size: 24px;}
	.footer-title h2::after {width: 12px; height: 12px;}
	.footer-title p {margin-top: 10px;}

	.footer-item .inqury__form-box .footer__inqury-btn {min-width: 1px; padding: 0 20px;}
}

@media only screen and (max-width: 1024px) {
	.footer .footer-inner::after {display: none;}

	.footer-item {width: 100%;}
	.footer-item.left {text-align: left; padding: 60px 0 0 50px;}
	.footer-address span {max-width: 1000px;}
	.footer-title p {font-size: 15px;}

	.footer-item .inqury__form-box .footer__inqury-btn {font-size: 18px;}
}

@media only screen and (max-width: 768px) {
	.footer-title h2 {font-size: 20px;}
}

@media only screen and (max-width: 640px) {
	.footer-item.left,
	.footer-item.right {padding: 60px 30px 0;}

	.footer-item .inqury__form-box .inqury__form-item {width: calc(100% - 163px);}
	.footer-item .inqury__form-box .footer__inqury-btn {vertical-align: top; font-size: 16px;}
}

@media only screen and (max-width: 480px) {
	.footer {padding: 10px;}

	.footer-item.left, .footer-item.right {padding: 60px 5px 0 20px;}

	.footer-item .inqury__form-input {width: 100%;}
	.footer-item .inqury__form-box .footer__inqury-btn {font-size: 14px;}

	.footer-copy {font-size: 14px;}
}

@media only screen and (max-width: 390px) {
	.footer-item .inqury__form-box .inqury__form-item {width: 100%; margin: 0 0 10px;}
	.footer-item .inqury__form-box .footer__inqury-btn {width: 100%;}
}

.contents {padding:75px  0 200px 0;}

.main-container {padding:0 !important;}

.inner {position:relative; max-width:1400px;  margin:0 auto;}

@media all and (max-width:1440px){
	.inner {position:relative; margin:0 20px; padding:0px;}
}