@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700&subset=korean);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(https://fonts.googleapis.com/css?family=Cormorant+Garamond);
@import url(https://fonts.googleapis.com/css?family=Palanquin:700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,500);
@import url(https://fonts.googleapis.com/css?family=Nanum+Myeongjo);


html {width:100%; height:100%;}
body {margin:0; padding:0; background:#fff; min-width:1300px; height:100%; overflow-y:scroll; color:#555555; font-family:'Nanum Gothic', sans-serif; !important;}
body,p,pre,form,span,div,table,td,ul,ol,li,dl,dt,dd,input,textarea,label,button {margin:0px; padding:0px;  word-wrap:break-word; word-break:break-all; }
b,strong {color:#666; word-wrap:break-word; word-break:break-all; font-size:inherit; font-family:inherit; font-weight:inherit}

a:link, a:visited {color:inherit; text-decoration: none; cursor:pointer}
a:hover, a:active {color:none; text-decoration:none;}

.header {position:fixed; left:0; top:0; width:100%; z-index:1001 !important; height:0px; box-sizing:border-box; text-align:center;}
.header .logo {position:absolute; left:20px; top:35px; padding:0px; width:200px; text-align:center;}
.header .logo .before {display:block;}
.header .logo .after {display:none;}

.header .quick {position:absolute; right:0; top:0; padding:0px; z-index:1001;}
.header .quick li {float:left; position:relative;}
.header .quick .btn {background-position:center ; background-repeat:no-repeat; border-radius:0px; background-color:transparent !important; box-shadow:none !important; -webkit-box-shadow:none}
.header .after {display:none}

.header .nav {margin:35px auto 0px 370px; display:inline-block; padding-top:55px;}
.header .nav li {float:left; text-align:center; padding:0 10px;  position:relative; height:45px;}
.header .nav .btn1 {font-family: 'NanumSquare','Nanum Barun Gothic','Nanum Gothic', sans-serif; display:block; color:#fff; font-size:20px; font-weight:600;text-shadow:0 0 2px rgba(0,0,0,0.7); padding:0 15px; position:relative; letter-spacing:-0.7px; box-sizing:border-box; line-height:45px;}
.header .nav .btn1:before {content:""; height:1px; background:#fff; position:absolute; left:50%; bottom:5px; width:0px; }
.header .nav li:hover .btn1:before {width:100%; margin-left:-50%;}

.header .submenu {position:absolute; left:50%; top:44px; background:#fff; color:#333; width:130px; box-sizing:border-box; margin-left:-65px; opacity: 0; filter: Alpha(opacity=0); overflow:hidden; height:0px; border:1px solid #fff;}
.header .btn2 {color:#333; font-weight:600; display:block; padding:0 5px; height:30px; line-height:30px; box-sizing:border-box;}
.header .btn2+ .btn2 {border-top:1px solid #eee;}
.header .btn2:hover {background:#333; color:#fff;}
.dot{margin:  15px  20px  auto  20px}
.header li:hover .submenu {opacity: 1; filter: Alpha(opacity=100); z-index:100; -webkit-transition-delay: 0.1s; }
.header .nav1:hover .submenu {height:120px;}
.header .nav2:hover .submenu {height:120px;}
.header .nav3:hover .submenu {height:150px;}
.header .nav4:hover .submenu {height:30px;}
.header .nav5:hover .submenu {height:30px;}


.header2 {height:120px; z-index:2000 !important; background:#000;  !important;}
.header2 .nav {padding-top:30px;}
.header2 .nav .btn1 {color:#fff; font-size:16px; text-shadow:none}
.header2 .logo {padding:0px 0;}
.header2 .logo .before {display:none;}
.header2 .logo .after {display:block;}
.header2 .quick {padding:0px 0px; position:absolute;}
.header2 .after {display:block;}
.header2 .before {display:none;}
.header2 .nav .btn1:before {background:#111;}
.header2 .submenu {background:#111; border:1px solid #111;}
.header2 .btn2 {color:#fff; font-weight:400; border-color:#333 !important}
.header2 .btn2:hover {background:#fff; color:#000;}


.header1 {height:120px; z-index:2000 !important; background:rgba(0,0,0,0.9);  !important;}
.header1 .nav {padding-top:10px;}
.header1 .nav .btn1 {color:#fff; text-shadow:none}
.header1 .logo {padding:0px 0;}
.header1 .logo .before {display:none;}
.header1 .logo .after {display:block;}
.header1 .quick {padding:0px 0px; position:absolute;}
.header1 .after {display:block;}
.header1 .before {display:none;}
.header1 .nav .btn1:before {background:#111;}
.header1 .submenu {background:#111; border:1px solid #111;}
.header1 .btn2 {color:#fff; font-weight:400; border-color:#333 !important}
.header1 .btn2:hover {background:#fff; color:#000;}



/* 풀비주얼 */
.crosscover {border:0px solid #fff; box-sizing:border-box; position:relative;}
.crosscover:before {content:""; width:100%; height:150px; z-index:999; position:absolute; left:0; top:0;}
.crosscover-next:hover {background: rgb(0, 0, 0);}
.crosscover-prev:hover {background:  rgb(0, 0, 0);}
.crosscover-prev:hover .crosscover-icon-prev::after {border-color: rgb(255, 255, 255) !important;}
.crosscover-next:hover .crosscover-icon-next::after {border-color: rgb(255, 255, 255) !important;}


.main_visual {position:absolute; top:50%; z-index:2; text-align:left; letter-spacing: -0.7px;}
.main_visual dt {}
.main_visual dd {font-size:16px; margin-top:10px;text-shadow:0 0 2px rgba(0,0,0,0.7); color:#fff;}
.main_visual {animation: ani1 2s ease; -webkit-animation: ani1 2s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}



.main_visual2 {position:absolute; top:500px; z-index:2; text-align:center ; letter-spacing: -0.7px;}
.main_visual2 dt {font-family: 'Cormorant Garamond', serif; font-size:50px; color:#fff; font-weight:600;text-shadow:0 0 2px rgba(0,0,0,0.7);}
.main_visual2 dd {font-family: 'Nanum Myeongjo', serif; font-size:20px; font-weight:bold; margin-top:10px;text-shadow:0 0 2px rgba(0,0,0,0.7); color:#fff;}
.main_visual2 {animation: ani2 2s ease; -webkit-animation: ani2 2s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

.main_visual3 {position:absolute; top:400px; z-index:2; text-align:center ; letter-spacing: -0.7px;}
.main_visual3 dt {font-family: 'Cormorant Garamond', serif; font-size:50px; color:#fff; font-weight:600;text-shadow:0 0 2px rgba(0,0,0,0.7);}
.main_visual3 dd {font-family: 'Nanum Myeongjo', serif; font-size:20px; font-weight:bold; margin-top:10px;text-shadow:0 0 2px rgba(0,0,0,0.7); color:#fff;}
.main_visual3 {animation: ani3 2s ease; -webkit-animation: ani3 2s ease; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards}

.cover {width:100%; text-align:center; margin:0px auto 0px auto;}
.cover ul {margin:1px;}
.cover li {margin-left:10%; width:80%;position:relative;}
.cover img {width:100%;}

@-webkit-keyframes ani1 {
    from { -webkit-filter: opacity(0%); filter: opacity(0%); }
    to {-webkit-filter: opacity(100%); filter: opacity(100%); }
}
@keyframes ani1 {
    from {filter:alpha(opacity=0); opacity:0; right:15%;}
    to {filter:alpha(opacity=1); opacity:1; right:12%;}
}

@-webkit-keyframes ani2 {
    from { -webkit-filter: opacity(0%); filter: opacity(0%);}
    to {-webkit-filter: opacity(100%); filter: opacity(100%);}
}
@keyframes ani2 {
    from {filter:alpha(opacity=0); opacity:0; right:10%;}
    to {filter:alpha(opacity=1); opacity:1; right:10%;}
}


@-webkit-keyframes ani3 {
    from { -webkit-filter: opacity(0%); filter: opacity(0%);}
    to {-webkit-filter: opacity(100%); filter: opacity(100%); margin-bottom:-200px;}
}
@keyframes ani3 {
    from {filter:alpha(opacity=0); opacity:0;  right:30%;}
    to {filter:alpha(opacity=1); opacity:1;   right:30%; margin-bottom:-100px;}
}



.main_tt {position: relative; text-align: center; margin-top:130px}
.main_tt dl {display:inline-block; position:relative;}
.main_tt dt { color:#fd3a7f; font-size:28px; font-weight:bold;}


.main_menu {width:100%;}
.main_menu .box {overflow:hidden; max-width:1200px; margin:30px auto;}
.main_menu .box ul {overflow:hidden;}
.main_menu .box li {float:left;  width:24.5%; position:relative; }
.main_menu .box a {display:block; position:relative; overflow:hidden; margin:2px;}
.main_menu .box a:before {content:""; position:absolute; width:100%; height:100%; z-index:2}
.main_menu .box img {float:left;}
.main_menu .box .quick {position:absolute; z-index:1001; left:46%; text-align:center; margin:50px auto 50px auto; color:#000}
.main_menu .box .quick .btn {border-radius:10px; background-color:#fff; transparent !important; box-shadow:none !important; -webkit-box-shadow:none; padding:15px; width:140px;  border:1px solid #bbbbbb;}
.main_menu .box .quick .btn:hover {border-radius:10px; background-color:#dedede;transparent !important; box-shadow:none !important; -webkit-box-shadow:none; border:1px solid #bbbbbb;}
.main_menu .box .con1 {width:25%;margin-top:10px; margin-bottom:10px;}


.main_point {width:100%; background-image:url(../img/f_bg.jpg); background-repeat:no-repeat; background-position:center; margin:100px auto;}
.main_point .box {overflow:hidden; margin:150px;}
.main_point .box ul {overflow:hidden; }
.main_point .box li {float:left; box-sizing:border-box; overflow:hidden; width:100%;}
.main_point .box .first {text-align:center;}


.main_shop {}
.main_shop .box { overflow:hidden; max-width:1300px; margin:100px auto ; background:#fff; border:1px solid #e1e1e1; padding:20px;}
.main_shop .box ul {margin:1px;}
.main_shop .box li {float:left; position:relative;}
.main_shop .box .first {float:left; width:46%; margin-top:80px;}
.main_shop .box .second {width:46%; margin-right:10px;}



.call {width:100%; background:#d62755;position:relative; clear:both; text-align:center; padding:0px; margin:0px auto ; }
.call .box {position:relative; clear:both;
	overflow: hidden;
	box-sizing: border-box;
	max-width: 1300px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	margin-top: 0px;
	padding:0;}
.call .box ul {margin:0px;}
.call .box li {position:relative; box-sizing:border-box;}
.call .box .first {float:left; width:40%; margin-right:20px; margin-left:0px;}
.call .box .second {width:60%;}



.footer { width:100%; position:relative; clear:both; background-color:#000; text-align:left; padding:0px 0px 20px 0px; }
.footer .btn_gotop {position: absolute; left: 90%; top:-26px; margin-top: auto; margin-left: auto;}
.footer .copyright {overflow:hidden; max-width:1300px; margin:0px auto;}
.footer .copyright ul {margin:1px;}
.footer .copyright li {position:relative; padding:10px; }
.footer .copyright dt {letter-spacing:0.7px; font-size:14px; color:#959595 ; margin-top:10px;}
.footer .copyright dt storng{letter-spacing:0.7px; font-size:16px; color:#fff ; margin-top:10px; font-weight:600;}
.footer .copyright dd {margin-top:15px;}
.footer .copyright .first {width:13%; float:left; margin-top:20px;}
.footer .copyright .second {width:87%; }


/*  서브 -------------------------------------------------------------------------------------------------------------------------- */
.contents {margin:0px auto 0px auto;  width:100%; position:relative; z-index: 2;}
.subContents {margin: 60px auto 100px auto;  max-width:1300px; position: relative; padding:0px;}
.mainContents {margin: 100px auto; max-width: 1300px; position: relative;}



.sv_about {position: relative; width:100%; text-align: center;}
.sv_about .box {padding:0px;}
.sv_about .box ul {overflow:hidden;}
.sv_about .box li {padding:0px; overflow:hidden;}
.sv_about .box .con { margin-bottom:100px}



.sv_his {position: relative; width:100%; height:1000px; background-image:url(../img/sv1/his_bg.jpg); background-repeat:no-repeat; background-position:center top; text-align: center;}
.sv_his .box {padding:30px;}
.sv_his .box .con {width:100%;}


.sv_cibi {text-align:center; overflow:hidden;}
.sv_cibi .box {position:relative; clear:both;
	overflow: hidden;
	box-sizing: border-box;
	max-width: 1300px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:0;}
.sv_cibi .box ul {overflow:hidden;}
.sv_cibi .box li {  padding:0px; overflow:hidden;}
.sv_cibi .box .con {width:100%; margin-top:10px;}


.sv_tt {position: relative; text-align: center;}
.sv_tt dl {display:inline-block; position:relative;}
.sv_tt dt {font-family: 'NanumSquare', sans-serif; font-size:48px; color:#000; font-weight:600;}
.sv_tt dd {font-family: 'NanumSquare', sans-serif;  color:#000; font-size:18px; margin:10px auto 10px auto;}

.sv1_tt {position: relative; text-align: center;}
.sv1_tt dl {display:inline-block; position:relative;}


.sv_cos {text-align:center; overflow:hidden; margin-top:70px; width: 100%; }
.sv_cos .box { position:relative; clear:both;
	overflow: hidden;
	box-sizing: border-box;
	max-width: 1300px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:0px;}
.sv_cos .box ul {overflow:hidden;}
.sv_cos .box ul {overflow:hidden;}
.sv_cos .box .con { float:right;}
.sv_cos .box .con1 {font-size: 25px; font-weight:600; color:#222; }
.sv_cos .box .con2 {float:left; width:58%; padding:10px;}
.sv_cos .box .con3 {float:left; width:38%; padding:10px;}

#box { position:relative; 
	overflow: hidden;
	box-sizing: border-box;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:0px;}
#box ul {overflow:hidden;}


.priceTable {width:100%; border-top-color:#222; border-bottom-color:#fff ; border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-collapse: collapse;}
.priceTable th {padding: 10px 20px 10px 20px; text-align: center; line-height: 25px;font-weight: 400; border-bottom-color: #ccc; border-left-color: #ccc; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid;}
.priceTable td {padding: 10px; text-align: center; line-height: 20px;font-weight: 400; border-bottom-color: #ccc; border-left-color: #ccc; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid;}
.priceTable th {font-weight: 400;}
.priceTable th.first {border-left-color: currentColor; border-left-width: 0px; border-left-style: none;}
.priceTable td.first {border-left-color: currentColor; border-left-width: 0px; border-left-style: none; line-height: 40px; background-color:#ebebeb; font-size: 18px; font-weight:600; ;}
.priceTable td.second {border-left-color: currentColor; border-left-width: 0px; border-left-style: none; line-height: 25px; background-color:#ebebeb; font-size: 16px; font-weight:600; }
.priceTable td:first-child {border-left-color: currentColor; border-left-width: 0px; border-left-style: none;}
.priceTable th[scope=col].first {font-size: 18px; font-weight:600; color:#fff; padding: 20px 0px; border-bottom-color: #ccc !important; border-bottom-width: 1px !important; border-bottom-style: solid !important;}
.priceTable th[scope=col] {font-family: 'NanumSquare', sans-serif; font-size: 18px; font-weight:600; color:#fff;background:#333; }


.priceTable th[scope=row] { line-height: 25px; font-family: 'NanumSquare', sans-serif; font-size: 18px; font-weight:600; color:#000; background:#ebebeb;  }
.priceTable th[scope=row].first {padding: 10px 0px; border-bottom-color: #ccc !important; border-bottom-width: 1px !important; border-bottom-style: solid !important;}


.sv_in {text-align:center; overflow:hidden; width: 100%; }
.sv_in .box {position:relative; clear:both;
	overflow: hidden;
	box-sizing: border-box;
	max-width: 1300px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding:0px;
}
.sv_in .box ul {overflow:hidden;}
.sv_in .box li { box-sizing:border-box; padding:2px; overflow:hidden;}
.sv_in .box dt {text-align:center ; }
.sv_in .box dd {font-size: 15px; color: #333; letter-spacing:0.5px; font-weight:700; margin-top:20px;}
.sv_in .box em {color: #333; letter-spacing:0.5px; font-weight: 700; margin-bottom:10px;}
.sv_in .box img {}
.sv_in .box .con1 {margin:20px 0 50px 0; }
.sv_in .box .con2 {float:left; width:35%; margin-right:10px;}
.sv_in .box .con3 {width:63%; margin-right:0px;}
.sv_in .box .con4 {float:left;  margin-top:-100px;}

.sv_menu {text-align:center; overflow:hidden; width: 100%;}
.sv_menu .bg1{width: 100%;background-image:url(../img/sv2/bg1.jpg) ; background-position:center top; margin-bottom:0px;}
.sv_menu .bg2{width: 100%;background-image:url(../img/sv2/bg2.jpg) ; background-position:center top; margin-bottom:0px;}
.sv_menu .bg3{width: 100%;background-image:url(../img/sv2/bg3.jpg) ; background-position:center top; margin-bottom:0px;}
.sv_menu .bg4{width: 100%;background-image:url(../img/sv2/bg4.jpg) ; background-position:center top; margin-bottom:0px;}
.sv_menu .box {position:relative; clear:both;
	overflow: hidden;
	box-sizing: border-box;
	max-width: 1300px;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	padding:0px;
}
.sv_menu .box ul {overflow:hidden;}
.sv_menu .box li {overflow:hidden; }
.sv_menu .box dt {text-align:center ; position:relative; }
.sv_menu .box dd {font-size: 13px; color: #333; letter-spacing:0.5px; text-align:right ;}
.sv_menu .box em {color: #333; letter-spacing:0.5px; font-weight: 700; margin-bottom:10px;}
.sv_menu .box .con1 img {box-sizing:border-box; box-shadow:0px 0px 20px 0px rgba(0,0,0,0.3);}
.sv_menu .box .con1 { float:left; width:20%;margin-top:50px; margin-bottom:50px;}
.sv_menu .box .con2 img {box-sizing:border-box; box-shadow:0px 0px 20px 0px rgba(0,0,0,0.3);}
.sv_menu .box .con2 {float:left; width:20%; margin-bottom:100px;}
.sv_menu .box .con3 {float:left; width:25%;margin-top:50px; margin-bottom:50px;}
.sv_menu .box .con4 {float:left; width:25%; margin-bottom:100px;}
.sv_menu .box .quick {left:46%; text-align:center; margin:0px auto 0px auto; color:#000; font-size:16px; font-weight:bold; }
.sv_menu .box .quick .btn {border-radius:10px; background-color:#fff; transparent !important; box-shadow:none !important; -webkit-box-shadow:none; padding:15px; width:140px;  border:1px solid #bbbbbb;}
.sv_menu .box .quick .btn:hover {border-radius:10px; background-color:#dedede;transparent !important; box-shadow:none !important; -webkit-box-shadow:none; border:1px solid #bbbbbb;}


.info_menu {text-align:center; overflow:hidden; width: 100%; background-position:center top;}
.info_menu .box {position:relative; clear:both;
	overflow: hidden;
	box-sizing: border-box;
	max-width: 1300px;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	padding:0px;
}
.info_menu .box ul {overflow:hidden;}
.info_menu .box li {overflow:hidden; float:left;}
.info_menu .box .con1 {width:30%;}
.info_menu .box .con2 {width:68%; text-align:left; margin-left:10px;}
.info_menu .box .con3 {width:68%; text-align:right; margin-top:10px;}
.info_menu .box .num1 { font-size:12px; color:#FFF;border-radius:0px; background-color:#ee1b52;transparent !important; box-shadow:none !important; -webkit-box-shadow:none;padding: 10px }
.info_menu .box .num2 { font-size:12px; color:#FFF;border-radius:0px; background-color:#ea3262;transparent !important; box-shadow:none !important; -webkit-box-shadow:none;padding: 10px }
.info_menu .box .num3 { font-size:12px; color:#FFF;border-radius:0px; background-color:#e84d76;transparent !important; box-shadow:none !important; -webkit-box-shadow:none;padding: 10px }
.info_menu .box .num4 { font-size:12px; color:#FFF;border-radius:0px; background-color:#ea6487;transparent !important; box-shadow:none !important; -webkit-box-shadow:none;padding: 10px }
.info_menu .box .num5 { font-size:12px; color:#FFF;border-radius:0px; background-color:#ef7d9b;transparent !important; box-shadow:none !important; -webkit-box-shadow:none;padding: 10px }
.info_menu .box .num6 { font-size:12px; color:#FFF;border-radius:0px; background-color:#ef7d9b;transparent !important; box-shadow:none !important; -webkit-box-shadow:none;padding: 10px }
.info_menu .box .num7 { font-size:12px; color:#FFF;border-radius:0px; background-color:#ef7d9b;transparent !important; box-shadow:none !important; -webkit-box-shadow:none;padding: 10px }
.info_menu .box .num8 { font-size:12px; color:#FFF;border-radius:0px; background-color:#ef7d9b;transparent !important; box-shadow:none !important; -webkit-box-shadow:none;padding: 10px }
.info_menu .box .num9 { font-size:12px; color:#FFF;border-radius:0px; background-color:#ef7d9b;transparent !important; box-shadow:none !important; -webkit-box-shadow:none;padding: 10px }
.info_menu .box .num10 { font-size:12px; color:#FFF;border-radius:0px; background-color:#ef7d9b;transparent !important; box-shadow:none !important; -webkit-box-shadow:none;padding: 10px }


.infoTable {width:100%; border-top-color:#222; border-bottom-color:#fff ; border-top-width: 2px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-collapse: collapse;}
.infoTable th {padding: 10px 20px 10px 20px; text-align: center; line-height: 30px;font-weight: 400; border-bottom-color: #ccc; border-left-color: #ccc; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid;}
.infoTable td {padding: 10px; text-align: center; line-height: 30px;font-weight: 400; border-bottom-color: #ccc; border-left-color: #ccc; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid;}
.infoTable th {font-weight: 400;}
.infoTable th.first {border-left-color: currentColor; border-left-width: 0px; border-left-style: none;}
.infoTable td.first {border-left-color: currentColor; border-left-width: 0px; border-left-style: none; line-height: 40px; background-color:#ebebeb; font-size: 18px; font-weight:600; ;}
.infoTable td.second {border-left-color: currentColor; border-left-width: 0px; border-left-style: none; line-height: 25px; background-color:#ebebeb; font-size: 16px; font-weight:600; }
.infoTable td:first-child {border-left-color: currentColor; border-left-width: 0px; border-left-style: none;}
.infoTable th[scope=col].first {font-size: 18px; font-weight:600; color:#fff; padding: 20px 0px; border-bottom-color: #ccc !important; border-bottom-width: 1px !important; border-bottom-style: solid !important;}
.infoTable th[scope=col] {font-family: 'NanumSquare', sans-serif; font-size: 18px; font-weight:600; color:#fff;background:#333; }
.infoTable th[scope=row] { line-height: 25px; font-family: 'NanumSquare', sans-serif; font-size: 18px; font-weight:600; color:#000; background:#ebebeb;  }
.infoTable th[scope=row].first {padding: 10px 0px; border-bottom-color: #ccc !important; border-bottom-width: 1px !important; border-bottom-style: solid !important;}






.lightSlider li img { width:100%; vertical-align:top;}

#bg01 { background-image: url("../img/sv1/img.jpg");}
#bg02 { background-image: url("../img/sv2/img.jpg");}
#bg03 { background-image: url("../img/sv3/img.jpg");}
#bg04 { background-image: url("../img/sv4/img.jpg");}
#bg05 { background-image: url("../img/sv5/img.jpg");}
#bg06 { background-image: url("../img/reser/bg.jpg");}
#bg07 { background-image: url("../img/traff/bg.jpg");}
#bg08 { background-image: url("../img/comm/bg.jpg");}



.sections {-webkit-filter: grayscale(20%); filter: grayscale(20%);}
.parallax-container {position:relative; -webkit-filter: grayscale(20%); filter: grayscale(20%);}
.parallax-container {background:rgba(0,0,0,0.5); text-align:center;}
.sections .box {font-family: 'Nanum Gothic', serif;
	overflow: hidden;
	margin-top:0px;
	margin-bottom:300px;
	margin-left:50%;
	padding-top: 0px;
	padding-right: 200px;
	float:right;
}
.sections .box dt {text-align:left ;}
.sections .box dt strong { font-size:60px; font-weight:400; color:#fff; letter-spacing:-2px;  text-shadow:0 0 2px rgba(0,0,0,0.7);}
.sections .box dd {color:#fff;  font-size: 20px; color:#fff; margin-bottom:20px;}



.sections.first .parallax-container { padding: 200px 0 250px 0;}
.sections.second {
	padding-top: 350px;
	padding-right: 0;
	padding-bottom: 370px;
	padding-left: 0;
}
.sections.second .parallax-container { padding: 350px 0 370px 0;}

.sections.last {
	padding-top: 300px;
	padding-right: 0;
	padding-bottom: 220px;
	padding-left: 0;
}
.sections.last .parallax-container { padding: 300px 0 220px 0;}


.parallax {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: 50% 0;
  -webkit-transition: background-position .2s ease-in;
  -moz-transition: background-position .2s ease-in;
  -o-transition: background-position .2s ease-in;
  transition: background-position .2s ease-in;
  -webkit-background-size: cover;
  background-size: cover;
}

.parallax .parallax-container {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}




::selection {background:#333; color:#fff; text-shadow: none;} 
::-moz-selection {background:#333; color:#fff; text-shadow: none;} 
::-webkit-selection {background:#333; color:#fff; text-shadow: none;} 


.wrap {position:relative; height:100%;}
.lineup {display:inline-block} 
.layout_fix {
	max-width: 1480px;
	position: relative;
	margin-top: -80px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.upper_link {position:absolute; left:0; top:0; width:100%; height:100%; z-index:9}
.upper_link img {width:100%; height:100%;}


div,span,a,img,dl,dt,dd,li,ul,button,strong {transition: width 0.4s; -webkit-transition: width 0.4s; transition-property: all;}
:before {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}
:after {transition: width 0.3s; -webkit-transition: width 0.3s; transition-property: all;}


/*---버튼 스타일---*/

.button2, .button2:link{
	margin-top:30px;
	color: #000; 
	font-size: 14px; 
	font-weight: bold;
		}
.button2, .button2:visited {
background: #fff url(overlay.png) repeat-x; 
display: inline-block; 
font-weight: bold;
box-sizing:border-box;
border:1px solid #cbcbcb;
padding: 10px 25px 10px 25px; 
color: #000;  
text-decoration: none;
position: relative;
 font-size: 14px; 
cursor: pointer;
width:129px;
}


.button2:hover
{ background-color: #4d4d4d; color: #ffffff; font-size: 14px; font-weight: bold; }


.button1, .button1:link{
	color: #fff; 
	font-size: 14px; 
	font-weight: bold;
		}
.button1, .button1:visited {
background: #4d4d4d  url(overlay.png) repeat-x; 
display: inline-block; 
font-weight: bold;
box-sizing:border-box;
border:1px solid #cbcbcb;
padding: 10px 25px 10px 25px; 
color: #fff;  
text-decoration: none;
position: relative;
font-size: 14px; 
cursor: pointer;
width:220px;
}


.button1:hover
{ background-color: #fff; color:#4d4d4d; font-size: 14px; font-weight: bold; }




/* -------------------------------------------------------------------------------------------------------------------------
Using :target we can style the specific ID of the list item when clicked/tapped on eg: www.url.com/#info1
---------------------------------------------------------------------------------------------------------------------------- */
#grid { margin: 25px 0;}

#information { z-index: 20;   }
#grid li[id], #information li[id]:target { width: 100%; height: 100%; opacity: 1; z-index: 10; position: fixed; overflow-x: hidden; overflow-y: scroll; margin-bottom: 25px; }
#grid li[id], #information li[id]:target::-webkit-scrollbar { width: 8px; background-color: rgba(0,0,0,0.4); position: relative; }
#grid li[id], #information li[id]:target::-webkit-scrollbar-thumb { -webkit-border-radius: 1ex; background-color: #6CF; }
#grid li[id], #information li[id]:target div { position: relative; margin: 0 auto; top:180px; background: #fff; width:1000px; height:auto; padding: 50px; overflow: scroll; height: 500px;}
#grid li[id], #information li[id] { overflow: hidden; position: absolute; width: 0; height: 0; left: 0; top: 0; opacity: 0; background: rgba(0,0,0,.6);
	-webkit-transition: opacity 0.2s cubic-bezier(0,0,0,1);
	-moz-transition: opacity 0.2s cubic-bezier(0,0,0,1);
	transition: opacity 0.2s cubic-bezier(0,0,0,1);
}
li[id] div a.close { background: #000; position: absolute; top: 0; right: 0; line-height: 0; color: #fff; text-align: center; font-weight: bold; padding: 20px; }

@-webkit-keyframes lightbox {
	0% { -webkit-transform: scale(5) rotateY(-270deg); }
	100% { -webkit-transform: scale(1) rotateY(0deg); }
}

@-moz-keyframes lightbox {
	0% { -moz-transform: scale(5) /* rotateY(-270deg) */; }
	100% { -moz-transform: scale(1) /* rotateY(0deg) */; }
}