@charset "utf-8";


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

.contents {padding:75px 0 0;}

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

@media all and (max-width:1440px){
	
	.inner {margin:0 25px;}
}


/*header*/
.header-wrap {width:100%; position:fixed; z-index:9999; transition: all .3s ease-in-out; background:#4b1560;height:90px;}
.header-inner {display:flex;max-width:1620px;margin:0 auto;text-align:center;align-items:center;justify-content:space-between;height:90px;}

.header-logo{width:95px;height:55px;background:url(../images/common/top_logo.png) no-repeat;}
.header-logo a{display:block;width:100%;height:55px;}
.header-logo span{font-size:0;}

@media only screen and (max-width: 1620px) {
	.header-wrap{padding:0 20px;}
}

@media only screen and (max-width: 1000px) {
	.header-wrap{height:75px;}
	.header-inner{height:75px;}
}

@media only screen and (max-width: 800px) {
	.header-wrap{height:60px;}
	.header-inner{height:60px;}
	.header-logo{width:80px;height:47px;background:url(../images/common/top_logo_m.png) no-repeat;}
}


/*GNB*/
.gnb {display:flex; transition: all .3s ease-in-out;}
.gnb-wrap {font-size:0; width:100%;}

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

.gnb-1dep{display:inline-block; vertical-align:middle; text-transform: uppercase; min-width:180px; position:relative; transition: all .3s ease-in-out;}
.gnb-1dep__link {display:block; line-height:80px; padding:0 50px; font-size:21px;  color: #fff; position:relative; box-sizing: border-box; transition: all .3s ease-in-out;}
.gnb-1dep__link:hover{color:#fff;}

.gnb-1dep.js-open-d a.gnb-1dep__link{display:block;color:#dd86ff;}
.gnb-1dep.js-open-d > a.gnb-1dep__link span{position:relative;}
.gnb-1dep.js-open-d > a.gnb-1dep__link span::after{content:"";position:absolute;top:-10px;right:-5px;width:6px;height:6px;border-radius:50%;background:#fff;}


.gnb-2dep {max-height:0; overflow:hidden; position:absolute; width:100%; top:60px; left:50%; transform:translateX(-50%); transition: all 0.3s ease-in-out; z-index:1000; border-radius:15px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}

.gnb-2dep > li > a {display:block; padding:3% 15%; font-size:18px; font-weight: 600; color:#313131; line-height:1.3; transition: all .3s ease-in-out;}
.gnb-2dep > li > a:hover {font-weight:800;color:#4b1560;}
.gnb-2dep > li:first-child {margin-top:40px;}
.gnb-2dep > li:last-child {margin-bottom:40px;}

.gnb-1dep.js-open-d .gnb-2dep{max-height:300px; background:#fff;transition: all 0.5s ease-in-out; }

.gnb-dimmed{position: fixed; top: 0px; left: 0; z-index: 998; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .7); display: none; }
.gnb-dimmed.js-open-d {display: block; top: 90px;}

@media only screen and (max-width: 1440px) {
	.gnb-1dep {min-width: 150px;}
	.gnb-1dep__link {font-size: 18px; padding: 0 30px;}
}

@media only screen and (max-width: 1240px) {
	.gnb {flex-direction:column;width: 320px; padding-left: 0; height: 100vh; background: #fff; position: fixed; z-index: 1002; top: 0; right: -100%; transition: all 0.3s ease-in-out; overflow-y: auto; -webkit-overflow-scrolling: touch; text-align: left;}
	.gnb-wrap {margin: 0; width: 100%;}
	.gnb.js-open-m {right: 0; transform: translateZ(0);}

	.header-wrap.js-fixed .gnb-1dep,
	.gnb-1dep {display: block; font-size: 16px; height: auto; position: relative; border-bottom: 1px solid #ddd; width: 100%; max-width: 100%; transition: all 0.3s ease-in-out;}
	.header-wrap.js-fixed .gnb-1dep .gnb-1dep__link,
	.gnb-1dep .gnb-1dep__link {line-height: 50px; padding: 0 20px; color: #000; text-transform: none; margin: 0;}
	.gnb-1dep.js-open-m .gnb-1dep__link{color:#4b1560;}

	.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: #4b1560; content: '';  transition: all 0.3s ease-in-out;  transform: rotate(-45deg);}
	.gnb-1dep.js-open-m > a.is-2depth-m:after {top: 22px; transition: all 0.3s ease-in-out; transform: rotate(-225deg);}

	.gnb-2dep {height: auto; max-height: 0; position: static; width: auto; padding: 0; margin: 0; background-color: #efefef; transform: translateX(0); border-radius: 0; transition:  all 0.3s ease-in-out;box-shadow:none;}
	.gnb-2dep > li {border-bottom: 1px solid #ddd; padding: 0; margin: 0; display: block;}
	.gnb-2dep > li > a {display: block; padding: 12px 30px; font-size: 15px; color: #5a5a5a; text-align: left; border-radius: 0;}
	.gnb-2dep > li > a:hover,
	.gnb-2dep > li > a:focus {font-weight: 600; padding: 12px 30px; color: #fff; background: #4b1560;}
	.gnb-2dep > li:first-child {margin-top: 0px;}
	.gnb-2dep > li:last-child {margin-bottom: 0px; border: 0;}

	.gnb-1dep.js-open-m .gnb-2dep{max-height: 300px; border-top: 1px solid #ddd;}

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

	.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: #1c161e; 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; }

	.js-open-m .gnb-mbtn-close {top: 0px; right: 0; min-height: 26px;}
	.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-dimmed {z-index: 1001;}
	.gnb-dimmed.js-open-m {display: block; top: 0;}
}


/*Util*/
.top__util {display:flex;align-items:center;}
.top__util-item + .top__util-item {margin-left: 40px;}

.language{position:relative;}
.language .language-link {display: block;width:96px;padding:8px 0;border:1px solid #fff;border-radius:20px;text-align:left;color:#fff;position:relative;}
.language .language-link span{color:#fff;display:inline-block;margin-left:14px;font-size:16px;}
.language .language-link::after {display: block; content: ''; width: 10px; height: 7px; background: url('../images/common/i_arrow01.png') no-repeat; position: absolute; top: 50%; right: 12px; transform: translateY(-50%); transition: all 0.3s ease-in-out;}
.language .language-link.js-active::after {transform: translateY(-50%) rotate(180deg);}


.language-wrap {position: absolute; top: 40px; left: 50%; transform: translateX(-50%); display: none; overflow: hidden; z-index: 2; width:96px; padding: 10px 0; border-radius: 20px; overflow: hidden; background: #2d2132;border:1px solid #fff;}
.language-list {overflow: hidden;}
.language-list li a {display: block; text-align: center; font-size: 16px; color:#fff; transition: all 0.3s ease-in-out; }

.allmenu .allmenu-link {display: block;position: relative; width: 30px;color:#fff;}
.allmenu .allmenu-link span {display:block; height: 2px; margin-bottom:10px;width: 100%; background: #fff; transition: all 0.3s ease-in-out;}
.allmenu .allmenu-link span:last-child{margin-bottom:0;}

@media only screen and (max-width: 1620px) {
	.top__util {right: 40px;}
}

@media all and (max-width:1240px){
	.top__util-item + .top__util-item {margin-left: 20px;}
	.top__util .language {display: none;}
	.language .language-link{margin:15px 0 0 10px;}
	.language-wrap{top:40px;left:23%;}
}

@media all and (max-width:640px){
	.top__util {right: 20px;}
}




/* 전체메뉴 */
.newAllmenu {display:none; font-size: 0;}

.newAllmenu-close {display:block; position: fixed; right: 135px; top: 20px; width: 50px; height: 50px; z-index:1002; padding:0; font-size:0; background-color:#53308f70; font-weight:700; text-align:center; transition: all 0.3s ease-in-out; border-radius:50%;  overflow:hidden; text-indent:-8888888px;}

.newAllmenu-close span:before,
.newAllmenu-close span:after {content:''; display:block; width:28px; 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:#fff;}
.newAllmenu-close:hover span:after,
.newAllmenu-close:focus span:after {transform:translateX(-50%) rotate(45deg); background-color:#fff;}
.newAllmenu-close:hover,
.newAllmenu-close:focus {background-color:#53308f;}

.newAllmenu-wrap {position: fixed; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; max-height:100%; z-index: 1001; overflow-y:auto;}

.newAllmenu-side-title {display: inline-flex; justify-content: center; background:#591d70; width: 25%; height: 100vh; position: relative; overflow: hidden;}
.newAllmenu-side-title::after{content:'';position:absolute;width:100%;height:540px;background:url(../images/common/allmenu_bg.png) no-repeat;bottom:-64px;left:0;}
.newAllmenu-side-title h2 {display: inline-block;  align-self: center; position: relative;}

.newAllmenu-side-title .logo {position: absolute; bottom: -2px; left: -6px; display: block; width: 400px; max-width: 90%; height: 55px; background: url('../images/common/footer_logo.png') no-repeat 0 bottom / contain; opacity: 0.2;}

.newAllmenu-inner {display:inline-block; width: 75%; margin:0 auto; padding:0 20px; position:relative; vertical-align:top; padding: 210px 90px 0 30px;}

.newAllmenu-inner .language-list {display: flex;}
.newAllmenu-inner .language-list li+li {margin-left: 54px;}
.newAllmenu-inner .language-list li a {padding: 5px 0 10px; font-size: 22px; color:#979199; position: relative; vertical-align: top;}
.newAllmenu-inner .language-list li a::after {display: block; content: ''; width: 0; height: 2px; background: #591d70; position: absolute; bottom: 0; left: 0; transition: all 0.3s ease-in-out;}
.newAllmenu-inner .language-list li.on a {color:#591d70;}
.newAllmenu-inner .language-list li:hover a {color:#591d70;}
.newAllmenu-inner .language-list li.on a::after,
.newAllmenu-inner .language-list li:hover a::after {width: 100%;}

.newAllmenu-nav {font-size:0; letter-spacing:-0.05em; position:relative; width:100%; margin-top:10%;}

.newAllmenu-1dep {display:inline-block; width: 20%; transition: all 0.3s ease-in-out; vertical-align: top;}
.newAllmenu-1dep > a {display:block;  font-size:28px; color:#591d70; text-transform: uppercase; transition: all 0.3s ease-in-out;}
.newAllmenu-1dep > a span {white-space: nowrap; position: relative;}
.newAllmenu-1dep > a span:before {display: block; content: ''; width: 11px; height: 9px; background:url(../images/common/newAllmenu-1dep_icon.png) no-repeat; position: absolute; top: -15px; right: 0; transition: all 0.3s ease-in-out;}

.newAllmenu-2dep {padding: 7% 0 5%; text-align: left;}
.newAllmenu-2dep > li > a {display:block; padding:5% 0 2%; transition: all 0.3s ease-in-out;}
.newAllmenu-2dep > li > a span {display: inline-block; color:#444; font-size:19px; font-weight:500; line-height:1.3; letter-spacing: -0.01em; white-space: nowrap; position: relative;}
.newAllmenu-2dep > li > a:hover span{color:#4c1362;font-weight:700;transition: all 0.2s ease-in-out;}

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

@media all and (max-width:1440px){
	.newAllmenu-side-title {width: 20%;}
	.newAllmenu-inner {width: 80%;}
	.newAllmenu-1dep > a {font-size: 24px;}
	.newAllmenu-2dep > li > a span {font-size: 18px;}
}

@media all and (max-width:1240px){
	.newAllmenu{visibility:hidden; display: none !important;}
} 


/* sub_visual */
.visual__contents-inner {position: relative;}
.sub_visual{padding:14% 0 11% 0; background:url('../images/contents/sub_visual01.jpg') center center no-repeat; background-size:cover; position:relative; font-size:0; overflow:hidden;}

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

.sub_title{text-align:center;}
.sub_title h2 {display: inline-block; font-size:65px; color:#fff; text-transform: uppercase; letter-spacing: 0.1em; position: relative;}
.sub_title h2:after {display: block; content: ''; width: 16px; height: 14px;background:url(../images/common/h2_icon.png) no-repeat;position:absolute;top:-20px;right:-6px;}
.sub_title p {color:rgba(255, 255, 255, 0.6); font-size:22px; line-height:1.3; margin:40px 0 0 0;}

.sub_visual.nth-1 {background-image:url('../images/contents/sub_visual01.jpg');}
.sub_visual.nth-2 {background-image:url('../images/contents/sub_visual02.jpg');}
.sub_visual.nth-3 {background-image:url('../images/contents/sub_visual03.jpg');}
.sub_visual.nth-4 {background-image:url('../images/contents/sub_visual04.jpg');}
.sub_visual.nth-5 {background-image:url('../images/contents/sub_visual04.jpg');}
.sub_visual.nth-6 {background-image:url('../images/contents/sub_visual05.jpg');}

@media all and (max-width:1240px){
	.sub_visual{padding:15% 0 10% 0;}
	.sub_title h2{font-size:60px;}
} 

@media all and (max-width:1000px){
	.sub_visual{padding:20% 0 15% 0;}
	.sub_title h2{font-size:50px;}
} 

@media all and (max-width:800px){
	.sub_visual{padding:25% 0 22% 0;}
	.sub_title h2{font-size:40px;}
} 

@media all and (max-width:640px){
	.sub_title h2{font-size:35px;}
} 


/* lnb */
.lnb{position:absolute; width:100%; bottom:0; right:0; text-align:left; z-index:3;}
.lnb.full:before {width: 100%; border-bottom: 1px solid #eee;}
.lnb.top-fixed {position: fixed; top: 80px; left: 0;}

.lnb-wrap{max-width:1400px; margin:0 auto;background:#00000050;border-radius:40px 40px 0 0;height:65px;}
.lnb-list {display:flex; font-size:0; position: relative;height:65px;}
.lnb-list > li{display:inline-block; position:relative;}
.lnb-list > li::after{content:"";position:absolute;width:1px;height:65px;background:#ffffff45;top:0;right:0;}

.lnb-item {max-width:235px; width:100%; font-size:18px; box-sizing: border-box;}
.lnb-home {width:160px; text-align: center; line-height: 65x;}
.lnb-home a {display:inline-block; font-size:0; width:100%; height:100%; background:url('../images/common/i_lnb_home.png') center center no-repeat; vertical-align: middle; transition:all 0.3s ease-in-out;}

.lnb-link {position:relative; text-align: left; display:block; line-height:70px; height:100%; padding:0 20px; box-sizing:border-box;color:#333; transition:all 0.3s ease-in-out;}
.lnb-link span {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size: 18px; font-weight: 500; color: #fff;}
.lnb-link:after {content:''; display:block; position:absolute; right:0; top:0; height:100%; width:50px; background:url('../images/common/i_arrow02.png') center center no-repeat; transition: all .3s ease-in-out;}
.lnb-item:last-child .lnb-link:after {content:''; display:block; position:absolute; right:0; top:0; height:100%; width:50px; background:url('../images/common/i_arrow02.png') center center no-repeat; transition: all .3s ease-in-out;}

.lnb-link.js-active:after {transform: rotate(180deg);}

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


.lnb__menu-list li { border:1px solid #ccc;  border-left:0; border-top:0; background-color:#fff;}
.lnb__menu-list a {display:block; font-size:16px; line-height:1.3; color:#666; 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;}
.lnb__menu-list a:hover {color:#4b1560; background:#f8f8f8; font-weight:700; padding-left:30px;}

@media all and (max-width:700px){
	.lnb-wrap{height:50px;}
	.lnb-list{height:50px;}
	.lnb-list > li:last-child::after{display:none;}
	.lnb-item{max-width:calc(50% - 30px); width: calc(50% - 30px);}
	.lnb-link{line-height:50px;padding: 0 40px 0 10px;}
	.lnb-link span{font-size:16px;}

	.lnb__menu-list{top:50px;}
} 
@media all and (max-width:480px){
	.lnb-home {width: 60px;}
}

/* sub contents */
.subContents .contents__title{max-width:1400px;margin:0 auto;text-align:center;margin-top:135px;}
.subContents .contents__title .contents_tit_wrap {background: url(../images/common/sub_tit_bg.png) no-repeat;height: 165px;background-size: 100%;width: 340px;margin: 0 auto; display: flex; justify-content: center; align-items: center;}
.subContents .contents__title .contents_tit_wrap::before{content:"";position:absolute;width:2px;height:32px;background:#fff;top:0;left:50%;transform: translateX(-50%);}
.subContents .contents__title .contents_tit_wrap h3{font-size:31px;line-height: 1.05; color:#fff;position: relative;padding-top: 20px;}

@media all and (max-width:640px){
	.subContents .contents__title{margin-top:100px;}
	.subContents .contents__title .contents_tit_wrap{background:url(../images/common/sub_tit_bg_m.png) no-repeat;background-size: 100%;height: 140px;width: 290px;}
	.subContents .contents__title .contents_tit_wrap::before{height:29px;}
	.subContents .contents__title .contents_tit_wrap h3{font-size:27px;padding-top:20px;}
}



/* footer */
.footer {background:#f2f4f3; z-index:2; padding:40px 0;}
.footer .inner {display: flex;overflow:hidden;}
.footer-logo {display: inline-block; vertical-align: top;}
.footer-logo a {display: block; width: 147px; height:118px; background: url('../images/common/footer_logo.png') no-repeat; font-size: 0;}

.footer-wrap{margin-left:55px;font-size:17px;line-height:23px;color:#424242;}
.top-text{position:relative;padding-bottom:20px;}
.top-text::after{content:"";position:absolute;width:1200px;height:1px;background:#ced0cf;bottom:0;left:0;}
.top-text ul{display:flex;}
.top-text ul li{margin-right:75px;position:relative;}
.top-text ul li::after{content:'';position:absolute;top:50%;right:-40px;transform:translateY(-50%);width:1px;height:13px;background:#00000028;}
.top-text ul li:last-child{margin-right:0;}
.top-text ul li:last-child::after{display:none;}
.top-text ul li a{display:block;width:100%;color:#424242;vertical-align:middle;}
.bottom-text{margin-top:20px;}
.bottom-text .footer-item{margin-right:35px;position:relative;}
.bottom-text .footer-item::after{content:'';position:absolute;top:50%;right:-17px;transform:translateY(-50%);width:1px;height:13px;background:#00000028;}
.bottom-text .footer-item.point{font-weight:600;color:#292929;}
.bottom-text .footer-text{display:flex;}
.bottom-text .footer-text p:last-child::after{display:none;}
.bottom-text address{display:flex;margin-top:18px;}
.bottom-text address p:last-child::after{display:none;}

.footer-top{display:block;margin-left:auto;margin-top:auto;font-size:0;width:66px;height:66px;background:#591d70 url('../images/common/i_top.png') no-repeat center;border-radius:50%;}


@media all and (max-width:1140px){
	.bottom-text address{flex-direction:column;}
	.bottom-text address p::after{display:none;}
} 

@media all and (max-width:900px){
	.footer .inner{flex-direction:column;align-items:center;}
	.footer-logo{vertical-align:middle;margin-bottom:20px;}
	.footer-wrap{margin-left:0;}
	.top-text{padding-bottom:0;}
	.top-text::after{display:none;}
	.top-text ul{align-items:center;justify-content: center;flex-direction: column;}
	.top-text ul li{margin-right:0; margin-bottom: 5px; text-align: center;}
	.top-text ul li::after{display: none;}

	.bottom-text .footer-item{text-align:center;}
	.bottom-text .footer-item:last-child{margin-right:0;}
	.bottom-text .footer-text{align-items:center;justify-content: center;}
	.bottom-text address{align-items:center;}
	.bottom-text address p.footer-item{margin-bottom:15px;margin-right:0;}
	.footer-top{margin-top:0;margin-left:0;margin-top:20px;}
} 

@media all and (max-width:640px){
	.footer-logo a{width:108px;height:86px;background: url('../images/common/footer_logo_m.png') no-repeat;}
	.footer-wrap{font-size:15px;line-height:21px;}
	.footer-top{display:none;}
	.bottom-text .footer-text{flex-direction:column;}
	.bottom-text .footer-item::after{display:none;}
	.bottom-text .footer-item{margin-right:0;margin-bottom:7px;}
}

@media all and (max-width:500px){
	.bottom-text address{margin-top:0;}
	.bottom-text address p.footer-item{margin-bottom:7px;}
}