@charset 'UTF-8'; /* 폰트설정 */ @font-face{ font-family:NG; src:local(※), url(fonts/NanumGothic.eot), url(fonts/NanumGothic.woff2) format('woff2'), url(fonts/NanumGothic.woff) format('woff')} @font-face{ font-family:NGB; src:local(※), url(fonts/NanumGothicBold.eot), url(fonts/NanumGothicBold.woff2) format('woff2'), url(fonts/NanumGothicBold.woff) format('woff')} @font-face{ font-family:NGEB; src:local(※), url(fonts/NanumGothicExtraBold.eot), url(fonts/NanumGothicExtraBold.woff2) format('woff2'), url(fonts/NanumGothicExtraBold.woff) format('woff')} @font-face{ font-family:NBG; src:local(※), url(fonts/NanumBarunGothic.eot), url(fonts/NanumBarunGothic.woff2) format('woff2'), url(fonts/NanumBarunGothic.woff) format('woff')} @font-face{ font-family:NBGB; src:local(※), url(fonts/NanumBarunGothicBold.eot), url(fonts/NanumBarunGothicBold.woff2) format('woff2'), url(fonts/NanumBarunGothicBold.woff) format('woff')} /* reset */ *{box-sizing:border-box;margin:0;padding:0;} html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; } .clearfix:after{content:'';display:block;clear:both;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; margin:0; padding:0; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } abbr { cursor: help; font-size: 90%; opacity: 0.9; text-decoration: none; } dfn[title], abbr[title]:hover, abbr[title]:focus { border-bottom: 1px dotted; } cite { color:#363636; font-weight:normal; font-style:normal; } table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; } ol,ul,li { list-style:none; } legend, caption { visibility:hidden; width:0; height:0; font-size:0; line-height:0 } i,em,address{ font-style:normal } body { font-size:16px; font-family: NG,'나눔고딕', NanumGothic, 'Nanum Gothic', 돋움, Apple SD Gothic Neo, sans-serif; color:#363636; /* -webkit-text-size-adjust: none; */ -webkit-text-size-adjust: 100%; /* overflow-x:hidden; */ } a { text-decoration: none; color: #363636; } textarea { resize: none; } img, iframe{max-width:100%;} ::placeholder { /* 파이어폭스 51+, 크롬 57+ */ font-size:14px;color:#c2c2c2;letter-spacing:-0.05em; } :-ms-input-placeholder { /* 인터넷 익스플로러 10+ */ font-size:14px;color:#c2c2c2;letter-spacing:-0.05em; } ::-webkit-input-placeholder { /*크롬 4-56 */ font-size:14px;color:#c2c2c2;letter-spacing:-0.05em; } :-moz-placeholder { /* 파이어폭스 4-18 */ font-size:14px;color:#c2c2c2;letter-spacing:-0.05em; } ::moz-placeholder { /* 파이어폭스 19-50 */ font-size:14px;color:#c2c2c2;letter-spacing:-0.05em; } input::-webkit-input-placeholder {font-size:14px;color:#c2c2c2;letter-spacing:-1px;} input::-moz-placeholder {font-size:14px;color:#c2c2c2;letter-spacing:-1px;} input::-ms-input-placeholder {font-size:14px;color:#c2c2c2;letter-spacing:-1px;} input:-moz-placeholder {font-size:14px;color:#c2c2c;letter-spacing:-1px;2} input[type=checkbox], input[type=radio]{width:0;display:none;} input[type=checkbox]+label{display:inline-block;height:18px;padding-top:2px;padding-left:26px;background:url('images/checxbox_off02.gif') no-repeat 0 0;} input[type=checkbox]:checked+label{background-image:url('images/checxbox_on.gif');} input[type=radio]+label{display:inline-block;height:21px;padding-left:25px;line-height:21px;background:url('images/radio_off.png') no-repeat 0 1px;} input[type=radio]:checked+label{background:url('images/radio_on.png') no-repeat 0 0px;} input[type=text], input[type=password]{width:199px;height:36px;margin-left:10px;padding:0 10px;line-height:36px;color:#444;border:1px solid #c2c2c2;border-radius:3px;} input:focus{outline:0 none;} h1,h2,h3,h4,strong,th{font-family:NG;} .floatL{float:left !important;} .floatR{float:right !important;} .clear{clear:both;} .taL{text-align:left !important;} .taR{text-align:right !important;} /* common */ #wrap{position:relative;width:100%;min-width:1300px;overflow:hidden;} #topBnr{text-align:center;background:#f9eedd;} #topBnr ul{display:table;width:1300px;margin:0 auto;position:relative;} #topBnr li{display:table-cell;} #topBnr li.close{display:block;position:absolute;right:61px;top:15px;} #headerWrap{background:url('images/bg_gnb_x.jpg') repeat-x 0 100%;} #header{position:relative;width:1300px;margin:0 auto;} #header h1.logo{float:left;width:339px;height:121px;padding-left:53px;padding-top:16px;} #header #searchBox{float:left;position:relative;width:447px;height:47px;margin-top:51px;border:2px solid #008adc;background:#fff;} #header #searchBox dl{float:left;position:relative;width:128px;font-family:NBG;color:#000;letter-spacing:-0.03em;z-index:999;} #header #searchBox dt{height:43px;padding-left:20px;line-height:43px;cursor:pointer;border:none;background:url('images/topSearch_arrow01.gif') no-repeat right 10px;} #header #searchBox dd{display:none;position:absolute;left:-2px;top:43px;width:131px;border:2px solid #008adc;background:#fff;z-index:9999} #header #searchBox dd li{padding:3px 0 4px 20px;cursor:pointer;} #header #searchBox dd li:first-child{padding-top:5px;} #header #searchBox dd li:last-child{padding-bottom:7px;} #header #searchBox dd li:hover, #header #searchBox dd li.on{color:#fff;background:#5ab7e3;} #header #searchBox input[type="text"]{width:261px;height:43px;padding:0 20px 0 5px;font:18px/43px NBG;letter-spacing:-0.03em;border:none;background:url('images/topSearch_arrow02_down.gif') no-repeat right 21px;} #header #searchBox a.btn{position:absolute;right:0;top:0;} #header .contR{float:right;padding-right:58px;} #header .util{overflow:hidden;padding:7px 6px 0 0;} #header .util li{float:right;padding-left:16px;margin-left:21px;background:url('images/topLogin_section.png') no-repeat 0 6px;} #header .util li a{font-family:NBG;font-size:13px;letter-spacing:-0.025em;color:#76aad7;} #header .util li.last{padding-left:0;margin-left:0;background:none;} #header .link01{overflow:hidden;width:322px;margin-top:20px;padding-left:2px;background:url('images/topSearchMenu_bar.gif') no-repeat 0 15px;} #header .link01 li{float:right;padding:0 3px 0 1px;background:url('images/topSearchMenu_bar.gif') no-repeat right 15px;} #header .link01 li .action, #header .link01 li a:hover .default{display:none;} #header .link01 li a:hover .action{display:block;} #gnbWrap{clear:both;width:100%;background:url('images/bg_gnb_x.jpg') repeat-x 0 100%;z-index:9999;} #gnb{clear:both;position:relative;width:1300px;margin:0 auto;padding-left:57px;} #gnb a.allMenu{display:inline-block;width:136px;height:48px;padding-left:58px;font-family:NBG;line-height:15px;line-height:48px;color:#fff;background:#001f3e url('images/allMenu_icon.png') no-repeat 25px 16px;} #gnb a.allMenuOn{background-image:url('images/allMenu_close.png');background-position:27px 15px;} #gnb ul.deapth01{float:right;position:relative;width:1107px;overflow:visible;padding-left:25px;} #gnb ul.deapth01>li{float:left;padding:0 21px;overflow:visible;} #gnb ul.deapth01>li>a{font:normal 20px/48px NGB;letter-spacing:-0.075em;color:#fff;} #gnb ul.deapth01>li.current>a, #gnb ul.deapth01>li.on>a{color:#fff383;} #gnb ul.deapth01 .depth02{display:none;} #gnb ul.deapth01>li.on .depth02{display:block;position:absolute;left:-1px;top:47px;width:733px;height:410px;border:1px solid #001f3e;background:#fff;z-index:999;} #gnb .depth02>dl{float:left;width:245px;height:408px;border-right:1px solid #ddd;} #gnb .depth02>dl dt{margin:0 16px 13px 20px;padding:21px 0 8px 2px;font-size:24px;font-family:NBGB;color:#01376d;border-bottom:1px solid #01376d;} #gnb .depth02>dl li a{display:block;padding-left:24px;font-size:15px;line-height:37px;font-family:NBG;color:#303030;} #gnb .depth02>dl li.on a{color:#1e8bf2;background:#f2f2f2;} #gnb .depth02 .info{float:left;width:486px;} #gnb .depth02 .info dt{padding:19px 26px 18px 40px;font-family:NBGB;color:#383838;letter-spacing:-0.025em;background:url('images/gnb_sub_icon.png') no-repeat 24px 23px;} #gnb .depth02 .thumb{overflow:hidden;padding-left:20px;padding-bottom:1px;border-bottom:1px solid #ddd;} #gnb .depth02 .thumb li{float:left;position:relative;padding:0 6px;} #gnb .depth02 .thumb li span{position:absolute;left:6px;top:0;width:137px;height:27px;font-size:14px;line-height:27px;font-family:NBG;color:#fff;letter-spacing:-0.03em;text-align:center;background:url('images/png57.png');} #gnb .depth02 .thumb li img{display:block;} #gnb .depth02 table{width:434px;margin:0 auto;border:1px solid #a3a3a3;} #gnb .depth02 th{width:66px;border-top:1px solid #bfbfbf;} #gnb .depth02 th img{display:block;} #gnb .depth02 td{border-top:1px solid #a3a3a3;} #gnb .depth02 td li{float:left;padding-left:27px;font-size:14px;font-family:NBG;color:#383838;background:url('images/gnb_bar.gif') no-repeat 13px 50%;} #gnb .depth02 td li:first-child{padding-left:17px;background:none;} #gnb .depth02 tr:first-child th, #gnb .depth02 tr:first-child td{border-top:none;} #gnb ul.deapth01>li.on .depth02_r{left:auto;right:42px;} #gnbAll{display:none;position:absolute;left:50%;top:48px;width:1186px;margin-left:-593px;/* transform:translateX(-50%);-webkit-transform:translateX(-50%); */border:1px solid #001f3e;border-width:0 1px 4px;background:#fff;z-index:999;} #gnbAll table{width:100%;} #gnbAll th{width:135px;text-align:left;background:#001f3e;font-family:NG;line-height:44px;letter-spacing:-0.03em;} #gnbAll th a{display:block;height:44px;padding-left:22px;color:#fff;} #gnbAll tr.blank01 th{height:14px;} #gnbAll tr.blank02 th{height:46px;} #gnbAll td ul{overflow:hidden;height:44px;margin:0 35px 0 38px;background:url('images/dotted_line01.gif') repeat-x 0 bottom;} #gnbAll td li{float:left;padding:0 28px 0 11px;font-size:15px;line-height:43px;letter-spacing:-0.03em;} #gnbAll tr:hover th a{color:#3cb6ff;} #gnbAll tr:hover td{background-color:#f2f2f2;} #gnbAll tr:hover td a:hover{color:#1e8bf2;} #gnbAll .link{overflow:hidden;border-top:1px solid #001f3e;} #gnbAll .link dl{float:left;width:296px;border-left:1px solid #001f3e;background:#f3f3f3;} #gnbAll .link dl:first-child{border-left:none;} #gnbAll .link dt{position:relative;height:31px;padding:4px 0;font-family:NBG;line-height:23px;color:#ffea00;text-align:center;background:#0963ba;} #gnbAll .link dt img{display:inline-block;margin-right:5px;vertical-align:top;} #gnbAll .link dt .more{position:absolute;right:9px;top:8px;} #gnbAll .link dd ul{overflow:hidden;padding:8px 0 13px;} #gnbAll .link dd li{float:left;width:50%;padding-left:43px;background:url('images/gnbAll_icon_dot.gif') no-repeat 32px 13px;} #gnbAll .link dd li a{font-family:NBG;font-size:14px;line-height:32px;color:#000;letter-spacing:-0.03em;} #gnbAll .link dd li a img{margin-left:10px;} #footerWrap, .footerWrap{background:#333;} #footer, .footer{overflow:hidden;width:1300px;margin:0 auto;padding:22px 0 70px;} #footer .link{text-align:center;} #footer .link li{display:inline-block;padding-left:74px;line-height:26px;color:#fff;letter-spacing:-0.075em;background:url('images/foot_bar01.gif') no-repeat 35px 6px;} #footer .link li a{color:#fff;} #footer .link li a:hover{color:#fff600;} #footer .link li:first-child{padding-left:0;background:none;} #footer .f_logo{clear:both;float:left;width:213px;padding:88px 0 0 11px;} #footer .f_info01, .footer .f_info01{float:left;width:643px;color:#fff;padding-top:47px;} #footer .f_info01 dt, .footer .f_info01 dt{font-size:18px;line-height:26px;opacity:0.75;} #footer .f_info01 dd, .footer .f_info01 dd{font-size:14px;line-height:26px;opacity:0.75;font-family:NBG;} #footer .f_info01 dd.info{margin:6px 0 36px;} #footer .f_info01 dd span, .footer .f_info01 dd span{padding-left:25px;} #footer .f_info01 dd span.bar, .footer .f_info01 dd span.bar{padding-left:28px;background:url('images/foot_bar02.gif') no-repeat 13px 1px;} .footerWrap{width:881px;margin:23px auto 0;} .footer{width:100%;padding-bottom:37px;} .footer .f_logo{clear:both;float:left;width:238px;padding:55px 0 0 53px;} .footer .f_info01 dd p{margin:5px 0 0;color:#fff;} .footer .f_info01{margin-top:19px;padding-top:0;padding-left:26px;border-left:1px solid #adadad;} #footer .f_info01 dd.copy{font-size:11px;opacity:0.57;} #footer .f_info01 dd.notice{margin-top:2px;font-size:12px;opacity:0.57;} #footer .f_info02{float:left;width:301px;margin-top:54px;padding-left:27px;color:#fff;font-family:NBG;border-left:1px solid #6a6a6a;} #footer .f_info02 dt{margin-top:-5px;font-size:18px;line-height:26px;opacity:0.75;letter-spacing:-0.05em;} #footer .f_info02 dt span{padding-left:13px;font-size:14px;} #footer .f_info02 dd.tel{margin:5px 0 10px;padding-bottom:7px;border-bottom:1px solid #6a6a6a;} #footer .f_info02 dd.tel span{font-size:18px;line-height:26px;opacity:0.75;} #footer .f_info02 dd.tel strong{padding-left:8px;font-size:27px;font-family:NGB;opacity:1;} #footer .f_info02 dd.time{font-size:14px;opacity:0.75;} #footer .f_info02 dd.time02{margin:6px 0 21px;font-size:11px;color:#ffee7b;letter-spacing:-0.05em;opacity:0.75;} #footer .f_info02 dd span.bar{padding-left:28px;background:url('images/foot_bar02.gif') no-repeat 13px 1px;} #footer .f_info02 dd.bank{margin-bottom:20px;font-size:14px;line-height:17px;opacity:0.75;} #footer .f_info02 dd.bank img{display:block;margin-bottom:5px;} #footer .f_info02 dd.btn span{padding-left:6px;} #sideMenu{position:fixed;right:0;top:169px;z-index:99999;} #sideMenu .sideBtn{position:absolute;left:-22px;top:0;} #sideOff{display:none;} #sideOff li img{display:block;} #sideOff li.last{margin-top:1px;} #sideOff li.wish{width:46px;height:42px;padding-top:9px;text-align:center;background:#fff;border-left:1px solid #acacac;border-top:1px solid #acacac;} #sideOff li.wish a{display:inline-block;width:23px;height:23px;margin-left:2px;font-size:13px;line-height:23px;font-family:NGEB;color:#fff;text-align:center;background:#e85581;border-radius:50%;} #sideOn>ul{border:1px solid #acacac;border-right:none;} #sideOn li.txt{height:42px;padding:10px 0 0 32px;border-bottom:1px solid #d7d7d7;background:#fff;} #sideOn li.txt em{display:inline-block;width:23px;height:23px;margin-left:2px;font-size:13px;line-height:23px;font-family:NGEB;color:#fff;text-align:center;background:#e85581;border-radius:50%;} #sideOn li.txt img{margin-top:1px;vertical-align:middle;} #sideOn li.img{border-bottom:1px solid #d7d7d7;} #sideOn li.img img, #sideOn li.last img{display:block;} #sideOn li.last{border-top:1px solid #fff;} #sideMenu .todayItem{padding:15px 14px 10px;text-align:center;background:#eee;border-bottom:1px solid #d7d7d7;} #sideMenu .todayItem dt img{display:block;margin:0 auto 2px;} #sideMenu .todayItem dd li{padding:9px 0 7px;background:url('images/dotted_line01.gif') repeat-x 0 0;} #sideMenu .todayItem dd li:first-child{background:none;} #sideMenu .todayItem dd li img{display:block;margin:0 auto;width:85px;height:69px;} #sideMenu .todayItem dd p{margin-top:7px;} #sideMenu .popLayer{display:none;position:absolute;right:129px;top:43px;width:482px;padding-bottom:29px;border:2px solid #252525;background:#fff;} #sideMenu .popLayer .close{position:absolute;right:12px;top:12px;} #sideMenu .popLayer fieldset{padding:0 53px 0 37px;} #sideMenu .popLayer table{width:100%;} #sideMenu .popLayer th{width:89px;height:54px;font-family:NBGB;color:#0d0d0d;letter-spacing:-0.03em;text-align:left;} #sideMenu .popLayer td.type{font-family:NBGB;color:#016ddb;letter-spacing:-0.01em;} #sideMenu .popLayer td.type input{margin-top:3px;vertical-align:top;} #sideMenu .popLayer td.type label{margin:0 24px 0 4px;} #sideMenu .popLayer td .formText{width:100%;height:42px;padding-left:18px;margin:0;font-size:13px;color:#999;border:1px solid #b5b8bf;} #sideMenu .popLayer td .formSelect{width:91px;height:42px;padding-left:18px;font-size:13px;color:#999;border:1px solid #b5b8bf;} #sideMenu .popLayer td .formTel01{width:105px;margin-left:-1px;} #sideMenu .popLayer p.agree{margin:10px 0 20px;font-size:11px;color:#565656;letter-spacing:-0.125em;} #sideMenu .popLayer .btn img{display:block;margin:0 auto;} #sideMenu #PopTodayItem{top:84px;width:134px;padding-bottom:10px;border-color:#acacac;border-width:1px;background:#eee;} #sideMenu #PopTodayItem .close{right:7px;top:9px;} #sideMenu #PopTel{top:210px;width:128px;padding-bottom:0px;border-color:#acacac;border-width:1px;} #sideMenu #PopTel>img{display:block;} #sideMenu #PopTel .close{right:7px;top:7px;} #container{clear:both;} /* 메인 */ .main h2 img{display:block;} .mainCont01{position:relative;} .mainCont01 #mainSlide01 .owl-nav{position:absolute;left:50%;top:50%;z-index:10;width:1300px;margin-left:-650px;/* transform:translateX(-50%);-webkit-transform:translateX(-50%); */} .mainCont01 #mainSlide01 .owl-nav [class*='owl-']{display:inline-block;margin:0;padding:0;width:30px;height:54px;cursor:pointer;border-radius:0;text-indent: -9999px;background:url('images/visual_prev.png') no-repeat;} .mainCont01 #mainSlide01 .owl-nav .owl-next{position:absolute;right:0;background-image:url('images/visual_next.png');} .mainCont01 #mainSlide01 .owl-item{height:523px;} .mainCont01 #mainSlide01 .item{background:url('images/png57.png') no-repeat 50% 0;} .mainCont01 #mainSlide01 .owl-item img{width:1903px;max-width:1903px;} .mainCont01 #mainSlide01btn{position:absolute;left:50%;bottom:37px;margin-left:-443px;/* transform:translateX(-50%);-webkit-transform:translateX(-50%); */width:887px;height:52px;border:1px solid #fff;background:url('images/main_cont01_tab_off.png');z-index:5;} .mainCont01 #mainSlide01btn .item{padding-left:1px;font-family:NBGB;color:#fff;background:url('images/main_cont01_tab_bar.gif') no-repeat 0 center;} .mainCont01 #mainSlide01btn .item span{display:block;width:auto/*176px*/;height:50px;line-height:50px;text-align:center;cursor:pointer;} .mainCont01 #mainSlide01btn .current span{background-image:url('images/main_cont01_tab_on.png');} .mainCont01 #mainSlide01btn .item01{background:none;padding-left:0;} .mainCont02{overflow:hidden;width:1300px;margin:54px auto 46px;border-right:1px solid #c6cfdc;} .mainCont02 dl{float:left;width:325px;border:1px solid #c6cfdc;border-width:0 0 1px 1px;} .mainCont02 dl:first-child{width:324px;} .mainCont02 dl dt img{display:block;} .mainCont02 dl dd{padding:25px 24px 49px 25px;} .mainCont02 dl:first-child dd{padding-left:24px;} .mainCont02 .owl-nav [class*='owl-']{position:absolute;left:0;top:93px;display:inline-block;margin:0;padding:0;width:27px;height:59px;cursor:pointer;border-radius:0;text-indent: -9999px;background:url('images/main_cont02_prev.png') no-repeat;} .mainCont02 .owl-nav .owl-next{left:auto;right:0;background-image:url('images/main_cont02_next.png');} .mainCont02 .owl-dots{display:block;position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);-webkit-transform:translateX(-50%);height:10px;text-align:center;} .mainCont02 .owl-dots .owl-dot{display:inline;margin:0 4px;} .mainCont02 .owl-dots .owl-dot span{display:inline-block;width:10px;height:10px;background:url('images/main_cont02_off.gif') no-repeat;} .mainCont02 .owl-dots .owl-dot.active span, #slide01 .owl-pagination .owl-page:hover span{background-image:url('images/main_cont02_on.gif');} .mainCont03Wrap{padding:59px 0 76px;background-image:url('images/main_cont03.jpg'),url('images/main_cont03_x.jpg'); background-repeat:no-repeat,repeat-x; background-position:50% 0,0 0;} .mainCont03{overflow:hidden;width:1300px;margin:0 auto;} .mainCont03 img{display:block;} .mainCont03 .cont03L{float:left;width:306px;padding-top:32px;} .mainCont03 .cont03R{float:right;width:976px;} .mainCont03 .cont03R .tabMenu{overflow:hidden;margin:30px 0 4px;} .mainCont03 .cont03R .tabMenu li{float:left;width:163px;height:44px;padding-left:2px;text-align:center;} .mainCont03 .cont03R .tabMenu li span{display:block;font:normal 18px/44px NGB;letter-spacing:-0.075em;color:#000;cursor:pointer;background:#fff;} .mainCont03 .cont03R .tabMenu li.current span{color:#fff;background:#007eff;} .mainCont03 .cont03R .tabMenu li:first-child{width:161px;padding-left:0;} .mainCont03 .cont03R .resortBest{display:none;} .mainCont03 .cont03R .resortBest li{display:table-cell;border-left:1px solid #dcdcdc;} .mainCont03 .cont03R .resortBest li:first-child{border-left:none;} .mainCont03 .cont03R .resortBest01{display:table;} .mainCont04{overflow:hidden;width:1300px;margin:47px auto 66px;} .mainCont04 h2{margin-bottom:22px;} .mainCont04 .cont04L{float:left;width:638px;} .mainCont04 .cont04R{float:right;width:638px;} .mainCont04 .item{position:relative;} .mainCont04 .item span{position:absolute;left:0;top:0;} .mainCont04 .item span img{width:76px;} .mainCont04 .item a>img{border:1px solid #c6cfdc;} .mainCont04 .owl-nav [class*='owl-']{position:absolute;left:1px;top:90px;display:inline-block;margin:0;padding:0;width:49px;height:69px;cursor:pointer;border-radius:0;text-indent: -9999px;background:url('images/main_cont04_prev.png') no-repeat;} .mainCont04 .owl-nav .owl-next{left:auto;right:1px;background-image:url('images/main_cont04_next.png');} .mainCont04 ul{overflow:hidden;padding:25px 18px;border:1px solid #c6cfdc;border-top:none;} .mainCont04 li{float:left;padding-left:45px;} .mainCont04 li:first-child{padding-left:0;} .mainCont05Wrap{overflow:hidden;padding-bottom:58px;background:#f0f0f0 url('images/main_cont05.jpg') no-repeat 50% 0;} .mainCont05{width:1300px;margin:0 auto;padding-top:52px;} .mainCont05 .cont05L{float:left;width:312px;} .mainCont05 .cont05L .tabMenu{overflow:hidden;} .mainCont05 .cont05L .tabMenu li{float:left;width:156px;height:74px;} .mainCont05 .cont05L .tabMenu li img{display:block;} .mainCont05 .cont05L .tabMenu li img.action, .mainCont05 .cont05L .tabMenu li.current img.default{display:none;} .mainCont05 .cont05L .tabMenu li.current img.action{display:block;} .mainCont05 .cont05L .itemList{display:none;height:295px;padding:15px 18px 0 12px;background:#fff;} .mainCont05 .cont05L .itemList01{display:block;} .mainCont05 .cont05L .itemList li{position:relative;overflow:hidden;height:28px;padding-right:45px;font-size:14px;line-height:28px;cursor:pointer;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;} .mainCont05 .cont05L .itemList li span.num{display:inline-block;width:17px;height:17px;margin-right:7px;color:#fff;line-height:17px;text-align:center;background:#01376d;border-radius:50%;} .mainCont05 .cont05L .itemList li em{color:#007eff;} .mainCont05 .cont05L .itemList li .updown{position:absolute;right:2px;top:0;width:30px;font:normal 11px/28px NGB;color:#8d8d8d;} .mainCont05 .cont05L .itemList li .updown img{margin-right:8px;vertical-align:middle;} .mainCont05 .cont05R{float:right;width:976px;} .mainCont05 .cont05R .thumb{float:left;width:797px;} .mainCont05 .cont05R .thumb li{display:none;position:relative;} .mainCont05 .cont05R .thumb li a>img{display:block;} .mainCont05 .cont05R .thumb li span{position:absolute;left:3px;top:-42px;} .mainCont05 .cont05R .thumb li:first-child{display:block;} .mainCont05 .cont05R .tabMenu{float:right;width:179px;} .mainCont05 .cont05R .tabMenu li{height:74px;padding-top:13px;font-family:NGB;color:#5f5f5f;line-height:60px;text-align:center;cursor:pointer;border-top:1px solid #d6e4f2;background:url('images/main_cont05_02_tab01_off.gif') no-repeat;} .mainCont05 .cont05R .tabMenu li:first-child{height:73px;border-top:none;} .mainCont05 .cont05R .tabMenu li:nth-child(2){background-image:url('images/main_cont05_02_tab02_off.gif');} .mainCont05 .cont05R .tabMenu li:nth-child(3){background-image:url('images/main_cont05_02_tab03_off.gif');} .mainCont05 .cont05R .tabMenu li:nth-child(4){background-image:url('images/main_cont05_02_tab04_off.gif');} .mainCont05 .cont05R .tabMenu li:nth-child(5){background-image:url('images/main_cont05_02_tab05_off.gif');} .mainCont05 .cont05R .tabMenu li.current{color:#fff;} .mainCont05 .cont05R .tabMenu li:nth-child(1).current{background-image:url('images/main_cont05_02_tab01_on.gif');} .mainCont05 .cont05R .tabMenu li:nth-child(2).current{background-image:url('images/main_cont05_02_tab02_on.gif');} .mainCont05 .cont05R .tabMenu li:nth-child(3).current{background-image:url('images/main_cont05_02_tab03_on.gif');} .mainCont05 .cont05R .tabMenu li:nth-child(4).current{background-image:url('images/main_cont05_02_tab04_on.gif');} .mainCont05 .cont05R .tabMenu li:nth-child(5).current{background-image:url('images/main_cont05_02_tab05_on.gif');} .mainCont06{overflow:hidden;width:1300px;margin:51px auto 90px;} .mainCont06 h2{position:relative;} .mainCont06 h2 .more{position:absolute;right:0;top:2px;font-size:14px;color:#898989;padding-left:20px;background:url('images/cont06_icon_more.gif') no-repeat 0 2px;} .mainCont06 .cont06A{float:left;width:294px;margin-right:28px;} .mainCont06 .cont06A #mainSlide06_1{position:relative;} .mainCont06 .cont06A #mainSlide06_1>a{position:absolute;right:0;top:27px;width:19px;height:19px;cursor:pointer;background:url('images/main_cont06_01_arrowUp.gif') no-repeat 0 0;z-index:20;} .mainCont06 .cont06A #mainSlide06_1>a.vc_goDown{top:406px;background-image:url('images/main_cont06_01_arrowDown.gif');} .mainCont06 .cont06A .vc_list li{clear:both;height:151px;margin-bottom:5px;padding-top:27px;background:url('images/dotted_line01.gif') repeat-x 0 100%;} .mainCont06 .cont06A .vc_list li:first-child{height:150px;} .mainCont06 .cont06A .vc_list li .thumb{float:left;width:112px;} .mainCont06 .cont06A .vc_list li dl{float:left;width:155px;padding-left:11px;} .mainCont06 .cont06A .vc_list li dt{font-family:NBGB;color:#000;letter-spacing:-0.025em;} .mainCont06 .cont06A .vc_list li dd.txt01{overflow:hidden;height:32px;margin:6px 0 17px;font-size:14px;font-family:NBG;color:#676767;letter-spacing:-0.025em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;} .mainCont06 .cont06A .vc_list li dd.txt02{font-size:12px;font-family:NBG;color:#a8a8a8;} .mainCont06 .cont06A .vc_list li dd.txt02 em{color:#ec5e00;} .mainCont06 .cont06B{float:left;width:299px;margin-right:28px;} .mainCont06 .cont06B h2{margin-bottom:27px;} .mainCont06 .cont06B .owl-nav [class*='owl-']{position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);display:inline-block;margin:0;padding:0;width:32px;height:49px;cursor:pointer;border-radius:0;text-indent: -9999px;background:url('images/main_cont06_02_prev.png') no-repeat;} .mainCont06 .cont06B .owl-nav .owl-next{left:auto;right:0;background-image:url('images/main_cont06_02_next.png');} .mainCont06 .cont06C{float:left;width:299px;margin-right:28px;} .mainCont06 .cont06C h2{margin-bottom:27px;} .mainCont06 .cont06C ul{overflow:hidden;border:1px solid #c6cfdc;} .mainCont06 .cont06C li{float:left;width:149px;border-top:1px solid #c6cfdc;border-right:1px solid #c6cfdc;} .mainCont06 .cont06C li:first-child{width:100%;border-top:none;border-right:none;} .mainCont06 .cont06C li:nth-child(3),.mainCont06 .cont06C li:nth-child(5){width:148px;border-right:none;} .mainCont06 .cont06C li a .action, .mainCont06 .cont06C li a:hover .default{display:none;} .mainCont06 .cont06C li a:hover .action{display:block;} .mainCont06 .cont06C li img{display:block;} .mainCont06 .cont06D{float:left;width:324px;} .mainCont06 .cont06D .list{margin-top:19px;} .mainCont06 .cont06D .list li{padding-left:16px;font-family:NBG;line-height:36px;background:url('images/icon_dot01.gif') no-repeat 2px 16px;} .mainCont06 .cont06D .listNotice{margin-bottom:30px;padding-bottom:14px;background:url('images/dotted_line01.gif') repeat-x 0 100%;} .mainCont06 .cont06D .btn{overflow:hidden;margin-top:20px;} .mainCont06 .cont06D .btn li{float:left;padding-left:7px;} .mainCont06 .cont06D .btn li:first-child{padding-left:0;} .mainCont06 .cont06D .btn li img{display:block;} .mainCont06 .cont06D .btn li a .action, .mainCont06 .cont06D .btn li a:hover .default{display:none;} .mainCont06 .cont06D .btn li a:hover .action{display:block;} .mainCont07{background:#aeb6c1;} .mainCont07 img{display:block;margin:0 auto;} /* 메인 착한견적 레이어 팝업 */ .pop_layer{display:none;position:static;;left:0;top:0;width:100%;min-width:1300px;height:100%;z-index:9999;} .pop_layer_back{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;-ms-filter: alpha(opacity=57);filter: alpha(opacity=57);opacity:0.57;-moz-opacity:0.57;z-index:99999;} .pop_layer .popContent{position:fixed;left:50%;/* transform:translateX(-50%);-webkit-transform:translateX(-50%); */z-index:99999;} #popAngelPrice02 .popContent{top:150px;width:767px;margin-left:-383px;background:#001f3e;border:5px solid #001f3e;} #popAngelPrice02 .popTitle img{display:block;} #popAngelPrice02 fieldset{padding:0 33px 25px 27px;background:#fff;} #popAngelPrice02 .course{margin-bottom:-6px;padding:6px 0 5px 18px;font-size:14px;line-height:27px;font-family:NBG;color:#000;background:#f1f3f5;border:1px solid #cfcfcf;} #popAngelPrice02 .course strong{font-size:16px;font-family:NBGB;color:#ce4a3f;} #popAngelPrice02 table{width:100%;} #popAngelPrice02 th{height:59px;padding-left:14px;font-family:NBGB;color:#0d0d0d;letter-spacing:-0.03em;text-align:left;background:url('images/dotted_line01.gif') repeat-x 0 100%;} #popAngelPrice02 td{padding-right:25px;background:url('images/dotted_line01.gif') repeat-x 0 100%;} #popAngelPrice02 td.type{font-family:NBGB;color:#016ddb;letter-spacing:-0.01em;} #popAngelPrice02 td.type input{margin-top:3px;vertical-align:top;} #popAngelPrice02 td.type label{margin:0 24px 0 4px;} #popAngelPrice02 td .formText{width:100%;height:42px;padding-left:18px;font-size:13px;color:#999;border:1px solid #b5b8bf;} #popAngelPrice02 td .formName{width:143px;} #popAngelPrice02 td .formSelect{width:91px;height:42px;padding-left:18px;font-size:13px;color:#999;border:1px solid #b5b8bf;} #popAngelPrice02 td .formTel01{width:105px;margin-left:-1px;} #popAngelPrice02 p.agree{margin:11px 0 20px 14px;font-size:13px;color:#565656;letter-spacing:-0.125em;} #popAngelPrice02 p.agree input{display:none;} /* #popAngelPrice02 p.agree label{display:inline-block;height:18px;padding-top:1px;padding-left:26px;background:url('images/checxbox_off02.gif') no-repeat 0 0px;} #popAngelPrice02 p.agree label.formCheckboxOn{background-image:url('images/checxbox_on.gif');} */ #popAngelPrice02 .btn{text-align:center;} #popAngelPrice02 .btn img{display:inline-block;margin:0 auto;} #popAngelPrice02 .close{position:absolute;right:16px;top:17px;} /* 서브페이지 */ .sub #container{padding-bottom:150px;} .subCont01{position:relative;} .subCont01 #subVisual .owl-item{height:455px;} .subCont01 #subVisual .item{background:url('images/png57.png') no-repeat 50% 0;} .subCont01 #subVisual .owl-item img{width:1903px;max-width:1903px;} .subCont01 #subVisual .owl-nav{position:absolute;left:50%;top:50%;z-index:10;width:1300px;margin-left:-650px;/* transform:translateX(-50%);-webkit-transform:translateX(-50%); */} .subCont01 #subVisual .owl-nav [class*='owl-']{display:inline-block;margin:0;padding:0;width:30px;height:54px;cursor:pointer;border-radius:0;text-indent: -9999px;background:url('images/visual_prev.png') no-repeat;} .subCont01 #subVisual .owl-nav .owl-next{position:absolute;right:0;background-image:url('images/visual_next.png');} .subCont01 .owl-dots{display:block;position:absolute;left:50%;bottom:25px;transform:translateX(-50%);-webkit-transform:translateX(-50%);height:10px;text-align:center;} .subCont01 .owl-dots .owl-dot{display:inline;margin:0 12px;} .subCont01 .owl-dots .owl-dot span{display:inline-block;width:16px;height:15px;background:url('images/sub_cont01_off.png') no-repeat;} .subCont01 .owl-dots .owl-dot.active span, #slide01 .owl-pagination .owl-page:hover span{background-image:url('images/sub_cont01_on.png');} .subCont01 .tourInfoSel>dl{position:absolute;top:25px;left:50%;width:314px;margin-left:-593px;background:#fff;overflow:hidden;z-index:99;} .subCont01 .tourInfoSel>dl>dt{position:relative;height:72px;margin-bottom:19px;padding:26px 82px 0 22px;font-size:24px;font-family:NBG;color:#fff;background:#4c4e50;} .subCont01 .tourInfoSel>dl>dt>div{position:absolute;right:0;top:0;width:43px;height:72px;padding-top:20px;font-size:14px;line-height:18px;color:#f1f8ff;text-align:center;background:#001f3e;} .subCont01 .tourInfoSel>dl>dd.sel{padding:0 22px 0;} .subCont01 .tourInfoSel>dl>dd.btn{margin-top:36px;} .subCont01 .tourInfoSel>dl>dd.btn ul{overflow:hidden;} .subCont01 .tourInfoSel>dl>dd.btn li{float:left;padding-left:1px;} .subCont01 .tourInfoSel>dl>dd.btn li:first-child{padding-left:0;} .subCont01 .tourInfoSel>dl>dd.btn li img{display:block;} .sub #container .formSelect{position:relative;z-index:10;} .sub #container .formSelect dt{height:36px;margin-bottom:25px;padding-left:16px;font-size:15px;font-family:NBGB;line-height:36px;color:#444;cursor:pointer;border:1px solid #9d9d9d;background:url('images/sub_selectbox_arrow01.gif') no-repeat right 15px;} .sub #container .formSelect dd{display:none;position:absolute;left:0;top:35px;width:270px;border:1px solid #9d9d9d;background:#f9fbfb;z-index:9999;} .sub #container .formSelect dd li{padding:6px 0 8px 16px;font-size:14px;color:#444;cursor:pointer;} .sub #container .formSelect dd li:first-child{padding-top:5px;} .sub #container .formSelect dd li:last-child{padding-bottom:7px;} .sub #container .formSelect dd li:hover, .sub #container .formSelect dd li.on{background:#e1e1e1;} .subCont02{margin-top:4px;padding:35px 0 29px;background:#cdcdcd url('images/sub_cont02.jpg') no-repeat 50% 0;} .sub #container .quickSearch{width:1216px;margin:0 auto;} .sub #container .quickSearch .formSelect{float:left;width:304px;padding:0 15px;} .sub #container .quickSearch .formSelect dt{margin-bottom:0;padding-left:18px;height:48px;line-height:46px;background:#fff url('images/sub_selectbox_arrow02.gif') no-repeat right 14px;} .sub #container .quickSearch .formSelect dd{left:15px;top:47px;width:274px;} .sub .itemList01{width:1186px;margin:35px auto 0;} .sub .itemList01>p{padding-left:17px;color:#000;letter-spacing:-0.075em;background:url('images/icon_t_arrow.gif') no-repeat 0 3px;} .sub .itemList01>p strong{font-family:NGEB;color:#2b86de;letter-spacing:-0.025em;} .sub .itemList01>p span{margin-left:32px;ont-size:14px;letter-spacing:-0.025em;color:#6f6f6f;} .sub .itemList01 ul{overflow:hidden;padding:10px 0 88px;} .sub .itemList01 li{float:left;position:relative;width:278px;margin-top:27px;padding-top:5px;margin-right:25px;} .sub .itemList01 li:nth-child(4n+3){margin-right:24px;} .sub .itemList01 li:nth-child(4n+4){margin-right:0;} .sub .itemList01 li .inner{position:relative;overflow:hidden;height:430px;padding-top:223px;background:#fff url('images/list_img01.jpg') no-repeat 0 0;border:1px solid #dbdbdb;} .sub .itemList01 li .inner::after {display:none;position:absolute;left:0;top:0;width:100%;height:223px;content: "";background-color:rgba(0, 0, 0, 0.5);z-index:;} .sub .itemList01 li dl{position:relative;padding:18px 19px 0;background:#fff;z-index:10;} .sub .itemList01 li dt{overflow:hidden;height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;} .sub .itemList01 li dt a{font:normal 19px/20px NGB;color:#000;letter-spacing:-0.025em;} .sub .itemList01 li dd.desc{overflow:hidden;height:40px;margin:4px 0 8px;font-size:14px;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;} .sub .itemList01 li dd.desc a{color:#8c8c8c;letter-spacing:-0.1em;} .sub .itemList01 li dd.area{margin-bottom:6px;font-size:11px;line-height:20px;font-family:Dotum;letter-spacing:-0.15em;color:#666;opacity:0.75;} .sub .itemList01 li dd.price{position:relative;padding-bottom:20px;} .sub .itemList01 li dd.price>strong{margin-left:14px;font-size:19px;font-family:NG;color:#b42908;letter-spacing:-0.01em;} .sub .itemList01 li dd.price>strong span{font-size:14px;color:#000;} .sub .itemList01 li dd.price img{vertical-align:middle;} .sub .itemList01 li dd.price img.over, .sub .itemList01 li dd.price a:hover img.default, .sub .itemList01 li dd.price .pop{display:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;} .sub .itemList01 li dd.price a{cursor:default;} .sub .itemList01 li dd.price a:hover img.over{display:inline-block;} .sub .itemList01 li dd.price a:hover .pop{display:block;position:absolute;left:0;top:43px;width:156px;height:93px;padding:11px 0 0 7px;font-size:11px;line-height:16px;font-family:NBG;color:#000;letter-spacing:-0.075em;background:#fffff7;border:2px solid #feb321;border-radius:1px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;} .sub .itemList01 li dd.price a:hover .pop strong{display:inline-block;padding-bottom:1px;padding-left:15px;font-size:14px;font-family:NBGB;background:url('images/icon_point.gif') no-repeat 0 1px;} .sub .itemList01 li dd.btn{display:none;margin-top:14px;padding:22px 0 40px;text-align:center;background:url('images/dotted_line02.gif') repeat-x 0 0;} .sub .itemList01 li dd.btn a{display:inline-block;} .sub .itemList01 li dd.btn img.over, .sub .itemList01 li dd.btn a:hover img.default{display:none;} .sub .itemList01 li dd.btn a:hover img.over{display:block;} .sub .itemList01 li .num{position:absolute;left:13px;top:0;display:inline-block;width:45px;height:39px;padding-top:9px;font-size:18px;font-family:NGEB;color:#fff;letter-spacing:-0.05em;background:url('images/sub_list_num.png') no-repeat;} .sub .itemList01 li .num span{display:inline-block;width:39px;text-align:center;} .sub .itemList01 li:hover .inner::after{display:block;} .sub .itemList01 li:hover .inner{padding-top:113px;transition-duration:0.3s;} .sub .itemList01 li:hover dd.btn{display:block;} .sub .itemList01 .btn_more a{display:block;width:602px;height:81px;margin:0 auto;padding-top:29px;font-size:24px;font-family:NBG;color:#001f3e;letter-spacing:-0.03em;text-align:center;border:1px solid #9e9e9e;background:#fff;} .sub .itemList01 .btn_more a img{margin:-11px 0 0 16px;vertical-align:top;} .sub .eventList01 ul{overflow:hidden;padding-top:31px;} .sub .eventList01 li{float:left;position:relative;width:379px;height:378px;margin-right:24px;margin-bottom:35px;border:1px solid #dbdbdb;} .sub .eventList01 li:nth-child(3n+3){margin-right:0;} .sub .eventList01 li .thumb img{width:100%;max-width:377px;} .sub .eventList01 li dl{padding-left:99px;padding-top:15px;} .sub .eventList01 li dt a{font:20px/28px NGB;color:#000;letter-spacing:-0.05em;} .sub .eventList01 li dd.date{margin:6px 0 31px;font-size:12px;line-height:20px;color:#8c8c8c;letter-spacing:0;} .sub .eventList01 li dd.sns{padding:13px 18px 0 0;text-align:right;border-top:1px solid #dbdbdb;} .sub .eventList01 li dd.sns a{margin-left:6px;} .sub .eventList01 li .flag{position:absolute;left:0;top:216px;} .sub .eventList01 .btn_more{margin-top:65px;} .sub .eventList01 .btn_more a{display:block;width:602px;height:81px;margin:0 auto;padding-top:29px;font-size:24px;font-family:NBG;color:##001f3e;letter-spacing:-0.03em;text-align:center;border:1px solid #9e9e9e;background:##fff;} .sub .eventList01 .btn_more a img{margin:-11px 0 0 16px;vertical-align:top;} .sub .magazineList01 ul{overflow:hidden;padding-top:31px;} .sub .magazineList01 li{float:left;width:581px;height:225px;margin-bottom:39px;border:1px solid #dbdbdb;background:#f2f2f2;} .sub .magazineList01 li:nth-child(2n+2){float:right;} .sub .magazineList01 li .thumb{float:left;width:272px;} .sub .magazineList01 li .thumb img{width:100%;max-width:272px;} .sub .magazineList01 li .inner{float:left;width:307px;} .sub .magazineList01 li .inner .sns{height:43px;padding:8px 11px 0 0;text-align:right;} .sub .magazineList01 li .inner .sns a{margin-left:6px;} .sub .magazineList01 li .inner dt{padding:5px 16px 11px 20px;font:26px/33px NGB;color:#000;background:#fff;} .sub .magazineList01 li .inner dt span{font-size:18px;} .sub .magazineList01 li .inner dt a{color:#000;} .sub .magazineList01 li .inner dd{padding:7px 16px 0 20px;font-size:14px;line-height:20px;color:#000;letter-spacing:-0.1em;word-break:keep-all;word-wrap:break-word;} .sub .magazineList01 li .inner dd p.cate{margin-top:13px;padding-top:7px;font:11px/18px DotumChe;letter-spacing:-0.15em;background:url('images/magazineList01_dottedline.jpg') repeat-x 0 0;} .sub .magazineList01 .btn_more{margin-top:65px;} .sub .magazineList01 .btn_more a{display:block;width:602px;height:81px;margin:0 auto;padding-top:29px;font-size:24px;font-family:NBG;color:##001f3e;letter-spacing:-0.03em;text-align:center;border:1px solid #9e9e9e;background:##fff;} .sub .magazineList01 .btn_more a img{margin:-11px 0 0 16px;vertical-align:top;} .sub .reviewList01 ul{padding-top:48px;} .sub .reviewList01 li{overflow:hidden;margin-bottom:27px;padding-bottom:30px;background:url('images/reviewList01_dottedline.jpg') repeat-x 0 100%;} .sub .reviewList01 li .thumb{float:left;width:220px;margin-right:24px;} .sub .reviewList01 li dl{float:left;width:942px;padding-right:100px;} .sub .reviewList01 li dt{margin:7px 0 9px;font:18px/18px NGB;color:#000;} .sub .reviewList01 li dt a{color:#000;} .sub .reviewList01 li dd{font-size:14px;line-height:22px;color:#000;} .sub .reviewList01 li dd.icon{padding-top:2px;} .sub .bbsList01{margin-top:35px;} .sub .bbsList01 table{width:100%;} .sub .bbsList01 thead th{height:64px;font:normal 14px NG;color:#040404;border:1px solid #000;border-width:1px 0;background:#f5f5f5;} .sub .bbsList01 tbody td{height:62px;color:#838383;font-size:14px;text-align:center;border-bottom:1px solid #ddd;} .sub .bbsList01 tbody td p{height:20px;padding:0 45px;overflow:hidden;font-size:16px;text-align:left;white-space:nowrap;} .sub .bbsList01 tbody td a{font:bold 16px NGB;color:#040404;} .sub .bbsList01 tbody td.num{font:bold 16px NGB;color:#151515;} .sub .bbsList01 tbody td.num em{display:inline-block;width:79px;height:34px;line-height:34px;color:#fff;background:#015dae;} .sub .bbsPaging{text-align:center;margin-top:75px;} .sub .bbsPaging span img{vertical-align:middle;} .sub .bbsPaging span.num{margin:0 5px;} .sub .bbsPaging span.num a{display:inline-block;min-width:30px;height:30px;padding:0 5px;font:bold 14px NGB;line-height:28px;color:#909090;vertical-align:middle;border:1px solid #dedede;} .sub .bbsPaging span.num a.current{color:#fff;background:#0158aa;border-color:#0158aa;} .sub .bbsView01{margin-top:45px;border-top:1px solid #ccc;font-size:18px;} .sub .bbsView01 table{width:100%;} .sub .bbsView01 table.view thead th{height:68px;padding:0 25px;color:#000;letter-spacing:-0.01em;text-align:left;} .sub .bbsView01 table.view thead td{font-size:14px;text-align:center;color:#707070;letter-spacing:-0.01em;} .sub .bbsView01 table.view tbody td.viewCont{padding:20px 0 50px;line-height:30px;color:#303030;border-top:4px solid #444;} .sub .bbsView01 table.view tbody td.viewCont img{max-width:100%;} .sub .bbsView01 table.list{border-top:4px solid #444;} .sub .bbsView01 table.list th, .sub .bbsView01 table.list td{height:62px;font:bold 16px NGB;color:#040404;border-bottom:1px solid #ccc;} .sub .bbsView01 table.list td{padding:0 40px 0 41px;background:url('images/center_bbs_bar.jpg') no-repeat 0 26px;} .sub .bbsView01 table.list td a{color:#040404;} .sub .bbsView01 .btn_c{margin-top:40px;text-align:center;} .sub .bbsView01 .btn_c a{display:inline-block;width:315px;height:44px;font-size:18px;line-height:44px;color:#fff;background:#077ced;} .sub .bbsForm01 table{width:100%;border-top:4px solid #444;} .sub .bbsForm01 th{padding-left:40px;text-align:left;color:#606060;border-bottom:1px solid #ddd;} .sub .bbsForm01 td{padding:25px 40px 26px 0;border-bottom:1px solid #ddd;} .sub .bbsForm01 td input[type="text"], .sub .bbsForm01 td textarea{width:100%;height:43px;padding:0 15px;font-size:16px;border:1px solid #b5b8bf;} .sub .bbsForm01 td textarea{height:322px;line-height:30px;padding:11px 15px;font-family:NG;} .sub .bbsForm01 .btn_c{margin-top:40px;text-align:center;} .sub .bbsForm01 .btn_c a{display:inline-block;width:315px;height:44px;font-size:18px;line-height:44px;color:#fff;background:#077ced;} .sub .bbsFaq01{margin-top:50px;border-top:1px solid #000;} .sub .bbsFaq01 dt{position:relative;padding:0 73px 0 205px;line-height:61px;font-weight:bold;font-family:NGB;color:#040404;cursor:pointer;border-bottom:1px solid #ddd;background:url('images/center_faq_q.jpg') no-repeat 34px 12px;} .sub .bbsFaq01 dt span{position:absolute;left:69px;top:0;display:inline-block;width:136px;text-align:center;color:#077ced;} .sub .bbsFaq01 dt:after {position:absolute;right:28px;top:25px;display:inline-block;width:17px;height:11px;content:"";background:url('images/center_faq_arrow_down.jpg') no-repeat;background-size:17px 11px;} .sub .bbsFaq01 dt.on:after{top:27px;width:18px;height:12px;background-image:url('images/center_faq_arrow_up.jpg');background-size:18px 12px;} .sub .bbsFaq01 dd{display:none;padding:21px 74px 52px 205px;font-size:14px;color:#040404; line-height:25px; word-break:keep-all;word-wrap:break-word;border-bottom:1px solid #ddd;background:#f7f8f9 url('images/center_faq_a.jpg') no-repeat 34px 9px;} /* 여행상품 상세보기 */ .detail_wrap{width:100%;height:51px;background:#e4e8eb;} .detail_wrap .detail_loca{position:relative;width:1186px;margin:0 auto;} .detail_wrap .detail_loca p{padding:19px 0 0 7px;font-size:14px;line-height:18px;color:#444;letter-spacing:-0.01em;} .detail_wrap .detail_loca .formSelect{position:absolute !important;right:2px;top:9px;width:274px;} .detail_wrap .detail_loca .formSelect dt{height:33px !important;line-height:31px !important;background-color:#fff !important;background-image:url('images/sub_selectbox_arrow02.gif') !important;background-position:100% 7px !important;} .detail_wrap .detail_loca .formSelect dd{top:32px !important;width:274px !important;max-height:680px;overflow-y:auto;} .detailCont{width:1186px;margin:0 auto;padding-top:42px;} .detailCont .info h1{font-size:24px;line-height:18px;color:#000;} .detailCont .info p{margin:13px 0 23px;font-size:14px;line-height:18px;color:#525252;letter-spacing:-0.01em;word-spacing:-0.05em;} .detailCont .info ul{overflow:hidden;} .detailCont .info li{float:left;width:398px;padding-left:8px;} .detailCont .info li:first-child{width:390px;padding-left:0px;} .detailCont .info li img{display:block;width:390px;} .detailCont .tourCode{overflow:hidden;margin-top:21px;} .detailCont .tourCode .bnr{float:left;width:950px;} .detailCont .tourCode .bnr img{display:block;width:950px;} .detailCont .tourCode .itemCode{float:right;width:231px;border:1px solid #ddd;} .detailCont .tourCode .itemCode p{height:51px;padding-left:14px;font-size:16px;line-height:50px;color:#fff;border-bottom:1px solid #ddd;background:#4a505d;} .detailCont .tourCode .itemCode p strong{padding-left:8px;font-size:18px;} .detailCont .tourCode .itemCode ul{overflow:hidden;height:61px;padding:12px 0 0 7px;background:#f7f8fa;} .detailCont .tourCode .itemCode li{float:left;padding-left:15px;} .detailCont .tourDetail .tabMenu{overflow:hidden;height:65px;margin-top:28px;background:#fff;} .detailCont .tourDetail .tabMenu ul{overflow:hidden;} .detailCont .tourDetail .tabMenu li{float:left;width:190px;margin-right:1px;font:16px/65px NBGB;color:#fff;cursor:pointer;text-align:center;background:#4a505d;} .detailCont .tourDetail .tabMenu li.current{background:#2da3e8;} .detailCont .tourDetail_fixed{padding-top:65px;} .detailCont .tourDetail_fixed .tabMenu{position:fixed;left:50%;top:0;width:1186px;margin-top:0;z-index:100;margin-left:-593px;/* transform:translateX(-50%);-webkit-transform:translateX(-50%); */} .detailCont .tourDetail #tourTabMenu01{float:left;width:763px;height:65px;margin-right:1px;} .detailCont .tourDetail .menu02 li.schedule{width:231px;margin-right:0;background:#ffa903;} .flexslider{position:relative;} .flex-control-nav{display:none;} .flex-direction-nav a:before{content:" ";display:block;width:11px;height:13px;font-size:0;background:url("images/detail_tab_prev.png") no-repeat 50% 50%;background-size:11px 13px;} .flex-direction-nav a{position:absolute;bottom:auto;top:48px;width:11px;height:13px;font-size:0;} .flexslider .flex-direction-nav .flex-prev{left:9px;} .flexslider .flex-direction-nav .flex-next{right:9px;} .flexslider:hover .flex-direction-nav .flex-prev{left:9px;opacity:1;} .flexslider:hover .flex-direction-nav .flex-next{right:9px;opacity:1;} .flexslider .flex-direction-nav .flex-prev, .flexslider .flex-direction-nav .flex-next{opacity:1;} .flexslider .flex-direction-nav .flex-disabled{opacity:0;} .flex-direction-nav .flex-next:before{background-image:url( "images/detail_tab_next.png" );} .detailCont .tour_cont{margin-top:14px;border:1px solid #e1e1e1;} .detailCont .tour_cont .inner{width:938px;margin:0 auto;padding-bottom:40px;} .detailCont .tour_cont h2{margin:42px 0 41px;font:36px/18px NGEB;color:#3e94eb;text-align:center;background:url('images/detail_cont01_t_bg.jpg') no-repeat 50% 50%;} .detailCont .tour_cont h3{margin-top:39px;font:30px/28px NBG;color:#4a505d;text-align:center;} .detailCont .tour_cont .txt{margin:30px 0 -5px;font-size:18px;line-height:29px;color:#4a505d;word-spacing:-0.05em;word-break:keep-all;word-wrap:break-word;text-align:center;} .detailCont .tour_cont .line01{margin-top:56px;height:1px;background:url('images/detail_bg_dottedline01.jpg') repeat-x;} .detailCont .tour_cont .section01{margin-top:44px;text-align:center;background:url('images/detail_bg_dottedline01.jpg') repeat-x 0 50%;} .detailCont .tour_cont .section01 span{display:inline-block;padding:0 10px;background:#fff;} .detailCont .tour_cont .img{margin-top:50px;} .detailCont .tour_cont .img img{display:block;} .detailCont .tour_cont .img02, .detailCont .tour_cont .img03, .detailCont .tour_cont .img04{overflow:hidden;} .detailCont .tour_cont .img02 li, .detailCont .tour_cont .img03 li, .detailCont .tour_cont .img04 li{float:left;width:468px;} .detailCont .tour_cont .img02 li:first-child{float:none;width:938px;margin-bottom:2px;} .detailCont .tour_cont .img04 li:nth-child(3){margin-top:2px;} .detailCont .tour_cont .vod{margin-top:50px;} .detailCont .tour_cont .vod iframe{width:938px;height:525px;} /* 리얼리뷰 */ .detailCont .tour_review .inner{width:1075px;padding:44px 0 54px;} .detailCont .tour_review p.cnt{padding-bottom:7px;font-size:15px;line-height:22px;color:#484848;text-align:right;} .detailCont .tour_review p.cnt em{color:#ff7400;} .detailCont .reviewList{padding-top:9px;border-top:2px solid #000;} .detailCont .reviewList li{overflow:hidden;padding:26px 0 30px;background:url('images/detail_bg_dottedline01.jpg') repeat-x 0 100%;} .detailCont .reviewList li .thumb{float:left;width:220px;margin-right:24px;} .detailCont .reviewList li .thumb img{display:block;width:220px;} .detailCont .reviewList li dl{float:left;width:800px;} .detailCont .reviewList li dl a{color:#000;} .detailCont .reviewList li dd.icon{margin-top:2px;height:auto;} .detailCont .reviewList li dt{margin:7px 0 8px;font:18px/18px NGB;color:#000;} .detailCont .reviewList li dd{overflow:hidden;height:44px;font-size:14px;line-height:22px;color:#000;} .detailCont .btn_more{margin-top:88px;text-align:center;} .detailCont .btn_more a{display:inline-block;width:602px;height:81px;font:24px/79px NBG;color:#2f2d2d;text-align:center;border:1px solid #aeaeae;background:#fff;} .detailCont .btn_more a img{margin:18px 0 0 14px;vertical-align:top;} /* 세부일정 및 요금 */ .tour_schedule{padding:44px 0 50px;} .tour_schedule .inner{width:1080px !important;} .tour_schedule .calendar{position:relative;padding:0 49px 0 50px;} .tour_schedule .calendar ul{overflow:hidden;border-left:1px solid #8d95a6;} .tour_schedule .calendar li{float:left;width:140px;height:33px;line-height:31px;color:#010101;text-align:center;cursor:pointer;border:1px solid #8d95a6;border-right:none;} .tour_schedule .calendar li.current{font-family:NGB;color:#fff;background:#077ced;} .tour_schedule .calendar .arrow{position:absolute;left:0;top:0;} .tour_schedule .calendar .arrow_next{left:auto;right:0;} .tour_schedule .product_list p.cnt{margin:32px 0 14px;color:#616161;text-align:right;} .tour_schedule .product_list p.cnt strong{font-size:18px;font-family:NGEB;color:#077ced;} .tour_schedule table{width:100%;} .tour_schedule .product_list thead th{height:42px;font-size:14px;color:#000;background:#f9fbfb;border-top:1px solid #555;border-bottom:1px solid #d1d1d1;} .tour_schedule .product_list .listBody{max-height:246px;overflow-y:auto;} .tour_schedule .product_list tbody tr{background:url('images/detail_bg_dottedline02.gif') repeat-x 0 100%;} .tour_schedule .product_list tbody td{height:41px;font-size:14px;color:#000;letter-spacing:-0.05em;text-align:center;} .tour_schedule .product_list tbody tr td:first-child{font-size:13px;font-family:NGB;} .tour_schedule .product_list tbody tr:hover td{background:#f3f3f3 url('images/detail_bg_dottedline02.gif') repeat-x 0 100%;} .tour_schedule .product_list tbody td.airName{padding-left:16px;color:#696969;text-align:left;} .tour_schedule .product_list tbody td.airName img{margin:2px 5px 0 0;vertical-align:top;} .tour_schedule .product_list tbody td p{padding-left:17px;text-align:left;} .tour_schedule .product_list tbody td p img.icon{margin:1px 0 0 10px;vertical-align:top;} .tour_schedule .product_list tbody td.price{font-family:NGB;color:#067ced;} .tour_schedule .pkgSchedule{margin-top:40px;padding-top:44px;position:relative;border-top:1px solid #555;} .tour_schedule .pkgSchedule .cotent{width:880px;} .tour_schedule .pkgSchedule h3{margin-top:0;font:18px/42px NGB;color:#000;text-align:left;} .tour_schedule .pkgSchedule h3 em{padding-left:8px;font-size:20px;} .tour_schedule .pkgSchedule .table01{margin-top:10px;border-top:2px solid #6d7588;} .tour_schedule .pkgSchedule .table01 th{height:42px;padding-left:28px;font:14px NG;color:#000;text-align:left;border-bottom:1px solid #e4e4e4;background:#f2f2f2;} .tour_schedule .pkgSchedule .table01 td{padding-left:24px;font-size:14px;color:#000;border-bottom:1px solid #e4e4e4} .tour_schedule .pkgSchedule .table01 td ul{margin-left:-8px;} .tour_schedule .pkgSchedule .table01 td li{display:inline-block;padding:0 8px;} .tour_schedule .pkgSchedule .table01 td li.on span{display:inline-block;width:24px;height:24px;font-family:NGEB;line-height:24px;color:#fffc00;text-align:center;background:#077ced;border-radius:50%;} .tour_schedule .pkgSchedule .table02{margin-top:22px;} .tour_schedule .pkgSchedule .table02 th{height:33px;color:#fefefe;background:#077ced;} .tour_schedule .pkgSchedule .table02 th.price{position:relative;} .tour_schedule .pkgSchedule .table02 th.price img{margin-left:4px;vertical-align:top;} .tour_schedule .pkgSchedule .table02 th.price .pop{display:none;} .tour_schedule .pkgSchedule .table02 th.price:hover .pop{display:block;position:absolute;left:73px;top:33px;width:156px;height:93px;padding:11px 0 0 7px;font:11px/16px NBG;text-align:left;color:#000;letter-spacing:-0.075em;background:#fffff7;border:2px solid #feb321;border-radius:1px;} .tour_schedule .pkgSchedule .table02 th.price:hover .pop strong{display:inline-block;padding-bottom:1px;padding-left:15px;font-size:14px;font-family:NBGB;background:url('images/icon_point.gif') no-repeat 0 1px;} .tour_schedule .pkgSchedule .table02 td{height:42px;color:#000;text-align:center;border-bottom:1px solid #c9e4ff;border-left:1px solid #c9e4ff;} .tour_schedule .pkgSchedule .table02.confirm tbody td{height:auto;text-align:left;border:none;padding:0;} .tour_schedule .pkgSchedule .table02 td del{font-weight:bold;} .tour_schedule .pkgSchedule .table02 td img{display:inline-block;margin:0 auto;} .tour_schedule .pkgSchedule .table02 tbody tr:first-child td:first-child{border-left:none;} .tour_schedule .corePoint dt{position:relative;margin-top:40px;padding-left:25px;font:18px/33px NGB;color:#000;border:1px solid #cdcdcd;background:#f7f7f7;} .tour_schedule .corePoint dt:after{position:absolute;right:0px;top:14px;display:inline-block;width:27px;height:9px;content:"";background:url('images/detail_arrow01_down.png') no-repeat;background-size:27px 9px;} .tour_schedule .corePoint dt.off:after{top:12px;background-image:url('images/detail_arrow01_up.png');} .tour_schedule .corePoint dd{padding:14px 20px 20px;font-size:14px;line-height:24px;color:#000;border:1px solid #cdcdcd;border-top:none;} .tour_schedule .corePoint01 dt{color:#e01f71;background:#f7f7f7 url('images/detail_icon_dot01.png') no-repeat 10px 14px;} .tour_schedule .corePoint dd.special{padding:0;border:1px solid #cdcdcd;border-width:0 1px;} .tour_schedule .corePoint dd.special th{padding:16px 0 17px;font-size:14px;vertical-align:top;border-bottom:1px solid #cdcdcd;} .tour_schedule .corePoint dd.special th img{margin:6px 0 -8px;} .tour_schedule .corePoint dd.special td{padding:16px 0 15px;font-size:14px;line-height:21px;vertical-align:top;border-bottom:1px solid #cdcdcd;} .tour_schedule .corePoint dd.special td p{padding-left:7px;background:url('images/detail_icon_dot02.png') no-repeat 0 10px;} .tour_schedule .corePoint dd.special td p strong{color:#4ea0ee;} .tour_schedule .daySchedule>dt{position:relative;margin-top:60px;height:59px;font:18px/56px NGB;color:#000;border-top:2px solid #333;border-bottom:1px solid #b6bdcb;background:#eaf4ff;} .tour_schedule .daySchedule>dt span{display:inline-block;width:132px;height:56px;margin-right:23px;font:26px/56px NBEB;color:#fff;text-align:center;vertical-align:top;background:#001f3e;} .tour_schedule .daySchedule>dt:after{position:absolute;right:0px;top:22px;display:inline-block;width:42px;height:13px;content:"";background:url('images/detail_arrow02_down.png') no-repeat;background-size:42px 13px;} .tour_schedule .daySchedule>dt.off:after{top:20px;background-image:url('images/detail_arrow02_up.png');} .tour_schedule .daySchedule>dd{padding:0 15px;border-bottom:2px solid #333;} /*.tour_schedule .daySchedule>dd>p{margin-top:33px;font-family:NGB;line-height:30px;color:#000;letter-spacing:-0.05em;}*/ .tour_schedule .daySchedule>dd>p{font-family:NGB;line-height:25px;color:#000;letter-spacing:-0.05em;} .tour_schedule .daySchedule>dd>p .time{display:inline-block;width:47px;color:#389dfe;} .tour_schedule .daySchedule>dd>p .c_blue{color:#389dfe;} .tour_schedule .daySchedule>dd>p .c_red{color:#e80000;} /*.tour_schedule .daySchedule>dd .tip{margin-top:19px;padding:24px 25px;font-size:13px;line-height:16px;color:#252525;border:1px solid #cacaca;background:#f9fbfb;}*/ /*.tour_schedule .daySchedule>dd .tip strong{display:inline-block;margin-bottom:5px;font-size:16px;}*/ .tour_schedule .daySchedule>dd .tip02{margin-top:0;background:#fff;} .tour_schedule .daySchedule>dd .boxT01{position:relative;/*margin-top:20px;*/padding-left:25px;font-family:NGB;line-height:36px;color:#000;letter-spacing:-0.05em;background:#f0f0f0;border:1px solid #cacaca;border-bottom:none;} .tour_schedule .daySchedule>dd .boxT01 .more{position:absolute;right:18px;top:9px;font:13px NG;color:#2a2a2a;} .tour_schedule .daySchedule>dd .boxT01 .more a{color:#2a2a2a;} .tour_schedule .daySchedule>dd .boxT01 .more img{margin-left:7px;} .tour_schedule .daySchedule>dd .boxT02{/*margin:26px 0 -11px;height:38px;*/padding-left:25px;font-family:NGB;line-height:37px;color:#fff;letter-spacing:-0.05em;border-bottom:1px solid #cacaca;background:#077ced;} .tour_schedule .daySchedule>dd .blueBox{margin:34px 0 -21px;padding:16px 17px 15px;font-size:14px;line-height:24px;color:#000;word-break:keep-all;word-wrap:break-word;border:1px solid #cacaca;background:#eaf4ff;} .tour_schedule .daySchedule>dd .blueBox strong{font-size:16px;} .tour_schedule .daySchedule>dd>.imgbox{} .tour_schedule .daySchedule>dd>.imgbox ul{overflow:hidden;} .tour_schedule .daySchedule>dd>.imgbox li{float:left;position:relative;margin-right:16px;} .tour_schedule .daySchedule>dd>.imgbox li:nth-child(3){margin-right:0;} .tour_schedule .daySchedule>dd>.imgbox li img{display:block;width:253px;} .tour_schedule .daySchedule>dd>.imgbox li span{display:none;position:absolute;left:0;bottom:0;width:100%;height:24px;font-size:12px;line-height:24px;color:#fff;text-align:center;background:url('images/png75.png');} .tour_schedule .daySchedule>dd>.imgbox p{margin:14px 0 -6px;padding-right:16px;font-size:14px;line-height:20px;letter-spacing:-0.05em;color:#000;word-break:keep-all;word-wrap:break-word;} .tour_schedule .daySchedule>dd .foodStay{margin:5px -15px 0;} .tour_schedule .daySchedule>dd .foodStay th{width:73px;height:41px;padding-left:20px;font-size:15px;color:#303030;text-align:left;border-top:1px solid #d1d4d6;} .tour_schedule .daySchedule>dd .foodStay th img{margin:3px 10px 0 0;vertical-align:top;} .tour_schedule .daySchedule>dd .foodStay td{width:auto;font-size:14px;color:#5d636f;letter-spacing:-0.05em;border-top:1px solid #d1d4d6;} .tour_schedule .daySchedule>dd .foodStay td.food span{display:inline-block;margin:0 13px 0 30px;width:45px;height:19px;font-size:12px;line-height:19px;color:#fff;text-align:center;border-radius:10px;background:#b3b3b3;} .tour_schedule .daySchedule>dd .foodStay td.stay{padding-left:30px;font-size:15px;color:#389dfe;} .tour_schedule .pkgSchedule .sideA{position:absolute;right:-53px;top:44px;width:233px;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;} .tour_schedule .pkgSchedule .sideA_fixed{position:fixed;left:50%;top:65px;z-index:100;margin-left:361px;} .tour_schedule .pkgSchedule .sideA_abs{position:absolute;top:auto;bottom:-91px;z-index:1;} .tour_schedule .pkgSchedule .sideA .orderTour{padding:10px 20px;background:#28a6df;} .tour_schedule .pkgSchedule .sideA .orderTour dt{margin-bottom:0 !important;background-color:#fff !important;} .tour_schedule .pkgSchedule .sideA .orderTour dd{left:21px !important;top:45px !important;width:191px !important;} .tour_schedule .pkgSchedule .sideA>p.code{height:31px;padding-left:18px;font:12px/30px NGB;color:#444;background:#f9f9f9;border-bottom:1px solid #d2d2d2;} .tour_schedule .pkgSchedule .sideA>p.code strong{padding-left:5px;font-family:NGEB;color:#d50000;} .tour_schedule .pkgSchedule .sideA>p.title01{height:32px;padding-left:18px;font:14px/31px NGB;color:#000;background:#f9f9f9;border-bottom:1px solid #d2d2d2;} .tour_schedule .pkgSchedule .sideA>p.title01 img{margin:0 4px;} .tour_schedule .pkgSchedule .sideA>.btn01{overflow:hidden;} .tour_schedule .pkgSchedule .sideA>.btn01 li{float:left;width:116px;height:48px;border-bottom:1px solid #d2d2d2;} .tour_schedule .pkgSchedule .sideA>.btn01 li.algel{float:left;width:115px;} .tour_schedule .pkgSchedule .sideA>.btn01 li.algel img{display:block;} .tour_schedule .pkgSchedule .sideA>.btn01 li.algel img.hover, .tour_schedule .pkgSchedule .sideA>.btn01 li.algel a:hover img.default{display:none;} .tour_schedule .pkgSchedule .sideA>.btn01 li.algel a:hover img.hover{display:block;} .tour_schedule .pkgSchedule .sideA>.btn01 li.wish{position:relative;text-align:center;border-left:1px solid #d2d2d2;} .tour_schedule .pkgSchedule .sideA>.btn01 li.wish img{margin-top:7px;} .tour_schedule .pkgSchedule .sideA>.btn01 li.wish>span{display:none;} .tour_schedule .pkgSchedule .sideA>.btn01 li.wish:hover>span{position:absolute;left:0;top:0;display:block;width:100%;height:47px;color:#fff;line-height:47px;background:#e85581;} .tour_schedule .pkgSchedule .sideA>.btn01 li.wish:hover>span a{color:#fff;} .tour_schedule .pkgSchedule .sideA>.info01{padding:5px 23px 10px 19px;font-size:13px;line-height:21px;color:#444;background:#f9f9f9;} .tour_schedule .pkgSchedule .sideA>.info01 span{display:inline-block;width:60px;color:#000;} .tour_schedule .pkgSchedule .sideA>.info01 img{margin:-1px 3px 0 0;vertical-align:middle;} .tour_schedule .pkgSchedule .sideA>.info01 p span{width:50px;} .tour_schedule .pkgSchedule .sideA>.info01 p em{display:inline-block;width:82px;padding-left:10px;color:#389dfe;text-align:right;} .tour_schedule .pkgSchedule .sideA>.info02>dt{padding-left:20px;height:27px;font-size:13px;line-height:27px;color:#fff;background:#28a6df;} .tour_schedule .pkgSchedule .sideA>.info02>dd{padding:14px 20px 10px;background:#f3fcff;border-bottom:1px solid #d2d2d2;} .tour_schedule .pkgSchedule .sideA>.info02>dd .formSelect{margin-bottom:4px;} .tour_schedule .pkgSchedule .sideA>.info02>dd .formSelect dt{margin-bottom:0 !important;background-color:#fff !important;} .tour_schedule .pkgSchedule .sideA>.info02>dd .formSelect dd{width:191px !important;} .tour_schedule .pkgSchedule .sideA>.callCenter{padding:8px 14px 10px;background:#f2f2f2;} .tour_schedule .pkgSchedule .sideA>.callCenter .t01{padding-left:3px;} .tour_schedule .pkgSchedule .sideA>.callCenter .time{padding:4px 0 6px 5px;font-size:14px;line-height:19px;color:#444;border-bottom:1px solid #c6c6c6;} .tour_schedule .pkgSchedule .sideA>.callCenter .time span{padding-right:10px;} .tour_schedule .pkgSchedule .sideA>.callCenter .bank{padding:7px 0 0 3px;font-size:14px;line-height:17px;color:#444;border-top:1px solid #fff;} .tour_schedule .pkgSchedule .sideA>.callCenter .bank p{margin-top:-1px;padding-left:2px;} .tour_schedule .pkgSchedule .sideA>.btn02{overflow:hidden;padding:6px 21px;border:1px solid #d2d2d2;border-width:1px 0;background:#001f3e;} .tour_schedule .pkgSchedule .sideA>.btn02 li{float:left;padding:0 15px;} .tour_schedule .pkgSchedule .sideA>.btn02 li img{display:block;} /* 상세보기 레이어 팝업 */ .popDetailSand .popContent{top:100px;width:934px;margin-left:-467px;background:#fff;} .popDetailSand .popTitle{height:62px;padding:0 34px;font-size:26px;line-height:62px;color:#fff;background:#077ced;} .popDetailSand fieldset{padding:29px 37px 49px;background:#fff;} .popDetailSand .course{margin-bottom:-6px;padding:6px 0 5px 18px;font-size:14px;line-height:27px;font-family:NBG;color:#000;background:#f1f3f5;border:1px solid #cfcfcf;} .popDetailSand .course strong{font-size:16px;font-family:NBGB;color:#ce4a3f;} .popDetailSand table{width:100%;} .popDetailSand table.table01{border:1px solid #dbdbdb;} .popDetailSand th{height:57px;padding-left:24px;color:#2b2b2b;letter-spacing:-0.025em;text-align:left;border-bottom:1px solid #dbdbdb;background:#f7f8f9;} .popDetailSand td{padding:0 24px 0 17px;color:#575757;border-bottom:1px solid #dbdbdb;} .popDetailSand td.itemName01{position:relative;} .popDetailSand td.itemName01 span{position:absolute;right:0;top:0;display:inline-block;width:200px;height:56px;font-size:14px;line-height:56px;color:#333;text-align:center;background:#dadada;} .popDetailSand td.itemName01 strong{font-family:NGEB;color:#d50f0f;} .popDetailSand td.itemName02{height:81px;font-size:12px;line-height:24px;color:#333;} .popDetailSand td.itemName02 p{font:14px NGB;} .popDetailSand td .formText, .popDetailSand td textarea{width:100%;height:34px;padding-left:14px;font-size:13px;color:#999;border:1px solid #b5b8bf;vertical-align:middle;} .popDetailSand td .formText{margin:0;} .popDetailSand td .formEmail01{width:130px;} .popDetailSand td .formEmail02{width:160px;} .popDetailSand td .formEmail03{width:170px;margin-right:7px;} .popDetailSand td .formSelect{width:170px;height:34px;padding-left:14px;font-size:13px;color:#999;border:1px solid #b5b8bf;vertical-align:middle;} .popDetailSand td .formTel01{width:120px;padding-left:23px;} .popDetailSand td .formTel02{width:170px;margin-left:7px;} .popDetailSand td textarea{height:115px;margin:11px 0 23px;padding-top:21px;} .popDetailSand td.tel{padding-top:11px;padding-bottom:12px;} .popDetailSand td.tel p.desc{margin-top:8px;font-size:14px;color:#999;} .popDetailSand p.agree{margin:15px 0 8px 0;font-size:13px;color:#565656;letter-spacing:-0.125em;} .popDetailSand p.agree input{display:none;} /*.popDetailSand p.agree label{display:inline-block;height:18px;padding-top:1px;padding-left:26px;background:url('images/checxbox_off02.gif') no-repeat 0 0px;} .popDetailSand p.agree label.formCheckboxOn{background-image:url('images/checxbox_on.gif');}*/ .popDetailSand dl{overflow:hidden;border:1px solid #dbdbdb;border-width:1px 1px 1px 0;} .popDetailSand dt{float:left;width:77px;height:40px;font:14px/40px NGB;color:#2b2b2b;text-align:center;background:#f7f8f9;border-left:1px solid #dbdbdb;} .popDetailSand dd{float:left;height:40px;padding-left:15px;font-size:13px;line-height:40px;color:#333;letter-spacing:-0.1em;border-left:1px solid #dbdbdb;} .popDetailSand .btn{margin-top:25px;text-align:center;} .popDetailSand .btn a{display:inline-block;width:85px;height:36px;font-size:13px;line-height:36px;color:#fff;letter-spacing:-0.075em;background:#077ced;} .popDetailSand .btn span{padding-left:5px;} .popDetailSand .btn span a{background:#777;} .popDetailSand .close{position:absolute;right:16px;top:14px;} .pop_itemDetail .popContent{top:0;width:963px;height:100vh;margin-left:-481px;background:#fff;} .pop_itemDetail .close{position:absolute;right:16px;top:14px;} .pop_itemDetail .popTitle{height:62px;padding:0 34px;font-size:26px;line-height:62px;color:#fff;background:#077ced;} .pop_itemDetail .popTitle .logo{position:absolute;right:84px;top:9px;} .pop_itemDetail .popCont{width:100%;margin:29px 0 20px;height:calc(100vh - 111px);padding:0;overflow-y:scroll;overflow-x:hidden;} .pop_itemDetail .popCont .message{width:881px;margin:22px auto 0;padding:22px 36px 23px;line-height:24px;color:#000;letter-spacing:-0.05em;border:2px solid #feb321;background:#fffff7;} .pop_itemDetail .inner{position:relative;width:881px;margin:0 auto;border:1px solid #ddd;} .pop_itemDetail .inner>.btn_print{position:absolute;right:0;top:0;} .pop_itemDetail .inner>.btn{position:absolute;right:0;top:0;width:128px;height:59px;padding-top:19px;text-align:center;border:1px solid #dbdbdb;border-width:0 0 1px 1px;background:#0158aa;} .pop_itemDetail .inner>.btn a{margin-left:18px;} .pop_itemDetail .inner>.btn a:first-child{margin-left:0;} .pop_itemDetail .inner>.info{padding-top:6px;padding-left:10px;} .pop_itemDetail .inner>.info p.code{font-size:14px;line-height:18px;color:#333;} .pop_itemDetail .inner>.info p.code strong{font-family:NGEB;color:#d50000;} .pop_itemDetail .inner>.info h1{margin:2px 0 3px;font-size:30px;color:#333;} .pop_itemDetail .inner>.info p.txt{font-size:12px;line-height:16px;color:#6d6d6d;} .pop_itemDetail .inner>.info ul{overflow:hidden;margin-top:13px;} .pop_itemDetail .inner>.info li{float:left;width:288px;padding-left:5px;} .pop_itemDetail .inner>.info li:first-child{width:283px;padding-left:0px;} .pop_itemDetail .inner>.info li img{display:block;width:283px;} .pop_itemDetail .tour_schedule{padding:0 0 35px;} .pop_itemDetail .tour_schedule .pkgSchedule{margin:0;padding:0;padding-top:0;border:none;} .pop_itemDetail .tour_schedule .pkgSchedule h3{margin:20px 0 27px;height:54px;padding:0 14px;line-height:52px;border:1px solid #dbdbdb;border-width:1px 0;} .pop_itemDetail .detailCont .tourDetail .tabMenu li{width:141px;} .pop_itemDetail .detailCont .tourDetail .menu02 li.schedule{width:168px !important;} .pop_itemDetail .detailCont .tourDetail #tourTabMenu01{width:568px;} .pop_itemDetail .detailCont .tour_cont{margin-top:0;border:none;} .pop_itemDetail .detailCont .tour_cont .inner{width:879px;border:none;} .pop_itemDetail .detailCont .tour_cont .img02 li, .pop_itemDetail .detailCont .tour_cont .img03 li, .pop_itemDetail .detailCont .tour_cont .img04 li{width:50%;} .pop_itemDetail .detailCont .tour_cont .img02 li:first-child{width:100%;} .pop_itemDetail .detailCont .reviewList li dl{width:615px;} .pop_itemDetail .detailCont .tour_review p.cnt{padding-right:10px;} #popSchedule02 .tourDetail .menu02 li{width:219px !important;} #popSchedule02 .tour_cont dl.notice{margin-top:25px;border:7px solid #077ced;background:#077ced } #popSchedule02 .tour_cont dl.notice dt{padding:13px 0 16px 33px;font:bold 18px NGB;color:#fff;background:url('images/icon_dot04.jpg') no-repeat 17px 19px;} #popSchedule02 .tour_cont dl.notice dd{padding:17px 25px 46px;font:bold 14px/30px NGB;color:#000;letter-spacing:-0.01em;background:#fff;} /* 통합검색 */ .searchPage{width:1186px;margin:0 auto;} .searchPage .tabMenu{overflow:hidden;margin-top:60px;} .searchPage .tabMenu li{float:left;width:395px;height:53px;font:bold 18px/53px NGB;color:#4e5052;text-align:center;cursor:pointer;background:#f0f0f0;} .searchPage .tabMenu li:first-child{width:396px;} .searchPage .tabMenu li:hover{color:#fefefe;background:#a2a2a2;} .searchPage .tabMenu li.current{color:#fff;background:#2c2c2c;} .searchPage .tabSearch{display:none;border:1px solid #dbdbdb;border-top:none;} .searchPage .tabSearch01{display:block;padding:50px 0;text-align:center;} .searchPage .tabSearch01 span{position:relative;display:inline-block;width:600px;height:56px;padding:0 60px 0 30px;text-align:left;border:4px solid #077ced;} .searchPage .tabSearch01 span input[type="text"]{width:490px;height:48px;padding:0;font:bold 26px/48px NGB;color:#252525;border:none;} .searchPage .tabSearch01 span .btn{position:absolute;right:17px;top:9px;} .searchPage .tabSearch02{padding:30px 36px 35px;} .searchPage .tabSearch02 th{padding:4px 4px 4px 0;} .searchPage .tabSearch02 th img{display:block;} .searchPage .tabSearch02 td ul{overflow:hidden;} .searchPage .tabSearch02 td li{float:left;padding:0 17px 0 18px;font-family:NGB;background:url('images/search_bar.gif') no-repeat 0 2px;} .searchPage .tabSearch02 td li a{color:#000;} .searchPage .tabSearch02 td li a.sel{color:#008adc;} .searchPage .tabSearch02 td li:first-child{padding-left:17px;background:none;} .searchPage .tabSearch03{padding:32px 50px 27px 54px;} .searchPage .tabSearch03 .price01{font-size:24px;color:#252525;text-align:center;} .searchPage .tabSearch03 .price01 input[type="text"]{width:490px;padding:0;font:bold 26px/48px NGB;color:#252525;width:309px;height:56px;padding:0 20px;text-align:right;border:4px solid #077ced;} .searchPage .tabSearch03 ul{overflow:hidden;margin-top:32px;} .searchPage .tabSearch03 li{float:left;width:173px;height:59px;margin:0 7px 7px 0;line-height:57px;color:#585858;cursor:pointer;text-align:center;border:1px solid #d3d3d3;background:#f3f3f3;} .searchPage .tabSearch03 li.sel{color:#fff;background:#01376d;} .searchPage .tabSearch03 .btn_c{padding-top:22px;text-align:center;} .searchPage .tabSearch03 .btn_c a{display:inline-block;width:228px;height:61px;padding-top:17px;font-size:24px;text-align:center;color:#fff;background:#015ab1;} .searchPage .tabSearch03 .btn_c img{margin-left:10px;margin-top:1px;} .searchPage .resultMessage{padding:29px 0 32px;font-size:22px;color:#000;text-align:center;border-bottom:1px solid #dbdbdb;} .searchPage .resultMessage strong{color:#077ced;} .searchPage .result .resutl_t{position:relative;margin-top:70px;padding-bottom:13px;font:20px NGEB;color:#000;border-bottom:2px solid #4e5052;} .searchPage .result .resutl_t em{color:#077ced;} .searchPage .result .resutl_t>img{margin:-6px 14px 0 11px;vertical-align:middle;} .searchPage .result .resutl_t span.page{position:absolute;right:7px;top:2px;font-family:NGB;} .searchPage .result .resutl_t span.page span{padding:0 14px;} .searchPage .result .resutl_t span.page img{vertical-align:middle;} .sub .searchPage .itemList01{margin-top:0;padding-bottom:0;border-bottom:1px solid #dbdbdb;} .sub .searchPage .itemList01 ul{padding:0 0 40px;} .sub .searchPage .eventList01 ul{padding:31px 0 4px;border-bottom:1px solid #dbdbdb;} .sub .searchPage .magazineList01 ul{padding:31px 0 2px;border-bottom:1px solid #dbdbdb;} /* 고객센터 */ .support #container{width:1186px;margin:0 auto;} .support #container>h2{margin-top:60px;} .support #container>h2 img{display:block;} .support #container .tabMenu{overflow:hidden;margin-top:50px;border:1px solid #c8c8c8;} .support #container .tabMenu li{float:left;width:25%;text-align:center;border-left:1px solid #c8c8c8;} .support #container .tabMenu li:first-child{border-left:none;} .support #container .tabMenu li a{display:block;height:63px;font:bold 17px/63px NGB;color:#242424;} .support #container .tabMenu li.current a{color:#fff;background:#53abf4;} /* 쿠폰등록 페이지 시안2(coupon_register2.php) - 세로 배열, 입력박스/버튼 확대 */ .support #container .visual{margin-top:45px;text-align:center;} .support #container .visual img{display:block;margin:0 auto;} .support #container .couponCode2{overflow:hidden;width:100%;margin-top:30px;padding:60px 0;text-align:center;background:#fff;border:1px solid #cbc6cb;} .support #container .couponCode2 .input{box-sizing:border-box;display:inline-block;width:440px;margin:0 auto;padding:0;text-align:left;vertical-align:top;} .support #container .couponCode2 .input .row{box-sizing:border-box;width:100%;margin:0 0 18px;padding:0;} .support #container .couponCode2 .input .row .tit{box-sizing:border-box;display:block;width:100%;margin:0 0 8px;padding:0;font:bold 17px NGB;color:#242424;} .support #container .couponCode2 .input input[type="text"]{box-sizing:border-box;display:block;width:100%;height:58px;margin:0;padding:0 18px;font-size:19px;border:2px solid #38a8ff;background:#fff;} .support #container .couponCode2 .input input[type="text"]:focus{outline:none;} .support #container .couponCode2 .input input[type="text"]:focus, .support #container .couponCode2 .input input[type="text"].has_val{background:#eef4ff;} .support #container .couponCode2 .input .btn{box-sizing:border-box;display:block;width:100%;height:58px;margin:14px 0 0;font:bold 19px/58px NGB;color:#fff;text-align:center;background:#38a8ff;cursor:pointer;} .support #container .couponCode2 .notice{box-sizing:border-box;width:440px;margin:40px auto 0;padding:0;text-align:left;} .support #container .couponCode2 .notice li{padding-left:11px;font-size:14px;line-height:26px;letter-spacing:-0.025em;color:#000;background:url('images/icon_dot01.gif') no-repeat 0px 10px;} .support #container .bbsSearch{margin-top:45px;padding-top:18px;height:84px;text-align:center;background:#f7f8f9;} .support #container .bbsSearch .formSelect{display:inline-block;width:172px;text-align:left;vertical-align:top;} .support #container .bbsSearch .formSelect dt{background-color:#fff;height:44px;line-height:42px;background-position:right 18px} .support #container .bbsSearch .formSelect dd{width:172px;background-color:#fff;} .support #container .bbsSearch span{display:inline-block;position:relative;width:542px;height:44px;border:1px solid #9d9d9d;border-left:none;text-align:left;vertical-align:top;} .support #container .bbsSearch input[type="text"]{width:488px;height:42px;padding:0 20px;margin:0;border:none;} .support #container .bbsSearch .btn{position:absolute;right:0;top:0;} .support #container .qaTitle{margin-top:45px;padding:38px 0 19px;font:26px NBG;color:#000;text-align:center;letter-spacing:-0.05em;border-top:1px solid #444;} .support #container .qaTitle em{font-size:38px;} .support #container .qaTitle strong{font-family:NBGB;color:#077ced;} .support .faq .bbsSearch strong{vertical-align:middle;padding-right:15px;} .support .faq .bbsSearch strong img{margin-top:12px;vertical-align:top;} .support .faq .bbsSearch span{border:1px solid #9d9d9d !important;} .support .faq .faqTab{overflow:hidden;margin-top:35px;} .support .faq .faqTab li{float:left;width:169px;height:128px;border:2px solid #ddd;border-left:none;} .support .faq .faqTab li:first-child{width:172px;border-left:2px solid #ddd;} .support .faq .faqTab li.sel{padding-top:0;border-width:2px;border-color:#4cb3ff;} .support .faq .faqTab li.sel_l{border-right-color:#4cb3ff;} .support .faq .faqTab li img{display:block;margin:0 auto;} /* 로그인 등 레이어 팝업 */ .pop_login .popContent{top:243px;width:974px;height:548px;margin-left:-487px;background:#fff;} .pop_login .popTitle{height:75px;padding:19px 0 0 50px;font-size:30px;color:#fff;letter-spacing:-0.05em;background:#077ced;} .pop_login .close{position:absolute;right:22px;top:20px;} #popLoginCont fieldset{width:547px;margin:35px auto 0;} #popLoginCont fieldset .message img{display:block;margin:0 auto 27px;} #popLoginCont fieldset table{width:100%;} #popLoginCont fieldset input.formText{width:380px;height:55px;padding:0 20px;margin:0;font-size:14px;border:1px solid #ccc;border-radius:0;} #popLoginCont fieldset td.blankH{height:10px;} #popLoginCont fieldset td.btn01 a{display:block;height:120px;padding-top:47px;font-size:24px;color:#fff;letter-spacing:-0.05em;text-align:center;background:#077ced;border-radius:10px;} #popLoginCont fieldset tr.chk{padding-bottom:1px;background:url('images/dotted_line01.gif') repeat-x 0 100%;} #popLoginCont fieldset tr.chk td{height:64px;font-size:14px;letter-spacing:-0.05em;} #popLoginCont fieldset tr.chk .agree span{padding-left:36px;} #popLoginCont fieldset tr.chk .agree label{padding-top:0;padding-bottom:2px;font-size:14px;color:#808080;} #popLoginCont fieldset td.link01{text-align:right;} #popLoginCont fieldset td.link01 a{color:#535353;} #popLoginCont fieldset td.link01 span{margin-left:12px;padding-left:12px;background:url('images/login_bar01.jpg') no-repeat 0 3px;} #popLoginCont fieldset tr.link02 td{font-size:14px;line-height:22px;letter-spacing:-0.05em;color:#808080;} #popLoginCont fieldset tr.link02 td.btn02{padding-top:25px;} #popLoginCont fieldset tr.link02 td.btn02 a{display:block;height:45px;padding-top:10px;color:#fff;letter-spacing:-0.05em;text-align:center;background:#8f8f8f;border-radius:10px;} .pop_login .popContFind .tabMenu{width:573px;margin:63px auto 0;overflow:hidden;} .pop_login .popContFind .tabMenu li{float:left;width:50%;} .pop_login .popContFind .tabMenu li a{display:block;height:46px;line-height:44px;font-size:18px;color:#3b3b3b;text-align:center;border:1px solid #afafaf;border-left:none;} .pop_login .popContFind .tabMenu li:first-child a{border-right:none;border-left:1px solid #afafaf;} .pop_login .popContFind .tabMenu li.current a{color:#fff;border:1px solid #077ced;background:#077ced;} .pop_login .popContFind fieldset{width:573px;margin:0 auto;} .pop_login .popContFind fieldset .txt{margin:19px 0 5px;font-size:14px;line-height:26px;color:#989898;} .pop_login .popContFind fieldset .input{margin-bottom:11px;} .pop_login .popContFind fieldset .input .th{display:inline-block;width:103px;height:55px;padding-left:18px;color:#999;line-height:53px;border:1px solid #ccc;border-right:none;vertical-align:middle;} .pop_login .popContFind fieldset .input input.formText{width:349px;height:55px;margin:0;padding:0 20px;font-size:13px;border:1px solid #ccc;border-radius:0;vertical-align:middle;} .pop_login .popContFind fieldset .input02 dl.formSelect{display:inline-block;vertical-align:middle;} .pop_login .popContFind fieldset .input02 .formSelect{position:relative;z-index:10;} .pop_login .popContFind fieldset .input02 .formSelect dt{width:87px;height:55px;padding-left:22px;line-height:53px;color:#999;cursor:pointer;border:1px solid #ccc;background:url('images/find_selectbox_arrow01.gif') no-repeat right 25px;} .pop_login .popContFind fieldset .input02 .formSelect dd{display:none;position:absolute;left:0;top:54px;width:87px;border:1px solid #ccc;background:#fff;z-index:9999;} .pop_login .popContFind fieldset .input02 .formSelect dd li{padding:6px 0 8px 16px;font-size:16px;color:#999;cursor:pointer;} .pop_login .popContFind fieldset .input02 .formSelect dd li:first-child{padding-top:5px;} .pop_login .popContFind fieldset .input02 .formSelect dd li:last-child{padding-bottom:7px;} .pop_login .popContFind fieldset .input02 .formSelect dd li:hover, .pop_login .popContFind fieldset .input02 .formSelect dd li.on{background:#e1e1e1;} .pop_login .popContFind fieldset .input02 input.formText{width:131px;border-left:none;} .pop_login .popContFind fieldset .input .btn{padding-left:10px;vertical-align:middle;} .pop_login .popContFind fieldset .input .btn a{display:inline-block;width:107px;height:55px;color:#fff;line-height:55px;text-align:center;background:#999;} .pop_login .popContFind fieldset .input03 input.formText{width:233px;border-left:none;} .pop_login .popContFind fieldset .input03 .btn01 a{background:#6f6f6f;} .pop_login .popContFind .btn_c a{display:block;margin:0 auto;width:245px;height:44px;font-size:18px;line-height:44px;color:#fff;text-align:center;background:#3b3b3b;} .pop_login #popFindId02Cont .txt01{margin:44px 0 34px;font-size:24px;font-family:NBG;color:#989898;text-align:center;} .pop_login #popFindId02Cont .txt02{margin-bottom:80px;font-size:18px;font-family:NBG;color:#000;text-align:center;} .pop_login #popFindPwd02Cont fieldset .txt{margin:39px 0 6px;font-size:16px;color:#000;text-align:center;} .pop_login #popFindPwd02Cont fieldset .input{padding-left:54px;} .pop_login #popFindPwd02Cont fieldset .input .th{width:120px;} .pop_login #popFindPwd02Cont fieldset .input input.formTex{width:332px;} .pop_login #popFindPwd02Cont fieldset .btn_c{margin-top:35px;} .pop_login #popFindPwd03Cont .txt01{margin:39px 0 138px;font-size:16px;line-height:26px;color:#000;text-align:center;} /* 회원가입 */ .join h2 img{display:block;} .join #container{background:#e5e5e5;} .join #container .containerInner{padding:64px 0 80px;} .join #content{width:1186px;margin:0 auto;background:#fff;} .join .joinStep01{width:825px;margin:0 auto;padding:50px 0 125px;} .join .joinStep01 table{border-top:2px solid #bababa;} .join .joinStep01 th{padding-left:17px;color:#606060;font-weight:normal;font-family:NG;text-align:left;border-bottom:1px solid #dbdbdb;} .join .joinStep01 th em{color:#077ced;} .join .joinStep01 td{padding:15px 0 17px;color:#999;border-bottom:1px solid #dbdbdb;} .join .joinStep01 td p{margin:-15px 0 2px;font-size:12px;color:#535353;letter-spacing:-0.05em;} .join .joinStep01 .input input.formText{display:inline-block;width:380px;height:55px;padding:0 18px;margin:0;font-size:13px;vertical-align:top;border-color:#cfcfcf;border-radius:0;} .join #content .joinStep01 .input .formSelect{position:relative;z-index:10;display:inline-block;vertical-align:top;} .join #content .joinStep01 .input .formSelect dt{width:87px;height:55px;padding-left:22px;padding-top:10px;font-size:14px;color:#999;cursor:pointer;border:1px solid #cfcfcf;background:url('images/find_selectbox_arrow01.gif') no-repeat right 25px;} .join #content .joinStep01 .input .formSelect dd{display:none;position:absolute;left:0;top:54px;width:87px;border:1px solid #cfcfcf;background:#fff;z-index:9999;} .join #content .joinStep01 .input .formSelect dd li{padding:6px 0 8px 16px;font-size:14px;color:#999;cursor:pointer;} .join #content .joinStep01 .input .formSelect dd li:first-child{padding-top:5px;} .join #content .joinStep01 .input .formSelect dd li:last-child{padding-bottom:7px;} .join #content .joinStep01 .input .formSelect dd li:hover, .join .joinStep01 .input .formSelect dd li.on{background:#e1e1e1;} .join #content .joinStep01 .input01 span.sex{display:inline-block;padding-top:19px;margin-left:-17px;} .join #content .joinStep01 .input01 span.sex label{margin-left:61px;} .join #content .joinStep01 .input02 input.formText, .join #content .joinStep01 .input02 .formSelect dt, .join #content .joinStep01 .input02 .formSelect dd{width:210px;} .join #content .joinStep01 .input02 .formSelect{margin-left:9px;} .join #content .joinStep01 .input03 input.formText{width:326px;} .join #content .joinStep01 .input03 input:first-child{margin-right:19px;} .join #content .joinStep01 .input04 input.formText{width:131px;border-left:none;} .join .joinStep01 .input .btn{padding-left:10px;} .join .joinStep01 .input .btn a{display:inline-block;width:107px;height:55px;color:#fff;line-height:55px;text-align:center;background:#999;} .join .joinStep01 .input05 input.formText{width:233px;} .join .joinStep01 .input05 .btn01 a{background:#6f6f6f;} .join .joinStep01 .agree{margin-top:42px;border:1px solid #adb0bb;} .join .joinStep01 .agree p{padding:9px 0 10px 14px;background:#adb0bb;} .join .joinStep01 .agree p label{padding-top:0;font:bold 14px NGB;color:#fff;background-position:0 0} .join .joinStep01 .agree dl{padding:8px 20px 13px;} .join .joinStep01 .agree dt{position:relative;padding:8px 20px 6px;font-size:14px;color:#636363;background:url('images/dotted_line01.gif') repeat-x 0 0;} .join .joinStep01 .agree dt:first-child{background:none;} .join .joinStep01 .agree dt label{padding-top:0;background-position:0 0;} .join .joinStep01 .agree dt span{display:inline-block;position:absolute;right:18px;top:1px;padding-top:3px;padding-left:18px;font-size:13px;line-height:20px;color:#222;cursor:pointer;background:url('images/joinStep01_bar.jpg') no-repeat 0 4px;} .join .btn_c{margin-top:50px;text-align:center;} .join .btn_c a{display:inline-block;width:315px;height:44px;font-size:18px;line-height:44px;color:#fff;background:#077ced;} .join .btn_c a.btnBlack{background:#3b3b3b;} .join .joinStep02{width:824px;margin:0 auto;padding:50px 0 125px;} .join .joinStep02 .bnr img{display:block;margin-bottom:15px;} .join .joinStep02 dl{border-top:2px solid #222;} .join .joinStep02 dt{padding:25px 0 19px 105px;font:bold 20px/26px NGB;color:#000;letter-spacing:-0.075em;border-bottom:1px solid #dbdbdb;background:url('images/joinStep02_q.jpg') no-repeat 30px 16px;} .join .joinStep02 dd{min-height:70px;padding:6px 0 0 109px;border-bottom:1px solid #dbdbdb;background:#f2f2f2 url('images/joinStep02_a.jpg') no-repeat 30px 10px;} .join .joinStep02 dd td{height:36px;padding-right:25px;color:#000;letter-spacing:-0.05em;white-space:nowrap;} .join .joinStep02 dd.a01{padding-top:11px;padding-bottom:21px} .join .joinStep03{padding-top:85px;} .join .joinStep03 img{display:block;margin:0 auto;} .join .joinStep03 .txt02{margin:25px 0 60px;font:28px NBG;color:#070707;text-align:center;} .join .joinStep03 ul{overflow:hidden;} .join .joinStep03 li{float:left;} .pop_rules .popContent{top:260px;width:1100px;height:428px;margin-left:-550px;padding:34px 40px 47px 46px;background:#f7f7f7;border:2px solid #adb0bb;} .pop_rules .close{position:absolute;right:25px;top:23px;} .pop_rules .tabMenu{overflow:hidden;margin-bottom:13px;} .pop_rules .tabMenu li{float:left;padding-bottom:8px;} .pop_rules .tabMenu li a{display:block;width:208px;height:43px;margin-left:-1px;font:bold 18px/41px NGB;text-align:center;color:#000;border:1px solid #afb2bd;background:#fff;} .pop_rules .tabMenu li:first-child a{margin-left:0;} .pop_rules .tabMenu li.current{background:url('images/rules_arrow.jpg') no-repeat center bottom;} .pop_rules .tabMenu li.current a{color:#fff;border-color:#01376d;background:#01376d;} .pop_rules .rulesBox{height:279px;padding:25px 20px;font-size:13px;line-height:20px;word-break:keep-all;word-wrap:break-word;border:1px solid #ddd;overflow-y:scroll;background:#fff;} .pop_rules .rulesBox>p{margin-bottom:20px;} .pop_rules .rulesBox.p strong{color:#303030;} .pop_rules .rulesBox dt{margin:25px 0 -2px;font:bold 16px/24px NGB;color:#000;} .pop_rules .rulesBox dd{margin-top:11px;line-height:24px;color:#000;letter-spacing:0.04em;word-break:keep-all;word-wrap:break-word;} .pop_rules .rulesBox>p.additional{margin-top:20px;} .pop_rules .rulesBox a{color:#000;} .pop_rules .popCont{display:none;} #popRulesCont01 .rulesBox{padding-top:0;} .pop_rules02 #popRulesCont01 .rulesBox{padding-top:25px;} .pop_rules .rulesBox>p{font-size:20px;} /* 마이리컴 */ .mypage .subVisual{position:relative;height:502px;} .mypage .subVisual .img{position:absolute;left:50%;top:0;width:100%;margin-left:-50%;/* transform:translateX(-50%);-webkit-transform:translateX(-50%); */} .mypage .subVisual .img img{width:1903px;max-width:1903px;} .mypage .subVisual h2{position:absolute;left:0;top:76px;width:100%;text-align:center;font:50px NBGB;color:#000;letter-spacing:0;} .mypage .subVisual h2 span{display:block;font-size:24px;} .mypage .subVisual .myInfo{position:absolute;left:50%;bottom:59px;width:859px;margin-left:-430px;/* transform:translateX(-50%);-webkit-transform:translateX(-50%); */} .mypage .subVisual .myInfo p{margin-top:50px;font:24px/20px NBG;color:#fff;text-align:center;} .mypage .subVisual .myInfo p strong{margin-right:10px;font-size:52px;font-family:NBGB;color:#10e0de;vertical-align:top;} .mypage .subVisual .myInfo p img{margin-left:5px;margin-top:-15px;margin-right:2px;vertical-align:top;} .mypage .subVisual .myInfo table{width:100%;background:url('images/mypage_visual_tb.png') no-repeat 0 0;} .mypage .subVisual .myInfo th{width:33.33%;height:44px;color:#fff;font-weight:normal;font-family:NG;} .mypage .subVisual .myInfo td{height:45px;font:bold 18px NGB;color:#1fecea;text-align:center;} .mypage .subVisual .myInfo td strong{font:24px NGEB;} .mypage #content{width:1186px;margin:0 auto;padding-top:65px;} .mypage #content .tabMenu p{margin-bottom:28px;text-align:right;} .mypage #content .tabMenu p a{font:bold 16px/20px NBGB;color:#01376d;} .mypage #content .tabMenu p span{margin-left:33px;} .mypage #content .tabMenu p img{margin-right:7px;} .mypage #content .tabMenu ul{overflow:hidden;border:1px solid #c8c8c8;border-left:none;} .mypage #content .tabMenu li{float:left;width:25%;border-left:1px solid #c8c8c8;} .mypage #content .tabMenu li a{display:block;height:63px;font:bold 17px/63px NGB;color:#242424;letter-spacing:-0.05em;text-align:center;} .mypage #content .tabMenu li.current a{color:#fff;background:#53abf4;} .mypage #content .qaList{margin-top:63px;} .mypage #content .qaList .title{position:relative;margin-bottom:42px;} .mypage #content .qaList .title .btn{position:absolute;right:0;top:0;display:block;width:190px;height:40px;font:bold 14px/40px NGB;color:#fff;text-align:center;background:#4d98ff;} .mypage #content .qaList .inner{margin-bottom:-10px;border-top:1px solid #000;} .mypage #content .qaList table{width:100%;} .mypage #content .qaList thead th{height:62px;font:normal 14px NG;color:#fff;border-left:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;background:#3b3b3b;} .mypage #content .qaList thead th:first-child{border-left:none;border-left:1px solid #3b3b3b} .mypage #content .qaList thead th.yesno{border-right:1px solid #3b3b3b} .mypage #content .qaList tbody td{height:69px;font:bold 14px NGB;color:#040404;letter-spacing:-0.01em;border:1px solid #c6c6c6;text-align:center;} .mypage #content .qaList tbody td p{padding:0 25px;text-align:left;font-size:16px;color:#000;} .mypage #content .qaList tbody td.yesno em{color:#3288ff;} .mypage #content .qaList tbody tr.qa_q{cursor:pointer;} .mypage #content .qaList tbody tr.qa_q td.yesno{background:url('images/center_faq_arrow_down.jpg') no-repeat 95px 31px;} .mypage #content .qaList tbody tr.qa_q_on td.yesno{background-image:url('images/center_faq_arrow_up.jpg');background-position:94px 31px;} .mypage #content .qaList tbody tr.qa_a{display:none;} .mypage #content .qaList tbody tr.qa_a td{padding:22px 150px 57px 164px;font:normal 14px/24px NG;text-align:left;word-break:keep-all;word-wrap:break-word;background:#f7f8f9 url('images/mypage05_a.jpg') no-repeat 89px 19px;} .mypage #content .myList{margin-top:47px;} .mypage #content .myList .btn_more a{color:#001f3e;background:#fff;} .mypage #content .myList>p{position:relative;margin-bottom:-13px;padding-left:0;padding-top:13px;background:none;} .mypage #content .myList>p strong{font-size:18px;font-family:NGEB;color:#353535;} .mypage #content .myList>p span.btn{position:absolute;right:0;top:0;} .mypage #content .myList>p span.btn a{display:inline-block;width:105px;height:35px;font-size:14px;line-height:33px;color:#fff;text-align:center;background:#9a9ea9;border:1px solid #9a9ea9;} .mypage #content .myList>p span.btn a.btn02{margin-left:4px;color:#000;background:#fff;} .mypage #content .itemList01 ul{padding-top:0;} .mypage #content .itemList01 li{border-top:1px solid #c6c6c6;margin-bottom:80px;} .mypage #content .itemList01 li p.date{height:33px;font-size:13px;line-height:20px;letter-spacing:-0.05em;color:#686868;text-align:right;} .mypage #content .itemList01 li p.date label{width:20px;margin-left:11px;padding-left:20px;vertical-align:middle;background-image:url('images/checxbox_off02.gif');} .mypage #content .itemList01 li p.date input[type=checkbox]:checked+label{background-image:url('images/checxbox_on.gif');} .mypage #content .itemList01 li .num{top:33px;} .mypage #content .itemList01 li .btn02{margin-top:16px;text-align:center;} .mypage #content .itemList01 li .btn02 a{display:inline-block;width:155px;height:42px;line-height:42px;color:#fff;letter-spacing:-0.05em;text-align:center;background:#47c0ee;} .mypage #content .itemList01 li .btn02 a img{margin-top:17px;margin-left:6px;vertical-align:top;} .mypage #content .myItemList01>p{margin-bottom:12px;} .mypage .myItemList01{padding-top:11px;border-top:1px solid #c6c6c6;} .mypage .myItemList01>ul>li{margin-bottom:70px;} .mypage .myItemList01>ul>li .innerWrap{overflow:hidden;border:1px solid #dbdbdb;} .mypage .myItemList01>ul>li .thumb{float:left;width:272px;} .mypage .myItemList01>ul>li .thumb img{display:block;} .mypage .myItemList01>ul>li .inner01{float:left;width:912px;} .mypage .myItemList01>ul>li .inner01 .code{position:relative;height:42px;font-size:14px;color:#fff;padding:14px 11px 0 18px;background:#001f3e;} .mypage .myItemList01>ul>li .inner01 .code .date{position:absolute;right:11px;top:12px;} .mypage .myItemList01>ul>li .inner01 .code .date label{width:18px;margin-left:26px;padding-left:18px;vertical-align:middle;background-image:url('images/checxbox_off02.gif');} .mypage .myItemList01>ul>li .inner01 .code .date input[type=checkbox]:checked+label{background-image:url('images/checxbox_on.gif');} .mypage .myItemList01>ul>li .inner01 table{width:100%;} .mypage .myItemList01>ul>li .inner01 tr:first-child td{border-top:none;} .mypage .myItemList01>ul>li .inner01 td{padding-left:18px;border-top:1px solid #dbdbdb;} .mypage .myItemList01>ul>li .inner01 td.itemName{height:105px;} .mypage .myItemList01>ul>li .inner01 td .area{font-size:13px;line-height:24px;color:#6d6d6d;} .mypage .myItemList01>ul>li .inner01 td .itemName01{margin:-4px 0 -2px;font:bold 24px/33px NGB;color:#000;} .mypage .myItemList01>ul>li .inner01 td .itemName02{font:bold 17px/24px NGB;color:#000;} .mypage .myItemList01>ul>li .inner01 td.cnt{height:34px;font-size:14px;line-height:20px;color:#000;} .mypage .myItemList01>ul>li .inner01 td.cnt strong{font:16px NGEB;} .mypage .myItemList01>ul>li .inner01 td.price{height:42px;font:bold 16px/20px NGEB;color:#000;} .mypage .myItemList01>ul>li .inner01 td.price strong{margin-left:5px;font-family:NGEB;} .mypage .myItemList01>ul>li .inner01 td.price .price01{color:#37a9d4;} .mypage .myItemList01>ul>li .inner01 td.price .price02{color:#49b972;} .mypage .myItemList01>ul>li .inner01 td.price .price03{color:#f19119;} .mypage .myItemList01>ul>li .inner01 td.price .price04{color:#7e7e7e;} .mypage .myItemList01>ul>li .inner01 td.price span{margin-left:20px;} .mypage .myItemList01>ul>li .inner01 td.price span strong{margin-left:1px;font-size:20px;} .mypage .myItemList01>ul>li .inner01 td.price img{margin-top:2px;margin-left:12px;vertical-align:top;} .mypage .myItemList01>ul>li .inner01 td.price img:first-child{margin-left:0;} .mypage .myItemList01>ul>li .inner01 td.btn, .mypage .myItemList01>ul>li .inner01 td.icon{padding:0;text-align:center;border-left:1px solid #dbdbdb;background:#f5f5f6;} .mypage .myItemList01>ul>li .inner01 td.btn a{display:inline-block;width:153px;height:40px;font:bold 16px/38px NGB;color:#fff;border:1px solid #7f7f7f;background:#47c0ee;border-radius:5px;} .mypage .myItemList01>ul>li .inner01 td.btn p{margin-top:19px;} .mypage .myItemList01>ul>li .inner01 td.btn p:first-child{margin-top:0;} .mypage .myItemList01>ul>li .inner01 td.icon img{display:block;margin:0 auto;} .mypage .myItemList01>ul>li .innner02>ul{overflow:hidden;border:1px solid #dbdbdb;border-top:none;background:#f5f5f6;} .mypage .myItemList01>ul>li .innner02>ul li{float:left;padding-left:33px;line-height:43px;letter-spacing:-0.025em;color:#000;background:url('images/icon_dot02.gif') no-repeat 20px 19px;} .mypage .myItemList01>ul>li .innner02>ul li span:first-child{display:inline-block;padding-right:18px;margin-right:15px;font-size:16px;background:url('images/mypage02_bar.jpg') no-repeat 100% 17px;} .mypage .myItemList01>ul>li .innner02>ul li img{vertical-align:middle;margin-right:5px;} .mypage .myItemList01>ul>li .innner02>ul.info01 li:first-child{width:270px;} .mypage .myItemList01>ul>li .innner02>ul.info01 li:nth-child(2){width:431px;} .mypage .myItemList01>ul>li .innner02>ul.info01 li:nth-child(3){width:483px;} .mypage .myItemList01>ul>li .innner02>ul.info02 li:first-child{width:361px;font-size:14px;} .mypage .myItemList01>ul>li .innner02>ul.info02 li:first-child strong{font-family:NGEB;} .mypage .myItemList01>ul>li .innner02>ul.info02 li:nth-child(2){width:531px;font-size:14px;} .mypage .myItemList01>ul>li .innner02>ul.info02 li:nth-child(2) label{margin-left:11px;} .mypage .myItemList01>ul>li .innner02>ul.info02 li:nth-child(2) .date{margin-left:18px;font-size:13px;} .mypage .myItemList01>ul>li .innner02>ul.info02 li:nth-child(3){width:292px;font-size:14px;} .mypage .myItemList01>ul>li .innner02>ul.info02 li img{margin:16px 5px 0 0;vertical-align:top;} .mypage .myItemList01>ul>li .innner02 table{width:100%;letter-spacing:-0.025em;color:#000;border:1px solid #dbdbdb;border-top:none;background:#f5f5f6;} .mypage .myItemList01>ul>li .innner02 table th{width:107px;height:43px;padding-left:33px;font-weight:normal;font-family:NG;background:url('images/icon_dot02.gif') no-repeat 20px 50%;} .mypage .myItemList01>ul>li .innner02 table td.balance{width:196px;padding-left:29px;font:bold 14px NGEB;background:url('images/mypage02_bar.jpg') no-repeat 11px center;} .mypage .myItemList01>ul>li .innner02 table td.balance span{margin-right:14px;} .mypage .myItemList01>ul>li .innner02 table td ul{overflow:hidden;} .mypage .myItemList01>ul>li .innner02 table td li{float:left;width:275px;padding-left:17px;font-size:14px;line-height:34px;background:url('images/mypage02_bar.jpg') no-repeat 0 10px;} .mypage .myItemList01>ul>li .innner02 table td li em{color:#727272;} .mypage .myItemList01>ul>li .innner02 table td li em.c_blue{color:#187fff;} .mypage .myItemList01>ul>li .innner02 table td.tbl{border-right:1px solid #dbdbdb;} .mypage .myItemList01>ul>li .innner02 table td.tbl ul{padding:6px 0 13px;} .mypage .myItemList01>ul>li .notice{margin-top:17px;font-size:14px;color:#787878;letter-spacing:-0.01em;} /* 착한쿠폰 팝업 */ #popCoupon .popContent{width:750px;height:550px;top:150px;margin-left:-375px;background:#eceeea;} #popCoupon .close{position:absolute;right:14px;top:19px;} #popCoupon .popContent .popTitle{height:64px;padding-top:19px;background:#001f3e;} #popCoupon .popContent .popTitle img{display:block;margin:0 auto;} #popCoupon .popContent .popCont{position:relative;height:486px;padding-top:45px;background:url('images/pop_coupon_bg.jpg') no-repeat 50% 0;} #popCoupon .popContent .popCont .price{margin-top:75px;font:bold 85px NGEB;color:#000;letter-spacing:-0.03em;text-align:center;} #popCoupon .popContent .popCont .code{position:absolute;left:216px;top:245px;font:bold 13px/26px NGB;color:#838b96;} #popCoupon .popContent .popCont .date{position:absolute;left:530px;top:245px;font:bold 13px/26px NGB;color:#838b96;} #popCoupon .popContent .popCont .btn_c{margin-top:110px;text-align:center;} /* 회원정보수정 */ .mypage #container{background:#fff;} .mypage .myInfo{margin-top:65px;} .mypage .myInfo .title img{display:block;} .mypage .tabMenu02{overflow:hidden;margin-top:41px;} .mypage .tabMenu02 li{float:left;width:395px;} .mypage .tabMenu02 li:first-child{width:396px;} .mypage .tabMenu02 li a{display:block;height:53px;font:bold 18px/50px NGB;color:#565656;letter-spacing:-0.025em;text-align:center;border:1px solid #c2c2c2;border-bottom:2px solid #0280ca;border-left:none;background:#f7f8f9;} .mypage .tabMenu02 li:first-child a{border-left:1px solid #c2c2c2;} .mypage .tabMenu02 li.current a{color:#008adc;border:2px solid #0280ca;border-bottom:none;background:#fff;} .mypage .tabMenu02 li.current_l a{border-right:none;} .mypage .joinStep01{width:100%;padding:0;margin-top:20px;} .mypage .joinStep01 table{width:100%;} .mypage .joinStep01 th{color:#000;letter-spacing:-0.05em;background:#f7f8f9;} .mypage .joinStep01 td{padding-left:36px;} .mypage .joinStep01 td strong{color:#000;} .mypage .joinStep01 .input input.formText{height:43px;border-color:#b5b8bf;} .mypage #content .joinStep01 .input03 input.formText{width:380px;} .mypage #content .joinStep01 .input04 input.formText{width:138px;} .mypage #content .joinStep01 .input05 input.formText{width:369px;} .mypage #content .joinStep01 .input .formSelect dt{width:93px;height:43px;padding-top:5px;border-color:#b5b8bf;background-position:right 19px;} .mypage #content .joinStep01 .input .formSelect dd{width:93px;top:42px;} .mypage .joinStep01 .input .btn a{height:43px;line-height:43px;} .mypage #content .joinStep01 .input06 span{margin-left:43px;} .mypage #content .joinStep01 .input06 span.notice{margin-left:53px;font-size:14px;letter-spacing:-0.05em;color:#e85581;} .mypage #content .joinStep01 .input07{padding:0;} .mypage #content .joinStep01 .input07 li{padding:12px 0 14px 36px;border-top:1px solid #dbdbdb;} .mypage #content .joinStep01 .input07 li:first-child{border-top:none;} .mypage #content .joinStep01 .input07 li input.formText{width:620px;} .mypage #content .joinStep01 .input07 li:first-child input.formText{width:300px;} .mypage .withdraw th{padding-left:0;text-align:center;} .mypage .withdraw th p img{display:block;margin:0 auto 14px;} .mypage .withdraw td.txt{padding:21px 0 25px 29px;font-size:15px;line-height:33px;color:#3d3d3d;} .mypage #content .withdraw .input08{padding-left:0;} .mypage #content .withdraw .input08 ul{overflow:hidden;margin-top:17px;margin-bottom:-4px;} .mypage #content .withdraw .input08 li{float:left;margin-bottom:19px;padding-left:28px;} .mypage #content .withdraw .input08 li label{color:#000;vertical-align:middle;} .mypage #content .withdraw .input08 li input.formText{width:878px;margin-left:10px;vertical-align:middle;} .mypage #content .withdraw .agree{border:none;} .mypage #content .withdraw .agree{margin-top:23px;padding-left:15px;} .mypage #content .withdraw .agree label{width:100%;padding-left:28px;font-size:14px;color:#636363;vertical-align:middle;background-image:url('images/checxbox_off02.gif');} .mypage #content .withdraw .agree input[type=checkbox]:checked+label{background-image:url('images/checxbox_on.gif');} /* 마이 리컴머니*/ .mypage .myMoney01 .sort{margin-top:17px;padding:28px 46px 5px 36px;background:#f8f8f8;} .sub #container .myMoney01 .sort table{width:100%;} .sub #container .myMoney01 .sort th{text-align:left;font-size:14px;line-height:40px;color:#444;vertical-align:top;} .sub #container .myMoney01 .sort td{vertical-align:top;line-height:40px;} .sub #container .myMoney01 .sort td>ul{overflow:hidden;margin-right:16px;border:1px solid #b2b2b2;border-radius:3px;background:#fff;} .sub #container .myMoney01 .sort td>ul>li{float:left;width:69px;height:40px;text-align:center;border-left:1px solid #b2b2b2;} .sub #container .myMoney01 .sort td>ul>li:first-child{width:68px;border-left:none;} .sub #container .myMoney01 .sort td>ul>li a{display:block;line-height:40px;} .sub #container .myMoney01 .sort td>ul>li a.sel{color:#fff;background:#4d98ff;} .sub #container .myMoney01 .sort .formSelect{display:inline-block;vertical-align:top;} .sub #container .myMoney01 .sort .formSelect dt{width:60px;height:40px;padding-left:11px;font-size:12px;line-height:40px;color:#53535a;border:1px solid #b2b2b2;border-radius:3px;background:#fff url('images/mymoney_select_arrow.jpg') no-repeat right 17px;} .sub #container .myMoney01 .sort .formSelect dd{top:39px;width:60px;max-height:150px;overflow-y:auto;line-height:100%;color:#53535a;border-radius:3px;background:#fff;} .sub #container .myMoney01 .sort .formSelect dd li{padding-left:11px;font-size:12px;} .sub #container .myMoney01 .sort a.btn{display:inline-block;width:120px;height:40px;font:bold 13px/40px NGB;color:#fff;text-align:center;background:#4d98ff;} .sub #container .myMoney01 .bbsList01{margin-top:20px;} .sub #container .myMoney01 .bbsList01 td{font:bold 14px NGB;color:#000;} .sub #container .myMoney01 .bbsList01 tr.use td{color:#e80808;} .sub #container .myMoney01 .bbsList01 tr.save td{color:#3288ff;} .sub #container .myMoney01 .bbsList01 tr td.num{color:#000;} .sub #container .myMoney01 .bbsList01 tr td.date{color:#7c7979;} .sub #container .myMoney02 fieldset{margin-top:20px;} .sub #container .myMoney02 fieldset .input{height:119px;padding:38px 0 0 195px;background:#f8f8f8;} .sub #container .myMoney02 fieldset .input strong{display:inline-block;width:216px;padding-top:7px;font-size:24px;color:#000;letter-spacing:-0.025em;} .sub #container .myMoney02 fieldset .input strong em{color:#2d85ff;} .sub #container .myMoney02 fieldset .input .formSelect{display:inline-block;vertical-align:top;} .sub #container .myMoney02 fieldset .input .formSelect dt{width:574px;height:44px;padding-left:24px;line-height:42px;color:#000;background:#fff url('images/mypage03_arrow01.gif') no-repeat 100% 20px;} .sub #container .myMoney02 fieldset .input .formSelect dd{top:43px;width:574px;background:#fff;} .sub #container .myMoney02 fieldset .input .formSelect dd li{padding:0 0 0 24px;color:#000;line-height:30px;} .sub #container .myMoney02 fieldset #myMoney02Cont01{margin-top:-57px;} .sub #container .myMoney02 fieldset .myMoney02Cont .missionT{position:relative;height:115px;padding-left:115px;background:#e8eaf1;} .sub #container .myMoney02 fieldset .myMoney02Cont .missionT p{padding-top:25px;font:bold 24px/32px NGB;color:#000;letter-spacing:-0.025em;} .sub #container .myMoney02 fieldset .myMoney02Cont .missionT p em{color:#2d85ff;} .sub #container .myMoney02 fieldset .myMoney02Cont .missionT p span{font-size:14px;} .sub #container .myMoney02 fieldset #myMoney02Cont01 .missionT .point{position:absolute;right:158px;top:1px;width:114px;height:114px;padding-top:54px;font:bold 14px/24px NGB;color:#fff600;text-align:center;letter-spacing:-0.075em;background:url('images/mypage04_02_img01.jpg') no-repeat;} .sub #container .myMoney02 fieldset #myMoney02Cont01 .missionT .point strong{font-size:24px;font-family:NGEB;} .sub #container .myMoney02 fieldset #myMoney02Cont01 .missionT .btn{position:absolute;right:0;top:1px;} .sub #container .myMoney02 fieldset #myMoney02Cont01 .missionForm .title{font:bold 20px/43px NGB;letter-spacing:-0.025em;color:#fff;text-align:center;background:#000;} .sub #container .myMoney02 fieldset #myMoney02Cont01 .missionForm div{height:389px;border:1px solid #c2c2c2;border-top:none;} .sub #container .myMoney02 fieldset #myMoney02Cont01 .missionForm div textarea{width:100%;height:388px;padding:20px 20px 20px;font-size:14px;line-height:30px;letter-spacing:-0.025em;font-family:NG;color:#000;border:none;background:#fff url('images/mypage04_02_arrow.jpg') no-repeat 50% 0;resize:none;} .sub #container .myMoney02 fieldset #myMoney02Cont01 .missionForm div textarea::placeholder { /* 파이어폭스 51+, 크롬 57+ */ padding-top:110px;font-size:20px;line-height:32px;color:#c2c2c2;letter-spacing:-0.025em;text-align:center; } .sub #container .myMoney02 fieldset #myMoney02Cont01 .missionForm div textarea:-ms-input-placeholder { /* 인터넷 익스플로러 10+ */ padding-top:110px;font-size:20px;line-height:32px;color:#c2c2c2;letter-spacing:-0.025em;text-align:center; } .sub #container .myMoney02 fieldset #myMoney02Cont01 .missionForm div textarea::-webkit-input-placeholder { /*크롬 4-56 */ padding-top:110px;font-size:20px;line-height:32px;color:#c2c2c2;letter-spacing:-0.025em;text-align:center; } .sub #container .myMoney02 fieldset #myMoney02Cont01 .missionForm div textarea:-moz-placeholder { /* 파이어폭스 4-18 */ padding-top:110px;font-size:20px;line-height:32px;color:#c2c2c2;letter-spacing:-0.025em;text-align:center; } .sub #container .myMoney02 fieldset #myMoney02Cont01 .missionForm div textarea::moz-placeholder { /* 파이어폭스 19-50 */ padding-top:110px;font-size:20px;line-height:32px;color:#c2c2c2;letter-spacing:-0.025em;text-align:center; } .sub #container .myMoney02 fieldset #myMoney02Cont03{display:none;} .sub #container .myMoney02 fieldset #myMoney02Cont03 .missionT{margin-top:40px;background:#e8eaf1 url('images/mypage04_02_img02.jpg') no-repeat right top;} .sub #container .myMoney02 fieldset #myMoney02Cont03 .couponCode{overflow:hidden;padding:18px 0 90px;background:#515258;border:1px solid #c2c2c2;border-top:none;} .sub #container .myMoney02 fieldset #myMoney02Cont03 .couponCode .input{padding-left:135px;background:#515258;} .sub #container .myMoney02 fieldset #myMoney02Cont03 .couponCode .input span{display:inline-block;padding-left:32px;font:bold 24px NGB;color:#077ced;letter-spacing:-0.025em;background:#fff;border:4px solid #38a8ff;} .sub #container .myMoney02 fieldset #myMoney02Cont03 .couponCode .input input[type="text"]{width:487px;height:59px;font-size:20px;border:none;vertical-align:middle;background:url('images/mypage04_02_bar.gif') no-repeat 0 16px;} .sub #container .myMoney02 fieldset #myMoney02Cont03 .couponCode .input .btn{display:inline-block;width:230px;height:67px;font:bold 24px/67px NGB;color:#fff;text-align:center;vertical-align:top;background:#38a8ff;} .sub #container .myMoney02 fieldset #myMoney02Cont03 .couponCode ul{float:left;width:50%;margin-top:35px;} .sub #container .myMoney02 fieldset #myMoney02Cont03 .couponCode li{padding-left:50px;font-size:14px;line-height:26px;letter-spacing:-0.025em;color:#fff;background:url('images/icon_dot03.gif') no-repeat 38px 11px;} .sub #container .myMoney02 fieldset #myMoney02Cont03 .couponCode li strong, .sub #container .myMoney02 fieldset #myMoney02Cont03 .couponCode li a{color:#fff000;} .sub #container .myMoney03 fieldset .box{margin-top:20px;padding:31px 0 35px 190px;background:#f8f8f8;} .sub #container .myMoney03 fieldset .input{position:relative;padding:8px 0;} .sub #container .myMoney03 fieldset .input strong{display:inline-block;width:260px;margin-right:10px;font-size:24px;color:#000;text-align:right;letter-spacing:-0.025em;} .sub #container .myMoney03 fieldset .input input[type="text"]{width:457px;height:61px;padding:0 30px;font-size:30px;border:5px solid #38a8ff;} .sub #container .myMoney03 fieldset .input .icon_desc{display:inline-block;padding-left:7px;vertical-align:top;} .sub #container .myMoney03 fieldset .input img{margin-top:8px;vertical-align:top;cursor:pointer;} .sub #container .myMoney03 fieldset .input .desc{display:none;position:absolute;left:744px;top:67px;padding-top:11px;background:url('images/mypage04_03_arrow.jpg') no-repeat 19px 0;} .sub #container .myMoney03 fieldset .input .desc .inner{width:192px;height:67px;padding:13px 15px;line-height:20px;letter-spacing:-0.025em;color:#000;background:#10e0de;} .sub #container .myMoney03 fieldset .input .desc .inner a{font-weight:bold;font-family:NGEB;} .sub #container .myMoney03 fieldset .input .icon_desc_on .desc{display:block;} /* 이벤트 */ .event #container{padding-bottom:0;} .event #container .visual{height:160px;background:#e3eff8 url('images/event_img00.jpg') no-repeat 50% 0;} .event #content{width:1186px;margin:-20px auto 0;} .event #content .tabMenu{overflow:hidden;} .event #content .tabMenu li{float:left;width:237px;text-align:center;} .event #content .tabMenu li:first-child{width:236px;} .event #content .tabMenu li a{display:block;height:63px;font:/*bold*/ 17px/63px NGB;color:#373737;border:1px solid #c8c8c8;border-left:none;background:#fff url('images/event_plus.gif') no-repeat 165px 27px;} .event #content .tabMenu li:first-child a{border-left:1px solid #c8c8c8;} .event #content .tabMenu li.current a{color:#fff;border-color:#6da0f3;background:#6da0f3;} .event #content .tabMenu li.current_l a{border-right:none;} .event .tabMenu02{overflow:hidden;margin-top:25px;} .event .tabMenu02 li{float:left;width:593px;} .event .tabMenu02 li a{display:block;height:53px;font:/*bold*/ 18px/50px NGB;color:#565656;letter-spacing:-0.025em;text-align:center;border:1px solid #c2c2c2;border-bottom:2px solid #0280ca;border-left:none;background:#f7f8f9;} .event .tabMenu02 li:first-child a{border-left:1px solid #c2c2c2;} .event .tabMenu02 li.current a{color:#008adc;border:2px solid #0280ca;border-bottom:none;background:#fff;} .event .tabMenu02 li.current_l a{border-right:none;} .event #content .eventList01{padding-bottom:150px;} .event .eventView01{margin-top:43px;border-top:1px solid #ccc;} .event .eventView01 .title{height:68px;font:/*bold*/ 18px/68px NGB;color:#000;letter-spacing:-0.05em;} .event .eventView01 .title span.date{margin-left:29px;padding-left:12px;font:normal 14px/20px NG;color:#8c8c8c;background:url('images/event_bar01.gif') no-repeat 0 2px;} .event .eventView01 .cont{padding:30px 0 25px;border:1px solid #444;border-width:4px 0;} .event .eventView01 .sns{padding:44px 0 47px;text-align:center;} .event .eventView01 .sns a{display:inline-block;margin-left:13px;} .event .eventView01 .sns a:first-child{margin-left:0;} .event .eventView01 .btn a{display:block;font:/*bold*/ 18px/62px NGB;color:#000;text-align:center;border:1px solid #909090;border-width:1px 0;} .event .eventView01 .bnr{padding:55px 0 58px;} .event .eventView01 .bnr img{display:block;margin:0 auto;} .event .recItem{padding:62px 0 100px;background:#f2f2f2;} .event .recItem .recItem_t{position:relative;margin-bottom:-4px;padding-bottom:17px;font:/*bold*/ 26px/34px NGB;color:#000;border-bottom:3px solid #000;} .event .recItem .recItem_t span.page{position:absolute;right:0;top:2px;font-size:20px;} .event .recItem .recItem_t span.page span{padding:0 14px;} .event .recItem .recItem_t span.page img{vertical-align:middle;} .event .recItem .recItem_t em{font-family:NGEB;color:#077ced;} .event .eventView02 .eventView01{margin:0;border-top:none;} /* 정보박스 */ .magazine #container{padding-top:64px;} .magazine #container .imgT img{display:block;margin:0 auto;} .magazine #container .magazineCont01{overflow:hidden;width:1300px;margin:30px auto 54px;} .magazine #container .magazineCont01 .info01{float:left;width:400px;height:562px;position:relative;background:#c9e1f0;} .magazine #container .magazineCont01 .thumb img{display:block;} .magazine #container .magazineCont01 .info01 dl{padding:0 20px;} .magazine #container .magazineCont01 .info01 dt{margin:29px 0 17px;} .magazine #container .magazineCont01 .info01 dt a{font:/*bold*/ 26px NGB;color:#000;letter-spacing:-0.075em;} .magazine #container .magazineCont01 .info01 dd{overflow:hidden;height:100px;font-size:14px;line-height:20px;color:#000;letter-spacing:-0.05em;word-break:keep-all;word-wrap:break-word;} .magazine #container .magazineCont01 .info01 span.flag{display:inline-block;position:absolute;left:20px;top:241px;width:107px;height:107px;padding-top:28px;font:bold 14px/20px NGB;color:#fff;text-align:center;border-radius:50%;background:#000;} .magazine #container .magazineCont01 .info01 span.flag strong{font-size:24px;} .magazine #container .magazineCont01 .info02{float:right;width:872px;} .magazine #container .magazineCont01 .info02 ul{overflow:hidden;} .magazine #container .magazineCont01 .info02 li{float:left;width:300px;padding-left:28px;} .magazine #container .magazineCont01 .info02 li:first-child{width:272px;padding-left:0;} .magazine #container .magazineCont01 .info02 li .inner{height:379px;border-bottom:1px solid #c9e1f0;} .magazine #container .magazineCont01 .info02 .list01 dt{margin:14px 0 11px;} .magazine #container .magazineCont01 .info02 .list01 dt a{font:bold 18px NG;color:#000;letter-spacing:-0.075em;} .magazine #container .magazineCont01 .info02 .list01 dd{overflow:hidden;height:40px;font-size:14px;line-height:20px;color:#8c8c8c;letter-spacing:-0.05em;word-break:keep-all;word-wrap:break-word;} .magazine #container .magazineCont01 .info02 p{height:30px;margin-top:18px;padding:6px 0 0 10px;font-size:12px;line-height:16px;color:#272727;letter-spacing:-0.075em;background:#f6f6f6;} .magazine #container .magazineCont01 .info02 .list02{margin-top:23px;} .magazine #container .magazineCont01 .info02 .list02 li .inner{height:160px;} .magazine #container .magazineCont01 .info02 .list02 .thumb{float:left;width:120px;} .magazine #container .magazineCont01 .info02 .list02 dl{float:right;width:140px;} .magazine #container .magazineCont01 .info02 .list02 dt{overflow:hidden;height:40px;margin:1px 0 4px;} .magazine #container .magazineCont01 .info02 .list02 dt a{font:bold 15px/20px NG;color:#000;letter-spacing:-0.075em;} .magazine #container .magazineCont01 .info02 .list02 dd{overflow:hidden;height:36px;font-size:12px;line-height:18px;color:#8c8c8c;letter-spacing:-0.05em;word-break:keep-all;word-wrap:break-word;} .magazine #container .magazineCont01 .info02 .list02 p{clear:both;padding:24px 0 0 10px;background:#fff url('images/magazineList01_dottedline02.gif') repeat-x 0 17px;} .magazine #container .boxSearch{margin-top:75px;background:#eee;} .magazine #container .boxSearch_fix{position:fixed;top:0;left:0;width:100%;margin-top:0;z-index:100;} .magazine #container .boxSearch .inner{width:1186px;margin:0 auto;border-bottom:4px solid #313131;} .magazine #container .boxSearch table{width:100%;} .magazine #container .boxSearch th{width:164px;padding-left:30px;font:normal 24px NG;color:#fff;text-align:left;background:#313131;} .magazine #container .boxSearch thead th span{opacity:0.75;} .magazine #container .boxSearch thead td{height:82px;padding:20px 0 0 1px;background:#313131;} .magazine #container .boxSearch thead td a.btn{display:inline-block;width:217px;height:46px;font:/*bold*/ 16px/46px NGB;color:#fff;letter-spacing:-0.05em;text-align:center;vertical-align:top;background:#4db3fe;} .magazine #container .boxSearch thead td .formSelect{display:inline-block;vertical-align:top;} .magazine #container .boxSearch thead td .formSelect dt{width:380px;height:46px;padding-left:14px;font:/*bold*/ 16px/44px NBGB;color:#444;border-color:#9d9d9d;background:#eee url('images/magazine_select_arrow.gif') no-repeat right 22px;} .magazine #container .boxSearch thead td .formSelect dd{width:380px;top:45px;font:14px/30px NBG;color:#444;background:#fff;border-color:#9d9d9d;} .magazine #container .boxSearch thead td .formSelect dd li{padding:0 14px;} .magazine #container .boxSearch thead td .formSelect dd li:hover{background:#d8e6ff;} .magazine #container .boxSearch tbody th{font:normal 16px/74px NG;border-top:1px solid #fff;} .magazine #container .boxSearch tbody th img{margin-right:8px;vertical-align:middle;} .magazine #container .boxSearch tbody td{padding:12px 0 10px 16px;border-top:1px solid #d9d9d9;background:#fff;} .magazine #container .boxSearch tbody tr:first-child td{border-top:1px solid #fff;} .magazine #container .boxSearch tbody td ul{overflow:hidden;} .magazine #container .boxSearch tbody td li{float:left;width:201px;height:52px;line-height:50px;color:#343434;letter-spacing:-0.05em;text-align:center;cursor:pointer;border:1px solid #b8b8b8;border-width:0 1px 1px 0;} .magazine #container .boxSearch tbody td li:nth-child(5n+1){width:202px;border-left:1px solid #b8b8b8;} .magazine #container .boxSearch tbody td li:nth-child(-n+5){border-top:1px solid #b8b8b8;} .magazine #container .boxSearch tbody td li.sel{border-color:#4db3fe;border-width:3px;} .magazine #content{margin:0 auto;} .magazine #content .magazineList01{padding-bottom:150px;} .magazine #content .magazineList01 .title{position:relative;margin:75px 0 2px;padding-bottom:13px;font:/*bold*/ 20px NGEB;letter-spacing:-0.075em;color:#000;border-bottom:2px solid #4e5052;} .magazine #content .magazineList01 .title em{font-size:24px;color:#4db3fe;letter-spacing:-0.025em;} .magazine .eventView01{margin-top:30px;} .magazine .eventView01 .title{height:117px;padding:20px 0 0 20px;font:/*bold*/ 38px NGB;color:#303030;letter-spacing:-0.05em;} .magazine .eventView01 .title p.cate{margin-bottom:15px;font:normal 13px/16px NG;color:#f28300;} /* 리컴머니 */ .money #container{position:relative;} .money .money01 .visual01{background:url('/images/sub/money01_img01_bg.jpg') no-repeat 50% 0;} .money .money01 .visual06{background:url('/images/sub/money01_img06_bg.jpg') no-repeat 50% 0;} .money .money01 .visual img, .money .money01 .img img, .money .money03 .visual img{display:block;margin:0 auto;} .money .moneyTabmenu01{position:absolute;left:50%;top:63px;width:1186px;margin-left:-593px;/* transform:translateX(-50%);-webkit-transform:translateX(-50%); */text-align:right;} .money .moneyTabmenu01 ul{overflow:hidden;} .money .moneyTabmenu01 li{float:left;width:296px;text-align:center;border:1px solid #ddd;border-left:none;background:#fff;} .money .moneyTabmenu01 li:first-child{width:298px;border-left:1px solid #ddd;} .money .moneyTabmenu01 li a{display:block;font:bold 18px/57px NGB;color:#000;letter-spacing:-0.05em;} .money .moneyTabmenu01 li.current a{color:#fff;background:#000;} .money .tab_fixed{position:fixed;top:0px;z-index:1000;} .money .cont_section{background-repeat:no-repeat;background-position:50% 0;} .money .cont_section img{display:block;margin:0 auto;} .money .money03{background:#e3e0e3;} .money .money03 #content{width:1186px;margin:0 auto;} .money fieldset .couponCode{overflow:hidden;padding:64px 0 90px;background:#fff;border:1px solid #cbc6cb;} .money fieldset .couponCode .input{padding-left:135px;} .money fieldset .couponCode .input span{display:inline-block;padding-left:32px;font:bold 24px NGB;color:#077ced;letter-spacing:-0.025em;background:#fff;border:4px solid #38a8ff;} .money fieldset .couponCode .input input[type="text"]{width:487px;height:59px;font-size:20px;border:none;vertical-align:middle;background:url('images/mypage04_02_bar.gif') no-repeat 0 16px;} .money fieldset .couponCode .input .btn{display:inline-block;width:230px;height:67px;font:bold 24px/67px NGB;color:#fff;text-align:center;vertical-align:top;background:#38a8ff;} .money fieldset .couponCode ul{float:left;width:50%;margin-top:49px;padding-right:60px;} .money fieldset .couponCode ul:first-child{padding-right:0;padding-left:60px;} .money fieldset .couponCode li{padding-left:11px;font-size:14px;line-height:26px;letter-spacing:-0.025em;color:#000;background:url('images/icon_dot01.gif') no-repeat 0px 10px;} .money fieldset .couponCode li strong{font-weight:normal;font-family:NG;} .money .money02{padding-bottom:0 !important;} .money .money02 .moneyTabmenu01{z-index:20;} .fullMenu{opacity:1;position:fixed;right:17%;top:50%;margin-top:0px;z-index:10;} .fullMenu li{margin-top:10px;} .fullMenu li a{margin-top:0;} .fullMenu a{display:block;width:54px;height:54px;margin-top:10px;padding-top:14px;font-size:24px;text-align:center;color:#fff;background:#91999d;border-radius:50%;} .fullMenu a.on, .fullMenu li.active a{height:80px;font-size:36px;background:#000;border-radius:35px;} .fullMenu a:first-child{margin-top:0;} .fullMenu li:first-child{margin-top:0;} /* 사이트 하단링크 */ .company #content{width:1186px;margin:0 auto;padding-top:52px;} .company #content h2.title{margin:0 0 36px;padding-left:28px;font-size:38px;color:#303030;letter-spacing:-0.05em;background:url('images/etc_t_bg.jpg') no-repeat 0 8px;} .company #content .img img{display:block;} .company #content .map{padding:20px 0 67px 6px;background:#e1e1e1;} .company #content .rules{margin-top:-24px;padding:4px 30px 0;} .company #content .rules dt{margin:25px 0 -2px;font:bold 18px/40px NGB;color:#000;} .company #content .rules dd{margin-top:11px;line-height:24px;color:#000;letter-spacing:0.04em;word-break:keep-all;word-wrap:break-word;} .company .joinStep01{padding:91px 0 0px;} .company .joinStep01 h3{padding-left:77px;padding-bottom:17px;font-size:24px;color:#000;letter-spacing:-0.05em;background:url('images/icon_dot05.gif') no-repeat 52px 10px;} .company .joinStep01 table{width:100%;border-top:2px solid #bababa;} .company .joinStep01 th{padding-left:54px;color:#606060;font-weight:normal;font-family:NG;text-align:left;border-bottom:1px solid #dbdbdb;} .company .joinStep01 th em{color:#077ced;} .company .joinStep01 td{height:90px;padding:15px 50px 17px 0;color:#999;border-bottom:1px solid #dbdbdb;} .company .joinStep01 td p{margin:-15px 0 2px;font-size:12px;color:#535353;letter-spacing:-0.05em;} .company .joinStep01 .input input.formText{display:inline-block;width:380px;height:55px;padding:0 18px;margin:0;font-size:16px;vertical-align:top;border-color:#cfcfcf;border-radius:0;} .company #content .joinStep01 .input .formSelect{position:relative;z-index:10;display:inline-block;height:55px;} .company #content .joinStep01 .input .formSelect dt{width:95px;height:55px;padding-left:22px;padding-top:10px;color:#999;cursor:pointer;border:1px solid #cfcfcf;background:url('images/find_selectbox_arrow01.gif') no-repeat right 25px;} .company #content .joinStep01 .input .formSelect dd{display:none;position:absolute;left:0;top:54px;width:95px;border:1px solid #cfcfcf;background:#fff;z-index:9999;} .company #content .joinStep01 .input .formSelect dd li{padding:6px 0 8px 16px;font-size:16px;color:#999;cursor:pointer;} .company #content .joinStep01 .input .formSelect dd li:first-child{padding-top:5px;} .company #content .joinStep01 .input .formSelect dd li:last-child{padding-bottom:7px;} .company #content .joinStep01 .input .formSelect dd li:hover, .join .joinStep01 .input .formSelect dd li.on{background:#e1e1e1;} .company #content .joinStep01 .input02 .formSelect{margin-left:9px;} .company #content .joinStep01 .input03 input:first-child{margin-right:19px;} .company #content .joinStep01 .input04{height:90px;padding-bottom:0;vertical-align:top;} .company #content .joinStep01 .input04 input.formText{width:143px;border-left:none;} .company #content .joinStep01 th.vaT{padding-top:36px;vertical-align:top;} .company #content .joinStep01 .input textarea{width:100%;height:264px;line-height:30px;padding:11px 15px;font-family:NG;border:1px solid #ccc;} .company .joinStep01 .agree{margin-top:24px;padding:0 0 0 51px;font-size:14px;color:#000;} .company .joinStep01 .agree label{font-size:14px;color:#000;} .company .joinStep01 .agree a{font-weight:bold;font-family:NGB;color:#077ced;} .company .joinStep01 .btn_c{margin-top:100px;text-align:center;} .company .joinStep01 .btn_c a{display:inline-block;width:315px;height:44px;font-size:18px;line-height:44px;color:#fff;background:#077ced;} .company .joinStep01 .btn_c a.btnBlack{background:#3b3b3b;} input.file_text{clear:both;float:left;} span.file_wrap{float:left;display:inline-block;width:68px;height:55px;margin:0 0 0 17px;vertical-align:top;background:url('images/file_add.gif') no-repeat 0 20px;} input.file_add{filter:alpha(opacity:0); opacity:0; width:68px; height:55px; cursor:pointer;} /* ============================================================ 갤럭시Z폴드 등 좁은 화면(1250px 이하) 대응 - 견적서/확정서 팝업 기존 고정폭(963px, 1186px) 요소가 화면 밖으로 잘리는 문제 수정 ============================================================ */ @media (max-width: 1250px) { /* 팝업 전체 창: 고정 963px -> 화면폭에 맞춰 줄어들도록 */ .pop_itemDetail .popContent { width: 94vw !important; max-width: 963px; margin-left: 0 !important; left: 3vw !important; } .pop_itemDetail .inner, .pop_itemDetail .popCont .message { width: 100% !important; } /* 상품 사진 3장(침대/조식/수영장 등): 288px 고정폭 -> 좁은 화면에서는 1장씩 세로로 꽉 차게 */ .pop_itemDetail .inner > .info li, .pop_itemDetail .inner > .info li:first-child { float: none !important; width: 100% !important; padding-left: 0 !important; margin-bottom: 8px; } .pop_itemDetail .inner > .info li img { width: 100% !important; height: auto !important; } /* 상세페이지(sub_detail) 쪽 상품 사진(398px 고정폭)도 동일하게 적용 */ .detailCont .info li, .detailCont .info li:first-child { float: none !important; width: 100% !important; padding-left: 0 !important; margin-bottom: 8px; } .detailCont .info li img { width: 100% !important; height: auto !important; } /* 상단 탭바(객실/레스토랑/부대시설/리얼리뷰/확정): 고정 1186px -> 화면폭에 맞추고, 다 안 들어가면 옆으로 스와이프해서 볼 수 있도록 가로 스크롤 허용 */ .detailCont .tourDetail_fixed .tabMenu { width: 100% !important; left: 0 !important; margin-left: 0 !important; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap; } .detailCont .tourDetail_fixed .tabMenu ul { display: inline-flex; } }