@charset "utf-8"; .table_box{display:table;width:100%;table-layout:fixed} .table_box .table_td{display:table-cell;vertical-align:middle} .mobile{display:none!important} a:hover {cursor: pointer} #quick_mobile, .ani{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out} /*::-webkit-scrollbar { width: 5.2px; } ::-webkit-scrollbar-track { background-color:#5D5D5D; } ::-webkit-scrollbar-thumb { background: #303030; } ::-webkit-scrollbar-thumb:hover { background: #404040; } ::-webkit-scrollbar-thumb:active { background: #808080; } ::-webkit-scrollbar-button { display: none; }*/ /* 헤더 */ #top_banner{position:relative;border-bottom: 1px solid #ececec;height:80px;overflow: hidden} #top_banner .btn_close{display:block;position:absolute;left:50%;top:50%;margin:-20px 0 0 560px;width:40px;height:40px;text-align:left;text-indent:-9999px;background:url("../../../../images/client/visitkorea/renewal/icon/top_banner_close.png") no-repeat center center;z-index:30} #top_banner .btn_banner{position:relative;margin:0 auto;max-width:1200px;width:100%} #top_banner a{display:block} #top_banner img{display:block;width:100%;height:80px} #top_banner .banner_slide.load .banner_box{display:none} #top_banner .banner_slide.load .banner_box:first-child{display:block} #top_banner .btn_slide{position:absolute;left:50%;top:50%;margin:-28px 0 0 520px;z-index:30} #top_banner .btn_slide .slick-arrow{display:block;margin-bottom:6px;width:24px;height:24px;text-indent:-9999px;border:0;background:url("../../../../images/client/visitkorea/renewal/hd/ico_banner_up.png") no-repeat center center} #top_banner .btn_slide .slick-next{background:url("../../../../images/client/visitkorea/renewal/hd/ico_banner_dn.png") no-repeat center center} body.popup{position:absolute;left:0;overflow:hidden;} /*body {-ms-overflow-style: none; scrollbar-width: none;} body::-webkit-scrollbar { display: none; }*/ #header{position:relative;z-index:100} #header .hd_top{position:relative;background: #f9f9f9; border-bottom:1px solid #ececec;height:34px} #header h1.logo{/*margin:0 auto;padding-top:25px;*/width:199px; position: absolute; top: 58px; left:30px;z-index: 110} #header h1.logo img.ico {height:45px;margin-top:0;display:none} #header .btn_instagram{ display: block; width:76px; height:76px; text-align: center; line-height: 76px; text-indent: -9999px; background: url(../../../../images/client/visitkorea/renewal/icon/instagram.png) center no-repeat;border-left:1px solid #e7e7e7; position: absolute; top: 0px; right:376px;z-index: 110} #header .btn_instagram:hover {background: url(../../../../images/client/visitkorea/renewal/icon/instagram_on.png) center no-repeat;} #header .btn_youtube{ display: block; width:76px; height:76px; text-align: center; line-height: 76px; text-indent: -9999px; background: url(../../../../images/client/visitkorea/renewal/icon/youtube.png) center no-repeat;border-left:1px solid #e7e7e7; position: absolute; top: 0px; right:300px;z-index: 110} #header .btn_youtube:hover {background: url(../../../../images/client/visitkorea/renewal/icon/youtube_on.png) center no-repeat;} /* #header .btn_campaign{display: block;width:150px; height:76px; text-align: center; line-height: 76px; background: #27d3f8; color:#fff; font-size:18px; font-weight: 700; position: absolute; top: 0px; right:150px;z-index: 110} #header .btn_campaign + .btn_campaign { background: #868686; right:0px;} #header .btn_campaign:hover {background:#16bfe3} #header .btn_campaign + .btn_campaign:hover { background: #777;} */ /* 2024-01-19 */ #header .btn_campaign{display: inline-flex; align-items: center; justify-content: center; width:150px; height:76px; text-align: center; background: #27d3f8; color:#fff; font-size:18px; font-weight: 700; position: absolute; top: 0px; right:300px;z-index: 110} #header .btn_campaign:hover {background:#16bfe3} #header .btn_campaign.gray { background: #868686; right:150px;} #header .btn_campaign.gray:hover { background: #777;} #header .btn_campaign.green { background: #96e76f; right:0px;} #header .btn_campaign.green:hover { background: #83cd5f;} /* 2024-01-19_수정끝 */ #header.fixed .btn_campaign, #header.fixed .btn_search, #header.fixed .btn_instagram, #header.fixed .btn_youtube {position:fixed} /*.main #header .hd_top{border-bottom:0;background:none}*/ #header .hd_top.fixed { border-bottom:1px solid #e4e4e4;background:#fff} #header .hd_top .hd_menu{/*position:absolute;right:10px;top:10px*/ float: right;} #header .hd_top .hd_menu li{float:left;padding:0 5px;background:url("../../../../images/client/visitkorea/renewal/hd/dot_menu.png") no-repeat left center} #header .hd_top .hd_menu #logout, #header .hd_top .hd_menu li:first-child{background:0} #header .hd_top .hd_menu a{display:block;padding:0 5px;height:30px;line-height:30px;font-size:1.3em;color:#666} #header .hd_top .hd_menu li:first-child a { background:url(../../../../images/client/visitkorea/renewal/icon/tel.png) left 11px no-repeat; padding-left:13px; color:#333; background-size: 10px auto;} #header .hd_top .hd_menu .gray a {color:#999} #header .hd_top .hd_menu .lang{/*margin-left:10px;padding:0 0 0 15px;*/background:none} #header .hd_top .hd_menu .lang_box{position:relative;height:30px} #header .hd_top .hd_menu .lang_box .btn_lang{cursor:pointer;color:#999;/*background:url("../../../../images/client/visitkorea/renewal/hd/ico_lang.png") no-repeat left center*/width:100px; } #header .hd_top .hd_menu .lang_box .btn_lang .ic{display:inline-block;/*margin:0px 0 0 4px;*/ position: absolute;top:14px;right:10px;width:9px;height:7px;vertical-align:middle;background:url("../../../../images/client/visitkorea/renewal/hd/ico_lang_arrow.png") no-repeat;*display:inline;zoom:1} #header .hd_top .hd_menu .lang_box .select_lang{cursor:pointer;position:absolute;left:0;top:0;width:100%;height:30px;border:0;z-index:10;filter:alpha(opacity=0);opacity:0} #header .hd_top .btn_gnb{display:block;position:absolute;right:5%;top:50%;margin-top:-15px;width:40px;height:28px;background:url("../../../../images/client/visitkorea/renewal/hd/ico_mobile_menu_w.png") no-repeat center center;z-index:20; background-size:cover} #header .btn_search_m{display:block;position:absolute;right:70px;top:15px;width:40px;height:40px;background:url("../../../../images/client/visitkorea/renewal/icon/search3.png") no-repeat center center;z-index:20; background-size:cover} #header .gnb_top .btn_search_m {right:140px;} #header .hd_top.fixed .btn_gnb{background-image:url("../../../../images/client/visitkorea/renewal/hd/ico_mobile_menu.png")} #header .hd_top.fixed .btn_search_m{background-image:url("../../../../images/client/visitkorea/renewal/icon/search4.png")} #header .hd_bottom{position:relative;height:77px;z-index:100} #header .hd_bottom .gnb_wrap{border-bottom:1px solid #d5d5d5;background:#fff} #header .hd_bottom .gnb_box{position:relative;/*padding:0 100px*/ left:250px} #header .hd_bottom .btn_all{display:block;position:absolute;right:0;top:0;width:46px;height:46px;background:#27d3f8 url("../../../../images/client/visitkorea/renewal/hd/ico_menu_all.png") no-repeat center center;z-index:10} #header .hd_bottom .btn_all.active{background:#27d3f8 url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_close.png") no-repeat center center;background-size:16px 16px} #header .hd_bottom .btn_close{display:block;position:absolute;right:2.5%;top:0;width:70px;height:70px;background: url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_close.png") no-repeat center center;z-index:10; background-size:22px;} #header .hd_bottom .gnb_top{height:69px;background:#fff; border-bottom: 1px solid #eee} #header .hd_bottom .gnb_top .logo{float:left;padding:20px 10px 0 5%} #header .hd_bottom .gnb_top .logo img {height:30px} #header .hd_bottom .gnb_top .logo .btn {border-width: 2px} /* #header .hd_bottom .gnb_top .select_lang{position:relative;top:10px; float:left;padding:30px 0 10px;width:100px;height:50px;font-size:2em;color:#fff;border:2px solid #fff;background:url("../../../../images/client/visitkorea/renewal/hd/ico_lang_arrow_mobile.png") no-repeat right center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}*/ #header .hd_bottom .gnb_top .select_lang{position:absolute;right:10px;top:8px;padding:0 30px 0 10px;width:120px;height:50px;font-size:20px;color:#fff;border:0; background: url("../../../../images/client/visitkorea/renewal/hd/ico_lang_arrow_mobile.png") no-repeat right center;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;border-bottom:2px solid #fff} #header h1.logo a, #header h1.logo img{display:block;height:30px;} #header .hd_title{position:absolute;left:0;top:0;right:0;line-height:70px;text-align:center; letter-spacing: -1px; font-size:2.3em;color:#222;font-weight:800} #gnb{display:table;width:46%;table-layout:fixed;/*margin:0 auto*/}/* 2024-01-25 */ #gnb li{display:table-cell;padding:0;height:46px;text-align:center;white-space:nowrap} #gnb a {display:none} #gnb .btn_menu{display:block;height:74px;line-height:74px;font-size:1.7em;color:#333;font-weight:bold;border-bottom:2px solid #fff} #gnb .btn_menu.active, #gnb .btn_menu:hover{color:#27d3f8;border-bottom-color:#27d3f8} #header .hd_sub{display:none;position:absolute;left:0;top:46px;right:0;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;z-index:20;background:#fff} #header .hd_sub .hd_sub_back {width: 100%;height: 100%;z-index: -1;position: absolute;top: 0;left: 0;} #header .hd_sub .sub_menu{position:relative;padding:0 0 0 250px;height:220px;table-layout: fixed;display: table;width:46%}/* 2024-01-25 */ #header .hd_sub .menu_area{/*width:100%;table-layout:fixed;*/height:130px;display:table-cell; border-right:1px solid #eee; /*display:none;filter:alpha(opacity=0);opacity:0;visibility:hidden*/} #header .hd_sub .menu_area:first-child{border-left:1px solid #eee;} #header .hd_sub .menu_area.active{/*filter:"";*//*display:table;opacity:1;visibility:visible*/} #header .hd_sub .menu_area .menu_box{display:block;width:100%;padding:20px 0;height:130px;vertical-align:top;border-left:1px solid #e7e7e7;text-align: center;} #header .hd_sub .menu_area .menu_box:first-child{border-left:0} #header .hd_sub .menu_area .menu_text p{line-height:1.4em;font-size:1.4em;color:#999} #header .hd_sub .menu_area .menu_text .title{margin-bottom:15px;line-height:1.2em;font-size:2.8em;color:#333;font-weight:300} #header .hd_sub .menu_area .menu_text .line{display:block;margin-top:25px;width:24px;height:2px;background:#27d3f8} /*#header .hd_sub .menu_area .menu_list li{margin-bottom:10px}*/ #header .hd_sub .menu_area .menu_list .btn_menu{display:block;line-height:30px;font-size:14px;color:#333; letter-spacing: -1.2px;}/*2024-01-25 */ #header .hd_sub .menu_area .menu_list .sub_list li{margin:0} #header .hd_sub .menu_area .menu_list .sub_list a{display:block;padding-left:9px;line-height:26px;font-size:1.3em;color:#666;background:url("../../../../images/client/visitkorea/renewal/hd/dot_sub.png") no-repeat left 13px} #header .hd_sub .menu_area .menu_list .sub_list li.dot_none a { background:none; } #header .hd_sub .menu_area .menu_list a:hover, #header .hd_sub .menu_area .menu_list a.active{color:#333;font-weight: 700} #header .hd_sub .menu_common{position:absolute;right:0;top:10px;padding:20px 0 20px 20px;width:343px;height:130px;border-left:1px solid #e7e7e7} #header .hd_sub .menu_common .banner_box{margin-bottom:30px} #header .hd_sub .menu_common .banner_box a, #header .hd_sub .menu_common .banner_box img{display:block;width:100%; max-height:130px} #header .hd_sub .menu_common .btn_box{margin-bottom:30px;height:48px} #header .hd_sub .menu_common .btn_box a{display:block;float:right;width:48%;height:46px;line-height:46px;text-align:center;font-size:1.5em;color:#666;font-weight:500;border:1px solid #d5d5d5;background:#fff} #header .hd_sub .menu_common .btn_box .btn_reserve{float:left;color:#fff;border-color:#27d3f8;background:#27d3f8} #header .hd_sub .menu_common .tel_box a{font-size:1.5em;color:#666;font-weight:500} #header .hd_sub .menu_common .tel_box a b{margin-left:15px;font-size:1.8em;color:#333} #header .hd_sub.all{position:fixed;bottom:0;height:auto;overflow:hidden;overflow-y:auto} #header .hd_sub.all .sub_menu{padding-right:0;height:auto} #header .hd_sub.all .menu_area{display:table;/*filter:"";*/height:auto;border-top:1px solid #e7e7e7;opacity:1;visibility:visible} #header .hd_sub.all .menu_area:first-child{border-top:0} #header .hd_sub.all .menu_common{display:none} #header .hd_sub.all .menu_area .menu_box{height:auto;border:0} #header .lnb_wrap{position:relative;border-bottom:1px solid #ececec;background:#f9f9f9;z-index:20} #header .lnb_wrap .lnb_menu{height:44px} #header .lnb_wrap .lnb_menu li{float:left;position:relative;border-right:1px solid #ececec} #header .lnb_wrap .lnb_menu .btn_home{display:block;width:40px;height:44px;text-align:left;text-indent:-9999px;background:url("../../../../images/client/visitkorea/renewal/hd/ico_home.png") no-repeat center center;} #header .lnb_wrap .lnb_menu .btn_lnb{display:block;position:relative;padding:0 50px 0 10px;height:44px;line-height:44px;font-size:1.3em;color:#666;white-space:nowrap} #header .lnb_wrap .lnb_menu .btn_lnb .ic{display:block;position:absolute;right:10px;top:50%;margin-top:-2px;width:9px;height:6px;background:url("../../../../images/client/visitkorea/renewal/hd/ico_sub_arrow.png") no-repeat} #header .lnb_wrap .lnb_menu .sub_menu{display:none;position:absolute;left:-1px;top:44px;border:1px solid #ececec;background:#fff} #header .lnb_wrap .lnb_menu .sub_menu a{display:block;padding:0 10px;height:44px;line-height:44px;font-size:1.3em;color:#999;border-top:1px solid #ececec;white-space:nowrap} #header .lnb_wrap .lnb_menu .sub_menu a:first-child{border-top:0} #header .lnb_wrap .lnb_menu .sub_menu a:hover{color:#666;background:#f5f5f5} #header .lnb_wrap .lnb_menu .menu_box.last .btn_lnb {display:none} #header .lnb_wrap .lnb_menu .menu_box.last.show .btn_lnb {display:block} .lnb_wrap .sns {position:absolute;top:10px;right:50%;margin-right:-590px; display: none} .lnb_wrap .sns ul {overflow:hidden;} .lnb_wrap .sns ul li {float:left;/*margin-left:10px;*/} .lnb_wrap .sns ul li:first-child {margin-left:0;} .lnb_wrap .sns ul li a {vertical-align:top;} .lnb_wrap .sns ul li a:after {content:'';display:inline-block;width:24px;height:24px;background:url('../../../../images/client/visitkorea/renewal/icon/sns.jpg') no-repeat;} .lnb_wrap .sns ul li.fb a:after {background-position:0 bottom;} .lnb_wrap .sns ul li.nb a:after {background-position:-24px bottom;} .lnb_wrap .sns ul li.ct a:after {background-position:-48px bottom;} .lnb_wrap .sns ul li.lc a:after {background-position:-72px bottom;} .lnb_wrap .sns ul li a:hover:after{background-position-y:top;} /* 퀵메뉴 */ #page_top{display:block;position:fixed;right:20px;bottom:41px;width:40px;z-index:95;filter:alpha(opacity=0);opacity:0;visibility:hidden;/*box-shadow: 0 2px 10px rgba(0,0,0,0.2); */border:2px solid #eee;border-radius:100px; -webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out } #page_top img{display:block;width:100%; opacity:0; border-radius:100px} #page_top.active{/*filter:"";*/opacity:1;visibility:visible} #page_top.active img{/*filter:"";*/opacity:0.7;visibility:visible} #page_top img:hover{/*filter:"";*/opacity:1;visibility:visible} #page_quickbutton{display:block;position:fixed;right:20px;bottom:90px;width:173px;z-index:95;filter:alpha(opacity=0);opacity:0;visibility:hidden; text-align: right; -webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out } #page_quickbutton .btn_ch img.hover {display:none} #page_quickbutton .btn_ch:hover img.defalut {display:none} #page_quickbutton .btn_ch:hover img.hover {display:block} #page_quickbutton .btn_ai{display:block;width:40px; margin:0 auto 0;/*box-shadow: 0 2px 10px rgba(0,0,0,0.2); */background:#27d3f8;border:2px solid #27d3f8; border-radius:100px; position:absolute; bottom:0; right:0;} #page_quickbutton .btn_ai img { border-radius:100px;opacity: 0.7} #page_quickbutton .btn_qa{display:block;width:40px; margin:0 auto 0;background:#27d3f8;border:2px solid #27d3f8; border-radius:100px; position:absolute; bottom:50px; right:0;} #page_quickbutton .btn_qa img { border-radius:100px;opacity: 0.7} #page_quickbutton img{display:block;width:100%; } #page_quickbutton img:hover, #page_quickbutton{/*filter:"";*/opacity:1;visibility:visible}/*.active*/ #page_quickmenu{display:block;position:fixed;right:20px;top:50%;width:170px;z-index:95; text-align: right} #page_quickmenu::before { content:""; width: 2px;height: 100px;background: #fff;position: absolute;top: 14px;right: 13px; opacity: 0.3; z-index: -1} #page_quickmenu li a {color:#fff; padding:10px; border-radius: 40px; font-size:14px; font-weight: 700; display: inline-block; line-height: 1em} #page_quickmenu li a span {display:block; position:relative; padding-right:20px; padding-left:10px;} #page_quickmenu li.quick_menu a span::after {content:""; width:8px; height:8px; border-radius: 10px; background:#fff; display:block; position:absolute; right:0; top:50%; margin-top:-5px; } #page_quickmenu li.quick_top a span::after {content:"▲"; display:block; position:absolute; right:2px; top:50%; margin-top:-7px; font-size:7px } #page_quickmenu li.quick_top {filter:alpha(opacity=0);opacity:0;visibility:hidden; -webkit-transition:opacity 0.2s ease-in-out;-moz-transition:opacity 0.2s ease-in-out;-ms-transition:opacity 0.2s ease-in-out;-o-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out} /*#page_quickmenu.active{margin-top: -85px;}*/ #page_quickmenu.active li a { color:#666} #page_quickmenu.active::before {background:#999} #page_quickmenu.active li.quick_menu a span::after {background:#999} #page_quickmenu.active li.quick_top a span::after { color:#333} #page_quickmenu.active li.quick_top {/*filter:"";*/opacity:0.5;visibility:visible} #page_quickmenu li.quick_top:hover { opacity: 1} #page_quickmenu.active li.quick_menu:hover a, #page_quickmenu li.quick_menu:hover a { background:#27d3f8; color:#fff} #page_quickmenu li.quick_menu:hover a span::after, #page_quickmenu.active li.quick_menu:hover a span::after{background:#fff!important} /* BENEDR-9285 좌측 배너 추가 */ .float_banner {position:fixed;left:20px;bottom:375px;z-index:95;} /* 푸터 */ #footer{position:relative;background:#f0f0f0; clear:both} #footer .footer_top .footer_menu{float:left;} #footer .footer_top .footer_menu li{float:left;padding:0 5px 0 7px;background:url("../../../../images/client/visitkorea/renewal/icon/footer_menu_dot.png") no-repeat left center} #footer .footer_top .footer_menu li:first-child{padding-left:0;background:none} #footer .footer_top .footer_menu a{display:block;padding:0 5px;height:50px;line-height:50px;font-size:13px;color:#666} #footer .footer_top .footer_menu li:first-child a {color:#333;font-weight: 700} #footer .footer_top .footer_menu a:hover{color:#333} #footer .footer_top .sns_menu{float:left; padding:5px 0;} #footer .footer_top .sns_menu .btn_sns{display:block;position:relative;float:left;margin-left:6px;width:20px} #footer .footer_top .sns_menu .btn_sns img{display:block;width:100%} #footer .footer_top .sns_menu .btn_sns .on{position:absolute;left:0;top:0;filter:alpha(opacity=0);opacity:0;z-index:10} #footer .footer_top .drop_family{/*! float:right; */margin-left:16px;position:relative; /*! top:8px; */position: absolute;top: 0;right:9px;background:#e5e5e5} #footer .footer_top .drop_family .btn_family{display:block;position:relative;padding:0 30px 0 15px;width:110px;height:49px;line-height:49px;font-size:1.2em;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:10;border-top:1px solid #fff;letter-spacing: 0} #footer .footer_top .drop_family.active {background:#fff} #footer .footer_top .drop_family.active .btn_family {border-top:1px solid #eae6e6;} #footer .footer_top .drop_family .icon{display:block;position:absolute;right:14px;top:50%;margin-top:-2px;width:7px;height:4px;background:url("../../../../images/client/visitkorea/renewal/icon/footer_select_arrow.png") no-repeat;z-index:5} #footer .footer_top .footer_down{float:left;margin-left:16px;position:relative} #footer .footer_top .footer_down .btn_down{display:block;position:relative;padding:0 30px 0 15px;width:110px;height:50px;line-height:50px;font-size:1.2em;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:10;} #footer .footer_top .footer_down .icon{display:block;position:absolute;right:14px;top:50%;margin-top:-4px;width:8px;height:8px;background:url("../../../../images/client/visitkorea/renewal/icon/footer_down_arrow.png") no-repeat;z-index:5} #footer .footer_top .drop_family .drop_list{display:none;position:absolute;left:0;bottom:50px;right:0;border:1px solid #fff;background:#fff;z-index:30} #footer .footer_top .drop_family .drop_list li {font-size:1.3em;color:#666;padding:10px;} #footer .footer_top .drop_family .drop_list li + li{border-top:1px solid #eae6e6} #footer .footer_top .drop_family .drop_list li + li.tit { margin-top:10px; padding-top:10px; border-top:1px dashed #999} #footer .footer_top .drop_family .drop_list a{display:block;line-height:20px;color:#999;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} #footer .footer_top .drop_family .drop_list a:hover{color:#333;text-decoration:underline} #footer .footer_top .drop_family.active .icon{background:url("../../../../images/client/visitkorea/renewal/icon/footer_select_arrow_on.png") no-repeat} #footer .footer_gnb {padding:20px 0; display:block;border-top:1px solid #484848} #footer .footer_gnb ul.fmenu { display:table; width:100%} #footer .footer_gnb ul.fmenu li { display:table-cell; } #footer .footer_gnb ul.fmenu li a { color:#fff; display:block; font-size:14px; line-height:22px;} #footer .footer_gnb ul.fmenu li .menu_top { font-size:16px; font-weight:700; margin-bottom:10px;} #footer .footer_gnb ul.fmenu li .fmenu_sub a { opacity:0.4} #footer .footer_gnb ul.fmenu li .fmenu_sub a:hover { opacity:1} #footer .footer_top .link {/*overflow: hidden; */vertical-align: middle; text-align: right;padding-right: 180px;padding-top: 10px;} #footer .footer_top .link a {display:inline-block; vertical-align: middle;position:relative} #footer .footer_top .link a + a {margin-left:20px;} /*#footer .footer_top .link a + a::after {content:""; width:1px; height:15px; background:#fff; position:absolute; top:50%;margin-top:-7px;left:-20px;opacity: 0.5;}*/ #footer .footer_top .link a span { position:relative; color:#333;} #footer .footer_top .link a.btn_tel span {font-size:14px; display: inline-block; vertical-align: middle} #footer .footer_top .link a.btn_tel span + span {padding-left:10px; font-size:20px;font-weight: 700 } #footer .footer_top .link a.btn_mail span {font-size:16px;font-weight: 700; letter-spacing: -0.3px } #footer .footer_top .link a.btn_kakao span {padding-left:25px; font-size:14px; font-weight: 700} #footer .footer_top .link a.btn_kakao span + span::before {content:""; background:url("../../../../images/client/visitkorea/renewal/main/kakao.png") center no-repeat; background-size:22px auto; width:22px; height:22px; position:absolute; top:50%;left:0;margin-top:-11px;} #footer .footer_bottom{padding:20px 0;overflow:hidden; background:#f7f7f7; } #footer .footer_bottom .contains { position:relative} #footer .footer_bottom .logo {display:block;height:auto;line-height:24px;font-size:14px;color:#666;font-weight:700;float:left; margin-right:15px; } #footer .footer_bottom .logo img{display:inline-block;margin:-2px 5px 0 0;vertical-align:middle;*display:inline;zoom:1; /*height:50px*/} #footer .footer_bottom .address_box{float:left; } #footer .footer_bottom .address_box p{line-height:20px;font-size:12px;color:#999; letter-spacing: -0.5px} #footer .footer_bottom .address_box p span {opacity:0.7; display:block } #footer .footer_bottom .address_box p.logo { font-weight:700; font-size:15px;} #footer .footer_bottom .address_box p.copyright { letter-spacing: 0} #footer .footer_bottom .tel_box { float:right;padding-top:5px} #footer .footer_bottom .tel_box p { line-height: 1.2em;font-size:13px;color:#fff;} #footer .footer_bottom .tel_box .tel {font-size: 30px;} #footer .footer_bottom .tel_box .tel_detail ul { float:left; vertical-align: top; margin-left: 10px} #footer .footer_bottom .tel_box .tel_detail ul li { color:#fff;opacity: 0.7; font-size: 14px;} #footer .footer_bottom .tel_box .telwrap {padding-left:30px} #footer .footer_bottom .tel_box .telwrap, #footer .footer_bottom .tel_box .wa {display:inline-block; vertical-align: top; } #footer .footer_bottom .tel_box .wa p {display:inline-block; vertical-align: top; padding-left:5px} #footer .footer_bottom .tel_box .wa p + p {padding-left:10px} #footer .footer_bottom .tel_box .wa p img {height:50px;} #footer .footer_bottom .tel_box .wa p span { opacity: 0.6;padding-top:5px; display:block;} #footer .footer_bottom .tel_box .wa p.txt {padding-top:2px} #footer .footer_bottom .center_box{float:right; } #footer .footer_bottom .center_box p{position:relative;/*padding-left:140px;*/height:31px;line-height:31px; min-width:240px} #footer .footer_bottom .center_box .label{display:block;position:absolute;left:0;top:0;line-height:31px;font-size:1.6em;color:#999} #footer .footer_bottom .center_box b{line-height:31px;font-size:2.8em;color:#fff;font-weight:700} #footer .footer_bottom .center_box a{display:block;cursor:default} #footer .footer_sns {display:block; float: left;margin-top:15px; width:24px; height:19px; text-indent:-9999px;} #footer .footer_sns + .footer_sns {margin-left:10px;} #footer .footer_sns.footer_sns_01 { background:url(../../../../images/client/visitkorea/renewal/icon/ft_sns_f.png) no-repeat; width:10px; } #footer .footer_sns.footer_sns_02 { background:url(../../../../images/client/visitkorea/renewal/icon/ft_sns_insta.png) no-repeat; width:19px;} #footer .footer_sns.footer_sns_03 { background:url(../../../../images/client/visitkorea/renewal/icon/ft_sns_tw.png) no-repeat; width:10px; } #footer .footer_sns.footer_sns_04 { background:url(../../../../images/client/visitkorea/renewal/icon/ft_sns_youtube.png) no-repeat; } #footer .footer_sns.footer_sns_05 { background:url(../../../../images/client/visitkorea/renewal/icon/ft_sns_blog.png) no-repeat; } #footer .footer_bottom .sns_box {position:absolute;top:0;right:9px; text-align: right} #footer .footer_bottom .sns_box a {width: 40px;display:inline-block;height: 40px;border-radius: 50%;} #footer .footer_bottom .sns_box a + a {margin-left:4px} #footer .footer_bottom .sns_box .btn_instagram { background:#333 url("../../../../images/client/visitkorea/renewal/icon/ft_sns_insta.png") center no-repeat; background-size: 15px; } #footer .footer_bottom .sns_box .btn_youtube { background:#333 url(../../../../images/client/visitkorea/renewal/icon/ft_sns_youtube.png) center no-repeat; background-size: 17px; } #footer .point { color:#27d3f8!important} #footer .btn2 {margin-top:20px; color:#fff} #footer .footer_top .right_menu{float:right;} /* 푸터퀵 */ #ft_quick { padding:10px 0; border-top:1px solid #ececec} #ft_quick .table_td { vertical-align:middle} #ft_quick .table_td:first-child { width:39%} #ft_quick .table_td:last-child { width:33%} #ft_quick .table_td + .table_td { padding-left:30px} #ft_quick span { display:inline-block; vertical-align:middle; color:#333; font-size:15px; line-height:30px; letter-spacing:-0.5px; padding-bottom:2px;} #ft_quick span .point {color:#27d3f8;font-weight:800; } #ft_quick span b { font-weight:800; color:#666} #ft_quick span.icon { background:url(../../../../images/client/visitkorea/renewal/icon/footer_icon_01.png) no-repeat; width:30px; height:30px; margin-right:5px;} #ft_quick span.icon.icon_02 { background:url(../../../../images/client/visitkorea/renewal/icon/footer_icon_02.png) no-repeat;} #ft_quick span.icon.icon_03 { background:url(../../../../images/client/visitkorea/renewal/icon/footer_icon_03.png) no-repeat; } .select_box{display:block;position:relative;width:300px;text-align:left;border-bottom:1px solid #eaeaea} .select_box .select{display:block;position:absolute;left:0;top:0;width:100%;height:100%;font-size:2em;color:#666;filter:alpha(opacity=0);opacity:0;z-index:1} .select_box .btn_select{display:block;position:relative;padding:0 40px 0 10px;height:60px;line-height:60px;font-size:16px;color:#666;/*border:1px solid #f2f2f2;*/background:#f2f2f2 url("../../../../images/client/visitkorea/renewal/icon/select_arrow_mobile.png") no-repeat right center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;z-index:20} .select_box .select_list{display:none;position:absolute;left:0;top:100%;right:0;padding:10px 0;margin-top:-1px;border:1px solid #333;background:#fff} .select_box .select_list li{height:20px} .select_box .select_list a{display:block;padding:0 10px;height:20px;line-height:20px;font-size:1.4em;color:#666;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .select_box .select_list a:hover{color:#333;font-weight:700} .select_box.active{z-index:50} .select_box.active .select_list{display:block;z-index:50} .select_box.active.scroll .select_list { height:240px; overflow-y:auto} .select_box.active .btn_select{border-color:#333;background:#fff url("../../../../images/client/visitkorea/renewal/icon/select_arrow_mobile_on.png") no-repeat right center} /* 버튼 */ .btns {padding:0 20px;text-align:center; display:inline-block; height:36px; line-height:34px;font-size:14px; cursor:pointer} .btns2 {padding:0 20px;text-align:center; display:inline-block; height:44px; line-height:44px; font-size:16px; cursor:pointer;vertical-align: middle} .btns + .btns, .btns2 + .btns2 { margin-left:4px} .btn_iconline {color:#666; border:1px solid #999; } .btn_iconline span { vertical-align:middle} .btn_iconline span + span { margin-left:5px} .btn_download .icon { background:url(../../../../images/client/visitkorea/renewal/icon/down2.png) no-repeat; display:inline-block; width:15px; height:16px; } .btn_download span {position:relative; top:-2px} .btns2.btn_download span {position:relative; top:-4px} .btn_grayline {color:#666; border:1px solid #ccc; } .btn_blackline {color:#333; border:1px solid #333; } .btn_wline {color:#fff; border:1px solid #fff; } .btn_black {color:#fff; border:1px solid #333; background:#333;} .btn_point {color:#fff; border:1px solid #27d3f8; background:#27d3f8;} .btn_gray { background:#5b5755; color:#fff;border:1px solid #5b5755 ;} .btn_border {border:1px solid #ccc; background-color: #fff; color:#666 }/* 2023-11-03 */ /* 라디오 */ .radio_box{float:left;position:relative;margin-right:10px;padding:0 10px 0 24px;height:46px;line-height:44px;font-size:14px;color:#666;background:url("../../../../images/client/visitkorea/renewal/icon/radio.png") no-repeat left center} .radio_box.active{background:url("../../../../images/client/visitkorea/renewal/icon/radio_on.png") no-repeat left center} .radio_box .radio{cursor:pointer;position:absolute;left:0;top:15px;width:16px;height:16px;filter:alpha(opacity=0);opacity:0;z-index:10} .check_box{display:block;position:relative;padding-left:26px;height:46px;line-height:46px;font-size:1.4em;color:#666;background:url("../../../../images/client/visitkorea/renewal/icon/check.png") no-repeat left center} .check_box.active{background:url("../../../../images/client/visitkorea/renewal/icon/check_on.png") no-repeat left center} .check_box .link{color:#666;text-decoration:underline} .check_box .check{cursor:pointer;position:absolute;left:0;top:15px;width:16px;height:16px;filter:alpha(opacity=0);opacity:0;z-index:10} /* 테이블 : 2023-11-03 */ .table { clear:both; overflow:hidden} .table + .table { margin-top:20px} .table {border-top:1px solid #000000; } .table table { border-bottom:1px solid #d9d9d9;} .table table thead th { color:#333;background:#f9f9f9; border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:10px 0; text-align:center; font-size:14px; line-height:20px; font-weight: 400} .table table tbody td { color:#666; line-height:18px; font-size:14px; padding:11px 20px; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; text-align:center} .table table tbody td b {color:#333} .table table thead th:last-child, .table table tbody td:last-child { border-right:0} .table table tbody th { color:#333;background:#f9f9f9; border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:10px 0; text-align:center; font-size:14px; line-height:20px; font-weight: 400}/* 2023-11-03 */ /* 아이콘 */ .icon_type{ width:80px; height:80px; display:inline-block; background-position:center; background-repeat:no-repeat; text-indent:-9999px!important; font-size:0 } .icon_type2{ width:270px; height:270px; display:inline-block; background-position:center; background-repeat:no-repeat; text-indent:-9999px!important; font-size:0 } .icon_type3{ width:80px; height:80px; display:inline-block; background-position:center; background-repeat:no-repeat; text-indent:-9999px!important; font-size:0 } .icon_type.icon_type_01 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_01.png)} .icon_type.icon_type_02 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_02.png)} .icon_type.icon_type_03 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_03.png)} .icon_type.icon_type_04 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_04.png)} .icon_type.icon_type_05 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_05.png)} .icon_type.icon_type_06 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_06.png)} .icon_type.icon_type_07 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_07.png)} .icon_type.icon_type_08 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_08.png)} .icon_type.icon_type_09 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_09.png)} .icon_type.icon_type_10 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_10.png)} .icon_type.icon_type_11 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_11.png)} .icon_type.icon_type_12 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_12.png)} .icon_type.icon_type_13 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_13.png)} .icon_type.icon_type_14 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_14.png)} .icon_type.icon_type_15 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_15.png)} .icon_type.icon_type_16 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_16.png)} .icon_type.icon_type_17 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_17.png)} .icon_type.icon_type_18 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_18.png)} .icon_type.icon_type_19 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_19.png)} .icon_type.icon_type_20 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_20.png)} .icon_type.icon_type_21 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_21.png)} .icon_type.icon_type_22 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_22.png)} .icon_type.icon_type_23 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_23.png)} .icon_type.icon_type_24 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_24.png)} .icon_type.icon_type_25 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_25.png)} .icon_type.icon_type_26 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_26.png)} .icon_type.icon_type_27 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_27.png)} .icon_type.icon_type_28 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_28.png)} .icon_type.icon_type_29 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_29.png)} .icon_type.icon_type_30 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_30.png)} .icon_type.icon_type_31 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_31.png)} .icon_type.icon_type_32 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_32.png)} .icon_type.icon_type_33 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_33.png)} .icon_type.icon_type_34 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_34.png)} .icon_type.icon_type_35 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_35.png)} .icon_type.icon_type_36 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_36.png)} .icon_type.icon_type_37 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_37.png)} .icon_type.icon_type_38 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_38.png)} .icon_type.icon_type_39 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_39.png)} .icon_type.icon_type_40 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_40.png)} .icon_type.icon_type_41 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_41.png)} .icon_type.icon_type_42 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_42.png)} .icon_type.icon_type_43 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_43.png)} /* 2022-12-21 */ .icon_type.icon_type_44 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type1/icon_44.png);width:87px;height:77px;} /* 2022-12-21 */ .icon_type2.icon_type_01 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type2/ch_01.gif)} .icon_type2.icon_type_02 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type2/ch_02.gif)} .icon_type2.icon_type_03 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type2/ch_03.gif)} .icon_type2.icon_type_04 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type2/ch_04.gif)} .icon_type3.icon_type_01 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type3/icon_01.png)} .icon_type3.icon_type_02 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type3/icon_02.png)} .icon_type3.icon_type_03 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type3/icon_03.png)} .icon_type3.icon_type_04 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type3/icon_04.png)} .icon_type3.icon_type_05 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type3/icon_05.png)} .icon_type3.icon_type_06 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type3/icon_06.png)} .icon_type3.icon_type_07 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type3/icon_07.png)} .icon_type3.icon_type_08 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type3/icon_08.png)} .icon_type3.icon_type_09 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type3/icon_09.png)} .icon_type3.icon_type_10 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type3/icon_10.png)} .icon_type3.icon_type_11 { background-image:url(../../../../images/client/visitkorea/renewal/icon/type3/icon_11.png)} /* sns게시판 */ .sns_area { width:1186px; padding-bottom:20px; overflow:hidden} .sns_area .sns_card { width:24.5%; display:block; float:left;vertical-align:top; position: relative} .sns_area .sns_card + .sns_card{ margin-left:0.5%; margin-bottom:5px;} .sns_area .sns_card:first-child, .sns_area .sns_card:nth-child(4n+1) { margin-left:0} .sns_area .sns_card a { display:block; border:1px solid #ececec; background:#fff} .sns_area .sns_card .thum { display:block; padding:5px} .sns_area .sns_card .thum img { width:100%; height:278px} .sns_area .sns_card .sns_text { padding:15px 20px 20px; position:relative} .sns_area .sns_card .sns_text .sns_top { color:#333; font-size:14px; position:relative} .sns_area .sns_card .sns_text .sns_top .tag {width:100px; height:25px; font-size:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:inline-block} .sns_area .sns_card .sns_text .sns_top .icon { position:absolute; right:0px; top:0px; width:25px;} .sns_area .sns_card .sns_text .sns_top .icon img { width:100%} .sns_area .sns_card .sns_text .line { width:15px; height:2px; display:block; background:#333; margin:20px 0} .sns_area .sns_card .sns_text .subject { font-weight: normal;color:#333; font-size:18px; line-height:24px;letter-spacing:-1px; display:block; width:100%; overflow:hidden; word-wrap:break-word; word-break: break-all;height:48px;} .sns_area .sns_card .sns_text .date {font-size:14px; color:#666} .sns_area .sns_card .sns_text .cate {font-size:14px; color:#666} .sns_area .sns_card .sns_text .tag_wrap { margin-top:5px; height:26px; overflow:hidden} .sns_area .sns_card .sns_text .tag_wrap p { color:#333; font-size:12px; padding:3px 5px; border:1px solid #999; display:inline-block; margin-bottom: 2px } .sns_area .sns_card .sns_text .tag_wrap p + p { margin-left:3px;} /* sns */ .bbs_sns .inner {border:1px solid #eee; padding:10px; background:#fff; position:relative} .bbs_sns .inner .thum_img {width:100%; height: 0; padding-top:100%; background:#f8f8f8; position:relative;overflow: hidden} .bbs_sns .inner .thum_img img {width:100%;position:absolute;top:0;} .bbs_sns .inner .text_wrap { position:relative} .bbs_sns .inner .text_wrap {padding-bottom: 10px;} .bbs_sns .inner .text_wrap .label {position:absolute; top:8px; right:10px; width:30px; height:30px; display:block; border-radius: 30px } .bbs_sns .inner .text_wrap .label.sns_insta {background: url("../../../../images/client/visitkorea/renewal/icon/icon_insta.png") center no-repeat; background-size:30px;} /* 2023-03-24 수정 */ .bbs_sns .inner .text_wrap .label.sns_facebook {background: url("../../../../images/client/visitkorea/renewal/icon/icon_facebook.png") center no-repeat; background-size:30px;} /* 2023-03-24 수정 */ .bbs_sns .inner .text_wrap .label.sns_youtube {background: url("../../../../images/client/visitkorea/renewal/icon/icon_youtube.png") center no-repeat; background-size:30px;} /* 2023-03-24 수정 */ .bbs_sns .inner .text_wrap .label.streming {background: url("../../../../images/client/visitkorea/renewal/icon/icon_streming.png") center no-repeat; background-size:30px;} /* 2023-03-24 추가 */ .bbs_sns .inner .text_wrap .label.sns_blog {background:#009900 url("../../../../images/client/visitkorea/renewal/icon/ft_sns_blog.png") center no-repeat; background-size:12px auto} .bbs_sns .inner .subject {color:#333; font-size:16px; font-weight: 700; width:80%; overflow: hidden; padding-left:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .bbs_sns .inner .date {color:#666; font-size:13px; line-height: 1em; margin-top: 5px; letter-spacing: 0; padding-left:10px;} /* ex */ .bbs_ex .inner {border:1px solid #eee; padding:10px; background:#fff; position:relative} .bbs_ex .inner .thum_img {width:100%; height: 0; padding-top:120%; position:relative;overflow: hidden} .bbs_ex .inner .thum_img img {width:100%;position:absolute;top:0; z-index: 0} .bbs_ex .inner .thum_img .shadow {z-index: 1; height:100%} .bbs_ex .inner .subject {color:#fff; font-size:20px; line-height: 1.3em; letter-spacing: -1.5px; font-weight: 700; position:absolute;top:30px; left: 30px;z-index: 10;max-width:80%;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .bbs_ex .inner .text_wrap {position:absolute;bottom:35px; left: 35px;z-index: 10; width:100%} .bbs_ex .inner .text_wrap .profile {width:15%;font-size: 0; overflow: hidden;} .bbs_ex .inner .text_wrap .profile img {width:100%; -moz-border-radius:80px; -webkit-border-radius: 80px; border-radius: 80px;} .bbs_ex .inner .text_wrap .desc {color:#fff; font-size:12px; margin:5px 0 0;max-width: 80%;} /* 배너 */ .bot_banner {padding-bottom:60px} .bot_banner a {display:block; background:url("../../../../images/client/visitkorea/renewal/main/shop_banner.gif") center no-repeat; background-size:cover; padding:30px 0; text-align: center} .bot_banner a span {display:inline-block; vertical-align: middle; } .bot_banner a span + span {margin-left:10px;} .bot_banner a .tit {color:#fff; font-size:20px; font-weight: 700; letter-spacing: -2px;} .bot_banner a .desc {color:#fff; font-size:16px; margin-left:10px;} /* 팝업 */ #popup_mask{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:url("../../../../images/client/visitkorea/renewal/popup/bg_popup.png") repeat;z-index:999} #popup_mask2{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:url("../../../../images/client/visitkorea/renewal/popup/bg_popup.png") repeat;z-index:999} /* detail */ #popup_detail{display:none;position:fixed;left:50%;top:50%;margin:-277px 0 0 -320px;padding:50px 30px 0 30px;width:640px;height:420px;box-shadow:0 0 10px rgba(0,0,0,0.2);background:#fff;z-index:1000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .popup_window .detail_panel{height:500px;text-align:center} .popup_window .detail_panel .title_box{padding-top:40px;margin-bottom:25px;text-align:center} .popup_window .detail_panel .title_box p{line-height:1.2em;font-size:1.6em;color:#666} .popup_window .detail_panel .title_box .title{margin-bottom:15px;font-size:3.2em;color:#333} .popup_window .detail_panel .img_box { text-align:center; margin:0 auto 20px;} .popup_window .detail_panel .text_box p { padding:0 40px 10px; line-height:1.6em;font-size:1.6em;color:#666; letter-spacing:0.1px} .popup_window .detail_panel .btn_box { display:block; width:100%; margin:20px auto 0; text-align:center } .popup_window .scroll_panel{margin-right:-30px;padding-right:30px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch; } .popup_window .scroll_panel::-webkit-scrollbar-track {background-color: #ddd} .popup_window .scroll_panel::-webkit-scrollbar {width: 4px;background-color: #ddd} .popup_window .scroll_panel::-webkit-scrollbar-thumb {background-color: #888} .popup_mainnews{position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:200;text-align: center;background:url("../../../../images/client/visitkorea/renewal/popup/bg_popup.png") repeat; z-index: 99999999} .popup_mainnews .popup_area{width:100%; height:100%; display:table; position:relative; z-index:1} .popup_mainnews .popup_position{display:table-cell; vertical-align:middle; text-align:center;} .popup_mainnews .popup_wrap{margin:0 auto; display:inline-block;width:740px; background:#fff; position:relative} .popup_mainnews .btn_close{display:block;position:absolute;right:20px;top:20px;width:27px;z-index:20} .popup_mainnews .logo{position:absolute;left:24px;top:24px;line-height:20px;font-size:1.2em;color:#666;z-index:20} .popup_mainnews .logo img{margin:-2px 4px 0 0;/*width:74px;*/vertical-align:middle; height:22px} .popup_mainnews .tit{position:absolute;left:24px;top:24px;line-height:20px;font-size:2em;color:#333;z-index:20; font-weight:700} .popup_mainnews .tit span { color:#27d3f8} .popup_mainnews .popup_top { padding-top:60px; height:auto; border:0; position: relative; } .popup_mainnews .popup_top p { font-size:30px; letter-spacing: -2px;} .popup_mainnews .popup_top p span{color:#27d3f8} .popup_mainnews .popup_top p.desc { font-size:16px; color:#666; letter-spacing: -0.5px} .popup_mainnews .info_bbs { max-height: 500px; overflow-y: auto} .popup_mainnews .info_bbs table { border-top:2px solid #333; width:90%; margin:20px auto 40px} .popup_mainnews .info_bbs table th { background:#f8f8f8; text-align: center; font-size:14px; padding:10px 0; border-bottom:1px solid #d5d5d5;color:#333} .popup_mainnews .info_bbs table td {text-align: left; color:#666; font-size:14px; border-bottom:1px solid #d5d5d5; padding:10px;} .popup_mainnews .info_bbs table td a { color:#666; width:95%; display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden } br.show_mobile, .show_mobile { display:none} .ui-loader {display:none} /* 2024-01-03 일반 팝업 css 위치 이동 : request.css=> layout.css 로 이동 */ /* 팝업 */ body.dim {position: relative; overflow: hidden;} body.dim::after {display: block; content:''; position: fixed; left:0; right:0; bottom:0; top:0; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 100; } .color-r {color: #eb0202 !important}/* 2024-01-19 */ .color-gray {color: #666 !important}/* 2024-01-23 */ /* .popup-wrap {width: 100%; height: 100%;} */ /* 딤드 처리 */ .popup-wrap {display:none; width: 92%; position: fixed; left: calc(50% - 46%); background: #fff; z-index: 200; box-sizing: border-box;} .popup-wrap.on {display:block;} /* .popup-wrap .dim {position: fixed; left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%; background: rgba(0, 0, 0, 0.7); box-sizing: border-box;z-index: 999;} */ /* .popup-wrap .popup {word-break: break-all; position: absolute; top: 85px; left: 20px; right: 20px; box-sizing: border-box; margin: 0 auto; background: #fff; z-index: 9999; padding: 15px 20px} */ /* 팝업 타이틀 */ .popup-wrap .title {padding-bottom: 15px; border-bottom: 1px solid #dddddd;color:#333333;font-weight: bold;font-size: 19px;} .popup-wrap .title strong {font-size: 19px;} /* 팝업 컨텐츠 */ .popup-wrap .content{padding: 15px 15px ;} .popup-wrap .content .text-box {text-align: center; padding: 40px 0 30px;} .popup-wrap .content .big-text {font-weight: bold; font-size: 19px; color: #333333; } .popup-wrap .content .big-text span {font-size: inherit; color: #27d3f8} .popup-wrap .content .text {margin-top: 30px; font-size: 15px; color: #666;} .popup-wrap .content .text + .text {margin-top: 10px;} .popup-wrap .content .gary-line {margin-bottom: 30px; text-align: center; font-size: 13px; color:#666; padding: 20px 32px 20px; border:1px solid #ededed} .popup-wrap {padding: 0 7px 20px;} .popup-wrap .btn-area {display: flex; justify-content: space-between; align-items: center;} .popup-wrap .btn-area.single {justify-content: center;} .popup-wrap .btn-area.single .btn {width: 146px;} .popup-wrap .btn-area .btn {display: flex; align-items: center; justify-content: center; font-size: 14px; background: #fff; border:1px solid #ccc; height: 41px; color: #666; margin-left: 15px; width: calc(100% - 15px);} .popup-wrap .btn-area .btn:first-of-type {margin-left: 0; } .popup-wrap .btn-area .btn.primary {border:1px solid #27d3f8; background: #27d3f8; color:#fff;} .popup-wrap .btn-close {position:absolute; right:40px; top:32px; width:22px; height:22px; border:0; font-size: 0; z-index: 9991; background: url(../../../../images/client/visitkorea/renewal/popup/icon-close@3x.png) no-repeat;background-size: 22px auto; text-indent: -9999px; }/*버튼스타일 추가 2024-01-03*/ /* .popup-area .title {height: 5rem; font-size: 1.8rem; font-weight: 600; color:#292D30; padding:1.5rem 1rem 1.5rem; border-bottom: 1px solid #ccc; box-sizing: border-box;} .popup-area .top-txt {text-align: center; font-size: 1.5rem; padding: 2rem 0 2rem; color:#52575A; box-sizing: border-box;} .popup-area .content {padding: 1rem 1rem 3.5rem} .popup-area .btn-area.single {margin-top: 1rem;} .popup-area .btn-area.single .btn-radius {width: 14rem;} */ /* 컬러 */ .color-r {color: #eb0202} /* .popup-wrap.pull {width: 100%; height: 100%;} */ /* 딤드 처리 */ /* .popup-wrap.pull .dim {position: fixed; left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%; background: rgba(0, 0, 0, 0.7); box-sizing: border-box;z-index: 999;} .popup-wrap.pull .popup {word-break: break-all; position: fixed; top: 55px; left: 0px; right: 0px; width: 1162px; margin:0 auto; box-sizing: border-box; background: #f5f5f5; z-index: 9999;} */ /* 팝업 타이틀 */ .popup-wrap.pull .title {padding-bottom: 15px;border-bottom: 1px solid #dddddd;color:#333333;font-weight: bold;font-size: 19px; position: relative;} .popup-wrap.pull .title .close {position: absolute; top:6px; right:0; border:0; font-size: 0; width: 16px; height: 16px; z-index: 9991; background: url(../../../../images/client/visitkorea/renewal/popup/icon-close@3x.png) no-repeat;background-size: 16px auto;} .popup-wrap.pull .title strong {font-size: 19px;} /* 팝업 컨텐츠, 2023-01-02 */ .popup-wrap.pull .content {height: calc(100% - 44px); box-sizing: border-box;} .popup-wrap.pull .content .text-box {text-align: center; padding: 40px 0 30px;} .popup-wrap.pull .content .big-text {font-weight: bold; font-size: 19px; color: #333333; } .popup-wrap.pull .content .big-text span {font-size: inherit; color: #27d3f8} .popup-wrap.pull .content .text {margin-top: 30px; font-size: 15px; color: #666;} .popup-wrap.pull .content .text + .text {margin-top: 10px;} .popup-wrap.pull .content .gary-line {margin-bottom: 30px; text-align: center; font-size: 13px; color:#666; padding: 20px 32px 20px; border:1px solid #ededed} .popup-wrap.pull .content .title.hide-title {border-bottom: none;} .popup-wrap.pull .content .title.hide-title strong {display: none;} .popup-wrap.pull .content .confirmation {padding-top: 25px; padding-bottom: 25px; height: 100%; overflow: auto; box-sizing: border-box;} .popup-wrap.pull .content .confirmation .tit {font-size: 15px; font-family: 'NotoSansCJKk'} .popup-wrap.pull .content .confirmation .tit.box {border: 1px solid #000;padding: 15px; text-align: center;box-sizing: border-box;display: block;} .popup-wrap.pull .content .confirmation .text {font-size: 13px; color:#666 } .popup-wrap.pull .content .confirmation .text.right-box {margin-left: auto;width: 10em;} .popup-wrap.pull .content .confirmation .text p {font-size: 1em; color:#666 } .popup-wrap.pull .content .confirmation .text p + p {margin-top: 10px} .popup-wrap.pull .content .confirmation .last-text {margin-top: 10px; text-align: center;} .popup-wrap.pull .content .confirmation .align-center {text-align: center;} .popup-wrap.pull .content .confirmation .more-button {border: none;font-size: 1.5em;margin-top: 1.5em;background: none;} .popup-wrap.pull .content .confirmation .more-button:hover {color: #27d3f8;} .popup-wrap.pull {padding: 0 7px 20px;} .popup-wrap.pull .btn-area {display: flex; justify-content: space-between; align-items: center;} .popup-wrap.pull .btn-area.single {justify-content: center;} .popup-wrap.pull .btn-area.single .btn {width: 146px;} .popup-wrap.pull .btn-area .btn {display: flex; align-items: center; justify-content: center; font-size: 14px; background: #fff; border:1px solid #ccc; height: 41px; color: #666; margin-left: 15px; width: calc(100% - 15px);} .popup-wrap.pull .btn-area .btn:first-of-type {margin-left: 0; } .popup-wrap.pull .btn-area .btn.primary {border:1px solid #27d3f8; background: #27d3f8; color:#fff;} .popup-wrap.pull .content .confirmation .img-box .pc-img {display: block; height: 753px; width: auto; margin: 0px auto;} .popup-wrap.pull .content .confirmation .img-box .mo-img {display: none; } /* //2024-01-03 일반 팝업 css 위치 이동_끝*/ /* 2024-01-25 로딩 추가 */ .loading_circle { position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); z-index: -1; background-origin: border-box;} .loading_circle .bar{ display:block; width: 30px;height: 30px; border: 10px solid #e3e3e3;border-bottom: 10px solid #000000; border-radius: 50%; animation: load 1s linear infinite; } @keyframes load { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @media screen and (min-width:1201px) { .wrapping .subwrap_top .lnb_tab_panel.togokit { background-color:#f9f9f9; background-position:bottom center} /* 버튼 오버 */ .check_box .link:hover { color:#333; } .btn_wline:hover, .btn_blackline:hover, .btn_grayline:hover, .btn_iconline:hover{border-color:#27d3f8;color:#27d3f8} .btns.btn_download:hover .icon, .btns.btn_download:hover .icon {background-image:url(../../../../images/client/visitkorea/renewal/icon/down2_on.png)} .btn_hover { position: relative; z-index: 1; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;transition: all 0.4s; } .btn_hover:after {content: "";width: 0%; height: 100%;top: 0; position: absolute; left: 0;-webkit-transition: all 0.4s;-moz-transition: all 0.4s; -ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; background: #27d3f8;} .btn_hover:hover {border-color:#27d3f8; color:#fff!important} .btn_hover:hover:after {width: 100%;z-index: -1;} .btns.btn_download.btn_hover:hover .icon, .btns.btn_download.btn_hover:hover .icon {background-image:url(../../../../images/client/visitkorea/renewal/icon/down2_w.png)} .btn_hover.btn_hover_w:after {background: #fff;} .btn_hover.btn_hover_w:hover {border-color:#fff} .btn_hover.btn_hover_w:hover span { color:#27d3f8} #header .hd_top .hd_menu a:hover {text-decoration: underline} #footer .footer_bottom .sns_box .btn_instagram:hover {background-color:#f94f59} #footer .footer_bottom .sns_box .btn_youtube:hover {background-color:#ff0000} #page_quickbutton .btn_ch {animation:ani 1s infinite alternate; position: absolute;bottom: 150px;width: 100%;right: 0; } #page_quickbutton .btn_ch2 {position: absolute;bottom: 300px;width: 100%;right: 0; } /* 2022-05-25 추가 */ .bbs_ex a:hover .inner .thum_img, .bbs_sns a:hover .inner .thum_img{background:#27d3f8} .bbs_ex a:hover .inner .thum_img img, .bbs_sns a:hover .inner .thum_img img{ opacity: 0.5} } @keyframes ani{ 0%{transform:translate(0,0);} 100%{transform:translate(0,20px);} } @media screen and (min-width:900px) { #popup_photo .bx-wrapper img { width:760px;height:475px;} #footer .footer_bottom .address_box{ width:60%;padding-top: 8px;} } /**********************************************************************************************************************************************오버*/ @media screen and (max-width:1680px) { /* 2024-01-25 */ #gnb, #header .hd_sub .sub_menu{width:57%} #header .hd_sub .menu_area .menu_list .btn_menu{ letter-spacing: -1.5px;}/*2024-01-25 */ #header .btn_campaign {width:120px; right:240px; } #header .btn_campaign.gray {right:120px;} } @media screen and (max-width:1400px) { /*#header h1.logo{padding-top:15px}*/ #header .hd_top .hd_menu{top:70px} /* 2024-01-25 */ #gnb , #header .hd_sub .sub_menu {width:53%} #gnb li, #header .hd_sub .menu_area{width:20%} #gnb li:last-child, #header .hd_sub .menu_area:last-child {width:25%;} #header .btn_campaign {width:100px; right:200px; font-size:15px; } #header .btn_campaign.gray {right:100px;} } @media screen and (max-width:1200px) { #top_banner .btn_close{left:auto;margin-left:0;right:0} #top_banner .btn_slide{left:auto;margin-left:0;right:50px} #ft_quick .table_td { display:block; padding:8px 0; width:100%!important} #ft_quick .table_td + .table_td { border-top:1px dashed #d5d5d5; padding-left:0} #ft_quick span { line-height:1.3em; font-size:16px;} #header .btn_search, #header .btn_campaign, #header .btn_instagram, #header .btn_youtube{display:none} #header .hd_bottom .gnb_box { overflow: hidden; left:auto; right:0;padding-left:250px} #gnb, #header .hd_sub .sub_menu{width: 100%;float: right;} /*#gnb {float:right;}*/ #page_quickbutton .btn_ch {position:absolute;bottom:100px;width:100%;right: 0;} #page_quickbutton .btn_ch2 {position:absolute; bottom:250px; width:100%; right: 0;} /* 2022-05-25 추가 */ /* BENEDR-9285 좌측 배너 추가 */ .float_banner {bottom:325px;} } @media screen and (max-width:1020px) { #header .hd_bottom .gnb_box{padding: 0 0 0 260px;left: auto;right: 0;text-align: right;} #gnb li{padding:0} #header .hd_sub .sub_menu{padding-right:0} #header .hd_sub .menu_common{display:none} #footer .footer_bottom .tel_box { width:100%; float:none; padding-top:20px; margin-top:20px; border-top:1px dashed #666} #footer .footer_bottom .tel_box .tel_detail{padding:0; float:none} #popup_photo{ width:600px; height:auto; margin-left:-300px; top:50%; } #popup_photo.popup_window .btn_close { top:-45px; right:0} .popup_mainnews .popup_wrap{width:90%;} #footer .footer_top .right_menu{float:inherit;clear:both;z-index: 9;padding:5%; background:#e8e8e8; margin:0 -5%} #footer .footer_sns.footer_sns_01 { background:url(../../../../images/client/visitkorea/renewal/icon/ft_sns_f_m.png) no-repeat; width:54px; height: 54px } #footer .footer_sns.footer_sns_02 { background:url(../../../../images/client/visitkorea/renewal/icon/ft_sns_insta_m.png) no-repeat; width:54px; height: 54px} #footer .footer_sns.footer_sns_03 { background:url(../../../../images/client/visitkorea/renewal/icon/ft_sns_tw_m.png) no-repeat; width:54px; height: 54px } #footer .footer_sns.footer_sns_04 { background:url(../../../../images/client/visitkorea/renewal/icon/ft_sns_youtube_m.png) no-repeat; width:54px; height: 54px} #footer .footer_sns.footer_sns_05 { background:url(../../../../images/client/visitkorea/renewal/icon/ft_sns_blog_m.png) no-repeat; width:54px; height: 54px} #footer .footer_top .link a {display:block; width:100%;line-height: 1em} #footer .footer_top .link a + a{margin:20px 0 0} #footer .footer_top .link a.btn_tel span + span{margin:0;padding:0} #footer .footer_top .link a.btn_mail span.label, #footer .footer_top .link a.btn_kakao span.label { font-size:14px; font-weight: normal;display: inline-block !important;padding-left:0} #footer .footer_top .link a span.label {min-width:25%} #footer .footer_top .link {padding-right:0;text-align:left;padding:0} } @media screen and (max-width:900px) { #header .hd_top .hd_slide_area{display:none} .pc{display:none!important} .mobile{display:block!important} #header{position:fixed;left:0;top:0;right:0} #header .hd_top{height:70px;border:0; background:none;} #header .hd_title {display:none!important} #header .hd_top.fixed + h1 + .hd_title {display:block!important} #header h1.logo{position:absolute;left:5%;top:0;padding:13px 0;z-index:20} #header h1.logo img { height:30px;margin-top:8px;} .hd_top.fixed + h1 img.pc {display:block!important} .hd_top.fixed + h1 img.full {display:none!important} /*.sub .hd_top.fixed + h1.logo img.ico {display:block!important} .sub .hd_top.fixed + h1.logo img.full {display:none!important}*/ #header .hd_top .hd_menu{display:none} #header .hd_bottom{display:none;position:fixed;left:0;top:0;right:0;bottom:0;height:auto;background:url("../../../../images/client/visitkorea/renewal/hd/bg_gnb.png") repeat;z-index:1000} #header .hd_bottom .gnb_wrap{position:absolute;top:-100%;right:0;bottom:0;width:100%;border:0;background:none} #header .hd_bottom .contains{margin:0;padding:0} #header .hd_bottom .gnb_bottom{position:absolute;left:0;top:70px;right:0;bottom:0;overflow:hidden;height:calc(100% - 70px)} #header .hd_bottom .gnb_box{padding:0;height:100%;box-sizing: border-box;} #header .gnb_bottom .gnb_contains{position: absolute;left: 0;top: 0;bottom: 0;width:150px} #header .gnb_main{position: relative;overflow:hidden;height:calc(100% - 0px)} #header .gnb_footer{float:left;width:100%;height:140px;border-top:1px solid #e4e4e4;background:#f9f9f9} #header .gnb_footer .footer_box{padding:30px 20px 0 20px} #header .gnb_footer .footer_box .m_hd_menu a {color:#333; font-size:2em; font-weight:700 } #header .gnb_footer .footer_box .m_hd_menu a + a {margin-left:10px} #header .gnb_footer .sns_menu{height:60px} #header .gnb_footer .sns_menu .btn_sns{float:left;margin-right:20px} #header .gnb_footer .sns_menu .btn_sns img{display:block} #header .gnb_footer .footer_box p{line-height:1.3em;font-size:2em;color:#999} #gnb{float: none;height:100%;display:block;background:#f9f9f9;width:100%; display: none} #gnb li{display:block;position:relative;height:25%;border:0;z-index:10} #gnb li, #header .hd_sub .menu_area , #gnb li:last-child, #header .hd_sub .menu_area:last-child{width:auto; }/* 2024-01-25 */ #gnb .btn_menu{position:relative;height:100%;border:1px solid #e4e4e4;border-left:0;background:#f9f9f9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #gnb .btn_menu .text{display:block;position:absolute;left:0;top:50%;right:0;margin-top:-38px;padding-top:28px; font-weight:800} #gnb .btn_menu.btn_menu_01 .text {background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_mobile_01.png") no-repeat center top} #gnb .btn_menu.btn_menu_02 .text {background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_mobile_02.png") no-repeat center top} #gnb .btn_menu.btn_menu_03 .text {background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_mobile_03.png") no-repeat center top} #gnb .btn_menu.btn_menu_04 .text {background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_mobile_04.png") no-repeat center top} #gnb .btn_menu.btn_menu_05 .text {background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_mobile_05.png") no-repeat center top} #gnb .btn_menu.btn_menu_06 .text {background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_mobile_06.png") no-repeat center top} #gnb .btn_menu.active{border-right:1px solid #fff;background:#fff} #gnb .btn_menu.btn_menu_01.active .text{background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_mobile_01_on.png") no-repeat center top} #gnb .btn_menu.btn_menu_02.active .text{background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_mobile_02_on.png") no-repeat center top} #gnb .btn_menu.btn_menu_03.active .text{background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_mobile_03_on.png") no-repeat center top} #gnb .btn_menu.btn_menu_04.active .text{background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_mobile_04_on.png") no-repeat center top} #gnb .btn_menu.btn_menu_05.active .text{background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_mobile_05_on.png") no-repeat center top} #gnb .btn_menu.btn_menu_06.active .text{background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_mobile_06_on.png") no-repeat center top} #header .hd_sub{display:block!important;left:auto;top:0!important;height:auto;width:100%;border:0;right: 0;bottom: 0;overflow: hidden;overflow-y: auto; background: none} #header .hd_sub .sub_menu{display:block!important;padding:0;height:auto;width:100%} #header .hd_sub .menu_area{display:block!important;height:auto;opacity:1!important;visibility:visible!important; border-right:0;padding: 0; background:#fff} #header .hd_sub .menu_area.active{display:block!important} #header .hd_sub .menu_area:first-child {border-left:0;} #header .hd_sub .menu_area .menu_box{display:block;padding:0;height:auto;border:0} #header .hd_sub .menu_area .menu_text p{display:none} #header .hd_sub .menu_area .menu_text .title{display:block;margin-bottom:20px;font-size:3em;color:#333;font-weight:800; border-bottom:1px solid #d5d5d5;padding-bottom:20px} #header .hd_sub .menu_area .menu_text .line{display:none} #header .hd_sub .menu_area .menu_list .btn_menu{display:block;position:relative;padding:0;line-height:40px;font-size:2em;color:#333;padding: 15px 0;background: #fff; border-bottom:1px solid #eee;} #header .hd_sub .menu_area .menu_list .btn_menu .ic{display:block;position:absolute;right:4%;top:16px;width:40px;height:40px;background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_arrow.png") no-repeat center center;z-index:10;} #header .hd_sub .menu_area .menu_list .sub_list{display:none;padding:10px 0} #header .hd_sub .menu_area .menu_list .sub_list a{display:block;padding-left:0;line-height:40px;font-size:1.8em;color:#999;background:none; letter-spacing: -1.5px;}/*2024-01-25 */ #header .hd_sub .menu_area .menu_list li.open .btn_menu{color:#27d3f8} #header .hd_sub .menu_area .menu_list li.open .btn_menu .ic{background:url("../../../../images/client/visitkorea/renewal/hd/ico_gnb_arrow_on.png") no-repeat center center} #header .hd_sub .menu_area .menu_list li.open .sub_list{display:block;background:#f8f8f8} #header .lnb_wrap{display:none} #header .mobile_btnwrap { width:100%; background:#fff; display:block!important } #header .mobile_btnwrap .mobile_btn1 {width:100%; display: table; table-layout: fixed;padding:20px 0; text-align: center} #header .mobile_btnwrap .mobile_btn1 a {/*display:table-cell; width: 50%;*/ display: inline-block;text-align: right; vertical-align: middle; position:relative;} #header .mobile_btnwrap .mobile_btn1 a span {color:#666;font-size:16px; font-weight: 700; padding-left:25px; position:relative;padding-right:20px} #header .mobile_btnwrap .mobile_btn1 a span::after {content:""; width:19px; height:40px; background:url("../../../../images/client/visitkorea/renewal/hd/ico_shop.png") left center no-repeat; background-size:19px auto; position:absolute; top:-9px; left:0px;} #header .mobile_btnwrap .mobile_btn1 a + a {text-align: left} /*#header .mobile_btnwrap .mobile_btn1 a + a::before {content:""; width:1px; height:20px; background:#eee; position:absolute; top:5px; left:0px;}*/ #header .mobile_btnwrap .mobile_btn1 a + a span {padding-left:25px;} #header .mobile_btnwrap .mobile_btn1 a + a span::after {background:url("../../../../images/client/visitkorea/renewal/hd/ico_talk.png") left center no-repeat; background-size:19px auto; top:-7px;left:0px; } #header .mobile_btnwrap .mobile_btn2 {width:100%; display:table; table-layout: fixed;} #header .mobile_btnwrap .mobile_btn2 a {width:50%; display:table-cell; text-align: center; color:#fff; background:#27d3f9; padding:20px 0; font-size:20px; font-weight: 700} #header .mobile_btnwrap .mobile_btn2 a + a { background:#868686} #header .mobile_btnwrap .mobile_btn3 {width:100%; display:table; table-layout: fixed;}/* 2024-01-19 */ #header .mobile_btnwrap .mobile_btn3 a {width:100%; display:table-cell; text-align: center; color:#fff; background:#96e76f; padding:20px 0; font-size:20px; font-weight: 700}/* 2024-01-19 */ #footer .footer_bottom .logo{/*float:none;margin:0*/width:25%;margin:0} #footer .footer_bottom .logo img {width:85%;margin:0} #footer .footer_bottom .address_box{/*float:none;margin:0*/width:60%} #footer .footer_bottom .center_box{float:none;/*margin:20px 0 0 0;*//*overflow:hidden*/} #footer .footer_bottom .center_box p{/*float:left;margin-right:15px;*/padding:0;height:auto; min-width:auto; line-height:normal; vertical-align:top} #footer .footer_bottom .center_box .label{display:block;position:relative;left:auto;top:0} #footer .footer_bottom .center_box b{font-size:2.4em; line-height:normal;} #footer .footer_bottom .footer_sns_01, #footer .footer_bottom .footer_sns_02, #footer .footer_bottom .footer_sns_03 { display:none} #footer .footer_bottom .bot {clear:both; position:relative; padding-top:20px;} #footer .footer_bottom .drop_family {width:45%; display:block!important} #footer .footer_bottom .drop_family span {display:none} #footer .footer_bottom .drop_family select {width:100%; border:0;padding:10px;} #footer .footer_bottom .bot .sns_box {/*right:auto; left:55%;*/right:0;top:20px;} #footer .footer_bottom .bot .sns_box a {width:40px; height:40px; background-size:15px} #footer .footer_bottom .bot .sns_box a.btn_youtube {background-size:18px} .btn, .btn2{ font-size:16px; padding:0 20px;height: 44px;line-height: 44px;} .btn.btn_iconline.btn_download, .btn2.btn_iconline.btn_download{ font-size:16px; padding: 0 20px;height: 44px;line-height:39px;} /*.btn2 {font-size:20px; height:60px; line-height:60px}*/ .address_box .btn2 { height:40px; line-height:40px} .btn2.btn_iconline.btn_download {line-height:55px } /*.bbs_btn_wrap .btn {font-size: 14px;padding: 0px 10px; line-height: 36px;}*/ /* sns게시판 */ .sns_area { width:100%; } .sns_area .sns_card, .sns_area .sns_card + .sns_card, .sns_area .sns_card:nth-child(4n+1) { width:49%; display:block; margin:10px 0 0;} .sns_area .sns_card:nth-child(2n) { float:right} .sns_area .sns_card:first-child, .sns_area .sns_card:nth-child(2) { margin:0} .sns_area .sns_card .thum img { height:260px} .sns_area .sns_card .sns_text { padding:10px 20px 20px} .sns_area .sns_card .sns_text .tag_wrap p { font-size:14px} .sns_area .sns_card .sns_text .line { margin:10px 0} .sns_area .sns_card .sns_text .sns_top .icon { right:0; top:0} .sns_area .sns_card .sns_text .sns_top .date { color:#999; top:30px; right:0;} #header .gnb_top .btn_wline {border:0; margin:0; padding:0; width:150px; height:70px; line-height: 70px; font-weight: 700; background: #c9361c; font-size:20px;} .bbs_ex .inner .subject {font-size:18px;max-width:80%} .bbs_ex .inner .text_wrap {max-width:80%} .sub .bbs_ex .inner {padding:0} .sub .bbs_ex .inner .text_wrap .profile {width:18%; font-size: 0} .sub .bbs_ex .inner .subject {top:15px; left:15px; } .sub .bbs_ex .inner .text_wrap {left:15px; bottom:15px;} /*.main .bbs_ex .inner .subject {font-size:24px;}*/ #page_quickbutton .btn_ch.show_mobile {text-align:right} #page_quickbutton .btn_ch.show_mobile img {width:70px; display:inline-block!important} #page_quickbutton{bottom:18px; right:4.8% } #page_quickbutton .btn_ai {margin-top:0px} #page_quickbutton.m_bot {bottom:64px} #page_top {display:none!important} .btns {padding:0 20px;height:44px; line-height:44px; font-size:16px; } .bbs_sns .inner .subject, .bbs_sns .inner .date {padding-left:0} /* BENEDR-9285 좌측 배너 추가 */ .float_banner {left:4.8%;bottom:250px;} #page_quickbutton.m_bot ~ .float_banner {bottom:300px;} } @media screen and (max-width:820px) { .show_mobile { display:block!important} .hide_mobile { display:none!important} } /*@media screen and (min-width:781px) { #header .hd_bottom{display:block!important; } #header .gnb_wrap{right:auto!important;opacity:1!important} #header.fixed h1.logo{position:fixed;top:20px} #header.fixed .gnb_wrap{position:fixed;left:0;top:0;right:0!important} #header.fixedsub .lnb_wrap{position:fixed;left:0;top:0;right:0} #header.fixed .hd_sub.all{top:46px!important} #header.fixedsub .hd_sub.all{top:35px!important} #header .gnb_main{min-height:0!important} #gnb li{height:76px!important} .popup_window{top:50%!important} }*/ @media screen and (min-width:781px) { #header.fixed h1.logo{position:fixed;top:20px} #header.fixed .gnb_wrap{position:fixed;left:0;top:0;right:0!important} #header.fixedsub .lnb_wrap{position:fixed;left:0;top:0;right:0} #header.fixed .hd_sub.all{top:46px!important} #header.fixedsub .hd_sub.all{top:35px!important} } @media screen and (max-width:820px) { body.popup_mobile{position:absolute;left:0;overflow:hidden} body{min-width:540px} #header .hd_bottom .gnb_top .logo{padding-left: 20px} #header .hd_bottom .btn_close{right:0;} #header .hd_sub .menu_area .menu_list .btn_menu .ic{right:14px;} /*#footer .footer_sns {display:none}*/ #footer .footer_top .right_menu{padding:20px;margin:0 -20px} #footer .contains{padding:0 20px} #footer .contains .contains{padding:0} #footer .footer_top {padding:0;} #footer .footer_top .footer_menu a{height:20px;line-height:20px;/*color:#fff;*/ font-size:1.4em} #footer .footer_top .sns_menu .btn_sns{width:40px} #footer .footer_top{height:auto} #footer .footer_top .drop_family{position:relative;left:0px;bottom:95px; margin-left: 0;} #footer .footer_top .drop_family .btn_family{min-width:130px;height:40px;line-height:40px;font-size:1.4em} #footer .footer_top .footer_down{float:none;position:absolute;left:14px;bottom:95px;} #footer .footer_top .footer_down .btn_down{min-width:130px;height:40px;line-height:40px;font-size:1.4em} #footer .footer_top .sns_menu { position:absolute; bottom:20px; right:30px;} #footer .footer_top .drop_family .drop_list{bottom:41px} #footer .footer_top .drop_family .drop_list a{line-height:30px;font-size:1.4em} #footer .footer_bottom .logo a{height:30px;line-height:30px;color:#fff} #footer .footer_bottom .logo a span{display:inline;font-size:18px} #footer .footer_bottom .logo a img.mobile{display:inline!important;height:30px} #footer .footer_bottom .address_box p.logo{font-size:1.8em;} #footer .footer_bottom .address_box p{font-size:12px; line-height:1.5em; word-break: keep-all} #footer .footer_bottom .address_box p.copyright { font-size:12px} /*#footer .footer_bottom .address_box br{display:none}*/ #footer .footer_bottom .center_box .label, #footer .footer_bottom .center_box span{line-height:normal;font-size:1.8em} #footer .footer_bottom .center_box a{cursor:pointer} #footer .footer_bottom .address_box .tel_box {border:0; padding:0; margin:0;padding-bottom: 5px} #footer .footer_bottom .address_box .tel_box p {display:inline-block; vertical-align: middle; line-height: 1.3em } #footer .footer_bottom .address_box .tel_box p + p {margin-left:5px} #footer .footer_bottom .tel_box .wa p {vertical-align: middle; font-size:14px; line-height: 1.3em} #footer .footer_bottom .tel_box .wa p span {padding-top:0px;} #footer .footer_bottom .tel_box .wa p.txt {padding-top:0px} #circle_banner, #quick_web{display:none} #content{padding-top:70px} .bbs_sns .inner .subject {font-size:18px;color:#333;line-height: 1.2em;padding-bottom: 4px; } .sub .bbs_ex .inner .subject {font-size:18px;line-height: 1.2em;} .bbs_ex .inner .text_wrap .desc, .bbs_sns .inner .date {font-size:14px;line-height: 1.2em;} .bbs_sns .inner .text_wrap {padding:5px 0 15px} .bbs_sns .inner .text_wrap .label {right:2px} .bbs_ex {padding-top:0} .bbs_ex .inner .text_wrap .profile {width:25%} .sub .bbs_sns .inner .subject {width:100%} .bot_banner a {background-image: url("../../../../images/client/visitkorea/renewal/main/shop_banner_m.gif");} .bot_banner a .tit {display:block} /* 팝업 */ .popup_window{position:fixed!important;left:15px!important;right:15px!important;margin-left:0!important;width:auto!important} .popup_window .detail_panel .text_box p { font-size:1.8em; line-height:1.4em;} /*#page_top{left:20px;right:auto} */ #page_quickbutton { width:30%} #page_quickbutton.m_hide {display:none} /* 폰트사이즈 조정 */ .sns_area .sns_card .sns_text .tag_wrap { height:32px;} .sns_area .sns_card .sns_text .date, .sns_area .sns_card .sns_text .tag_wrap p{ font-size: 16px} #footer .footer_top .footer_menu {padding: 10px 0} #footer .footer_top .footer_menu a{ font-size: 14px; letter-spacing: -1px;} #footer .footer_top .footer_menu { float:none; overflow: hidden} #footer .footer_top .footer_menu li{ background:url("../../../../images/client/visitkorea/renewal/icon/footer_menu_dot.png") no-repeat right center!important; padding:5px 10px 5px 0; margin-right: 6px } #footer .footer_top .footer_menu li:last-child { background:none!important} #footer .footer_top .footer_menu li a {padding-left: 0;padding-right: 0} #ft_quick span { font-size:20px} #gnb .btn_menu{font-size:2em; } #footer .footer_bottom .address_box p.point {display:none} #page_quickbutton{right:20px} .main .bbs_ex .inner .subject {font-size:24px;} } @media screen and (max-width:540px) { body{min-width:inherit!important} .bot_banner a .tit {font-size:16px} .bot_banner a span + span {} } .space_en {letter-spacing: 0!important}