@charset "utf-8"; /*************************** subMain : 대륙선택, 해외패키지 ***************************/ .subMain #topBigBanner { overflow:hidden; height:480px; margin:26px 0 45px; } .subMain #topBigBanner .slide { position:relative; margin:0 13px; } .subMain #topBigBanner .slide .imgWrap { width:1150px; height:480px; } .subMain #topBigBanner .slide .imgWrap img { width:100%; height:100%; } .subMain #topBigBanner .slide .txtWrap { transition:all .3s; position:absolute; bottom:0; left:0; width:410px; height:200px; padding:40px 36px; font-family:"NSKR-DL"; color:#fff; background-color:rgba(0, 0, 0, 0.4); box-sizing:border-box; opacity:0; } .subMain #topBigBanner .slick-current .txtWrap { opacity:1; } .subMain #topBigBanner .slide .txtWrap strong { display:block; font-size:32px; line-height:40px; margin-bottom:18px; } .subMain #topBigBanner .slide .txtWrap span { font-size:20px; } .subMain .linkList { margin:50px 0 60px; } /*** 대륙선택 ***/ .subMain #customer { height:70px; line-height:70px; background-color:#e2e2e2; } .subMain #customer ul { width:851px; margin:0 auto; font-size:0; } .subMain #customer ul li { display:inline-block; font-family:"NSKR-M"; } .subMain #customer ul li + li { margin-left:56px; } .subMain #customer ul li > * { display:inline-block; vertical-align:middle; letter-spacing:-2px; } .subMain #customer ul li a { color:#f15922; } .subMain #customer ul li.tel a { margin-left:18px; font-size:32px; } .subMain #customer ul li.tel span { font-size:28px; } .subMain #customer ul li.tel span em { margin-left:22px; padding-left:22px; color:#134674; background:url('/asp/images/icon/icon_phone.png') no-repeat 0 8px; } .subMain #customer ul li.kakaoPlus a, .subMain #customer ul li.kakaoPlus span { font-size:25px; } .subMain #customer ul li.kakaoPlus a { margin-left:9px; } .subMain #customer ul li.kakaoPlus span { position:relative; padding-left:51px; } .subMain #customer ul li.kakaoPlus span:before { content:''; position:absolute; top:14px; left:0; width:41px; height:41px; background:url('/asp/images/btn/btn_kakaoplus.png') no-repeat 0 0; } /** 동남아 지역상품 보기 **/ .subMain #localPrdt .sectionTit { margin-bottom:50px; } /** 집중모객 상품 **/ .subMain #takeTourist { padding-bottom:109px; } .subMain #takeTourist .sectionTit { margin-bottom:56px; } .subMain #takeTourist .slideWrap { overflow:hidden; height:426px; margin-left:3px; } /** 프리미엄 품격여행, 가족추천여행, 이색여행지 **/ .subMain #travelPrdt { padding:73px 0 114px; background-color:#f3f5f7; } .subMain #travelPrdt .sectionInner > div { overflow:hidden; height:487px; margin-bottom:90px; } .subMain #travelPrdt .sectionTit { margin-bottom:45px; } .subMain #travelPrdt .sectionTit span { background-color:#f3f5f7; } .subMain #travelPrdt .slideWrap { height:410px; } .subMain #travelPrdt .sectionInner .prdt03 { margin-bottom:0; } /*** 해외패키지 ***/ /** BEST 상품 **/ .subMain #bestPrdt { margin-bottom:78px; } /** 출발 임박 **/ .subMain #departure .tabViewWrap { margin-left:3px; padding:34px 0 72px; } /** 테마상품 **/ .subMain #themePrdt { padding:70px 0; background-color:#f3f5f7; } .subMain #themePrdt .sectionTit { padding-bottom:15px; font-size:26px; text-align:left; border-bottom:2px solid #6c6d6d; } .subMain #themePrdt .tabContainer > .tabWrap:after { content:''; display:block; clear:both; } .subMain #themePrdt .tabCtrlWrap { float:left; width:190px; margin-right:93px; } .subMain #themePrdt .prdtList li + li { margin-left:28px; } /** bottomBannerWrap **/ .subMain #bottomBannerWrap { padding:50px 0; background-color:#343450; } .subMain #bottomBannerWrap ul { width:1150px; margin:0 auto; font-size:0; } .subMain #bottomBannerWrap ul li { display:inline-block; } .subMain #bottomBannerWrap ul li + li { margin-left:20px; } /*************************** sub ***************************/ /*** 마이페이지 ***/ .myPage a[class^='btnBdr'] { min-width:79px; } .myPage .welcomeWrap { position:relative; padding:11px 0 40px; } .myPage .welcomeWrap .txt { font-family:"NSKR-T"; font-size:33px; letter-spacing:-2px; } .myPage .welcomeWrap .txt strong { font-family:"NSKR-R"; } .myPage .welcomeWrap .btnModifyProfile { position:absolute; top:30px; right:38px; font-family:"NSKR-M"; font-size:15px; color:#000; } .myPage .welcomeWrap .btnModifyProfile span { display:inline-block; position:relative; padding-top:79px; } .myPage .welcomeWrap .btnModifyProfile span:before { content:''; position:absolute; top:0; left:0; width:71px; height:67px; background:url('/asp/images/contents/bg_modify_profile.png') no-repeat 0 0; } .myPage .tblWrap { margin-top:57px; } .myPage .welcomeWrap + .tblWrap { margin-top:0; } .myPage .prdtWrap { margin-top:57px; } .myPage .prdtWrap .prdtList { margin-top:18px; } .myPage .prdtWrap .prdtList li { width:290px; margin-left:15px; border:1px solid #e0e0e0; } .myPage .prdtWrap .prdtList .imgWrap { width:288px; } .myPage .prdtWrap .prdtList .txtWrap { padding:26px 19px 21px; min-height:100px; border:0; } .myPage .prdtWrap .prdtList .txtWrap .tit { margin-top:0; } .myPage .prdtWrap .prdtList .txtWrap .price { margin-top:12px; text-align:left; } .myPage .tab.type01 li a { font-size:18px; } .myPage .tabViewWrap { padding-top:19px; } /*** 마이페이지 > 여행상품예약확인 ***/ .reservationConfirm .processList ul li.process01 .state p:after { background-image:url('/asp/images/contents/icon_reservation_process01.png'); } .reservationConfirm .processList ul li.process02 .state p:after { width:76px; margin-left:-38px; background-image:url('/asp/images/contents/icon_reservation_process02.png'); } .reservationConfirm .processList ul li.process03 .state p:after { background-image:url('/asp/images/contents/icon_reservation_process03.png'); } .reservationConfirm .processList ul li.process04 .state p:after { background-image:url('/asp/images/contents/icon_reservation_process04.png'); } .reservationConfirm .processList ul li.process05 .state p:after { width:88px; margin-left:-44px; background-image:url('/asp/images/contents/icon_reservation_process05.png'); } .reservationConfirm .tblWrap { margin-top:65px; } .reservationConfirm .typeCol th, .reservationConfirm .typeCol td { height:53px; } /*** 대륙선택 > 지역선택 ***/ .localSelect .viewListWrap .viewType { position:absolute; top:-20px; right:0; } .localSelect .viewListWrap .typeList .prdtList { margin-top:13px; } /*** 대륙선택 > 지역선택 > 상품상세정보 ***/ .localPrdtDetail .titWrap { position:relative; margin:40px 0; padding-bottom:22px; border-bottom:1px solid #222; } .localPrdtDetail .titWrap .classify { margin-bottom:11px; } .localPrdtDetail .titWrap .tit { font-family:"NSKR-M"; font-size:28px; } .localPrdtDetail .titWrap .right { position:absolute; top:31px; right:0; } .localPrdtDetail .titWrap .right:after { content:''; display:block; clear:both; } .localPrdtDetail .titWrap .right .num { float:left; line-height:40px; } .localPrdtDetail .titWrap .right .btnBundeleView { overflow:hidden; float:right; position:relative; height:40px; line-height:38px; margin-left:25px; padding:0 26px 0 60px; border:1px solid #e2e2e2; border-radius:3px; } .localPrdtDetail .titWrap .right .btnBundeleView:before { content:''; position:absolute; top:0; left:0; width:38px; height:100%; background:#eee url('/asp/images/icon/icon_list.png') no-repeat 50% 50%; } .localPrdtDetail .tabWrap .paging { margin-top:22px; } .localPrdtDetail .prdtImg { overflow:hidden; height:238px; margin-bottom:40px; } .localPrdtDetail .prdtImg .slick-list { margin-left:-4px; } .localPrdtDetail .prdtImg .slide { width:380px; margin-left:4px; } .localPrdtDetail .detailInfo > .left { float:left; width:870px; margin-right:30px; } .localPrdtDetail .detailInfo > .right { float:right; width:250px; border:2px solid #000; box-sizing:border-box; } .localPrdtDetail .timeTable .btnBdrOrange { position:absolute; bottom:4px; right:10px; width:185px; height:45px; line-height:43px; font-size:16px; } .localPrdtDetail .promotionImg { margin:40px 0; } .localPrdtDetail .benefitWrap { margin-bottom:42px; } .localPrdtDetail .benefitWrap .typeCol { margin-top:40px; } .localPrdtDetail .benefitWrap .typeCol:first-child { margin-top:0; } .localPrdtDetail .benefitWrap .typeCol td.alignL { padding-left:0; } .localPrdtDetail .benefitWrap .typeCol .benefitCon { padding:25px; } .localPrdtDetail .benefitWrap .iconList > li { padding:18px 22px; } .localPrdtDetail .benefitWrap .iconList > li + li { border-top:1px solid #e2e2e2; } .localPrdtDetail .benefitWrap .iconList .left { min-width:67px; margin-right:40px; } .localPrdtDetail .tabContainer { margin-top:60px; } .localPrdtDetail .tabViewWrap { margin-top:26px; } .localPrdtDetail .itemBox.special { border-color:#f15922; } .localPrdtDetail .itemBox.special .label { color:#fff; background-color:#f15922; } .localPrdtDetail .itemBox.choice { border-color:#af9477; } .localPrdtDetail .itemBox.choice .label { color:#fff; background-color:#af9477; } .localPrdtDetail .itemBox .conWrap { padding:25px; } .localPrdtDetail .itemBox .conWrap:after { content:''; display:block; clear:both; } .localPrdtDetail .itemBox .imgTxtBox:after { content:''; display:block; clear:both; } .localPrdtDetail .itemBox .imgTxtBox .img { float:left; width:49.11%; height:auto; } .localPrdtDetail .itemBox .imgTxtBox .img img { width:100%; height:100%; } .localPrdtDetail .itemBox .imgTxtBox .txtWrap { float:left; width:47.89%; margin-left:3%; } .localPrdtDetail .itemBox .imgTxtBox .txtWrap .tit { margin:8px 0 22px; font-family:"NSKR-M"; font-size:18px; } .localPrdtDetail .itemBox .imgTxtBox .txtWrap .txt { font-family:"NSKR-M"; font-size:15px; line-height:20px; text-align:justify; letter-spacing:-0.5px; color:#888; } .localPrdtDetail .itemBox.tyToggle .boxHeader { border-bottom:0; } .localPrdtDetail .itemBox.tyToggle .conWrap { display:none; } .localPrdtDetail .itemBox.tyToggle .imgTxtBox .img { width:24.55%; } .localPrdtDetail .itemBox.tyToggle .imgTxtBox .txtWrap { width:72.45%; } .localPrdtDetail .itemBox .itemBox { margin-top:25px; } .localPrdtDetail .itemBox .itemBox .boxHeader p { font-size:15px; } .localPrdtDetail .itemBox .itemBox .conWrap { padding:18px 24px; } .localPrdtDetail .itemBox .itemBox .conWrap .txt { font-family:"NSKR-M"; font-size:15px; line-height:20px; text-align:justify; color:#888; } .localPrdtDetail .termsWrap .termBox { height:550px; } .localPrdtDetail .scheduleWrap .btnBdrOrange { position:absolute; top:29px; right:18px; width:155px; height:36px; line-height:34px; } .localPrdtDetail .scheduleWrap .scheduleBox { margin-top:23px; } .localPrdtDetail .scheduleBox { border:1px solid #e2e2e2; } .localPrdtDetail .scheduleBox .header { padding:17px 30px; color:#fff; background-color:#737373; } .localPrdtDetail .scheduleBox .header .tit { display:inline-block; font-family:"NSKR-B"; font-size:18px; vertical-align:middle; } .localPrdtDetail .scheduleBox .header span { display:inline-block; margin-left:16px; font-family:"NSKR-R"; font-size:18px; vertical-align:middle; } .localPrdtDetail .scheduleBox > .conArea { padding:25px 29px 0; } .localPrdtDetail .scheduleBox .summary { padding:0px; border-top:1px solid #e2e2e2; background-color:#f6f6f6; } .localPrdtDetail .scheduleBox .summary .infoList li + li { margin-top:10px; } .localPrdtDetail .scheduleBox .summary .infoList li > * { display:inline-block; vertical-align:middle; } .localPrdtDetail .scheduleBox .summary .infoList li .txt { margin-left:20px; } .localPrdtDetail .scheduleBox .summary .infoList li .txt span + span { margin-left:18px; } .localPrdtDetail .scheduleBox .summary .infoList li .txt em { color:#f15922; } .localPrdtDetail .scheduleList { position:relative; padding:0 0 36px 25px; } .localPrdtDetail .scheduleList:before { content:''; position:absolute; top:0; left:0; width:5px; height:100%; background-color:#eee; } .localPrdtDetail .scheduleList li { position:relative; } .localPrdtDetail .scheduleList li + li { margin-top:35px; } .localPrdtDetail .scheduleList .scheduleTit { margin-bottom:42px; } .localPrdtDetail .scheduleList .scheduleTit:before { content:''; position:absolute; top:0px; left:-32px; width:19px; height:24px; background:url('/asp/images/icon/icon_local.png') no-repeat 0 0; } .localPrdtDetail .scheduleList .scheduleTit .tit { margin-bottom:18px; font-family:"NSKR-M"; font-size:18px; } .localPrdtDetail .scheduleList .scheduleTit .tit span { color:#f15922; } .localPrdtDetail .scheduleList .scheduleTit .txt { font-family:"NSKR-M"; font-size:15px; color:#888; } .localPrdtDetail .scheduleList .itemBox + .itemBox { margin-top:30px; } .localPrdtDetail .spotInfo { margin-top:54px; } .localPrdtDetail .spotInfo .itemBox .conWrap { height:316px; padding:18px 10px 10px; } .localPrdtDetail .spotInfo .slick-arrow { width:34px; height:46px; margin-top:-23px; background:url('/asp/images/btn/btn_slide_arrow2.png') no-repeat 0 0; } .localPrdtDetail .spotInfo .slideNav { position:relative; height:46px; margin-bottom:14px; padding:0 34px; border:solid #e0e0e0; border-width:1px 0; } .localPrdtDetail .spotInfo .slideNav .nav { position:relative; font-size:15px; line-height:46px; text-align:center; color:#888; outline:0; cursor:pointer; } .localPrdtDetail .spotInfo .slideNav .nav + .nav { border-left:1px solid #e0e0e0; } .localPrdtDetail .spotInfo .slideNav .nav.slick-current:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #000; box-sizing:border-box; } .localPrdtDetail .spotInfo .box { border:1px solid #e2e2e2; background-color:#f6f6f6; box-sizing:border-box; } .localPrdtDetail .spotInfo .box .tit { position:relative; width:48px; padding-top:48px; font-size:13px; text-align:center; background-repeat:no-repeat; background-position:50% 0; } .localPrdtDetail .spotInfo .box.weather { clear:both; margin-top:7px; padding:13px 45px; } .localPrdtDetail .spotInfo .box.weather .tit { padding:52px 7px 0; } .localPrdtDetail .spotInfo .group:after { content:''; display:block; clear:both; } .localPrdtDetail .spotInfo .group .box { float:left; width:278px; min-height:106px; margin-left:7px; padding:21px; } .localPrdtDetail .spotInfo .group .box:first-child { margin-left:0; } .localPrdtDetail .spotInfo .group .box > p { display:table-cell; vertical-align:middle; } .localPrdtDetail .spotInfo .group .box .txt { width:184px; text-align:center; } .localPrdtDetail .spotInfo .group .box .txt strong { display:block; font-size:16px; } .localPrdtDetail .spotInfo .group .box .txt strong:first-child { margin-bottom:6px; } .localPrdtDetail .spotInfo .group .box .txt span { font-size:13px; } .localPrdtDetail .spotInfo .box.exchange .tit { background-image:url('/asp/images/icon/icon_exchange.png'); } .localPrdtDetail .spotInfo .box.time .tit { background-image:url('/asp/images/icon/icon_time.png'); } .localPrdtDetail .spotInfo .box.concent .tit { background-image:url('/asp/images/icon/icon_concent.png'); } .localPrdtDetail .spotInfo .box.weather .tit { display:inline-block; margin-right:88px; vertical-align:middle; background-image:url('/asp/images/icon/icon_weather.png'); } .localPrdtDetail .spotInfo .box.weather .week { display:inline-block; font-size:0; vertical-align:middle; } .localPrdtDetail .spotInfo .box.weather .week li { display:inline-block; width:70px; padding:5px 0; font-size:12px; vertical-align:middle; text-align:center; box-sizing:border-box; } .localPrdtDetail .spotInfo .box.weather .week li.today { border:1px solid #dedede; border-radius:2px; background-color:#fff; } .localPrdtDetail .spotInfo .box.weather .week li + li { margin-left:6px; } .localPrdtDetail .spotInfo .box.weather .week .day { position:relative; padding-bottom:51px; color:#707070; } .localPrdtDetail .spotInfo .box.weather .week .day i { position:absolute; top:8px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50% 50%; } .localPrdtDetail .spotInfo .box.weather .week .day i.state01 { background-image:url('/asp/images/icon/icon_cloud.png'); } .localPrdtDetail .spotInfo .box.weather .week .day i.state02 { background-image:url('/asp/images/icon/icon_sunny.png'); } .localPrdtDetail .spotInfo .box.weather .week .day i.state03 { background-image:url('/asp/images/icon/icon_littlecloud.png'); } .localPrdtDetail .spotInfo .box.weather .week .temperature .min { color:#707070; } .localPrdtDetail .shoppingInfo { margin-top:30px; } .localPrdtDetail .shoppingInfo .infoList li { padding:19px 0; } .localPrdtDetail .shoppingInfo .infoList li:first-child { padding-top:0; } .localPrdtDetail .shoppingInfo .infoList li + li { border-top:1px dashed #e2e2e2; } .localPrdtDetail .shoppingInfo .infoList li .tit { font-size:16px; margin-bottom:14px; } .localPrdtDetail .shoppingInfo .infoList li .dot { font-size:15px; line-height:24px; color:#888; } .localPrdtDetail .shoppingInfo .infoList li .tblWrap { margin-top:20px; } .localPrdtDetail .shoppingInfo .infoList li .tblWrap .typeCol { border-top:1px solid #e2e2e2; } .localPrdtDetail .shoppingInfo .infoList li .tblWrap .typeCol thead { border-bottom-color:#e2e2e2; } .localPrdtDetail .shoppingInfo .infoList li .tblWrap .typeCol thead th { height:45px; font-size:13px; } .localPrdtDetail .shoppingInfo .infoList li .tblWrap .typeCol td { font-size:13px; color:#888; } .localPrdtDetail .right.fixed{ position: fixed; left: 50%; right: -300px; background: #ffffff; z-index: 100; top: 0; margin-left: 325px;} /*.localPrdtDetail .right.magnet .section:nth-child(1){ display: none; }*/ /*.localPrdtDetail .right.magnet .section:nth-child(2){ display: none; }*/ /*.localPrdtDetail .right.magnet .section:nth-child(3){ display: none; }*/ .localPrdtDetail .right.magnet .section:nth-child(1){ height : 0; } .localPrdtDetail .right.magnet .section:nth-child(2){ height : 0; } .localPrdtDetail .right.magnet .section:nth-child(3){ height : 0; } .localPrdtDetail .right.magnet .section .priceList{ height : 0; padding : 0; } .localPrdtDetail .right .section { position : relative; border-top:1px solid #e2e2e2; height : 100%; overflow: hidden; } .localPrdtDetail .right .section:first-child { border-top:0; } .localPrdtDetail .right .selectWrap { padding:10px 12px; background-color:#eee; } .localPrdtDetail .right .selectWrap .select { width:99%; } .localPrdtDetail .right .selectWrap.itemSize3 { padding:15px 12px; font-size:0; } .localPrdtDetail .right .selectWrap.itemSize3 .group { display:inline-block; width:70px; } .localPrdtDetail .right .selectWrap.itemSize3 .group + .group { margin-left:6px; } .localPrdtDetail .right .selectWrap.itemSize3 .group .tit { margin-bottom:8px; font-size:15px; text-indent:4px; color:#888; } .localPrdtDetail .right .selectWrap.itemSize3 .group2 { display:inline-block; width:105px; } .localPrdtDetail .right .selectWrap.itemSize3 .group2 .tit { margin-bottom:8px; font-size:15px; text-indent:4px; color:#888; } .localPrdtDetail .right .social { padding:13px 0; font-size:0; text-align:center; } .localPrdtDetail .right .social li { display:inline-block; margin:0 7px; } .localPrdtDetail .right .priceList { overflow : hidden; position: relative; padding:19px 16px 26px; border-bottom:1px solid #e2e2e2; } .localPrdtDetail .right .priceList li { line-height:19px; } .localPrdtDetail .right .priceList li:after { content:''; display:block; clear:both; } .localPrdtDetail .right .priceList li + li { margin-top:16px; } .localPrdtDetail .right .priceList li .left { float:left; font-size:15px; } .localPrdtDetail .right .priceList li .left span { font-size:14px; color:#888; } .localPrdtDetail .right .priceList li .right { float:right; font-family:"NSKR-M"; font-size:14px; } .localPrdtDetail .right .priceList li .right span { font-size:20px; } .localPrdtDetail .right .totalPrice { padding:23px 14px 19px; background-color:#efefef; } .localPrdtDetail .right .totalPrice .total { margin-bottom:15px; text-align:center; } .localPrdtDetail .right .totalPrice .total span { display:block; margin-bottom:10px; font-size:15px; } .localPrdtDetail .right .totalPrice .total strong { font-family:"NSKR-B"; font-size:16px; color:#f15922; } .localPrdtDetail .right .totalPrice .total strong em { font-size:23px; } .localPrdtDetail .right .totalPrice .txtWrap { font-size:12px; line-height:14px; color:#888; text-align:right; } .localPrdtDetail .right .btnWrap { margin-top:-10px; padding:26px 16px; } .localPrdtDetail .right .btnWrap .group { font-size:0; } .localPrdtDetail .right .btnWrap .group.itemSize2 a { width:105px; } .localPrdtDetail .right .btnWrap .group.itemSize2 a + a { margin-left:4px; } .localPrdtDetail .right .btnWrap a, .localPrdtDetail .right .btnWrap button { width:100%; height:49px; margin-top:10px; padding:0; font-size:16px; line-height:47px; } .localPrdtDetail .right .btnWrap .btnBdrGray { color:#555; } /* .localPrdtDetail .right .btnWrap .btnBdrGray.like { background-image:url('/asp/images/icon/icon_heart2.png'); } */ .localPrdtDetail .right .btnWrap .btnBdrOrange { display:table; height:60px; } .localPrdtDetail .right .btnWrap .btnBdrOrange span { display:table-cell; font-family:"NSKR-M"; font-size:16px; vertical-align:middle; line-height:1.3; } /*** 대륙선택 > 지역선택 > 검색리스트 ***/ .localSearch .topSearchWrap { margin:35px 0 47px; } .localSearch .topSearchWrap:after { content:''; display:block; clear:both; } .localSearch .previewSlideWrap { overflow:hidden; float:left; position:relative; width:600px; height:520px; } .localSearch .previewSlideWrap .slide, .localSearch .previewSlideWrap .slide img { width:100%; height:100%; } .localSearch .previewSlideWrap .slideNav { position:absolute; bottom:0; left:0; width:100%; height:90px; padding:10px 68px; background-color:rgba(0, 0, 0, 0.8); box-sizing:border-box; } .localSearch .previewSlideWrap .slideNav .thumb { position:relative; width:110px; height:69px; margin:0 5px; } .localSearch .previewSlideWrap .slideNav .thumb a { display:block; } .localSearch .previewSlideWrap .slideNav .thumb img { transition:all .2s; width:100%; height:100%; opacity:0.6; } .localSearch .previewSlideWrap .slideNav .thumb.slick-current:after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:3px solid #f15922; box-sizing:border-box; } .localSearch .previewSlideWrap .slideNav .thumb.slick-current img { opacity:1; } .localSearch .previewSlideWrap .slideNav .slick-arrow { background-image:url('/asp/images/btn/btn_peviewslide_arrow.png'); background-position:50% 50%; } .localSearch .previewSlideWrap .slideNav .slick-prev { left:0; } .localSearch .prdtInfo { float:left; width:502px; margin-left:48px; } .localSearch .prdtInfo .titWrap { margin-bottom:23px; } .localSearch .prdtInfo .titWrap .classify { margin-bottom:17px; } .localSearch .prdtInfo .titWrap .tit { margin-bottom:10px; font-size:22px; font-family:"NSKR-M"; } .localSearch .prdtInfo .tblTitWrap .price { font-family:"NSKR-M"; font-size:20px; line-height:38px; } .localSearch .prdtInfo .tblTitWrap .price span { color:#f15922; } .localSearch .prdtInfo .tblTitWrap .price span em { font-size:14px; } .localSearch .prdtInfo .tblTitWrap .btnBdrGray { font-size:14px; color:#616161; border-radius:6px; } .localSearch .prdtInfo .typeRow { height:345px; border:1px solid #e0e0e0; } .localSearch .prdtInfo .typeRow th { padding:0 18px; font-size:13px; line-height:18px; text-align:left; border-right:1px solid #e0e0e0; } .localSearch .prdtInfo .typeRow td { padding:9px 14px; } .localSearch .prdtInfo .typeRow td.bgGray { background-color:#f8f8f8; } .localSearch .prdtInfo .typeRow td.promotion a { display:block; height:30px; line-height:30px; padding:0 23px; font-size:13px; color:#000; border:1px solid #e0e0e0; border-radius:5px; box-shadow:0 2px 2px rgba(0,0,0,0.08); } .localSearch .prdtInfo .typeRow td.promotion a + a { margin-top:5px; } .localSearch .calendarWrap { margin-bottom:63px; padding:28px 36px; border:7px solid #eee; box-sizing:border-box; } .localSearch .calendarWrap .legend { margin-left:5px; } /*** 예약하기 ***/ .reservation .tblWrap + .tblWrap { margin-top:50px; } .reservation .tblWrap .typeRow td { padding:13px 20px; } /* .reservation .tblWrap .typeRow .timeTable { margin-top:15px; } */ .reservation .tblWrap .typeRow .timeTable ul { margin-top: 10px; padding-top: 15px; font-size: 0;} .reservation .tblWrap.form #booker, .reservation .tblWrap.form .phoneNumber { width:300px; } .reservation .tblWrap.form .typeCol td.enName { } .reservation .tblWrap.form .typeCol td.enName .unit { width:10%; font-size:15px; } .reservation .tblWrap.form .typeCol td.enName #lastName { width:37.5%; } .reservation .tblWrap.form .typeCol td.enName #firstName { width:52.5%; } .reservation .selectPerson { margin:50px 0; } .reservation .selectPerson .infoBox { margin-top:17px; } .reservation .selectPerson .infoBox .right ul:after { content:''; display:block; clear:both; } .reservation .selectPerson .infoBox .right ul li { float:left; margin-left:93px; } .reservation .selectPerson .infoBox .right ul li:first-child { margin-left:0; } .reservation .selectPerson .infoBox .right label { position:relative; margin-right:15px; padding-left:12px; font-size:15px; box-sizing:border-box; } .reservation .selectPerson .infoBox .right label:before { content:''; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background-color:#f15922; } .reservation .selectPerson .infoBox .right label span { color:#888; } .reservation .selectPerson .infoBox .right .select { width:112px; } .reservation .paymentInfo { margin:50px 0; } .reservation .paymentInfo .infoWrap { display:table; width:100%; margin-top:17px; border:2px solid #f15922; box-sizing:border-box; } .reservation .paymentInfo .infoWrap .txtWrap, .reservation .paymentInfo .infoWrap .totalPrice { display:table-cell; vertical-align:middle; } .reservation .paymentInfo .infoWrap .txtWrap { padding:27px 35px; } .reservation .paymentInfo .infoWrap .txtWrap strong { font-family:"NSKR-B"; font-size:20px; color:#f15922; } .reservation .paymentInfo .infoWrap .txtWrap .txt { margin-top:14px; font-family:"NSKR-M"; font-size:16px; } .reservation .paymentInfo .infoWrap .totalPrice { width:228px; text-align:center; background-color:#f15922; } .reservation .paymentInfo .infoWrap .totalPrice p { font-family:"NSKR-M"; font-size:16px; line-height:28px; color:#fff; } .reservation .paymentInfo .infoWrap .totalPrice p strong { display:block; font-family:"NSKR-B"; font-size:20px; } .reservation .termsWrap .tabContainer { margin-top:21px; } .reservation .termsWrap .tabView { margin-top:30px; } .reservation .termsWrap .tabWrap .tab.type01 li a { font-size:16px; letter-spacing:-1px; } .reservation .termsWrap .termBox { height:140px; } .reservation .termsWrap .termBox .txt { margin:24px 0; font-size:13px; color:#888; } .reservation .termsWrap > .optWrap { margin-top:28px; } .reservation .termsWrap > .optWrap span + span { margin-left:72px; } .reservation .termsWrap > .optWrap span:last-child { margin-left:47px; } .reservation .termsWrap .termBox .numList li { font-size:13px; } /*************************** popup ***************************/ /*** 회원 로그인 팝업 ***/ #login .inpTxt { padding-left:15px; } #login .inpTxt, #login .select { height:44px; line-height:44px; } #login input[type='checkbox'] { -webkit-appearance:checkbox; -moz-appearance:checkbox; -o-appearance:checkbox; -ms-appearance:checkbox; appearance:checkbox; } #login .formArea { position:relative; } #login .formArea .inputWrap { padding-right:130px; } #login .formArea .inputWrap .inpTxt { display:block; width:100%; } #login .formArea .inputWrap .inpTxt + .inpTxt { margin-top:11px; } #login .formArea .btnLogin { position:absolute; top:0; right:0; width:119px; height:99px; line-height:99px; font-family:"NSKR-M"; font-size:18px; color:#fff; background-color:#404251; } /** 회원 **/ #login .memberWrap { padding:50px 59px 36px; } #login .memberWrap .formArea .txt { margin-top:16px; padding-bottom:24px; font-size:14px; color:#888; border-bottom:1px solid #e1e1e1; } #login .memberWrap .formArea .saveId { position:absolute; bottom:24px; right:4px; font-size:14px; color:#888; } #login .memberWrap .formArea .saveId input { display:inline-block; margin:-3px 5px 0 0; } #login .memberWrap .helpList { margin-top:18px; font-size:0; } #login .memberWrap .helpList li + li { margin-top:4px; } #login .memberWrap .helpList li span { display:inline-block; margin-right:23px; font-size:16px; vertical-align:middle; } #login .memberWrap .helpList li a { display:inline-block; width:106px; height:30px; line-height:26px; font-family:"NSKR-M"; font-size:12px; vertical-align:middle; text-align:center; color:#404251; border:2px solid #eee; box-sizing:border-box; } #login .memberWrap .helpList li a + a { margin-left:4px; } #login .memberWrap .socialLoginList { margin-top:28px; } #login .memberWrap .socialLoginList li + li { margin-top:5px; } #login .memberWrap .socialLoginList li a { display:block; position:relative; height:50px; line-height:50px; padding-left:66px; } #login .memberWrap .socialLoginList li a:before, #login .memberWrap .socialLoginList li a:after { content:''; position:absolute; } #login .memberWrap .socialLoginList li a:before { left:30px; background-repeat:no-repeat; background-position:0 0; } #login .memberWrap .socialLoginList li a:after { top:18px; right:24px; width:14px; height:14px; border:1px solid #fff; border-width:0 1px 1px 0; transform:rotate(-45deg); } #login .memberWrap .socialLoginList li a span { font-size:14px; color:#fff; } #login .memberWrap .socialLoginList li.facebook { background-color:#3a5691; } #login .memberWrap .socialLoginList li.facebook a:before { top:15px; width:10px; height:20px; background-image:url('/asp/images/icon/icon_loginlist_facebook.png'); } #login .memberWrap .socialLoginList li.naver { background-color:#1ec800; } #login .memberWrap .socialLoginList li.naver a:before { top:18px; width:15px; height:15px; background-image:url('/asp/images/icon/icon_loginlist_naver.png'); } #login .memberWrap .socialLoginList li.kakao { background-color:#fae100; } #login .memberWrap .socialLoginList li.kakao a:before { top:16px; width:20px; height:18px; background-image:url('/asp/images/icon/icon_loginlist_kakao.png'); } #login .memberWrap .socialLoginList li.kakao a:after { border-color:#3c1e21; } #login .memberWrap .socialLoginList li.kakao a span { color:#3c1e21; } /** 비회원 **/ #login .nonmemberWrap { padding:33px 59px 43px 66px; background-color:#eee; } #login .nonmemberWrap .layerSubTit { margin-bottom:23px; text-indent:-31px; } #login .nonmemberWrap .formArea .btnLogin { line-height:22px; } #login .nonmemberWrap .formArea .optWrap { margin-top:11px; } #login .nonmemberWrap .formArea .fieldset { margin-top:11px; } #login .nonmemberWrap .formArea .fieldset #tel1 { width:120px; } #login .nonmemberWrap .formArea .fieldset #tel2 { margin-left:10px; width:233px; } #login .nonmemberWrap .txtWrap { margin-top:25px; } #login .nonmemberWrap .txtWrap p { font-size:14px; color:#888; } #login .nonmemberWrap .txtWrap p + p { margin-top:6px; } /*** 출발일보기 팝업 ***/ #departureView01 .layerCon { padding:40px 43px 65px; } #departureView01 .tblWrap { margin-top:53px; } /* 20200309 팝업 추가 */ /*** 핵심정보일괄보기 팝업 ***/ #keyInfo .layerCon { padding:10px 15px 15px; } #keyInfo .btnWrap { margin-bottom:9px; text-align:right; } #keyInfo .btnWrap .btnBdrGray { width:105px; font-size:14px; } #keyInfo .tblWrap .typeCol td { padding:0 40px 0 29px; } #keyInfo .tblWrap .typeCol tr.total td { color:#f15922; } #keyInfo .tblWrap .optWrap span + span { margin-left:40px; } #keyInfo .tblWrap .referTxt { color:#f15922; } /*** 항공일정보기 팝업 ***/ #flightSchedule .layerCon { padding:45px 30px; background-color:#f6f6f6; } #flightSchedule .section { overflow:hidden; border-radius:5px; background-color:#fff; box-shadow:2px 3px 10px rgba(0,0,0,.05); } #flightSchedule .titWrap { position:relative; padding:19px 13px 15px 28px; color:#fff; } #flightSchedule .titWrap:after { content:''; position:absolute; top:-13px; right:71px; width:26px; height:26px; border-radius:100%; background-color:#f6f6f6; } #flightSchedule .titWrap .tit { position:relative; padding-left:39px; font-family:"NSKR-L"; font-size:22px; letter-spacing:-3px; } #flightSchedule .titWrap .tit:before { content:''; position:absolute; top:-5px; left:0; width:27px; height:30px; background:url('/asp/images/icon/icon_airplane4.png') no-repeat 0 0; } #flightSchedule .titWrap .tit strong { font-family:"NSKR-B"; letter-spacing:normal; } #flightSchedule .titWrap .infoList { position:absolute; top:31px; right:13px; font-size:0; } #flightSchedule .titWrap .infoList li { display:inline-block; margin-left:11px; padding-left:11px; font-size:13px; } #flightSchedule .conWrap { display:table; width:100%; height:185px; } #flightSchedule .conWrap .air, #flightSchedule .conWrap .schedule { display:table-cell; vertical-align:middle; box-sizing:border-box; } #flightSchedule .conWrap .air { width:14.6%; text-align:center; border-right:2px dashed #eee; } #flightSchedule .conWrap .air .txt { margin-top:8px; font-size:15px; color:#888; } #flightSchedule .conWrap .schedule { width:85.4%; padding:28px 87px 38px; background:url('/asp/images/contents/bg_airplane.png') no-repeat bottom -13px right -20px; } #flightSchedule .route:before, #flightSchedule .route:after, #flightSchedule .route .middle .city:before { content:''; position:absolute; top:50%; z-index:1; width:13px; height:13px; margin:-6.5px 0 0 -6.5px; border:3px solid; border-radius:100%; background-color:#fff; box-sizing:border-box; } #flightSchedule .route .middle .city:before { top:61.5px; left:50%; } #flightSchedule .route { position:relative; width:100%; } #flightSchedule .route:before { left:-6.5px; } #flightSchedule .route:after { right:-6.5px; } #flightSchedule .route .txtWrap { text-align:center; } #flightSchedule .route .txtWrap .bottom { padding-top:45px; } #flightSchedule .route .inner { position:relative; } #flightSchedule .route .inner:before { content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; height:3px; } #flightSchedule .route .inner:after { content:''; display:block; clear:both; } #flightSchedule .route .inner > * { box-sizing:border-box; } #flightSchedule .route .city { font-size:16px; color:#888; } #flightSchedule .route .num { margin-top:7px; } #flightSchedule .route .num span { color:#f15922; } #flightSchedule .route .date { font-size:14px; color:#888; } #flightSchedule .route .requiredTime { position:absolute; top:16px; width:64px; height:22px; line-height:22px; padding:0 7px; font-size:12px; text-align:center; color:#333; border-radius:2px; } #flightSchedule .route .start .requiredTime { left:116px; } #flightSchedule .route .arrive .requiredTime { right:116px; } #flightSchedule .route .start, #flightSchedule .route .middle, #flightSchedule .route .arrive { width:93px; } #flightSchedule .route .start, #flightSchedule .route .arrive { position:relative; } #flightSchedule .route .start { float:left; margin-left:-46.5px; } #flightSchedule .route .arrive { float:right; margin-right:-46.5px; } #flightSchedule .route .start .time, #flightSchedule .route .arrive .time { margin-top:4px; font-family:"NSKR-B"; font-size:22px; } #flightSchedule .route .middle { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%; padding:0 33.33%; } #flightSchedule .route .middle .txtWrap { position:relative; width:100%; height:100%; } #flightSchedule .route .middle .txtWrap > p { width:100%; box-sizing:border-box; } #flightSchedule .route .middle .city { position:relative; padding-top:20px; } #flightSchedule .route .middle .time { position:absolute; bottom:18px; left:0; font-size:14px; } #flightSchedule .route .middle .time em { color:#888; } #flightSchedule .departure .titWrap { background-color:#ff8356; } #flightSchedule .departure .route .inner:before { background-color:#ffcbb8; } #flightSchedule .departure .route:before, #flightSchedule .departure .route:after, #flightSchedule .departure .route .middle .city:before { border-color:#f15922; } #flightSchedule .departure .route .middle .time span { color:#f15922; } #flightSchedule .departure .requiredTime { background-color:#ffeae3; } #flightSchedule .arrival { margin-top:30px; } #flightSchedule .arrival .titWrap { background-color:#48bbc0; } #flightSchedule .arrival .titWrap .tit:before { transform:rotate(-180deg); } #flightSchedule .arrival .route .inner:before { background-color:#c9e9eb; } #flightSchedule .arrival .route:before, #flightSchedule .arrival .route:after, #flightSchedule .arrival .route .middle .city:before { border-color:#1ea4aa; } #flightSchedule .arrival .route .middle .time span { color:#1ea4aa; } #flightSchedule .arrival .requiredTime { background-color:#ddedee; } /* 1212 add */ .new_ver.localPrdtDetail .titWrap .right {top: -2px;} .new_ver .icon01 {display: inline-block; width:70px; height: 25px; font-size: 15px; line-height: 25px; color:#fff; border-radius: 2px; text-align: center; background-color: #005CC6;} .new_ver .cal_box {overflow: hidden; border-top:2px solid #333;} .new_ver .cal_box > div {position: relative; width:428px; float: right; } .new_ver .cal_box > div:first-child {float: left; } .new_ver .cal_box .cal .top {padding:33px 0 12px; margin:0;text-align:center;position:relative; display:block; font-size: 22px; line-height: 22px; color:#000; } .new_ver .cal_box .cal .top strong {font-weight:bold;} .new_ver .cal_box > div .top a {position:absolute; top: 30px; font-size: 16px; line-height: 25px; color:#666} .new_ver .cal_box > div .top a img {vertical-align: top;} .new_ver .cal_box > div .top a.bt_left { left: 0;} .new_ver .cal_box > div .top a.bt_right {right:0;} .new_ver .cal_box .cal table td {border:1px solid #c9c9c9;} .new_ver .cal_box .cal table thead th { border-top: 1px solid #333; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; background-color:#7d7d7d;color:#fff;font-size:16px; padding:10px 0; text-align:center;font-weight:900;} .new_ver .cal_box .cal table td:first-child {border-left:1px solid #333;} .new_ver .cal_box .cal table td:first-child a {color: #c9151e !important;} .new_ver .cal_box .cal table td:last-child {border-right:1px solid #333;} .new_ver .cal_box .cal table td:last-child a {color: #1359eb !important;} .new_ver .cal_box .cal table tr:last-child td {border-bottom:1px solid #333;} .new_ver .cal_box .cal table th:first-child {border-left:1px solid #333;} .new_ver .cal_box .cal table th:last-child {border-right:1px solid #333;} .new_ver .cal_box .cal table thead th.hol {background-color:#c9151e} .new_ver .cal_box .cal table thead th.sat {background-color:#19439a} .new_ver .cal_box .cal table td > a {position:relative; display:block; width:52px; height:36px; color:#000100 !important;font-size:12px; padding:4px; background-color:#fff;letter-spacing:-1px;} .new_ver .cal_box .cal table td > a:hover {text-decoration:none} .new_ver .cal_box .cal table td > a .state {position:absolute; /*width:20px; height:11px;*/ top:3px; right:4px; color:#666; border:1px solid #666; font-size:12px !important; letter-spacing:0; padding:1px 3px;} .new_ver .cal_box .cal table td > a .won {position:absolute; bottom:4px; right:4px; text-align:right; color:#6b7076; font-size:12px; letter-spacing:0} .new_ver .cal_box .cal table td > a .resv {position:absolute; bottom:4px; right:4px; text-align:right; color:#6b7076; font-size:12px; letter-spacing:0} .new_ver .cal_box .cal table td.red > a {color:#cd1422; }/* 확정 */ .new_ver .cal_box .cal table td.red > a .state { color:#cd1422;border:1px solid #cd1422; } /*출발확정*/ .new_ver .cal_box .cal table td.red .over {color:#fff !important; background-color:#cd1422} .new_ver .cal_box .cal table td.red .over .state {color:#fff; border:1px solid #fff} .new_ver .cal_box .cal table td.red > a .won {color:#cd1422; } .new_ver .cal_box .cal table td.blue > a .won {color: #fff;} .new_ver .cal_box .cal table td.blue > a .state {color: #05954e; border: 1px solid #05954e; } /* 예약가능*/ .new_ver .cal_box .cal table td.blue > a {color: #05954e; } /* 가능 */ .new_ver .cal_box .cal table td.blue .over {color:#fff !important; background-color:#05954e} .new_ver .cal_box .cal table td.blue .over .state {color:#fff; border:1px solid #fff} .new_ver .cal_box .cal table td.blue > a .won {color: #05954e;} .new_ver .cal_box .cal table td.end > a {color:#6f6f6f; }/* 마감 */ .new_ver .cal_box .cal table td.end > a .state { color:#6f6f6f;border:1px solid #6f6f6f; } /*예약마감*/ .new_ver .cal_box .cal table td.end .over {color:#fff !important; background-color:#6f6f6f} .new_ver .cal_box .cal table td.end .over .state {color:#fff; border:1px solid #fff} .new_ver .cal_box .cal table td.end > a .won {color:#6f6f6f; } .new_ver .cal_box .cal table td.hot > a {color:#C7718C; } .new_ver .cal_box .cal table td.hot > a .state { color:#C7718C;border:1px solid #C7718C; } .new_ver .cal_box .cal table td.hot .over {color:#fff !important; background-color:#C7718C} .new_ver .cal_box .cal table td.on > a .won {color:#c9151e; } .new_ver .cal_box .cal table td .hol {color:#ed1c24} /* 빨간날 */ .new_ver .cal_box .cal table td.hol > a .state { color:#ff00ac;border:1px solid #ff00ac; } /*마감임박*/ .new_ver .cal_box .cal table td.hol .over {color:#fff !important; background-color:#C7718C} .new_ver .cal_box .cal table td.hol > a .won {color:#ff00ac; } .new_ver .cal_box .cal table td.on > a {color:#c9151e; }/* 대기 */ .new_ver .cal_box .cal table td.on> a .state { color: #c9151e; border: 1px solid #c9151e; } /*예약대기*/ .new_ver .cal_box .cal table td.on .over {color:#fff; background-color:#c9151e} .new_ver .cal_box .cal table td.on .over .state {color:#fff; border:1px solid #fff} .new_ver .cal_box .cal table td.hot > a .won {color:#C7718C; } .new_ver .cal_box .cal table td a.over .won {color:#fff; } .new_ver .cal_box .state_color {margin:20px 0 30px; padding:0; font-size:14px; line-height:16px;color:#555; letter-spacing:-1px;text-align:right;} .new_ver .cal_box .state_color img {vertical-align:-2px; margin:0 5px 0 8px;} .new_ver .cal_box .state_color img:first-child {margin:0 5px 0 0} .optWrap2 .inpRadio + label:before { content:''; position:absolute; top:0; left:0; width:22px; height:22px; background:url('/asp/images/sub_new/bg_radio_unchecked.png') no-repeat 0 0; } .optWrap2 .inpRadio:checked + label:before { background-image:url('/asp/images/sub_new/bg_radio_checked.png'); } /* .new_ver.localPrdtDetail .scheduleBox > .conArea {padding-top:0; } */ .new_ver.localPrdtDetail .scheduleList {padding-bottom:20px} .new_ver.localPrdtDetail .scheduleList .scheduleTit {margin-bottom: 19px;} .new_ver.localPrdtDetail .itemBox .conWrap .txtWrap {margin:15px 0 0; font-size:16px; line-height:24px;color:#333} .new_ver.localPrdtDetail .right .btnWrap .btnBdrblue { display:table; height:60px; } .new_ver.localPrdtDetail .right .btnWrap .btnBdrblue span { display:table-cell; font-family:"NSKR-M"; font-size:16px; vertical-align:middle; line-height:1.3; } .new_ver #lnbWrap { box-sizing: border-box; } .new_ver #lnbWrap .tit img {vertical-align: -4px;} .new_ver #lnbWrap .lnb {position: relative; margin:0 0 -1px; padding:16px 16px 9px; border:1px solid #e0e0e0} .new_ver #lnbWrap .lnb:after {content:''; display: block; clear: both;} .new_ver #lnbWrap .lnb li {float: left; margin:0 0 7px; box-sizing: border-box;} .new_ver #lnbWrap .lnb li:nth-child(2n) {float: right} .new_ver #lnbWrap .lnb li > a {display: block; width:90px; height: 36px; padding:0; font-size:15px; line-height:36px; color:#4a4a4a;text-align: center; border: 1px solid #a0a0a0; box-sizing: border-box;} .new_ver #lnbWrap .lnb li > a.on {color:#fff; border: 1px solid #19439a; background-color: #19439a;} .new_ver #lnbWrap .lnb_btm {margin:30px 0 0; padding:13px 14px 0; border:1px solid #e0e0e0} .new_ver #lnbWrap .lnb_btm dt {display: block; margin:0 0 5px; font-size:18px; line-height:20px; color:#333;} .new_ver #lnbWrap .lnb_btm dt img {vertical-align: -4px;} .new_ver #lnbWrap .lnb_btm dt p {display: block; margin:11px 0 0; font-size:16px; line-height:20px; color:#666; letter-spacing: -1px;} .new_ver #lnbWrap .lnb_btm dd {display: block; padding:15px 0; border-bottom:1px dashed #e0e0e0; font-size:16px; line-height:20px; color:#333; letter-spacing: -1px;} .new_ver #lnbWrap .lnb_btm dd strong {display: block; color:#bd1c21; font-weight: bold;} .new_ver #lnbWrap .lnb_btm dd:last-child {border-bottom:none} .tit_new1 {display: block; font-size:22px; line-height:24px;color:#000; font-weight: bold;} .new_ver .prdtList .txtWrap .tit {overflow: visible; white-space: normal; text-overflow: normal; margin:0 0 44px; line-height:22px; height: 44px;} .new_ver .prdtList .txtWrap {padding:20px; min-height:133px} .new_ver .subTitWrap .itemCount {position: static;} .new_ver .sortingList {position: absolute; bottom: 0; right:0;} .new_ver .sortingList::after {content:''; display: block; clear: both;} .new_ver .sortingList li {float: left; margin:0 0 0 -1px; padding:0;} .new_ver .sortingList li + li:before {display: none;} .new_ver .sortingList li button {display: block; width:127px; height: 44px; font-size:15px; line-height:44px; color:#888;text-align: center;border:1px solid #e0e0e0; box-sizing: border-box; background: #fff} .new_ver .sortingList li button span {margin-left:16px;} .new_ver .sortingList li.current button {color:#fff;border:1px solid #969696; background: #969696;} .new_ver .prdtList li a:before {display: none;} .new_ver .prdtList.full > li {position: relative; padding:20px; border:1px solid #ddd} .new_ver .prdtList.full > li .imgWrap {width:247px; height: 167px;border:none} .new_ver .prdtList.full > li .txtWrap {width: 611px; min-height: 167px; padding:0 0 0 20px; border:none} /*검색화면txtWrap*/ .new_ver .prdtList.full > li .searchTxtWrap {width: 855px !important;} .new_ver .prdtList.full > li .txtWrap:before {display: none;} .new_ver .prdtList.full > li .txtWrap .txt {width:auto;margin: 10px 0 13px; font-size: 15px; line-height: 22px; font-family: "NSKR-R"} .new_ver .prdtList.full > li .txtWrap .item { font-size: 15px; line-height: 22px; color:#888; font-family: "NSKR-R"} .new_ver .prdtList.full > li .txtWrap .item span {display: inline-block; vertical-align: middle; width:58px; height: 22px; margin:0 7px 6px 0; padding:0; font-size:11px; line-height:22px; color:#fff;text-align: center;background-color: #969696;font-family: "NSKR-R" } .new_ver .prdtList.full > li .txtWrap .price {top:97px; right:0;} .new_ver .prdtList.full > li .btnDeparture {top:149px; width: 121px; height: 40px; margin-top:0; text-indent: -10px;} .new_ver .prdtList.full > li .btnDeparture::before {content:'▼'; display: block; position: absolute; top:20%; right:10px; font-size: 14px; line-height: 22px; color:#000031;} .new_ver .prdtList.full > li.on .btnDeparture {color:#19439a;} .new_ver .prdtList.full > li.on .btnDeparture::before {content:'▲'; color:#19439a;} .new_ver .prdtList.full > li .detail_cal {display:none; margin:14px 0 0; padding:20px 0 0; border-top:1px solid #e0e0e0} .new_ver .prdtList.full > li.on .detail_cal {display: block;} .new_ver .type06 {margin:0 0 14px} .new_ver .type06::after {content:''; display: block; clear: both;} .new_ver .type06 li {float: left; width:120px; height: 40px; margin:0 -1px 0 0; padding:0;} .new_ver .type06 li + li {margin:0; padding:0;} .new_ver .type06 li a {display: block; margin:0; padding:0; font-size:17px; line-height:40px; color:#000031; text-align: center; border:1px solid #e0e0e0; box-sizing: border-box; background: #fff} .new_ver .type06 li.on a {color:#fff;border:1px solid #19439a; background: #19439a;} .new_ver .calendarWrap .legend {margin-left:0;} /*기존css추가_201222*/ /*pageLogin*/ #pagelogin .inpTxt {padding-left: 15px;} #pagelogin .inpTxt, #pagelogin .select {height: 44px; line-height: 44px; } #pagelogin input[type='checkbox'] { -webkit-appearance: checkbox; -moz-appearance: checkbox; -o-appearance: checkbox; -ms-appearance: checkbox; appearance: checkbox; } #pagelogin .formArea { position: relative; } #pagelogin .formArea .inputWrap { padding-right: 130px; } #pagelogin .formArea .inputWrap .inpTxt { display: block; width: 100%; } #pagelogin .formArea .inputWrap .inpTxt+.inpTxt { margin-top: 11px; } #pagelogin .formArea .btnLogin{position:absolute;top:0;right:0;width:119px;height:99px;line-height:99px;font-family:NSKR-M;font-size:18px;color:#fff;background-color:#404251; } #pagelogin .memberWrap{ padding:33px 59px 43px 66px;background-color:#eee;min-height:236px; } #pagelogin .memberWrap .formArea .txt{ margin-top:16px;padding-bottom:24px;font-size:14px;color:#888;border-bottom:1px solid #e1e1e1; } #pagelogin .memberWrap .formArea .saveId{ position:absolute;bottom:24px;right:4px;font-size:14px;color:#888; } #pagelogin .memberWrap .formArea .saveId input{ display:inline-block;margin:-3px 5px 0 0; } #pagelogin .memberWrap .formArea .saveId input::-ms-check{ display:block; } #pagelogin .memberWrap .helpList{margin-top:18px;font-size:0; } #pagelogin .memberWrap .helpList li+li { margin-top: 4px; } #pagelogin .memberWrap .helpList li span { display: inline-block; margin-right: 23px; font-size: 16px; vertical-align: middle; } #pagelogin .memberWrap .helpList li span.mr51{margin-right: 51px;} #pagelogin .memberWrap .helpList li a { display: inline-block; width: 89px; height: 30px; line-height: 26px; font-family: "NSKR-M"; font-size: 12px; vertical-align: middle; text-align: center; color: #fff; border: 2px solid #333; box-sizing: border-box; background: #404251; } #pagelogin .memberWrap .helpList li a+a { margin-left: 4px; } #pagelogin .memberWrap .socialLoginList { margin-top: 28px; } #pagelogin .memberWrap .socialLoginList li+li { margin-top: 5px; } #pagelogin .memberWrap .socialLoginList li a { display: block; position: relative; height: 50px; line-height: 50px; padding-left: 66px;} #pagelogin .memberWrap .socialLoginList li a:before, #pagelogin .memberWrap .socialLoginList li a:after{ content: ''; position: absolute;} #pagelogin .memberWrap .socialLoginList li a:before { left: 30px; background-repeat: no-repeat; background-position: 0 0; } #pagelogin .memberWrap .socialLoginList li a:after { top: 18px; right: 24px; width: 14px; height: 14px; border: 1px solid #fff; border-width: 0 1px 1px 0; transform: rotate(-45deg); } #pagelogin .memberWrap .socialLoginList li a span { font-size: 14px; color: #fff; } #pagelogin .memberWrap .socialLoginList li.facebook { background-color: #3a5691; } #pagelogin .memberWrap .socialLoginList li.facebook a:before{ top:15px;width:10px;height:20px;background-image:url(/asp/images/icon/icon_loginlist_facebook.png) }; #pagelogin .memberWrap .socialLoginList li.naver { background-color: #1ec800; } #pagelogin .memberWrap .socialLoginList li.naver a:before { top: 18px; width: 15px; height: 15px; background-image: url('/asp/images/icon/icon_loginlist_naver.png'); } #pagelogin .memberWrap .socialLoginList li.kakao { background-color: #fae100; } #pagelogin .memberWrap .socialLoginList li.kakao a:before { top: 16px; width: 20px; height: 18px; background-image: url('/asp/images/icon/icon_loginlist_kakao.png'); } #pagelogin .memberWrap .socialLoginList li.kakao a:after { border-color: #3c1e21; } #pagelogin .memberWrap .socialLoginList li.kakao a span { color: #3c1e21; } #pagelogin .memberWrap .layerSubTit { margin-bottom: 23px; text-indent: -31px; } #pagelogin .memberWrap .formArea .btnLogin { line-height: 22px; } #pagelogin .memberWrap .formArea .optWrap { margin-top: 11px; } #pagelogin .memberWrap .formArea .fieldset { margin-top: 11px; } #pagelogin .memberWrap .formArea .fieldset #tel1 { width: 120px; } #pagelogin .memberWrap .formArea .fieldset #tel2 { margin-left: 10px; width: 233px; } #pagelogin .memberWrap .txtWrap { margin-top: 25px; } #pagelogin .memberWrap .txtWrap p { font-size: 14px; color: #888; } #pagelogin .memberWrap .txtWrap p+p { margin-top: 6px; } /*fint mg lh pd*/ .font10 { font-size: 10px !important; } .font11 { font-size: 11px !important; } .font12 { font-size: 12px !important; } .font13 { font-size: 13px !important; } .font14 { font-size: 14px !important; } .font15 { font-size: 15px !important; } .font16 { font-size: 16px !important; } .font17 { font-size: 17px!important; } .font18 { font-size: 18px!important; } .font19 { font-size: 19px!important; } .font20 { font-size: 20px!important; } .font24 { font-size: 24px!important; } .font30 { font-size: 30px!important; } #font12 *{ font-size: 12px!important; } #font13 *{ font-size: 13px!important; } #font14 *{ font-size: 14px!important; } #font15 *{ font-size: 15px!important; } #font16 *{ font-size: 16px!important; } #font17 *{ font-size: 17px!important; } #font18 *{ font-size: 18px!important; } #font19 *{ font-size: 19px!important; } #font20 *{ font-size: 20px!important; } #font21 *{ font-size: 21px!important; } #font22 *{ font-size: 22px!important; } #font23 *{ font-size: 23px!important; } #font24 *{ font-size: 24px!important; } #font25 *{ font-size: 25px!important; } #font26 *{ font-size: 26px!important; } #font27 *{ font-size: 27px!important; } #font28 *{ font-size: 28px!important; } #font29 *{ font-size: 29px!important; } #font30 *{ font-size: 30px!important; } .line_h0 { line-height: 0; } .line_h12 { line-height: 12px; } .line_h16 { line-height: 16px; } .line_h18 { line-height: 18px; } .line_h20 { line-height: 20px; } .line_h22 { line-height: 22px; } .line_h24 { line-height: 24px; } .line_h30 { line-height: 30px; } .line_h34 { line-height: 34px; } #wrap .mgt00, .mgt00 { margin-top: 0!important; } #wrap .mgt01, .mgt01 { margin-top: 1px!important; } #wrap .mgt02, .mgt02 { margin-top: 2px!important; } #wrap .mgt03, .mgt03 { margin-top: 3px!important; } #wrap .mgt04, .mgt04 { margin-top: 4px!important; } #wrap .mgt05, .mgt05 { margin-top: 5px!important; } #wrap .mgt06, .mgt06 { margin-top: 6px!important; } #wrap .mgt07, .mgt07 { margin-top: 7px!important; } #wrap .mgt08, .mgt08 { margin-top: 8px!important; } #wrap .mgt09, .mgt09 { margin-top: 9px!important; } #wrap .mgt10, .mgt10 { margin-top: 10px!important; } #wrap .mgt12, .mgt12 { margin-top: 12px!important; } #wrap .mgt13, .mgt13 { margin-top: 13px!important; } #wrap .mgt15, .mgt15 { margin-top: 15px!important; } #wrap .mgt20, .mgt20 { margin-top: 20px!important; } #wrap .mgt25, .mgt25 { margin-top: 25px!important; } #wrap .mgt30, .mgt30 { margin-top: 30px!important; } #wrap .mgt35, .mgt35 { margin-top: 35px!important; } #wrap .mgt40, .mgt40 { margin-top: 40px!important; } #wrap .mgt50, .mgt50 { margin-top: 50px!important; } #wrap .mgr05, .mgr05{ margin-right: 5px!important; } #wrap .mgr06, .mgt06{ margin-right: 6px!important; } #wrap .mgr10, .mgr10{ margin-right: 10px!important; } #wrap .mgr15, .mgr15{ margin-right: 15px!important; } #wrap .mgr16, .mgr16{ margin-right: 16px!important; } #wrap .mgr20, .mgr20{ margin-right: 20px!important; } #wrap .mgr25, .mgr25{ margin-right: 25px!important; } #wrap .mgr30, .mgr30{ margin-right: 30px!important; } #wrap .mgr35, .mgr35{ margin-right: 35px!important; } #wrap .mgr40, .mgr40{ margin-right: 40px!important; } #wrap .mgb01, .mgb00{ margin-bottom: 0!important; } #wrap .mgb01, .mgb01{ margin-bottom: 1px!important; } #wrap .mgb02, .mgb02{ margin-bottom: 2px!important; } #wrap .mgb03, .mgb03{ margin-bottom: 3px!important; } #wrap .mgb04, .mgb04{ margin-bottom: 4px!important; } #wrap .mgb05, .mgb05{ margin-bottom: 5px!important; } #wrap .mgb06, .mgb06{ margin-bottom: 6px!important; } #wrap .mgb10, .mgb10{ margin-bottom: 10px!important; } #wrap .mgb11, .mgb11{ margin-bottom: 11px!important; } #wrap .mgb12, .mgb12{ margin-bottom: 12px!important; } #wrap .mgb13, .mgb13{ margin-bottom: 13px!important; } #wrap .mgb14, .mgb14{ margin-bottom: 14px!important; } #wrap .mgb15, .mgb15{ margin-bottom: 15px!important; } #wrap .mgb20, .mgb20{ margin-bottom: 20px!important; } #wrap .mgb25, .mgb25{ margin-bottom: 25px!important; } #wrap .mgb30, .mgb30{ margin-bottom: 30px!important; } #wrap .mgb35, .mgb35{ margin-bottom: 35px!important; } #wrap .mgb40, .mgb40{ margin-bottom: 40px!important; } #wrap .mgl00, .mgl00{ margin-left: 0!important; } #wrap .mgl01, .mgl01{ margin-left: 1px!important; } #wrap .mgl02, .mgl02{ margin-left: 2px!important; } #wrap .mgl03, .mgl03{ margin-left: 3px!important; } #wrap .mgl04, .mgl04{ margin-left: 4px!important; } #wrap .mgl05, .mgl05{ margin-left: 5px!important; } #wrap .mgl06, .mgl06{ margin-left: 6px!important; } #wrap .mgl07, .mgl07{ margin-left: 7px!important; } #wrap .mgl08, .mgl08{ margin-left: 8px!important; } #wrap .mgl09, .mgl09{ margin-left: 9px!important; } #wrap .mgl10, .mgl10{ margin-left: 10px!important; } #wrap .mgl11, .mgl11{ margin-left: 11px!important; } #wrap .mgl12, .mgl12{ margin-left: 12px!important; } #wrap .mgl13, .mgl13{ margin-left: 13px!important; } #wrap .mgl14, .mgl14{ margin-left: 14px!important; } #wrap .mgl15, .mgl15{ margin-left: 15px!important; } #wrap .mgl20, .mgl20{ margin-left: 20px!important; } #wrap .mgl25, .mgl25{ margin-left: 25px!important; } #wrap .mgl30, .mgl30{ margin-left: 30px!important; } #wrap .mgl35, .mgl35{ margin-left: 35px!important; } #wrap .mgl40, .mgl40{ margin-left: 40px!important; } .mt-10 { margin-top: -10px !important; } #wrap .pdt0, .pdt0{ padding-top: 0!important; } #wrap .pdt05, .pdt05{ padding-top: 5px!important; } #wrap .pdt10, .pdt10{ padding-top: 10px!important; } #wrap .pdt15, .pdt15{ padding-top: 15px!important; } #wrap .pdt20, .pdt20{ padding-top: 20px!important; } #wrap .pdt25, .pdt25{ padding-top: 25px!important; } #wrap .pdt30, .pdt30{ padding-top: 30px!important; } #wrap .pdt35, .pdt35{ padding-top: 35px!important; } #wrap .pdt40, .pdt40{ padding-top: 40px!important; } ; #wrap .pdr0, .pdr0{padding-right: 0!important; } #wrap .pdr05, .pdr05{padding-right: 5px!important; } #wrap .pdr10, .pdr10{padding-right: 10px!important; } #wrap .pdr15, .pdr15{padding-right: 15px!important; } #wrap .pdr20, .pdr20{padding-right: 20px!important; } #wrap .pdr25, .pdr25{padding-right: 25px!important; } #wrap .pdr30, .pdr30{padding-right: 30px!important; } #wrap .pdr35, .pdr35{padding-right: 35px!important; } #wrap .pdr40, .pdr40{padding-right: 40px!important; } #wrap .pdb0, .pdb0{padding-bottom: 0!important; } #wrap .pdb05, .pdb05{padding-bottom: 5px!important; } #wrap .pdb10, .pdb10{padding-bottom: 10px!important; } #wrap .pdb15, .pdb15{padding-bottom: 15px!important; } #wrap .pdb20, .pdb20{padding-bottom: 20px!important; } #wrap .pdb25, .pdb25{padding-bottom: 25px!important; } #wrap .pdb30, .pdb30{padding-bottom: 30px!important; } #wrap .pdb35, .pdb35{padding-bottom: 35px!important; } #wrap .pdb40, .pdb40{padding-bottom: 40px!important; } #wrap .pdl0, .pdl0{padding-left: 0!important; } #wrap .pdl05, .pdl05{padding-left: 5px!important; } #wrap .pdl10, .pdl10{padding-left: 10px!important; } #wrap .pdl15, .pdl15{padding-left: 15px!important; } #wrap .pdl20, .pdl20{padding-left: 20px!important; } #wrap .pdl25, .pdl25{padding-left: 25px!important; } #wrap .pdl30, .pdl30{padding-left: 30px!important; } #wrap .pdl35, .pdl35{padding-left: 35px!important; } #wrap .pdl40, .pdl40{padding-left: 40px!important; } .pd10, #wrap .pd10 { padding: 10px !important; } .disp_ILB { display: inline-block !important; } .minh50 { min-height: 50px !important; } .minh30 { min-height: 30px !important; } /* [CONFIRM] 행사 리스트 (레이어) */ #eventCalendar .layerCon { padding: 40px 43px 65px; } #eventCalendar .layerTit { line-height: 30px; } #eventCalendar .tblWrap { margin-top: 53px; } /*팝업*/ .pop_wrap{ display:none;position:absolute;left:0;top:0;width:100%;z-index:2000 ;} .pop_wrap .pop_detail{ position:absolute;width:100%;top:100px;z-index:2000 ;} .pop_wrap .pop_detail h2{ font-size:19px;color:#007dc6;text-indent:-1000px;overflow:hidden;background:#007dc6;padding:15px;font-weight:400 ;} .pop_wrap .pop_detail .close{ display:block;position:absolute;right:20px;top:5px ;} .pop_wrap .pop_detail .close img{ width:38px ;} .pop_wrap .deem{ position:fixed;width:100%;height:100%;left:0;top:0;background:#000;opacity:.5 ;} .pop_wrap .pop_detail .pop_in{ margin:0 10px;background:#fff ;} .pop_wrap .con{ padding:15px;position:relative ;} .pop_wrap .con .img{ text-align:center ;} .pop_wrap .con .img img{ width:100% ;} .pop_wrap .con .img strong{ display:block;text-align:center;font-size:15px;color:#333;font-weight:700;padding-top:10px;padding-bottom:10px ;} .pop_wrap .con dl{ padding:10px 0 0 0 ;} .pop_wrap .con dl dt{ font-size:15px;color:#007dc6;font-weight:700;padding-bottom:10px ;} .pop_wrap .con dl dd{ font-size:14px;color:#666;padding-bottom:5px;line-height:16px ;} .pop_wrap .pop_detail .close{ right:10px ;} .pop_wrap .pop_detail .pop_in{ margin:0;min-height:500px ;} .pop_wrap .con .img{ width:270px;position:absolute;left:25px;top:25px ;} .pop_wrap .con .img strong{ padding-top:20px;text-decoration:underline ;} .pop_wrap .con dl{ padding:10px 0 0 320px ;} .pop_write{ position:fixed;left:0;top:10px;width:100%;z-index:2000 ;} .pop_write .pop_inner{ position:relative;margin:0 10px ;} .pop_write .pop_inner h2{ font-size:16px;color:#fff;overflow:hidden;background:#3e484e;padding:10px 20px;font-weight:400;height:20px ;} .pop_write .pop_inner h2 span{ padding-top:3px ;} .pop_write .pop_inner h2 img{ vertical-align:middle;margin-right:10px;width:15px ;} .pop_write .pop_inner .close{ display:block;position:absolute;right:20px;top:10px ;} .pop_write .pop_inner .close img{ width:20px ;} .pop_write .pop_inner .con{ background:#fff ;} .pop_write{ top:100px ;} .pop_write .pop_inner{ width:815px;margin:0 auto ;} .pop_write .pop_inner h2{ font-size:20px;padding:15px 30px;height:30px ;} .pop_write .pop_inner .close{ right:30px;top:20px ;} .pop_write .pop_inner .close img{ width:28px ;} /* .reply_view_section .vl_reply{ margin-top:5px ;} */ .reply_view_section .vl_reply .count{ display:block;margin-bottom:8px;font-size:14px;font-weight:700;color:#000 ;} .reply_view_section .vl_reply .count span{ font-weight:400 ;} .reply_view_section .vl_reply .reply_box{ padding:10px;border-top:1px solid #e7e7e7;background:#f6f6f6 ;} .reply_view_section .vl_reply .reply_box:last-child{ border-bottom:1px solid #e7e7e7 ;} .reply_view_section .vl_reply .reply_box .info .name{ font-size:13px;font-weight:700;color:#666;line-height:21px ;} .reply_view_section .vl_reply .reply_box .info .date{ font-size:13px;color:#999;line-height:21px ;} .reply_view_section .vl_reply .reply_box .info .btn{ display:inline-block;vertical-align:middle; margin-left: 20px;} .reply_view_section .vl_reply .reply_box .reply_txt{ margin-top:5px;font-size:13px;color:#666;line-height:21px ;} .reply_view_section .reply_write a{ width:auto;padding:6px 48px ;} .reply_view_section .view_list{ padding:20px 34px ;} .reply_view_section .vl_view .btn a{ width:86px;height:28px;line-height:28px ;} /* .reply_view_section .vl_reply{ margin-top:15px ;} */ .reply_view_section .vl_reply .reply_box{ padding:15px 20px;margin-top:0 ;} .reply_view_section .vl_reply .reply_box .reply_txt{ margin-top:10px ;} em.devide{ margin-left:10px;margin-right:10px ;} .stit_con_title{ margin-bottom:20px;line-height:1;font-size:24px;color:#222 ;} /*이벤트,기획전*/ .review_visual{ background:#fff url(http://www.hyecho.com/images/customer/visual_review.png) 50% 50% no-repeat;height:200px ;} .review_visual.mail{ background:#fff url(http://www.hyecho.com/images/customer/visual_mail.png) 50% 50% no-repeat ;} .review_visual strong{ display:block;color:#000;padding:55px 0 25px 45px ;} .review_visual span{ display:block;color:#666;line-height:26px;padding:0 45px 25px ;} .review_visual strong{ font-size:16px;padding:40px 0 20px 20px;letter-spacing:-1px ;} .review_visual span{ font-size:12px;padding:0 0 20px 20px;line-height:18px;letter-spacing:-1px ;} .review_visual em{ display:block ;} .review_visual.event{ background:#fff url(http://www.hyecho.com/images/event/visual_event.png) 50% 50% no-repeat ;} .review_visual.plan{ background:#fff url(http://www.hyecho.com/images/event/visual_event.png) 50% 50% no-repeat ;} .review_visual.mail strong{ color:#fff ;}.review_visual.mail span{ color:#fff ;} .review_visual strong{ font-size:35px;padding:55px 0 20px 45px;letter-spacing:-1px ;} .review_visual span{ font-size:15px;padding:0 0 20px 45px;line-height:18px;letter-spacing:-1px ;} .review_visual em{ display:inline ;}.list_list5{ margin-top:20px ;} .list_list5 ul{ overflow:hidden;margin-left:-20px ;} .list_list5 ul li{ border-bottom:none;padding:0;float:left;width:50%;padding-bottom:15px ;} .list_list5 ul li a{ position:relative;display:block;margin-left:20px ;} .list_list5 ul li a img{ width:100% ;} .list_list5 ul li a span .tit{ display:block ;} .list_list5 ul li a span .tit .text1{ display:block;font-size:15px;padding:10px 0;font-weight:700 ;} .list_list5 ul li a span .tit .text2{ color:#333;font-size:13px;display:block ;} .list_list5_event ul{ overflow:hidden;} .list_list5_event ul li{ border-bottom:none;padding:0;float:left;width:565px;padding-bottom:15px ;margin-bottom: 20px;margin-right: 20px;border: 1px solid #e0e0e0;box-sizing: border-box;border-radius: 10px;overflow: hidden;} .list_list5_event ul li:nth-child(2n+0){margin-right:0px;} .list_list5_event ul li a{ position:relative;display:block;} .list_list5_event ul li a img{ width:100% ;} .list_list5_event ul li a span .tit{ display:block ;text-align:center;} .list_list5_event ul li a span .tit .text1{ display:block;font-size:15px;padding:10px 0;font-weight:700 ;} .list_list5_event ul li a span .tit .text2{ color:#333;font-size:13px;display:block ;} .table_view table th{ text-align:left;width:22%;background:#f8f8f8;color:#333;font-size:14px;vertical-align:middle;padding:10px 0 10px 15px ;} .table_view table td{ font-size:13px;color:#666;padding:6px 0;line-height:16px;padding:17px 15px;position:relative ;} .table_view table td span.schedule_btn{ cursor:pointer;background:#007dc6;padding:0 5px 2px;font-weight:400;font-size:12px;border:1px solid #007dc6;display:inline-block;text-align:center;width:auto!important;margin-top:0;margin-bottom:0;line-height:22px;color:#fff ;} .table_view table td img{ vertical-align:middle ;} .table_view table td.company strong{ font-size:14px;color:#000 ;} .table_view table td.price strong{ font-size:28px;color:#000;display:block;padding-bottom:15px ;} .table_view table td.price strong em{ font-size:18px;color:#000 ;} .table_view table td.price .child1{ display:inline;padding-bottom:0 ;} .table_view.wide table th{ width:17%!important ;} .table_view .sel_age span{ font-size:13px ;} .table_view .sel_age strong{ font-size:13px ;} .table_view .sel_price span{ font-size:13px ;} .table_view .sel_price strong{ font-size:13px ;} .table_view table .top_wrap td{ padding:10px 15px ;} .table_view .top_info{ margin-bottom:0;margin-top:10px ;} .table_view .top_info img{ left:30px;top:30px;height:120px ;} .table_view .top_info .con{ min-height:150px;padding-left:240px;padding-top:30px;padding-right:30px ;} .table_view .top_info .con span{ display:block;font-size:16px;color:#007dc6;height:20px;line-height:20px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis ;} .table_view .top_info .con em{ display:block;margin-top:5px;margin-bottom:5px;font-size:14px;color:#666;height:20px;line-height:20px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis ;} .table_view .top_info .con strong{ display:block;margin-bottom:25px;font-size:20px;color:#333;height:20px;line-height:18px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis ;} .table_view .top_info .con u{ display:block;font-size:18px;font-weight:700;color:#fe0000;text-decoration:none ;} .table_view .top_info .btn_show{ position:absolute;right:30px;bottom:30px;font-size:14px;padding:0 10px;background:#4a4a4a;color:#fff;line-height:30px ;} .section_special_event .wrap_banner{ text-align:center ;} .section_special_event .wrap_banner img{ width:100%;vertical-align:top ;} .list_tab{ margin-top:25px;border-top:2px solid #6e6e6e ;} .list_tab:after{ content:'';display:block;clear:both ;} .list_tab li{ position:relative;float:left;width:25%;height:30px;border-bottom:1px solid #d3d3d3;border-right:1px solid #d3d3d3;box-sizing:border-box;text-align:center;line-height:30px ;} .list_tab li:nth-child(4n+1){ border-left:1px solid #d3d3d3 ;} .list_tab li.active:after{ content:'';position:absolute;top:-2px;left:-2px;width:100%;height:100%;border:2px solid #007dc6 ;} .list_tab li a{ display:block;color:#666;font-size:10px;letter-spacing:-.4px ;} .list_tab li.active a{ color:#007dc6 ;} .section_special_event .area_cont{ padding-top:20px ;} .section_special_event .area_cont>.tit{ display:block;padding-bottom:8px;border-bottom:2px solid #333;color:#333;font-size:13px;letter-spacing:-.4px ;} .section_special_event .index_info{ padding:10px 0;font-size:0 ;} .section_special_event .index_info span{ display:inline-block;margin-left:6px;font-weight:700;font-size:10px ;} .section_special_event .index_info span:first-child{ margin-left:0 ;} .section_special_event .index_info span:before{ content:'';display:inline-block;width:11px;height:11px;margin-right:5px;vertical-align:top ;} .section_special_event .index_info .possible{ color:#854b9a ;} .section_special_event .index_info .possible:before{ background:#854b9a ;} .section_special_event .index_info .end{ color:#888 ;} .section_special_event .index_info .end:before{ background:#888 ;} .section_special_event .index_info .standby{ color:#328a55 ;} .section_special_event .index_info .standby:before{ background:#328a55 ;} .section_special_event .index_info .confirm{ color:#cd3947 ;} .section_special_event .index_info .confirm:before{ background:#cd3947 ;} .section_special_event .list_special_event li{ position:relative;padding:10px 0;border-top:1px solid #d6d6d6 ;} .section_special_event .list_special_event .wrap_img{ position:absolute;top:10px;left:0;width:98px ;} .section_special_event .list_special_event .wrap_img img{ width:100% ;} .section_special_event .list_special_event .wrap_info{ padding-left:112px ;} .section_special_event .list_special_event .wrap_info .desc{ color:#999;font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis ;} .section_special_event .list_special_event .wrap_info .tit{ display:block;padding:5px 0;font-size:12px;line-height:1.20833 ;} .section_special_event .list_special_event .wrap_info .price{ font-weight:700;color:#fe0000;font-size:11px ;} .section_special_event .list_special_event .wrap_info .price span{ font-weight:400;font-size:9px ;} .section_special_event .list_special_event .wrap_info .price2{ display:block;font-weight:700;color:#fe0000;font-size:11px ;} .section_special_event .list_special_event .wrap_info .price2 strong{ font-weight:400;font-size:9px ;} .section_special_event .list_special_event .wrap_info .price2 span{ font-weight:400;font-size:9px ;} .section_special_event .list_special_event .wrap_info .price2.none{ padding-bottom:5px;color:#666;text-decoration:line-through ;} .section_special_event .list_special_event .date_wrap{ font-size:0 ;} .section_special_event .list_special_event .date_wrap span{ display:inline-block;width:36px;height:16px;margin:10px 10px 0 0;border-radius:32px;color:#fff;font-size:10px;line-height:16px;text-align:center ;} .section_special_event .list_special_event .date_wrap .possible{ background:#854b9a ;} .section_special_event .list_special_event .date_wrap .end{ background:#888 ;} .section_special_event .list_special_event .date_wrap .standby{ background:#328a55 ;} .section_special_event .list_special_event .date_wrap .confirm{ background:#cd3947 ;} .list_tab li{ height:54px;line-height:54px ;}.list_tab li a{ font-size:16px ;} .section_special_event .index_info{ padding-right:10px;text-align:right ;} .section_special_event .index_info span{ font-size:11px ;} .section_special_event .area_cont>.tit{ font-size:20px ;} .section_special_event .list_special_event{ margin-left:-26px ;} .section_special_event .list_special_event:after{ content:'';display:block;clear:both ;} .section_special_event .list_special_event li{ float:left;width:25%;border-top:none ;} .section_special_event .list_special_event li .list_wrap{ margin-left:26px;border:1px solid #dbdbdb ;} .section_special_event .list_special_event .wrap_img{ position:inherit;width:auto ;} .section_special_event .list_special_event .wrap_info{ padding:12px ;} .section_special_event .list_special_event .wrap_info .desc{ font-size:12px ;} .section_special_event .list_special_event .wrap_info .tit{ margin:13px 0 10px;overflow:hidden;font-size:14px;line-height:20px;height:36px;-webkit-box-orient:vertical;text-overflow:ellipsis ;} .section_special_event .list_special_event .wrap_info .price{ display:block;font-size:16px ;} .section_special_event .list_special_event .wrap_info .price_wrap{ overflow:hidden;height:40px ;} .section_special_event .list_special_event .wrap_info .price2{ font-size:16px ;} .section_special_event .list_special_event .wrap_info .price2 strong{ font-size:16px ;} .section_special_event .list_special_event .wrap_info .price2 span{ font-weight:400;font-size:9px ;} .section_special_event .list_special_event .wrap_info .price2.none{ padding-bottom:5px;color:#666 ;} .section_special_event .list_special_event .date_wrap{ overflow:hidden;height:78px;margin-top:10px ;} .section_special_event .list_special_event .date_wrap span{ width:46px;height:21px;margin:5px 14px 0 0;font-weight:700!important;font-size:12px!important;line-height:21px ;} .btn_tb_wrap{ overflow:hidden;position:relative;margin-top:10px ;} .btn_tb_wrap p a{ display:block;box-sizing:border-box;height:35px;line-height:35px;text-align:center;font-size:14px ;} .btn_tb_wrap span a{ display:block;box-sizing:border-box;height:35px;line-height:35px;text-align:center;font-size:14px ;} .btn_tb_wrap p{ float:left;width:50%;text-align:center ;} .btn_tb_wrap p a{ display:block ;} .btn_tb_wrap p.first a{ margin-right:5px ;}.btn_tb_wrap p.last a{ margin-left:5px ;} .btn_tb_wrap .btn_white2 img{ vertical-align:middle;width:15px ;} .btn_tb_wrap .btn_blue a img{ vertical-align:middle;width:15px ;} .btn_tb_wrap.only p{ width:100% ;} .btn_tb_wrap.type_multi3{ width:100%;font-size:0;text-align:center ;} .btn_tb_wrap.type_multi3 p{ display:inline-block;float:none;width:38% ;} .btn_tb_wrap.type_multi3 .last{ width:24% ;} .btn_tb_wrap{ overflow:hidden;margin:20px auto 0;width:216px ;} .btn_tb_wrap p a{ display:block;height:60px;line-height:60px;text-align:center;font-size:16px ;} .btn_tb_wrap p.first a{ margin-right:7px ;} .btn_tb_wrap p.last a{ margin-left:7px ;} .btn_tb_wrap span a{ display:block;height:60px;line-height:60px;text-align:center;font-size:16px ;} .btn_tb_wrap .btn_white2 img{ width:22px ;} .btn_tb_wrap .btn_blue a img{ width:22px ;} .btn_gray2{ background:#3f4148!important;color:#fff!important;text-align:center ;} .btn_black{ background:#595757!important;color:#fff!important;text-align:center ;} .btn_brown{ background:#b8afa3!important;color:#fff!important;text-align:center ;} .btn_white{ background:#fff!important;color:#4a4a4a!important;text-align:center;border:1px solid #4a4a4a ;} .btn_white2 a{ display:block;background:#fff!important;color:#4a4a4a!important;text-align:center;border:1px solid #4a4a4a ;} .btn_blue a{ display:block;background:#fff!important;color:#1487ca!important;text-align:center;border:1px solid #1487ca ;} .btn_none{ display:none ;} .boxh_28 a{ height:28px;line-height:28px ;} .btn_h40{ height:38px;line-height:38px ;} .btn_h25{ height:25px;line-height:25px;font-size:12px ;} .btn_h30{ height:32px;line-height:32px;font-size:12px ;} .btn_ib10{ display:inline-block;padding:0 10px ;} .notibox{ min-height:50px;text-align:left;border:1px solid #e5e5e5;padding:20px;background:#f9f9f9;line-height:160% ;} .board_btn_w{ margin:30px 0;overflow:hidden ;} .board_btn_w a{ display:block;color:#555;font-size:13px;padding:0 10px 0 10px;min-width:50px;height:28px;line-height:26px;text-align:center;font-weight:600;text-decoration:none;background:#fff;border:1px solid #acacac ;} .board_btn_w .btn_l{ float:left ;} .board_btn_w .btn_r{ float:right ;} .board_btn_w .btn_l li{ float:left;margin-right:5px ;} .board_btn_w .btn_r li{ float:left;margin-left:5px ;} .board_btn_w .color a{ background-color:#d43031;border:1px solid #d43031!important;color:#fff!important ;} .board_btn_w .etc a{ background-color:#666;border:1px solid #666!important;color:#fff!important ;} .board_btn{overflow:hidden ;} .board_btn a{ display:inline-block;color:#555;font-size:13px;padding:0 10px 0 10px;min-width:24px;height:22px;line-height:22px;text-align:center;font-weight:600;text-decoration:none;background:#fff;border:1px solid #acacac ;} .myp_info2{ border:1px solid #ccc;padding:10px;font-size:13px;margin-bottom:10px;color:#666;line-height:16px ;} .myp_info2 a{ display:block;width:90px;height:24px;color:#fff;padding-top:8px;background:#4a4a4a;text-align:center;font-size:14px;position:static;margin-top:10px ;} .myp_info2{ border:1px solid #ccc;padding:20px;font-size:16px;margin-bottom:10px;color:#666;line-height:160%;position:relative ;} .myp_info2 a{ display:block;width:120px;height:30px;color:#fff;padding-top:10px;background:#4a4a4a;text-align:center;font-size:14px;position:absolute;right:20px;top:20px;margin-top:0 ;} /* 2021-01-28 add */ .new_ver .prdtList.full > li .txtWrap .item em { vertical-align:top; width:68%; height:22px; display:inline-block; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;} .txtWrap .btnBdrGray2 {background:red; color:#fff; height: 25px; font-size: 15px; line-height: 25px; border:none} .new_ver.localPrdtDetail .scheduleList .scheduleTit .box_con {background-Color:#ffffff;font-size:12px;line-height:19px;text-align:left;padding:10px 20px;border:1px solid #ddd;} .new_ver.localPrdtDetail .scheduleList .scheduleTit .box_con .tit2 {line-height:25px;vertical-align:middle;border-bottom:1px solid #ddd;color:#333;font-size:15px;font-weight:bold;letter-spacing:-1px;} .new_ver.localPrdtDetail .scheduleList .scheduleTit .bt_detail_area {text-align:right;} .new_ver.localPrdtDetail .scheduleList .scheduleTit .bt_detail_area a {font-size: 15px; line-height: 14px; color:#f15922; font-weight:600 } .pop_wrap2 {z-index: 9999; display:none; position: fixed; left: 50%; top: 50%; width: 850px; margin: -350px 0 0 -400px;height: auto;font-size:13px} .pop_wrap2 .bg {display:block; position: fixed; top:0; left:0; z-index:-1; width:100%; height:100%; opacity:0.6; filter:alpha(opacity=60); background: #000; } .pop_wrap2 .pop_title {height:47px;background:#4a505d;} .pop_wrap2 .pop_title h2 {font-size:16px;font-weight:400;line-height:47px !important;padding-left:27px;color:#fff;float:left;width:400px} .pop_wrap2 .pop_title a {background:url('/asp/images/icon/btn_close.gif') no-repeat 0 0;width:17px;height:16px;display:block;float:right;margin-top:16px;margin-right:20px;font-size:0} .pop_wrap2 .pop_contents {height:600px; padding:23px;border-right:2px solid #4a505d;border-left:2px solid #4a505d;border-bottom:2px solid #4a505d;background-color:#fff;min-height: auto} .pop_wrap2 .pop_contents ul {overflow:hidden;} .pop_wrap2 .pop_contents li {width:33.3%; float:left; margin:0 !important; padding:0 4px; box-sizing:border-box} .pop_wrap2 .pop_contents li img {width:100%; height:193px;} .pop_wrap2 .pop_contents h3 {margin: 16px 0; font-size: 16px; font-weight: 600; color: #252525;} .pop_wrap2 .pop_contents .con {font-weight: 400; font-size: 14px; line-height:160%; color: #424242;} .summary .infoList {overflow:hidden; /*margin:15px -15px -15px;*/ padding: 0;} .summary .infoList li {width: 100%; margin:0 !important; height:36px; font-size:15px; line-height:36px; color:#666;font-weight:600 !important; border-top: 1px solid #ddd;text-align:left;} .summary .infoList li strong {color:#555;font-weight:600;font-size:15px;} .summary .infoList li strong.hotel {margin:0 0 0 29px; padding-left:22px; background:url("/asp/images/icon/icon_hotel.png") no-repeat 0 center;font-size:18px;} .summary .infoList li strong.food {margin:0 0 0 29px; padding-left:22px; background:url("/asp/images/icon/icon_food.png") no-repeat 0 center;font-size:18px;} .summary .infoList li span {font-weight:600;} #quickMenu li .slide .price {font-weight:bold} .divide_bdt_gray { border-top: 2px solid #888 !important;} .divide_bdb_gray { border-bottom: 2px solid #888 !important;} /* 2021-02-25 인쇄영역add */ .tabContainer .tabWrap .tblWrap .box_con {background-Color:#ffffff;font-size:12px;line-height:19px;text-align:left;padding:10px 20px;border:1px solid #ddd;} .tabContainer .tabWrap .tblWrap .box_con .tit2 {line-height:25px;vertical-align:middle;border-bottom:1px solid #ddd;color:#333;font-size:14px;font-weight:bold;letter-spacing:-1px;} .tabContainer .tabWrap .tblWrap .bt_detail_area {text-align:right;} .tabContainer .tabWrap .tblWrap .bt_detail_area a {font-size: 12px; line-height: 14px; color:#f15922; font-weight:600 } /* 0624 add */ .div_img {width:1150px; height: 200px; margin:0 0 20px;} .div_img img {width:1150px !important; height: 200px !important;} /*** 이벤트/기획전, TV홈쇼핑 ***/ /* .main .columnWrap { padding:75px 0 80px; } */ .main .columnWrap .sectionInner:after { content:''; display:block; clear:both; } .main .columnWrap .sectionInner > div { float:left; position:relative; width:49.15%; margin-left:1.7%; } .main .columnWrap .sectionInner > div:first-child { margin-left:0; } .main .columnWrap .sectionInner .sectionTit { font-size:26px; text-align:left; } .main .columnWrap .sectionInner .fullwrap {border: 1px solid red;width: 100%;margin-left: 0;margin-top: 15px;} .main .columnWrap .sectionInner .fullwrap .login_link_box{float: left;width: calc(100% + 2.8rem);padding: 0.5rem 1.4rem 0 1.4rem;border-top: 1px solid #eceff2;margin: 0rem -1.4rem 0 -1.4rem;} .main .columnWrap .sectionInner .fullwrap .login_link_box a{position:relative;display: inline-block;height: 4.5rem;width: 24%;/* text-indent:30%; */font-weight:600;font-size:1.6rem;line-height: 4.5rem;border-radius:5px;margin:0 0 0.5em;text-align:center;} .main .columnWrap .sectionInner .fullwrap .login_link_box a img {/* position:absolute;*/ vertical-align:middle; margin:0 10px 0 0 } .main .columnWrap .sectionInner .fullwrap .login_link_box a.kakao {color:#3b1d1d; background:#ffe900} .main .columnWrap .sectionInner .fullwrap .login_link_box a.naver {color:#fff; background:#1ec800} .main .columnWrap .sectionInner .fullwrap .login_link_box a.google {color:#000; text-indent:-15px; background:#fff;border:1px solid #bbb;} .main .columnWrap .sectionInner .fullwrap .login_link_box a.facebook {color:#fff; text-indent:10px; background:#3e5b9f} .main .columnWrap .sectionInner .fullwrap .login_link_box a.kakao img{width:24px; height:auto; } .main .columnWrap .sectionInner .fullwrap .login_link_box a.naver img{width:20px; height:auto; } .main .columnWrap .sectionInner .fullwrap .login_link_box a.google img{width:22px; height:auto; } .main .columnWrap .sectionInner .fullwrap .login_link_box a.facebook img{width:11px; height:auto; } /* 0626 add */ .main .columnWrap .sectionInner .sns_area {width:563px; height:110px; margin:20px 0 0; padding:16px 0 16px 36px; background:#eee; box-sizing:border-box} .sns_area dl {overflow:hidden} .sns_area dt {display:inline-block; width:120px; font-size: 16px; vertical-align: middle;text-align: center;font-size: 16px;font-weight: bold;line-height: 160%;color:#555;} .sns_area dd {display:inline-block; } .sns_area dd a {margin:0 8px 0 0;} .sns_area dd a img {vertical-align:middle} .tit_h3 {display:block; margin:50px 0 10px; font-size:18px;} .tabWrap2 .tab:after { content:''; display:block; clear:both; } .tabWrap2 .tab li { float:left; box-sizing:border-box; } .tabWrap2 .tab li a { display:block; position:relative; width:100%; text-align:center; } .tabWrap2 .tabViewWrap .tabView { display:block; } .tabWrap2 .tab.itemSize2 li { width:50%; } .tabWrap2 .tab.itemSize3 li { width:33.33%; } .tabWrap2 .tab.itemSize5 li { width:20%; } .tabWrap2 .tab.itemSize6 li { width:16.66%; } .tabWrap2 .tab.type01 { overflow:hidden; position:relative; height:61px; } .tabWrap2 .tab.type01:after { content:''; width:100%; height:1px; position:absolute; bottom:0; left:-1px; background:#000; } .tabWrap2 .tab.type01 li { float:left; position:relative; border:solid #e0e0e0; border-width:1px 1px 0 1px; background-color:#fbfbfb; } .tabWrap2 .tab.type01 li a { display:block; height:60px; line-height:60px; font-size:18px; text-align:center; color:#888; } .tabWrap2 .tab.type01 li.on { border-color:#000; border-width:1px 1px 0 1px; background-color:#fff; } .tabWrap2 .tab.type01 li.on:after { content:''; position:absolute; bottom:0; left:0; z-index:1; width:100%; height:1px; background-color:#fff; } .tabWrap2 .tab.type01 li + li { border-left-width:0; } .tabWrap2 .tab.type01 li.on + li { border-left-width:1px; } .tabWrap2 .tab.type01 li.on a { color:#000; } /** tab type05 **/ .tabWrap2 .tab.type05 li a { height:50px; line-height:50px; font-size:16px; color:#888; border:1px solid #e0e0e0; background-color:#fbfbfb; } .tabWrap2 .tab.type05 li.active a { font-family:"NSKR-M"; color:#fff; border-color:#737373; background-color:#737373; } /* 0708 add */ .new_ver .prdtList.add_mb .txtWrap .tit {margin:0 0 10px;} /*게시판댓글*/ .replyBox{margin-top:34px;} .replyBox > div{margin-bottom:15px;} .replyBox textarea{width:767px;height:82px;resize:none;border:1px solid #dfdfdf;} .replyBox a.purple{display:inline-block;float:right;width:100px;line-height:82px;text-align:center;color:#fff;font-size:14px;font-weight:200;background:#005CC6;} .replyBox a.btn_gray{display:inline-block;text-align:center;color:#fff !important;background:#6d6d6d;font-size:14px;font-weight:200;line-height:28px;padding:0 10px;} .replyBox a.btn_purple{display:inline-block;text-align:center;color:#fff !important;background:#005CC6;font-size:14px;font-weight:200;line-height:28px;padding:0 10px;} .replyBox .replyList{overflow:hidden;} .replyBox .replyList > li{border-bottom:1px solid #ccc;overflow:hidden;} .replyBox .replyList ul li{float:left;min-height:24px;box-sizing:border-box;} .replyBox .replyList ul li:first-child{width:106px;padding-left:3px;color:#222;font-size:13px;line-height:24px;} /* .replyBox .replyList ul li:nth-child(2){line-height:64px;} */ .replyBox .replyList ul li:nth-child(2) p{width:700px;color:#222;font-size:14px;} .replyBox .replyList ul li:nth-child(2) span{color:#777;font-size:11px;font-weight:100;} .replyBox .replyList ul li:last-child{ max-width:100px; padding-left:3px;} .accordion_title{position:relative; padding:15px 0px; text-indent:20px; font-size:14px; border-bottom:1px solid #dddddd;} .accordion_title:after{content:""; position:absolute; top:12px; right:15px; display:inline-block; width:25px; height:25px; background:url(../image/board/qna_arr.gif) no-repeat; } .accordion_sub{background:#eaeaea; padding:20px; line-height:23px;} .accordion_title span{color:#0071bd; font-weight:500;} .cmt_sub_act {display:none;} .cmt_reply {margin-top:20px;} /* 0806 add */ .m-document{font-family:'NSKR-M';letter-spacing: -1px;line-height: 1.6;} .m-document+.m-document{margin-top:50px} .m-document.indent{padding-left:20px} .m-document>.sentence>.txt { display: block; overflow: hidden;} .m-document>.sentence { font-size: 15px;color: #666;word-break: keep-all;} .m-document>.sentence+.sentence { margin-top: 10px;} .m-document>.sentence+.sentence.title { margin-top: 30px;} .m-document>.sentence.title {font-size: 16px;font-weight: 600;color: #000;} .m-document>.sentence.title1{font-size: 18px; font-weight: 600;color:#19439a} .m-document>.sentence.bold { font-weight: 600;color: #333;} .m-document>.sentence.indent {padding-left: 12px;} .m-document>.sentence>.deco {float: left;margin-right: 5px;} .deco_m{margin-top: -2px;} div#txt .center {text-align: center;} div#txt .table1 {margin-bottom: 36px;margin-top: 15px;border-collapse: collapse;border-top: 2px solid #333;} div#txt .table1 th {padding: 6px 5px 4px 15px;border-right: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;color: #666;background: #f4f4f4;height: 48px;font-size: 15px;box-sizing: border-box;font-weight: 500;} div#txt .table1 td {padding: 10px 15px;border-right: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;height: 48px;box-sizing: border-box;text-align: left;} div#txt td {font-size: 14px;line-height: 18px; color: #666666;} div#txt .table1 .t_end {border-right: none;} .sub_visual{display: block; width: 100%; overflow: hidden;} .sub_visual:before {content:""; position: absolute; left:0; right:0; top:0; height: 400px; background:#005CC6} .sub_visual .vtitle {height: 110px; line-height: 110px; color: #fff; font-size: 36px; letter-spacing: -2px; display: block;} .sub_visual .inner {margin: 0 auto; position: relative;width: 1200px;} .sub_visual .vimg img {width:1200px;height:1000px;} .sub_sec01 {text-align: center;} .sub_sec01 .inner {margin:0 auto; margin-top: 40px; position: relative; width: 1120px; display: inline-block; padding: 20px 40px 50px; border:1px solid #e7e7e7; background: #FAFAFA} .sub_sec01 .calender {display: inline-block; width: 100%;} .sub_sec01 .calender .cal_top {line-height: 48px; position: relative; display: block; text-align: center;} .sub_sec01 .calender .cal_top span {font-size: 26px; font-weight: 400} .sub_sec01 .calender .cal_top a {font-size: 0; text-indent: -9999px; width: 32px; height: 32px;} .sub_sec01 .calender .cal_top a.next {display: inline-block; padding-left: 16px; background: url(/asp/images/common/sub_cal_next.png) no-repeat 50% 50%; background-size: 32px 32px; } .sub_sec01 .calender .cal_top a.prev {display: inline-block; padding-left: 16px; background: url(/asp/images/common/sub_cal_prev.png) no-repeat 50% 50%; background-size: 32px 32px; } .sub_sec01 .calender .cal_top .tag_group {position: absolute; top:0; right: -10px; font-size: 12px; font-weight: 400;} .sub_sec01 .calender .cal_top .tag_group li {margin-right: 30px; float: left;} .sub_sec01 .calender .cal_top .tag_group li:first-child {color: #005CC6} .sub_sec01 .calender .cal_top .tag_group li:first-child:before {content:""; position: absolute; left:-13px; right:0; top:20px; width: 4px ;height: 4px; border-radius: 100px; border:2px solid #005CC6;} .sub_sec01 .calender .cal_top .tag_group li:nth-child(2) {color: #F54545} .sub_sec01 .calender .cal_top .tag_group li:nth-child(2):before {content:""; position: absolute; left:38px; right:0; top:20px; width: 8px ;height: 8px; border-radius: 100px; background: #F54545;} .sub_sec01 .calender .cal_top .tag_group li:nth-child(3) {color: #1DA4FF} .sub_sec01 .calender .cal_top .tag_group li:nth-child(3):before {content:""; position: absolute; left:114px; right:0; top:20px; width: 8px ;height: 8px; border-radius: 100px; background: #1DA4FF;} .sub_sec01 .calender .cal_top .tag_group li:nth-child(4) {color: #A9A9A9} .sub_sec01 .calender .cal_top .tag_group li:nth-child(4):before {content:""; position: absolute; left:188px; right:0; top:20px; width: 8px ;height: 8px; border-radius: 100px; background: #A9A9A9;} .sub_sec01 .calender .cal_day {width: 100%; font-size: 14px; font-weight: 700; color: #222; text-align: center;} .sub_sec01 .calender .cal_day li {width: 3.2%; float: left;} .sub_sec01 .calender .cal_day li .day {height: 40px; margin-bottom: 10px; line-height: 46px; font-weight: 400;} .sub_sec01 .calender .cal_day li.sun .day {color:#F74F4F;} .sub_sec01 .calender .cal_day li.sat .day {color:#34B9F9;} .sub_sec01 .calender .cal_day li a {position: relative; display: block;} .sub_sec01 .calender .cal_day li.before a > span {color: #c2c2c2;} .sub_sec01 .calender .cal_day li a > span {display: inline-block; width: 32px; height: 32px; border-radius: 50px; font-size: 14px; font-weight: 400; line-height: 32px;} .sub_sec01 .calender .cal_day .today a>span {width: 29px; height: 29px; line-height: 29px; border: 3px solid #005CC6; color: #005CC6; background: #fff} .sub_sec01 .calender .cal_day .start a>span {background-color: #F54545; color: #fff;} .sub_sec01 .calender .cal_day .reserve a>span {background-color: #1DA4FF; color: #fff;} .sub_sec01 .calender .cal_day .close a>span {background-color: #A9A9A9; color: #fff;} .sub_sec02, .sub_sec03 {padding:40px 0;/*text-align: center; 이런 공통으로 퍼블하면 안되요*/} .sub_sec02 .inner {margin:0 auto; /*margin-top: 40px;*/ position: relative; width: 1200px; display: flow-root;} .sub_sec02 .list {} .sub_sec02 .list table {width: 100%; font-size: 20px; font-weight: 700; letter-spacing: -0.5px;} .sub_sec02 .list table thead {background:#3F4859; color: #fff; } .sub_sec02 .list table th {height: 52px; font-size: 14px; width: calc(100% / 6);} .sub_sec02 .list table td {height: 70px; border-bottom: 1px solid #e7e7e7; font-weight: 400;text-align:center;} .sub_sec02 .list table a {display: inline-block;} .sub_sec02 .list table td .state1 {color:#F74F4F; border:1px solid #F74F4F; background: #fff; border-radius: 3px;} .sub_sec02 .list table td .state1:hover {background: #ffefef;} .sub_sec02 .list table td .state2 {color:#1DA4FF; border:1px solid #1DA4FF; background: #fff; border-radius: 3px;} .sub_sec02 .list table td .state2:hover {background: #ecf7ff;} .sub_sec02 .list table td .state3 {color:#A9A9A9; border:1px solid #A9A9A9; background: #fff; border-radius: 3px;} .sub_sec02 .list table td .state3:hover {background: #f3f3f3;} .sub_sec02 .list table td .state1, .sub_sec02 .list table td .state2, .sub_sec02 .list table td .state3, .sub_sec02 .list table td .cal {width: 70%; height:38px; background: #fff; display:inline-block; vertical-align: middle; text-align: center; line-height: 38px; font-size: 14px; font-weight: 400;} .sub_sec02 .list table td .cal:before {content:""; position: relative; left:-5px; right:0; top:-2px; width: 18px; height: 20px;background: url(/asp/images/common/reserve_icon_calenda.png) no-repeat #fff 50% 50%; display: inline-block; vertical-align: middle;} .sub_sec02 .list table td .cal {color:#005CC6; border:1px solid #005CC6; background: #fff; border-radius: 3px;} .sub_sec02 .list table td .cal:hover {background: #ecf2fb;} .point01 {color: #F54545 !important;} .sub_sec03 .inner {margin:0 auto; /*margin-top: 40px;*/ position: relative; width: 1120px; display: flow-root; padding: 45px 40px 40px; border:1px solid #e7e7e7; background: #fff} .sub_sec03 .route {width: 100%; display: inline-block;margin-bottom:30px;} .sub_sec03 .route .tit {font-size: 26px; font-weight: 900; line-height: 30px; margin-bottom: 24px; text-align: left; display: block;} .sub_sec03 .route .map {width: 100%; /*height: 800px;*/ border: 1px solid #e3e3e3; clear: both;} .sub_sec03 .route:last-child {margin-bottom:0 !important;} .sub_sec03 .detail {width: 100%; display: block; margin-top: 60px;} .sub_sec03 .tab {display: block; border-top: 1px solid #E3E3E3; height: 70px; border-bottom:2px solid #3F4859;} .sub_sec03 .tab li {width: calc(25% - 1px); background: #F5F5F5; height: 70px; line-height: 70px; font-size: 20px; color: #111; font-family: 'Spoqa Han Sans Neo', Sans-serif; float: left; display: inline-block; position: relative; border-right: 1px solid #E3E3E3;text-align:center;cursor:pointer;} .sub_sec03 .tab li:last-child {border-right:none;} .sub_sec03 .tab li.on {background: #3F4859;margin-top: -1px; color: #fff; font-weight: 700; border-bottom: 3px solid #3F4859; border-right:none;} .sub_sec03 .detail > .tyBdrBottom {display: none;} .sub_sec03 .detail > .tyBdrBottom.on{display: block; width: 100%} .sub_sec03 .detail .tab_view {margin:40px 0; clear: both; float: left;} /* 간략일정 */ .sub_sec03 .detailBox .schedule {width: 100%; display: block;} .sub_sec03 .detailBox .box_day {min-height: 75px; letter-spacing: -1px; margin-top: 35px;} .sub_sec03 .detailBox .box_day span.dayCnt {width: 85px; height: 40px; background: #005CC6; color: #fff; font-size: 20px; font-weight: 800; line-height: 38px; display: inline-block; float: left;text-align: center;} .sub_sec03 .detailBox .box_day div.dayDesc {height: 40px; text-align: left; line-height: 38px; font-size: 14px; color: #005CC6; background: #FAFAFA;font-weight: 800;} .sub_sec03 .detailBox .box_day div.dayContents {background: #fff; font-size: 20px; color: #444; padding:10px 0 0 100px;line-height:30px;font-weight:600;} .sub_sec03 .detailBox .box_day div.dayDesc p {padding-left: 100px;} /* 상세 여행일정 */ .tab_view .detailBox .listBox2:first-child {margin-top: 0;} .tab_view .detailBox .listBox2 {padding: 40px;} .listBox2 > .titWrap {margin-bottom: 30px; font-size: 0; text-align: left;} .listBox2 > .titWrap .tit {display: inline-block; font-weight: 900; font-size: 46px; color: #4d92e2; letter-spacing: -4px;} .tab_view .scheduleList {padding: 20px 0 20px 45px; border-left: 3px solid #f1f3f7;} .txtWrap {font-size: 17px; color: #666; line-height: 35px;} .tab_view .scheduleList li > .txtWrap .tit {position: relative; font-size: 22px; font-weight: 600; margin-bottom: 10px; color: #4d92e2; line-height: 30px; text-align: left; display: block;} .tab_view .scheduleList li > .txtWrap .tit:before {content: ''; position: absolute; top: 50%; left: -52px; width: 5px; height: 5px; margin-top: -6px; border: 3px solid #7fa9da; border-radius: 100%; background-color: #fff;} .tab_view .scheduleList li > .txtWrap .txt {margin-top: 5px; font-size: 16px; line-height: 34px; color: #111; text-align: left; letter-spacing: -0.3px;} .txtWrap {font-size: 17px; color: #666; line-height: 35px;} .tab_view .scheduleList .infoWrap .infoBox {display: table; width: 100%; margin-top: 20px; padding: 20px; border: 1px solid #d0e1f3; background-color: #f5f7fa;} .tab_view .scheduleList .infoBox .imgWrap, .tab_view .scheduleList .infoBox .txtWrap {display: table-cell; vertical-align: middle;} .tab_view .scheduleList .infoBox .txtWrap {padding: 0 14px 0 30px;} .txtWrap {font-size: 17px; color: #111; line-height: 35px; font-weight: 400;} .tab_view .scheduleList .infoBox .txtWrap .info_tit {font-size: 30px; color: #005CC6;} .tab_view .scheduleList .infoBox .txtWrap .info_tit strong {font-weight: 900;} .tab_view .scheduleList .infoBox .txtWrap .info_tit span {display: block; font-size: 15px; font-style: italic; color: #1da4ff;} .tab_view .scheduleList .infoBox .txtWrap .txt {margin-top: 22px; font-size: 16px; line-height: 30px; letter-spacing: -1px; color: #6081a7;} .tab_view .scheduleList .infoBox .txtWrap .btnWrap {margin-top: 32px; text-align: right;} .tab_view .scheduleList .infoBox .txtWrap .btnMore {display: inline-block; width: 150px; height: 40px; line-height: 40px; letter-spacing: -1px; border-radius: 50px; text-align: center; color: #fff; background-color: #4d92e2;} .tab_view .scheduleList .infoBox .txtWrap .btnMore span {position: relative; padding-right: 24px; color: #fff;} .tab_view .scheduleList .infoBox .txtWrap .btnMore span:after {content: ''; position: absolute; top: 7px; right: 0; width: 16px; height: 11px; background: url(../images/common/icon_more_arrow.png) no-repeat 0 0;} /* 포함사항 */ .tab_view .informBox .colorBox {display: table-cell; width: 190px; font-size: 18px; vertical-align: middle; text-align: center; background: #f5f7fa; border: 1px solid #ecf0f5;} .tab_view .informBox .colorBox .icon {padding-top: 55px; font-size: 18px; background-repeat: no-repeat; background-position: 50% 0; font-weight: 500;} .informBox .colorBox .icon.include {background-image: url(/asp/images/common/icon_include.png);} .informBox .colorBox .icon.declude {background-image: url(/asp/images/common/icon_declude.png);} .tab_view .informBox .txtWrap {display: table-cell; padding: 40px; border: 1px solid #eee; border-left: 0; text-align: left;} .detail .detailBox .informBox {display: table; width: 100%;} .tab_view .detailBox .informBox + .informBox {margin-top: 10px;} .tab_view .detailBox .referWrap {margin-top: 58px; text-align: left;} .referWrap ul li {font-size: 15px; color: #999;} .referWrap ul li + li {margin-top: 13px;} .referWrap .txt {position: relative; margin-bottom: 21px; padding-left: 26px; font-weight: 900; font-size: 17px;} .referWrap .txt:before {content: ''; position: absolute; top: 0; left: 0; width: 17px; height: 18px; background: url(/asp/images/common/icon_refer.png) no-repeat 50% 50%;} /* 예약안내 & 여행약관 */ .tab_view .detailBox .listBox:first-child {margin-top: 0;} .tab_view .detailBox .listBox {padding: 50px; border: 1px solid #eee;} .detailBox .informWrap .listBox {padding: 38px 33px 50px !important;} .listBox + .listBox {margin-top: 20px;} .listWrap {font-size: 16px; color: #666666; line-height: 30px;} .listWrap .listTit {margin-bottom: 28px; padding: 0 5px 28px; font-size: 36px; color: #005CC6; border-bottom: 1px solid #eee; text-align: left; font-weight: 400; letter-spacing: -2px;} .listWrap p {text-align: left;}