@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
/* reset */
html, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select{padding:0; margin:0;}
body{font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif; font-size:15px; color:#333;}
h1, h2, h3, h4, h5, h6, strong{font-weight:normal; line-height:100%; font-size:100%;}
fieldset, img, button{border:0;}
img, input, button{vertical-align:top;}
table{border-collapse:collapse;}
address, em{font-style:normal;}
ol, ul{list-style:none;}
hr{display:none;}
a{ text-decoration:none; color:#333;}
a:hover, a:active{text-decoration:none;}
legend{position:absolute; left:-9999px; top:0}
caption{overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
button{background:none; font-family: 'Noto Sans KR', 'Nanum Gothic', sans-serif; cursor:pointer; font-size:100%;}
button::-moz-focus-inner{padding:0; border:0;}
.ir{display:block;overflow:hidden;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;text-indent:-9999px;}
.blind{overflow:hidden; font-size:0; text-indent:-99999px;}
.point_txt{color:#a57432;}
sup{font-size:8px}

/* common */

/* header */
#wrap{width:100%; min-width:1300px;}
body.scrolldown #header .gnb_wrap .gnb_top{margin-top:-100px; opacity:0;}
body.scrolldown .sticky_menu{top:0;}
body.fixed .sticky_menu{position:fixed; top:0; left:0;}
body.scrollup #header .gnb_wrap .gnb_top{margin-top:0; background-color:#fff; }
body.scrollup #header .gnb_wrap .gnb_top .gnb_menu{background-position:-45px 0;}
body.scrollup #header .gnb_wrap .gnb_top .txt1{display:block;}
body.scrollup #header .gnb_wrap .gnb_top .right .btn.white{display:none;}
body.scrollup #header .gnb_wrap .gnb_top .right .home_btn{display:block;}
body.scrollup .sticky_menu{top:100px;}

.snsbox {position: absolute;text-align: center;left: 0;right: 0;bottom: 30px;}
.snsbox span {margin:0 3px;}
/*header*/
#header {max-width:210px; box-sizing: border-box;position: absolute;left: 0;height: 100%;z-index:999;width: 30%;}
.header_wrap {position: fixed; top: 0px; left: 0px; width: 210px; height: 100vh; z-index: 20; /*background: rgba(255, 255, 255, 0.1); border-right: 1px solid rgba(255, 255, 255, 0.1); */ background: url(/images/common/header_bg.jpg) no-repeat center top; background-size: cover; -webkit-box-sizing: border-box; box-sizing: border-box}
.header_wrap .inner {box-sizing: border-box;}
/*.header_wrap .inner.on {display: block !important;}*/
.header_wrap h1 {/*padding:50px 0 10px 0; */box-sizing: border-box;overflow: hidden;text-align: center;}
.header_wrap .gnb_list {margin-top:35px;}
.gnb {margin-bottom: 25px;} 
.gnb_list {overflow: hidden;} 
.gnb_list > li {display: block;padding: 13px 0 13px 20px;position: relative;box-sizing: border-box;font-weight: 300;font-size: 21px;color: #fff !important; letter-spacing: 0;  /* border-bottom:1px solid #ededed;*/ font-family: 'Msun'}
.gnb_list > li a {color:#fff;font-weight: 500;}
.gnb_list > li:first-child {/*border-top:1px solid #ededed;*/}
.gnb_list > li a:hover {color:#fff;font-weight: 500; }
.gnb_list > li.on > a {color:#fff;font-weight: 500;}
.gnb_list > li.subList > a {color:#fff;font-weight: 500;}
.gnb_list > li.on .sub_menu li.on a {color:#fff !important;font-weight: 500;}
.gnb_list > li .blit {/*position: absolute;left: 0;width: 8px;height: 8px;box-sizing: border-box;border: 1px solid #6e6e6e;background-color: #fff;border-radius: 15px;overflow: hidden;top:14px;*/}
.gnb_list > li:hover .blit {/*border: 1px solid #000;*/}
.gnb_list > li:hover > a {color: #fff !important;}
.sub_menu {padding: 15px 10px;}
.sub_menu li {line-height: 30px;}
.sub_menu li a {font-size: 17px; color:#fff}
.sub_act {padding-top: 25px;position: relative;}
.sub_act:after {content: '';position: absolute;display: block;width: 1px;height: 50px;background-color: #dedede;top: 0;left: 7px;}
.act_list {margin-top: 25px;box-sizing: border-box;padding-top: 25px;max-width: 15px;text-align: center;}
.act_list li {margin-bottom: 23px;}
.act_list li span {display: block;}
.act_list li .act_num {font-size: 12px;font-weight: bold;color: #2c2c2c;letter-spacing: 0;}
.act_list li .act_t {color: #bababa;font-size: 12px;font-weight: 400;letter-spacing: 0;-webkit-transition: .4s;-moz-transition: .4s;-ms-transition: .4s;-o-transition: .4s;transition: .4s;overflow: hidden;height: 0;}
.act_list li.on .act_t {height: auto;margin-top: 18px;}
.act_list li .act_t img {}



/* gallery */

.gallery{position:relative;}
.gallery .slide_wrap{position:relative;}
.gallery .slide_wrap .slide_view{overflow:hidden; position:relative; width:100%; height:904px; margin:0 auto 6px;}
.gallery .slide_view ul{position:absolute; left:0; top:0;}
.gallery .slide_view ul li{position:relative; float:left; height:904px;}
.gallery .slide_view ul li img{display:block; width:auto; max-width:100%; height:904px; margin:0 auto;}
.gallery .slide_view ul li p{position:absolute; bottom:30px; left:50%; width:1500px; margin-left:-750px; font-size:18px; text-align:right; color:#fff;}
.gallery .slide_view ul li p .num{font-family:"Lato;"}
.gallery .slide_control{position:absolute; left:50%; top:418px; width:1300px; margin-left:-650px;}
.gallery .slide_control button{overflow:hidden; position:absolute; top:0; width:70px; height:70px; z-index:10; text-indent:-99999px; outline:none;}
.gallery .slide_control .prev_btn{left:0; background:url(../images/accommodations/btn_slide_prev.png) 0 0 no-repeat;}
.gallery .slide_control .next_btn{right:0; background:url(../images/accommodations/btn_slide_next.png) 0 0 no-repeat;}
.gallery .slide_thum{overflow:hidden; position:relative; max-width:1120px; height:114px; margin:0 auto;}
.gallery .slide_thum ul{position:absolute; left:0; top:0}
.gallery .slide_thum li{float:left;}
.gallery .slide_thum a{position:relative; overflow:hidden; display:block; width:220px; height:114px; margin-right:5px; }
.gallery .slide_thum li a:after{position:absolute; left:0; top:0; width:220px; height:114px; background:rgba(0,0,0,.5); content:"";}
.gallery .slide_thum li.on a:after{display:none;}
.gallery .slide_thum a img{width:220px; height:114px;}
.gallery .slide_thum li.on a{opacity:1;}

/* //gallery */

/* golf , accommondation banner */

.banner_area{overflow:hidden;}
.banner_area a{float:left; width:50%; height:200px; background-size:cover;}
.banner_area a span{display:inline-block; padding-top:77px; padding-left:80px; color:#fff; font-size:24px; opacity:.65;}
.banner_area a span small{font-size:15px; letter-spacing:1px;}
.banner_area a:first-child{text-align:right;}
.banner_area a:first-child span{padding-right:80px;}

/* //golf , accommondation banner */

/* footer */
#footer{width:100%; padding:35px 0; background-color:#949494;}
#footer .footer_inner{overflow:hidden; max-width:1280px; min-width:1024px; margin:0 auto;}
.footer_inner{color:#fff; font-weight:300;}
.footer_inner a{color:#fff; font-weight:300;}
.footer_inner .logo{float:left; width:138px; margin-top:20px; }
.footer_inner .footer_cont{float:left; width:auto; margin-left:83px;}
.footer_inner .footer_cont .site{overflow:hidden; margin-bottom:15px;}
.footer_inner .footer_cont .site li{float:left;}
.footer_inner .footer_cont .site li a{position:relative; display:inline-block; padding-left:13px; padding-right:13px; font-size:14px; font-weight:500;}
.footer_inner .footer_cont .site li a:before{content:""; display:inline-block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#aaa;}
.footer_inner .footer_cont .site li:first-child a{padding-left:0;}
.footer_inner .footer_cont .site li:first-child a:before{content:""; display:none;}
.footer_inner .footer_cont .copyright p{display:inline-block;}
.footer_inner .footer_cont .copyright span{font-size:12px; line-height:1.1em;}
.footer_inner .footer_cont .copyright .line1{display:block; margin-bottom:5px;}
.footer_inner .footer_cont .copyright .line2{display:block; margin-bottom:9px;}
.footer_inner .footer_cont .copyright > span span{margin-left:18px;}
.footer_inner .footer_cont .copyright small{display:block; font-size:11px;}
.footer_inner .footer_right{float:right; width:300px;}
.footer_inner .footer_right ul{overflow:hidden;}
.footer_inner .footer_right li{float:left; margin-left:15px;}
.footer_inner .footer_right li:first-child{margin-left:0;}
.footer_inner .footer_right li a{font-size:12px;}
.footer_inner .footer_right .sns{margin-bottom:10px;}
.footer_inner .footer_right .sns a{overflow:hidden; display:inline-block; width:20px; height:20px; margin-left:12px; background-image:url(../images/common/sns_ico.png); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; font-size:0;}
.footer_inner .footer_right .sns .link1{margin-left:0;}
.footer_inner .footer_right .sns .link2{background-position:-33px 0;}
.footer_inner .footer_right .sns .link3{width:10px; background-position:-66px 0;}
#footer .quick_menu{position:fixed; top:400px; right:0; width:50px; height:250px; z-index:101;}
#footer .quick_menu a{display:block; padding:21px 10px; text-align:center;}
#footer .quick_menu .link{font-size:13px; line-height:1.1em;}
#footer .quick_menu .link:before{content:""; display:block; width:22px; height:22px; margin:0 auto 8px; background-image:url(../images/common/quick_menu_ico1.png); background-repeat:no-repeat; background-position:0 0;}
#footer .quick_menu .link1{background-color:#a57432; color:#ffe5c1;}
#footer .quick_menu .link2{background-color:#444; color:#e6e6e6;}
#footer .quick_menu .link2:before{content:""; background-position:-22px 0;}
#footer .quick_menu .top_btn{padding:11px 14px; background-color:#dedede; font-size:10px; color:#999;}
#footer .quick_menu .top_btn:before{content:""; display:block; width:7px; height:9px; margin:0 auto 5px; background-image:url(../images/common/top_btn_ico.png);}

/* sub common */
/*#container{position:relative; width:100%; max-width:1920px; margin:0 auto; padding-top:400px; background-position:center 0; background-repeat:no-repeat;}*/

.content{width:1120px; margin:0 auto; min-height:500px }
.content.mgb_0{margin-bottom:0;}

.sub_content{width:1120px; margin:0 auto; padding-left:210px  }
.sub_content.mgb_0{margin-bottom:0;}
h2.sub_tit{width:1120px; margin:0 auto; padding:60px 0 40px 210px; font-size:40px; font-weight:bold; color:#333; text-align:center;}
h2.line{border-bottom:1px solid #a57432;}
.line_top{border-top:1px solid #a57432;}

/* sticky_menu */
.sticky_menu{position:absolute; top:350px;  z-index:100; width:100%; height:50px; background-color:#e0e0e0;}
.sticky_menu.on{position:fixed; left:0; top:0;}
.lnb{max-width:1920px; margin:0 auto; }
.lnb:after{content:""; display:block; clear:both;}

.lnb{overflow:hidden;}
.lnb .depth{display:block; position:relative; float:left; width:auto;}
.lnb .depth.on > a{font-weight:700;}
.lnb .depth4{display:none;}
.lnb .depth4.on{display:block;}
/* .lnb .depth4.on > a{font-weight:700} */
.lnb .depth ul{display:none;}
.lnb .depth.selected ul{display:block;}
.lnb .depth.selected ul li{border-top:1px solid #fff;}
.lnb .depth.selected ul li:first-child{border-top:0;}
/*
.lnb .depth4.selected ul{display:none;}
.lnb .depth4.selected ul.on{display:block;}
*/
.lnb .depth a{display:block; padding-top:18px; padding-left:30px; padding-right:50px; height:32px; background-color:#e0e0e0; font-size:14px; text-align:left; line-height:1em;}
.lnb .depth1 a{padding-left:54px;}
.lnb .depth > a{position:relative; color:#a57432;}
.lnb .depth > a:before{content:""; position:absolute; left:-20px; top:25px; width:20px; height:1px; background:#cab190;}
.lnb .depth1 > a:before{content:""; display:none;}
.lnb .depth .arrow:after{content:""; display:inline-block; vertical-align:middle; width:8px; height:6px; margin-left:6px; background-image:url(../images/common/lnb_bu.png); background-repeat:no-repeat; background-position:0 0;} 
.lnb .depth.selected .arrow:after, .lnb .depth .arrow:hover:after, .lnb .depth .arrow:focus:after{content:""; background-position:100% 0;}
.lnb .depth ul li a{padding-right:30px; color:#666;}
.lnb .depth.selected .txt, .lnb .depth a:hover, .lnb .depth .arrow:focus{color:#a57432;}

/* step */
.step{overflow:hidden; margin-bottom:50px;}
.step li{float:left; margin-left:4px; padding-top:18px; font-size:20px; color:#ccc; border-top:1px solid #ccc; text-align:center; }
.step li:first-child{margin-left:0;}
.step li.on{color:#a57432; border-top-color:#a57432;}
.step.step3 li{width:370px;}
.step.step4 li{width:277px;}

/* btn common */
.btn_area{overflow:hidden; padding:30px 0 70px;}
.btn{display:block; height:50px; padding:0 47px; line-height:50px; border:1px solid #ccc; box-sizing:border-box; text-align:center; vertical-align:top;} 
.btn_m{display:inline-block; height:33px; padding:0 20px; line-height:33px;}
.btn.white{color:#fff;}
.btn.white:hover, .btn.white:focus{color:#fff;}
.btn.brown{border:1px solid #a57432; color:#a57432;}
.btn.bg{color:#fff; background-color:#a57432; border:0; }
.btn.bg:hover,.btn.bg:focus{color:#fff;}
a.btn_left{float:left;}
a.btn_right{float:right;}
.btn_center{padding-top:30px; text-align:center;}
.btn_center a:first-child{margin-right:5px;}
.btn_center .btn{display:inline-block;}

/* custom checkbox */
.custom_chk{position:absolute; left:-9999px;}
.custom_chk + label{position:relative; padding-left:31px; font-weight:500; font-size:18px; cursor:pointer; color:#666;}
.custom_chk + label:before{content:""; position:absolute; left:0; top:3px; width:19px; height:19px; text-align:center; background:#fff; border:1px solid #aaa;}
.custom_chk:checked + label:after{content:""; color:#a57432; position:absolute; left:5px; top:7px; width:13px; height:13px; background:url(../images/sub/checkbox_ico.png);}

/* custom radio */
input.radio_btn{position:absolute; left:-9999px;}
input.radio_btn + label{display:inline-block; position:relative;  padding-left:32px; font-size:18px; cursor:pointer;}
input.radio_btn + label:before{content:""; position:absolute; left:0; top:3px; width:21px; height:21px; line-height:21px; text-align:center; background:#fff; border:1px solid #aaa; border-radius:50%; box-sizing:border-box;}
input.radio_btn:checked + label:before{background:#fff; border-color:#ccc;}
input.radio_btn:checked + label:after{content:""; position:absolute; left:8px; top:11px; width:6px; height:6px; background:#a57432; border-radius:50%;}

/* form_table */
.form_table th{padding-top:22px; vertical-align:top; text-align:left;}
.form_table td{padding:10px 0; text-align:left;}
.form_table th.required:after{display:inline-block; margin-left:5px; color:#a57432; content:"*";}
.form_table td input[type="text"], .form_table td input[type="password"]{width:217px; height:46px; padding:15px 20px; box-sizing:border-box; border:1px solid #ccc; vertical-align:middle;}
.form_table td .custom_select .select_txt{padding:12px 0 12px 12px;}
.form_table td .custom_select select{min-height:46px;}
.form_table td select{width:144px; padding:12px 0 12px 12px; box-sizing:border-box; font-size:15px;}
.form_table .tel_area input[type="text"]{float:left; width:144px; border-left:0;}
.form_table .email_area > div:first-child{float:left; border:1px solid #ccc;}
.form_table .email_area > div input[type="text"]{width:136px; height:44px; border:0;}
.form_table .email_area .custom_select .select_txt{border-left:0;}
.form_table td.readonly_area input{background-color:#f2f2f2; border:0;}
.form_table td .table_comment{display:inline-block; margin-left:20px; font-size:12px; color:#999;}
.form_table td .password_comment{margin-left:20px; font-size:13px; color:#999;}
/* complete_pages */
.complete_txt_box{padding:35px 0; background-color:#f2f2f2;}
.complete_txt_box p{text-align:center}
.complete_txt_box p strong{display:block; margin-bottom:13px; font-size:20px; color:#a57432;}

/* custom select */
.custom_select{position:relative; float:left; }
.custom_select select{opacity:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.custom_select a{display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/sub/select_ico.png) center right 12px no-repeat;  border:1px solid #ccc; box-sizing:border-box;}


.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  position:relative;
}


/*bbs 리스트 테이블기본*/
table.ta_bbs					{width:100%; border-top:2px solid #333; table-layout:fixed; margin-bottom:100px;}
table.ta_bbs thead th		{background:#f9f9f9; padding:15px 0; vertical-align:middle; border-bottom:1px solid #ddd; font:500 16px/26px; color:#333;}
table.ta_bbs thead tr		{cursor:default;} 
table.ta_bbs tbody td		{padding:15px 0; vertical-align:middle; text-align:center; border-bottom:1px solid #ddd; font:300 16px/26px; color:#333; box-sizing:border-box;}
table.ta_bbs tbody td.tit	{text-align:left; padding:0 10px; ;}
table.ta_bbs tbody td.tit a			{max-width:100%; vertical-align:middle; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:300 16px/26px; color:#333;}
table.ta_bbs tbody td.tit a:hover	{text-decoration:underline; color:#70847b}
table.ta_bbs tbody tr:last-child td	{border-bottom:1px solid #bbb}
table.ta_bbs tbody tr		{cursor:pointer}
table.ta_bbs .no_cont		{text-align:center; background:#fff !important; cursor:default; font:300 16px/26px; color:#333}
table.ta_bbs tr.not			{background:#f4faf9 !important;}
table.ta_bbs tr.not img		{vertical-align:middle}
table.ta_bbs tr:hover		{background:#f9f9f9}
table.ta_bbs .esti			{display:inline-block; vertical-align:middle; max-width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
table.ta_bbs .state		{padding:3px 10px}
table.ta_bbs .state_end	{display:inline-block; width:70px; text-align:center; padding:5px 0; border:1px solid #70847b; background:#fff; font:400 13px/20px; color:#70847b}
table.ta_bbs .state_ing	{display:inline-block; width:70px; text-align:center; padding:5px 0; border:1px solid #ddd; background:#fff; font:400 13px/20px; color:#999}
table.ta_bbs .new		{display:inline-block; vertical-align:middle; background:#937c9a; margin:2px 0 0 3px; width:18px; height:18px; border-radius:100%; text-align:center; font:300 10px/18px; color:#fff;}


/*검색셀렉*/
div.search					{overflow:hidden; margin:20px 0}
div.search p.sel_re		{float:left; padding:6px 0 0 0; font:300 17px/26px; color:#666;}
div.search p.sel_re span	{display:inline-block; margin:-5px 0 0 0; font-weight:400; color:#70847b;}

div.search                                {text-align:right; margin-top:10px; overflow:hidden; height:41px}
div.search_list select.customselect		{width:100%; height:40px; font-size:13px; position:absolute; opacity:0; font:300 15px/20px; color:#666;}
div.search .sel							{position:relative; display:inline-block; vertical-align:top; width:150px; height:40px; border:1px solid #ddd; position:relative; background:#fff url('/resource/images/sub/sel_bg.jpg') no-repeat 100% 100%; box-sizing:border-box}
div.search .sel label                     {position:absolute; top:10px; left:10px; font:300 15px/18px ; color:#999;}
div.search .sel select					{width:100%; position:absolute; top:0; left:0; height:40px; min-height:39px; padding:5px 2px; opacity:0; font:300 16px/22px ; color:#999;}
div.search .sel select:active				{border:1px solid #70847b}
div.search .input							{display:inline-block; vertical-align:top;}
div.search .input input                 {width:300px; vertical-align:top; height:40px; padding:0 10px; border:1px solid #ddd; font:300 16px/18px ; color:#333; box-sizing:border-box;}
div.search .input input:focus			{border:1px solid #70847b}
div.search .input input::placeholder	{font:300 15px/26px ; color:#999;}
div.search .input a						{padding:9px 18px; display:inline-block; vertical-align:top; background:#a57432; font:300 16px/22px ; color:#fff; border-radius:2px; -moz-transition: all 400ms; -o-transition: all 400ms; -webkit-transition: all 400ms; transition: all 400ms}
div.search .input a:hover				{background:#815419;}

/* board_paging */
.board_paging{padding-top:30px; margin-bottom:30px; text-align:center;}
.board_paging > div{position:relative; display:inline-block; padding:0 25px;}
.board_paging > div > a{position:absolute; top:0;}
.board_paging > div > a#btnPagingPrev{left:0;}
.board_paging > div > a#btnPagingNext{right:0;}
.board_paging .paging_num{overflow:hidden;}
.board_paging .paging_num a{display:inline-block; margin-right:30px; vertical-align:middle}
.board_paging .paging_num a.on{color:#a57432;}
.board_paging .paging_num a:hover{color:#a57432;}
.board_paging .paging_num a:first-child{margin-left:30px;}


/* btn common */
.btn_area{overflow:hidden; padding:30px 0 70px;}
.btn{display:block; height:50px; padding:0 47px; line-height:50px; border:1px solid #ccc; box-sizing:border-box; text-align:center; vertical-align:top;} 
.btn:hover, .btn:focus{background-color:#ccc; transition:background-color .3s; -webkit-transition:background-color .3s;}
.btn_m{display:inline-block; height:33px; padding:0 20px; line-height:33px;}
.btn_l{display:inline-block; height:40px; padding:0 20px; line-height:40px;}
.btn_m:hover, .btn_m:focus, .btn_l:hover, .btn_l:focus{transition:background-color .3s; -webkit-transition:background-color .3s;}
.btn.white{color:#fff;}
.btn.white:hover, .btn.white:focus{color:#fff;}
.btn.brown{border:1px solid #a57432; color:#a57432;}
.btn.bg{color:#fff; background-color:#a57432; border:0; }
.btn.bg:hover,.btn.bg:focus{background-color:#663d07; color:#fff;}
a.btn_left{float:left;}
a.btn_right{float:right;}
.btn_center{padding-top:30px; text-align:center;}
.btn_center a:first-child{margin-right:5px;}
.btn_center .btn{display:inline-block;}
.btn_link_type1{display:inline-block; height:25px; padding:0 10px; margin-left:5px; border:1px solid #a57432; font-size:14px; line-height:25px; color:#a57432;}
.btn_link_type1:hover{background:#a57432; color:#fff; transition:background .3s; -webkit-transition:background .3s;}

/* popup common */
body.on{height:100%; overflow:hidden;}
.popup_wrap{display:none; position:fixed; left:0; top:0; overflow-y:auto; width:100%; height:100%; z-index:1100;}
.popup_wrap.on{display:block;}
.popup{position:absolute; top:50px; left:50%; width:900px; margin:0 0 50px -450px; z-index:100}
.popup.menu {background: url(/images/sub/menu_pop_bg.jpg) no-repeat center; background-size: cover; width:810px; height: 780px; overflow: hidden;}

#btnClosePopup{position:absolute; right:-50px; top:0;}
.dim{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:url(/resource/images/sub/dim_bg.png) 0 0 repeat; z-index:1000}
.dim.on{display:block;}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  position:relative;
}
.rk-web{display:block;}
.rk-mobile{display:none;}

/* jplayer - custom */

.video_area .player{overflow:hidden; position:relative; width:466px; height:280px;}
.video_area .player .jp-player{position:absolute; top:0; left:0; width:100%; height:100%;}
.video_area .player .jp_btn{display:none; position:absolute; top:50%; left:50%; background-image:url(../images/common/video_play_btn.html); background-position:0 0; background-repeat:no-repeat;}
.video_area .player .jp_btn.on{display:block;}
.video_area .player .play_btn{width:37px; height:38px; margin-top:-19px; margin-left:-18px;}
.video_area .player .pause_btn{width:31px; height:38px; margin-top:-19px; margin-left:-15px; background-image:url(../images/common/video_pause_btn.html);}

/* error */
.error{display:table; height:100%;}
.error .error_cont{display:table-cell; vertical-align:middle; text-align:center; }
.error .error_cont .logo_area{display:inline-block; width:495px; padding-bottom:50px; margin-bottom:50px; border-bottom:1px solid #ccc;}
.error .error_cont h1{margin-bottom:20px; font-size:30px; color:#a57432; }
.error .error_cont p{font-size:16px; color:#888; line-height:160%;}