@charset "utf-8";

*{
	font-family: 'Noto Sans KR', sans-serif;
}
a,.is-pc .ko .btn-xs, .is-pc .ko .btn-sm,h1,h2,h3,h4,h5,h6,button{
	font-family: 'Noto Sans KR', sans-serif !important;
}
select,option{
	font-family:'Noto Sans KR', sans-serif !important;
	font-weight:500;
}
h1,h2{
	padding:0 !important;
	margin:0 !important;
	line-height:normal !important;
}
a,area,map,select,input{

	outline:none !important;
	text-decoration:none !important;
	border-radius:0 !important;
}
select{
	border:1px solid #ccc !important;
}
.en{
	font-family:'Montserrat', sans-serif !important;
}
body{
	overflow-x:hidden;
}
.pc-menu .nav-top .sub-2dli{
	display:none;
}
.pc-menu .sub-icon::after{
	content:"" !important;
}
.pc-img{
	display:block;
	margin:0 auto;
}
.m-img{
	width:100%;
	margin:0 auto;
	display:none;
}
/* header */
.at-lnb,.pc-header{
	display:none;
}
.pc-menu .menu-a { font-size: 18px; font-family: 'Montserrat', sans-serif !important; }
h1.logo{
	display: inline-block;
    float: left;
	width:271px;
}
.pc-menu .nav-top.nav-float .menu-li:last-child a.menu-a{
	padding-right:0;
}
.pc-menu .nav-top.nav-float .menu-li.on .menu_s,.pc-menu .nav-top.nav-float .menu-li:hover .menu_s{
	border-bottom:2px solid #ad49a2;
	padding-bottom:10px;
}
/* main */
/* .con00{
	padding:50px 15px !important;
} */
.carousel-indicators{
	left:unset !important;
	right:30px;
	width:auto !important;
}
.carousel-indicators li{
	background-color:#fff !important;
	border:none !important;
	width:8px;
	height:8px;
}
.carousel-indicators .active{
	background-color:#fff !important;
	border:none !important;
	width:70px;
	height:8px;
}
.at-container20{
	max-width:1200px;
	padding:0 20px;
	margin:0 auto;
}
.at-container10{
	max-width:1200px;
	padding:0 10px;
	margin:0 auto;
}
.con01{
	background:url(/img/con01_bg.jpg)no-repeat center 0;
	padding-top: 15.5%;
	padding-bottom:5%;
	background-size:contain;
}
.con01 ul{
	overflow:hidden;
	width:1200px;
	margin:0 auto;
}
.con01 ul li{
	list-style:none;
	float:left;
	width:368px !important;
	margin-right:32px;
}
.con01 ul li img{
	max-width:100%;
}
.con02{
	background:#fcf5fb;
}
.con02 > div.con_t{
	padding-top:9.5% !important;
}
.con02 div.con_b{
	padding-bottom:6.5% !important;
}
.main_wrap h2{
	color:#ad49a2;
	font-size:60px;
	font-weight:600;
	text-align:center;
}
.main_wrap .con_txt{
	font-size:24px;
	font-weight:400;
	text-align:center;
	padding-top:15px;
	color:#151515;
}
/* .con02 .con_b{
	width:1200px;
	padding:0 20px;
	margin:0 auto;
} */
.gal_main .h_content{
	padding-top:20px;
}
.gal_main .h_content a{
	display:block;
	text-align:center;
	color:#151515;
	font-size:20px;
	font-weight:400;
	line-height:normal;
}
.gal_main .item-list{
	position:relative;
}
.gal_main .h_txt{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(/img/con_bg.png)no-repeat 0 0;
	background-size:100% 100%;
	text-align:center;
	display:none;
}
.gal_main .h_txt div{
	position:absolute;
	bottom:35px;
	left:50%;
	transform:translateX(-50%);
	width:100%;
	padding:0 30px;
}
.gal_main .h_txt div img{
	display:block;
	margin:0 auto;
	padding-bottom:15px;
}
.gal_main .h_txt div a{
	color:#fff;
	font-weight:300;
	font-size:19px;
	line-height:1.5;
}
.gal_main .h_txt div a:hover{
	color:#fff;
}
.gal_main .h_txt.on{
	display:block;
}
/* .con03{
	padding-top:10%;
	padding-bottom:12.5%;
} */
.main_wrap .add_txt{
	font-size:18px;
	font-weight:300;
	text-align:center;
	color:#151515;
	padding-top:10px;
}
/* .con02 .con_b,.con03 .con_b{
	padding-top:35px;
} */
.con_b{
	padding-top:35px;
}
.youtubewrap {
   position: relative !important;
   width: 100% !important;
   padding-bottom: 56.5% !important;
}
.youtubewrap > iframe {
   position: absolute !important;
   width: 100% !important;
   height: 100% !important;
}
.con03 .con_b{
	overflow:hidden;
}
.con03 .con_l{
	float:left;
	width:50%;
	padding-right:10px;
}
.con03 .con_r{
	float:left;
	width:50%;
	padding-left:10px;
}
.youtubewrap02{
	position:relative;
	overflow:hidden;
	width: 100% !important;
	padding-bottom:23.65% !important;
}
.youtubewrap02 > iframe{
	position:absolute;
	top:-50%;
}
.con04{
	position:relative;
}
.con04 .con_bg{
	position:absolute;
	left:0;
	top:0;
	z-index:3;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
}
.con04 .con_b{
	position:absolute;
	left:0;
	top:50%;
	z-index:5;
	width:100%;
	transform: translateY(-50%);
	padding-top:0;
}
.con04 h2{
	color:#fff;
}
.con04 .con_txt{
	color:#fff;
}
.con04 .con_bt{
	text-align:center;
	padding-top:20px;
}
.con04 .con_bt a{
	display:inline-block;
	width:135px;
	height:40px;
	line-height:35px;
	color:#fff;
	background:transparent;
/* 	font-size:18px; */
	font-family:'Lato' !important;
	font-weight:300;
	border:2px solid #e5e5e5;
	box-sizing:border-box;
}
.con04 .con_bt a.on{
	background:#ad49a2;
	border:none;
	line-height:40px;
}
/* footer */
footer{
	background:#f2f2f2;
}
.fmenu_ul{
	text-align:center;
}
.fmenu_ul li{
	display:inline-block;
	margin-right:20px;
}
.fmenu_ul li:last-child{
	margin-right:0;
}
.fmenu_ul li a{
	color:#151515;
	font-size:16px;
	font-weight:300;
}
footer .flogo{
	text-align:center;
	padding:25px 0;
}
.at-footer .at-about > li::after { float: right; font-size:0.8em; color:#151515; content: "|"; margin-right:-6px;}
.at-footer .at-about > li:last-child::after { content: ""; }
.at-footer .fsns_icon{
	text-align:center;
}
.at-footer .fsns_icon ul li{
	display:inline-block;
	margin-right:3px;
}
@media (max-width:1900px){
    .pc-img{
        max-width: 100%;
    }
}
@media (max-width:1200px){
	.con01 ul,.con02 .con_b{
		padding-left:15px;
		padding-right:15px;
	}
	.con01 ul li{
		margin-right:15px;
	}
	.pc-menu .nav-top.nav-float .menu-a, .pc-menu .nav-mega .menu-a {
		padding: 0px 15px !important;
	}
	h1.logo{width:210px;}
	h1.logo img{
		max-width:100%;
	}
}
@media (max-width:1030px){
	.pc-menu .nav-top.nav-float .menu-a, .pc-menu .nav-mega .menu-a {
		padding: 0px 10px !important;
	}
}
@media (max-width:991px){
	.pc-img{
		display:none;
	}
	.m-img{
		display:block;
	}
	.m-header .header-icon a .fa{
		font-size:2em;
		color:#151515;
		margin-top:10px;
	}
	.m-header .header-icon{
		padding-top:10px !important;
	}
	.con00{
		padding:0 !important;
	}
	.con01{
		background:none;
		padding:25% 0;
	}
	.con01 h2{
		padding-bottom:70px !important;
	}
	.youtubewrap02{
		padding-bottom:35% !important;
	}
	.con04 .con_txt{
		line-height:1.5;
	}
}
@media (max-width:767px){
	.m-header .header-icon a .fa{
		font-size:1.5em; 
	}
	.m-header .header-logo img{
		width:180px;
	}
	.main_wrap h2{
		font-size:35px;
	}
	.main_wrap .con_txt{
		font-size:14px;
		padding-top:10px;
	}
	.con02 div.con_b{
		padding-bottom:18% !important;
	}
	.con01 ul li{
		width:300px !important;
	}
	.con02 .gal_main .post-content a{
		font-size:15px;
	}
	.gal_main .post-image .h_txt div{
		font-size:14px;
	}
	.gal_main .post-image .h_txt div img{
		max-width:80%;
	}
	.main_wrap .add_txt{
		font-size:13px;
	}
	.con03 .con_l,.con03 .con_r{
		width:100%;
		padding:0;
	}
	.con03 .con_l{
		padding-bottom:10px;
	}
	.con02 .con_b, .con03 .con_b{
		padding-top:20px;
	}
	.con03{
		padding:25% 20px; 
	}
	.youtubewrap02 > iframe{
		top:0;
	}
	.youtubewrap02{
		padding-bottom:50% !important;
	}
	.con04 .con_bt a{
		width:115px;
		height:30px;
		line-height:25px;
	}
	.con04 .con_bt a.on{
		line-height:30px;
	}
	.fmenu_ul li{
		margin-right:15px;
	}
	.fmenu_ul li a{
		font-size:10px;
	}
	footer .flogo{
		padding:12px 0;
	}
	footer .flogo img{
		width:90px;
	}
	.at-footer .at-about > li{
		font-size:9px;
	}
	.at-footer .at-infos .copyright{
		padding:15px 0;
		font-size:9px;
	}
}

/* 스크립트를 위한 추가 css */
html,body{ margin:0; padding:0; width:100%; height:100%;}
.main_wrap .con{ width:100%; height:100%; position:relative;}

.section .con_real{
	overflow:hidden;

}
.main_wrap .section{
	position:relative;
}
.main_wrap .section > div{
	padding-top:98px
}
.main_wrap .section .main_bg{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.main_wrap .section .main_bg > img{
	width:100%;
}
.main_wrap .section .real_main{
	position:absolute;
	width:100%;
	top:50%;
	left:50%;
	transform: translate(-50% , -50%);
	z-index:5;
}
.main_wrap .section .real_main.p_b02{
	padding-top:9%
}
.section.con04 .con_t{
	position:relative;
}
.main_wrap .section.con04 .real_main{
	top:56%;
}