.jvt_sub_area header nav.menu_area>div>ul>li span{width: 100%;display: block;font-weight: 700;font-size: 18px;line-height: 58px;color: #222222;} .jvt_sub_area header nav.menu_area>div>ul>li > span{background: url(/images/n21/mjvt/m_btn_submenu_arrow.png) no-repeat center right;} #skipLink a{display:block;position:fixed;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999} #skipLink a:focus, #skipLink a:hover, #skipLink a:focus, #skipLink a:active{left:0px;top:0px} #skipLink dt{position:absolute;height:0;width:0;left:-9999px;overflow:hidden;font-size:0;line-height:0;} padding-inline-start{padding:0} .fix_menus{display:none;} .svg_menu{display:none;} .inner{position:relative;width: 100%;max-width:1400px;margin:0 auto;} .inner:after{display:block;clear:both;content:'';} header{background:#fff;} header>.inner{text-align:center;} header h1{float:left;width:245px;height:74px;line-height:84px;background:url("/images/n21/jvt/logo.png") 50% 50% no-repeat;text-indent:-99999px;} header h1 a{display:block;} .pc_nav {display:inline-block;vertical-align:middle;height:84px;line-height:84px;} .pc_nav>ul{width:742px;} .pc_nav>ul:after{display:block;clear:both;content:'';} .pc_nav>ul>li{position:relative;float:left;width:20%;} .pc_nav>ul>li>h2{display:block;height:84px;} .pc_nav>ul>li>h2>a{position:relative;display:block;font-weight:700;font-size:20px;color:#000;height:88px} .pc_nav>ul>li.active>h2>a:hover{background:url("/images/n21/jvt/menu_point_bg.png") 50% 100% no-repeat;} .pc_nav>ul>li.active>h2>a{background:url("/images/n21/jvt/menu_point_bg.png") 50% 100% no-repeat;} .pc_nav>ul>li:hover>h2>a{color:#7a5bde;} .top_sub_menu{display:none;position:fixed;top:84px;left:0;right:0;background:#7a5bde;z-index:1;} .top_sub_menu ul{width:1400px;height:85px;margin:0 auto;} .top_sub_menu ul:after{display:block;clear:both;content:'';} .top_sub_menu ul li{position:relative;float:left;padding:0 33px;} .top_sub_menu ul li:after{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-7px;width:1px;height:14px;background:#957ce5;} .top_sub_menu ul li:first-child:after{content:inherit;background:none;} .top_sub_menu ul li a span{color:#fff;font-size:17px;padding:0 3px;} .pc_nav>ul>li:nth-child(1) ul{padding-left:300px;} .pc_nav>ul>li:nth-child(2) ul{padding-left:448px;} .pc_nav>ul>li:nth-child(3) ul{padding-left:370px;} .pc_nav>ul>li:nth-child(4) ul{padding-left:528px;} .pc_nav>ul>li:nth-child(5) ul{padding-left:903px;} @keyframes user_ex4{ from { width:0; } to { width:100%; } } .mobile_nav{display:none;} /*header>.inner>button{display:none;}*/ .open_menu{display:none;} header>.inner>div.top_side{float:right;height:84px;padding-top:21px;display:none} header>.inner>div.top_side>a{display:inline-block;height:38px;line-height:38px;margin:0 5px;padding:0 15px;color:#333;font-size:15px;border:solid 1px #ccc;border-radius:20px;} header>.inner>div.top_side>a:first-child{margin:0;} header>.inner>div.top_side>button{width:25px;height:24px;margin-left:10px;background:url("/images/n21/jvt/btn_search.png") 50% 50% no-repeat;text-indent:-99999px;} .top_search{display:none;position:absolute;top:0;right:0;} .top_search>div{position:relative;width:370px;height:84px;background:#fff;} .top_search>div div{position:absolute;top:50%;left:0;width:320px;margin-top:-20px;} .top_search>div input[type="text"]{padding:0 55px 0 20px;height:40px;line-height:40px;border:none;border-radius:20px;vertical-align:top;border:solid 2px #222;} .top_search>div input[type="submit"]{position:absolute;top:50%;right:10px;width:36px;height:36px;margin-top:-18px;background:url("/images/n21/jvt/btn_top_search_search.png") 50% 50% no-repeat;text-indent:-99999px;} .top_search>div .top_search_close{position:absolute;top:50%;right:0;width:40px;height:40px;margin-top:-20px;background:url("/images/n21/jvt/btn_top_search_close.png") 50% 50% no-repeat;text-indent:-99999px;} .main_visual{height:590px;background:url("/images/n21/jvt/main_visuall_bg.jpg") 50% 50% no-repeat;background-size:cover;} .main_visual>.inner:after{display:block;clear:both;content:'';} footer{background:#f6f6f6;padding:40px 0;} footer>.inner>div:nth-child(1){float:left;} footer>.inner>div:nth-child(2){float:right;} footer ul{margin-bottom:30px;} footer ul:after{display:block;clear:both;content:'';} footer ul li{position:relative;float:left;padding:0 18px;} footer ul li:first-child{padding-left:0;} footer ul li:after{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:13px;background:#ccc;} footer ul li:first-child:after{background:none;} footer ul li a{display:block;color:#555;} footer ul li a b{color:#333;font-weight:nomal;} footer address{color:#888;} footer address em{color:#DF650F;} footer select{border-radius:4px;color:#555;font-size:14px;width:256px;height:40px;background:#fff url("/images/n21/jvt/main_select_bg.png") 98% 50% no-repeat;background-size:5%;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none} footer select::-ms-expand{display:none /* 화살표 없애기 for IE10, 11*/} footer .goodcon{display:inline-block;vertical-align:middle;width:106px;height:37px;margin:0 20px 0 33px;background:url("/images/n21/jvt/btn_goodcontent.png") 50% 50% no-repeat;text-indent:-99999px;} footer .webwatch{display:inline-block;vertical-align:middle;width:106px;height:37px;margin:0 20px 0 33px;background:url("/images/n21/common/img_footer_mart3.png") 50% 50% no-repeat;text-indent:-99999px;} footer .accessibility{display:inline-block;vertical-align:middle;width:59px;height:42px;background:url("/images/n21/jvt/btn_web_accessibility.png") 50% 50% no-repeat;text-indent:-99999px;} .mobile_f_select{display:none;} /*웹접근성20220216*/ .input_img{margin-left:-36px;text-indent:-9999px;width:30px;height:30px;background: #fff url(/images/n21/jvt/main_select_bg.png) 98% 50% no-repeat;background-size: 50%;} .service_atmosphere>div>strong i{position:relative;display:inline-block;animation-name:animate;animation-duration:1s;animation-iteration-count: infinite;} @keyframes animate { 0%{top:0;} 50%{top:-10px;} 100%{top:0px;} } .progress div{animation-name:action;animation-duration:3s;animation-iteration-count: infinite;} @keyframes action { 0%{width:0;} 50%{width:100%;} 100%{width:0;} } /* 0109 */ /* 메인 */ #overlay{z-index:10;} .jvt_main_area{padding-bottom:0} .jvt_main_area .menu_area{display:none} .jvt_main_area .inner{width:1330px;text-align:center;} .jvt_main_area header h1{position:initial;top:initial;left:initial;margin-top:inherit;float:left;display: inline-block;width:236px;height:84px;line-height:84px;background:url("/images/n21/jvt/logo.png") 50% 50% no-repeat;text-indent:-99999px;background-size: 236px auto;} .jvt_main_area header .open_menu{display:none;z-index: 3;} .jvt_main_area header>.inner nav.pc_nav{position: relative;;display:inline-block;vertical-align:middle;height:84px;line-height:84px;float: left;z-index: 2;} .jvt_main_area header>.inner::after{content: '';display: block;clear: both;} .jvt_main_area .pc_nav>ul{width: 354px;} .jvt_main_area .pc_nav>ul>li{width: 33.3%;} .jvt_main_area .pc_nav>ul>li>h2>a{color: #333;} .jvt_main_area .top_sub_menu ul{width: 1330px;min-width: 763px;height: 84px;} .jvt_main_area .pc_nav>ul>li:nth-child(3) ul{padding-left: 515px;} .jvt_main_area .top_sub_menu{display:none;position:fixed;top:85px;left:0;right:0;background:#7a5bde;height:85px;z-index:1;} .jvt_main_area header>.inner .gnb-r{display: inline-block;float: right;} .jvt_main_area header>.inner div.top_side{padding-top:0px;display: inline-block;width: 429px;} .jvt_main_area header>.inner div.top_side:after{content: '';display: block;clear: both;} .jvt_main_area header>.inner div.top_side>a{margin-left: 20px;;display: inline-block;width: 140px;height: 84px;line-height: 84px;margin: 0;padding: 0;font-size: 0px;border: none;border-radius: 0px;background: url(/images/n21/jvt/ico_main_link.png) no-repeat center;background-size: 140px auto;float:right} .jvt_main_area header>.inner div.top_side>a:first-child{display:inline-block;} .jvt_main_area .top_search{display:inline-block;position:relative;top:inherit;right:inherit;left:inherit;margin-right:20px;padding:0;width: 269px;height: 84px;background:inherit;z-index:inherit;float:left} .jvt_main_area .top_search>div{position: absolute;top: 50%;margin-top: -16px;width: 100%;height: 33px;background:#fff;} .jvt_main_area .top_search>div div{position:absolute;top:50%;left:0;width:269px;margin-top:-17px;height:inherit;line-height:inherit;border-radius:inherit;background:inherit;border:inherit;} .jvt_main_area .top_search>div input[type="text"]{padding:0 55px 0 13px;height:33px;line-height:33px;border:none;border-radius:10px;vertical-align:top;border:solid 1px #dedede;background-color: #f9f9f9;color: #333;font-size: 14px;} .jvt_main_area .top_search>div input[type="submit"]{position:absolute;top:50%;right:7px;width:33px;height:33px;margin-top:-16px;background:url("/images/n21/jvt/btn_top_search_gray.png") 50% 50% no-repeat;text-indent:-99999px;} .jvt_main_area .top_search>div div input[type="text"]::placeholder{color: #838383;font-weight: 400;font-size: 15px;} .jvt_main_area .top_search>div div input[type="text"]::placeholder, .jvt_main_area .top_search>div div input::-webkit-input-placeholder { color:#838383 !important;font-weight: 400;font-size:15px} .jvt_main_area #container{padding: 0;min-width: 1330px;background: url(/images/n21/jvt/main_gdbg.jpg) no-repeat center;background-size: cover;} .jvt_main_area #container .inner{padding: 25px 0 49px;} .jvt_main_area .main-topBn{position: relative;margin: 0 -27px} .jvt_main_area .main-topSd{overflow: hidden;position:relative;} .jvt_main_area .main-topSd .slick-list{width:1384px;display: inline-block;} .jvt_main_area .main-topSd .slick-slide{float: left;padding: 1px 27px 15px;} .jvt_main_area .main-topSd .slick-slide a{box-shadow: 1px 5px 10px rgb(0 0 0 / 45%);border-radius: 20px;display:block;overflow: hidden;} .jvt_main_area .main-topSd img{width:100%;} .jvt_main_area .main-topSd .slick-dots{position:absolute;right: 101px;} .jvt_main_area .main-topSd .slick-dots li.slick-active button{width:40px;background:#fff;border-radius:4px;} .jvt_main_area .main-topSd .slick-dots li{display:none;margin:0 auto 0;width: auto;height:25px;text-align:center;font-weight: 700;font-size: 18px;line-height: 23px;} .jvt_main_area .main-topSd .slick-dots li.slick-active{display:block;} .jvt_main_area .main-topSd .slick-arrow{position: absolute;text-indent:-9999em;z-index: 1;top:50%;margin-top:-27px;width: 54px;height: 54px;border-radius: 50%;} .jvt_main_area .main-topSd .slick-prev{left: 0px;background: url(/images/n21/jvt/topSd_prev.png) no-repeat center;background-color: rgba(108,108,108,0.6);background-size: 19px auto;} .jvt_main_area .main-topSd .slick-next{right: 0px;background: url(/images/n21/jvt/topSd_next.png) no-repeat center;background-color: rgba(108,108,108,0.6);background-size: 19px auto;} .jvt_main_area .main-topSd .popCtrl{right: 50px;bottom: 30px;} /* .jvt_main_area .main-topSd .popCtrl {position: absolute;width:70px;height: 34px;background-color: #333;position: absolute;top: 10px;right: 10px;border-radius: 30px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);} .jvt_main_area .main-topSd .popCtrl a{display: block;width: 30px;height: 30px;border-radius: 50%;position: absolute;top:2px;left:2px;} .jvt_main_area .main-topSd .popCtrl a.stoppSd{-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);} .jvt_main_area .main-topSd .popCtrl .slickStart{display: none;z-index: 3;} .jvt_main_area .main-topSd .popCtrl .slickStop{-webkit-transform: translateX(36px);-ms-transform: translateX(36px);transform: translateX(36px);z-index: 3;} .jvt_main_area .main-topSd .popCtrl a.stoppSd{-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);} .jvt_main_area .main-topSd .popCtrl .slickStop{-webkit-transform: translateX(36px);-ms-transform: translateX(36px);transform: translateX(36px);z-index: 3;;} .jvt_main_area .main-topSd .popCtrl:before{content: "";display: block;width: 30px;height: 30px;border-radius: 50%;position: absolute;top:2px;left:2px;background-color: #fff;animation: none;-webkit-transform: translateX(36px);-ms-transform: translateX(36px);transform: translateX(36px);} .jvt_main_area .main-topSd .popCtrl.stoppSd:before{animation:toggle1 0.5s forwards;} .jvt_main_area .main-topSd .popCtrl.starttSd:before{-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);animation:toggle2 0.5s forwards;} .jvt_main_area .main-topSd .popCtrl.stoppSd .slickStop{display: none;} .jvt_main_area .main-topSd .popCtrl.stoppSd .slickStart{display: block;} .jvt_main_area .main-topSd .popCtrl a span{line-height: 33px;color: #fff;font-size: 14px;position: absolute; top: 0px;left: 0px;width: 70px;margin: 0 0 0 -40px; padding: 0 10px;text-align: left;} .jvt_main_area .main-topSd .popCtrl.stoppSd a span{left: initial;right:0;margin: 0 -40px 0 0;text-align: right;} @keyframes toggle1{ 0 { -webkit-transform: translateX(36px);-ms-transform: translateX(36px);transform: translateX(36px);} 100% { -webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px); } } @keyframes toggle2{ 0 { -webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px); } 100% { -webkit-transform: translateX(36px);-ms-transform: translateX(36px);transform: translateX(36px);} } */ .jvt_main_area .main-topalrim{position: absolute;left: 74px;bottom: 43px;padding-left:70px;width: 680px;height: 55px;background: url(/images/n21/jvt/ico_sd_alrim.png) no-repeat 30px center #fff;border-radius: 50px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25);text-align: left;overflow: hidden;} .jvt_main_area .bx-wrapper .bx-viewport li{padding:3px 0;} .jvt_main_area .bx-wrapper .bx-viewport li a{width: 77%;line-height: 49px;font-size: 18px;letter-spacing: 0px;} .jvt_main_area .main-topalrim li a span{position: relative;padding-right:50px} .jvt_main_area .main-topalrim li:hover span{color: #f66344;font-weight:500} /* .jvt_main_area .main-topalrim li:hover span:after{content:'';display:block;position: absolute;right:0;top: 50%;width:20px;height:20px;margin-top:-12px; background:url(/images/n21/jvt/notice_arr.png) center center no-repeat; vertical-align:top;} */ .jvt_main_area .main-topalrim .bx-controls{position: absolute;top:50%;right: 30px;margin-top:-12px} .jvt_main_area .main-topalrim .bx-controls a{display: block;width: 25px;height: 25px;border-radius: 50%;border: 1px solid #ccc;} .jvt_main_area .main-topalrim .bx-prev{right: 66px;margin:0px;background: url(/images/n21/jvt/ico_slide20_prev.png) no-repeat center #fff;} .jvt_main_area .main-topalrim .bx-next{right: 33px;margin:0px;background: url(/images/n21/jvt/ico_slide20_next.png) no-repeat center #fff;} .jvt_main_area .main-topalrim .bx-stop{right: 0px;margin:0px;background: url(/images/n21/jvt/ico_slide20_pause.png) no-repeat center #fff;} .jvt_main_area .main-topalrim .bx-start{right: 0px;margin:0px;;background: url(/images/n21/jvt/ico_slide20_start.png) no-repeat center #fff;} .jvt_main_area .main-topalrim .bx-start.active,.jvt_main_area .main-topalrim .bx-stop.active{display:none} .jvt_main_area .main-topBn .main-topDay{position: absolute;top: 26px;left: 71px;padding:0 20px;min-width: 226px;height: 50px;line-height: 48px;font-weight: 400;color: #375568;border-radius: 50px;border: 1px solid #D5DFE6;opacity: 0.82;background-color: #fff;z-index: 1;} .jvt_main_area .main-topBn .main-topDay::after{content: '';display: block;clear: both;} .jvt_main_area .main-topBn .main-topDay div{float: left;} .jvt_main_area .main-topBn .main-topDay div:first-child{font-size:18px} .jvt_main_area .main-topBn .main-topDay div + div{float: right;font-size: 30px;margin-left: 25px;} .jvt_main_area .main-topBn .main-topDay strong{font-weight: 700;} .jvt_main_area .main-topBn .main-topDay .data{line-height: 33px;letter-spacing: -3px;font-weight:700;padding-right: 50px; position: relative;} .jvt_main_area .main-topBn .main-topDay .data #counter{width:50px;display:inline-block;overflow:hidden;position:relative; vertical-align:middle;text-align:left;font-size:30px;position: absolute;top: 50%;left:35px;margin-top: -23px;} .jvt_main_area .main-topBn .main-topDay .data #counter > svg{width:100%} .jvt_main_area .main-topBn .main-topDay em{font-weight: 800;} .jvt_main_area .main-topBn .main-topDay text{font-weight: 800;fill: #375568;font-size: 30px;} /* .main-topDay span.data.today{display:inline-block; padding-top:0;font-weight:800;font-size:30px;} */ .jvt_main_area .slider{position:relative;} .jvt_main_area .slider .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;} .jvt_main_area .main-subMenu{margin-top: 10px;margin-left: -15px;} .jvt_main_area .main-subMenu::after{content: '';display: block;clear: both;} .jvt_main_area .main-subMenu li{float: left;width: 12.5%;padding-left: 15px;} .jvt_main_area .main-subMenu li a{position: relative;;display: block;height: 123px;mix-blend-mode: normal;box-shadow: 1px 5px 10px rgb(0 0 0 / 45%);background-color: #fff;border-radius: 20px;} .jvt_main_area .main-subMenu li:hover{animation-name: user_ex; animation-duration: .2s;} @keyframes user_ex{ from { margin-top:0px; } to { margin-top:-20px; } } .jvt_main_area .main-subMenu li a span{position: absolute;top:50%;left: 50%;transform: translate(-50%, -50%);display: block;width: 100%;font-weight: 700;font-size: 16px;line-height: 18px;color: #333333;} .jvt_main_area .main-subMenu li:nth-child(1) span{padding-top: 58px;background: url(/images/n21/jvt/icon_submenu01.png) no-repeat top center #fff;background-size: auto 43px;} .jvt_main_area .main-subMenu li:nth-child(2) span{padding-top: 61px;background: url(/images/n21/jvt/icon_submenu02.png) no-repeat top center #fff;background-size: auto 43px;} .jvt_main_area .main-subMenu li:nth-child(3) span{padding-top: 55px;background: url(/images/n21/jvt/icon_submenu03.png) no-repeat top center #fff;background-size: auto 43px;} .jvt_main_area .main-subMenu li:nth-child(4) span{padding-top: 56px;background: url(/images/n21/jvt/icon_submenu04.png) no-repeat top center #fff;background-size: auto 43px;} .jvt_main_area .main-subMenu li:nth-child(5) span{padding-top: 56px;background: url(/images/n21/jvt/icon_submenu05.png) no-repeat top center #fff;background-size: auto 43px;} .jvt_main_area .main-subMenu li:nth-child(6) span{padding-top: 61px;background: url(/images/n21/jvt/icon_submenu06.png) no-repeat top center #fff;background-size: auto 43px;} .jvt_main_area .main-subMenu li:nth-child(7) span{padding-top: 61px;background: url(/images/n21/jvt/icon_submenu07.png) no-repeat top center #fff;background-size: auto 42px;} .jvt_main_area .main-subMenu li:nth-child(8) span{padding-top: 61px;background: url(/images/n21/jvt/icon_submenu08.png) no-repeat top center #fff;background-size: auto 43px;} .jvt_main_area .main-dualinfo{margin-left: -32px;} .jvt_main_area .main-dualinfo::after{content: '';display: block;clear: both;} .jvt_main_area .main-dualinfo > div{padding-left: 32px;float: left;} .jvt_main_area .main-dualinfo h3{padding: 57px 0px 20px 128px;font-weight: 700;font-size: 24px;line-height: 24px;color: #333333;text-align: left;} .jvt_main_area .main-dualinfo>div {width: 33%;} .jvt_main_area .main-dualinfo > div + div{width: 67%;} .jvt_main_area .main-dualinfo>div h3{position: relative;} .jvt_main_area .main-dualinfo>div > h3::after{content: '';display: block;width: 100%;height: 98px;background: url(/images/n21/jvt/icon_info_cr01.png) no-repeat center left;position: absolute;left: 0;bottom: -20px;background-size: 93px auto;} .jvt_main_area .main-dualinfo > div + div h3::after{content: '';display: block;width: 100%;height: 100px;background: url(/images/n21/jvt/icon_info_cr02.png) no-repeat center left;position: absolute;left: 0;bottom: -22px;background-size: 108px auto;} .jvt_main_area .main-dualinfo > div h3::after{display:inline-block; vertical-align:top;opacity:0;transform:translateY(120px); transition:all 0.5s;animation:charMotion 5s forwards, charMotion2 4s 0.3s infinite; } .jvt_main_area .main-dualinfo > div + div h3::after{animation:charMotion 5s 0.3s forwards, charMotion2 4s 0.5s infinite;} @keyframes charMotion{ 0 { opacity:0; transform:translateY(120px); } 10% { opacity:1; transform:translateY(0); } 100% { opacity:1; transform:translateY(0); } } @keyframes charMotion2{ 0 { transform:translateY(0); } 40% { transform:translateY(0); } 50% { transform:translateY(-5px); } 60% { transform:translateY(0); } 100% { transform:translateY(0); } } .jvt_main_area .main-dualinfo .dualinfoBox{padding: 30px;background: #FFFFFF;mix-blend-mode: normal;box-shadow: 1px 5px 10px rgb(0 0 0 / 45%);border-radius: 15px;z-index: 1;position: relative;} .jvt_main_area .main-dualinfo ul{margin-left: -12px;margin-top:-12px} .jvt_main_area .main-dualinfo ul::after{content: '';display: block;clear: both;} .jvt_main_area .main-dualinfo li{padding-left: 12px;margin-top: 12px;float: left;} .jvt_main_area .main-dualinfo>div li{width: 50%;} .jvt_main_area .main-dualinfo div + div li{width: 25%;} .jvt_main_area .main-dualinfo li a{display: block;height: 56px;background: #FFFFFF;mix-blend-mode: normal;opacity: 0.8;border: 1px solid #ddd8cb;border-radius: 10px;font-weight: 700;font-size: 16px;line-height: 56px;} .jvt_main_area .main-dualinfo>div ul li:hover a{background: #E7F1F9;animation-name: dualinfo1;} .jvt_main_area .main-dualinfo div + div ul li:hover a{background-color: #F4F0E6;animation-name: dualinfo2;} @keyframes dualinfo1{ from { background:#fff; } to { background:#E7F1F9; } } @keyframes dualinfo2{ from { background:#fff; } to { background:#F4F0E6; } } .jvt_main_area .main-botBnbox{margin-top: 69px;margin:69px -10px 0px -10px} .jvt_main_area .main-botBnbox::after{content: '';display: block;clear: both;} .jvt_main_area .main-botBnbox > div{float: left;} .jvt_main_area .main-botBnbox .sdBox{overflow: hidden;} .jvt_main_area .main-botBnbox > div::after{content: '';display: block;clear: both;} .jvt_main_area .main-botBnbox > div + div{margin-left: 5px;width: 697px;} .jvt_main_area .main-botBnbox h3{padding-bottom: 11px;font-weight: 700;font-size: 24px;line-height: 24px;text-align: left;padding-left:10px} .jvt_main_area .main-botBnbox .botBnbox_l , .botBnbox_r{float: left;} .jvt_main_area .main-botBnbox .botBnbox_l{margin-right: 12px;} .jvt_main_area .main-botBnbox .botBnbox_l .main-botSd01{width: 281px;width: 301px;} .jvt_main_area .main-botBnbox .botBnbox_r .main-botSd02{width: 345px;padding-top:35px;} .jvt_main_area .main-botBnbox .botBnbox_r .sdBox{margin-left: -10px;} .jvt_main_area .main-botBnbox .botBnbox_r .main-botbn{margin-top: 7px;width: 325px;height:153px;background: #FFFFFF;box-shadow: 1px 5px 10px rgb(0 0 0 / 45%);border-radius: 15px;} .jvt_main_area .main-botBnbox .oneSlider{position:relative;} .jvt_main_area .main-botBnbox .main-botSd01 .oneSlider{height:320px} .jvt_main_area .main-botBnbox .main-botSd02 .oneSlider{height:141px} .jvt_main_area .main-botBnbox .main-botSd03 .oneSlider{height:320px;} .jvt_main_area .main-botBnbox .oneSlider .slick-list{border-radius: 15px;} .jvt_main_area .main-botBnbox .oneSlider .slick-slide{float: left;padding: 1px 10px 15px;} .jvt_main_area .main-botBnbox .oneSlider .slick-slide a{box-shadow: 1px 5px 10px rgb(0 0 0 / 45%);border-radius: 15px;display:block;border-radius: 15px;overflow: hidden;} .jvt_main_area .main-botBnbox .oneSlider img{width:100%;} .jvt_main_area .main-botBnbox .main-botSd01 .oneSlider img{height:320px} .jvt_main_area .main-botBnbox .main-botSd02 .oneSlider img{height:141px} .jvt_main_area .main-botBnbox .main-botSd03 .oneSlider img{height:320px;} .main-botbn #mainSns.main_sns{background: url(/images/n21/jvt/bg_main_sns.png) no-repeat top 14px right 24px;background-size: 80px auto;} #mainSns.main_sns {float: initial;padding: 0;width: auto;} .main-botbn .communi{text-align:center;display: inline-block;} .main-botbn #mainSns.main_sns p{margin-bottom: 18px;padding: 21px 0 0 32px;text-align: left;color: #3D3D3D;line-height: 20px;} .main-botbn #mainSns.main_sns .communi:after{display:block;clear:both;content:'';} .main-botbn #mainSns.main_sns .communi li{display:inline-block;text-align:center;float:left} .main-botbn #mainSns.main_sns .communi li:first-child{text-align:left;} .main-botbn #mainSns.main_sns .communi span{display:inline-block;vertical-align:middle;color:#fff;line-height:21px;font-size:18px;} .main-botbn #mainSns.main_sns .communi a{display:inline-block;vertical-align:middle;width:40px;height:40px;margin:0 2px;text-indent:-99999px;background-size:100% !important;opacity:0;transition-duration: 1s;transform:translateY(-80px);} .main-botbn #mainSns.main_sns .communi a.on{opacity:1;transform:translateY(0);} .main-botbn #mainSns.main_sns .communi li:nth-child(1) a.on{transition: 0.38s ease;} .main-botbn #mainSns.main_sns .communi li:nth-child(2) a.on{transition: 0.48s ease;} .main-botbn #mainSns.main_sns .communi li:nth-child(3) a.on{transition: 0.58s ease;} .main-botbn #mainSns.main_sns .communi li:nth-child(4) a.on{transition: 0.68s ease;} .main-botbn #mainSns.main_sns .communi li:nth-child(5) a.on{transition: 0.78s ease;} .main-botbn #mainSns.main_sns .communi a.blog{background:url("/images/n21/jvt/icon_blog_op.png") 50% 50% no-repeat;} .main-botbn #mainSns.main_sns .communi a.facebook{background:url("/images/n21/jvt/icon_facebook_op.png") 50% 50% no-repeat;} .main-botbn #mainSns.main_sns .communi a.youtube{background:url("/images/n21/jvt/icon_youtube_op.png") 50% 50% no-repeat;} .main-botbn #mainSns.main_sns .communi a.twitter{background:url("/images/n21/jvt/icon_twitter_op.png") 50% 50% no-repeat;} .main-botbn #mainSns.main_sns .communi a.instargram{background:url("/images/n21/jvt/icon_instargram_op.png") 50% 50% no-repeat;} .main-botbn #mainSns.main_sns .communi a.kakaostory{background:url("/images/n21/jvt/icon_kakaostory01.png") 50% 50% no-repeat;} .jvt_main_area .slick, .jvt_main_area .slick-wrapper {width: 100%;} .oneSlider .slick-dots{position:absolute;right: 101px;} .oneSlider .slick-dots li.slick-active button{width:40px;background:#fff;border-radius:4px;} .oneSlider .slick-dots li{display:none;margin:0 auto 0;width: auto;height:20px;text-align:center;font-weight: 700;font-size: 18px;line-height: 20px;} .oneSlider .slick-dots li.slick-active{display:block;} .oneSlider .slick-dots li b,.oneSlider .slick-dots li em{display:inline-block;margin:0px;font-weight: 700;} .jvt_main_area .oneSlider .slick-arrow{width: 25px;height: 25px;border-radius: 50%;border: 1px solid #ccc;position: absolute;text-indent:-9999em;z-index: 1;} .jvt_main_area .oneSlider .slick-prev{background: url(/images/n21/jvt/ico_slide20_prev.png) no-repeat center #fff;} .jvt_main_area .oneSlider .slick-next{background: url(/images/n21/jvt/ico_slide20_next.png) no-repeat center #fff;} .jvt_main_area .popCtrl {position: absolute;right: 0px;} .jvt_main_area .popCtrl a{display: block;width:25px;height:25px;} .jvt_main_area .popCtrl a span{display:block;width:25px;height:25px;background-repeat:no-repeat;background-position:center;background-color:#fff;border-radius: 50%;border: 1px solid #ccc;text-indent:-9999em;} .jvt_main_area .popCtrl .slick-stop span{background: url(/images/n21/jvt/ico_slide20_pause.png) no-repeat center #fff;} .jvt_main_area .popCtrl .slick-start{display:none;} .jvt_main_area .popCtrl .slick-start span{background: url(/images/n21/jvt/ico_slide20_start.png) no-repeat center #fff;} .jvt_main_area .oneSlider .slick-prev{right: 66px;} .jvt_main_area .oneSlider .slick-next{right: 33px;} .jvt_main_area .oneSlider .popCtrl .slick-stop span{right: 0px;} .jvt_main_area .oneSlider .popCtrl .slick-start span{right: 0px;} .jvt_main_area .main-botBnbox .popCtrl{top: -34px;} .jvt_main_area .main-botBnbox .slick-arrow{top: -34px;} .jvt_main_area .main-botBnbox .oneSlider .slick-dots{top: -31px;} .jvt_main_area .oneSlider .slick-active:hover img{transform:scale(1.1);transition:0.3s;} .jvt_main_area footer{background:#fff;padding:30px 0;} .jvt_main_area footer>.inner>div:nth-child(1){padding-top: 35px;float:left;width:180px} .jvt_main_area footer>.inner>div:nth-child(1) img{width:100%} .jvt_main_area footer>.inner>div:nth-child(2){float:left;padding-left: 50px;text-align: left;position:relative;} .jvt_main_area footer>.inner>div:nth-child(3){padding-top: 57px;text-align: right;} .jvt_main_area footer ul{margin-bottom:30px;padding-top: 10px;} .jvt_main_area footer ul:after{display:block;clear:both;content:'';} .jvt_main_area footer ul li{position:relative;float:left;padding:0 20px;} .jvt_main_area footer ul li:first-child{padding-left:0;} .jvt_main_area footer ul li:after{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:13px;background:#ccc;} .jvt_main_area footer ul li:first-child:after{background:none;} .jvt_main_area footer ul li a{display:block;color:#777;font-size:15px;line-height: 15px;} .jvt_main_area footer address{color:#555;font-size:15px;} .jvt_main_area footer address a{color:#555;} .jvt_main_area footer address em{color:#555;} .jvt_main_area footer .goodcon{display:inline-block;vertical-align:middle;text-align: center;width:103px;height:40px;margin:0 20px 0 0px;background:url("/images/n21/jvt/btn_goodcontent2.png") 50% 50% no-repeat;text-indent:-99999px;} .jvt_main_area footer .webwatch{display:inline-block;vertical-align:middle;text-align: center;width:51px;height:40px;margin:0;background:url("/images/n21/common/img_footer_mart3.png") 50% 50% no-repeat;background-size: auto 40px;text-indent:-99999px;} .jvt_main_area footer .mark1{margin-right: 26px;height: 40px;display: inline-block;} .jvt_main_area footer select{padding: 0 12px;width:256px;height:40px;background:#fff url("/images/n21/jvt/main_select_bg_up.png") center right 12px no-repeat;background-size:5%;border: 1px solid #ebebeb;border-radius:5px;color:#555;font-size:14px;letter-spacing: -0.02em;} .jvt_main_area footer .f_select_link{width: 50px;height: 40px;background: #787878;border-radius: 5px;color: #fff;font-size: 14px;} footer .f_selectBox{position: absolute;top: 0;left: 488px;width:100%;} footer .f_selectBox:after{content:'';display:block;clear:both;} footer .f_selectBox select,.jvt_main_area footer .f_selectBox button{float:left} footer .f_selectBox button{margin-left:6px} @media (max-width: 1280px){ .jvt_main_area .inner{padding:0px} } @media (max-width: 1024px){ .jvt_main_area .inner{padding: 0px;} } @media (max-width: 768px){ .jvt_main_area .inner{width:1330px;} .jvt_main_area footer{min-width:inherit;padding:30px 0;} .jvt_main_area footer .goodcon{display:inline-block;} .jvt_main_area footer .webwatch{display:inline-block;} .jvt_main_area footer .mark1{display:inline-block;} .jvt_main_area footer ul{margin-bottom:30px;} .jvt_main_area footer ul li{text-align:center;} .jvt_main_area footer ul li a b{letter-spacing:-2px;} .jvt_main_area footer address{font-size:15px;} .jvt_main_area .mobile_f_select{display:inline-block;width:256px;margin-bottom:0px;} .jvt_main_area .pc_f_select{display: inline-block;} } /* 서브 공통 header */ .jvt_sub_area #container{padding: 39px 0px 45px;background: url(/images/n21/jvt/main_gdbg.jpg) no-repeat center;background-size: cover;} .jvt_sub_area #container .inner{padding: 0 20px;background-color: #fff;} .jvt_sub_area{padding-bottom:0} .jvt_sub_area .inner{width:1330px;text-align:center;} .jvt_sub_area header h1{position:initial;top:initial;left:initial;margin:0px;float:left;display: inline-block;width:236px;height:84px;line-height:84px;background:url("/images/n21/jvt/logo.png") 50% 50% no-repeat;text-indent:-99999px;background-size: 236px auto;} .jvt_sub_area header .open_menu{display:none;z-index: 3;} .jvt_sub_area header>.inner nav.pc_nav{position: relative;;display:inline-block;vertical-align:middle;height:84px;line-height:84px;float: left;z-index: 2;} .jvt_sub_area header>.inner::after{content: '';display: block;clear: both;} .jvt_sub_area .pc_nav>ul{width: 354px;} .jvt_sub_area .pc_nav>ul>li{width: 33.3%;} .jvt_sub_area .pc_nav>ul>li>h2>a{color: #333;} .jvt_sub_area .top_sub_menu{display:none;position:fixed;top:84px !important;left:0;right:0;background:#7a5bde;z-index:1;} .jvt_sub_area .top_sub_menu ul{width:1330px;height:84px;margin:0 auto;box-sizing: border-box;} .jvt_sub_area .top_sub_menu ul:after{display:block;clear:both;content:'';} .jvt_sub_area .top_sub_menu ul li{position:relative;float:left;padding:0 33px;} .jvt_sub_area .top_sub_menu ul li:after{display:none} .jvt_sub_area .top_sub_menu ul li:first-child:after{content:inherit;background:none;} .jvt_sub_area .top_sub_menu ul li a span{color:#fff;font-size:17px;padding:0 3px;} .jvt_sub_area .pc_nav>ul>li:nth-child(3) ul{padding-left:515px;} .jvt_sub_area header>.inner .gnb-r{display: inline-block;float: right;} .jvt_sub_area header>.inner .gnb-r > div.top_side{padding-top:0px;display: inline-block;width: 429px;} .jvt_sub_area header>.inner .gnb-r > div.top_side:after{display:block;clear:both;content:'';} .jvt_sub_area header>.inner .gnb-r > div.top_side>a{margin-left: 20px;;display: inline-block;width: 140px;height: 84px;line-height: 84px;margin: 0;padding: 0;font-size: 0px;border: none;border-radius: 0px;background: url(/images/n21/jvt/ico_main_link.png) no-repeat center;background-size: auto 52px;float:right} .jvt_sub_area header>.inner .gnb-r > div.top_side>a:first-child{display:inline-block;} .jvt_sub_area .top_search{display:inline-block;position:relative;top:0;right:0;left:inherit;padding:0;margin-right:20px;width: 269px;height: 84px;background:inherit;z-index:inherit;float:left} .jvt_sub_area .top_search>div{position: absolute;top: 50%;margin-top: -16px;width:100%;height:33px;background:#fff;} .jvt_sub_area .top_search>div div{position: absolute;top: 50%;left: 0;width: 269px;margin-top: -17px;height: inherit;line-height: inherit;border-radius: inherit;background: inherit;border: inherit;} .jvt_sub_area .top_search>div input[type="text"]{padding:0 55px 0 13px;width: 100%;height:33px;line-height:33px;border:none;border-radius:10px;vertical-align:top;border:solid 1px #dedede;background-color: #f9f9f9;color: #333;text-indent: initial;} .jvt_sub_area .top_search>div input[type="submit"]{position:absolute;top:50%;right:7px;width:33px;height:33px;margin-top:-16px;background:url("/images/n21/jvt/btn_top_search_gray.png") 50% 50% no-repeat;text-indent:-99999px;} .jvt_sub_area .top_search>div div input[type="text"]::placeholder{color: #838383;font-weight: 400;font-size: 15px;} .jvt_sub_area .top_search>div div input[type="text"]::placeholder, .jvt_sub_area .top_search>div div input::-webkit-input-placeholder { color:#838383 !important;} .jvt_sub_area .open_search{display: none;} .jvt_sub_area .menu_area{display: none;} /* 통합검색 */ .total_top{text-align:center;padding:23px 0 40px 0;width:100%;min-width:1330px;background:url("/images/n21/jvt/total_top_bg2.png") center top no-repeat;background-size: cover;} .total_top.total_top2{text-align:center;padding:23px 0 40px 0;} .total_top h1{height:45px;margin-bottom:17px;background:url("/images/n21/jvt/logo.png") 50% 50% no-repeat;text-indent:-99999px;background-size: auto 45px;} .vt_search{position:relative;margin:0 auto;} .vt_search .top_s_area{} .vt_search .top_s_area input[type="text"]{width:850px;height:70px;border:solid 2px #222;padding:0 20px;border-radius:2px;font-size:24px} .vt_search .top_s_area input[type="submit"]{width:139px;height:70px;font-size:22px;padding-left:25px;color:#fff;background:#000 url("/images/n21/jvt/btn_vt_search.png") 30px 50% no-repeat;border-radius:2px;} .vt_search .detail_s_view{width:129px;height:70px;font-size:22px;color:#fff;border-radius:2px;background:#697272;display:none;} .detail_search .radio_box input[type="radio"]:after{display:none} /* .radio_box.active input[type="radio"]:focus{display:none} */ .detail_search .radio_box input[type="radio"]:checked:before{display:none} .vt_s_main_menu{height:60px;line-height:60px;border-bottom:solid 1px #e4e4e4;} .vt_s_main_menu ul{text-align:center;} .vt_s_main_menu li{display:inline-block;vertical-align:top;margin:0 35px;} .vt_s_main_menu li a{position:relative;display:block;vertical-align:top;font-size:24px;font-weight:700;padding:0 5px;} .vt_s_main_menu li.active a{color:#009fa1;} .vt_s_main_menu li.active a:after{display:block;clear:both;content:'';position:absolute;bottom:0;width:100%;height:2px;background:#009fa1;} .vt_s_sub_menu{margin-bottom:22px;text-align:center;padding:20px 0;} .vt_s_sub_menu li{position:relative;display:inline-block;vertical-align:top;padding:0 35px;text-align:center;} .vt_s_sub_menu li:first-child:after{content:inherit;background:none;} .vt_s_sub_menu li:after{display:block;content:'';position:absolute;top:50%;left:0;width:1px;height:14px;margin-top:-7px;background:#ececec;} .vt_s_sub_menu li a{display:block;color:#333;vertical-align:top;height:50px;line-height:50px;font-size:19px;padding:0 5px;font-weight:500;} .vt_s_sub_menu li.active a{color:#fff;background:#009fa1;border-radius:25px;padding:0 35px; } .vt_s_result{text-align:center;background:#f9f9f9;margin-bottom:60px;padding:35px 0;} .vt_s_result span{font-size:26px;color:#333;} .vt_s_result em{font-size:26px;font-weight:700;display:inline-block;margin-left:5px;} .vt_s_result em.po1{color:#7e3bd6;} .vt_s_result em.po2{color:#009fa1;} .result_wrap{margin-bottom:80px;} .result_wrap .tit{position:relative;padding-bottom:13px;} .result_wrap .tit h4{font-weight:700;font-size:24px;color:#333;display:inline-block;vertical-align:middle;margin-bottom:0px} .result_wrap .tit h4 b{color:#009fa1;display:inline-block;margin-left:5px;} .result_wrap .tit .more{display:inline-block;vertical-align:bottom;font-size:16px;margin-left:28px;line-height:26px;padding-top:3px;} .result_wrap .tit .more i{position:absolute;width:26px;height:26px;margin-left:8px;border-radius:50%;background-color:#f6f6f6;overflow:hidden;} .result_wrap .tit .more i:before{position:absolute;left:0;top:0;display:block;content:'';width:100%;height:100%;background:url("/images/n21/lvt/vt_s_more.png") 50% 50% / 12px auto no-repeat;} .result_wrap ul{border-top:solid 1px #6f6f6f;} .result_wrap ul li{padding:20px 10px;border-bottom:solid 1px #e0e0e0; line-height:18px;} .result_wrap .vt_basic li>strong{font-size:18px;font-weight:500;color:#333; vertical-align:top;} .result_wrap .vt_basic li>strong a{display:inline-block; white-space:nowrap; text-overflow:ellipsis;overflow:hidden; max-width:85%;} .result_wrap .vt_basic li>span{font-size:15px;color:#333;margin-left:15px; display:inline-block;margin-top:2px; vertical-align:top;} .result_wrap .vt_basic li>a{display:block;font-size:15px;color:#555;margin-top:10px; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;} .result_wrap .vt_pic_date li div.pic{display:inline-block;vertical-align:middle;width:10%;} .result_wrap .vt_pic_date li div.pic a{display:block;margin-top:0;} .result_wrap .vt_pic_date li div.pic a img{width:100%;} .result_wrap .vt_pic_date li div.data{display:inline-block;vertical-align:middle;width:84%;margin-left:30px;} .result_wrap .vt_pic_date li div>strong{display:inline-block;vertical-align:bottom;font-size:18px;font-weight:500;color:#333;} .result_wrap .vt_pic_date li div>span{display:inline-block;vertical-align:bottom;font-size:15px;color:#333;margin-left:15px;} .result_wrap .vt_pic_date li div>a{display:block;font-size:15px;color:#555;margin-top:10px;} .result_wrap mark{color:#7e3bd6;background:none;} .result_wrap .gallery{margin:10px -10px 0 -10px;} .result_wrap .gallery:after{display:block;clear:both;content:'';} .result_wrap .gallery>div{float:left;width:20%;padding:0 10px;box-sizing: border-box;} .result_wrap .gallery>div .img{margin-bottom:18px;} .result_wrap .gallery>div .img img{width:100%;} .result_wrap .gallery>div a{font-size:17px;color:#333;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;} .result_wrap .gallery>div span{display:block;font-size:15px;color:#666;} .check_box.active{background:#009fa1;border:solid 1px #009fa1} .check_box.active input[type="radio"]:focus{border:solid 1px #000;} .check_box.active:first-child{border-left:solid 1px #009fa1} .check_box input[type="checkbox"] {position:absolute;top:0;bottom:0;left:0;right:0;width:100%;margin:0; -webkit-appearance:none;} .check_box label{display:inline-block;padding:0 16px;height:40px;line-height:40px;} .check_box.active label{color:#fff;} .radio_box.active{background:#009fa1;border:solid 1px #009fa1} .radio_box.active:first-child{border-left:solid 1px #009fa1} .radio_box input[type="radio"] {position:absolute;top:0;bottom:0;left:0;right:0;width: 100%;height: 100%;margin:0; -webkit-appearance:none;background: none;border-radius: 0px;} .radio_box.active input[type="radio"]:focus{width:100%;border:solid 1px #000;} .radio_box label{display:inline-block;padding:0 16px;height:38px;line-height:38px;} .radio_box.active label{color:#fff;} .detail_search{position:relative;display:block;text-align:center;width:990px;margin:25px auto;} .detail_search:after{display:block;clear:both;content:'';} .detail_search>div{float:left;} .detail_search>div:after{display:block;clear:both;content:'';} .detail_search>div:nth-child(1){margin-right:30px;} .detail_search>div>label{display:inline-block;vertical-align:middle;margin-right:9px;} .detail_search>div>div{display:inline-block;vertical-align:middle;} .detail_search>div span{position:relative;float:left;border:solid 1px #ccd5d5;border-left:none;background:#fff;} .detail_search>div>div>div{position:relative;float:left;margin-left:10px;} .detail_search>div>div>div:after{display:block;content:'~';position:absolute;top:0;left:50%;margin-left:-5px;line-height:40px;} .detail_search>div>div>div input{width:147px;height:40px;line-height:40px;border:solid 1px #ccd5d5;padding:0 16px;} .detail_search>div>div>div input:nth-child(2){float:left;margin-right:20px;} .detail_search>div>div>div input:nth-child(4){float:right;} .detail_search>div span:first-child{border-left:solid 1px #ccd5d5;border-radius:2px 0 0 2px} .detail_search>div span:last-child{border-radius:0 2px 2px 0} .detail_search .detail_s_view_close{display:none;} .tableList ul li .etc em{display:none} .jvt_sub_area .vt_total_search #container{background:none;padding:0px} .result_wrap{text-align: left;} /* 서브 컨텐츠 */ .jvt_sub_area #subContents{padding-bottom: 20px;;text-align: left;} .jvt_sub_area .satisfaction{border-radius: 0px;} .jvt_sub_area .paging{margin-bottom: 0px;} .jvt_sub_area .bbsSearch{position:relative;margin-bottom:30px;padding:30px;padding-left:230px;background:#f3f3f3;text-align:right;} .jvt_sub_area .bbsSearch .totalNum{position:absolute;left:30px;bottom:30px;} .jvt_sub_area .bbsSearch input, .jvt_sub_area .bbsSearch select, .jvt_sub_area .bbsSearch a{margin:1px 0;background-color:#fff} /* ie수정시 */ /* .jvt_sub_area .bbsSearch select{border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none} */ .jvt_sub_area .totalNum{display:block;padding-left:30px;background:url(/images/n21/sub/icon_totalNum.png) no-repeat left center;font-size:16px;line-height:21px;} .jvt_sub_area .totalNum em{font-weight:500;} input[type="submit"]{-webkit-appearance: none;} .jvt_sub_area .bbsSearch input[type="submit"]{width:73px;height:42px;background:#373272;border:0px none;border-radius:4px;-webkit-appearance: none;text-align:center;color:#fff;line-height:42px;font-size:16px;} .jvt_sub_area .bbsSearch .btnAll{display:inline-block;vertical-align:middle;width:42px;height:42px;background:#7e7d8c url(/images/n21/sub/icon_bbsSearch_btnAll.png) no-repeat center;border-radius:4px;text-indent:-9999em;text-align:left;} .jvt_sub_area .bbsSearch.type2{padding:20px 0;background:none;border-bottom:1px solid #e3e3e3;} .jvt_sub_area .bbsSearch.type3{padding-left:30px;text-align:center;} .jvt_sub_area .bbsSearch dl{display:inline-block;vertical-align:middle;} .jvt_sub_area .bbsSearch dl dt{display:inline-block;vertical-align:middle;margin-right:5px;font-size:16px;} .jvt_sub_area .bbsSearch dl dd{display:inline-block;vertical-align:middle;} .jvt_sub_area .bbsSearch dl dd + dt{margin-left:20px;} .jvt_sub_area .listCondition{padding:0 5px 15px;} .jvt_sub_area .listCondition:after{display:block;content:'';clear:both;} .jvt_sub_area .listCondition .totalNum{float:left;} .jvt_sub_area .listCondition .sortItem{float:right;} .jvt_sub_area .listCondition .sortItem li{display:inline-block;vertical-align:middle;} .jvt_sub_area .listCondition .sortItem li a{display:block;position:relative;padding:0 10px;color:#535353;} .jvt_sub_area .listCondition .sortItem li a:after{display:block;content:'';position:absolute;top:50%;right:-1px;margin-top:-6px;height:12px;border-right:1px solid #e6e6e6;} .jvt_sub_area .listCondition .sortItem li:last-child a:after{display:none;} .jvt_sub_area .listCondition .sortItem li.active a{text-decoration:underline;color:#3e35aa;font-weight:500;} /* PC일때 챗봇 플로팅 아이콘 보이기 */ .jvt_sub_area #ibot-btn-floating{display:none;top:420px !important;right:50% !important;margin-right:-807px !important;bottom:inherit !important;z-index:10 !important;} .vt_main_area{min-width:1400px;} .jvt_sub_area #rightQuick.leftVer .rightQuickOpen{top: 136px;z-index:10;} .jvt_sub_area #rightQuick.leftVer .rightQuickOpen div{right: calc(100% - 63px);;top: initial;bottom: initial;background: none;} .jvt_sub_area #rightQuick.leftVer ul{display: block;position: fixed;top: 218px;right: calc(100% - 260px);z-index: 56;} .jvt_sub_area #rightQuick.leftVer li + li{margin-top: 10px;} .jvt_sub_area #rightQuick.leftVer li div{position: initial;width: 260px;height: 100px;display: block;text-indent: initial} .jvt_sub_area #rightQuick.leftVer li:nth-child(1) div{background: url(/images/n21/jvt/float_img01.png) no-repeat center;background-size: cover;} .jvt_sub_area #rightQuick.leftVer li:nth-child(2) div{background: url(/images/n21/jvt/float_img02.png) no-repeat center;background-size: cover;} .jvt_sub_area #rightQuick.leftVer li:nth-child(3) div{background: url(/images/n21/jvt/float_img03.png) no-repeat center;background-size: cover;} /* 서브상단 추가영역 0117 */ .jvt_sub_area .top_bg{background:url("/images/n21/jvt/top_visuall_bg01.png") 50% 50% no-repeat;background-size:cover;} .jvt_sub_area .top_bg strong{position:relative;color:#fff;float:left;margin-left:100px;font-size:46px;font-weight:800;text-shadow:3px 3px 10px rgba(0,0,0,.3);} .jvt_sub_area .top_bg strong:before{display:block;content:'';position:absolute;top:50%;left:-74px;width:44px;height:1px;background:#fff;} .jvt_sub_area .top_bg>.inner{margin:0 auto;width:1330px;line-height:130px;} .jvt_sub_area .top_bg>.inner>div{float:right;height:130px;position: relative;} .jvt_sub_area .top_bg>.inner>div::after{content: '';display: block;position: absolute;top: 50%;left: -241px;margin-top: -42px;width: 226px;height: 83px;background: url(/images/n21/jvt/top_bg_logo.png) no-repeat center;background-size: auto 83px;} .jvt_sub_area .top_bg b{color:#fff7b8;display:inline-block;vertical-align:top;font-size:28px;font-weight:700;text-shadow:4px 4px 10px rgba(0,0,0,.3);} .jvt_sub_area .top_bg b span{display:inline-block;vertical-align:top;color:#fff;text-shadow:4px 4px 10px rgba(0,0,0,.3);} .jvt_sub_area .top_bg em{color:#FDFFB4;display:inline-block;font-size:36px;font-weight:800;margin-left:15px;font-family: 'GmarketSans';text-shadow:4px 4px 10px rgba(0,0,0,.3);line-height: 130px;} .jvt_sub_area .location{position:relative;padding-top:36px;text-align: left;} .jvt_sub_area .location:after{display:block;clear:both;content:'';} .jvt_sub_area .location>ul{display:inline-block;} .jvt_sub_area .location>ul:after{display:block;clear:both;content:'';} .jvt_sub_area .location>ul li{position:relative;float:left;padding:0 20px 0 10px;font-size:14px;color:#666;} .jvt_sub_area .location>ul li:first-child{padding:0 20px 0 25px; background:url("/images/n21/jvt/location_home01.png") 0 50% no-repeat;} .jvt_sub_area .location>ul li:after{display:block;content:'';position:absolute;top:50%;right:0;width:8px;height:9px;margin-top:-5px;background:url("/images/n21/jvt/location_step_bg.png") 50% 50% no-repeat;} .jvt_sub_area .location>ul li:last-child:after{background:none;display:none} .jvt_sub_area .location>.sns{position:absolute;right:0;bottom:0;} .jvt_sub_area .location>.sns ul:after{display:block;clear:both;content:'';} .jvt_sub_area .location>.sns ul li{float:left;} .jvt_sub_area .sns:after{display:block;clear:both;content:'';} .jvt_sub_area .sns>ul{float:left;} .jvt_sub_area .sns>ul li{margin:0 3px;} .jvt_sub_area .sns>a{float:right;/*margin-left:20px;*/margin-left:3px;} .jvt_sub_area .sns a{width:40px;height:40px;display:inline-block;text-indent:-99999px;background-size:100% !important;} .jvt_sub_area .sns a.blog{background:url("/images/n21/jvt/icon_blog01.png") 50% 50% no-repeat;} .jvt_sub_area .sns a.facebook{background:url("/images/n21/jvt/icon_facebook01.png") 50% 50% no-repeat;} .jvt_sub_area .sns a.twitter{background:url("/images/n21/jvt/icon_twitter01.png") 50% 50% no-repeat;} .jvt_sub_area .sns a.youtube{background:url("/images/n21/jvt/icon_youtube01.png") 50% 50% no-repeat;} .jvt_sub_area .sns a.instargram{background:url("/images/n21/jvt/icon_instargram01.png") 50% 50% no-repeat;} .jvt_sub_area .sns a.kakaostory{background:url("/images/n21/jvt/icon_kakaostory01.png") 50% 50% no-repeat;} .jvt_sub_area .sns a.link{background:url("/images/n21/jvt/icon_link01.png") 50% 50% no-repeat;} .jvt_sub_area .sns a.print{background:url("/images/n21/jvt/icon_print01.png") 50% 50% no-repeat;} /* 게시판 */ .listCondition{padding:0 5px 15px;} .listCondition:after{display:block;content:'';clear:both;} .listCondition .totalNum{float:left;} .listCondition .sortItem{float:right;} .listCondition .sortItem li{display:inline-block;vertical-align:middle;} .listCondition .sortItem li a{display:block;position:relative;padding:0 10px;color:#535353;} .listCondition .sortItem li a:after{display:block;content:'';position:absolute;top:50%;right:-1px;margin-top:-6px;height:12px;border-right:1px solid #e6e6e6;} .listCondition .sortItem li:last-child a:after{display:none;} .listCondition .sortItem li.active a{text-decoration:underline;color:#3e35aa;font-weight:500;} /* 카드형게시판 */ .listType{margin-bottom:15px;text-align:right;} .listType a{display:inline-block;margin-right:25px;padding-left:34px;background:url(/images/n21/sub/icon_listType1.png) no-repeat left center;line-height:27px;color:#535353;} .listType a.type2{position:relative;margin-right:0;background:url(/images/n21/sub/icon_listType2.png) no-repeat left center;} .listType a.type2:after{display:block;content:'';position:absolute;left:-15px;top:50%;margin-top:-6px;height:12px;border-right:1px solid #e6e6e6;} .listType a.active{background:url(/images/n21/sub/icon_listType1_on.png) no-repeat left center;color:#3e35aa;font-weight:500;} .listType a.type2.active{background:url(/images/n21/sub/icon_listType2_on.png) no-repeat left center;} .thumbList{border-top:2px solid #313131;} .thumbList li{display:block;position:relative;padding:20px 250px 20px 20px;min-height:140px;border-bottom:1px solid #e3e3e3;} .thumbList li a{display:block;} .thumbList li .title{display:block;padding:10px 0;font-size:21px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .thumbList li .desc{display:block;display:-webkit-box;margin-bottom:25px;height:46px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:23px;font-size:15px;color:#6c6c6c;} .thumbList li .date{display:block;font-size:15px;color:#6c6c6c;} .thumbList li .img{display:block;position:absolute;right:0;top:20px;width:222px;height:140px;} .thumbList li .img img{width:100%;height:100%;} .cardList ul{margin:0 -12px;} .cardList ul:after{display:block;content:'';clear:both;} .cardList ul li{display:block;float:left;margin-bottom:24px;padding:0 12px;width:25%;box-sizing:border-box;} .cardList ul li > a{display:block;padding:30px;border:1px solid #e3e3e3;} .cardList ul li .title{display:block;display:-webkit-box;margin-bottom:25px;height:90px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;line-height:30px;font-size:21px;font-weight:500;} .cardList ul li .date{display:block;color:#6c6c6c;} .cardList.thumb ul{margin:0 -16px;} .cardList.thumb ul li{padding:0 15px;} .cardList.thumb ul li > a{padding:0;} .cardList.thumb ul li .img{display:block;height:237px;overflow:hidden;} .cardList.thumb ul li .img img{display:block;width:100% !important;height:100%;} .cardList.thumb ul li > a:hover img{transform:scale(1.06);transition:0.3s;} .cardList.thumb ul li .title{margin:24px 24px 15px;height:50px;line-height:25px;font-size:19px;-webkit-line-clamp:2;} .cardList.thumb ul li .date{margin:0 24px 24px;} .cardList.thumb ul li > div{display:block;border:1px solid #e3e3e3;} .cardList.thumb ul li .btnItem{display:block;padding:0 24px 15px;text-align:center;} .cardList.thumb ul li .btnItem a{margin:2px;} .cardList.thumb.type2 ul li > div{height:430px;} /* 영상게시판 */ .topVideoView{position:relative;margin-bottom:40px;padding:50px 0;background:#f4f7fe;} .topVideoView:before, .topVideoView:after{display:block;content:'';position:absolute;top:0;bottom:0;background:#f4f7fe;z-index:-1;} .topVideoView:before{left:-1000px;right:50%;} .topVideoView:after{right:-1000px;left:50%;} .topVideoView .title{display:block;margin-bottom:25px;font-size:25px;font-weight:500;} .topVideoView .videoBox{border-top:2px solid #313131;} .topVideoView .videoBox:after{display:block;content:'';clear:both;} .topVideoView .videoBox .videoArea{float:left;width:830px;height:470px;} .topVideoView .videoBox .videoArea iframe{width:100%;height:100%;} .topVideoView .videoBox .infoArea{float:left;padding:30px 0 0 45px;width:450px;height:470px;box-sizing:border-box;} .topVideoView .videoBox .infoArea ul{margin:0 -10px 30px;padding-bottom:12px;border-bottom:1px solid #e0e3eb;} .topVideoView .videoBox .infoArea ul:after{display:block;content:'';clear:both;} .topVideoView .videoBox .infoArea ul li{display:block;float:left;position:relative;padding:0 10px;font-size:15px;font-weight:500;} .topVideoView .videoBox .infoArea ul li:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-6px;height:12px;border-right:1px solid #e0e3eb;} .topVideoView .videoBox .infoArea ul li:last-child:after{border-right:0px none;} .topVideoView .videoBox .infoArea .subTitle{height:380px;font-size:15px;line-height:165%;overflow-y:scroll;} .topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar{width:8px;} .topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar-thumb{background-color:#3e35aa;} .topVideoView .videoBox .infoArea .subTitle::-webkit-scrollbar-track{background-color:#e0e3eb;} .videoList ul:after{display:block;content:'';clear:both;} .videoList ul li{display:block;float:left;padding:20px 12px;width:20%;box-sizing:border-box;} .videoList ul li .img{display:block;margin:0 auto 15px;width:230px;height:145px;text-align:center;overflow:hidden;} .videoList ul li .img img{width:100% !important;height:100%;} .videoList ul li a:hover img{transform:scale(1.06);transition:0.3s;} .videoList ul li .title{display:block;display:-webkit-box;height:46px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:23px;font-size:17px;text-align:center;letter-spacing:-.5px;} .videoList ul li a{display:block;} /* 서브 공통 footer */ .jvt_sub_area footer{background:#fff;padding:30px 0;} .jvt_sub_area footer>.inner>div:nth-child(1){float:left;padding-top: 35px;width:180px} .jvt_sub_area footer>.inner>div:nth-child(2){float:left;padding-left: 50px;text-align: left;position: relative;} .jvt_sub_area footer>.inner>div:nth-child(3){padding-top: 59px;text-align: right;} .jvt_sub_area footer ul{margin-bottom:30px;padding-top: 10px;} .jvt_sub_area footer ul:after{display:block;clear:both;content:'';} .jvt_sub_area footer ul li{position:relative;float:left;padding:0 20px;} .jvt_sub_area footer ul li:first-child{padding-left:0;} .jvt_sub_area footer ul li:after{display:block;content:'';position:absolute;top:50%;left:0;margin-top:-8px;width:1px;height:13px;background:#ccc;} .jvt_sub_area footer ul li:first-child:after{background:none;} .jvt_sub_area footer ul li a{display:block;color:#777;font-size:15px;line-height: 15px;} .jvt_sub_area footer address{color:#555;font-size:15px;} .jvt_sub_area footer address em{color:#555;} .jvt_sub_area footer .goodcon{display:inline-block;vertical-align:middle;width:103px;height:40px;margin:0 20px 0 0px;background:url("/images/n21/jvt/btn_goodcontent2.png") 50% 50% no-repeat;text-indent:-99999px;text-align: center;} .jvt_sub_area footer .webwatch{display:inline-block;vertical-align:middle;width:103px;height:51px;margin:0px;background:url("/images/n21/common/img_footer_mart3.png") 50% 50% no-repeat;text-indent:-99999px;text-align: center;background-size: auto 40px;} .jvt_sub_area footer .mark1{margin-right: 26px;height: 40px;display: inline-block;} .jvt_sub_area footer select{padding: 0 12px;width:256px;height:40px;background:#fff url("/images/n21/jvt/main_select_bg_up.png") center right 12px no-repeat;background-size:5%;border: 1px solid #ebebeb;border-radius:5px;color:#555;font-size:14px;letter-spacing: -0.02em;} .jvt_sub_area footer .f_select_link{width: 50px;height: 40px;background: #787878;border-radius: 5px;color: #fff;font-size: 14px;} .jvt_sub_area footer .communi{display: none;} @media all and (max-width:1852px){ .jvt_sub_area #rightQuick.leftVer{display:none} } @media (max-width:1500px){ .jvt_sub_area #ibot-btn-floating{margin-right:inherit !important;right:10px !important;} } @media all and (max-width:1280px){ .jvt_sub_area .inner{width:1330px;padding: 0;} /* 게시판 */ .jvt_sub_area .cardList.thumb ul li{padding:0 15px;} .jvt_sub_area .cardList.thumb ul li .img{height:237px;} } @media all and (max-width:960px){ .jvt_sub_area #container{background-size: cover !important;} /* 게시판 */ .jvt_sub_area .cardList.thumb ul li{width:25%;} .jvt_sub_area .cardList.thumb ul li .img{height:237px;} } @media all and (max-width:912px){ .jvt_sub_area header h1{position:absolute;top:50%;left:0;width:170px;height:56px;margin-top:-28px;background:url("/images/n21/jvt/m_logo.png") 50% 50% no-repeat;background-size:154px;text-indent:-99999px;} .jvt_sub_area .inner{width: 100%;} .jvt_sub_area header>.inner>nav.pc_nav {display:none;vertical-align:inherit;height:inherit;line-height:inherit;} .jvt_sub_area header .open_menu{display:block;position:absolute;top:50%;right:2%;width:26px;height:26px;margin-top:-13px;background:url("/images/n21/jvt/m_btn_menu.png") 50% 50% no-repeat;text-indent:-99999px;background-size:20px;} .jvt_sub_area .top_sub_menu{display:none;} .jvt_sub_area header>.inner .gnb-r{display: none;} .jvt_sub_area .open_search{display: block;} .jvt_sub_area header{position:relative;background:#fff;height:56px;} .jvt_sub_area header h1{position:absolute;top:50%;left:0;width:170px;height:56px;margin-top:-28px;background:url("/images/n21/mjvt/m_logo.png") 50% 50% no-repeat;background-size:154px;text-indent:-99999px;} .jvt_sub_area header h1 a{display:block;} .jvt_sub_area header .open_menu{position:absolute;top:50%;right:2%;width:26px;height:26px;margin-top:-13px;background:url("/images/n21/mjvt/m_btn_menu.png") 50% 50% no-repeat;text-indent:-99999px;background-size:20px;} .jvt_sub_area header .open_search{position:absolute;top:50%;top:0px;right:65px;width:26px;height:26px;margin-top:8px;background:url("/images/n21/mjvt/m_btn_top_search.png") 50% 50% no-repeat;text-indent:-99999px;background-size:20px;} .jvt_sub_area header>nav.menu_area {display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:#fff;z-index:20;overflow:hidden;overflow-y:auto;} .jvt_sub_area header>nav.menu_area>div{position:relative;} .jvt_sub_area header>nav.menu_area>div>strong{display:inline-block;width:170px;height:56px;background:url("/images/n21/mjvt/m_logo.png") 50% 50% no-repeat;background-size:154px;text-indent:-99999px;} .jvt_sub_area header>nav.menu_area>div>strong a{display:block;height:56px;} .jvt_sub_area header>nav.menu_area>div>.close_menu{position:absolute;top:16px;right:3%;width:26px;height:26px;background:url("/images/n21/mjvt/m_btn_menu_close.png") 50% 50% no-repeat;text-indent:-99999px;background-size:20px;} .jvt_sub_area header nav.menu_area {position:fixed;top:0;bottom:0;left:0;right:0;padding-top: 56px;background:#fff;z-index:20;overflow:hidden;overflow-y:auto;text-align: left;} .jvt_sub_area header nav.menu_area>div>strong{display:inline-block;width:170px;height:56px;background:url("/images/n21/mjvt/m_logo.png") no-repeat center left 14px;background-size:154px;text-indent:-99999px;position: absolute;top: 0;left: 0;} .jvt_sub_area header nav.menu_area>div>strong a{display:block;height:58px;} .jvt_sub_area header nav.menu_area>div>.close_menu{position:absolute;top:8px;right: 12px;width: 46px;height: 38px;background:url("/images/n21/mjvt/m_btn_menu_close2.png") 50% 50% no-repeat #FFE1EB;text-indent:-99999px;background-size:20px;border-radius: 10px;} .jvt_sub_area header nav.menu_area>div>ul{padding: 0 20px;border-top:solid 2px #FFE1EB;} .jvt_sub_area header nav.menu_area>div>ul>li{border-bottom:none;} .jvt_sub_area header nav.menu_area>div>ul>li>a{display:block;text-align:left;padding:0;background: none;background-size:initial;border-bottom: 1px solid #E8E8E8;} .jvt_sub_area header nav.menu_area>div>ul>li span{width: 100%;display: block;font-weight: 700;font-size: 18px;line-height: 58px;color: #222222;} .jvt_sub_area header nav.menu_area>div>ul>li > span{background: url(/images/n21/mjvt/m_btn_submenu_arrow.png) no-repeat center right;} .jvt_sub_area header nav.menu_area>div>ul>li>ul{display:block;padding: 11px 20px;background: #F3F3F3;} .jvt_sub_area header nav.menu_area>div>ul>li>ul>li{margin: 0;} .jvt_sub_area header nav.menu_area>div>ul>li>ul>li>a{padding: 9px 0;font-size: 16px;color:#333;display:block;} #wrap.jvt_sub_area {padding-bottom:0px;} .jvt_sub_area header{background:#fff;height:56px;} .jvt_sub_area header h1{margin:0;width:170px;height:56px;background:url("/images/n21/mjvt/m_logo.png") no-repeat center left 14px;background-size:154px;} .jvt_sub_area header .open_menu{display: block;top:0px;right:12px;width: 46px;height: 38px;margin-top:8px;background:url("/images/n21/mjvt/m_btn_menu2.png") no-repeat center #FFE1EB;border-radius: 10px;background-size:12px;} .jvt_sub_area header .open_search{top:0px;right:66px;width: 46px;height: 38px;margin-top:8px;background:url("/images/n21/mjvt/m_btn_top_search2.png") no-repeat center #B9EDEE;border-radius: 10px;background-size:17px;} .jvt_sub_area header.mvt_mainVer h1{width: 100%;background-position: center;} .jvt_sub_area header.mvt_mainVer .open_menu{display: none;} .jvt_sub_area header.mvt_mainVer .open_search{right: 12px} .jvt_sub_area header>.inner>.top_side{display:none;position:absolute;top:56px;left:0;right:0;padding: 15px 0;height: auto;background:#53D1D3;z-index:16} .jvt_sub_area header>.inner>.top_side>div{width: 100%;height:inherit;background:inherit;} .jvt_sub_area .top_side>div div{position:relative;border:none;margin: 0 60px 0 30px;padding-right: 40px;height: 39px;line-height: 39px;border-radius:10px;background: #fff;top:inherit;left:inherit;margin-top:inherit;} .jvt_sub_area .top_side>div div input[type="text"]{display:inline-block;vertical-align:top;width:100%;height:39px;padding:0 0 0 10px;color:#333;line-height:46px;border:none;border-radius:12px;background:#fff;outline:none;} .jvt_sub_area .top_side>div div input[type="text"]::placeholder{color: #838383;} .jvt_sub_area .top_side>div div input[type="submit"]{position:absolute;top:0;right: 0px;width:39px;height:39px;margin-top:inherit;background:url("/images/n21/mjvt/m_btn_top_opensearch_b.png") 50% 50% no-repeat;background-size: auto 17px;text-indent:-99999px;} .jvt_sub_area .top_side>div div input::-webkit-input-placeholder { color:#fff !important; } .jvt_sub_area .top_side>div .top_search_close{position:absolute;top:50%;right:10px;margin-top:-20px;width: 40px;height: 40px;background:url("/images/n21/mjvt/m_btn_close_search.png") 50% 50% no-repeat;background-size:20px;text-indent:-99999px;} .jvt_sub_area header>nav {display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:#fff;z-index:20;overflow:hidden;overflow-y:auto;} .jvt_sub_area header>nav>div{position:relative;} .jvt_sub_area header>nav>div>strong{display:inline-block;width:170px;height:58px;background:url("/images/n21/mjvt/m_logo.png") no-repeat center left 14px;background-size:100%;text-indent:-99999px;} .jvt_sub_area header>nav>div>strong a{display:block;height:58px;} .jvt_sub_area header>nav>div>.close_menu{position:absolute;top:10px;right: 12px;width: 46px;height: 38px;background:url("/images/n21/mjvt/m_btn_menu_close2.png") 50% 50% no-repeat #FFE1EB;text-indent:-99999px;background-size:20px;border-radius: 10px;} .jvt_sub_area header>nav>div>ul{padding: 0 20px;border-top:solid 2px #FFE1EB;} .jvt_sub_area header>nav>div>ul>li{border-bottom:none;} .jvt_sub_area header>nav>div>ul>li>a{display:block;text-align:left;padding:0;background: none;background-size:initial;border-bottom: 1px solid #E8E8E8;} .jvt_sub_area header>nav>div>ul>li span{width: 100%;display: block;font-weight: 700;font-size: 18px;line-height: 58px;color: #222222;} .jvt_sub_area header>nav>div>ul>li > span{background: url(/images/n21/mjvt/m_btn_submenu_arrow.png) no-repeat center right;} .jvt_sub_area header>nav>div>ul>li>ul{display:block;padding: 11px 20px;background: #F3F3F3;} .jvt_sub_area header>nav>div>ul>li>ul>li{margin: 0;} .jvt_sub_area header>nav>div>ul>li>ul>li>a{padding: 9px 0;font-size: 16px;color:#333;display:block;} .jvt_sub_area header>nav.mobile_nav{display: block;height: 33px;width: 100%;position: absolute;top: 58px;left: 0;padding: 0px 8px;background: none;z-index: 5;} .jvt_sub_area header>nav.mobile_nav ul{margin-left: -3px;display: flex;} .jvt_sub_area header>nav.mobile_nav ul li{width: 100%;height: 33px;margin-left: 3px;border: 1px solid #E1E8EC;background-color: #E1E8EC;text-align: center;} .jvt_sub_area header>nav.mobile_nav ul li a{font-weight: 700;font-size: 16px;line-height: 31px;color: #333333;} .jvt_sub_area header>nav.mobile_nav ul li.active{background-color: #46B9BC;} .jvt_sub_area header>nav.mobile_nav ul li.active a{color: #fff;} .jvt_sub_area header>nav {display:none;position:fixed;top:0;bottom:0;left:0;right:0;background:#fff;z-index:20;overflow:hidden;overflow-y:auto;} .jvt_sub_area header>nav>div{position:relative;} .jvt_sub_area header>nav>div>strong{display:inline-block;width:170px;height:58px;background:url("/images/n21/mjvt/m_logo.png") no-repeat center left 14px;background-size:100%;text-indent:-99999px;} .jvt_sub_area header>nav>div>strong a{display:block;height:58px;} .jvt_sub_area header>nav>div>.close_menu{position:absolute;top:10px;right: 12px;width: 46px;height: 38px;background:url("/images/n21/mjvt/m_btn_menu_close2.png") 50% 50% no-repeat #FFE1EB;text-indent:-99999px;background-size:20px;border-radius: 10px;} .jvt_sub_area header>nav>div>ul{padding: 0 20px;border-top:solid 2px #FFE1EB;} .jvt_sub_area header>nav>div>ul>li{border-bottom:none;} .jvt_sub_area header>nav>div>ul>li>a{display:block;text-align:left;padding:0;background: none;background-size:initial;border-bottom: 1px solid #E8E8E8;} .jvt_sub_area header>nav>div>ul>li span{width: 100%;display: block;font-weight: 700;font-size: 18px;line-height: 58px;color: #222222;} .jvt_sub_area header>nav>div>ul>li > span{background: url(/images/n21/mjvt/m_btn_submenu_arrow.png) no-repeat center right;} .jvt_sub_area header>nav>div>ul>li>ul{display:block;padding: 11px 20px;background: #F3F3F3;} .jvt_sub_area header>nav>div>ul>li>ul>li{margin: 0;} .jvt_sub_area header>nav>div>ul>li>ul>li>a{padding: 9px 0;font-size: 16px;color:#333;display:block;} .jvt_sub_area header>nav.mobile_nav{display: block;height: 33px;width: 100%;position: absolute;top: 58px;left: 0;padding: 0px 8px;background: none;z-index: 5;} .jvt_sub_area header>nav.mobile_nav ul{margin-left: -3px;display: flex;} .jvt_sub_area header>nav.mobile_nav ul li{width: 100%;height: 33px;margin-left: 3px;border: 1px solid #E1E8EC;background-color: #E1E8EC;text-align: center;} .jvt_sub_area header>nav.mobile_nav ul li a{font-weight: 700;font-size: 16px;line-height: 31px;color: #333333;} .jvt_sub_area header>nav.mobile_nav ul li.active{background-color: #46B9BC;} .jvt_sub_area header>nav.mobile_nav ul li.active a{color: #fff;} .jvt_sub_area #rightQuick.leftVer{display: none;} /* content */ .jvt_sub_area#wrap{padding-bottom:0px;} .jvt_sub_area .inner{width:auto;} .jvt_sub_area #container{background: none;padding: 0px;} /* .jvt_sub_area .satisfaction{display: none;} */ .jvt_sub_area .mobilePaging{display: block;} .jvt_sub_area .paging > a{display: none;} .jvt_sub_area #container h3{margin: 0 -20px;padding: 0px;display: block;background: url(/images/n21/jvt/sub_gdbg.png) no-repeat center;background-size: cover;min-height: 80px;line-height: 80px;font-weight: 700;font-size: 22px;color: #333;text-indent: initial;} .jvt_sub_area #container h3 span{padding-left: 47px;background: url(/images/n21/jvt/icon_sub_ttl.png) no-repeat center left;background-size: 31px auto;line-height: 36px;display: inline-block;} .jvt_sub_area #subContents{padding-top: 12px;} .jvt_sub_area .totalNum{display: none;} .jvt_sub_area .input.useDatepicker,.jvt_sub_area .dateMid{display: none;} /* 게시판 */ .jvt_sub_area .cardList.thumb ul li{width:50%;} .jvt_sub_area .cardList.thumb ul li .img{height:237px;} .jvt_sub_area .videoList ul li .img{width:100%;height:100px;} /* 검색 */ .total_top{padding:0px;min-width:initial;background:url("/images/n21/lvt/m_total_top_bg.png") center top / cover no-repeat} .total_top.total_top2{background:url("/images/n21/lvt/m_total_top_bg2.png") 50% 50% no-repeat} .total_top h1{height:45px;margin-bottom:10px;background:url("/images/n21/lvt/m_vt_s_logo.png") 50% 50% no-repeat;background-size:auto 35px;} .top_s_area{display:flex;} .vt_search{width:auto;} .vt_search .top_s_area input[type="text"]{width:calc(100% - 40px);height:40px;line-height:40px;border-radius:4px;margin-right:3px;font-size:14px} .vt_search .top_s_area input[type="submit"]{width:40px;height:40px;padding-left:inherit;border-radius:4px;background:#000 url("/images/n21/lvt/m_btn_vt_search.png") 50% 50% no-repeat;background-size:20px;text-indent:-99999px;margin-right:3px;} .vt_search .detail_s_view{width:55px;height:40px;font-size:12px;border-radius:4px;} .detail_search{width:100%;margin:3% 0 0;} .detail_search>div{width:100%;box-sizing: border-box;padding: 0 3%;} .detail_search>div + div{margin-top:5px} .detail_search>div:nth-child(1){margin-right:0;} .detail_search>div>label{display:none;} .detail_search>div>div{display:block;vertical-align:inherit;} .detail_search>div span{width:20%;letter-spacing:-1px; box-sizing: border-box;} .detail_search>div>div>div{margin-left:0;margin:10px 0;width:auto;} .detail_search>div>div>div:after{display:block;content:'~';position:absolute;top:0;left:50%;margin-left:-5px;line-height:40px;} .detail_search>div>div>div input{padding:0 5px;} .detail_search .radio_box label{display:flex;align-items:center;line-height:1em;justify-content:center; box-sizing:border-box;} .detail_search .data-period{display:flex;} .detail_search .data-period input{width:calc(50% - 10px);float:left;} .detail_search .data-period .star{margin-right:20px;} .vt_s_main_menu:after{display:block;clear:both;content:'';} .vt_s_main_menu{} .vt_s_main_menu ul{display:flex;justify-content:center;width:100%;} .vt_s_main_menu ul > li{margin:0;width:33.33%;white-space:nowrap;} .vt_s_main_menu ul > li > a{font-size:19px;} .vt_s_sub_menu{margin-bottom:10px;padding:3%;box-shadow:0 2px 3px rgba(0,0,0,.3);} .vt_s_sub_menu:after{display:block;clear:both;content:'';} .vt_s_sub_menu li{width:calc(100% / 5);padding:0;float:left;} .vt_s_sub_menu li:after{content:inherit;background:none;} .vt_s_sub_menu li a{height:40px;line-height:40px;font-size:15px;white-space:nowrap; letter-spacing:-1px;} .vt_s_sub_menu li.active a{padding:0 3px;} .vt_s_result{margin:3%;padding:10px 0;background:none;text-align:left;} .vt_s_result span{font-size:18px;} .vt_s_result em{font-size:18px;} .result_wrap{margin:3% 3% 20px 3%;} .result_wrap .tit h4{font-size:21px;} .result_wrap .tit .more{font-size:14px;margin-left:3%;} .result_wrap .tit .more i:before{background-image:url("/images/n21/lvt/m_vt_s_more_2x.png");} .result_wrap .vt_basic li>strong{font-size:16px; margin-bottom:8px;} .result_wrap .vt_basic li>span{display:block;margin-left:0;font-size:14px;} .result_wrap .vt_basic li>a{margin-top:7px;font-size:14px;} .result_wrap .vt_basic li>strong a{max-width:100%;} .result_wrap .vt_pic_date li div.pic{width:30%;vertical-align:top;} .result_wrap .vt_pic_date li div.pic img{width:100%;} .result_wrap .vt_pic_date li div.data{width:64%;margin-left:3%;} .result_wrap .vt_pic_date li div>strong{font-size:16px; margin-bottom:8px;} .result_wrap .vt_pic_date li div>span{display:block;margin-left:0;font-size:14px;} .result_wrap .vt_pic_date li div>a{margin-top:7px;font-size:14px;} .result_wrap .vt_pic_date li div>strong a{max-width:100%;} .vt_search .top_s_area{padding:0px 3%} /* 서브상단 추가영역 0117 */ .jvt_sub_area .top_bg{display:none;} .jvt_sub_area .location{display:none;} .jvt_sub_area .totalpage{display:none;} /* footer */ .jvt_sub_area .bbsSearch{padding:20px;} .jvt_sub_area .bbsSearch .totalNum{position:static;margin-bottom:8px;text-align:left;} .jvt_sub_area .bbsSearch input[type='text'], .jvt_sub_area .bbsSearch select, .jvt_sub_area .bbsSearch input[type="submit"], .jvt_sub_area .bbsSearch .btnAll{margin:2px 0;} .jvt_sub_area footer>.inner>div:nth-child(3){padding-top: 120px;text-align: right;} .jvt_sub_area footer>.inner>div:nth-child(3) a{;text-align: initial;} .jvt_sub_area footer>.inner>div:nth-child(3){padding-top: 0px;} .jvt_sub_area footer>.inner>div{display: none;} .jvt_sub_area footer>.inner>div:nth-child(2){display: block;float: none; padding: 0;} .jvt_sub_area footer>.inner>div:nth-child(2) label,.jvt_sub_area footer>.inner>div:nth-child(2) label, .jvt_sub_area footer>.inner>div:nth-child(2) select,.jvt_sub_area footer>.inner>div:nth-child(2) ul{display: none;} .jvt_sub_area footer>.inner>div.communi{display: block;} .jvt_sub_area footer{background:#fff;padding:21px 6% 20px;text-align: center;} .jvt_sub_area footer ul{display: inline-block;margin: 10px 0px 0px 0px;} .jvt_sub_area footer ul li{margin: 0 5px;padding:0;} .jvt_sub_area footer ul li:after{display: none;} .jvt_sub_area footer address{color:#555;font-size:12px;text-align: center;font-size: 11px;word-break: keep-all;} .jvt_sub_area footer address em{color:#555;} .jvt_sub_area footer address br+br{display: none;} .jvt_sub_area footer .f_selectBox{display:none} .communi{text-align:center;} .communi li{display:inline-block;text-align:center;} .jvt_sub_area .communi a{display:inline-block;vertical-align:middle;width:34px;height:34px;margin:0px;border:1px solid #E8E8E8;border-radius: 50%;text-indent: -99999px;} .jvt_sub_area .communi a.blog{background:url("/images/n21/mjvt/m_icon_blog_g.png") 50% 50% no-repeat #fff;background-size: auto 15px !important;} .jvt_sub_area .communi a.facebook{background:url("/images/n21/mjvt/m_icon_facebook_g.png") 50% 50% no-repeat #fff;background-size: auto 14px !important;} .jvt_sub_area .communi a.twitter{background:url("/images/n21/mjvt/m_icon_twitter_g.png") 50% 50% no-repeat #fff;background-size: auto 12px !important;} .jvt_sub_area .communi a.youtube{background:url("/images/n21/mjvt/m_icon_youtube_g.png") 50% 50% no-repeat #fff;background-size: auto 13px !important;} .jvt_sub_area .communi a.instargram{background:url("/images/n21/mjvt/m_icon_instargram_g.png") 50% 50% no-repeat #fff;background-size: auto 16px !important;} .jvt_sub_area .communi a.kakaostory{background:url("/images/n21/mjvt/m_icon_kakaostory_g.png") 50% 50% no-repeat #fff;background-size: auto 16px !important;} /* 모바일일때 챗봇 플로팅 아이콘 숨기기 */ aside{display:none;} #ibot-btn-floating{display:none;} .imgKogl{margin-bottom: 10px;display: block;float: initial;} .grayConBox span{display:block} .result_wrap .vt_pic_date li div.pic{width:30%;vertical-align:top;} .result_wrap .vt_pic_date li div.pic img{width:100%;} .result_wrap .vt_pic_date li div.data{width:64%;margin-left:3%;} .result_wrap .vt_pic_date li div>strong{font-size:16px; margin-bottom:8px;} .result_wrap .vt_pic_date li div>span{display:block;margin-left:0;font-size:14px;} .result_wrap .vt_pic_date li div>a{margin-top:7px;font-size:14px;} .result_wrap .vt_pic_date li div>strong a{max-width:100%;} .result_wrap .gallery{} .result_wrap .gallery>div{width:50%;margin-bottom:3%;text-align:center;} .result_wrap .gallery>div a{text-align: left;margin-bottom: 5px;} .result_wrap .gallery>div span{text-align: left;} .result_wrap .gallery>div .img{margin-bottom:10px;} .result_wrap .gallery>div .img img{max-width:100%;} } @media all and (max-width:640px){ .jvt_sub_area .bbsSearch{text-align:left;} .jvt_sub_area .bbsSearch input[type="submit"]{width:60px;} .jvt_sub_area .bbsSearch input[type='text']{width:calc(50% - 10px);} .jvt_sub_area .bbsSearch select{width:calc(50% - 4px);} .jvt_sub_area .bbsSearch .totalNum{display:none;} .jvt_sub_area .bbsSearch input.useDatepicker{display:none;width:calc(50% - 10px);} .jvt_sub_area .bbsSearch .dateMid{display:none;} .jvt_sub_area .bbsSearch input[type='text'].w260{width:calc(100% - 114px);} .jvt_sub_area .bbsSearch dl{width:100%;font-size:0;} .jvt_sub_area .bbsSearch dl dt{margin-right:0;padding-right:5px;width:30%;font-size:14px;box-sizing:border-box;} .jvt_sub_area .bbsSearch dl dd{width:70%;} .jvt_sub_area .bbsSearch dl dd input[type='text'], .jvt_sub_area .bbsSearch dl dd select{width:100% !important;} .jvt_sub_area .bbsSearch dl dd + dt{margin-left:0;} .jvt_sub_area .bbsSearch dl + input[type="submit"]{margin-left:30%;} .jvt_sub_area .bbsSearch.type3{padding:20px 10px;} .jvt_sub_area .totalNum{font-size:14px;} .jvt_sub_area .cardList ul{margin:0 -5px;} .jvt_sub_area .cardList ul li{margin-bottom:10px;padding:0 5px;width:50%;} .jvt_sub_area .cardList ul li a .title{margin-bottom:15px;height:72px;line-height:24px;font-size:17px;} .jvt_sub_area .cardList.thumb ul li .img {height: 150px;} .jvt_sub_area .cardList.thumb ul{margin:0 -5px;} .jvt_sub_area .cardList.thumb ul li{padding:0 5px;} .jvt_sub_area .cardList.thumb ul li a .title{margin:15px 15px 10px;font-size:15px;} .jvt_sub_area .cardList.thumb ul li a .date{margin:0 15px 15px;} .jvt_sub_area .videoList ul li{padding:7px 5px;width:50%;} .jvt_sub_area .videoList ul li .title{font-size:15px;} /* 검색 */ .radio_box label{padding:0;} .vt_s_sub_menu li{width:calc(100% / 4);} .vt_recommend{padding:3%;} .vt_recommend strong{display:block;text-align:left;margin:0 0 3% 0;} .vt_recommend strong:before{content:'';background:none;} .vt_recommend ul{width:100%;} .vt_recommend ul li{margin:5px;} .vt_recommend ul li a{font-size:12px; padding:7px 15px; border:solid 2px #009fa1;} } @media all and (max-width:540px){ .jvt_sub_area .cardList.thumb ul li a .title{margin:10px 15px 10px;font-size:15px;height:50px;} .jvt_sub_area .cardList.thumb ul li a .date{margin:0 15px 10px;} /* 검색 */ .jvt_sub_area .total_top h1{background-size: auto 35px;} .jvt_sub_area .vt_s_main_menu li a{font-size: 17px;} .vt_s_main_menu li a{font-size:17px;} .vt_s_sub_menu li{width:calc(100% / 3);} .vt_s_result span{font-size:16px;} } @media all and (max-width:425px){ .vt_s_sub_menu{padding: 3% 1%;} .vt_s_sub_menu li {width: 50%;padding:0 3px;box-sizing: border-box;} } @media all and (max-width:330px){ .jvt_sub_area .bbsSearch select{width: 100%;} .jvt_sub_area .bbsSearch input[type='text'].w260{width:100%} .jvt_sub_area .vt_s_main_menu li a{font-size: 15px;} .detail_search>div>div>div input{width:120px} } @media all and (max-width:280px){ .jvt_sub_area header nav.menu_area>div>strong{background-size: 130px;} .jvt_sub_area header h1{background-size: 130px;} .jvt_sub_area footer{padding:21px 4% 20px ;} .jvt_sub_area .inner{padding:0} .jvt_sub_area footer ul li{margin: 0 3px;} .jvt_sub_area .bbsSearch{margin-bottom:20px} .jvt_sub_area .cardList.thumb ul li .img {height: 130px;} .jvt_sub_area .cardList.thumb ul li a .title{margin:10px 10px 10px;font-size:13px;} .jvt_sub_area .cardList.thumb ul li a .date{margin:0 10px 10px;} .mobilePaging .mobileNum{margin: 0 5px;font-size: 15px;} }