/* 대상 브라우저 : IE6/7/8, Firefox, Opera, Chrome */ /*@charset "euc-kr"; /*import한 곳에서는 절대 캐리터셋 선언하면 안됨 import 해오는 css 각각 안에 넣어줘야 함 */ @charset "utf-8"; /*xml 파일이 있을때는 유니코드를 써줘야함 */ @import url("https://use.fontawesome.com/releases/v5.5.0/css/all.css"); /*@import url(Menu.css);*/ /*인크루트 같은 방식 */ *{margin:0; padding:0;font-family:'dotum', "돋음",Arial} * html {height:1px;} /*css 핵처리 */ .nanum{font-family: 'Nanum Gothic', sans-serif} BODY { MARGIN:0; font:12px "돋음",Arial; color:#333; background-color:#FFF;} IMG {border:0;} SELECT {font:12px "돋움",Arial; color:#333} INPUT,TEXTAREA {font:12px "돋움",Arial; color:#333; vertical-align:middle} /*input, textarea 같이 적용해도 됨*/ HR {color:red; /*border:1px dotted #ccc;*/} /*실선 컬러, 점선 등 적용 웹표준에서는 사용하지 말것 익스플로우 8적용 안됨 */ H1,H2,H3,H4,H5,H6 {color:#009900;} /*머릿말 적용 h1~h6까지 있음 */ .input { border:1px solid #ccc; width:150px; height:17px; color: #858585; font:11px "돋움",Arial; text-align : left} .input2 { border:1px solid #2b73ba; width:60px; height:20px; color: #4c4c4c; font:11px "돋움",Arial; text-align : center; font-weight:bold } .input_serach { border:1px solid #106bbe; width:100px; height:20px; color: #858585; font:11px "돋움",Arial; text-align : left} .cursor {cursor:pointer} a:link{color: #666; text-decoration: none;} a:active, a:hover { text-decoration: underline;} a:visited { color: #8a8a8a; text-decoration:none;} .clear{clear:both;content:'';display:block} TABLE { width:100%; border:solid 0px; border-color:#ccc; border-collapse:collapse; }/*border-collapse:collapse; 공백없애기 */ /*TD { padding:0px; border:solid 0px; border-color:#ccc; }*/ caption { display:none; } .table1 { width:100%; border:solid 1px; border-color:#c1dbf2; border-collapse:collapse; padding:0px; } .table1 th { padding:7px; border:solid 1px #c1dbf2; font-size:14px;text-align:center} .table1 td { padding:5px; border:solid 1px #c1dbf2; font-size:1.1em;line-height:150%} .table1 th.location{background-color:#2b66bc;color:#fff} .table1 th.order{background-color:#3882d7;color:#fff} .table2 { width:100%; text-align:center; } .table2 tr { padding:10px; border-bottom:1px solid #eee; /*border:1px solid #78b809; border-right:0 none; border-left:0 none;*/} .table2 td { padding:7px; } .table2 img { border:0; } .table3{width:100%} .table3 th,.table3 td{padding:8px 3px;border-bottom:1px solid #eeeeee;font-size:1.1em} .table3 th{text-align:right} .table3 input,.table3 select{padding:5px;font-size:1.1em} .table3 .top{border-top:3px solid #c0c0c0} .table3 .bot{border-bottom:3px solid #c0c0c0} .btn-area{text-align:center;padding:10px} .btn-right{display:inline-block;float:right} .btn-add,.btn-cancle{padding:5px 10px} #Wrap { padding:0; width:100%; height:100%; position:relative; } #Body { margin:0 auto; width:1024px} #Header { width:100%; height:173px; background:url('../images/header/background2.gif') } /*최상단~파란바*/ #Header_BOX { margin:0 auto; width:1000px; height:172px; } #Header_Content { float:left; width:1000px; height:172px; /*background:#666;*/ } #Header_1dep { width:100%; height:29px; } #Header_2dep { width:100%; height:80px; position:relative; } #Header_2dep .logo { margin:27px 0 10px 3px; } #Header_2dep .search { position:absolute; top:26px; left:217px; } #Header_2dep .search input { border:3px solid #127ddf; width:359px; height:28px; color: #858585; font:11px "돋움",Arial; text-align : left; } #Header_2dep .search img { vertical-align:top; margin-left:5px; } #Header_2dep .event { position:absolute; top:70px; left:230px; } #Header_2dep .banner { position:absolute; top:14px; right:0px; } #Header_2dep .menu { position:absolute; top:70px; right:0px; } #dropdown {z-index:9;position:absolute;width:100%;top:173px;display:none} #dropdown1 {width:1000px;margin:0 auto} #dropdown1 .fallingmenu {width:1000px;border-top:0;background-color:#FFFFFF;border:3px solid #17548c;border-top:0} #dropdown1 .fallingmenu th {width:170px;padding:8px;font-weight:normal;vertical-align:top;text-align:left;border-bottom:1px solid #ebebeb} #dropdown1 .fallingmenu th.ff {background-color:#c0e0ff} #dropdown1 .fallingmenu td.ff {background-color:#deefff} #dropdown1 .fallingmenu td span{display:inline-block;padding:5px 3px;width:19%;overflow:hidden;white-space:nowrap} #dropdown1 .fallingmenu td span.ff {color:#0099ff;font-weight:bold} #dropdown1 .fallingmenu .bb {border-bottom:1px solid #ebebeb} .Header_1dep { width:100%; height:131px; position:relative} .Header_1dep .a1 { float:left; height:29px; left:0px; top:0px; position:absolute;} .Header_1dep .a2 { float:right; width:419px; left:585px; top:0px; position:absolute;text-align:right } .Header_1dep .a2 a{display:inline-block;float:right;} .Header_1dep .logo { float:left; left:190px; top:30px; width:600px; position:absolute} .Header_1dep .searchBox {margin:18px 0 0 20px;padding:8px;width:250px;font-size:18px;vertical-align:top;border:2px solid #2886d7} .Header_1dep .btn_search {margin:18px 0 0 10px;vertical-align:top} .Header_1dep .a3 { float:left; width:300px; left:0px; top:70px; position:absolute; } .Header_1dep .a4 { float:right; width:240px; left:765px; top:70px; position:absolute; } #Header_Menu {width:1000px; height:77px} #Header_Menu_BOX {position:relative; margin:0px auto; padding:0; width:1000px; height:42px; background:url('../images/header/top_Mback.jpg'); } #Header_Menu .img { margin-left:0px; } #Header_Menu ul { margin:0; padding:0; } #Header_Menu li { float:left; list-style:none; margin-bottom:4px; line-height:1px; font-size:1px; }/*line-height:1px; font-size:1px; ie6세로 의문 공백 핵처리*/ #Header_Menu li.a1 a {background:url('../images/header/topmenu01.gif') no-repeat; display: block; width:161px; height:42px; } #Header_Menu li.a1 a:hover {background:url('../images/header/topmenu01on.gif') no-repeat; display: block; width:161px; height:42px; } #Header_Menu li.a1on a {background:url('../images/header/topmenu01on.gif') no-repeat; display: block; width:161px; height:42px; } #Header_Menu li.a2 a {background:url('../images/header/topmenu02.gif') no-repeat; display: block; width:159px; height:42px; } #Header_Menu li.a2 a:hover {background:url('../images/header/topmenu02on.gif') no-repeat; display: block; width:159px; height:42px; } #Header_Menu li.a2on a {background:url('../images/header/topmenu02on.gif') no-repeat; display: block; width:159px; height:42px; } #Header_Menu li.a3 a {background:url('../images/header/topmenu03.gif') no-repeat; display: block; width:148px; height:42px; } #Header_Menu li.a3 a:hover {background:url('../images/header/topmenu03on.gif') no-repeat; display: block; width:148px; height:42px; } #Header_Menu li.a3on a {background:url('../images/header/topmenu03on.gif') no-repeat; display: block; width:148px; height:42px; } #Header_Menu li.a4 a {background:url('../images/header/topmenu04.gif') no-repeat; display: block; width:146px; height:42px; } #Header_Menu li.a4 a:hover {background:url('../images/header/topmenu04on.gif') no-repeat; display: block; width:146px; height:42px;} #Header_Menu li.a4on a {background:url('../images/header/topmenu04on.gif') no-repeat; display: block; width:146px; height:42px;} #Header_Menu li.a5 a {background:url('../images/header/topmenu05.gif') no-repeat; display: block; width:129px; height:42px; } #Header_Menu li.a5 a:hover {background:url('../images/header/topmenu05on.gif') no-repeat; display: block; width:129px; height:42px;} #Header_Menu li.a5on a {background:url('../images/header/topmenu05on.gif') no-repeat; display: block; width:129px; height:42px;} #Header_Menu li.a6 a {background:url('../images/header/topmenu06.gif') no-repeat; display: block; width:153px; height:42px; } #Header_Menu li.a6 a:hover {background:url('../images/header/topmenu06on.gif') no-repeat; display: block; width:153px; height:42px;} #Header_Menu li.a6on a {background:url('../images/header/topmenu06on.gif') no-repeat; display: block; width:153px; height:42px;} #Header_Menu li.a7 a {background:url('../images/header/topmenu07.gif') no-repeat; display: block; width:104px; height:42px; } #Header_Menu li.a7 a:hover {background:url('../images/header/topmenu07on.gif') no-repeat; display: block; width:104px; height:42px;} #Header_Menu li.a7on a {background:url('../images/header/topmenu07on.gif') no-repeat; display: block; width:104px; height:42px;} #Header_Menu li.a8 { position:absolute; top:10px; right:0px; } #Header_menu2nd_box1 {width:970px; height:25px; padding-top:10px; padding-left:30px; text-align:left; color: #666; font:11px "돋움",Arial; background:url('../images/header/top_Mback2ck.jpg'); } #Header_menu2nd_box1 a { color:#4f4f4f; margin:0; padding:0 10px; background:url('../images/header/line.gif') no-repeat right 0; } #Header_menu2nd_box1 a:link{color: #4f4f4f; text-decoration: none;} #Header_menu2nd_box1 a:active, a:hover { text-decoration: underline;} #Header_menu2nd_box1 a:visited { color: #4f4f4f; text-decoration:none;} #Header_menu2nd_box2 { width:970px; height:25px; padding-top:10px; padding-left:30px; text-align:left; color: #666; font:11px "돋움",Arial; background:url('../images/header/top_Mback2ck.jpg'); } #Header_menu2nd_box2 a { color:#4f4f4f; margin:0; padding:0 10px; background:url('../images/header/line.gif') no-repeat right 0; } #Header_menu2nd_box2 a:link{color: #4f4f4f; text-decoration: none;} #Header_menu2nd_box2 a:active, a:hover { text-decoration: underline;} #Header_menu2nd_box2 a:visited { color: #4f4f4f; text-decoration:none;} #Header_menu2nd_box3 { width:970px; height:25px; padding-top:10px; padding-left:30px; text-align:left; color: #666; font:11px "돋움",Arial; background:url('../images/header/top_Mback2ck.jpg'); } #Header_menu2nd_box3 a { color:#4f4f4f; margin:0; padding:0 10px; background:url('../images/header/line.gif') no-repeat right 0; } #Header_menu2nd_box3 a:link{color: #4f4f4f; text-decoration: none;} #Header_menu2nd_box3 a:active, a:hover { text-decoration: underline;} #Header_menu2nd_box3 a:visited { color: #4f4f4f; text-decoration:none;} #Header_menu2nd_box4 { width:970px; height:25px; padding-top:10px; padding-left:30px; text-align:left; color: #666; font:11px "돋움",Arial; background:url('../images/header/top_Mback2ck.jpg'); } #Header_menu2nd_box4 a { color:#4f4f4f; margin:0; padding:0 10px; background:url('../images/header/line.gif') no-repeat right 0; } #Header_menu2nd_box4 a:link{color: #4f4f4f; text-decoration: none;} #Header_menu2nd_box4 a:active, a:hover { text-decoration: underline;} #Header_menu2nd_box4 a:visited { color: #4f4f4f; text-decoration:none;} #Header_menu2nd_box5 { width:970px; height:25px; padding-top:10px; padding-left:30px; text-align:left; color: #666; font:11px "돋움",Arial; background:url('../images/header/top_Mback2ck.jpg'); } #Header_menu2nd_box5 a { color:#4f4f4f; margin:0; padding:0 10px; background:url('../images/header/line.gif') no-repeat right 0; } #Header_menu2nd_box5 a:link{color: #4f4f4f; text-decoration: none;} #Header_menu2nd_box5 a:active, a:hover { text-decoration: underline;} #Header_menu2nd_box5 a:visited { color: #4f4f4f; text-decoration:none;} #Header_R { position:relative; float:right; width:80px; height:172px; /*background:#000;*/ } .Header_R_BOX { position:absolute; top:137px; } #Content_N { width:100%; /*background:url(/images/main/navi.gif) repeat-x left top; background-size:100% 42px*/} #Content { margin:0 auto; width:1000px; overflow:hidden;padding-top:35px } #Content_BOX { float:left; width:1000px; } #Left { float:left; width:210px; height:100%; margin-right:8px; margin-bottom:30px }/*; background:url('../images/lt_menu/box_back.gif');*/ /* .Left_menu { width:192px; height:500px; margin-left:9px; } */ .Left_menu { width:192px; margin-left:9px; } .Left_menu ul { margin:0; padding:0; } .Left_menu li { list-style:none } /*; background:url('../images/lt_menu/lt_line.gif') no-repeat bottom;*/ .Left_menu_2ck { width:192px; background:url('../images/lt_menu/box_back2.gif'); } .Left_menu_2ck ul { margin:0; padding:0; } .Left_menu_2ck li { list-style:none;line-height:160%;padding-left:15px; background:url('../images/lt_menu/arrow.gif') no-repeat 9px 4px; } #Center { float:right; width:772px; margin-left:10px; margin-bottom:30px; } #Center_N {float:right; width:815px; margin-left:10px; margin-bottom:30px} .Episode { width:1000px; height:347px; } /*상단 셀렉트 그룹*/ /* #nevi_N {margin-bottom:8px;width:1000px;border:1px solid red} #rrlist1 {padding:5px 0} #rrlist1 select {padding:2px} #rrlist {padding:5px 0;width:1000px;border-top:1px solid #c3c3c3;border-bottom:2px solid #a1a1a1;background-color:#f3f3f3} #rrlist span {display:inline-block;padding:3px 10px;;width:175px;overflow:hidden;white-space:nowrap} #rrlist span.focus {font-weight:bold;color:#216Eb1} */ /* 메인 베스트 탑5 */ .MBest_Top { width:996px; height:344px; margin-bottom:30px; border:1px solid #d1d1d1; background:#fff; } .MBest_Top_BOX { width:996px; height:342px; border:1px solid #d1d1d1; background:#000; position:relative; } .MBest_Top_MENU { width:996px; height:38px; top:304px; left:0px; background:#4f4f4f; position:absolute; } .MBest_Top_MENU ul { margin:0; padding:0; } .MBest_Top_MENU li { float:left; list-style:none; } .MBest_Top_MENU li a { list-style:none; color: #fff; font:12px "돋움",Arial; text-align:center; } .MBest_Top_MENU li a:hover, .Best_Top_MENU a:visitec, .Best_Top_MENU a:active { list-style:none; color: #fff; font:12px "돋움",Arial; text-align:center; } .MBest_Top_MENU .a1 { width:198px; height:38px; background:#4f4f4f; text-align:center; padding-top:8px; border-right:1px solid #616161; } .MBest_Top_MENU .a1on { width:198px; height:38px; background:#1b7ce5; text-align:center; padding-top:8px; border-right:1px solid #616161; } .MBest_Top_MENU .a2 { width:200px; height:38px; background:#4f4f4f; text-align:center; padding-top:8px; } .MBest_Top_MENU .a2on { width:200px; height:38px; background:#1b7ce5; text-align:center; padding-top:8px; } /* 서브메인 추천 5--추가 */ .MBest_subTop_h3{padding:10px 0;font-size:25px;font-family: 'Nanum Gothic', sans-serif;color:#000;font-weight:bold} .MBest_subTop{ width:996px; overflow: hidden; /* 불필요한 부분 가리기 */ } .MBest_subTop .rec-box{ overflow: hidden; /* 불필요한 부분 가리기 */ margin-right:37px; width:300px; height:303px; padding: 2px; display:inline-block; position: relative; cursor:pointer; } .MBest_subTop .rec-box:last-child{margin-right:0} .MBest_subTop .rec-box img{ width:300px;height:210px;overflow:hidden; opacity: 1; } .MBest_subTop .rec-box:after{ content: ""; position: absolute; z-index: 1; width: 110px; height: auto; background: #ee4700; /* font-family:'Font Awesome\ 5 Free'; content: "\f559"; font-size:1.5em; */ content: "BEST"; text-align: center; color: #fff; font-weight: bold; padding: 5px 10px; left: -30px; top: 8px; transform: rotate(-35deg); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } .MBest_subTop .rec-box .rec-tit{margin:10px 0 5px;font-weight:bold;font-size:12pt;text-align:center} .MBest_subTop .rec-box .rec-info{ padding:5px 0;overflow:hidden;text-align:center; color:#858585;line-height:130%;height:2.5rem; } .MBest_subTop .rec-box .rec-tit,.MBest_subTop .rec-box .rec-info{ padding:5px; font-size:11pt;font-family: 'Nanum Gothic', sans-serif; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .MBest_subTop .rec-box:hover img{ opacity:0.35; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .MBest_subTop .rec-box:hover .rec-picture{background-color:#353535;} .MBest_subTop .rec-box:hover .rec-tit{color:#fff} .MBest_subTop .rec-box:hover .rec-tit, .MBest_subTop .rec-box:hover .rec-info{ position:relative; overflow:hidden; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateY(-40px); transform: translateY(-40px); } .MBest_subTop .rec-box:hover .rec-info{ height:200px; } /* 메인 추천리조트&플빌라 */ .Recommend { position:relative; width:1000px; height:280px; margin-bottom:35px; background:url('../images/main/recommend_back.jpg'); } .Recommend_a { position:absolute; width:1000px; height:200px; top:53px; left:5px; } .Recommend_product { position:absolute; left:260px; top:53px; width:745px; height:210px; } .Recommend_product .list_a { width:170px; margin-right:15px; border:0px solid #dadada; float:left; text-align:center; } .Recommend_product .list_a div img { display:block; } /*ie7버그 수정*/ .Recommend_product .list_a dl{ padding:0; float:left; width:100%; margin-top:5px; border:0px solid #dadada; } .Recommend_product .list_a dt { padding-top:2px; display:block; color: #000; width:100%; line-height:140%; font-size:12px; float:left; margin:0; } .Recommend_product .list_a dt a { display:block; color: #000; } .Recommend_product .list_a dt a:hover, .list_a dt a:visitec, .list_a dt a:active { display:block; color: #000; } .Recommend_product .list_a dd { float:left; padding-top:5px; padding-bottom:15px; width:100%; line-height:140%; color: #8a8a8a; font:11px "돋움",Arial; } .Recommend_product .price { font-size:13px; color:#1b7ce5; font-weight:bold; background:url('../images/common/ico_price.gif') no-repeat 0px 1px; } .Recommend_product_n {position:absolute; left:30px; top:65px; width:1000px; height:210px; padding-right:22px;} .Recommend_product_n .list_a { width:193px; padding-right:22px; border:0px solid #dadada; float:left; text-align:center; } .Recommend_product_n .list_a div img { display:block; } /*ie7버그 수정*/ .Recommend_product_n .list_a dl{ padding:0; float:left; width:100%; margin-top:5px; border:0px solid #dadada; } .Recommend_product_n .list_a dt { padding-top:2px; display:block; color: #000; width:100%; line-height:140%; font-size:12px; float:left; margin:0; } .Recommend_product_n .list_a dt a { display:block; color: #000; } .Recommend_product_n .list_a dt a:hover, .list_a dt a:visitec, .list_a dt a:active { display:block; color: #000; } .Recommend_product_n .list_a dd { float:left; padding-top:5px; padding-bottom:15px; width:100%; line-height:140%; color: #8a8a8a; font:11px "돋움",Arial; } .Recommend_product_n .price { font-size:13px; color:#1b7ce5; font-weight:bold; background:url('../images/common/ico_price.gif') no-repeat 0px 1px; } /* 메인 10점 만점에 10점 */ .tenoutof10 { position:relative; width:1000px; height:275px; margin-bottom:35px; background:url('../images/main/10outof10_back.jpg'); } .tenoutof10_product { position:absolute; left:260px; top:15px; width:745px; height:210px; } .tenoutof10_product .list_a { width:170px; margin-right:15px; border:0px solid #dadada; float:left; text-align:center; } .tenoutof10_product .list_a div img { display:block; } /*ie7버그 수정*/ .tenoutof10_product .list_a dl{ padding:0; float:left; width:100%; margin-top:5px; border:0px solid #dadada; } .tenoutof10_product .list_a dt { padding-top:2px; display:block; color: #000; width:100%; line-height:140%; font-size:12px; float:left; margin:0; } .tenoutof10_product .list_a dt a { display:block; color: #000; } .tenoutof10_product .list_a dt a:hover, .list_a dt a:visitec, .list_a dt a:active { display:block; color: #000; } .tenoutof10_product .list_a dd { float:left; padding-top:5px; padding-bottom:15px; width:100%; line-height:140%; color: #8a8a8a; font:11px "돋움",Arial; } .tenoutof10_product .price { padding-left:13px; font-size:13px; color:#1b7ce5; font-weight:bold; background:url('../images/common/ico_price.gif') no-repeat 0px 1px; } .tenoutof10_product .btn { margin-top:10px; width:160px; height:30px; background:red; } /* 자유롭게 떠나는 여행 */ .freetravel { width:1000px; height:433px; margin-bottom:10px; } .freetravel .tit { width:1000px; height:83px; margin-bottom:5px; } .freetravel_product { width:1000px; height:344px; border:1px solid #bbbbbb; } .freetravel_product .product_a_box { float:left; width:712px; height:344px; background:#333; } .freetravel_product .product_a { float:left; width:710px; height:342px; margin:1px; } .freetravel_product .product_b_box { position:relative; float:right; width:286px; height:344px; } .freetravel_product .product_b_box2 { position:absolute; top:15px; left:15px; width:260px; height:310px; } .freetravel_product .product_b_box3 { width:260px; height:80px; } .freetravel_product .product_b { display:inline; } .freetravel_product .product_b_box2 .big_pro { float:left; width:80px; height:70px; } .freetravel_product .product_b_box2 .text_pro { float:right; width:170px; height:70px; padding-left:10px; } .freetravel_product .product_b_box2 .text_pro dt { font-size:12px; color:#333; font-weight:blod; } .freetravel_product .product_b_box2 .text_pro dd { font-size:11px; color:#666; } /* 여행가이드 */ .travelguide { position:relative; width:1000px; height:222px; margin-bottom:20px; background:url('../images/main/travel_back.jpg') no-repeat; } .travelguide .enjoy { position:absolute; top:20px; left:110px; } .travelguide .enjoy ul { margin:0; padding:0; } .travelguide .enjoy li { float:left; list-style:none; } .travelguide .guide { position:absolute; width:340px; top:110px; left:422px; } .travelguide .guide ul { margin:0; padding:0; } .travelguide .guide li { float:left; list-style:none; padding-right:6px; padding-bottom:7px; } .travelguide .board { position:absolute; width:380px; height:130px; top:85px; left:17px; } .travelguide .board_tit { width:380px; } .travelguide .board_tit ul { margin:0; padding:0; } .travelguide .board_tit li { float:left; list-style:none; padding-right:2px; padding-bottom:7px; } .travelguide .board_list { float:left; width:372px; padding-left:8px; } .travelguide .board_list ul { margin:0; padding:0; } .travelguide .board_list li { position:relative; list-style:none; padding-left:7px; line-height:170%; background:url('../images/main/board_arrow.gif') no-repeat 0px 8px; } .travelguide .board_list .new { padding-left:3px; } .travelguide .board_list .date { position:absolute; top:0px; right:5px; font-size:11px; color:#999; letter-spacing:-0.5px; } .board .board_list li{margin:0;padding:0} .travelguide * {font-size:12px} /* 서브메인 */ .Best_Top_BOX { width:996px; height:342px; border:1px solid #d1d1d1; background:#000; position:relative; } .Best_Top_MENU { width:996px; height:38px; top:304px; left:0px; background:#4f4f4f; position:absolute; } .Best_Top_MENU ul { margin:0; padding:0; } .Best_Top_MENU li { float:left; list-style:none; } .Best_Top_MENU li a { list-style:none; color: #fff; font:12px "돋움",Arial; text-align:center; } .Best_Top_MENU li a:hover, .Best_Top_MENU a:visitec, .Best_Top_MENU a:active { list-style:none; color: #fff; font:12px "돋움",Arial; text-align:center; } .Best_Top_MENU .a1 { width:153px; height:25px; background:#4f4f4f; text-align:center; padding-top:13px; border-right:1px solid #616161; } .Best_Top_MENU .a1on { width:153px; height:25px; background:#1b7ce5; text-align:center; padding-top:13px; border-right:1px solid #616161; } .Best_Top_MENU .a2 { width:152px; height:25px; background:#4f4f4f; text-align:center; padding-top:13px; } .Best_Top_MENU .a2on { width:152px; height:25px; background:#1b7ce5; text-align:center; padding-top:13px; } .Best_Pro { width:772px; height:100%; } .Best_Pro .tit { margin:25px 0 10px 0; width:122px; height:13px; } .Best_Pro_BOX { width:770px; height:268px; border-right:1px solid #7b91b0; border-bottom:1px solid #7b91b0; border-left:1px solid #7b91b0; background:#fff; } .Best_Pro_BOX2 { width:766px; height:266px; border-right:2px solid #94b0d4; border-bottom:2px solid #94b0d4; border-left:2px solid #94b0d4; background:#fff; position:relative; } .Best_Pro_img { float:left; width:411px; height:253px; border:1px solid #cfcfcf; background:#fff; top:1px; left:10px; position:absolute; } .Best_Pro_BOX3 { float:right; width:330px; height:255px; top:1px; left:429px; position:absolute; } .Best_Pro_BOX4 { width:308px; height:212px; border:1px solid #cfcfcf; padding:5px 10px 5px 10px; } .Best_Pro_BOX4 ul { margin:0; padding:0; } .Best_Pro_BOX4 li { width:308px; float:left; list-style:none; height:30px; } .Best_Pro_BOX4 li a { list-style:none; color: #666; font:11px "돋움",Arial; text-align:center; } .Best_Pro_BOX4 li a:hover, .Best_Top_MENU a:visitec, .Best_Top_MENU a:active { list-style:none; color: #14539a; font:11px "돋움",Arial; text-align:center; } .Best_Pro_BOX5 { width:308px; height:29px; border-bottom:1px solid #cfcfcf; } .Best_Pro_BOX5 a { list-style:none; color: #666; font:11px "돋움",Arial; text-align:center; } .Best_Pro_BOX5 a:hover, .Best_Pro_BOX5 a:visitec, .Best_Pro_BOX5 a:active { list-style:none; color: #666; font:11px "돋움",Arial; text-align:center; } .Best_Pro_BOX5 .price { color: #ff6000; font:11px "돋움",Arial; text-align:right; } .Best_Pro_BOX_n { padding-left:10px;width:772px; background:url('/images/product/list_line.gif') repeat-y} .Best_Pro_BOX_BOT_n { width:772px; height:40px; background:url('/images/product/list_bg.gif') no-repeat} .Best_Pro_BOX_BOT_n img{margin:11px 0 0 324px} .Sub_Best_Top { width:772px; height:100%; } .Sub_Pro { width:772px; height:100%; } .Sub_Pro .tit { margin-top:25px; margin-bottom:5px; } .Sub_Best_Top_N { width:1000px; height:100%; } .Sub_Pro_N { width:1000px; height:100%} .Sub_Pro_N .tit { margin-top:25px; margin-bottom:5px; } .Sub_Pro_BOX_N {float:left; width:290px; height:325px; padding:0 25px 30px 0} .Sub_Pro_BOX_N .name { width:290px; height:20px; margin-top:11px; color: #333; font:14px "돋움",Arial; font-weight:bold; border-bottom:1px solid #dddddd; } .Sub_Pro_BOX_N .a1 { float:left; width:290px; height:290px; background:url('../images/product/box01.gif') no-repeat; } .Sub_Pro_BOX_N .a1_BOX { width:270px; height:270px; margin:10px; } .Sub_Pro_BOX_N .a1_BOX .img { width:268px; height:156px; border:1px solid #9f9f9f; } .Sub_Pro_BOX_N .a1_BOX .price { width:266px; height:21px; margin-top:5px; padding-top:5px; border:2px solid #609bd7; } .Sub_Pro_BOX_N .a1_BOX .price .ico_price {margin:5px; } .Sub_Pro_BOX_N .a1_BOX .price .txt { color:#609bd7; font:12px "돋움",Arial; font-weight:bold; } .Sub_Pro_BOX_N .a1_BOX .text { width:266px; height:50px; margin-top:5px; padding-top:5px; color:#666; font:11px "돋움",Arial; } .Sub_Pro_BOX_N .a2 { float:left; width:4px; height:290px; } .Sub_Pro_BOX_N .a3 { float:right; width:86px; height:290px; } .Sub_Pro_BOX { width:1px; height:325px; } .Sub_Pro_BOX_left { float:left; width:380px; height:325px; } .Sub_Pro_BOX_left .name { width:380px; height:20px; margin-top:11px; color: #333; font:14px "돋움",Arial; font-weight:bold; border-bottom:1px solid #dddddd; } .Sub_Pro_BOX_left .a1 { float:left; width:290px; height:290px; background:url('../images/product/box01.gif') no-repeat; } .Sub_Pro_BOX_left .a1_BOX { width:270px; height:270px; margin:10px; } .Sub_Pro_BOX_left .a1_BOX .img { width:268px; height:156px; border:1px solid #9f9f9f; } .Sub_Pro_BOX_left .a1_BOX .price { width:266px; height:21px; margin-top:5px; padding-top:5px; border:2px solid #609bd7; } .Sub_Pro_BOX_left .a1_BOX .price .ico_price {margin:5px; } .Sub_Pro_BOX_left .a1_BOX .price .txt { color:#609bd7; font:12px "돋움",Arial; font-weight:bold; } .Sub_Pro_BOX_left .a1_BOX .text { width:266px; height:50px; margin-top:5px; padding-top:5px; color:#666; font:11px "돋움",Arial; } .Sub_Pro_BOX_left .a2 { float:left; width:4px; height:290px; } .Sub_Pro_BOX_left .a3 { float:right; width:86px; height:290px; } .Sub_Pro_BOX_center { float:left; width:12px; height:325px; } .Sub_Pro_BOX_right { float:right; width:380px; height:325px; } .Sub_Pro_BOX_right .name { width:380px; height:20px; margin-top:11px; color: #333; font:14px "돋움",Arial; font-weight:bold; border-bottom:1px solid #dddddd; } .Sub_Pro_BOX_right .name_N { width:380px; height:20px; margin-top:11px; color: #333; font:14px "돋움",Arial; font-weight:bold; border-bottom:1px solid #dddddd; } .Sub_Pro_BOX_right .a1 { float:left; width:290px; height:290px; background:url('../images/product/box01.gif') no-repeat; } .Sub_Pro_BOX_right .a1_BOX { width:270px; height:270px; margin:10px; } .Sub_Pro_BOX_right .a1_BOX .img { width:268px; height:156px; border:1px solid #9f9f9f; } .Sub_Pro_BOX_right .a1_BOX .price { width:266px; height:21px; margin-top:5px; padding-top:5px; border:2px solid #609bd7; } .Sub_Pro_BOX_right .a1_BOX .price .ico_price {margin:5px; } .Sub_Pro_BOX_right .a1_BOX .price .txt { color:#609bd7; font:12px "돋움",Arial; font-weight:bold; } .Sub_Pro_BOX_right .a1_BOX .text { width:266px; height:50px; margin-top:5px; padding-top:5px; color:#666; font:11px "돋움",Arial; } .Sub_Pro_BOX_right .a2 { float:left; width:4px; height:290px; } .Sub_Pro_BOX_right .a3 { float:right; width:86px; height:290px; } /*****************************/ .Sub_Search_BOX { width:780px} .Sub_Search_BOX_left { float:left; width:260px} .Sub_Search_BOX_left .name {width:246px; height:32px;overflow:hidden; margin-top:11px; color: #333; font:14px "돋움",Arial; font-weight:bold; border-bottom:1px solid #dddddd; } .Sub_Search_BOX_left .name_N {width:246px; height:32px;overflow:hidden; margin-top:11px; color: #333; font:14px "돋움",Arial; font-weight:bold; border-bottom:1px solid #dddddd; } .Sub_Search_BOX_left .a1 {float:left; width:246px; background:url('/images/product/round_bg.gif') no-repeat; } .Sub_Search_BOX_left .a1_BOX { width:246px; height:246px; margin:7px; } .Sub_Search_BOX_left .a1_BOX .img { width:230px; height:135px; border:1px solid #9f9f9f; } .Sub_Search_BOX_left .a1_BOX .price { width:228px; height:18px; margin-top:5px; padding-top:5px; border:2px solid #609bd7; } .Sub_Search_BOX_left .a1_BOX .price .ico_price {margin:5px; } .Sub_Search_BOX_left .a1_BOX .price .txt { color:#609bd7; font:12px "돋움",Arial; font-weight:bold; } .Sub_Search_BOX_left .a1_BOX .text {width:230px;height:40px;overflow:hidden;padding-top:5px;line-height:110%;color:#666; font-size:9pt;font-family:"돋움",Arial} .Sub_Search_BOX_left .a1_BOX .star { width:230px;padding-top:2px} /*****************************/ /* 상세보기 리스트 */ .tab_a { width:980px; height:33px; /*background:black;*/ } .tab_a ul { margin:0; padding:0; } .tab_a li { float:left; list-style:none;font-family:'dotum';font-weight:bold } .tab_2{width:143px;border-top:1px solid #000000;border-left:1px solid #000000;border-bottom:1px solid #000000;padding:10px 5px; color:#ffffff;font-size:1.1em;cursor:pointer; background: rgb(145,145,145); /* Old browsers */ background: -moz-linear-gradient(top, rgba(145,145,145,1) 0%, rgba(99,99,99,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(145,145,145,1) 0%,rgba(99,99,99,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(145,145,145,1) 0%,rgba(99,99,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#919191', endColorstr='#636363',GradientType=0 ); /* IE6-9 */} .tab_2.focus,.tab_2.on{ background: rgb(53,106,160); /* Old browsers */ background: -moz-linear-gradient(top, rgba(53,106,160,1) 0%, rgba(53,106,160,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(53,106,160,1) 0%,rgba(53,106,160,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#356aa0', endColorstr='#356aa0',GradientType=0 ); /* IE6-9 */ } .tab_2 a{color:#ffffff;text-decoration:none} .tab_3{border-right:1px solid #000000} .indemnification { position:relative; width:980px;padding-bottom:10px } .indemnification2 { position:relative; width:980px; height:275px; border-top:1px solid #666; } .indemnification_N { position:relative; width:820px;padding-bottom:10px;padding-left:20px } .indemnification .btn { position:absolute; top:215px; right:0; } .category{ width:780px;margin-top:10px;padding-bottom:80px;padding-left:20px } .category ul { margin:0; padding:0; } /*.category li { float:left; list-style:none; width:190px; height:38px; padding-top:10px; color: #fff; font:12px "돋움",Arial; font-weight:bold; text-align:center; background:url('../images/common/box01.gif') }*/ .category li { float:left; list-style:none; width:190px; height:38px; padding-top:10px; color: #fff; font:12px "돋움",Arial; font-weight:bold; text-align:center; } .category li a { list-style:none; color: #fff; font:12px "돋움",Arial; font-weight:bold; text-align:center; } .category li a:hover, .category a:visitec, .category a:active { list-style:none; color: #fff; font:12px "돋움",Arial; font-weight:bold; text-align:center; } .list_a { width:772px} .list_a_BOX { position:relative; width:812px; height:210px}/* ; background:url('../images/common/view_list_back.gif');*/ .list_a_BOX .btn { width:980px; height:19px; text-align:right} .list_a_BOX .tit { width:710px; height:30px; padding-left:62px; padding-top:16px; } .list_a_BOX .tit a { color: #000; font:13px "돋움",Arial; font-weight:bold; } .list_a_BOX .price {width:710px; height:25px; padding-left:62px; padding-top:10px; color: #3882d7; font:13px "돋움",Arial; font-weight:bold; } .list_a_BOX .price ul { margin:0; padding:0; } .list_a_BOX .price li { float:left; list-style:none; margin-right:10px; } .list_a_BOX .text { width:710px; height:115px; padding-left:62px; } .list_a_BOX .text ul { margin:0; padding:0; } .list_a_BOX .text li { float:left; list-style:none; margin-right:10px; } .list_a_BOX .n { position:absolute; top:17px; left:0; } .list_a_N * {box-sizing:border-box;font-family: 'Nanum Gothic', sans-serif} .list_a_BOX_N{ padding:15px;margin:25px 0; width:100%; border:2px solid #969696; overflow:hidden; display: flex; } .list_a_BOX_N:hover{border-color:#FF646F} .list_a_BOX_N .text{order:1;width:720px} .list_a_BOX_N .arrow{order:2;width:50px;font-size:50px;text-align:right;padding-top:33.33px;} .list_a_BOX_N .arrow a:hover{color:#FF646F} .list_a_BOX_N .categoty_title{display:inline-block;padding:3px 0;font-size:12px} .list_a_BOX_N .good_title{display:inline-block;padding:8px 0;font-size:1.3em;font-weight:bold} .list_a_BOX_N .good_title a{color:#000} .list_a_BOX_N .arrow a{color:#969696} .list_a_BOX_N .good_title a:hover{text-decoration:none;color:#FF646F} .list_a_BOX_N .option-zone dt,.list_a_BOX_N .option-zone dd{float:left;margin:2px 0;padding:8px; } .list_a_BOX_N .option-zone dt{clear:both;width:80px;background-color:#D9D9D9;text-align:center} .list_a_BOX_N .option-zone dd{width:630px;vertical-align:top} .list_a_BOX_N .option-zone dd .flag{width:22px;height:22px;vertical-align:middle} /* .list_a_BOX_N .sub_title{display:inline-block;padding:8px 10px;background-color:#D9D9D9} */ #Quick {width:70px; height:337px; float:right; /*background:#000;*/ } .Quick_img {width:70px; float:right; padding-top:5px; padding-left:10px; /*background:#000;*/ } #Footer { width:100%; height:170px;background:url('../images/footer/background.gif'); } #Footer_BOX { margin:0 auto; width:1000px; padding-right:80px; height:237px; background:#000; background:url('../images/footer/bg3.png') no-repeat;background-position:center top} .Footer_menu_BOX { padding-top:10px; width:1000px;text-align:center; color: #666; font:11px "돋움",Arial} .Footer_menu_BOX a:link, .Footer_menu_BOX a:active, .Footer_menu_BOX a:visited { color:#4f4f4f; margin:0; padding:0 10px; background:url('../images/footer/line.gif') no-repeat right 0; } .Footer_menu_BOX a .b { font-weight:bold} /* 상품 상세일정 */ #POP_Content{ width:848px; height:100%;overflow:hidden; } #POP_Content *{font-family: 'Nanum Gothic', sans-serif} .POP_Content_BOX {width:812px; height:100%} .list_b_BOX {width:100%;border-bottom:3px solid #0174b7} /*background:url('.../images/common/view_list_back2..gif');*/ .list_b_BOX .tit1 .cotegory{display:inline-block;color:#000}/*#2195a4*/ .list_b_BOX .tit1 .btnzone{display:inline-block;float:right}/*#2195a4*/ .list_b_BOX .tit1 .btnzone a:hover{color: #3882d7;text-decoration:none;font-weight:bold}/*#2195a4*/ .list_b_BOX .tit1 .tit2{display:block;font-size:1.3em;color:#2b66bc;font-weight:bold;padding:10px 0}/*#2195a4*/ .list_b_BOX .tit { width:710px; height:30px; padding-left:12px; padding-top:16px; } .list_b_BOX .tit a { color: #000; font:13px "돋움",Arial; font-weight:bold; } .list_b_BOX .price { width:670px; height:25px; padding-left:62px; padding-top:10px; color: #ff5a00; font:11px "돋움",Arial; font-weight:bold; } .list_b_BOX .price ul { margin:0; padding:0; } .list_b_BOX .price li { float:left; list-style:none; margin-right:10px; } .list_b_BOX .text { width:670px; height:115px; padding-left:62px; } .list_b_BOX .text ul { margin:0; padding:0; } .list_b_BOX .text li { float:left; list-style:none; margin-right:10px; } .list_b_BOX .text2 { width:670px; height:100%; padding-left:12px; margin-top:10px; } .list_c_BOX { width:720px; height:28px; border:1px solid #dedede; padding-left:10px; padding-top:10px; } .list_c_BOX ul { margin:0; padding:0; } .list_c_BOX li { float:left; list-style:none; } .list_c_BOX li img { float:left; } .list_c_BOX li select { float:left; } .list_d_BOX { width:732px; height:100%} .list_e_BOX { width:710px; height:100%; border:1px solid #c1dbf2; padding:10px;font-size:1.1em;line-height:150%} .list_e_BOX_N{ padding:10px;border:1px solid #c1dbf2; font-size:1.1em;line-height:150% } .list_f_BOX {margin-top:0; width:732px; height:100%; } .hotel { width:450px; height:100%; padding:1px; } .hotel ul { margin:0; padding:0; } .hotel li { float:left; list-style:none; } .hotel_a { float:left; } .hotel_b { float:left; margin-top:5px; margin-left:5px; } .summary { width:748px; height:100%; margin:0 auto; margin-top:15px; padding:11px; border:1px solid #eee; /*background:red;*/ } .summary_BOX { width:748px; height:90px; margin-top:7px; } .summary_BOX .list_a { width:144px; margin-right:7px; border:0px solid #dadada; float:left; text-align:center; } .summary_BOX .list_b { width:144px; margin-right:0px; border:0px solid #dadada; float:left; text-align:center; } .summary_text { width:748px; height:100%; margin-top:15px; } .summary_top { float:right; width:30px; height:30px; margin-top:10px; margin-bottom:10px; } /*--일정표-- 테마박스 꾸미기*/ .theme{overflow:hidden} .theme ul{margin-left:-2px;width:850px} .theme ul li {float:left; list-style:none;cursor:pointer} .theme ul li .theme_item{ display:inline-block; border:1px solid #969696; background-color:#969696; padding:15px 10px; margin-left:3px; width:180px; height:15px; text-align:center; font-family: 'Nanum Gothic', sans-serif; color:#fff; font-size:15px; white-space:nowrap; overflow:hidden; } .theme ul li.active .theme_item, .option-theme ul li .theme_item:hover{ background-color:#0174b7; color:#fff; border:1px solid #0174b7 } .theme ul li.normal .arrow{ display:none } .theme ul li.active .arrow{ top:0; margin-top:-12px; padding:0; text-align:center; font-size:28px; color:#0174b7; } /* . .company-theme ul li .theme_item{width:130px} .community-theme ul li .theme_item{width:152px;height:50px;margin-top:-5px} .company-faq-theme ul li .theme_item{width:86px} /* .theme ul li:hover .theme_item{background-color:#3882d7;color:#fff} .theme ul li:hover .arrow{color:#3882d7} */ #gallery_Content { margin:0 auto; width:800px; height:100%; background:#505050; } .gallery_tit { width:800px; height:51px; background:url('/images/common/gal_view_top.gif'); position:relative; } .gallery_tit .btn01 { position:absolute; top:15px; left:305px; } .gallery_tit .btn02 { position:absolute; top:15px; right:305px; } .gallery_tit .text { position:absolute; top:15px; left:345px; } .gallery_img_BOX {margin:0 auto; width:798px; height:500px; padding-top:10px; padding-bottom:10px; border:1px solid #7b91b0; background:#505050; } .gallery_img_BOX .btn03 { float:left; width:38px; text-align:center; padding-top:220px; } .gallery_img_BOX .img { float:left; width:720px; height:100%; border:1px solid #000; text-align: center; vertical-align: middle; } .gallery_img_BOX .btn04 { float:right; width:38px; text-align:center; padding-top:220px; } .schedule_tit { position:relative; } .schedule_tit .btn_close { position:absolute; right:20px; } /* 생생한 리뷰 */ .list_g_BOX { width:772px; padding-top:20px; /*background:red;*/ } .list_g_BOX .total { width:100%; height:20px; text-align:right; } .list_g_BOX .total .p { font-weight:bold; color:#2d5ca9; } .list_g_BOX tr:not(.tit) td {border-bottom:1px solid #808080;border-top:1px solid #dcdcdc} .list_g_BOX tr:not(.tit) td:first-child {vertical-align:top;padding-top:10px;} .list_g_BOX .tit { width:100%; height:34px;border-top:1px solid #808080; /* background:url('/images/common/board_tit_back.gif'); */} .list_g_BOX .notice { text-align:left; font-weight:bold; } .list_g_BOX .left { text-align:left; } .list_g_BOX .btn { height:30px; margin-top:10px; text-align:center; } .list_search { width:760px; height:20px; border:1px solid #ccc; padding:5px; margin-bottom:30px; text-align:center; } /* 하단검색 */ .comment_BOX { padding:10px; border:1px solid #ccc; text-align:center; } .comment { width:772px; height:100%; margin-bottom:30px; } .comment_textarea { font-size:11pt; border:1px solid #dadada; } .comment ul{ margin:0; padding:7px; border-bottom:1px solid #e7e7e7; } .comment li { list-style:none; } .comment_date { float:right; font-size:11px; color:#666; } .comment_txt { color:#434343; } .comment .line { border-bottom:1px solid #e7e7e7; padding-top:10px; padding-bottom:10px; } /* 포토갤러리 */ .gallery { width:772px; height:100%; margin-top:10px; } .gallery ul { margin:0; padding:0; } .gallery li { float:left; list-style:none; width:188px; height:100%; padding-top:1px; padding-bottom:1px; text-align:center; border:1px solid #ccc; } .gallery li a { list-style:none; color: #fff; font:12px "돋움",Arial; font-weight:bold; text-align:center; } #photo { float:left; width:770px; margin:0 1px 0 1px; /*border-bottom:1px solid #dbdbdb;*/ } #photo .list_a { float:left; width:125px; margin-top:10px; margin-right:4px; } #photo .list_a div img { display:block; padding:1px; text-align:center; border:1px solid #ccc; } /*ie7버그 수정*/ #photo .list_a dl{ float:left; padding:0; width:100%; margin-top:5px; padding-bottom:20px; border:0px solid #dadada; } #photo .list_a dt { display:block; color: #000; width:100%; line-height:140%; font-size:13px; float:left; margin:0; } #photo .list_a dt a { display:block; color: #000; text-align:center; } #photo .list_a dt a:hover, .list_a dt a:visitec, .list_a dt a:active { display:block; color: #000; } #photo .list_a dd { position:relative; float:left; padding-top:5px; width:100%; height:20px; line-height:140%; color: #8a8a8a; font:11px "돋움",Arial; margin-top:3px; } #photo .list_a dd .hit { position:absolute; right:0; } #photo .list_b { float:left; width:125px; margin-top:10px; } #photo .list_b div img { display:block; padding:1px; text-align:center; border:1px solid #ccc; } /*ie7버그 수정*/ #photo .list_b dl{ float:left; padding:0; width:100%; margin-top:5px; padding-bottom:20px; border:0px solid #dadada; } #photo .list_b dt { display:block; color: #000; width:100%; line-height:140%; font-size:13px; float:left; margin:0; } #photo .list_b dt a { display:block; color: #000; text-align:center; } #photo .list_b dt a:hover, .list_a dt a:visitec, .list_a dt a:active { display:block; color: #000; } #photo .list_b dd { position:relative; float:left; padding-top:5px; width:100%; height:20px; line-height:140%; color: #8a8a8a; font:11px "돋움",Arial; margin-top:3px; } #photo .list_b dd .hit { position:absolute; right:0; } #photo .list_c { float:left; width:190px; height:160px; margin-top:10px; margin-right:3px; } #photo .list_c div img { display:block; padding:1px; text-align:center; border:1px solid #ccc; } /*ie7버그 수정*/ #photo .list_c dl{ float:left; padding:0; width:100%; margin-top:5px; padding-bottom:20px; border:0px solid #dadada; } #photo .list_c dt { display:block; color: #000; width:100%; line-height:140%; font-size:13px; float:left; margin:0; } #photo .list_c dt a { display:block; color: #000; text-align:center; } #photo .list_c dt a:hover, .list_c dt a:visitec, .list_c dt a:active { display:block; color: #000; } #photo .list_c dd { position:relative; float:left; padding-top:5px; width:100%; height:20px; line-height:140%; color: #8a8a8a; font:11px "돋움",Arial; margin-top:3px; } #photo .list_c dd .hit { position:absolute; right:0; } #photo .list_d { float:left; width:190px; height:160px; margin-top:10px; } #photo .list_d div img { display:block; padding:1px; text-align:center; border:1px solid #ccc; } /*ie7버그 수정*/ #photo .list_d dl{ float:left; padding:0; width:100%; margin-top:5px; padding-bottom:20px; border:0px solid #dadada; } #photo .list_d dt { display:block; color: #000; width:100%; line-height:140%; font-size:13px; float:left; margin:0; } #photo .list_d dt a { display:block; color: #000; text-align:center; } #photo .list_d dt a:hover, .list_d dt a:visitec, .list_d dt a:active { display:block; color: #000; } #photo .list_d dd { position:relative; float:left; padding-top:5px; width:100%; height:20px; line-height:140%; color: #8a8a8a; font:11px "돋움",Arial; margin-top:3px; } #photo .list_d dd .hit { position:absolute; right:0; } /* travel_guide */ .travel_guide { margin:0 auto; width:762px; height:100%; } .travel_guide_BOX { width:730px; padding:15px; margin-top:5px; border:1px solid #87c5fd; background:#f9f9f9; } .travel_guide_BOX2 { width:762px; margin-top:5px; line-height:18px; color: #777; font:12px "돋움",Arial; } /* travel_enjoy */ .travel_enjoy { margin:0 auto; width:762px; height:100%; } .travel_enjoy_BOX { width:762px; height:130px; } .travel_enjoy_BOX01 { float:left; width:176px; height:118px; border:1px solid #ccc; margin-right:10px; padding:1px; } .travel_enjoy_BOX02 { float:right; width:572px; } /* 회사소개 */ .company { margin:0 auto; width:772px; height:100%; } .policy_txt {padding:5px 10px 10px 15px; border-bottom:1px solid #e0e0e0; } /* 마이페이지 */ .mypage { margin:0 auto; width:772px; height:100%; } .mypage .tab_b { width:772px; height:100%; margin-top:10px; } .mypage .tab_b ul { float:right; margin:0; padding:0; } .mypage .tab_b li { list-style:none; display:inline; } .mypage_BOX { width:770px; height:100%; padding-top:20px; } .mypage_BOX .btn { float:right; margin-bottom:5px; } .mypage_BOX .schedule_BOX { margin:0 auto; width:772px; height:100%; } .mypage_BOX .list_d_BOX { width:772px; height:100%; padding-top:10px; } .mypage_BOX .list_e_BOX { width:750px; height:100%; border:1px solid #c1dbf2; padding:10px; } .mypage_BOX .list_f_BOX { width:772px; height:100%; } .mypage_BOX .contract02_tit { text-align:center; width:772px; height:60px; } .mypage_sti_BOX { margin:0 auto; margin-top:10px; width:762px; height:335px; background:#f1f1f1; } .mypage_sti_BOX_a { margin:0 auto; width:745px; height:330px; } .mypage_textarea { width:723px; height:292px; margin-top:10px; padding:10px; border:1px solid #dddeel; font:12px "돋움",Arial; color:#777; } /* 사이트맵 */ .smap { margin:0 auto; width:772px; height:100%; margin-top:20px; border-top:1px solid #f0f0f0; } .smap_BOX{ float:left; width:191.75px; border-left:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0} .smap_BOX:nth-child(-n+5){ height:480px} .smap_BOX:nth-child(n+5){ height:180px} .smap_BOX:nth-child(4n){border-right:1px solid #f0f0f0} .smap_BOX p a{display:inline-block;padding:10px;color:#369;font-weight:bold;font-size:15px} .smap ul{margin-top:-10px;margin-left:10px;} .smap li { float:left; width:180px; list-style:none; color: #777; font-size:12px; line-height:20px; padding-left:12px; } /* 맴버십 */ .member { margin:0 auto; width:762px; height:100%; } .member_txt {clear:both; margin:0 auto; padding:10px; border-top:1px solid #c7dce4; border-bottom:1px solid #c7dce4; } .member_arrow { background:url('/images/member/arrow.gif') no-repeat 0px 5px; } .member_txt dl{ padding:0; } .member_txt dt { width:700px; font-size:12px; color:#333; font-family:Dotum,Dotumche,verdana; line-height:180%; padding-left:10px; background:url('/images/member/arrow.gif') no-repeat 3px 7px;} .member_login_BOX { position:relative; margin:0 auto; margin-top:30px; width:762px; height:163px; background:#fafafa; border:1px solid #dcdcdc; } .member_login_tit { position:absolute; left:50px; top:40px; } .member_login_tit2 { position:absolute; left:50px; top:30px; } .member_login_line { position:absolute; left:250px; top:30px; } .member_login_BOX2 { position:absolute; width:400px; height:100px; left:300px; top:30px; } .member_login_BOX2 span { position:absolute; } .login { position:relative; float:left; width:400px; height:100px; color: #555; font:13px "돋움",Arial; /*background:red;*/ } .login span {position:absolute; } .login .login_input { width:260px; height:19px; left:60px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; color:blue; font-size:11px Arial; line-height:1.7em; padding:0; margin:0; background:#fff;} .login .id { width:350px; left:0; top:10px; } .login .pw { width:350px; left:0; top:35px; } .login .radio { width:420px; left:0; top:-15px; } .login .email { width:350px; left:0; top:-15px; } .login .email2 { width:350px; left:0; top:10px; } .login .login_ok { left:325px; top:8px; } .login .search_a { width:350px; left:55px; top:65px; } .login .search_b { width:350px; left:55px; top:83px; } .member_join { margin:0 auto; width:762px; height:100%; } .member_join_tit02 { margin-top:30px; } .member_join_BOX { margin:0 auto; margin-top:10px; width:762px; height:260px; background:#f1f1f1; } .member_join_BOX_a { margin:0 auto; width:745px; height:250px; } .member_join_BOX_b { float:left; width:737px; height:240px; margin-left:8px; margin-top:10px; border:1px solid #dddeel; background:#fff; } .member_join_BOX_c { width:745px; height:40px; background:url('/images/member/line02.gif') no-repeat; } .member_join_BOX_c .input { width:260px; height:19px; left:60px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; color:#3300FF; font-size:11px Arial; line-height:1.7em; padding:0; margin:0; background:#fff;} .join_textarea { width:723px; height:192px; margin-top:10px; padding:10px; border:1px solid #dddeel; font:12px "돋움",Arial; color:#777; } .member_join_btn { width:762px; margin-top:10px; text-align:right; } /* 경로, 상품제목 */ .link { height:30px; padding-top:7px; text-align:right; color: #666; font:11px "돋움",Arial; } .tit { width:772px; height:40px; } .name { width:772px; height:33px; color: #111; font:24px "돋움",Arial; margin-bottom:5px; } .ico_tit { width:65px; float : left; margin-top:-2px; } .name .point { color: #0064c5; font:24px "돋움",Arial; } /* 이미지 테두리 line */ .imgLine a { border:2px solid #dcdcdc; padding:0px; background:#fff; float:left; margin:0px; display:inline; } .imgLine a:active, .imgLine a:hover{ border:1px solid #000; padding:1px; background:#000;} .imgLine_A a { border:2px solid #dcdcdc; padding:0px; background:#fff; float:left; margin-right:5px; display:inline; } .imgLine_A a:active, .imgLine_A a:hover{ border:1px solid #30579f; padding:1px; background:#30579f;} /* 하단페이징 */ .listPage{ width:100%; margin-top:0px; padding-bottom:5px; border-top:1px solid #dadada; overflow:hidden; } .paging{ clear:both; margin:10px 0; padding:0px; text-align:center; width:100% } .paging span{display: inline; text-decoration: none; color:#464646; padding:2px 4px; font-weight:bold; width:16px; height:25px;line-height:25px;} .paging a.selected span, .Paging a:hover span, .Paging a:active span { overflow:auto; padding:2px 4px;text-decoration: none; display: inline; color:#ff8600; font-weight:bold; width:16px; height:25px;line-height:25px;border:1px solid #f1f1f1;} .paging ul { margin:0; padding:0; } .paging li { display: inline; background:red; } .paging .btn { padding-top:5px; } .paging .text { margin-bottom:15px; } /* 이미지 롤오버 */ .rollover img{ display:inline; } .rollover img.imgover{ display:none; } a.rollover:hover { display:inline; } .rollover:hover img{ display:none; } .rollover:hover img.imgover{ display:inline; } .div_h5 { margin-bottom:5px; padding:0; } .div_h6 { margin-top:6px; padding:0; } .div_h10 { margin-bottom:10px; padding:0; } .div_h15 { margin-top:15px; padding:0; } .div_h20 { margin-top:20px; padding:0; } .div_h25 { margin-top:25px; padding:0; } .div_h30 { margin-top:15px; padding:8px 0;font-size:1.3em} .div_h35 {width:100%;margin-top:15px; padding:8px 0;color:#2b66bc;font-size:16px;font-weight:bold}/*;border:1px solid :#A7A7A7*/ .div_h35 i{color:#A7A7A7;} /*.div_h35.active {border:1px solid SteelBlue}*/ .div_h35.active i{color:#FA9124} .div_h35 .tog_open{display:inline-block;float:right;cursor:pointer} .div_w4 {margin-right:3px; margin-bottom:4px; padding:0; float:left; } .div_w5 {margin-right:3px; margin-bottom:4px; padding:0; float:left; background:url('../images/common/box02.gif'); } .div_w5on {margin-right:3px; margin-bottom:4px; padding:0; float:left; background:url('../images/common/box01.gif'); } .div_w12 {margin-right:12px; margin-bottom:12px; padding:0; float:left; } .div_w100 {margin-right:100px; padding:0; } /*왼쪽 메뉴*/ .left-form{float:left;width:161px;margin-top:15px} .left-form *{box-sizing:border-box} .category-name{ padding:20px 10px 15px; width:161px; font-size:23px; color:#fff; font-family: 'Nanum Gothic', sans-serif; font-weight:bold; text-align:center; background-color:#1c5a8f; border-radius:.5em .5em 0 0; margin-bottom:2px; } /*커뮤니티 아이콘 정리 S*/ .left_list, .left_list2,.left-new-banner2,.left-new-kakao{list-style:none} .left_list2 li span{position:relative;left:15px;float:left;} .left_item{width:161px;padding:14px 10px;text-align:center;font-size:15px; font-family: 'Nanum Gothic', sans-serif;border:1px solid silver;border-bottom:none;cursor:pointer;background-color:#E5E5E5} .left_item:last-child{border-bottom:1px solid silver} .left_item.on{background-color:#969696;color:#fff;border:1px solid #969696} .left-new-banner2,.left-new-kakao{margin-top:4px;width:161px} .left-new-banner2 *,.left-new-kakao *{box-sizing:border-box} .left-new-banner2 li{background-color:#fff;text-align:center;width:161px} .left-new-banner2 li:hover{background-color:#E5E5E5} .left-new-banner2 li:first-child,.left-new-kakao li:first-child{border-radius:.5em .5em 0 0;} .left_list li:last-child,.left-new-banner2 li:last-child,.left-new-kakao li:last-child{border-radius:0 0 .5em .5em;} /*20190719 S*/ .left-new-banner3{ width:161px; } .btn-left-comunity{ padding:13px; font-size:15px; background-color: white; border-color: silver; font-family: 'Nanum Gothic', sans-serif; } .btn-left-comunity:hover, .btn-left-comunity:focus, .btn-left-comunity:active, .btn-left-comunity:visited, .btn-left-comunity:active:focus, .btn-left-comunity:active:hover { background-color: #E5E5E5; } .btn-left-comunity:hover, .btn-left-comunity:focus { outline: none !important; box-shadow:none; } .left-new-banner3 .btn:first-child{ border-radius:.5em .5em 0 0; } .left-new-banner3 .btn:last-child{ border-radius:0 0 .5em .5em;} /*20190719 E*/ .left-new-kakao li { border:none; padding:0; font-weight:bold; text-align:center; background-color:#FFEE22; width:161px } .left-new-kakao li:first-child{font-size:8pt;padding-top:10px} .left-new-kakao li:nth-child(2){ font-size:17pt;padding:5px; text-decoration:underline; text-underline-position: under; } .left-new-kakao li:nth-child(3),.left-new-kakao li:nth-child(4){padding:2px;font-size:9pt;font-weight:bold} .left-new-kakao li:nth-child(3) .red,.left-new-kakao li:nth-child(4) .red{color:#C22327;font-size:1.1em} .left-new-kakao li:last-child{padding-bottom:15px;} /***** blue *****/ .font_bluesky12B { color: #3399ff; font:12px "돋움",Arial; font-weight:bold; } .font_blue12 { font-size: 12px; color: #0064c5; font-family: Dotum,Dotumche,verdana; } .font_blue12B { font-size: 12px; color: #0064c5; font-family: Dotum,Dotumche,verdana; font-weight:bold; } .font_gray11 { font-size: 11px; color: #777; line-height:18px; font-family: Dotum,Dotumche,verdana; } .font_gray12 { font-size: 12px; color: #777; font-family: Dotum,Dotumche,verdana; line-height:18px; } .font_gray12_2 { font-size: 12px; color: #333; font-family: Dotum,Dotumche,verdana; line-height:18px; } .font_gray14 { font-size: 14px; color: #777; line-height:160%; } .font_gray_14{ font-size: 14px; color: #777; 'Nanum Gothic', sans-serif; line-height:160%; } .font_red12 { font-size: 12px; color: #ed1b23; font-family: Dotum,Dotumche,verdana; } .font_red12B { font-size: 12px; color: #ed1b23; font-family: Dotum,Dotumche,verdana; font-weight:bold; } .font_orange12B { font-size: 12px; color: #ff6c00; font-family: Dotum,Dotumche,verdana; font-weight:bold; } .font_white12B { font-size: 12px; color: #ffffff; font-family: Dotum,Dotumche,verdana; font-weight:bold; } /* Top Button */ a.jb-top {position: fixed; right: 15px; bottom:105px; z-index: 9999;display: none; width: 48px; padding: 10px 0px;background-color: #212121; background-color: rgba(50, 50, 50, 0.8);text-align: center; line-height: 1; font-size: 28px; color: #ffffff; } a.jb-top:hover { background-color: rgba(0, 0, 0, 0.8); color: #ffffff; } .btn-empty{} /**/ .btn-snow { background-color: #FFFAFA; border-color: #FFF0F5; color: #000000; } .btn-snow:hover, .btn-snow:focus { border-color: #FFF0F5; background-color: #FFF0F5; color: #000000; } .btn-snow:active, .btn-snow:visited, .btn-snow:active:focus, .btn-snow:active:hover { border-color: #FFE4E1; background-color: #FFE4E1; color: #000000; }