`@charset "utf-8";
.clear{display:block;height:0;font-size:0;font-size:0;line-height:0;content:'';overflow:hidden;clear:both}


.swiper {
width: 100%;
height: 100%;
margin-top:50px;
 }

.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}

.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
 .mySwiper02 .swiper-horizontal>.swiper-pagination-bullets, .mySwiper02 .swiper-pagination-bullets.swiper-pagination-horizontal, .mySwiper02 .swiper-pagination-custom, .mySwiper02 .swiper-pagination-fraction {
    bottom: 0px!important;
}
 

/* basic_tab */
.basic_tab {width: 100%; max-width: 1290px; overflow:hidden; margin: 0 auto 30px; }
.basic_tab > li {display:table; float:left;border-radius: 0 30px 0 30px; margin: 5px 5px; border-left:none; background-color:#f6f6f6; border-right: none;  color:#2c2c2c;}
.basic_tab > li a {display: block;}
.basic_tab > li a span {position: relative; line-height:120%; }
.basic_tab > li a span:before {display: block;content: ''; position: absolute; top: 50%; left: 0; width: 24px; height: 24px; margin: -12px 0 0;}
.basic_tab > li.all a span:before {background: url("/template/festival/user/images/sub/tab_list_icon_all_off.png") 0 0 no-repeat;}
.basic_tab > li.all.on a span:before {background: url("/template/festival/user/images/sub/tab_list_icon_all_on.png") 0 0 no-repeat;}
.basic_tab > li.lodging a span:before {background: url("/template/festival/user/images/sub/tab_list_icon_lodg_off.png") 0 0 no-repeat;}
.basic_tab > li.lodging.on a span:before {background: url("/template/festival/user/images/sub/tab_list_icon_lodg_on.png") 0 0 no-repeat;}
.basic_tab > li.restaurant a span:before {background: url("/template/festival/user/images/sub/tab_list_icon_rest_off.png") 0 0 no-repeat;}
.basic_tab > li.restaurant.on a span:before {background: url("/template/festival/user/images/sub/tab_list_icon_rest_on.png") 0 0 no-repeat;}
.basic_tab.tab_2 > li {width:calc(100%/2 - 10px);}
.basic_tab.tab_3 > li {width:calc(100%/3 - 10px);}
.basic_tab.tab_4 > li {width:calc(100%/4 - 10px);}
.basic_tab.tab_5 > li {width:calc(100%/5 - 10px);}
.basic_tab.tab_5 > li.li_2w {width:40%;}
.basic_tab.tab_6 > li {width:calc(100%/5 - 10px);}
.is-ie9 .basic_tab {margin: 0 auto 3px;}
.is-ie9 .basic_tab li {margin: 0 0 3px;}
.is-ie9 .basic_tab.tab_2 > li {width:50%;}
.is-ie9 .basic_tab.tab_4 > li {width:25%;}
.is-ie9 .basic_tab.tab_5 > li {width:20%;}
.is-ie9 .basic_tab.tab_5 > li.li_2w {width:40%;}
.is-ie9 .basic_tab.tab_6 > li {width:16.66%;}

.basic_tab > li > button ,.basic_tab > li > a {display:table-cell; position:relative; z-index:1; width:100%; height:70px; color:#2c2c2c; font-size:1.333em; text-align:center; vertical-align:middle; transition:all 0.3s;}
.basic_tab.tab_4p > li:nth-child(4n-3) {border-left:1px solid #355cb9;}
.basic_tab.tab_5p > li:nth-child(5n-4) {border-left:1px solid #355cb9;}
.basic_tab.tab_6p > li:nth-child(6n-5) {border-left:1px solid #355cb9;}

.basic_tab > li.on {border-radius: 0 30px 0 30px; border-color: #00b151; overflow: hidden;}

.basic_tab > li.on > button,.basic_tab > li.on > a {border-radius: 0 30px 0 30px; background-color:#00b151; color:#fff; }
.basic_tab_con {display:none;}
.basic_tab_con:first-child {display:block;}



.program_date_list {padding:20px 0; background-color:#fffbe7;}
.program_date_list p {text-align:center; font-size:16px; font-weight:bold;}
.program_date_list ul{ display:flex; justify-content: center;width:100%; overflow:hidden;}
.program_date_list li a{margin:10px 5px;display:block; float:left; text-align:center; padding:5px 10px; border:1px solid #222; background-color:#fff;}
.program_date_list li a:hover{background-color:#222; color:#fff;}


/* animation keyframes */
@-webkit-keyframes scale1_3 {
	0% {transform:scale(1);}
	50% {transform:scale(1.3);}
	100% {transform:scale(1);}
}
@keyframes scale1_3 {
	0% {transform:scale(1);}
	50% {transform:scale(1.3);}
	100% {transform:scale(1);}
}





.contest_view_top {
    display: flex;
    width: 100%;
    border-top: 3px solid #000000;
    border-bottom: 1px solid #7d7d7d;
}

.contest_view_top .left {
    display: table-cell;
    width: 44.99%;
    vertical-align: middle;
}

.contest_view_top .right {
    position: relative;
    display: table-cell;
    width: 55.5%;
    padding: 55px 10px 55px 10px;
    vertical-align: middle;
}

.contest_view_top .left .img_box {
    
     
    z-index: 1;
    overflow: hidden;
}

.contest_view_top .left .img_box .inner {
   
    width: 100%;
    height: 100%;
    font-size: 0;
	padding:30px;
}

.contest_view_top .left .img_box img {
    width: 500px;
	overflow:hidden;
	height:auto;
 }

.contest_view_top .right .tit_box {
    margin-bottom: 40px;
}

.contest_view_top .right .state {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    line-height: 1;
    border-radius: 0 0 0 14.5px;
    padding: 15px ;
    color: #fff;
    font-size: 1.333em;
    text-align: center;
    -webkit-box-shadow: -2px 3px 9px 0px rgba(0, 0, 0, 0.27);
    -moz-box-shadow: -2px 3px 9px 0px rgba(0, 0, 0, 0.27);
    box-shadow: -2px 3px 9px 0px rgba(0, 0, 0, 0.27);
}

.contest_view_top .right .state1 {
    background-color: #036eb8;
}

.contest_view_top .right .state2 {
    background-color: #e01c66;
}

.contest_view_top .right .state3 {
    background-color: #313131;
}

.contest_view_top .right .state4 {
    background-color: #ff6600;
}

.contest_view_top .right .state5 {
    background-color: #355cb9;
}

.contest_view_top .right .tit_box h1 {
    margin-bottom: 15px;
    font-size: 2.000em;
    font-weight: 700;
    word-break: keep-all;
}

.contest_view_top .right .tit_box p {
    word-break: keep-all;
	font-size:16px;
}

.contest_view_top .right .txt_box {
}

.contest_view_top .right .txt_box li {
    width: 100%;
    min-height: 5px;
    margin-bottom: 15px;
    overflow: hidden;
    font-size: 1em;
}

.contest_view_top .right .txt_box li:last-child {
    margin-bottom: 0;
}

.contest_view_top .right .txt_box li .txt_left {
    position: relative;
    float: left;
    display: block;
    width: 100px;
    min-height: 25px;
    color: #000;
	font-size:18px;
}

.contest_view_top .right .txt_box li .txt_left:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    width: 2px;
    height: 16px;
    margin-top: -8px;
    background-color: #dddddd;
}

.contest_view_top .right .txt_box li .txt_right {
    float: left;
    display: block;
    width: calc(100% - 115px);
    padding-left: 20px;
    min-height: 25px;
	font-size:17px;
 }
.btn_list {display:inline-block; text-align:center; border:1px solid #222; padding:15px 40px; margin-top:20px;}


/* hi_board_list */
.hi_board_list {overflow:hidden; padding-top:40px; border-top:2px solid #5f6577; border-bottom: 1px solid #7d7d7d;}
.hi_board_list > li {float:left; width:23.75%; margin-right:1.66%; margin-bottom:35px;}
.hi_board_list > li.on {background-color:#efefef;}
.hi_board_list > li:nth-child(4n) {margin-right:0;}
.hi_board_list > li:nth-child(4n+1) {clear:both;}
.hi_board_list > li > a {display:block;}
.hi_board_list .img_box {position:relative; z-index:1; overflow:hidden; margin-bottom:15px; background-color:#f7f7f7; text-align:center;}
.hi_board_list .img_box .mark {display:inline-block; position:absolute; left:0; top:0; z-index:2; height:25px; line-height:25px; padding:0 10px; background-color:#f4511e; color:#fff; font-size:14px;}
.video_bg {display:block; position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background: rgba(0,0,0,0.2) url('/template/festival/user/images/basic/video_bg.png') center center no-repeat;}
.hi_board_list .txt_box {margin-bottom:10px;}
.hi_board_list .txt_box .sort {margin-bottom:3px; color:#2196f3; font-weight:500;}
.hi_board_list .txt_box .tit {display:-webkit-box; overflow:hidden; height:2.4em; line-height:1.2em; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word;}
.hi_board_list .new_mark, .vi_board_list .new_mark {position:static; margin-top:1px; margin-right:3px; vertical-align:top;}
.hi_board_list .info_box {height:16px; color:#777; font-size:0.93em;}

/* full */
.hi_board_list.full .img_box {position:relative; z-index:1; overflow:hidden; margin-bottom:15px; padding-bottom:75%;}
.hi_board_list.full .img_box .mid_helper {display: none;}
.hi_board_list.full .img_box .inner_box {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; font-size: 0; background: url('/template/festival/user/images/common/default_img.jpg') no-repeat center/cover; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}
.hi_board_list.full > li > a:hover .inner_box, .hi_board_list.full > li > a:focus .inner_box { }
.hi_board_list.full .img_box img {width: 100%; height: 100%; opacity: 0; visibility: hidden;}
/* keep */
.hi_board_list.keep .img_box {position:relative; z-index:1; overflow:hidden; margin-bottom:15px; padding-bottom:85%; background-color:#f7f7f7; text-align:center;}
.hi_board_list.keep .img_box .inner_box {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; font-size: 0;}
.hi_board_list.keep .img_box .inner_box iframe {width: 100%; height: 100%;}
.hi_board_list.keep .img_box img {width:100%; height:100%; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;}

.hi_board_list.keep .img_box img {width:auto; height:auto; vertical-align:middle;}
/* // hi_board_list */

/* hi_board_list.skin2 */
.hi_board_list.skin2 {overflow:visible; }
.hi_board_list.skin2 > li .link {position: relative; display: block; }
.hi_board_list.skin2 > li {float:left; width:31.25%; margin-right:3.12%; margin-bottom:45px;  border: 1px solid #e5e5e5;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;  -o-transition: all 0.3s;  transition: all 0.3s; overflow: hidden;}
.hi_board_list.skin2 .txt_box .tit {display: block; margin-bottom: 15px;  font-size:1.500em; font-weight: 700;
display: -webkit-box; overflow: hidden; height: 2.4em;line-height: 1.2em; -webkit-line-clamp: 2; -webkit-box-orient: vertical;  word-break:keep-all;   word-wrap: break-word;
}
.hi_board_list.skin2 > li:nth-child(3n){margin-right:0;}
.hi_board_list.skin2 > li:nth-child(4n+1){clear:none;}
.hi_board_list.skin2 .txt_box{position: relative; margin: 0; padding: 30px 30px;}
.hi_board_list.skin2 .info_box{height: auto; font-size:1.06em; color:#9e9e9e;}
.hi_board_list.skin2 .info_box .date {display: block; text-align: right;}
.hi_board_list.skin2 .img_box {padding-bottom:75%; margin-bottom:0;}
.hi_board_list.skin2 .img_box .year_box {position: absolute; right: 0; top: 0; padding: 10px 24px; background-color: #ff9d00; border-radius: 0 0 0 14.5px; line-height: 1; font-size: 1.333em; color: #fff; z-index: 10;
-webkit-box-shadow: -5px 8px 12px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: -5px 8px 12px 0px rgba(0, 0, 0, 0.3); box-shadow: -5px 8px 12px 0px rgba(0, 0, 0, 0.3);}


.hi_board_list.skin2 .txt_box .category {position: absolute; right: 25px; top: -50px;}
.hi_board_list.skin2 .new_mark{width: 21px; height: 21px; line-height: 21px; margin-top:4px; margin-right: 5px; font-size: 13px;}

.hi_board_list.skin2 > li:hover {-webkit-box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.19); -moz-box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.19); box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.19);}
.hi_board_list.skin2 > li:hover .link {}

.hi_board_list.skin2 .info_box p {display: table; margin-bottom: 5px;}
.hi_board_list.skin2 .info_box p span:nth-child(1) {	display: table-cell; width: 50px;  padding: 0px 3px; border-radius: 13px; background-color: #fff4e0; text-align: center; font-size: 15px; vertical-align: middle; color: #000;	}
.hi_board_list.skin2 .info_box p span:nth-child(2) {display: table-cell; padding-left: 10px; vertical-align: middle; color: #545454;}
.hi_board_list.skin2 .info_box p:nth-child(1) span:nth-child(2) {color: #ff9d00;}


/* hi_board_list */
.hi_board_list.skin3 > li .link {
    position: relative;
    display: block;
}

.hi_board_list.skin3 > li {
    float: left;
    width: 24%;
	height:320px;
    border-radius: 30px;
    margin-right: 1%;
    margin-bottom: 30px;
    border: 1px solid #d2d2d2;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
	padding:15px;
}

.hi_board_list.skin3 .txt_box .tit {
    display: block;
    margin-bottom: 10px;
    font-size: 1.2em;
    font-weight: 700;
    display: -webkit-box;
    overflow: hidden;
    height: 2.4em;
    line-height: 1.2em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
    word-wrap: break-word;
}

.hi_board_list.skin3 > li:nth-child(4n) {
    margin-right: 0;
}

.hi_board_list.skin3 > li:nth-child(5n+1) {
    clear: none;
}

.hi_board_list.skin3 .txt_box {
    position: relative;
    margin: 0;
    padding: 0px 10px;
}

.hi_board_list.skin3 .info_box {
    height: auto;
    font-size: 1.06em;
    color: #9e9e9e;
}

.hi_board_list.skin3 .img_box {
    padding-bottom: 75%;
    margin-bottom: 0;
}

.hi_board_list.skin3 .txt_box .category {
    position: absolute;
    top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-size:14px;
	width:100px;
}

.hi_board_list.skin3 .new_mark {
    width: 21px;
    height: 21px;
    line-height: 21px;
    margin-top: 4px;
    margin-right: 5px;
    font-size: 13px;
}

.hi_board_list.skin3 > li > a:hover img, .hi_board_list.skin3 > li > a:focus img {
    transform: scale(0.8);
}

.hi_board_list.skin3 > li:hover {
    -webkit-box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.19);
    -moz-box-shadow: 15px 15px 30px -5px rgba(0,0,0,0.19);
    box-shadow: 5px 5px 20px -5px rgba(0,0,0,0.19);
}

.hi_board_list.skin3 > li:hover .link {
}

.hi_board_list.skin3 .info_box p {
    display: table;
    margin-bottom: 5px;
}
.hi_board_list.skin3 .info_box p span {font-size:17px;}
.hi_board_list.skin3 .info_box p span:nth-child(1) {
    display: table-cell;
    width: 50px;
    padding: 5px 3px;
    border-radius: 13px;
    background-color: #444;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
    color: #fff;
}

.hi_board_list.skin3 .info_box p.num:nth-child(1) span:nth-child(2) {
    color: #545454;
}

.hi_board_list.skin3 .info_box p span:nth-child(2) {
    display: table-cell;
    padding-left: 5px;
    vertical-align: middle;
    color: #545454;
}

.hi_board_list.skin3 .info_box p:nth-child(1) span:nth-child(2) {
    color: #ff6600; letter-spacing:-1px;
}

.hi_board_list.skin3 .category {
  background-color: #00b151;
    width: auto;
    height: auto;
     border-radius: 10px;
	padding:5px 10px;
    text-align: center;
    color: #fff ;
    z-index: 2;
    -webkit-box-shadow: 7px 6px 21px 0px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 7px 6px 21px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 7px 6px 21px 0px rgba(0, 0, 0, 0.16);
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.hi_board_list.skin3 .category span {
    font-size: 1.111em;
}

.hi_board_list.skin3 .category1 {
    background-color: #e01c66;
}

 

.hi_board_list.skin3 .category3 {
    background-color: #036eb8;
}

.hi_board_list.skin3 .category4 {
    background-color: #72279a;
}

.hi_board_list.skin3 > li .icon_img {
    display: inline-block;
    width: 30px;
    height: 29px;
     vertical-align: text-top;
}

.hi_board_list.skin3 > li .icon_img.lodg {
 }

.hi_board_list.skin3 > li .icon_img.rest {
 }

.hi_board_list.skin3 > li:hover .icon_img.lodg {
    width: 40px;
    height: 36px;
    margin: -4px 0 0;
 }

.hi_board_list.skin3 > li:hover .icon_img.rest {
    width: 40px;
    height: 42px;
    margin: -5px 0 0;
 }

.hi_board_list.skin3 > li:hover .txt_box:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 162px;
    height: 154px;
 }

.hi_board_list.skin3 .over_box {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.hi_board_list.skin3 .btn {
    position: absolute;
    left: 50%;
	 transform: translate(-50%, -50%);
    bottom: -60px;
    width: 130px;
    height: 45px;
    line-height: 30px;
    background-color: #313131;
    border-radius: 22.5px 22.5px 22.5px 22.5px;
    text-align: center;
    color: #fff;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 2;
    opacity: 0;
	margin-left:0;
}

.hi_board_list.skin3 .btn {
    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -ms-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.hi_board_list.skin3 .txt_box {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 150px;
    background-color: #fff;
    z-index: 2;
    -webkit-transition: height 0.4s;
    -moz-transition: height 0.4s;
    -ms-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
}

.hi_board_list.skin3 > li a .txt_box {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    o-transition: all 0.4s;
    transition: all 0.4s;
}

.hi_board_list.skin3 > li a .txt_box .tit .ft_color {
    color: #ff9d00;
}

.hi_board_list.skin3 > li a:hover .txt_box {
    height: 70% !important;
    padding-top: 10px;
}

.hi_board_list.skin3 > li a:hover .info_box {
    display: none;
}

.hi_board_list.skin3 > li a:hover .btn {
    display: block;
    opacity: 1;
}

.hi_board_list.skin3 > li a:hover .txt_box .tit {
    font-size: 22px;
    text-align: center;
}

.hi_board_list.skin3 > li a:hover .txt_box .category {
    right: 50%;
	top:0px;
    width: 100px;
    height: auto;
  }

.hi_board_list.skin3 > li a:hover .txt_box .category span {
    font-size: 16px;width:auto;
}

.hi_board_list.skin2.poster {
}

.hi_board_list.skin2.poster > li > a {
    padding: 20px;
    background-color: #fbf6ed;
}

.hi_board_list.skin2.poster .txt_box {
    padding: 10px 20px;
}

.hi_board_list.skin2.poster .img_box {
    margin-bottom: 20px;
}

.hi_board_list.skin2.poster .txt_box .tit {
    height: auto;
    text-align: center;
    margin-bottom: 0;
    font-size: 1.222em;
    font-weight: 400;
	width:auto;
}

.hi_board_list.skin2.poster .img_box {
    padding-bottom: 141.66%;
}






/* 탭영역 */
.tab-inner{
    margin-top: 30px;
}
.btn{
    list-style: none;
    overflow: hidden;
    margin-left: 10px;
}
.btn li{
    float: left;
    width: 150px;
    cursor: pointer;
    background-color: #eee;
    padding: 5px;
    box-sizing: border-box;
    border-right: 1px solid #ddd;
    text-align: center;
    border-top: 2px solid transparent;
    font-size: 12px;
}
.btn li:last-child{
    border-right: none;
}
.btn li:hover,
.btn li.active{
    background-color: #fff;
    border-top: 2px solid rgb(77,76,73);
}

 /* 전체 div 스타일 지정하고 첫번째 탭 메뉴만 보여주기 */
.tabs div{
    display: none;
    background-color: #fff;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
}
.tabs div.active{
    display: block;
}
.tabs div img{
    float: left;
    margin-right: 10px;
}
.tabs div h2{
    margin-bottom: 10px;
    color: rgb(77,76,73);
    font-size: 18px;
}



.program_ul  {display:flex;justfy-content:center; border:1px solid #22840f; margin:20px 0 80px 0;}
.program_ul  li {width:50%;border-right:1px solid #22840f;}
.program_ul  li a{  padding:15px 0; display:block; text-align:center; } 
.program_ul  li:last-child {border-right:0;}
.program_ul  li a.over, .program_ul  li a:hover {background-color:#22840f; color:#fff;}
.img_pc_none {display:none;}
.img_pc_block {display:block;}

.txt_left {text-align:left;}

/*프로그램 박스*/
.program_box div {width:48%; margin:20px 1%; box-sizing:border-box; padding:20px 40px;background-color:#FAFCFA; border-radius:20px; border:2px solid #e6e6e6; float:left; height:400px;}
.program_box div:hover {border:2px solid #2B9942;}
.program_box div h4 {font-size:2.0em; }



/*이벤트 주소*/
.pop-layer .pop-container {padding: 20px 25px;}
.pop-layer p.ctxt {color: #666;line-height: 25px;}
.pop-layer .btn-r {width: 100%;margin: 10px 0 20px;padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
.pop-layer {display: none;position: absolute;top: 50%;left: 50%;width: 600px;height: auto;background-color: #fff;border: 5px solid #3571B5;z-index: 10;}

.dim-layer {  display: none;  position: fixed;  _position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 100;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity=50);}
.dim-layer .pop-layer {display: block;}
a.btn-layerClose {display: inline-block;height: 25px;padding: 0 14px 0;border: 1px solid #304a8a;background-color: #555;font-size: 13px;color: #fff;line-height: 25px;}
a.btn-layerClose:hover {border: 1px solid #091940;background-color: #1f326a;color: #fff;}

.btn_frmline{display: inline-block;height: 29px; border-radius:3px; padding: 0 14px 0;border: 1px solid #304a8a;background-color: #222;font-size: 13px;color: #fff;line-height: 25px;}




.pc_none { display: none;}
.highcharts-credits {display:none;}

.con_body h3 {font-size:2.8em; margin:60px 0 0 0; font-weight:500;text-align:center; padding-bottom:20px; color:#222;}
.con_body h4 {position:relative; font-size:27px; clear:both; line-height:1.6em; color:#222; padding:0px 0 5px 15px;font-weight:500; }
.con_body h4:after {content:'';  display:block; position:absolute;  left:0; top:18px; width:5px; height:5px; background-color:#007f3d}
.con_body h5 {font-size:19px; clear:both; line-height:1.4em;color:#2b9942; padding:15px 0 10px 5px; padding-left:13px; background:url("../images/sub/ico_h5.gif") no-repeat scroll left 26px; }
.con_body h6 {font-size:17px; clear:both;line-height:1.4em; color:#767676;  padding:10px 0 5px 5px; padding:0 0 0 13px;background:url("/images/sub/ico_h6.png") no-repeat scroll 0 8px;}


.inline_block {display:inline-block;}

.h3_map {font-weight:bold!important; margin:0!important; padding:0!important;  color:#055794!important;}.
.h4{font-size:3.0em;font-weight:bold; clear:both; line-height:1.4em; color:#222;  text-align:center;}
.h5{font-size:3.0em; font-weight:bold; clear:both; line-height:1.4em; color:#222;  text-align:center;}


.border0 {border:0!important;}
.p_h4 {line-height:150%; font-size:16px!important;}
.p_h4_2 {line-height:170%; font-size:16px;} /*개인정보*/
.p_h4_3 {line-height:150%; font-size:17px; color:#636363;}
.com_h4 {line-height:170%; font-size:17px;} /*참여업체상세*/
.com_h4 img { width:50px; }
.p_h4.st{margin-top:20px;}
.p_h5 {margin: 0 0 0 0px;font-size:14px;line-height:150%;}
.p_h6 {margin: 0 0 0 14px;font-size:14px;line-height:150%;}

.txt_white {color:#fff!important;}
.ico_import {clear:both; font-size:13px; padding:0px 7px; font-size:14px; background:#fff url(/images/sub/point_blet.gif) no-repeat 0 4px;line-height:150%;}
.ico_import02 {clear:both; color: #777;font-size:13px;padding:0 0 10px 22px;background: url(/images/sub/point_blet02.gif) no-repeat 0 3px;line-height:150%;}

.pc_enter {display:block;}
.pc_enter2 {display:block;}

.pc_pt80 {padding-top:80px;} /*pc패딩80 모바일패딩은20*/
.fontweight_bold {font-weight:bold;}

/*전체배경*/
.sub_bg  {width:100%; margin:0 auto; height:auto;position:relative;} 

.sub_bg01 {background: url(/images/sub/sub_bg_01.jpg) no-repeat 50% bottom;} /*일정*/
.sub_bg02 {background:#d0f2ff;padding:80px 0;} /*지도로보는 업체*/
.sub_bg03 {background:#F3F995; padding:50px 0;background-size:cover;} /**/
.sub_bg04 {background:#0575bc;padding:30px 0;} /*랜선특강*/
.sub_bg05 {background: url(/images/sub/sub_bg_05.jpg) no-repeat 50% bottom; background-size:cover; clear:both; padding:50px 0;} /*개요*/

.event_bg06 { background: #3088ff;}
.event_bg07 {padding:30px 0;background:#EE8198 url(/images/sub/rulret_bg01.jpg) no-repeat 50% 0;} /*룰렛*/
.event_bg08 {padding:30px 0;background:#7cb64e url(/images/sub/promrade_bg.jpg) no-repeat 50% 0;} /*프롬나드보성티로드스탬프*/





/*포인트 색상*/
.point_blue {font-weight:bold; color:#005FAF;}
.point_blue_s {font-weight:bold;  color:#005FAF;}
.point_black {font-weight:bold; font-size:17px; color:#222;}
.point_black_s {font-weight:bold; color:#222;}
.point_red { font-weight:bold;color:#D90005;}
.point_red_s {font-weight:bold;color:#D90005;}
.point_orange {font-weight:bold;  color:#ff6600;}
.point_orange_s {font-weight:bold; color:#ff6600;}
.point_green {font-weight:bold;   color:#4b9309;}
.point_green_s {font-weight:bold; color:#4b9309;}
.point_yellow {color:#fcff00;}
.point_yellow_b {font-size:19px;color:#fcff00;} /*푸드쇼포인트*/
.point_pink {font-weight:bold;color:#FF2D71;}
.point_purple {font-weight:bold;color:#66569D;}
.point_brown {color:#AA5B26; font-size:15px;}

.back_brown  {background-color:#fae5d8;}
.back_gray {background-color:#fbfbfb;}
.back_orange {background-color:#FCDBCD;}
.back_blue {background-color:#E7F7FE; color:#09408b!important;}
.back_pink {background-color:#fff7fa; color:#be3b6e;}
.back_red {background-color:#f8dddd; color:#cd0f0f!important;  font-weight:bold;}
.back_yellow {background-color:#feffd7; }
.back_green {background-color:#eff9ee; color:#356c1f; font-weight:bold;}
.back_purple {background-color:#f1e9f9; color:#561c90!important;}




.border_r_0 {border-right:0!important;}


.tbTypeB {width:100%;  font-size:16px; border-top:2px solid #6b6b6b; border-bottom:1px solid #6b6b6b;border-spacing:0; table-layout:fixed; margin-top:10px;}
.tbTypeB thead tr th {height:18px; padding:15px 0 13px;  font-weight:bold;color:#3e3e3e; text-align:center; line-height:18px; vertical-align:middle; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#fbfbfb;}
.tbTypeB thead tr:first-child th {border-top:0;}
.tbTypeB thead tr th:last-child{border-right:0;}
.tbTypeB thead tr th:first-child{border-right:1px solid #e4e4e4;}
.tbTypeB tbody tr:first-child th {border-top:1px solid #6b6b6b;font-weight:500;}
.tbTypeB thead tr th.bdL0 {border-left:0;}
.tbTypeB tbody tr th { font-weight:500;background:#fbfbfb;padding:10px 0px; line-height:24px;  color:#3e3e3e; text-align:center; vertical-align:middle; border-top:1px solid #e4e4e4;  border-right:1px solid #e4e4e4;}
.tbTypeB tbody tr td {background-color:#fff;height:18px;font-size:1.0em;  padding:8px 0 8px 10px; line-height:170%; vertical-align:middle; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.tbTypeB tbody tr:first-child td {border-top:1px solid #6b6b6b;}
.tbTypeB tbody tr td:last-child{border-right:0;}
.tbTypeB tbody tr td:first-child{border-right:1px solid #e4e4e4;}
.tbTypeB tbody.alignC tr td {padding-left:4px; padding-right:4px; text-align:center;}
.tbTypeB tbody tr td .txtList {}
.tbTypeB tbody tr td .txtList li {margin-top:5px; padding-left:12px; background:url(../../images/common/bul_gray_bar03.gif) no-repeat 0 7px;}
.tbTypeB tbody tr td .txtList li:first-child {margin-top:0;}
.tbTypeB tbody tr td .txtList li .tit {color:#3e3e3e; vertical-align:top;}
.tbTypeB tbody tr td.fee {padding-right:10px !important; text-align:right;}


.tbTypeB tfoot tr th { font-weight:500;background:#fbfbfb;padding:10px 0px; line-height:24px;  color:#3e3e3e; text-align:center; vertical-align:middle; border-top:1px solid #e4e4e4;  border-right:1px solid #e4e4e4;}
.tbTypeB tfoot tr td { font-weight:500;background:#fbfbfb;padding:10px 0px; line-height:24px;  color:#3e3e3e; text-align:center; vertical-align:middle; border-top:1px solid #e4e4e4;   }



.tbTypeB.mdcCharge td {padding-left:15px; padding-right:15px; font-size:12px; word-break:break-all;}



.br1 {border-right:1px solid #e4e4e4!important;}
.bl1 {border-left:1px solid #e4e4e4!important;}
.tc_bl1 {border-left:1px solid #6b6b6b!important;}

.tbTypeC {width:100%;  font-size:12px; letter-spacing:-2px; border-bottom:1px solid #6b6b6b;border-spacing:0; table-layout:fixed;}
.tbTypeC thead tr th {height:18px; padding:7px 1px;  color:#fff; text-align:center; line-height:18px; vertical-align:middle; border-right:1px solid #666; border-bottom:1px solid #666; background:#444;}
.tbTypeC thead tr:first-child th {border-top:0;}
.tbTypeC thead tr th:last-child{border-right:0;}
.tbTypeC thead tr th:first-child{border-right:1px solid #666;}
.tbTypeC tbody tr:first-child th {border-top:1px solid #666;}
.tbTypeC thead tr th.bdL0 {border-left:0;}
.tbTypeC tbody tr th { background:#fbfbfb;padding:10px 0px; line-height:120%;  color:#3e3e3e; text-align:center; vertical-align:middle; border-top:1px solid #e4e4e4;  border-right:1px solid #e4e4e4;}
.tbTypeC tbody tr td {height:18px;  padding:8px 2px; line-height:150%; vertical-align:middle; border-top:1px solid #e4e4e4; border-right:1px solid #e4e4e4;}
.tbTypeC tbody tr:first-child td {border-top:1px solid #6b6b6b;}
.tbTypeC tbody tr td:last-child{border-right:0;}
.tbTypeC tbody tr td:first-child{border-right:1px solid #e4e4e4;}
.tbTypeC tbody.alignC tr td {padding-left:4px; padding-right:4px; text-align:center;}
.tbTypeC tbody tr td .txtList {}
.tbTypeC tbody tr td .txtList li {margin-top:5px; padding-left:12px; background:url(../../images/common/bul_gray_bar03.gif) no-repeat 0 7px;}
.tbTypeC tbody tr td .txtList li:first-child {margin-top:0;}
.tbTypeC tbody tr td .txtList li .tit {color:#3e3e3e; vertical-align:top;}
.tbTypeC tbody tr td.fee {padding-right:10px !important; text-align:right;}


.basic_table2 {width:100%; border-spacing: 0; border-collapse:collapse; border-top:2px solid #222;}
.basic_table2 caption {position:absolute; top:-10000em; visibility:hidden; overflow:hidden; height:0px; width:0px;}
.basic_table2 th, .basic_table2 td {padding:10px 7px; border:1px solid #e3e3e3; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-top:0 none; -webkit-box-sizing:border-box; box-sizing:border-box;}
.basic_table2 th {background-color:#f6f6f6; border-bottom: 1px solid #ddd; font-weight:600; color: #222; text-align: center;}
.basic_table2 tbody th {background-color:#f9f9f9; font-size:15px;}
.basic_table2 td {color: #575757;word-break:break-all; font-size:14px; }


.basic_table3 {width:100%; border-spacing: 0; border-collapse:collapse; border-top:2px solid #206112;}
.basic_table3 caption {position:absolute; top:-10000em; visibility:hidden; overflow:hidden; height:0px; width:0px;}
.basic_table3 th, .basic_table3 td {padding:10px 5px;text-align:center; letter-spacing:-1px;border:1px solid #e3e3e3; border-left: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-top:0 none; -webkit-box-sizing:border-box; box-sizing:border-box; font-size:15px;}
.basic_table3 td:hover {/*background-color:#f8fff1*/}
.basic_table3 thead th {background-color:#D3E78F; border-bottom: 1px solid #434343; font-weight:600;  color: #1C4015; text-align: center;}
.basic_table3 tbody th {background-color:#f6f6f6; padding: 10px 10px;}
.basic_table3 td {color: #575757;word-break:break-all; background-color:#fff;  }


/*흰테이블 개요*/
.tbTypeE {width:100%; font-size:1.2em;border-top:1px solid #fff;border-bottom:1px solid #fff;border-spacing:0; table-layout:fixed;}
.tbTypeE thead tr th {height:18px;  color:#fff;font-weight:bold;  padding:15px 0 13px; text-align:center; line-height:18px; vertical-align:middle; border-top:1px solid #fff; border-right:1px solid #fff;background: rgba(255, 255, 255, 0.15);}
.tbTypeE thead tr:first-child th {border-top:0;}
.tbTypeE thead tr th:last-child{border-right:0;}
.tbTypeE thead tr th:first-child{border-right:1px solid #fff;}
.tbTypeE tbody tr:first-child th {border-top:1px solid #fff;}

.tbTypeE tbody tr th {background: rgba(255, 255, 255, 0.15); padding:10px 0px; line-height:24px; border-bottom:1px solid #fff; color:#fff; text-align:center; vertical-align:middle; border-top:1px solid #0469B5;  border-right:1px solid #fff;}
.tbTypeE tbody tr td {color:#fff;height:18px; padding:5px 20px; line-height:150%; vertical-align:middle; border-top:1px solid #e4e4e4; border-right:1px solid #fff;}
.tbTypeE tbody tr:first-child td {border-top:1px solid #fff;}
.tbTypeE tbody tr td:last-child{border-right:0;}
.tbTypeE tbody tr td:first-child{border-right:1px solid #fff;}
.tbTypeE tbody.alignC tr td {padding-left:4px; padding-right:4px; text-align:center;}
.tbTypeE tbody tr td .txtList {}
.tbTypeE tbody tr td .txtList li {margin-top:5px; padding-left:12px; background:url(../../images/common/bul_gray_bar03.gif) no-repeat 0 7px;}
.tbTypeE tbody tr td .txtList li:first-child {margin-top:0;}
.tbTypeE tbody tr td .txtList li .tit {color:#3e3e3e; vertical-align:top;}
.tbTypeE tbody tr td.fee {padding-right:10px !important; text-align:right;}


.back_point1 {background-color: #FBF8DF!important;}
.back_point2 {background-color: #EBFBFE!important;}
.back_point3 {background-color: #FAFAFA!important;}

.back_point_yellow {background-color: #FFF9D9!important;  color:#665700!important;}
.back_point_green {background-color: #EDFEE4!important;  color:#3A9C05!important;}
.back_point_purple {background-color: #F4EEFF!important;  color:#4307A5!important;}
.back_point_red {background-color: #FFEEEE!important;  color:#D00000!important;}
.back_point_orange {background-color: #FFF4EE!important;  color:#ff6600!important;}
.back_point_blue {background-color: #F1F4FE!important;  color:#5278EB!important;}



 .red_p {background-color:#D00B10; color:#fff; padding:1px 5px; border-radius:5px;}


.point_ul li {width:100%;display:inline-block;margin-top:10px;}
.point_ul li span{float:left;font-size:18px;color:#fff;width:155px; border-radius:5px;margin-right:10px; text-align:center;float:left; display:block; padding:5px 10px;}
.point_ul li p{float:left;font-size:17px;line-height:180%;float:left;padding-top:3px;}
.point_ul li i{font-size:15px;line-height:180%;float:left;padding-top:3px;}
.point_ul li p li {float:left;}

.point_ul2 li {width:100%;display:inline-block;margin-top:10px;}
.point_ul2 li span{float:left;font-size:18px;color:#fff;width:180px; border-radius:5px;margin:0 10px; text-align:center;float:left; display:block; padding:5px 10px;}
.point_ul2 li p{float:left;font-size:18px;line-height:150%;float:left;padding-top:3px;}
.point_ul2 li i{font-size:15px;line-height:180%;float:left;padding-top:3px;}

.point_ul2 input{  height:35px; margin-top:0; width:400px;}


.ul_orange2 li span{ background:#E3604E; }
.ul_white li span{ background:#0071C7; color:#fff;}
.ul_white2 li span{ background:#8D4D20; color:#fff;}
.ul_white3 li span{ background:#0F50A9; color:#fff;}

.ul_pink li span {background:#FF2D71; }
.ul_blue li span{ background:#14A6CB; }
.ul_blue2 li span{background:#66569D;}
.ul_blue3 li span{background:#032983;} /*진한블루*/
.ul_purple li span {background:#66569d;}
.ul_green li span {background:#2B9942;}
.ul_green2 li span {background:#00B151;}
.ul_orange li span {background:#f79d29;}
.ul_brown li span {background:#7c5303;}
.ul_red li span {background:#ef3e23;}
.ul_red2 li span {background:#BF1E2E;}
.ul_red3 li span {background:#009744; margin-left:140px;}
.ul_gray li span {background:#595959;}



/*depth*/
.depth1 li {font-size:17px; color:#666; background:url(/images/sub/ico_h5.gif) 0 9px no-repeat;padding-left:15px;clear:both;margin:10px 0 10px 0px; line-height:150%;}
.con_body .depth1 p {line-height:120%; margin-top:8px;}
.con_body .depth1 li ul li {color:#636363;font-weight:normal;background:url(/images/sub/carrow_4th.gif) left 6px no-repeat;padding-left:14px;}
.con_body .depth1 li ul li ul li {background:url(/images/sub/4depth.gif) left 8px no-repeat;padding-left:10px;}

.con_body .depth2 li { line-height:150%;font-size:17px;color:#636363;background:url(/images/sub/carrow_3th.gif) left 10px no-repeat;padding-left:10px;clear:both;margin:10px 0 10px 13px;}
.con_body .depth2 li ul li{background:url(/images/sub/carrow_4th.gif) left 5px no-repeat;padding-left:13px;clear:both;margin:10px 0 10px 0px;}

.con_body .depth3 li {font-size:16px;background:url(/images/sub/carrow_4th.gif) left 5px no-repeat;padding-left:13px;clear:both;margin:8px 0 8px 10px;}

.con_body .depth4 li {font-size:17px; color:#fff; font-weight:bold;background:url(/images/sub/ico_h5_.gif) 0 9px no-repeat;padding-left:15px;clear:both;margin:10px 0 10px 0px;}
.con_body .depth5 li {font-size:17px; color:#555; padding-left:10px;clear:both;margin:10px 0 10px 0px;line-height:150%;}
.con_body .depth5 li ul li {color:#636363;font-weight:normal;background:url(/images/sub/carrow_4th.gif) 0 9px no-repeat;padding-left:15px;}


.depth6 li {font-size:15px; color:#666; background:url(/images/sub/ico_h5_02.gif) 0 7px no-repeat;padding-left:15px;clear:both;margin:10px 0 10px 0px; line-height:130%;}



/*라인*/
.stripe_line {background:url(/images/sub/bg_diagonal.gif); height:4px; margin:20px 0;}
.stripe_line02 {background:url(/images/sub/border_stripe02.png); height:8px; margin:20px 0 60px 0;}
.stripe_line03 {background:url(/images/sub/border_stripe03.png); height:8px; margin:20px 0 60px 0;}
.dot_line {border-bottom:2px dotted #d1d1d1;}



/*박스*/
.tip_box {border:1px solid #d1d1d1;  padding:10px 33px;margin:10px 0; background:#fff url(/images/sub/ico_ex.png) no-repeat 8px 8px;}
.tip_box02 {border:1px solid #d1d1d1;  padding:10px 33px;margin:10px 0; background:#fff url(/images/sub/bul_tip.gif) no-repeat 8px 8px;}

.base_box_01 {width:100%; border:1px solid #d1d1d1;  font-size:16px; line-height:160%; border-top:2px solid #555; padding:15px;margin:10px 0; box-sizing:border-box;}
.base_box_01 p {line-height:150%; font-weight:bold;font-size:17px; }
 .base_box_02 p {line-height:150%;}
.base_box_02 h5 {background: none;text-align: center; color: #222!important; font-size: 2.5em;}
.base_box_02 {
    width: 80%;
    border-radius: 20px;
    text-align: center;
    border: 1px solid #d1d1d1;
    padding: 18px 5%;
    margin: 20px 10%;
    background-color: #fafafa;
	clear:both; margin-top:60px;
}


.stripe_box  {clear:both;overflow:hidden;padding:10px;margin-bottom:25px;background:url(/images/sub/border_stripe.png);}
.stripe_box p {background:#fff;padding:25px 10px; line-height:150%;}
.stripe_box p span {font-size:21px; font-weight:600; letter-spacing:-1px; line-height:30px;  display:block; margin-bottom:15px;}

/*인포박스*/
.info_box_big {clear:both;border:1px solid #d1d1d1; height:auto;padding:15px 10px 20px 130px; background:#f9f9f9 url(/images/sub/icn_topinfo.png) no-repeat 20px 50%;}
.info_box_big p{font-size:14px; line-height:150%;}
.dp_none {display:none;}
.dp_block {display:block;}

.border1 {border:1px solid #d1d1d1;}
.border2 {border:2px solid #d1d1d1;}
.border3 {border:3px solid #d1d1d1;}



/* 탭메뉴 여러줄 */
.tabmenu {border:2px solid #d1d1d1; padding:15px 20px; border-top:2px solid #555;}
.tabmenu p {font-size:18px; font-weight:bold; padding-bottom:10px;margin-bottom:5px; border-bottom:2px dotted #d1d1d1; color:#255BA5;}
.tabmenu ul {width:100%;  overflow:hidden;}
.tabmenu li {float:left;font-size:13px; line-height:120%;background:url(/images/sub/carrow_3th.gif) left 15px no-repeat; }
.tabmenu li a {color:#444;display:block; height:20px;padding:10px 20px 0 10px;letter-spacing:-1px;}
.tabmenu li a.over {color:#0056CA; font-weight:bold; font-size:14px;}
.tabmenu li a[target='_blank'] {margin-right:18px; background: url(../images/common/ico_window.gif) no-repeat right 11px;}

/* 탭메뉴 */
.c-tab01 {position:relative;border-left:1px solid #ddd;}
.c-tab01 ul {width:100%;overflow:hidden;background:#fff url(/images/sub/tab01_bg.gif) no-repeat 100% 100%;}
.c-tab01 ul:after {clear:both;content:"";display:block}
.c-tab01 li {float:left;font-size:13px;text-align:center;width:25%;}
.c-tab01 li a {color:#444;display:block;background:#F8F8F8;border:1px solid #DDDDDD;border-left:0px;height:28px;padding-top:10px;letter-spacing:-1px;margin-left:-1px;border-left:1px solid #DDDDDD;}
.c-tab01 li:first-child a {border-left:1px solid #DDDDDD;}
.c-tab01 li a.over,.c-tab01 li a:hover {background:#fff;font-weight:bold;text-decoration:underline;padding-top:8px;border-top:3px solid #255BA5;}
.c-tab01 li a:hover[target='_blank'] { background:url(../images/common/ico_window.gif) no-repeat 91% 11px;}
.c-tab01 li a[target='_blank'] { background:#F8F8F8 url(../images/common/ico_window.gif) no-repeat 91% 13px;}

.c-tab01 .btn_tab a {position:absolute;top:0;display:inline-block;width:40px;height:40px;background:url(/images/sub/tab04_arr.gif) no-repeat 0 0;}
.c-tab01 a.ck-left {left:0;}
.c-tab01 a.ck-right {right:0;background-position:100% 0;}
.c-tab01 .btn_tab a span {display:inline-block;width:1px;height:1px;visibility:hidden;overflow:hidden;}
.c-tab01 .btn_tab a.ck-left:hover {background-position:left -50px;}
.c-tab01 .btn_tab a.ck-right:hover {background-position:right -50px;}



/* 2차 탭메뉴 */
.c-tab01_02 {margin-bottom:20px;position:relative; border-bottom:2px solid #f1f1f1;}
.c-tab01_02 ul {width:96%;overflow:hidden;border-bottom:1px solid #d1d1d1; background:#fff;padding:10px 2%;}
.c-tab01_02 li {float:left;font-size:13px;line-height:120%;background:url(/images/sub/3depth.gif) left 10px no-repeat; }
.c-tab01_02 li a {color:#444;display:block;border-left:0px;height:18px;padding:5px 20px 5px 10px;letter-spacing:-1px;}
.c-tab01_02 li a.over {color:#0056CA; font-weight:bold; font-size:14px;}
.c-tab01_02 li a[target='_blank'] {margin-right:18px; background: url(../images/common/ico_window.gif) no-repeat right 8px;}



/* 배경있는 탭메뉴 */
.c-tab02 {margin-bottom:20px;position:relative;border-top:1px solid #4A5664;border-left:1px solid #ddd;}
.c-tab02 ul{width:100%;overflow:hidden;background:#fff url(/images/sub/tab03_bg.gif) no-repeat 100% 100%;}
.c-tab02 ul:after {clear:both;content:"";display:block}
.c-tab02 li {float:left;font-size:15px;text-align:center;width:25%;}
.c-tab02 li:first-child {font-weight:bold;color:#fff;text-decoration:underline;background:#ff6600 url(/images/sub/tab02_bg.png) no-repeat left top;}
.c-tab02 li a {color:#444;display:block;background:#fff;border-right:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;height:61px;padding-top:10px;letter-spacing:-1px;margin-left:-1px;border-left:1px solid #DDDDDD;}
.c-tab02 li:first-child a {border-left:1px solid #DDDDDD;}
.c-tab02 li a.over,.c-tab02 li a:hover {font-weight:bold;color:#fff;text-decoration:underline;background:#183C6B url(/images/sub/tab02_bg.png) no-repeat left top;}


.c-tab02-01 {margin-bottom:20px;position:relative;border-top:1px solid #4A5664;border-left:1px solid #ddd;}
.c-tab02-01 ul{width:100%;overflow:hidden;background:#fff url(/images/sub/tab03_bg.gif) no-repeat 100% 100%;}
.c-tab02-01 ul:after {clear:both;content:"";display:block}
.c-tab02-01 li {float:left;font-size:13px;text-align:center;width:33.3%;}
.c-tab02-01 li a {color:#444;display:block;background:#fff;border-right:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;height:31px;padding-top:10px;letter-spacing:-1px;margin-left:-1px;border-left:1px solid #DDDDDD;}
.c-tab02-01 li:first-child a {border-left:1px solid #DDDDDD;}
.c-tab02-01 li a.over,.c-tab02-01 li a:hover {font-weight:bold;color:#fff;text-decoration:underline;background:#183C6B url(/images/sub/tab02_bg.png) no-repeat left top;}




.c-tab03 {margin-bottom:20px;position:relative;border-top:1px solid #4A5664;border-left:1px solid #ddd;}
.c-tab03 ul {width:100%;overflow:hidden;background:#fff url(../images/sub/tab03_bg.gif) no-repeat 100% 100%;}
.c-tab03 ul:after {clear:both;content:"";display:block}
.c-tab03 li {float:left;font-size:15px;text-align:center;width:25%;}
.c-tab03 li a {color:#444;display:block;background:#fff;border-right:1px solid #DDDDDD;border-bottom:1px solid #DDDDDD;border-left:1px solid #DDDDDD;height:41px;padding-top:10px;letter-spacing:-1px;margin-left:-1px;}
.c-tab03 li:first-child a {border-left:1px solid #DDDDDD;}
.c-tab03 li a.over,.c-tab03 li a:hover {background:#4A5664 url("../images/sub/icon_arrow_b.gif") no-repeat scroll 95% 50%;font-weight:bold;color:#fff;text-decoration:underline;}

.c-tab03 li a:hover[target='_blank'] { background:#4A5664 url(../images/common/ico_window_w.gif) no-repeat 91% 13px;}
.c-tab03 li a[target='_blank'] { background:#fff url(../images/common/ico_window.gif) no-repeat 91% 13px;}



/*2개 탭메뉴*/
.c-tab04 {clear: both;margin: 10px 0;overflow: hidden;width:100%; border-top:2px solid #000;box-sizing:border-box; }
.c-tab04 ul {overflow: hidden;width: 100%; box-sizing:border-box;}
.c-tab04 li {float: left; text-align:left; width:50%; font-size:16px; text-align:center;}
.c-tab04 li.on a {color:#FFFFFF;display:inline-block;font-weight: bold;font-weight: bold;height: 50px;padding: 16px 30px;background:#666 url("/images/sub/icon_arrow_b.gif") no-repeat scroll 95% 50%;}
.c-tab04 li.on a:hover {background-color:#666;}
.c-tab04 li a {box-sizing:border-box;border-bottom:1px solid #D9D9D9; background-color:#f9f9f9;font-weight: bold;display: inline-block;height: 50px;padding:16px 30px; width:100%;}
.c-tab04 li a:hover {box-sizing:border-box;color: #FFFFFF;font-weight: bold;background:#666 url("/images/sub/icon_arrow_b.gif") no-repeat scroll 95% 50%;}

/*테이블스타일*/
caption  {font-size:0;width:1px;height:1px;overflow:hidden;line-height:0;}
table {border-collapse:collapse; border-spacing:0;z-index:0; width:100%;}
.alc {text-align:center!important;}
.all {text-align:left!important;}
.alr {text-align:right!important;}
.vatop {vertical-align:top;}
.va_middle {vertical-align:middle;}
.fll {float:left;}
.flr {float:right;}
.font_b {font-weight:bold;}
.bc_red {background-color:#FEEFEF;}
.tc {text-align:center;}

/*테이블 가로값*/
.width5 {width:5%;}
.width10 {width:10%;}
.width15 {width:15%;}
.width20 {width:20%;}
.width25 {width:25%;}
.width30 {width:30%;}
.width35 {width:35%;}
.width40 {width:40%;}
.width45 {width:45%;}
.width50 {width:50%;}
.width55 {width:55%;}
.width60 {width:60%;}
.width65 {width:65%;}
.width70 {width:70%;}
.width100 {width:100%;}

/*기본테이블*/
.table_01 { text-align:center; box-sizing:border-box; clear:both;width:100%;margin-bottom:3px; font-size:17px; padding-top:2px;color:#666; border-top:2px solid #d9d9d9;border-bottom:2px solid #dbdbdb; border-left:1px solid #dbdbdb;  border-right:1px solid #dbdbdb;}
.table_01 thead tr th {text-align:center; font-weight:bold; height:30px; padding:5px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#F3F3F3;color:#333;}
.table_01 tbody tr th {text-align:center;  border-right:1px solid #dbdbdb;font-weight:bold; padding:3px 5px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#333;}
.table_01 tbody tr td {padding:5px 5px;  font-size:16px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  line-height:20px;color:#555;}
.table_01 tfoot tr th {text-align:center;border-right:1px solid #dbdbdb;font-weight:bold; padding:10px 5px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#555;  border-top:2px solid #dbdbdb; }
.table_01 tfoot td {text-align:right; padding:10px 10px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  border-top:2px solid #dbdbdb; line-height:20px;color:#555;background:#f9f9f9;}

/*기본테이블_테이블이 긴경우 모바일에서 넓이가 줄어들지않고 좌우로 스크롤되는 테이블 */
.table_02 {text-align:center; clear:both;width:100%; margin-bottom:3px; font-size:14px; padding-top:2px;color:#666; border-top:2px solid #d9d9d9;border-bottom:2px solid #dbdbdb; border-left:1px solid #dbdbdb;  border-right:1px solid #dbdbdb;}
.table_02 thead tr th {text-align:center; font-weight:bold; height:30px; padding:5px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#F3F3F3;color:#333; }
.table_02 tbody tr th {text-align:center;  border-right:1px solid #dbdbdb;font-weight:bold; padding:5px 10px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#333;line-height:150%;}
.table_02 tbody tr td {padding:7px 8px;  font-size:13px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  line-height:20px;color:#555;}
.table_02 tfoot tr th {text-align:center;border-right:1px solid #dbdbdb;font-weight:bold; padding:10px 5px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#555;  border-top:2px solid #dbdbdb; }
.table_02 tfoot td {text-align:right; padding:10px 10px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  border-top:2px solid #dbdbdb; line-height:20px;color:#555;background:#f9f9f9;}


/*기본테이블_패딩값이 더 적음 테이블이 긴경우 모바일에서 넓이가 줄어들지않고 좌우로 스크롤되는 테이블 */
.table_03 {text-align:center; clear:both; width:100%; margin-bottom:3px; font-size:14px; padding-top:2px;color:#666; border-top:2px solid #d9d9d9;border-bottom:2px solid #dbdbdb; border-left:1px solid #dbdbdb;  border-right:1px solid #dbdbdb;}
.table_03 thead tr th {text-align:center; font-weight:bold; height:30px; padding:3px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;background-color:#F3F3F3;color:#333;}
.table_03 tbody tr th {text-align:center;  border-right:1px solid #dbdbdb;font-weight:bold; padding:5px 2px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#333;}
.table_03 tbody tr td {padding:7px 2px;  font-size:13px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  line-height:20px;color:#555;}
.table_03 tfoot tr th {text-align:center;border-right:1px solid #dbdbdb;font-weight:bold; padding:10px 3px; border-bottom:1px solid #dbdbdb; background-color:#f9f9f9;color:#555;  border-top:2px solid #dbdbdb; }
.table_03 tfoot td {text-align:right; padding:10px 5px; border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;  border-top:2px solid #dbdbdb; line-height:20px;color:#555;background:#f9f9f9;}



/* 양옆에 선없는 테이블 */
.table_04 {border-top:2px solid #48525E;width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed;clear:both; line-height:150%;}
.table_04 th {background:#f9f9f9;border-left:1px solid #ccc;border-bottom:1px solid #ccc;color:#333;font-weight:normal;text-align: center;}
.table_04 th.line, .table_04 td.line {border-right:1px solid #ccc;} /* 셀병합시 우측라인 안생기는 경우 사용 */
.table_04 th.line2 {border-bottom:1px solid #ccc;}
.table_04 th.line3 {border-left:1px solid #ccc;}
.table_04 thead th {border-bottom:1px solid #919191;font-weight:bold;line-height:120%;padding:11px 5px;}
.table_04 tbody th {background:#f9f9f9;padding:9px 5px;border-right:1px solid #ccc;}
.table_04 th:first-child, .table_04 td:first-child {border-left:0;}
.table_04 td.line3,.table_04 th.line3 {border-left:1px solid #ccc;}
.table_04 td {background:#fff;border-left:1px solid #ccc;border-bottom:1px solid #ccc;text-align:center;padding:9px 5px;}
.table_04 tfoot th, .table_04 tfoot td {background:#f9f9f9;color:#333;}
.table_04 .bg th, .table_04 .bg td {background:#f9f9f9;font-weight:bold;}

/* 테이블 손가락 */
.hand_wrap { overflow-y:hidden; width:100%; clear:both;}
.hand_wrap_w { overflow-y:hidden; width:100%; padding-bottom:20px; clear:both;}
 
 .hand_wrap02 {overflow-x:scroll;padding:50px 0 0px 0; background:url(/images/sub/scroll_hand.png) no-repeat 100% 8px;}
.hand_wrap02 table{width:2000px !important;} 


/* 이미지100% 스타일 */
.img100 {}



/* 포인트 박스 */
.point_box {padding:45px 20px 35px 220px;margin-bottom:20px; border:1px solid #ddd;  border-right:1px solid #b2b2b2;border-bottom:1px solid #b2b2b2;background:#fff;  color:#444; line-height:21px; }
.point_box .point_title{font-size:26px; font-weight:500; letter-spacing:-1px; line-height:25px; margin-bottom:10px;}
.point_box .point_cont{margin-top:15px; font-size:14px; line-height:150%;}
.point_box .point_cont span { margin-bottom:5px;font-weight:bold; font-size:15px; color:#005FAF;}
.point_box ul {clear:both;} 
.point_box li {color:#636363;background:url(/images/carrow_3th.gif) left 9px no-repeat;padding-left:10px;clear:both;margin:4px 0;}

.p_icon {background-repeat:no-repeat; background-position:40px 50%;} /*아이콘 중간위치*/
.p_ico_top {background-repeat:no-repeat; background-position:40px 40px;} /*아이콘 상단에 위치*/

.p_icon1 {background-image:url(/images/bg_point29.png);}/*개인정보*/





/*연혁*/
.history_box {overflow:hidden; }
.history_box .history_tit {padding:40px 0 30px 0; background: url(/images/history_line.png) no-repeat bottom; text-align:center; font-weight:bold; }
.history_box .history_tit .tit_b {padding-top:135px; background: url(/images/history_icon.png) no-repeat center top; font-size:34px; color:#bf1e2e; }
.history_box .history_tit .tit_b span {line-height:34px; font-weight:normal; }
.history_box .history_tit .tit_s {display:block; margin-top:10px; font-size:16px; color:#121212; }
.history_box .history_list {overflow:hidden; padding:40px 0 40px 20px; border-bottom:1px solid #d2d2d2; }
.history_box .history_list h2 {padding:0; margin:0; background:none; font-size:22px; }
.history_box .history_list ul {margin-top:15px; }
.history_box .history_list ul li {overflow:hidden; width:100%; padding:0; margin-bottom:3px; background:none; }
.history_box .history_list ul li span {float:left; display:block; }
.history_box .history_list ul li .date {width:auto; font-weight:bold; color:#bf1e2e; }
.history_box .history_list ul li .txt {width:65%; padding-left:17px; margin-left:13px; background: url(/images/history_blit.png) no-repeat left 7px; }
.history_box .bg_gray {background:#f2f2f3; }

/*연혁*/
@media only screen and (min-width:640px){
.history_box .history_list {padding:40px 0 40px 30px; }
.history_box .history_list ul li .txt {width:80%; font-size:17px;}

}

/*연혁*/
@media only screen and (min-width:768px){
.history_box .history_list h2 {float:left; }
.history_box .history_list ul {float:left; width:80%; padding-left:30px; margin:0 0 0 30px; border-left:3px solid #bf1e2e; }
}


@media (max-width:589px) {
.history_box .history_list {padding-left:10px;}

.history_box .history_list ul {float:left; width:100%; padding-left:20px; margin:0 0 0 20px; border-left:3px solid #bf1e2e; }
.history_box .history_tit {padding:0px 0 10px 0; }
.history_box .history_list ul li .txt {width:78%;}

}





/*감리수행에 투입되는 첨단 장비 이미지하단에 글씨*/
.imgtxt {position:relative;width:200px;  float:left; height:auto; overflow:hidden; margin:10px 15px 20px 0; }
.imgtxt img {width:200px; height:auto; }
.imgtxt span {position:absolute; left:0; bottom:0; width:100%; background: url('/images/sub/opacity_40.png') repeat; padding:7px 0; color:#fff; text-align:center;}
.imgbox {border:1px solid #d1d1d1; border-radius:5px; margin-right:30px; background:#f9f9f9}




.img_wrap {width:100%; margin:0 auto;text-align:center;}
.img_wrap li {float:left; margin-right:10px; padding-bottom:100px;}
.img_wrap li:last-child  { margin-right:20px; }

.img_wrap .photo_name1 {display:block; text-align:center; margin-top:10px; }
.img_wrap .photo_name1 b {font-size:1.2em;}

.img_wrap_2 p {font-size:1.4em; }



ul.img_col2 { margin:40px 0 20px; width:50%;  display:inline-block;}
ul.img_col2 li {display: inline-block; text-align: center; width: 47%; margin-right:2.8%; float:left;  }
ul.img_col2 li img { width:100%; height:auto;}
ul.img_col2 li:last-child {margin-right:0;}
ul.img_col2 li .colimg, ul.img_col3 li .colimg { position:relative;}
ul.img_col2 li .info, ul.img_col3 li .info { text-align:left; margin-top:15px; margin-bottom:15px;}
ul.img_col2 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

ul.img_col2 li { position:relative;}
ul.img_col2 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}


ul.img_col2_02 { margin:40px 0 20px; width:100%;  display:inline-block;}
ul.img_col2_02 li {display: inline-block; text-align: center; width: 47%; margin-right:2.8%; float:left;  }
ul.img_col2_02 li img { width:100%; height:auto;}
ul.img_col2_02 li:last-child {margin-right:0;}
ul.img_col2_02 li .colimg{ position:relative;}
ul.img_col2_02 li .info { text-align:left; margin-top:15px; margin-bottom:15px;}
ul.img_col2_02 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

ul.img_col2 li { position:relative;}
ul.img_col2 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}



ul.img_col3 { margin:40px 0 20px; width: 100%; display:inline-block;}
ul.img_col3 > li {display: inline-block; text-align: center; max-width:430px; width: 31.15%; margin-right:3.25%; float:left; }
ul.img_col3 li img { width:100%; height:auto; max-width:430px; overflow:hidden;}
ul.img_col3 li:last-child {margin-right:0;}

ul.img_col3 { margin:40px 0 20px; width: 100%; display:inline-block;}
ul.img_col3 > li {display: inline-block; text-align: center; max-width:430px; width: 30%; margin-bottom:20px; margin-right:3.25%; float:left; }
ul.img_col3 li img { width:100%; height:auto; max-width:430px; overflow:hidden;}
ul.img_col3 li:last-child {margin-right:0;}
 ul.img_col3 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff; }
ul.img_col3 li { position:relative;}
ul.img_col3 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}


ul.img_col4 { margin:40px 0 20px; width: 100%; display:inline-block;}
ul.img_col4 li {display: inline-block; text-align: center; width: 22.9%; margin-right:2.8%; float:left; max-width:316px; }
ul.img_col4 li img { width:100%; height:auto; max-width:316px;}
ul.img_col4 li:last-child {margin-right:0;}
ul.img_col4 li .colimg, ul.img_col3 li .colimg { position:relative;}
ul.img_col4 li .info, ul.img_col3 li .info { text-align:left; margin-top:15px; margin-bottom:15px;}
ul.img_col4 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}

ul.img_col4 li { position:relative;}
ul.img_col4 li span.photo_name1 { display:block; width:100%; background:rgba(0,0,0,.6); text-align:center; position:absolute; bottom:0px; height:40px; line-height:40px; color:#fff;}


.list_w33 { widh: 100%; display: inline-block;}
.list_w33 ul li{width: 30%; margin-right: 2%; float: left; line-height:150%; padding-left:15px; font-size:16px;background:url("/images/sub/ico_h6.png") no-repeat scroll 0 8px;}


/*주요프로그램*/
.program h4 {font-size:3.0em;  margin-bottom:0;}
.program h5 {font-size:2.0em;  background-image:none; padding:0;}
.program .progrma_p1 {font-size:20px; display:inline-block; padding:5px 20px; border-radius:20px;}

.program_01 .progrma_p1 { border: 1px solid #036c14;color: #036c14; }
.program_01 h4 b{color:#036c14;}
.program_01 h5 {color:#036c14;}

.program_02 .progrma_p1 { border: 1px solid #7c5303;color: #7c5303; }
.program_02 h4 b{color:#7c5303;}
.program_02 h5 {color:#7c5303;}


.program_03 .progrma_p1 { border: 1px solid #14A6CB;color: #14A6CB; }
.program_03 h4 b{color:#14A6CB;}
.program_03 h5 {color:#14A6CB;}



.program_04 .progrma_p1 { border: 1px solid #00B151;color: #00B151; }
.program_04 h4 b{color:#00B151;}
.program_04 h5 {color:#00B151;}




.program_left  {display:inline-block; float:left; width:40%; margin-left:5%;text-align:center;}
.program_left img {margin:30px 0;}
.program_right  {display:inline-block ;width:45%; padding-top:30px;}



.have_map_house{position:relative;width:100%; background:url();background-repeat: no-repeat;}
.map_house { 
	position:absolute;width:45px; height:45px; background:url(/images/sub/dawon2.png);background-repeat: no-repeat;background-size : cover;
	font-size:0.9em;
	text-align:center;
    -webkit-transition:width 1s, height 1s, background-color 1s, -webkit-transform 1s;
    transition:width 1s, height 1s, background-color 1s, transform 1s;
	color:#0f4e71;

}
.map_house:hover { 
	transform: scale(1.2);
}
.map_house div{ 
	background:white;
	position:absolute;
	top:42px;
	left:-15px;
	width:70px; height:20px;
    vertical-align:bottom;
	background-color:rgba(255, 255, 255, 0.7);
    border-radius: 10px;

}

.map_house div.map_title{ 
	height:20px;
}

.map_house div.map_title2{ 
	font-size:0.8em;
	height:36px;
}
.map_house div.map_title3{ 
	font-size:0.9em;
	height:20px;
}
.map_house div.map_title:hover { 	background-color:rgba(255, 255, 255, 1);}
.map_house div.map_title2:hover { 	background-color:rgba(255, 255, 255, 1);}
.map_house div.map_title3:hover { 	background-color:rgba(255, 255, 255, 1);}

			#mydiv {
				position: absolute;
				width: 54px;
				height: 54px;
				background-color: red;
				z-index:8888;
			}

@media screen and (max-width:767px){
	.map_house { 
		width:35px; height:26px; 
	}

}


@media screen and (max-width:640px){
	.map_house { 
		width:35px; height:26px; 
	}

}

@media screen and (max-width:480px){
	.map_house { 
		width:35px; height:26px;font-size:5px;; 
	}
	.have_map_house a{
		font-size:1px;
	}

}





/*골든벨이벤트*/
.event_bg04 { background: url("/images/sub/4nt_bg.gif") repeat 0 0;} /*골든벨*/
.event4_wrap1 {width:100%; position:relative; padding-bottom:50px; }
.event4_wrap1 img {margin-top:80px;}
.event4_wrap1 h4 {color:#222; font-size:3.0em;font-weight:bold; text-align:center; background-image:none; padding:0px 0 0px 0;}
.event4_wrap1 h5 {color:#222; font-size:2.5em;font-weight:bold; text-align:center; background-image:none; padding:100px 0 0px 0;}

.event4_wrap1 .event4_p {color:#222; font-size:1.4em; text-align:center; padding:0px 0; line-height:130%;}
.event4_wrap1 .event4_p2 {color:#fff; display:inline-block; background-color:#449F58; font-size:1.5em;  margin-top:10px; padding:4px 20px;}

.event4_wrap2 {width:94%; margin:3%; border:5px solid #449F58; padding:50px; background:#fff; color:555; border-radius:20px; box-shadow: 7px 6px 16px 0px rgba(0, 0, 0, 0.16);  }
.event4_png {position:absolute; left:70%; top:55px;}



/*스탬프투어 이벤트*/
.event6_wrap1 {width:100%; position:relative; padding:70px 0 0 0; background:#3088ff url("/images/sub/event06_bg.png") no-repeat right top;}
.event6_wrap1 h4 {color:#fff;text-align:center;font-weight:bold; line-height:100%; font-size:4em; background-image:none; padding:30px 0 0px 0px;}
.event6_wrap1 h4 p{color:#ffd800;  font-size:1.1em; }
.e6_p {background:#fff; color:#3088ff; font-size:1.4em; font-weight:bold; text-align:center;display:inline-block; padding:5px 10px;}
.e6_p span {color:#ff6228;}
.e6_p2 {color:#fff; text-align:center; font-size:2.0em;}
.event6_wrap2 {width:94%; padding:3%; margin:0 3% 3% 3%; background:#fff; color:555;  border-radius:20px;box-shadow: 7px 6px 16px 0px rgba(0, 0, 0, 0.16);  }

.event6_png {position:absolute; left:65%; top:130px;}

/*프롬나드 이벤트*/
.event8_wrap1 {width:100%; position:relative; padding:70px 0 0 0; background:#7cb64e url("/images/sub/event08_bg_01.png") no-repeat 5% -5%;}
.event8_wrap1 h4 {color:#fff;font-family: 'GimpoGothicBold00';text-shadow: 2px 6px 2px #4d8c1b; text-align:center;font-weight:bold; line-height:100%; font-size:4em; background-image:none; padding:30px 0 0px 0px;}
.event8_wrap1 h4 p{color:#ffd800;  font-size:1.1em; }
.e8_p {background:#fff; color:#222; font-size:1.4em; font-weight:bold; text-align:center;display:inline-block; padding:5px 10px;}
.e8_p span {color:#de3e00;}
.event8_png {position:absolute;width:280px; right:70px; top:195px; }

/*개요*/
.about_left {width:55%; height:500;float:left;}
.about_left p{ font-size:2.0em;}

.about_right {width:40%; margin-right:5%; height:500px;float:left;}
.about_right img {padding-top:0px; max-width:520px; width:100%;}

.about_h4 {color:#fff!important; font-size:30px; font-weight:bold;}





/*관련제품*/
.product_list {width:100%;}
.product_list li {text-align:center; width:19%; height:auto; margin: 0 1% 40px 0; float:left; }
.product_list li a {color:#000;   text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;display: block;white-space: nowrap;}
.product_list li img { width:100%; height:180px;border:1px solid #f6f6f6;  border-radius:5px;}
.product_tit {color:#535353;width:100%; margin-top:5px; font-size:16px; padding:0;text-overflow:ellipsis; overflow:hidden;
-webkit-line-clamp: 3; /* ���μ� */-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em; height: 3.6em; }
.product_price {color:#e90000;width:100%;font-size:16px; margin:0; padding:0;}
.sct_cost {color:#e90000;}







/*노래자랑*/
.food_show { width:100%; height:100%;}

.food_show_left { float:left;display:inline-block;width:40%; text-align:center; height:100%; padding-left:50px; color:#fff; }
.food_show_left img {margin-top:100px;}

.food_show_right { display:inline-block;width:55%; margin-left:5%; height:100%;}
.food_show_right h4 { font-size:3.6em; background-image:none; padding:50px 0 0 0; margin:0px 0 15px 0;}
.food_show_right h4 b{color:#E94D0A;}
.food_show_right .food_p1 {font-size:2.0em;color:#222; }
.food_show_right .food_p2 {background:#000; color:#fff; margin-top:10px; padding:0 10px; font-size:1.5em; display:inline-block;}



/*온라인공연*/
.online_show { width:100%; height:100%;}
.online_show_left { float:left;display:inline-block; width:35%; text-align:center; padding-left:50px; color:#fff; }
.online_show_left img {margin-top:10px;}

.online_show_right {display:inline-block;width:50%; margin-left:5%; height:auto;}
.online_show_right h4 { font-size:2.8em;background-image:none; padding:50px 0 0 0; margin:0px 0 15px 0;line-height:120%; letter-spacing:-1px;}
.online_show_right h4 b{color:#E94D0A;}
.online_show_right h4 span { font-size:30px; }
.online_show_right .online_show_p1 {font-size:1.8em; margin-bottom:15px;}
.online_show_right .online_show_p2 {background:#000; color:#fff; margin-top:10px; padding:0 10px; font-size:1.5em; display:inline-block;}





/*룰렛이벤트*/
.event_wrap9 {width:100%; position:relative; padding-bottom:0px;}
.event_wrap9 h4 {color:#fff; font-size:3.3em;font-weight:600;  text-shadow: 3px 3px 3px 0px rgba(0,0,0,0.3);background-image:none; text-align:center; padding:50px 0 0px 0;}
.event_wrap9 .event9_p { color:#f41455; display:inline-block;background-color:#fff;font-size:2em;border-radius:10px;margin:10px 0 10px 0;  padding:5px 10px;}
.event_wrap9 .event9_p span {color:#12359B; font-weight:bold; }
.event_wrap9 .event9_p2 {margin-top:10px; color:#fff; font-size:1.4em; line-height:130%;}
.event_wrap9 .event9_p2 span {color:#fffc00; font-weight:bold;}
.description { border-radius:10px; background-color:#fff;  box-shadow: 1px 3px 3px 0px rgba(0,0,0,0.1); margin:50px 0 0 10%; width:80%; padding:40px;}
.description .rulret_h4 {  color:#12359B;text-align:center;  font-size:2.5em; font-weight:bold; border-bottom:1px solid #f6f6f6; padding-bottom:10px;margin-bottom:20px;}

#round_banner #show_roulette {width: 100%; height: 100%; top: 0; left: 0; transform: scale(0); transition: .3s; z-index: 1;}
#round_banner #title {font-size: 16px; line-height: 33px; width: 100%; text-align: center; padding-top: 50px;}
#round_banner #title:first-line {font-weight: bold; font-size: 40px;}
#round_banner #count::before {content: '나의 응모기회 :'; margin-right: 7px;}
#round_banner #count {width: 100%; height: 50px; background: #e89f32; color: #000; display: flex; justify-content: center; align-items: center; font-size: 18px;}
#round_banner #roulette {text-align: center; position: relative; margin-top: 50px;}

#round_banner #roulette::after {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-top: 70px solid #d6000f; border-right: 20px solid transparent; border-bottom: 0px solid transparent; border-left: 20px solid transparent; border-radius: 0px;}

#round_banner #description {margin-left: 50%; transform: translateX(-50%); width: 100%;}
    

#round_banner #description li {font-size: 16px; line-height: 21px;list-style-type: none;}
#round_banner #description >div {height: 50px; width: 100%; background: gold; color: #000; border: 1px solid #fff; font-size: 20px; display: flex; justify-content: center; align-items: center; margin: 20px 0;}
#round_banner #roulette >img {width: 100%; max-width: 622px;}





 
/*매수리스트*/
.container2 {margin:30px 0;   }
.container2 .tab-content {display: none; box-sizing:border-box; width: 100%;    font-size: 16px;padding: 10px; margin-top:30px;}

#tab1:checked ~ #tab-content1 {display: block; background-color: #fff;}
#tab2:checked ~ #tab-content2 {display: block;background-color: #fff;}
#tab3:checked ~ #tab-content3 {display: block;background-color: #fff;}
.container2 {font-size: 0px;  }
.container2 input[type='radio'] {display: none;}
.container2 label {
display: inline-block;
width: 49%;
box-sizing:border-box;
height: 60px;
font-size: 18px;
cursor: pointer;
padding:15px 20px;
text-align:center;
margin-right:5px;
border:1px solid #ddd; 
background-size:30px;
border-radius:10px 0;
}
.container2 input:checked + label {color: #fff; background:#2B9942 url("/customized/images/main/main_tab_o.gif") no-repeat 10% 50%; font-weight:bold; background-size:30px;}







/*환영사*/
.width80 {width:80%; margin: 0 auto;}
.box_st1.box_ico .box_inner{padding-left:5rem; min-height:9rem; }
.box_st1.box_ico .box_inner .ico{position:absolute; left:1.25rem; top:1.1rem;}
.box_st1.box_ico .box_inner .ico img { width:6rem; }
 

.box_st1:before,
.box_st1:after{z-index:2; background:#014ba8;}
.box_st1:before{top:0.05rem; left:0; max-width:10.5rem;}
.box_st1:after{top:0.65rem; left:0; height:4.75rem;}
.box_st1 .box_inner{padding:1.25rem 2rem; border:1px solid #dfdfdf;}
.box_st1.box_ico .inner{padding-left:5rem;}
.box_st1 .box_inner:before{content:""; position:absolute; top:calc(-0.65rem - 1px); left:0; width:calc(100% + 1px); height:0.65rem; background:#CCEECA;}
.box_st1 .box_inner:after{content:""; position:absolute; top:calc(-0.65rem - 1px); right:calc(-0.65rem - 1px); width:0.65rem; height:4.75rem; background:#CCEECA;}
.box_st1.box_ico .inner .ico{top:1.4rem; left:2rem;}
 
.box_st1 .titT1 {font-size:30px; font-weight:bold; text-align:center; margin:10px 0;}
.box_st1 {position:relative; padding:0.35rem;  color:#3a3a3a; margin-top:1rem; }
.box_st1 .box_txt {font-size:16px; margin-top:40px;}
.box_st1 .box_flex {display:flex; }
.box_st1 .box_flex div:first-child {width:30%;}
.box_st1 .box_flex div:last-child {width:70%;}
.box_st1 .box_flex span {font-size:22px; }
 .box_st1:before{content:""; position:absolute; left:-0.25rem; top:-0.25rem; width:40%; max-width:13.5rem; height:0.65rem; background:#3DAE36;}
.box_st1:after{content:""; position:absolute; left:-0.25rem; top:-0.25rem; width:0.65rem; height:2.7rem; background:#3DAE36;}
.box_st1 .box_inner{position:relative; z-index:1; padding:2rem 5rem;}
 div + [class*="box_st"],
ul + [class*="box_st"] { margin-top:1.5rem; }



 










/* Tablet Device 최소 900 ~ 1199  */
@media (min-width:1400px) and (max-width:1600px) {

.pc_none { display: none;}



}







/* Tablet Device 최소 900 ~ 1199  */
@media (min-width:1199px) and (max-width:1400px) {

.inner { width:97%;}
.pc_enter2 {display:inline;}
.inner {width:100%;}
.pc_none { display: none; }


/*골든벨이벤트*/
.event4_png  {left:75%;top:80px;}
.event4_png img {width:250px;}



.food_show_right h4 {font-size:3.0em;}







}







/* Tablet Device 최소 900 ~ 1199  */
@media (min-width:900px) and (max-width:1199px) {

.pc_pt80 {padding-top:40px;}
.pc_enter2 {display:inline;}

/* 포인트 박스 */
.point_box {padding:35px; }
.p_icon {background:none;}
.p_ico_top {background:none;}

.border_box_gray {padding:5px;}

/* 탭메뉴 */
.c-tab01 li {width:100%;}
.c-tab01_02 li {width:50%;}
.c-tab01_03 li {width:50%;}

.c-tab02 li {width:50%;}
.c-tab03 li {width:50%;}

.pc_none { display: block; margin-bottom:20px;}
.dp_pc {display:none;}



ul.img_col4 li {float:left;width: 47.9%; margin-right:2%;margin-top:10px; }
ul.img_col4 li img { height:150px;}



ul.img_col2 {  width:100%;}

.img_txt .left50 {width: 96%; margin-left:2%}
.img_txt .right50 {width: 96%; margin-left:2%}



/*골든벨이벤트*/
.event4_wrap1 {background-position:right 0%;}

.event4_wrap1 h4 {font-size:3.0em; padding:0px 0 0px 0;}
.event4_wrap1 .event4_p {font-size:1.5em;}
.event4_wrap1 .event4_p2 {font-size:1.5em;  margin:20px 0; padding:5px 20px;}

.event4_wrap2 {width:100%; margin:0;padding:15px; }
.event4_png  {left:75%;top:80px;}
.event4_png img {width:250px;}



/*스탬프투어 이벤트*/
.event6_wrap1 h4 { padding:50px 0 0px 0px;}
.event6_wrap2 {text-align:left; width:100%; margin:0;padding:15px;  }
.event6_png {position:absolute; left:68%; top:150px;}



/*개요*/
.about_left {width:100%; height:auto;}
.about_left p{ font-size:2.0em;}

.about_right {width:100%; text-align:center; height:auto; margin-right:0;}
.about_right img {padding-top:20px;}

.about_padding {font-size:1.0em; padding-top:10px;}




/*푸드쇼*/
.food_show_left {height:auto;}
.food_show_right {height:auto;}
.food_show img {width:300px; margin-top:30px;}
.food_show_right .food_p1 {font-size:1.8em; }
.food_show_right .food_p2 {  font-size:1.1em; }

.food_show_right h4 {font-size:3.0em;}


/*온라인공연*/
.online_show_left {width:35%; height:auto;}
.online_show_right {width:60%;height:auto;}
.online_show_right h4 {font-size:2.5em;}
.online_show img {width:300px; margin-top:30px;}
.online_show_right .food_p1 {font-size:1.5em; }
.online_show_right .food_p2 {  font-size:1.1em; }


/*프로그램 박스*/
.program_box div {margin:20px 1%; padding:10px 20px; height:450px;}
.program_box div h4 {font-size:1.5em; }


/*프롬나드 이벤트*/
.event8_wrap1 { background-image:none;}
.event8_png { width:280px; left:50%; top:50px; transform:translate(-50%, -50%) }
.e8_p {margin-top:30px;}
.event8_wrap1 h4 {font-size: 3em;}

.hand_wrap02 {overflow-x:scroll;padding:50px 0 0px 0; background:url(/images/sub/scroll_hand.png) no-repeat 100% 8px;}
.hand_wrap02 table{width:1300px !important;} 


.hi_board_list.skin3 > li {
     width: 32.3%;
     margin-right: 1%;
 }
.hi_board_list.skin3 > li:nth-child(3n) {
    margin-right: 0;
}

.hi_board_list.skin3 > li:nth-child(4n+1) {
    clear: none;
}
.hi_board_list.skin3 > li:nth-child(4n) {
    margin-right: 1%;
}


}







/* Tablet Device 최소 590 ~ 899  */
@media (min-width:590px) and (max-width:899px) {

.con_body h3 {margin-top:40px;}
.h5{font-size:1.8em;}




.mobile_enter{display:block;}
.pc_enter {display:inline;}
.pc_enter2 {display:inline;}


/* 포인트 박스 */
.point_box {padding:35px; }
.p_icon {background:none;}
.p_ico_top {background:none;}

.border_box_gray {padding:5px;}

/* 탭메뉴 */
.c-tab01 li {width:100%;}
.c-tab01_02 li {width:50%;}
.c-tab01_03 li {width:50%;}

.c-tab02 li {width:50%;}
.c-tab03 li {width:50%;}

/*테이블 모바일 손아이콘*/
.hand_wrap {overflow-x:scroll;padding:50px 0 0px 0; background:url(/images/sub/scroll_hand.png) no-repeat 100% 8px;}
.hand_wrap table{width:1000px !important;} 

.hand_wrap_w {overflow-x:scroll;padding:50px 0 20px 0; background:url(/images/sub/scroll_hand.png) no-repeat 50% 8px;}
.hand_wrap_w table{width:800px !important;} 


.tbTypeB thead tr th {padding:5px 0; }
.tbTypeB tbody tr td {padding:3px; letter-spacing:-1px; }

/* 이미지100% 스타일 */
.img100 {width:100%;}

/*이미지하단에 글씨*/
.imgtxt {width:49%; margin:10px 1% 20px 0; }
.imgtxt img {width:100%;}
.imgtxt span {width:100%;}

.back_bg {background-position:0 20%;}






/*둘러보기*/
.list_w33 ul li{width: 95%; margin-right: 0%; padding-left:15px;}


ul.img_col4 li {float:left;width: 47.9%; margin-right:2%;margin-top:10px; }
ul.img_col4 li img { height:150px;}



ul.img_col2 {  width:100%;}

.img_txt .left50 {width: 96%; margin-left:2%}
.img_txt .right50 {width: 96%; margin-left:2%}



/*주요프로그램*/
.program h4 {font-size:2.0em; margin-bottom:0; padding:0;}
.program h5 {font-size:1.7em;  padding:0;}

.program_left  { width:100%; margin:0;}
.program_right  {width:100%; padding-top:10px;}

 

/*골든벨이벤트*/
.event4_wrap1 {background-position:right 0%;}

.event4_wrap1 h4 {font-size:3.0em;  }
.event4_wrap1 .event4_p {font-size:1.5em;}
.event4_wrap1 .event4_p2 {font-size:1.5em;  margin:20px 0 40px 0; padding:5px 20px; }

.event4_wrap2 {width:100%; margin:0;padding:15px; }
.event4_png   {left:85%;top:120px;}
.event4_png img {width:140px;}


/*스탬프투어 이벤트*/
.event6_wrap1 { }
.event6_wrap1 h4 { font-size:3.5em;  padding:10px 0 0px 40px;}
.event6_wrap1 h4 p{ font-size:1.1em; }

.event6_png {position:absolute; left:48%; top:30px;}
.event6_png img {width:100px;}

.e6_p {font-size:1.4em; padding:5px 10px; margin-top:100px;}
.e6_p2 {font-size:1.2em;}

 

/*개요*/
.about_left {width:100%; height:auto;}
.about_left p{ font-size:2.0em;}

.about_right {width:100%; text-align:center; height:auto; margin-right:0;}
.about_right img {padding-top:20px;}

.about_padding {font-size:1.0em; padding-top:10px;}



/*노래자랑*/
.food_show_left {width:100%; text-align:center; height:auto; padding-left:0px; color:#fff; }
.food_show_right {text-align:center; width:100%; margin-left:0%; height:auto;}
.food_show_right h4 { font-size:2.3em; padding:0px; margin-bottom:10px; font-weight:bold; margin:0;}
.food_show_right .food_p1 {font-size:1.8em; margin-bottom:15px; }
.food_show_right .food_p2 {  font-size:1.1em; }
.food_show_left img {margin-top:0px;}



/*노래자랑*/
.online_show_left {width:100%; text-align:center; height:auto; padding-left:0px; color:#fff; }
.online_show_right { width:100%; margin-left:0%; height:auto;}
.online_show_right h4 { font-size:1.8em; padding:0px; margin:10px 0; font-weight:bold; margin:0;}
.online_show_right .online_show_p1 {font-size:1.2em; margin-bottom:15px; }
.online_show_right .online_show_p2 {  font-size:1.1em; }
.online_ 


/*프로그램 박스*/
.program_box div {width:100%; margin:20px 1%; padding:10px 20px; height:auto;}
.program_box div h4 {font-size:2.0em; }


.base_box_02 h5 {font-size: 1.5em!important;}

.point_ul2 input{ font-size: 14px; width:200px;}


/*프롬나드 이벤트*/
.event8_wrap1 { background-image:none;}
.event8_wrap1 h4 {  font-size:2.3em;   }
.event8_wrap1 h4 p{   font-size:1em; }
.e8_p { font-size:1.2em; margin-top:20px;  }
.event8_png { width:280px; left:50%; top:30px; transform:translate(-50%, -50%) }


/*환영사*/
.box_st1 .box_inner {padding: 2rem 1rem;}
.box_st1.box_ico .box_inner { padding-left: 1rem;}

.box_st1 .box_txt { font-size: 16px; margin-top:0}

.hand_wrap02 {overflow-x:scroll;padding:50px 0 0px 0; background:url(/images/sub/scroll_hand.png) no-repeat 100% 8px;}
.hand_wrap02 table{width:1300px !important;} 



.container2 label {width: 100%;height: 50px;font-size: 15px;letter-spacing:-1px;padding: 12px 0px;}
.box_st1 .box_flex span { font-size: 18px}




	.basic_tab > li {margin: 0 3px 3px;}
	.basic_tab.tab_2 > li {width:calc(100%/2 - 6px);}
	.basic_tab.tab_4 > li {width:calc(100%/4 - 6px);}
	.basic_tab.tab_5 > li {width:calc(100%/5 - 6px);}
	.basic_tab.tab_5 > li.li_2w {width:40%;}
	.basic_tab.tab_6 > li {width:calc(100%/6 - 6px);}

	.basic_tab > li.on {border-radius: 0 0 0 15px	}

	.basic_tab > li > button, .basic_tab > li > a {height: 50px; font-size: 1em;}

	.hi_board_list.skin3 .txt_box .tit{font-size:1.3em;}
	.hi_board_list.skin3 > li{width:47.35%; margin-right:5.3%; margin-bottom:35px; height:260px;}
	.hi_board_list.skin3 > li:nth-child(2n){margin-right:0;}
	.hi_board_list.skin3 > li:nth-child(3n){margin-right:5.3%;}
	.hi_board_list.skin3 > li:nth-child(6n){margin-right:0;}
	.hi_board_list.skin3 .txt_box .tit {font-size: 1.2em; padding-top:30px;}
	.hi_board_list.skin3 .new_mark {width: 16px; height: 16px; line-height: 16px; font-size: 10px;}
	.hi_board_list.skin3 .info_box{font-size: 0.933em;}


	.board_list.contest_complete .state p {width: auto; height: auto; line-height: 1; font-weight: bold;}
	.board_list.contest_complete .state.state1 p {color: #e01c66;  background: none;}
	.board_list.contest_complete .state.state2 p {color: #a0a0a0;  background: none;}

.hi_board_list.skin3 > li .link { margin-top: -30px;}
.hi_board_list.skin3 .btn {
     bottom: -40px;
 
}


.contest_view_top {display: block; position:relative;}
.contest_view_top .left {display: block; width: 100%; max-width: 480px; margin: 0 auto 10px;}
.contest_view_top .right {position: static; display: block; width: 100%; padding: 10px 10px;}
.contest_view_top .right .state {z-index: 2; font-size:14px; padding:10px;}
.contest_view_top .right .txt_box li .txt_left {width: 80px;font-size: 14px;}
.contest_view_top .right .txt_box li .txt_right {padding-left: 10px;font-size: 14px;}
.contest_view_top .right .tit_box {margin-bottom: 10px;}
.contest_view_top .right .tit_box h1 {font-size: 18px;}



.basic_tab.tab_6 > li {
    width: calc(100%/3 - 10px);
	font-size:12px;
	border:0;
	background-color:#f6f6f6;
	border-radius:0 20px;
	margin-bottom:10px;
}
.basic_tab > li > button, .basic_tab > li > a {
     height: 50px;
    color: #2c2c2c;
 }


 .program_date_list ul {  flex-wrap: wrap;}


}










/* Mobile Device 최소 ~ 최대 589 */
@media (max-width:589px) {

.mobile_enter{display:block;}
.pc_enter {display:inline;}
.con_body h3 {font-size:1.6em; padding-bottom:0; margin-top:20px;}
.con_body h4 {font-size:1.2em; padding-left:10px;}
.con_body h4:after { top:12px; width:5px; height:5px; background-color:#007f3d}

.con_body .depth1 li {font-size:14px;}
.con_body .depth2 li {font-size:14px;}
.con_body .depth3 li {font-size:14px;}

.h4{font-size:2.0em;}
.h5{font-size:1.5em;}

.point_yellow_b {font-size:15px;color:#fcff00;}


.point_ul li {margin-top: 5px;}
.point_ul li span {width:120px;}

.stripe_line02 { margin: 20px 0 30px 0;}


/* 포인트 박스 */
.point_box {padding:25px; }
.p_icon {background:none;}
.p_ico_top {background:none;}

.border_box_gray {padding:5px;}

/* 탭메뉴 */
.c-tab01 li {width:100%;}
.c-tab01_02 li {width:50%;}
.c-tab01_03 li {width:50%;}

.c-tab02 li {width:50%;}
.c-tab03 li {width:50%; font-size:12px;}

/*테이블 모바일 손아이콘*/
.hand_wrap {overflow-x:scroll;padding:50px 0 0px 0; background:url(/images/sub/scroll_hand.png) no-repeat 100% 8px;}
.hand_wrap table{width:800px !important;} 

.hand_wrap_w {overflow-x:scroll;padding:50px 0 20px 0; background:url(/images/sub/scroll_hand.png) no-repeat 100% 8px;}
.hand_wrap_w table{width:800px !important;} 

.hand_wrap02 {overflow-x:scroll;padding:50px 0 0px 0; background:url(/images/sub/scroll_hand.png) no-repeat 100% 8px;}
.hand_wrap02 table{width:1200px !important;} 


/* 이미지100% 스타일 */
.img100 {width:100%;}



/*이미지하단에 글씨*/
.imgtxt {margin:10px 0; width:99%; margin-right:1%;}
.imgtxt img {width:100%; }




.pc_pt80 {padding-top:20px;} /*pc패딩80 모바일패딩은30*/


/*포인트 ul*/
.point_ul li span{font-size:15px;}
.point_ul li p{font-size:15px;}


.tbTypeA {font-size:1.0em;}
.tbTypeB {font-size:1.0em;}
.tbTypeB tbody tr td {font-size:14px;}
 
.tbTypeD {font-size:1.0em;}
.tbTypeD thead tr th {font-size:14px;}
.tbTypeD tbody tr td {padding:10px 7px;}


.tbTypeE {font-size:1.0em;}



.tbTypeB thead tr th {padding:5px 0; }
.tbTypeB tbody tr td {padding:1px; letter-spacing:-1px; }




ul.img_col4 li {float:left;width: 47.9%; margin-right:2%;margin-top:10px; }
ul.img_col4 li img { height:150px;}



ul.img_col2 {  width:100%;}



.img_txt .left50 {width: 96%; margin-left:2%}
.img_txt .right50 {width: 96%; margin-left:2%}

.btn_p a {margin-bottom:10px;}


.pc_none { display: block; margin-bottom:20px;}
.dp_pc {display:none;}

.tbTypeB {font-size:0.9em;}

.tbTypeB thead tr th {padding:5px 0; }
.tbTypeB tbody tr td {padding:1px; letter-spacing:-1px; }


.tbTypeE {font-size:0.9em;}

.tbTypeE thead tr th {padding:5px 0; }
.tbTypeE tbody tr th {padding:1px 5px; letter-spacing:-1px; }
.tbTypeE tbody tr td {padding:1px 3px; letter-spacing:-1px; }





/*관광명소*/
#contents_bookmark .text {font-size: 1.3em;}


ul.img_col3 { margin: 20px 0%; width: 100%; }
ul.img_col3 > li {max-width: 100%; width: 49%; margin: 10px 1% 0 0;}
ul.img_col3 li img {max-width: 100%;}
/*@media all and (max-width:589px)*/



.point_ul li {width:100%;display:inline-block;margin-top:20px;}
.point_ul li span{font-size:17px;color:#fff;width:110px; border-radius:5px;margin-right:10px; text-align:center;float:left; display:block; padding:5px 10px;}


/* basic_table */
.basic_table2 th, .basic_table2 td {padding:5px 2px; font-size:12px;}
.basic_table3 th, .basic_table3 td {padding:5px 2px; font-size:12px;}
.basic_table3 thead th {font-size:13px;}
.basic_table3 tbody th {   padding:5px 2px;}

/*골든벨이벤트*/
.event4_wrap1 {background-position:right top;}
.event4_wrap1 h4 {font-size:2.2em; padding:0px 0 0px 0;}
.event4_wrap1 .event4_p {font-size:1.0em;}
.event4_wrap1 .event4_p2 {font-size:1.0em;  margin:10px 0 40px 0; padding:5px 15px; letter-spacing:-1px;}

.event4_wrap2 {width:100%; margin:0;padding:15px; }
.event4_png {position:relative; left:0; top:2px; text-align:center;}
.event4_png img{width:170px;}


/*스탬프투어 이벤트*/
.event6_wrap1 { background-size:150%;}
.event6_wrap1 h4 { font-size:2.5em;  padding:10px 0 0px 0px;}
.event6_wrap1 h4 p{ font-size:1.0em; }

.event6_wrap2 {text-align:left; width:100%; margin:0;padding:15px; }

.event6_png {position:absolute; left:40%; top:30px;}
.event6_png img {width:80px;}

.e6_p {font-size:1.0em; padding:5px 10px; margin-top:70px;}
.e6_p2 {font-size:1.2em;}


/*개요*/
.about_left {width:100%; height:auto;}
.about_left p{ font-size:2.0em;}

.about_right {width:100%;  text-align:center; height:auto; margin-right:0;}
.about_right img {padding-top:20px;}

.about_h4 {font-size:25px; }


/*노래자랑*/
.online_show_left {width:100%; text-align:center; height:auto; padding-left:0px; color:#fff; }
.online_show_right { width:100%; margin-left:0%; height:auto;}
.online_show_right h4 { font-size:1.3em; padding:0px; margin:10px 0; font-weight:bold; margin:0;}
.online_show_right .online_show_p1 {font-size:1.2em; margin-bottom:15px; }
.online_show_right .online_show_p2 {  font-size:1.1em; }
.online_show_left img {margin:0 0 20px 0; }






/*룰렛이벤트*/
.event_bg07 {padding:0px 0;} /*룰렛*/

.event_wrap9 h4 {color:#fff; font-size:2.0em; padding:0px 0 0px 0;}
.event_wrap9 .event9_p {font-size:1.3em;margin:10px 0 10px 0;  padding:5px;}
.event_wrap9 .event9_p2 {margin-top:10px; font-size:1.0em; }
.description { margin:50px 0 0 0; width:100%; }
.description .rulret_h4 {font-size:1.5em;}
.event_wrap9 { padding-top: 30px;}

/*이벤트 주소*/
.pop-layer {position: absolute;top: 50%;left: 50%;width: 90%;height: auto;background-color: #fff;border: 5px solid #3571B5;z-index: 10;}
.btn_1 { font-size: 1em;padding: 5px 10px;}



/*프로그램 박스*/
.program_box div {width:100%; margin:20px 1%; padding:20px 20px; height:auto;}
.program_box div h4 {font-size:1.5em; margin:0; padding:0;}
.program_box div li { margin-top: 10px;}

.program_ul  { margin:20px 0; flex-direction: column;  }
.program_ul  li {width:100%;border-bottom: 1px solid #22840f;}

 

.container2 label {
     width: 100%;
     height: 50px;
    font-size: 15px;
	letter-spacing:-2px;
     padding: 12px 0px;
 }


.base_box_02 {width: 94%;padding: 18px 3%;margin: 20px 1%;}
.base_box_02 h5 {font-size: 1.5em!important;}
.sns_li {clear:both;margin-top:15px!important;}
.sns_p {margin-top:5px!important;}

.point_ul2 li span { margin: 0 5px; font-size:14px; width:140px;}
.point_ul2 li P { margin: 0 5px;}

.point_ul2 input{ font-size: 14px; width:100%;}



/*프롬나드 이벤트*/
.event8_wrap1 { background-image:none;}
.event8_wrap1 h4 {  font-size:2.1em;   }
.event8_wrap1 h4 p{  font-size:1em; }
.e8_p { font-size:1em; margin-top:20px; }
.event8_png { width:280px; left:50%; top:30px; transform:translate(-50%, -50%) }





/*환영사*/
.box_st1 .box_inner {padding:   1rem;}
.box_st1.box_ico .box_inner { padding-left: 1rem;}
.box_st1 .titT1 {font-size: 17px;}
.box_st1 .box_flex {flex-direction: column;}
.box_st1 .box_flex div:first-child {width: 100%;}
.box_st1 .box_flex div:last-child {width: 100%;}
.box_st1 .box_txt {font-size: 13px; margin-top:0}
.box_st1 .box_flex span {font-size: 14px;  }
.img_pc_none {display:block; margin:0 auto;}
.img_pc_block {display:none;}
.container2 { margin: 0;}
.container2 .tab-content {  margin-top: 0px}

.hi_board_list.skin3 > li .link { margin-top: -30px;}

.hi_board_list.skin3 > li { float: none; width: 100%;  height: auto;max-width: 400px; margin: 0 auto 15px !important;}

.hi_board_list.skin3 .txt_box {padding: 30px 15px;}
.hi_board_list.skin3 .txt_box .tit {font-size: 1.3em;height:1.4em;}
.hi_board_list.skin3 .new_mark {width: 18px; height: 18px; line-height: 18px; font-size: 12px}
.hi_board_list.skin3 .txt_box .tit {
    font-size: 1em;
}
.hi_board_list.skin3 .txt_box {
    padding: 20px 15px;
}
.hi_board_list.skin3 > li a:hover .txt_box .tit {
    font-size: 1.3em;
 }

 .hi_board_list.skin3 .btn {bottom: 10px;}
.hi_board_list.skin3 .info_box p span { font-size: 14px;}
.contest_view_top {display: block; position:relative;}
.contest_view_top .left {display: block; width: 100%; max-width: 480px; margin: 0 auto 10px;}
.contest_view_top .right {position: static; display: block; width: 100%; padding: 10px 10px;}
.contest_view_top .right .state {z-index: 2; font-size:14px; padding:10px;}
.contest_view_top .right .txt_box li .txt_left {width: 100%;font-size: 14px;}
.contest_view_top .right .txt_box li .txt_right {width: 100%;padding-left: 0px;font-size: 14px; margin-top:10px;}
.contest_view_top .right .tit_box {margin-bottom: 10px;}
.contest_view_top .right .tit_box h1 {font-size: 18px;}
.contest_view_top .left .img_box .inner { padding: 0px}
.contest_view_top .right .txt_box li .txt_left:after {left: 0;bottom: 0%;width: 100%;height: 1px;margin-top: 9px;}

.basic_tab.tab_6 {margin-top:30px;}

.basic_tab.tab_6 > li {width: calc(100%/3 - 10px);font-size:12px;border:0;background-color:#f6f6f6;border-radius:0 20px;margin-bottom:3px;}
.basic_tab > li.on > button, .basic_tab > li.on > a {border-radius:0 20px;}
.basic_tab > li > button, .basic_tab > li > a {height: 50px;color: #2c2c2c; font-size:14px; line-height:100%; letter-spacing:-1px;}
.tbTypeC thead tr th {
     padding: 3px 1px;
     line-height: 15px;
 }
.tbTypeC tbody tr td {  padding:2px;}

.program_date_list ul {  flex-wrap: wrap;}
.program_date_list li a {margin:  5px;}

}