@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

.only-desktop {display:block;}
.only-tablet {display:none;}
.only-mobile {display:none;}
.only-desktop-mobile {display:block;}
.only-desktop-tablet {display:block;}
.dt {display: block;}
.mb {display:none;}

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px;height:50px;background:#21272e;color:#fff;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;line-height:50px}

#wrapper {position:relative; overflow:hidden}

.contain {width:100%; padding-left:30px; padding-right:30px; margin:0 auto; max-width:1460px;}
.contain:after {content:""; display:block; clear:both;}
#sub .contain {max-width:1260px;}

/* -------- 메인 인트로 :: 본문 -------- */
.intro-wrapper-list-con{display:table; width:100%; height:100%; height:100vh; table-layout:fixed; }
.intro-wrapper-list-con-mobile{display:none;}
.intro-wrapper-list-con .intro-item{display:table-cell; position:relative; width:50%; height:100%; background-size:cover !important;  -webkit-transition:width 0.3s;-moz-transition:width 0.3s;-o-transition:width 0.3s;-ms-transition:width 0.3s;transition:width 1s;}
.intro-wrapper-list-con .intro-item > a{display: block; height:100%;}
.intro-wrapper-list-con .intro-item .intro-item-inner{height:100%;}
.intro-wrapper-list-con .intro-item.intro-item02:before{position:absolute; top:0px; left:0px; width: 1px; height:100%; background-color:rgba(255,255,255,0.1); content:"";}
.intro-wrapper-list-con .intro-item.intro-item02:after{position:absolute; top:0px; right:0px; width: 1px; height:100%; background-color:rgba(255,255,255,0.1); content:"";}
.intro-wrapper-list-con .intro-item.intro-item03:after{position:absolute; top:0px; right:0px; width: 1px; height:100%; background-color:rgba(255,255,255,0.1); content:"";}
.intro-wrapper-list-con .intro-item .intro-item-inner .intro-item-txt-box{position: absolute; width: 100%; top:35%; text-align:center; -webkit-transition:top 0.5s;-moz-transition:top 0.5s;-o-transition:top 0.5s;-ms-transition:top 0.5s;transition:top 0.5s;}
.intro-wrapper-list-con .intro-item .intro-item-inner .intro-item-txt-box span,
.intro-wrapper-list-con .intro-item .intro-item-inner .intro-item-txt-box strong{font-size:20px; font-weight:400;display:block; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s;}
.intro-wrapper-list-con .intro-item .intro-item-inner .intro-item-txt-box .intro-tit{position:relative; padding-bottom: 10px; text-align: center;}
.intro-wrapper-list-con .intro-item .intro-item-inner .intro-item-txt-box .intro-tit .tit-img{display: inline-block;}
.intro-wrapper-list-con .intro-item .intro-item-inner .intro-item-txt-box .intro-tit .tit-img img{max-width: 100%; max-height: 100%;}
.intro-wrapper-list-con .intro-item .intro-item-inner .intro-item-txt-box .intro-en-tit {font-size:34px; line-height:1.471em; font-weight:600; color:#fff; margin-top:25px;}
.intro-wrapper-list-con .intro-item .intro-item-inner .intro-item-txt-box .intro-en-tit.fz {font-size:30px; font-weight:500; line-height:1.2;}
.intro-wrapper-list-con .more {display:none; margin-top:50px;}
/* Over시 */
.intro-wrapper-list-con .intro-item.active {background-color:rgba(148, 40, 40, 0.6);}
.intro-wrapper-list-con .intro-item.active .intro-item-txt-box {top:30%;}
.intro-wrapper-list-con .intro-item.active .more {display:block;}

.main-listup {overflow:hidden;}
#introWrap {position:relative; overflow:hidden;}
#introWrap .bg-img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden;}
#introWrap .bg-item{position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow:hidden;}
#introWrap .bg-item div{
	width:100%;
	height:100%;
	opacity:0;filter:Alpha(opacity=0);
	visibility:hidden;
	-ms-transform: scale(1.1,1.1) rotate(0.0001deg);
    -o-transform: scale(1.1,1.1) rotate(0.0001deg);
    -moz-transform: scale(1.1,1.1) rotate(0.0001deg);
    -webkit-transform: scale(1.1,1.1) rotate(0.0001deg);
    transform: scale(1.1,1.1) rotate(0.0001deg);
    -webkit-transition: transform 3s cubic-bezier(0.4, 0, 1, 1), opacity 2s cubic-bezier(.23,1,.32,1), visibility 2s cubic-bezier(.23,1,.32,1);
    -moz-transition: transform 3s cubic-bezier(0.4, 0, 1, 1), opacity 2s cubic-bezier(.23,1,.32,1), visibility 2s cubic-bezier(.23,1,.32,1);
    -o-transition: transform 3s cubic-bezier(0.4, 0, 1, 1), opacity 2s cubic-bezier(.23,1,.32,1), visibility 2s cubic-bezier(.23,1,.32,1);
    -ms-transition: transform 3s cubic-bezier(0.4, 0, 1, 1), opacity 2s cubic-bezier(.23,1,.32,1), visibility 2s cubic-bezier(.23,1,.32,1);
    transition: transform 3s cubic-bezier(0.4, 0, 1, 1), opacity 2s cubic-bezier(.23,1,.32,1), visibility 2s cubic-bezier(.23,1,.32,1);
	-webkit-background-size: cover;
	background-size: cover !important;
}
#introWrap .bg-item.bg-active div{
	visibility:visible;
	opacity:1.0;filter:Alpha(opacity=100);
    -ms-transform: scale(1.0,1.0) rotate(0.0001deg);
    -o-transform: scale(1.0,1.0) rotate(0.0001deg);
    -moz-transform: scale(1.0,1.0) rotate(0.0001deg);
    -webkit-transform: scale(1.0,1.0) rotate(0.0001deg);
    transform: scale(1.0,1.0) rotate(0.0001deg);
}

@media all and ( max-width: 1220px ){
	.intro-wrapper-list-con .intro-item .intro-item-inner .intro-item-txt-box .intro-tit .tit-img img{width: 80%;}
	.intro-wrapper-list-con .intro-item:hover .intro-item-inner .intro-item-txt-box:before{top:-30px;width:350px; height:350px; margin-left:-175px; ;}
}

.kimpo {background:url("../images/main/kimpo-bg.jpg")0 0 no-repeat; background-size:contain; text-align:center; padding:80px 0 170px; color:#fff;}
.kimpo h2 {font-size:26px; font-weight:500; letter-spacing:-.05em; line-height:1.231em; margin-top:30px;}
.kimpo p {font-size:60px; font-weight:900; letter-spacing:0.08em; line-height:1.3em; margin-bottom:30px;}
.kimpo .comming-img {margin-bottom:20px;}
.kimpo .btn {display:inline-block; font-size:18px; font-weight:500; width:210px; line-height:60px; background:#da2127; color:#fff; text-align:center; margin:0 auto; margin-top:30px;}

.main-tit {text-align:center; padding-bottom:40px;}
.main-tit h3 {font-size:38px; font-weight:700; letter-spacing:-.05em; line-height:1.3em;}
.main-tit p {color:#505050; margin-top:20px;}

.main-price {padding-top:120px;}
.main-price .price-wraps {margin-bottom:40px;}
.main-price .price-wraps ul {display:flex; margin-left:-20px;}	
.main-price .price-wraps ul li {position:relative; width:calc(50% - 20px); margin-left:20px; background:#da2028; color:#fff; padding:50px;}
.main-price .price-wraps ul li:before {position:absolute; content:""; width:97px; height:97px; background:url("../images/main/price1.png")50% 50% no-repeat; background-size:contain; right:50px; top:50%; margin-top:-43.5px;}
.main-price .price-wraps ul li:last-child:before {background-image: url("../images/main/price2.png");}
.main-price .price-wraps ul li:last-child {background:#222;}
.main-price .price-wraps ul li .tit {font-size:26px; font-weight:700; letter-spacing:-.05em; line-height:1.3em; margin-bottom:20px;}
.main-price .price-wraps ul li span {position:relative; display:block; width:180px; line-height:50px; border:1px solid #fff; padding:0 30px; margin-top:70px;}
.main-price .price-wraps ul li span:before {position:absolute; content:""; width:31px; height:9px; background:url("../images/main/price-next.png")50% 50% no-repeat; background-size:contain; right:50px; top:50%; margin-top:-4.5px;}

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; border-top:0;}
.table01 th {padding:12px 20px; border:1px solid #dfdfdf; border-top:0; background:#333333; font-size:18px; font-weight:500; color:#fff; border-top:0;}
.table01 td {padding:12px 10px; border:1px solid #dfdfdf; font-size:18px; text-align:center;}
.table01 td span {font-size:14px;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}
.table01 .left {text-align:left;}

.main-community {background:#fafafa; padding-top:120px;}
.main-info-flex {}
.main-info-flex .main-infos {position:relative; text-align:left;}
.main-info-flex .main-infos h3 {position:relative; font-size:28px; font-weight:700; letter-spacing:-.05em; line-height:1.0em; margin-bottom:20PX;}
.main-info-flex .main-infos .s-txt {display:flex; flex-direction:column; justify-content:center; width:60px; height:60px; padding-top:5px;font-size:20px; font-weight:700; color:#fff; background:#da2028; text-align:center; line-height:1.0em;}
.main-info-flex .main-infos .s-txt.color {background:#333;}
.main-info-flex .main-infos .s-txt span {font-size:12px; font-weight:400;}
.main-info-flex .main-infos .s-tits {font-size:18px; font-weight:500; color:#2c2c2c; letter-spacing:-.05em; line-height:1.3em; padding-left:10px; text-overflow:ellipsis; word-break:break-all; white-space:normal;}
.main-info-flex .main-infos .s-tits .lg-txt {position:relative; display:inline-block; color:#505050; font-size:16px; margin-top:5px; padding-bottom:10px; font-weight:400; text-overflow:ellipsis; word-break:break-all; white-space:normal;}
.main-info-flex .main-infos ul {margin-bottom:-15px; padding:40px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.main-info-flex .main-infos ul li a {display:flex; align-items:center; color:#3e3f3a; margin-bottom:15px;}
.main-info-flex .main-infos ul li:last-child a {margin-bottom:0;}
.main-info-flex .btn {position:absolute; top:5px; right:0;} 

/* header */
#header {position:fixed; width:100%; z-index:100; border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#header .contain {position:relative; height:120px; width:100%; max-width:1460px;}
.sitelogo {position:absolute; top:50%; margin-top:-38.5px; left:30px; z-index:10}
.sitelogo a {display:block; width:81px; height:77px; overflow:hidden; text-indent:-9999em; background:url("../images/common/logo.png") 50% 50% no-repeat; background-size:contain;}
#sub #header {position:absolute;}

.fp-viewing-Main-listup #header,
.fp-viewing-Main-price #header,
.fp-viewing-Main-community #header,
.fp-viewing-Footered #header {background:#fff;}

.fp-viewing-Main-listup #gnb > ul > li > a,
.fp-viewing-Main-price #gnb > ul > li > a,
.fp-viewing-Main-community #gnb > ul > li > a,
.fp-viewing-Footered #gnb > ul > li > a {color:#2c2c2c;}

.fp-viewing-Main-listup .sitelogo a,
.fp-viewing-Main-price .sitelogo a,
.fp-viewing-Main-community .sitelogo a,
.fp-viewing-Footered .sitelogo a {background-image:url("../images/common/logo_w.png"); z-index:101;}

.fp-viewing-Main-listup .custom-select .select-input,
.fp-viewing-Main-price .custom-select .select-input,
.fp-viewing-Main-community .custom-select .select-input,
.fp-viewing-Footered .custom-select .select-input {background-image: url("../images/bbs/select.png");}

.fp-viewing-Main-listup .custom-select .select-options li,
.fp-viewing-Main-price .custom-select .select-options li,
.fp-viewing-Main-community .custom-select .select-options li,
.fp-viewing-Footered .custom-select .select-options li {color:#3e3f3a;}

.fp-viewing-Main-listup .custom-select .select-input,
.fp-viewing-Main-price .custom-select .select-input,
.fp-viewing-Main-community .custom-select .select-input,
.fp-viewing-Footered .custom-select .select-input {color:#2c2c2c;}

.fp-viewing-Main-listup .custom-select .select-input:before,
.fp-viewing-Main-price .custom-select .select-input:before,
.fp-viewing-Main-community .custom-select .select-input:before,
.fp-viewing-Footered .custom-select .select-input:before {background-image: url("../images/bbs/select-ico_w.png");}


#header.header-hover {background:#fff;}
#header.header-hover #gnb > ul > li > a {position:relative; color:#333;} 
#header.header-hover #gnb > ul > li:hover > a {color:#10312b;}
#header.header-hover #gnb > ul > li {color:#177a4c;}
#header.header-hover #gnb > ul {color:#177a4c; font-weight:500;}
#header.header-hover #gnb > ul.active {background:#fff; color:#333;}
#header.header-hover .sitelogo a {background-image:url("../images/common/logo_w.png"); z-index:101;}

#gnb {position:absolute; height:120px; width:100%; text-align:center; z-index:2;}
#gnb > ul {display:inline-block;}
#gnb > ul:after {content:" "; display:block; clear:both;}
#gnb > ul > li {float:left; padding:0 40px; height:120px; z-index:1;}
#gnb > ul > li:last-child {padding-right:0;}
#gnb > ul > li > a {display:block; position:relative; text-align:center; font-size:20px; line-height:120px; color:#fff; position:relative; z-index:5; font-weight:500;}
 
#gnb > ul > li:hover > a:after {position:absolute; content:''; bottom:-1px; left:50%; margin-left:-20px; width:40px; height:4px; background-color:#da2128;}

#gnb .submenu {display:none; position:absolute; height:70px; z-index:1;}
#gnb .submenu ul:after {content:" "; display:block; clear:both;}
#gnb .submenu ul li {float:left; padding-right:40px; padding-left:10px;font-size:16px;}
#gnb .submenu ul li a {font-size:16px; display:block; text-decoration:none; color:#fff; position:relative; line-height:50px; margin-top:10px;} 
/* 
#gnb > ul > li.m3 .submenu {right:0; margin-right:-105px;}
#gnb > ul > li.m4 .submenu {right:0; margin-right:-35px;}
#gnb > ul > li.m5 .submenu {right:0; margin-right:-20px;}  */

.submenu-bg {display:none; position:absolute; top:120px; left:0; width:100%; height:50px; background:rgba(0, 0, 0 ,0.8);}

/* for mobile */

.btn-m-menu {display:none; position:absolute; top:50%; right:30px; margin-top:-12px; width:24px; height:24px; text-indent:-9999em; z-index:50;}
.btn-m-menu span {position:absolute; left:0; right:0; top:11px; height:2px; background:#fff;}
.btn-m-menu span:before,
.btn-m-menu span:after {content:" "; position:absolute; left:0; right:0; height:2px; background:#fff;}
.btn-m-menu span:before {top:-9px;}
.btn-m-menu span:after {bottom:-9px;}

.mobile-navigation {position:fixed; top:0; right:0; width:260px; height:100%; overflow:auto; transition:.2s linear; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:102;}
.mobile-navigation .home {padding:22px 20px;}
.mobile-navigation .home img {height:28px;}
.mobile-navigation .nav-menu>ul {border-top:1px solid #dfdfdf;}
.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #dfdfdf;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; padding:12px 20px; display:block; color:#242424; font-size:18px; font-weight:700; line-height:1.5em;}
.mobile-navigation .nav-menu>ul>li>a:after {content:""; position:absolute; top:50%; right:20px; transform:translateY(-75%) rotate(45deg); width:12px; height:12px; border-right:2px solid #242424; border-bottom:2px solid #242424;}
.mobile-navigation .nav-menu>ul>li.active>a {color:#da2028;}
.mobile-navigation .nav-menu>ul>li.active>a:after {transform:translateY(-35%) rotate(-135deg);}
.mobile-navigation .nav-menu .submenu {display:none; padding:10px 20px; background:#da2028; color:#fff; font-size:16px; line-height:1.5em;}
.mobile-navigation .nav-menu .submenu > ul >  li > a {display:block; padding:6px 0;}
.mobile-navigation .close {position:absolute; top:16px; right:10px; width:24px; height:24px; text-indent:-9999em; overflow:hidden;}
.mobile-navigation .close:before,
.mobile-navigation .close:after {content:" "; position:absolute; top:11px; left:0; width:100%; height:2px; background:#242424; border-radius:3px;}
.mobile-navigation .close:before {transform:rotate(45deg);}
.mobile-navigation .close:after {transform:rotate(-45deg);}
.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:101;}
.logo {padding:10px;}


html.menu-opened {overflow:hidden;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0);}
html.menu-opened .mobile-overlay {display:block;}

/* main */
/* .fp-tableCell {height:auto !important;} */
.fp-auto-height .fp-tableCell {height:auto !important;}
.fp-viewing-Main-community .fp-tableCell {background:#fafafa;}
.main-visual {position:relative; line-height:0; overflow:hidden; z-index:1;}

.main-visual img {width:100%;}
.main-visual .item .img {position:relative; height:100vh;}
.main-visual .item .img img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}


.main-visual .caption {position:absolute; margin:0 auto; top:50%; left:0; width: 100%; padding: 0 30px; z-index: 45; transform: translateY(-45%); color: #fff; text-align:center;}
.main-visual .caption h2 {font-size:24px; letter-spacing:-.05em; line-height:1.333em;}
.main-visual .caption p {font-size:50px; letter-spacing:-.05em; line-height:1.3em; font-weight:700; margin-top:10px;}
.main-visual .desktop {display:block; position:relative; width:100%; -webkit-background-size:cover; overflow:hidden;}
.main-visual .item {position:relative; z-index:1;}
.main-visual .txt {color:#fff; z-index:1; position:absolute; top:150px; right:170px;}
.main-visual .txt h2 {font-size:70px; line-height:1.4em; margin-bottom:35px;}
.main-visual .txt h2 span {font-size:80px;}
.main-visual .txt .t1 {font-size:50px; line-height:1.4em; margin-bottom:30px;}
.main-visual .txt .t2 {font-size:32px; line-height:1.7em;}
.main-visual .txt .t2 span {font-size:42px;}
.main-visual .scroll {position:absolute; bottom:0; left:50%; width:120px; text-align:center; margin-left:-60px; color:#fff; font-size:14px; font-weight:300; line-height:1.3em; letter-spacing:.1em; z-index:50;}
.main-visual .scroll .track {display:block; margin:20px auto 0; position:relative; width:2px; height:50px; background:rgba(255,255,255,.52);}
.main-visual .scroll .track:after {content:""; position:absolute; top:0; left:0; width:2px; height:12px; background:#fff; animation:hero-scroll 2s linear infinite;}
@keyframes hero-scroll{  
  0%{
    top:0;
    opacity:1
  }
  50%{
    opacity:1
  }
  to{
    top:50px;
    opacity:0
  }
}

.main-intro {display:flex;}
.main-intro .main-choice {width:65.1%; text-align:center; padding:58px 50px 44px;}
.main-intro .main-choice h3 {color:#555; font-size:26px; font-family:'S-CoreDream-4Regular', sans-serif; margin-bottom:40px; line-height:2em;}
.main-intro .main-choice h3 span.s1 {font-family:'S-CoreDream-6Bold', sans-serif;}
.main-intro .main-choice h3 span.s2 {font-size:35px; font-family:'S-CoreDream-7ExtraBold', sans-serif; color:#ee1c25;}
.main-intro .main-choice h3 span.s3 {font-size:35px; font-family:'S-CoreDream-6Bold', sans-serif; color:#333;}

.main-intro .main-choice ul {display:flex; margin:0 -36px;}	
.main-intro .main-choice ul li {width:25%; position:relative; margin:0 36px;}	
.main-intro .main-choice ul li:after {position:absolute; content:''; width:24px; height:37px; top:15px; right:-50px; background:url('../images/main/choice.png')0 0 no-repeat;}	
.main-intro .main-choice ul li:last-child:after {display:none;}
.main-intro .main-choice ul li .img {text-align:center; margin-bottom:20px;}
.main-intro .main-choice ul li p {font-size:20px; background-color:#ee1c25; color:#fff; padding:25px 0; font-family:'S-CoreDream-5Medium', sans-serif; line-height:1.458em; display:flex; flex-direction:column; justify-content:center;}
.main-intro .main-choice ul li p span {font-size:24px; font-family:'S-CoreDream-6Bold', sans-serif;}

.main-intro .main-system {width:34.9%; background-color:#ee1c25; color:#fff;}
.main-intro .main-system {padding:110px 62px;}
.main-intro .main-system .p1 {font-family:'S-CoreDream-4Regular', sans-serif; font-size:20px; margin-bottom:20px;}
.main-intro .main-system .p2 {font-family:'S-CoreDream-6Bold', sans-serif; font-size:35px; line-height:1.7em; margin-bottom:30px;}
.main-intro .main-system .p2 span {font-family:'S-CoreDream-4Regular', sans-serif;}
.main-intro .main-system .p3 {font-size:22px; font-family:'S-CoreDream-5Medium', sans-serif;}
.main-intro .main-system .p3 span {font-family:'S-CoreDream-6Bold', sans-serif;}

#introWraps {position:relative; background:url("../images/main/intro-bg.jpg")50% 50% no-repeat; background-size:cover; height:100vh; overflow:hidden;}
.intro {position:absolute; margin:0 auto; top:37%; left:0; width: 100%; z-index: 45; transform: translateY(-45%); color: #fff; text-align:center;}
.intro h2 {font-size:40px; font-weight:700; letter-spacing:-.05em; line-height:1.3em; margin:30px 0 45px 0;}
.intro-list {background:rgba(0, 0, 0, 0.8); min-height:270px;}
.intro ul {display:flex; justify-content:center; padding:80px 0 70px 0;}
.intro ul li {position:relative; width:33.3333%;}
.intro ul li:before {position:absolute; content:''; background:#da2128; height:4px; width:20px; top:-20px; left:50%; margin-left:-10px;}
.intro ul li:after {position:absolute; content:''; height:180px; width:1px; right:0; top:50%; margin-top:-90px; background:rgba(255, 255, 255, 0.1);}
.intro ul li:last-child:after {display:none;}
.intro ul li .tit {font-size:28px; font-weight:500; line-height:1.143em; margin-bottom:30px;}
.intro ul li .btn {position:relative; display:block; width:207px; line-height:45px; border:1px solid #fff; margin:0 auto; text-align:left; padding:0 30px;}
.intro ul li .btn:hover {background:#da2028; border:1px solid #da2028;}
.intro ul li .btn:before {position:absolute; content:""; width:51px; height:5px; right:30px; top:50%; margin-top:-2.5px; background:url("../images/main/nexts.png")50% 50% no-repeat; background-size:contain;}

.select-mb {position:absolute; right:0; top:50%; margin-top:-50px;}
.custom-select {display:inline-block; vertical-align:middle; position:relative; z-index:10;}
.custom-select .select-hidden {display:none;}
.custom-select .select-input {position:relative; color:#fff; padding:30px 40px 0 15px; height:100px; font-size:18px; line-height:38px; letter-spacing:-.03em; white-space:nowrap; cursor:pointer; background: url("../images/bbs/selects.png") right 10px center no-repeat; z-index:2;}
.custom-select .select-input:before {position:absolute; content:""; width:22px; height:22px; top:50%; margin-top:-11px; left:-15px; background:url("../images/bbs/select-ico.png")50% 50% no-repeat; background-size:contain;}
.custom-select .select-options {display:none; position:absolute; color:#242424; margin-top:-1px; left:0; width:100%; max-height:460px; font-size:18px; line-height:1.5em; letter-spacing:-.03em; background:#fff; border:1px solid #ddd; overflow:auto;}
.custom-select .select-options li {width:100%; margin-right:0; padding:10px 10px; cursor:pointer; transition:.2s;}
#header.header-hover .custom-select .select-input {background-image: url("../images/bbs/select.png");}
#header.header-hover .custom-select .select-input {color:#2c2c2c;}
#header.header-hover .custom-select .select-input:before {background-image: url("../images/bbs/select-ico_w.png");}
.custom-select .select-options li.selected {background:#f2f2f2}
.custom-select.active .select-input {border-color:#ff5500;}


/* sub */
.sub-visual {position:relative; display:table; table-layout:fixed; width:100%; height:400px; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat;}
.sub-visual .cell {display:table-cell; padding-top:190px; width:100%; text-align:center;}
.sub-visual h3 {font-size:40px; line-height:1.429em; color:#fff;}
.sub-visual p {letter-spacing:0.31em; color:#fff;}
.sub-visual.bg1 {background-image:url("../images/common/sv1.jpg");}
.sub-visual.bg2 {background-image:url("../images/common/sv2.jpg");}
.sub-visual.bg3 {background-image:url("../images/common/sv3.jpg");}
.sub-visual.bg4 {background-image:url("../images/common/sv4.jpg");}
.sub-visual.bg5 {background-image:url("../images/common/sv5.jpg");}
.sub-visual.bg6 {background-image:url("../images/common/sv6.jpg");}

.lnb {position:relative; max-width:1200px; margin:0 auto; width:100%; text-align:center; z-index:1; margin-top:-60px;}
.lnb ul {position:relative; display:flex; width:100%; z-index:2;}
.lnb ul li {position:relative; flex:1; background:rgba(0, 0, 0, 0.8); z-index:1;}
.lnb ul li a {color:#555; font-size:18px; display:block; width:100%; height:60px; color:#fff; border-right:0; line-height:60px; z-index:1;}
.lnb ul li.active {z-index:2;}
.lnb ul li.active + li a {border-left:0;}
.lnb ul li.active a {font-weight:500; border-color:#ed1b25; background:#ed1b25; color:#fff;}

#contArea {overflow:hidden; max-width:1260px; margin:0 auto; padding-left:30px; padding-right:30px;}
#contArea2 {overflow:hidden; max-width:1920px; margin:0 auto;}

.sub-title {text-align:center; padding:80px 0 60px;}
.sub-title h2 {font-size:32px; font-weight:700; line-height:1.3em;}
.real-cont {min-height:350px; _height:350px; padding-bottom:100px;}
.real-cont2 {padding-bottom:0;}

/* footer */
#footer {border-top:1px solid #ddd; font-weight:200; background:#222; color:#fff; padding:35px 0 30px;}
#footer .contain {display:flex;}
#footer .address {display:flex; padding:43px 0 36px;}
#footer .address .group {width:50%;}
#footer .address .group .img {margin-bottom:30px;}	
#footer .address .g1 {border-right:1px solid #ddd;}
#footer .address .g2 {padding-left:60px;}
#footer .address .group > ul {display:flex;}
#footer .address .group > ul > li:first-child {width:38.3%;}
#footer .address .group > ul > li:last-child {width:61.7%; padding-left:50px;}
#footer .address .group > ul > li h3 {color:#555; font-size:18px; margin-bottom:7px; line-height:2em;}
#footer .address .group > ul > li h3 span {color:#686868;}
#footer .address .group > ul > li h3 span .t1 {font-family:'Spoqa Han Sans Neo', 'sans-serif';}
#footer .address .group > ul > li p {color:#777; font-size:15px; line-height:1.467em;}
#footer .address .group > ul > li ul li {color:#777; position:relative; font-size:14px; line-height:1.571em; padding-left:10px;}
#footer .address .group > ul > li ul li:before {position:absolute; content:''; width:3px; height:3px; background-color:#c7c7c7; border-radius:50%; top:10px; left:0;}
#footer .address .group > ul > li ul li:nth-child(3) {margin-bottom:15px;}
#footer .foot-info {display:flex; justify-content:center; padding:20px 0; color:#fff; background:#222;}
#footer .foot-info ul {display:flex;}
#footer .foot-info ul li {padding:0 12px; position:relative; font-size:15px; font-weight:400;}
#footer .foot-info ul li:after {position:absolute; content:''; width:1px; height:15px; top:7px; right:0; background-color:#777;}
#footer .foot-info ul li:last-child:after {display:none;}
#footer .foot-info .copy {font-size:14px; letter-spacing:0;}
#footer address {flex:1; font-style:normal;}
#footer address span {font-size:14px; padding-right:10px;}
#footer .copy {font-size:14px;}

.foot-links {margin-right:50px;}
.foot-links ul {display:flex;}
.foot-links ul li {font-size:14px; position:relative;  padding:0 20px 0 17px;}
.foot-links ul li:before {position:absolute; content:""; width:14px; height:14px; background:url('../images/main/f-link.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-7px; left:0;}