@charset "utf-8";
/* CSS Document */

/* 공용 */
/* @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
@font-face {    /* 본고딕 bold */
    font-family: 'notokr_b';
    src: url('/webfonts/notokr-bold.eot');
    src: url('/webfonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/notokr-bold.woff2') format('woff2'),
         url('/webfonts/notokr-bold.woff') format('woff'),
         url('/webfonts/notokr-bold.ttf') format('truetype'),
         url('/webfonts/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {    /* 본고딕 medium */
    font-family: 'notokr_m';
    src: url('/webfonts/notokr-medium.eot');
    src: url('/webfonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/notokr-medium.woff2') format('woff2'),
         url('/webfonts/notokr-medium.woff') format('woff'),
         url('/webfonts/notokr-medium.ttf') format('truetype'),
         url('/webfonts/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* @font-face {    본고딕 bold 
    font-family: 'notokr_l';
    src: url('/webfonts/notokr-light.eot');
    src: url('/webfonts/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/notokr-light.woff2') format('woff2'),
         url('/webfonts/notokr-light.woff') format('woff'),
         url('/webfonts/notokr-light.ttf') format('truetype'),
         url('/webfonts/notokr-light.svg#notokr-light') format('svg');
    font-weight: normal;
    font-style: normal;

} */
.mb-nav {display:none;}
.none_text, .none-text {display:none;}

*, html, body {margin:0;padding:0;}
ul, ol {list-style:none; margin:0; padding:0;}

body {font-family:"NanumGothic","나눔고딕","맑은 고딕",HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif,"돋움",dotum;}
.not_fb, .mypage_top .mypage_text1, #mypage_nav ul li a, .sub_tex1, .oder-text1 {font-family:"notokr_b"} /* 본고딕 bold */

#gnb li a , #footer #fnb li a, .gall_title, #wm_screenshot #bo_cate_ul li a, .view_goods .goods h3, .view_goods .goods h3 span, 
.select_goods ul li h3, .select_goods ul li p, .wm_btn_r, form[name=c1] input[type=button], .member_box .member_register label,
.select_goods_msg, .box-title, .box-price b, .dot_box h3, .oder_goods table.oder-talbe01 th, .oder_goods table.oder-talbe02 th,  
.dw_top h2, .dw_con h3, .dw_con h2, #soscenter h3 {font-family:"notokr_m"} /* 본고딕 medium */

.fix-wrap {margin-top:126px;}

/* .not_fl {font-family:"notokr_l"} 본고딕 light */
/* 폰트예외 */ 
.member_box .member_register .sex_btn {font-family:"NanumGothic","나눔고딕","맑은 고딕",HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif,dotum; font-weight:normal;}

.inner-width, .msg-box {max-width:980px; width:100%; margin:0 auto; }
a {text-decoration:none;}
body {min-width:1180px;}

/* header */
#header {width:100%; overflow:hidden;position:relative; background:#fff; height:116px;}
#header .inner-width {position:relative; height:100%;}
#logo {margin:40px 0 0 20px; padding:0; position:absolute; top:0; left:0;}
#tnb {position:absolute; top:20px; right:20px;}
#tnb li {float:left;border-right:1px solid #ccc; height:14px; line-height:16px; padding:0 10px; overflow:visible;}
#tnb li:last-child {border:0;}
#tnb li a {display:block; color:#333; font-size:14px; line-height:16px;}
#tnb li a:hover {font-weight:bold;}
.naver_cafe {text-indent:22px; background:url(/images/naver_cafe.png) no-repeat 0 50%;}


#gnb {position:absolute; bottom:20px; right:20px;}
#gnb li {float:left;}
#gnb li a {font-size:16px; color:#2e2e2e; position:relative; display:block; padding:6px 0px; text-align:center; transition:all 0.2s ease; margin:0 10px;}
#gnb li a:hover, #gnb li.active a {color:#8493ca;}
#gnb li a:after {content:''; position:absolute; bottom:2px;left:50%; width:0; height:2px; background:#8493ca;transition:all 0.2s ease; opacity:0;}
#gnb li a:hover:after {width:100% !important; opacity:1; left:0;}
#gnb li > .gnb_2dul, #gnb li > ul {display:none;}

#tnb .mypage_btn {background:#7b8bad; color:#fff; padding:2px 6px; font-size:12px;}
#header.hd_fix {position:fixed !important; top:0px; left:0; height:90px; z-index:9; background:rgba(256,256,256,0.9) !important; box-shadow:0px 1px 5px rgba(0,0,0,0.2);
animation:hdani 0.6s ease;}
#header.hd_fix #logo {margin-top:24px;}
#header.hd_fix #gnb {bottom:10px;}

@keyframes hdani{
	0% {top:-100px;}
	100% {top:0}
}


/* footer */
#footer {background:#1e1e1e; min-height:140px; overflow:hidden; font-size:13px;}
#footer .inner-width {position:relative; height:100%;overflow:hidden;}
#footer #flogo {position:absolute; top:25%; left:30px; padding-left:20px;}
#footer #fnb {padding-left:240px; margin-top:20px; overflow:hidden;}
#footer #fnb li {float:left; margin-right:22px;}
#footer #fnb li a {display:block; color:#ddd;}
#footer #fnb li a:hover {color:#fff;}
#footer #address {font-style:normal;padding-left:240px; line-height:24px; color:#fff; padding-top:10px; color:#ddd;}
#footer .copyright {color:#ccc; padding:8px 0 30px 240px;}


/* 전체레이아웃 */
#wrap {width:100%; overflow:hidden; position:relative; background:#fff; min-height:400px;}

/* 회원가입 */
.member_regi {padding:60px 0; text-align:center; width:100%; background:#1cbcb4; color:#fff;}
.member_regi .member_text1 {font-size:42px;}
.member_regi .member_text2 { font-size:24px; padding:16px; line-height:32px}
.member_box {position:relative; margin:80px auto 100px; display:block; max-width:520px; border-radius:3px;}
.member_box .member_register {padding:0px 50px;}
.member_box .member_register {font-size:16px;}
.member_box .member_register .red_point {color:#F00; margin-right:6px;}
.member_box .member_register label {color:#777; font-weight:bold;}
.member_box .member_register .ex_text {font-size:12px; display:inline; margin-left:6px; color:#555; font-weight:normal;}
.member_box .member_register li {margin-bottom:8px;}
.member_box .member_register li > div {padding:4px; display:block; width:100%; overflow:hidden;}
.member_box .member_register .wm_input {margin:0; padding:0; height:44px; line-height:44px; color:#036; width:98%; border-radius:3px; border:1px solid #d8d8d8; text-indent:10px;transition:all 0.2s ease;}
.member_box .member_register .wm_input.focus, .member_box .member_register .wm_input:hover {box-shadow:0px 0px 5px #ccc;}
.member_box .member_register .wb_birth1 {width:30%; margin-right:4px;}
.member_box .member_register .wb_birth2 {width:20%; margin-right:4px;}
.member_box .member_register .sex_btn {float:left; width:34px; height:46px; line-height:46px; margin-right:4px;}
.member_box .member_register .birth_sel {float:left; display:block; width:70%;}
/* .member_box .member_register .sex_sel {float:left; width:30%;}
.member_box .member_register .sex_btn input {display:none1;} */
.polly_link {font-size:14px; padding:10px 0 0 0}
.polly_link a {color:#06F;}
.polly_link a:hover {text-decoration:underline;}
.btn_confirm {padding:20px 0; text-align:center;}
.btn_member_join, .btn_confirm .btn02 {display:block; width:98%; background:#2D9AC4; color:#fff; border:1px solid #1292B1; border-radius:5px; text-align:center; height:38px; line-height:38px; padding:0; font-size:16px; transition:all 0.2s ease; cursor:pointer; margin:auto;}
.btn_member_join {background:#888; border:0; height:46px; line-height:46px;}
.btn_member_join:hover, .btn_confirm .btn02:hover {background:#1292B1}
#reg_result {text-align:center; font-size:16px; padding:50px 0; max-width:640px; background:#f8f8f8; border:1px solid #ccc; border-radius:3px; margin:50px auto;}
.btn_confirm .btn02 {width:80%; margin:0 auto;}
.login_p {padding-top:16px; text-align:center; line-height:24px; font-size:14px; color:#777;}
.login_p:last-child {padding-top:4px;}
.login_p a {color:#777; text-decoration:underline;}
.text14 {font-size:14px;}




/* 마이페이지 */
#mypage_nav {background:#dce0eb; width:100%; overflow:hidden;}
#mypage_nav ul {}
#mypage_nav ul li {float:left;border-bottom:1px solid #dce0eb;}
#mypage_nav ul li a {display:block; padding:12px 20px; font-size:15px; color:#777; transition:all 0.2s ease;}
#mypage_nav ul li a:hover {color:#111; box-shadow:3px 0px 3px rgba(0,0,0,0.2);}
#mypage_nav ul li.active a {background:#fff; color:#111; box-shadow:3px 0px 3px rgba(0,0,0,0.2);}

h1.page-title, .wm_title {font-size:26px; color:#222; padding:50px 10px 0;}
p.small-text {font-size:15px; color:#222; padding:16px 0px 20px;border-bottom:1px solid #ccc; margin:0 10px;}

.mb_class_b, .mb_class_s, .mb_class_g {width:64px; height:64px; color:#fff; font-size:24px; line-height:64px; display:block; text-align:center; border-radius:50%; position:absolute; top:10px; left:10px;}
.mb_class_b {background:#5d51f1;}
.mb_class_s { background:#cac6c5;}
.mb_class_g { background:#f8c700;}

.mypage_con , #wm_bbs_name {margin:0 auto; overflow:hidden;  max-width:980px;}
.mypage_con .con_left, .mypage_con .con_right {display:inline-block; width:35%; position:relative; margin-top:40px; text-align:left; vertical-align:top;}
.mypage_con .con_left { }
.mypage_con .con_right {margin-left:80px; width:40%;}

.mypage_con .con_left p, .mypage_con .con_left ul {padding-left:120px; font-size:16px;}
.mypage_con .con_left ul {padding-top:20px; overflow:hidden;}
.mypage_con .con_left ul li {color:#777; margin-bottom:10px;}
.mypage_con .con_right h3 {font-size:22px; border-bottom:2px solid #a3aed7; padding-bottom:10px; color:#333; margin-bottom:10px;}
.mypage_con .con_right p {font-size:15px; padding-bottom:4px;}

.my_list {border-top:2px dashed #ccc; padding:30px 20px; margin:30px 40px;}
.my_list h2 {font-size:24px; font-weight:normal; color:#333;margin:30px auto 20px;}

.my_list table, .wm_table {border-collapse:collapse; border:1px solid #dedede;; width:100%; font-size:16px; text-align:center;}
.my_list table th, .wm_table th {border-bottom:1px solid #dedede; font-weight:normal;}
.my_list table th, .wm_table th, .my_list table td, .wm_table td {padding:12px 12px;}
.my_list table td .wm_btn01, .wm_table td .wm_btn01 {margin:auto;}
.under_bar {max-width:980px; margin:30px auto 20px; font-size:20px; text-align:left; position:relative; border-bottom:2px solid #333; padding-bottom:10px; display:inline-block;}
.pg_page, .pg_current {margin:0; padding:0;}
.paging, .pg {text-align:center; overflow:hidden; margin:30px auto 50px; max-width:980px; font-size:0;}
.paging a, .paging b, .pg_current, .pg_page {display:inline-block; border:1px solid #d8d8d8; background:#f8f8f8; width:36px; height:36px; font-size:14px; line-height:36px; text-align:center; margin-left:-1px; color:#555;}
.paging a:first-child {margin:0;}
.paging b, .pg_current {color:#69F; background:#fff;}
.paging a:hover, pg_current, pg_page:hover {background:#fff; border-bottom:1px solid #69f; color:#333;}
form[name=c1] {display:block; margin:30px auto 0; text-align:center; font-size:0;}
form[name=c1] input[type=text] {width:300px; height:48px; line-height:48px; font-size:18px; border:1px solid #333; background:#fff; display:inline-block; border-radius:8px;} 
form[name=c1] input[type=button] {background:#e21131; color:#fff; padding:0 35px; font-size:18px; font-weight:normal; text-align:center; display:inline-block; border-radius:5px; transition:all 0.2s ease; border:0px; cursor:pointer; height:50px; line-height:50px; margin-left:14px;}
form[name=c1] input[type=button]:hover {background:#B30B0B;}
.cp_msg {display:block; text-align:center; text-indent:-254px; margin:10px auto 30px;}

.signout_msg {background:url(/images/s_msg.jpg) no-repeat 0 72%; padding-left:28px; margin:30px 0 0 0; font-size:18px;}
.signout_chk {margin-right:10px;}
.signout_btn {margin:30px 0 80px;}


/* 전체 상단 */
.mypage_top {min-height:250px; color:#fff; background:#8493ca;}
.mypage_top .inner-width {padding:50px 10px 0;background:url(/images/mypage_top.jpg) no-repeat 90% 10px;min-height:180px;}
.mypage_top .mypage_text1 {font-size:30px; line-height:38px;}
.mypage_top .mypage_text2 {font-size:18px; line-height:26px; margin-top:10px; font-weight:600;}
#sub_top {min-height:240px; color:#fff; background:#4e4e4e; zoom:1;}
#sub_top .inner-width {padding:50px 10px 0;}
#sub_top.sub_top1 {background:#5996cd }
#sub_top.sub_top1 .inner-width {background:url(/images/top5.jpg) no-repeat 100% 10px; min-height:180px;}
#sub_top.sub_top2 {background:#444148}
#sub_top.sub_top2 .inner-width {background:#444148 url(/images/top1.jpg) no-repeat 100% 10px;min-height:180px; position:relative;}
#sub_top.sub_top3 {background:#5996cd}
#sub_top.sub_top3 .inner-width {background:#5996cd url(/images/top5.jpg) no-repeat 100% 10px;min-height:180px;}
#sub_top.sub_top4 {background:#f06359}
#sub_top.sub_top4 .inner-width {background:#f06359 url(/images/top2.jpg) no-repeat 100% 10px;min-height:180px;}
#sub_top.sub_top6 {background:#6a8733} 
#sub_top.sub_top6 .inner-width {background:#6a8733 url(/images/top4.jpg) no-repeat 100% 10px;min-height:180px;}
#sub_top .sub_tex1 {font-size:30px; line-height:38px;}
#sub_top .sub_tex2 {font-size:18px; line-height:26px; margin-top:10px; font-weight:600;}
.oder_top {background:#5895cc url(/images/top3.jpg) no-repeat 90% 10px; color:#fff;}
.oder_top .inner-width {padding:60px 0 70px;}
.oder-text1 {font-size:42px; line-height:48px; text-align:center;}
.oder-text2 {font-size:18px; line-height:26px; margin-top:10px; font-weight:600; text-align:center;}
#sub_top .sub_tex1, #sub_top .sub_tex2, .oder-text1, .oder-text2, .mypage_top .mypage_text1, .mypage_top .mypage_text2 { padding-left:20px;}

/* 임시 다운로드 페이지 탭메뉴 */
.tab-box, .msg-box {display:none;}
.in-nav {overflow:hidden; margin:0; position:absolute; left:28px; bottom:0;}
.in-nav ul {}
.in-nav ul li {float:left;}
.in-nav ul li a {display:block; padding:12px 30px; font-size:16px; color:#777; transition:all 0.2s ease; background:#fff; font-weight:bold;}
.in-nav ul li a:hover {color:#111; box-shadow:3px 0px 3px rgba(0,0,0,0.2);}
.in-nav ul li.active a {background:#dce0eb; color:#111; box-shadow:3px 0px 3px rgba(0,0,0,0.2);}
.msg-area {width:100%; background:#dce0eb; font-size:16px; font-weight:bold; color:#222; padding:12px 0; text-indent:90px;}


/* 스크린샷 */
#wm_screenshot {overflow:hidden; padding:0 0 50px; text-align:center;}
.screeb_list {margin:0 auto;}
.screeb_list #gall_ul {clear:both;text-align:center; font-size:0;}
.screeb_list .gall_li {clear:both;display:inline-block; margin:40px 60px;vertical-align:top; *display:inline; *zoom:1;}
.screeb_list .gall_title {text-align:center; font-size:24px; color:#222; padding-bottom:20px; display:block;}
.screeb_list .gall_subject {font-size:16px;  color:#222; padding-top:20px; display:block;}

#bo_cate {overflow:hidden; padding:0 0 50px 0;}
#wm_screenshot #bo_cate_ul {  margin:30px 20px;}
#wm_screenshot #bo_cate_ul li {float:left; padding:0 20px; height:24px; border-right:1px solid #ccc; }
#wm_screenshot #bo_cate_ul li:first-child {display:none;}
#wm_screenshot #bo_cate_ul li:last-child {border:0;}
#wm_screenshot #bo_cate_ul li a {display:block; font-size:15px; color:#333; padding-bottom:5px;}
#wm_screenshot #bo_cate_ul li a#bo_cate_on {border-bottom:3px solid #5996cd;}

.inner-width #bo_list {margin:80px 50px 80px;}

#sns_area {position:absolute; right:10px; top:10%;}
#sns_area a {display:block; float:left; padding:0 14px; height:24px; text-align:center; line-height:24px; color:#999; background:#444; border:1px solid #000; border-radius:3px; font-size:12px; margin:0 1px;}
#sns_area a:hover {color:#fff;}
#sns_area a.sns_btn01:hover {background:#4A7630;}
#sns_area a.sns_btn02:hover {background:#113DA4;}
#sns_area a.sns_btn03:hover {background:#FFCB17; color:#222;}






/* 이용권구매 신규 */
.oder_con .inner-width {max-width:700px;}
.oder_con .oder_guide { padding:50px 0px 0px;}
.oder-talbe02 .oder_guide { padding:0px 0px 0px;}
.oder_guide { position:relative;}
.oder_guide p {padding-left:110px; font-size:12px; line-height:16px;}
.smile_icon {position:absolute; top:64px; left:10px; height:50px; background:url(/images/smile.jpg) no-repeat 0 0; width:85px; height:85px; text-indent:-9999px; overflow:hidden;}
.text_red {color:#C40005;}
.text_red2 {color:#D94513;}
.text_red3 {color:#CD2F01;}
.text_yblue {color:#50B19B;}
.text_silver {color:#8C8B94;}

.select_goods_msg {font-size:16px; margin-bottom:10px; margin-top:40px;}
.silver_msg {color:#808080}
.blue_msg {color:#799ac5}
.green_msg {color:#29c3bd}
.sky_msg {color:#5cb98f}
.goods_box { vertical-align:middle; overflow:hidden; margin:0 0 10px 0; position:relative; overflow:hidden;}
.blue_box {border:1px solid #5896cc;}
.blue_box .box-title {background:#799ac5;}

.green_box {border:1px solid #84ccc9;}
.green_box .box-title {background:#84ccc9;}

.sky_box {border:1px solid #5cb98f;}
.sky_box .box-title {background:#5cb98f;}

.goods_box .box-title {float:left; vertical-align:top; height:116px; line-height:116px; text-align:center; color:#fff; font-size:18px; width:185px;}
.goods_box .box-option {width:217px; height:116px; position:relative; float:left;}

.blue_box .box-option {border-right:1px dashed #5896cc;}
.green_box .box-option {border-right:1px dashed #5cb98f;}
.sky_box .box-option {border-right:1px dashed #84ccc9;}

.goods_box .box-option p {position:absolute; left:15px;}
.goods_box .box-option p span {height:22px; display:inline-block; width:66px; text-align:center; line-height:20px; font-size:12px; margin-right:10px;}
.border_mobile span {background:url(/images/ic01.gif) no-repeat 0 0; color:#5896cc;}
.border_PC span {background:url(/images/ic02.gif) no-repeat 0 0; color:#b91803;}
.border_con span {background:url(/images/ic03.gif) no-repeat 0 0; color:#5cb98f;}
.blue_box .border_mobile, .green_box .border_mobile {top:36px;}
.blue_box .border_PC, .green_box .border_PC { top:64px;}
.sky_box .border_mobile {top:24px;}
.sky_box .border_PC {top:51px}
.sky_box .border_con {top:76px;}

.goods_box .goods_price {right:112px; top:46px; position:absolute; text-align:right; text-decoration:line-through; font-size:14px; color:#666; float:right;}
.goods_wm_btn {position:absolute; right:20px; top:69px; height:26px; width:56px; text-align:center; line-height:26px; background:#434343; color:#fff; font-size:14px;}
.goods_wm_btn1 {position:absolute; right:20px; top:10px; height:26px; width:56px; text-align:center; line-height:26px; background:#434343; color:#fff; font-size:14px;}
.box-price b {right:86px; font-size:16px; top:69px; height:26px; line-height:26px; text-align:right; position:absolute}
.blue_box .box-price b {color:#799ac5}
.green_box .box-price b {color:#29c3bd}
.sky_box .box-price b {color:#5cb98f}
.sky_box .box-price2 b {color:#808080}
.box-price .icon_g {position:absolute; right:6px; top:0;}

.dot_box {border:1px dashed #b5b5b5; padding:20px 0; overflow:hidden;}
.dot_box h3 {color:#999a9b; font-size:16px; text-align:center; float:left; border-right:1px solid #999a9b; width:195px;}
.dot_box p {font-size:11px; color:#999a9b; padding-left:30px; float:left;}



/* 이용권 구매 */
.view_goods {padding-top:60px;}
.view_goods ul {text-align:center; padding:0 20px;}
.view_goods ul > li {display:inline-block; background:#ebebeb;border-radius:8px; *display:inline; *zoom:1;}
.view_goods ul > li ol {padding-left:20px;}
.view_goods ul > li ol li {margin-top:20px;text-align:left; font-size:14px; padding-left:20px; margin-bottom:6px;background:url(/images/chk.png) no-repeat 0 72%;}
.view_goods .goods { overflow:hidden; width:29%; margin:0 1%; max-width:260px; min-height:380px; position:relative; transition:all 0.3s ease;}
.view_goods .goods:hover { box-shadow:0 0 8px rgba(0,0,0,0.5), 0 0 1px #fff, 0 0 2px #fff;;}

.view_goods .goods_b h3 {background:#799ac5;}
.view_goods .goods_s h3 {background:#bbbcbe;}
.view_goods .goods_g h3 {background:#e1b60d;}

.view_goods .goods h3 {color:#222; display:block; overflow:hidden; position:relative; padding:12px 0 50px 18px; font-size:26px; text-align:left; vertical-align:top;border-radius:8px;}
.view_goods .goods h3 span {color:#fff; position:absolute; bottom:12px; right:12px; font-size:18px; font-weight:normal;}

.ss_text {font-size:12px;}

.line-bottom {border-bottom:1px solid #ddd !important;}
.line-top {border-top:1px solid #ddd !important;}
.select_goods { padding-top:0px; border-top:2px solid #d8d8d8; margin:30px auto; position:relative; overflow:hidden;}
.select_goods ul {}
.select_goods ul li {position:relative; padding:30px 20px 20px 20px; border-bottom:1px solid #f8f8f8;}
.select_goods ul li h3 {font-size:20px; font-weight:normal; padding-bottom:8px; vertical-align:bottom;}
.select_goods ul li p {font-size:13px;} 
.select_goods ul li .wm_btn01 {position:absolute; right:20px; bottom:24px;}
.price_t {position:absolute; right:130px; bottom:24px; padding:12px 0; font-size:15px; color:#888; }
.price_t span {text-decoration:line-through;}
.price_t b {color:#333; margin-left:20px;}
.icon_g {background:url(/images/good.jpg) no-repeat 0 0px; width:34px; height:40px; text-indent:-9999px; display:inline-block; vertical-align:bottom; margin-left:10px;}

.wm_btn01 {background:#bebebf; color:#fff; padding:12px 15px; font-size:15px; font-weight:normal; text-align:center; display:block; border-radius:5px; transition:all 0.2s ease; border:0px;}
.wm_btn01:hover {background:#5376a4;}

.oder_con .page-title {max-width:800px; margin:0 auto;}
.oder_goods {border-top:1px solid #f8f8f8; margin:20px auto; max-width:800px;}
.oder_goods table {border:1px solid #eee; border-radius:8px; border-collapse:collapse; width:100%; margin-top:30px;}
.oder_goods table.oder-talbe01 th {background:#f6f4f5; color:#333; font-weight:normal;}
.oder_goods table.oder-talbe02 th {background:#e1e1e1; color:#333; font-weight:normal;}
.oder_goods table.oder-talbe01, .oder_goods table.oder-talbe02 th {font-size:16px;}
.oder_goods table.oder-talbe01 .price_r {float:right;}
.oder_goods table.oder-talbe01 td {padding-left:50px; padding-right:50px;}
.tcol01 {width:140px;}
.tcol02 {}
.oder_goods table th, .oder_goods table.oder-talbe02 td {padding:14px 20px;}
.oder_goods table th {border-radius:8px 0 0 8px; } 
.oder_goods table td {border-radius:0 8px 8px 0; }
.o_sel {font-size:16px;}
.o_sel input {margin-righ:4px;}
.o_sel label {margin-right:14px}
.o_sel input, .o_sel label {vertical-align:middle;}
.bank_info {border:1px solid #333; margin:16px 0 0; padding:20px; font-size:16px;}
.bank_info input {vertical-align:middle; width:140px;}
.bank_info p {line-height:30px;}
.oder_guide ol {padding-top:20px;}
.oder_guide ol li {font-size:13px; padding-left:20px; background:url(/images/vicon.png) no-repeat 0 50%; margin-bottom:4px;}
.oder_cunfirm {margin-top:50px; font-size:18px;border-bottom:1px solid #888;padding-bottom:20px; margin-bottom:40px; overflow:hidden;}
.oder_cunfirm .price_all_red {float:right; color:#BF0000; }
.samll_text {font-size:14px;}

.wm_btn_r {background:#e21131; color:#fff; padding:12px 35px; font-size:18px; font-weight:normal; text-align:center; display:block; border-radius:5px; transition:all 0.2s ease; border:0px; float:right; margin-bottom:100px;}
.wm_btn_r:after {content:' >'}
.wm_btn_r:hover {background:#B30B0B;}

.wm_btn_s {background:#e21131; color:#fff; padding:5px 15px; font-size:12px;  font-weight:normal; text-align:center; display:block; border-radius:5px; transition:all 0.2s ease; border:0px; float:right; margin-bottom:0px; cursor:pointer;}


.wm_table_white { overflow:hidden; border-collapse:collapse; margin:40px 0; }
.wm_table_white th, .wm_table_white td {padding:6px 0 14px 20px; text-align:left;}
.wm_table_white th {font-size:18px; color:#333;}
.wm_table_white td {font-size:16px;}
.wm_table_white td input {height:34px; width:200px; border-radius:3px; border:1px solid #ccc; transition:all 0.2s ease; background:#f8f8f8;}
.wm_table_white td input:hover {box-shadow:0 0 5px rgba(0,0,0,0.4);}
.wm_table_white td .ex_text {font-size:14px; margin-left:10px;}
.sub_text_list {overflow:hidden; margin:20px 0;}
.sub_text_list li {padding-left:20px; background:url(/images/vicon.png) no-repeat 0 50%; font-size:14px; margin-bottom:6px; color:#555;}




.layer_black  {width:100%;height:10000px; background:#000; opacity:0.8; z-index:100; position:fixed; left:0; top:0;}
.layer_pop {}
.bimg_layer {left:50%;z-index:101; position:absolute; cursor:pointer;}
.bimg_layer:hover:after {position:absolute; top:-40px; right:10px; content:'X'; color:#fff; font-size:36px; z-index:102;animation:xani 0.3s ease; font-family:Arial, Helvetica, sans-serif;}
@keyframes xani{
	0% {font-size:100px; transform:rotate(-180deg); opacity:0;}
	100% {font-size:36px; transform:rotate(90deg); opacity:1;}
}


/* 스크린샷 원사이즈 */
.screeb_list .one_size_li {display:block; margin-bottom:90px;}
.big_img_btn {display:block;}
.big_img_btn img {max-width:800px }


/* 공지사항 및 게시판 등 */
#wm_bbs {overflow:hidden; margin:30px auto 80px; max-width:980px;}
#wm_bbs #wm_bbs_ul {}
#wm_bbs #wm_bbs_ul li.list_z {font-size:14px; padding:0px 16px; border-bottom:1px solid #e8e8e8; overflow:hidden; background:url(/images/a01.jpg) no-repeat 99% 50%;}
#wm_bbs #wm_bbs_ul li.lion {background:url(/images/a02.jpg) no-repeat 99% 50%;}
#wm_bbs #wm_bbs_ul li.list_z a {background:url(/images/dot.jpg) no-repeat 0 50%; text-indent:15px;}
#wm_bbs #wm_bbs_ul li.list_z a, #wm_bbs #wm_bbs_ul li.list_z p, #wm_bbs #wm_bbs_ul li.list_z span {display:inline;}
#wm_bbs #wm_bbs_ul li.list_b {padding:30px 30px; background:url(none.gif);  border-bottom:1px solid #e8e8e8; }
.wm_li00, .wm_li01, .wm_li02 {display:block; float:left; height:42px; line-height:42px;}
.wm_li00 { transition:all 0.3s ease; color:#222; font-size:15px; width:74%;}
#wm_bbs #wm_bbs_ul li.lion .wm_li00 {font-size:18px; color:#000;}
.wm_li01 { width:13% ; text-align:center;}
.wm_li02 { width:13%;text-align:center;}
#wm_bbs .wm_btn01 {margin-top:20px; margin-bottom:20px;}
.wm_search {display:block;  width:90%; max-width:980px;  margin:0 auto;}
.wm_search .wm_btn01 {padding:4px 12px; font-size:14px;}
.wm_search #sfl, .wm_search #stx {padding:0px 2px; font-size:14px;  height:24px; line-height:24px;}
.wm_search #stx {width:200px; border:1px solid #999; border-radius:5px; background:#fff !important;}
.wm_search .wm_btn01, .wm_search #sfl, .wm_search #stx {display:inline-block;}

.wm_bbs_cate #bo_cate, .wm_bbs_cate #bo_cate_ul {clear:both;}
.wm_bbs_cate #bo_cate_ul {margin:0 auto; text-align:center; font-size:0; width:100%;}
.wm_bbs_cate #bo_cate_ul li {display:inline-block; *display:inline; *zoom:1; margin:0 0 0 -1px; padding:0; width:auto; float:inherit !important;}
.wm_bbs_cate #bo_cate_ul li:first-child {margin-left:0; }
.wm_bbs_cate #bo_cate_ul li a {border:1px solid #ddd;  font-size:13px;; display:block; padding:0 20px; height:30px; line-height:30px; width:auto; background:#fff;}
.wm_bbs_cate #bo_cate_ul li a#bo_cate_on {background:#dce0eb;border:1px solid #ddd;}
.wm_bbs_cate #bo_cate_ul li:first-child a {border-radius:8px 0 0 8px;}
.wm_bbs_cate #bo_cate_ul li:last-child a {border-radius:0 8px 8px 0;}


#wm_bbs .wm_input {margin:0 0 4px 0; padding:0; height:34px; line-height:34px; color:#036; width:98%; border-radius:3px; border:1px solid #d8d8d8; text-indent:10px;transition:all 0.2s ease; max-width:200px;}
#wm_bbs .wm_input:hover {box-shadow:0px 0px 5px #ccc;}

/* 다운로드 */
.dw_top {max-widht:980px; margin:50px auto 0; position:relative; text-align:left; padding:0 20px;}
.dw_top h3 {font-size:18px; font-weight:normal;}
.dw_top h2 {font-size:32px; font-weight:normal; padding:16px 0;}
.dw_top p {font-size:14px; line-height:18px; margin-bottom:20px;}
.dw_top a.dw_btn { padding:12px 16px; background:#a8d9e7; text-align:center; border-radius:5px; color:#111; font-size:16px; margin-right:6px}
.dw_top a {display:inline-block;margin-right:6px}
.dw_con { overflow:hidden; position:relative; text-align:left; padding:50px 20px 20px;}
.dw_con .dd_right {float:right; vertical-align:middle;}
.dw_con .dd_left {float:left; vertical-align:middle;}
.dw_con h3 {font-size:36px; border-bottom:2px solid #222; display:inline-block; padding-bottom:10px; font-weight:normal;}
.dw_con h2 {font-size:36px; margin-top:20px; font-weight:normal;}
.dw_con h2 span {color:#6c7ea4;}
.dw_con  ul {margin-top:20px;}
.dw_con  ul li {padding-left:18px; font-size:14px; color:#555; line-height:18px; margin-bottom:10px; background:url(/images/vicon.png) no-repeat 0 2px; letter-spacing:-0.1px;}
.dw_con img {vertical-align:middle; text-align:center;}

/*원격지원안내 */
#soscenter {max-width:980px; padding:0 20px; position:relative; margin:30px auto;}
#soscenter h3 {font-size:24px; padding-bottom:16px;background:url(/images/s_msg.jpg) no-repeat 0 8px;padding-left:24px;}
#soscenter h3 span {color:#F00; font-size:18px;}
#soscenter ul {overflow:hidden; margin-bottom:30px;}
#soscenter ul li {margin-bottom:10px; line-height:18px; font-size:14px;background:url(/images/vicon.png) no-repeat 0 2px; padding-left:18px;}


@media screen and (max-width:979px){
	body {width:100%; min-width:340px;}
	#header {text-align:center; height:178px; overflow:visible;}
	#tnb {font-size:12px; top:10px; left:0; width:100%; text-align:center; border-bottom:1px solid #d8d8d8; height:24px;}
	#tnb li {display:inline-block; float:inherit;}
	#logo {display:inline-block; margin:46px auto; position:relative; top:auto; left:auto;}
	#gnb {position:absolute; top:96px; right:0; width:100%; background:#fff; border-bottom:1px solid #d8d8d8; z-index:999; border-top:1px solid #d8d8d8;}
	#gnb ul {overflow:hidden;}
	#gnb .none-text {}
	#gnb ul li {float:left; background:#fff; width:25%;}
	#gnb ul li a {transition:none; padding:0px 0; font-size:14px; margin:0; height:40px; line-height:40px;}
	/* #gnb ul li:last-child a {transition:none; padding:10px 0 20px;} */
	#gnb ul li a:after {display:none;}
	.mb-nav {display:none; position:absolute; top:46px; right:20px;}
	.mb-nav a {display:none; width:36px; height:36px; text-indent:-9999px; text-align:left; background:url(/images/mmenu.jpg) no-repeat 0 0;}
	#header.hd_fix {position:relative !important; top:auto; left:auto; height:96px; z-index:9; background:#fff !important; box-shadow:0px 0px 0px; animation:none;}
	#header.hd_fix #logo {margin-top:46px;}
	#header.hd_fix #gnb {bottom:0;}
	.fix-wrap {margin-top:0 !important;}	
	#footer {text-align:center;}
	#footer #flogo {position:relative; top:auto; left:auto; display:block; margin:20px auto;}
	#footer #fnb {padding:0; margin:0; text-align:center; width:100%; border-bottom:1px solid #111;}
	#footer #fnb li {display:inline-block; margin:0 0 10px 0; text-align:center; width:33.3%; padding-bottom:10px}
	#footer #fnb li a {text-align:center; display:block;}
	#footer #address {padding:0 20px; margin:20px auto; overflow:hidden;}
	#footer .copyright {padding:8px 20px 10px;}
	#sns_area {position:relative; top:auto; right:auto; margin:10px; padding-bottom:30px;  text-align:center;}
	#sns_area a {display:inline-block; float:none;}
	.naver_cafe {background:#fff; text-indent:0; }
	#tnb li a.naver_cafe {color:#33a207;}
	#sub_top, .mypage_top {min-height:auto;}
	#sub_top .inner-width {padding:20px 0 0}
	.sub_top1#sub_top .inner-width, .sub_top2#sub_top .inner-width, .sub_top3#sub_top .inner-width , .sub_top4#sub_top .inner-width,
	.sub_top6#sub_top .inner-width, .oder_top, .mypage_top .inner-width {background-size:20%; background-position: 100% 100%; overflow:hidden;}
	#sub_top .sub_tex1, #sub_top .sub_tex2, .oder-text1, .oder-text2, .mypage_top .mypage_text1, .mypage_top .mypage_text2 { padding:0 20px;}
	#sub_top .sub_tex1, .oder-text1, .mypage_top .mypage_text1 { font-size:22px; text-align:center;}
	#sub_top .sub_tex2, .oder-text2, .mypage_top .mypage_text2 {font-size:14px; text-align:center; line-height:18px;}
	.member_box .member_register .birth_sel {width:100%;}
	.sub_con img, .sub_con iframe, .sub_con div {max-width:100% !important;}
	.msg-area {text-indent:0; padding:12px 0}
	.msg-area p {width:90%;}
	.msg-box {padding:0 20px}
	#wm_screenshot #bo_cate_ul li {margin-bottom:20px;}
	#wm_bbs #wm_bbs_ul li.lion .wm_li00 {font-size:15px; color:#06C;}
	.screeb_list .gall_li {margin:20px 20px 40px;}
	#bo_cate {padding:0 0 30px 0}
	.big_img_btn img {width:100%;}
	.bimg_layer, .bimg_layer img {width:100% !important; height: auto !important;}
	.gall_href iframe {width:100%;}
	#wm_bbs #wm_bbs_ul li.list_z a {display:block;}
	.wm_li00 {width:100%;}
	.wm_li02{width:26%;}
	 .wm_li01, .wm_li02 {height:20px; line-height:20px;}
	 .wm_search {margin-top:30px;}
	 .wm_bbs_cate #bo_cate_ul {overflow:visible; padding-top:1px}
	 .wm_bbs_cate #bo_cate_ul li a {border-radius:0; margin-top:-1px;}
	 .wm_bbs_cate #bo_cate_ul li:first-child a, .wm_bbs_cate #bo_cate_ul li:last-child a {border-radius:0;}
	 .oder_top .inner-width {padding:30px 0px 50px;}
	a.wm_a_btn01, a.wm_a_btn02 {padding:3px 5px; top: auto; bottom:5px;}
	h1.page-title, .wm_title {font-size:20px;}
	.member_regi .member_text1 {font-size:24px;}
	.wm_li01 {margin-left:20px;}
	.wm_li00 {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	
	/* 마이페이지 */
	.mypage_con, #wm_bbs_name {width:90%; margin:0 auto;}
	.mypage_con .con_left, .mypage_con .con_right {display:block; float:none; width:100%; margin:20px auto;}
	.mypage_con .con_left p, .mypage_con .con_left ul {padding-left:100px;}
	.my_list {width:90%; padding:0; margin:0px auto 50px;}
	.cp_msg {text-indent:0; text-align:center; margin:10px auto;}
	
	/* 이용권구매 */
	.oder_goods {padding:0 20px;}
	.oder_goods table.oder-talbe01 .price_r {float:none; margin:10px auto; display:block;}
	.oder_goods table th, .oder_goods table.oder-talbe02 td {}
	.tcol01 {width:80px;}
	.o_sel label {width:100%; display:block; margin-bottom:10px;}
	.oder_guide_msg p {padding:0 20px;}	 
	.smile_icon {position:relative; display:block; margin:0 auto 10px; top: auto; left:auto;} 
	.select_goods {padding:0 20px;}
	.goods_box .box-title {width:100%; float:none; height:50px; line-height:50px;}
	.goods_box .box-option {width:100%; float:none; height:117px;}
	.goods_box .box-price {position:relative; width:100%; height:40px;}
	.box-price .icon_g {top:-94px;}
	.goods_box .goods_price {top:-20px; right:86px;} 
	.box-price b {top:0;}
	.goods_wm_btn {top:0;}
	.blue_box .border_mobile, .green_box .border_mobile {top:10px;}
	.blue_box .border_PC, .green_box .border_PC {top:37px;}
	.sky_box .border_mobile {top:10px}
	.sky_box .border_PC {top:37px;}
	.sky_box .border_con {top:64px;}
	.dot_box h3, .dot_box p {float:none; width:90%; text-align:center; border:0; padding:0; margin:0 auto 4px;}
	.mypage_top .inner-width {padding:30px 0 0; overflow:hidden; min-height:180px;}
	.inner-width {overflow:hidden;}
	#header .inner-width {overflow:visible;}
	#gnb {bottom:auto; right:auto;}
	.my_list table, .wm_table {font-size:12px;}
	
	.dw_top {padding:0 20px;}
	.dw_top h2 {font-size:26px; font-weight:normal; padding:8px 0;}
	.dw_top a {display:inline-block;margin-right:6px; margin-bottom:6px;}
	.dw_con {text-align:center; padding:50px 20px 20px;}
	.dw_con .dd_right {float:none; vertical-align:top; text-align:center;}
	.dw_con .dd_left {float:none; vertical-align:top; text-align:center;}
	.dw_con h3 {font-size:24px; border-bottom:2px solid #222; display:inline-block; padding-bottom:10px; font-weight:normal;}
	.dw_con h2 {font-size:24px; margin-top:20px; font-weight:normal;}
	.dw_con ul li {text-align:left;}
	.dw_con ul li br {display:none; margin-right:8px;}
	#soscenter h3 span {color:#F00; font-size:15px; display:block;}
	#hd_pop {width:100%;}
}