@charset "utf-8"; @import url("/css/reset_180608.css"); @import url("/css/jquery-ui-1.10.3.custom.css"); @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css"); /******************************************************************* Layout ********************************************************************/ #wrap{position:relative;width:100%} #header{z-index:50;min-width:980px;position:relative;} .banner_area{overflow:hidden;width:100%;height:0;background:#212121} .banner_area .banner_box{overflow:hidden;position:relative;width:940px;height:90px;margin:0 auto} .banner_area .banner_lst{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:90px} .banner_area .banner_lst li{position:absolute;top:0;left:0;width:100%;height:90px} .banner_area .banner_lst li a{display:block;height:90px} .banner_area .btn_lft{display:block;overflow:hidden;position:absolute;top:40px;left:18px;width:20px;height:20px;background:url('/images/btn/btn_lft_top_bn.png') no-repeat 0 0} .banner_area .btn_rgt{display:block;overflow:hidden;position:absolute;top:40px;right:18px;width:20px;height:20px;background:url('/images/btn/btn_rgt_top_bn.png') no-repeat 0 0} .banner_area .btn_lft:hover, .banner_area .btn_lft:focus, .banner_area .btn_rgt:hover, .banner_area .btn_rgt:focus{background-position:0 -20px} /* header 108 */ #header_section {position: relative; z-index: 100; height: 45px; /*margin-bottom: 44px; border-bottom: 0px solid #DEE0E1; */ text-align: left; border-bottom: 1px solid #dedede; background-color: #f6f6f6;} #header_section .header {position: relative; z-index: 101; width: 980px; /*height: 54px;*/ margin: 0 auto; padding: 9px 0 /*border-bottom: 1px solid #DEE0E1;*/} .header .tnb {zoom: 1; } .header .tnb:after {content: ""; display: block; clear: both; visibility: hidden; width: 0; height: 0} .header .tnb a {font-family:'NanumGothic','나눔고딕'; color: #444} .header .tnb .tnb_tel {overflow: hidden; float: left; padding-top: 4px;} .header .tnb .tnb_tel li {float: left;} .header .tnb .tnb_tel li.btel {float: left; width: 250px; font-size:18px;color:#0097e1;padding-left: 10px; font-weight: 600; font-family: 'Spoqa Han Sans Neo', 'sans-serif'; letter-spacing: 0;} /* Tnb 오른쪽 영역 */ .header .tnb .tnb_mypage {zoom: 1; float: right} .header .tnb .tnb_mypage:after {content: ""; display: block; clear: both; visibility: hidden; width: 0; height: 0} .header .tnb .tnb_mypage a {display: inline-block; padding: 0 20px 6px; color: #848484; line-height: 30px;} .header .tnb .tnb_mypage a:hover {text-decoration: none; color: #233662} .header .tnb .tnb_mylink {zoom: 1; float: left;} .header .tnb .tnb_mylink:after {content: ""; display: block; clear: both; visibility: hidden; width: 0; height: 0} .header .tnb .tnb_mylink ul {zoom: 1; float: left;} .header .tnb .tnb_mylink ul:after {content: ""; display: block; clear: both; visibility: hidden; width: 0; height: 0} .header .tnb .tnb_mylink li {float: left; background-image: none;} .header .tnb .tnb_mylink li.li_login a {padding: 0 11px 6px 18px} .header .tnb .tnb_mypage .app_down {float: left; padding-right: 18px; background: url('/images/common/img_short_bar2.gif') no-repeat right 11px} .header .tnb .tnb_mypage .app_down a {display: inline-block; padding: 7px 0 7px 20px; font-size: 11px; background: url('/images/common/icon_set.png') no-repeat 10px 10px; color: #233662; line-height: 18px} .header .tnb .tnb_mylink li.li_mypage {z-index: 1000; position: relative; padding-right: 11px} .header .tnb .tnb_mylink li.li_mypage:hover a {color: #233662} .header .tnb .tnb_mylink li ul li a {color: #757575 !important} .header .tnb .tnb_mylink li ul li a:hover {color: #444 !important} .header .tnb .tnb_mylink li.li_mypage a {z-index: 10000; padding: 0 11px 6px 9px; background: url('/images/common/icon_set.png') no-repeat 59px -329px ; position: relative; cursor: pointer} .header .tnb .tnb_mylink li.li_mypage .five {z-index: 10000; padding: 0 11px 6px 9px; background: url('/images/common/icon_set.png') no-repeat 68px -329px ; position: relative; cursor: pointer} .header .tnb .tnb_mylink li.li_mypage a:hover {background-position: 59px -669px ;} .header .tnb .tnb_mylink li.li_mypage:hover .mypage_list {display: block} .header .tnb .tnb_mylink li.li_mypage:hover a, .header .tnb .tnb_mylink li.li_mypage.over a {background-position: 59px -669px ;background: #fff;} .header .tnb .tnb_mylink li.li_mypage .mypage_list {z-index: 1000; display: none; position: absolute; left: -1px; top: 35px; border-left: 1px solid #ffde00; border-right: 1px solid #ffde00; border-bottom: 1px solid #ffde00;} .header .tnb .tnb_mylink li.li_mypage .mypage_list li:first-child { margin-top: 0px} .header .tnb .tnb_mylink li.li_mypage .mypage_list li {float: none; background-image: none; background-color: #FFF; widht: 100px;} .header .tnb .tnb_mylink li.li_mypage .mypage_list a {display: block;padding: 5px 11px 6px 11px; background: #FFF; text-align: left; line-height: 24px;} .header .tnb .tnb_mylink li.li_mypage .mypage_list a:hover {text-decoration: none; padding: 5px 11px 6px 11px;background-color: #F0F0F0;} .header .tnb .tnb_mylink li.li_customer {z-index: 1000; position: relative; padding-right: 11px} .header .tnb .tnb_mylink li.li_customer a {z-index: 10000; padding: 0 11px 6px 9px; background: url('/images/common/icon_set.png') no-repeat 59px -329px ; position: relative; cursor: pointer} .header .tnb .tnb_mylink li.li_customer a:hover {background-position: 59px -669px ;} .header .tnb .tnb_mylink li.li_customer:hover .customer_list {display: block} .header .tnb .tnb_mylink li.li_customer:hover a, .header .tnb .tnb_mylink li.li_customer.over a {background-position: 59px -669px ;background: #fff;} .header .tnb .tnb_mylink li.li_customer .customer_list {z-index: 1000; display: none; position: absolute; left: -1px; top: 35px; border-left: 1px solid #ffde00; border-right: 1px solid #ffde00; border-bottom: 1px solid #ffde00;} .header .tnb .tnb_mylink li.li_customer .customer_list li:first-child { margin-top: 0px} .header .tnb .tnb_mylink li.li_customer .customer_list li {float: none; background-image: none; background-color: #FFF; widht: 100px;} .header .tnb .tnb_mylink li.li_customer .customer_list a {display: block;padding: 5px 11px 6px 11px; background: #FFF; text-align: left; line-height: 24px;} .header .tnb .tnb_mylink li.li_customer .customer_list a:hover {text-decoration: none; padding: 5px 11px 6px 11px;background-color: #F0F0F0;} .header .tnb .tnb_mylink li.li_club {z-index: 1000; position: relative; padding-right: 18px; background: url('/images/common/img_short_bar2.gif') no-repeat right 11px} .header .tnb .tnb_mylink li.li_club a {z-index: 10000; display: inline-block; position: relative; background: url('/images/common/icon_set.png') no-repeat 70px -329px; line-height: 18px;} .header .tnb .tnb_mylink li.li_club:hover .club_list {display: block} .header .tnb .tnb_mylink li.li_club:hover a {color: #c83d67} .header .tnb .tnb_mylink li.li_club:hover .club_list a {color: #444} .header .tnb .tnb_mylink li.li_club:hover a, .header .tnb .tnb_mylink li.li_club.over a {background-position: 70px -669px;} .header .tnb .tnb_mylink li.li_club .club_list {z-index: 1000; display: none; position: absolute; left: -11px; top: 31px; width: 106px; border-left: 1px solid #5E5E5E; border-right: 1px solid #5E5E5E; border-bottom: 1px solid #5E5E5E} .header .tnb .tnb_mylink li.li_club .club_list li:first-child {border-top: 1px solid #d1d1d1; margin-top: 0px} .header .tnb .tnb_mylink li.li_club .club_list li {float: none; background-image: none; background-color: #FFF; line-height: 24px; } .header .tnb .tnb_mylink li.li_club .club_list a {display: block; padding: 0 0 0 20px; background: #FFF; text-align: left; line-height: 24px;} .header .tnb .tnb_mylink li.li_club .club_list a:hover {text-decoration: none; background-color: #F0F0F0;} .header .tnb .tnb_trabiz {float: left;padding-left: 7px; background: url('/images/common/img_short_bar2.gif') no-repeat right 11px} .header .tnb .tnb_sm {float: left; margin-left: 7px;} #header .top{position:relative;} #header .top .gnb_area{z-index:55;position:relative;width:980px;height:60px;margin:0 auto} #header .top .gnb_area h1{float:left;width:132px;height:60px} #header .top .gnb_area h1 a{display:block;width:100%;height:60px;background:url('/images/hg/h1_logo.png') no-repeat 0 center;vertical-align:top} #header .top .gnb_area .gnb{float:left;margin-left:52px;text-align:center} #header .top .gnb_area .gnb li{float:left;height:40px;} #header .top .gnb_area .gnb li a { display:block; font-weight:normal; font-weight: 600; line-height: 60px; font-family: "Pretendard Variable", Pretendard, sans-serif; letter-spacing: 0; } #header .top .gnb_area .gnb_cover{display:none;overflow:hidden;position:absolute;top:60px;left:0;width:980px;height:40px; } #header .top .gnb_area .gnb_cover .smenu{position:relative;width:978px;height:40px;/*border:1px solid #0096e2*/} #header .top .gnb_area .gnb_cover .smenu li{overflow:hidden;float:left;margin:0;/*background:url('/images/bg/bg_smenu_bar.gif') no-repeat 0 18px;*/font-size:14px;text-align:center; background-color: #12121294;} /* #header .top .gnb_area .gnb_cover .smenu li a{height:15px;padding:16px 30px;border:0;color:#fff;line-height:1.5;vertical-align:top;font-weight:normal;} */ #header .top .gnb_area .gnb_cover .smenu li a{ /* height: 15px; */ padding: 0 30px; border: 0; color: #fff; line-height: 40px; vertical-align: top; font-weight: normal; } /* #header .top .gnb_area .gnb_cover .smenu li:first-child{background:none} */ #header .top .gnb_area .gnb_cover .smenu li a:hover, #header .top .gnb_area .gnb_cover .smenu li a:focus, #header .top .gnb_area .gnb_cover .smenu li.on a{ color:#fff;text-decoration:none; } #header .top .gnb_area .gnb_cover .smenu li a:hover {background-color:#404040de;} #header .top .gnb_area .gnb_cover .smenu li.on a {background-color:#47a9d1;} #header .top .gnb_area .gnb_cover .smenu li:hover+li{background-image:none} #header .top .gnb_area .gnb li p {width:112.2px; font-size:18px; font-weight: 800; border-right: 1px solid #ebebeb;} #header .top .gnb_area .gnb li p a:hover, #header .top .gnb_area .gnb li p li a:focus, #header .top .gnb_area .gnb li p.on {background-color:#0096e2;color:#fff;text-decoration:none;border-right: 1px solid #0096e2;} #header .top .gnb_area .gnb .gnb1 .smenu li a{} #header .top .gnb_area .gnb .gnb2 .smenu li a, #header .top .gnb_area .gnb .gnb3 .smenu li a{width:427px} #header .top .gnb_area .gnb .gnb4 .smenu li a{width:427px} #header .top .gnb_area .gnb .gnb5 .smenu li a{width:427px} #header .top .gnb_area .gnb .gnb6 .smenu li a{width:264px} #header .top .gnb_area .gnb .gnb7 .smenu li a{} #header .top .bg_smenu{display:block;z-index:51;top:105px;left:0;width:100%;height:40px;background-color:#acd5e6; display:none; } #header .top .yl_area {width: 100%; min-width: 1080px; max-width: 100%; height: 40px; background-color: #ffde00} #header .top .yl_area .top_menu{position:absolute;top:26px;right:5px;height:20px;width: 980px;} #header .top .yl_area .top_menu li{float:left;margin-left:6px} #header .top .yl_area .top_menu li a{display:block;height:11px;padding:5px 0 4px 8px;background:url('/images/bg/bg_top_menu.gif') no-repeat 0 9px;vertical-align:top;cursor:pointer} #header .top .yl_area .top_menu li:first-child a{background:none} #header .top .yl_area .top_menu li.fb{margin-left:10px} #header .top .yl_area .top_menu li.fb a, #header .top .yl_area .top_menu li.blog a{height:20px;padding:0;background:none} #header .top .btn_top_bn{display:block;position:absolute;top:0;right:0} #company_info {width: 100%; min-width: 1080px; max-width: 100%; height: 40px; /*border-bottom: 1px solid #c4c7c8; border-top: 1px solid #c4c7c8;*/ font-size: 14px; background-color: #f2f2f2;} #company_info a {font-size: 12px; font-family: '나눔고딕',NanumGothic,NG,'돋움',Dotum,'맑은고딕','Malgun Gothic','굴림',Gulim,Helvetica,sans-serif} #company_info .company_section {zoom: 1;width: 980px; height: 40px; margin: 0 auto;} #company_info .company_section:after {content: ""; display: block; clear: both; visibility: hidden; width: 0; height: 0} #company_info .provision {overflow: hidden; float: left; padding: 10px 0; margin: 0; line-height: 18px} #company_info .provision li {float: left; background: url('/images/hg/line_height_01.gif') no-repeat 0 45%} #company_info .provision li a {padding: 0 15px; font-size: 12px; color: #646464;} #company_info .provision li a:hover {text-decoration: underline} #company_info .provision li:first-child {background: 0 none} #company_info .provision li:first-child a {padding: 0 15px 0 0} #footer {width: 100%; min-width: 1080px; max-width: 100%; margin: 0; font-size: 12px; background-image: none; text-align: left; color: #7f7f7f} /* footer banner */ .footer_btm_bnr{width:100%;text-align:center;overflow:hidden;position:relative;z-index:0;background-color:#ffde00} .footer_btm_bnr .bg_wide{position:absolute;top:17px;width:100%;height:160px;z-index:1;left:0} /*20151110 수정*/ .footer_btm_bnr .top_bnr_wrap{width:1100px;margin:0 auto;z-index:2;position:relative} #footer .footer_section {width: 980px; margin: 20px auto; font-family: '나눔고딕',NanumGothic,NG,'돋움',Dotum,'맑은고딕','Malgun Gothic','굴림',Gulim,Helvetica,sans-serif; line-height: 20px;} #footer .footer_section {position: relative} #footer .footer_section .logo {float: left; position: relative; width: 150px; height: 90px; margin-top: 24px; } #footer .footer_section .adr {float: left; position: relative; width: 600px; height: 90px; margin-top: 10px; letter-spacing: -0.3px; } #footer .footer_section .tel {float: left; position: relative; width: 230px; height: 90px; text-align:right; font-weight: 800;} #footer .footer_section .tel .c_tel {font-size:16px;color:#333333; padding-bottom: 10px; vertical-align: text-bottom; font-family: 'Pretendard', sans-serif; font-weight: 600;} #footer .footer_section .tel .n_tel {font-size:20px;color:#0097e1; font-family: 'Spoqa Han Sans Neo', 'sans-serif'; font-weight: 400; letter-spacing: 0;} #footer .appBan { background-color: #50acd8; background-image: linear-gradient(to right, #3fade8 , #b9a2f2); text-align: center; } #footer .appBan img { max-width: 1280px;} .footer_btm_bnr .top_bnr_wrap { width: 1280px; } #main_container{z-index:40;position:relative;width:100%} #main_container .tt {width: 100%; min-width: 1080px; max-width: 100%; height: 120px; background-color: #acd5e6;} #main_container .tt .bg_main {zoom: 1; width: 980px; height: 120px; background:url('/images/hg/topbg_main.gif') no-repeat; margin: 0 auto;} #main_container .btn_sc_beg span {background: none !important; border: 1px solid #0097e1; color:#0097e1; } #main_container .btn_sc_beg { background: none !important; margin: 17px 0 6px; height: initial; } #container{z-index:40;position:relative;width:100%} #container .tt {width: 100%; min-width: 1080px; max-width: 100%; height: 120px; background-color: #acd5e6; padding-top: 40px;} #container .tt .bg_booking {zoom: 1; width: 980px; height: 120px; background:url('/images/hg/topbg_booking.gif') no-repeat; margin: 0 auto;} #container .tt .bg_bkjoin {zoom: 1; width: 980px; height: 120px; background:url('/images/hg/topbg_bkjoin.gif') no-repeat; margin: 0 auto;} #container .tt .bg_package {zoom: 1; width: 980px; height: 120px; background:url('/images/hg/topbg_package.gif') no-repeat; margin: 0 auto;} #container .tt .bg_comunity {zoom: 1; width: 980px; height: 120px; background:url('/images/hg/topbg_comunity.gif') no-repeat; margin: 0 auto;} #container .tt .bg_member {zoom: 1; width: 980px; height: 120px; background:url('/images/hg/topbg_member.gif') no-repeat; margin: 0 auto;} #container .tt .bg_inquiry {zoom: 1; width: 980px; height: 120px; background:url('/images/hg/topbg_inquiry.gif') no-repeat; margin: 0 auto;} #container .tt .bg_prmain {zoom: 1;position:relative; height: 439px; background:url('/images/hg/top_prmain.jpg') no-repeat center 0; margin: 0 auto;} #container .tt .bg_prmaint {zoom: 1; width: 980px; height: 439px; background:url('/images/hg/t_prmaing.png') no-repeat; margin: 0 auto;} #container .tt .bg_pr {zoom: 1;position:relative; height: 120px; background:url('/images/hg/top_pr.jpg') no-repeat center 0; margin: 0 auto;} #container .tt .bg_prt {zoom: 1; width: 980px; height: 120px; background:url('/images/hg/t_prg.png') no-repeat; margin: 0 auto;} #container .tt .bg_event {zoom: 1; width: 980px; height: 120px; background:url('/images/hg/topbg_package.gif') no-repeat; margin: 0 auto;} #container .tt .bg_join {zoom: 1; width: 980px; height: 120px; background:url('/images/hg/topbg_join.gif') no-repeat; margin: 0 auto;} #container .tt h1 { zoom: 1; font-size: 25px;/* letter-spacing: -3px; */ padding: 60px 0 0 30px; line-height: 50px; font-family:'NanumGothic', '나눔고딕'; color: #3f8db3; letter-spacing: 0; } .contents{position:relative;width:960px;margin:0 auto;padding:0 0 80px;font-size:12px;color:#555} .contents2{position:relative;width:100%;min-width:960px;margin:0 auto;padding:0 ;font-size:12px;color:#555} /* .mainCon{ min-width: 1280px; } */ .mainCon.popCont { min-width: 960px; } .contents p.nare {margin-top: 15px; margin-bottom: 15px; font-size: 14px; height: 30px; } h2.title{padding: 50px 0 0 10px;} h2.title>*{display:block;vertical-align:top} h2.title strong{color:#515253; font-size: 30px; font-weight: bold; font-family:'맑은고딕','Malgun Gothic'; line-height: 35px;letter-spacing: -3px;} h2.title span{margin-top:17px;font-weight:normal;color:#777} h2.detail_title{height:28px;text-align:left; padding-left: 20px;} h2.detail_title>*{display:block} h2.detail_title .bar{height:1px;padding:15px 0;background:url('/images/bg/bg_detail_bar.gif') no-repeat center center} h2.detail_title .s_title{margin-top:20px;font-size:20px;color:#555;vertical-align:top} h3.stit{position:relative;height:31px;margin-top:50px;font-size:18px;} h3.tbtit{position:relative;height:31px;margin-top:20px;margin-bottom:20px;font-size:21px;padding-left: 20px} h3.ttit{position:relative;height:31px;margin-top:20px;margin-bottom:20px;font-size:18px; border-bottom: 1px solid #ddd;} h3.stit strong{color:#0097e1} h3.stit a{margin-left:10px;font-weight:normal} h3.stit2{height:31px;font-size:14px;} h3.stit2 strong{color:#e14840;} h3.stit3{float:left;height:31px;margin-top:50px;font-size:14px;} .btn_title_area{float:right;margin-top:37px} /******************************************************************* Common ********************************************************************/ .btn_area{height:50px;margin-top:50px;text-align:center} .btn_area a{display:inline-block} .search_box{display:inline-block;position:relative;width:276px; height:260px; border:1px solid #dfdfdf; padding:15px 23px; float:left; text-align:center} .search_box table {width: 100%;} .search_box tr th {width: 100px;height: 50px; font-size:14px;font-weight:normal} .search_box tr td {height: 50px} .search_box tr td span.btn_area span {width:240px;} .weeklist_box {float:right; margin-top: 10px;display:inline-block;position:relative;width:525px; height:222px;} .search_box2{display:inline-block;position:relative;width:276px; height:236px; border:1px solid #dfdfdf; padding:14px 20px 62px 20px; float:left; text-align:center} .search_box2 table {width: 100%;} .search_box2 tr th {width: 100px;height: 50px; font-size:14px;font-weight:normal} .search_box2 tr td {height: 50px} .search_box2 tr td span.btn_area span {width:240px; padding: 2px 10px; font-size: 15px;} .search_box3{display:inline-block;position:relative;width:276px; height:292px; border:1px solid #dfdfdf; padding:15px 23px; float:left; text-align:center} .search_box3 table {width: 100%;} .search_box3 tr th {width: 100px;height: 50px; font-size:14px;font-weight:normal} .search_box3 tr td {height: 50px} .search_box3 tr td span.btn_area span {width:240px;} .search_box2 .btn_sc_beg { margin-top: 18px;} table.weektype {width: 100%; font-size: 14px;} table.weektype {width: 100%; font-size: 14px;} table.weektype tr.odd{background:#e9f0f8; font-size: 16px;} table.weektype tr.even{background:#f8f8f8; font-size: 16px;} table.weektype th{height: 40px; width: 77px; border:1px solid #fff; text-align:center; font-weight: normal;} table.weektype th.wth {height: 81px; width: 77px; border:1px solid #fff; text-align:center} table.weektype td{height: 40px; width: 77px; border:1px solid #fff; text-align:center} .cell_t {float:left; margin-left:6px; width: 100px; text-align:center;} .cell {width: 73px; float: left; margin-left: 1px; text-align: center;} .booking_sec2 .weather {height: 45px; padding-top:15px;} .booking_sec2 .weather .date{display:block;margin:0 0 6px; font-size: 14px;} .booking_sec2 .weather .ico{display:block;margin:0 0 5px;} .booking_sec2 .weather .degree{display:block;font-size:12.2px; padding-bottom:15px} .booking_sec2 .odd{background:#e9f0f8; font-size: 16px; padding: 12px 0; border-top: 1px solid #fff; } .booking_sec2 .even{background:#f8f8f8; font-size: 16px; padding: 12px 0; border-top: 1px solid #fff; } .booking_sec2 .red{background:#F8C1B8; font-size: 16px; padding: 12px 0; border-top: 1px solid #fff; } #visualArea.cityMain .cityInfo.kr .weather{left:0;width:100%;height:100%;} #visualArea.cityMain .cityInfo.kr .weather li{width:152px;} #visualArea.cityMain .cityInfo.kr .weather li:first-child{background:none;} .gry_info_box{display:inline-block;position:relative;width:920px;padding:36px 20px;} .gry_info_box li{display:block;padding:4px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 12px;line-height:1.6} .gry_info_box strong{color:#0097e1} .gry_info_box h3{font-size:25px;} .gry_info_box .chk_out{float:left;width:550px;margin-top:20px;vertical-align:top} .gry_info_box .chk_out input[type="checkbox"]{display:inline-block;width:13px;height:13px;margin-right:8px} .gry_info_box .chk_out label{display:inline-block;font-weight:bold} .gry_info_box .chk_out2{float:left;width:550px;margin-top:10px;vertical-align:top} .gry_info_box .chk_out2 input[type="checkbox"]{display:inline-block;width:13px;height:13px;margin:8px 8px 0 0} .gry_info_box .chk_out2 label{display:inline-block;font-weight:bold;line-height:1.7} .gry_info_box .btn_area{float:right;width:350px;height:50px;margin-top:0;text-align:right;vertical-align:top} .gry_info_box .box_tit{margin-top:30px;padding-left:0;background:none;font-weight:bold} .wht_info_box{padding:20px 40px} .wht_info_box li{display:block;margin-top:2px;padding:4px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 10px;line-height:1.4} .wht_info_box li:first-child{margin-top:0} .wht_info_box2{padding:10px 0} .wht_info_box2 li{display:block;padding:4px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 9px;line-height:1.4} .wht_info_box2 li:first-child{margin-top:0} .tab{height:71px;background:url('/images/bg/bg_tab_off.gif') no-repeat 0 0; margin-top: 40px; } .tab li{float:left;height:71px;text-align:center; font-size:16px; font-weight: 600;} .tab li a{display:block;height:38px;padding-top:22px;background:url('/images/bg/bg_tab_lne.gif') repeat-y 0 0;color:#555;text-decoration:none} .tab li.on{background:url('/images/bg/bg_tab_on.gif') no-repeat 50% 0} .tab li.on a{background:none;color:#fff} .tab li.on+li a{background:none} .tab.type1 li{width:50%} .tab.type2 li{width:320px} .tab.type3 li{width:240px} .tab.type4 li{width:120px} .tab.type4-1 li{width:192px} .tab.type5 li{width:160px} .tab.type5-1 li{width:137px} .tab.type7 li{width:136px} .tab.type6 li{width:96px} .tab.type8 li{width:20%} .tab.type9 li{width:33.3%} .stab{height:31px;} .stab li{float:left; margin-left:10px;} .stab li a{display:block;width:53px;height:18px;color:#555;text-align:center;text-decoration:none;border: 1px solid #cacaca;} .stab li:first-child{background:none} .stab li:hover a, .stab li:focus a, .stab li.on a{border: 1px solid #4e8bce;} .stab li.on a{color:#3e9bde; font-weight: bold} .stab li.on+li, .stab li:hover+li{background:none;} .request_box{height:52px;padding:40px;background:#f4f4f4} .request_box .btn_b_beg{float:right} .request_box .chk_area{float:left} .request_box .chk_area input{float:left;margin-top:10px} .request_box .chk_area label span{float:left;display:block;padding-left:15px;line-height:1.6} .pr_sum {width:297px; height:180px; margin: 20px 0;} .t_pr {padding-left:15px; padding-bottom: 45px; font-size:24px; line-height: 36px; font-weight: bold; letter-spacing:-1.5px} .t_prmain { padding-bottom: 20px; font-size:24px; line-height: 36px; font-weight: bold; letter-spacing:-1.5x} .pr_date {color: #f19134} .pr_name {color: #a9a9a9} /* Table */ .table_box{display:inline-block;width:100%;border-top:1px solid #7a7a7a;border-bottom:1px solid #c6c6c6} .table_box_list{display:inline-block;width:100%;/*border-top:1px solid #7a7a7a;border-bottom:1px solid #c6c6c6*/} table.type1{width:100%} table.type1 th{padding-top:18px;padding-bottom:7px;padding-left:20px;background:#fdfdfd;border-top:1px dotted #c6c6c6;text-align:left;vertical-align:top;font-size: 14px; font-weight: normal} table.type1 th em{font-style:normal;color:#df514b;} table.type1 th.sec {padding-top:18px;padding-bottom:7px;padding-left:20px;background:#fdfdfd;border-top:1px dotted #c6c6c6;border-left:1px dotted #c6c6c6;text-align:left;vertical-align:top;font-size: 14px; font-weight: normal} table.type1 td{min-height:33px;padding-top:8px;padding-bottom:8px;padding-left:11px;border-top:1px dotted #c6c6c6;border-left:1px dotted #c6c6c6} table.type1 td p{display:block} table.type1 .st{display:inline-block; padding:7px 10px 0 0; font-size: 13px;} table.type1 .bgn{background-image:none} table.type1 .chk_area{height:20px;margin-top:8px} table.type1 .chk_area input[type="checkbox"]{width:13px;height:13px;margin:3px 10px 0 0;vertical-align:top} table.type1 .chk_area label{display:inline-block;line-height:1.8;vertical-align:top} table.type1 .form_guide{display:inline-block;height:16px;padding:5px 0 0 8px;background:url('/images/ico/ico_sq_gry.gif') no-repeat 0 9px;color:#999;vertical-align:top} table.type1 .form_guide2{display:inline-block;height:16px;padding:5px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 9px;color:#555;vertical-align:top} table.type1 .form_guide3{display:inline-block;height:16px;margin-left:5px;padding:5px 0 0 8px;color:#999;line-height:1.8;vertical-align:top} table.type1 .form_guide4{display:inline-block;height:16px;margin-left:5px;padding:5px 0 0 8px;color:#3e9bdd;line-height:1.8;vertical-align:top} table.type1 .fl_algn{display:block;height:33px} table.type1 .fl_algn>*{float:left;margin-right:10px} table.type1 .fl_algn .form_guide{margin-top:7px} table.type1 .fl_algn .at{padding-top:10px} table.type1 .chk_wp{display:inline-block;height:25px;margin-right:20px;padding-top:8px;vertical-align:top} table.type1 .chk_wp input[type="radio"]{width:13px;height:13px;margin:3px 7px 0 0;vertical-align:top} table.type1 .chk_wp input[type="checkbox"]{width:13px;height:13px;margin:3px 7px 0 0;vertical-align:top} table.type1 .chk_wp label{display:inline-block;line-height:1.8;vertical-align:top} table.type1 .favor_brand_lst{width:100%} table.type1 .favor_brand_lst li{float:left;width:25%;height:23px} table.type1 .favor_brand_lst li input[type="checkbox"]{width:13px;height:13px;margin:3px 10px 0 0;vertical-align:top} table.type1 .favor_brand_lst li label{display:inline-block;line-height:1.8;vertical-align:top} table.type1 .wed_tit{display:inline-block;width:100px;padding-top:9px;vertical-align:top} table.type1 .out_message{position:relative} table.type1 .out_message .i_label{top:10px;left:10px} table.type1 .out_message textarea{width:94%;height:100px} table.type1 .input_wp{display:inline-block;position:relative;height:33px;vertical-align:top} table.type1 .input_wp .i_label{top:7px;left:10px;line-height:1.5;vertical-align:top} table.type1 td span.price{display:inline-block; padding-right:3px; color: #19a1e4; font-weight:bold;font-size:18px; letter-spacing: 0} table.type1 .place:hover{background:#A3DAE9;font-weight:bold;} table.star_score {width:100%} table.star_score td.tit {border:0; text-align: left;} table.star_score td {border:0; text-align: center;} table.type2{table-layout:fixed;width:100%;text-align:center} table.type2 th.fr {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;} table.type2 th {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;} table.type2 th img {vertical-align: middle; } table.type2 th.ed {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;} table.type2 tr.over{background:#ffeb61;} table.type2 tr.over_view{background:#ffeb61;} table.type2 tr.over_view td{text-align:left; padding:20px; color:#333333; vertical-align:top; } table.type2 tr.over_view td.bk{text-align:center; padding:20px; font-size: 16px;text-align:right;} table.type2 tr.over_view span.date{color:#8c8450} table.type2 tr.over_view span.nickname {font-size:18px; color:#006b9f} table.type2 tr.over_view span.phone {font-size:24px; color:#006b9f;font-weight:bold} table.type2 td{height:49px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 0;line-height:1.4} table.type2 td.tit{height:49px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 0;line-height:1.4; text-align: left; padding-left: 40px;} table.type2 td.state{color: #ff7200;} table.type2 td span.price{display:inline-block; padding-right:3px; color: #19a1e4; font-size:18px; letter-spacing: 0; font-family: 'Spoqa Han Sans Neo', 'sans-serif';} table.type2 td.date {text-align: left; font-size: 14px; padding-left: 20px } table.type2 td.date span{border: 1px solid #} table.type2 td.no_product {text-align:center; font-size:14px} table.type2 .title{text-align:left} table.type2 .title a{display:inline-block;overflow:hidden;width:100%;color:#555;white-space:nowrap;text-overflow:ellipsis} table.type2 .item_area {text-align: left; padding: 5px;} table.type2 .item_area .event {font-size: 18px} table.type2 .item_area .plus {font-size: 14px; color: #999999} table.type2 .title span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} table.type2 .title2{padding-left:10px;text-align:left} table.type2 .title2 a{color:#555} table.type2 .nodata span{display:block;height:100px;padding-top:200px;font-weight:bold;color:#555} table.type2 .nodata.ty1{background:url('/images/ico/ico_nodata.gif') no-repeat 50% 85px} table.type2 .nodata.ty2{background:url('/images/ico/ico_nodata2.gif') no-repeat 50% 85px} table.type2 .nodata2{height:300px;color:#555} table.type2 tfoot .save_type1{padding-left:20px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom;border-top:1px solid #c6c6c6;text-align:left} table.type2 tfoot .use_type1{padding-right:20px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom;border-top:1px solid #c6c6c6;border-left:0;text-align:right} table.type2 tfoot .use_type1 .save, table.type2 tfoot .use_type1 .use{margin-left:20px;font-size:12px;font-weight:bold} table.type2 tfoot .use_type1 .save .accumulated, table.type2 tfoot .use_type1 .use .accumulated{color:#0097e1} table.type2 tfoot .save_type2{padding-left:20px;background:#f4f4f4;border-top:1px solid #c6c6c6;text-align:left} table.type2 tfoot .use_type2{padding-right:20px;text-align:right} table.type2 tfoot .use_type2 .save, table.type2 tfoot .use_type2 .use{margin-left:20px;font-size:14px;font-weight:bold} table.type2 tfoot .use_type2 .save .accumulated, table.type2 tfoot .use_type2 .use .accumulated{color:#e14840} table.type3{border-collapse:separate;width:100%;text-align:center} table.type3 th{padding-top:13px;font-size: 14px; font-weight: normal;padding-bottom:13px;background:#fdfdfd;border-left:1px dotted #c6c6c6;line-height:1.3} table.type3 th span{font-weight:normal} table.type3 .brb{border-bottom:1px dotted #c6c6c6 !important} table.type3 td{padding-top:13px;padding-bottom:13px;border-top:1px dotted #c6c6c6;border-left:1px dotted #c6c6c6;line-height:1.3} table.type3 td.card>*{display:block} table.type3 td.card .thumb{overflow:hidden;width:70px;height:46px;margin:0 auto} table.type3 td.card .thumb img{width:100%;height:auto} table.type3 td.card strong{margin-top:5px} table.type3 td.benefit{padding-left:20px;text-align:left} table.type3 td.benefit>*{display:block} table.type3 td.benefit ul li{display:block;margin-top:2px;padding:4px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 9px;text-align:left} table.type3.save td{line-height:1.8} table.type3.save .brnd{padding-left:20px;text-align:left} table.type4{border-collapse:separate;width:100%;text-align:center} table.type4 th{height:49px;background:#fdfdfd;border-left:1px dotted #c6c6c6;line-height:1.3} table.type4 th span{font-weight:normal} table.type4 th.brty{border-top:1px dotted #c6c6c6} table.type4 .total{color:#3e9bdd} table.type4 .rest{font-size:14px;color:#0097e1;} table.type4 .pay{font-size:14px;color:#3e9bdd;} table.type4 td{height:49px;border-top:1px dotted #c6c6c6;border-left:1px dotted #c6c6c6;line-height:1.3} table.type4 td.fam_member, table.type4 th.fam_member{text-align:center;font-weight:bold} table.type4 .mile{padding-right:20px;text-align:right} table.type4 .chk_area{display:inline-block;height:20px;margin-top:8px;margin-right:10px} table.type4 .chk_area input[type="checkbox"]{width:13px;height:13px;margin:3px 5px 0 0;vertical-align:top} table.type4 .chk_area label{display:inline-block;line-height:1.8;vertical-align:top} table.type4 .mit{display:inline-block;height:20px;margin-top:10px;margin-left:10px;vertical-align:top} table.type4 .represent{color:#0097e1 !important} table.type4 .fam_num{color:#e14840 !important} table.type4 .fl_algn{display:block;height:33px;margin-left:15px} table.type4 .fl_algn>*{float:left;margin-right:5px} table.type4 .fl_algn .form_guide{margin-top:7px} table.type4 .fl_algn .at{padding-top:10px} table.type4 tfoot th{padding-left:20px;border-top:1px solid #c6c6c6;text-align:left} table.type4 tfoot td{padding-right:20px;background:#fdfdfd;border-top:1px solid #c6c6c6;border-left:0;text-align:right} table.type4 tfoot td .total_mileage{font-size:14px;font-weight:bold;color:#e14840} table.type4 .cal3{display:inline-block} table.type4 .fam_birth{display:inline-block;position:relative} table.type4 .fam_birth .i_label{padding:10px 0 0 7px;font-size:11px;color:#999} table.type4 .nodata{height:250px;border-left:0;color:#555} table.type5{border-collapse:separate;width:100%;text-align:center} table.type5 td{height:36px;background:url('/images/bg/bg_dot_v.gif') repeat-y 0 0} table.type5 .col3{height:48px} table.type5 .col3 .save{font-size:14px;font-weight:bold;color:#e14840} table.type5 .col3.detail_set{padding-left:18px;text-align:left;} table.type6{width:100%;text-align:center} table.type6 th.fr {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;} table.type6 th {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;} table.type6 th.ed {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;} table.type6 td{height:120px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom} table.type6 tfoot th{height:49px;padding-left:20px;border-bottom:0;text-align:left} table.type6 tfoot td{height:49px;padding-right:45px;font-weight:bold;text-align:right} table.type6 tfoot th.pr{height:49px;padding-right:30px;font-weight:bold;text-align:right} table.type6 tfoot th.tf_top{background:#f8f8f8 url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom} table.type6 tfoot th.tf_bot{background:#fdfdfd;font-size:14px;color:#3e9bdd} table.type6 .thumb{display:block;overflow:hidden;float:left;width:80px;height:80px;margin-right:20px} table.type6 .thumb img{width:100%;height:auto} table.type6 .item_area{text-align:left} table.type6 .item_name{display:inline-block;width:80%;margin-top:20px;color:#555} table.type6 .item_opt{display:inline-block;margin-top:5px;padding-left:8px;background:url('/images/ico/ico_sq_gry.gif') no-repeat 0 6px;color:#777} table.type6 .nodata span{display:block;height:100px;padding-top:200px;font-weight:bold;color:#555;line-height:1.5} table.type6 .nodata.ty1{background:url('/images/ico/ico_nodata3.gif') no-repeat 50% 85px;border-bottom:1px dotted #c6c6c6} table.type7{width:100%} table.type7 th{padding-top:18px;padding-bottom:18px;padding-left:15px;background:#fdfdfd;border-top:1px dotted #c6c6c6;text-align:left;vertical-align:top} table.type7 td{padding-top:18px;padding-bottom:18px;border-top:1px dotted #c6c6c6;border-left:1px dotted #c6c6c6} table.type7 .title{padding-left:15px;text-align:left} table.type7 td .comp{font-size:14px;color:#3e9bdd} table.type8{border-collapse:separate;width:100%;text-align:center} table.type8 th{text-align:left;color:#111;padding-left:10px;font-weight:normal;background:url('/images/ico/ico_sq_blk.gif') no-repeat left 12px; } table.type8 td{height:28px;text-align:left} table.type8 td.col{height:37px} table.type8 th.col3{height:37px;background:url('/images/ico/ico_sq_blk.gif') no-repeat left 16px} table.type8 td.detail_set{font-weight:bold;color:#3e9bdd;font-size:18px} table.type8 td .ea_chk{display:inline-block;padding-top:3px} table.type8 td .ea_chk .a_box{display:block;float:left;width:21px;height:26px;padding:5px 0 0 9px;border:1px solid #c6c6c6;background:#fff;font-size:20px;color:#7a7a7a;text-decoration:none} table.type8 td .ea_chk .ea{float:left;padding-left:14px;margin:0 2px;font-weight:bold} table.type9{width:100%;text-align:center} table.type9 th.fr {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;} table.type9 th {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;} table.type9 th.ed {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;} table.type9 td{height:100px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 0;line-height:1.4} table.type9 .num{color:#555;text-decoration:underline} table.type9 .title{text-align:left} table.type9 .title a{color:#555} table.type9 .title2{padding-left:10px;text-align:left} table.type9 .title2 a{color:#555} table.type9 .nodata span{display:block;height:100px;padding-top:200px;font-weight:bold;color:#555} table.type9 .nodata.ty1{background:url('/images/ico/ico_nodata.gif') no-repeat 50% 85px} table.type9 tfoot .save_type1{padding-left:20px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom;border-top:1px solid #c6c6c6;text-align:left} table.type9 tfoot .use_type1{padding-right:20px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom;border-top:1px solid #c6c6c6;border-left:0;text-align:right} table.type9 tfoot .use_type1 .save, table.type9 tfoot .use_type1 .use{margin-left:20px;font-size:12px;font-weight:bold} table.type9 tfoot .use_type1 .save .accumulated, table.type9 tfoot .use_type1 .use .accumulated{color:#0097e1} table.type9 tfoot .save_type2{padding-left:20px;background:#f4f4f4;text-align:left} table.type9 tfoot .use_type2{padding-right:20px;background:#f4f4f4;border-left:0;text-align:right} table.type9 tfoot .use_type2 .save, table.type9 tfoot .use_type2 .use{margin-left:20px;font-size:14px;font-weight:bold} table.type9 tfoot .use_type2 .save .accumulated, table.type9 tfoot .use_type2 .use .accumulated{color:#e14840} table.type10{border-collapse:separate;width:100%;text-align:center} table.type10 th{padding-top:18px;padding-bottom:18px;background:#fdfdfd;border-left:1px dotted #c6c6c6;line-height:1.3} table.type10 th span{font-weight:normal} table.type10 td{padding:18px 15px 18px;border-top:1px dotted #c6c6c6;border-left:1px dotted #c6c6c6;;text-align:left;line-height:1.4} table.type10 td.tit{padding:18px 0;font-weight:bold;text-align:center} table.type10 td.lst{padding-left:20px;text-align:left} table.type10 td.lst>*{display:block} table.type10 td.lst ul li{display:block;margin-top:2px;padding:4px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 11px;text-align:left;line-height:1.5} table.type10 td.lst ul li.bn{background:none} table.type10 td.lst ul li span{color:#0097e1} table.type10 td.lst ul li a{margin-left:10px} table.type10 td.lst .guide{margin-top:10px;color:#8a7131} table.type11{table-layout:fixed;width:100%;text-align:center} table.type11 th.fr {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;border-left: 1px solid #e1e1e1;} table.type11 th {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;} table.type11 th img {vertical-align: middle; } table.type11 th.ed {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;} table.type11 tr.over{background:#ffeb61;} table.type11 tr.over_view{background:#ffeb61;} table.type11 tr.over_view td{text-align:left; padding:20px; color:#333333;} table.type11 tr.over_view td.bk{text-align:center; padding:20px; font-size: 16px; vertical-align:top; text-align:right;} table.type11 tr.over_view span.date{color:#8c8450} table.type11 tr.over_view span.nickname {font-size:18px; color:#006b9f} table.type11 tr.over_view span.phone {font-size:24px; color:#006b9f;font-weight:bold} table.type11 td{background:url('/images/bg/bg_dot_h.gif') repeat-x 0 0;line-height:1.4;} table.type11 td strong.thumb{padding: 0 ;} table.type11 td.state{color: #ff7200;} table.type11 td span.price{display:inline-block; padding-right:3px; color: #19a1e4; font-weight:bold;font-size:18px; letter-spacing: 0} table.type11 td.listno{height: 200px; border-bottom:1px solid #e1e1e1} table.type11 .title{text-align:left} table.type11 .title a{display:inline-block;overflow:hidden;width:100%;color:#555;white-space:nowrap;text-overflow:ellipsis} table.type11 .title span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} table.type11 .title2{padding-left:10px;text-align:left} table.type11 .title2 a{color:#555} table.type11 .thumb{display:block;overflow:hidden;float:left;width:240px; /* height:135px; */ margin:20px 10px} table.type11 .thumb img{width:100%;height:auto; height:124px;} table.type11 .item_area{text-align:left; padding-left:20px; } table.type11 .item_area a { font-size: 16px; line-height: normal; } table.type11 .item_area a:nth-child(1){ font-weight: bold; } table.type11 .item_area a.btn_mini { font-size: 12px; line-height: 19px; color: #939598; border-color: #c1c3c7; } table.type11 .item_area a.btn_mini:hover, table.type11 .item_area a.btn_mini:active { background-color: #fff; !important;} table.type11 .item_area .nare {margin-top: 20px;} table.type11 .item_area .golf { font-size: 14px; } table.type11 .item_area .event { font-size: 14px; letter-spacing: -0.5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; line-height: 19px; margin-top: 8px; font-weight: normal; } table.type11 .item_area .plus {font-size: 14px; color: #999999; } table.type11 .item_area .plusT { margin-left: 0.3rem; color: #d6803b; border: 1px solid #e3975a; padding: 3px 5px; border-radius: 10px; font-size: 12px; font-weight: normal; } table.type11 .item_area .plusT.long { font-size: 10px; } table.type11 .weekdays {font-size: 22px; color: #3e9bdd; font-weight:bold;} table.type11 .weekend {font-size: 22px; color: #f86900; font-weight: bold;} table.type11 .nodata span{display:block;height:100px;padding-top:200px;font-weight:bold;color:#555} table.type11 .nodata.ty1{background:url('/images/ico/ico_nodata.gif') no-repeat 50% 85px} table.type11 .nodata.ty2{background:url('/images/ico/ico_nodata2.gif') no-repeat 50% 85px} table.type11 .nodata2{height:300px;color:#555} table.type11 tfoot .save_type1{padding-left:20px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom;border-top:1px solid #c6c6c6;text-align:left} table.type11 tfoot .use_type1{padding-right:20px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom;border-top:1px solid #c6c6c6;border-left:0;text-align:right} table.type11 tfoot .use_type1 .save, table.type11 tfoot .use_type1 .use{margin-left:20px;font-size:12px;font-weight:bold} table.type11 tfoot .use_type1 .save .accumulated, table.type11 tfoot .use_type1 .use .accumulated{color:#0097e1} table.type11 tfoot .save_type2{padding-left:20px;background:#f4f4f4;border-top:1px solid #c6c6c6;text-align:left} table.type11 tfoot .use_type2{padding-right:20px;text-align:right} table.type11 tfoot .use_type2 .save, table.type11 tfoot .use_type2 .use{margin-left:20px;font-size:14px;font-weight:bold} table.type11 tfoot .use_type2 .save .accumulated, table.type11 tfoot .use_type2 .use .accumulated{color:#e14840} #tourOuterMainCon table.type11 .thumb, #touritemMain table.type11 .thumb, #specialList .item_area .thumb { width: 210px; } #tourOuterMainCon table.type11 .thumb img, #touritemMain table.type11 .thumb img, #specialList .item_area .thumb img { height: 130px;} #tourOuterMainCon table.type11 td.item_area:nth-child(1) {} #tourOuterMainCon table.type11 td.item_area:nth-child(2), #touritemMain table.type11 td.item_area:nth-child(2) { padding-left: 0; width: 256px; display: inline-block; padding-top: 35px; } #tourOuterMainCon .box_thumb img, #touritemMain .box_thumb img { height: 140px; } #tourOuterMainCon .box_desc .tit_desc { line-height: 21px; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; height: auto; } #tourOuterMainCon .new-con2 .txt_info, #touritemMain .new-con2 .txt_info { margin-top: 10px; position: absolute; top: 80px; border-top: 1px dotted #d1d3d4; padding-top: 15px; } #tourOuterMainCon .tourlist .tourjoin_lst {} #tourOuterMainCon .tourjoin_lst ul.lst li.bg, #touritemMain .tourjoin_lst ul.lst li.bg { padding: 5px 15px; line-height: 23px; } #tourOuterMainCon .tourlist_hot2, #touritemMain .tourlist_hot2 { margin-top: 30px; } #tourOuterMainCon table.type11 .item_area .event { -webkit-line-clamp: 2; } #tourOuterMainCon .category_box.show { display: block;} #tourOuterMainCon .category_box { width: 100%; max-width: 960px; display: none; box-shadow: 0px 2px 8px 3px #a1a1a133; box-sizing: border-box; border-radius: 10px; } #tourOuterMainCon .category_box .inner { display: flex; } #tourOuterMainCon .category_box .right_con { display: flex; flex-wrap: nowrap; } #tourOuterMainCon .category_box .right_con a { display: block; text-align: center; color: #909090; line-height: 14px; letter-spacing: 0; font-family: 'Pretendard', sans-serif; font-size: 14px; margin: 15px 0; } #tourOuterMainCon .category_box .right_con a:hover, #tourOuterMainCon .category_box .right_con a.on { font-weight: 600; } #tourOuterMainCon .category_box.total .left_con { text-align: center; padding-top: 65px; border-right: 1px solid #eee; margin: 5px 0; } #tourOuterMainCon .category_box.total .left_con img { width: 60px; } #tourOuterMainCon .category_box.total .right_con li { padding: 15px 0; } #tourOuterMainCon .category_box.total h4 { text-align: center; font-size: 12px; font-weight: 400; letter-spacing: 0; color: #d8d8d8; margin-bottom: 10px; font-family: sans-serif; } #tourOuterMainCon .category_box.total .line { display: block; width: 15px; height: 1px; background-color: #e8e8e8; margin: auto; } #tourOuterMainCon .category_box.detail .right_con { padding: 10px 0; } #tourOuterMainCon .category_box.detail .right_con li { display: none; width: 960px; text-align: center; } #tourOuterMainCon .category_box.detail .right_con a { display: inline-block; margin: 10px 20px; font-size: 15px; } #specialList table.type11 .item_area:nth-child(2) { padding-left: 0; } table.type12{border-collapse:separate;width:100%;text-align:center; font-size: 13px} table.type12 th{text-align:left; border-bottom: 1px solid #e1e1e1;padding: 10px} table.type12 td{border-bottom: 1px solid #e1e1e1; height:28px;text-align:left; padding: 10px} table.type12 td.col{height:37px} table.type12 th.col3{height:37px;background:url('/images/ico/ico_sq_blk.gif') no-repeat left 16px} table.type12 td.detail_set{font-weight:bold;color:#3e9bdd;font-size:18px} table.type12 td .ea_chk{display:inline-block;padding-top:3px} table.type12 td .ea_chk .a_box{display:block;float:left;width:21px;height:26px;padding:5px 0 0 9px;border:1px solid #c6c6c6;background:#fff;font-size:20px;color:#7a7a7a;text-decoration:none} table.type12 td .ea_chk .ea{float:left;padding-left:14px;margin:0 2px;font-weight:bold} table.type12 td.day_price .day {display:inline-block; width:120px } table.type12 td.day_price .btn_weekday {display:inline-block;overflow:hidden;margin-bottom: 3px; font-size:12px; padding: 1px 7px; font-weight:600;text-align:center;border:1px solid #999;background: #fff; vertical-align: middle} table.type12 td.day_price .btn_weekend {display:inline-block;overflow:hidden;margin-bottom: 3px; font-size:12px; color: #ff5d24; padding: 1px 7px; font-weight:600;text-align:center;border:1px solid #999;background: #fff; vertical-align: middle} table.type12 td.day_price .price { color: #19a1e4; font-size: 14px; } .left_box .daycorse {float:left; color: #0096e2; font-size: 21px;line-height:1.3; padding: 5px 70px 30px 30px; margin: 30px 0} .left_box .bktime { font-size: 45px;line-height:1.3;margin: 30px 0} .left_box .bkbt { padding-top: 10px} table.type12 td .green {color: #4a912b; font-size: 14px} table.type12 td .red {color: #ff0033; font-size: 20px} table.type12 th.holiday {color:#ff7329 } table.type12 td.holiday {background-color:#FDF6F6 } table.type13{width:100%} table.type13 th{padding-top:18px;padding-bottom:7px;padding-left:20px;background:#fdfdfd;border-top:1px dotted #c6c6c6;text-align:left;vertical-align:top;font-size: 14px; font-weight: normal} table.type13 th.sec{border-left:1px dotted #c6c6c6;} table.type13 td{min-height:33px;padding-top:8px;padding-bottom:8px;padding-left:11px;border-top:1px dotted #c6c6c6;border-left:1px dotted #c6c6c6; font-size: 18px} .tb_gcname {float: left; width:162px;border-right: 1px dotted #cccccc;} .tb_time {width:797px; overflow:hidden;position:relative;} table.type20{table-layout:fixed;width:100%;text-align:center} table.type20 .place:hover{background:#A3DAE9;font-weight:bold;} table.type20 th.fr {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;} table.type20 th {height:49px;background:#fdfdfd; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;} table.type20 th.holiday {color:#ff7329 } table.type20 td.holiday {background-color:#FDF6F6 } table.type20 td{border-bottom: 1px dotted #cccccc; line-height:1.4; border-left: 1px solid #e1e1e1;} table.type20 td.ccname{ vertical-align: top;font-size: 14px; text-align: left; padding: 15px; border-left:0px;} table.type20 td.ed {border-right:0} table.type20 td.ccname strong{ font-size: 16px;} .tb_time .week1 {float:left;} .tb_time .week2 {float:left;} .tb_time .week3 {float:left;} .tb_timebox {width:2418px;} table.type20 ul li {padding:4px 8px; text-align: right; font-family:tahoma; letter-spacing:0px; font-size: 13px } table.type20 ul li img {vertical-align: middle;margin-left:5px;} table.type20 ul li.more {padding:0; background:#efefef; font-family:'NanumGothic','나눔고딕'; font-size: 12px} table.type20 ul li.more img {padding:0; background:#efefef; text-align: center;vertical-align: middle;margin-left:10px;} table.type21{table-layout:fixed;width:100%;text-align:center} table.type21 .place:hover{background:#A3DAE9;font-weight:bold;} table.type21 th {height:49px;background:#000000; font-size: 14px;border-bottom: 1px solid #e1e1e1;border-top: 1px solid #e1e1e1;opacity: 1;color:#FFF} table.type21 th.holiday {color:#ff7329 } table.type21 td{border-bottom: 1px dotted #cccccc; line-height:1.4; border-left: 1px solid #e1e1e1;} table.type21 td.ccname{ vertical-align: top;font-size: 14px; text-align: left; padding: 15px; border-left:0px;} table.type21 td.ed {border-right:0} table.type21 td.ccname strong{ font-size: 16px;} .table_bottom{position:relative;height:34px;padding:10px 0;} .table_bottom .btn_area1{display:block;position:absolute;top:15px;left:0;height:34px;margin-top:0} .table_bottom .btn_area{display:block;position:absolute;top:15px;right:15px;height:34px;margin-top:0;text-align:right} #touritemMain .item_area .plus { color: inherit; display: block; font-size: 14px; letter-spacing: -0.5px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; line-height: 19px; margin-top: 8px; font-weight: normal; } #touritemMain .btn_mini { display: inline-block; margin-top: 10px; } #touritemMain .item_area .event { font-size: 16px; font-weight: bold; padding: 0; margin: 0; line-height: normal; vertical-align: top; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #touritemMain .item_area .golf { font-size: 14px; display: inline-block; line-height: normal; vertical-align: top; padding-top: 1px; } #touritemMain .btn_area a { background: none; } #touritemMain .box_desc .sale { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; letter-spacing: 0; text-align: right; } #touritemMain .box_desc .tit_desc { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; height: auto; margin: 5px 0 5px; line-height: 20px; min-height: 40px; } #touritemMain .tourjoin_lst h3 { font-size: 18px; padding-left: 0; } #touritemMain .txt_info .prime2, #touritemMain .txt_info .prime1 { font-size: 13px;} #touritemMain .ico_mini_blue { border: none; } #touritemMain .ico_mini_blue:hover { background-color: #e6f1fc; color: #308fcf;} #touritemMain .ico_mini_red { border: none; color: #d44141; } #touritemMain .ico_mini_red:hover { background: none; } #touritemMain table.type11 td span.price { color: #444; } #touritemMain .standardinfo { height: auto; display: block; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #tourOuterMainCon .box_desc, #touritemMain .box_desc { top: 155px; } #touritemMain table.type11 .weekdays, #specialList table.type11 .weekdays { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; font-weight: 600; color: #444; font-size: 18px; letter-spacing: 0; } #specialList .weekend { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; font-weight: 600; font-size: 18px; letter-spacing: 0; } #touritemMain table.type11 tr.over { background: #fefceb; } #specialList .item_area .golf { font-size: 16px; font-weight: bold; line-height: normal; vertical-align: top; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #specialList .item_area .event { margin-top: 9px; margin-bottom: 10px; } #specialList .item_area .plus { color: inherit; } #touritemMain .tour_sh { position: absolute; top: 0; top: 400px; left: 50%; margin-left: -468px; background-color: #ffffffe0; border-radius: 5px; padding: 15px 20px; z-index: 1; } #touritemMain .ttsh { font-size: 16px; vertical-align: top; padding-top: 5px; display: inline-block; padding-right: 10px; font-weight: bold; } #touritemMain .btn_b_blu span { min-width: inherit; border: none; font-size: 15px; border-radius: 5px; padding: 0; width: 50px; height: 33px; line-height: 33px; } .view{width:100%;border-bottom:1px solid #c6c6c6} .view dt{display:block;position:relative;height:18px;padding:16px 30px 15px;background:#fdfdfd;border:1px solid #c6c6c6;line-height:1.5} .view dt .title{float:left; font-size:18px;} .view dt .date{float:right;text-align:right} .view dd.con{display: block;padding: 30px;line-height: 1.5;font-size: 16px;letter-spacing: 1px;} .view_lst{width:100%;border-bottom:1px solid #c6c6c6} .view_lst li{display:block;height:49px;border-top:1px dotted #c6c6c6} .view_lst li:first-child{border-top:0} .view_lst li>*{display:block;float:left;height:30px;padding-top:19px} .view_lst li .tit{width:10%;background:#fdfdfd url('/images/bg/bg_dot_v.gif') repeat-y 100% 0;text-align:center} .view_lst li .cont{width:90%;background-color:#ffffff} .view_lst li .cont span{display:inline-block;padding:0 20px} .view_lst li .cont a{color:#555} .view2{width:100%;border-bottom:1px solid #c6c6c6;margin-top: 60px;} .view2 dt{display:block;position:relative;background:#fdfdfd;border:1px solid #c6c6c6;line-height:1.5} .view2 dt .title{float:left; font-size:18px;} .view2 table{width: 100%} .view2 table tr th {padding: 15px 40px; font-size:18px; line-height: 24px; text-align: left;} .view2 table tr td {padding: 0 40px 15px; font-size: 14px; text-align: left; } .view2 table tr th.thumb {width:260px;} .view2 table tr th.thumb img {width:260px; height: 145px} .view2 table .golf{color:#ff9000; font-size:18px;} .view2 table .event{color:#666666; font-size:18px;} .view2 table strong.weekdays{color: #3e9bdd; font-weight:bold;} .view2 table strong.weekend{color: #f86900; font-weight: bold;} .view2 table span.price{display:inline-block; padding-right:3px; color: #19a1e4; font-size: 14px;} .view2 table span.line{color:#e4e4e4; font-weight: normal} .view2 table tr th.hap{width: 100px;border-top:1px dotted #c6c6c6;border-right:1px dotted #c6c6c6;font-size:18px; padding-top: 15px; margin-top: 15px; text-align: center} .view2 table tr th.hap strong {color: #ff9000} .view2 table tr th.tel{border-top:1px dotted #c6c6c6;font-size:18px; margin-top: 15px;} .view2 table tr td.star {border-top:1px dotted #c6c6c6; padding: 15px; margin-top: 15px;} .view2 table tr td.star span{padding: 0 20px 0 15px} .view2 dd.con{display:block;padding: 30px;line-height: 2;width: 75%; font-size: 16px;letter-spacing: 0.5px;text-shadow: 0 0;word-spacing: 2px;} .view2 dd.con p img{max-width: 100%;height :auto;display :block;} .view2 dd.con img.w100{width:100%} .view2_lst{width:100%;border-bottom:1px solid #c6c6c6} .view2_lst li{display:block;height:49px;border-top:1px dotted #c6c6c6} .view2_lst li:first-child{border-top:0} .view2_lst li>*{display:block;float:left;height:30px;padding-top:19px} .view2_lst li .tit{width:10%;background:#fdfdfd url('/images/bg/bg_dot_v.gif') repeat-y 100% 0;text-align:center} .view2_lst li .cont{width:90%;background-color:#ffffff} .view2_lst li .cont span{display:inline-block;padding:0 20px} .view2_lst li .cont a{color:#555} /******************************************************************* Main ********************************************************************/ .main_search_box {padding-top: 0px; position:relative; width:324px; background:#ffff;} .main_search_box .search_tab{ width:100%; background: #fff;height:40px } .main_search_box .search_tab ul { overflow: hidden; width: 100%; } .main_search_box .search_tab li {float:left;display:block;width:162px; font-size:16px; height:40px; line-height: 40px; color:#fff;text-align:center;text-decoration:none; background-color: #d4d4d4; font-family: 'Pretendard', sans-serif; letter-spacing: 0;} .main_search_box .search_tab li.off { color:#fff; background: #0398e1;} .main_search_box .search_tab li.off a { color:#fff; background: #75b9d4;} .main_search_box .m_search_box{display:inline-block;position:relative;background: #fff;width:278px; /* height:268px; */ padding:15px 23px 20px; float:left; text-align:center; box-shadow: 0px 2px 8px 3px #a1a1a133;} .main_search_box .m_search_box table {width: 100%;} .main_search_box .m_search_box tr th {width: 100px;height: 50px; font-size:14px;font-weight:normal; font-family: 'Pretendard', sans-serif; letter-spacing: 0; } .main_search_box .m_search_box tr td {height: 50px} .main_search_box .m_search_box tr td span.btn_area span {width:240px; padding: 5px 10px; font-size: 15px;} #indexCon .btn_sc_beg span em { font-family: 'Pretendard', sans-serif; } .hot_ddang {float: right;position:relative;padding-top: 90px; } .hot_ddang h1 {/* background: #dfdfdf; */} .hot_ddang h1 img{ padding-left: 5px; width: 645px; } .hot_ddang ul.hot_list { width: 315px;} .hot_ddang .bk_hot{float:left; margin-left: 5px; margin-right:10px; border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;} .hot_ddang .jo_hot{float:left; border-right: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;} .hot_ddang ul.hot_list li {font-size: 14px; padding: 12px 10px;; color: #666666;border-bottom:1px solid #e7e7e7;} .hot_ddang ul.hot_list li .mini_bl{ font-size: 12px; padding: 3px 4px; font-weight: normal; text-align: center; /* background: #cad6df; */ color: #caa25c; letter-spacing: 0px; border-radius: 4px; border: 1px solid #caa25c; font-weight: bold; margin-right: 3px; } .hot_ddang ul.hot_list li .mini_bl2 { color: #87c477; border: 1px solid #87c477;} .hot_ddang ul.hot_list li .mini_gr{font-size:12px; padding: 2px 1px; font-weight:normal;text-align:center;background: #73b920; color:#fff; letter-spacing:0px} .hot_ddang ul.hot_list li .tit{overflow: hidden;width: 223px; font-weight:normal;white-space:nowrap;text-overflow:ellipsis} .hot_ddang ul.hot_list li a{color:#555} .hot_ddang ul.hot_list li .price{color:#3f7aa8; height:27px; float: right; text-align: right;letter-spacing:0; /* width:90px; */} .main_contents{position:relative;width:980px;margin:0 auto;} .main_contents h2.mtit{margin:60px 0 5px 21px} .main_contents .main_btn{display:none;position:absolute;top:485px;left:300px} .main_contents .main_btn .lft_btn{position:absolute;top:0;left:0;display:inline-block;overflow:hidden;height:42px} .main_contents .main_btn .rgt_btn{position:absolute;top:0;left:319px;display:inline-block;overflow:hidden;height:42px} .main_contents .main_btn .lft_btn img:hover, .main_contents .main_btn .rgt_btn img:hover, .main_contents .main_btn .lft_btn img:focus, .main_contents .main_btn .rgt_btn img:focus{margin-top:-42px} .main_weeklist_box{margin-left:6px; margin-top: 20px;display:inline-block;position:relative;width:980px; } .main_weeklist_box .weather .date{display:block;margin:0 0 11px;} .main_weeklist_box .weather .ico{display:block;margin:0 0 10px;} .main_weeklist_box .weather .degree{display:block;font-size:14px; padding-bottom:15px} .main_weeklist_box table.main_weektype {width: 100%; font-size: 18px;} .main_weeklist_box table.main_weektype tr.odd{background:#e9f0f8;} .main_weeklist_box table.main_weektype tr.even{background:#f8f8f8;} .main_weeklist_box table.main_weektype th.bk {color: #ffffff; background:#75b9d4; } .main_weeklist_box table.main_weektype th.jo {color: #ffffff; background:#f8b417; } .main_weeklist_box table.main_weektype td{height: 55px; border:1px solid #fff; text-align:center} .main_sec2{position:relative;} .main_sec2 .cell_bt {width: 73px; float: left; text-align: center; font-size:17px;color:#fff;font-weight:600;} /* .main_sec2 .cell_bt .bk{background:#54b1f3; padding-top:135px;height:149px; border-top:1px solid #fff} */ .main_sec2 .cell_bt .bk{ background: #54b1f3; } .main_sec2 .cell_bt .bk, .main_sec2 .cell_bt .jo{ border-top: 1px solid #fff; padding: 113px 0; font-family: 'Pretendard', sans-serif; letter-spacing: 0; } .main_sec2 .cell_bt .jo{ background:#7ad894; } .main_sec2 .cell_t {float:left; margin-left:1px; width: 153px; text-align:center;} .main_sec2 .cell {width: 105px; float: left; margin-left: 1px; text-align: center;} .main_sec2 .lst_section{float:right;position:relative;width:752px;} .main_sec2 .weather {height: 45px; padding-top:10px;} .main_sec2 .weather .date{display:block;margin:0 0 11px; font-size: 18px;} .main_sec2 .weather .ico{display:block;margin:0 0 10px;} .main_sec2 .weather .degree{display:block;font-size:14px; padding-bottom:15px} .main_sec2 .odd{background:#e9f0f8; } .main_sec2 .even{background:#f8f8f8; } .main_sec2 .odd, .main_sec2 .even { font-size: 17px; /* padding-top: 19px; */ /* height: 37px; */ border-top: 1px solid #fff; padding: 15px 0; } .main_sec2 .red{background:#F8C1B8; font-size: 18px; padding-top: 19px; height: 37px; border-top: 1px solid #fff; } .main_sec2 .cell .odd:hover, .main_sec2 .cell .even:hover{font-weight:bold;background:#A3DAE9;cursor:pointer} /* .main_sec2 .lst_section .lst_cover{position:relative;width:752px;height:470px;margin:0 auto} */ .main_sec2 .lst_section .lst_cover{position:relative;width:752px;margin:0 auto} .main_sec2 .lst_section .lst_cover .move_section{overflow:hidden;position:relative;width:752px;height:560px} .main_sec2 .lst_section .lst_cover .move_section .intro_lst{position:absolute;top:0;left:0;width:100%} .main_sec2 .lst_section .lst_cover .move_section .intro_lst li{overflow:hidden;display:inline-block;position:absolute;top:0;left:0;width:752px;} .main_sec2 .sec_btn_area{position:relative;clear:both;width:100%;margin:20px auto 0; text-align:right;} .main_sec2 .sec_btn_area .lft_btn{display:inline-block;overflow:hidden;height:20px} .main_sec2 .sec_btn_area .rgt_btn{display:inline-block;overflow:hidden;height:20px;padding-right:15px;padding-left:5px} .main_sec2 .sec_btn_area .lft_btn img:hover, .main_sec2 .sec_btn_area .rgt_btn img:hover, .main_sec2 .sec_btn_area .lft_btn img:focus, .main_sec2 .sec_btn_area .rgt_btn img:focus{margin-top:-20px} .main_tour {position:relative;height:440px;background:url('/images/bg/tour_bg.png') no-repeat center 0 ; margin-top: 25px } .main_tour .tour {z-index:55; position:relative; width:980px;height:350px;margin:0 auto} .main_tour .tour .list_combine li { width:295px; height: 350px; float: left; position: relative; padding: 0px 15px; margin-top: 40px;} .main_tour .tour .list_combine li.ed { float: right; position: relative; padding-right: 0; } .main_tour .tour .list_combine .box_best { left: 20px; top: -3px; position: absolute; z-index: 20;} .main_tour .tour .list_combine .box_best .ico_comm { background-image: url('/images/ico/ico_best.gif'); background-repeat:no-repeat; width: 59px; height: 53px; line-height:0 ; text-indent:-9999px; overflow:hidden; font-size:0px; display: block;} .main_tour .tour .list_combine .box_best .ico_comm2 { background-image: url('/images/ico/ico_outer.gif'); background-repeat:no-repeat; width: 59px; height: 53px; line-height:0 ; text-indent:-9999px; overflow:hidden; font-size:0px; display: block;} .main_tour .tour .box_thumb img {width: 295px; height: 255px;} #indexCon .tour .box_thumb img {width: 295px; height: 190px;} .main_tour .tour .box_desc { left:15px; top:225px; width: 265px; height: 90px; display: bolck; position: absolute; background:#2c3835; padding: 15px;} .main_tour .tour .box_desc .tit_desc {height: 24px; color:#fff; line-height: 24px; font-size: 14px; font-weight:600;} .main_tour .tour .box_desc .sale {padding-top: 20px;height: 21px; color: #fff; overflow: hidden; font-size: 18px; font-weight: 600; display:block;} .main_tour .tour .box_desc .sale .won {font-family:'NanumGothic','나눔고딕'; font-size: 14px; color:#fff;} #indexCon .main_tour { height: 400px; } #indexCon .tour .box_desc { top: 189px; } /* #indexCon .tour .box_desc .sale { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; letter-spacing: 0; } */ #indexCon .hot_ddang ul.hot_list li .price { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; } #indexCon .hotproduct .box_desc { width: 215px; border: 1px solid #d1d3d4; top: 133px; left: 0; box-sizing: border-box; padding: 15px; height: 120px; } #indexCon .hotproduct .box_desc .r1, #indexCon .hotproduct .box_desc .r2 { display: block; } #indexCon .hotproduct .box_desc .r1 { text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } #indexCon .hotproduct .box_desc .txt_info .price { margin-top: 15px; display: block; } /* 상품 , 리뷰*/ .line3{;display:inline-block;position:relative;width:980px; margin-top:25px} .line3 .hotproduct{float: left; width: 695px;} .line3 .hotproduct ul.list_combine li { float: left; position: relative; padding-right: 16px;} .line3 .hotproduct .list_row_type3 li { width:218px; height: 360px; padding-top:5px;} .line3 .hotproduct .list_combine .box_best { left: 5px; top: -3px; position: absolute; z-index: 20;} .line3 .hotproduct .list_combine .box_best .ico_comm { background-image: url('/images/ico/ico_hotp.gif'); background-repeat:no-repeat; width: 59px; height: 53px; line-height:0 ; text-indent:-9999px; overflow:hidden; font-size:0px; display: block;} .box_desc { left:15px; top:225px; width: 190px; height: 135px; display: bolck; position: absolute;} .box_desc .tit_desc {height: 24px; color:#333; line-height: 24px; font-size: 14px; font-weight:600;} .standardinfo { width:100%; height: 13px; letter-spacing:-1px; overflow: hidden; white-space: pre-wrap; word-wrap: noraml; text-overflow: ellipsis;} .txt_info {width: 100%;} .txt_info .price {line-height: 21px; } .txt_info .prime1 {float: left; width:60px; font-size: 16px; font-weight:600; color: #0097e1;} .txt_info .prime2 {float: left; width:60px; font-size: 16px; font-weight:600; color: #e46c2a;} .box_desc .sale {height: 21px; color: #333; overflow: hidden; font-size: 18px; font-weight: 600; display:block;} .box_desc .sale .won {font-family:'NanumGothic','나눔고딕'; font-size: 14px; color:#646464;} #indexCon .box_desc .sale { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; letter-spacing: 0; } .line3 .review {float: right; width: 280px;} .line3 .review h3{position:relative; color:#0097e1; font-size: 16px; padding: 10px 0 10px 17px; border-bottom:1px solid #e7e7e7; font-weight: 600; letter-spacing: 0; font-family: 'Pretendard', sans-serif;} .line3 .review a.btn_more{display:block;position:absolute;top:5px;right:0;width:60px;height:12px; color:#bbbbbb} .line3 .review ul.review_list { height: 215px; overflow: hidden; } .line3 .review ul.review_list li {font-size: 14px; padding: 12px 17px;; color: #666666;border-bottom:1px solid #e7e7e7;} .line3 .review ul.review_list li.bg {background: #f7f7f7} .line3 .review ul.review_list li .tit{overflow:hidden;width:250px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis} .line3 .review ul.review_list li a{color:#555} .line3 .review ul.review_list li .date{ width:40px;height:27px; float: right} /*booking*/ .booking_main .shop_dot{display:block;position:absolute;top:59px;left:21px;height:8px} .booking_main .shop_dot a{display:inline-block;width:8px;height:8px;margin-right:2px} .booking_main .best_item{float:left;position:relative;width:198px;height:580px;padding:30px 21px 0;background:url('/images/bg/bg_dot_v.gif') repeat-y 0 0} .booking_main .best_item .item_lst {position:relative;overflow:hidden;width:198px;height:480px} .booking_main .best_item .item_lst li {position:absolute;top:0;left:0;display:block;width:100%;height:480px} .booking_main .best_item .item_lst li a {display:block;width:100%;height:216px;margin-top:48px} .booking_main .best_item .item_lst li a:first-child {margin-top:0} .booking_main .best_item .item_lst li .item_name {margin-top:17px} .booking_main .best_item .item_lst li .item_price{margin-top:10px} .booking_sec2{position:relative;} .booking_sec2 .lst_section{float:right;position:relative;width:525px;} .booking_sec2 .lst_section .lst_cover{position:relative;width:525px;margin:0 auto} .booking_sec2 .lst_section .lst_cover .move_section{overflow:hidden;position:relative;width:525px;height:275px} .booking_sec2 .lst_section .lst_cover .move_section .intro_lst{position:absolute;top:0;left:0;width:100%} .booking_sec2 .lst_section .lst_cover .move_section .intro_lst li{overflow:hidden;display:inline-block;position:absolute;top:0;left:0;width:525px;} .booking_sec2 .lst_section .lst_cover .move_section .intro_lst li .box{position:absolute;top:0;left:0} .booking_sec2 .lst_section .lst_cover .move_section .intro_lst li .box1{height:300px} .booking_sec2 .lst_section .lst_cover .move_section .intro_lst li .box2{height:240px} .booking_sec2 .lst_section .lst_cover .move_section .intro_lst li .box .brnd_area{display:block;position:relative;padding:30px 22px;font-size:12px;color:#ccc;vertical-align:top} .booking_sec2 .lst_section .lst_cover .move_section .intro_lst li .box .brnd_area .brnd_tit{display:block;font-size:15px;color:#fff;vertical-align:top} .booking_sec2 .lst_section .lst_cover .move_section .intro_lst li .box .brnd_area .red_bar{display:block;width:30px;height:15px;border-bottom:1px solid #e24841} .booking_sec2 .lst_section .lst_cover .move_section .intro_lst li .box .brnd_area .brnd_con{display:block;margin-top:18px;line-height:1.5} .booking_sec2 .lst_section .lst_cover .move_section .intro_lst li .box .brnd_btn{display:block;position:absolute;bottom:25px;left:0;width:218px;padding-left:22px;text-align:left} .booking_sec2 .sec2_btn_area{position:relative;clear:both;width:100%;margin:5px auto 0; text-align:right; padding-top:10px;} .booking_sec2 .sec2_btn_area .lft_btn{display:inline-block;overflow:hidden;height:20px} .booking_sec2 .sec2_btn_area .rgt_btn{display:inline-block;overflow:hidden;height:20px;padding-right:5px;padding-left:5px} .booking_sec2 .sec2_btn_area .lft_btn img:hover, .booking_sec2 .sec2_btn_area .rgt_btn img:hover, .booking_sec2 .sec2_btn_area .lft_btn img:focus, .booking_sec2 .sec2_btn_area .rgt_btn img:focus{margin-top:-20px} .booking_sec2 .cell .odd:hover, .booking_sec2 .cell .even:hover, .booking_sec2 .cell .odd.on, .booking_sec2 .cell .even.on{font-weight:bold;background:#A3DAE9;cursor:pointer} /* members_area */ .members_area{position:relative;float:left;width:319px;height:938px} .members_area .members_banner{position:relative;width:240px;height:512px;padding:0 40px 0 39px} .members_area .members_banner .member_visual{position:relative;overflow:hidden;width:240px;height:488px} .members_area .members_banner .member_visual li{position:absolute;top:0;left:0;width:100%} .members_area .members_banner .member_visual li a{display:block} .members_area .members_banner .memberBtn{display:block;height:20px;margin-top:10px;text-align:center} .members_area .members_banner .memberBtn a{display:inline-block;overflow:hidden;width:20px;height:20px} .members_area .members_banner .memberBtn .btn_lft{background:url('/images/btn/btn_lft_top_bn.png') no-repeat 0 0} .members_area .members_banner .memberBtn .btn_rgt{background:url('/images/btn/btn_rgt_top_bn.png') no-repeat 0 0} .members_area .members_banner .memberBtn .btn_lft:hover, .members_area .members_banner .memberBtn .btn_lft:focus, .members_area .members_banner .memberBtn .btn_rgt:hover, .members_area .members_banner .memberBtn .btn_rgt:focus{background-position:0 -20px} .members_area .login_members{width:239px;height:496px;padding:15px 40px 0;border-bottom:1px solid #dedede} .members_area .login_members h3{display:block;position:relative;height:30px;text-align:center;font-size:12px;font-weight:normal;color:#555} .members_area .login_members h3 .name{padding-left:25px;background:url('/images/ico/ico_crown.png') no-repeat 0 0;color:#222} .members_area .login_members h3 .grade{color:#3f67c3} .members_area .login_members .my_card{overflow:hidden;float:left;position:relative;width:239px;height:151px} .members_area .login_members .my_card .card{display:block;overflow:hidden;position:relative;width:239px;height:151px} .members_area .login_members .my_card .card_num{position:absolute;top:102px;left:18px;font-size:12px;color:#fff} .members_area .login_members .my_card .card_num>*{display:block;line-height:1.5} .members_area .login_members .card_tit{display:inline-block;padding-top:48px;width:100%} .members_area .login_members .card_tit h4{display:block;text-align:right;font-size:0} .members_area .login_members .card_tit .mileage{display:block;text-align:right;margin-top:5px} .members_area .login_members .card_tit .mileage strong{display:inline-block;margin-top:-1px;font-family:Helvetica,Arial;font-size:32px;color:#333;vertical-align:top} .members_area .login_members .card_tit .mileage span{display:inline-block;margin-top:6px;vertical-align:top} .members_area .login_members .card_tit .mile_info{display:block;margin-top:20px;font-size:12px;color:#555;vertical-align:top} .members_area .login_members .card_tit .mile_info li{display:block;height:23px;padding:12px 8px 0;border-top:1px solid #dedede;background:url('/images/ico/ico_sq_blk.gif') no-repeat left 17px} .members_area .login_members .card_tit .mile_info li .info_tit{display:block;float:left} .members_area .login_members .card_tit .mile_info li .info_num{display:block;width:120px;float:right;text-align:right} .members_area .login_members .card_tit .mile_info li .info_num strong, .members_area .login_members .card_tit .mile_info li .info_num strong a{color:#e24841} .members_area .quick_box{height:66px;padding-left:21px;padding-right:22px;margin-top:37px} .members_area .quick_box li{float:left;width:69px;height:66px} .members_area .quick_box li a{display:block;width:69px;height:66px} .members_area .news{height:42px;margin-top:25px;border-bottom:1px solid #dedede;background:url('/images/ico/ico_notice.gif') no-repeat 11px center} .members_area .news .txt{float:left;display:block;overflow:hidden;width:210px;padding:14px 0 0 60px;font-size:12px;color:#555;vertical-align:top;white-space:nowrap;text-overflow:ellipsis} .members_area .news .txt a{color:#555} .members_area .news .more_btn{float:left;display:block;padding:14px 18px;font-size:0} .members_area .go_banner{display:block;position:relative;height:156px} .members_area .go_banner li{overflow:hidden;float:left;height:156px} .members_area .go_banner li a{display:block} /* roll_area */ .main_contents .roll_area{overflow:hidden;position:relative;float:left;width:688px;height:938px;border-left:1px solid #dedede;border-right:1px solid #dedede} .main_contents .roll_area .roll_move_area{overflow:hidden;width:688px;height:938px} .main_contents .roll_area .roll_move_area .more_btn{position:absolute;top:0;right:0;margin-top:48px;padding:15px 20px;font-size:0} .main_contents .roll_area .roll_move_area .main_shop{position:relative;float:left;width:229px;height:938px} .main_contents .roll_area .roll_move_area .main_culture{position:relative;float:left;width:230px;height:938px;background:url('/images/bg/bg_dot_v.gif') repeat-y left 0} .main_contents .roll_area .roll_move_area .main_mall{position:relative;float:left;width:229px;height:938px;background:url('/images/bg/bg_dot_v.gif') repeat-y left 0} .main_contents .roll_area .roll_move_area .main_shop .sub_roll{left:0} .sub_roll{display:block;overflow:hidden;position:absolute;top:110px;left:1px;width:227px;height:829px;padding:0 1px} .sub_roll .main_lst{position:absolute;top:0;left:0;width:100%} .sub_roll .main_lst li{display:inline-block;position:relative;width:100%;margin-top:50px;text-align:center} .sub_roll .main_lst li:first-child{margin-top:38px} .sub_roll .main_lst li a{display:inline-block;width:150px;font-size:12px;color:#444;text-decoration:none;text-align:center} .sub_roll .main_lst li a:hover .item_name, .sub_roll .main_lst li a:focus .item_name{text-decoration:underline} .sub_roll .main_lst li .item_thumb{display:block;overflow:hidden;position:relative;width:150px;height:150px;margin:0 auto} .sub_roll .main_lst li .item_thumb .mask{display:block;position:absolute;top:0;left:0;width:150px;height:150px;background:url('/images/bg/bg_item_mask.png') no-repeat 0 0} .sub_roll .main_lst li .item_thumb img{width:100%;height:auto} .sub_roll .main_lst li .item_name{display:block;overflow:hidden;width:100%;margin-top:20px;white-space:nowrap;text-overflow:ellipsis} .sub_roll .main_lst li .item_price{display:block;margin-top:8px} .sub_roll .main_lst li .buy_date{display:block;overflow:hidden;position:absolute;width:58px;height:46px;padding-top:13px;background:url('/images/bg/bg_item_beg.png') no-repeat 0 0;color:#fff;line-height:1.3} .sub_roll .main_lst li .ico_mark{position:absolute;top:105px;left:147px} /* event_area */ .event_area{position:relative;float:left;width:319px;height:938px} .event_area .event_banner{position:relative;width:200px;padding:0 60px 0 59px} .event_area .event_banner .evt_visual{position:relative;overflow:hidden;width:200px;height:338px} .event_area .event_banner .evt_visual li{position:absolute;top:0;left:0;width:100%} .event_area .event_banner .evt_visual li a{display:block} .event_area .event_banner .evtBtn{display:block;height:20px;margin-top:20px;text-align:center} .event_area .event_banner .evtBtn a{display:inline-block;overflow:hidden;width:20px;height:20px} .event_area .event_banner .evtBtn .btn_lft{background:url('/images/btn/btn_lft_top_bn.png') no-repeat 0 0} .event_area .event_banner .evtBtn .btn_rgt{background:url('/images/btn/btn_rgt_top_bn.png') no-repeat 0 0} .event_area .event_banner .evtBtn .btn_lft:hover, .event_area .event_banner .evtBtn .btn_lft:focus, .event_area .event_banner .evtBtn .btn_rgt:hover, .event_area .event_banner .evtBtn .btn_rgt:focus{background-position:0 -20px} .event_area .special_day{margin-top:48px;width:200px;padding:0 60px 0 59px} .event_area .special_day strong{display:block;text-align:center} .event_area .special_day span{display:block;margin-top:10px} .item_lst{position:relative} .item_lst li{float:left;position:relative;text-align:center} .item_lst li a{display:block;color:#555;text-decoration:none} .item_lst li a:hover .item_brand, .item_lst li a:hover .item_name, .item_lst li a:focus .item_name{text-decoration:underline} .item_lst li .item_thumb{display:block;overflow:hidden;position:relative;width:150px;height:150px;margin:0 auto} .item_lst li .item_thumb .mask{display:block;position:absolute;top:0;left:0;width:150px;height:150px;background:url('/images/bg/bg_item_mask.png') no-repeat 0 0} .item_lst li .item_thumb img{width:100%;height:auto} .item_lst li .item_brand{display:block;overflow:hidden;width:100%;margin-top:15px;white-space:nowrap;text-overflow:ellipsis} .item_lst li .item_name{display:block;overflow:hidden;width:90%;margin:5px auto 0;white-space:nowrap;text-overflow:ellipsis} .item_lst li .item_price{display:block;margin-top:5px} .item_lst li .buy_date{display:block;overflow:hidden;position:absolute;width:58px;height:46px;padding-top:13px;background:url('/images/bg/bg_item_beg.png') no-repeat 0 0;color:#fff;line-height:1.3} .item_lst li .ico_mark{position:absolute} /* Main width 1024px */ .view.main_contents{width:958px;border-bottom:0 !important} .view.main_contents .roll_area{width:317px} .view.main_contents .roll_area .roll_move_area{width:317px} .roll_move_area2{overflow:hidden;position:relative;width:100%;height:938px} .roll_move_area2 h2{display:block;margin:60px 0 12px 21px} .roll_move_area2 .more_btn{position:absolute;top:0;right:0;margin-top:48px;padding:15px 20px;font-size:0} .roll_move_area2 .roll_img{overflow:hidden;position:relative;width:100%;height:839px} .roll_move_area2 .roll_img .port{position:absolute;top:0;left:0;width:317px} .port .main_lst{width:241px;padding:0 38px} .port .main_lst li{display:inline-block;position:relative;width:100%;margin-top:50px;text-align:center} .port .main_lst li a{display:inline-block;width:150px;font-size:12px;color:#444;text-decoration:none;text-align:center} .port .main_lst li a:hover .item_name, .port .main_lst li a:focus .item_name{text-decoration:underline} .port .main_lst li .item_thumb{display:block;overflow:hidden;position:relative;width:150px;height:150px;margin:0 auto} .port .main_lst li .item_thumb img{width:100%;height:auto} .port .main_lst li .item_thumb .mask{position:absolute;top:0;left:0;width:150px;height:150px;background:url('/images/bg/bg_item_mask.png') no-repeat 0 0} .port .main_lst li .item_thumb.type1 .mask{display:block} .port .main_lst li .item_thumb.type2 .mask{display:none} .port .main_lst li .item_name{display:block;overflow:hidden;width:100%;margin-top:20px;white-space:nowrap;text-overflow:ellipsis} .port .main_lst li .item_price{display:block;margin-top:8px} .port .main_lst li .buy_date{display:block;overflow:hidden;position:absolute;width:58px;height:46px;padding-top:13px;background:url('/images/bg/bg_item_beg.png') no-repeat 0 0;color:#fff;line-height:1.3} .port .main_lst li .ico_mark{position:absolute;top:105px;left:147px} /* My Members */ .mymembers{position:relative} .mymembers .my_grade_box{height:364px;padding-bottom:10px;background:url('/images/bg/bg_customer_lst.gif') no-repeat 0 bottom} .mymembers .my_grade_box h3{display:block;position:relative;height:30px;padding:19px 30px 0;background:#666;font-weight:normal;color:#bbb} .mymembers .my_grade_box h3 .name{padding-left:25px;background:url('/images/ico/ico_crown.png') no-repeat 0 0;color:#fff} .mymembers .my_grade_box h3 .grade{color:#fff} .mymembers .my_grade_box h3 a{display:inline-block;position:absolute;top:19px;right:30px;padding-right:18px;background:url('/images/ico/ico_rnd_blk.png') no-repeat 100% 0;color:#fff;text-decoration:none} .mymembers .my_grade_box .my_mileage_box{float:left;position:relative;width:625px;height:228px;padding:50px 0 30px 65px} .mymembers .my_grade_box .my_mileage_box .my_card{overflow:hidden;float:left;position:relative;width:239px;height:151px;margin-left:15px} .mymembers .my_grade_box .my_mileage_box .my_card .card{overflow:hidden;position:relative;width:239px;height:151px} .mymembers .my_grade_box .my_mileage_box .my_card .card_num{position:absolute;top:102px;left:18px;color:#fff} .mymembers .my_grade_box .my_mileage_box .my_card .card_num>*{display:block;line-height:1.5} .mymembers .my_grade_box .my_mileage_box .my_mileage{float:left;position:relative;width:336px;height:151px;margin-left:35px} .mymembers .my_grade_box .my_mileage_box .my_mileage li{position:relative;margin-top:6px;color:#777} .mymembers .my_grade_box .my_mileage_box .my_mileage li>*{display:inline-block} .mymembers .my_grade_box .my_mileage_box .my_mileage li .tit{margin-right:5px;font-weight:normal} .mymembers .my_grade_box .my_mileage_box .my_mileage li .mileage strong, .mymembers .my_grade_box .my_mileage_box .my_mileage li .mileage strong a{color:#e14840} .mymembers .my_grade_box .my_mileage_box .my_mileage li .mileage2 strong{color:#0097e1} .mymembers .my_grade_box .my_mileage_box .my_mileage li:first-child{margin-bottom:12px} .mymembers .my_grade_box .my_mileage_box .my_mileage li:first-child .tit{display:block;font-size:13px;letter-spacing:-3px;font-weight:bold;color:#555} .mymembers .my_grade_box .my_mileage_box .my_mileage li:first-child .mileage{display:block;margin-top:2px} .mymembers .my_grade_box .my_mileage_box .my_mileage li:first-child .mileage strong{font-family:Helvetica,Arial;font-size:32px;color:#333} .mymembers .my_grade_box .my_mileage_box .my_mileage li:first-child .mileage span{display:inline-block;margin-left:5px;margin-top:6px;vertical-align:top} .mymembers .my_grade_box .my_mileage_box .my_mileage li .ico_quest{display:inline-block;position:relative;width:13px;height:13px;margin-left:2px;vertical-align:top;cursor:pointer} .mymembers .my_grade_box .my_mileage_box .my_mileage li .pop_mile{display:none;z-index:50;position:absolute;top:-21px;left:15px;padding:20px 23px 20px 30px;font-size:12px} .mymembers .my_grade_box .my_mileage_box .my_mileage li .pop_mile>*{display:block;color:#555} .mymembers .my_grade_box .my_mileage_box .my_mileage li .pop_mile strong{color:#555;letter-spacing:0} .mymembers .my_grade_box .my_mileage_box .my_mileage li .pop_mile span{margin-top:13px;font-weight:normal;;line-height:1.4} .mymembers .my_grade_box .my_mileage_box .my_mileage li .pop_mile table{letter-spacing:0} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile1{width:236px;height:46px;background:url('/images/bg/bg_ballon_1.png') no-repeat 0 0} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile2{width:236px;height:46px;background:url('/images/bg/bg_ballon_1.png') no-repeat 0 0} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile2 span{margin-top:7px;line-height:1.4} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile3{width:236px;height:46px;background:url('/images/bg/bg_ballon_1.png') no-repeat 0 0} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile4{width:433px;height:277px;background:url('/images/bg/bg_ballon_2.png') no-repeat 0 0} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile4 p{height:32px;margin-top:15px;padding-top:18px;background:#f4f4f4;;text-align:center} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile4 p span{display:inline-block;margin:0 4px} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile4 .pop_graph_box{position:relative;height:115px} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile4 .pop_graph_box .table_tit{position:absolute;bottom:0;left:18%;width:72%;height:35px} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile4 .pop_graph_box .table_tit span{display:block;float:left;width:20%;height:30px;padding-top:5px;text-align:center;letter-spacing:0} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile4 .pop_graph_box .table_box{position:relative;width:90%;border-top:1px solid #c6c6c6} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile4 .pop_graph_box .info_year{position:absolute;top:0;right:0} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile4 .pop_graph_box .info_year span{display:block;width:25px;height:20px;margin-top:20px;padding-left:15px;background:url('/images/bg/bg_graph_info.png') no-repeat 0 0;font-size:12px;color:#fff;line-height:1.8} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile4 .pop_graph_box table.type1 th{height:35px;padding:0;text-align:center;vertical-align:middle} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile4 .pop_graph_box table.type1 td{height:35px;padding:0;border-left:0;text-align:center} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile5{width:267px;height:62px;background:url('/images/bg/bg_ballon_3.png') no-repeat 0 0} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile6_1{width:367px;height:137px;background:url('/images/bg/bg_ballon_4.png') no-repeat 0 0} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile6_1 table.type3 th, .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile6_2 table.type3 th{border-top:1px dotted #c6c6c6;font-weight:normal} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile6_2{width:367px;height:97px;background:url('/images/bg/bg_ballon_5.png') no-repeat 0 0} .mymembers .my_grade_box .my_mileage_box .my_mileage li #mile6_3{width:367px;height:46px;background:url('/images/bg/bg_ballon_6.png') no-repeat 0 0} .mymembers .my_grade_box .my_mileage_box .my_mileage li #quest1:hover #mile1{display:block} .mymembers .my_grade_box .my_mileage_box .my_mileage li #quest2:hover #mile2{display:block} .mymembers .my_grade_box .my_mileage_box .my_mileage li #quest3:hover #mile3{display:block} .mymembers .my_grade_box .my_mileage_box .my_mileage li #quest4:hover #mile4{display:block} .mymembers .my_grade_box .my_mileage_box .my_mileage li #quest5:hover #mile5{display:block} .mymembers .my_grade_box .my_mileage_box .my_mileage li #quest6:hover #mile6_1{display:block} .mymembers .my_grade_box .my_mileage_box .my_mileage li #quest6:hover #mile6_2{display:block} .mymembers .my_grade_box .my_mileage_box .my_mileage li #quest6:hover #mile6_3{display:block} .mymembers .my_grade_box .my_mileage_box .graph_box{position:relative;display:inline-block;margin-top:13px;width:560px;height:70px} .mymembers .my_grade_box .my_mileage_box .graph_box .graph_pt{position:absolute;top:0;left:27px} .mymembers .my_grade_box .my_mileage_box .graph_box .graph{overflow:hidden;position:relative;width:560px;height:30px;margin-top:21px;background:#c3c3c3} .mymembers .my_grade_box .my_mileage_box .graph_box .graph .graph_bar{position:absolute;top:0;left:0;height:30px;background:#e14840 url('/images/bg/bg_graph_bar.jpg') no-repeat right 0} .mymembers .my_grade_box .my_mileage_box .graph_box .graph .attain{position:absolute;top:9px;left:15px;color:#fff;font-weight:bold} .mymembers .my_grade_box .my_mileage_box .graph_box .graph .mile{position:absolute;top:9px;right:15px;color:#fff;font-weight:bold} .mymembers .my_grade_box .my_mileage_box .graph_box .graph .graph_mask{display:block;position:absolute;top:0;left:0;width:100%;height:30px;background:url('/images/bg/bg_graph_mask.png') no-repeat 0 0} .mymembers .my_grade_box .my_mileage_box .graph_box .user_class{position:relative;width:100%} .mymembers .my_grade_box .my_mileage_box .graph_box .user_class .lft_class{position:absolute;top:10px;left:15px} .mymembers .my_grade_box .my_mileage_box .graph_box .user_class .rgt_class{position:absolute;top:10px;right:15px} .mymembers .my_grade_box .fam_mileage_box{float:left;width:230px;height:265px;padding:50px 0 0 40px;background:url('/images/bg/bg_dot_v.gif') repeat-y 0 0;line-height:1.4} .mymembers .my_grade_box .fam_mileage_box h4{font-size:14px} .mymembers .my_grade_box .fam_mileage_box p{margin-top:12px;color:#777} .mymembers .my_grade_box .fam_mileage_box p strong{color:#e14840} .mymembers .my_grade_box .fam_mileage_box a{display:inline-block;margin-top:25px;padding-right:18px;background:url('/images/ico/ico_rnd_gry.png') no-repeat 100% 0;color:#555;text-decoration:none} .mymembers .my_con{display:inline-block;position:relative;width:100%;margin-top:50px} .mymembers .my_con h3{height:31px} .mymembers .my_con h3 span{display:inline-block;margin-left:10px;padding-left:10px;background:url('/images/bg/bg_stab_bar.gif') no-repeat 0 2px;font-weight:normal;color:#777;line-height:1.4;vertical-align:top} .mymembers .my_con a.more{display:inline-block;position:absolute;top:0;right:0;padding-right:18px;background:url('/images/ico/ico_rnd_gry.png') no-repeat 100% 0;color:#555;text-decoration:none} .mymembers .timeline .item_lst{height:312px;margin-top:20px} .mymembers .timeline .item_lst li{width:240px;height:330px;padding-top:10px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 250px} .mymembers .timeline .item_lst li .item_mile{position:absolute;bottom:0;left:0;width:100%;height:63px;padding-top:32px;background:url('/images/ico/ico_point.png') no-repeat center 0} .mymembers .timeline .item_lst li .item_mile .mile_box{display:inline-block;overflow:hidden;border:1px solid #c6c6c6;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px} .mymembers .timeline .item_lst li .item_mile .mile_box span{display:block;height:20px;padding:5px 10px 0;border-top:1px solid #c6c6c6;line-height:1.5} .mymembers .timeline .item_lst li .item_mile .mile_box span:first-child{border-top:0} .mymembers .timeline .item_lst li .buy_date{top:0;left:35px} .mymembers .timeline .item_lst li.nodata{width:960px;height:182px;padding-top:165px;background:url('/images/ico/ico_frame.png') no-repeat center 35px} .mymembers .timeline .item_lst li.nodata p{margin-top:15px;line-height:1.4} .mymembers .timeline .item_lst li.nodata a{display:inline-block;margin-top:25px} .mymembers .my_con .recomm_item{float:left;width:480px;height:235px} .mymembers .my_con .popular_item{float:left;width:466px;height:235px;padding-left:14px} .mymembers .my_con .recomm_item .item_lst, .mymembers .my_con .popular_item .item_lst{position:relative;height:230px} .mymembers .my_con .recomm_item .item_lst li, .mymembers .my_con .popular_item .item_lst li{overflow:hidden;float:left;position:relative;width:150px;height:230px;margin-left:8px;text-align:center} .mymembers .my_con .recomm_item .item_lst li:first-child, .mymembers .my_con .popular_item .item_lst li:first-child{margin-left:0} .mymembers .my_con .recomm_item .item_lst li a, .mymembers .my_con .popular_item .item_lst li a{height:230px} .mymembers .my_con .recomm_item .item_lst li .item_brand, .mymembers .my_con .recomm_item .item_lst li .item_name, .mymembers .my_con .popular_item .item_lst li .item_name{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis} .mymembers .mileage_item .item_lst{height:263px;padding:5px 0} .mymembers .mileage_item .item_lst li{width:240px;height:203px;padding:30px 0;background:url('/images/bg/bg_dot_v.gif') repeat-y 0 0} .mymembers .mileage_item .item_lst li:first-child{background:none} .mymembers .mileage_item .item_lst li .item_name{margin-top:20px} .mymembers .mileage_item .item_lst li .ico_mark{top:130px;left:147px} .date_box{position:relative;width:100%;height:34px} .date_box .sit{font-size: 14px; font-weight: bold; } .date_box .stab{display:block;float:left;height:34px;} .date_box .calender{float:left;margin-left:10px;} .date_box .calender img {padding-top:3px;} .date_box .calender .cal{float:left;display:block;position:relative} .date_box .calender .bar{float:left;display:block;width:18px;font-size:14px;color:#555;line-height:2.0;text-align:center} .date_box .btn_s_beg{display:block;float:right;height:34px} .date_box .mile{text-align:right} .inquiry.view{border-bottom:0} .inquiry.view dt{height:27px;padding:11px 20px} .inquiry.view .status{display:inline-block;float:left;width:89px} .inquiry.view .qt{ font-weight: bold; font-size: 16px; line-height: 24px; width:650px;padding-top:3px} .inquiry.view .date{width:66px;padding-top:3px} .inquiry.view dd.con{padding:0} .inquiry.view dd.con .my_inquiry{min-height:147px;padding:30px 86px 30px 108px;background:url('/images/ico/ico_faq_inquiry.gif') no-repeat 24px 20px} .inquiry.view dd.con .my_inquiry strong{color:#0097e1} .inquiry.view dd.con .answer{min-height:147px;padding:30px 86px 30px 108px;background:url('/images/ico/ico_faq_answer.gif') no-repeat 24px 20px;border-top:1px dotted #c6c6c6} .inquiry.view dd.con .answer strong{color:#e14840} .inquiry.view dd.con .inquiry_con{margin-top:15px;line-height:1.6} .mypage_intro{width:980px;height:200px;margin-top:150px;background:url('/images/ico/ico_lock.gif') no-repeat 200px 0 ;} .mypage_intro p{padding-left: 380px; line-height:1.5; font-size: 14px;} .mypage_intro p strong{color:#0097e1;} .mypage_intro .pw_srch{padding-left: 250px;width:500px;height:34px;margin:25px auto 0} .mypage_intro .pw_srch>*{display:inline-block;float:left;vertical-align:top} .mypage_intro .pw_srch strong{ font-size: 14px;width:58px;height:30px;padding-top:15px;text-align:left} .mypage_intro .pw_srch input{margin-right:8px; height:30px;font-size:14px;} /* Mileage */ .shop_main{overflow:hidden;position:relative;height:610px;padding-bottom:10px;background:url('/images/bg/bg_customer_lst.gif') no-repeat 0 bottom;border-top:1px solid #7a7a7a} .shop_main h3{height:52px} .shop_main .shop_dot{display:block;position:absolute;top:59px;left:21px;height:8px} .shop_main .shop_dot a{display:inline-block;width:8px;height:8px;margin-right:2px} .shop_main .hot_item{float:left;position:relative;width:480px;height:580px;padding-top:30px} .shop_main .hot_item .shop_lft{overflow:hidden;position:absolute;top:250px;left:48px;width:40px;height:42px} .shop_main .hot_item .shop_rgt{overflow:hidden;position:absolute;top:250px;right:55px;width:40px;height:42px} .shop_main .hot_item .shop_lft img:hover, .shop_main .hot_item .shop_rgt img:hover, .shop_main .hot_item .shop_lft img:focus, .shop_main .hot_item .shop_rgt img:focus{margin-top:-42px} .shop_main .hot_item .item_lst{position:relative;overflow:hidden;width:440px;height:480px;margin:0 auto} .shop_main .hot_item .item_lst li{float:none;position:absolute;top:0;left:0;width:100%;height:480px;font-size:16px;font-weight:bold} .shop_main .hot_item .item_lst li strong:first-child{display:block;overflow:hidden;width:360px;height:360px;margin:0 auto} .shop_main .hot_item .item_lst li strong:first-child img{width:100%;height:auto} .shop_main .hot_item .item_lst li .item_name{margin-top:30px;line-height:1.5;} .shop_main .hot_item .item_lst li .item_name strong{display:block} .shop_main .hot_item .item_lst li .item_name span{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis} .shop_main .hot_item .item_lst li .item_price{margin-top:10px} .shop_main .best_item{float:left;position:relative;width:198px;height:580px;padding:30px 21px 0;background:url('/images/bg/bg_dot_v.gif') repeat-y 0 0} .shop_main .culture_item{float:left;position:relative;width:198px;height:580px;padding:30px 21px 0;background:url('/images/bg/bg_dot_v.gif') repeat-y 0 0} .shop_main .best_item .item_lst, .shop_main .culture_item .item_lst{position:relative;overflow:hidden;width:198px;height:480px} .shop_main .best_item .item_lst li, .shop_main .culture_item .item_lst li{position:absolute;top:0;left:0;display:block;width:100%;height:480px} .shop_main .best_item .item_lst li a, .shop_main .culture_item .item_lst li a{display:block;width:100%;height:216px;margin-top:48px} .shop_main .best_item .item_lst li a:first-child , .shop_main .culture_item .item_lst li a:first-child{margin-top:0} .shop_main .best_item .item_lst li .item_name, .shop_main .culture_item .item_lst li .item_name{margin-top:17px} .shop_main .best_item .item_lst li .item_price, .shop_main .culture_item .item_lst li .item_price{margin-top:10px} .shop_lst{display:inline-block;position:relative;width:100%;margin-top:70px} .stab_box{position:relative;display:inline-block;width:960px;height:31px; margin-bottom:20px; padding-left: 10px;} .stab_box .num_product{float:left;display:block;width:560px;margin-top:10px} .stab_box .num_product strong{color:#f86900} .stab_box .stab{float:right;display:block;vertical-align:top} .stab_box .stab li a{display:block;width:62px;height:22px;padding-top:9px;color:#555;text-align:center;text-decoration:none} .stab_box .stab li:hover a, .stab_box .stab li:focus a, .stab_box .stab li.on a{border: 1px solid #4e8bce; color:#4e8bce;} .shop_tab_con{display:inline-block;overflow:hidden;position:relative;width:100%;margin-top:30px} .shop_tab_con .item_lst{display:inline-block;width:100%} .shop_tab_con .item_lst li{width:240px;height:234px;padding-top:30px;background:url('/images/bg/bg_dot_v.gif') repeat-y 0 0} .shop_tab_con .item_lst li .item_name{margin-top:17px} .shop_tab_con .item_lst li .item_price{margin-top:10px} .shop_tab_con .item_lst li .ico_mark{top:130px;left:147px} .shop_tab_con .item_lst li.bgn{background:none} .shop_tab_con .item_lst li.nodata{float:none;width:960px;height:160px;padding-top:140px;background:none;text-align:center} .shop_tab_con .table_bottom{margin-top:50px} .shop_step{height:95px;background:url('/images/bg/bg_shop_step.gif') no-repeat 0 0;margin-bottom:20px; margin-top:50px} .shop_step.step1{background-position:0 0} .shop_step.step2{background-position:0 -94px} .shop_step.step3{background-position:0 -190px} .shop_step li{float:left;width:228px;height:41px;padding-top:30px;font-weight:bold;font-weight:bold; font-size: 18px;} .shop_step li.ontitle {width:274px;color:#3e9bdd;padding-top:35px; font-size:24px;font-weight:bold; line-height: 28px} .shop_step li span{display:inline-block;margin-left:41px} .shop_step li span.stepno {color:#3e9bdd; font-size:14px;} .shop_step li.tab1 span{margin-left:70px} .shop_step li.tab2 span{margin-left:80px} .shop_step li.tab3 span{margin-left:80px} .shop_step li.on{color:#fff} .shop_info{position:relative;margin-top:10px} .shop_info li{display:block;padding:4px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 10px;line-height:1.4} .detail_banner_area{overflow:hidden;position:relative;height:360px;margin-top:60px} .detail_banner_area .detail_banner{display:block;position:relative;width:100%;height:360px} .detail_banner_area .detail_banner li.pos1{position:absolute;top:70px;left:0;width:220px;height:220px} .detail_banner_area .detail_banner li.pos1 img{width:100%;height:auto} .detail_banner_area .detail_banner li.pos2{position:absolute;top:0;left:300px;width:360px;height:360px} .detail_banner_area .detail_banner li.pos2 img{width:100%;height:auto} .detail_banner_area .detail_banner li.pos3{position:absolute;top:70px;left:740px;width:220px;height:220px} .detail_banner_area .detail_banner li.pos3 img{width:100%;height:auto} .detail_banner_area .lft_detail{z-index:50;display:block;position:absolute;top:160px;left:240px;width:40px;height:42px} .detail_banner_area .rgt_detail{z-index:50;display:block;position:absolute;top:160px;right:240px;width:40px;height:42px} .detail_top_box{height:440px;padding:25px 0;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2} .detail_top_box .left_box{float:left;width:440px;height:440px;padding:0 20px} .detail_top_box .right_box{float:left;width:440px;height:440px;padding:0 20px;background:url('/images/bg/bg_dot_v.gif') repeat-y left 0} .detail_box .detail_tab.type1{overflow:hidden;height:60px;background:url('/images/bg/bg_tab_lne2.gif') no-repeat 0 0} .detail_box .detail_tab.type2{overflow:hidden;height:60px;background:url('/images/bg/bg_tab_lne2.gif') no-repeat 0 -60px} .detail_box .detail_tab.type3{overflow:hidden;height:60px;background:url('/images/bg/bg_tab_lne2.gif') no-repeat 0 -120px} .detail_box .detail_tab li{float:left;width:320px;height:60px;font-weight:normal;font-size:13px;color:#999;text-align:center} .detail_box .detail_tab li a{display:block;height:32px;padding-top:17px;color:#999;text-decoration:none} .detail_box .detail_tab li.on a{color:#555} .detail_box .tab_con{display:inline-block;position:relative;padding:50px 0} .detail_box .tab_con.pn{padding:0} .detail_box .tab_con .dot_back{display:inline-block;position:relative;background:url('/images/bg/bg_tab_dot.gif') repeat-y 0 0} .detail_box .tab_con .dot_back .info_box{float:left;width:320px;font-size:12px;color:#555;} .detail_box .tab_con .dot_back .info_box h3{padding-left:30px} .detail_box .tab_con .dot_back .info_box h4{padding-left:30px;margin-top:35px} .detail_box .tab_con .dot_back .info_box ul{width:260px;padding:0 30px;margin-top:20px;vertical-align:top} .detail_box .tab_con .dot_back .info_box ul li{padding-left:8px;margin-top:12px;line-height:1.5;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 7px} .detail_box .tab_con .dot_back .info_box ul li:first-child{margin-top:0} .detail_box .tab_con .dot_back .info_box ol{list-style-type:decimal;width:260px;padding:0 30px;margin-top:20px;vertical-align:top} .detail_box .tab_con .dot_back .info_box ol li{margin-left:15px;margin-top:6px;line-height:1.5} .detail_box .tab_con .dot_back .info_box ol li:first-child{margin-top:0} .detail_box .tab_con .dot_back .info_box span{display:block;width:260px;padding:0 30px;margin-top:20px;vertical-align:top;line-height:1.4} .detail_box .tab_con .info_box2{position:relative;padding:50px 30px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom} .detail_box .tab_con .info_box2.bcln{background:none} .detail_box .tab_con .info_box2 h3{font-size: 14px; color:#3e9bdd} .detail_box .tab_con .info_box2 .txt_box{display:block;position:relative;padding-left:100px;font-size:12px;color:#555;;vertical-align:top} .detail_box .tab_con .info_box2 .txt_box.ico1{background:url('/images/ico/ico_detail_card.gif') no-repeat 0 0} .detail_box .tab_con .info_box2 .txt_box.ico2{background:url('/images/ico/ico_detail_quick.gif') no-repeat 0 0} .detail_box .tab_con .info_box2 .txt_box.ico3{background:url('/images/ico/ico_detail_return1.gif') no-repeat 0 0} .detail_box .tab_con .info_box2 .txt_box.ico4{background:url('/images/ico/ico_detail_return2.gif') no-repeat 0 0} .detail_box .tab_con .info_box2 .txt_box.ico5{background:url('/images/ico/ico_detail_return3.gif') no-repeat 0 0} .detail_box .tab_con .info_box2 .txt_box p{margin-top:15px;line-height:1.5} .detail_box .tab_con .info_box2 .txt_box .d_lst{margin-top:20px} .detail_box .tab_con .info_box2 .txt_box .d_lst li{padding-left:8px;line-height:1.6;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 8px} .detail_view{overflow:hidden;position:relative;width:100%;margin-top:50px;text-align:center} .btn_detail{display:block;text-align:center} .btn_detail a{text-align:left} .bt_text{position:relative;font-size:12px;color:#555;;vertical-align:top} .bt_text li{padding-left:8px;line-height:1.8;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 9px} .shop_comp_box{position:relative;margin-top:50px;padding:200px 50px 70px;background:url('/images/ico/ico_buy_comp.gif') no-repeat 50% 70px;text-align:center} .shop_comp_box p{margin-top:15px;line-height:1.5} .shop_comp_box p strong{color:#0097e1; font-size: 19px;} .wedding_sec1{position:relative;height:832px;background:url('/images/bg/bg_wedding.jpg') no-repeat center 0} .wedding_sec1 .wedding_box{width:960px;margin:0 auto;padding:85px 0 321px} .wedding_sec1 .wedding_box h2{text-align:center} .wedding_sec1 .wedding_box .stit{display:block;margin-top:37px;text-align:center} .wedding_sec1 .wedding_box .step{display:block;margin-top:80px;text-align:center} .wedding_sec2{position:relative;padding-bottom:100px;background:url('/images/bg/bg_special_bar.gif') repeat-y center 0} .wedding_sec2 .wedding_box{width:960px;margin:0 auto} .wedding_sec2 .wedding_box h3{padding-top:40px;margin-top:0} .wedding_sec2 .wedding_box .care_wedding{position:relative;border-top:1px solid #7a7a7a;font-size:12px;color:#555;;vertical-align:top} .wedding_sec2 .wedding_box .care_wedding li{padding-left:10px;background:url('/images/ico/ico_sq_blk.gif') no-repeat left 8px;line-height:1.8} .wedding_sec2 .wedding_box .care_wedding li:first-child{margin-top:25px} .wedding_sec2 .wedding_box .care_wedding li.bn{background:none} .wedding_sec2 .wedding_box .care_wedding li a{margin-left:10px} .wedding_sec2 .wedding_box .cal2{position:relative;display:block;float:left} .wedding_sec2 .wedding_box .up_txt{display:inline-block;margin-left:10px;padding-left:10px;padding-top:10px;background:url('/images/ico/ico_sq_gry.gif') no-repeat left 15px;font-size:12px;color:#999;vertical-align:top} .wedding_sec2 .wedding_box .care_box .down_wedding{display:block;width:200px;padding-top:15px;font-size:12px;color:#555;;vertical-align:top} .plus_lst{position:relative;display:block} .plus_lst li{position:relative;display:block;margin-top:20px} .plus_lst li a{display:block;font-size:20px;color:#222;line-height:1.4;vertical-align:top} .plus_lst li .plus_title{display:block;position:absolute;bottom:56px;left:30px;width:280px;word-break:break-all} .plus_lst li .mile{display:block;position:absolute;bottom:30px;left:30px;font-size:12px} .plus_lst li .ico_mark{display:block;margin-bottom:15px} .plus_lst li.nodata{height:160px;padding-top:140px;text-align:center} .plus.stab li.on a{border: 1px solid #4e8bce; color:#4e8bce;} .plus.stab li a{display:block;width:62px;height:22px;padding-top:9px;color:#555;text-align:center;text-decoration:none} .plus.stab li:hover a, .plus.stab li:focus a, .plus.stab li.on a{border: 1px solid #4e8bce; color:#4e8bce;} .plus_more{display:block;height:58px;border:1px solid #c6c6c6;font-weight:bold;font-size:12px;color:#555;vertical-align:top;text-align:center} .plus_more span{display:inline-block;width:100px;height:25px;padding-top:22px;background:url('/images/btn/btn_plus_more.gif') no-repeat right 18px} /* Event */ .event_box{position:relative;width:100%;height:390px;padding-bottom:10px;background:url('/images/bg/bg_evt_visual.gif') no-repeat 0 0} .event_box .event_visual{overflow:hidden;position:relative;width:960px;height:380px} .event_box .event_visual .visual_area{position:absolute;top:0;left:0;width:960px;height:380px} .event_box .lft_evt{overflow:hidden;height:42px;position:absolute;top:170px;left:20px} .event_box .rgt_evt{overflow:hidden;height:42px;position:absolute;top:170px;right:20px} .event_box .lft_evt img:hover,.event_box .lft_evt img:focus, .event_box .rgt_evt img:hover,.event_box .rgt_evt img:focus{margin-top:-42px} .event_dot{display:block;width:100%;margin-top:10px;text-align:center} .event_dot .dot{display:inline-block;width:10px;height:10px;margin-left:2px;padding:3px;cursor:pointer} .event_dot .dot:first-child{margin-left:0} .event_lst{display:inline-block;position:relative;width:980px;margin-top:22px;margin-left:-20px} .event_lst li{float:left;width:225px;height:369px;margin-top:20px;margin-left:20px;background:#fff} .event_lst li a{display:block;width:205px;height:349px;padding:7px;border:3px solid #fff;color:#555;text-decoration:none} .event_lst li a>*{display:block} .event_lst li a:hover, .event_lst li a:focus{border:3px solid #3e9bdd} .event_lst li a:hover .txt strong, .event_lst li a:focus .txt strong{text-decoration:underline} .event_lst li .image{overflow:hidden;width:205px;height:288px} .event_lst li .image img{width:205px;height:288px} .event_lst li .txt{height:43px;padding:18px 10px 0;font-size:12px;line-height:1.6;vertical-align:top} .event_lst li .txt strong{display:block;overflow:hidden;width:100%;font-weight:normal;white-space:nowrap;text-overflow:ellipsis} .event_lst li .txt span{display:block;color:#999} .event.view{border-bottom:0} .event.view .con{padding:30px 0} .event_lst2{display:block;position:relative;height:144px;padding:30px 0;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 0} .event_lst2 li{overflow:hidden;float:left;position:relative;width:218px;margin-left:29px} .event_lst2 li:first-child{margin-left:0} .event_lst2 li a{display:block;font-size:12px;color:#555;line-height:1.5;vertical-align:top;text-decoration:none} .event_lst2 li a>*{display:block} .event_lst2 li .thumb{overflow:hidden;position:relative;width:218px;height:86px} .event_lst2 li .title{overflow:hidden;width:100%;margin-top:10px;text-align:center;white-space:nowrap;text-overflow:ellipsis} .event_lst2 li a:hover .thumb, .event_lst2 li a:focus .thumb{width:212px;height:80px;border:3px solid #3e9bdd} .event_lst2 li a:hover .thumb img, .event_lst2 li a:focus .thumb img{margin:-3px 0 0 -3px} .event_lst2 li a:hover .title, .event_lst2 li a:focus .title{text-decoration:underline} .event_lst2 li.nodata .thumb{width:212px;height:80px} .event_lst2 li.nodata .title{display:block;font-size:12px;font-weight:normal;color:#999;vertical-align:top;text-decoration:none} /* special day */ .special_no_event{position:relative;width:100%;height:994px;background:url('/images/bg/bg_special_no.jpg') no-repeat center 0} .special_no_event .shoot_box{position:relative;width:960px;margin:0 auto;padding:100px 0 79px} .special_no_event .shoot_box h2{text-align:center;margin-bottom:35px} .special_no_event .shoot_box .no_tit{display:block;text-align:center} .special_no_event .shoot_box .product{overflow:hidden;width:460px;;height:460px;margin:30px auto 0} .special_shoot{position:relative;width:100%;height:1486px;background:url('/images/bg/bg_shooting.jpg') no-repeat center 0} .special_shoot .shoot_box{position:relative;width:960px;margin:0 auto;padding:100px 0 79px} .special_shoot .shoot_box h2{text-align:center;margin-bottom:35px} .special_shoot .shoot_box .date{display:block;font-size:24px;color:#fff;;text-align:center} .special_shoot .shoot_box .count_box{display:inline-block;width:100%;height:73px;margin-top:25px;text-align:center} .special_shoot .shoot_box .count_box .time_num{display:inline-block;height:73px} .special_shoot .shoot_box .count_box .time_num .num_L, .special_shoot .shoot_box .count_box .time_num .num_R{display:inline-block;width:54px;height:73px} .special_shoot .shoot_box .count_box .time_num .num_L span, .special_shoot .shoot_box .count_box .time_num .num_R span{display:inline-block;width:54px;height:73px} .special_shoot .shoot_box .count_box .bar{display:inline-block;width:40px;height:73px;background:url('/images/bg/bg_count_bar.png') no-repeat 13px 16px} .special_shoot .shoot_box .count_box .day{display:inline-block;width:63px;height:73px;background:url('/images/bg/bg_count_day.png') no-repeat 5px 28px} .special_shoot .shoot_box .count_box .image0{background:url('/images/bg/num_0.png') no-repeat 0 0} .special_shoot .shoot_box .count_box .image1{background:url('/images/bg/num_1.png') no-repeat 0 0} .special_shoot .shoot_box .count_box .image2{background:url('/images/bg/num_2.png') no-repeat 0 0} .special_shoot .shoot_box .count_box .image3{background:url('/images/bg/num_3.png') no-repeat 0 0} .special_shoot .shoot_box .count_box .image4{background:url('/images/bg/num_4.png') no-repeat 0 0} .special_shoot .shoot_box .count_box .image5{background:url('/images/bg/num_5.png') no-repeat 0 0} .special_shoot .shoot_box .count_box .image6{background:url('/images/bg/num_6.png') no-repeat 0 0} .special_shoot .shoot_box .count_box .image7{background:url('/images/bg/num_7.png') no-repeat 0 0} .special_shoot .shoot_box .count_box .image8{background:url('/images/bg/num_8.png') no-repeat 0 0} .special_shoot .shoot_box .count_box .image9{background:url('/images/bg/num_9.png') no-repeat 0 0} .special_shoot .product_info{position:relative;width:100%;margin-top:40px;text-align:center} .special_shoot .product_info li{font-size:12px;color:#fff;line-height:2} .special_shoot .product_info li .tit{display:block;font-size:20px} .special_shoot .product_info li .md{text-decoration:line-through} .special_shoot .product_info li .limit{display:inline-block;padding-right:10px;background:url('/images/ico/bg_bar.png') no-repeat right 7px;font-size:14px} .special_shoot .product_info li .limit .mile{color:#e24841} .special_shoot .product_info li a{display:inline-block;margin-left:5px;padding-right:10px;background:url('/images/ico/ico_arr_wh2.png') no-repeat right 11px;font-size:14px;color:#fff;text-decoration:none} .special_shoot .product{overflow:hidden;width:460px;;height:460px;margin:30px auto 0} .special_shoot .product img{max-width:100%;width:100%;height:auto} .special_shoot .tender_area{position:relative;width:561px;height:106px;margin:35px auto 50px} .special_shoot .tender_area li{float:left;width:186px;height:106px;border-left:1px solid #d5d5d5;text-align:center} .special_shoot .tender_area li:first-child{width:187px;border:none} .special_shoot .tender_area li .num{display:block;margin-top:16px;font-size:30px;color:#333;font-weight:normal;vertical-align:top;} .special_shoot .tender_area li .btn{display:block;height:27px;margin-top:15px} .special_shoot .tender_area li .btn.off .btn_s_red{background-position:0 -27px} .special_shoot .mile_area{width:658px;height:80px;margin:0 auto} .special_shoot .mile_area li{float:left;margin-left:15px;padding-top:15px;width:80px;height:65px;background:url('/images/bg/bg_special_num.gif') no-repeat 0 0;text-align:center;vertical-align:top} .special_shoot .mile_area li.left{width:8px;height:65px;background:url('/images/bg/bg_special_dot.gif') no-repeat 0 bottom} .special_shoot .mile_area li input{width:60px;height:37px;border:none;background:none;font-size:42px;color:#fff;font-weight:bold;text-align:center;vertical-align:top} .special_shoot .mile_area li.bgn{width:50px;height:65px;background:url('/images/bg/bg_mileage.gif') no-repeat 0 center} .special_shoot .sub_txt{display:block;margin-top:20px;font-size:12px;color:#555;vertical-align:top;text-align:center} .special_shoot .sub_txt .red{color:#e24841} .special_shoot .sub_txt .block{color:#333} .special_shoot .tender_btn{display:block;width:150px;margin:35px auto 0} .special_info{position:relative;width:100%;height:1011px;background:url('/images/bg/bg_special_info.jpg') no-repeat center 0} .special_info .shoot_box{position:relative;width:960px;margin:0 auto} .special_info .shoot_box h3{margin-bottom:60px;text-align:center} .special_info .shoot_box .step{width:800px;height:182px;margin:0 auto;background:url('/images/bg/bg_special_step.gif') no-repeat 0 0;font-size:13px;color:#fff;vertical-align:top;} .special_info .shoot_box .step li{float:left;width:170px;padding-top:110px;margin-left:40px;line-height:1.4;text-align:center} .special_info .shoot_box .step li:first-child{margin-left:0} .special_info .shoot_box .bonus{display:block;width:230px;height:33px;padding-top:80px;margin:0 auto;background:url('/images/bg/bg_plus.png') no-repeat center 0} .special_info .shoot_box .bonus span{display:block;font-size:12px;color:#fff;vertical-align:top;line-height:1.4;;text-align:center} .special_info .shoot_box .txt_area{position:relative;height:420px;margin-top:193px;font-size:12px;color:#bbb;vertical-align:top;line-height:1.5;;text-align:center} .special_info .shoot_box .txt_area li{float:left;width:360px;height:220px;margin-left:40px;padding:100px 30px} .special_info .shoot_box .txt_area li strong{display:block;margin-bottom:35px} .special_info .shoot_box .txt_area li .stit1{display:block;font-size:14px;color:#e24841;font-weight:normal} .special_info .shoot_box .txt_area li .stit2{display:block;font-size:14px;color:#0097e1;font-weight:normal} .special_info .shoot_box .txt_area li .txt{display:block;margin-top:20px} .special_product{position:relative;width:100%;padding:80px 0 120px;background:url('/images/bg/bg_special_bar.gif') repeat-y center 0} .special_product .shoot_box{position:relative;width:960px;margin:0 auto} .special_product .shoot_box h3{margin-bottom:60px;text-align:center} .special_product .shoot_box .pro_tit{display:block;margin-top:60px;text-align:center} .special_product .shoot_box .product_area{overflow:hidden;width:960px;margin-top:60px} /* culture */ .culture_lst{display:inline-block;width:100%;margin-top:42px} .culture_lst li{overflow:hidden;float:left;position:relative;width:220px;height:550px;padding:40px 50px;background:url('/images/bg/bg_dot_v.gif') repeat-y 0 0} .culture_lst li.nodata{float:none;width:100%;height:110px;padding:190px 0 0;background:url('/images/ico/ico_culture_nodata.png') no-repeat 50% 100px;font-weight:bold;line-height:1.5;text-align:center} .culture_lst li.bgn{background:none !important} .culture_lst li .thumb{position:relative;width:198px;height:257px;padding:0 11px 4px;background:url('/images/bg/bg_culture_thumb.png') no-repeat 0 0} .culture_lst li .thumb .ico{display:block;position:absolute;top:-23px;left:-12px} .culture_lst li .thumb strong{display:block;overflow:hidden;width:100%;height:257px;background:#000} .culture_lst li .thumb strong img{width:198px;height:257px} .culture_lst li .culture_info{width:209px;height:212px;margin:23px 0 0 11px} .culture_lst li .culture_info .tit{width:198px;height:40px;color:#333;line-height:1.5} .culture_lst li .culture_info .tit table{width:100%;text-align:left} .culture_lst li .culture_info .tit table th{height:40px;text-align:left} .culture_lst li .culture_info .txt{width:100%;height:154px;margin-top:19px} .culture_lst li .culture_info .txt li{float:none;width:201px;height:auto;margin-top:7px;padding:0 0 0 7px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 7px} @media screen and (-webkit-min-device-pixel-ratio:0) { .culture_lst li .culture_info .txt li>*{} } .culture_lst li .culture_info .txt li:first-child{margin-top:0} .culture_lst li .culture_info .txt li>*{display:block;float:left;line-height:1.5;vertical-align:top} .culture_lst li .culture_info .txt li strong{width:60px;font-weight:normal;color:#111} .culture_lst li .culture_info .txt li span{width:141px;color:#777} .culture_lst li .culture_info .txt li .mile{font-weight:bold;color:#e14840;letter-spacing:0 !important} .culture_lst li a{display:block;overflow:hidden;height:49px;margin-top:5px;background:url('/images/bg/bg_btn_shadow.png') repeat-x 0 bottom;font-size:12px;font-weight:bold;text-align:center;vertical-align:top} .culture_lst li a span{display:block;line-height:1.5} .culture_lst li a:hover, .culture_lst li a:focus{text-decoration:none} .culture_lst li .btn_apply_ok span{height:31px;padding:15px 25px 0;background:#f8f8f8;border:1px solid #c6c6c6;color:#999} .culture_lst li .btn_apply span{height:32px;padding:16px 25px 0;background:#a99787;color:#fff} .culture_lst li .btn_apply span em{display:inline-block;padding-right:8px;background:url('/images/ico/ico_arr_wh.gif') no-repeat 100% 6px;font-style:normal} /* Join */ .join_step{height:95px;background:url('/images/bg/bg_join_step.gif') no-repeat 0 0; line-height:24px; margin-top:50px} .join_step.step1{background-position:0 0px} .join_step.step2{background-position:0 -94px} .join_step.step3{background-position:0 -190px} .join_step.step4{background-position:0 -284px} .join_step li{float:left;width:172px;height:41px;padding-top:23px;font-weight:bold; font-size: 18px;} .join_step li.ontitle {width:272px;color:#3e9bdd;padding-top:35px; font-size:24px;font-weight:bold; line-height: 28px} .join_step li span{display:inline-block;margin-left:41px;} .join_step li span.stepno {color:#3e9bdd; font-size:14px;} .join_step li.tab1 span{margin-left:40px} .join_step li.tab2 span{margin-left:60px} .join_step li.tab3 span{margin-left:40px} .join_step li.tab4 span{margin-left:50px} .join_step li.on{color:#fff} .step_con{position:relative;width:100%;margin-top:5px} .step_con h3{height:31px;margin-top:50px; font-size: 18px;} .step_con h3:first-child{margin-top:0} .step_con h3 span{display:inline-block;margin-left:10px;padding-left:10px;background:url('/images/bg/bg_stab_bar.gif') no-repeat 0 2px;font-weight:normal;color:#777;line-height:1.4;vertical-align:top} .step_con .terms_total{height:144px;background:#fdfdfd;border-top:1px solid #7a7a7a;border-bottom:1px solid #c6c6c6} .step_con .terms_total ul{height:41px;padding:26px 30px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom} .step_con .terms_total ul li{display:block;height:15px;margin-top:2px;padding:4px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 8px} .step_con .terms_total ul li:first-child{margin-top:0} .step_con .terms_total p{height:20px;padding:15px 30px} .step_con .terms_total p input[type="checkbox"]{width:13px;height:13px;margin:3px 7px 0 0;vertical-align:top} .step_con .terms_total p label{display:inline-block;font-weight:bold;line-height:1.8;vertical-align:top} .terms_area{position:relative;height:173px} .terms_area .terms{overflow-x:hidden;overflow-y:scroll;height:101px;padding:20px;border:1px solid #c6c6c6} .terms_area .terms strong{display:block;margin-top:20px} .terms_area .terms .pot{color:#ff5a00} .terms_area .terms strong:first-child{margin-top:0} .terms_area .terms p{height:auto;margin-top:10px;color:#666;line-height:1.6} .terms_area .terms div{margin-top:10px;color:#666;line-height:1.6} .terms_area .terms table{table-layout:fixed;width:100%;border-top:1px solid #ddd;border-right:1px solid #ddd;font-size:12px;color:#555;text-align:center} .terms_area .terms table th{padding:5px 0;background:#ddd;border-left:1px solid #fafafa} .terms_area .terms table th:first-child{border-left:0} .terms_area .terms table td{padding:5px 0;border-left:1px solid #ddd;border-bottom:1px solid #ddd} .terms_area p{height:20px;margin-top:10px} .terms_area p input[type="checkbox"]{width:13px;height:13px;margin:2px 7px 0 0;vertical-align:top} .terms_area p label{display:inline-block;font-weight:bold;line-height:1.7;vertical-align:top} .terms_area .btn_view_all{position:absolute;top:-40px;right:0} .step_con .certi_box{height:459px;margin-top:30px;border:1px solid #c6c6c6} .step_con .certi_box li{float:left;width:479px;height:389px;padding-top:71px;background:url('/images/bg/bg_dot_v.gif') repeat-y 0 0;text-align:center} .step_con .certi_box li:first-child{background:none} .step_con .certi_box li h3{height:38px;margin:0;padding-top:170px} .step_con .certi_box li.phone h3{background:url('/images/ico/ico_certi_phone.gif') no-repeat center 0} .step_con .certi_box li.ipin h3{background:url('/images/ico/ico_certi_ipin.gif') no-repeat center 0} .step_con .certi_box li.ipin h3 a{display:inline-block;width:20px;height:20px;margin:1px 0 0 3px} .step_con .certi_box li p{height:61px;line-height:1.5} .step_con .certi_box li .btn_area{display:block;height:50px;margin:0} .step_con .step4_con{height:300px;padding-top:150px;text-align:center} .step_con .step4_con h3{font-size:24px; height: 70px; line-height: 30px} .step_con .step4_con h3 strong{color:#19a1e4} .step_con .step4_con p{height:100px;margin-top:35px;line-height:1.5;} .step_con .step4_con p strong{color:#19a1e4;} .step_con .step4_con p span{display:block;margin-top:5px} .step_con .step4_con .btn_area{margin-top:0} .step_con .member_benefit{height:284px;border-top:1px solid #7a7a7a;border-bottom:1px solid #c6c6c6} .step_con .member_benefit li{float:left;width:25%;height:284px;background:url('/images/bg/bg_dot_v.gif') repeat-y 0 0;text-align:center;line-height:1.5} .step_con .member_benefit li:first-child{background:none} .step_con .member_benefit li>*{display:block} .step_con .member_benefit li strong{height:45px;padding-top:127px;vertical-align:top} .step_con .member_benefit li span{color:#777} .step_con .member_benefit li.benefit1 strong{background:url('/images/ico/ico_benefit_1.gif') no-repeat 50% 30px} .step_con .member_benefit li.benefit2 strong{background:url('/images/ico/ico_benefit_2.gif') no-repeat 50% 30px} .step_con .member_benefit li.benefit3 strong{background:url('/images/ico/ico_benefit_3.gif') no-repeat 50% 30px} .step_con .member_benefit li.benefit4 strong{background:url('/images/ico/ico_benefit_4.gif') no-repeat 50% 30px} .step_con .banner_frame{overflow:hidden;position:relative;width:100%;height:140px;margin-top:50px} .step_con .info_top{position:relative;width:879px;padding:30px 40px;border-top:1px solid #7a7a7a;background:#fdfdfd} .step_con .info_bottom{position:relative;width:879px;padding:30px 40px;border-bottom:1px solid #c6c6c6;background:#fdfdfd url('/images/bg/bg_dot_h.gif') repeat-x 0 0} .step_con .info_text{display:block;position:relative;font-size:12px;color:#555;vertical-align:top} .step_con .info_text li{display:block;padding:4px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 10px;line-height:1.4} .step_con .info_text li.tit{padding:0;background:none} #join_step3 .table_box {} #join_step3 .check_gd {overflow: hidden; display: inline-block; vertical-align: top; margin-left: 10px} #join_step3 .check_gd .gd {width: 50%; float: left;} #join_step3 .check_gd .gd:nth-child(2) {margin-left: -1px;} #join_step3 .gd_blind {position: absolute;clip: rect(0 0 0 0);width: 1px;height: 1px;margin: -1px;overflow: hidden;} #join_step3 .gd label {display: block;position: relative;box-sizing: border-box;border-radius: inherit;border: 1px solid #c6c6c6;font-size: 13px;color: #929294;text-align: center;cursor: pointer;height: 33px;width: 33px;line-height: 33px;} #join_step3 .gd input:checked+label {z-index: 1;border-color: #2495d2;font-weight: 500;color: #2495d2;} .avg_career_con {display:flex; align-items:center} .avg_career_con .at.year{margin-right: 10px} /* Find ID/Pass */ .find_con{height:400px;margin-top:42px;border:1px solid #c6c6c6} .find_con .find_box{float:left;width:375px;height:297px;padding:48px 49px 55px 55px} .find_con .find_box h3{height:36px;padding:7px 0 0 39px; font-size:18px;font-weight: normal} .find_con .find_box .btn_area{margin-top:30px} .find_con .find_box.phone{width:394px;padding:48px 40px 55px 45px;background:url('/images/bg/bg_dot_v.gif') repeat-y 100% 0} .find_con .find_box.phone h3{background:url('/images/ico/ico_find_phone.gif') no-repeat 0 0} .find_con .find_box.phone .txt{height:59px;padding:60px 35px 55px;background:#f4f4f4} .find_con .find_box.phone .txt span{display:inline-block;padding:4px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 10px;line-height:1.5} .find_con .find_box.phone .txt2{height:165px;padding:50px 35px 0;background:#f4f4f4} .find_con .find_box.phone .txt2 span{display:inline-block;padding:4px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 10px;line-height:1.5} .find_con .find_box.phone .txt2 .find_info{width:100%;margin-top:40px} .find_con .find_box.phone .txt2 .find_info li{display:block;height:33px;margin-top:8px} .find_con .find_box.phone .txt2 .find_info li>*{float:left;height:33px;vertical-align:top} .find_con .find_box.phone .txt2 .find_info li strong{width:25%;height:23px;padding-top:10px; font-size:14px;font-weight: normal} .find_con .find_box.phone .txt2 .find_info li span{width:75%;padding:0;background:none} .find_con .find_box.phone .txt2 .find_info li span>*{float:left} .find_con .find_box.phone .txt2 .find_info li span .dash{display:inline-block;width:21px;height:23px;padding-top:10px 0 0;text-align:center} .find_con .find_box.ipin h3{background:url('/images/ico/ico_find_ipin.gif') no-repeat 0 0} .find_con .find_box.ipin .txt{height:84px;padding:45px 35px;background:#f4f4f4} .find_con .find_box.ipin .txt span{display:inline-block;margin-top:2px;padding:4px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 10px;line-height:1.5} .find_con .find_box.ipin .txt span:first-child{margin-top:0} .find_con .find_box.ipin .txt2{height:185px;padding:30px 35px 0;background:#f4f4f4} .find_con .find_box.ipin .txt2 span{display:inline-block;padding:4px 0 0 8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 10px;line-height:1.5} .find_con .find_box.ipin .txt2 .find_info{width:100%;margin-top:40px} .find_con .find_box.ipin .txt2 .find_info li{display:block;height:33px;margin-top:8px} .find_con .find_box.ipin .txt2 .find_info li>*{float:left;height:33px;vertical-align:top} .find_con .find_box.ipin .txt2 .find_info li strong{width:25%;height:23px;padding-top:10px;font-size:14px;font-weight: normal} .find_con .find_box.ipin .txt2 .find_info li span{width:75%;padding:0;background:none} .find_con .find_box.ipin .txt2 .find_info li span>*{float:left} .find_con.pw{height:441px !important} .find_con.pw .find_box{height:338px} .find_con.pw .find_box.ipin p{height:85px;padding:65px 35px} /* Customer */ .customer_lst{height:364px;border-top:1px solid #7a7a7a;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom} .customer_lst li{float:left;width:320px;height:304px;padding-top:60px;background:url('/images/bg/bg_dot_v.gif') repeat-y 0 0;text-align:center} .customer_lst li:first-child{background:none} .customer_lst li>*{display:block} .customer_lst li strong{height:25px;padding-top:145px} .customer_lst li span{height:60px;color:#777;line-height:1.5} .customer_lst li span em{font-style:normal;font-weight:bold;color:#0097e1} .customer_lst li a{display:inline-block;padding-right:18px;background:url('/images/ico/ico_rnd_gry.png') no-repeat 100% 0;color:#555;text-decoration:underline} .customer_lst li.faq strong{background:url('/images/ico/ico_customer_main_1.gif') no-repeat 50% 0} .customer_lst li.inquiry strong{background:url('/images/ico/ico_customer_main_2.gif') no-repeat 50% 0} .customer_lst li.inquiry a{margin-top:20px} .customer_lst li.call strong{background:url('/images/ico/ico_customer_main_3.gif') no-repeat 50% 0} .customer_lst li.call .call_num{height:22px;margin-top:-18px} .customer_lst2{height:71px;padding:20px 0 30px;background:url('/images/bg/bg_customer_lst.gif') no-repeat 0 bottom} .customer_lst2 li{float:left;width:195px;height:36px;padding:17px 25px 18px 20px;background:url('/images/bg/bg_dot_v.gif') repeat-y 0 0} .customer_lst2 li:first-child{background:none} .customer_lst2 li a{display:block;overflow:hidden;height:36px;color:#555;text-decoration:none} .customer_lst2 li a>*{display:block} .customer_lst2 li a strong{line-height:1.5;} .customer_lst2 li a span{margin-top:5px;color:#777} .customer_lst2 li.mileage a{background:url('/images/ico/ico_customer_1.png') no-repeat 100% 0} .customer_lst2 li.order a{background:url('/images/ico/ico_customer_2.png') no-repeat 100% 0} .customer_lst2 li.benefit a{background:url('/images/ico/ico_customer_3.png') no-repeat 100% 0} .customer_lst2 li.as a{background:url('/images/ico/ico_customer_4.png') no-repeat 100% 0} .customer_lst2 li.mileage a:hover, .customer_lst2 li.mileage a:focus, .customer_lst2 li.order a:hover, .customer_lst2 li.order a:focus, .customer_lst2 li.benefit a:hover, .customer_lst2 li.benefit a:focus, .customer_lst2 li.as a:hover, .customer_lst2 li.as a:focus{background-position:100% -36px} .customer_main_bot{position:relative;height:240px;margin-top:70px} .customer_main_bot h3{position:relative;height:29px;border-bottom:1px solid #7a7a7a} .customer_main_bot a.btn_more{display:block;position:absolute;top:0;right:0;width:12px;height:12px;padding:4px 0 4px 4px} .customer_main_bot ol, .customer_main_bot ul{width:100%} .customer_main_bot ol li a, .customer_main_bot ul li a{color:#555} .customer_main_bot ol li{display:block;height:42px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom} .customer_main_bot ol li>*{display:inline-block;float:left} .customer_main_bot ol li .sort{width:96px;height:27px;padding:15px 0 0 54px;font-weight:normal;color:#0097e1} .customer_main_bot ol li .tit{overflow:hidden;width:305px;height:27px;padding-top:15px;white-space:nowrap;text-overflow:ellipsis} .customer_main_bot ol li.faq1 .sort{background:url('/images/ico/ico_num1.png') no-repeat 11px 8px} .customer_main_bot ol li.faq2 .sort{background:url('/images/ico/ico_num2.png') no-repeat 11px 8px} .customer_main_bot ol li.faq3 .sort{background:url('/images/ico/ico_num3.png') no-repeat 11px 8px} .customer_main_bot ol li.faq4 .sort{background:url('/images/ico/ico_num4.png') no-repeat 11px 8px;color:#555} .customer_main_bot ol li.faq5 .sort{background:url('/images/ico/ico_num5.png') no-repeat 11px 8px;color:#555} .customer_main_bot ul li{display:block;height:42px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom} .customer_main_bot ul li>*{display:inline-block;float:left} .customer_main_bot ul li .tit{overflow:hidden;width:360px;height:27px;padding:15px 13px 0 18px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 10px 20px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis} .customer_main_bot ul li a{color:#555} .customer_main_bot ul li .date{width:60px;height:27px;padding-top:15px} .customer_main_bot .faq, .customer_main_bot .notice{float:left;position:relative;width:455px;height:240px} .customer_main_bot .faq{margin-right:50px} .faq_box{margin-top:42px;border-top:1px solid #7a7a7a;border-bottom:1px solid #c6c6c6} .faq_box h3{height:50px;background:#f4f4f4 url('/images/bg/bg_dot_h.gif') repeat-x 0 bottom} .faq_box h3>*{display:inline-block;float:left;height:32px;padding-top:18px} .faq_box h3 .faq_num{width:12%;text-align:center} .faq_box h3 .faq_sort{width:13%} .faq_box h3 .faq_tit{width:75%} .faq_box .faq_lst{position:relative} .faq_box .faq_lst li{display:block;overflow:hidden;height:50px;background:url('/images/bg/bg_dot_h.gif') repeat-x 0 0} .faq_box .faq_lst li:first-child{background:none} .faq_box .faq_lst li .faq_title{display:block;position:relative;height:50px} .faq_box .faq_lst li .faq_title>*{display:inline-block;float:left;height:32px;padding-top:18px} .faq_box .faq_lst li .faq_title .faq_num{width:12%;text-align:center} .faq_box .faq_lst li .faq_title .faq_sort{width:13%} .faq_box .faq_lst li .faq_title .faq_tit{overflow:hidden;width:70%;padding-right:5%;background:url('/images/ico/ico_faq_off.gif') no-repeat 98% 14px;white-space:nowrap;text-overflow:ellipsis} .faq_box .faq_lst li .faq_title:hover .faq_tit{text-decoration:underline} .faq_box .faq_lst li .faq_con{position:relative;min-height:50px;padding:25px 50px 25px 110px;background:url('/images/ico/ico_faq_answer.gif') no-repeat 24px 20px;border-top:1px dotted #c6c6c6;border-bottom:1px solid #a99787;color:#777;line-height:1.7} .faq_box .faq_lst li.on .faq_title{font-weight:bold} .faq_box .faq_lst li.on .faq_title .faq_tit{background:url('/images/ico/ico_faq_on.gif') no-repeat 98% 14px} .faq_box .faq_lst li.on+li{background:url('/images/bg/bg_faq_lne.gif') repeat-x 0 0} .faq_box .faq_lst li.nodata{height:100px;padding-top:100px;text-align:center} .as_srch_box{height:456px;background:url('/images/bg/bg_customer_lst.gif') no-repeat 0 bottom;border-top:1px solid #7a7a7a;text-align:center} .as_srch_box .tit{padding-top:205px;background:url('/images/ico/ico_customer_as.gif') no-repeat 50% 70px} .as_srch_box p{margin-top:10px;line-height:1.5} .as_srch_box p strong{color:#0097e1} .as_srch_box .as_srch{width:327px;height:34px;margin:25px auto 0} .as_srch_box .as_srch>*{display:inline-block;float:left;vertical-align:top} .as_srch_box .as_srch strong{width:58px;height:24px;padding-top:10px;text-align:left} .as_srch_box .as_srch input{margin-right:8px} .as_order{height:190px;background:url('/images/bg/bg_as_order.gif') no-repeat 0 28px;border-top:1px solid #7a7a7a} .as_order li{float:left;width:160px;height:84px;padding-top:106px;text-align:center} .as_order li>*{display:block} .as_order li span{margin-top:10px;line-height:1.4} .tnc_box{overflow-x:hidden;overflow-y:scroll;height:458px;margin-top:42px;padding:20px;border:1px solid #c6c6c6;color:#333} .tnc_box strong{display:block;margin-top:20px} .tnc_box strong:first-child{margin-top:0} .tnc_box p{margin-top:10px;color:#666;line-height:1.6} .tnc_box div{margin-top:10px;color:#666;line-height:1.6} .tnc_box table{table-layout:fixed;width:100%;border-top:1px solid #ddd;border-right:1px solid #ddd;font-size:12px;color:#555;text-align:center} .tnc_box table th{padding:5px 0;background:#ddd;border-left:1px solid #fafafa} .tnc_box table th:first-child{border-left:0} .tnc_box table td{padding:5px 0;border-left:1px solid #ddd;border-bottom:1px solid #ddd} .tnc_list {padding-top:50px;} .tnc_list strong{display:block;margin-top:20px;font-size: 14px} .tnc_list strong:first-child{margin-top:0} .tnc_list p{margin-top:10px;color:#666;line-height:1.6} .tnc_list div{margin-top:10px;color:#666;line-height:1.6} .tnc_list table{table-layout:fixed;width:100%;border-top:1px solid #ddd;border-right:1px solid #ddd;font-size:12px;color:#555;text-align:center} .tnc_list table th{padding:5px 0;background:#ddd;border-left:1px solid #fafafa} .tnc_list table th:first-child{border-left:0} .tnc_list table td{padding:5px 0;border-left:1px solid #ddd;border-bottom:1px solid #ddd} /* event */ .sort_event{display:inline-block;width:980px;padding:30px 0;vertical-align:top} .sort_event .box{float:left; position:relative;width:262px;margin-top:20px;padding:15px 15px 20px;border:1px solid #c6c6c6; margin: 0 16px;} .sort_event .box .txt_box{position:relative;padding-top:20px;margin-top:20px;border-top:1px dotted #c6c6c6;font-size:12px;color:#555;} .sort_event .box img.eventimg {width: 260px; /* height: 205px; */} .sort_event .box .txt_box .sub_lst .sort{width:73px;height:20px;padding:7px;background:#0097e1;color:#fff;text-align:center; margin-right: 15px} .sort_event .box .txt_box h4{font-size:15px;overflow:hidden; height:67px} .sort_event .box .txt_box .info_txt{display:block;font-size: 14px; line-height:24px} .sort_event .box .txt_box .info_txt .red{display:block;margin-top:5px;color:#e24841} .sort_event .box .txt_box .sub_lst{margin-top:15px;font-size:12px;color:#777;vertical-align:top} #eventCon .sort_event .box .txt_box .info_txt { text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } /* info */ .sort_mileage{display:inline-block;width:632px;padding:30px 0;border-top:1px solid #7a7a7a;vertical-align:top} .sort_mileage h3{height:70px} .sort_mileage h3>*{display:block;font-weight:normal;font-size:12px;color:#999;;vertical-align:top} .sort_mileage h3 .sub_tit{margin-top:15px;color:#555} .sort_mileage h3 .sub_txt{padding-left:6px;margin-top:5px;background:url('/images/ico/ico_sq_gry.gif') no-repeat left 6px} .sort_mileage .mile_set{display:inline-block;position:relative;width:302px;vertical-align:top} .sort_mileage .mile_set .box{position:relative;width:260px;margin-top:20px;padding:40px 20px 30px;border:1px solid #c6c6c6} .sort_mileage .mile_set .box .txt_box{position:relative;padding-top:20px;margin-top:40px;border-top:1px dotted #c6c6c6;font-size:12px;color:#555;} .sort_mileage .mile_set .box .txt_box .sort{overflow:hidden;position:absolute;top:15px;right:0;width:73px;height:20px;padding-top:7px;background:url('/images/bg/bg_sort_btn.gif') no-repeat 0 0;color:#fff;text-align:center} .sort_mileage .mile_set .box .txt_box h4{font-size:15px} .sort_mileage .mile_set .box .txt_box .info_txt{display:block;margin-top:20px;line-height:1.4} .sort_mileage .mile_set .box .txt_box .info_txt .red{display:block;margin-top:5px;color:#e24841} .sort_mileage .mile_set .box .txt_box .sub_lst{margin-top:15px;font-size:12px;color:#777;vertical-align:top} .sort_mileage .mile_set .box .txt_box .sub_lst li{margin-top:5px;padding-left:6px;background:url('/images/ico/ico_sq_gry.gif') no-repeat left 6px;line-height:1.4} .sort_mileage .mile_set .box .txt_box .sub_lst li .sort_bar{margin-left:10px;padding-left:10px;background:url('/images/bg/bg_sort_bar.gif') no-repeat left 2px} .sort_mileage .mile_set .box .txt_box .sub_lst li a{display:inline-block;color:#777;text-decoration:underline} .sort_card{display:inline-block;width:304px;padding:30px 0;margin-left:19px;border-top:1px solid #7a7a7a;vertical-align:top} .sort_card h3{height:70px} .sort_card h3>*{display:block;font-weight:normal;font-size:12px;color:#999;;vertical-align:top} .sort_card h3 .sub_tit{margin-top:15px;color:#555} .sort_card .card_set{display:inline-block;position:relative;width:302px;vertical-align:top} .sort_card .card_set .box{position:relative;width:260px;margin-top:20px;padding:40px 20px 30px;border:1px solid #c6c6c6} .sort_card .card_set .box .txt_box{position:relative;padding-top:20px;margin-top:40px;border-top:1px dotted #c6c6c6;font-size:12px;color:#555;} .sort_card .card_set .box .txt_box .sort{overflow:hidden;position:absolute;top:15px;right:0;width:73px;height:20px;padding-top:7px;background:url('/images/bg/bg_sort_btn.gif') no-repeat 0 -27px;color:#fff;text-align:center} .sort_card .card_set .box .txt_box h4{font-size:15px} .sort_card .card_set .box .txt_box .info_txt{display:block;margin-top:20px;line-height:1.4} .sort_card .card_set .box .txt_box .info_txt .red{display:block;margin-top:5px;color:#e24841} .sort_card .card_set .box .txt_box .sub_lst{margin-top:15px;font-size:12px;color:#777;vertical-align:top} .sort_card .card_set .box .txt_box .sub_lst li{margin-top:5px;padding-left:6px;background:url('/images/ico/ico_sq_gry.gif') no-repeat left 6px;line-height:1.4} .sort_card .card_set .box .txt_box .sub_lst li .sort_bar{margin-left:10px;padding-left:10px;background:url('/images/bg/bg_sort_bar.gif') no-repeat left 2px;letter-spacing:0} .sort_card .card_set .box .txt_box .sub_lst li a{display:inline-block;color:#777;letter-spacing:0;text-decoration:underline} .bg_box{position:relative;height:480px;background:url('/images/info/bg_fam_add.jpg') no-repeat center 0} .bg_box .add_con{width:960px;margin:0 auto} .bg_box .add_con .tit_area{height:326px;padding:77px 20px} .bg_box .add_con .tit_area .add_btn{display:block;width:300px;margin-top:40px;margin-left:30px} .bg_box .add_con .tit_area .add_btn a{width:280px;margin-top:10px} .bg_box .add_con .tit_area .add_btn a:first-child{margin-top:0} .con_box{position:relative;background:url('/images/bg/bg_special_bar.gif') repeat-y center 0} .con_box .add_con2{width:960px;margin:0 auto} .con_box .add_con2 .step_con{position:relative;width:100%;margin-top:0;padding:80px 0 100px} .con_box .add_con2 .step_con h3{height:31px} .members_sec1{position:relative;height:1000px;background:url('/images/info/aboutusbg.png') no-repeat center 0} .members_sec1 .info_box{position:relative;width:960px;margin:0 auto} .members_sec1 .info_box h2{padding-top:97px;text-align:center} .members_sec1 .info_box .info_menu{display:block;height:240px;margin-top:59px;text-align:center} .members_sec1 .info_box .info_menu li{overflow:hidden;position:relative;float:left;width:240px;height:240px} .members_sec1 .info_box .info_menu li a{display:block;width:240px;height:132px} .members_sec1 .info_box .info_menu li a .ov{position:absolute;top:0;left:0} .members_sec1 .info_box .info_menu li .icon_red{display:block;position:absolute;bottom:-30px;right:0} .members_sec2{position:relative;padding-top:80px;background:url('/images/bg/bg_special_bar.gif') repeat-y center 0} .members_sec2 .info_box{position:relative;width:960px;margin:0 auto} .members_sec2 .info_box h3{padding-bottom:60px;text-align:center} .members_sec2 .info_box h4{text-align:center} .members_sec2 .lst_section{position:relative;width:100%;margin-top:80px} .members_sec2 .lst_section .lst_cover{position:relative;width:1336px;height:300px;margin:0 auto} .members_sec2 .lst_section .lst_cover .move_section{overflow:hidden;float:right;position:relative;width:1336px;height:300px} .members_sec2 .lst_section .lst_cover .move_section .intro_lst{position:absolute;top:0;left:0;width:100%} .members_sec2 .lst_section .lst_cover .move_section .intro_lst li{overflow:hidden;display:inline-block;position:absolute;top:0;left:0;width:240px;cursor:pointer} .members_sec2 .lst_section .lst_cover .move_section .intro_lst li .box{position:absolute;top:0;left:0} .members_sec2 .lst_section .lst_cover .move_section .intro_lst li .box1{height:300px} .members_sec2 .lst_section .lst_cover .move_section .intro_lst li .box2{height:240px} .members_sec2 .lst_section .lst_cover .move_section .intro_lst li .box .bg{display:block;position:absolute;top:0;left:0;width:240px;background:#000} .members_sec2 .lst_section .lst_cover .move_section .intro_lst li .box1 .bg{height:300px} .members_sec2 .lst_section .lst_cover .move_section .intro_lst li .box2 .bg{height:240px} .members_sec2 .lst_section .lst_cover .move_section .intro_lst li .box .brnd_area{display:block;position:relative;padding:30px 22px;font-size:12px;color:#ccc;vertical-align:top} .members_sec2 .lst_section .lst_cover .move_section .intro_lst li .box .brnd_area .brnd_tit{display:block;font-size:15px;color:#fff;vertical-align:top} .members_sec2 .lst_section .lst_cover .move_section .intro_lst li .box .brnd_area .red_bar{display:block;width:30px;height:15px;border-bottom:1px solid #e24841} .members_sec2 .lst_section .lst_cover .move_section .intro_lst li .box .brnd_area .brnd_con{display:block;margin-top:18px;line-height:1.5} .members_sec2 .lst_section .lst_cover .move_section .intro_lst li .box .brnd_btn{display:block;position:absolute;bottom:25px;left:0;width:218px;padding-left:22px;text-align:left} .members_sec2 .sec2_btn_area{width:980px;margin:30px auto 0;text-align:center} .members_sec2 .sec2_btn_area .lft_btn{display:inline-block;overflow:hidden;height:42px} .members_sec2 .sec2_btn_area .rgt_btn{display:inline-block;overflow:hidden;height:42px;margin-left:5px} .members_sec2 .sec2_btn_area .lft_btn img:hover, .members_sec2 .sec2_btn_area .rgt_btn img:hover, .members_sec2 .sec2_btn_area .lft_btn img:focus, .members_sec2 .sec2_btn_area .rgt_btn img:focus{margin-top:-42px} .members_sec3{position:relative;height:850px;padding-top:80px;background:url('/images/info/bg_info_member.gif') no-repeat center 0} .members_sec3 .pop_benefit_info{display:none;position:absolute;top:0;left:0;width:100%;height:930px;background:url('/images/bg/bg_benefit.png') no-repeat center 0} .members_sec3 .pop_benefit_info .roll_cover{display:none;overflow:hidden;position:absolute;top:450px;left:50%;width:300px;height:1px;margin-left:-150px} .members_sec3 .pop_benefit_info .benefit_detail{position:absolute;top:0;left:0;width:300px;height:588px;background:#fff} .members_sec3 .pop_benefit_info .benefit_detail .grade{display:block;height:31px;padding:19px 20px 0} .members_sec3 .pop_benefit_info .benefit_detail .grade strong{float:left} .members_sec3 .pop_benefit_info .benefit_detail .grade a{display:block;float:right;padding:5px;margin-top:-5px;margin-right:-5px;font-size:0} .members_sec3 .pop_benefit_info .benefit_detail .image{display:block;height:200px} .members_sec3 .pop_benefit_info .benefit_detail .txt_area{height:278px;padding:30px 20px;font-size:12px;color:#444;vertical-align:top;} .members_sec3 .pop_benefit_info .benefit_detail .txt_area>*{display:block} .members_sec3 .pop_benefit_info .benefit_detail .txt_area .pop_tit{font-size:15px} .members_sec3 .pop_benefit_info .benefit_detail .txt_area .pop_txt{margin-top:15px;line-height:1.5} .members_sec3 .pop_benefit_info .benefit_detail .txt_area .gry_bar{width:30px;height:9px;margin-top:20px;border-top:1px solid #c6c6c6} .members_sec3 .pop_benefit_info .benefit_detail .txt_area p{margin-top:10px;font-size:12px;color:#777;vertical-align:top;line-height:1.4} .members_sec3 .pop_benefit_info .benefit_detail .txt_area .txt_lst1, .members_sec3 .pop_benefit_info .benefit_detail .txt_area .txt_lst2{margin-top:5px;font-size:12px;color:#777;vertical-align:top} .members_sec3 .pop_benefit_info .benefit_detail .txt_area .txt_lst1 li, .members_sec3 .pop_benefit_info .benefit_detail .txt_area .txt_lst2 li{padding-left:6px;background:url('/images/ico/ico_sq_gry.gif') no-repeat left 8px;line-height:1.6} .members_sec3 .pop_benefit_info .benefit_detail .txt_area .btn_pop_red{display:block;position:absolute;bottom:30px;left:20px} .members_sec3 .info_box{position:relative;width:960px;margin:0 auto} .members_sec3 .info_box h3{padding-bottom:60px;text-align:center} .members_sec3 .info_box h4{text-align:center} .members_sec3 .info_box .benefit_area{position:relative;width:960px;height:262px;margin-top:79px} .members_sec3 .info_box .benefit_area .benefit_cover{display:block;position:absolute;top:0;left:0;width:960px;height:262px;background:#f7f7f7} .members_sec3 .info_box .benefit_area .benefit{overflow:hidden;position:absolute;top:0;left:0;width:960px;height:262px} .members_sec3 .info_box .benefit_area .benefit li{position:absolute;top:0;left:0;width:192px} .members_sec3 .info_box .benefit_area .benefit li a{display:block;position:relative;width:100%} .members_sec3 .info_box .benefit_area .benefit li .over_bg{display:none;position:absolute;top:0;left:0;width:100%;height:192px;background:url('/images/info/benefit_cir.png') no-repeat center} .members_sec3 .info_box .benefit_area .lft_btn{position:absolute;top:76px;left:-20px;display:inline-block;overflow:hidden;height:42px} .members_sec3 .info_box .benefit_area .rgt_btn{position:absolute;top:76px;left:940px;display:inline-block;overflow:hidden;height:42px} .members_sec3 .info_box .benefit_area .lft_btn img:hover, .members_sec3 .info_box .benefit_area .rgt_btn img:hover, .members_sec3 .info_box .benefit_area .lft_btn img:focus, .members_sec3 .info_box .benefit_area .rgt_btn img:focus{margin-top:-42px} .members_sec3 .info_box .card_select{position:relative;height:193px;margin-top:59px;text-align:center} .members_sec3 .info_box .card_select li{float:left;width:239px;margin-left:30px} .members_sec3 .info_box .card_select li:first-child{margin-left:92px} .members_sec3 .info_box .card_select li a{display:block;width:239px;height:193px} .members_sec3 .info_box .card_select .card{display:block;margin-top:16px} .members_sec3 .info_box .card_select .card_tit{display:block;overflow:hidden;height:26px} .members_sec4{position:relative;height:923px;padding-top:80px;background:url('/images/bg/bg_special_bar.gif') repeat-y center 0} .members_sec4 .info_box{position:relative;width:960px;margin:0 auto} .members_sec4 .info_box h3{padding-bottom:60px;text-align:center} .members_sec4 .info_box h4{text-align:center} .members_sec4 .info_box .use_area{height:490px;margin-top:61px} .members_sec4 .info_box .use_area li{float:left;width:240px;height:490px;margin-left:61px} .members_sec4 .info_box .use_area li a{display:inline-block;width:240px;height:257px} .members_sec4 .info_box .use_area li .go_btn{display:block;overflow:hidden;width:30px;height:30px;margin-top:189px;margin-left:105px;background:url('/images/btn/btn_info_go.png') no-repeat 0 0} .members_sec4 .info_box .use_area li .text{display:block;margin-top:41px} .members_sec4 .info_box .use_area li a:hover .go_btn, .members_sec4 .info_box .use_area li a:focus .go_btn{background-position: 0 -30px} .use_bg1{background:url('/images/info/bg_use1.png') no-repeat 0 0} .use_bg2{background:url('/images/info/bg_use2.png') no-repeat 0 0} .use_bg3{background:url('/images/info/bg_use3.png') no-repeat 0 0} .members_sec5{position:relative;height:819px;padding-top:184px;margin-top:-242px;background:url('/images/info/bg_info_fun.png') no-repeat center 0} .members_sec5 .info_box{position:relative;width:960px;margin:0 auto} .members_sec5 .info_box h3{padding-bottom:60px;text-align:center} .members_sec5 .info_box h4{text-align:center} .members_sec5 .info_box .fun_area{position:relative;height:447px;margin-top:58px} .members_sec5 .info_box .fun_area li{float:left;margin-left:120px;width:300px;height:447px} .members_sec5 .info_box .fun_area .text{display:block;margin-top:40px;text-align:center} .members_sec6{position:relative;height:616px;padding-top:80px;background:url('/images/info/bg_info_join.jpg') no-repeat center 0} .members_sec6 .info_box{position:relative;width:960px;margin:0 auto} .members_sec6 .info_box h3{padding-bottom:40px;text-align:center} .members_sec6 .info_box .join_area{height:420px} .members_sec6 .info_box .join_area li{float:left;width:420px;height:280px;padding-top:140px;margin-left:40px;text-align:center} .members_sec6 .info_box .join_area li .tit{display:block} .members_sec6 .info_box .join_area li a{display:inline-block;overflow:hidden;height:49px;margin-top:69px} .btn_info_top{overflow:hidden;display:block;width:50px;height:50px;margin:80px auto 0} .btn_info_top:hover img, .btn_info_top:focus img{margin-top:-50px} /* Sitemap */ .sitemap{display:inline-block;width:100%} .sitemap li{float:left;width:168px;margin-left:30px} .sitemap li:first-child{margin-left:0} .sitemap li h3{height:31px;border-bottom:1px solid #999} .sitemap li ol{width:100%;margin-top:28px} .sitemap li ol li{display:block;float:none;height:26px;margin:0;padding-left:9px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 6px;font-size:12px;color:#555} .sitemap li ol li a{color:#555} /* error */ .error.rac1{position:absolute;top:50%;left:50%;width:962px;height:478px;margin:-239px 0 0 -481px;text-align:center} .error.rac2{position:absolute;top:50%;left:50%;width:962px;height:628px;margin:-314px 0 0 -481px;text-align:center} .error.rac3{position:absolute;top:50%;left:50%;width:962px;height:636px;margin:-318px 0 0 -481px;text-align:center} .error .top{width:100%;height:66px} .error .box{position:relative;padding:230px 0 100px;border-left:1px solid #ffde00;border-right:1px solid #ffde00;border-bottom:1px solid #ffde00;background:#fff url('/images/ico/ico_error.gif') no-repeat center 100px} .error .box h2{display:block;font-size:20px;color:#333;;line-height:1.5} .error .box strong{color:#0097e1} .error .box .txt{display:block;margin-top:20px;font-size:12px;color:#777;line-height:1.5} /* iframe page */ .iframe{position:relative} .iframe h1{height:66px;padding:0 20px;background:#2c2c2c} .iframe .i_container{position:relative;padding:66px 20px 80px} .iframe .i_container h2{text-align:center} .iframe .i_container .gry_box{position:relative;margin-top:66px;padding:40px;background:#f4f4f4;text-align:center} .iframe .i_container .gry_box h3{text-align:left;height:21px} .iframe .i_container .gry_box p{font-size:12px;color:#555;line-height:1.6;text-align:left} .iframe .i_container .gry_box p strong{color:#0097e1} .iframe .i_container .gry_box .list{display:block;margin-top:15px;text-align:left;font-size:12px;color:#555;line-height:1.6} .iframe .i_container .gry_box .list li{padding-left:8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat left 8px} .iframe .i_container .info_txt{display:block;padding-left:8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 8px;font-size:12px;color:#555;line-height:1.5;vertical-align:top} .iframe .i_container h4{text-align:left;height:28px;vertical-align:top;font-size:14px;color:#555} .iframe .i_container h4 strong{color:#0097e1} .iframe .i_container .table_box{font-size:12px;color:#555} .iframe .i_container .stit{display:block;height:30px;margin-top:50px} .iframe .i_container .gry_iframe_box{position:relative;height:52px;padding:40px;background:#f4f4f4} .iframe .i_container .gry_iframe_box .chk_out{display:block;float:left;margin-top:20px;vertical-align:top;font-size:12px;color:#555} .iframe .i_container .gry_iframe_box .chk_out input[type="checkbox"]{display:inline-block;width:13px;height:13px;margin-right:8px} .iframe .i_container .gry_iframe_box .chk_out label{display:inline-block;font-weight:bold;line-height:1.3} .iframe .i_container .gry_iframe_box .chk_out label strong{color:#0097e1} .iframe .i_container .gry_iframe_box .chk_out2{display:block;float:left;margin-top:10px;vertical-align:top;font-size:12px;color:#555} .iframe .i_container .gry_iframe_box .chk_out2 span{display:block;margin-top:10px} .iframe .i_container .gry_iframe_box .chk_out2 span:first-child{margin-top:0} .iframe .i_container .gry_iframe_box .chk_out2 input[type="checkbox"]{display:inline-block;width:13px;height:13px;margin-right:8px} .iframe .i_container .gry_iframe_box .chk_out2 label{display:inline-block;font-weight:bold;line-height:1.3} .iframe .i_container .gry_iframe_box .chk_out2 label strong{color:#0097e1} .iframe .i_container .gry_iframe_box .btn_area{float:right;width:250px;height:50px;margin-top:0;text-align:right;vertical-align:top} .iframe .i_container .gry_box2{position:relative;margin-top:66px;padding-top:200px;padding-bottom:70px;background:#f4f4f4 url('/images/ico/ico_frame2.png') no-repeat center 70px} .iframe .i_container .gry_box2 h3{text-align:center;height:21px} .iframe .i_container .gry_box2 .txt{display:block;text-align:center;margin-top:15px;font-size:12px;color:#555;vertical-align:top;line-height:1.5} .iframe .i_container .gry_box2 .txt strong{color:#8a7131} .iframe .i_container .guide{margin-top:50px;padding-top:25px;border-top:1px solid #c6c6c6} .iframe .i_container .guide li{display:block;padding-left:8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 8px;font-size:12px;color:#555;line-height:1.5;vertical-align:top} .iframe .i_container .guide li strong{color:#8a7131} .iframe .type5 li a{height:41px;padding-top:8px;font-size:12px;line-height:1.5} .iframe .type5 li.tab3 a, .iframe .type5 li.tab6 a{height:34px;padding-top:15px} .iframe .terms_area{height:143px} .iframe .terms_area .terms{font-size:12px} .iframe .terms_area .terms strong{display:block;margin-top:20px} .iframe .terms_area .terms strong:first-child{margin-top:0} .iframe .terms_area .terms p{margin-top:10px;color:#666;line-height:1.6} .iframe .terms_area .terms div{margin-top:10px;color:#666;line-height:1.6} .iframe .terms_area .terms table{table-layout:fixed;width:100%;border-top:1px solid #ddd;border-right:1px solid #ddd;font-size:12px;color:#555;text-align:center} .iframe .terms_area .terms table th{padding:5px 0;background:#ddd;border-left:1px solid #fafafa} .iframe .terms_area .terms table th:first-child{border-left:0} .iframe .terms_area .terms table td{padding:5px 0;border-left:1px solid #ddd;border-bottom:1px solid #ddd} .iframe .iframe_chk_area{margin-top:20px} .iframe .iframe_chk_area .all_chk_box{margin-top:0;padding:15px 0 10px;border-bottom:1px solid #c6c6c6;text-align:left;color:#555} .iframe .iframe_chk_area .all_chk_box .chk_out{margin:0;padding:0} .iframe .iframe_chk_area .chk_out{display:block;margin-top:10px;vertical-align:top;font-size:12px;color:#555} .iframe .iframe_chk_area .chk_out input[type="checkbox"]{display:inline-block;width:13px;height:13px;margin-right:8px} .iframe .iframe_chk_area .chk_out label{display:inline-block;font-weight:bold;line-height:1.3} .iframe .iframe_chk_area .chk_out label strong{color:#8a7131} .iframe .iframe_chk_area .iframe_chk_area2{padding-top:15px;border-top:1px dotted #c6c6c6} .iframe .iframe_chk_area .iframe_chk_area2 p{font-size:12px;color:#555} .iframe .iframe_chk_area .iframe_chk_area2 .chk_out{display:block} .iframe .iframe_chk_area .iframe_chk_area2 .gry_box{margin-top:10px;padding:10px 20px 8px} .iframe .iframe_chk_area .iframe_chk_area2 .gry_box .chk_out{margin-top:0} .iframe .iframe_chk_area2{margin-top:15px} .iframe .iframe_chk_area2 .gry_box{margin-top:10px;padding:20px 20px 15px;background:#f4f4f4;text-align:left;color:#555} .iframe .iframe_chk_area2 .gry_box .chk_out{display:inline-block;margin-right:30px;vertical-align:top;font-size:12px;color:#555} .iframe .iframe_chk_area2 .gry_box .chk_out input[type="checkbox"]{display:inline-block;width:13px;height:13px;margin-right:8px} .iframe .iframe_chk_area2 .gry_box .chk_out label{display:inline-block;font-weight:bold;line-height:1.3} .iframe .iframe_chk_area2 .gry_box .chk_out label strong{color:#8a7131} .iframe .i_container .guide2{margin-top:20px} .iframe .i_container .guide2 li{display:block;padding-left:8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 8px;font-size:12px;color:#555;line-height:1.5;vertical-align:top} .iframe .i_container .guide2 li strong{color:#8a7131} .iframe.combind_comp .i_container{padding:50px 20px 30px} .iframe.combind_comp .btn_area{margin-top:30px} .iframe .i_container .combind_comp{margin-top:45px;padding:150px 0 40px;background:#f4f4f4 url('/images/ico/ico_combine_comp.png') no-repeat 50% 45px;text-align:center} .iframe .i_container .combind_comp p{margin-top:20px;font-size:12px;color:#555;line-height:1.8;} .iframe .i_container .combind_comp p strong{color:#8a7131} .iframe#oneID .i_container .guide{margin-top:20px} .iframe#oneID .i_container{width:960px;padding:66px 20px 30px} .iframe#oneID .btn_area{margin-top:30px} .iframe#oneID .btn_area a{width:150px} /* Open Event */ .game_gate{position:relative;width:100%} .game_gate .info{position:relative;height:109px} .game_gate .info a{display:block;position:absolute;top:29px;left:650px;width:250px;height:54px} .game_gate .evt1{position:relative;height:323px} .game_gate .evt1 a{display:block;position:absolute;top:220px;left:60px;width:250px;height:54px} .game_gate .evt2{position:relative;height:484px} .game_gate .evt2 a{display:block;position:absolute;top:380px;left:60px;width:250px;height:54px} .game{position:relative;width:960px;margin:0 auto} /* Open */ .open{position:relative;width:980px;height:768px;margin:0 auto;background:url('/images/open.jpg') center 0} /* Maxmara */ .maxmara{width:688px;padding:50px 30px;margin:0 auto;background:#fff;border:1px solid #c6c6c6} .maxmara .tit{height:102px;text-align:center} .maxmara .tit p{margin-top:15px;color:#777;line-height:1.5} .maxmara .tit p strong{color:#8a7131} .maxmara .maxmara_con{margin-top:30px;padding:40px 34px 50px;background:#f8f8f8;color:#555;line-height:1.5} .maxmara .maxmara_con p, .maxmara .maxmara_con ul{margin-top:15px} .maxmara .maxmara_con strong{color:#8a7131} .maxmara .maxmara_con ul li{display:block;padding-left:8px;background:url('/images/ico/ico_sq_blk.gif') no-repeat 0 8px;vertical-align:top} .maxmara .maxmara_con ul li span{display:block;padding-left:60px} .maxmara .maxmara_con .btn_area{height:50px;margin-top:25px;text-align:center} /*comment*/ .table_box_list .comment { width: 960px; border-bottom:1px solid #c6c6c6;} .table_box_list .comment h2{ font-size:18px; padding: 20px; font-weight:normal; border-bottom: 1px solid #ededed;} .table_box_list .comment li { padding: 15px 20px; border-bottom: 1px solid #ededed;} .table_box_list .comment .name { height: 40px; color:#2a2a2a; line-height: 25px;font-size: 13px; font-weight:800; padding-right: 20px;} .table_box_list .comment .date { color:#767676; line-height: 25px;font-size: 12px; padding-right: 20px;} .table_box_list .comment .comtext { padding-top: 15px; } .table_box_list .comment .com_write {position:relative;background: #fafafa; padding: 15px; height: 70px; } .table_box_list .comment .u_cbox_inbox{ margin-bottom:8px; width:840px; float: left;} .table_box_list .comment .u_cbox_text{width:100%; height:56px; color:#333; line-height: 18px; padding:4px; margin: 0; float:left; display: block; position: relative; z-index:1; overflow-x:hidden; overflow-y: auto;} .table_box_list .comment .btn_com{float:right;width:70px;height:40px;font-size:13px; padding-top: 23px;font-weight:normal;text-align:center;border:1px solid #666;background: #fff; } .table_box_list .comment .btn_com:hover, .table_box_list .comment .btn_com:focus, .table_box_list .comment .btn_com:active{background: #5eb8f8;color: #fff;border:1px solid #3083c7;} /*tour*/ .tour_top{position:relative;height:495px;} .tour_top .hot_item{position:relative;height:580px;} .tour_top .hot_item .shop_lft{overflow:hidden;position:absolute;top:190px;left:20px;width:40px;height:42px} .tour_top .hot_item .shop_rgt{overflow:hidden;position:absolute;top:190px;right:55px;width:40px;height:42px} .tour_top .hot_item .shop_lft img:hover, .tour_top .hot_item .shop_rgt img:hover, .tour_top .hot_item .shop_lft img:focus, .tour_top .hot_item .shop_rgt img:focus{margin-top:-42px} .tour_top .hot_item .sub_lft{overflow:hidden;position:absolute;top:190px;left:20px;width:40px;height:42px} .tour_top .hot_item .sub_rgt{overflow:hidden;position:absolute;top:190px;left:470px;width:40px;height:42px} .tour_top .hot_item .sub_lft img:hover, .tour_top .hot_item .sub_rgt img:hover, .tour_top .hot_item .sub_lft img:focus, .tour_top .hot_item .sub_rgt img:focus{margin-top:-42px} /*상단 롤링배너*/ .tour_top .hot_item .tour_sh{position:absolute;top:370px;left:70px; padding: 10px 20px; border: 3px solid #566a70; background: #fff} .tour_top .hot_item .tour_sh span.ttsh {display:inline-block; font-size:16px; color:#0c0c0c; padding-top: 7px; padding-right: 20px;} .tour_top .hot_item .item_lst{position:relative;height:495px;margin:0 auto} .tour_top .hot_item .item_lst li{float:none;position:absolute;top:0;left:0;width:100%;height:480px;font-size:16px;font-weight:bold} .tour_top .hot_item .item_lst li .top_bn {position:relative; width: 980px; margin: 0 auto;} .tour_top .hot_item .item_lst li .bn_txt1 {width: 470px; padding-top:40px; padding-left: 50px; text-align: left; float: left } .tour_top .hot_item .item_lst li .bn_txt2 {width: 100%; padding-top:40px; padding-left: 50px; text-align: left; float: left} .tour_top .hot_item .item_lst li .bn_txt {width: 470px; padding-top:40px; text-align: left; float: left } .tour_top .hot_item .item_lst li .nare{font-size:16px; color:#0c0c0c; font-weight: bold; line-height: 24px; font-family:"Malgun Gothic";*/ } .tour_top .hot_item .item_lst li .tit{font-size:40px; color:#222; letter-spacing: -3px; line-height: 50px; font-family:"Malgun Gothic";*/} .tour_top .hot_item .item_lst li .price{font-size:40px; color:#1c3775; letter-spacing: -3px; line-height: 50px; padding: 20px 0; font-family:"Malgun Gothic";*/} .tour_top .hot_item .item_lst li .nare2{font-size:16px; color:#fff; font-weight: bold; line-height: 24px; font-family:"Malgun Gothic";*/ } .tour_top .hot_item .item_lst li .tit2{font-size:40px; color:#fff; letter-spacing: -3px; line-height: 50px; font-family:"Malgun Gothic";*/} .tour_top .hot_item .item_lst li .price2{font-size:40px; color:#fff; letter-spacing: -3px; line-height: 50px; padding: 20px 0; font-family:"Malgun Gothic";*/} .tour_top .hot_item .item_lst li .btn_area {width: 130px; letter-spacing: 0px; } .tour_top .hot_item .item_lst li .item_name{margin-top:30px;line-height:1.5;} .tour_top .hot_item .item_lst li .item_name strong{display:block} .tour_top .hot_item .item_lst li .item_name span{display:block;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis} .tour_top .hot_item .item_lst li .item_price{margin-top:10px} .tour_top .hot_item .item_lst li .bn_map {position:relative; margin:0 auto; padding-top:40px; text-align: left; } /*전국핫아이템3*/ .tour_hot3 {position:relative;width:960px; margin:0 auto; height: 510px;} .tour_hot3 .hot_tit{display:block;width:217px;margin-top:10px} .tour_hot3 .tour {z-index:55;position:relative;width:980px;height:350px;margin:0 auto} .tour_hot3 .tour .list_combine li { width:295px; height: 350px; float: left; position: relative; padding: 0px 15px; margin-top: 40px;} .tour_hot3 .tour .list_combine li.ed { float: right; position: relative; padding-right: 0; } .tour_hot3 .tour .list_combine .box_best { left: 20px; top: -3px; position: absolute; z-index: 20;} .tour_hot3 .tour .list_combine .box_best .ico_hot1 { background-image: url('/images/ico/ico_hot1.gif'); background-repeat:no-repeat; width: 59px; height: 53px; line-height:0 ; text-indent:-9999px; overflow:hidden; font-size:0px; display: block;} .tour_hot3 .tour .list_combine .box_best .ico_hot2 { background-image: url('/images/ico/ico_hot2.gif'); background-repeat:no-repeat; width: 59px; height: 53px; line-height:0 ; text-indent:-9999px; overflow:hidden; font-size:0px; display: block;} .tour_hot3 .tour .list_combine .box_best .ico_hot3 { background-image: url('/images/ico/ico_hot3.gif'); background-repeat:no-repeat; width: 59px; height: 53px; line-height:0 ; text-indent:-9999px; overflow:hidden; font-size:0px; display: block;} .tour_hot3 .tour .list_combine .box_thumb img {width: 295px; height: 255px;} .tour_hot3 .tour .list_combine .box_desc { left:15px; top:225px; width: 265px; height: 90px; display: bolck; position: absolute; background:#2c3835; padding: 15px;} .tour_hot3 .tour .list_combine .box_desc .tit_desc {height: 24px; color:#fff; line-height: 24px; font-size: 14px; font-weight:600;} .tour_hot3 .tour .list_combine .sale {display:block; padding-top: 20px;height: 21px; color: #fff; overflow: hidden; font-size: 18px; font-weight: 600;} .tour_hot3 .tour .list_combine .sale .won {font-family:'NanumGothic','나눔고딕'; font-size: 14px; color:#fff;} /*투어조인리스트*/ .tour_3line {position:relative; background: #f7f7f9; height: 390px;} .tour_3line .jr_ls {position:relative;width:960px; margin:0 auto;} .tourjoin_lst {position:relative;float: left;margin-top: 25px; width: 440px; background: #fff; border: 1px solid #e7e7e7; padding:20px;} .tourjoin_lst h3{position:relative; color:#3e9bdd; font-size: 24px; padding: 10px 0 10px 17px; border-bottom:1px solid #e7e7e7; font-weight: 600} .tourjoin_lst a.btn_more{display:block;position:absolute;top:25px;right:10px;width:60px;height:12px; color:#bbbbbb} .tourjoin_lst ul.lst{} .tourjoin_lst ul.lst li {font-size: 14px; padding: 12px 17px;; color: #666666;border-bottom:1px solid #e7e7e7;} .tourjoin_lst ul.lst li.bg {background: #f7f7f7; line-height:25px } .tourjoin_lst ul.lst li .tit{overflow:hidden;width:250px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis} .tourjoin_lst ul.lst li .tit .no { width:100px;height:27px; float: left; font-size: 12px; color: #333;padding-top:10px} .tourjoin_lst ul.lst li .joindate{color:#111;} .tourjoin_lst ul.lst li a{color:#555} /*리뷰리스트*/ .tour_3line .jr_ls .review {position:relative; float: right; margin-top: 25px; width: 380px; background: #fff; border: 1px solid #e7e7e7; padding:20px;} .tour_3line .jr_ls .review h3{position:relative; color:#222; font-size: 24px; padding: 10px 0 10px 17px; border-bottom:1px solid #e7e7e7; font-weight: 600} .tour_3line .jr_ls .review a.btn_more{display:block;position:absolute;top:25px;right:10px;width:60px;height:12px; color:#bbbbbb} .tour_3line .jr_ls .review ul.review_list{} .tour_3line .jr_ls .review ul.review_list li {font-size: 14px; padding: 12px 17px;; color: #666666;border-bottom:1px solid #e7e7e7;} .tour_3line .jr_ls .review ul.review_list li.bg {background: #f7f7f7} .tour_3line .jr_ls .review ul.review_list li .tit{overflow:hidden;width:250px;font-weight:normal;white-space:nowrap;text-overflow:ellipsis} .tour_3line .jr_ls .review ul.review_list li a{color:#555} .tour_3line .jr_ls .review ul.review_list li .date{ width:40px;height:27px; float: right} /*서븐 핫2*/ .tourlist {position:relative;width:960px; margin:0 auto;} .tourlist_hot2{position:relative; height: 360px; margin-top:25px;} .tourlist_hot2 .hotproduct{float: left; width: 732px;} .tourlist_hot2 .hotproduct ul.list_combine li { float: left; position: relative; padding-right: 26px;} .tourlist_hot2 .hotproduct .list_row_type3 li { width:218px; height: 360px; padding-top:5px;} .tourlist_hot2 .hotproduct .list_combine .box_best { left: 5px; top: -3px; position: absolute; z-index: 20;} .tourlist_hot2 .hotproduct .list_combine .box_best .ico_comm { background-image: url('/images/ico/ico_hotp.gif'); background-repeat:no-repeat; width: 59px; height: 53px; line-height:0 ; text-indent:-9999px; overflow:hidden; font-size:0px; display: block;} .tourlist .tourjoin_lst {position:relative;float: left; margin-top: 0px; width: 185px; background: #fff; border: 1px solid #e7e7e7; padding:20px;} /*지역별 리스트*/ .country_list {position:relative;width:960px; margin:0 auto; padding-bottom: 40px;} .tab_date {height:60px;background:url('/images/bg/bg_datetab_off.gif') no-repeat 0 0; } .tab_date li{float:left;height:59px;text-align:center; font-size:16px; font-weight: 600;} .tab_date li a{display:block;height:37px;padding-top:22px;background:url('/images/bg/bg_tab_lne.gif') repeat-y 0 0;color:#555;text-decoration:none} .tab_date li.on{background:#fff; border-top: 1px solid #7a7a7a;border-left: 1px solid #7a7a7a;border-right: 1px solid #7a7a7a} .tab_date li.on a{background:none;color:#3e9bde} .tab_date li.on+li a{background:none} .type_date li{width:33%} .type_date2 li{width:11.08%} .country_list .tour_state { border-bottom: 1px solid #7a7a7a; background:#f8f8f8; padding: 10px 20px; text-align: right; color: #c8c8c8 } .country_list .tour_state span {display:inline-block; padding-right: 10px;padding-left: 10px;} .country_list .booking {color: #237bba} .country_list .waiting {color: #75ba23} .country_list .end {color: #333333} .country_list .close {color: #979797} .tourdetail {position:relative;width:960px; margin:70px auto 0;} .tourdetail_top_box {height:440px;padding:25px 0;border-top:1px solid #e2e2e2;} .tourdetail_top_box .left_box{float:left;width:440px;height:440px;padding:0 20px} .tourdetail_top_box .right_box{float:left;width:440px;height:440px;padding:0 20px;background:url('/images/bg/bg_dot_v.gif') repeat-y left 0} .tourdetail .nanum {margin-top: 20px;} .tourdetail .nanum .detail_nanum {padding: 20px 0; } .tourdetail .nanum .detail_nanum .event {text-align: center; } .tourdetail .nanum .detail_nanum .clear {clear: both } .tourdetail .nanum .detail_nanum .detail_pic {float: left; width: 340px; padding-left: 15px } .tourdetail .nanum .detail_nanum .detail_pic .pic {width:320px; height: 230px;} .tourdetail .nanum .detail_nanum .detail_pic .pic .zoom { padding-top:200px; padding-left:290px; } .tourdetail .nanum .detail_nanum .detail_nare {float: right; width: 530px; padding-right: 15px; line-height: 24px } .tourdetail .nanum .detail_nanum .map {text-align: center;} .bkdetail_top_box {height:250px;padding:25px 0;border-top:1px solid #e2e2e2;} .bkdetail_top_box .left_box{float:left;width:440px;padding:0 20px} .bkdetail_top_box .right_box{float:left;width:440px;padding:0 20px;background:url('/images/bg/bg_dot_v.gif') repeat-y left 0} .gallery_info { width: 440px; height: 300px; position: relative; z-index: 2; } .gallery_info .pic {width:440px; height: 278px;} /* .gallery_info .pic .zoom { padding-top:200px; padding-left:410px; } */ .gallery_info .pic .zoom { padding-top:248px; padding-left:410px; } .gallery_info .grade_mark { background: url("//img.modetour.co.kr/modetour/2014/itinerary/icon_pro_class.png") no-repeat; left: 10px; top: 10px; width: 55px; height: 55px; display: block; position: absolute; z-index: 3; } .gallery_info .certification { background: url("//img.modetour.co.kr/modetour/2014/itinerary/ico_certification.png") no-repeat; top: 10px; width: 101px; height: 100px; right: 10px; display: block; position: absolute; z-index: 2; } .gallery_info .gallery-show { width: 100%; height: 278px; overflow: hidden; position: relative; z-index: 1; } .gallery_info .btn_slider_collect { background: rgb(248, 248, 248); width: 100%; height: 54px; text-align: center; line-height: 55px; position: relative; } .gallery_info .one.btn_slider_collect a { margin-top: 17px; } .gallery_info .one.btn_slider_collect a { margin-top: 0px; } .gallery_info .two.btn_slider_collect a { margin-left: 100px; } .gallery_info .btn_slider_collect a { background: url("//img.modetour.co.kr/modetour/2014/itinerary/btn_itinerary.png") no-repeat; margin-left: 40px; vertical-align: middle; display: inline-block; } .gallery_info .btn_slider_collect a:first-child { margin-left: 0px; } .gallery_info .btn_slider_collect a.enlarged_image_view { background-position: -402px -754px; width: 108px; height: 19px; } .gallery_info .btn_slider_collect a.enlarged_image_view:hover { background-position: -520px -754px; } .gallery_info .btn_slider_collect a.slideshow { background-position: -107px -237px; width: 89px; height: 18px; } .gallery_info .btn_slider_collect a.slideshow:hover { background-position: -107px -265px; } .gallery_info .btn_slider_collect a.video_view { background-position: -206px -265px; width: 84px; height: 17px; } #slideshow-2 { left: 0px; height: 70px; right: 0px; bottom: 0px; position: absolute; z-index: 200; } .customer_tel { clear:both; border: 1px solid #d5d5d5; background: #f6f6f6; padding: 0 10px;margin-top: 20px;} .customer_tel .tel {text-align: center; margin: 20px 0 ;font-size:24px; } .customer_tel .tel .t_tel {display: inline-block; padding-left: 10px;padding-top: 10px; } .customer_tel .tel .b_tel {display: inline-block; font-weight: bold; color:#0097e1;} .customer_tel .time { border-top: 1px solid #d5d5d5; padding: 10px; text-align: center;} /*지역별 연계상품*/ .tourdetail .connection_pr {position:relative;width:940px; height:280px; margin:20px auto;} .tourdetail .connection_pr ul.list_combine li { float: left; position: relative; padding: 0 10px;} .tourdetail .connection_pr .list_combine .box_thumb img {width: 210px; height: 170px;} .tourdetail .connection_pr .list_combine .box_desc { left:15px; top:180px; width: 210px; height: 90px; display: bolck; position: absolute;} .scroll-space2 { height: 207px; border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid; position: relative; overflow-y: scroll; } .scroll-space3 { height: 430px; border-top-color: rgb(224, 224, 224); border-top-width: 1px; border-top-style: solid; position: relative; overflow-y: scroll; } .tour_step{height:95px;background:url('/images/bg/bg_tour_step.gif') no-repeat 0 0;margin-bottom:20px; margin-top:50px} .tour_step.step1{background-position:0 0} .tour_step.step2{background-position:0 -94px} .tour_step li{float:left;width:280px;height:41px;padding-top:30px;font-weight:bold;font-weight:bold; font-size: 18px;} .tour_step li.ontitle {width:400px;color:#3e9bdd;padding-top:35px; font-size:24px;font-weight:bold; line-height: 28px} .tour_step li span{display:inline-block;margin-left:41px} .tour_step li span.stepno {color:#3e9bdd; font-size:14px;} .tour_step li.tab1 span{margin-left:70px} .tour_step li.tab2 span{margin-left:100px} .tour_step li.on{color:#fff} .tour_box {position:relative; border: 1px solid #e2e2e2; padding: 20px; margin-top: 20px;} .tour_box .bl {color: #3e9bdd} .tour_box .table_box_list {width: 880px;} .tour_box .benefit { margin-left: 20px;} .tour_box .benefit img{padding-right: 10px;} .tour_box .clude td{vertical-align: top;} .tour_box .clude td.include{padding-right: 10px} .tour_box .notice {clear: both; background: #efefef; padding: 20px;} .tour_box .benefit .tour_con {padding: 27px;font-size: 16px;letter-spacing: 0.5px;word-spacing :4px;text-shadow: 0 0;line-height: 1.6;width: 75%;} .tour_box .benefit .tour_con p img{max-width: 100%;height :auto;display :block;} .tour_box .benefit .outer_con {padding: 27px;font-size: 16px;letter-spacing: 0.5px;word-spacing :4px;text-shadow: 0 0;line-height: 1.6;width: 75%;} .tour_box .benefit .outer_con p img{max-width: 100%;height :auto;display :block;} #tourOuterDetailCon .tour_box .benefit .outer_con p { text-align: center; } #tourOuterDetailCon .tour_box .benefit .outer_con p a { display: inline-block; } #tourOuterDetailCon .tour_box .benefit .outer_con p img{ display :inline-block; padding-right: 0; } #tourOuterDetailCon .tour_box .benefit .outer_con { max-width: 674px; margin: auto; } /*투어 테이블*/ .tourtime { float: left; width: 315px; font-size: 14px; line-height: 28px; } .other_tourtime {padding-top: 28px;} .tour_comp_box{position:relative;margin-top:50px;padding:200px 50px 70px;background:url('/images/ico/com_tour.gif') no-repeat 50% 70px;text-align:center} .tour_comp_box p{margin-top:15px;line-height:1.5} .tour_comp_box p strong{color:#0097e1; font-size: 19px;} .booking_comp_box{position:relative;margin-top:50px;padding:70px 50px 70px;; text-align:center;} .booking_comp_box p{margin-top:15px;line-height:1.5} .booking_comp_box p strong{color:#0097e1; font-size: 19px;} .booking_comp_box p .link{color:#0097e1; } #special_list_view .table_box_list .view2 .con { margin: auto; } #special_list_view .table_box_list .view2 .con p img { margin: auto; } .schedule {margin: 0px 0px 20px; position: relative;} .schedule .day {font: bold 16px/46px "Nanum Gothic", "나눔고딕", "apple sd gothic neo", dotum, "돋움"; overflow: hidden;font-size-adjust: none; font-stretch: normal;} .schedule .day span {display: block;} .schedule .day span.days {border-width: 1px 0px 1px 1px; border-style: solid none solid solid; border-color:#e2e2e2; width: 75px; text-align: center; color: rgb(255, 255, 255); float: left; background-color: rgb(111, 125, 139);} .schedule .day span.date {border-width: 1px 1px 1px 0px; border-style: solid solid solid none; border-color: #e2e2e2; color: rgb(17, 17, 17); padding-left: 20px; margin-left: 75px; background-color: #f8f8f8;} .schedule .plan {padding: 15px; border: 1px solid #e2e2e2;} .schedule .plan .timeline {padding: 15px 10px;font-size:14px;font-weight: bold} .schedule .plan .add_info {border-top: 1px solid #e2e2e2;padding: 15px 10px 0; } .schedule .plan .add_info span.golf{background:url('/images/ico/ico_sgolf.gif') no-repeat 0 0; display: inline-block; width:280px; height: 25px;} .schedule .plan .add_info span.hotel{background:url('/images/ico/ico_shotel.gif') no-repeat 0 0; display: inline-block;width:280px; height: 25px;} .schedule .plan .add_info span.meal{background:url('/images/ico/ico_smeal.gif') no-repeat 0 0; display: inline-block; height: 25px;} .schedule .plan .add_info strong{padding-left: 25px;} .schedule .plan .add_info .mbox{display: inline-block; color: #f58948; padding: 1px 3px; margin: 0 10px; font-weight: bold } /*투어검색*/ .tour_dtsh{ margin: 20px 0 ; border: 1px solid #dfdfdf; text-align: center;padding: 17px;} .tour_dtsh span.ttsh {display:inline-block; font-size:16px; color:#0c0c0c; padding-top: 7px; padding-right: 20px;} /* float layer */ .floatlayer {position:absolute; left:50%; top:236px; width:100px; margin-left:500px; z-index:99; /* z-index:10000; */ } .floatlayer a.banner {display:block; margin-bottom:7px;} .floatlayer a.ban_cf { display:block; margin-bottom: 7px; } /* .mban_job { display: none !important; } */ /*부킹리스트*/ .bksc{ margin: 0; padding-top: 10px;} .bksc .ttsc {font-size:14px; padding: 8px 20px;display:block; float:left; font-weight:bold;} .bksc_ct{ border:1px solid #a0a4aa; height: 251px; margin-top: 20px; padding: 0px; background:url('/images/bg/cy_back.png') no-repeat 0 0;} .bksc_ct .ct_tt { color: #fff; font-size: 16px; height:22px; padding: 0 0 0 25px;} .bksc_ct .ct_tt span {padding-top: 10px; width: 180px; display:block; float: left;} .bksc_ct .ct_tt span.ttsc { padding-top: 5px;width: 560px; display:block; float: left; text-align: right;} .bksc_ct .ct_tt .scbt_b{width: 50px; font-size: 14px;padding:2px 0 10px;} /* =GNB */ #ct_mn{clear:both;} #ct_mn .mn_1 {float:left; width: 177px;} #ct_mn .mn_2 {float:left; width: 777px; height: 208px; overflow-x:hidden;overflow-y:auto;} #ct_mn .menu{width:165px; margin:11px 5px;} #ct_mn .menu>li{font-size:14px;padding:7px 23px; background-color:#f7f7f7; border-bottom:1px solid #e1e1e1;} #ct_mn .menu>li a{display:block;text-decoration:none;} #ct_mn .menu>li>a{position:relative;text-decoration:none; } #ct_mn .menu>li:hover{ background-color:#ffffff;color:#666666;text-decoration:none; background: url("../../images/bg/cy_arrow.png") no-repeat ;} #ct_mn .menu>li>a:hover{ color:#666666;text-decoration:none; } #ct_mn .menu>li.on {padding:0px;text-decoration:none; background-color:#ffffff;color:#666666; background: url("../../images/bg/cy_arrow.png") no-repeat ;} #ct_mn .menu>li.on>a {padding:7px 23px; color:#666666; background-color:#ffffff; background: url("../../images/bg/cy_arrow.png") no-repeat ;} #ct_mn .menu>li .subview{ position:relative; float:right} #ct_mn .menu>li.on .sub{display:block} #ct_mn .menu2{margin:11px 0px 0px 4px;} #ct_mn .menu2>li{font-size:14px;padding:7px 23px; background-color:#f7f7f7; border-bottom:1px solid #e1e1e1;float: left; width:197px; margin: 0 3px;} #ct_mn .menu2>li img {vertical-align: middle; margin-left: 5px; } #ct_mn .menu2>li a{display:block;text-decoration:none;} #ct_mn .menu2>li>a{position:relative;text-decoration:none; } #ct_mn .menu2>li:hover{ background-color:#ffffff;color:#666666;text-decoration:none; } #ct_mn .menu2>li>a:hover{ color:#666666;text-decoration:none; } #ct_mn .menu2>li.on {padding:0px;text-decoration:none; background-color:#ffffff;color:#666666; } #ct_mn .menu2>li.on>a {padding:7px 23px; color:#666666; background-color:#ffffff; } #ct_mn .menu2>li .subview{ position:relative; float:right} #ct_mn .menu2>li.on .sub{display:block} #ct_mn .menu2 .new{display:inline-block;min-width:8px;margin:1px 0 0 2px;padding:0 6px 1px;border-radius:10px;background-color:#ff545c;font-family:tahoma;font-weight:bold;font-size:13px;color:#fff;text-align:center;vertical-align:top} .bkscnum {clear: both; text-align: center; font-size: 16px; margin: 25px 0;} .bkscnum strong { color: #f86900} .weeksel {border-top: 1px solid #7a7f86; padding: 20px 0; font-size: 16px; text-align: center; font-weight: bold;} .weeksel img{margin: 0 50px;vertical-align: middle; } #menu-container { position: fixed; top: 680px; width:957px; height: 50px; padding-top: 0px; box-sizing: border-box; -webkit-transition: padding-left 200ms linear; -moz-transition: padding-left 200ms linear; -ms-transition: padding-left 200ms linear; -o-transition: padding-left 200ms linear; transition: padding-left 200ms linear; } #menu-container.fixed { opacity: 0.95; -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2); background-color:#cacaca; z-index:99999; } #menu-container2 { position: fixed; top: 614px; width:957px; height: 50px; padding-top: 0px; box-sizing: border-box; -webkit-transition: padding-left 200ms linear; -moz-transition: padding-left 200ms linear; -ms-transition: padding-left 200ms linear; -o-transition: padding-left 200ms linear; transition: padding-left 200ms linear; } #menu-container2.fixed2 { opacity: 0.95; -webkit-box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2); box-shadow: 0 1px 5px 1px rgba(0,0,0,0.2); background-color:#cacaca; z-index:99999; } .loading{position: fixed;width: 2.90625rem;height:2.9375rem;left: 47%;margin-left: 0%;top:60%;margin-top: -150px;overflow: auto;background:url(../images/ico/loading2.gif) no-repeat;background-size:cover;display:none;z-index: 99999999;} /* 블록티 관리 검색css */ .sch_box { position: relative; width: 100%; margin-top: 30px; overflow: hidden; overflow-x: auto; } .sch_box2 { position: relative; width: 100%; margin-top: 30px; overflow: hidden; overflow-x: auto; } .tbl_vertical { width:100%; border-collapse: collapse; border-bottom:1px solid #ddd; border-top:1px solid #ddd; letter-spacing: 0; } .tbl_vertical th { text-align: center; background: #fdfdfd; border-bottom: 1px solid #ddd; font-size: 13px; font-weight: 600; color: #424242; padding: 10px; } .tbl_vertical td { padding: 8px 0; border-bottom: 1px solid #ddd; line-height: 18px; color: #333; background: #fff; } .commi_box { padding-top: 30px; font-size: 20px; font-weight: bold; } #commi_tot { color: #19a1e4; font-weight: bold; } /* 회사소개 202406 */ /* body { } */ #company_intro { min-width: 1280px; } #company_intro a { color: inherit; text-decoration: none; } #company_intro h2, #company_intro h3 { margin: auto;} #company_intro section .inner { width: 1280px; margin: auto;} #company_intro img { width: 100%;} #company_intro .com_topImg { width: 100%; height: 450px; background: url("/images/info/topImg_bg.jpg") no-repeat top center; background-color: #f1f4fb; background-size: 100% 100%; } #company_intro h2 { padding: 150px 0 20px; } #company_intro .com_topImg img { width: 100%; display: block; margin: auto; } #company_intro .com_topImg .txt { max-width: 310px; } #company_intro .com_topImg .txt2 { max-width: 225px; margin-top: 20px; } #company_intro h2 img { max-width: 300px; } #company_intro .com_info .inner { overflow: hidden; } #company_intro .com_info #cf { text-align: center; margin-top: 50px; } #company_intro .left, #company_intro .right { float: left; } #company_intro .left { width: 660px; margin-left: 148px; box-sizing: border-box; } #company_intro .right { width: 23%; padding: 20px 0 30px; box-sizing: border-box;} #company_intro .com_info p { font-size: 16px; line-height: 30px; margin: 50px 30px 0 42px; letter-spacing: 0; } #company_intro .com_info ul { overflow: hidden; } #company_intro .com_info li { float: left; } #company_intro .com_info li img { max-width: 250px; } #company_intro .com_info ul li:nth-child(2), #company_intro .com_info ul li:nth-child(3) { margin-left: -45px;} #company_intro .right img { max-width: 432px;} #company_intro .com_vod { width: 100%; background-color: #50acd8; background-image: linear-gradient(to right, #b9a2f2, #59ddf6); padding-bottom: 20px; } #company_intro .com_vod .play { text-align: center; padding-bottom: 80px;} #company_intro .com_vod h3 { max-width: 530px; padding: 80px 0 20px; } #company_intro .com_business { background: url("/images/info/busi_bg.png") no-repeat top center; background-repeat: repeat-x; margin-top: -106px;} /* #company_intro .com_business .notebook { width: 97%; margin: auto;} */ #company_intro .notebook { position: relative;} /* #company_intro .view { position: absolute; } #company_intro .vInner { position: relative; } */ #company_intro .centerLogo { position: absolute; width: 37%; left: 31.5%; top: 17%; animation: play 0.8s ease 0s infinite alternate; } #company_intro .box { position: absolute; font-size: 19px; width: 15.5%;} #company_intro .notebook .img { width: 100%; margin-top: 7px; } #company_intro .box01 { top: 12%; left: 47%; color: #a0c237; } #company_intro .box01 .img img { margin-left: 50%; margin-top: -34%;} #company_intro .box01 .txt { width: 42%; text-align: center; } #company_intro .box02 { top: 25%; left: 16%; color: #5585cb; text-align: right;} #company_intro .box03 { top: 31%; left: 68%; color: #5dbc96; } #company_intro .box04 { top: 55.5%; left: 20.5%; color: #2c9edc; text-align: right; } #company_intro .box05 { top: 59%; left: 65%; color: #60adbf; } #company_intro .box span img { width: auto !important; display: inline-block; padding-bottom: 4%;} #company_intro .notebook .ko { } #company_intro .box span { margin-bottom: 7px; display: inline-block; } #company_intro .box .txt { display: inline; } #company_intro .com_business h3 { max-width: 400px; padding-top: 210px;} #company_intro .com_map { background-color: #f2f2f3; text-align: center; padding: 0 0 70px; } #company_intro .com_map p { font-size: 18px; color: #3e3a3a; margin-top: 20px; } #company_intro .com_map p .color { color: #2095cd; font-weight: bold;} #company_intro .com_map p .gray { display: block; font-size: 16px; color: #9fa0a0; margin-top: 10px;} #company_intro .appBan { background-color: #50acd8; background-image: linear-gradient(to right, #3fade8 , #b9a2f2); text-align: center; } #company_intro .appBan img { max-width: 1280px;} #company_intro .members_sec2 { background: none;} @keyframes play { from { transform: scale(0.95);} to { transform: scale(1);} } /* 회사소개 202406 end */ .top-outer .swiper-slide img { position: relative; left: 50%; top: 0; transform: translate(-50%, 0); } .top-outer .swiper-button-next, .top-outer .swiper-button-prev { color: #ffffff7a; } .top-outer .swiper-pagination-bullet { background: #00000040; opacity: 1; } .top-outer .swiper-pagination-bullet-active { background: #00000085; } .new-con2 .btn_area a { background: none; border: none; outline: none; height: auto;} .new-con2 .btn_s_wht span:hover, .new-con2 .btn_s_wht span:focus { border: 1px solid #c6c6c6; outline: none; } .new-con2 .btn_area a:hover, .new-con2 .btn_area a:focus { border: 1px solid #c6c6c6; outline: none; } .new-con2 table.type11 tr.over { background: #fefceb; } .new-con2 .btn_s_beg span { border: none; background-image: linear-gradient(to right, #3fade8,) !important; background-image: linear-gradient(to right, #3fade8, #8be881); } .new-con2 .btn_s_beg span, .new-con2 .btn_s_beg span:hover, .new-con2 .btn_area a:hover { border: none !important; } .new-con2 table.type11 td span.price { color: #444; } .new-con2 .ico_mini_red { border: 0; color: #d44141; } .new-con2 .ico_mini_red:hover { background-color: #fff;} .new-con2 .ico_mini_blue { border: none; color: #308fcf; } .new-con2 .ico_mini_blue:hover { background-color: #e6f1fc; } .new-con2 .type_date2 li {} .new-con2 table.type11 .weekdays { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; font-weight: 600; color: #444; font-size: 18px; letter-spacing: 0; } .new-con2 .btn_mini:focus, .new-con2 .btn_mini:active{background: #fff;} .tour_box .benefit p > img { width: 100%; max-width: 800px;} .new-con2 .tab_date li a { color: #a0a0a0; font-weight: normal; } .new-con2 .tab_date li.on a { color: #444; font-weight: bold; } .new-con2 .tab { height: 50px; margin-top: 50px; border-bottom: 1px solid #ebeaea;} .new-con2 .tab li { height: auto; } .new-con2 .tab li a { height: auto; padding: 16px 0; font-family: 'Pretendard', sans-serif; letter-spacing: 0;} .new-con2 .box_desc .sale { font-family: 'Spoqa Han Sans Neo', 'sans-serif'; letter-spacing: 0; text-align: right; } .new-con2 .box_desc .tit_desc { line-height: 20px; } .new-con2 .txt_info { margin-top: 5px; display: block; } .new-con2 .tourjoin_lst h3 { font-size: 18px; padding-left: 0; } .new-con2 .tourjoin_lst a.btn_more { top: 30px; } .new-con2 .tourlist .tourjoin_lst { padding: 15px 20px 18px; } .new-con2 .box_thumb { display: block; } .new-con2 .box_thumb img { height: 170px; } .new-con2 .box_desc { top: 185px; } .new-con2 .tourlist_hot2 { height: 320px; } .new-con2 .searchT {cursor: pointer; vertical-align: middle;} .new-con2 table.type11 th { height: 40px; border-bottom: 0; border-left: 0; border-right: 0; } .new-con2 table.type11 th img { margin-left: 3px; } .new-con2 .txt_info .prime2, .new-con2 .txt_info .prime1 { font-size: 13px; } #tourOuterDetailCon .i_fixPrice { display: inline-block; width: 50px; margin-left: 10px; } #tourOuterDetailCon .i_fixPrice img { width: 100%; vertical-align: top; padding-top: 1px; } #tourOuterMainCon .i_fixPrice { display: inline-block; width: 38px; float: right; } #tourOuterMainCon .i_fixPrice img { width: 100%; vertical-align: top; margin-top: 4px; } #tourOuterDetailCon .tab.type5-1 li { width: 120px; } @media only screen and (max-width: 1300px) { .floatlayer { margin-left: 0; left: 1140px; } } #tourOuterMainCon .btn_orderM { width: 90px; display: inline-block; float: right; margin: 3px 20px 0 0; } #tourOuterMainCon .btn_orderM img { width: 100%; }