@charset "utf-8";
/*  */
body.fixed {overflow-y:hidden}
/* 전체레이아웃 */
#wrapper {min-width:1200px; overflow:hidden}
/* 헤더고정 */
/*body.scrollfix #container {margin-top:61px}*/
/* 헤더 */
#header {position:relative}

/*@media screen and (min-width:1024px) {
#header {position:absolute;top:0px;width:100%;z-index:990;}
}*/
#header > .logo-box{
	position: fixed;
	padding-left: 0;
	padding-top: 0;
	z-index: 200;
}
#header > .option-box{
	position: absolute;
	top: 10px;
	right: 15px;
	z-index: 10;
	font-size: 0;
	padding-top: 10px;
}


#header > .top.with-right {
	position: fixed;
	right:0;
	top:0;
	width: 50px;
	height: 50px;
}
#header > .top {
	position: fixed;
	z-index: 200;
	/*width: 100%;*/
	top: 0px;
}
body.scrollfix #header > .top > .inner {position:fixed; }

#logo {
	display: inline-block;
	position: static;
	padding-top: 20px;
	padding-left: 20px;
	/*top: 20px;*/
	/*left: 20px;*/
	z-index: 10;
}
.m_search {display:none;}
#header > .top > .mobile-tel {display:none;font-family:notokr;font-size:14px;padding-top:20px;padding-left:20px;}
#header > .top > .mobile-tel span {}
#header > .top > .mobile-tel p a {font-family:"Montserrat";color:#531371;font-weight:bold;}
#header > .top > .right-link {position:absolute; top:10px; right:15px;z-index:10;font-size:0; padding-top:10px}
#header > .top > .right-link ul {float:left; padding-top:12px}
#header > .top > .right-link ul > li {display:inline-block; margin-right:20px;color:#f1f1f1;font-size:12px;}
#header > .top > .right-link ul > li a {font-size:12px; color:#877d7e}
#header > .top > .right-link ul > li a i {font-weight:600; margin-right:5px; vertical-align:-1px}
#header > .top > .right-link .btn-allmenu {float:right; position:relative; width:43px; height:43px; border:none; border-radius:50%; background:none; cursor:pointer; outline:none}
#header > .top > .right-link .btn-allmenu:hover {/*background:#c39e5a*/}
#header > .top > .right-link .btn-allmenu span {position:absolute; display:block; left:50%; width:22px; height:3px; margin-left:-11px; background:#de2941}
#header > .top > .right-link .btn-allmenu span.line1 {top:14px}
#header > .top > .right-link .btn-allmenu span.line2 {top:20px}
#header > .top > .right-link .btn-allmenu span.line3 {top:26px}
.mask {display:none; position:fixed; width:100%; height:0; background:#000; opacity:0; z-index:998; transition:all 0.3s ease}

#header > .btm {
	position: fixed;
	border-bottom: 1px solid #eeeff0;
	background: #fff;
	width: 100%;
	top: 0px;
	z-index: 199;


}
#header > .btm .m_loginArea {display:none;height:77px;width:100%;border-bottom:solid 1px #ebebeb;}
#header > .btm .m_loginArea ul {padding:25px 0px 0px 20px;}
#header > .btm .m_loginArea ul li {display:inline-block;padding:0px 5px;}
#header > .btm .m_loginArea ul li a {font-size:14px;}
/*body.scrollfix #header > .btm {position:fixed;top:0;width:100%;z-index:100}*/
#nav {width:1000px;height:86px;margin:auto;overflow:hidden;font-size:0px;text-align:center;}
#nav:after {display:inline-block; width:100%; content:'';}
#nav > li {display:inline-block; width:auto;padding:0px 25.9px;}
#nav > li > a {display:block; font-size:16px; font-weight:600; color:#404040; line-height:86px}
#nav > li div.menu-item {display:none;width:100%;position:absolute;z-index:99;background:#de2941;left:0px;border-top:solid 0px #de2941;padding:30px 0px;}
#nav > li div.menu-item .inner {width:1000px;margin:0px auto;}

#nav > li div.menu-item .inner.dynamic {width:auto; display: flex; justify-content: center; align-items: center;}


#nav > li div.menu-item.active {display:block}
#nav > li div.menu-item:after {clear:both; display:block; content:''}
#nav > li div.menu-item .titleArea {float:left; width:170px;}
#nav > li div.menu-item .titleArea span {font-size:16px;color:#fff;opacity:0.8;position:relative;padding-left:40px;;}
#nav > li div.menu-item .titleArea span:before {content:'';width:25px;height:1px;background:#fff;position:absolute;left:0px;top:8px;}
#nav > li div.menu-item .titleArea span:after {content:'';position:absolute;right:-15px;top:0px;width:5px;height:5px;background:#fff;opacity:0.8;border-radius:5px;}
#nav > li div.menu-item ul {float:left; /*width:700px; */margin-left:30px;}
#nav > li div.menu-item ul:after {clear:both; display:block; content:''}
#nav > li div.menu-item ul > li {float:left; position:relative;width:auto; margin-right:40px;}
#nav > li div.menu-item ul > li a {font-size:16px; /*font-weight:600; */color:#fff;position:relative;}
#nav > li div.menu-item ul > li.on a {color:#ffabb6}
#nav > li div.menu-item ul > li a:before {content:'';position:absolute;right:-15px;top:0px;width:5px;height:5px;background:#fff;border-radius:5px;}
#nav > li div.menu-item ul > li a:after {content:'';position:absolute;left:0px;top:30px;width:0px;height:2px;background:#fff;border-radius:5px;transition:all 0.3s ease;display:inline-block}
#nav > li div.menu-item ul > li a:hover:after {width:100%;display:inline-block;}
#nav > li div.menu-item ul > li a.selected {color:#ffabb6;}

/*2021-02-19 슬라이드추가 */
.swiper-container.menu1 {width:160px;height:100%;}
.swiper-container.menu1 .swiper-slide {background-position: center;background-size: cover;width:160px;}
.swiper-container.menu1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-container.menu1 .swiper-pagination-custom, .swiper-container.menu1 .swiper-pagination-fraction {position:absolute; bottom:150px; left:auto; width:100%; margin-left:0px; text-align:left;font-size:0; z-index:30}

.swiper-pagination-white .swiper-pagination-bullet-active {background:#531371;width:37px;border-radius:50px;}
.swiper-pagination-bullet {width:17px;height:17px;background:#fff;border-radius:30px;transition:all .3s ease;opacity:1;}
.swiper-container.menu1 img {position:relative;left:auto;margin-left:0px;top:0px;}
.swiper-button-next {right:20px;}
.swiper-button-prev {left:20px;}
.swiper-slide a.tvlink {display:block; width:200px; height:45px; line-height:25px; background-color:#ce171f; padding:10px; text-align:center; color:#fff!important; font-size:16px; position:absolute; bottom:40%; left:18%; z-index:70000;}
.swiper-slide a.tvlink:hover {background-color:#a41319; }

/*#nav > li div.menu-item ul > li.on a, */
#nav > li div.menu-item ul > li a:hover {color:#fff}
#nav > li.on > a, #nav > li > a:hover, #nav > li.open a {color:#de2941}
/*#nav > li:before {content:'';width:100%;position:fixed;}*/
#nav > li:first-child {padding-left:0px;}
#nav > li:last-child {padding-right:0px;}
#gnbTrigger {display:none; position:fixed; top:0px; right:0px; width:77px; height:76px; border:none; background:#fff; cursor:pointer; outline:none; z-index:1100;transition:all .3s ease-in-out;}
#gnbTrigger > span {display:block; position:absolute; left:50%; width:26px; height:3px; margin-left:-13px; background:#de2941; transition:all .3s ease-in-out; transform:rotate(0deg); opacity:1}
#gnbTrigger > .bar1 {top:26px}
#gnbTrigger > .bar2 {top:34px;width:22px;margin-left:-9px;}
#gnbTrigger > .bar3 {top:42px}
#gnbTrigger.open {background:#de2941}
#gnbTrigger.open > span {background:#fff}
#gnbTrigger.open > .bar1 {top:34px; transform:rotate(135deg)}
#gnbTrigger.open > .bar2 {opacity:0; left:-30px}
#gnbTrigger.open > .bar3 {top:34px; transform:rotate(-135deg)}

/* 전체메뉴 */
#all-menu {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:900}
#all-menu .mask_all {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.8; z-index:990}
#all-menu .menu-layer {position:fixed; top:50%; left:50%; width:1200px; height:673px;font-size:0px; margin:-335px 0 0 -600px; background:#fff; z-index:1100}
#all-menu .menu-layer .btnClose {position:absolute; top:18px; right:20px; width:40px; height:40px; border:none; background:transparent; outline:none; cursor:pointer;}
#all-menu .menu-layer .btnClose span {position:absolute; top:50%; left:50%; display:block; width:32px; height:2px; margin:-2px 0 0 -16px; background:#404040;transition:1s ease}
#all-menu .menu-layer .btnClose span.line1 {transform:rotate(45deg)}
#all-menu .menu-layer .btnClose span.line2 {transform:rotate(-45deg)}
/*#all-menu .menu-layer .btnClose:hover {border-color:#aaa;}
#all-menu .menu-layer .btnClose:hover span.line1 {transform:rotate(225deg);}
#all-menu .menu-layer .btnClose:hover span.line2 {transform:rotate(-225deg);}*/
#all-menu .menu-layer .title-bar {position:relative; text-align:center; width:220px;height:100%;display:inline-block;background:#531371;vertical-align:top;}
#all-menu .menu-layer .title-bar h2 {padding-top:250px;}
#all-menu .menu-layer .menu-wrapper {width:980px;display:inline-block;vertical-align:top;}
#all-menu .menu-layer .menu-wrapper .depth1 {padding:50px 70px;}
#all-menu .menu-layer .menu-wrapper .depth1 > li {border-bottom:1px dotted #d5d5d5;padding:17px 0px;}
#all-menu .menu-layer .menu-wrapper .depth1 > li:last-child {border:0px;}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box {margin:auto}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box:after {clear:both; display:block; content:''}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box h3.title {float:left; width:210px;position:relative; font-size:18px; font-weight:600; color:#de2941}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box h3.title:after {display:block;position:absolute;top:15px;left:130px; width:45px; height:1px; content:''; background:#de2941}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 {float:right; width:630px;padding-top:5px;}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2:after {clear:both; display:block; content:''}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li {float:left; width:auto;margin-right:32px;}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li a {font-size:15px; color:#404040;position:relative;}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li a:before {display:inline-block; content:'·';position:absolute; right:0px;margin-right:-18px; vertical-align:2px; box-sizing:border-box}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li:last-child a:before {display:none;}
#all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li.active a, #all-menu .menu-layer .menu-wrapper .depth1 > li > .box .depth2 > li a:hover {color:#de2941}

/* 푸터 */
#footer {margin-top:80px; padding:70px 0 80px 0; background:#ccc}
#footer > .inner {width:1400px; margin:auto}
#footer .foot_wrap {position:relative;font-size:0px;}
#footer .foot_wrap > div {display:inline-block;vertical-align:top;}
#footer .foot_logo {width:145px;}
#footer .foot_info {width:955px;padding-left:60px;padding-top:10px;}
#footer .foot_info span {color:#000;font-size:17px;display:block;line-height:1.5;}
#footer .foot_info > h3 {margin-top:30px;}
#footer .foot_info > h3 a {color:#757575;font-size:17px;}
#footer .foot_customer {width:300px;text-align:right;}
#footer .foot_customer h1 {font-size:35px;color:#df2d45;font-family:'Montserrat';font-weight:bold;}
#footer .foot_customer p {font-size:15px;color:#555;}
#footer .foot_customer span {margin-top:20px;display:inline-block;}
#footer .foot_customer span a {display:inline-block;margin-left:10px;font-size:24px;color:#757575}
#footer h3{
	display: flex;
	align-items: center;
}



#footer .social-list{
	display: inline-flex;
	align-items: center;
	margin-left: 20px;
}
#footer .social-list .social-btn{
	display: inline-flex;
}
#footer .social-list .social-btn + .social-btn{
	margin-left: 20px;
}
#footer .social-list .social-btn .ic{
	display: inline-flex;
}
#footer .social-list .social-btn .ic.ic-blog{
	background: url("../img/ic_social_blog.png") no-repeat center / cover;
	width: 45px;
	height: 45px;
}

#footer .social-list .social-btn .ic.ic-instagram{
	background: url("../img/ic_social_instagram.png") no-repeat center / cover;
	width: 45px;
	height: 45px;
}



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

	#footer h3{
		flex-flow: row wrap;
		justify-content: center;
	}
	#footer .social-list{
		padding-top: 20px;
		margin-left: 0;
		width: 100%;
		justify-content: center;
	}
	#footer .social-list .social-btn .ic.ic-blog {
		width: 35px;
		height: 29px;
	}
	#footer .social-list .social-btn .ic.ic-instagram {
		width: 32px;
		height: 32px;
	}
}