@charset "UTF-8"; body { line-height: normal; word-spacing: normal; } #topmenu { width: 100%; } #section { width: 100%; } #menu_topmenu .cd1c8, #menu_topmenu .cd1c9, #menu_topmenu .cd1c10, #menu_topmenu .cd1c11, #menu_topmenu .cd1c12, #menu_topmenu .cd1c13, #menu_topmenu .cd1c14, #menu_topmenu .cd1c15, #menu_topmenu .cd1c16, #menu_topmenu .cd1c17, #menu_topmenu .cd1c18, #menu_topmenu .cd1c19 { display: none; } @media all and (max-width:1200px) { .kntool_popup_layerpopup { z-index: 998 !important; left: 5% !important; top: 60px !important; width: 90% !important; } #menu_topmenu .cd1c8, #menu_topmenu .cd1c9, #menu_topmenu .cd1c10, #menu_topmenu .cd1c11, #menu_topmenu .cd1c12, #menu_topmenu .cd1c13, #menu_topmenu .cd1c14, #menu_topmenu .cd1c15, #menu_topmenu .cd1c16, #menu_topmenu .cd1c17, #menu_topmenu .cd1c18, #menu_topmenu .cd1c19 { display: block; } .mobile_hide { display: none !important; } #contents div.table_box { width: auto; overflow: visible; } #contents div.table_box:before { display: none; } #contents div.table_box.has_scroll { width: 100%; overflow: hidden; overflow-x: auto; } #contents div.table_box.has_scroll:before { display: block; } #contents div.table_box table { table-layout: auto; min-width: 0; margin: 5px 0; } #contents div.table_box table th, #contents div.table_box table td { white-space: nowrap; } #contents table tbody td.txtleft { padding-left: 5px; padding-right: 5px; } #contents table tbody td.txtcenter { padding-left: 5px; padding-right: 5px; } #contents table tbody td.txtright { padding-left: 5px; padding-right: 5px; } footer .foot_in { text-align: left; background-position: 20px 15px; } footer .foot_in span { margin-left: 0; margin-right: 10px; } } body #contents .tab_content_show { display: block; } body #contents .tab_content_hide { display: none; } body #contents .pc_content, body #contents .pc_contents { display: block; } body #contents table.pc_content, body #contents table.pc_contents { display: table; } body #contents .mobile_content, body #contents .mobile_contents, body #contents table.mobile_content, body #contents table.mobile_contents { display: none; } @media all and (max-width:680px) { body #contents .pc_content, body #contents .pc_contents, body #contents table.pc_content, body #contents table.pc_contents { display: none; } body #contents .mobile_content, body #contents .mobile_contents { display: block; } body #contents table.mobile_content, body #contents table.mobile_contents { display: table; } } /* 1:1 원격지원 서비스 숨기기 */ #SUB-GNB .drop_menu .ld1 .cd1c14 { display: none; } #SUB-GNB .drop_menu .ld1 .cd1c14.fix_menu { display: block; } .allmenu_box > ul > li.cd1c14 { display: none; } /* 서브 메뉴 처리 */ @media all and (max-width:1200px) { #SUB-GNB .drop_menu ul li.fix_menu.last_depth { float: none !important; } #SUB-GNB .drop_menu ul li.fix_menu > a { float: none !important; } #SUB-GNB .drop_menu ul.show_menu > li { float: none !important; } #SUB-GNB .drop_menu ul.show_menu > li > a { float: none !important; } } .popup h3, .popup #slidesjs-log { display: none; } .popup a.slidesjs-previous { left: 11px; top: 10px; } .popup a.slidesjs-next { left: 45px; top: 10px; } .popup a.slidesjs-play, .popup a.slidesjs-stop { left: 41px; top: 20px; } /* 서버 LNB 처리 */ @media all and (max-width:1200px) { #SUB-GNB .drop_menu { float: left; width: 100%; padding: 0; margin: 0; } #SUB-GNB .drop_menu ul li.fix_menu { display: block; } #SUB-GNB .drop_menu a { min-width: 0; } #SUB-GNB .drop_menu .ld1 .cd1 { float: none; clear: none; } #SUB-GNB .drop_menu .ld2 { float: none; } #SUB-GNB .drop_menu.child_count_2 > * { position: relative; width: 50% !important; box-sizing: border-box !important; } #SUB-GNB .drop_menu.child_count_3 > * { position: relative; width: 33.3% !important; box-sizing: border-box !important; } #SUB-GNB .drop_menu ul li.fix_menu > a { border-right: 1px solid #e1e1e1 !important; } #SUB-GNB .drop_menu > *:last-child ul li.fix_menu > a { border-right: none !important; } } @media all and (max-width:750px) { #SUB-GNB .drop_menu.child_count_3 > * { width: 50% !important; } #SUB-GNB .drop_menu.child_count_3 > *:first-child { display: none; } } @media all and (max-width:500px) { #SUB-GNB #submenu { margin-bottom: 0 none; border-bottom: 0 none; } #SUB-GNB .drop_menu { height: 90px; margin-bottom: 20px; } #SUB-GNB .drop_menu.child_count_2 > *, #SUB-GNB .drop_menu.child_count_3 > * { width: 100% !important; height: 46px; } #SUB-GNB .drop_menu ul { position: relative; z-index: 3; } #SUB-GNB .drop_menu ul li.fix_menu > a { border-right: 0 none !important; } #SUB-GNB .drop_menu > *:last-child { padding: 0 30px; border-bottom: 1px solid #e1e1e1; background-color: #f4f4f4; } #SUB-GNB .drop_menu > *:last-child:before { position: absolute; left: 0; top: 0; width: 30px; height: 45px; line-height: 45px; text-align: center; content: "<"; } #SUB-GNB .drop_menu > *:last-child:after { position: absolute; right: 0; top: 0; width: 30px; height: 45px; line-height: 45px; text-align: center; content: ">"; } #SUB-GNB .drop_menu ul.last_depth { position: static; float: none; display: block; width: 100%; white-space: nowrap; overflow: auto; } #SUB-GNB .drop_menu ul.last_depth.show_menu { padding-top: 0 !important; } #SUB-GNB .drop_menu ul.last_depth li.fix_menu { display: none !important; } #SUB-GNB .drop_menu ul.last_depth li { display: inline-block; float: none; clear: none; height: auto; overflow: visible; } #SUB-GNB .drop_menu .ld2 .cd2 .l2, #SUB-GNB .drop_menu ul.last_depth li a { position: relative; padding: 0 35px; border-width: 0 0 1px 0; border-style: solid; border-color: transparent; color: #4e4e4e !important; } #SUB-GNB .drop_menu .ld2 .cd2 .l2.open, #SUB-GNB .drop_menu ul.last_depth li a.open { border-color: #2758a5; color: #333 !important; } #SUB-GNB .drop_menu ul.last_depth li a, #SUB-GNB .drop_menu ul.last_depth li a:focus, #SUB-GNB .drop_menu ul.last_depth li a:hover, #SUB-GNB .drop_menu ul.last_depth li a:active { background-color: transparent !important; } #SUB-GNB .drop_menu ul.last_depth li a:after { position: absolute; right: 0; top: 50%; width: 1px; height: 30px; margin-top: -15px; background: #e0e0e0; content: ""; } #SUB-GNB .drop_menu ul.last_depth li:last-child a:after { content: none; } #SUB-GNB .drop_menu .ld2.show_menu .cd2 .l2 { color: #fff !important; border-color: transparent !important; } #SUB-GNB .drop_menu .ld2 .cd2.fix_menu .l2 { color: #222 !important; border-color: #e1e1e1 !important; } } /* 메인 비쥬얼 */ .box_area01 > ul > li.box01 { background: none; } /* .box_area01 > ul > li.box01 .rollling1 { background: url(../images/main/visual01.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling2 { background: url(../images/main/visual03.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling3 { background: url(../images/main/visual04.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling4 { background: url(../images/main/visual05.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling5 { background: url(../images/main/visual06.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling6 { background: url(../images/main/visual07.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling11 { background: url(../images/main/visual11.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling12 { background: url(../images/main/visual12.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling13 { background: url(../images/main/visual13.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling14 { background: url(../images/main/visual14.jpg) no-repeat center; background-size: cover; } */ .box_area01 > ul > li.box01 .rollling1 { background: url(../images/main/main_visual01.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling2 { background: url(../images/main/main_visual02.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling3 { background: url(../images/main/main_visual03.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling4 { background: url(../images/main/main_visual04.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling5 { background: url(../images/main/main_visual05.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling6 { background: url(../images/main/main_visual06.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling7 { background: url(../images/main/main_visual07.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling8 { background: url(../images/main/main_visual08.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling9 { background: url(../images/main/main_visual09.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling10 { background: url(../images/main/main_visual10.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling11 { background: url(../images/main/main_visual11.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling12 { background: url(../images/main/main_visual12.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling13 { background: url(../images/main/main_visual13.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling14 { background: url(../images/main/main_visual14.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling15 { background: url(../images/main/main_visual15.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling16 { background: url(../images/main/main_visual16.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling17 { background: url(../images/main/main_visual17.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling18 { background: url(../images/main/main_visual18.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling19 { background: url(../images/main/main_visual19.jpg) no-repeat center; background-size: cover; } .box_area01 > ul > li.box01 .rollling20 { background: url(../images/main/main_visual20.jpg) no-repeat center; background-size: cover; } footer .footer_logo { position: relative; width: 1640px; margin: 0 auto; } footer .footer_logo p { position: absolute; left: 0; top: 0; z-index: 2; width: 195px; height: 125px; margin: 0; background: url(../images/main/foot_logo.png) no-repeat 0 center; text-indent: -999px; overflow: hidden; } footer .foot_in { background: none; } @media (max-width: 1640px) and (min-width: 901px) { footer .footer_logo { width: 100%; } footer .footer_logo p { width: 205px; height: 125px; background: url(../images/main/foot_logo.png) no-repeat 20px center; } footer .foot_in { background : none;} } @media (max-width: 1200px) { footer .footer_logo { width: 100%; } footer .footer_logo p { position: static; width: 100%; height: 60px; background: url(../images/main/foot_logo.png) no-repeat 20px 15px; } footer .foot_in { padding-top: 0; background: none; } } .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;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}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} .root_daum_roughmap .section_busstop .icon_bus { background: none !important; } .root_daum_roughmap .section_busline .icon_bus { line-height: 16px !important; background: none !important; font-size: 12px !important; text-indent: 0 !important; text-align: center !important; background-color: #666 !important; color: #fff !important; } .root_daum_roughmap .section_busline .ico_bus3 .icon_bus { background-color: #009996 !important; color: #fff !important; } .root_daum_roughmap .section_busline .ico_bus7 .icon_bus { background-color: #53a135 !important; color: #fff !important; } .root_daum_roughmap .section_busline .ico_bus9 .icon_bus { background-color: #da614b !important; color: #fff !important; } .root_daum_roughmap .section_busline .ico_bus10 .icon_bus { background-color: #957766 !important; color: #fff !important; } #footer .wa { position: absolute; right: 60px; top: 25px; } @media (max-width: 700px) { #footer .wa { top: 5px; right: 10px; } #footer .wa img { height: 55px; } } @media (max-width: 1200px) { .modules_board .proc_list .list.ptt:first-child { padding-top: 0 !important; } }