@charset "utf-8";


body { font-family: 'Noto Sans KR', sans-serif; color:#000; letter-spacing:-0.03em; -webkit-box-sizing:border-box; box-sizing:border-box; }
img { max-width:100%; }
section { position:relative; }
.sec-title h2 {font-size:60px; }
.sec-title p { font-size:22px; }
.nopadding { padding:0; }
.btns a { text-align:center; border:2px solid #666; color:#666; padding:3px 33px; border-radius:10px; font-size:25px; font-weight:500;  
			-webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; }
.btns a:hover { border-color:#9cd8d7; color:#9cd8d7; }
.navbar-default .navbar-toggle { border-color:#000; }
.navbar-default .navbar-nav > li > a img { width:auto !important; }



@media (min-width:1600px){
	.container { width:1500px; max-width:1500px; margin:auto; position:relative; padding:0; }
}
@media (max-width: 1599px){
	.container { width: 100%;  max-width: 1300px; }
}
@media (max-width: 1360px) {
	.container { width: 100%; max-width: 1200px; }
}
@media (max-width: 640px) {
	.btns a { font-size:16px;}
	.sec-title h2 {font-size:30px; }
	.sec-title p { font-size:16px; }
}



/* First Section */
#top-wrap{position:relative; z-index:9; width:100%; height:1000px;-webkit-background-size: 100%; margin-left:180px;
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;  
}
#page-top{position:absolute; z-index:-1 ; height:100%; width:100%;
	-webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

.main_video { position:absolute; width:calc(100% - 180px); height:100%; left:0px; top:0; overflow:hidden; }
.m-visual { position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden; background:url('/img/main/m-visual.jpg') no-repeat center; background-size:cover; display:none; }
.youtube_wrap { position:absolute; width:100%; height:100%; left:0; top:0; }

@media (max-width: 1024px) {
	#top-wrap { margin-left:0; }
	.main_video { display:none;}
	.m-visual {display:block;}
}




/* Second Section */
#sec2 { width:100%; background:url(/img/main/main_sec2_bg.jpg); background-size:cover; z-index:9999; }
#sec2 ul { padding:50px 0;  }
#sec2 ul:after{ content:"";display:block;clear:both;}
#sec2 li { position:relative; width:50%; float:left; padding:0 20px; text-align:center;  }
#sec2 li .sec2_cont { width:100%; padding:25px 10px 115px; font-size:22px; background-color:#fff; position:relative; }
#sec2 li .sec2_cont:before { content:''; position:absolute; width:50px; height:25px; top:-24px; left:50%; margin-left:-25px; background:url('/img/main/deco_bubble.png');} 
#sec2 li .sec2_title { display:inline-block; padding:10px 30px; margin-bottom:20px; font-size:40px; font-weight:500; position:relative; border-bottom:4px solid #000; }
#sec2 li .sec2_title:before { content:''; position:absolute; top:50%; left:0; margin-top:-5px; width:19px; height:17px;background:url('/img/main/main_title_bl.png'); }
#sec2 li .sec2_title:after { content:''; position:absolute; top:50%; right:0; margin-top:-5px; width:19px; height:17px;background:url('/img/main/main_title_bl.png');}
#sec2 li .sec2_desc { width:690px; height:95px; display:table-cell; vertical-align:middle;  }
#sec2 li .btns { position:absolute; bottom:40px; left:50%; transform:translateX(-50%); }

@media (max-width: 1599px){
	#sec2 li .sec2_desc { height:95px; }
}
@media (max-width: 960px){
	#sec2 li .sec2_desc { height:125px; }
}
@media (max-width: 768px){
	#sec2 ul { padding:15px 0;  }
	#sec2 li { position:relative; width:100%; float:none; padding:0px; text-align:center;  }
	#sec2 li .sec2_desc { width:100%; height:auto; display:block;  }
}
@media (max-width: 640px){
	#sec2 li .sec2_cont { padding:20px 10px;  font-size:16px; }
	#sec2 li .sec2_title { font-size:24px; }
	#sec2 li .btns { position:relative; margin:20px 0; bottom:0; transform:translateX(-50%); }
}


/* menu Section */
#menu { width:100%; padding:100px 0; background-color:#efefef; overflow:hidden;  }
#menu:after{ content:"";display:block;clear:both;}
#menu .sec-title { text-align:center; } 
#menu .sec-title h2 {  position:relative; display:inline-block; padding:10px 30px; font-weight:700;  border-bottom:4px solid #000;}
#menu .sec-title h2:before { content:''; position:absolute; top:50%; left:0; margin-top:-5px; width:19px; height:17px;background:url('/img/main/main_title_bl.png'); }
#menu .sec-title h2:after { content:''; position:absolute; top:50%; right:0; margin-top:-5px; width:19px; height:17px;background:url('/img/main/main_title_bl.png');}
#menu .sec-title p { margin:30px 0 0px; }
#menu .sec-title .btns { margin:30px 0 60px; }
#menu ul { margin-right: -20px;}
#menu ul:after{ content:"";display:block;clear:both;}
#menu li { width:33%; float:left; padding:0 20px; }

.main-menu-inner { position:relative; }
.main-menu-cont { position:absolute; left:0; bottom:0; width:100%; background-color:rgba(0,0,0,0.5); padding:20px; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;  }
.main-menu-cont:hover { background-color:rgba(0,0,0,0.7);  }
.main-menu-cont:hover .btns { right:15px;  }
.main-menu-cont a { display:block; width:100%; height:100%;  }
.main-menu-cont h2 { margin:0; color:#fff; font-size:37px; }
.main-menu-cont p { margin:0; color:#9cd8d7; font-size:22px; }
.main-menu-cont .btns { position:absolute; right:20px; top:40%; -webkit-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out;}


@media (max-width: 1024px) {
	#menu li { width:33%; float:left; padding:0 10px; }
}

@media (max-width: 768px) {
	
}
@media (max-width: 640px) {
	#menu {  padding:50px 0; }
	#menu ul { margin-right: 0px;}
	#menu li { width:100%; float:none; padding:0px; margin-bottom:15px;}
	#menu li .main-menu-img { width:100%;  }
	.main-menu-cont h2 { font-size:22px; }
	.main-menu-cont p { font-size:16px; }
	.main-menu-cont .btns { position:absolute; right:20px; top:30%; }
}




/* brand Section */
#brand {  background-color:#9cd8d7;  position:relative; text-align:center; }
#brand .container { padding:125px 0; }
#brand .sec-logo { position:absolute; width:130px; top:0; left:50%; transform:translate(-50%,-50%);}
#brand .sec-title { padding:70px 0 35px; background-color:#e3e9e9; position:relative;}
#brand .sec-title h2 { position:relative; display:inline-block; padding:10px 30px;  font-weight:700;  border-bottom:4px solid #000;}
#brand .sec-title h2:before { content:''; position:absolute; top:50%; left:0; margin-top:-5px; width:19px; height:17px;background:url('/img/main/main_title_bl.png'); }
#brand .sec-title h2:after { content:''; position:absolute; top:50%; right:0; margin-top:-5px; width:19px; height:17px;background:url('/img/main/main_title_bl.png');}
#brand .sec-desc { padding:30px 15px 60px; font-size:22px; background-color:#fff; }
#brand .btns { margin:30px auto 0; }

@media (max-width: 640px) {
	#brand .container { padding:95px 0 50px; }
	#brand .sec-title { padding:50px 0 35px; background-color:#e3e9e9; }
	#brand .sec-desc { padding:30px 15px; font-size:16px;  }
}



/* franchise Section */
#franchise { position:relative; width:100%; padding:200px 0; color:#fff; background:url('/img/main/main_franchise.jpg'); background-size:cover;}
#franchise .sec-title { padding:70px 0 ; text-align:center; }
#franchise .sec-title h2 {  position:relative; display:inline-block; padding:10px 30px; font-weight:700; border-bottom:4px solid #fff; margin-bottom:30px;}
#franchise .sec-title h2:before { content:''; position:absolute; top:50%; left:0; margin-top:-5px; width:19px; height:17px;background:url('/img/main/main_title_wh.png'); }
#franchise .sec-title h2:after { content:''; position:absolute; top:50%; right:0; margin-top:-5px; width:19px; height:17px;background:url('/img/main/main_title_wh.png');}
#franchise .sec-title p { margin:0; padding:0 15px; }
#franchise .btns { margin:60px auto 0; }
#franchise .btns a { color:#ccc; border-color:#ccc;}
#franchise .btns a:hover { border-color:#9cd8d7; color:#9cd8d7; }

@media (max-width: 640px) {
	#franchise { padding:50px 0;}
}




/* SNS Section */
#event{position:relative; padding-bottom:5%; background-size:cover; }
#event .container{height:auto; max-width:1180px;}
#event .section_name { width:100%; padding:85px 0; text-align:center;}
#event .section_name img { width:44%;}

@media (max-width: 640px) {
	#event .section_name img { width:80%;}
}

#event .event_more{text-align:center; margin-top:30px; z-index: 10000;position: relative;}
#event .event_more a{-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(grayscale=50)";  filter: alpha(grayscale=60); opacity:.6; }
#event .event_more a:hover {display:block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(grayscale=50)";
  filter: alpha(grayscale=100); opacity:1;}




/* footer  
---------------------------------------------------------------*/
#footer {background-position: 80% 0px; background-repeat:no-repeat; background-color:#000;}
#footer .container{ max-width:1180px; padding-bottom:5%;}
#footer .col-sm-6, #footer .col-sm-10, .col-sm-2{padding:0;}

#footer .title .ttl.col-md-4{font-size:30px; margin:0; display:inline-block; padding:0;}
#footer .title.col-md-12{padding:0;padding-top:140px; color:#fff;}

#footer .title .social_btn{display:inline-block;  border-bottom:1px solid #404040; padding:5px 10px 0 0px; text-align:right; display:inline-block;}
#footer .title .social_btn a{text-align:right; display:inline-block; color:#fff; padding-bottom:5px; margin-left:20px;}
#footer .title .social_btn a:hover{color:#3498db}
#footer .contact_text{color:#b2b2b2; font-size:17px; white-space:normal; word-break:keep-all; letter-spacing:-0.5px; font-family:'Noto Sans KR', sans-serif; font-weight:bold; line-height:27px;}
#footer .contact_text.col-md-12{padding:10px 0 20px ;}
#footer .btn_group{padding:0; }
#footer .btn_group li {display:inline-block; width:130px; margin-right:5px;}
#footer .btn_group li.phone{margin-right:0;}
#footer .btn_group li a{display:inline-block; border-width:2px; border-color:#b3b3b3; color:#b2b2b2;width:130px;  font-size:14px; line-height:38px; -webkit-border-radius:10px;  -moz-border-radius:10px;   -ms-border-radius:10px;  -o-border-radius:10px;   border-radius:10px; }
#footer .btn_group li a:before{content:'';  background:url('../../img/main/img_ico_bag.png') no-repeat 0 center; padding-right:30px;}
#footer .btn_group li.phone a:before{ background:url('../../img/main/img_ico_phone.png') no-repeat 0 center; padding-right:25px; }



#footer .sitemap{/* margin-top:40px;  */border:1px solid #404040; border-left:none; border-right:none; padding:30px 0;     overflow: hidden;}
#footer .sitemap .foot_logo{display:inline-block; vertical-align:top; float:left;}
#footer .sitemap .foot_menu{margin:0; display:inline-block; }
#footer .sitemap .foot_menu > li{ display:inline-block; vertical-align:top;padding:0 2%;font-size:18px;  color:#b2b2b2; text-align:left;		
									-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;}

#footer .sitemap .foot_menu .foot_sub{padding:0; margin-top:20px; }
#footer .sitemap .foot_menu .foot_sub li a{color:#fff; font-size:15px; letter-spacing:-0.3px; -webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;}
#footer .sitemap .foot_menu .foot_sub li a:hover{color:#aaa;}
#footer .sitemap .foot_menu .foot_sub li .kor{font-family:'Noto Sans KR', sans-serif; display:inline-block; font-weight:normal; }

#footer .btn_group li a:hover{border-color:#fff; color:#fff;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(grayscale=50)";
  filter: alpha(grayscale=100); opacity:1;}



@media (max-width:1279px){
	#footer .sitemap .foot_menu > li{width:19%;}
}
@media (max-width:1024px){
	#footer .container  .row  div.col-md-6{width:60% }
	#footer .container{height:auto; max-height:auto; padding-bottom:40px;}
	
}
@media (max-width:992px){
	#footer .container  .row  div.col-md-6{width:100% }
	#footer .sitemap .foot_logo{float:none; text-align:center; display:block;}
	#footer .sitemap .foot_menu.col-md-10{  width:100% ; margin: 10px auto 0; text-align:center;}
	#footer .sitemap .foot_menu > li{width:auto;}
}
@media (max-width:768px){
	#footer .sitemap .foot_menu > li{ margin:1%; width:30.33%;text-align:center; }	
	#footer .sitemap .foot_menu .foot_sub {padding:0; margin-top:10px; }
}
@media (max-width:480px){
	#footer .sitemap .foot_menu.col-md-10{text-align:left;}
	#footer .sitemap .foot_menu .foot_sub li a { font-size:12px;}
}



/* questions */
.questions{padding:30px 0; border-bottom:1px solid #404040;}
.questions .col-md-5{ height:125px;}
.questions p{color:#fff; font-family:'Noto Sans KR', sans-serif; }
.questions .q_title{display:inline-block; vertical-align:middle; margin:auto;}
.questions .q_title img{display:inline-block; width:100%; vertical-align:middle;}

.questions p.q_mailto{text-align:right; color:#999999; font-size:17px; font-weight:bold; margin-top:10px; word-break:keep-all;}

.questions textarea{resize:none; border:2px solid #b3b3b3; background:#0d0c0c; color:#fff;width:100%; height:100%; padding:10px; -webkit-border-radius: 10px ;-moz-border-radius:10px; border-radius:10px;-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; }
.questions .input_form{width:50%;}
.questions input{display:block; height:60px; width:100%;color:#fff; font-weight:normal; padding:10px;border:2px solid #b3b3b3; background:#0d0c0c;-webkit-border-radius: 10px ;-moz-border-radius:10px; border-radius:10px;-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; }
.questions label{display:block;}
.questions button{ width:45%; display:block; height:125px;color:#fff;font-weight:bold; background:#9bdad9; font-size:20px; border:none; color:#fff; -webkit-border-radius: 10px ;-moz-border-radius:10px; border-radius:10px;-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(grayscale=80)";
  filter: alpha(grayscale=80); opacity:.8;}
.questions button:hover{ -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;  
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(grayscale=100)";
  filter: alpha(grayscale=100); opacity:1;}


/* consult */
.consult{padding:30px 0; clear:both;}
.consult .consult_box{padding:20px; margin-bottom:10px; border:1px solid #b3b3b3; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius: 10px ;-moz-border-radius:10px; border-radius:10px;-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; }
.consult .consult_box .consults{  float:left; width:50%; line-height:69px; font-size:24px; color:#fff;  margin-bottom:0; text-align:left;vertical-align:middle;}
.consult .consult_box .consults .ttl_co{color:#6acdb1}
.consult .consult_box .consults .sub_tx{color:#b2b2b2; font-size:16px; display:block; text-align:left; margin-top:2%;}
.consult .consult_box button { float:right; vertical-align:middle; width:40%; height:69px;  background:#9bdad9;  font-family:'Noto Sans KR', sans-serif; font-weight:normal; font-size:20px; border:none; color:#fff; -webkit-border-radius: 10px ;-moz-border-radius:10px; border-radius:10px;-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(grayscale=80)";
							   filter: alpha(grayscale=80);  opacity:0.8;}
.consult .consult_box button:hover{ -webkit-transition:all .25s; -ms-transition:all .25s; transition:all .25s;  opacity:1;}
.consult .consult_box:after{clear:both; content:''; display:block;}


/* layer-pop */
.layer_popup { z-index:99999; position:absolute; top:0; width:320px; background:#fff;}
#layer_popup { right:0; }
#layer_popup2 { right:320px; }
#layer_popup3 { right:640px; }
#layer_popup4 { right:960px; }
.checkbox{position:absolute; right:0;bottom:0;}
.layer_popup button{margin-right:30px; background:#221e1f; color:#fff; font-weight:bold ; font-family:'Noto Sans KR', sans-serif; border:none; padding:2px 3px; -webkit-border-radius: 5px ;-moz-border-radius:5px; border-radius:5px;-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; }

@media screen and (max-width: 640px){
	.layer_popup { width:57%; }
	#layer_popup { top:0; right:0; }
	#layer_popup2 { top:20px; right:40px; }
	#layer_popup3 { top:40px; right:80px; }
	#layer_popup4 { top:60px; right:120px; }
}





/*** custom checkboxes ***/
input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
  font-family: FontAwesome;
  display: inline-block;
}

input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 5px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 5px; } /* allow space for check mark */



/* Footer Section End 
---------------------------------------------------------------------- */


/* Media Query */
/*1024이상*/
@media all and (min-width: 1024px) and (max-width:1279px){
	#footer .container  .row  div.col-md-6{width:60% }
	#footer .container{height:auto; max-height:auto; padding-bottom:40px;}
	.questions .q_title img{padding-top:20px;}
}

/*1024이하*/
@media (max-width: 1024px) {
	.questions .q_title img{padding-top:20px;}

	#franchise {background-position:10% 0  ;
	 -webkit-background-size: 100%; 
		-moz-background-size: 100%; 
		-o-background-size: 100%; 
		background-size: 100%; 
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
		background-size: cover;  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/main/visual_041.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../../img/main/visual_041.png',sizingMethod='scale')";}
	#franchise .container .cont{margin:0;}
	#franchise .container .cont.animateblock.left.animated{margin-left:0;}

	.questions .q_title{font-size:30px; margin-bottom:2%;}
	.questions .col-md-4{margin-top:10px;}

	
}

/* 992 이하 */
@media screen and (max-width: 992px){	
	.social_btn.col-md-8{width:74%;}
	.questions .q_title{margin-bottom:30px;}
}

/* 800 이하 */
@media screen and (max-width: 800px){
	#event .container{height:auto; padding-bottom:20px;}
	#event .team-container .row .col-sm-4{width:100%; margin-bottom:20px; }
	.social_btn.col-md-8{width:100%;}
}

@media screen and (max-width: 640px){
	#top-wrap{height:600px;}
	#top-wrap .pattern{height:600px;}
	#footer .sitemap .foot_menu > li{ margin:1%; width:30%;}
}

@media screen and (max-width: 480px){
	.br_hiding{display:none;}
	.consult .consult_box button{font-size:16px;}
}


/* Next Section
------------------------------------------ */
.next-section{position:absolute; bottom:0; left:50%; margin-left:-87px; display:none;} 
.next-section a{cursor:pointer; display:inline-block; width:120px; 	height:120px;	margin:35px; position:relative; z-index:9999;}
.next-section a.go-to-event{top:-75px;}
.next-section a span{background:url('../../img/main/img_arr_bot.png') no-repeat; opacity:.4; position:absolute; bottom:-80px; left:20px; width:81px;	height:64px;}
.next-section a:hover span{opacity:1;}