@charset "utf-8";

body.topen .top_link {left:-20px;}
body.topen .top_link li+li:after {background:#fff;}
body.topen .top_link li a {color:#fff;}

#header {background:#fff;}
#total_menu .semipermanent_main {display:inline-block; width:1100px; margin:205px auto 0;}
#total_menu .semipermanent_main > li {width:14.2587%;}

#container.semipermanent_main {margin-top:178px; text-align:center;}
#container.semipermanent_main * {vertical-align:top;}


.site_link {overflow:hidden; position:absolute; top:12px; left:-10px; z-index:310; -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
.site_link li {position:relative; float:left; padding:0 10px; height:16px;}
.site_link li+li:after {position:absolute; top:50%; left:0; width:1px; height:9px; margin-top:-5px; background:#605d5d; content:'';}
.site_link li a {display:block;}
.site_link li .on {display:none;}


.semipermanent_visual {position:relative; margin-top:178px; padding-left:50%;}
.semipermanent_visual img {display:block; margin-left:-960px;}

.semipermanent_visual video {display:block; width:1920px; margin-left:-960px;}
.semipermanent_visual .txt01 {position:absolute; bottom:117px; left:50%; z-index:100; width:872; margin-left:-436px;}

.semipermanent_title {margin-top:90px;}
.semipermanent_title p {margin-top:28px; font-size:18px; color:#333;}

.semipermanent_cont01 {display:inline-block; width:1300px; margin-top:50px; padding:35px 0 17px; border-top:1px solid #e6e6e6;}
.semipermanent_cont01 div {float:left;}
.semipermanent_cont01 .cont01 {position:relative; z-index:2; width:380px;}
.semipermanent_cont01 .cont01 h3 {margin-top:66px;}
.semipermanent_cont01 .cont01 ul {padding-top:20px;}
.semipermanent_cont01 .cont01 li {font-size:18px; color:#000000; line-height:45px;}
.semipermanent_cont01 .cont02 {position:relative; z-index:3; width:439px; text-align:left;}
.semipermanent_cont01 .cont02+.cont02 {margin-left:42px;}
.semipermanent_cont01 .cont02 a {display:block; margin-top:7px; font-size:18px; color:#000000; line-height:30px;}
.semipermanent_cont01 .cont02 strong, .semipermanent_cont01 .cont02 b {display:block; font-weight:300;}
.semipermanent_cont01.type02 {position:relative; border-top:0; padding:47px 0 86px;}
.semipermanent_cont01.type02:before {position:absolute; top:0; left:50%; z-index:1; width:3000px; height:100%; margin-left:-1500px; background:#f8f8f8; content:'';}


/* .semipermanent_cont02 {background:#ebe1e9; padding:69px 0 90px;} */
.semipermanent_cont02 {background:#ebe1e9; padding:20px 0 90px;}
.semipermanent_banner {display:inline-block; width:1328px; padding:0 14px; background:#fff;}
.semipermanent_banner li {float:left; margin:0 12px 0 13px; padding:30px 0;}

.semipermanent_link {display:inline-block; margin-top:58px;}
.semipermanent_link li {position:relative; float:left; }
.semipermanent_link li+li:after {position:absolute; top:50%; left:0; width:1px; height:45px; margin-top:-23px; background:#c1c1c1; content:'';}
.semipermanent_link li a {display:block; padding:0 60px; font-size:18px; color:#333333;}
.semipermanent_link li a b {display:block;font-size:33px; font-family:'Renogare','Noto Sans KR','µ¸À½', sans-serif;}

#container.board_wrap {margin-top:30px;}
#container.sub {min-height:500px;}
#container.sub_wide02 {width:100%; margin-top:178px; margin-bottom:0;}



.sub .bottom_cont {background:#faebe1;}


.cont_t01 {padding-left:50%;}
.cont_t01 img {display:block; margin-left:-960px;}

/* cellrenew01 */
#semipermanent_slider {position:relative; padding-left:50%;}
#semipermanent_slider .slider_wrap {display:block; width:1920px; height:811px; margin-left:-960px;}
#semipermanent_slider .bx-wrapper .bx-pager {font-size:0;}
#semipermanent_slider .bx-wrapper .bx-pager .bx-pager-item {float:none; display:inline-block; margin:0 12px; }
#semipermanent_slider .bx-wrapper .bx-pager.bx-default-pager a {display:block; width: 16px; height: 16px; margin:0; background: #cfcaf3;}
#semipermanent_slider .bx-wrapper .bx-pager.bx-default-pager a.active {background: #fff; }
#semipermanent_slider .bx-wrapper .bx-pager {position:absolute; left:0; bottom:30px;  width:100%; z-index:1000; text-align:center;}

.cell_link {position:relative; left:50%; width:1920px; margin-left:-960px;}
.cell_link li {float:left; width:50%;}




/* intro  */
#intro_pop.smp {background:#ecba4f;}

#intro_pop .section.s11 .img {background:url('../smp/images/intro/intro01_bg01.jpg') center; background-size:cover;}
#intro_pop .section.s11 .txt01 {top:-204px; left:-30px; z-index:2; margin-left:-50px; opacity:0;}
#intro_pop .section.s11 .txt02 {top:-113px; left:-30px; margin-left:50px; opacity:0;}
#intro_pop .section.s11 .txt03 {top:5px; left:-30px; opacity:0;}
#intro_pop .section.s11 .txt04 {top:-113px; left:-30px;}
#intro_pop .section.s11 .txt.s01 {opacity:1; margin-top:30px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
#intro_pop .section.s11 .txt.s02 {opacity:0; margin-top:30px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
#intro_pop .section.s11.on .txt.s01 {opacity:0; margin-top:0; -webkit-transition: all 0.5s ease 2s; transition: all 0.5s ease 2s;}
#intro_pop .section.s11.on .txt.s02 {opacity:1; margin-top:0; -webkit-transition: all 0.5s ease 2s; transition: all 0.5s ease 2s;}

#intro_pop .section {}
#intro_pop .section.s12 .img {background:url('../smp/images/intro/intro01_bg02.jpg') top no-repeat; background-size:100% auto;}


#intro_pop .section.s13 {background-color:#ecba4f;}
#intro_pop .section.s13 .img {background:url('../smp/images/intro/intro01_bg03.jpg') center; background-size:cover;}
#intro_pop .section.s13 .img img {left:17.7%; bottom:50%; margin-bottom:-70px;}

#intro_pop .section.s14 {background-color:#eca067;}
#intro_pop .section.s14 .img {background:url('../smp/images/intro/intro01_bg04.jpg') center; background-size:cover;}
#intro_pop .section.s14 .img img {left:17.7%; bottom:50%; margin-bottom:-44px;}

#intro_pop .section.s15 {background-color:#db8070;}
#intro_pop .section.s15 .img {background:url('../smp/images/intro/intro01_bg05.jpg') center; background-size:cover;}
#intro_pop .section.s15 .img img {left:17.7%; bottom:50%; margin-bottom:-44px;}

#intro_pop .section {background:#d3a591;}
#intro_pop .section.s16 .img {background:url('../smp/images/intro/intro01_bg06.jpg') top no-repeat; background-size:100% auto;}
#intro_pop .section.s16 .txt01 {top:-335px;}

#intro_pop .section.s17 {text-align:center; background:#e69182;}
#intro_pop .section.s17 .cont {position:absolute; top:50%; left:50%; height:780px; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
#intro_pop .section.s17 .txt01 {margin-left:30px; opacity:0; -webkit-transition: all 1s ease; transition: all 1s ease;}
#intro_pop .section.s17 .txt02 {margin-right:30px; margin-top:45px; opacity:0; -webkit-transition: all 1s ease; transition: all 1s ease;}
#intro_pop .section.on.s17 .txt01 {margin-left:0; opacity:1;}
#intro_pop .section.on.s17 .txt02 {margin-right:0; opacity:1;}



#fp-nav {z-index:100005 !important;}
#fp-nav {opacity:1; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
#fp-nav.off {opacity:0;}


/* intro ¼öÁ¤ */
#intro_pop.smp {background:#8b55d1;}

#intro_pop .section.s11 .img {background:url('../smp/images/intro/intro01_bg01_2.jpg') center; background-size:cover; background-position: right center;}
#intro_pop .section.s11 .txt01 {top:-204px; left:-30px; z-index:2; margin-left:-50px; opacity:0;}
#intro_pop .section.s11 .txt02 {top:-113px; left:-30px; margin-left:50px; opacity:0;}
#intro_pop .section.s11 .txt03 {top:5px; left:-30px; opacity:0;}
#intro_pop .section.s11 .txt04 {top:-113px; left:-30px;}
#intro_pop .section.s11 .txt.s01 {opacity:1; margin-top:30px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
#intro_pop .section.s11 .txt.s02 {opacity:0; margin-top:30px; -webkit-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
#intro_pop .section.s11.on .txt.s01 {opacity:0; margin-top:0; -webkit-transition: all 0.5s ease 2s; transition: all 0.5s ease 2s;}
#intro_pop .section.s11.on .txt.s02 {opacity:1; margin-top:0; -webkit-transition: all 0.5s ease 2s; transition: all 0.5s ease 2s;}

#intro_pop .section {}
#intro_pop .section.s12 .img {background:url('../smp/images/intro/intro01_bg02.jpg') top no-repeat; background-size:100% auto;}


#intro_pop .section.s13 {background-color:#ecba4f;}
#intro_pop .section.s13 .img {background:url('../smp/images/intro/intro01_bg03.jpg') center; background-size:cover;}
#intro_pop .section.s13 .img img {left:17.7%; bottom:50%; margin-bottom:-70px;}

#intro_pop .section.s14 {background-color:#505ada;}
#intro_pop .section.s14 .img {background:url('../smp/images/intro/intro01_bg04_2.jpg') center; background-size:cover;}
#intro_pop .section.s14 .img img {left:17.7%; bottom:50%; margin-bottom:-44px;}

#intro_pop .section.s15 {background-color:#e85061;}
#intro_pop .section.s15 .img {background:url('../smp/images/intro/intro01_bg05_2.jpg') right center; background-size:cover;}
#intro_pop .section.s15 .img img {left: 50%; bottom: 50%; margin-bottom: -44px; margin-left: -120px;cursor: pointer;}

#intro_pop .section {background:#8b55d1;}
#intro_pop .section.s16 {background-color:#e268a7;}
#intro_pop .section.s16 .img {background:url('../smp/images/intro/intro01_bg06_2.jpg') top right no-repeat; background-size:cover;}
#intro_pop .section.s16 .img img {left: 50%; bottom: 50%; margin-bottom: -44px; margin-left: -120px;cursor: pointer;}
#intro_pop .section.s16 .txt01 {top:-335px;}

#intro_pop .section.s17 {text-align:center; background:#e69182;}
#intro_pop .section.s17 .cont {position:absolute; top:50%; left:50%; height:780px; transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);}
#intro_pop .section.s17 .txt01 {margin-left:30px; opacity:0; -webkit-transition: all 1s ease; transition: all 1s ease;}
#intro_pop .section.s17 .txt02 {margin-right:30px; margin-top:45px; opacity:0; -webkit-transition: all 1s ease; transition: all 1s ease;}
#intro_pop .section.on.s17 .txt01 {margin-left:0; opacity:1;}
#intro_pop .section.on.s17 .txt02 {margin-right:0; opacity:1;}

#intro_pop .section .video {
	display: none;
    position: absolute;
	width: 80%;
	height: 80%;
    max-width: 1200px;
    max-height: 675px;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%);
    z-index: 5;
}
#intro_pop .section .video.on {
	display: block;
}
#intro_pop .section .video video {
	width: 100%;
	height: 100%;
	position: absolute;
}
#intro_pop .section .video .video_close {
    position: absolute;
    right: 0;
    top: -35px;
	cursor: pointer;
}

#fp-nav {z-index:100005 !important;}
#fp-nav {opacity:1; -webkit-transition: all 0.6s ease; transition: all 0.6s ease;}
#fp-nav.off {opacity:0;}

.quick_popup {
	width: 300px;
	height: 300px;
	top: 246px;
	right: 170px;
	position: fixed;
	z-index: 1002;
	cursor: pointer;
}
.quick_popup span {
    display: inline-block;
    width: 37px;
    height: 37px;
    position: absolute;
    right: 0;
    z-index: 1;
}