@charset "euc-kr";
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
/* -------------------------------- 

Primary style

-------------------------------- */
/* SNS °øÀ¯¹öÆ° ¾ÆÀÌÄÜ */ 
#shareBtnContainer { width: 100%; text-align: center; margin: 0 auto 64px auto; } 
@media screen and (max-width: 376px) { #shareBtnContainer { width: 200px; } } 
.shareBtn { cursor: pointer; display: inline-block; clear: none; text-align: center; width:36px; height:36px; margin: 0 0px; background-repeat:no-repeat; background-size: 432px 144px !important; } #shareFB { background: url("/gwculture_2021/img/bssowSpriteMin.png") calc(-36px * 6) -36px;}
#shareTWT { background: url("/gwculture_2021/img/bssowSpriteMin.png") calc(-36px * 7) -36px;} 
#shareNaver { background: url("/gwculture_2021/img/bssowSpriteMin.png") calc(-36px * 4) -36px;} 
#shareBand { background: url("/gwculture_2021/img/bssowSpriteMin.png") calc(-36px * 5) -36px;} 
#sharePin { background: url("/gwculture_2021/img/bssowSpriteMin.png") calc(-36px * 8) -36px;} 
#shareKS { background: url("/gwculture_2021/img/bssowSpriteMin.png") calc(-36px * 3) -36px;} 
#shareKT { background: url("/gwculture_2021/img/bssowSpriteMin.png") calc(-36px * 2) -36px;} 
#shareAddrCopy { background: url("/gwculture_2021/img/bssowSpriteMin.png") -36px -36px;} 

/* SNS °øÀ¯¹öÆ° ¾ÆÀÌÄÜ Á¾·á */



@font-face{

font-family:"NanumGothic";
src:url('/web2010/font/NanumGothic.eot');
src:url('/web2010/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('/web2010/font/NanumGothic.woff') format('woff'),
url('/web2010/font/NanumGothic.ttf') format('truetype');
url('/web2010/font/NanumGothic.svg#NanumGothic') format('svg');
src:local(¡Ø), url('/web2010/font/NanumGothic.woff') format('woff');

}

@font-face{

font-family:"NanumBarunGothic";
src:url('/web2010/font/NanumBarunGothic.eot');
src:url('/web2010/font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
url('/web2010/font/NanumBarunGothic.woff') format('woff'),
url('/web2010/font/NanumBarunGothic.ttf') format('truetype');
url('/web2010/font/NanumBarunGothic.svg#NanumBarunGothic') format('svg');
src:local(¡Ø), url('/web2010/font/NanumBarunGothic.woff') format('woff');

}

*, *::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-size: 1.6rem;
  font-family: 'NanumBarunGothic', sans-serif;
  color: #243040;
  background-color: #ffffff;
}

body, html {
  /* prevent horizontal scrolling */
 overflow-x: hidden;
}

a {
  color: #9cb3a8;
  text-decoration: none;
}


button{cursor: pointer;font-family: "NanumBarunGothic", sans-serif; border:0;;}
li {list-style:none;}

h4 {
    display: block;
    margin-block-start: 0px;
    margin-block-end: 20px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;

}
/* -------------------------------- 

Main Components 

-------------------------------- */
/* owl start*/

.room-owl { position:relative; }
.room-owl .item { position:relative; width:100%; height:460px; overflow:hidden; display:block; }
.room-owl .item img { position:absolute; top:-100%; bottom:-100%; left:0; right:0; margin:auto; width:100%; min-height:100%; object-fit:cover; }
.room-owl .owl-nav button { position:absolute; top:50%; margin-top:-25px; text-align:center; width:50px; height:50px; line-height:50px; color:#fff; z-index:3; opacity:.8;  }
.room-owl .owl-nav button:hover { opacity:1; }
.room-owl .owl-nav button.owl-prev { left:0; }
.room-owl .owl-nav button.owl-next { right:0; }
.room-owl .owl-nav button i { color:#fff; font-size:50px; }
.room-owl .owl-dots { position:absolute; bottom:0; width:100%; text-align:center; padding:10px 0; }
.room-owl .owl-dot { display:inline-block; }
.room-owl .owl-dot span { display:block; width:30px; height:3px; margin:10px 2px; background-color:rgba(255,255,255,.4); cursor: pointer;
	transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
}
.room-owl .owl-dot.active span { background-color:#fff; }
@media (max-width: 1280px) {
.room-owl .item { height:551px; }
}
@media (max-width: 1199px) {
.room-owl .item { height:454px; }
}
@media (max-width: 991px) {
.room-owl .item { height:348px; }
}
@media (max-width: 767px) {
.room-owl { margin:0 -15px; }
.room-owl .item { height:290px; }
}
/* owl end*/

/*¸ÞÀÎ ºñÁÖ¾ó*/
.main_visual_wrap{position:relative;z-index:1;}
.main_visual_box{width:100%;top:0px;z-index:0;}
.main_visual .mvI{height:821px;background-repeat:no-repeat;background-position:center center;background-size:cover;outline:none}
.mvI_inner{position:relative;width:1100px;margin:0 auto;height:100%; color:#fff;}
.main_visual .mv01{background-image:url(/gwculture_2021/img/2019_sub1_vis01.jpg);}
.main_visual .mv02{background-image:url(/gwculture_2021/img/2019_sub1_vis02.jpg);}


.main_visual.new .mv01{background-image:url(/gwculture_2021/img/2019_sub1_vis01.jpg);}
.main_visual.new .mvI{color:#;}
.main_visual.new .mvI.mv01{color:#000;}
.main_visual.new .mvI.mv03{color:#000;}

.main_visual.new .mvI .txt_area > strong{font-size:40px;line-height:40px;display:block;margin-bottom:10px;font-weight:400;}
.main_visual.new .mvI h2{font-size:25px;line-height:30px;font-weight:400;letter-spacing:10px;}
.main_visual.new .mvI h2 > strong{font-weight:900;}
.main_visual.new .mvI .txt_area p{font-size:13px;line-height:20px;}

.main_visual.new .mv02{background-image:url(/gwculture_2021/img/2019_sub1_vis01.jpg);}
.main_visual.new .mv03{background-image:url(/gwculture_2021/img/2019_sub1_vis02.jpg);}
.main_visual.new .mv04{background-image:url(/gwculture_2021/img/2019_sub1_vis03.jpg);}
.main_visual.new .mv05{background-image:url(/web2018/images/main/vis05.jpg);}
.main_visual.new .mv06{background-image:url(/web2018/images/main/vis06.jpg);}

.main_visual .txt_area{transition:all .8s .6s ease-in-out;opacity:0;position:absolute;top:200px;left:-50px;z-index:1;}
.main_visual .txt_area button {line-height: 25px;color: #fff;font-family: NGB;font-size: 12px;padding: 0 30px;border: 2px solid #FFF; display:inherit;}
.main_visual .txt_area button img{ display:inherit;}

.main_visual .mvI h2{font-size:80px;line-height:100px;font-weight:200;}
.main_visual .mvI h2 strong{font-weight:900;}
.main_visual .mvI .txt_area p{font-size:26px;line-height:36px;}
.main_visual .mvI.slick-active .txt_area{opacity:1;left:0;}
.main_visual_wrap .slick-arrow{display:none !important;}

.main_visual .icon_box{position:absolute;right:70px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:0;}
.main_visual .icon_box ul li{float:left;margin-left:40px;transition:all .6s ease-in-out;opacity:0;transform:translateY(20px);-webkit-transform:translateY(20px);}
.main_visual .icon_box ul li:first-child{margin-left:0;transition-delay: 1s;}
.main_visual .icon_box ul li:nth-child(2){transition-delay: 1.2s;}
.main_visual .icon_box ul li:nth-child(3){transition-delay: 1.4s;}


.main_visual .mvI.slick-active .icon_box ul li{transform:translateY(0);-webkit-transform:translateY(0);opacity:1;}


.paging_wrap{width:1020px;position:absolute;bottom:97px;left:50%;margin-left:-510px;}

.paging_wrap > *{float:left;}
.paging_wrap .player{width:30px;height:30px;position:relative;}
.paging_wrap .player span{display: none;position: absolute;width: 100%;height: 100%;text-indent: -9999px;cursor:pointer;background-repeat:no-repeat;background-position:center center;background-size:10px 10px;}
.paging_wrap .player span.slick_visual_start{background-image: url(http://www.malgum.com/images/main/icon_start.png);}
.paging_wrap .player span.slick_visual_stop{display: block;background-image: url(http://www.malgum.com/images/main/icon_stop.png);}

.paging_wrap .player.stop span.slick_visual_start{display: block;}
.paging_wrap .player.stop span.slick_visual_stop{display: none;}
.main_visual_wrap .slick-dots > li{float:left;margin-right:10px;}
.main_visual_wrap .slick-dots > li button{display:block;width:30px;height:30px;font-size:16px;color:#c0c0c0;font-weight:900;line-height:30px;}
.main_visual_wrap .slick-dots > li.slick-active button{color:#333;border:2px solid #333;border-radius:100%;box-sizing:border-box;line-height:26px;}


.main_visual_wrap .slick-dots > li button{display:block;width:30px;height:30px;font-size:16px;color:#c0c0c0;font-weight:900;line-height:30px;}
.main_visual_wrap .slick-dots > li.slick-active button{color:#FFF;border:2px solid #FFF;border-radius:100%;box-sizing:border-box;line-height:26px;}

/*main {
  position: relative;
  z-index: 2;
  /* fix bug on iOS 
  height: 100vh;
  padding:100px 10%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  background-color: #ffcc25;
  /* Force Hardware Acceleration in WebKit 
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}*/

main {
  position: relative;
  max-width:2000px;
  z-index: 2;
  /* fix bug on iOS */
  padding:0 10% 100px 10%;
  -webkit-overflow-scrolling: touch; 
  background:#fff;
  /* background-image:url(/gwculture_2021/img/06/2019_06_bg.jpg);*/
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}
main h1, main p {}
main h1 { font-size: 50px; margin-bottom:50px; line-height:60px;}
main h1 strong {margin-bottom: 1em; font-size:60px; font-weight:bold; color:#f8cf03;}
main strong2 { font-weight:bold}

main h2 { font-size: 30px; color:#2c9aaa; line-height:35px; font-weight:bold;}
main h6 { font-size: 35px; color:#F00; line-height:35px;}
main p {font-size: 17px; color:#13333e; margin: 0 auto; line-height: 1.6;  padding:20px 0;  text-align: justify;}/* #d6dfdb */
main p2 {font-size: 20px; color:#13333e; margin: 0 auto; line-height: 1.6;  padding:20px 0;  text-align: justify;}/* #d6dfdb */
main p strong { font-weight:700;font-size: 20px; }
main p strong1 { color:#F60; font-size:30px;line-height: 30px;}
main p strong2 { font-weight:bold}
main span {font-size: 21px; color:#13333e; line-height: 1.6;  padding:20px 0;  text-align: justify;}/* #d6dfdb */

.top_bg_6{ width:110%; height:450px; top:0; overflow: hidden;position: fixed;background:url(/gwculture_2021/img/11/main_visual_8.jpg)no-repeat; background-size:cover; z-index: 88; margin-left:-10%}
.top_bg_7{ width:110%; height:450px; top:0; overflow: hidden;position: fixed;background:url(/gwculture_2021/img/11/2019_04_sub7_vis_5.jpg)no-repeat; background-size:cover; z-index: 88; margin-left:-10%;backdrop-filter: blur(5px);}
.page{width: 100%;display: block;margin-bottom: 0px;padding: 30px 0 0 0; position:relative; z-index: 99;}

.cont .qna{width:100%; padding:20px 0 50px 0; font-size:17px;}
.cont .qna title{font-size:25px; color:#F60;padding:20px 0; display:block; line-height:30px;}
.cont .qna li{ background:#CCC; padding:15px 50px; margin-bottom:1px;}
.cont .qna li p{ width:20%;padding:0 10px; float:right;font-size:17px; line-height:17px; text-align:center;}

.contents{ width:100%; max-width:2000px; margin:0 auto; transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);}
.contents img{}

.sns{ width: 400px; position: absolute; left: 50%;margin-left: 230px; margin-top:50px;}
.sns .title{ display:inline;}

.nl { width:100%;max-width:700px; margin:0 auto;}
.nl img{ width:auto; height:100%;}

.top{ width:100%;position: relative; height: 215px; z-index:99;}
.top_logo{ width:250px; height:215px; display:block; background:url(/gwculture_2021/img/10/top_logo.png)no-repeat;text-decoration: none;}

.contents .top_right{float:right;margin-top:-150px;}
.contents .icon { padding:20px 0; text-align:right;}
.contents .icon img{display:inline; width:auto;}
.contents .title{ width:250px; font-size:13px; color:#fff;background:#243040; padding:11px 10px; text-align:center;}
.contents .title2{ width:250px; font-size:13px; color:#fff; margin-bottom:50px; background:#2c9aaa; padding:10px 10px 10px 10px; text-align:center; border:1px solid #243040;}
.contents .title4{ width:250px; font-size:13px; color:#fff;background:#243040; padding:11px 10px; text-align:center; margin-bottom:30px;}
.contents2{ width:100%; max-width:1200px; margin:0 auto; margin-top:800px; padding:150px 2%;}
.contents2 img{display:block; width:100%; height:100%;}

.cont{ display:block;}
.cont img{width:100%;padding: 20px 0;}
.cont li{ width:100%; display:block; position:relative; margin-bottom:10%;}

.sub6_cont {width:100%; max-width:1200px; text-align:center; margin:0 auto; }
.sub6_cont li{width:20%; text-align:left; float:left;}
.sub6_cont p{ padding:0 0 5px 0;}
.sub6_cont img{width:auto;}

.left_cont{ width:50%;float: left; padding-right:3%; position:relative}
.right_cont{ width:50%;float: left; padding-left:3%; position:relative; margin-bottom:50px;}
.right_cont .foot_but{ padding:50px 0;}
.right_cont button{width: 100%;
    padding: 20px 20px;
    margin-top: 1px;
    font-size: 13px;
    border: none;
    background: #243040;
    outline: none;
    overflow: hidden;
    color: #fff;
    margin-right: 1px;}

.info{ width:100%; border:10px solid #2c9aaa; padding:20px;}
.info p{ font-size:14px;}
.info h2{ color:#ffba00; }

.pro{ width:100%; background:#333;line-height:25px; color:#fff; margin-top:100px; clear:both;}
.pro p{color:#fff;}
.pro .photo{ float:left;}
.pro img{ width:auto}
.pro li{ width:100%; display:block; padding:20px 50px 20px 200px; }
.navigation-is-open main {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}

/*Áö³­È£*/
.util { position:absolute; z-index:100;margin-top: -127px; left: 50%;  margin-left: 180px; }
		.util>div { float:left; text-align:center; }
		.util>div>a { display: inline-block; color:#fff; height:28px;}
		.util .link_reservation { padding:0 33px 0;line-height:26px; background-color:#ffcc25; font-size:12px;}
		.util .language>a { position:relative; width:170px;  height:47px;  color:#13333e; font-size:15px; font-weight:bold; line-height:26px; background-color:#ffcc25; padding:10px 0;}
		.util .language>a.lang_default{background:url('/gwculture_2021/img/arrow_down.png') no-repeat 130px center;}
		.util .language>a.lang_other { display:none; height:50px; border-top:none;}
		.util .language>a.lang_other:hover, .util .language>a.lang_other:focus { background-color:#fff;}
/*
.select_ul li.select{width:599px; height:41px; margin:0; padding:15px 0 0 0; background:url(./img/room_type_select_bg.gif) no-repeat right; text-align:center; vertical-align:middle; position:relative; font-size:20pt; color:#fff;}*/
.select_ul li.select{width:599px; height:56px; margin:0; padding:0; position:relative; }
.select_ul li.select button.sel{width:100%; height:56px; background:url(./img/room_type_select_bg.gif) no-repeat right; text-align:center; vertical-align:middle; font-size:20px; color:#fff;}
.select_ul li.butten{margin:0 0 0 10px;}
button.date_link{width:239px; height:56px; padding:0; margin:0; text-align:center; color:#757575; border:2px solid #c1c1c1;}
.layer_room_type{width:100%; min-height:300px; background:#9f0700; top:0; left:0; position:absolute; z-index:1000; display:none;}
.layer_room_type ul{width:100%; padding:0; margin:0;}
.layer_room_type li{ display:block; width:100%; padding:21px 0; margin:0; font-size:14px; color:#fff; line-height:1.2em; list-style:none; text-align:center;}
.layer_room_type li.on{ background:#580c08;}
.layer_room_type a{font-size:20px; color:#fff;}

.room_type_title{width:100%; height:128px; padding:0; margin:0;}
.room_type_title .ko_title{font-size:20px; color:#676767;}
.room_type_title .en_title{font-size:45px; color:#9f9f9f; font-weight:bold; width:100%; padding:0 0 16px 0; display:inline-block}
.room_type_img{width:100%; padding:0; margin:0;}
.room_con{padding:15px; margin:0; background:#fff;}
.room_margin{margin:30px 0 0 0}

.room_table_01{width:100%; border-collapse:collapse; padding:0; margin:0;}
.room_table_01 th{height:35px; background:#a1a1a1; color:#fff; vertical-align:middle;}
.room_table_01 td{height:50px; color:#000; border-bottom:1px solid #dbdbdb; text-align:center; vertical-align:middle;}

button.room_but{ width:90px;height:32px; padding:0 10px; margin:1px 0; text-align:center; color:#fff;}
.bg_color_gray{background:#808080;}
.bg_color_yellow{background:#dfa301;}

.type01{ padding:0 0 0 0; margin:0;}
.type01 dt{padding:0; margin:0; color:#000;}
.type01 dd{margin:0 0 20px 0; color:#6d6d6d;}


/* °ø¿¬¼Ò½Ä */
.news {width:100%;padding:50px 0px 50px 0; clear:both;border-bottom:1px solid #CCC; min-height:600px;}
.news .none{width:40px; height:100%;}
.news_top {width:100%;  border-bottom:1px solid #000;}
.news_top img { width:100%;vertical-align: text-top;}
.news_top .title3 { padding:0px 0 0 0; font-size:13px;}
.news_top .title3 li{ width:100%; display:block; padding:0px 0px 0 20%;}
.news_top h3 { font-size:80px; font-weight:600;}
.news_top h4 { font-size:22px; font-weight: bold;line-height:30px;}
.news_top .title3 p { width:100%; }
.news_top .title3 .mo { float:left;}
.news_top button {display:inline-block;line-height: 40px;color: #fff; padding: 0 30px; margin-top: 0px; background-color: #b40000;}
.news_top img { width:auto;vertical-align: inherit;}

.line{ width:100%; height:1px; background:#CCC;}

.news li {display: table-cell;}
.news h3 { font-size:20px;line-height:35px;}
.news h4 { font-size:30px;line-height:60px; color:#F60;}
.news h4 strong{ font-size:50px;}
.news img { width:100%;vertical-align: text-top;}
.news button { width:100%;padding: 20px 20px;   margin-top:1px;   font-size: 13px;   border: none;   background: #243040;   outline: none;   overflow: hidden;   color: #fff; margin-right:1px;}
.news .cont{ width:70%; font-size:17px; line-height:30px; margin-left:30%; text-align:justify;}
.news .cont p{ height:36px; margin-top:2px; padding-top:10px; font-size:15px; background:#fff; margin-bottom:0px; text-align:justify; display:inline-block;}
.news .cont2{ text-align:justify; margin-top:2px; font-size:13px;}
.news .cont2 p{ height:36px; margin-top:2px; padding-top:10px; font-size:13px; background:#fff; margin-bottom:0px; text-align:justify;}
.news .cont2 p strong{ width:30%; padding:0 20px; font-size:13px; font-weight:bold; background:#fff; text-align:right;}
.news .cont2 p spen{ width:30%; padding:0 20px; font-size:20px; font-weight:bold; background:#fff; text-align:right;}
.news .poster{ width:25%; float:left; max-width:300px;}

.cd-nav .cd-half-block .title{ width:250px; font-size:14px; color:#fff;background:#ffcd26; padding:10px 10px; text-align:center; float: left;}
.cd-nav .cd-half-block .title2{ width:500px; font-size:13px; color:#fff; margin-bottom:100px; padding:10px 10px; text-align:center; border:1px solid #ffcd26;}.tail{ width:100%; text-align:center; font-size:13px; margin-top:50px; clear:both;}
.tail img{width:auto;}
.tail strong{ font-weight:bold; color:#2c9aaa;}

/*-- design store--*/
#visual_view{width:100%; margin-left:-48px;}
.VS_img1{z-index:5; position:relative;}


.vis_text{width:100%; height:30px;position:absolute; top:225px; margin-left:0px; z-index:100; text-align:center; font-weight:600}
.vis_text p{ font-size:20px;font-family:NanumGothic;letter-spacing:0.1em;color:#fff;}
.vis_text span {left:10px; top:0; display:inline-block; color:#fff; position:relative; font-family:NGB; font-size:12px; padding:10px 10px 10px 40px; margin-top:10px; background-color:rgba(0,0,0,0.7);}
.vis_text button {display: inline-block; border: 1px #00c6ff solid; margin-left:10px; line-height: 30px; color: #fff; font-family:NGB; font-size:12px; padding: 0 30px; margin-top:-5px; background-color:rgba(0,0,0,0.7);}
.vis_text .VT01{ margin-top:0px;}
.vis_text .VT02{left:-437px; margin-top:-50px;}


#visual{ width:100%; position:relative; height:700px; padding:0px 0;}
.VS_img{z-index:5; position:relative;}
#visual_slides li{ width:100%; position:relative;}
#visual_slides img{display:block; width:100%; height:100%; }

#visual_controll{position: fixed; z-index:999; height:48px; left:50%; width:360px; margin-left:-180px; margin-top:35%;background-color:rgba(19,20,21,0);}
#pagination{text-align:center;  width:200px; position:relative; z-index:66; margin-left:53px; border-top:0; border-bottom:0;}
#pagination li{display:inline-block;}
#pagination li a{display:block; font-size:0; overflow:hidden; width:30px; height:48px;  margin:0 3px; background:url(/gwculture_2021/img/visual_room_btn.png) no-repeat 50% -240px;  }
#pagination .play_stop{position:absolute; width:52px; right:-53px; display:block; top:0;}
#pagination .play_stop a{display:block; width:52px; margin:0;}
#pagination li .vis-play{background:transparent url(/gwculture_2021/img/visual_btn.png) no-repeat 50% -144px; display:none;}
#pagination li .vis-stop{background:transparent url(/gwculture_2021/img/visual_btn.png) no-repeat 50% -96px;}
#pagination li.current a{background:transparent url(/gwculture_2021/img/visual_room_btn.png) no-repeat 50% -192px; }

#prev-next{position:absolute; top:0; left:0px;  z-index:55; width:100%;}
#prev-next a{display:block; overflow:hidden; font-size:0; width:52px; height:48px; background:url(/gwculture_2021/img/visual_room_btn.png) no-repeat 50% -0px; }
#prev-next #fade-next{top:0; background-position:50% -48px; right:0;position:absolute; }



.SP_layer {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    min-height: 500px;
}
.SP_btn{ width:100%; padding-left:75px;}
.SP_btn button{display:inline-block; bordeR:1px #00c6ff solid; line-height:30px; color:#fff; font-size:13px; padding:0 38px;}

.SP_map{display:inline-block; text-align:center; height:32px; border:1px transparent solid; border-radius:3px; text-align:center; padding:0 15px; margin-left:15px;}
.SP_map em{display:inline-block; line-height:32px; color:#fff; background:url(/web2018/images/sub/program_ico.png) no-repeat left 0; font-size:13px; font-family:NGB; padding-left:18px;}
.SPC_btn{ width:100px; margin-top:20px;display:inline-block;position:absolute; font-size:15px; bottom:0; margin-left:-50px; background:#ffba00;outline: none; overflow: hidden; padding-top:10px; clear:both; left:50%;}
.SPC_btn em{color:#fff; font-size:13px;}
.SPC_btn img{ width:100%;}
.SP_more_box{ position:relative; padding-top:20px; padding-bottom:50px; margin-left:0px;  color:#666; text-align:center;clear: both;}
.SP_more_box img{ width:100%;}
.SP_more_box p{width:100%; max-width:1200px;position:relative}
.SP_more_box ul{padding-left:0;}
.SPC_btn .btn01 img{ width:auto;}
.SPC_btn .btn02 img{ width:auto;}
.SPC_btn .btn02{display:none;}
.SPC_btn.active .btn02{display:block;background:url(/web2018/images/sub/2_sub1_img_6.png) no-repeat left -64px;}
.SPC_btn.active .btn01{display:none;}

.SP_more_box .SP_more{display:none;}
.SP_more_box .about{ margin-left:-500px; position:absolute; z-index:10; top:130px;}
.SP_more{margin-bottom:16px;}
.SP_cont .SP_tit{font-size:18px; color:#147c7a; font-family:NGB; margin-top:5px;}
.SP_cont .zone{color:#a0351c; font-family:NGB; display:inline-block; margin-left:5px}

.SP_more_box h5{color:#fff; font-size:18px; margin:20px 0 10px;}
.SP_more_box h6{font-size:20px; margin:5px 0 40px;color:#000;}
.SP_more_box p{font-size:13px;color:#FFF; padding:0}
.SP_more_box span1{ color:#FF0; margin-left:70px;}

.cd-nav .cd-contact-info .home{ margin-top:50px; font-size:15px;outline: none; overflow: hidden; padding:10px 0; float:right;}


/* ½ºÅ©·Ñ ¹è³Ê */
	.sc_wrap {position:absolute;right:0px;top:130px;z-index:100;transition:all 0.5s;}
	.sc_wrap img{ width: auto; height:auto;}
	.sc_wrap.hide {right:-125px;transition:all 0.5s;}
	.sc_wrap.hide ul li.cs {display:block;}
	.sc_wrap.hide ul li:last-child a {text-align:center;padding-left:10px;transition:all 0.5s}
	.sc_wrap .btn_quick {position:absolute;top:15%;margin-top:-22px;left:-44px;width:44px;height:44px;background:url("/gwculture_2021/img/sns_quick.png") no-repeat 0 0;text-indent:-999999px;z-index:10;cursor:pointer}
	.sc_wrap ul {border-radius:4px 0 0 4px;overflow:hidden;border-right:0;width:100%;}
	.sc_wrap ul li {text-align:left;height:50px;line-height:50px;border-left:1px solid #ddd;border-top:1px solid #ddd}
	.sc_wrap ul li.quick00 {background:#fff url(/gwculture_2021/img/sns_f.png) no-repeat 5px 50%;}
	.sc_wrap ul li.quick00 p{ padding-left:0; color:#fff;}
	.sc_wrap ul li.quick01 {background:#fff url(/gwculture_2021/img/sns_t.png) no-repeat 5px 55%;}
	.sc_wrap ul li.quick02 {background:#fff url(/gwculture_2021/img/sns_k.png) no-repeat 5px 50%;}
	.sc_wrap ul li.quick03 {background:#fff url(/gwculture_2021/img/sns_nd.png) no-repeat 5px 50%;}
	.sc_wrap ul li.quick04 {background:#fff url(/gwculture_2021/img/sns_nb.png) no-repeat 5px 50%;}
	.sc_wrap ul li.quick05 {background:#fff url(/gwculture_2021/img/print.png) no-repeat 5px 50%;}
	.sc_wrap ul li {text-align:left;height:50px;line-height:50px;border-left:1px solid #ddd;border-top:1px solid #ddd}
	.sc_wrap ul li.quick00:hover {background:#fff url(/gwculture_2021/img/sns_f.png) no-repeat 5px 50%;}
	.sc_wrap ul li.quick01:hover {background:#fff url(/gwculture_2021/img/sns_t.png) no-repeat 5px 50%;}
	.sc_wrap ul li.quick02:hover {background:#fff url(/gwculture_2021/img/sns_k.png) no-repeat 5px 50%;}
	.sc_wrap ul li.quick03:hover {background:#fff url(/gwculture_2021/img/sns_nd.png) no-repeat 5px 50%;}
	.sc_wrap ul li.quick04:hover {background:#fff url(/gwculture_2021/img/sns_nb.png) no-repeat 5px 50%;}
	.sc_wrap ul li.quick05:hover {background:#fff url(/gwculture_2021/img/print.png) no-repeat 5px 50%;}
	/* .sc_wrap ul li + li {border-top:1px #ddd solid;} */
	.sc_wrap ul li.quick00 a, .sc_wrap ul li.quick01 a {color:#;}
	.sc_wrap ul li > a {display:inline-block;width:100%;box-sizing:border-box;margin:0;color:#000;font-weight:400;font-size:12px;padding-left:60px;}
	.sc_wrap ul li:first-child {border-radius:4px 0 0 0;overflow:hidden;}
	.sc_wrap ul li.cs {background:#f5f5f5;height:auto;line-height:12px;padding-top:13px;padding-bottom:13px;overflow:hidden;display:none;}
	.sc_wrap ul li:last-child {background:#333;border-left:1px solid #333;border-bottom:1px solid #333}
	.sc_wrap ul li:last-child a {text-align:left;color:#fff;padding-left:18px;transition:all 0.5s;}
	.sc_wrap ul li em,
	.sc_wrap ul li strong,
	.sc_wrap ul li p {display:inline-block;text-align:left;font-family:'Lato';font-weight:400;font-size:12px;padding-left:14px;line-height:18px;}
	.sc_wrap ul li em {color:#333;}
	.sc_wrap ul li strong {color:#059cde;font-weight:600;font-size:17.5px;line-height:24px;}
	.sc_wrap ul li p {color:#000;}
	.sc_wrap ul li .bank {font-size:14px;color:#333;font-weight:600;margin-top:8px;display:none;}
	.sc_wrap ul li .bank span {font-weight:400;font-size:12px;display:block}
	.sc_wrap ul li .bank em {font-size:12px;font-weight:600;padding-left:0}

@media only screen and (min-width: 2000px) {#visual{height:850px;}}
@media only screen and (max-width: 2000px) {#visual{height:850px;}}
@media only screen and (max-width: 1750px) {#visual{height:730px;}}

@media only screen and (max-width: 1500px) {#visual{height:650px;}
	 
  }

@media only screen and (max-width: 1250px) {
	#visual{height:550px;}
	.left_cont{ width:100%;float: left; padding-right:0px; position:relative}
    .right_cont{ width:100%;float: left; padding-left:0px; position:relative}
	
	.sub6_cont img{ width:100%;}
  }
@media only screen and (max-width: 900px) {#visual{height:450px;}}

@media only screen and (max-width: 650px) {

  main{ padding:40px 5% 100px 5%;}
  main h1 { font-size: 25px; line-height:30px;margin-bottom: 30px;}
  main h1 strong {font-size: 30px;}
  main h2 { font-size: 20px;}
  main p { font-size: 15px; padding:5px 0; }
  main span {font-size:17px;
}
  
  .sns{width: 400px; position: relative; margin-left: -50px;margin-top: -80px;    margin-bottom: 50px;}
  .sns img{width:30px;}
  
  .util { position:absolute; z-index:100;margin-top: 0px; left:0;  margin-left: 220px; }
  
  .nl { width:100%; margin:0 auto;}
  .nl img{ width:100%;}
  
  .news_top .title3 li{ width:100%; display:block; padding:0;}
  
  .sub6_cont li { width:33%;}
  .sub6_cont li p{ font-size:12px; padding:0;}
  .sub6_cont li h1 strong{ font-size:20px;}
  
  .contents .top_right { width:100%;margin-top: -10px;}
  .top_logo{ width:150px; height:128px; display:block; background:url(/gwculture_2021/img/10/top_m_logo.png)no-repeat;text-decoration: none;}
  
  .contents2{ margin-top:30px;}
  .contents2 img{ width::100%;}
  
  .left_cont{ width:100%;float: left; padding-right:0px; position:relative}
  .right_cont{ width:100%;float: left; padding-left:0px; position:relative}
  
  .cont img{ width:100%;}
  
  
  .contents .title{ width:40%;}
.contents .title2{ width:60%; margin-bottom:30px;float:right;margin-top: -35px;}
.contents .title4 { width:140px;margin-top: 30px;}

.contents .icon { padding:5px 0; display: inline-block;}

.cd-nav .cd-half-block .title{ width:100%; float: none;}
.cd-nav .cd-half-block .title2{ width:100%; margin-bottom:30px;}

.pro{ margin-top:50px;}
.pro li{ padding:180px 20px 20px 20px; }
.pro li h3{ font-size:14px;}
  
#visual{width:100%; height:230px; position:relative; overflow:hidden; top:0; margin-left:0; left:0}
.vis_text{top:100px; width:214px; margin-left:20px;}
.vis_text .VT01{display:none;}
.vis_text .VT02 img{width:214px;}
#visual_slides{ z-index:999;}
#visual_slides li{width:100%; max-width:640px; height:500px;overflow:hidden;  margin-left:0; left:0; overflow:hidden; text-align:center; position:relative;}
#visual_slides img {display: block; margin: 0 auto; width:100%; height:auto;}

.news_top p { width:100%;}
.news{ padding: 15px 0;}
.news .title{width: 100%;}
.news_top .title3 { padding:0px 0 0 0; font-size:13px;}
.news_top .title3 .mo { float:none; width:100%;margin-bottom: 10%;}
.news li{width: 100%; height:100%; display: block;}
.news .title h3{font-size: 20px; padding-bottom: 10px;}
.news img{ width:100%;}
.news_top h3 { font-size:40px; font-weight:bold;line-height: 23px;}
.news_top h4 { font-size:15px; font-weight:normal;line-height:23px;}
.news .win { width:100%;display:block;}
.news h3 { font-size:20px;line-height:30px;}
.news h4 { font-size:25px; font-weight:bold;line-height:30px;}
.news h4 strong{ font-size:30px;}
.news .title, .news .cont { display: block;}
.news .cont{ width:100%; margin-right:0px; font-size:15px; line-height:25px;  margin-left:0%; margin-top:20px;}
.news .poster{ width:100%; margin-bottom:20px; float:none; margin:0 auto; }
.news button { width:49%;margin-top: 2px;}

.cd-nav .cd-contact-info .home{ margin-top:-90px;}


.tail{ width:100%; text-align:center; font-size:11px;}
}

.cd-nav-trigger {
  position: fixed;
  z-index: 3;
  left: 5%;
  top: 20px;
  height: 54px;
  width: 54px;
  background-color: #243040;
  border-radius: 50%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
.cd-nav-trigger .cd-nav-icon {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 2px;
  background-color: #ffffff;
}
.cd-nav-trigger .cd-nav-icon::before, .cd-nav-trigger .cd-nav-icon:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
  -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
  transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  top: -2px;
}
.cd-nav-trigger svg {
  position: absolute;
  top: 0;
  left: 0;
}
.cd-nav-trigger circle {
  /* circle border animation */
  -webkit-transition: stroke-dashoffset 0.4s 0s;
  -moz-transition: stroke-dashoffset 0.4s 0s;
  transition: stroke-dashoffset 0.4s 0s;
}
.navigation-is-open .cd-nav-trigger {
  /* rotate trigger when navigation becomes visible */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
  -moz-transition: -moz-transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
  top: 0;
}
.navigation-is-open .cd-nav-trigger circle {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.4s 0.3s;
  -moz-transition: stroke-dashoffset 0.4s 0.3s;
  transition: stroke-dashoffset 0.4s 0.3s;
}
@media only screen and (min-width: 1170px) {
  .cd-nav-trigger {
    top: 40px;
  }
}

.cd-nav {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /* background-image:url(../img/06/2019_06_menu_bg.jpg); */
  background-color: #2c9aaa;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.7s;
  -moz-transition: visibility 0s 0.7s;
  transition: visibility 0s 0.7s;
}
.cd-nav .cd-navigation-wrapper {
  /* all navigation content */
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 40px 5% 40px calc(5%);
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-nav {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
.cd-nav h2 {
  position: relative;
  margin-bottom: 1.7em;
  font-size: 1.3rem;
  font-weight: 800;
  color: #080b0f;
  text-transform: uppercase;
}
.cd-nav h2::after {
  /* bottom separation line */
  content: '';
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 1px;
  width: 60px;
  background-color: currentColor;
}
.cd-nav .cd-primary-nav {
  margin-top: 60px;
}
.cd-nav .cd-primary-nav strong{ font-weight:bold;
}
.cd-nav .cd-primary-nav li {
  margin: 1.6em 0;
}
.cd-nav .cd-primary-nav a {
  font-size: 25px;
  color: rgba(255, 255, 255, 1);
  display: inline-block;
}

.cd-nav .cd-primary-nav a.selected {
  color: #ffffff;
}
.no-touch .cd-nav .cd-primary-nav a:hover {
  color: #243040;
}
.cd-nav .cd-contact-info {
  margin-top: 80px;
}
.cd-nav .cd-contact-info li {
  margin-bottom: 1.5em;
  line-height: 1.2;
  color:#243040;
}
.cd-nav .cd-contact-info a {
  color: #ffffff;
}
.cd-nav .cd-contact-info span {
  display: block;
}
.cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {
  font-size: 1.6rem;
}
@media only screen and (min-width: 1170px) {
  .cd-nav .cd-navigation-wrapper {
    padding: 62px 10%;
  }
  .cd-nav .cd-navigation-wrapper::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-nav .cd-half-block {
    width: 50%;
    float: left;
  }
  
   .cd-nav .cd-half-block .title{ width:250px; font-size:14px; color:#fff;background:#243040; padding:10px 10px; text-align:center; float: left;}

   .cd-nav .cd-half-block .title2{ width:500px; font-size:13px; color:#fff; margin-bottom:100px; padding:10px 10px; text-align:center; border:1px solid #243040;}
  
  .cd-nav .cd-primary-nav {
    margin-top: 0;
  }
  .cd-nav h2 {
    font-size: 1.5rem;
    margin-bottom: 5.6em;
  }
  .cd-nav .cd-primary-nav li {
    margin: 2em 0;
  }
  .cd-nav .cd-primary-nav a {
    font-size: 35px;
  }
  .cd-nav .cd-contact-info {
    margin-top: 120px;
    text-align: right;
  }
  
  .cd-nav .cd-contact-info .home{ width:130px; margin-top:50px; font-size:15px;outline: none; overflow: hidden; padding:10px 0; float:right;}
  .cd-nav .cd-contact-info li {
    margin-bottom: 2.4em;
  }
  .cd-nav .cd-contact-info li, .cd-nav .cd-contact-info a, .cd-nav .cd-contact-info span {
    font-size: 2rem;
  }
}

.no-js main {
  height: auto;
  overflow: visible;
}

.no-js .cd-nav {
  position: static;
  visibility: visible;
}
.no-js .cd-nav .cd-navigation-wrapper {
  height: auto;
  overflow: visible;
  padding: 100px 5%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}