/* container */ /* ˻ */ .quickS {width:150px;color:#fff;} .quickS dt {height:56px;padding-top:23px;border-bottom:1px solid #b61f1f;background-color:#e33a3a;} .quickS dt span {display:block;text-align:center;} .quickS dt span.txt1 {font-size:16px;font-weight:bold;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';} .quickS dt span.txt2 {color:#ffa5a5;letter-spacing:0;margin-top:2px;} .quickS dd {position:relative;width:149px;height:44px;font-size:13px;border-left:1px solid #4f5660;border-bottom:1px solid #4f5660;background-color:#58606c;} .contents1 .quickS dd .icon {display:none;position:absolute;top:18px;right:8px;} .contents1.on .quickS dd .icon {display:block;} .quickS dd:last-child {border-bottom:1px solid #b8b9bb;} .quickS dd a {display:block;height:44px;color:#fff;line-height:45px;padding-left:45px;background:url('/web_renewal/img/icon_quick.png') 0 0 no-repeat;} .quickS dd a.on {background-color:#fff;color:#333;text-decoration:none;} .quickS dd a:hover.on {text-decoration:none;} .quickS dd a:hover {text-decoration:underline;} .quickS dd a.txt1 {background-position:0 0;}/* ؿװ */ .quickS dd a.txt2 {background-position:0 -44px;}/* ؿȣ */ .quickS dd a.txt3 {background-position:0 -88px;}/* ؿܿ */ .quickS dd a.txt4 {background-position:0 -135px;}/* װ */ .quickS dd a.txt5 {background-position:0 -180px;}/* */ .quickS dd a.txt6 {background-position:0 -224px;}/* */ .quickS dd a.txt7 {background-position:0 -270px;}/* ֿ */ .quickS dd a.txt8 {background-position:0 -314px;}/* ุ */ .quickS dd a.txt9 {background-position:0 -360px;}/* */ .quickS dd a.txt10 {background-position:0 -404px;}/* ī */ .quickS dd a.txt1.on {background-position:-50px 0;}/* ؿװ */ .quickS dd a.txt2.on {background-position:-50px -44px;}/* ؿȣ */ .quickS dd a.txt3.on {background-position:-50px -88px;}/* ؿܿ */ .quickS dd a.txt4.on {background-position:-50px -135px;}/* װ */ .quickS dd a.txt5.on {background-position:-50px -180px;}/* */ .quickS dd a.txt6.on {background-position:-50px -224px;}/* */ .quickS dd a.txt7.on {background-position:-50px -270px;}/* ֿ */ .quickS dd a.txt8.on {background-position:-50px -314px;}/* ุ */ .quickS dd a.txt9.on {background-position:-50px -360px;}/* */ .quickS dd a.txt10.on {background-position:-50px -404px;}/* ī */ /* װ */ .contents1 .quickL .closeBtn {display:none;} .contents1.on .quickL .closeBtn {display:block;position:absolute;top:-15px;right:-20px;} .quickL {display:block;z-index:99;position:absolute;top:0;left:150px;border:1px solid #b8b9bb;border-left:none;background-color:#fff; width:327px;height:528px;} .quickL .List {position:relative;margin:20px 13px;width:301px;height:488px;} .quickL .List h3 {font-size:16px;font-weight:bold;letter-spacing:0;margin-bottom:15px;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';} .quickL .List .plyway {display:inline-block;width:100%;height:30px;padding-bottom:5px;margin-bottom:15px;} .quickL .List .plyway li {position:relative;z-index:1;width:50%;height:30px;margin-left:-1px;float:left;padding-bottom:5px;font-size:13px;} .quickL .List .plyway.tri li {width:33.33%} .quickL .List .plyway.tri li a {font-size:12px;} .quickL .List .plyway li:first-child {margin-left:0} .quickL .List .plyway li img {display:none;} .quickL .List .plyway li a {display:block;height:28px;border:1px solid #d3d3d3;text-align:center;line-height:27px;letter-spacing:0;color:#555;background-color:#f2f2f2;} .quickL .List .plyway li.global b {position:absolute;left:-3px;top:-12px;display:block;width:51px;height:19px;background:url(/NImg/main/open_h.png) no-repeat} .quickL .List .plyway li.on {z-index:5} .quickL .List .plyway li.on img {display:block;position:absolute;bottom:1px;left:50%;margin-left:-5px;} .quickL .List .plyway li.on a {color:#e70014;border:1px solid #ec6060;background-color:#fff;} .quickL .List .selBoxW {display:inline-block;margin-bottom:20px;} .quickL .List .selBoxW dl {float:left;position:relative;} .quickL .List .selBoxW dl:first-child {margin-right:20px;} .quickL .List .selBoxW dt {font-weight:bold;color:#444;margin-bottom:5px;} .quickL .List .air_choice {margin-bottom:20px;} .quickL .List .air_choice .txt {font-weight:bold;color:#444;margin-bottom:5px;} .quickL .List .air_choice .airList {position:relative;overflow:hidden;width:297px;height:33px;border:1px solid #d3d3d3;} .quickL .List .air_choice li {float:left;width:35px;height:33px;border-left:1px solid #d3d3d3;} .quickL .List .air_choice li.all a {background-image:none;font-weight:bold;text-align:center;line-height:33px;} .quickL .List .air_choice li.all, .quickL .List .air_choice li.all a {width:45px;} .quickL .List .air_choice li:first-child {border-left:none;} .quickL .List .air_choice a {display:block;float:left;width:35px;height:33px;background:url('/web_renewal/img/icon_air.png') #fff 0 0 no-repeat;} .quickL .List .air_choice a.KE {background-position:0 0;} .quickL .List .air_choice a.OZ {background-position:-40px 0;} .quickL .List .air_choice a.LJ {background-position:-78px 0;} .quickL .List .air_choice a.JE {background-position:-116px 0;} .quickL .List .air_choice a.ZE {background-position:-155px 0;} .quickL .List .air_choice a.TW {background-position:-195px 0;} .quickL .List .air_choice a.BX1 {background-position:-234px 0;} .quickL .List .air_choice a.on {background-color:#f8dcdc;} .quickL .List .seat_choice {display:inline-block;margin-bottom:20px;} .quickL .List .seat_choice dt {font-weight:bold;color:#444;margin-bottom:5px;} .quickL .List .seat_choice dd {float:left;margin-right:15px;} .quickL .List .seat_choice dd input {width:16px;height:16px;vertical-align:-3px;margin-right:5px;} .quickL .List .presW {display:inline-block;} .quickL .List .presW .txt1 {position:relative;font-weight:bold;color:#444;margin-bottom:7px;} .quickL .List .presW .txt1 a {position:absolute;right:0;top:50%;margin-top:-12px} .quickL .List .presW .preschoice {float:left;} .quickL .List .presW .preschoice .txt2 {margin-bottom:3px;font-size:12px;} .quickL .List .presW .preschoice .txt2 span {letter-spacing:-1px;font-size:11px;} .quickL .List .quickBtn {position:absolute;bottom:0;left:50%;margin-left:-100px;width:199px;height:36px;} .quickL .List .quickBtn a {display:block;width:199px;height:36px;background-color:#14c162;border-bottom:1px solid #12b059;text-align:center; line-height:36px;color:#fff;font-weight:bold;font-size:14px;} .quickL .List .quickBtn a:hover {background-color:#12b059;border-bottom:1px solid #109c4f;} .quickL .List .quickBtn a span {background:url('/web_renewal/img/btn_quick.png') right center no-repeat;padding-right:15px;} .quickL .List .choice {display:inline-block;margin-bottom:10px;} .quickL .List .choice dt {font-size:12px;float:left;font-weight:bold;color:#444;margin-right:8px;line-height:30px;} .quickL .List .choice dd {float:left;} .quickL .List .choice dd.cityBtn {width:85px;height:28px;margin-left:5px;border:1px solid #d2d2d2;background-color:#f4f4f4;border-radius:3px;} .quickL .List .choice dd.cityBtn a {display:block;width:87px;height:30px;text-align:center;line-height:30px;color:#777;font-size:12px;} .quickL .List .goingBox {display:inline-block;margin-bottom:15px;} .quickL .List .goingBox dt {font-weight:bold;color:#444;margin-bottom:5px;} .quickL .List .goingBox dd {float:left;} .quickL .List .goingBox dd.btn {margin:6px 7px 0 7px;} .quickL .List .banner {position:absolute;bottom:0;left:0px;} .quickL .List .banner a {display:block;width:299px;height:80px;background-color:#c3c3c3;margin-top:5px;} .quickL .List.domAir .plyway .way.on .blind {display:block; position: absolute; top: 123px; left: -23px; width: 135px; height: 60px; background-color: #fff; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; z-index: 1050;} /* ؿװ */ .quickL .List.OveAir .plyway li a {background:url('/web_renewal/img/arrow_r_r.png') #f2f2f2 center 0 no-repeat;} .quickL .List.OveAir .plyway li.on a {background:url('/web_renewal/img/arrow_r_r.png') #ffffff center -30px no-repeat;} .quickL .List.OveAir .plyway li span {margin:0 8px;} .quickL .List.OveAir .ov_section {position:relative;} .quickL .List.OveAir .plyway .way .blind {display:none;} .quickL .List.OveAir .plyway .way.on .blind {display:block;position:absolute;top:72px;left:17px;width:59px;height:20px; background-color:#fff;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;z-index:1050;} .quickL .List.OveAir .seat_choice dd .blind {display:none;} .quickL .List.OveAir .seat_choice dd.on .blind {display:block;position:absolute;top:139px;right:0;width:140px;height:160px; background-color:#fff;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;z-index:1050;} .quickL .List.OveAir .selBoxW {margin-bottom:10px;} .quickL .List.OveAir .selBoxW dl:first-child {padding-right:9px;border-right:2px dotted #a8a8a8;margin:0;} .quickL .List.OveAir .selBoxW dl {margin-left:9px;} .quickL .List.OveAir .selBoxW .undeteW {text-align:right;margin-top:8px;font-size:12px;} .quickL .List.OveAir .selBoxW .undeteW input[type="checkbox"] {width:13px;height:13px;vertical-align:-3px;margin-right:3px;} .quickL .List.OveAir .selBoxW .undeteW .sel_menu2.stay {display:none;position:absolute;top:96px;left:0;text-align:left;} .quickL .List.OveAir .selBoxW .undeteW.on .sel_menu2.stay {display:block;} .quickL .List.OveAir .selBoxW .undeteW .blind {display:none;position:absolute;top:-6px;left:0;width:145px;height:100px; background-color:#fff;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;z-index:1050;} .quickL .List.OveAir .selBoxW .undeteW.on .blind {display:block;} /* ؿȣ */ .quickL .List .cityView_wrap h3 {margin-bottom:0;} .quickL .List.hotel .choice, .quickL .List.hotel .presW {margin:5px 0 20px 0;} .quickL .List.hotel .selBoxW dl:first-child {margin-right:15px;} .quickL .List.hotel .selBoxW dd {float:left;} .quickL .List.hotel.on .banner {display:none;} .quickL .List.hotel.on .quickBtn {bottom:0;} .quickL .List.hotel.on .choice.non {margin-bottom:0;} .quickL .List.hotel .presW {margin-bottom:10px;} .quickL .List.hotel .presW {position:relative;} .quickL .List.hotel .presW .txt1 {margin-bottom:16px;} .quickL .List.hotel .presW .numW {margin-left:41px;display:inline-block;} .quickL .List.hotel .presW .numW .box {margin-bottom:3px;} .quickL .List.hotel .presW .preschoice {position:relative;margin-bottom:5px;} .quickL .List.hotel .presW .preschoice.one {position:absolute;top:-7px;left:41px;} .quickL .List.hotel .presW .preschoice .child_rule {z-index:999;display:none;position:absolute;top:18px;left:-176px;width:280px;padding:10px;border:1px solid #555;line-height:18px; background-color:#fff;font-size:12px;} .quickL .List.hotel .presW .preschoice .child_rule span {color:#f74d4e;} .quickL .List.hotel .quickBtn {bottom:121px;} /*ؿȣ-ֿ䵵*/ .cityView_wrap{position:absolute;width:530px;height:auto;top:60px;left:0px;background-color:#FFF;border:2px solid #3c5166;z-index:100;} .cityView_wrap.sub{top:115px;left:-40px} .tit_dark32{height:32px;background:url('/NImg/common/searchBx_hd.gif') 0 0 repeat-x} .tit_dark32 h3{float:left;margin-top:6px;margin-left:8px;color:#FFF} .tit_dark32 a{display:block;float:right;margin-top:4px;margin-right:7px} .ahCity_group{border-bottom:1px solid #bcc4cc;padding:10px 0;background:url('/NImg/common/bg_L100.gif') 0 0 repeat-y;overflow:hidden;} .ahCity_group h4{float:left;width:100px;text-align:center;color:#454545;/*background:url('/NImg/common/ico_con_tit.gif') right -3px no-repeat*/} .ahCity_group h5{float:left;width:auto;font-weight:normal;line-height:16px;letter-spacing:-1px} .ahCity_group h5 p{height:15px;overflow:hidden} .ahCity_group h5 a{display:block;float:left;width:85px;text-align:center;color:#454545;font-size:12px} .ahCity_group h5 a span{display:block;border-right:1px solid #e9e9e9} .ahCity_group h5 .last span{border-right:1px solid #FFF} .ahCity_group.last{border:none} .ahCity_group h5 a:hover{color:#f44826;font-weight:bold;font-size:12px} /*ؿȣ-Ƶ̰ */ .accAge_wrap{position:absolute;width:270px;height:190px;top:50px;left:100px;background-color:#FFF;border:2px solid #3c5166;z-index:1000;} .accAge_wrap.ahList{top:150px;left:570px} .accAge_wrap.sub{top:100px;left:-40px} .accAge_wrap .darkTit30{height:30px;background:url('/NImg/common/searchBx_hd.gif') 0 0 repeat-x} .accAge_wrap .darkTit30 .title{float:left;margin-top:5px;margin-left:8px;color:#FFF} .accAge_wrap .darkTit30 a{display:block;float:right;margin-top:3px;margin-right:5px} .accAge_wrap .roomT{color:#5189ba} .accAge_wrap .search_item{margin-top:0; margin-left:0;} .accAge_wrap .search_item ul.h25{height:25px} .accAge_wrap .search_item .accAge_in{background-color:#fdf6d5;padding-top:10px;padding-bottom:7px;border-bottom:1px solid #efe9c8;margin-bottom:10px} .accAge_wrap .search_item .accAge_in .mg_t7 {margin-top:4px;} .w20{width:20px} .search_item li {float:left;height:25px;} .search_item ul {height:25px;} /* */ .quickL .List.lodge .seat_choice {margin-bottom:10px;} .quickL .List.lodge .seat_choice dd {margin-bottom:10px;} .quickL .List.lodge .quickBtn {bottom:154px;} .quickL .List.lodge .selBoxW dd {float:left;} /* ؿܿ */ .quickL .List.OvTrav .quickBtn {top:183px;} /* */ .quickL .List.inland .quickBtn {top:186px;} /* ֿ */ .quickL .List.jeju .quickBtn {top:228px;} /* ุ */ .quickL .List.make .goodWrap {position:relative;} .quickL .List.make .goodWrap .txt {position:absolute;top:-20px;left:0;font-weight:bold;color:#ff5e5e;} .quickL .List.make .goodsW {overflow:hidden;margin:10px 0px;} .quickL .List.make .jeju .goodsW {margin-bottom:20px;} .quickL .List.make .goodsW li {float:left;width:70px;height:70px;margin-left:6px;overflow:hidden;position:relative;} .quickL .List.make .goodsW li:first-child {margin-left:0;} .quickL .List.make .goodsW li input {position:absolute;bottom:6px;left:13px;width:15px;heighT:15px;} .quickL .List.make .goodsW li label {display:block;float:left;width:70px;height:70px;background:url('/web_renewal/img/btn_make.png') 0 0 no-repeat;cursor:pointer;} .quickL .List.make .goodsW li.bt_air label {background-position:0 0;} .quickL .List.make .goodsW li.bt_train label {background-position:0 -70px;} .quickL .List.make .goodsW li.bt_room label {background-position:-73px 0;} .quickL .List.make .goodsW li.bt_rentalCar label {background-position:-146px 0;} .quickL .List.make .goodsW li.bt_ticket label {background-position:-219px 0;} .quickL .List.make .goodsW li.bt_rentalCar input, .quickL .List.make .goodsW li.bt_ticket input {left:10px;} .quickL .List.make .goodsW li.bt_train input {display:none;} .quickL .List.make .train .selBoxW {margin-bottom:15px;} .quickL .List.make .selBoxW2 {display:inline-block;margin-bottom:20px;} .quickL .List.make .selBoxW2 dl {float:left;position:relative;} .quickL .List.make .selBoxW2 dl:first-child {margin-right:4px;} .quickL .List.make .selBoxW2 dt {font-weight:bold;color:#444;margin-bottom:5px;} .quickL .List.make .selBoxW2 dd {float:left;} /* */ .quickL .List.ticket .quickBtn {top:200px;} /* ī */ .quickL .List.rentalcar {position:relative;} .quickL .List.rentalcar .choice dd {margin-left:5px;} .quickL .List.rentalcar .choice dd:first-child {margin-left:none;} .quickL .List.rentalcar .choice2 {display:inline-block;margin-bottom:20px;} .quickL .List.rentalcar .choice2 dt {float:left;font-weight:bold;color:#444;margin-right:19px;line-height:30px;} .quickL .List.rentalcar .choice2 dd {float:left;} .quickL .List.rentalcar .choice2 dd.cityBtn {width:85px;height:28px;margin-left:5px;border:1px solid #d2d2d2;background-color:#f4f4f4;border-radius:3px;} .quickL .List.rentalcar .choice2 dd.cityBtn a {display:block;width:87px;height:30px;text-align:center;line-height:30px;color:#777;font-size:12px;} .quickL .List.rentalcar .selBoxW dl {width:100%;} .quickL .List.rentalcar .rentSel {position:relative;} .quickL .List.rentalcar .rentSel .dayTime {position:absolute;top:38px;right:-9px;color:#e70014;font-weight:bold;font-size:12px;line-height:20px;height:72px; background:url('/web_renewal/img/quick_rentalBg.png') 0 0 no-repeat;padding-left:15px;} .quickL .List.rentalcar .rentSel .dayTime .day {margin-top:17px;} .quickL .List.rentalcar .selBoxW dl:first-child {margin-right:0;} .quickL .List.rentalcar .selBoxW dd {float:left;margin-right:5px;} .quickL .List.rentalcar .choice {margin-bottom:20px;} .quickL .List.rentalcar .quickBtn {margin-bottom:50px;} .quickL .List.rentalcar .rent_anW .rent_an {position:absolute;bottom:0;left:0;display:inline-block;width:100%;height:30px;border:1px solid #e0e4e9;background-color:#eceff4;} .quickL .List.rentalcar .rent_anW .rent_an li {float:left;width:99px;border-left:1px solid #e0e4e9;line-height:30px;text-align:center;font-size:12px;} .quickL .List.rentalcar .rent_anW .rent_an li a {float:left;width:99px;height:30px;color:#39414a;} .quickL .List.rentalcar .rent_anW .rent_an li a:hover {background-color:#fff;} .quickL .List.rentalcar .rent_anW .rent_an li:first-child {border-left:none;} /* 뿩ݾȳ */ .quickL .List.rentalcar .rent_anW .rent_pop_price {z-index:999;position:absolute;top:85px;left:-25px;width:450px;border:1px solid #555;background-color:#fff;} /* 뿩ڰ */ .quickL .List.rentalcar .rent_anW .rent_pop_quali {z-index:999;position:absolute;top:85px;left:-25px;width:450px;border:1px solid #555;background-color:#fff;} /* /ȯ/ױ */ .quickL .List.rentalcar .rent_anW .rent_pop_cancell {z-index:999;position:absolute;top:85px;left:-25px;width:450px;border:1px solid #555;background-color:#fff;} .quickL .List.rentalcar .rent_anW .closeBtn {display:block;position:absolute;top:6px;right:10px;} .quickL .List.rentalcar .rent_anW .title {font-weight:bold;font-size:14px;background-color:#f7f7f7; height:30px;line-height:30px;padding-left:10px;border-bottom:1px solid #e2e2e2;} .quickL .List.rentalcar .rent_anW .list {padding:10px;} .quickL .List.rentalcar .rent_anW .list dl, .quickL .List.rentalcar .rent_anW .list ul {margin-bottom:10px;} .quickL .List.rentalcar .rent_anW .list dl:last-child, .quickL .List.rentalcar .rent_anW .list ul:last-child {margin-bottom:0px;} .quickL .List.rentalcar .rent_anW .list dt {font-weight:bold;margin-bottom:5px;} .quickL .List.rentalcar .rent_anW .list dd, .quickL .List.rentalcar .rent_anW .list li {line-height:18px;font-size:12px;} .quickL .List.rentalcar .rent_anW .list .red {color:#f54747;} .quickL .List.rentalcar .rent_anW .list .blue {color:#2c60c9;} /*// ˻ */ /* ž */ .top_bannerW1 {float:left;position:relative;display:inline-block;width:1010px;height:460px;} .top_bannerW1 .banner1 {position:absolute;left:0;width:688px;height:460px;border-right:1px solid #d7d7d7;outline:none;} .top_bannerW1 .banner1 .img {width:688px;height:460px;} .top_bannerW1 .banner1 .goBtn {position:absolute;bottom:33px;right:33px;width:87px;height:27px;overflow:hidden; background:url('/NImg/2016/img/btn_go.png') 0 0 no-repeat;} .top_bannerW1 .banner1 .goBtn:hover {background-position:0 -27px;} .top_bannerW1 .banner1 .title {position:absolute;bottom:33px;left:33px;color:#fff;padding:15px;border-radius:5px; background-color:#3a3a3a;background-color:rgba(0,0,0,0.6);} .top_bannerW1 .banner1 .title .txt1 {font-size:22px;margin-bottom:3px;} .top_bannerW1 .banner1 .title .txt2 {font-size:35px;} .top_bannerW1 .banner1 .title .txt3 {font-size:16px;color:#fffb87;margin-top:15px;} .top_bannerW1 .banner2 {position:absolute;right:0;width:299px;height:460px;} .top_bannerW1 .banner2 li {position:relative;display:inline-block;width:299px;height:112px;border-bottom:1px solid #d7d7d7; background:url('/NImg/2016/img/icon_index.png') 281px -349px no-repeat;} .top_bannerW1 .banner2 li a {display:block;width:299px;height:115px;} .top_bannerW1 .banner2 li a:hover .title2 {text-decoration:underline;} .top_bannerW1 .banner2 .imgW {float:left;width:134px;height:115px;} .top_bannerW1 .banner2 .imgW .blind {position:absolute;top:0;left:0;} .top_bannerW1 .banner2 .imgW img {width:129px;height:112px;} .top_bannerW1 .banner2 .title2 {float:left;width:165px;height:115px;} .top_bannerW1 .banner2 .title2 .txt1, .top_bannerW1 .banner2 .title2 .txt2 {width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .top_bannerW1 .banner2 .title2 .txt1 {color:#666;margin-top:40px;height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .top_bannerW1 .banner2 .title2 .txt2 {height:24px;font-size:17px;font-weight:bold;color:#555;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';} .top_bannerW1 .banner2 .img1500 {display:block;} .top_bannerW1 .banner2 .img1180 {display:none;} /* ֵ */ .top_bannerW2 {float:left;position:relative;display:inline-block;width:1010px;height:462px;} .top_bannerW2 .banner1 {cursor:pointer;position:absolute;left:0;width:688px;height:462px;border-right:1px solid #d7d7d7;background:url('/NImg/2016/img/main_hotdeal.jpg') 0 0 no-repeat;} .top_bannerW2 .banner1 .title {position:absolute;left:0;bottom:0;width:570px;height:107px;padding:15px 24px 0 94px;color:#fff;} .top_bannerW2 .banner1 .title .one {height:62px;overflow:hidden;border-bottom:1px solid #50393a;} .top_bannerW2 .banner1 .title .one .titW {float:left;width:345px;} .top_bannerW2 .banner1 .title .one .titW p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .top_bannerW2 .banner1 .title .one .titW .txt1 {font-size:23px;font-weight:bold;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';} .top_bannerW2 .banner1 .title .one .titW .txt2 {font-size:15px;margin-top:5px;} .top_bannerW2 .banner1 .title .one .priceW {float:right;width:210px;} .top_bannerW2 .banner1 .title .one .priceW dl {line-height:19px;} .top_bannerW2 .banner1 .title .one .priceW dt {float:left;width:75px;text-align:right;padding-right:10px;background:url('/NImg/2016/img/icon_index.png') -16px -846px no-repeat;} .top_bannerW2 .banner1 .title .one .priceW dd {float:right;width:125px;text-align:right;} .top_bannerW2 .banner1 .title .one .priceW dd span {font-size:14px;font-weight:bold;letter-spacing:0;} .top_bannerW2 .banner1 .title .one .priceW .price2 {color:#58d20a;} .top_bannerW2 .banner1 .title .one .priceW .price3 {color:#45dfe4;} .top_bannerW2 .banner1 .title .two {height:36px;line-height:36px;border-top:1px solid #202022;} .top_bannerW2 .banner1 .title .two .titW {float:left;letter-spacing:0;} .top_bannerW2 .banner1 .title .two .titW img {vertical-align:-4px;margin-right:3px;} .top_bannerW2 .banner1 .title .two .titW .num1 {font-weight:bold;color:#ff583c;} .top_bannerW2 .banner1 .title .two .titW .num2 {font-weight:bold;} .top_bannerW2 .banner1 .title .two .priceW {float:right;width:186px;overflow:hidden;font-weight:bold;font-size:20px;} .top_bannerW2 .banner1 .title .two .priceW dt {float:left;width:60px;} .top_bannerW2 .banner1 .title .two .priceW dd {float:right;width:126px;text-align:right;font-size:22px;} .top_bannerW2 .banner1 .title .two .priceW dd span {font-size:13px;font-weight:normal;vertical-align:1px;} .top_bannerW2 .banner1 .title .btn {position:absolute;top:-4px;left:15px;} .top_bannerW2 .banner2 {position:absolute;top:0;right:0;width:321px;height:460px;line-height:1.3} .top_bannerW2 .banner2 li:first-child {height:68px;text-align:center;background-color:#f5f5f5;border-bottom:none;background-image:none;} .top_bannerW2 .banner2 li:first-child img {margin-top:15px;} .top_bannerW2 .banner2 li {position:relative;display:inline-block;width:321px;height:128px;border-bottom:1px solid #d7d7d7; background:url('/NImg/2016/img/icon_index.png') 290px -349px no-repeat;} .top_bannerW2 .banner2 li a {display:block;width:321px;height:115px;} .top_bannerW2 .banner2 li a:hover .title2 .txt1,.top_bannerW2 .banner2 li a:hover .title2 .txt2 {text-decoration:underline;} .top_bannerW2 .banner2 .imgW {float:left;width:140px;height:124px;} .top_bannerW2 .banner2 .imgW .blind {position:absolute;top:0;left:0;} .top_bannerW2 .banner2 .imgW img {width:140px;height:124px;} .top_bannerW2 .banner2 .title2 {float:left;width:181px;height:115px;} .top_bannerW2 .banner2 .title2 .txt1, .top_bannerW2 .banner2 .title2 .txt2 {width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .top_bannerW2 .banner2 .title2 .txt3 {color:#fff;margin-top:30px;width:57px;height:19px;line-height:19px;text-align:center;font-size:12px;background-color:#ff5e5e;} .top_bannerW2 .banner2 .title2 .txt3 span {display:block;width:57px;height:19px;padding-right:10px;background:url('/NImg/2016/img/arrow_r_rs.png') right 0 no-repeat;} .top_bannerW2 .banner2 .title2 .txt1 {color:#666;height:17px;font-size:13px;margin-top:3px;} .top_bannerW2 .banner2 .title2 .txt2 {height:24px;font-size:20px;font-weight:bold;color:#555;margin-top:6px;} .top_bannerW2 .banner2 .title2 .txt2 .won {font-size:13px;font-weight:normal;vertical-align:1px;} /* hot deal */ .top_bannerW2 .wt-hotdeal {display:block;width:688px;height:461px;position:relative;overflow:hidden;border-right:1px solid #d7d7d7;line-height:1.3} .top_bannerW2 .wt-hotdeal .img {position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;transition:all 2.5s ease} .top_bannerW2 .wt-hotdeal:hover .img {width:120%;height:120%;left:-10%;top:-10%} .top_bannerW2 .wt-hotdeal .hd-info {position:absolute;z-index:1;top:273px;left:0;width:100%;height:160px;background:url(/img/main/b.png);} .top_bannerW2 .wt-hotdeal .hd-info b.hd-ico {width:160px;height:178px;background:url(/img/main/ico_hot.png) no-repeat;display:block;position:absolute;left:4px;top:-84px} .top_bannerW2 .wt-hotdeal .hd-info .tit {font-size:24px;font-weight:bold;color:#fff;position:absolute;top:10px;left:160px;width:502px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-1px} .top_bannerW2 .wt-hotdeal .hd-info .txt {font-size:18px;color:#fff;position:absolute;top:46px;left:160px;width:308px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;letter-spacing:-1px} .top_bannerW2 .wt-hotdeal .hd-info dl.dc-price {position:absolute;right:18px;top:51px;width:190px;text-align:right;color:#fff;font-size:13px;white-space:nowrap;line-height:1.4} .top_bannerW2 .wt-hotdeal .hd-info dl.dc-price dt {float:left;width:49%;text-align:right;letter-spacing:-1px} .top_bannerW2 .wt-hotdeal .hd-info dl.dc-price dt b {margin-left:4px;vertical-align:middle;width:5px;height:7px;background:url(/img/main/ico_hot.png) no-repeat -160px 0;display:inline-block;} .top_bannerW2 .wt-hotdeal .hd-info dl.dc-price dd {float:left;width:51%;text-align:right;} .top_bannerW2 .wt-hotdeal .hd-info dl.dc-price .g {color:#58d20a} .top_bannerW2 .wt-hotdeal .hd-info dl.dc-price .b {color:#45dfe4} .top_bannerW2 .wt-hotdeal .hd-info dl.dc-price:after {content:'';display:block;clear:both} .top_bannerW2 .wt-hotdeal .hd-info div.price {padding-top:12px;color:#fff;font-size:16px;position:absolute;top:110px;right:18px;width:560px;border-top:1px solid rgba(255,255,255,0.4);*border-top:1px solid #51525a;} .top_bannerW2 .wt-hotdeal .hd-info div.price span {display:inline-block;vertical-align:middle} .top_bannerW2 .wt-hotdeal .hd-info div.price .bx {display:inline-block;color:#fff;padding:3px 6px;margin-right:4px;font-size:14px;font-weight:bold;background:#ff5a5a;vertical-align:middle} .top_bannerW2 .wt-hotdeal .hd-info div.price .red {color:#f94242} .top_bannerW2 .wt-hotdeal .hd-info div.price .hd-price {text-align:right;position:absolute;right:0;top:-4px;font-size:22px;color:#ee2d19} .top_bannerW2 .wt-hotdeal .hd-info div.price .hd-price strong {font-size:36px} .top_bannerW2 .wt-hotdeal .hd-info div.price .hd-price b {width:52px;height:23px;margin-right:10px;background:url(/img/main/ico_hot.png) no-repeat -160px -7px;display:inline-block;vertical-align:-1px} .top_bannerTit {height:65px;display:table;width:100%;table-layout:fixed} .top_bannerTit .titleW {position:relative;display:table-cell;height:67px;} .top_bannerTit .titleW span {display:block;text-align:center;} .top_bannerTit .titleW span.txt1 {color:#9d9d9d;margin:5px 0 9px 0;} .top_bannerTit .titleW span.txt2 {line-height:16px;font-size:13px;} .top_bannerTit .titleW .bg {display:none;} .top_bannerTit .titleW.on {background:url('/NImg/2016/img/bg_topbanner.png') 50% 0 no-repeat;} .top_bannerTit .titleW.on span.txt1 {color:#fff;} .top_bannerTit .titleW.on span.txt2 {color:#e22727;} /*// ž */ /*// container */ /* ǽð̺Ʈ */ .realEvent {width:1500px;margin:0 auto;padding:35px 0 45px 0;} .realEvent .title {float:left;margin-right:50px;font-weight:bold;font-size:13px;} .realEvent .listWrap {float:left;position:relative;} .realEvent .listWrap .listCover {position:relative;width:1325px;height:17px;overflow:hidden;} .realEvent .listWrap .list {display:inline-block;width:2000px;position:absolute;left:0;} .realEvent .listWrap .list li {float:left;font-size:13px;color:#4276be;padding-left:50px;} .realEvent .listWrap .list li a {color:#4276be;} .realEvent .listWrap .list li:first-child {padding-left:0;} .realEvent .listWrap .btn_left {position:absolute;top:-3px;left:-30px;display:block;width:36px;height:25px; background:url('/NImg/2016/img/icon_index.png') 0 -140px no-repeat;} .realEvent .listWrap .btn_right {position:absolute;top:-3px;right:-30px;display:block;width:36px;height:25px; background:url('/NImg/2016/img/icon_index.png') -152px -140px no-repeat;} /*// ǽð̺Ʈ */ /* ι */ .lineBanner {position:relative;height:180px;} .lineBanner .BgRight {position:absolute;left:50%;width:50%;height:180px;} .lineBanner .main {overflow:hidden;width:1500px;height:180px;margin:0 auto;} .lineBanner .main .left, .lineBanner .main .right {float:left;width:750px;height:180px;position:relative;} .lineBanner .main .left a, .lineBanner .main .right a {display:block;width:750px;height:180px;} .lineBanner .main .left .img1 {display:block;position:absolute;top:0;right:0;} .lineBanner .main .left .img2 {display:none;} .lineBanner .main .left .btn {position:absolute;bottom:58px;right:80px;} .lineBanner .main .right .img1 {display:block;position:absolute;top:0;left:-116px;} .lineBanner .main .right .img2 {display:none;} .lineBanner .main .right .btn {position:absolute;bottom:45px;right:20px;} /*// ι */ /* Ʈǰ */ .bestGoodsWrap {position:relative;margin-bottom:55px;} .bestGoodsWrap .title {z-index:99;position:absolute;top:-35px;left:50%;margin-left:-700px;width:1390px;height:80px;line-height:65px;background-color:#fff;text-align:center;} .bestGoodsWrap .title h4 {font-size:26px;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';letter-spacing:-2px;} .bestGoods {overflow:hidden;position:relative;margin-top:65px;height:425px;background-color:#5f656d;} .bestGoods .goodsWrap {position:relative;top:45px;left:50%;margin-left:-700px;width:1390px;height:380px;} .bestGoods .goods {float:left;width:270px;margin-left:10px;} .bestGoods .goods.mg_l0 {margin-left:0;} .bestGoods .goods.left {position:absolute;top:0;left:-280px;margin-left:0;} .bestGoods .goods.right {position:absolute;top:0;left:1400px;margin-left:0;} .bestGoods .goods.left .blind, .bestGoods .goods.right .blind { z-index:101;position:absolute;width:100%;height:375px;top:0;left:0; background-color:#5f656d;filter: alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity: 0.7; } .bestGoods .goods .txt {text-align:center;color:#fff;font-size:15px;margin:25px 0 10px 0;} .bestGoods .goods .list {cursor:pointer;} .bestGoods .goods .list a:hover .imgW img {filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity: 0.8;} .bestGoods .goods .list .imgW img {width:100%;height:200px;} .bestGoods .goods .list .txtW {position:relative;width:240px;height:85px;padding:15px;background-color:#fff;} .bestGoods .goods .list .txtW .txt1, .bestGoods .goods .list .txtW .txt2{font-weight:bold;font-size:15px;width:240px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';} .bestGoods .goods .list .txtW .txt3 {color:#666;margin-top:5px;width:240px;height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .bestGoods .goods .list .txtW .price {position:absolute;bottom:10px;right:15px;font-family: 'Arial','Tahome','Verdana';font-weight:bold;color:#fa443b;font-size:21px;letter-spacing:0;} .bestGoods .goods .list .txtW .price .won {font-size:14px;font-weight:normal;vertical-align:1px;} .bestGoodsWrap .rollingBtn {position:absolute;text-align:center;top:35px;left:50%;margin-left:-300px;width:600px;z-index:100;} .bestGoodsWrap .rollingBtn a {display:inline-block;width:18px;height:18px;overflow:hidden;margin-left:5px; background:url('/NImg/2016/img/btn_rolling.png') 0 0 no-repeat;} .bestGoodsWrap .rollingBtn a.on {background-position:0 -18px;} .bestGoodsWrap .rollingBtn a:first-child {margin-left:0;} .bestGoods .LeRiBtn a {display:block;width:50px;height:85px;} .bestGoods .LeRiBtn .leftBtn {position:absolute;top:45%;left:-50px;background:url('/NImg/2016/img/icon_index.png') 0 -618px no-repeat;z-index:102;} .bestGoods .LeRiBtn .rightBtn {position:absolute;top:45%;right:-50px;background:url('/NImg/2016/img/icon_index.png') -217px -618px no-repeat;z-index:102;} /*// Ʈǰ */ /* ȹ */ .projectWrap {margin-bottom:60px;background-color:#eee;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;} .projectW {display:block;} .projectW2 {display:none;} .projectW {position:relative;width:1500px;height:497px;margin:0 auto;overflow:hidden;background-color:#fff;} .projectW h4, .projectW2 h4 {text-align:center;font-size:26px;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';letter-spacing:-2px;margin:25px 0 20px 0;} .projectW .dome h4 span, .projectW2 .dome h4 span {color:#1298e5;} .projectW .over h4 span, .projectW2 .over h4 span {color:#ff6551;} .projectW .dome, .projectW2 .dome {position:absolute;left:0;width:49.9%;height:497px;border-right:1px solid #e0e0e0;} .projectW .over, .projectW2 .over {position:absolute;right:0;width:50%;} .projectW .slider, .projectW2 .slider {width:630px;height:350px;position:relative;overflow:hidden;margin:0 60px;} .projectW .viewer, .projectW2 .viewer {width:3960px; position:absolute;} .projectW .viewer img, .projectW2 .viewer img {float:left;width:630px;height:350px;} .projectW .viewer .list {position:relative;} .projectW .viewer .list .txtW {position:absolute;top:0;right:0;width:265px;height:317px;background:url('/NImg/2016/img/projectBg.png') 0 0 no-repeat;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';color:#fff;cursor:pointer;} .projectW .over .viewer .list .txtW {position:absolute;top:0;right:0;width:265px;height:317px;background:url('/NImg/2016/img/project_ovBg.png') 0 0 no-repeat;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';color:#fff;} .projectW .viewer .list .txtW .txt1 {position:absolute;top:140px;left:18px;width:212px;height:35px;text-align:center;font-size:26px;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .projectW .viewer .list .txtW .txt2 {position:absolute;top:180px;left:18px;width:212px;height:28px;text-align:center;font-size:20px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .projectW .viewer .list .txtW .txt3 {position:absolute;top:210px;left:18px;width:212px;height:28px;text-align:center;font-size:20px;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .projectW .viewer .list .txtW .icon {position:absolute;top:270px;left:111px;width:22px;height:20px;} .projectW .viewer .list .txtW .icon img, .projectW2 .viewer .list .txtW .icon img {width:22px;height:20px;} .projectW .btnGroup, .projectW2 .btnGroup {width:100%;height:45px;margin-top:20px;} .projectW .btnGroup a, .projectW2 .btnGroup a {float:left;width:11.7%;height:45px;padding:0 10px;text-align:center;border-bottom:2px solid #fff;} .projectW .btnGroup a:first-child, .projectW2 .btnGroup a:first-child {width:11%;} .projectW .btnGroup .title1, .projectW2 .btnGroup .title1 {display:block;height:21px;line-height:20px;font-size:13px;overflow:hidden;} .projectW .btnGroup a.on, .projectW2 .btnGroup a.on {border-bottom:2px solid #f44949;color:#e22727;} .projectW .btnGroup a:hover, .projectW2 .btnGroup a:hover {border-bottom:2px solid #f44949;color:#e22727;} .projectW .dome .btn .next, .projectW .over .btn .next { position:absolute;top:50%;left:21px;display:block;width:35px;height:40px; background:url('/NImg/2016/img/icon_index.png') 0 -511px no-repeat; } .projectW .dome .btn .prev, .projectW .over .btn .prev { position:absolute;top:50%;right:15px;display:block;width:35px;height:40px; background:url('/NImg/2016/img/icon_index.png') -192px -511px no-repeat; } /*// ȹ */ /* */ .mobileBest {margin-bottom:60px;height:480px;background:url('/NImg/2016/img/mobileBest.jpg') #fdf8fe top center no-repeat;} .mobileW {width:1500px;margin:0 auto;overflow:hidden;} .mobileW .mobileImg .Img1 {display:block;} .mobileW .mobileImg .Img2 {display:none;} .mobileW .mobileImg {float:left;display:block;width:370px;height:463px;margin-top:40px;} .mobileW .mobileImg img {width:100%;} .mobileW .mobileList {float:left;position:relative;width:1500px;height:480px;} .mobileList h4 {color:#fff;font-weight:bold;font-size:26px;margin:40px 0 5px 15px;} .mobileList .snsIcon {position:absolute;top:20px;right:25px;;} .mobileList .snsIcon li {float:left;width:35px;height:32px;background:url('/NImg/2016/img/icon_index.png') 0 0 no-repeat;margin:0 10px} .mobileList .snsIcon li a {float:left;display:block;width:35px;height:31px;} .mobileList .snsIcon li.facebook {background-position:10px -760px;} .mobileList .snsIcon li.tiwtter {background-position:-70px -760px;} .mobileList .snsIcon li.blog {background-position:-145px -760px;} .mobileList .snsIcon li.instagram {background-position:-232px -760px;} .mobileList .Title {display:table;table-layout:fixed;width:100%;height:44px;background:url('/NImg/2016/img/mobileListBg.png') 0 0 repeat-x;margin-bottom:2px;} .mobileList .Title li {display:table-cell;width:16.63%;font-weight:bold;font-size:15px;text-align:center;line-height:44px; border-left:1px solid #cfd0d2;} .mobileList .Title li:first-child {border-left:none;width:16.5%;} .mobileList .Title li.on a, .mobileList .Title li a:hover {background-color:#fff;color:#e22727;} .mobileList .Title li a {float:left;display:block;width:100%;height:44px;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';} .mobileList .goods {background-color:#fff;height:359px;} .mobileList .goods li {float:left;position:relative;width:213px;height:359px;border-left:1px solid #ececec;} .mobileList .goods li:first-child {border-left:none;} .mobileList .goods li a {float:left;display:block;width:100%;height:359px;} .mobileList .goods li a:hover .ImgW .Img {filter: alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity: 0.8;} .mobileList .goods .bestTxt {z-index:2;position:absolute;top:0;left:0;width:45px;height:41px;padding-top:4px;background-color:#babbbb;color:#fff;text-align:center; font-style:italic;} .mobileList .goods .bestTxt.one {background-color:#f2558d;} .mobileList .goods .bestTxt span {font-weight:bold;font-family:'Arial','Tahome','Verdana';font-size:20px;letter-spacing:0;} .mobileList .goods .mobBtn {display:none;position:absolute;bottom:3px;left:20px;width:55px;height:55px;background:url('/NImg/2016/img/icon_index.png') -340px -745px no-repeat;} .mobileList .goods .title {text-align:center;width:59%;height:15px;margin:12px auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .mobileList .goods .ImgW {position:relative;z-index:1;top:-12px;} .mobileList .goods .ImgW .Img {width:213px;height:207px;} .mobileList .goods .ImgW .blind {position:absolute;top:0;left:0;width:213px;height:207px;} .mobileList .goods .listTxt {margin:-5px 5px 10px 5px;text-align:center;font-weight:bold;line-height:18px;font-size:14px;font-family:'Malgun Gothic','','Nanum Gothic','','dotum',''} .mobileList .goods .listTxt span {display:block;height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .mobileList .goods .listTxt span.small {font-size:12px;margin-top:5px;color:#666;font-weight:normal;} .mobileList .goods .price {position:absolute;bottom:13px;right:20px;text-align:right;font-family:'Arial','Tahome','Verdana'; letter-spacing:0;} .mobileList .goods .price p.num1 {display:none;color:#999;font-size:15px;text-decoration:line-through;} .mobileList .goods .price p.num2 {color:#fa443b;font-size:20px;font-weight:bold;} .mobileList .goods .price p .won {font-family:'Nanum';font-size:13px;font-weight:normal;vertical-align:1px;} .mobileList .goods .price p.num2 .won {vertical-align:2px;} .mobileList .goods.olgoods0 .mobBtn, .mobileList .goods.olgoods1 .mobBtn, .mobileList .goods.olgoods2 .mobBtn, .mobileList .goods.olgoods5 .mobBtn, .mobileList .goods.olgoods0 .num1, .mobileList .goods.olgoods1 .num1, .mobileList .goods.olgoods2 .num1, .mobileList .goods.olgoods5 .num1 {display:none} .mobileList .goods.olgoods0 .num2, .mobileList .goods.olgoods1 .num2, .mobileList .goods.olgoods2 .num2, .mobileList .goods.olgoods5 .num2 {white-space:nowrap;letter-spacing:-0.05em} .mobileList .goods.olgoods0 .price, .mobileList .goods.olgoods1 .price, .mobileList .goods.olgoods2 .price, .mobileList .goods.olgoods5 .price {bottom:14px;left:0px;right:0;text-align:center} .mobileList .goods.olgoods0 .num2:before, .mobileList .goods.olgoods2 .num2:before {display:inline-block;padding:2px 3px;border:1px solid #fa443b;color:#fa443b;margin-right:4px;font-size:11px;font-weight:normal;content:'1 ';vertical-align:2px;} /* ˾ */ .mobileBest .mobilePopW {} .mobileBest .mobilePopW .blind {z-index:9999;width:100%;height:100%;position:fixed;top:0;left:0; background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;} .mobileBest .mobilePopW .list {z-index:99999;width:941px;height:427px;position:fixed;top:30%;left:50%;margin-left:-472px;margin-top:-205px;} .mobileBest .mobilePopW .list .btn1 {position:absolute;bottom:35px;left:380px;} .mobileBest .mobilePopW .list .btn2 {position:absolute;bottom:35px;right:40px;} .mobileBest .mobilePopW .list .closeBtn {position:absolute;top:-40px;right:5px;} .sendSms_pop {position:absolute;top:450px;left:400px;width:314px;height:420px;background:url('/GInfo/mobile/img/bg_ptn2.gif');} .title_sendSms {height:40px; background:url('/GInfo/mobile/img/title_sendSms.png') center 12px no-repeat; text-align:right;} .title_sendSms .close{margin-top:7px; margin-right:7px;} .title_sendSms .close img{cursor:pointer;} .sendSms_pop .c_wrap{margin-left:17px; margin-right:17px;} .sendSms_pop .textarea{border:none; width:270px;height:187px; overflow-y:hidden; font-family:'', 'Dotum'; letter-spacing:0; font-size:11px; color:#999; padding:0; text-align:left; padding:5px;} .sendSms_pop input {height:20px;line-height:20px;border:1px solid #fff;} .sendSms_pop select {height:22px;line-height:22px;border:1px solid #fff;} .sendSms_pop .tt{color:#c3c6c9;letter-spacing:0;} .sendSms_pop .listW {margin-top:3px;display:inline-block;} .btn_send {display:inline-block;width:105px;height:50px;background:url('/GInfo/mobile/img/btn_send.png');margin-top:-15px;} /*// */ /* ı⺣Ʈ */ .hugiBest {padding-bottom:40px;width:1500px;height:340px;margin:0 auto;background:url('/NImg/2016/img/hugi_bg.jpg') 0 0 no-repeat;background-size:100% 340px;} .hugiBest p.banner {position:relative;float:left;width:445px;height:280px;padding:30px 0 0 35px;} .hugiBest p.banner img {width:100%;} .hugiBest .ListW {float:left;position:relative;width:830px;height:340px;margin-left:155px;} .hugiBest .ListW h4 {margin:30px 0 15px 5px;} .hugiBest .ListW .write {position:absolute;top:45px;right:0;} .hugiBest .ListW .write img {float:left;margin:10px 10px 0 0;} .hugiBest .ListW .write a {float:left;display:block;width:103px;height:35px;overflow:hidden;background:url('/NImg/2016/img/hugi_btn.jpg') 0 0 no-repeat;} .hugiBest .ListW .write a:hover {background-position:0 -35px;} .hugiBest .ListW .hugi_arti {width:830px;height:220px;background-color:#fff;display:inline-block;} .hugiBest .ListW .hugi_arti .ImgW {float:left;position:relative;width:250px;height:220px;} .hugiBest .ListW .hugi_arti .ImgW .img {width:250px;height:220px;} .hugiBest .ListW .hugi_arti .ImgW .mont {position:absolute;bottom:-12px;right:-7px;} .hugiBest .ListW .hugi_arti .artiW {float:left;position:relative;width:522px;height:164px;padding:28px 29px;} .hugiBest .ListW .hugi_arti .artiW .text {letter-spacing:0;} .hugiBest .ListW .hugi_arti .artiW .text dt {font-weight:bold;font-size:16px;margin-bottom:10px;height:19px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .hugiBest .ListW .hugi_arti .artiW .text dd {line-height:22px;font-size:14px;color:#555;width:522px;height:110px;overflow:hidden;} .hugiBest .ListW .hugi_arti .artiW .name {color:#999;margin-top:10px;} .hugiBest .ListW .hugi_arti .artiW .more {display:block;width:39px;height:39px;position:absolute;bottom:0;right:0; background:url('/NImg/2016/img/icon_index.png') -428px -752px no-repeat;} .hugiBest {background:url(/NImg/2019/hugi_bg_1500.png) no-repeat center top} .hugiBest .ListW .hugi_arti .artiW .text dt {display:none} .hugiBest .ListW .hugi_arti .artiW .text dd {height:134px} .hugiBest .ListW {padding-top:90px;height:250px} .hugiBest .detail {position:absolute;top:52px;left:481px;font-size:13px;color:#eb4365;width:85px;height:25px;border:1px solid #eb4365;background:#fff;line-height:25px;text-align:center;display:block;} .hugiBest .detail:after {margin-left:3px;vertical-align:1px;content:'';display:inline-block;width:6px;height:6px;border-top:1px solid #eb4365;border-right:1px solid #eb4365;transform:rotate(45deg)} .hugiBest .detail:hover {background:#eb4365;color:#fff} .hugiBest .detail:hover:after {border-color:#fff} .hugiBest .ListW .write a {background:none;width:147px;height:32px;border:1px solid #9bc7d7;line-height:32px;text-align:center;font-size:14px;color:#5294b0} .hugiBest .ListW .write a:after {margin-left:3px;vertical-align:1px;content:'';display:inline-block;width:6px;height:6px;border-top:1px solid #5294b0;border-right:1px solid #5294b0;transform:rotate(45deg)} .hugiBest .ListW .write a:hover {background:#fff} /*// ı⺣Ʈ */ /* ι */ .mainBannerW {width:1500px;height:101px;margin:0 auto;padding-bottom:40px;} .mainBannerW .W1500, .mainBannerW .W1180 {width:1498px;height:99px;border:1px solid #e8e8e8;} .mainBannerW .W1500 li, .mainBannerW .W1180 li {float:left;} .mainBannerW .W1500 li a, .mainBannerW .W1180 li a {display:block;float:left;width:100%;height:99px;background:url('/NImg/2016/img/mainBanner.jpg') 0 0 no-repeat;} .mainBannerW .W1500 li.ban1 a {width:249px;height:99px;background-position:0 0;} .mainBannerW .W1500 li.ban2 a {width:251px;height:99px;background-position:-249px 0;} .mainBannerW .W1500 li.ban3 a {width:251px;height:99px;background-position:-500px 0;} .mainBannerW .W1500 li.ban4 a {width:251px;height:99px;background-position:-751px 0;} .mainBannerW .W1500 li.ban5 a {width:251px;height:99px;background-position:-1002px 0;} .mainBannerW .W1500 li.ban6 a {width:245px;height:99px;background-position:-1253px 0;} /*// ι */ /* ι */ .mainBannerH {width:1500px;height:101px;margin:0 auto;padding-bottom:40px;} .mainBannerH .W1500, .mainBannerH .W1180 {width:1500px;height:99px;} .mainBannerH .W1500 li, .mainBannerH .W1180 li {float:left;width:100%;height:99px;background:url('/NImg/2016/img/mainBanner01.jpg') 0 0 no-repeat;} .mainBannerSh {margin-bottom:30px} .mainBannerSh a {display:block;height:100px;min-width:1180px;background:url(/NImg/mainBanner05.jpg) no-repeat center top;font-size:0;color:transparent;margin:0 auto} @media all and (max-width: 1500px) { .mainBannerSh a {width:1180px;background-position:0 -100px} .hugiBest {background:url(/NImg/2019/hugi_bg_1180.png) no-repeat center top} .hugiBest .detail {left:384px} } .mainBannerS {height:71px;padding-bottom:40px;} .mainBannerS a {display:block;height:69px;min-width:1180px;background:url('/NImg/2016/img/mainBanner02.jpg') no-repeat center top;font-size:0;color:transparent;margin:0 auto} .mainBannerKFESTA {margin-bottom:40px;} .mainBannerKFESTA a {display:block;height:99px;min-width:1180px;background:url('/NImg/main/kfesta_ban1500.png') no-repeat center top;font-size:0;color:transparent;margin:0 auto} @media all and (max-width: 1500px) { .mainBannerS a {width:1180px;background-position:0 -69px} .mainBannerKFESTA a {width:1180px;background:url('/NImg/main/kfesta_ban1180.png') no-repeat center top} } /*// ι */ /* */ .custCent {background-color:#fff;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;} .custCent .custW {position:relative;width:1498px;height:314px;margin:0 auto;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;} .custCent .custW .left_list .timeW p {height:18px;} .custCent .custW .left_list .title {font-weight:bold;font-size:14px;letter-spacing:-2px;margin-bottom:7px;} .custCent .custW .left_list .list2 .team2W .title {margin-bottom:8px;} .custCent .custW .right_list .title {font-weight:bold;font-size:14px;margin-bottom:15px;} .custCent .left_list {position:absolute;left:0;width:782px;height:255px;border-right:1px solid #e8e8e8;padding:0 35px;} .custCent .right_list {position:absolute;right:0;width:645px;height:314px;} .custCent .left_list .list1 {float:left;width:280px;margin-right:15px;} .custCent .left_list .list2 {float:left;width:487px;} .custCent .left_list .list1 .callW {margin-bottom:39px} .custCent .left_list .list1 .callW .txt1 {height:23px;font-size:17px;margin:22px 0 7px 0;letter-spacing:-1px;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';} .custCent .left_list .list1 .callW .txt2 {height:31px;font-size:27px;font-family:'Arial','Tahome','Verdana';color:#0dbe53;} .custCent .left_list .list1 .timeW .txt2 {width:150px;display:inline-block;} .custCent .left_list .list1 .timeW .txt2 span {display:block;float:left;letter-spacing:0;} .custCent .left_list .list1 .timeW .txt2 .tit {width:60px;color:#898989;text-align:left;margin-top:1px;} .custCent .left_list .list1 .timeW .txt2 .time {font-size:14px;} .custCent .left_list .list1 .boxW {border:1px solid #e8e8e8;width:266px;height:28px;margin-top:17px;} .custCent .left_list .list1 .boxW a {float:left;width:88px;height:28px;line-height:28px;border-left:1px solid #e8e8e8;text-align:center;color:#555;} .custCent .left_list .list1 .boxW a:first-child{border-left:none;} .custCent .left_list .list1 .boxW a:hover {background-color:#555;color:#fff;} .custCent .left_list .list2 .team1W {float:left;width:251px;margin-right:15px;} .custCent .left_list .list2 .team2W {float:left;width:221px;} .custCent .left_list .list2 .team1W .title, .custCent .left_list .list2 .team2W .title {margin-top:24px;} .custCent .left_list .list2 .team1W .title .txt1 {margin-right:30px;} .custCent .left_list .list2 .team1W .title .txt2 {font-style:italic;font-size:15px;color:#13c65a;} .custCent .left_list .list2 .team1W .title .txt3 {font-size:13px;} .custCent .left_list .list2 .team1W .number {position:relative;width:251px;height:167px;display:inline-block;} .custCent .left_list .list2 .team1W .number dl {border:1px solid #e8e8e8;width:124px;height:183px;} .custCent .left_list .list2 .team1W .number dl:first-child {border-right:none;} .custCent .left_list .list2 .team1W .number dl.left {position:absolute;left:0;} .custCent .left_list .list2 .team1W .number dl.right {position:absolute;right:0;} .custCent .left_list .list2 .team1W .number dl .la {border-bottom:none;} .custCent .left_list .list2 .team1W .number dt {float:left;width:75px;height:30px;line-height:27px;padding-left:10px;color:#898989;border-bottom:1px solid #e8e8e8;} .custCent .left_list .list2 .team1W .number dd {float:left;width:39px;height:30px;line-height:27px;font-size:14px;text-align:center;font-weight:bold;border-bottom:1px solid #e8e8e8;} .custCent .left_list .list2 .team2W .number {border:1px solid #e8e8e8;height:183px;} .custCent .left_list .list2 .team2W .number dt {float:left;width:105px;height:38px;padding:7px 0 0 10px;color:#898989;border-bottom:1px solid #e8e8e8;} .custCent .left_list .list2 .team2W .number dd {float:left;width:103px;height:40px;line-height:17px;font-size:13px;padding-top:5px;border-bottom:1px solid #e8e8e8;letter-spacing:0;} .custCent .left_list .list2 .team2W .number dd span {display:block;} .custCent .left_list .list2 .team2W .number dd span.txt1 {} .custCent .left_list .list2 .team2W .number dd span.txt2 {font-weight:bold;} .custCent .left_list .list2 .team2W .number dt.la ,.custCent .left_list .list2 .team2W .number dd.la {height:29px;padding-top:0px;line-height:29px;} /* */ .custCent .bu_left_list {position:absolute;left:0;width:782px;height:314px;border-right:1px solid #e8e8e8;padding:0 35px;} .custCent .bu_left_list .list1 {float:left;width:391px;margin-right:45px;} .custCent .bu_left_list .list2 {float:left;width:345px;} .custCent .bu_left_list .list1 .callW {margin:16px 0 18px 0;position:relative;} .custCent .bu_left_list .list1 .callW .txt1 {margin-bottom:10px;font-size:16px;letter-spacing:-1px;font-weight:bold;color:#373737;} .custCent .bu_left_list .list1 .callW .txt1.mb {margin-bottom:0} .custCent .bu_left_list .list1 .callW .txt1 strong.tel {display:inline-block;margin-left:20px;letter-spacing:-1px;font-size:22px;vertical-align:-3px;color:#0dbe53;font-weight:normal} .custCent .bu_left_list .list1 .callW .txt2 {color:#898989;font-size:13px;line-height:18px;} .custCent .bu_left_list .list1 .callW .txt2 li {letter-spacing:-1px} .custCent .bu_left_list .list1 .callW .txt2 li span {color:#ff36a8;border-bottom:1px solid #ffcde9} .custCent .bu_left_list .list1 .callW .btn {display:block;position:absolute;top:96px;right:0;width:128px;height:70px;line-height:70px;border:1px solid #0ea854; background:url('/NImg/common/arrow_R.png') #14c162 95% 52% no-repeat;font-size:14px;font-weight:bold;color:#fff;} .custCent .bu_left_list .list1 .callW .btn span {margin-left:10px;} .custCent .bu_left_list .list1 .callW .wt-info {margin-bottom:18px} .custCent .bu_left_list .list1 .callW .wt-info strong {float:left;font-size:14px;color:#353535;font-weight:bold} .custCent .bu_left_list .list1 .callW .wt-info dl {width:125px;display:block;margin-left:134px} .custCent .bu_left_list .list1 .callW .wt-info dl dt {float:left;color:#898989} .custCent .bu_left_list .list1 .callW .wt-info dl dd {display:block;margin-left:56px;font-size:14px;color:#666;letter-spacing:-1px} .custCent .bu_left_list .list1 .callW .wt-info:after {content:'';display:block;clear:both} .custCent .bu_left_list .list1 .callW .btn:hover {background-color:#12b059;border-bottom:1px solid #109c4f;} .custCent .bu_left_list .list1 .boxW {width:389px;height:92px;border:1px solid #e8e8e8;} .custCent .bu_left_list .list1 .boxW li {float:left;width:129px;height:92px;text-align:center;border-left:1px solid #e8e8e8;} .custCent .bu_left_list .list1 .boxW li:first-child {border-left:none;} .custCent .bu_left_list .list1 .boxW li a {display:block;float:left;width:100%;height:79px;padding-top:13px;background-color:#f9f9f9;} .custCent .bu_left_list .list1 .boxW li a:hover {background-color:#eeeeee;} .custCent .bu_left_list .list2 .numberW {margin:16px 0 18px 0;display:inline-block;} .custCent .bu_left_list .list2 .numberW .title {float:left;font-size:15px;font-weight:bold;margin:0 25px 10px 0;} .custCent .bu_left_list .list2 .numberW .time {float:left;width:135px;} .custCent .bu_left_list .list2 .numberW .time dl {width:135px;display:inline-block;} .custCent .bu_left_list .list2 .numberW .time dt {float:left;width:62px;color:#898989;font-size:13px;} .custCent .bu_left_list .list2 .numberW .time dd {float:left;font-size:15px;color:#666;letter-spacing:-1px;} .custCent .bu_left_list .list2 .numberW .tel-list {float:left} .custCent .bu_left_list .list2 .numberW .tel-list dt, .custCent .bu_left_list .list2 .numberW .tel-list dd {float:left;line-height:18px;color:#898989;font-size:14px} .custCent .bu_left_list .list2 .numberW .tel-list dt {width:58px;font-size:11px} .custCent .bu_left_list .list2 .numberW .tel-list dd {width:96px;font-weight:bold;color:#666;letter-spacing:0} .custCent .bu_left_list .list2 .numberW .tel-list dd strong {color:#444} .custCent .bu_left_list .list2 .numberW .tel-list dd.mr {margin-right:35px} .custCent .bu_left_list .list2 .speedW {display:inline-block;} .custCent .bu_left_list .list2 .speedW li {float:left;height:94px;background-color:#f0f0f0;} .custCent .bu_left_list .list2 .speedW li:first-child {margin-right:13px;} .custCent .bu_left_list .list2 .speedW li a{display:block;width:148px;float:left;text-align:center;height:73px;border:1px solid #d5d5d5;background-color:#fff;padding:8px;} .custCent .bu_left_list .list2 .speedW li a .txt1 {font-weight:bold;font-size:14px;color:#ff6551;height:18px;} .custCent .bu_left_list .list2 .speedW li:first-child a .txt1 {color:#19a6e8;} .custCent .bu_left_list .list2 .speedW li a .txt2 {font-weight:bold;font-size:14px;color:#5c5c5c;} .custCent .bu_left_list .list2 .speedW li a .txt3 {width:100%;height:24px;background-color:#606060;margin-top:11px;} .custCent .bu_left_list .list2 .annoW {display:inline-block;margin-top:8px;} .custCent .bu_left_list .list2 .annoW li {float:left;width:164px;height:20px;text-align:center;line-height:20px;font-size:13px;color:#676666} .custCent .bu_left_list .list2 .annoW li:first-child {width:166px;margin-right:15px} .custCent .bu_left_list .list2 .annoW li:after {content:'';display:inline-block;width:13px;height:15px;background:url(/NImg/common/ico_go.gif) no-repeat;vertical-align:middle} .custCent .bu_left_list .list2 .annoW li a:hover {text-decoration:underline;} /* ؿװżӻԽ */ .counselallW {display:none;} .counselallW .blind {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000; filter:alpha(opacity=20);-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;z-index:1002;} .counselallW .counselW {position:absolute;bottom:105px;left:50%;z-index:9999;width:720px;background-color:#fff;border:2px solid #13477c;font-family:'','dotum',sans-serif;line-height:17px; font-size:12px;color:#333;margin-left:-350px;} .counselallW .counselW.site {top:585px;left:532px;} .counselW .titleW {height:30px;background-color:#13477c;color:#fff;font-weight:bold;padding-left:10px;line-height:32px;position:relative;} .counselW .titleW h1 {font-size:14px;} .counselW .titleW img {position:absolute;top:2px;right:5px;} .counselW .listW {padding:20px 10px 0 10px;} .counselW .listW .col_r {color:#f24444;} .counselW .listW .list {margin-bottom:40px;} .counselW .listW .air_counsel {padding:0 215px 20px 0;border-bottom:1px solid #b8b8b8;position:relative;} .counselW .listW .air_counsel h2 {font-size:13px;font-weight:bold;margin-bottom:5px;} .counselW .listW .air_counsel .list1 {margin-left:15px;} .counselW .listW .air_counsel .btn {display:block;width:190px;height:50px;background-color:#3dbdbf;border-bottom:1px solid #1f9394; line-height:50px;text-align:center;color:#fff;font-size:13px;font-weight:bold; position:absolute;top:40px;right:10px;} .counselW .listW .air_counsel .btn:hover {background-color:#2daaac;} .counselW .listW .gen_counsel {padding:20px 215px 0 0;position:relative;} .counselW .listW .gen_counsel h2 {font-size:13px;font-weight:bold;margin-bottom:5px;} .counselW .listW .gen_counsel .list1 {margin-left:15px;} .counselW .listW .gen_counsel .btn {display:block;width:190px;height:50px;background-color:#6299f5;border-bottom:1px solid #2e66c2; line-height:50px;text-align:center;color:#fff;font-size:13px;font-weight:bold; position:absolute;top:65px;right:10px;} .counselW .listW .gen_counsel .btn:hover {background-color:#4784ea;} .counselW .listW .care {margin-top:30px;color:#f65050;padding-bottom:20px;} .counselW .listW .st {font-weight:bold;color:#333;} .counselW .listW .col_b {color:#1e3bce;} /*// ؿװżӻԽ */ /*// */ .custCent .right_list {} .custCent .right_list .list1 {float:left;width:420px;height:238px;} .custCent .right_list .list2 {float:left;width:203px;height:223px;margin-left:20px;padding-top:25px;} .custCent .right_list .list1 .team1W {width:370px;height:82px;margin:25px 0 57px 40px;} .custCent .right_list .list1 .team2W {width:370px;height:82px;margin-left:40px;} .custCent .right_list .list1 .team1W a {float:left;display:block;width:123px;height:58px;background:url('/NImg/2016/img/icon_service_15.png') 0 0 no-repeat;} .custCent .right_list .list1 .team2W a {float:left;display:block;width:92px;height:58px;background:url('/NImg/2016/img/icon_service_15.png') 0 0 no-repeat;} .custCent .right_list .list1 .team1W a.btn1 {width:106px;height:70px;background:url('/NImg/2016/img/nicon_service_15.png') -2px 0 no-repeat;}/*,ü*/ .custCent .right_list .list1 .team1W a.btn2 {width:82px;height:70px;background:url('/NImg/2016/img/nicon_service_15.png') -114px 0 no-repeat;}/*ûϱ*/ .custCent .right_list .list1 .team1W a.btn3 {width:81px;height:70px;background:url('/NImg/2016/img/nicon_service_15.png') -202px 0 no-repeat;}/*ຸ谡ϱ*/ .custCent .right_list .list1 .team1W a.btn8 {width:96px;height:70px;background:url('/NImg/2016/img/nicon_service_15.png') -289px 0 no-repeat;} .custCent .right_list .list1 .team2W a.btn4 {background-position:-373px -2px;}/**/ .custCent .right_list .list1 .team2W a.btn5 {background-position:-459px -2px;}/*ȯ*/ .custCent .right_list .list1 .team2W a.btn6 {background-position:-546px -2px;}/**/ .custCent .right_list .list1 .team2W a.btn7 {background-position:-631px -2px;}/**/ .custCent .right_list .list2 a {float:left;display:block;width:75px;height:80px;background:url('/NImg/2016/img/btn_sns.png') 0 0 no-repeat;margin:1px 0 0 10px;} .custCent .right_list .list2 a.facebook {background-position:0 0;} .custCent .right_list .list2 a.tiwtter {background-position:-68px 0;} .custCent .right_list .list2 a.blog {background-position:-138px 0;} .custCent .right_list .list2 a.instagram {background-position:-204px 0;} .custCent .right_list .list2 a:hover.facebook {background-position:0 -78px;} .custCent .right_list .list2 a:hover.tiwtter {background-position:-68px -78px;} .custCent .right_list .list2 a:hover.blog {background-position:-138px -78px;} .custCent .right_list .list2 a:hover.instagram {background-position:-204px -78px;} .custCent .right_list .list2 a.kakao {background-position:0 0;margin-top:40px;} .custCent .right_list .list2 a.youtube {background-position:-68px 0;margin-top:40px;} .custCent .right_list .list2 a:hover.kakao {background-position:0 -78px;} .custCent .right_list .list2 a:hover.youtube {background-position:-68px -78px;} /*// */ /* Ǫ */ .footerWrap {display:inline-block;height:120px;font-family:'','Nanum Gothic','','Malgun Gothic','','dotum';} .footerLogo {float:left;width:120px;height:120px;} .footerLogo img {margin-top:47px;} .footerWrap .Wrap {float:left;border-left:1px solid #ededed;padding-left:20px;} .footerWrap .Wrap .provision {display:inline-block;margin-bottom:10px;} .footerWrap .Wrap .provision li {float:left;background:url('/NImg/2016/img/bar.jpg') 10px center no-repeat;padding-left:20px;} .footerWrap .Wrap .provision li:first-child {background:none;padding-left:0;} .footerWrap .Wrap .provision li a:hover {text-decoration:underline;} .footerWrap .Wrap .provision li a strong {color:#48af0a;} .footerWrap .Wrap .list {line-height:20px;font-size:12px;color:#7f7f7f;letter-spacing:0;} .footerWrap .Wrap .list strong {display:block;margin-top:2px;} .footerWrap .Wrap .list .licensee {border:1px solid #b6b7bc;padding:2px;font-size:12px;} /*// Ǫ */ /*------------------------------------------------------------------------------------------ * CSS * -------------------------------------------------------------------------------------------*/ /*1500 */ @media screen and (max-width:1500px){ header {width:100%;} section {width:100%;} footer {width:1145px;} .topMenu, .container, .footerWrap {width:1180px;margin:0 auto;} .container {position:relative;width:1180px;} .container .contents1 .img2 {z-index:99;position:absolute;top:0;left:150px;} /*.container .contents2 {position:absolute;left:160px;width:1018px;}*/ /* header */ .headerInfoW .infoW {width:1180px;margin:0 auto;overflow:hidden;} .headerInfoW .info_two {margin-right:20px;} /* ΰ */ .topMenu .searWrap .topLogo {position:absolute;top:11px;left:65px;} /* ˻ */ .re_searchMg {position:absolute;left:297px;top:30px;} /* */ .topMenu .iconMenu {position:absolute;top:30px;right:10px;} /* gnb */ .topMenu .gnbWrap .moreMenu {width:38px;} .topMenu .gnbWrap .moreMenu .txt {display:none;} .topMenu .gnbWrap .moreMenu .icon {display:block;width:38px;height:45px;} .topMenu .gnbWrap .moreMenu .icon img {margin:7px 0 0 3px;} /* üīװ */ .topMenu .gnbWrap .moreMenu .allMenuW {width:1178px;} .topMenu .gnbWrap .allMenuW .dom h2 {width:1148px;} .topMenu .gnbWrap .allMenuW .dom dl {width:184px;height:260px;padding:0 25px;margin:20px 0 17px 0;letter-spacing:-1px;} .topMenu .gnbWrap .allMenuW .ove .right {width:940px;} .topMenu .gnbWrap .allMenuW .ove .left {width:238px;} .topMenu .gnbWrap .allMenuW .ove .right h2 {width:910px;} .topMenu .gnbWrap .allMenuW .ove .left h2 {width:209px;} .topMenu .gnbWrap .allMenuW .ove .right dl, .topMenu .gnbWrap .allMenuW .ove .right .pore {width:125px;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall {display:inline-block;width:946px;height:38px;border-top:1px solid #ececec;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul {} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li {float:left;height:38px;line-height:38px;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt1 {width:190px;padding-right:17px;background:url('/NImg/2016/img/arrow_r_g.png') 188px 0 no-repeat;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt1 span {display:block;width:159px;height:38px;background-color:#58d20a;color:#fff; font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';font-size:17px;font-weight:bold;padding-left:30px;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt2 {width:83px;padding-left:15px;background:url('/NImg/2016/img/icon_index.png') 80px -836px no-repeat;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt3 {width:73px;padding-left:15px;background:url('/NImg/2016/img/icon_index.png') 72px -836px no-repeat;border-left:1px solid #ececec;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt4 {width:73px;padding-left:15px;background:url('/NImg/2016/img/icon_index.png') 72px -836px no-repeat;border-left:1px solid #ececec;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt5 {width:73px;padding-left:15px;background:url('/NImg/2016/img/icon_index.png') 72px -836px no-repeat;border-left:1px solid #ececec;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt6 {width:73px;padding-left:15px;background:url('/NImg/2016/img/icon_index.png') 72px -836px no-repeat;border-left:1px solid #ececec;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt7 {width:105px;padding-left:15px;background:url('/NImg/2016/img/icon_index.png') 105px -836px no-repeat;border-left:1px solid #ececec;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt8 {width:142px;padding-left:15px;background:url('/NImg/2016/img/icon_index.png') 142px -836px no-repeat;border-left:1px solid #ececec;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt2 span {background-position:0 -18px;color:#37b1f8;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt3 span {background-position:0 -58px;color:#d93c3c;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt4 span {background-position:0 -98px;color:#c07b1d;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt5 span {background-position:0 -138px;color:#ff8400;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt6 span {background-position:0 -178px;color:#d236ff;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li.txt7 span {background-position:0 -218px;color:#007eff;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall li .icon {float:left;margin-top:10px;display:none;width:24px;height:19px;background:url('/NImg/common/menu_specialMall.png') 0 0 no-repeat;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall li .title {float:left;margin-left:3px;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';font-size:15px;font-weight:bold;} .topMenu .gnbWrap .allMenuW .ove .right .pro_mall ul li a {float:left;display:block;width:154px;height:38px;} /* üīװ */ .gnbWrap .ov_list dd, .gnbWrap .do_list dd {margin-left:23px;} .gnbWrap .ov_list dd.fi{margin-left:14px;} .gnbWrap .do_list dd.fi {height:44px;margin-left:14px;padding-left:14px;border-left:1px solid #e7e7e7;} .gnbWrap .ov_list dt, .gnbWrap .do_list dt {display:none;} .gnbWrap .jejuMenu {margin-left:15px;width:127px;height:44px;overflow:hidden;} .gnbWrap .jejuMenu a {width:116px;padding-left:9px;} .gnbWrap .jejuMenu a span {background:url('/NImg/2016/img/icon_index.png') 90px -54px no-repeat;padding-right:20px;font-size:13px;} .gnbWrap .jejuMenu a.train span {background:url('/NImg/2016/img/icon_index.png') -51px -53px no-repeat;} /*// header */ /* container */ /* ˻ */ .quickL {display:none;position:absolute;top:-6px;left:150px; background:url('/NImg/2016/img/bg_quickL.png') 0 0 no-repeat;width:359px;height:541px;border:none;padding:0;} .quickL .List {margin:27px 25px 20px 25px;width:301px;height:488px;} /*// container */ /* ǽð̺Ʈ */ .realEvent {width:1180px;} .realEvent .listWrap .listCover {width:1005px;} .realEvent .listWrap .list li {padding-left:50px;} /* ι */ .lineBanner .main {overflow:hidden;width:1180px;height:180px;margin:0 auto;} .lineBanner .main .left, .lineBanner .main .right {float:left;width:590px;height:180px;position:relative;} .lineBanner .main .left a {display:block;width:590px;height:180px;} .lineBanner .main .right a {display:block;width:590px;height:180px;} .lineBanner .main .left .img1 {display:none;} .lineBanner .main .right .img1 {display:none;} .lineBanner .main .left .img2 {display:block;position:absolute;top:0;right:0;} .lineBanner .main .right .img2 {display:block;position:absolute;top:0;left:-114px;} .lineBanner .main .left .btn, .lineBanner .main .right .btn{display:none;} /* Ʈǰ */ .bestGoodsWrap .title, .bestGoods .goodsWrap {margin-left:-590px;width:1180px;} .bestGoods .goods {float:left;width:228px;height:295px;margin-left:10px;} .bestGoods .goods.mg_l0 {margin-left:0;} .bestGoods .goods.left {position:absolute;top:0;left:-238px;margin-left:0;} .bestGoods .goods.right {position:absolute;top:0;left:1190px;margin-left:0;} .bestGoods .goods .list .imgW img {height:180px;} .bestGoods .goods .list .txtW, .bestGoods .goods .list .txtW .txt1, .bestGoods .goods .list .txtW .txt2, .bestGoods .goods .list .txtW .txt3{width:197px;} /* ȹ */ .projectW2 {width:1180px;height:447px;position:relative;margin:0 auto;overflow:hidden;background-color:#fff;} .projectW {display:none;} .projectW2 {display:block;} .projectW2 .slider{width:542px;height:300px;position:relative;overflow:hidden;margin:0 24px;} .projectW2 .viewer{width:3960px; position:absolute;} .projectW2 .viewer img{float:left;width:542px;height:300px;} .projectW2 .btn{display:none;} .projectW2 .btnGroup a {width:10.8%;} .projectW2 .btnGroup a:first-child {width:10.9%;} .projectW2 .viewer .list {position:relative;} .projectW2 .viewer .list .txtW {position:absolute;top:0;right:0;width:228px;height:272px;background:url('/NImg/2016/img/projectBg18.png') 0 0 no-repeat;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';color:#fff;} .projectW2 .over .viewer .list .txtW {position:absolute;top:0;right:0;width:228px;height:272px;background:url('/NImg/2016/img/project_ovBg18.png') 0 0 no-repeat;font-family:'Malgun Gothic','','Nanum Gothic','','dotum','';color:#fff;} .projectW2 .viewer .list .txtW .txt1 {position:absolute;top:120px;left:17px;width:179px;height:35px;text-align:center;font-size:24px;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .projectW2 .viewer .list .txtW .txt2 {position:absolute;top:161px;left:17px;width:179px;height:28px;text-align:center;font-size:18px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .projectW2 .viewer .list .txtW .txt3 {position:absolute;top:186px;left:17px;width:179px;height:28px;text-align:center;font-size:18px;font-weight:bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .projectW2 .viewer .list .txtW .icon {position:absolute;top:235px;left:94px;width:22px;height:20px;} /* */ .mobileW {width:1180px;} .mobileBest {height:425px;background-size:1972px 425px;} .mobileW .mobileImg .Img1 {display:none;} .mobileW .mobileImg .Img2 {display:block;} .mobileW .mobileImg {width:319px;height:408px;} .mobileW .mobileList {width:1180px;height:480px;margin-left:0px;} .mobileList h4 {color:#fff;font-weight:bold;font-size:26px;margin:29px 0 5px 15px;} .mobileList .goods li {width:167px;height:315px;} .mobileList .goods li a {height:315px;} .mobileList .goods .mobBtn {position:absolute;bottom:4px;left:4px;} .mobileList .goods .title {width:47%;} .mobileList .goods .ImgW {top:-8px;} .mobileList .goods .ImgW .Img {width:167px;height:160px;} .mobileList .goods .ImgW .blind {width:167px;height:160px;} .mobileList .goods .listTxt {margin:-5px 5px 10px 5px} .mobileList .goods .price {position:absolute;bottom:10px;right:10px;} /* ı⺣Ʈ */ .hugiBest {width:1180px;} .hugiBest .ListW {width:630px;height:auto;margin-left:30px;} .hugiBest .ListW .hugi_arti {width:630px;} .hugiBest .ListW .hugi_arti .ImgW {width:220px;} .hugiBest .ListW .hugi_arti .ImgW .img {width:220px;} .hugiBest .ListW .hugi_arti .artiW {float:left;position:relative;width:352px;height:164px;padding:28px 29px;} .hugiBest .ListW .hugi_arti .artiW .text dd {width:352px;} /* ι */ .mainBannerW {width:1180px;height:99px;} .mainBannerW .W1500 {display:none;} .mainBannerW .W1180 {display:block;width:1178px;height:99px;} .mainBannerW .W1180 li.ban1 a {width:197px;height:99px;background-position:0 -99px;} .mainBannerW .W1180 li.ban2 a {width:197px;height:99px;background-position:-197px -99px;} .mainBannerW .W1180 li.ban3 a {width:197px;height:99px;background-position:-394px -99px;} .mainBannerW .W1180 li.ban4 a {width:197px;height:99px;background-position:-591px -99px;} .mainBannerW .W1180 li.ban5 a {width:197px;height:99px;background-position:-788px -99px;} .mainBannerW .W1180 li.ban6 a {width:193px;height:99px;background-position:-985px -99px;} /* ι ڶȸ */ .mainBannerH {width:1180px;height:99px;} .mainBannerH .W1500 {display:none;} .mainBannerH .W1180 {display:block;width:1180px;height:99px;} .mainBannerH .W1180 li.ban1 {width:1180px;height:99px;background-position:0 -99px;} /* */ .custCent .custW {width:1178px;} .custCent .custW .left_list {width:690px;padding:0 20px;} .custCent .custW .right_list {width:447px;} .custCent .left_list .list1 {width:188px;} .custCent .left_list .list1 .callW {margin-bottom:29px} .custCent .left_list .list1 .boxW {width:185px;height:48px;margin-top:7px;} .custCent .left_list .list1 .boxW a{width:45px;height:38px;padding:5px 8px;line-height:18px;} .custCent .bu_left_list .list2 .speedW li a {width:126px;} /* */ .custCent .bu_left_list {width:690px;padding:0 20px;} .custCent .bu_left_list .list2 {width:301px;} .custCent .bu_left_list .list1 {width:344px;margin-right:31px;} .custCent .bu_left_list .list1 .callW .txt2 {font-size:12px;} .custCent .bu_left_list .list1 .callW {margin:22px 0 16px 0;} .custCent .bu_left_list .list1 .callW .btn {width:100px;height:65px;line-height:65px;} .custCent .bu_left_list .list1 .callW .btn span {display:block;width:53px;line-height:20px;margin:13px 0 0 10px;} .custCent .bu_left_list .list1 .boxW {width:341px;height:78px;} .custCent .bu_left_list .list1 .boxW li {width:113px;height:78px;} .custCent .bu_left_list .list1 .boxW li a {height:72px;padding-top:6px;} .custCent .bu_left_list .list2 .annoW li {width:144px;background:url('/NImg/common/ico_go.gif') 100% center no-repeat} .custCent .bu_left_list .list2 .annoW li:first-child {width:139px;margin-right:18px;} /*// */ .custCent .right_list .list1 {width:260px;} .custCent .right_list .list2 {width:157px;margin-left:10px;} .custCent .right_list .list1 .team1W {width:220px;margin:25px 0 65px 23px;} .custCent .right_list .list1 .team2W {width:220px;height:94px;margin-left:23px;} .custCent .right_list .list1 .team1W a {float:left;display:block;width:73px;height:66px;background:url('/NImg/2016/img/icon_service.png') 0 0 no-repeat;} .custCent .right_list .list1 .team2W a {float:left;display:block;width:55px;height:58px;background:url('/NImg/2016/img/icon_service.png') 0 0 no-repeat;} .custCent .right_list .list1 .team1W a.btn1 {width:62px;height:101px;background:url('/NImg/2016/img/nicon_service.png') -10px 0 no-repeat;}/*,ü*/ .custCent .right_list .list1 .team1W a.btn2 {width:48px;height:101px;background:url('/NImg/2016/img/nicon_service.png') -74px 0 no-repeat;}/*ûϱ*/ .custCent .right_list .list1 .team1W a.btn3 {width:49px;height:101px;background:url('/NImg/2016/img/nicon_service.png') -126px 0 no-repeat;}/*ຸ谡ϱ*/ .custCent .right_list .list1 .team1W a.btn8 {width:61px;height:101px;background:url('/NImg/2016/img/nicon_service.png') -175px 0 no-repeat;}/*ຸ谡ϱ*/ .custCent .right_list .list1 .team2W a.btn4 {background-position:-285px -2px;}/**/ .custCent .right_list .list1 .team2W a.btn5 {background-position:-367px -2px;}/*ȯ*/ .custCent .right_list .list1 .team2W a.btn6 {background-position:-449px -2px;}/**/ .custCent .right_list .list1 .team2W a.btn7 {background-position:-529px -2px;}/**/ .custCent .right_list .list2 a {float:left;display:block;width:75px;height:80px;background:url('/NImg/2016/img/btn_sns.png') 0 0 no-repeat;margin-top:12px;margin-left:0;} .custCent .right_list .list2 a.facebook {background-position:0 0;} .custCent .right_list .list2 a.tiwtter {background-position:-68px 0;} .custCent .right_list .list2 a.blog {background-position:-138px 0;} .custCent .right_list .list2 a.instagram {background-position:-204px 0;} .custCent .bu_left_list .list2 .numberW {margin:22px 0 18px 0} .custCent .bu_left_list .list2 .numberW .tel-list {width:120%} .custCent .bu_left_list .list2 .numberW .tel-list dt {width:54px;font-size:11px} .custCent .bu_left_list .list2 .numberW .tel-list dd {font-size:13px} .custCent .bu_left_list .list2 .numberW .tel-list dd.mr {margin-right:9px} } .vedio-cover {position:absolute !important;top:0;right:0;width:100%;padding-bottom:530px !important;z-index:0;} .vedio-btn {z-index:10;transition:all .3s ease;cursor:pointer;position:absolute;top:0px;right:-95px;width:85px;height:86px;background:url(//www.webtour.com//WebUpload/Event/4906/2021083118002452904687.jpg) no-repeat} .vedio-wrap.on .vedio-btn {top:0px;width:30px;height:30px;right:-30px;background:#111 url(//www2.webtour.com/_ui/wt/2017/img/comm/ico.png) no-repeat -393px -93px;} .vedio-wrap.on .vedio-cover {z-index:10} span.spanTextDropdown {left:50% !important;top:105px !important;margin-left:-546px;} @media screen and (max-width: 1500px){ span.spanTextDropdown {margin-left:-374px;} } .quickL .List .aa-direct-check {position:absolute;right:10px;top:110px;display:flex;align-items:center;column-gap:5px;cursor:pointer;user-select:none;}