body { font-family: 'Ubuntu', "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif !important; font-weight: normal; line-height: normal; }
button { border: none; }
a:hover,
a:visited,
a:active,
a:focus { text-decoration: none; }

*[dir=rtl],
*[dir=ltr] { text-align: left; }

.inner_vertical_m:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.inner_vertical_t:before { content: ''; display: inline-block; vertical-align: top; height: 100%; }
.inner_vertical_b:before { content: ''; display: inline-block; vertical-align: bottom; height: 100%; }

.w_20{ width: 20% !important; }
.w_25{ width: 25% !important; }
.w_33{ width: 33.33333% !important; }


.blind { position: absolute; width: 0; left: 0; text-indent: -9999px; overflow: hidden; }

.txt_a_left { text-align: left !important; }
.txt_a_center { text-align: center !important; }
.txt_a_right { text-align: right !important; }

.pb0{ padding-bottom: 0 !important; }
.mb0{ margin-bottom: 0 !important; }
.ml0{ margin-left: 0 !important; }

/*commoon*/
.wrapper { min-width: 1200px; overflow-x: hidden; }
/*header*/
.header_wrap { position: relative; }
#header { position: relative; text-align: center; }

.header_top { position: relative; background: #243045; height: 45px; }
.header_top .contact { position: absolute; top: 0; left: 30px; color: #7f848d; font-weight: 600; font-size: 11px; height: 100%; }
.header_top .contact li { display: inline-block; vertical-align: middle; border-left: 1px solid #666f7d; padding-left: 1.5em; margin-left: 1.5em; }
.header_top .contact li:first-child { border-left: none; padding-left: 0; margin-left: 0; }
.header_top .site_tab { display: table; margin: 0 auto; }
.header_top .site_tab li { border-right: 1px solid #3a4558; border-left: 1px solid #3a4558; height: 45px; width: 160px; display: table-cell; vertical-align: middle; }
.header_top .site_tab li a { color: #9298a2; display: block; position: relative; font-weight: 500; text-transform: uppercase; }
.header_top .site_tab li a img { display: block; margin: 0 auto; }
.header_top .site_tab li.on { background: #3a4558; }
.header_top .site_tab li.on a { color: #e2e3e6; }
.header_top .language { position: absolute; right: 30px; height: 100%; top: 0; }
.header_top .language select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; height: 30px; color: #fff; padding: 0 30px 0 20px; background: #3a4558 url('../images/icon/arrow_select_language_down.png') no-repeat right center; font-size: 13px; width: 135px; border-radius: 3px; border: none; }
.header_top .language select::-ms-expand { display: none; }

.header_bottom { display: table; position: relative; height: 120px; background: #fff; table-layout: auto; width: 1200px; margin: 0 auto; }
.header_bottom > * { display: table-cell; vertical-align: middle; }
.header_bottom h1 { text-align: center; }
.header_bottom h1 a img { display: block; }

.gnb { text-align: right; z-index: 99; position: relative; }
.gnb > ul { display: inline-block; }
.gnb > ul > li { text-align: left; display: inline-block; position: relative; }
.gnb > ul > li > a { font-size: 14px; padding: 20px 18px; color: #243045; font-weight: bold; line-height: 20px; }
.gnb > ul > li > .depth2 { position: absolute; display: none; padding-top: 50px; top: 100%; left: 0; margin-left: -20px; }
.gnb > ul > li > .depth2 li { width: 230px; border-top: 1px solid #e5e5e5; background: #fff; }
.gnb > ul > li > .depth2 li:first-child { border-top: none; }
.gnb > ul > li > .depth2 li a { font-size: 12px; color: #656b75; font-weight: bold; text-transform: uppercase; display: block; line-height: 20px; padding: 10px 20px; padding-left: 30px; }
.gnb > ul > li:hover > a { color: #6060b2; }
/*170720추가*/
.gnb .site_map { display: none; position: fixed; top: 0; left: 0; z-index: 99; width: 100%; height: 100%; background: url('../images/common/menu_bg.png') repeat; text-align: left;  }
.gnb .site_map > ul{ position: relative; width: 1200px; margin: 0 auto; box-sizing: border-box; padding: 90px; }
.gnb .site_map > ul > li{ float: left; margin-left: 40px; margin-top: 60px; }
.gnb .site_map > ul > li:first-child{ margin-left: 0; }
.gnb .site_map > ul > li > a{ display: block; font-size: 20px; font-weight: 600; color: #fff; width: 220px; padding-bottom: 10px; border-bottom: 1px solid #4f5562; }
.gnb .site_map > ul > li > .depth2{ margin-top: 10px; min-height: 210px; }
.gnb .site_map > ul > li > .depth2 li a{ font-size: 15px; font-weight: 400; color: #ddd; line-height: 30px; }
.gnb .site_map_btn{ position: relative; width: 1200px; margin: 0 auto; }
.gnb .site_map_btn .btn_all_menu_close{ position: absolute; top: -90px; right: 4px; background:url('../images/common/menu_close.png') no-repeat;  width: 30px; height: 31px; }
/*//170720추가*/

.gnb .btn_wrap { display: inline-block; margin-left: 18px; z-index: 2; position: relative; }
.gnb .btn_wrap .btn_all_menu { width: 38px; height: 30px; background: #243045 url('../images/icon/icon_btn_all_menu.png') no-repeat center; overflow: hidden; border-radius: 3px; vertical-align: middle; }
.gnb .btn_wrap .btn_all_menu span { opacity: 0; position: absolute; width: 0; height: 0; text-indent: -9999px; }
button.locaiton_view_btn { width:255px; height: 42px; border-radius: 3px; background: #2c2f34; color: #fff; }

/*content*/
.content_wrap { position: relative; }
#content { position: relative; }


/*main*/
.main .top_visual { position: relative; }
.main .top_visual .item { position: relative; height: 730px; text-align: center; }
.main .top_visual .item img { position: absolute; height: 100%; left: 50%; top: 0; margin-left: -960px; }
.main .top_visual .item .visual_content { z-index: 2; position: relative; display: inline-block; vertical-align: middle; }
.main .top_visual .item .visual_content .visual_title { font-size: 75px; text-shadow: 0 0 5px rgba(0,0,0,0.5); color: #fff; text-transform: uppercase; font-weight: bold; }
.main .top_visual .item .visual_content .visual_txt { font-size: 20px; color: #fff; margin-top: 10px; text-shadow: 0 0 5px rgba(0,0,0,0.5); }

.slick-prev.slick-arrow{ background:url('../images/common/arrow_promo_prev.png') no-repeat; position:absolute; bottom: 60px; left:45%; z-index: 1; width:16px; color: transparent; text-indent: -999999px;}
.slick-next.slick-arrow{ background:url('../images/common/arrow_promo_next.png') no-repeat; position:absolute; bottom: 60px; right:46%; z-index: 1; width:16px; color: transparent;}
.top_visual ul.slick-dots{ position: absolute; bottom: 60px; left: 50%; margin-left: -36px; }
.top_visual ul.slick-dots::after{ display: block; content: ''; clear: both; }
.top_visual ul.slick-dots > li{ float: left; margin-left: 15px; }
.top_visual ul.slick-dots > li:first-child{ margin-left: 0; }
.top_visual ul.slick-dots > li button{ text-indent: -999999px; background: url('../images/common/dot_promo_off.png')0 no-repeat #d8d8d8; width: 14px; height: 14px; box-shadow: 0 0 5px rgba(0,0,0,0.5); border-radius: 100%; }
.top_visual ul.slick-dots > li.slick-active button{ background: url('../images/common/dot_promo_on.png') no-repeat; }

.main .elysian_info { padding: 89px 0; text-align: center; }
.main .elysian_info h2 { color: #243045; font-size: 40px; text-transform: uppercase; }
.main .elysian_info h2 em { display: block; font-size: 32px; }
.main .elysian_info p { font-size: 16px; color: #243045; margin-top: 25px; line-height: 1.6em; }
.main .elysian_info ul { display: table; margin: 55px auto 0; }
.main .elysian_info ul li { width: 165px; display: table-cell; vertical-align: middle; }
.main .elysian_info ul li a { color: #44536c; }
.main .elysian_info ul li a img { display: block; margin: 0 auto 15px; }

.main_top_content { min-width: 1200px; /*overflow-x: hidden; */width: 100%; position: relative; }
.main_top_content .content_box{ position: relative; max-width: 1920px; margin: 0 auto; min-width: 1200px; }
.main_top_content .content_box .img_area{ position: relative; max-width: 50%; min-width: 50%; height: 410px; }
.main_top_content .content_box .txt_area{ position: absolute; min-width: 610px; max-width: 50%; vertical-align: middle; top: 50%; }
.main_top_content .content_box .txt_area h2 { font-size: 43px; }
.main_top_content .content_box .txt_area h2 strong { font-weight: bold; color: #173c7d; }
.main_top_content .content_box .txt_area p { margin-top: 20px; font-size: 15px; line-height: 25px; }
.main_top_content .content_box01 .img_area{ background: url('../images/main/img_main_top_content_ski.jpg') center center no-repeat; }
.main_top_content .content_box02 .img_area{ background: url('../images/main/img_main_top_content_elsuite.jpg') center center no-repeat; }
.main_top_content .content_box01 .txt_area{ left: 75px; margin-left: 50%; margin-top: -113px; }
.main_top_content .content_box02 .txt_area{ right: 0; margin-right: 50%; margin-top: -100px; }

/*.main_top_content .content_box { position: relative; display: table; width: 100%; max-width: 1920px; margin: 0 auto; }
.main_top_content .content_box .img_area,
.main_top_content .content_box .txt_area { width: 50%; position: relative; height: 410px; display: table-cell; vertical-align: middle; overflow: hidden; }
.main_top_content .content_box .img_area img { position: absolute; top: 0; width: 960px; height: 410px; right: 0; left: auto; }
.main_top_content .content_box[dir=rtl] .img_area img { right: auto; left: 0; }
.main_top_content .content_box .txt_area { padding-left: 75px; padding-right: 75px; max-width: 960px; }
.main_top_content .content_box .txt_area h2 { font-size: 43px; }
.main_top_content .content_box .txt_area h2 strong { font-weight: bold; color: #173c7d; }
.main_top_content .content_box .txt_area p { margin-top: 20px; font-size: 15px; line-height: 25px; }*/

.main_middle_content { width: 1200px; margin: 100px auto; }
.main_middle_content:after { content: ''; display: block; clear: both; }
.main_middle_content .content_box { width: 50%; display: table; float: left; }
.main_middle_content .content_box .img_area,
.main_middle_content .content_box .txt_area { width: 50%; display: table-cell; vertical-align: middle; }
.main_middle_content .content_box .img_area img { max-width: 100%; max-height: 100%; }
.main_middle_content .content_box .txt_area { padding: 15px; text-align: center; position: relative; }
.main_middle_content .content_box .txt_area:before { position: relative; width: 24px; height: 24px; background: #fff; position: absolute; left: 0; margin-left: -12px; top: 50%; margin-top: -12px; content: ''; transform: rotate(45deg); }
.main_middle_content .content_box[dir=rtl] .txt_area:before { left: auto; right: 0; margin-left: 0; margin-right: -12px; }
.main_middle_content .content_box .txt_area h2 { color: #243045; font-size: 25px; font-weight: bold; text-transform: uppercase; }
.main_middle_content .content_box .txt_area p { font-size: 15px; line-height: 22px; margin-top: 25px; }

.rooms { padding: 100px 0; min-width: 1200px; width: 100%; margin: 0 auto; background: url('../images/main/bg_main_room_slide.jpg') no-repeat center; background-size: cover; position: relative; }
.rooms .content_box { display: table; margin: 0 auto; width: 1200px; }
.rooms .content_box .img_area,
.rooms .content_box .txt_area { width: 50%; display: table-cell; vertical-align: middle; }
.rooms .content_box .txt_area { background: #fff; text-align: center; padding: 0 50px 50px; }
.rooms .content_box .txt_area h2 { font-size: 60px; color: #000; text-transform: uppercase; font-weight: bold; }
.rooms .content_box .txt_area h2 span { position: relative; display: block; padding-bottom: 10px; font-size: 14px; color: #50596a; text-transform: uppercase; font-weight: bold; margin-bottom: 20px; }
.rooms .content_box .txt_area h2 span:after { content: ''; position: absolute; top: 100%; width: 65px; height: 1px; background: #8faadb; left: 50%; margin-left: -32.5px; }
.rooms .content_box .txt_area h3 { font-size: 26px; color: #444; text-transform: uppercase; }
.rooms .content_box .txt_area p { margin-top: 10px; color: #666; font-size: 15px; line-height: 22px; }

.rooms .room_slide { width: 1200px; margin: 0 auto; }
.rooms .room_slide .slick-prev,
.rooms .room_slide .slick-next { position: absolute; bottom: 30px; width: 48px; height: 42px; background-color: #243045; background-position: center; background-repeat: no-repeat; left: 50%; z-index: 9; text-indent: -9999px; display: block; overflow: hidden; }
.rooms .room_slide .slick-prev { margin-left: 250px; background-image: url('../images/icon/arrow_slide_white_prev.png'); }
.rooms .room_slide .slick-next { margin-left: 300px; background-image: url('../images/icon/arrow_slide_white_next.png'); }

.content_box .txt_area .btns { margin-top: 30px; }
.content_box .txt_area .btns .btn_wrap { display: inline-block; vertical-align: middle; }
.content_box .txt_area .btns .btn_wrap button { border-radius: 3px; border: 1px solid #e5e5e5; height: 45px; background: #fff; width: 180px; text-transform: uppercase; font-weight: bold; text-align: center; color: #444; }
.content_box .txt_area .btns .btn_wrap button.btn_go_link { padding: 0 15px 0 20px; }
.content_box .txt_area .btns .btn_wrap button.btn_go_link span { background: url('../images/icon/arrow_btn_go_link.png') no-repeat right center; padding-right: 20px; display: block; text-align: left; }

.content_box .txt_area .btns .btn_wrap a.colorY { display:inline-block; border-radius: 3px; height: 45px; width: 180px; text-transform: uppercase; font-weight: bold; text-align: center; border: 0; background: #ff9500; padding: 0 15px 0 20px; line-height:45px; }
.content_box .txt_area .btns .btn_wrap a.btn_go_link.colorY span { background: url('../images/icon/arrow_btn_go_link_w.png') no-repeat right center; color: #fff; padding-right: 20px; display: block; text-align: left; }

/*sub*/
.sub .top_visual { position: relative; height: 250px; text-align: center; }
.sub .top_visual img { position: absolute; height: 100%; left: 50%; margin-left: -960px; }
.sub .top_visual .visual_content { position: relative; vertical-align: middle; display: inline-block; }
.sub .top_visual .visual_content .visual_title { font-size: 45px; text-transform: uppercase; text-shadow: 0 0 5px rgba(0,0,0,0.5); color: #fff; font-weight: bold; }
.sub .top_visual .visual_content .visual_txt { text-shadow: 0 0 5px rgba(0,0,0,0.5); color: #fff; font-size: 20px; margin-top: 15px; }

.content_body { padding: 110px 0 150px; }
.photo_con{ width: 1060px; margin: 0 auto; }
.basic_con{ width: 1060px; margin: 0 auto; }
.photo_con .photo-area{ margin-bottom: 50px; }

.page_nav { position: absolute; top: 250px; width: 100%; height: 50px; left: 0; background: #f7f7f7; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; z-index: 9; font-size: 0; }
.page_nav.fixed { top: 0; position: fixed; }
.page_nav > ul { display: block; width: 1200px; margin: 0 auto; }
.page_nav > ul > li { display: inline-block; width: 260px; vertical-align: top; height: 48px; line-height: 48px; position: relative; padding: 0 5px 0 45px; }
.page_nav > ul > li:after { content: ''; display: block; position: absolute; width: 29px; height: 48px; background: url('../images/icon/arrow_page_nav.png') no-repeat right center; left: 100%; top: 0; }
.page_nav > ul > li.home { z-index: 5; border-left: 1px solid #e5e5e5; background: #f1f1f1 url('../images/icon/icon_page_nav_home.png') no-repeat 20px center; padding-left: 50px; width: 205px; }
.page_nav > ul > li.home:after { content: ''; display: block; position: absolute; width: 29px; height: 48px; background: url('../images/icon/arrow_page_nav_on.png') no-repeat right center; left: 100%; top: 0; }
.page_nav > ul > li.depth1 { z-index: 4; }
.page_nav > ul > li.depth2 { z-index: 3; }
.page_nav > ul > li.depth3 { z-index: 2; }
.page_nav > ul > li.deoth4 { z-index: 1; }
.page_nav > ul > li > a { color: #757575; font-size: 13px; background: url('../images/icon/icon_page_nav_menu.png') no-repeat right center; display: block; text-transform: uppercase; }
.page_nav > ul > li > a:hover { color: #333; }
.page_nav > ul > li > ul { position: absolute; top: 100%; left: 0; display: none; border: 1px solid #e5e5e5; border-top: none; width: 100%; margin-left: 4px; }
.page_nav > ul > li:hover > ul { /*display: block;*/ }
.page_nav > ul > li > ul > li { background: #f7f7f7; border-top: 1px solid #e5e5e5; }
.page_nav > ul > li > ul > li a { text-transform: uppercase; font-size: 13px; color: #757575; height: 50px; line-height: 50px; display: block; padding-left: 34px; }
.page_nav > ul > li > ul > li a:hover { color: #333; }
.page_nav > ul > li > ul > li.on a{ font-weight: 500; color:#000;  }
.page_nav > ul > li.home > ul { margin-left: -1px; }
.page_nav > ul > li.home > ul > li { background: #f1f1f1; }
.page_nav > ul > li.home > ul > li.home{ z-index: 5; background: url('../images/icon/icon_page_nav_home.png') no-repeat 20px center #f1f1f1; }
.page_nav > ul > li.home > ul > li a { padding-left:50px;}

.page_title { position: relative; text-align: center; padding-bottom: 30px; }
.page_title h3 { font-size: 43px; color: #243045; }
.page_title h3 em { display: block; font-size: 18px; margin-bottom: 50px;font-weight:bold; text-transform: uppercase; }
.page_title p { color: #243045; font-size: 16px; line-height: 26px; margin-top: 30px; }
.page_title p.sub_title { margin-top: 10px; font-size: 18px; font-weight: 500; }
.page_title02 h3 + p{ margin-top: 15px; }
.page_title03 .line{ width: 100%; border-bottom: 1px solid #e5e5e5; }
.page_title03 .line span{ display: inline-block; width: 87px; border-bottom: 3px solid #000; margin-bottom: -6px; }

.movie_area { position: relative; width: 1410px; height: 354px; left: 50%; margin-left: -705px; text-align: center; }
.movie_area:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
.movie_area .movie { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.movie_area .btn_play { position: relative; z-index: 2; color: #fff; display: inline-block; vertical-align: middle; font-size: 30px; font-weight: 500; text-shadow: 0 0 5px rgba(0,0,0,0.5); }
.movie_area .btn_play img { display: block; margin: 0 auto 10px; }

.tab_group { position: relative; margin-top: 60px; background: #f9f9fa; border-top: 1px solid #efeff0; padding-bottom: 100px; }
.tab_group .tabs { width: 1000px; margin: 0 auto 55px; margin-top: -25px; table-layout: fixed; display: table; }
.tab_group .tabs li { display: table-cell; text-align: center; border-radius: 25px; border: 1px solid #ccc; background: #fff; }
.tab_group .tabs li a { display: block; height: 48px; line-height: 48px; color: #888888; font-size: 15px; text-transform: uppercase; font-weight: bold; }
.tab_group .tabs li.ui-state-active,
.tab_group .tabs li:hover { background: #243045; border-color: #243045; }
.tab_group .tabs li.ui-state-active a,
.tab_group .tabs li a:hover { color: #fff; }
.tab_group > div { width: 1060px; margin: 0 auto; }

.tab_group02 .tabs{ text-align: center; }
.tab_group02 .tabs li{ float: left; margin-bottom: 5px; }

.sub_tab_group .tabs{ margin: 5px auto 35px; border: 1px solid #e2e2e3; border-radius: 25px; text-align:center; }
.sub_tab_group .tabs li{ display: inline-block; background: #fcfcfd; border: 0; }
.sub_tab_group .tabs li a{ font-size: 14px; display: inline-block; height: 42px; line-height: 42px; }
.sub_tab_group .tabs li.ui-state-active,
.sub_tab_group .tabs li:hover { background: #fcfcfd; border-color: #e2e2e3; }
.sub_tab_group .tabs li.ui-state-active a,
.sub_tab_group .tabs li a:hover { color: #243045; }
.tab_line{ width:1px; font-size: 13px; padding: 0 12px 0 10px; color: #b0b0b1; }

.tab_content .tab_con_tit{ text-align: center; }
.tab_content .tab_con_tit h4{ font-size: 28px; font-weight: 500; color: #000; }
.tab_content .tab_con_tit p{ font-size: 18px; line-height: 23px; color: #243045; margin-top: 10px; }

.tab_content .tab_con_tit02 h4{ font-size: 36px; font-weight: 500; color: #000; text-transform: uppercase; }
.tab_content .tab_con_tit02 p{ font-size: 18px; font-weight: 500; }
.tab_content .tab_con_tit02 p span{ font-size: 14px; line-height: 23px; color: #666; margin-top: 10px; }

.section_box{ position: relative; }
.section_box h4 { font-size: 28px; margin-bottom: 25px; color: #000; font-weight: 500; }
.section_box + .section_box { margin-top: 100px; }
.section_box > ul{ margin-top: 10px; }
.section_box > ul > li{ font-size: 14px; color: #555; line-height: 20px; }
.section_box .headnote{ position: absolute; float: right; font-size: 13px; color: #333; top: 0; right: 0; margin-top: 20px; }

.overview_table { }
.overview_table table { width: 100%; }
.overview_table table th,
.overview_table table td { height: 70px; vertical-align: middle; font-size: 18px; }
.overview_table table th { border-bottom: 1px solid #a5a5a5; padding-left: 10px; font-weight: 500; }
.overview_table table td { border-bottom: 1px solid #e1e1e2; padding-left: 20px; color: #243045; font-weight: 300; }
.overview_table table tbody tr:first-child th { border-top: 1px solid #a5a5a5; }
.overview_table table tbody tr:first-child td { border-top: 1px solid #e1e1e2; }

.info_table { position: relative; border-top: 2px solid #070707; }
.info_table table { width: 100%; }
.info_table table th,
.info_table table td { height: 50px; vertical-align: middle; padding: 10px 20px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 14px; text-align: center; line-height: 1.2em; }
.info_table table tr.td_bg td{ background-color: #f0f0f0; }
.info_table table tr > *:last-child { border-right: none; }
.info_table table thead tr th,
.info_table table th{ text-align: center; background: #f1f1f2; color: #243045; font-weight: 500; height: 50px; vertical-align: middle; font-size: 13px; text-transform: uppercase; padding: 10px 0; }

.info_box { background-color: #fff; box-sizing: border-box; border:1px solid #e5e5e5; padding: 30px; }
.info_box > ul {}
.info_box > ul:after{ display: block; content: ''; clear: both; }
.info_box > ul > li{ position: relative; float: left; width: 380px; min-height: 40px; margin-bottom: 5px; padding-left: 135px; }
.info_box02 > ul > li{ position: relative; float: left; width: 480px; min-height: auto; margin-bottom: 20px; padding-left: 135px; }
.info_box02 > ul > li.right_info{ width:360px;  padding-left: 185px; }
.info_box > ul > li span.tit{ position: absolute; top: 0; left: 0; background: url('../images/common/info_box_bl.gif') no-repeat left 9px; padding-left: 10px; font-size: 16px; color: #243045; font:bold; }

.intro_con{ width: 1060px; margin: 80px auto 0; }
.intro_con h4{ position: relative; z-index: 6; font-size: 28px; color: #000; font-weight:500; padding-bottom: 10px; }
.intro_con > ul > li{ padding: 35px 0 30px; border-top: 1px solid #e6e6e6; }
.intro_con > ul > li:first-child{ border-top: 1px solid #b4b4b4; }
.intro_con > ul > li .txt_con{ display: inline-block; margin-left: 30px;}
.intro_con > ul > li:first-child .txt_con{ vertical-align: top; margin-top: 15px; }
.intro_con > ul > li .txt_con h5{ font-size: 22px; font-weight:500; color: #243045; }
.intro_con > ul > li .txt_con p{ font-size: 16px; color: #585f6c; margin-top: 15px; }

ul.bl_gray > li{ padding-left: 10px; background: url('../images/common/bl_gray.gif') no-repeat left 7px; margin-top: 3px; line-height: 20px; margin-bottom: 5px; }

/*sub_golf*/
.content_wrap .sub .content_body .club_bottom_con{ width: 1060px; margin: 98px auto 0; }

.content_wrap .sub .content_body.course .tab_content{ width: 940px; margin: 0 auto; }
.content_wrap .sub .content_body.course .tab_content .info_box{ margin-top: 10px; }
.content_wrap .sub .content_body.course .tab_content .tab_con_tit + img{ margin-top: 30px; }
.content_wrap .sub .content_body.course .tab_content .info_table{ margin-top: 20px; }
.content_wrap .sub .content_body.course .tab_content .info_table table tr td{ height: 40px; }

.content_wrap .sub .content_body.nine_plus{ width: 1200px; margin: 0 auto; }
.content_wrap .sub .content_body.nine_plus > p{ font-size: 17px; line-height: 26px; text-align: center; font-weight: 400; color: #243045; margin-top: 50px; }
.content_wrap .sub .content_body.nine_plus .page_title h3{ font-size: 40px; font-weight: 500; }
.content_wrap .sub .content_body.nine_plus .page_title p.sub_title{ font-size: 18px; color: #555; text-transform: uppercase; font-weight: 600; margin-top: 0; }
.content_wrap .sub .content_body .nine_plus_bottom_con{ width: 940px; margin: 45px auto 0; }
.content_wrap .sub .content_body .nine_plus_bottom_con .info_box{ margin-top: 10px; }
.content_wrap .sub .content_body .nine_plus_bottom_con .info_table{ margin-top: 20px; }
.content_wrap .sub .content_body .nine_plus_bottom_con .info_table table tr td{ height: 40px; background-color: #fbfbfb; }

/*sub_condo*/
.content_wrap .sub .content_body.elsuite .intro_con h4{ width: 366px; border-bottom: 1px solid #000; margin-bottom: 25px; }
.content_wrap .sub .content_body.elsuite .intro_con ul{ margin-top: -26px; }

.content_wrap .sub .content_body .guest_con{ width: 1050px; margin: -15px auto 0; }
.content_wrap .sub .content_body .guest_con > div > h4{ font-size: 30px; text-align: center; font-weight: 400; text-transform: uppercase; }
.content_wrap .sub .content_body .guest_con .section_box .info_table table td{ height: 40px; background-color: #fbfbfb; }
.content_wrap .sub .content_body .guest_con .section_box.clean_room > ul > li{ background-color: #fbfbfb; border-bottom: 1px solid #ccc; min-height: 50px; line-height: 25px; font-size: 16px; vertical-align: middle; font-weight: 400; color: #243045; padding: 11px 20px;}
.content_wrap .sub .content_body .guest_con .section_box.clean_room > ul > li:first-child{ border-top: 2px solid #000; }
.content_wrap .sub .content_body .guest_con .section_box + .section_box{ margin-top: 60px; }

.content_wrap .sub .content_body.room_info .tab_group{ background: none; border-top: 0; }
.content_wrap .sub .content_body.room_info .section_box{ margin-top: 40px; }
.content_wrap .sub .content_body.room_info .section_box > h4{ font-size: 23px; font-weight: 300; text-transform: uppercase; text-align: center; margin-bottom: 15px; }
.content_wrap .sub .content_body.room_info .section_box > h4 span{ color: #878d98; }
.content_wrap .sub .content_body.room_info .section_box .info_table table th{ background-color: #f1f1f2; font-size: 13px; font-weight: 500; }
.content_wrap .sub .content_body.room_info .section_box .info_table table td{ background-color: #fbfbfb; font-size: 14px; }
.content_wrap .sub .content_body.room_info .btn_group button{ position: absolute; right: 0; top: -10px; }

/*sub_ski*/
.content_wrap .sub .content_body.abou_ski .intro_con{ width: 1160px; }
.content_wrap .sub .content_body.abou_ski .intro_con > ul > li{ border-top: 0; padding: 15px 0; }
.content_wrap .sub .content_body.abou_ski .intro_con > ul > li:first-child{ border-top: 1px solid #dadada; padding-top: 40px; }
.content_wrap .sub .content_body.abou_ski .intro_con > ul > li > ul::after{ display: block; content: ''; clear: both; }
.content_wrap .sub .content_body.abou_ski .intro_con > ul > li > ul > li{ float: left; }
.content_wrap .sub .content_body.abou_ski .intro_con > ul > li > ul > li:first-child{ margin-right: 75px; }
.content_wrap .sub .content_body.abou_ski .intro_con > ul > li > ul > li h5{ font-size: 20px; }
.content_wrap .sub .content_body.abou_ski .intro_con > ul > li > ul > li h5 span{ display: block; font-size: 45px; font-weight: 600; }
.content_wrap .sub .content_body.abou_ski .intro_con > ul > li > ul > li p{ line-height: 26px; }

.content_wrap .sub .content_body.use{ width: 1060px; margin: 0 auto; }
.content_wrap .sub .content_body.use .page_title{ padding-bottom: 80px; }
.content_wrap .sub .content_body.use .section_box > h4{ margin-bottom: 10px; }
.content_wrap .sub .content_body.use .section_box02{ text-align: center; }
.content_wrap .sub .content_body.use .section_box02 > ul{ margin-top: 55px; }
.content_wrap .sub .content_body.use .section_box02 > ul > li h5{ font-size:22px; font-weight: 500; }
.content_wrap .sub .content_body.use .section_box02 > ul > li h5 span{ display: block; font-size: 14px; color: #9197a2; font-weight: 600; }
.content_wrap .sub .content_body.use .section_box02 > ul > li p{ font-size:16px; line-height: 28px;  color: #777; margin-top: 7px; }
.content_wrap .sub .content_body.use .section_box02 > ul > li .btn_group button{ background: url('../images/common/btn_arrow.gif') 95% center no-repeat; min-width: 250px; height: 42px; border: 1px solid #d9d9d9; border-radius: 3px; padding-left: 20px; font-size: 14px; font-weight: 600; color: #444; text-align: left; text-transform: uppercase; margin-top: 20px;}
.content_wrap .sub .content_body.use .section_box02 > ul > li img.use_arrow{ padding: 30px 0; }
.content_wrap .sub .content_body.use .section_box + .section_box{ margin-top: 55px; }

.content_wrap .sub .content_body.slope_map .section_box > h4{ margin-bottom: 10px; }
.content_wrap .sub .content_body.slope_map #tab_content3 .tab_con_tit{ margin-bottom: 50px; }

.content_wrap .sub .content_body.slope_map #tab_content3 table td{ height: 40px; }

.content_wrap .sub .content_body.sledding .basic_con .img_box{ text-align: center; margin-bottom: 50px; }
.content_wrap .sub .content_body.sledding .basic_con .img_box img{ width: 830px; border: 15px solid #e6e6e6; }

.content_wrap .sub .content_body.ski_fac .tab_con_tit{ margin-bottom: 30px; }
.content_wrap .sub .content_body.ski_fac .btn_group{ margin-top: 10px; }
.content_wrap .sub .content_body.ski_fac .tab_content .info_table{ margin-top: 25px; }

.content_wrap .sub .content_body.school .section_box > p{font-size: 18px; line-height: 23px; font-weight: 500; color: #243045; margin-top: 10px;}
.content_wrap .sub .content_body.school .section_box > p span{ font-size: 14px; line-height: 23px; color: #666; margin-top: 10px; }
.content_wrap .sub .content_body.school .section_box .info_table table td{ height: 40px; }
.content_wrap .sub .content_body.school .intro_con{ margin-top: 60px; width: 1060px; }
.content_wrap .sub .content_body.abou_ski.school .intro_con > ul > li:first-child{ border-top: 0; padding-top: 0px;}
.content_wrap .sub .content_body.abou_ski.school .intro_con > ul > li > ul > li{ float: none; vertical-align: middle; display: inline-block; }
.content_wrap .sub .content_body.abou_ski.school .intro_con > ul > li > ul > li h5{ font-size: 22px; }
.content_wrap .sub .content_body.abou_ski.school .intro_con > ul > li > ul > li p{ margin-top: 10px; }
.content_wrap .sub .content_body.school .section_box > h5{ font-size: 20px; font-weight: 600; color: #555; margin-top: 20px; }
.content_wrap .sub .content_body.school .section_box > h5 span{ font-size: 18px; color: #999; font-weight: 500; }
/*.content_wrap .sub .content_body.school .section_box .line span{ display: inline-block; width: 87px; border-bottom: 3px solid #000; }
.content_wrap .sub .content_body.school .section_box .line{ margin-top: 30px; }*/


/*sub_sw*/
.content_wrap .sub .content_body.sw_info > div .tell_number{ margin-top: 50px; }
.content_wrap .sub .content_body.sw_info > div .tell_number p{ font-size: 18px; color: #243045; }
.content_wrap .sub .content_body.sw_info > div .tell_number h4{ font-size: 20px; font-weight: 600; color: #243045; margin-top: 10px; }

.content_wrap .sub .content_body.wedding .movie_area + p{ color: #243045; font-size: 16px; line-height: 26px; margin-top: 30px; text-align: center; }
.content_wrap .sub .content_body.wedding .tab_group{ background: none; border-top: 0; margin-top: 100px; }
.content_wrap .sub .content_body.wedding .tab_con_tit{ margin-bottom: 40px; }
.content_wrap .sub .content_body.wedding .txt_con{ text-align: center; margin-top: 30px; }
.content_wrap .sub .content_body.wedding .txt_con h5{ font-size: 30px; color: #6e786d; margin-bottom: 15px; }
.content_wrap .sub .content_body.wedding .txt_con p{ font-size: 15px; line-height: 23px; color: #243045; }
.content_wrap .sub .content_body.wedding #tab_content3 .slick-dots{ width: 650px; margin-left: 200px; }

.content_wrap .sub .content_body.seminar .b_con{ width: 1060px; margin: 75px auto 0; text-align: center; }
.content_wrap .sub .content_body.seminar .b_con > h4{ font-size: 36px; text-transform: uppercase; font-weight: 500; }
.content_wrap .sub .content_body.seminar .b_con > p{ font-size: 18px; line-height: 24px; margin-top: 15px; margin-bottom: 40px; }
.content_wrap .sub .content_body.seminar .b_con .section_box{ margin-top: 40px; }
.content_wrap .sub .content_body.seminar .b_con .section_box > h4{ font-size: 23px; font-weight: 300; text-transform: uppercase; text-align: center; margin-bottom: 15px; }
.content_wrap .sub .content_body.seminar .b_con .section_box ul li{ text-align: left; background-color: #fbfbfb; border-bottom: 1px solid #ccc; min-height: 50px; line-height: 25px; font-size: 16px; vertical-align: middle; font-weight: 400; color: #243045; padding: 11px 20px;}

/*sub_fac*/
.content_wrap .sub .content_body.restaurants .tab_group{ background: none; border-top: 0; }
.content_wrap .sub .content_body.restaurants .tab_con_tit { margin-bottom: 30px; }
.content_wrap .sub .content_body.restaurants .slick-dots{ /*display: none !important;*/ margin-bottom: 30px; }
.content_wrap .sub .content_body.restaurants .info_box{ width: 830px; margin: 10px auto 0;}
/*.content_wrap .sub .content_body.restaurants .info_box > ul > li{ width: 400px; }
.content_wrap .sub .content_body.restaurants .info_box > ul > li.right_info { width: 350px; padding-left: 110px; }
.content_wrap .sub .content_body.restaurants #tab_content1 .info_box > ul > li{ width: 370px; }
.content_wrap .sub .content_body.restaurants #tab_content1 .info_box > ul > li.right_info{ width: 380px; }*/

.content_wrap .sub .content_body.convenient .tab_content .tab_con_tit,
.content_wrap .sub .content_body.leisure .tab_content .tab_con_tit{ margin-bottom: 30px; }
.content_wrap .sub .content_body.convenient .tab_content .basic_con{ margin-bottom:5px; }
.content_wrap .sub .content_body.convenient .tab_content .basic_con .img_box img{ width: 830px; border: 15px solid #e6e6e6; }
.content_wrap .sub .content_body.convenient .info_box{ width: 830px; margin: 0 auto; }
.content_wrap .sub .content_body.convenient #tab_content2 .info_box ul li.right_info{ width: 420px;}
.content_wrap .sub .content_body.convenient #tab_content2 .info_box ul li{ width:340px;}
.content_wrap .sub .content_body.convenient #tab_content4 .info_box ul li.right_info{ width: 380px; padding-left: 115px; }
.content_wrap .sub .content_body.convenient #tab_content4 .info_box ul li{ width:300px; padding-left: 125px; }
.content_wrap .sub .content_body.convenient #tab_content4 .info_box ul li a{ padding-left: 110px; }
.content_wrap .sub .content_body.convenient #tab_content6 .info_box ul li{ width:300px; padding-left: 125px; }
.content_wrap .sub .content_body.convenient #tab_content6 .info_box ul li.right_info{ width: 460px; padding-left: 115px;}
.content_wrap .sub .content_body.convenient #tab_content7 .info_box ul li{ width: 400px; }
.content_wrap .sub .content_body.convenient #tab_content7 .info_box ul li.right_info{ width: 360px; }
/*.content_wrap .sub .content_body.convenient .info_box ul li{ width: 375px; padding-left:125px }
.content_wrap .sub .content_body.convenient .info_box ul li.right_info,
.content_wrap .sub .content_body. #tab_content3 .info_box ul li.right_info{ width: 330px; }
.content_wrap .sub .content_body.convenient #tab_convenient #tab_content3 .info_box ul li{ width: 410px; }*/
.content_wrap .sub .content_body.convenient button.locaiton_view_btn{margin: 10px 115px 20px 0;}
.content_wrap .sub .content_body.leisure .tab_content .info_table{ margin-top: 40px; }


/*sub_explore*/
.content_wrap .sub .content_body.webacm .tab_group,
.content_wrap .sub .content_body.pr_room .tab_group{ background: none; border-top: 0; }

.content_wrap .sub .content_body.webacm .web_cam_sec{background:#333; width:830px; height:518px; margin:0 auto;}
.content_wrap .sub .content_body.webacm .slopecam_btn{ width: 1000px; margin: 0 auto 55px; }
.content_wrap .sub .content_body.webacm .slopecam_btn .cam_btn{ display: table; width: 100%; }
.content_wrap .sub .content_body.webacm .slopecam_btn .cam_btn a{ display: table-cell; width: 25%; text-align: center; border-radius: 25px; border: 1px solid #ccc; background: #fff; height: 48px; padding: 0; line-height: 48px; color: #888888; font-size: 15px; text-transform: uppercase; font-weight: bold;}
.content_wrap .sub .content_body.webacm .slopecam_btn a:active,
.content_wrap .sub .content_body.webacm .slopecam_btn a:focus,
.content_wrap .sub .content_body.webacm .slopecam_btn a:hover,
.content_wrap .sub .content_body.webacm .slopecam_btn a.on{ background: #243045; border-color: #243045; color: #fff;}
.content_wrap .sub .content_body.webacm .web_cam_sec .web_cam_tit { display: block; background-color: #fff; box-sizing: border-box; border: 1px solid #e5e5e5; height: 50px; line-height: 50px; color: #333; font-size: 14px; font-weight: 400; padding-left: 15px;}

.content_wrap .sub .content_body.resort_map .page_title{ padding-bottom: 0; }
.content_wrap .sub .content_body.resort_map .page_title h3 em{ margin-bottom: 60px; }
.content_wrap .sub .content_body.resort_map .tab_group{ margin-top: 80px; }
.content_wrap .sub .content_body.resort_map .tab_group .tab_content{ text-align: center; }
.content_wrap .sub .content_body.resort_map .tab_content .tab_con_tit02 p{ font-weight: 400; margin-top: 0; margin-bottom: 30px; }

.content_wrap .sub .content_body.pr_room .tab_group{ margin-top: 0; }
.content_wrap .sub .content_body.pr_room .tab_content .tab_con_tit{ margin-bottom: 30px; }
.content_wrap .sub .content_body.pr_room .tab_content > ul{ width: 880px; margin: 0 auto; }
.content_wrap .sub .content_body.pr_room .tab_content > ul::after,
.content_wrap .sub .content_body.pr_room .tab_content .video_th ul::after,
.content_wrap .sub .content_body.pr_room .tab_content .gall_th ul::after{ display: block; content: ''; clear: both; }
.content_wrap .sub .content_body.pr_room .tab_content > ul >li.brochure_box{ float: left; width: 430px; padding: 5px 5px 20px; box-sizing: border-box; border: 1px solid #e0e0e0; }
.content_wrap .sub .content_body.pr_room .tab_content > ul > li:first-child{ margin-right:20px; }
.content_wrap .sub .content_body.pr_room .tab_content > ul >li.brochure_box > h5{ font-size: 26px; font-weight: 500; text-align: center; color: #555; margin-top: 20px; }
.content_wrap .sub .content_body.pr_room .tab_content > ul > li.brochure_box > img{ width: 100%; }
.content_wrap .sub .content_body.pr_room .tab_content > ul > li .down_load_btn{ text-align: center; margin-top: 10px; }
.content_wrap .sub .content_body.pr_room .tab_content > ul > li .down_load_btn a{ display: inline-block; background: url('../images/common/btn_leaflet_bg.jpg') right center no-repeat #f9f9f9; min-width: 120px; height: 30px; line-height: 30px; padding: 0 10px; font-size: 12px; font-weight: 500; text-align: center; color: #555; box-sizing: border-box; text-transform: uppercase; border: 1px solid #ccc;}
.content_wrap .sub .content_body.pr_room .tab_content .video_box,
.content_wrap .sub .content_body.pr_room .tab_content .video_th,
.content_wrap .sub .content_body.pr_room .tab_content .gall_box,
.content_wrap .sub .content_body.pr_room .tab_content .gall_th{ width: 830px; margin:0 auto; }
.content_wrap .sub .content_body.pr_room .tab_content .video_th,
.content_wrap .sub .content_body.pr_room .tab_content .gall_th{ margin-top: 40px; }
.content_wrap .sub .content_body.pr_room .tab_content .video_th ul li,
.content_wrap .sub .content_body.pr_room .tab_content .gall_th ul li{ float: left; margin-left: 30px; margin-bottom: 30px;}
.content_wrap .sub .content_body.pr_room .tab_content .video_th ul li{ height: 150px; }
.content_wrap .sub .content_body.pr_room .tab_content .gall_th ul li{ height: 186px; }
.content_wrap .sub .content_body.pr_room .tab_content .video_th ul li:first-child,
.content_wrap .sub .content_body.pr_room .tab_content .gall_th ul li:first-child{ margin-left: 0; }
.content_wrap .sub .content_body.pr_room .tab_content .video_th ul li span.tit,
.content_wrap .sub .content_body.pr_room .tab_content .gall_th ul li span.tit{ display: block;width: 175px;  margin: 18px 5px 0; font-size: 14px; overflow: hidden; font-weight: bold; text-align: center; color: #333; }
.content_wrap .sub .content_body.pr_room .tab_content .gall_th ul li span.tit em{ display: block; padding-top: 5px; font-weight: normal; }

/*sub_directions*/
.content_wrap .sub .content_body.directions .page_title{ padding-bottom: 60px; }
.content_wrap .sub .content_body.directions .section_box{ width: 1060px; margin: 0 auto; }
.content_wrap .sub .content_body.directions .section_box .roadmap_sec{ border-bottom: 1px solid #ccc; }
.content_wrap .sub .content_body.directions .section_box .roadmap_sec h4 { font-size: 17px; font-weight: bold; height: 45px; line-height: 45px; padding-left: 10px; color: #333; border-top: 2px solid #333; border-bottom: 1px solid #ccc; margin-bottom: 0; }
.content_wrap .sub .content_body.directions .section_box .roadmap_sec .road_box{ padding: 15px 0; }
.content_wrap .sub .content_body.directions .section_box > ul{ margin-top: 10px; }
.content_wrap .sub .content_body.directions .section_box > ul > li{ font-size: 14px; color: #555; line-height: 20px; }
.content_wrap .sub .content_body.directions .section_box + .section_box{ margin-top: 60px; }
.content_wrap .sub .content_body.directions .section_box + .section_box > ul > li:first-child{ font-weight: 600; }
.content_wrap .sub .content_body.directions .tab_group{ margin-top: 100px; }
.content_wrap .sub .content_body.directions .tab_group .info_table table td,
.content_wrap .sub .content_body.directions .tab_group .info_table table th{ height: 40px; }
.content_wrap .sub .content_body.directions .tab_content .tab_con_tit{ margin-bottom: 20px; }
.content_wrap .sub .content_body.directions .tab_content > ul{ margin-top: 10px; }
.content_wrap .sub .content_body.directions .tab_content > ul > li > a{ margin-left: 10px; display: inline-block; text-align: center; background: #f1f4f8; width: 100px; height: 22px; line-height: 20px; vertical-align: middle; border: 1px solid #999; border-radius: 5px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #666;}


.slopemap { width: 770px; height: 550px; margin: 0 auto; border: 1px solid #ccc; position: relative; }
.slopemap .mapc { position: absolute; top: 0px; left: 0px; }
.slopemap #map_slope_bg.mapc { z-index: 0; }
.slopemap .mapc {position: absolute; top: 0px; left: 0px; }
.slopemap #map_lift_01.mapc { z-index: 1; }
.slopemap #map_lift_02.mapc { z-index: 2; }
.slopemap #map_slope_01.mapc { z-index: 3; }
.slopemap #map_slope_02.mapc { z-index: 4; }
.slopemap #map_slope_03.mapc { z-index: 5; }
.bsc_btn { background: #999; color: #fff; display: inline-block; height: 40px; line-height: 38px; font-size: 14px; padding: 0 25px; border: 0; vertical-align: middle; text-align: center; cursor: pointer; }
.slopemap_btn{ width: 770px; margin: 0 auto; }
.slopemap_btn a { width: 95px; padding: 0; color: #fff; border-radius: 5px; }
.slopemap_btn .btn li { float: left; width: auto; margin: 0 1px 0px 0; font-size: 14px; }
.slopemap_btn .btn .on { background: #243045; }
.slopemap_btn .fl_left { width: 390px; }
.fl_left { float: left; }
.slopemap_btn .fl_right { width: 348px; }
.fl_right { float: right; }
.slopemap_btn > div{ margin: 20px 0; }
.slopemap_btn > div h4{ font-size: 18px; font-weight: 500; color: #243045; margin-bottom: 5px; }

.bskin_layer { position: fixed; top: 50%;left: 50%; background: #fff; z-index: 110; display: none; }
.bskin_layer .bskin_in { position: relative; }
.bskin_layer .lycont { padding: 25px; }
.bskin_layer .close { position: absolute; top: 17px; right: 17px; }
.bskin_layer .bskin_in .title02 { height: 55px; background: #243045; }
.bskin_layer .bskin_in .title02 p { font-size: 16px; line-height: 55px; display: inline-block; margin-left: 20px; color: #fff;}
.layer_dimd, .layerS_dimd { background: #000; filter: alpha(opacity=70); opacity: 0.7; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; }
/*.content_wrap .sub .content_body.ski_rental .section_box > h4{ margin-bottom: 10px; }*/

/*footer*/
.footer_wrap { position: relative; background: #3e434b; padding: 45px 0 0; }
#footer { color: #b3b5b8; width: 1200px; margin: 0 auto; position: relative; }
#footer .contact_info { font-size: 13px; line-height: 18px; }
#footer .contact_info::after{ content: ''; clear: both; display: block;}
#footer .contact_info > li { float: left; }
#footer .contact_info > li:first-child{ padding-right: 70px; border-right: 1px solid #565a60; margin-right: 70px; }
#footer .contact_info > li > .f_info_tit{ padding-bottom:10px; width: 550px; border-bottom: 1px solid #4c5157; margin-bottom: 10px;}
#footer .contact_info > li:first-child + li > .f_info_tit{ width: 435px; }
#footer .contact_info > li > .f_info_tit::after{ content: ''; display: block; clear: both; }
#footer .contact_info > li > .f_info_tit h3 { display: inline-block; margin-right: 0.5em; font-size: 22px; color: #aaa; font-weight: 500; text-transform: uppercase; }
#footer .contact_info > li > .f_info_tit button{ float: right; background: #30343a; width: 100px; height: 22px; border: 1px solid #565a60; border-radius: 5px; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #ccc; }
#footer .contact_info > li h3 span{ color: #b3b9cb; }
#footer .contact_info > li > ul { display: inline-block; }
#footer .contact_info > li > ul li { font-size: 13px; line-height: 18px; color: #aaa; }
.copyright { width: 100%; padding: 15px 0; background: #343434; font-size: 11px; color: #aaa; font-weight: bold; margin-top: 45px; text-align: center;}
.copyright a:first-child { margin-left: 10px; }
.copyright a { display: inline-block; vertical-align: middle; margin: 0 2px; }

#footer .family_site { position: absolute; right: 10px; top: 0; }
#footer .family_site select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; font-size: 11px; color: #c8c8ad; width: 180px; height: 34px; padding-left: 15px; background: #2f3338 url('../images/icon/arrow_family_site_down.png') no-repeat right center; border: none; }
#footer .family_site select::-ms-expand { display: none; }

/*popup*/
.popup_wrap { }
.modal { text-align: center; }
.modal:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.modal-dialog { width: auto; display: inline-block; vertical-align: middle; }
.modal-content { position: relative; }
.modal-content .btn_close { position: absolute; right: 0; bottom: 100%; width: 40px; height: 40px; background: none; border: none; margin-bottom:20px;transition:0.3s all;}
.modal-content .btn_close:hover { transform:rotate(180deg);}
.modal-content .btn_close:before { content: ''; position: absolute; width: 100%; height: 1px; transform: rotate(45deg); background: #fff; left: 50%; margin-left: -20px; }
.modal-content .btn_close:after { content: ''; position: absolute; width: 100%; height: 1px; transform: rotate(-45deg); background: #fff; left: 50%; margin-left: -20px; }


.photo-area .slick-list{ width: 830px; margin: 0 auto; text-align: center; }
/*.photo-area .slick-slide{ border: 15px solid #e6e6e6; }*/
.photo-area .slick-slide img{ width: 100%;  border: 15px solid #e6e6e6; }
.photo-area .slick-arrow{ position: absolute; z-index: 10; top: 50%; margin-top: -41px; width: 90px; height: 100px; text-indent: -99999px; }
.photo-area .slick-prev.slick-arrow{ background: url(../images/common/arrow_left.png) center center no-repeat; left: -10px; }
.photo-area .slick-next.slick-arrow{ background: url(../images/common/arrow_right.png) center center no-repeat; right: -10px; }
.photo-area .slick-dots{ text-align: center; }
.photo-area .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.photo-area .slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;}
.photo-area .slick-dots li.slick-active button:before {opacity: .75; color: black; }
.photo-area .slick-dots li button::before { font-size: 30px; line-height: 20px; position: absolute; top: 10px; left: 0px; width: 20px; height: 20px; content: "•"; text-align: center; opacity: 0.25; color: black; -webkit-font-smoothing: antialiased; }



#maskLayer{
	position: fixed;
    z-index: 9999;
    background: url(../images/common/bg70.png);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
#maskLayer .popFrame {
    position: relative;
    margin: 0 auto;
}
#maskLayer .popFrame .popHead {
    position: relative;
    background: #333;
    color: #fff;
    font-size: 16px;
    padding: 20px 25px;
}
#maskLayer .popFrame .popBody {
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    max-height: 600px;
    overflow-y: auto;
}
#maskLayer .popFrame .popBody img {
    position: relative;
    max-width: 100%;
    margin: 0 auto;
}
#maskLayer .popFrame .btnPopClose {
    position: absolute;
    display: block;
    width: 23px; 
    height: 23px;
    top: 20px;
    right: 20px;
    background: url(../images/common/btn_popClose.png) no-repeat center;
}


/*170717*/
.intro_con > ul > li .txt_con { vertical-align: top; margin-top: 15px; } /*1,2*/
.intro_con > ul > li .txt_con { vertical-align: top; margin-top: 8px; } /*3*/
/*.content_wrap .sub .content_body.convenient #tab_content1 .info_box ul li { width: 400px; }
.content_wrap .sub .content_body.convenient #tab_content1 .info_box ul li.right_info { width: 350px; }
.content_wrap .sub .content_body.convenient #tab_content2 .info_box ul li { width: 390px; }
.content_wrap .sub .content_body.convenient #tab_content2 .info_box ul li.right_info { width: 375px; }*/
.content_wrap .sub .content_body.convenient #tab_content4 .info_box ul li a { padding-left: 55px; }
.content_wrap .sub .content_body.convenient #tab_content4 .info_box ul li { width: 385px; }
.content_wrap .sub .content_body.convenient #tab_content5 .info_box ul li { width: 400px; }
.content_wrap .sub .content_body.convenient #tab_content5 .info_box ul li.right_info { width: 350px; }
.content_wrap .sub .content_body.convenient #tab_content6 .info_box ul li { width: 360px; }
.content_wrap .sub .content_body.convenient #tab_content6 .info_box ul li.right_info { width: 400px; }
.content_wrap .sub .content_body.convenient #tab_content7 .info_box ul li { width: 320px; }
.content_wrap .sub .content_body.convenient #tab_content7 .info_box ul li.right_info { width: 440px; }
.content_wrap .sub .content_body.convenient #tab_content8 .info_box ul li { width: 400px; }
.content_wrap .sub .content_body.convenient #tab_content8 .info_box ul li.right_info { width: 350px; }
.content_wrap .sub .content_body.convenient #tab_content9 .info_box ul li { width: 340px; }
.content_wrap .sub .content_body.convenient #tab_content9 .info_box ul li.right_info { width: 420px; }


.top_sns { position: absolute; right: 170px; top: 10px; }
.top_sns li { float: left; margin: 0 4px; }

.header_top .contact li a { color: #7f848d; }
#footer .contact_info > li > ul li a { color: #aaa; }

.yellowBtnW { margin-top: -15px; margin-bottom: 50px; }
.yellowBtnW.mt00 { margin-top: 10px; /*margin-bottom: 20px;*/ }
.saleBtn01 { background: #ff7e28; border-radius: 40px; padding: 15px 50px; font-size: 28px; color: #fff; }

.kingsejong { display:inline-block; vertical-align:middle; }
.kingsejong.p_fix { position: fixed; right: 50%; margin-right:-650px; top: 65px; z-index: 100; }
.b2b_img img { width:100%; margin-top:30px; }