@importurl(' https://fonts.googleapis.com/css2?family=Proxima+Nova ');

/*reset*/
/* fontStyle */ tt, i, u, s, strike, big, small, 
/* phrase */ dfn, code, samp, kbd, var, cite, abbr, acronym,
/* special */ a, img, applet, object, font, basefont, br, script, map, q, sub, sup, span, bdo, iframe, 
/* formctrl */ input, select, textarea, label, button, 
/* document */ address, div { margin: 0; padding: 0; }
p, h1, h2, h3, h4, h5, h6, h7, h8, h9, pre, blockquote, ins, del, dl, dt, dd, ul, ol, li, dir, menu, form, option, fieldset, legend, th, td {
	margin:0 auto 0 auto;
	font-family: 'proxima-nova', 'Noto Sans KR', sans-serif;
    letter-spacing: 0em;
    line-height: 1.4;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeSpeed
	margin: 0; padding: 0; }
table {width: 100%; border-collapse: collapse; margin: 0; padding: 0; border: 0; }
hr { display: none; }
img { line-height: 1; border: 0; vertical-align:top; max-width:100%; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #000; }
b,strong {
    font-weight: bold
}
em {
    font-style: italic
}
body {
	margin:0 auto 0 auto;
	padding: 0;
	border: 0;
	font-family: 'proxima-nova', 'Noto Sans KR', sans-serif; Arial, sans-serif;
    letter-spacing: 0em;
    line-height: 1;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeSpeed
	color: #000;
	}


/*È­¸é ³Êºñ 0Çȼ¿-~720Çȼ¿*/	
@media screen and (max-width:720px) {
	body{width:100%;}
}

/*È­¸é ³Êºñ 721 Çȼ¿ ~¹«ÇÑ Çȼ¿*/
@media screen and (min-width:721px) {
	body{width:720px;}	
}


			
/*¸ÞÀθ޴º*/
ul.menu{overflow:hidden;}
ul.menu li{width:15%; float:left;}
ul.menu li.w20{width:20%;}


/*submenu ¼­ºê¸Þ´º*/
.menu_sub{display:none; width:100%; z-index:100; overflow:hidden; background:#545557;} 
.menu_sub li {margin:0; padding:0; width:15%; float:left;}
.menu_sub li.w20 {margin:0; padding:0; width:20%;float:left;}
.menu_sub li.w10 {margin:0; padding:0; width:10%;float:left;}
.menu_sub li.w40 {margin:0; padding:0; width:40%;float:left;}
.menu_sub li a {margin:0; padding:0; width:100%;float:left;}
.menu_sub li a img{margin:0; padding:0; width:100%;float:left;}

/*footer*/
#footer{width:100%; overflow:hidden; margin:auto;}
#footer ul.footer_m{width:100%; overflow:hidden;}
#footer ul.footer_m li{float:left;}
.w5 {width:5%;}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w50 {width:50%;}

/* ¾ÆÀÌÄÜ ¸Þ´º */
ul.iconmenu{overflow:hidden; background:#00a261;}
ul.iconmenu li{width:25%; float:left;}

/*ÅǸ޴º ½ºÅ¸ÀÏ*/
.tab{overflow:hidden;} 
.tab li{float:left; width:35%; cursor:pointer;} 
.tab li.w30{width:30%;} 
.tab li.w50{width:50%;} 
.tab li a{display:block;width:100%; height:inherit; text-align:center;} 
.con_wrap{position:relative; padding-bottom:69.5%; /*°¡·Î ¼¼·ÎÀÇ ºñÀ²*/ padding-top:25px; height:0;}  /*³ôÀÌ°ªÀ» Áà¾ß ´ÙÀ½ ÄÁÅÙÃ÷°¡ ¾Èµþ·Á¿È*/
.con_wrap div{position:absolute;left:0;top:0; width:100%; height:100%;} 
.con_wrap div img{width:100%; display:block;}
.con_wrap div:nth-child(2){display:none} 
.con_wrap div:nth-child(3){display:none} 
.con_wrap div:nth-child(4){display:none}
.con_wrap div:nth-child(5){display:none}
.con_wrap div:nth-child(6){display:none}

ul.sns{overflow:hidden;}
ul.sns li{width:25%; float:left;}


/* ¿Â¶óÀιè³Ê */
ul.online{overflow:hidden;}
ul.online li{float:left; width:100%;}
ul.online li.w50{width:50%;}
ul.online li.w35{width:35%;}
ul.online li.w30{width:30%;}

/* Ä¿¹Â´ÏƼ */
ul.community{overflow:hidden;}
ul.community li{float:left; width:50%;}


ul.btn{overflow:hidden; } 
ul.btn li{margin:0; padding:0; width:25%; float:left;}

.color_titanium{margin:0; padding:0; width:50%; float:left;}
ul.color_btn{overflow:hidden; width:100%; background-color:#f1f1f1;}
ul.color_btn2 li{float:left; width:12.5%; background-color:#f1f1f1;}
ul.mstyle_btn li{float:left; width:30%; background-color:#f1f1f1;}
ul.mstyle_btn li.w13{width:13.3%;}

.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:90%;}





#concept{width:100%; overflow:hidden; margin:auto; text-align:center;}
#concept p.h1{width:100%; margin:auto; text-align:center;font-size: 1.5em; color:#701400; margin-top:30px;}
#concept p.h10{width:100%; margin:auto; text-align:center;font-size: 1.5em; color:#000; margin-top:30px; margin-bottom:30px; font-weight: 500;}
#concept p.margin{margin-top:10px; margin-bottom:30px; margin-left:5%; margin-right:5%;}
#concept p.margin2{margin-top:30px;}
#concept p.conceptImg_kr{width:100%; height:100%; border-top:1px #fff solid;}

#concept div.conceptImg2_kr{width:100%; position:absolute; overflow:hidden; z-index:50; top:60px;left:0;}
video {
	position:relative;
	top:0px; 
	left:0;
	min-width:100%;
	min-height:100%;
	width:100%;
	z-index:-1;
}


.travel {
  width: 100%;
  height: 900px;
  overflow: hidden; // ¹è°æÀ̹ÌÁö°¡ ¾Æ´Ï¶ó À̹ÌÁö¿¡ ½ºÄÉÀÏ È¿°ú¸¦ ÁÖ´Â °ÍÀ̹ǷΠÃß°¡µÊ.
}
.image1 {
  background-image: url('../images/main_img_03.jpg');
  background-size: cover;
  background-position: center center;
}
.bg1 {
  positon: relative;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
h5 {color:#fff; font-size:3em; text-align:center; font-weight:500; padding-top:300px;}

@-webkit-keyframes zoom-b {
  0% {
    -ms-transform: scale(1.1, 1.1);
    transform:scale(1.1, 1.1) translateZ(10px);
  }
  100% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(10px);
  }
}
@-moz-keyframes zoom-b {
  0% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(10px);
  }
  100% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(10px);
  }
}
@-o-keyframes zoom-b {
  0% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(10px);
  }
  100% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(10px);
  }
}
@keyframes zoom-b {
  0% {
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1) translateZ(10px);
  }
  100% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(10px);
  }
}
.type-b {
  -webkit-animation: zoom-b 3s linear infinite alternate; /* Safari 4+ */
  -moz-animation:    zoom-b 3s linear infinite alternate; /* Fx 5+ */
  -o-animation:      zoom-b 3s linear infinite alternate; /* Opera 12+ */
  animation:         zoom-b 3s linear infinite alternate; /* IE 10+, Fx 29+ */
}


#con_detail{overflow:hidden; width:100%; margin:auto; padding:0;text-align:center;}
#con_detail p{margin:0; padding:0; text-align:left; line-height:1.5; vertical-align:middle; }
#con_detail div.right{width:80%; float:left; margin-left:10%; text-align:left; margin-top:3%;}
#con_detail div.left{width:100%; float:left; margin-left:1%; }
#con_detail img.margin{margin-bottom:5%;}


#con_detail .detail{width:100%; margin:auto; padding:0;}
#con_detail .detail li{width:100%;float:left; padding-left:0px; text-align:left;}
#con_detail .detail li div.right{width:100%; float:left; margin-left:20%; text-align:left; margin-top:15%;}
#con_detail .detail li div.left{width:550px; float:left; margin-left:10px; margin-right:50px; text-align:left; margin-top:15%;}

#con_detail .detail2{width:1220px; height:483px; margin:auto; padding:0;}
#con_detail .detail2 li{width:610px;float:left; padding-left:0px; text-align:left;}
#con_detail .detail2 li div.left{width:550px; float:left; margin-left:10px; margin-right:50px; text-align:left; margin-top:25%;}

#con_detail .detail3{width:100%; margin:auto; padding:0;margin-bottom:20px;}
#con_detail .detail3 li{width:100%;float:left; padding-left:0px; text-align:left;}
#con_detail .detail3 li div.left{width:100%; float:left; margin-left:10px; margin-right:50px; }

#con_detail .detail4{width:1220px; height:377px; margin:auto; padding:0; margin-bottom:20px;}
#con_detail .detail4 li{width:610px;float:left; padding-left:0px; text-align:left;}


#con_detail p.margin3{line-height:1.5; text-align:left; margin-top:1%; margin-bottom:5%; }
#con_detail p.margin4{line-height:1.5; text-align:left; margin-top:20px; }

#con_detail p.h3{font-size:1.5em; color:#701400; font-weight:500; text-align:left; }
#con_detail p.h4{font-size:2em; color:#701400; font-weight:bold; text-align:left; margin-top:10%; }
#con_detail p.h5{font-size:1.1em; font-weight:bold; text-align:left; margin-bottom:3%}



.line1{height:50px; border-bottom:1px #d4d4d4 solid; }
.margin_top{margin-top:10%;}
.margin_top1{margin-top:10px;}
.margin_top2{margin-top:5%;}
.margin_bottom{margin-bottom:10%;}
.margin_bottom2{margin-bottom:5%;}
.margin_img1{margin-left:3%;}
.margin_img2{margin-left:3%;margin-top:1%;}


/*sub content*/
#con{width:100%; margin:auto; padding:0; text-align:center;}
#con p{margin:0 5%; padding:0;text-align:center; line-height:1.7;}
#con p.top{margin-top:10%;}
#con p.b{font-weight:bold;margin-top:5%;}
#con p.b2{font-weight:bold;margin-top:5%;}
#con p.h2{width:100%; margin:auto; text-align:center;font-size: 1.7em; color:#701400; margin-top:5%; font-weight:500;}
#con p.h6{width:100%; margin:auto; text-align:center;font-size: 1.7em; color:#000; margin-bottom:20%; font-weight:600;}
#con p.margin0{margin-top:1%; margin-bottom:5%}
#con p.margin1{margin-top:3%;}
#con p.margin2{margin-top:3%; margin-bottom:10%;}
#con p.margin3{margin-top:1%; margin-bottom:2%}


.user{width:100%; margin:auto; padding:0;}
.user li{width:50%; float:left;}

.celebrity{margin:auto; padding:0 2%;}
.celebrity li {width:31%; float:left; padding-left:3%;}
.celebrity li:first-child{padding-left:0;}
.celebrity_text{margin:auto; padding:0 2%; text-align:center;}
.celebrity_text li {width:31%; float:left; padding-left:3%; text-align:center;font-size: 1em; color:#000; margin-top:1%; margin-bottom:5%; font-weight:400;}
.celebrity_text li.toptt{height:30px;}
.celebrity_text li:first-child{padding-left:0;}
#con p.h9{width:30%; margin:auto; text-align:center; vertical-align:top; font-size: 1.5em; color:#000; margin-bottom:5%; margin-top:1%; font-weight:600; letter-spacing:0em; line-height:1.5em; background-color:#000; color:#fff;}
.w70 {width:70%}

.store_online{width:100%; margin:auto; padding:0;}
.store_online li{width:35%; float:left;}
.store_online li.w30{width:30%;} 
.store_online li.w50{width:50%;} 


.customize_btn{width:100%; margin:auto; padding:0; margin-top:5%; text-align:center;}
.customize_btn li {width:30%; float:left; }
.customize_btn li.ww20 {width:20%;}

.customize{width:100%; margin:auto; padding:0; text-align:left;}
.customize li {width:50%; float:left; text-align:left;}
.customize_list{width:90%; padding:0; margin-left:5%; float:left; text-align:left; margin-top:2%; margin-bottom:5%;}
.customize_list li{width:20%; float:left;  margin-right:3%; text-align:left;}

.customize li.w75 {width:75%; float:left; text-align:left;}
.customize li.w25 {width:25%; float:left; text-align:left;}
.customize li.w100 {width:100%; float:left; text-align:left;}
.customize_list2{width:90%;  padding:0; margin-left:3%; float:left; text-align:left; margin-top:2%; margin-bottom:5%;}
.customize_list2 li{width:13%;  float:left;  margin-right:1%; text-align:left;}
.customize_list3{width:90%; padding:0; margin-left:3%; float:left; text-align:left; margin-top:5%; margin-bottom:5%;}
.customize_list3 li{width:40%;  float:left;  margin-right:5%; text-align:left;}
.customize_list4{width:90%; padding:0; margin-left:2%; float:left; text-align:left; margin-top:1%; margin-bottom:5%;}
.customize_list4 li{width:10%;  float:left;  margin-right:2%; text-align:left;}



#con p.h8{margin-left:5%; padding:0; text-align:left; font-size: 1.1em; color:#000; font-weight:600; margin-top:2%;}
#con p.h8-1{margin-left:2%; padding:0; text-align:left; font-size: 1.1em; color:#000; font-weight:600; margin-top:2%;}
#con p.customize_text{margin-left:3%; padding:0; text-align:left; font-size: 1em; color:#000; font-weight:400;}
.customize_text{margin-left:5%; padding:0; text-align:left; font-size: 1em; color:#000; font-weight:400;}