html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	font-size: 12px;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a, a:link, a:hover, a:active, a:visited, a:focus{color: inherit; text-decoration: none}
li {float: left;}
img {width:100%;vertical-align:top;}
html, body {height:100%;}
input, select{
    vertical-align:middle;
}
input[type=text], input[type=image], input[type=password] {
    border-radius: 0;
	box-sizing: border-box;
}
hr {margin:0;}
select {padding: 4px 7px;}
input[type=text] {padding: 5px 7px;border: 1px solid #c5c5c5;}
input[type=password] {padding: 5px 7px;border: 1px solid #c5c5c5;}
input[type=radio] {margin: 0 5px;}

.header {width:100%;height:50px;background:url('/asset/m/images/common/head_img_bg.png') no-repeat 0 0;background-size:100% 50px;}
.header .gnb .menu-button {position:absolute;left:10px;top:16px;width:17.5px;height:13.5px;background:url('/asset/m/images/common/head_btn_menu.png') no-repeat 0 0;background-size:17.5px 13.5px;}
.header .gnb .logo {position:absolute;left:50%;top:6px;width:115px;height:30px;margin-left:-58px;}
.header .gnb .logo a {display:block;width:100%;height:100%;}

.header .gnb-menu {width:212px;height:100%;position:absolute;left:0;top:0;background:#fff;z-index:110;display:none;}
.header .gnb-top {width:100%;height:41px;background:url('/asset/m/images/common/navi_header_bg.png') no-repeat;background-size:100%;position:relative;}
.header .gnb-top .gnb-close {position:absolute;right:13px;top:13px;width:13.5px;height:13.5px;}
.header .gnb-box {width:100%;height:149px;background:url('/asset/m/images/common/navi_box_login.png') no-repeat;background-size:100%;}
.header .gnb-box .gnb-box-wrap {padding:18px 0 0 22px;width:80%;}
.header .gnb-box .gnb-box-wrap img {width:100%;margin:1px 0;}
.header .gnb-box .gnb-box-wrap p {text-align:center;margin-bottom:12px;height:24px;}
.header .gnb-menu > ul {vertical-align:top;}
.header .gnb-menu .depth {display:inline-block;}
.header .gnb-menu .depth li.open {border:none;}
.header .gnb-menu .sub-depth {display:none;}
.header .gnb-menu .sub-depth.open {display:block;}
.menu-bg {width:100%;height:100%;background:#000;position:fixed;left:0;top:0;z-index:100;opacity:0.8;display:none;}

.main-wrap {background: #f8f8f8;padding:10px;}
.main-visual-wrap {overflow:hidden;position:relative;width:100%;}
.main-visual-wrap .swiper-pagination-bullet {width:5px;height:5px;background:url('/asset/m/images/main/bnr_rolling.png');background-size:100%;opacity:1;margin:0 3px !important;}
.main-visual-wrap .swiper-pagination-bullet-active {background:url('/asset/m/images/main/bnr_rolling_on.png');background-size:100%;}
#mainSwiper {width:40px;height:10px;left:auto;right:4px;bottom:10px;}
.main-menu-icon {display:inline-block;width:100%;margin-top:5px;}
.main-menu-icon li {float:left;width:20%;}
.main-middle-button {display:inline-block;width:100%;margin-top:15px;}
.main-middle-button li {float:left;width:49.5%;}
.main-middle-button li:first-child {margin-right:1%;}
.main-info-wrap {overflow:hidden;position:relative;width:100%;margin-top:5px;}
.main-info-wrap .swiper-pagination-bullet {width:5px;height:5px;background:url('/asset/m/images/main/bnr_rolling.png');background-size:100%;opacity:1;margin:0 3px !important;}
.main-info-wrap .swiper-pagination-bullet-active {background:url('/asset/m/images/main/bnr_rolling_on.png');background-size:100%;}
#mainInfoSwiper {width:40px;height:10px;left:auto;right:4px;bottom:10px;}
.main-review-wrap {width:100%;margin-top:5px;position:relative;}
.main-review-button {position:relative;left:0;top:0;display:inline-block;width:14.6%;z-index:10;}
.main-review-video {position:absolute;left:12.2%;top:0;z-index:9;width:88%;}
.main-review-video .play {position:absolute;right:10px;bottom:10px;width:33px;}
.main-footer {}
.main-footer .main-footer-button li {float:left;width:50%;}

.overlay {width: 100%; height: 100%; position: fixed; z-index: 200; left: 0; top: 0; background-color: rgba(0,0,0, 0.8); display: none;}

.content-wrap {width:100%;position:relative;padding-top:9.5%;}
.sub-content-wrap {width:100%;padding:2% 2% 0;box-sizing:border-box;}
.sub-menu-wrap {width:100%;position:absolute;left:0;top:0;z-index:100;}
.sub-menu {width:100%;display:none;}
.sub-menu-half {width:100%;display:inline-block;}
.sub-menu-half > li {width:50%;}

.sub-bottom-wrap {width:100%;}
.sub-bottom-banner-wrap {overflow:hidden;position:relative;width:100%;}
.sub-bottom-banner-wrap .swiper-pagination-bullet {width:5px;height:5px;background:url('/asset/m/images/common/sub_bottom_3_roll.png');background-size:100%;opacity:1;margin:0 3px !important;}
.sub-bottom-banner-wrap .swiper-pagination-bullet-active {background:url('/asset/m/images/common/sub_bottom_3_roll_on.png');background-size:100%;}
#subBottomBannerSwiper {width:60px;height:10px;left:auto;right:8px;top:10px;}

.footer {margin-top:3%;}
.footer-button {display:block;}
.footer-button li {float:left;width:50%;}
.footer-link {display:table;width:100%;height:1px;background:#061b86;}
.footer-link li {display:table-cell;width:10%;height:100%;}
.footer-link li.link {width:70%;}
.footer-link li.link div {margin:5% 0 0 2%;}
.footer-link li.link div a {margin-right: 2%;}

.border-top {display:inline-block;width:100%;margin:2% 0;}
.border-top > li {width:30%;height:30px;line-height:30px;vertical-align:middle;}
.border-top > li.border-search {width:70%;}
.border-search #searchKind {width:31%;}
.border-search #searchKeyword {width:55%;}
.border-search input[type=image] {width:11%;height:27px;margin-left:-1.8%;}

.gallery {display:inline-block;}
.gallery > li {float:left;width:49.5%;margin:2% 1% 0 0;}
.gallery > li:nth-child(2n) {margin-right:0;}
.gallery > li .title {font-size:1.1em;font-weight:bold;margin:2% 0;}
.gallery > li .date {color:#9a9a9a;margin:2% 0;} 
.noList {text-align: center; margin: 30px 0;}

.pagination-wrap {text-align:center;margin:5% 0;}
.pagination {display:inline-block;}
.pagination li {float:left;margin:0 7px;height:18px;line-height:18px;vertical-align:middle;}
.pagination li.active {font-weight:bold;}
.pagination li img {width:19px;}

.board-view-title {padding:2%;background:#f1f1f1;border-bottom:1px solid #c5c5c5;}
.board-view-title p {margin:2% 0;}
.board-contents {width:100%;padding:4%;box-sizing:border-box;border-bottom:1px solid #c5c5c5;}
.board-contents img {width: 100% !important;}
.rightArea {text-align: right; margin:5% 4% 10%;}
.rightArea img {width:20%;}
.centerArea {text-align: center;}

.board-table {width:100%;border-top:1px solid #676767;}
.board-table tr {border-bottom: 1px solid #d6d6d6;}
.board-table th {height: 30px; vertical-align: middle; background: #f1f1f1;}
.board-table td {height: 40px; vertical-align: middle; text-align: center;}
.board-table td.text-left {text-align: left; padding: 0 1%;}
.board-table td p {margin: 2% 0 0 0;}

.button-wrap {text-align:center;}
.tw img {width:35%;}

.idWrap {width: 80%; height: 200px; position: fixed; top: 50px; left: 50%; margin-left: -40%; z-index: 201; display: none; background: url('/asset/images/member/id_search_bg.jpg') no-repeat;background-position:center top;background-size:100% auto;}
.idClose, .pwClose {cursor: pointer; position: absolute; right: 10px; top: 10px; width: 15px;}
.idpwFormWrap {position: absolute; left: 20px; top: 50px;}
.idpwTab img {float: left; cursor: pointer;}
.idpwOkButton {margin-top: 4px; text-align: center;}
.pwWrap {width: 80%; height: 250px; position: fixed; top: 50px; left: 50%; margin-left: -40%; z-index: 201; display: none; background: url('/asset/images/member/pw_search_bg.jpg') no-repeat;background-position:center top;background-size:100% auto;}
.idpw-table {width:94%;}
.idpw-table tr {border-bottom: 1px solid #d6d6d6;}
.idpw-table th {height: 20px; vertical-align: middle; background: #f1f1f1;}
.idpw-table td {height: 30px; vertical-align: middle; text-align: center; padding: 1% 0 1% 1%;}

.video {position:absolute;left:0;top:0;width:100%;height:100%;}


.relative {position:relative;}

.movie_box {padding:0 3% 3%; background:#f4f4f4;}
.movie_box .box {position:relative; padding-bottom:56.25%}
.movie_box iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

.main-wrap {overflow:hidden;}

#youtube {margin-top:15px;}
#youtube .movie {}
#youtube .movie .mbox {position:relative; padding-bottom:56.25%;}
#youtube .movie iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
#youtube .thumb_list {margin-top:8px;}
#youtube .swiper-container {margin-right:-25%;}
#youtube .thumb_list img {width:100%;}


.video_wrap {max-width:600px; position:relative; margin-bottom:20px;}
.video_wrap::before {display:block; padding-bottom:56.25%; content:'';}
.video_wrap video {position:absolute; top:0; left:0; width:100%; height:100%;}

.fee {padding:0 3.1235%;}

.scrollbar {width:100%; overflow-x:auto;}
.scrollbar img {width:1000px;}
.scrollbar::-webkit-scrollbar{height:10px; -webkit-appearance:none;}
.scrollbar::-webkit-scrollbar-thumb{background:#cac7d5;}
.scrollbar::-webkit-scrollbar-track{border:0; background:#f1f2f3;}

.pb_70 {padding-bottom:70px;}


.pop {position:relative;}
.pop .pop_slide .swiper-pagination {position:absolute; top:10px; right:10px; bottom:auto; left:auto; width:auto; margin:0;}
.pop .pop_slide .swiper-pagination-bullet {width:10px; height:10px; border-radius:100%; border:1px solid #000; background:#dfdbda;}
.pop .pop_slide .swiper-pagination-bullet-active {}