@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html { margin: 0;padding: 0; overflow-y: scroll; }
body { margin: 0;padding: 0; font-family:'Noto Sans KR', sans-serif, nanumgothic, 나눔고딕, "Malgun Gothic", "맑은 고딕",  Dotum, 돋움, Arial, "Trebuchet MS", "Lucida Console", AppleSDGothicNeo, sans-serif; background:#212121}
input, textarea, select, button {font-family:'Noto Sans KR', sans-serif, nanumgothic, 나눔고딕,  "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Arial, "Trebuchet MS", "Lucida Console", AppleSDGothicNeo, sans-serif;}
input[type=password] {font-family:'Noto Sans KR', sans-serif, nanumgothic, 나눔고딕,  "Malgun Gothic", "맑은 고딕", Dotum, 돋움, Arial, "Trebuchet MS", "Lucida Console", AppleSDGothicNeo, sans-serif;}
input,select,textarea {	}
input[type=password],
.chinese {font-family:'Noto Sans KR', sans-serif, nanumgothic, 나눔고딕,  Dotum, 돋움, Arial, "Trebuchet MS", "Lucida Console", AppleSDGothicNeo, sans-serif;}



header, header div, header ul, header li, header input, header select, header span, header h1, header h2, header textarea,  header img {
-webkit-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	-ms-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;} 

footer, footer div, footer ul, footer li, footer input, footer select, footer span, footer h1, footer h2, footer textarea,  footer img {
-webkit-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	-ms-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;} 

.w_wrapper, .w_wrapper div, .w_wrapper ul, .w_wrapper li, .w_wrapper input, .w_wrapper select, .w_wrapper span, .w_wrapper h1, .w_wrapper h2, .w_wrapper textarea,  .w_wrapper img {
-webkit-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	-ms-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;} 

.main_wrap, .main_wrap div, .main_wrap ul, .main_wrap li, .main_wrap input, .main_wrap select, .main_wrap span, .main_wrap h1, .main_wrap h2, .main_wrap textarea,  .main_wrap img {
-webkit-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	-ms-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;} 

.w_sub_visual, .w_sub_visual div, .w_sub_visual ul, .w_sub_visual li, .w_sub_visual input, .w_sub_visual select, .w_sub_visual span, .w_sub_visual h1, .w_sub_visual h2, .w_sub_visual textarea,  .w_sub_visual img {
-webkit-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	-ms-transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;
	transition: width .3s, height .3s, left .3s, top .3s, right .3s, bottom .3s;} 

.w_wrapper {width:100%; float:left; position:relative;background:#212121}
.wg_wrapper {width:100%; float:left; position:relative;background:#212121}
.w_main_wrapper {width:100%; float:left; position:relative; background:#212121; padding:40px 0 40px 0}

.w_container {position:relative; width:1480px; margin-left:auto; margin-right:auto;}
.ww_container {position:relative; width:1600px; margin-left:auto; margin-right:auto;}


@media (max-width:1600px) {
	.ww_container {width:100%; float:left; padding:0 20px 0 20px;}
}


@media (max-width:1480px) {
	.w_container {width:100%; float:left; padding:0 20px 0 20px;}
}



@media (max-width:1480px) {
	.w_container {width:100%; float:left; padding:0 20px 0 20px;}
}



@media (max-width:1200px) {
	.w_container {width:100%;}
}

@media (max-width:980px) {
	.w_container {width:100%;}
}


@media (max-width:720px) {
	.w_container {width:100%;padding:0 10px 0 10px;}
	.ww_container {width:100%; float:left; padding:0 10px 0 10px;}
	.w_main_wrapper{padding:40px 0 0 0}
}


img {max-width:100%; vertical-align:middle;}
.w_box {width:100%; float:left;}


.quick {}
.m_quick {display:none; position:fixed; bottom:10px; right:0 ; z-index:9998}
.m_quick img {height:50px}
.quick_1 {position:fixed; right:-131px; bottom:356px;z-index:9999; background:#3f3f3f}
.quick_1:hover {background:#9d38c2;}
.quick_2 {position:fixed; right:0; bottom:278px;z-index:9999; background:#3f3f3f}
.quick_2:hover {background:#000000}
.quick_3 {position:fixed; right:0; bottom:200px;z-index:9999}


@media (max-width:1200px) {
	.quick {display:none}

}

.mm_quick {display:none; position:fixed; bottom:20px; right:20px ; z-index:9998}
.mm_quick img {height:40px}
.mm_quick span {padding:0 20px 0 0; background:#fff; display:inline-block; border-radius:40px; height:40px; }
.mm_quick a {color:#000}
@media (max-width:1200px) {
	.mm_quick {display:block}

}

/*-------------------------------------------------------------------------------------*
 *  Header                                                                             *
 *-------------------------------------------------------------------------------------*/
header .header_wrap{position:fixed; top:0; left:0px; right:0; overflow:visible; z-index:998; width:100%;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; background:rgba(0,0,0,0.7) }
header .w_logo_wrap {position:absolute; left:0; top:0}
header .header_wrap .w_menu {width:100%; float:left; text-align:center;}
header .header_wrap .top_sns ul {position:absolute; right:0; top:0; line-height:70px;}
header .header_wrap .top_sns ul li {floaT:left; margin:0 0 0 10px}
header .header_wrap .w_logo {display:block}
header .header_wrap .wm_logo {display:none}
header .nav-shrink {-webkit-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out;}
header .nav-shrink .w_logo{height:100px; width:auto} 
header .nav-shrink .w_menu > ul > li {line-height:50px;  }
header .m_header_wrap {display:none; position:fixed; left:0; top:0; height:70px;background:rgba(0,0,0,0.7); width:100%; z-index:998 }
header .nav-shrink #cssmenu > ul > li  {line-height:70px;}
header .nav-shrink .top_sns ul {position:absolute; right:0; top:0; line-height:70px;}

.m_menu_cover {width:100%; height:100vh; background:rgba(0,0,0,0.7); -webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; z-index:999; display:none; position:fixed; left:0; top:0;  }
.m_menu_wrap{width:250px; padding:85px 0 0 20px;  position:fixed; right:-250px;top:0; background:#212121; height:100%;-webkit-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; z-index:1000} 
.m_menu_top {width:100%; float:left; height:60px;}
.m_menu_mid {width:100%; float:left;}
.m_menu_mid ul li img{width:100%; }
.menu_open {position:absolute; right:10px; top:0; cursor:pointer;z-index:2} 
.menu_open img {height:70px; width:auto} 
.menu_close{position:absolute;  right:10px; top:0; cursor:pointer;z-index:1} 
.menu_close img{height:70px; width:auto} 
.menu_phone {position:absolute; right:80px; top:0; cursor:pointer;z-index:2} 
.menu_phone img {height:70px; width:auto} 
.menu_phone2 {position:absolute; right:130px; top:0; cursor:pointer;z-index:2} 
.menu_phone2 img {height:70px; width:auto} 
/* PC메뉴 */
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button {display:block; z-index:1000000;}
#cssmenu > ul {} 
#cssmenu ul ul {position: absolute;left: -9999px;}
#cssmenu li:hover > ul {left: auto; }
#cssmenu ul ul li {height: 0;-webkit-transition: height .2s ease;-moz-transition: height .2s ease;-ms-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease;}
#cssmenu {width:100%; text-align:center}
#cssmenu > ul > li  {display:inline-block; line-height:70px; font-size:18px; font-weight:600; margin:0 30px 0 30px; letter-spacing:-1px}
#cssmenu > ul > li  {} /* ysk 대메뉴 스타일시트 */
#cssmenu ul li a {color:#d8d8d8;}
#cssmenu ul li a:hover {color:#ffffff}
#cssmenu ul li:hover > ul {}
#cssmenu ul li:hover > ul > li {height: 40px;  background:rgba(0,0,0,0.7); padding:0 0 0 0; position:relative;  width:160px; left:0px; text-align:left ; text-indent:10px}

#cssmenu ul ul li a {line-height: 40px; width:100%; font-size:14px; color:#ffffff; font-weight:normal; } /* 뎁스 스타일 */
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover {color: #ffffff; font-weight:normal; background:rgba(255,255,255,0.2); height:39px} /* 뎁스 오버시 폰트컬러 */


.m_menu_list li a{color:#ffffff; line-height:2;font-size:18px; font-weight:600}


@media (max-width:1480px) {
	header .header_wrap .w_logo {display:none}
	header .header_wrap .w_menu > ul > li {margin:0 20px 0 20px; }
	header .header_wrap #cssmenu > ul > li  {line-height:70px;}
	header .w_logo_wrap {position:absolute; left:10px; top:0}
	header .header_wrap .wm_logo {display:block; height:70px;}
	header .header_wrap .top_sns ul {position:absolute; right:10px; top:0; line-height:70px;}
	header .header_wrap .top_sns ul li {floaT:left; margin:0 0 0 10px;}
	header .nav-shrink .top_sns ul {line-height:70px;}
}

@media (max-width:1200px) {
	header .header_wrap{display:none}
	header .m_header_wrap {display:block; }
	.wgm_logo {position:absolute; left:10px; top:0}
	.wgm_logo img{height:70px}
	.menu_open img {height:70px}
	.menu_phone {position:absolute; right:80px; top:0; cursor:pointer;z-index:2} 
	.menu_phone img {height:70px; width:auto} 
	.top_sns {display:none}
}

@media (max-width:980px) {

}

@media(max-width:720px) {
	header .m_header_wrap {height:55px}
	.wgm_logo img{height:55px}
	.menu_open img {height:55px} 
	.menu_close img{height:55px;}
	.menu_phone {position:absolute; right:65px; top:0; cursor:pointer;z-index:2} 
	.menu_phone img {height:55px; width:auto} 	
	.menu_phone2 {position:absolute; right:105px; top:0; cursor:pointer;z-index:2} 
	.menu_phone2 img {height:55px; width:auto} 	
	
}


/*-------------------------------------------------------------------------------------*
 *  main                                                                               *
 *-------------------------------------------------------------------------------------*/

/* visual */
.main_visual {width:100%; float:left; position:relative; background:#212121}
.m_main_visual {width:100%; float:left; position:relative; background:#212121; display:none}
.jssorl-004-double-tail-spin img {animation-name: jssorl-004-double-tail-spin;animation-duration: 1.2s;animation-iteration-count: infiniteanimation-timing-function: linear;}
@keyframes jssorl-004-double-tail-spin {
	from {transform: rotate(0deg);}
	to {transform: rotate(360deg);}
}
.jssorb051 .i {position:absolute;cursor:pointer;}
.jssorb051 .i .b {fill:#ffffff;fill-opacity:0.5;stroke:#000;stroke-width:400;stroke-miterlimit:10;stroke-opacity:0.5;}
.jssorb051 .i:hover .b {fill:#ffffff;fill-opacity:.7;}
.jssorb051 .iav .b {fill:#ffffff; fill-opacity: 1;}
.jssorb051 .i.idn {opacity:.3;}

.jssora051 {display:block;position:absolute;cursor:pointer; bottom:0}
.jssora051 .a {stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}

/* main_contnets */
.main_wrap {width:100%; floaT:left; padding:0 0 50px 0}
.main_wrap_slide {width:100%; floaT:left; padding:0 0 50px 0}
.main_wrap_new  {width:100%; floaT:left; padding:0 0 50px 0}
.w_main_tit {width:100%; float:left; }
.w_main_tit_b {width:100%; float:left;text-align:center; padding:0 0 0 0; font-size:40px; color:#ffffff; letter-spacing:-2px; font-weight:100}
.w_main_tit_s {width:100%; float:left;text-align:center;  padding:0 0 40px 0; font-size:20px; color:#bebebe; letter-spacing:-1px; font-weight:100}
.best_wrap {width:100%; float:left;}
.best_wrap ul li {margin:0; padding:0}
.best_Thum {width:100%; float:left; position:relative}
.best_Thum > img{width:100%}

.best_none {display:none}
.w_100 {width:100%; float:left;}
.w_event_img {width:100%;}
.w_event_text {width:100%; color:#c8c8c8; font-size:18px; text-align:center; margin:15px 0 0 0;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; padding:0 15px 0 0}
.new_wrap {width:100%; float:left;}
.new_wrap img{text-align:center;}
.new_left {width:35%; float:left;}
.new_center {width:35%; float:left;position:relative;}
.new_right {width:30%; float:left;}
.new_left_top {width:100%; position:relative; }
.new_left_bot {width:100%;} 
.new_left_bot ul li { position:relative;}
.new_right_top {width:100%; position:relative;}
.new_right_bot {width:100%; position:relative;}
.new_over{position:relative; }	
.new_over .new_over_box{ opacity:0; position:absolute; left:0; top:0;-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;z-index:400; width:100%; height:100%; background:rgba(0,0,0,0.8)}
.over .new_over_box{opacity:1;position:absolute; left:0; top:0 ;-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;z-index:400}

.new_over_box_1 {font-size:20px; font-weight:600; letter-spacing:-2px; position:absolute; left:0; top:0; width:100%; padding:25px;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;color:#ffffff}
.new_over_box_2 {font-size:18px; letter-spacing:-2px; position:absolute; left:0; bottom:0; width:100%; padding:25px;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden;color:#ffffff}

.dvd_wrap {width:100%; float:left; }
.dvd_wrap ul li{margin:0 0 35px 0}
.dvd_wrap ul li:hover .dvd_text {color:#ffffff}
.dvd_img {width:100%; float:left;}
.dvd_text {width:100%; float:left; text-align:center; color:#c8c8c8; font-size:18px; margin:15px 0 0 0;text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; padding:0 15px 0 15px}
.dvd_wrap img{width:100%}


@media (max-width:980px) {
	.best_none {display:block}
	.best_Thum > img {width:100%}
	.new_left {width:50%; }
	.new_center {width:50%; }
	.new_right {display:none}
}

@media (max-width:720px) {
	.main_visual {display:none}
	.m_main_visual {display:block; padding:55px 0 0 0}
	.w_main_tit_b {padding:0 0 10px 0; font-size:25px; }
	.w_main_tit_s {padding:0 0 20px 0; font-size:16px; }
	.new_left {width:100%;}
	.new_center {display:none}
	.w_event_text { font-size:14px; text-align:center;padding:0 10px 0 10px}
	.dvd_text {font-size:13px;}
	.new_left img{width:100%}
}





/*-------------------------------------------------------------------------------------*
 *  footer                                                                             *
 *-------------------------------------------------------------------------------------*/
footer {width:100%; float:left; background:#000000;}
.f_menu {width:100%; float:left; text-align:center; border-bottom:solid 1px rgba(255,255,255,0.3)}
.f_menu ul li {display:inline-block; margin:0 20px 0 20px; font-size:18px; letter-spacing:-1px; line-height:100px; font-weight:normal }
.f_menu ul li a {color:#c0c0c0}
.f_menu ul li a:hover {color:#ffffff}

.f_menu_m {width:100%; float:left; text-align:center; border-bottom:solid 1px rgba(255,255,255,0.3); display:none;padding:10px 0 10px 0;}
.f_menu_m ul li {display:inline-block; margin:0 10px 0 10px;  font-size:14px; letter-spacing:-1px; line-height:30px; font-weight:normal }
.f_menu_m ul li a {color:#c0c0c0}
.f_menu_m ul li a:hover {color:#ffffff}



.f_logo {width:100%; float:left; text-align:center; padding:20px 0 30px 0}
.f_sns {width:100%; float:left; text-align:center; padding:0 0 30px 0}
.f_sns ul li {display:inline-block;}
.f_customer {width:100%;text-align:center; float:left; padding:0 0 10px 0}
.f_customer ul { }
.f_customer ul li {line-height:45px;display:inline-block; }
.f_customer ul li a {color:#fff !important; text-decoration:none}
.f_customer ul li div{ border:solid 1px rgba(255,255,255,0.2);width:600px; float:left; text-align:center; color:#ffffff !important; font-weight:600;word-break: keep-all;font-size:16px}
.f_copy {width:100%;text-align:center; float:left; padding:0 0 40px 0; font-size:14px; color:#848484;word-break: keep-all;}



@media(max-width:1200px) {
}


@media(max-width:980px) {

}


@media(max-width:720px) {
.f_customer ul li  {width:100%}
.f_customer ul li div {width:100%; padding:10px; line-height:20px}
.f_customer ul li div img {height:20px}

.f_logo {padding:20px 0 15px 0}
.f_logo img{height:50px;}
.f_sns ul li img{height:35px}
.f_menu {display:none}


.f_menu_m { display:block}



}




/*-------------------------------------------------------------------------------------*
 *  sub                                                                                *
 *-------------------------------------------------------------------------------------*/

.w_sub_visual_wrap {background:#212121; width:100%; float:left;} 
.w_sub_visual {width:100%; background-size:cover; height:420px; background:url(/images/sub_visual_1.jpg) center center no-repeat; padding:200px 0 110px 0; z-index:999; }
.w_sub_visual2 {width:100%; background-size:cover; height:420px; background:url(/images/sub_visual_2.jpg) center center no-repeat; padding:200px 0 110px 0; z-index:999; }
.w_sub_visual3 {width:100%; background-size:cover; height:420px; background:url(/images/sub_visual_3.jpg) center center no-repeat; padding:200px 0 110px 0; z-index:999; }
.w_sub_visual4 {width:100%; background-size:cover; height:420px; background:url(/images/sub_visual_4.jpg) center center no-repeat; padding:200px 0 110px 0; z-index:999; }
.w_sub_visual5 {width:100%; background-size:cover; height:420px; background:url(/images/sub_visual_5.jpg) center center no-repeat; padding:200px 0 110px 0; z-index:999; }
.w_sub_tit {text-align:center; font-size:45px; padding:0 0 20px 0; letter-spacing:-1px; font-weight:bold; color:#ffffff }
.w_sub_location {text-align:center; font-size:16px; color:#ffffff}
.w_sub_gnb_wrap {width:100%; background:#303030; float:left; }
.w_sub_gnb_wrap_t {position:fixed; top:110px;}
.w_gnb_container {position:relative; width:1480px; margin-left:auto; margin-right:auto;}
.w_sub_gnb_wrap ul {border-left:rgba(255,255,255,0.3) }
.w_sub_gnb_wrap ul li {line-height:55px; float:left; border-right:rgba(255,255,255,0.3);  }
.w_sub_gnb_wrap span.w_sub_gnb_on {padding:0 40px 0 40px; color:#ffffff; font-weight:lighter; font-size:18px; background:#000000; display:inline-block; line-height:60px }
.w_sub_gnb_wrap span.w_sub_gnb {padding:0 40px 0 40px; color:#b0b0b0; font-weight:lighter; font-size:18px; background:#2c2c2c; display:inline-block; line-height:60px}

.w_sub_gnb_wrap2 {width:100%; background:#303030; float:left; text-align:center }
.w_sub_gnb_wrap2 ul li {display:inline-block }
.w_sub_gnb_wrap2 span.w_sub_gnb_on {padding:0 40px 0 40px; color:#ffffff; font-weight:lighter; font-size:18px; background:#000000; display:inline-block; line-height:60px }
.w_sub_gnb_wrap2 span.w_sub_gnb {padding:0 40px 0 40px; color:#b0b0b0; font-weight:lighter; font-size:18px; background:#2c2c2c; display:inline-block; line-height:60px}


.w_sub_wrap {width:100%; float:left; padding:40px 0 80px 0}
.w_sub_tit {width:100%;  float:left; }
.w_sub_tit_b {width:100%; float:left; text-align:center; padding:20px 0 5px 0; font-size:40px; color:#ffffff; letter-spacing:-2px; font-weight:100}
.w_sub_tit_s {width:100%; float:left; text-align:center;  padding:0 0 40px 0; font-size:20px; color:#bebebe; letter-spacing:-1px; font-weight:100;word-break: keep-all;}
.w_sub_con {width:100%; padding:30px 0 0 0}
.w_company {width:100%; float:left; background:url(../images/company_bg.jpg) center center no-repeat; background-size:cover; padding:30px 30px 70px 30px; text-align:center; margin:0 0 50px 0;word-break:keep-all;color:#ffffff}
.w_company_container {position:relative; width:650px; margin-left:auto; margin-right:auto;word-break:keep-all}
.w_company_container p {font-size:18px; line-height:2;word-break:keep-all}
.w_company_1 {font-size:28px; letter-spacing:-1px; font-weight:lighter;line-height:1;word-break:keep-all;color:#ffffff}
.w_company_2 {font-size:30px;letter-spacing:-2px;line-height:1; word-break:keep-all; color:#ffffff}

.art_wrap {width:100%; float:left; padding:0 0 30px 0 }
.art_wrap > ul > li {padding:0 25px 50px 25px; width:33.33333%; float:left;}
.art_img {width:100%; float:left;text-align:center;}
.art_img img {width:100%}
.art_tit {width:100%; float:left;text-align:center; font-size:28px; font-weight:100; padding:20px 0 10px 0; background:#000000; color:#ffffff}
.art_tit a {color:#ffffff}
.art_tit span {font-weight:600}
.art_tit2 {width:100%; float:left;text-align:center;font-size:20px;font-weight:100;padding:0 0 20px 0;background:#000000;color:#ffffff}
.art_tit2 a {color:#ffffff}
.art_text {font-size:18px; padding:20px 20px 40px 20px; width:100%; float:left; background:#000000; line-height:1.5;color:#999999 }
.art_text p { list-style:square; float:left; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all;overflow: hidden; padding:5px 0 5px 0; width:100% }
.art2_wrap {width:100%;float:left; }
.art2_wrap > ul > li {padding:0 5px 10px 5px; float:left; width:20%  }
.art2_wrap > ul > li a {color:#ffffff}
.art2_img {width:100%; float:left;text-align:center;}
.art2_img img {width:100%}
.art2_text {font-size:18px;   background:#000000; padding:10px 0 10px 0; text-align:center ; width:100%; float:left; color:#fff}


.art3_wrap {width:100%;float:left; }
.art3_wrap > ul > li {padding:0 5px 10px 5px; float:left; width:25%  }
.art3_wrap > ul > li a {color:#ffffff}



.ar_more {width:100%; float:left; text-align:right; padding:10px 0 0 0 }
.ar_more span{display:inline-block; padding:7px 15px 7px 15px;border:solid 1px rgba(255,255,255,0.3);}
.ar_more a {color:#fff; }
.w_tab_wrap {width:100%; float:left; padding:0 0 50px 0; text-align:center; }
.w_tab_wrap ul {border-right:solid 1px rgba(0,0,0,0.5) }
.w_tab_wrap ul li {float:left;margin:0 0 1px 0 }
.w_tab_wrap .w_tab_on {border:solid 1px #dcc06d; height:50px; line-height:50px; display:inline-block; text-align:center; color:#dcc06d;background:#000000; font-size:16px; font-weight:100;padding:0 29px; }
.w_tab_wrap .w_tab {border:solid 1px #4c4c4c;  height:50px; line-height:50px; display:inline-block; text-align:center; color:#ffffff;background:#4c4c4c; font-size:16px; font-weight:100; border-right:solid 1px rgba(0,0,0,0.5);padding:0 29px;}
.w_cate {width:100%; float:left; padding:40px 0 30px 0; font-size:28px; font-weight:100; color:#bebebe}
.movie_img {width:100%; float:left;text-align:center; overflow:hidden}
.movie_tit {width:100%; float:left;text-align:center; font-size:23px; font-weight:100; padding:20px 0 10px 0;  height:100px ; }

.movie_tit a {color:#ffffff}
.movie_text {font-size:18px; line-height:1.8; text-align:center; color:#b7b7b7}


.w_movie_over{position:relative}	
.w_movie_over .w_movie_over_box{ opacity:0; position:absolute; left:0; top:0;-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;z-index:400; width:100%; height:100%; background:rgba(0,0,0,0.8)}
.over .w_movie_over_box{opacity:1;position:absolute; left:0; top:0;-moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;z-index:400}
.w_movie_over_box_1 {position:absolute;  left:50%; top:50% ;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.w_movie_over_box img {height:70px;}
.con_img_img { -webkit-transform:scale(1) !important; -moz-transform:scale(1) !important;-ms-transform:scale(1) !important;  -o-transform:scale(1) !important; transform:scale(1) !important;-webkit-transition:.3s !important;-moz-transition:.3s !important; -ms-transition:.3s !important;-o-transition:.3s !important;transition:.3s !important;}
.movie_img:hover .con_img_img {-webkit-transform:scale(1.1) !important;-moz-transform:scale(1.1) !important;-ms-transform:scale(1.1) !important;-o-transform:scale(1.1) !important;transform:scale(1.1) !important;}

@media(max-width:1480px) {
	.w_gnb_container {width:100%;}
	.w_tab_wrap ul li {width:20% }
	.w_tab_wrap .w_tab_on {width:100%; padding:0}
	.w_tab_wrap .w_tab {width:100%; padding:0}
}


@media(max-width:1200px) {
	.w_sub_visual {height:300px; background:url(../images/sub_visual_1.jpg) center center no-repeat; padding:120px 0 110px 0; z-index:999}
	
}


@media(max-width:980px) {
	.w_sub_visual {height:250px; background:url(../images/sub_visual_1.jpg) center center no-repeat; padding:120px 0 110px 0; z-index:999}
	.w_sub_tit {font-size:25px; padding:0 0 10px 0;  }
	.w_sub_location {font-size:14px;}
	.w_sub_gnb_wrap ul li {line-height:40px; }
	.w_sub_gnb_wrap span.w_sub_gnb_on {padding:0 20px 0 20px; font-size:14px;}
	.w_sub_gnb_wrap span.w_sub_gnb {padding:0 20px 0 20px;font-size:14px; }
	.w_sub_gnb_wrap2 ul li {line-height:40px; }
	.w_sub_gnb_wrap2 span.w_sub_gnb_on {padding:0 20px 0 20px; font-size:14px;}
	.w_sub_gnb_wrap2 span.w_sub_gnb {padding:0 20px 0 20px;font-size:14px; }
	.w_sub_tit_b {padding:0 0 10px 0; font-size:25px; }
	.w_sub_tit_s {padding:0 20px 20px 20px; font-size:16px; }
	.w_company_logo img {height:60px}
	.w_company_container p {font-size:14px; line-height:2}
	.w_company_1 {font-size:18px; letter-spacing:-1px; font-weight:lighter;line-height:1}
	.w_company_2 {font-size:20px;letter-spacing:-2px;line-height:1}
	.art_wrap > ul > li {padding:0 5px 30px 5px; width:50%}
	.art2_wrap > ul > li {width:33.3333% !important  }
	.art3_wrap > ul > li {width:33.3333% !important  }
	.w_tab_wrap ul li {width:33.3333%}
	.w_tab_wrap .w_tab_on {height:40px; line-height:40px;font-size:13px; }
	.w_tab_wrap .w_tab {height:40px; line-height:40px; font-size:13px; }

	.w_cate{padding:0 0 30px 0; font-size:25px}

	

}


@media(max-width:720px) {
	.w_sub_visual  {height:200px; padding:80px 0 80px 0; z-index:999; background:url(/images/m_sub_visual_1.jpg) center center no-repeat; }
	.w_sub_visual2 {height:200px; padding:80px 0 80px 0; z-index:999; background:url(/images/m_sub_visual_2.jpg) center right no-repeat;}
	.w_sub_visual3 {height:200px; padding:80px 0 80px 0; z-index:999; background:url(/images/m_sub_visual_3.jpg) center center no-repeat;}
	.w_sub_visual4 {height:200px; padding:80px 0 80px 0; z-index:999; background:url(/images/m_sub_visual_4.jpg) center center no-repeat;}
	.w_sub_visual5 {height:200px; padding:80px 0 80px 0; z-index:999; background:url(/images/m_sub_visual_5.jpg) center center no-repeat;}
	.w_sub_tit_b {padding:0 0 10px 0; font-size:25px; }
	.w_sub_tit_s {padding:0 0 20px 0; font-size:16px; }
	.w_company  {padding:10px 10px 30px 10px}
	.w_company_container {width:100%;padding:0}
	.w_company_logo img {height:60px}
	.w_company_container p {font-size:14px; line-height:2}
	.w_company_1 {font-size:18px; letter-spacing:-1px; font-weight:lighter;line-height:1}
	.w_company_2 {font-size:20px;letter-spacing:-2px;line-height:1}
	.art_tit {font-size:20px;}
	.art_tit2 {font-size:18px;}
	.art_text {font-size:16px;  }
	.art2_text {font-size:14px;  }
	.movie_tit {font-size:20px; height:80px; }
	.movie_text {font-size:16px;}
	.art2_wrap > ul > li {width:50%  !important  }
	.art3_wrap > ul > li {width:50%  !important  }
	.w_sub_gnb_wrap ul li {width:50% ; }
	.w_sub_gnb_wrap span.w_sub_gnb_on {text-align:center; width:100%; }
	.w_sub_gnb_wrap span.w_sub_gnb {text-align:center; width:100%; }
	.w_sub_gnb_wrap2 ul li {width:50%;float:left; }
	.w_sub_gnb_wrap2 span.w_sub_gnb_on {text-align:center; width:100%; }
	.w_sub_gnb_wrap2 span.w_sub_gnb {text-align:center; width:100%; }
	.over .w_movie_over_box{display:none}

}

@media(max-width:480px) {
	.art_wrap > ul > li {width:100%}

}


.w_black_bg {background:#000000; width:100%; padding:60px 0 80px 0; text-align:center; float:left}
.w_map_bg { width:100%;float:left}
.w_gray_bg {width:100%; float:left; background:#434343;padding:30px 0 40px 0;position:relative; top:-5px}
.w_gray_bg ul li {padding:0 0 40px 0}
.map_table {width:100%}
.map_table_left {vertical-align:top; width:80px}
.map_table_right {padding:10px 0 0 15px}

.w_map_font {font-size:20px; color:#ffffff; font-weight:600; padding:0 0 30px 0;word-break:keep-all}
.map_font_001 {font-size:16px; color:#757575; padding:0 0 0 0; word-break:keep-all}
.map_font_002 {font-size:32px; color:#b5b5b5; padding:0 0 0 0; word-break:keep-all}
.map_font_003 {font-size:35px; color:#eeeeee; padding:0 0 10px 0; font-weight:900; word-break:keep-all}
.map_font_003_{display:none;font-size:25px;color:#eeeeee; padding:0 0 10px 0; font-weight:900; word-break:keep-all} 
.map_font_004 {font-size:20px; color:#757575; word-break:keep-all}
.map_font_005 {font-size:20px; color:#cecece; word-break:keep-all}
.map_font_006 {font-size:16px; color:#cecece; word-break:keep-all}
.map_font_007 {background:#426db6;  color:#ffffff; font-size:14px; margin:0 10px 0 0; word-break:keep-all}
.map_font_008 {background:#5ba53d;  color:#ffffff; font-size:14px; margin:0 10px 0 0; word-break:keep-all}
.map_font_009 {background:#c22828;  color:#ffffff; font-size:14px; margin:0 10px 0 0; word-break:keep-all}
.map_font_010 {background:#70b0e0;  color:#ffffff; font-size:14px; margin:0 10px 0 0; word-break:keep-all}
@media (max-width:980px) {
	
	.map_icon_wrap { padding:50px 0 80px 0; }
}

@media (max-width:720px) {
	.map_table_left {width:50px}	
	.map_table_left img{width:50px}	
	.map_icon_wrap { padding:50px 0 80px 0; }
	.map_font_001 {font-size:14px; }
	.map_font_002 {font-size:20px; }
	.map_font_004 {font-size:18px;}
	.w_black_bg {padding:30px 0 40px 0;}
	.map_font_003 {display:none}
	.map_font_003_ {display:block}
}


.page_sub {float:left; width:100%; padding:0 0 80px 0}
.page-content { line-height:22px; word-break: keep-all; word-wrap: break-word;color:#cecece; background:#101010; padding:50px; border-radius:30px }
.page-content .article-title { color:#ffffff; font-weight:bold; padding-top:30px; padding-bottom:10px; }
.page-content ul { list-style:none; padding:0px; margin:0px; font-weight:normal; color:#cecece}
.page-content ol { margin-top:0px; margin-bottom:0px;color:#cecece }
.page-content ol > li > ol li {  list-style:disc;color:#cecece }
.page-content p { margin:0 0 15px; padding:0; color:#cecece}
.page-content ol a {color:#ffffff !important}
.title3 {text-align:center; color:#fff; font-size:20px; position:relative; top:-10px}

@media (max-width:720px) {
	.page-content { padding:20px }
	.title3{font-size:14px; padding:0 15px 0 15px}
}



	.w_goods_wrap {width:100%; float:left; padding:0 0 80px 0}
	.goods_text {padding:30px 0 30px 0; width:100%; float:left;}
	.goods_font_1 {font-size:22px; font-weight:600; color:#fff; padding:0 0 0 10px}
	.goods_font_2 {font-size:20px; color:#fff; padding:10px 0 0 10px} 	
	.goods_font_3 {font-size:20px; color:#fff; padding:10px 0 0 10px;display:none} 	
	.goods_font_4 {font-size:18px; color:#fff; padding:0 0 20px 0} 	
	.goods_font_5 {font-size:22px; color:#fff; } 
	.goods_logo {width:100%; text-align:center; padding:0 0 30px 0}
	.goods_table_head {padding:10px 15px 10px 15px; background:#000; width:100%; float:left;}
	.goods_table_body {width:100%; background:#2a2a2a; float:left; padding:35px 40px 35px 40px; height:400px}
	.goods_table_body2  {width:100%; background:#2a2a2a; float:left; padding:35px 40px 35px 40px; }
	.table_head_l {float:left; font-size:28px; font-weight:600;color:#fff}
	.table_head_r {float:right; font-size:28px;color:#fff; font-family:nanumgothic !important }
	.goods_table_l {padding:10px 10px 10px 0; width:25%}
	.goods_table_r {padding:10px 0 10px 0; font-size:22px; font-weight:100; color:#fff}
	.goods_table ul li {padding:0 10px 15px 10px}
	.goods_textbox {background:#000; text-align:center; padding:20px 0 20px 0}
	.goods_text2 {padding:20px 0 0 0; width:100%; float:left;}
	.goods_text2 ul li {padding:10px 10px 0 10px}
	.k_tit { text-align:center; width:100% ; float:left; margin:70px 0 0 0 }
	.k_tit p {font-size:40px;font-weight:100;padding:0 20px 10px 20px;border-bottom:solid 1px #fff; color:#fff; display:inline-block}
	.k_text {text-align:center; width:100% ; float:left;color:#fff;font-size:30px;font-weight:100; letter-spacing:-1px; padding:30px 0 20px 0}
	.k_img {text-align:center; width:100% ; float:left;}
	.k_text2 {color:#fff; text-align:center; font-size:18px; padding:80px 0 30px 0; width:100%; float:left;}
	

	


	@media (max-width:1350px) {
	
		.goods_table_body {height:500px}
	}



	@media (max-width:1200px) {
		.goods_table_l {width:40%}
	}



	@media (max-width:980px) {
		.goods_icon{height:20px}
		.goods_table_r {font-size:16px;}
		.table_head_l {font-size:20px;}
		.table_head_r {font-size:20px;}
		.goods_table_body2 {padding:20px;}
		.goods_table_body {padding:20px; }
		.goods_table_l {width:40%}
		.k_tit p {font-size:28px;}
		.k_text {font-size:20px;}
		.goods_table_body {height:350px}
	}

	@media(max-width:720px) {
		.goods_table_l {width:35%}
		.goods_font_2 {display:none}
		.goods_font_3 {display:block}
		.k_text2 {font-size:15px; }
		.k_text2 {padding:50px 0 20px 0; }
		.goods_table_body {height:auto}
		.goods_font_1 {font-size:18px;}
	}



	
.aside {
  min-width: 250px;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: #222222;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  z-index: 2000;
  width: 0px;
  min-width: 0px;
  overflow: hidden; 
  transition: 0.35s width ease, 0.35s min-width ease;
}



.aside .close {
  position:absolute; right:10px; top:0;
  cursor: pointer; font-size:50px; z-index:999999999999999; opacity:1;
}
.aside .close img {
 height:40px;
}

.aside.in {
  width: 15%;
  min-width: 250px;
}

.aside-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
  transition: 0.2s opacity ease;
  opacity: 0;
  display: none;
}

.aside-backdrop.in {
  display: block;
  opacity: 0.5;
}




 @media (max-width:980px) {
}





.goods_option {width:100%; float:left; margin:70px 0 0 0}
.goods_option .tit {width:100%; float:left; padding:0 0 50px 0; font-size:25px; font-weight:600;text-align:center; color:#fff}
.goods_option ul li {float:left; padding:0 40px 50px 15px}
.goods_option ul li:nth-child(2), .goods_option ul li:nth-child(4) {padding:0 15px 50px 40px}
.sub_option_goods_img {width:100%; float:left;}
.sub_option_goods_text {width:100%; float:left; padding:20px 20px 0 20px; position:relative}
.sub_option_goods_text2 {width:100%; float:left; padding:0 20px 0 20px; position:relative}
.sub_option_goods_text_1 {font-size:25px;font-weight:600; float:left; word-break:keep-all; padding:10px 0 7px 0; color:#dcc06d}
.sub_option_goods_text_2 {font-size:30px;border-radius:10px;position:absolute; font-family:Poppins,'Noto Sans KR', sans-serif;right:20px; top:15px; word-break:keep-all; color:#fff; }
.sub_option_goods_text_3 {font-size:18px;color:#fff; width:100%; padding:10px 0 0 0; word-break:keep-all}





.sub_video {width:100%; float:left; margin:0 0 80px 0}
.new_video {width:100%; float:left; margin:0 0 0 0}
.video-container {position:relative;padding-bottom:56.25%;height:0;overflow: hidden;} 
.video-container iframe,.video-container object,.video-container embed {position:absolute;top: 0;left:0;width:100%;height:100%;}
.sub_video_goods_img {width:100%; float:left; ;border:solid 3px #000}

.sub_video_goods__ {width:100%; padding:30px 0 0 0;float:left;}
.sub_video_goods__ ul li {padding:0 10px 40px 10px}
.sub_video_goods_text__{width:100%; float:left; padding:20px; height:150px}
.sub_video_goods_text_3 {width:100%; font-size:25px;font-weight:600; text-align:left; word-break:keep-all; padding:0 0 7px 0; color:#fff98f}
.sub_video_goods_text_4 {width:100%; font-size:20px;text-align:left; word-break:keep-all; color:#fff}

.sub_video_goods {width:100%; padding:50px 0 0 0;float:left;}
.sub_video_goods ul li {padding:0 5px 0 5px; float:left;}
.sub_video_goods_text{width:100%; float:left; padding:10px; height:230px; }
.sub_video_goods_text_1 {width:100%; font-size:20px;font-weight:600; word-break:keep-all; padding:0 0 7px 0; color:#dcc06d; width:100%; float:left}
.sub_video_goods_text_2 {width:100%; font-size:15px; word-break:keep-all; color:#fff; padding:0 30px 0 0; width:100%; float:left}

.sub_video_tit {font-size:25px; width:100%; float:left; text-align:center; font-weight:100; color:#dcc06d; padding:0 0 30px 0}
.wgoods_line {margin:5px 0 30px 0;  width:100%; float:left}
.wgoods_line span {display:inline-block;width:30px; height:1px; background:rgba(255,255,255,0.7);}
@media (max-width:1200px) {
	.goods_table_l {width:40%}
}



@media (max-width:980px) {
	.sub_option_goods_text {width:100%; float:left; padding:10px 0 0 0; position:relative}
	.sub_option_goods_text2 {width:100%; float:left; padding:0 0 0 0; position:relative}
	.sub_option_goods_text_1 {font-size:16px;}
	.sub_option_goods_text_2 {font-size:16px;right:0; top:10px;}
	.sub_option_goods_text_3 {font-size:14px;}
	.wgoods_line {margin:0 0 20px 0;}
	.goods_option ul li {float:left; padding:0 10px 50px 15px}
	.goods_option ul li:nth-child(2), .goods_option ul li:nth-child(4) {padding:0 15px 50px 10px}

}

@media(max-width:720px) {
	.sub_option_goods_text_1 {font-size:16px;}
	.sub_option_goods_text_2 {font-size:16px;}
	.sub_option_goods_text_3 {font-size:14px;padding:0 0 0 0;}
	.sub_video_goods_text_3 {font-size:20px}
	.sub_video_goods_text_4 {font-size:16px;}
	.sub_video_goods_text__ {height:100px;padding:20px 0;}
	.sub_video {margin:0 0 50px 0}
	.sub_video_tit {font-size:20px; padding:0 0 10px 0}
	.goods_option {margin:30px 0 0 0}
	.goods_option .tit {padding:0 0 10px 0}
	
	.sub_video_goods_text_1 {text-align:left;font-size:18px; }
	.sub_video_goods_text_2 {text-align:left;padding:0 15px 0 0; }
	.goods_option ul li {float:left; padding:0 0 50px 0}
	.goods_option ul li:nth-child(2), .goods_option ul li:nth-child(4) {padding:0 0 50px 0}
	.goods_option .tit {font-size:20px; }
	.sub_video_goods_text {}
	
}



.tab_wrap{width:100%; float:left; margin:0 0 50px 0;}
.tab_wrap2{width:100%; float:left; margin:0 0 50px 0; padding:100px; background:#000}
.sub_tab_1 {float:left;width:100%; }
.sub_tab_1 > li{position:relative}
.sub_tab_1 li span{text-align:center; font-size:22px; background:#000; color:#b4b4b4; width:60%; padding:25px 0 25px 0; font-weight:600; display:inline-block;position:relative; margin:0 0 0 20%;font-family:Poppins,'Noto Sans KR', sans-serif; }
.sub_tab_1 li.active span{background:#000; color:#dcc06d; border:solid 1px #dcc06d;font-family:Poppins,'Noto Sans KR', sans-serif;}
.sub_tab_1 li.active span .shape, .sub_tab_1 li.active span .shape2 {display:block} 
.shape{ border-top: 16px solid #dcc06d;border-left: 11px solid transparent;border-right: 11px solid transparent;content: '';width: 0;height: 0;margin-left: -11px;left:50%; position:absolute;z-index:98; bottom:-16px; display:none}
.shape2{ border-top: 14px solid #000;border-left: 9px solid transparent;border-right: 9px solid transparent;content: '';width: 0;height: 0;margin-left: -9px;left:50%; position:absolute;z-index:999; bottom:-13px; display:none}


 @media (max-width:1200px) {
  .sub_tab_1 li span{width:80%;font-weight:600;  display:inline-block;position:relative; margin:0 0 0 10%}
  .tab_wrap2{padding:50px;}
}



@media(max-width:720px) {
 .sub_tab_1 li {padding:0 5px 0 5px}
  .sub_tab_1 li span{width:100%;font-weight:600; display:inline-block;position:relative; margin:0}
	.tab_wrap2{padding:15px;}
}


.video_table_wrap {width:100%; float:left;margin:30px 0 10px 0;font-family:Poppins,'Noto Sans KR', sans-serif;}
.tab_cont {float:left;position:relative}
.tab_cont ul li span{color:#dcc06d}	
.vis_opacity ul li span{color:#6d6d6d}
.video_table_left {float:left;}
.video_table_left ul {width:100%; float:left;}
.video_table_left ul li {width:100%; border-bottom:solid 1px rgba(255,255,255,0.2); color:#fff;  font-size:18px ; height:60px; font-weight:600; vertical-align:middle; display:table; float:left;; padding:0 0 0 20px}
.video_table_left ul li span {display:table-cell;  vertical-align:middle; }
.video_table_left ul li:last-child{height:100px}


.video_table_center {float:left;}
.video_table_center ul {width:100%; float:left;}
.video_table_center ul li  {width:100%; border-bottom:solid 1px rgba(255,255,255,0.2); color:#fff; font-size:18px ; position:relative; height:60px; vertical-align:middle; display:table; float:left;}
.video_table_center ul li span {display:table-cell;  vertical-align:middle; text-align:center;width:100%; }
.video_table_center ul li:last-child{height:100px}

.video_table_right {float:left;}
.video_table_right ul {width:100%; float:left;}
.video_table_right ul li  {width:100%; border-bottom:solid 1px rgba(255,255,255,0.2); color:#fff; font-size:18px ; height:60px; vertical-align:middle; display:table; float:left;}
.video_table_right ul li span {display:table-cell;  vertical-align:middle; text-align:center; width:100%; }
.video_table_right ul li:last-child{height:100px}
.booleanicon { width: 18px;height: 18px;display: inline-block;  }
.booleangraphic.svg-icon-thin-check path { -webkit-transform: translate(0.5px, 1.75px);-moz-transform: translate(0.5px, 1.75px); -ms-transform: translate(0.5px, 1.75px);-o-transform: translate(0.5px, 1.75px);transform: translate(0.5px, 1.75px);	}
.booleangraphic.svg-icon-thin-x path { -webkit-transform: translate(2px, 2px);-moz-transform: translate(2px, 2px);-ms-transform: translate(2px, 2px);-o-transform: translate(2px, 2px);transform: translate(2px, 2px);  }
.booleangraphic { width: 18px; height: 18px; fill:#dcc06d}
.vis_opacity .booleangraphic { width: 18px; height: 18px; fill:#6d6d6d}
.video_table_font {color:#fff; font-size:14px; margin:5px 0 0 0; width:100%; float:left; text-align:right}


@media(max-width:720px) {
.video_table_left ul li {padding:0 0 0 10px;font-size:16px ; font-weight:normal; padding:10px 0 10px 0}	
 .video_table_left ul li span{line-height:1.2; word-break:keep-all}
 .video_table_center ul li {font-size:16px ; font-weight:normal; padding:10px 0 10px 0}	
 .video_table_right ul li {font-size:16px ; font-weight:normal; padding:10px 0 10px 0}
 .video_table_font{text-align:left}
}


.goods_text3 {display:none; width:100%; float:left}
.goods_textbox2 {background:#000; text-align:center; padding:20px; width:230px}

 @media (max-width:1200px) {
	.goods_text2 {display:none}
	.goods_text3 {display:block}
}



.scrollos-wrapper {position: relative;overflow: hidden;}
.scrollos-container {position: relative;width: 100%; overflow-x: auto;overflow-y: hidden;white-space: nowrap;-ms-overflow-style: -ms-autohiding-scrollbar;-webkit-overflow-scrolling: touch; scrollbar-3dlight-color:#212121);scrollbar-arrow-color :#212121;
scrollbar-track-color:#212121;scrollbar-darkshadow-color :#212121;scrollbar-face-color:#212121; scrollbar-highlight-color:#212121	;scrollbar-shadow-color:#212121;}
.scrollos-content { white-space: nowrap;position: relative;float: left;transition: transform .2s ease-in-out;}
.scrollos-content:not(.item) { font-size: 0;}
.scrollos-content.-no-transition {transition: none;}
.scrollos-content > .item { display: inline-block;}
.scrollos-nav {position: absolute; top: 50%; transform: translateY(-50%);border: none;opacity: 0;visibility: hidden;}
.scrollos-nav:focus {outline: none;}
.scrollos-prev {left: 0;}
.scrollos-next {right: 0;}
div[data-overflowing='both'] ~ .scrollos-nav.scrollos-prev,
div[data-overflowing='both'] ~ .scrollos-nav.scrollos-next,
div[data-overflowing='left'] ~ .scrollos-nav.scrollos-prev,
div[data-overflowing='right'] ~ .scrollos-nav.scrollos-next {opacity: 0.7;visibility: visible;}
.scrollos-nav {text-align: center; background-color: #fff; width: 40px;height: 40px; line-height: 40px;}
.scrollos-nav > i.fa {width: 16px;}
.scrollos-wrapper + .scrollos-wrapper {}
#example2 {}
#example2 .scrollos-content {padding-top: 10px; padding-bottom:20px}
#example2 .item { width:230px;	}
#example2 .item + .item { margin-left: 20px;}