@charset "UTF-8";
/* font */
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 100;
	src: url(/resource/fonts/notokr-thin.eot);
	src: url(/resource/fonts/notokr-thin.eot?#iefix) format('embedded-opentype'),
	url(/resource/fonts/notokr-thin.woff) format('woff'),
	url(/resource/fonts/notokr-thin.ttf) format('truetype');
} 
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 300;
	src: url(/resource/fonts/notokr-light.eot);
	src: url(/resource/fonts/notokr-light.eot?#iefix) format('embedded-opentype'),
	url(/resource/fonts/notokr-light.woff) format('woff'),
	url(/resource/fonts/notokr-light.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 500;
	src: url(/resource/fonts/notokr-regular.eot);
	src: url(/resource/fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
	url(/resource/fonts/notokr-regular.woff) format('woff'),
	url(/resource/fonts/notokr-regular.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 700;
	src: url(/resource/fonts/notokr-medium.eot);
	src: url(/resource/fonts/notokr-medium.eot?#iefix) format('embedded-opentype'),
	url(/resource/fonts/notokr-medium.woff) format('woff'),
	url(/resource/fonts/notokr-medium.ttf) format('truetype');
}
@font-face {
	font-family: 'NotoSans';
	font-style: normal;
	font-weight: 900;
	src: url(/resource/fonts/notokr-bold.eot);
	src: url(/resource/fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
	url(/resource/fonts/notokr-bold.woff) format('woff'),
	url(/resource/fonts/notokr-bold.ttf) format('truetype');
}
@font-face {
    font-family: 'Lato';
	font-weight: normal;
    font-style: normal;
    src: url(/resource/fonts/Lato-Regular.eot);
    src: url(/resource/fonts/Lato-Regular.eot?#iefix) format('embedded-opentype'),
        url(/resource/fonts/Lato-Regular.woff) format('woff'),
		url(/resource/fonts/Lato-Regular.ttf) format('truetype');;
}
@font-face {
    font-family: 'Lato';
	font-weight: 300;
    font-style: normal;
    src: url(/resource/fonts/Lato-Light.eot);
    src: url(/resource/fonts/Lato-Light.eot?#iefix) format('embedded-opentype'),
        url(/resource/fonts/Lato-Light.woff) format('woff'),
		url(/resource/fonts/Lato-Light.ttf) format('truetype');;
}
/* 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: 'NotoSans', '나눔고딕', 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{font-size:15px; 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: 'NotoSans', '나눔고딕', 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;}
.point_txt_r{color:#e40e0e;}
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;}

#header{position:relative; width:100%; max-width:1920px; min-width:1200px; margin:0 auto;}
#header .gnb_wrap .gnb_top{position:fixed; top:0; left:0; overflow:hidden; width:100%; max-width:1920px; height:100px; padding:32px 40px; box-sizing:border-box; z-index:100; margin-top:0; opacity:1; }
#header .gnb_top .gnb_menu{display:block; float:left; width:45px; height:36px; background-image:url(/resource/images/common/gnb_menu_ico.png); background-position:0 0; background-repeat:no-repeat; z-index:100;}
#header .gnb_top .right{overflow:hidden; float:right;}
@media all  and (max-height:800px) {
	#header .gnb_top .right{margin: 0 20px 0 0;}
	.top_banner_wrap .banner_inner img{max-width: 95%;}
}
#header .gnb_top .right .btn.white{display:block; border-color:#fff; font-size:18px;}
#header .gnb_top .right .txt1{display:none; float:left; width:auto; padding-top:8px; font-size:18px; line-height:1em; color:#a57432;}
#header .gnb_top .right .txt1 span{margin-left:10px; font-family:'Lato'; }
#header .gnb_top .right .home_btn{display:none; position:relative; float:left; width:47px; height:42px; padding-left:30px; margin-left:30px; background:url(/resource/images/common/sc_home_btn.png) right 0 no-repeat;}
#header .gnb_top .right .home_btn:before{content:""; display:block; position:absolute; left:0; top:0; width:1px; height:40px; background-color:#dcdcdc;}
#header .gnb_wrap .gnb_content{overflow:auto; display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:200;}
#header .gnb_content .gnb_inner{overflow:hidden; position:relative; width:1200px; min-height:700px; margin:0 auto; background:#e7e7e7;}
#header .gnb_content .gnb_inner:after{content:""; display:block; clear:both;}
#header .gnb_content .btn_close{display:block; position:absolute; left:20px; top:20px; width:18px; height:18px; background:#000; background:url(/resource/images/common/gnb_btn_close.png) 0 0 no-repeat;}
#header.on .gnb_wrap .gnb_content{display:block;}


.gnb_inner .left_menu{float:left; width:793px; padding:52px 57px 45px; background:#fff;} 
.gnb_inner .left_menu li a{font-size:13px; line-height:1.2em;}
.gnb_inner #gnb{margin-bottom:48px;}

#gnb > ul{overflow:hidden; margin:0 0 -40px -43px;}
#gnb > ul > li{float:left; width:158px; margin-left:40px; margin-bottom:30px;}
#gnb > ul > li > a{overflow:hidden; display:block; width:158px; height:88px; background-image:url(/resource/images/common/gnb_menu1.jpg); background-repeat:no-repeat; background-position:0 0; font-size:0; text-indent:-99999px;}
#gnb li{text-align:center;}
#gnb li a{color:#666;}
#gnb li a.preparing{color:#ccc;}
#header .gnb_inner li a.preparing:hover, #header .gnb_inner li a.preparing:active, #header .gnb_inner li a.preparing:focus{color:#ccc;}
#gnb .li2 > a{background-image:url(/resource/images/common/gnb_menu2.jpg);}
#gnb .li3 > a{background-image:url(/resource/images/common/gnb_menu3.jpg);}
#gnb .li4 > a{background-image:url(/resource/images/common/gnb_menu4.jpg);}
#gnb .li5 > a{background-image:url(/resource/images/common/gnb_menu5.jpg);}
#gnb .li6 > a{background-image:url(/resource/images/common/gnb_menu6.jpg);}
#gnb .li7 > a{background-image:url(/resource/images/common/gnb_menu7.jpg);}
#gnb .li8 > a{background-image:url(/resource/images/common/gnb_menu8.jpg);}
#gnb .li9 > a{background-image:url(/resource/images/common/gnb_menu9.jpg);}
#gnb .two_depth{padding-top:16px;}
#gnb .two_depth li{margin-top:7px; text-align:center; line-height:1.2em;}
#gnb .two_depth li:first-child{margin-top:0;}
#gnb .two_depth li a{font-size:13px;}
#header .gnb_inner li a:hover, #header .gnb_inner li a:focus{color:#a57432;}
#gnb .two_depth li.disabled a{color:#e7e7e7;}
.gnb_inner .etc_menu{}
.gnb_inner .etc_menu ul{overflow:hidden; background:#f2f2f2;}
.gnb_inner .etc_menu li{position:relative; float:left; width:auto;}
.gnb_inner .etc_menu li a{display:block; width:158px; padding:14px 0; text-align:center; color:#a57432;}
.gnb_inner .etc_menu li:before{content:""; display:block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#b5a692;}
.gnb_inner .etc_menu li:first-child:before{content:""; display:none;}
.gnb_inner .right_menu{float:right; overflow:hidden; width:220px; height:612px; padding:68px 35px 0;}
.gnb_inner .right_menu > div{line-height:1em;}
.gnb_inner .right_menu .utill_menu{margin-bottom:40px;}
.gnb_inner .utill_menu ul{overflow:hidden; margin-bottom:24px;}
.gnb_inner .utill_menu li{float:left;}
.gnb_inner .utill_menu li a{position:relative; display:inline-block; padding:0 8px; font-size:13px; color:#999;}
.gnb_inner .utill_menu li a:before{content:""; display:inline-block; position:absolute; left:0; top:50%; width:1px; height:10px; margin-top:-5px; background:#c9c9c9;}
.gnb_inner .utill_menu li:first-child a:before{content:""; display:none;}

.gnb_inner .member{margin-bottom:120px; font-size:15px;}
.gnb_inner .member ul{margin-bottom:30px;}
.gnb_inner .member li span{display:block; margin-bottom:8px; font-weight:bold; color:#a57432;}
.gnb_inner .member li a{position:relative; display:block; width:100%; padding:10px 0; border-bottom:1px solid #c9c9c9; color:#333;}
.gnb_inner .member li a:after{content:""; display:inline-block; position:absolute; right:8px; width:6px; height:12px; background-image:url(/resource/images/common/link_arrow_bu.png); background-position:0 50%; background-repeat:no-repeat;}
.gnb_inner .member li a:hover:after, .gnb_inner .member li a:focus:after{content:""; background-position:-6px 50%;}
.gnb_inner dl.tel{padding-bottom:20px; border-bottom:1px solid #c9c9c9; font-weight:bold; color:#a57432;}
.gnb_inner dt{display:inline-block; margin-right:51px; margin-bottom:10px;}
.gnb_inner dd{display:inline-block; vertical-align:middle;}
.gnb_inner .dd2{display:block; text-align:right;}
.gnb_inner .site{margin-bottom:20px;}
.gnb_inner .site li a{display:block; margin-bottom:10px; font-size:13px; color:#999;}
.gnb_inner .site li:last-child{margin-bottom:0;}
.gnb_inner .sns a{overflow:hidden; display:inline-block; width:20px; height:20px; margin-left:12px; background-image:url(/resource/images/common/sns_ico_b.png); background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; font-size:0;}
.gnb_inner .sns .link1{margin-left:0;}
.gnb_inner .sns .link2{background-position:-33px 0;}
.gnb_inner .sns .link3{width:10px; background-position:-66px 0;}

/* 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(/resource/images/accommodations/btn_slide_prev.png) 0 0 no-repeat;}
.gallery .slide_control .next_btn{right:0; background:url(/resource/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; text-align:center;}
.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{position:relative; padding-right:100px;}
.footer_inner .footer_cont .copyright:after{overflow:hidden; position:absolute; right:0; top:0; width:66px; height:67px; background:url(/resource/images/common/footer_mark1.png) 0 0 no-repeat; content:"GBAC STAR 인증"; text-indent:-9999px;}
.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_cont .copyright .c_name{margin-left:0; margin-right:18px;}
.footer_inner .footer_right{float:right; width:300px;}
.footer_inner .footer_right ul{overflow:hidden; margin-bottom:15px;}
.footer_inner .footer_right li{float:left; margin-left:15px;}
.footer_inner .footer_right li.marketing_pop_btn{margin-left:0;}
.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(/resource/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:220px; right:0; width:50px; height:438px; z-index:101;}
@media all  and (max-height:800px) {
	#footer .quick_menu{top:19%;}
}
#footer .quick_menu a{display:block; padding:19px 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(/resource/images/common/quick_menu_ico1.png); background-repeat:no-repeat; background-position:0 0;}
#footer .quick_menu .link1{padding:28px 6px; background-color:#999; color:#fff;}
#footer .quick_menu .link2{padding:20px 6px; background-color:#999; color:#fff;}
#footer .quick_menu .link2:before{content:""; margin-bottom:10px; background-position:-22px 0;}
#footer .quick_menu .link3{padding:19px 6px; background-color:#999; color:#fff;}
#footer .quick_menu .link3:before{content:""; background-position:-44px 0;}
#footer .quick_menu .link4{padding:17px 10px; background-color:#a57432; color:#ffe5c1;}
#footer .quick_menu .link4:before{content:""; background-position:-66px 0;}
#footer .quick_menu .link5{background-color:#444; color:#e6e6e6;}
#footer .quick_menu .link5:before{content:""; background-position:-88px 0;}
#footer .quick_menu .link6{background-color:#444; color:#e6e6e6;}
#footer .quick_menu .link6:before{content:""; background-position:-110px 0;}
#footer .quick_menu .link_wait{padding:17px 10px; background-color:#e8e0d6; color:#a57432;}
#footer .quick_menu .link_wait:before{content:"";display: block;width: 24px;height: 26px;margin: 0 auto 8px;background-image: url(/resource/images/common/quick_menu_wait.png);background-repeat: no-repeat;background-position: center;}
#footer .quick_menu .link_seolhaesoorim{padding:36px 5px; background-color:#a57432; line-height:1.4em; color:#ffe5c1;}
#footer .quick_menu .link_seolhaesoorim:before{content:none;}
#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(/resource/images/common/top_btn_ico.png);}
#footer .footer_desc1{margin-bottom:15px; font-size:12px;}

/* sub common */
#container{position:relative; width:100%; max-width:1920px; margin:0 auto; padding-top:400px; background-position:center 0; background-repeat:no-repeat;}

.reservation #container{background-image:url(/resource/images/sub/visual/reservation_visual_img.jpg);}
.member #container{background-image:url(/resource/images/sub/visual/member_visual_img.jpg);}
.activity #container{background-image:url(/resource/images/sub/visual/activity_visual_img.jpg);}
.accommodations #container{background-image:url(/resource/images/sub/visual/accommodations_visual_img.jpg);}
.culture #container{background-image:url(/resource/images/sub/visual/culture_visual_img.jpg);}
.membership #container{background-image:url(/resource/images/sub/visual/membership_visual_img.jpg);}
.dining #container{background-image:url(/resource/images/sub/visual/dining_visual_img.jpg);}
.house #container{background-image:url(/resource/images/sub/visual/house_visual_img.jpg);}
.golf #container{background-image:url(/resource/images/sub/visual/golf_visual_img.jpg);}
.hotspring #container{background-image:url(/resource/images/sub/visual/hotspring_visual_img.jpg);}
.hotspring.info #container{background-image:url(/resource/images/sub/visual/hotspring_info_visual_img.jpg);}
.seolhae_hotspring.info #container{background-image:url(/resource/images/sub/visual/hotspring_visual_img.jpg);}
.event #container{background-image:url(/resource/images/sub/visual/event_visual_img.jpg);}
.notice #container,
.press #container{background-image:url(/resource/images/sub/visual/notice_visual_img.jpg);}
.etc #container.brandstory{background-image:url(/resource/images/sub/visual/brandstory_visual_img.jpg);}
.etc #container.gallery{background-image:url(/resource/images/sub/visual/gallery_visual_img.jpg);}
.etc #container.mypage , .etc #container.mypage_modify, .etc #container.my_coupon{background-image:url(/resource/images/sub/visual/mypage_visual_img.jpg);}
.etc #container.dataroom{background-image:url(/resource/images/sub/visual/dataroom_visual_img.jpg);}
.etc #container.brochure{background-image:url(/resource/images/sub/visual/brochure_visual_img.jpg);}
.etc #container.giftcard{background-image:url(/resource/images/sub/visual/giftcard_visual_img.jpg);}


.content{width:1120px; min-height: 800px; margin:0 auto 150px;}
.content.mgb_0{margin-bottom:0;}
h2.sub_tit{width:1120px; margin:0 auto; padding:100px 0 80px; font-size:40px; font-weight:300; color:#333; text-align:center;}
h2.line{border-bottom: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 .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 .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(/resource/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 ul li.disabled a{color:#bfbfbf;}
.lnb .depth.selected .txt, .lnb .depth a:hover, .lnb .depth .arrow:focus{color:#a57432;}
.sticky_menu .tab_btn{display:none; width:1120px; margin:0 auto; text-align:right;}
.sticky_menu .tab_btn.on{display:block;}
.sticky_menu .tab_btn .tab_inner{text-align:right;}
.sticky_menu .tab_btn a{display:inline-block; width:210px; padding-top:14px; height:36px; background:#a57432; text-align:center; color:#fff;}

/* 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: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;}

/* 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(/resource/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:22px 0; 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 12px; box-sizing:border-box; border:1px solid #ccc; vertical-align:middle; font-size:15px;}
.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 .tel_area input[type="text"]:first-child{border-left:1px solid #ccc;}
.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; font-size:15px;}
.form_table td.readonly_bdr input{background-color:#f2f2f2; font-size:15px;}
.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(/resource/images/sub/select_ico.png) center right 12px no-repeat;  border:1px solid #ccc; box-sizing:border-box;}

/* custom select st2 */
.custom_select.st2{width: 142px;height: 35px;text-align: left;background: #fff;}
.custom_select.st2 a{height: 35px;padding: 7px 30px 0px 5px;font-size: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.custom_select.st2 select{width:100%;height: 35px;cursor: pointer;}

/* 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}
#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;}

.marketing_pop{display:none; position:fixed; left:0; top:0; overflow-y:auto; width:100%; height:100%; background:url(/resource/images/sub/dim_bg.png) 0 0 repeat;z-index:1100;}
.marketing_pop.on{display:block;}
.marketing_pop .popup{top:50%; width:523px; margin-left:-261px; margin-top:-200px;}
.marketing_pop h3{height:80px; line-height:80px; font-size:25px; color:#fff; background-color:#a57432; text-align:center; }
.marketing_pop .popup_cont{padding:50px 56px; background:#fff; text-align:center;}
.marketing_pop .popup .txt1{margin-bottom:30px; font-size:18px; line-height:32px; color:#333;}
.marketing_pop .popup .txt1 span{color:#a57432;}
.marketing_pop .popup .txt2{padding:16px; margin-bottom:20px; background:#f7f4f0; border-radius:3px; font-size:16px; color:#a57432;}
.marketing_pop .popup .txt2 *{display:inline-block;}
.marketing_pop .popup .txt2 dt{margin-right:18px;}
.marketing_pop .popup .txt3{font-size:14px; color:#666;}
.marketing_pop .btn_popup_close{position:absolute; right:-50px; top:0;}

.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  position:relative;
}
.rk-web{display:block;}
.rk-mobile{display:none;}
/* 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;}



/* 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(/resource/images/common/video_play_btn.png); 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(/resource/images/common/video_pause_btn.png);}

/* 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%;}