/* @charset "utf-8"; */ @import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); @font-face { font-family: 'GyeonggiMillenniumTitle'; src: url('/commons/main/font/Title_Light.woff') format('woff'); font-weight: 300; font-display: swap; } @font-face { font-family: 'GyeonggiMillenniumTitle'; src: url('/commons/main/font/Title_Medium.woff') format('woff'); font-weight: 500; font-display: swap; } @font-face { font-family: 'GyeonggiMillenniumTitle'; src: url('/commons/main/font/Title_Bold.woff') format('woff'); font-weight: 700; font-display: swap; } @font-face { font-family: 'GyeonggiMillenniumTitle'; src: url('/commons/main/font/TitleV.woff') format('woff'); font-weight: 800; font-display: swap; } html {font-size: 62.5%;} html.websize-1{font-size: 62.5%;} html.websize-2{font-size: 68.5%;} html.websize-3{font-size: 72.5%;} html.websize-4{font-size: 78.5%;} html.websize-5{font-size: 82.5%;} /**/ .size-realtime {display:none;font-size:12px;padding-left:0 !important;} html.websize-1 .size-realtime.s1 {display:inline-block;} html.websize-2 .size-realtime.s2 {display:inline-block;} html.websize-3 .size-realtime.s3 {display:inline-block;} html.websize-4 .size-realtime.s4 {display:inline-block;} html.websize-5 .size-realtime.s5 {display:inline-block;} html body {font-family:'Nanum Gothic',' ', sans-serif;color:#666; font-size:13px;font-size:1.3rem;} .float-wrap:after {content:' ';clear:both;visibility:hidden;display:block;} *+ html .float-wrap{display:inline-block;} img {max-width:100%;} /* header --------------------*/ header {height:110px;position:relative;z-index:9998;width:100%;} [class*='header__wrap'] {width:1024px;margin:0 auto; height:110px;position:relative; } [class*='header__wrap'] h1 {} *+ html [class*='header__wrap'] h1 {} [class*='header__wrap'] h1 a {position:relative; height:42px;width:320px; /*238px;*/display:block;font-size:0;} *+ html [class*='header__wrap'] h1 a {} [class*='header__wrap'] h1 a img{} .header__wrap__h1 {width:1024px;margin:0 auto;position:relative;} .header__wrap__h1 h1 {position:absolute;top:45px;left:0;} /* gnb ================*/ .gnb {width:570px;padding-top:0;background-color:#fff;position:absolute;top:50px;right:50px;} .gnb .gnb-ul{display: inline-block; width: auto;} *+ html .gnb-ul {display:inline;} .gnb .gnb-menu {float:left;position:relative;z-index:9999;} .gnb .gnb-menu > a {display:block;text-align:center;font-size:20px;color:#000; font-weight: 500; font-family:'GyeonggiMillenniumTitle'; height:60px; line-height:60px; text-decoration:none; z-index:999; } .gnb li:first-child.gnb-menu a{background-image:none;} .gnb .gnb-menu > a:hover, .gnb .gnb-menu > a:focus {color:#1266b2} /* new menu =================*/ .gnb .sub-nav {display:block;text-align:center;height:0;overflow:hidden;visibility:hidden;width:130%;margin-left:-15%;position:absolute;top:60px;left:0;background-color:#fff;} .gnb .gnb-ul.selected .over .sub-nav, .gnb .gnb-ul.selected .focus .sub-nav {height:auto;visibility:visible;padding-top:10px;padding-bottom:10px;border-top:2px solid #0059ab; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;} .gnb .gnb-menu.over .sub-nav {background-color:#fff;} .gnb .sub-nav__box__ul {padding:0 20px;} .gnb .sub-nav__box__list a{display:block;width:100%;padding:10px 0;border-top:1px solid #ddd;text-align:left;padding-left:4px;font-size: 14px;} .gnb .sub-nav__box__list a:hover, .gnb .sub-nav__box__list a:focus {background-color:#fff;color:#1266b2;font-weight:bold} .gnb .sub-nav__box__list:first-child a {border-top:0px;} /* */ /* ¿ */ .gnb .gnb-ul {display:block;width:100%;;margin:0 auto;} .gnb-ul.two_type .gnb-menu {width:50%;} .gnb-ul.three_type .gnb-menu {width:33.33%;} *+ html .gnb-ul.three_type .gnb-menu {width:33%;} .gnb-ul.four_type .gnb-menu {width:25%;} *+ html .gnb-ul.four_type .gnb-menu {width:24%;} .gnb-ul.five_type .gnb-menu {width:20%;} .gnb-ul.six_type .gnb-menu {width:16.66%;} *+ html .gnb-ul.six_type .gnb-menu {width:16%;} .gnb-ul.seven_type .gnb-menu {width:14%;} .gnb-ul.eight_type .gnb-menu {width:12.5%;} .gnb-ul.nine_type .gnb-menu {width:11.09%;} *+ html .gnb-ul.nine_type .gnb-menu {width:11%;} .gnb-ul.ten_type .gnb-menu {width:10%;} .gnb-ul.eleven_type .gnb-menu {width:9.09%;} *+ html .gnb-ul.eleven_type .gnb-menu {width:9%;} .gnb-ul.twelve_type .gnb-menu {width:8.3%;} *+ html .gnb-ul.twelve_type .gnb-menu {width:8%;} .gnb-ul.thirty_type .gnb-menu {width:7.5%;} *+ html .gnb-ul.thirty_type .gnb-menu {width:7%;} /**/ .gnb-menu > a {display:block;width:100%;text-align:center;} /* */ /* ü ޴ =================*/ .btn_all{ position: absolute; right: 0; bottom: 12px; z-index:500; } .btn_all:hover, .btn_all:focus{opacity:0.8} .all_menu_wrap { width:1022px; z-index:9999; position:absolute; top: 98px; right:0px; height:0; overflow:hidden; visibility: hidden; opacity:0; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -ms-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } .all_menu_wrap.selected {display:block; height: auto; opacity: 1; visibility: visible; } .all_menu_in {position:relative; padding: 0 30px 20px; background-color:#fff; border:1px solid #d6d6d6; border-top: 3px solid #f8931f; } .all_menu_in .all_menu_close{ color: #333; display: block; position: absolute; width: 24px; height: 24px; right: 30px; top: 25px; } .all_menu_in h2 {font-size:17px;color:#000; padding: 24px 0 8px; border-bottom:1px solid #000;margin-bottom:20px;} .all_menu_in .gnb-menu {float:left;} .all_menu_in .gnb-menu > div { padding: 0 8px; } .all_menu_in .gnb-menu > div > a { display: block; text-align:left; font-size:14px; color:#fff; font-weight:bold; margin-bottom:15px; background-color: #007eca; background-image: url("/commons/main/images/global/allmenu-tit.png"); background-repeat: no-repeat; background-position: right top; width: auto; padding: 9px 0px 9px 10px;} .all_menu_in .gnb-menu .sub-nav { margin-left: 10px; } .all_menu_in .sub-nav__box__list a {display:block; font-size: 14px;} .all_menu_in .sub-nav__box__list > a {display:block; color: #333333; } .all_menu_in .sub-nav__box__list a:hover, .all_menu_in .sub-nav__box__list a:focus {opacity:0.8;text-decoration:underline;} .all_menu_in .gnb-ul {display:table;width:100%} .all_menu_in .gnb-menu {float:none;display:table-cell;height:100%;border-left:1px dotted #e1e1e1;} .all_menu_in .gnb-menu:first-child {border-left:0px;} *+ html .all_menu_in .gnb-ul {display:block;} *+ html .all_menu_in .gnb-menu {float:left;display:block;padding-left:0;border-left:0;} .sub-nav__box__ul li ul {/* margin-left: 10px; */} .sub-nav__box__ul li div ul li{margin-bottom: 5px;} .all_menu_in .sub-nav__box__ul > li { margin-bottom: 15px;} .all_menu_in .sub-nav__box__ul > li div { padding-top: 10px;padding-left:10px;} .all_menu_in .sub-nav__box__ul > li div > p { margin-bottom: 10px;} .all_menu_in .sub-nav__box__ul > li div > p a { color: #666666; } /* skip to Content */ .skiptoContent {position:absolute;height:0;top:-40px;left:50%;margin-left:-490px;z-index:9999;font-size:11px;font-size:1.1rem;} .skiptoContent div {position:relative;height:25px;padding-top:5px;width:1000px;margin:0 auto;text-align:center;} .skiptoContent div {width:23%;background-color:#fff;border:1px solid #ccc;border-top:0;} .skiptoContent {left:0;margin-left:0;width:100%;} .skiptoContent strong {position:absolute;top:0;margin:0;padding:0;height:0;width:0;left:-9999px;visibility:hidden;} .skiptoContent span.skip_item01 a {width:173px;height:20px;text-indent:-9999px;overflow:hidden; background-image:url("/commons/main/images/global/go_to_sbj.gif");background-repeat:no-repeat;background-position:0 0;display:inline-block; vertical-align:middle; } *+ html .skiptoContent span.skip_item01 a {display:inline;} .skiptoContent span.skip_item01 a:focus {background-image:url("/commons/main/images/global/go_to_sbj_on.gif");} .skiptoContent span.skip_item02 a {display:inline-block;padding:10px;vertical-align:middle;} *+ html .skiptoContent span.skip_item02 a {display:inline;} .skiptoContent span.skip_item02 a:focus {font-weight:bold;} .skiptoContent span {vertical-align:middle;} #mainpage .skiptoContent span.sub-on {display:none} #wrap {min-height:500px;position:relative;z-index:1;} * html #wrap {height:500px;} /* top-nav */ .top-nav{position:absolute;top:0;left:0;width:100%;} .top-nav__box{position:relative;display:flex; justify-content:flex-end; margin:0 auto; padding-top:10px; width:1024px;height:30px; z-index:99;} .top-nav__box h2{position:relative; padding-right:70px; font-weight:300; font-size:14px; color:#222; font-family:'GyeonggiMillenniumTitle'; line-height:30px;} .top-nav__box h2::after{content:''; position:absolute; top:15px; left:70px; display:block; height:1px; width:36px; background:#cdcdcd;} .top-nav__fav1 {height:36px;line-height:36px;position:absolute;top:0;left:0;font-size:0;} .home-top-btn {background-color:#fff;border:1px solid #e5e5e5;border-top:0;border-bottom:1px solid #fff;display:inline-block; vertical-align:top;height:20px;width:20px;padding:8px; } *+ html .home-top-btn {display:inline;} .open-top-btn {border:1px solid #e5e5e5;border-top:0;border-left:0;display:inline-block; vertical-align:top;height:20px;width:20px;padding:8px; } *+ html .open-top-btn {display:inline;} .open-top-btn:hover, .open-top-btn:focus {background-color:#fff;border:1px solid #e5e5e5;border-top:0;border-bottom:1px solid #fff; display:inline-block;border-left:0; vertical-align:top;height:20px;width:20px;padding:8px;} *+ html .open-top-btn:hover {display:inline;} *+ html .open-top-btn:focus {display:inline;} .top-nav__fav2 {position:absolute;top:6px;right:250px;height:36px;line-height:36px;} .top-nav__fav2 > a {display:inline-block; height:23px;line-height:23px;color:#666;font-size:13px;padding:0 9px; background-image:url("/commons/main/images/global/top-bul.jpg"); background-position:left center; background-repeat:no-repeat; } .top-nav__fav2 > a:first-child{background-image:none;padding-left:20px;} *+ html .top-nav__fav2 > a {display:inline;} .top-nav__fav2 span {vertical-align:middle;padding-left:10px;color:#666;} .top-nav__fav2 img {vertical-align:middle;} .top-nav__fav3 {} .top-nav__fav3.site-top > a{display: inline-block; vertical-align: middle;} .top-nav__fav3.site-top .top-search-design{vertical-align: middle;} .top-sns-icon {display: inline-block;padding: 0 5px;vertical-align: middle;} .top-search-design {display:inline-block;border:1px solid #ddd;border-radius:18px;padding:0 15px;height:33px;line-height:33px;} *+ html .top-search-design {display:inline;} .in_search-design {border:0px;height:18px;} .top-search-design a {vertical-align:middle;display:inline-block;height:28px;} *+ html .top-search-design a {display:inline;} .top-search-design a img {vertical-align:top;} /* sns ũ */ .top-sns-facebook {display:inline-block;border:1px solid #ddd;border-radius:18px;height:33px;line-height:33px;width:33px;text-align:center;} .top-sns-facebook img {vertical-align:middle;} /* ============ =============== */ /*layout*/ .main-contents {padding-top:0;} .main-contents__lay {float:none;} /*mainslide*/ #main_slide .cycle-slideshow img{} #main_slide{overflow:hidden;width:100%} #main_slide .controller {position:relative; max-width:1024px; width:100%; margin:0 auto; z-index:200;height:42px;margin-top:-42px;} .controller_in {background-image:url("/commons/main/images/global/control_bg.png");background-repeat:repeat; border-radius:12px;padding:5px 0; background-image:none; width:100%;text-align:center; } #main_slide .controller_in a {background:url("/commons/main/images/global/msl_off.png") no-repeat center center; display:block; float:left; font-size:0; height:20px; line-height:0; margin:0 3px; width:20px; display:inline-block;float:none; vertical-align:top; } #main_slide .controller_in .cycle-pager-active {background:url("/commons/main/images/global/msl_ov.png") no-repeat center center;} #main_slide .cycle-slideshow p {background-position: center top; background-repeat:no-repeat; text-align:center; width:100%;} #main_slide .cycle-slideshow p.item01 {background-image:url("/commons/main/images/global/slide01_bg.jpg");} #main_slide .cycle-slideshow p.item02 {background-image:url("/commons/main/images/global/slide02_bg.jpg");} #main_slide .cycle-slideshow p.item03 {background-image:url("/commons/main/images/global/slide03_bg.jpg");} #main_slide .cycle-slideshow p.item04 {background-image:url("/commons/main/images/global/slide04_bg.jpg");} #main_slide .cycle-slideshow p.item05 {background-image:url("/commons/main/images/global/slide05_bg.jpg");} #main_slide .cycle-slideshow p.item06 {background-image:url("/commons/main/images/global/slide06_bg.jpg");} #main_slide .cycle-slideshow p.item07 {background-image:url("/commons/main/images/global/slide07_bg.jpg");} #main_slide .cycle-slideshow p.item08 {background-image:url("/commons/main/images/global/slide08_bg.jpg");} #main_slide .cycle-slideshow p.item09 {background-image:url("/commons/main/images/global/slide09_bg.jpg");} #main_slide .cycle-slideshow p.item10 {background-image:url("/commons/main/images/global/slide10_bg.jpg");} #main_slide .cycle-slideshow p.item11 {background-image:url("/commons/main/images/global/slide11_bg.jpg");} #main_slide .cycle-slideshow p.item12 {background-image:url("/commons/main/images/global/slide12_bg.jpg");} #main_slide .cycle-slideshow p.item13 {background-image:url("/commons/main/images/global/slide13_bg.jpg");} #main_slide .cycle-slideshow p.item14 {background-image:url("/commons/main/images/global/slide14_bg.jpg");} #main_slide .cycle-slideshow p.item15 {background-image:url("/commons/main/images/global/slide15_bg.jpg");} #main_slide .cycle-slideshow p.item16 {background-image:url("/commons/main/images/global/slide16_bg.jpg");} #main_slide .cycle-slideshow p.item17 {background-image:url("/commons/main/images/global/slide17_bg.jpg");} #main_slide .cycle-slideshow p.item18 {background-image:url("/commons/main/images/global/slide18_bg.jpg");} #main_slide .cycle-slideshow p.item19 {background-image:url("/commons/main/images/global/slide19_bg.jpg");} #main_slide .cycle-slideshow p.item20 {background-image:url("/commons/main/images/global/slide20_bg.jpg");} #main_slide .cycle-slideshow p.item21 {background-image:url("/commons/main/images/global/slide21_bg.jpg");} #main_slide .cycle-slideshow p.item22 {background-image:url("/commons/main/images/global/slide22_bg.jpg");} #main_slide .cycle-slideshow p.item23 {background-image:url("/commons/main/images/global/slide23_bg.jpg");} #main_slide .cycle-slideshow p.item24 {background-image:url("/commons/main/images/global/slide24_bg.jpg");} #main_slide .cycle-slideshow p.item25 {background-image:url("/commons/main/images/global/slide25_bg.jpg");} #main_slide .cycle-slideshow p.item26 {background-image:url("/commons/main/images/global/slide26_bg.jpg");} #main_slide .cycle-slideshow p.item27 {background-image:url("/commons/main/images/global/slide27_bg.jpg");} #main_slide .cycle-slideshow p.item28 {background-image:url("/commons/main/images/global/slide28_bg.jpg");} #main_slide .cycle-slideshow p.item29 {background-image:url("/commons/main/images/global/slide29_bg.jpg");} #main_slide .cycle-slideshow p.item30 {background-image:url("/commons/main/images/global/slide30_bg.jpg");} #main_slide .cycle-slideshow p.item31 {background-image:url("/commons/main/images/global/slide31_bg.jpg");} #main_slide .cycle-slideshow p.item32 {background-image:url("/commons/main/images/global/slide32_bg.jpg");} #main_slide .cycle-slideshow p.item33 {background-image:url("/commons/main/images/global/slide33_bg.jpg");} #main_slide .cycle-slideshow p.item34 {background-image:url("/commons/main/images/global/slide34_bg.jpg");} #main_slide .cycle-slideshow p.item35 {background-image:url("/commons/main/images/global/slide35_bg.jpg");} #main_slide .cycle-slideshow p.item36 {background-image:url("/commons/main/images/global/slide36_bg.jpg");} #main_slide .cycle-slideshow p.item37 {background-image:url("/commons/main/images/global/slide37_bg.jpg");} #main_slide .cycle-slideshow p.item38 {background-image:url("/commons/main/images/global/slide38_bg.jpg");} #main_slide .cycle-slideshow p.item39 {background-image:url("/commons/main/images/global/slide39_bg.jpg");} #main_slide .cycle-slideshow p.item40 {background-image:url("/commons/main/images/global/slide40_bg.jpg");} #main_slide .cycle-slideshow p.item41 {background-image:url("/commons/main/images/global/slide41_bg.jpg");} #main_slide .cycle-slideshow p.item42 {background-image:url("/commons/main/images/global/slide42_bg.jpg");} #main_slide .cycle-slideshow p.item43 {background-image:url("/commons/main/images/global/slide43_bg.jpg");} #main_slide .cycle-slideshow p.item44 {background-image:url("/commons/main/images/global/slide44_bg.jpg");} #main_slide .cycle-slideshow p.item45 {background-image:url("/commons/main/images/global/slide45_bg.jpg");} #main_slide .cycle-slideshow p.item46 {background-image:url("/commons/main/images/global/slide46_bg.jpg");} #main_slide .cycle-slideshow p.item47 {background-image:url("/commons/main/images/global/slide47_bg.jpg");} #main_slide .cycle-slideshow p.item48 {background-image:url("/commons/main/images/global/slide48_bg.jpg");} #main_slide .cycle-slideshow p.item49 {background-image:url("/commons/main/images/global/slide49_bg.jpg");} #main_slide .cycle-slideshow p.item50 {background-image:url("/commons/main/images/global/slide50_bg.jpg");} #main_slide .cycle-slideshow p.item51 {background-image:url("/commons/main/images/global/slide51_bg.jpg");} #main_slide .cycle-slideshow p.item52 {background-image:url("/commons/main/images/global/slide52_bg.jpg");} #main_slide .cycle-slideshow p.item53 {background-image:url("/commons/main/images/global/slide53_bg.jpg");} #main_slide .cycle-slideshow p.item54 {background-image:url("/commons/main/images/global/slide54_bg.jpg");} #main_slide .cycle-slideshow p.item55 {background-image:url("/commons/main/images/global/slide55_bg.jpg");} #main_slide .cycle-slideshow p.item56 {background-image:url("/commons/main/images/global/slide56_bg.jpg");} #main_slide .cycle-slideshow p.item57 {background-image:url("/commons/main/images/global/slide57_bg.jpg");} #main_slide .cycle-slideshow p.item58 {background-image:url("/commons/main/images/global/slide58_bg.jpg");} #main_slide .cycle-slideshow p.item59 {background-image:url("/commons/main/images/global/slide59_bg.jpg");} #main_slide .cycle-slideshow p.item60 {background-image:url("/commons/main/images/global/slide60_bg.jpg");} #main_slide .cycle-slideshow p.item61 {background-image:url("/commons/main/images/global/slide61_bg.jpg");} #main_slide .cycle-slideshow p.item62 {background-image:url("/commons/main/images/global/slide62_bg.jpg");} #main_slide .cycle-slideshow p.item63 {background-image:url("/commons/main/images/global/slide63_bg.jpg");} #main_slide .cycle-slideshow p.item64 {background-image:url("/commons/main/images/global/slide64_bg.jpg");} #main_slide .cycle-slideshow p.item65 {background-image:url("/commons/main/images/global/slide65_bg.jpg");} #main_slide .cycle-slideshow p.item66 {background-image:url("/commons/main/images/global/slide66_bg.jpg");} #main_slide .cycle-slideshow p.item67 {background-image:url("/commons/main/images/global/slide67_bg.jpg");} #main_slide .cycle-slideshow p.item68 {background-image:url("/commons/main/images/global/slide68_bg.jpg");} #main_slide .cycle-slideshow p.item69 {background-image:url("/commons/main/images/global/slide69_bg.jpg");} #main_slide .cycle-slideshow p.item70 {background-image:url("/commons/main/images/global/slide70_bg.jpg");} #main_slide .cycle-slideshow p.item71 {background-image:url("/commons/main/images/global/slide71_bg.jpg");} #main_slide .cycle-slideshow p.item72 {background-image:url("/commons/main/images/global/slide72_bg.jpg");} #main_slide .cycle-slideshow p.item73 {background-image:url("/commons/main/images/global/slide73_bg.jpg");} #main_slide .cycle-slideshow p.item74 {background-image:url("/commons/main/images/global/slide74_bg.jpg");} #main_slide .cycle-slideshow p.item75 {background-image:url("/commons/main/images/global/slide75_bg.jpg");} #main_slide .cycle-slideshow p.item76 {background-image:url("/commons/main/images/global/slide76_bg.jpg");} #main_slide .cycle-slideshow p.item77 {background-image:url("/commons/main/images/global/slide77_bg.jpg");} #main_slide .cycle-slideshow p.item78 {background-image:url("/commons/main/images/global/slide78_bg.jpg");} #main_slide .cycle-slideshow p.item79 {background-image:url("/commons/main/images/global/slide79_bg.jpg");} #main_slide .cycle-slideshow p.item80 {background-image:url("/commons/main/images/global/slide80_bg.jpg");} #main_slide .cycle-slideshow p.item81 {background-image:url("/commons/main/images/global/slide81_bg.jpg");} #main_slide .cycle-slideshow p.item82 {background-image:url("/commons/main/images/global/slide82_bg.jpg");} #main_slide .cycle-slideshow p.item83 {background-image:url("/commons/main/images/global/slide83_bg.jpg");} #main_slide .cycle-slideshow p.item84 {background-image:url("/commons/main/images/global/slide84_bg.jpg");} #main_slide .cycle-slideshow p.item85 {background-image:url("/commons/main/images/global/slide85_bg.jpg");} #main_slide .cycle-slideshow p.item86 {background-image:url("/commons/main/images/global/slide86_bg.jpg");} #main_slide .cycle-slideshow p.item87 {background-image:url("/commons/main/images/global/slide87_bg.jpg");} #main_slide .cycle-slideshow p.item88 {background-image:url("/commons/main/images/global/slide88_bg.jpg");} #main_slide .cycle-slideshow p.item89 {background-image:url("/commons/main/images/global/slide89_bg.jpg");} #main_slide .cycle-slideshow p.item90 {background-image:url("/commons/main/images/global/slide90_bg.jpg");} #main_slide .cycle-slideshow p.item91 {background-image:url("/commons/main/images/global/slide91_bg.jpg");} #main_slide .cycle-slideshow p.item92 {background-image:url("/commons/main/images/global/slide92_bg.jpg");} #main_slide .cycle-slideshow p.item93 {background-image:url("/commons/main/images/global/slide93_bg.jpg");} #main_slide .cycle-slideshow p.item94 {background-image:url("/commons/main/images/global/slide94_bg.jpg");} #main_slide .cycle-slideshow p.item95 {background-image:url("/commons/main/images/global/slide95_bg.jpg");} #main_slide .cycle-slideshow p.item96 {background-image:url("/commons/main/images/global/slide96_bg.jpg");} #main_slide .cycle-slideshow p.item97 {background-image:url("/commons/main/images/global/slide97_bg.jpg");} #main_slide .cycle-slideshow p.item98 {background-image:url("/commons/main/images/global/slide98_bg.jpg");} #main_slide .cycle-slideshow p.item99 {background-image:url("/commons/main/images/global/slide99_bg.jpg");} #main_slide .cycle-slideshow p.item100 {background-image:url("/commons/main/images/global/slide100_bg.jpg");} #main_slide .cycle-slideshow p.item101 {background-image:url("/commons/main/images/global/slide101_bg.jpg");} #main_slide .cycle-slideshow p.item102 {background-image:url("/commons/main/images/global/slide102_bg.jpg");} #main_slide .cycle-slideshow p.item103 {background-image:url("/commons/main/images/global/slide103_bg.jpg");} #main_slide .cycle-slideshow p.item104 {background-image:url("/commons/main/images/global/slide104_bg.jpg");} #main_slide .cycle-slideshow p.item105 {background-image:url("/commons/main/images/global/slide105_bg.jpg");} #main_slide .cycle-slideshow p.item106 {background-image:url("/commons/main/images/global/slide106_bg.jpg");} #main_slide .cycle-slideshow p.item107 {background-image:url("/commons/main/images/global/slide107_bg.jpg");} #main_slide .cycle-slideshow p.item108 {background-image:url("/commons/main/images/global/slide108_bg.jpg");} #main_slide .cycle-slideshow p.item109 {background-image:url("/commons/main/images/global/slide109_bg.jpg");} #main_slide .cycle-slideshow p.item110 {background-image:url("/commons/main/images/global/slide110_bg.jpg");} #main_slide .cycle-slideshow p.item111 {background-image:url("/commons/main/images/global/slide111_bg.jpg");} #main_slide .cycle-slideshow p.item112 {background-image:url("/commons/main/images/global/slide112_bg.jpg");} #main_slide .cycle-slideshow p.item113 {background-image:url("/commons/main/images/global/slide113_bg.jpg");} #main_slide .cycle-slideshow p.item114 {background-image:url("/commons/main/images/global/slide114_bg.jpg");} #main_slide .cycle-slideshow p.item115 {background-image:url("/commons/main/images/global/slide115_bg.jpg");} #main_slide .cycle-slideshow p.item116 {background-image:url("/commons/main/images/global/slide116_bg.jpg");} #main_slide .cycle-slideshow p.item117 {background-image:url("/commons/main/images/global/slide117_bg.jpg");} #main_slide .cycle-slideshow p.item118 {background-image:url("/commons/main/images/global/slide118_bg.jpg");} #main_slide .cycle-slideshow p.item119 {background-image:url("/commons/main/images/global/slide119_bg.jpg");} #main_slide .cycle-slideshow p.item120 {background-image:url("/commons/main/images/global/slide120_bg.jpg");} #main_slide .cycle-slideshow p.item121 {background-image:url("/commons/main/images/global/slide121_bg.jpg");} #main_slide .cycle-slideshow p.item122 {background-image:url("/commons/main/images/global/slide122_bg.jpg");} #main_slide .cycle-slideshow p.item123 {background-image:url("/commons/main/images/global/slide123_bg.jpg");} #main_slide .cycle-slideshow p.item124 {background-image:url("/commons/main/images/global/slide124_bg.jpg");} #main_slide .cycle-slideshow p.item125 {background-image:url("/commons/main/images/global/slide125_bg.jpg");} #main_slide .cycle-slideshow p.item126 {background-image:url("/commons/main/images/global/slide126_bg.jpg");} #main_slide .cycle-slideshow p.item127 {background-image:url("/commons/main/images/global/slide127_bg.jpg");} #main_slide .cycle-slideshow p.item128 {background-image:url("/commons/main/images/global/slide128_bg.jpg");} #main_slide .cycle-slideshow p.item129 {background-image:url("/commons/main/images/global/slide129_bg.jpg");} #main_slide .cycle-slideshow p.item130 {background-image:url("/commons/main/images/global/slide130_bg.jpg");} #main_slide .cycle-slideshow p.item131 {background-image:url("/commons/main/images/global/slide131_bg.jpg");} #main_slide .cycle-slideshow p.item132 {background-image:url("/commons/main/images/global/slide132_bg.jpg");} #main_slide .cycle-slideshow p.item999 {background-image:url("/commons/main/images/global/slide_hyu_bg.jpg");} #main_slide .cycle-slideshow p a {display: block;} #main_slide .controller_in > a {display:none;} #main_slide .controller_in > a.on {display:inline-block;} #main_slide .controller_in .resume {background-image:url("/commons/main/images/global/msl_start.png");background-position:center center; background-size:10px 10px;display:none; } #main_slide .controller_in .stop {background-image:url("/commons/main/images/global/msl_stop.png");background-position:center center;background-size:10px 10px;} #main_slide .main_slide__wrap{position: relative;} #main_slide .item{display: inline-block;text-align: center;} #main_slide .slick-prev{width: 54px; height: 54px; border: none; border-radius: 54px; background-color: transparent; text-indent: -9999px; overflow: hidden; background-image: url("/commons/main/images/global/msl_left.png"); background-size: cover; background-position: center; position: absolute; left: 100px; top: 50%; transform: translateY(-50%); z-index: 1;} #main_slide .slick-next{width: 54px; height: 54px; border: none; border-radius: 54px; background-color: transparent; text-indent: -9999px; overflow: hidden; background-image: url("/commons/main/images/global/msl_right.png"); background-size: cover; background-position: center; position: absolute; right: 100px; top: 50%; transform: translateY(-50%); z-index: 1;} #main_slide .slick-dots{width: 100%; text-align: center; position: absolute; left: 0; bottom: 1px;} #main_slide .slick-dots li{display: inline-block; vertical-align: middle;} #main_slide .slick-dots button{width: 10px; height: 10px; margin: 0 10px; border: none; border-radius: 10px; background-color: transparent; background: url("/commons/main/images/global/msl_off.png") no-repeat center center; font-size: 0;} #main_slide .slick-dots .slick-active button{width: 20px; height: 20px; background: url("/commons/main/images/global/msl_ov.png") no-repeat center center;} @media (max-width: 991px) { #main_slide .slick-prev{display: none!important;} #main_slide .slick-next{display: none!important;} } #main-sl-prev {position:absolute;top:-190px;left:-100px;display:block;width:54px;height:54px;font-size:0; background-image:url("/commons/main/images/global/msl_left.png");background-position:center center;background-repeat:no-repeat; } #main-sl-next {position:absolute;top:-190px;right:-100px;display:block;width:54px;height:54px;font-size:0; background-image:url("/commons/main/images/global/msl_right.png");background-position:center center;background-repeat:no-repeat; } #main-sl-prev:hover, #main-sl-prev:focus {opacity:0.8;} #main-sl-next:hover, #main-sl-next:focus {opacity:0.8;} .col_red {color:#b42046;} /* ã ޴ */ .nurim-go-wrap {width:1024px;margin:0 auto;} .nurim-go-wrap li {width:auto; margin-right:15px;display: inline-block; vertical-align: top;} /* .nurim-go-wrap li {float:left;width:auto; margin-right:18px;} */ .nurim-go-wrap li:last-child {margin-right:0;} .nurim-go-wrap li a {display:block;text-align:center;padding-top:25px;padding-bottom:25px;} .nurim-go-wrap li a:hover, .nurim-go-wrap li a:focus {color:#0076be; text-decoration:underline; text-underline-position: under;} .nurim-go-wrap .item1 {margin-bottom:7px;width:75px;height:94px;} .nurim-go-wrap .item2 {font-size:14px;} @media (max-width: 1250px) { .nurim-go-wrap li {margin-right:10px;} } .nurim-go-wrap li a.nurim-go-over1 img{display:inline;} .nurim-go-wrap li a.nurim-go-over1 img.nurim-go-over-img{display:none;} .nurim-go-wrap li a.nurim-go-over1:hover img{display:none;} .nurim-go-wrap li a.nurim-go-over1:hover img.nurim-go-over-img{display:inline;} .nurim-go-wrap li a.nurim-go-over2 img{display:inline;} .nurim-go-wrap li a.nurim-go-over2 img.nurim-go-over-img{display:none;} .nurim-go-wrap li a.nurim-go-over2:hover img{display:none;} .nurim-go-wrap li a.nurim-go-over2:hover img.nurim-go-over-img{display:inline;} .nurim-go-wrap li a.nurim-go-over3 img{display:inline;} .nurim-go-wrap li a.nurim-go-over3 img.nurim-go-over-img{display:none;} .nurim-go-wrap li a.nurim-go-over3:hover img{display:none;} .nurim-go-wrap li a.nurim-go-over3:hover img.nurim-go-over-img{display:inline;} .nurim-go-wrap li a.nurim-go-over4 img{display:inline;} .nurim-go-wrap li a.nurim-go-over4 img.nurim-go-over-img{display:none;} .nurim-go-wrap li a.nurim-go-over4:hover img{display:none;} .nurim-go-wrap li a.nurim-go-over4:hover img.nurim-go-over-img{display:inline;} .nurim-go-wrap li a.nurim-go-over5 img{display:inline;} .nurim-go-wrap li a.nurim-go-over5 img.nurim-go-over-img{display:none;} .nurim-go-wrap li a.nurim-go-over5:hover img{display:none;} .nurim-go-wrap li a.nurim-go-over5:hover img.nurim-go-over-img{display:inline;} .nurim-go-wrap li a.nurim-go-over6 img{display:inline;} .nurim-go-wrap li a.nurim-go-over6 img.nurim-go-over-img{display:none;} .nurim-go-wrap li a.nurim-go-over6:hover img{display:none;} .nurim-go-wrap li a.nurim-go-over6:hover img.nurim-go-over-img{display:inline;} .nurim-go-wrap li a.nurim-go-over7 img{display:inline;} .nurim-go-wrap li a.nurim-go-over7 img.nurim-go-over-img{display:none;} .nurim-go-wrap li a.nurim-go-over7:hover img{display:none;} .nurim-go-wrap li a.nurim-go-over7:hover img.nurim-go-over-img{display:inline;} .nurim-go-wrap li a.nurim-go-over8 img{display:inline;} .nurim-go-wrap li a.nurim-go-over8 img.nurim-go-over-img{display:none;} .nurim-go-wrap li a.nurim-go-over8:hover img{display:none;} .nurim-go-wrap li a.nurim-go-over8:hover img.nurim-go-over-img{display:inline;} .nurim-go-wrap li a.nurim-go-over9 img{display:inline;} .nurim-go-wrap li a.nurim-go-over9 img.nurim-go-over-img{display:none;} .nurim-go-wrap li a.nurim-go-over9:hover img{display:none;} .nurim-go-wrap li a.nurim-go-over9:hover img.nurim-go-over-img{display:inline;} .nurim-go-wrap li a.nurim-go-over10 img{display:inline;} .nurim-go-wrap li a.nurim-go-over10 img.nurim-go-over-img{display:none;} .nurim-go-wrap li a.nurim-go-over10:hover img{display:none;} .nurim-go-wrap li a.nurim-go-over10:hover img.nurim-go-over-img{display:inline;} .nurim-go-wrap li a.nurim-go-over11 img{display:inline;} .nurim-go-wrap li a.nurim-go-over11 img.nurim-go-over-img{display:none;} .nurim-go-wrap li a.nurim-go-over11:hover img{display:none;} .nurim-go-wrap li a.nurim-go-over11:hover img.nurim-go-over-img{display:inline;} .nurim-go-wrap li a.nurim-go-over12 img{display:inline;} .nurim-go-wrap li a.nurim-go-over12 img.nurim-go-over-img{display:none;} .nurim-go-wrap li a.nurim-go-over12:hover img{display:none;} .nurim-go-wrap li a.nurim-go-over12:hover img.nurim-go-over-img{display:inline;} /* main_bbs */ #main_bbs {position:relative;width:auto;border:1px solid #ccc;} #main_bbs ul.main_bbs_tit:after {clear:both;content:'';display:block;visibility:hidden;} *+ html #main_bbs ul {display:inline-block;} * html #main_bbs ul {height:1%;} #main_bbs ul.main_bbs_tit li {float:left;position:relative;margin-right:20px;} #main_bbs.two_type ul.main_bbs_tit li {width:30%;} #main_bbs.three_type ul.main_bbs_tit li {width:22%;} #main_bbs.four_type ul.main_bbs_tit li {width:20%;} #main_bbs.five_type ul.main_bbs_tit li {width:17%;} #main_bbs ul.main_bbs_tit li.selected{border-bottom:2px solid #0076be;} #main_bbs ul.main_bbs_tit li a {display:block;height:auto;font-size:24px;padding:12px 0 7px;text-align:center;color:#555;font-weight:normal; margin-top:1px; } #main_bbs ul.main_bbs_tit li:first-child a{border-left:0px;} #main_bbs ul.main_bbs_tit li.selected a{margin-bottom:-1px;margin-top:-1px;padding:13px 0 8px} #main_bbs ul.main_bbs_tit li.selected,#main_bbs ul.main_bbs_tit li.selected a, #main_bbs ul.main_bbs_tit li a:hover {color:#000;font-weight:normal;} #main_bbs .main_bbs_list {position:relative;padding:17px 20px 0 0px;height:170px;} #main_bbs .js_bs_t_box{display:none;} #main_bbs .js_bs_t_box.selected {display:block;} #main_bbs .main_bbs_list li {padding-left:10px;position:relative;height:32px;line-height:32px;border-bottom:1px solid #d7d7d7; /*background-image:url("/gfair/commons/images/site/main_bbs_list.jpg");*/ background-position:3px 7px;background-repeat:no-repeat; display:none; } #main_bbs .main_bbs_list li:nth-child(1), #main_bbs .main_bbs_list li:nth-child(2), #main_bbs .main_bbs_list li:nth-child(3), #main_bbs .main_bbs_list li:nth-child(4) {display:block;} #main_bbs .main_bbs_list li a {display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:350px;} *+ html #main_bbs .main_bbs_list li a {display:inline;} #main_bbs .main_bbs_list li a:hover{text-decoration:underline;color:#62090c;} #main_bbs .main_bbs_list li * {color:#666666;font-size:14px;font-size:1.4rem;} #main_bbs .main_bbs_list li a em{display:inline-block;padding:1px 2px;color:#fff;margin-right:3px;font-size:13px;} *+ html #main_bbs .main_bbs_list li a em{display:inline;} em.blue_box{background-color:#0680d5} em.red_box{background-color:#e4576a} em.purple_box{background-color:#9a4fad} em.green_box{background-color:#18a4a9} #main_bbs .main_bbs_list li span{position:absolute;right:0px;font-size:13px;} #main_bbs .main_bbs_list span.more {position:absolute;right:12px;top:-39px;} #main_bbs .main_bbs_list span.more a {display:block;font-size:0;width:32px;height:32px; background-image:url("/commons/main/images/global/more.png");background-repeat:no-repeat;background-position:0 0;} #main_bbs {border-top:0px;border-right:0px;border-bottom:0;} #main_bbs .main_bbs_list li .col_blue {color:#2480c2;margin-right:8px;} /* main_bbs2 */ #main_bbs2 {position:relative;width:auto;border:1px solid #ccc;} #main_bbs2 ul.main_bbs_tit2:after {clear:both;content:'';display:block;visibility:hidden;} *+ html #main_bbs2 ul {display:inline-block;} * html #main_bbs2 ul {height:1%;} #main_bbs2 ul.main_bbs_tit2 li {float:left;position:relative;margin-right:20px;} #main_bbs2.two_type ul.main_bbs_tit2 li {width:30%;} #main_bbs2.three_type ul.main_bbs_tit2 li {width:22%;} #main_bbs2.four_type ul.main_bbs_tit2 li {width:20%;} #main_bbs2.five_type ul.main_bbs_tit2 li {width:17%;} #main_bbs2 ul.main_bbs_tit2 li.selected{border-bottom:2px solid #0076be;} #main_bbs2 ul.main_bbs_tit2 li a {display:block;height:auto;font-size:24px;padding:12px 0 7px;text-align:center;color:#555;font-weight:normal; margin-top:1px; } #main_bbs2 ul.main_bbs_tit2 li:first-child a{border-left:0px;} #main_bbs2 ul.main_bbs_tit2 li.selected a{margin-bottom:-1px;margin-top:-1px;padding:13px 0 8px} #main_bbs2 ul.main_bbs_tit2 li.selected,#main_bbs ul.main_bbs_tit2 li.selected a, #main_bbs ul.main_bbs_tit2 li a:hover {color:#000;font-weight:normal;} #main_bbs2 .main_bbs_list2 {position:relative;padding:17px 20px 0 0px;height:180px;} #main_bbs2 .js_bs_t_box2{display:none;} #main_bbs2 .js_bs_t_box2.selected {display:block;} #main_bbs2 .main_bbs_list2 li {padding-left:10px;position:relative;height:32px;line-height:32px;border-bottom:1px solid #d7d7d7; /*background-image:url("/gfair/commons/images/site/main_bbs_list2.jpg");*/ background-position:3px 7px;background-repeat:no-repeat; } #main_bbs2 .main_bbs_list2 li a {display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:350px;} *+ html #main_bbs2 .main_bbs_list2 li a {display:inline;} #main_bbs2 .main_bbs_list2 li a:hover{text-decoration:underline;color:#62090c;} #main_bbs2 .main_bbs_list2 li * {color:#666666;font-size:14px;font-size:1.4rem;} #main_bbs2 .main_bbs_list2 li a em{display:inline-block;padding:1px 2px;color:#fff;margin-right:3px;font-size:13px;} *+ html #main_bbs2 .main_bbs_list2 li a em{display:inline;} em.blue_box{background-color:#0680d5} em.red_box{background-color:#e4576a} em.purple_box{background-color:#9a4fad} em.green_box{background-color:#18a4a9} #main_bbs2 .main_bbs_list2 li span{position:absolute;right:0px;font-size:13px;} #main_bbs2 .main_bbs_list2 span.more {position:absolute;right:12px;top:-39px;} #main_bbs2 .main_bbs_list2 span.more a {display:block;font-size:0;width:32px;height:32px; background-image:url("/commons/main/images/global/more.png");background-repeat:no-repeat;background-position:0 0;} #main_bbs2 {border-top:0px;border-right:0px;border-bottom:0;} #main_bbs2 .main_bbs_list2 li .col_blue {color:#2480c2;margin-right:8px;} /* main_bbs3 */ #main_bbs3 {position:relative;width:auto;border:1px solid #ccc;} #main_bbs3 ul.main_bbs_tit:after {clear:both;content:'';display:block;visibility:hidden;} *+ html #main_bbs3 ul {display:inline-block;} * html #main_bbs3 ul {height:1%;} #main_bbs3 ul.main_bbs_tit li {float:left;position:relative;margin-right:20px;} #main_bbs3.two_type ul.main_bbs_tit li {width:30%;} #main_bbs3.three_type ul.main_bbs_tit li {width:22%;} #main_bbs3.four_type ul.main_bbs_tit li {width:20%;} #main_bbs3.five_type ul.main_bbs_tit li {width:17%;} #main_bbs3 ul.main_bbs_tit li.selected{border-bottom:2px solid #0076be;} #main_bbs3 ul.main_bbs_tit li a {display:block;height:auto;font-size:24px;padding:12px 0 7px;text-align:center;color:#555;font-weight:normal; margin-top:1px; } #main_bbs3 ul.main_bbs_tit li:first-child a{border-left:0px;} #main_bbs3 ul.main_bbs_tit li.selected a{margin-bottom:-1px;margin-top:-1px;padding:13px 0 8px} #main_bbs3 ul.main_bbs_tit li.selected,#main_bbs3 ul.main_bbs_tit li.selected a, #main_bbs3 ul.main_bbs_tit li a:hover {color:#000;font-weight:normal;} #main_bbs3 .main_bbs_list {position:relative;padding:17px 20px 0 0px;height:140px;} #main_bbs3 .js_bs_t_box{display:none;} #main_bbs3 .js_bs_t_box.selected {display:block;} #main_bbs3 .main_bbs_list li {padding-left:10px;position:relative;height:32px;line-height:32px;border-bottom:1px solid #d7d7d7; /*background-image:url("/gfair/commons/images/site/main_bbs_list.jpg");*/ background-position:3px 7px;background-repeat:no-repeat; } #main_bbs3 .main_bbs_list li a {display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:350px;} *+ html #main_bbs3 .main_bbs_list li a {display:inline;} #main_bbs3 .main_bbs_list li a:hover{text-decoration:underline;color:#62090c;} #main_bbs3 .main_bbs_list li * {color:#666666;font-size:14px;font-size:1.4rem;} #main_bbs3 .main_bbs_list li a em{display:inline-block;padding:1px 2px;color:#fff;margin-right:3px;font-size:13px;} *+ html #main_bbs3 .main_bbs_list li a em{display:inline;} em.blue_box{background-color:#0680d5} em.red_box{background-color:#e4576a} em.purple_box{background-color:#9a4fad} em.green_box{background-color:#18a4a9} #main_bbs3 .main_bbs_list li span{position:absolute;right:0px;font-size:13px;} #main_bbs3 .main_bbs_list span.more {position:absolute;right:12px;top:-39px;} #main_bbs3 .main_bbs_list span.more a {display:block;font-size:0;width:32px;height:32px; background-image:url("/commons/main/images/global/more.png");background-repeat:no-repeat;background-position:0 0;} #main_bbs3 {border-top:0px;border-right:0px;border-bottom:0;} #main_bbs3 .main_bbs_list li .col_blue {color:#2480c2;margin-right:8px;} /**/ .main-bbs-wrap {background-color:#f1f1f5;} .main-bbs-wrap__in {display: flex; width:1024px;margin:0 auto;padding-top:30px;padding-bottom:30px;} .main-bbs-wrap__in__div1 {display: flex; flex-flow: column; width: 50%;} .main-bbs-wrap__in__div2 {display: flex; margin-left: auto;} #main_bbs {width:100%;float:left;border:0;background-color:transparent;} #main_bbs2 {width:480px;float:right;border:0;background-color:transparent;border: 1px solid #dddddd;} #main_bbs3 {width:100%;float:left;border:0;background-color:transparent;} /* 䰶 */ .main-photo-wrap {padding-top:40px;padding-bottom:40px;} .main-photo-wrap__in {width:1024px;margin:0 auto; position: relative;} .main-photo-wrap__in ul {margin-left:-10px;} .main-photo-wrap__in li {width:25%;float:left;} .main-photo-wrap__in a {display:block;border:1px solid #ebebeb;margin-left:10px;font-size:15px;color:#000;} .main-photo-wrap__in a:hover, .main-photo-wrap__in a:focus {opacity:0.8} .main-photo-wrap__in img {width:250px;height:169px;} .main-photo-wrap__in .item2 {padding:30px 20px 30px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; background-image:url("/commons/main/images/global/main-photo-wrap__in.png");background-repeat:no-repeat;background-position:20px 20px; } .main-photo-wrap span.more {position:absolute;right:0px;top:0px;} .main-photo-wrap span.more a {display:block;font-size:0;width:32px;height:32px; background-image:url("/commons/main/images/global/more.png");background-repeat:no-repeat;background-position:0 0;} /* .banner_zone_outwrap{position:relative;border-top:1px solid #ddd;} .banner_zone_wrap{width:1024px;;padding:16px 0;margin:0 auto;position:relative;overflow:hidden;height:58px;} .banner_zone{width:870px;overflow:hidden; z-index:0;position:relative; text-align:center;margin-right:154px;} .banner_zone a{padding:0 0;} .selectbox_title_focus{border:1px solid #ffc169 !important;} .listwrap {position:relative; left:0; overflow:hidden;} *+ html .listwrap{width:895px !important;overflow:hidden;height:41px;white-space:nowrap;} .listwrap li {float:left; width:290px; height:60px;} .listwrap li a {display:block;} .listwrap li a img{width:auto; height:auto;} .navi {position:absolute; left:0; top:0; width:100%; height:18px;} .navi .on {background-color:red;} .banner_zone_wrap h3{margin-left:0px;margin-bottom:0px;font-size:16px;color:#333333;position:absolute;top:20px;left:20px; font-size:0;overflow:hidden;height:0;} .foot_roll_nav2{position:relative;z-index:1;} .foot_roll_nav2 .r_prev{right:44px;} .foot_roll_nav2 .r_pause{right:22px;} .foot_roll_nav2 .r_next{right:1px;} .foot_roll_nav2 .r_start{left:127px;} .foot_roll_nav2 span{float:left;position:absolute;top:19px;} .foot_roll_nav2 span.go_all_banner{padding-left:3px;} .banner_zone_wrap .pos_banner{position:absolute;top:15px;left:133px;} .r_next a{width:21px;height:21px;font-size:0;display:block; background-color:#fff; border:1px solid #dddddd; background-image:url("/commons/main/images/global/ico-roll-right.png"); background-repeat:no-repeat; background-position:center center; margin-right:-1px; } .r_prev a{width:21px;height:21px;font-size:0;display:block; background-color:#fff; border:1px solid #dddddd; background-image:url("/commons/main/images/global/ico-roll-left.png"); background-repeat:no-repeat; background-position:center center } .r_pause a{width:21px;height:21px;font-size:0;display:block; background-color:#fff; border:1px solid #dddddd; background-image:url("/commons/main/images/global/ico-roll-pause.png"); background-repeat:no-repeat; background-position:center center } */ /*footer*/ #footer{color:#666;background-color:#f8f8f8;border-top:1px solid #dddddd;position:relative;} .footer_in_wrap{width:1024px;margin:0 auto;position:relative; min-height: 200px;} #footer a{font-size:13px;color:#666;} .copyright{position:relative;} .foot_img{position:absolute; top:35px;left:0;} .copy_box{position:absolute; top:27px;left:0;} .copy_box li{float:left;padding-right:10px;padding-left:14px;background-image:url("/commons/main/images/global/copy_li_bg.jpg");background-position:left 5px;background-repeat:no-repeat;} .copy_box li a{font-weight:bold;color:#666666} .copy_box li:first-child{background-image:none;padding-left:0;} #footer .copy_box li:first-child a {background-image:none;} #footer .copy_box li.persnal-rule a {color:#000;} .copy_box2{position:absolute; top:48px;left:0;} .copy_box a,.copy_box2 a{font-size:12px;font-size:1.2rem;} .copy_box a strong{color:#666;} .copy_box a:hover,.copy_box2 a:hover{text-decoration:underline;} .copy_box2 .item1{margin-bottom:5px;font-style:normal;font-size:12px;font-size:1.2rem;line-height:1.5; color:#666666;} .copy_box2 .item1 h3{float:left;width:65px;height:26px;padding-top:9px;margin-right:5px;background-color:#676767;color:#666666;text-align:center;} .copy_box2 .item2{font-style:normal;margin-top:5px;margin-bottom:4px;font-size:12px;font-size:1.2rem;line-height:1.6; color:#666666;} .copy_box2 .item3{font-style:normal;margin-top:5px;margin-bottom:4px;font-size:12px;font-size:1rem;line-height:1.6; color:#666666;} .copy_box3 {position:absolute;bottom:60px;right:0;} .fixed { position: fixed; bottom: 37px; right: 2px; width: 160px; background-color: black; color: white; background-image: url("/commons/main/images/global/voicemon.jpg"); z-index: 9999; height: 250px; } /* */ .cont_in {font-size:13px; font-size:1.3rem;line-height:1.4;min-height:500px;margin-bottom:50px;} .cont_in img{max-width:100%;} /* =============== sub-default.jsp ==================*/ /* location */ .location-box {width: 100%;position:relative;font-weight:bold;text-align: right; padding-top: 15px;} .location-box__cont { display: inline-block; /* position: absolute; right: 0; top: 15px; */ } .location-box__cont li{float:left;display:block;padding:0 17px;font-size:11px;font-size:1.1rem;height:28px;line-height:28px; background-image:url("/commons/main/images/global/location-icon.png"); background-position:0 11px; background-repeat:no-repeat; color:#888; } .location-box__cont li:first-child {background-image:none;padding-left:0;} .location-box__cont .loc-home {display:block;padding-left:25px;font-size:11px;font-size:1.1rem;height:28px;line-height:27px; background-image:url("/commons/main/images/global/home.png"); background-position:0 7px; background-repeat:no-repeat; color:#888; } /* contents */ .sub-page-container__wrap {width:1024px;margin:0 auto;position:relative;} .sub-contents {width:765px;float:right;min-height:500px;} .sub-page-container__wrap.hide {margin-top:-103px;padding-top:103px} /* ޴ quick menu ġ . header ̸ ŭ */ .sub-page-container__wrap.unhide {} /* */ .sub-contents__top {position:relative;height:129px; /*background-image:url("/commons/main/images/global/sub-visual-bg1.jpg");*/ background-position:right bottom; background-repeat:no-repeat; } /* .depth-type1 .sub-contents__top {background-image:url("/commons/main/images/global/sub-visual-bg1.jpg");} .depth-type2 .sub-contents__top {background-image:url("/commons/main/images/global/sub-visual-bg2.jpg");} .depth-type3 .sub-contents__top {background-image:url("/commons/main/images/global/sub-visual-bg3.jpg");} .depth-type4 .sub-contents__top {background-image:url("/commons/main/images/global/sub-visual-bg4.jpg");} .depth-type5 .sub-contents__top {background-image:url("/commons/main/images/global/sub-visual-bg5.jpg");} .depth-type6 .sub-contents__top {background-image:url("/commons/main/images/global/sub-visual-bg6.jpg");} */ .sub-contents__top h2.sub-tit {font-size:26px;color:#333;padding-top:30px;padding-bottom:25px;font-weight:600; /* background-image:url("/commons/main/images/global/sub-contents__top_h2.png"); */ background-position:0 bottom; background-repeat:no-repeat; } /* Ʈ, ư*/ .sub-sns-box-wrap {position:absolute;top:0;right:0;} .sub-sns-box {position:relative;} .sub-sns-box a{margin-right:5px;} .sns-little-box {display:none;} .sns-little-box.on {display:block;position:absolute;bottom:-30px;right:0;} .sub-sns-box-wrap {display:none;} /* =============== sub.jsp ==================*/ .cont_in { margin-bottom: 30px; } /* ־󿵿 */ .visual_wrap {background-position:center top;background-repeat:no-repeat;} .visual_wrap .visual {position:relative;width:1024px;height:264px;margin:0 auto;background-position:center top;background-repeat:no-repeat;} .visual_wrap.d_null {background-image:url("/commons/main/images/basic/d_040000.jpg");} .visual_wrap.d_010000 {background-image:url("/commons/main/images/basic/d_010000.jpg");} .visual_wrap.d_020000 {background-image:url("/commons/main/images/basic/d_020000.jpg");} .visual_wrap.d_030000 {background-image:url("/commons/main/images/basic/d_030000.jpg");} .visual_wrap.d_040000 {background-image:url("/commons/main/images/basic/d_040000.jpg");} .visual_wrap.d_050000 {background-image:url("/commons/main/images/basic/d_050000.jpg");} .visual_wrap.d_060000 {background-image:url("/commons/main/images/basic/d_060000.jpg");} .visual_wrap.d_070000 {background-image:url("/commons/main/images/basic/d_070000.jpg");} .visual_wrap.d_080000 {background-image:url("/commons/main/images/basic/d_080000.jpg");} .visual_wrap.d_090000 {background-image:url("/commons/main/images/basic/d_090000.jpg");} .visual_wrap.d_100000 {background-image:url("/commons/main/images/basic/d_100000.jpg");} .visual_wrap.d_010000 .visual {background-image:url("/commons/main/images/basic/d_010000.jpg");} .visual_wrap.d_020000 .visual {background-image:url("/commons/main/images/basic/d_020000.jpg");} .visual_wrap.d_030000 .visual {background-image:url("/commons/main/images/basic/d_030000.jpg");} .visual_wrap.d_040000 .visual {background-image:url("/commons/main/images/basic/d_040000.jpg");} .visual_wrap.d_050000 .visual {background-image:url("/commons/main/images/basic/d_050000.jpg");} .visual_wrap.d_060000 .visual {background-image:url("/commons/main/images/basic/d_060000.jpg");} .visual_wrap.d_070000 .visual {background-image:url("/commons/main/images/basic/d_070000.jpg");} .visual_wrap.d_080000 .visual {background-image:url("/commons/main/images/basic/d_080000.jpg");} .visual_wrap.d_090000 .visual {background-image:url("/commons/main/images/basic/d_090000.jpg");} .visual_wrap.d_100000 .visual {background-image:url("/commons/main/images/basic/d_100000.jpg");} .visual_wrap h2 {color:#333;font-weight:bold;font-size:35px;position:absolute;top:110px;left:90px;} .visual_wrap p {color:#fff;font-weight:bold;font-size:16px;position:absolute;top:140px;left:90px;} /* */ .sbj_line {position:relative;} .sbj_line h2 {text-align:center;color:#fff;font-size:45px;width:100%;position:absolute;top:-198px;left:0;text-shadow: 1px 1px 6px #555;} .sbj_line .location {color:#fff;left:0;position:absolute;text-align:center;top:-138px;width:100%;text-shadow: 1px 1px 6px #555;} .sbj_line .location a {color:#fff;} .sbj_line .sub-sns-box-wrap {top:-260px;} /* sidebar =========================*/ /* sidebar */ .sidebar {width:200px;float:left;padding-bottom:40px;} .sidebar__wrap {background-color:#fff;} .sidebar__h2 {text-align:center;padding-top:52px;height:58px;font-size:24px;position:relative;padding-bottom:20px;color:#fff; display:none; background-color:#015a9e; background-image:url("/commons/main/images/basic/sidebar__h2.jpg"); background-repeat:no-repeat; background-position:0 0; } .sidebar__h2 span {display:block;font-size:12px;color:#fff;text-align:center;} .sidebar__h2 a {display:none;} .side-list__li > span { display: table; width: 100%;} .side-list__li > span > a { /*display:block;padding-left:20px;height:50px;line-height:50px;border-bottom:1px solid #dedede; font-size:12px; font-weight:bold; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-position: 213px center; border-left:1px solid #dddddd; border-right:1px solid #dddddd; letter-spacing:-1px;*/ display: table-cell; padding-left: 20px; height: 50px; vertical-align: middle; /* line-height: 50px; */ border-bottom: 1px solid #dedede; font-size: 14px; line-height: 1.5; font-weight: bold; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-position: 213px center; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; letter-spacing: -1px; padding-right: 40px; width: 100%; box-sizing: border-box; } .side-list__li.open-type > span > a {background-image:url("/commons/main/images/basic/side-list-li-off.png"); background-position:160px center;background-repeat:no-repeat;} .side-list__li.open-type > span > a:hover, .side-list__li.open-type > span > a:focus, .side-list__li.open-type > span.on > a, .side-list__li.open-type > span > a.on {} .side-list__li.open-type.on > span > a {color:#015a9e;background-color:transparent; background-image:url("/commons/main/images/basic/side-list-li-on.png"); border-bottom:1px solid #ddd; } .side-list__li.on > span { display:table; /*background-image:url("/commons/main/images/basic/side-list__li_on_bg.jpg");*/ background-repeat:no-repeat; background-position:0 0; background-color:#fff;/* */ } .side-list__li > span > a:hover, .side-list__li > span > a:focus, .side-list__li > span.on > a, .side-list__li > span > a.on {font-weight:bold;background-color:#f0f3f7;opacity:0.9;} .side-list__li.on > span > a {color:#015a9e;font-weight:bold;} .side-list__li__inbox {display:none;} .on > .side-list__li__inbox { display:block; background-color:#fbfbfa; border-bottom:1px solid #dedede; padding:10px; border-left:1px solid #dedede;border-right:1px solid #dedede; } .spp__in > a{ display:block; font-size:13px; color:#565656; padding-top:7px; padding-bottom:7px; padding-left:23px; padding-right: 10px; background-image:url("/commons/main/images/basic/side-list__li__inbox.png"); background-position:9px 16px; background-repeat:no-repeat; } .spp__in > a:hover, .spp__in > a:focus, .spp__in.on > a, .spp__in > .on { /* font-weight:bold; */ color:#fff; text-decoration:underline; background-image:url("/commons/main/images/basic/side-list__li__inbox_on.png"); background-color:#015a9e; } .spp__in__small {display:none;} .on > .spp__in__small {display:block;padding:3px 10px 10px 15px;} .spp__in__small a{ background-image:url("/commons/main/images/basic/spp__in__small.jpg"); background-position:5px center; background-repeat:no-repeat; display:block; padding-top:5px; padding-bottom:5px; padding-left:15px; font-size:11px; } .spp__in__small .on, .spp__in__small a:hover, .spp__in__small a:focus {font-weight:bold;} .sp-open-type {background-image:url("/commons/main/images/basic/open-close.png");background-repeat:no-repeat;background-position:150px 2px;} .sp-open-type.on {background-image:url("/commons/main/images/basic/open-done.png");background-position:150px 2px;} /*4 */ .spp__in__small__4th {display:none;} .on > .spp__in__small__4th {display:block;padding:10px 5px 10px 10px;background-color:#eff3f7} .spp__in__small__4th a{display:block;padding:3px 0;min-height:17px;font-size:11px; font-weight: normal;padding-left:15px;} .spp__in__small__4th > li.on > a, .spp__in__small__4th > li > .on, .spp__in__small__4th a:hover, .spp__in__small__4th a:focus {font-weight:bold;text-decoration:underline;} /*2025*/ .side-list__li .side-list__li > span > a { border:0; background-position: 150px center; display: block; font-size: 13px; color: #565656; font-weight: normal; padding-top: 7px; padding-bottom: 7px; padding-left: 23px; padding-right: 10px; background-image: url(/commons/main/images/basic/side-list__li__inbox.png); background-position: 9px 16px; background-repeat: no-repeat; height:auto; transition: none; } .side-list__li .side-list__li > span > a:hover, .side-list__li .side-list__li > span > a:focus { background-color: #015a9e; color:#fff; background-image:url("/commons/main/images/basic/side-list__li__inbox_on.png"); } .side-list__li .side-list__li.on > span { background-color: transparent; } .side-list__li .side-list__li.open-type { position: relative; } .side-list__li .side-list__li.open-type > span > a:after { content:'▼'; display: block; position: absolute; top:11px; right:9px; font-size:8px; } .side-list__li .side-list__li.open-type > span > a:hover { color:#fff; } .side-list__li .side-list__li.open-type.on > span > a { background-image: none; border-bottom:0; background-color: transparent; background-image: url(/commons/main/images/basic/side-list__li__inbox_on.png); background-position: 9px 16px; background-repeat: no-repeat; color:#fff; background-color: #015a9e; } .side-list__li .side-list__li.open-type.on > span > a:hover {} .side-list__li .side-list__li.open-type.on > span > a:after { content:'▲'; color:#fff; } .side-list__li .side-list__li.on > .side-list__li__inbox { border:0; margin-top:4px; background-color: #fff; padding:0px; border-radius: 8px; overflow: hidden; } .side-list__li .side-list__li .spp__in > a { background-image: none; } .side-list__li .side-list__li .spp__in > a:hover, .side-list__li .side-list__li .spp__in > a:focus, .side-list__li .side-list__li .spp__in.on > a, .side-list__li .side-list__li .spp__in > .on { background-color: #eee; color:#000; } /* Ʈ */ .sitemap ul {width:100%;} .sitemap a:hover {text-decoration:underline;} .sitemap > ul > li{display:inline-block;width:17%;margin:0 1%;vertical-align:top;} *+ html .sitemap > ul > li{display:inline;} .sitemap > ul > li > a {width:100%;display:block;background-color:#0081cc;font-size:15px;height:3em;line-height:3em;text-align:center;color:#fff;font-weight:bold;} .sitemap > ul > li > ul > li > a {padding-left:20px;display:block;line-height:2em;border-bottom:1px solid #d1d1d1; background-image:url("/commons/main/images/global/sub-nav-icon_on.png");background-position:10px center;background-repeat:no-repeat; } .sitemap > ul > li > ul > li > ul > li > a {padding-left:30px;display:block;line-height:2em;border-bottom:1px solid #d1d1d1; background-image:url("/commons/main/images/global/basic_bul1.jpg");background-position:15px center;background-repeat:no-repeat; } /* Ƚ quickmenu*/ .quickmenu { position: fixed; right: 0px; top: 40%; display: none; z-index: 9999; } .quickmenu__list li {text-align:right;margin-bottom:5px;} .quickmenu__list a {display:inline-block;color:#fff;padding-left:50px;width:0;overflow:hidden;height:50px;line-height:50px; white-space:nowrap; margin-right:5px; border-radius:10px; vertical-align: top; background-image:url("/commons/main/images/global/ico-guick.png"); background-repeat:no-repeat; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .quickmenu__list a.item1 {background-color:#36362c;background-position:0 0;} .quickmenu__list a.item2 {background-color:#666666;background-position:0 -50px;} .quickmenu__list a.item3 {background-color:#adadad;background-position:0 -100px;} .quickmenu__list a.item4 {background-color:#d7d7d7;background-position:0 -150px;} .quickmenu__list a:hover, .quickmenu__list a:focus {width:auto;padding-right:20px;} @media screen and (min-width:1px) and (max-width:1050px) { .quickmenu {display:none !important;} } /* =========================== ===========================*/ /****[ û ]****/ .facility-img { margin-bottom: 20px;} .facility-img li { float: left; width:50%; text-align: center;} *+ html .facility-img li { width: 49%; } .facility-img.one-type li { width: 100%;} .facility-img li img { border: 1px solid #d6d6d6; width: auto;} .facility-txt { border: 1px solid #d6d6d6; padding: 20px 25px;} .facility-txt li { background-image: url("/commons/main/images/basic/list_bul.jpg"); background-repeat: no-repeat; background-position: left 17px; padding-left:10px; vertical-align: top;} .facility-txt li > div { background-image: url("/commons/main/images/basic/dotted_bot_line.jpg"); background-repeat: repeat-x; background-position: 0 top; padding: 7px 0;} .facility-txt li:first-child > div { background-image: none; } .facility-txt strong {color: #333333;} .facility-txt li > div > div { display: inline-block; vertical-align: top; color: #333333;} *+ html .facility-txt li > div > div { display: inline; } .reservation-tit { position: relative; background-color: #015a9e; color: #fff; text-align: center; border-top: 1px solid #d6d6d6; padding: 14px 0; } .reservation-tit strong {font-size: 17px; font-size: 1.7rem;} .reservation-tit a {color: #fff; position: absolute; top: 17px; background-repeat: no-repeat; font-weight: bold;} .reservation-tit__prev { left: 10%; padding-left: 14px; background-image: url("/commons/main/images/cont/reservation_left_off.png"); background-position: left center;} .reservation-tit__prev:hover, .reservation-tit__prev:focus, .reservation-tit__prev:active {background-image: url("/commons/main/images/cont/reservation_left_on.png");} .reservation-tit__next { right: 10%; padding-right: 14px; background-image: url("/commons/main/images/cont/reservation_right_off.png"); background-position: right center;} .reservation-tit__next:hover, .reservation-tit__next:focus, .reservation-tit__next:active {background-image: url("/commons/main/images/cont/reservation_right_on.png");} .reservation-table { border-left: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; margin-bottom: 5px;} .reservation-table table { width: 100%; } .reservation-table th, .reservation-table td { border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; } .reservation-table thead th {font-size: 14px; font-size: 1.4rem; font-weight: bold; padding: 8px 0;} .reservation-table td { font-size: 12px; font-size: 1.2rem; color:#666666; text-align: right; vertical-align: top; min-height:40px; padding-top: 55px; padding-bottom: 15px; position: relative;} .reservation-table .reservation-table__sunday { color: #d12222; } .reservation-table .reservation-table__satday { color: #2d5092; } .reservation-table .effect01 {position: absolute; right:10px; top:10px;} .reservation-table .effect02 { margin-bottom: 5px; } .reservation-table .effect02 a {/*background-color: #75b642;*/background-image: url("/commons/cmm/images/cal/cal6.jpg"); text-align: center; color: #fff; font-weight: bold; display: block; padding: 2px 0 2px 2px; font-size: 11px; text-align: left; width:auto;} .reservation-table .effect02_R { margin-bottom: 5px; } .reservation-table .effect02_R a {/*background-color: #f7931e;*/background-image: url("/commons/cmm/images/cal/cal5.jpg"); text-align: center; color: #fff; font-weight: bold; display: block; padding: 2px 0 2px 2px; font-size: 11px; text-align: left; width:auto;} .reservation-table .effect02_E { margin-bottom: 5px; } .reservation-table .effect02_E a {/*background-color: #98A9B1;*/background-image: url("/commons/cmm/images/cal/cal7.jpg"); text-align: center; color: #fff; font-weight: bold; display: block; padding: 2px 0 2px 2px; font-size: 11px; text-align: left; width:auto;} .reservation-table .effect04 { margin-bottom: 5px; } .reservation-table .effect04 a {/*background-color: #555555;*/ background-image: url("/commons/cmm/images/cal/cal8.jpg");text-align: center; color: #fff; font-weight: bold; display: block; padding: 2px 0 2px 2px; font-size: 11px; text-align: left; width:auto;} .reservation-info { text-align: right; margin-bottom: 35px;} .reservation-info li {display: inline-block; font-weight: bold; margin-left: 15px;} *+ html .reservation-info li {display: inline;} .reservation-info span { display: inline-block; width:20px; height: 20px; vertical-align: middle; margin-right: 5px;} *+ html .reservation-info span { display: inline; } .reservation-info .effect01 { background-image: url("/commons/cmm/images/cal/cal5.jpg");} .reservation-info .effect02 { background-image: url("/commons/cmm/images/cal/cal6.jpg");} .reservation-info .effect03 { background-image: url("/commons/cmm/images/cal/cal7.jpg");} .reservation-info .effect04 { background-image: url("/commons/cmm/images/cal/cal8.jpg");} .agree-tit { text-align: center; } .agree-tit h4 { background-color: #015a9e; color: #fff; background-image: url("/commons/main/images/cont/agree-tit.png"); background-repeat: no-repeat; background-position: 38px bottom; padding: 11px 0; margin-bottom: 5px;} .agree-cont {width: auto; height:350px; overflow-y:scroll; border: 1px solid #d6d6d6; padding: 20px; margin-bottom: 14px;} .agree-cont h5 {color: #333333; margin-bottom: 5px;} .agree-cont p { margin-bottom: 10px; color: #666666;} .agree-cont ul { margin-left:10px; margin-bottom: 7px; color: #666666;} /* div Ÿ 2 */ .agree-cont2 {width: auto; max-height:150px; overflow-y:scroll; border: 1px solid #d6d6d6; padding: 20px; margin-bottom: 14px;} .agree-cont2 h5 {color: #333333; margin-bottom: 5px;} .agree-cont2 p { margin-bottom: 10px; color: #666666;} .agree-cont2 p.mgn_b20 { margin-bottom: 20px;} .agree-cont2 ul { margin-left:10px; margin-bottom: 7px; color: #666666;} .agree-btn {text-align: right; padding-bottom: 14px; border-bottom: 1px solid #eaeaea; margin-bottom: 30px; color: #666666; font-weight: bold;} .agree-btn h5{text-align: left;} /* â */ .securitybox {text-align: center; margin-bottom: 40px;} .securitybox h4 {color: #fff; background-color: #015a9e; font-size: 22px; font-size: 2.2rem; padding: 7px 0;} .securitybox__txt { background-color: #f7f7f7; padding: 13px 10px; font-weight: bold; color: #666666; margin-bottom: 20px; text-align: left; } .securitybox_info span { width: 12px; height: 10px; display: inline-block; background-image: url("/commons/main/images/cont/securitybox_info.png"); background-repeat: no-repeat; background-position: 0 0px; vertical-align: middle; padding-right: 5px;} *+ html .securitybox_info span { display: inline; } /* ̼Ǻ */ .vision-wrap { background-image: url("/commons/main/images/cont/nurimfacade.jpg"); background-repeat: no-repeat; background-position: center bottom; text-align: center; padding-bottom: 260px;} .vision-wrap__tit {font-size: 25px; color: #4c5052; letter-spacing:-1.5px; margin-bottom: 10px;} .vision-wrap__tit span {color: #015a9e} .vision-wrap p { font-size: 14px; color: #888888; font-weight: bold; line-height: 1.5;} .vision-info li {border-top: 1px solid #dddddd;} .vision-info li:first-child { border-top: 0px; } .vision-info div {padding: 25px 0;} .vision-info h4 {color: #333333; font-size: 19px; display: inline-block; padding-left: 70px; vertical-align: middle; background-repeat: no-repeat; background-position: 10px center; width: 100px;} *+ html .vision-info h4 {display: inline;} .vision-info .effect01 h4 { background-image: url("/commons/main/images/cont/vision1.png");} .vision-info .effect02 h4 { background-image: url("/commons/main/images/cont/vision2.png");} .vision-info .effect03 h4 { background-image: url("/commons/main/images/cont/vision3.png");} .vision-info .effect04 h4 { background-image: url("/commons/main/images/cont/vision4.png");} .vision-info small {font-size: 11px; font-weight: bold; color: #bbbbbb;} .vision-info p { font-size: 16px; color: #666; display: inline-block; vertical-align: middle; } *+ html .vision-info p {display: inline;} .vision-info__plus {background-image: url("/commons/main/images/cont/vision_plus.png"); background-repeat: no-repeat; background-position:center center; display: inline-block; width: 22px; height: 22px; background-size: 100% auto; vertical-align: middle; font-size:0; line-height:0; } *+ html .vision-info__plus {display: inline;} /* н û */ .reserve_wrap {} .reserve_wrap li { margin-bottom: 25px;} .reserve_wrap label { color: #333333; font-weight: bold; margin-bottom: 10px; display: block;} .reserve_wrap input[type="text"] { border: 1px solid #d6d6d6; height: 37px; padding-left: 15px; line-height: 37px;} .reserve_wrap .select_design {margin-left: 20px;} .reserve_wrap select { height: 39px; line-height: 39px;} .reserve_wrap select option {line-height: 1.4;} .info-list > ul > li { float: left; width: 20%;} .info-list__inner{ margin-left:9px;} .info-list li:first-child .info-list__inner {margin-left: 0px;} .info-list__inner__img {text-align: center; margin-bottom: 30px;} .info-list__inner__cont { background-color: #f0f0f0; padding: 15px 0; border: 1px solid #f0f0f0; border-radius: 5px; position: relative;} .info-list__inner__cont .info-arrow { display: block; height: 12px; width: 100%; position: absolute; top:-12px; left:0; background-image: url("/commons/main/images/cont/info-list__arrow.png"); background-repeat: no-repeat; background-position: center top;} .info-list__inner__cont h4 { color: #333333; font-size: 15px; font-size: 1.5rem; text-align: center; margin-bottom: 10px;} .info-list__inner__cont ul { margin: 0 15px; } .info-list__inner__cont li { background-image: url("/commons/main/images/cont/info-list__bg.png"); background-repeat: repeat-x; background-position: 0 top;} .info-list__inner__cont li:first-child { background: none; } .info-list__inner__cont li a { color: #666; display: block; background-image: url("/commons/main/images/cont/info-list__btn.png"); background-repeat: no-repeat; background-position: right center; padding: 6px 13px 6px 0;} /* */ .group-wrap { position: relative; width: 100%; background-image: url("/commons/main/images/cont/group-wrap5.jpg"); background-repeat: no-repeat; background-position: center 65px; margin-bottom: 40px; height: 330px; background-image: url("/upload/edit/2025021211341879261c04-6a10-4e42-8beb-df745d6a1574.png"); } .group-wrap__center { display: block; position: relative; margin: 0 auto; text-align: center; width: 145px; margin: 0 auto; line-height: 55px; height: 53px; border: 1px solid #80acce;} .group-wrap__center p { color: #015a9e; font-size: 17px; font-size: 1.7rem; font-weight: bold;} .group-wrap__center :focus , .group-wrap__center :active , .group-wrap__center :hover { background-color:#015a9e; color: #fff;} [class*='group-wrap__dep1-'] { position: absolute;} [class*='group-wrap__dep1-'] p { color: #015a9e; background-color:#fff; font-size: 17px; font-size: 1.7rem; font-weight: bold; border: 1px solid #80acce; width: 150px; text-align: center; padding: 14px 0; position: absolute;} [class*='group-wrap__dep1-']:focus p, [class*='group-wrap__dep1-']:active p, [class*='group-wrap__dep1-']:hover p { background-color:#015a9e; color: #fff;} .group-wrap__dep1-1 { left:520px; top:60px;} .group-wrap__dep1-2 {left:310px; top:110px;} .group-wrap__dep1-3 {left:310px; top:140px;} .group-wrap__dep1-4 {left:600px; top:140px;} .group-wrap__dep2 { position: relative; top: 185px; height:100px;} [class*='group-wrap__dep2__'] {position: relative; border: 1px solid #d6d6d6; text-align: center; width: 98px; height:50px; display: inline-block; margin-left:6px; padding: 14px 0; vertical-align: top;} *+ html [class*='group-wrap__dep2__'] {display: inline;} [class*='group-wrap__dep2__']:first-child { /* margin-left: 0; */ } [class*='group-wrap__dep2__']:last-child {margin-left: 0;} [class*='group-wrap__dep2__']:hover, [class*='group-wrap__dep2__']:active, [class*='group-wrap__dep2__']:focus { background-color: #1f79bd; } [class*='group-wrap__dep2__'] p {color: #1f79bd; font-weight: bold; } [class*='group-wrap__dep2__']:hover p, [class*='group-wrap__dep2__']:active p, [class*='group-wrap__dep2__']:focus p { color: #fff;} [class*='group-wrap__dep2__']:hover .group-wrap__btn-more, [class*='group-wrap__dep2__']:active .group-wrap__btn-more, [class*='group-wrap__dep2__']:focus .group-wrap__btn-more { border: 1px solid #fff; } [class*='group-wrap__dep2__']:hover .group-wrap__btn-more span, [class*='group-wrap__dep2__']:active .group-wrap__btn-more span, [class*='group-wrap__dep2__']:focus .group-wrap__btn-more span { color: #fff;} .group-wrap__dep2.ver2 { position:absolute; top:240px; right:0; } .group-wrap__dep2__1, .group-wrap__dep2__2, .group-wrap__dep2__3, .group-wrap__dep2__4, .group-wrap__dep2__5, .group-wrap__dep2__6, .group-wrap__dep2__7, .group-wrap__dep2__8, .group-wrap__dep2__9, .group-wrap__dep2__10{ width: auto; display: block; } .group-wrap__dep2 ul { display: flex; } .group-wrap__dep2 ul li { flex: 1; width: 69px; display: inline-block; margin:0 2px; } /* .group-wrap__dep2 ul li:nth-child(5) {margin-left: 95px;} */ /* .group-wrap__dep2 ul li:last-child {margin-right: 0;} */ .group-wrap__btn-more {position: absolute; margin: 10px auto; width: 68px; border: 1px solid #666666; border-radius: 15px; background-image: url("/commons/main/images/cont/group-wrap-more.png"); background-repeat: no-repeat; background-position: 74px center; bottom: 0; right: 50%; transform: translateX(50%); display:none; } .group-wrap__btn-more span { font-size: 12px; font-size: 1.2rem; color: #666666; display: inline-block; padding: 2px 0;} .group-txt { margin-bottom: 50px;} .group-txt img { vertical-align: middle; } .group_tab_box { display:none; } .group_tab_box.selected { display:block; } .h3_group { font-size: 19px; font-size: 1.9rem; margin-bottom: 15px; padding: 0 0 10px 30px; background-image: url("/commons/main/images/cont/group-bg.png"); background-repeat: no-repeat; background-position: left 0; border-bottom: 1px solid #eaeaea; color: #015a9e; } .h3_group span { color: #666666; } .h4_group { font-size: 14px; font-size: 1.4rem; color: #111; background-image: url("/commons/main/images/cont/h3_t18.jpg"); background-repeat: no-repeat; background-position :left center; padding: 0 0 0 35px; line-height: 30px; height: 30px; margin-bottom: 12px; } /* Ʈ*/ .print_box{height:99%; position:relative; color: #222; width:706px;} .print_box dt,.print_box dd{display:inline;font-size:10pt} .print_box dt{display:inline-block;width:66px;} *+ html .print_box dt{display:inline;} .print_btn_pos {position: absolute; top:10px; right:0;} .print_box .print_tit { text-align: center; padding-top: 50px;} .print_box .print_tit h1 { font-size: 60px; font-size: 6.0rem; color: #000;} .print_box.isu .print_tit h1 { font-size: 40px; font-size: 4.0rem; } .print_box.confirm .print_tit h1 { font-size: 40px; font-size: 4.0rem; } .print_box img{width:100%;} .print_box .item1{position:absolute;top:70px;left:140px; font-weight: bold; color: #111;} .print_box.isu .item1 { left: 90px; top: 80px; } .print_box .item2{position:absolute;top:305px;left:115px;font-size:17px; font-weight:bold;letter-spacing:2px;line-height:1.8;color: #111;} .print_box.isu .item2 { left: 120px;} .print_box .item2 p { margin-bottom: 15px;} .print_box .item2 p span { display: inline-block; width: 80px;white-space: nowrap;} *+ html .print_box .item2 p span { display : inline; } .print_box.confirm .item2 p span { width: 110px; } .print_box .item3{position:absolute;top:515px;left:50%;font-size:20px; font-size:2.0rem;font-weight:bold; width: 512px; margin-left: -256px;color: #111; line-height: 1.9; text-align: center;} .print_box .item4 { position: absolute; bottom: 250px; left: 0; font-size: 19px; font-size: 1.9rem; font-weight: bold; width: 100%; text-align: center;} .print_box .item5 { position: absolute; bottom: 30px; left: 50%; font-size: 23px; font-size:2.3rem; font-weight: bold; width: 326px; margin-left: -163px;} .print_box .item6 { position: absolute; bottom: 0px; left: 10px; font-size: 14px; font-size:1.4rem; font-weight: bold; } .sns-wrap { text-align: right; margin-bottom: 30px; } .sns-wrap a { display: inline-block; margin:0 4px; } *+ html .sns-wrap a { display: inline; } /* ã ƿ ô */ .tb_type1.map { line-height: 1.6; } .tb_type1.map th { text-align: center; } .tb_type1.map td { font-size: 14px; font-size: 1.4rem; padding-left: 10px; } .tb_type1.map li { margin-bottom: 10px; } .tb_type1.map .float_wrap li { float: left; margin-bottom: 0px; width: 33.33%; background-image: url("/commons/main/images/cont/map-arrow.png"); background-repeat: no-repeat; background-position: 85% center; } .tb_type1.map .float_wrap li:last-child { background-image: none; } .tb_type1.map td .col_blue { font-weight: bold; } .yellow-btn { border: 1px solid #c54600; color: #c54600; border-radius: 15px; display: inline-block; padding: 0px 10px; font-weight: bold; } *+ html .yellow-btn { display: inline; } .main-photo-wrap__in__tit { font-size: 24px; padding: 13px 0 8px; color: #000; font-weight: normal; border-bottom: 2px solid #0076be; display: inline-block; margin-bottom: 25px; } *+ html .main-photo-wrap__in__tit { display: inline; } .nurim-info_wrap { position: relative; width: 700px; margin: 0 auto; } .nurim-info_wrap .cycle-slideshow img {width:700px !important;} #nurim-sl-prev {position:absolute;top:45%;left:-30px;display:block;width:54px;height:54px;font-size:0; background-image:url("/commons/main/images/global/msl_left.png");background-position:center center;background-repeat:no-repeat; z-index:9997; } #nurim-sl-next {position:absolute;top:45%;right:-30px;display:block;width:54px;height:54px;font-size:0; background-image:url("/commons/main/images/global/msl_right.png");background-position:center center;background-repeat:no-repeat; z-index:9997; } /* û */ .lay_education { display: none; width: 790px; height: 340px; position: absolute; /*border: 4px solid #0076be;*/ top:540px; left:50%; z-index:9998; /*background-image: url("/commons/main/images/site/lay_education_bg.jpg");*/ background-image: url("/commons/main/images/site/lay_education_bg_250917.jpg"); background-repeat: no-repeat; background-position: center top; margin-left: -395px; } .lay_education.selected { display: block; } .lay_education__inner__tit { /*background-image: url("/commons/main/images/site/lay_education_tit_botline.png"); background-repeat: repeat-x; background-position: 0 bottom;*/ margin-bottom: 35px; } .lay_education h3 { color: #fff; font-size: 24px; font-size: 2.4rem; padding: 18px 0 12px 80px; /*background-image: url("/commons/main/images/site/lay_education_hx.png");*/ background-image: url("/commons/main/images/site/lay_education_hx_250917.png"); background-repeat: no-repeat; background-position: left bottom; letter-spacing: -1px; } .lay_education__inner { padding: 30px 60px 60px; } .lay_education li { float: left; text-align: center; width: 210px; /*background-image: url("/commons/main/images/site/lay_education_list.png");*/ background-image: url("/commons/main/images/site/lay_education_list_250917.png"); background-repeat: no-repeat; background-position: center center; color: #fff; padding: 40px 0 31px 0; margin-left: 0; } .lay_education li:first-child { margin-left: 0px; } .lay_education li div { font-size: 19px; font-size: 1.9rem; color: #fff; /*background-image: url("/commons/main/images/site/lay_education_stit.png"); background-repeat: no-repeat; background-position: center bottom;*/ padding-bottom: 22px; margin-bottom: 22px; } .lay_education li a { display: inline; padding: 0; } .lay_eucation_close { position: absolute; right: 20px; top: 20px ; /*padding: 0px !important;*/ } .family_site { position: absolute; top: 20px; right: 0; } /* Ʈ ڽ Ʈ */ .select_concept {position:relative;display:inline-block;z-index:1;} *+ html .select_concept {display: inline; } .select_concept.selected {z-index:999999;} .select_concept span {display:block;} .select_concept span a {display:block;line-height:1.5em; color: #888; text-decoration: underline;} .select_concept ul {position:absolute;top:100%;left:0px;display:none;} .select_concept.selected ul {display:block;} .select_concept ul li {display:block;} .select_concept ul li a {display:block;line-height:1em;word-break:break-all;text-align:left;} .select_concept ul li a:hover {text-decoration:underline;} /* 1 */ .select_concept.type01 span a {font-size:13px;padding:5px 23px 5px 10px; background-image:url("../images/global/family_site_bg.png");background-position:right center;background-repeat:no-repeat; } .select_concept.type01 ul {padding-top:3px; height:70px; overflow-y:scroll; background-color: #fff;} .select_concept.type01 ul li a {display:block;padding:3px 5px;font-size:10px;} .signlanguage_movie { width: 100%; height: auto; margin-bottom: 40px; } .signlanguage_movie video { width: 100%; max-width: 765px; height: auto; } /*  */ .frame-list { margin-bottom: 40px; } .frame-list li { float: left; border: 1px solid #d6d6d6; width: 146px; margin-left: 55px; } .frame-list li:first-child { margin-left : 0px } .frame-list__tit { border-bottom: 1px dashed #ddd; background-repeat: no-repeat; background-position: 10px 20px; padding: 25px 0px 18px 50px; padding-left: 50px; padding-top: 25px; margin: 0 13px 13px; } .img01 .frame-list__tit { background-image: url("/commons/main/images/cont/corporation1.jpg"); } .img02 .frame-list__tit { background-image: url("/commons/main/images/cont/corporation2.jpg"); } .img03 .frame-list__tit { background-image: url("/commons/main/images/cont/corporation3.jpg"); } .img04 .frame-list__tit { background-image: url("/commons/main/images/cont/corporation4.jpg"); } .frame-list strong { color: #333333; } .frame-list__txt { text-align: center; color: #666666; line-height: 1.7; margin-bottom: 10px; padding: 0 5px; font-size:13px; font-size: 1.3rem; } .img04 .frame-list__txt { text-align: left; } /*ȯ й ȣ ̾ */ .layer_pwd{width:300px;min-height:135px;position:absolute;top:50%;left:50%;margin-left:-150px;margin-top:-15%;background-color:#fff; border:5px solid #111;text-align:center;padding-top:60px; } .layer_pwd p{text-align:center;font-weight:bold;font-size:15px;margin-bottom:20px;} .layer_pwd .in_box{height:26px;} .layer_pwd_in{position:relative;min-height:135px;} .layer_pwd_in .close_line{position:absolute;bottom:10px;right:10px;} .emoji { width: 15px; height: 15px; vertical-align: middle;} /* 츮 ׺ ü */ .map-area { background-color: #f4f4f4; border: 1px solid #d6d6d6; text-align: center; padding: 70px 0;} .map-tit { margin-bottom: 50px; border-bottom: 1px solid #bfd6e7; } .map-tit h3 { color: #015a9e; font-size: 22px; font-size: 2.2rem; background-image: url("/commons/main/images/cont/map_tit.png"); background-repeat: no-repeat; background-position: left bottom; padding-left: 60px; padding-top: 32px; border-bottom: 2px solid #015a9e; display: inline-block; margin-bottom: -2px; } *+ html .map-tit h3 { display: inline; } .map-category li { float: left; width: 33%; margin-bottom: 40px; } .map-category li > div { margin: 0 10px; } .map-category li img { margin-bottom: 5px; } .map-category li h4 a { display: block; background-color: #015a9e; background-image: url("/commons/main/images/cont/map_category_bg.png"); background-repeat: no-repeat; background-position: 95% center; font-size: 14px; font-size: 1.4rem; color: #fff; height: 38px; line-height: 38px; padding-left: 20px; } .plus-table table { width: 100%; } .plus-table th { background-color: #015a9e; color: #fff; font-size: 17px; font-size: 1.7rem; border: 1px solid #d6d6d6; } .plus-table .item01 { background-image: url("/commons/main/images/cont/plus-bg1.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item02 { background-image: url("/commons/main/images/cont/plus-bg2.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item03 { background-image: url("/commons/main/images/cont/plus-bg3.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item04 { background-image: url("/commons/main/images/cont/plus-bg4.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item05 { background-image: url("/commons/main/images/cont/plus-bg5.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item06 { background-image: url("/commons/main/images/cont/plus-bg6.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item07 { background-image: url("/commons/main/images/cont/plus-bg7.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item08 { background-image: url("/commons/main/images/cont/plus-bg8.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item09 { background-image: url("/commons/main/images/cont/plus-bg9.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item10 { background-image: url("/commons/main/images/cont/plus-bg10.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item11 { background-image: url("/commons/main/images/cont/plus-bg11.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item12 { background-image: url("/commons/main/images/cont/plus-bg12.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item13 { background-image: url("/commons/main/images/cont/plus-bg13.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item14 { background-image: url("/commons/main/images/cont/plus-bg14.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item15 { background-image: url("/commons/main/images/cont/plus-bg15.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item16 { background-image: url("/commons/main/images/cont/plus-bg16.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item17 { background-image: url("/commons/main/images/cont/plus-bg17.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item18 { background-image: url("/commons/main/images/cont/plus-bg18.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table .item19 { background-image: url("/commons/main/images/cont/plus-bg19.png"); background-repeat: no-repeat; background-position: 0 0;} .plus-table td a { color: #666666; font-size: 14px; font-size: 1.4rem; border-bottom: 1px solid #eaeaea; margin-left: 65px; display: block; padding: 7px 0; background-image: url("/commons/main/images/cont/plus-table.png"); background-repeat: no-repeat; background-position: right center; } /**/ .btn_all .type1 {display:block;} .btn_all .type2 {display:none;} .btn_all.selected .type1 {display:none;} .btn_all.selected .type2 {display:block;} .nurimcontroller_in .resume{ background-image: url(/commons/main/images/site/nurim-move.jpg); background-position: center; background-repeat: no-repeat; display:inline-block; font-size:0px; width:34px; height:34px; border: 1px solid #d6d6d6; margin:10px; top: -9px; left: 220px; z-index:9998; } .nurimcontroller_in .stop{ background-image: url(/commons/main/images/site/nurim-stop.jpg); background-position: center; background-repeat: no-repeat; display:inline-block; font-size:0px; width:34px; height:34px; border: 1px solid #d6d6d6; margin:10px; top: -9px; right: 220px; z-index:9998; } *+ html #nurim-sl-move {display:inline;} *+ html #nurim-sl-stop {display:inline;} .info-list__inner__cont .naebang { color: #333333; font-size: 15px; font-size: 1.5rem; text-align: center; margin-bottom: 0px; font-weight:bold;} .online_info .yousun{ color:#015a9e; font-size:17px; height:50px; padding-left:75px; vertical-align:middle; background-repeat:no-repeat; background-position:15px 40%; font-weight:bold; } .online_info .call .yousun{ background-image:url("/commons/main/images/basic/call_icon.jpg"); } .online_info .homepage .yousun{ background-image:url("/commons/main/images/basic/page_icon.jpg"); } .online_info .kakaotalk .yousun{ background-image:url("/commons/main/images/basic/katalk_icon.jpg"); } .online_info .facebook .yousun{ background-image:url("/commons/main/images/basic/face_icon.jpg"); } /* 자립전환지원페이지 표*/ .gyo_on tr[class*='local'] {display:none;} .gyo_on tr[class*='local'].selected {display:table-row;} .basic_none li{ background-image:none; } /* 20190214 new ================================*/ /* Noto Sans KR (korean) http://www.google.com/fonts/earlyaccess */ @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format("opentype"); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format("opentype"); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format("opentype"); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format("opentype"); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format("opentype"); } @font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 900; src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format("woff2"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format("woff"), url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format("opentype"); } .skiptoContent div{width:300px;} .h3_bul_new {font-weight:800;font-size:46px;color:#000;text-align: center;margin-bottom:5px;font-family: 'Noto Sans KR'} .h3_bul_new-text {font-family: 'Noto Sans KR';color:#666;font-size:18px;text-align:center;margin-bottom:20px;} .h3_bul_new2 {font-weight:600;font-size:40px;color:#2a87a7;text-align:left;margin-bottom:20px;font-family: 'Noto Sans KR';line-height: 1.4} .h3_bul_new-text2 {font-weight:600;font-family: 'Noto Sans KR';color:#000;font-size:22px;text-align:left;margin-bottom:0px;} .h4_bul_new {color:#2a87a7;margin-bottom:5px;font-family: 'Noto Sans KR';font-size:17px;font-weight:600;} .h4_bul_new2 {color:#000;margin-bottom:5px;font-family: 'Noto Sans KR';font-size:17px;font-weight:600;} .h4_bul_new3 {color:#000;margin-bottom:5px;font-family: 'Noto Sans KR';font-size:15px;font-weight:600;} .atc-box {font-family: 'Noto Sans KR';margin-bottom:60px;} .atc-box__left {text-align:center;font-size:24px;color:#2a88a6;font-weight:600;float:left;width:100px;} .atc-box__left div{margin-bottom:5px;} .atc-box__right {width:625px;float:right;line-height:1.7;font-size:15px;} .atc-box__right__bottom {margin-top:40px;position:relative;padding-top:50px;} .atc-box__right__bottom__icon {position: absolute;top:0;right:0;} .atc-box__right__bottom .h4_bul_new {position: absolute;top:0;left:0;} .atc-list-type1 li {float:left;width:65%;margin-bottom:10px;} .atc-list-type1 li:nth-child(2n) {width:35%} .atc-list-type1 li strong {color:#2a87a7;margin-right:20px;} .atc-list-type2 li {margin-bottom:5px;padding-left:70px;position:relative;} .atc-list-type2 li strong {color:#000;margin-right:20px;position:absolute;left:0;top:0;} .atc-dl {margin-bottom:20px;} .atc-dl dt {display:inline-block;width:8%;color:#333;font-weight:bold;vertical-align: top;margin-bottom:5px;} .atc-dl dd {display:inline-block;width:90%;margin-bottom:5px;} .atc-dl.short dt {width:11%} .atc-dl.short dd {width:87%} .atc-dl.long dt {width:100%;margin-bottom:2px;} .atc-dl.long dd {width:100%;margin-bottom:5px;} .atc-box .basic_list2 li {background-position: 0px 12px;} .dotted-box {border-bottom:1px dashed #e2e2e2;padding-bottom:20px;padding-top:20px;} .atc-box__right > .dotted-box:last-child{border-bottom:0;} .atc-box__right > .dotted-box:first-child{padding-top:0;} .left-img-type {margin-bottom:10px;} .left-img-type__left {float:left;width:50%;} .left-img-type__right {float:right;width:50%;} .icon-box {margin-top:10px;} .food-menu {position:relative;top:30px;left:0;text-align:right;margin-left:-70px;padding-bottom:40px;} .food-menu__div {position: relative;width:310px;} .food-menu__div span {position: absolute;top:0;left:0;} .bbs_view_wrap .bbs_cont div.food-menu__div{max-width:none !important;} .way-ol {margin-bottom:10px;} .way-ol li {float:left;padding-left:20px;margin-right:5px;margin-bottom:10px; background-image:url("../images/global/ol_bul.jpg"); background-repeat:no-repeat; background-position:0 center;} .way-ol li:first-child {padding-left:0;background-image:none;} /*김동인 추가*/ .l_half{width:50% !important;} .f_left{float:left;} /* 무장애 게시판불릿 추가 */ .bul_trip{ background-image: url(/commons/main/images/global/sub-contents__top_h2.png); background-position: 0 center; background-repeat: no-repeat; padding-left: 20px; margin-bottom: 20px; font-size: 17px; font-size: 1.7rem; } .wa_mark {position: relative; top: -70px; left: 750px; } /*20200327기관요청에 의하여 대관신청화면 변경*/ .reservation-table2 { border-left: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6; margin-bottom: 5px;} .reservation-table2 table { width: 100%; } .reservation-table2 th, .reservation-table2 td { border-right: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; } .reservation-table2 thead th {font-size: 14px; font-size: 1.4rem; font-weight: bold; padding: 6px 0;} .reservation-table2 td { font-size: 12px; font-size: 1.2rem; color:#666666; text-align: center; vertical-align: top; min-height:2px; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; position: relative;} .reservation-table2 .reservation-table__sunday { color: #d12222; } .reservation-table2 .reservation-table__satday { color: #2d5092; } /* 2023.10.31 추가 - start */ .reservation-table2 input {width: 0; height: 0; overflow: hidden; opacity: 0; position: absolute;} .reservation-table2 input + label {width: 18px; height: 18px; background-image: url('/commons/cmm/images/cal/cal0.jpg'); background-size: cover; background-position: center; font-size: 0;} .reservation-table2 input:focus + label {outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;} .reservation-table2 input:checked + label {background-image: url('/commons/cmm/images/cal/cal1.jpg');} .reservation-table2 input.wait + label {background-image: url('/commons/cmm/images/cal/cal2.jpg');} .reservation-table2 input.disabled + label {background-image: url('/commons/cmm/images/cal/cal4.jpg');} .reservation-table2 input.finished + label {background-image: url('/commons/cmm/images/cal/cal3.jpg');} /* 2023.10.31 추가 - end */ /* 경기여행누림 예약 신청 선택 화면*/ .trip_resv_select{text-align:center;} .trip_resv_select a{padding: 40px 10px 60px 10px; margin: 10px;width:220px;} .trip_resv_select span{font-size:20px;} .pd15{padding: 15px;} /* 경기여행누림 > 온동네버스투어 일정 선택 화면*/ .trip_reservation table{width:100%;} .trip_reservation th{background-color: #015a9e; color: #fff; text-align: center;padding:10px 0 10px 0;border-right:1px solid #fff; border-top:1px solid #fff} .trip_reservation tbody tr td:first-child{border-left:1px solid #dedede;} .trip_reservation tbody td{text-align: center; padding: 10px 0 10px 0; font-size: 12px;border-right:1px solid #dedede; border-bottom:1px solid #dedede;} .trip_reservation tbody td span.resv_ok{font-weight: bold; color: #015a9e;} .trip_reservation tbody td span.resv_no{font-weight: bold; color: #ed1212;} .trip_next {float:right;margin-top:10px;} .trip_next a{padding:10px;} /* 경기여행누림 온동네버스투어 예약 신청 화면*/ .trip_regist h3{font-size:18px; color:#666;} .trip_regist h4{padding:10px 0 0 10px;color:#ed1212;} .trip_regist table{text-align: center; padding: 10px 10px 30px 10px;} .trip_regist table thead tr th{padding:8px; color:#fff; background-color:#015a9e; border-right:1px solid #fff; border-bottom:1px solid #fff} .trip_regist table tbody tr th{padding:8px; color:#fff; background-color:#015a9e; border-bottom:1px solid #dedede; } .trip_regist table tbody tr td input[type='text']{ height: 28px; width:95%; border:none;} .trip_regist table.trip_user{width:120%;} .trip_regist table.trip_user tbody tr td input[type='text']{text-align:center;} .trip_regist table.trip_appl tbody tr td{text-align: center; border: 1px solid #dedede; border-bottom: none;} .trip_regist table.trip_appl tbody tr:last-child td:last-child{border-bottom: 1px solid #dedede;} .trip_regist table.trip_user tbody tr td{text-align: center;border-right: 1px solid #dedede; border-bottom: 1px solid #dedede;} .trip_regist table.trip_user tbody tr td:first-child{border-left: 1px solid #dedede;} .trip_regist table.trip_user tbody tr td.rm_btn{border:none;} /* 경기여행누림 온동네버스투어 예약 완료, 조회 결과 없음 문구 화면*/ .complete_form {padding-top:50px; text-align: center; font-size: 18px;} .bold_ok_ch {font-size: 20px;font-weight: bold;color: #015a9e;} /* 경기여행누림 신청 확인 화면*/ .trip_confirm {text-align: center;} .trip_confirm .trip_cert{float:left; width:100%;} .trip_confirm .trip_cert p{padding: 5px; font-size:16px;} .trip_confirm .trip_cert div{padding-top:10px;} .trip_confirm .trip_cert input{height: 30px; width: 35%; margin:5px;} .trip_confirm .trip_cert a.btn_t2{padding:10px; margin:10px;font-size:16px;} /* 상담신청 */ .box_tit{font-weight: 900;margin-bottom: 3px;} .counsel{margin-top:40px;text-align:center;} .counsel img{margin:0 50px;} .kakako_counsel_tit{font-size:25px; text-align:center;} .center{text-align:center;} .counsel2{width: 70%;padding: 10px 0;background-color: transparent; margin-left: 5%;font-size: 12px;border:1px solid #e2e2e2;} .counsel_info{margin-bottom: 10px;font-size: 18px;font-weight: 700;position: relative;} .counsel_info label{width:150px;} .counsel_info label span{color:#e21500;} .counsel_info label span.counsel_sp{position: absolute;top: 0px;padding-left: 3px;} .nurim_channel{text-align: center;padding-right: 55px;padding-top: 20px;width: 300px;float: right;} .btn_channel{height: 20px; line-height: 20px; color: #555555; font-size: 13px; font-weight: bold; padding-left: 8px; padding-right: 8px; border: 1px solid #dddddd; background-color: #fff; border-radius: 4px; display: inline-block; margin-bottom: 30px; } .mgn_b15 {margin-bottom: 15px;} /* 카카오 다음맵 포커스 */ .roughmap_maker_label a:focus > .roughmap_lebel_text{outline:2px solid black;} .hide_text:focus{border:2px solid black;} /* 인트로 */ .introbody{text-align: center; background-image: url(/commons/main/images/site/intro_bg.png); background-repeat: no-repeat; background-position: 0 0;max-height: 1024px; height:100%;} .intro{width: 1210px; margin: 0 auto;} .intro__in {margin:20px 0;} /* 종사자 특화*/ .jongsaja{margin-left:-6px;} .jongsaja li {float: left; text-align: center; margin-bottom:5px;} .jongsaja li a{border:none;height: 70px;padding-top: 30px;background-color: #fff;border:1px solid #dedede;margin-left:6px;} .jongsaja li.selected {border:0px;} .jongsaja li.selected a, .jongsaja li a:hover {background-color:#015a9e; padding-top: 30px; border: 1px solid #dedede; } .jongsaja li a:hover , .jongsaja li.selected a {color:#fff;} .jongsaja li.four_type{width:180px;} .jongsaja li.four_type.nmr{} .jongsaja li.five_type{width:140px;} .jongsaja li.five_type.nmr{} .jongsaja li.one_line a{padding-top: 40px;height: 60px;} .jongsaja li.three_line a{padding-top: 20px; height: 80px;} .wd100{width:100% !important; text-align: left !important; padding-left: 15px !important;} .tb_col1{background-color:#fdeeef; font-weight:bold;} .tb_col2{background-color:#fff4d8; font-weight:bold;} .tb_col3{background-color:#e4f8f3; font-weight:bold;} .tb_col4{background-color:#dfebfb; font-weight:bold;} .tb_col5{background-color:#f3effc; font-weight:bold;} .tb_col6{background-color:#e5f6fc; font-weight:bold;} .tb_col7{background-color:#ecf6e1; font-weight:bold;} .tb_col8{background-color:#feece9; font-weight:bold;} .tb_col9{background-color:#656d78; font-weight:bold; color:#fff !important;} .tb_col10{background-color:#434a54; font-weight:bold; color:#fff !important;} .main_video{width:1025px; margin: 0 auto; position:relative; z-index:999; display:block;} .main_video video{position:absolute; left:60px; top:95px;} .cont_left{float:left;} .cont_right{float:right;} .blue_tit{background-color:#31589b; color:#fff; text-align: center; height: 60px; line-height: 60px; font-size: 22px; font-weight: bold; } .red_box1_tit{background-color:#d3443e; color:#fff; text-align: center; height: 45px; line-height: 45px; font-size: 20px;} .blue_box1_tit{background-color:#4f73cd; color:#fff; text-align:center; height: 45px; line-height: 45px; font-size: 20px;} .red_box1{border:1px solid #d3443e; box-sizing: border-box;width:380px;} .blue_box1{border:1px solid #4f73cd; box-sizing: border-box;} .blue_box1.three_type{width:253px;} .blue_box1.cont_left.three_type{margin-right:3px;} .blue_box1.cont_left.two_type{width:509px;} .blue_box1.cont_right.two_type{width:253px;} /* 추천콘텐츠 다운로드 레이어 css */ .download_file{position: fixed; z-index: 9999; overflow: auto; outline: 0; overflow-y: auto; display: block; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba( 000, 000, 000, 0.8 );} .download_file_wd1200{width:100%; max-width:938px; background-color: #fff; margin:0 auto; transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0); border: 1px solid #ccc; margin-top:30px; padding: 0 30px;} .download_file_title{display: block; padding: 20px; font-size: 20px; text-align: center; color: #000; font-weight: bold;} .download_file_agree{height: 300px; background: #fdfdfd; border: 1px solid #ddd; border-top: 3px solid #666; overflow-y: auto;} .download_file_agree_in{height: auto; padding:30px;} .download_file_agree_in h3{font-size: 19px; font-weight: 700; color: #2549a1;} .download_file_agree_in h4{margin: 15px 0 10px; font-size: 17px; color: #121212;} .download_file_agree_in p{margin: 10px 0 0; color: #666; font-size: 16px; line-height: 150%;} .download_file_agree2{text-align:right; padding:15px 20px 30px; font-size: 15px;} .download_file_agree2 label{font-weight:bold;} .download_file_info .bbs_list_wrap table tbody th{background-color: #f8f8f8; font-size: 15px; font-weight: bold; color: #000;} .download_file_info .bbs_list_wrap table tbody td{text-align:left; padding-left: 25px;} .download_file_info .bbs_list_wrap table tbody td textarea{width:95%; font-size: 15px;} .download_file_info .bbs_list_wrap table tbody td .inblock{display:inline-block; height:40px;} .download_file_info .bbs_list_wrap table tbody td .inblock select{font-size:15px; height:40px;} .download_file_info .bbs_list_wrap table tbody td .inblock input{font-size:15px; height:34px;} .ab_r{position:absolute; top:0; right:0;} .ggtrip_bul{background-image:url("/commons/main/images/icon/ggtrip_mini.jpg"); background-repeat:no-repeat; background-position: left center; padding-left: 70px; height: 32px; line-height: 32px; margin-bottom: 10px;} .paldo_bul{background-image:url("/commons/main/images/icon/paldo_mini.jpg"); background-repeat:no-repeat; background-position: left center; padding-left: 70px; height: 32px; line-height: 32px; margin-bottom: 10px;} .paldo_line_arr{display: inline-block; width: 85%; vertical-align: top; word-break: keep-all;} /*.trip_resv_select .btn_t2.ggtrip{background-image:url("/commons/main/images/icon/ggtrip_icon.png"); background-repeat:no-repeat; background-position: left center;}*/ /* 누림통장 css 추가 */ .tongjang_check{display: inline-block; padding-left: 20px;} .tongjang_check_title{color: #015a9e; font-size: 22px; font-weight: 500; margin-bottom:5px;} .tongjang_check_text{font-size:15px;} .tj_guide{border-bottom:1px dotted #b9b9b9; padding: 20px 0; margin-bottom:20px;} .tj_guide .left{float:left; width:30%;} .tj_guide .right{float:left; width:70%;} .tj_guide .right p{font-size: 15px; font-weight: bold; margin-bottom: 20px;} .tj_guide[class*="btn_t"] span em {height: 27px;} .tongjang_check_title select{color: #015a9e; font-size: 22px; font-weight: 500; margin-bottom: 5px; border: 0;} /* */ .privacy_label { margin-top: 20px; } .privacy_label_title { border-top: 2px solid #4b89b9; text-align: center; padding: 0.6rem 0; background: #f8f8f8; color: black;} .privacy_label_icon_list_box { margin-top: 10px; width: 100%; display: flex; justify-content: space-around; flex-flow: wrap; align-items: center; } .privacy_label_icon_list_box .privacy_label_icon_list {width: 130px; height:130px; margin:0 10px; margin-bottom:10px; text-align: center; box-shadow: 0 0 0 1px #7ea2c7 inset;} .privacy_label_icon_list_box .privacy_label_icon_list div:hover ~ p.hidden_label_text_type{display: block; } .privacy_label_icon_list_box .privacy_label_icon_list img {width: auto; height:auto; vertical-align:middle; padding-top:20px; padding-bottom:10px;} .privacy_label_icon_list_box .privacy_label_icon_list .privacy_labe_icon_tit{font-size: 14px;} .hidden_label_text_type{border:1px solid #0d73bd; position:absolute; background:#0d73bd; color: #fff; z-index: 99999; display:none; padding:0.5rem 1rem; } .privacy_index_list_box {display: flex; padding:0; margin: 0; flex-wrap: wrap; border-bottom:1px solid #ededed;} .privacy_index_list_box .privacy_index_list_icon_link {list-style-type: none; width:50%; border-bottom:1px solid #ededed; border-right: 1px solid #ededed; box-sizing: border-box;} .privacy_index_list_box .privacy_index_list_icon_link a{padding:0.6rem 0.8rem; display: flex; align-items: flex-start; width:100%; height:30px; line-height:30px;} .privacy_index_list_box .privacy_index_list_icon_link img{width: 25px; margin-right: 5px; margin-top: 2px;} .privacy_index_list_box .privacy_index_list_icon_link15 {list-style-type: none; width:50%; border-bottom:1px solid #ededed; border-right: 1px solid #ededed;} .privacy_index_list_box .privacy_index_list_icon_link15 img{width: 25px; margin-right: 5px; margin-top: 2px;} .privacy_index_list_box .privacy_index_list_icon_link15 a{padding:0.6rem 0.8rem; display: flex; align-items: flex-start; width:100%;} .privacy_index { margin-top: 20px; } .privacy_index_title { border-top: 2px solid #4b89b9; text-align: center; padding: 0.6rem 0; background: #f8f8f8; color: black;} .privacy_table {border:1px solid #ededed; text-align:center; } .privacy_table caption{overflow: hidden; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);} .privacy_table th{border:1px solid #ededed; text-align:center; background: #EAF1F8FF;} .privacy_table td{border:1px solid #ededed; text-align:center; } .privacy_txtbox p img{width: 25px; margin-left: 5px; vertical-align: sub; } .privacy_txtbox img{width: 800px; margin-left: 5px; vertical-align: sub; } .privacy_txtbox .btn_box {border: 1px solid black; width:250px;} .privacy_txtbox .btn_box a {width: calc((100% - 200px) / 2 );margin:0px 20px;} .privacy_txtbox .btn_box a.contents_list.btn_apply_Form span {background-image: url(/resources/images/pc/ico/w25_download.png);vertical-align: middle;display: inline-block; width: 40px;height: 40px;margin-left:5px;background-repeat: no-repeat;background-position: 0;} @media screen and (max-width: 1199px) { .privacy_label { margin-top: 20px; } .privacy_label_title { border-top: 2px solid #0a55a5; text-align: center; padding: 0.6rem 0; background: #EAF1F8FF; color: black;} .privacy_label_icon_list_box { margin-top: 4px; width: 1157px; display: flex; justify-content: space-around; flex-flow: wrap; align-items: center; } .privacy_label_icon_list_box .privacy_label_icon_list {width: 150px; margin:0 10px; margin-bottom:10px; text-align: center; box-shadow: 0 0 0 1px #7ea2c7 inset;} .privacy_txtbox .btn_box a {width: calc(100% - 70px); margin: 0 auto 20px;} .privacy_txtbox .btn_box a.contents_list.btn_apply_Form span {width:23px;height:23px;background-size: 23px auto;vertical-align: middle;} .privacy_txtbox .btn_box a.done.btn_apply span {width:23px;height:23px;background-size: 23px auto;vertical-align: middle;} } @media screen and (max-width: 414px){ .privacy_label_title { border-top: 2px solid #0a55a5; text-align: center; padding: 0.6rem 0; background: #EAF1F8FF; color: black;} .privacy_label_icon_list_box { margin-top: 0.6944vw; width: 90.3382vw; display: flex; justify-content: space-around; flex-flow: wrap; align-items: center; } .privacy_label_icon_list_box .privacy_label_icon_list {width: 25.8333vw; height:25.8333vw; margin:0 0.6944vw; margin-bottom:15.2778vw; text-align: center; box-shadow: 0 0 0 0.0347vw #7ea2c7 inset;} .privacy_label_icon_list_box .privacy_label_icon_list img {width: 13.8889; height:13.8889; vertical-align:middle; padding-top:1.3889vw;} .privacy_label_icon_list_box .privacy_label_icon_list .privacy_labe_icon_tit{font-size: 2.2222vw; align:center;} .privacy_txtbox .btn_box a {width: calc(100% - 19.4444vw);} .privacy_txtbox .btn_box a.contents_list.btn_apply_Form span {width:6.3889vw; height:6.3889vw; vertical-align: middle;} .privacy_txtbox .btn_box a.done.btn_apply span {width:6.3889vw; height:6.3889vw; vertical-align: middle;} .privacy_txtbox img{width: 89.1304vw; vertical-align: sub; } } .survey_wrap .box_type3{margin-bottom:10px;} .survay_line1{display: flex; justify-content: space-between; border-bottom: 1px solid #efefef; padding-bottom: 10px; margin-bottom: 10px;} .survay_line1 h3 {display:inline-block;} .survay_line1 div {display:block;} .survay_line1 span {} .survay_line2 h3 {margin-bottom:10px;} .survay_line2 .in_box{width:100%; margin-bottom:10px;} .survay_line2 p{margin-bottom:100px;} /* 메인 페이지 sns 컨텐츠*/ .sns_tab ul { padding: 0; list-style: none; margin: 0; display: flex; height: auto; } .sns_tab ul li { width: 25%; padding: 10px; border-right: 1px solid #dddddd; text-align: center; background-color: #f7f7f7; } .sns_tab ul li.on { background-color: #eeeeee; } .sns_tab ul li:last-child { /* width: 10%; */ border-right: 0; } .sns_tab ul li a { display: inline-block; vertical-align: middle; } .sns_tab ul li:hover { background-color: #eeeeee; } .sns_tab ul li.active { background-color: #eeeeee; } .sns_tab ul li a img { height: 30px; } .sns_plus { display: block; font-size: 0; width: 32px; height: 32px; background-image: url("/commons/main/images/global/sns_more.png"); background-repeat: no-repeat; background-position: center center; } .sns_tab_contents { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; text-align: center; height: 88%; } .sns_tab_contents.active { background-color: #eeeeee; } .tab_contents { width: 100%; padding: 20px; } .sns_tab_contents div p { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 440px; margin-top: 5px; font-weight: 600; font-size: 14px; } .tab_contents_flex { display: flex; flex-wrap: wrap; justify-content: center; margin: 0; text-align: center; height: 88%; padding: 0; width: auto; } .tab_contents_flex div { width: 38%; padding: 20px 10px; } .tab_contents_flex div p { overflow: hidden; /* 넘치는 부분을 숨김 */ white-space: nowrap; /* 줄바꿈을 막음 */ text-overflow: ellipsis; /* 넘친 부분에 ... 표시 */ max-width: 200px; /* p 태그의 최대 너비를 지정 */ margin-top: 8px; font-weight: 600; font-size: 14px; } .tab_contents div img { width: 125px; height: 125px; } .tab_contents div iframe { width: 125px; height: 125px; } .tab_contents_video { width: 100%; height: auto; text-align: left; padding: 20px; } .tab_contents_video iframe { width: 100%; height: 95%; } .tab-pane { display: none; } .tab-pane.active { display: flex; } #kakao-talk-channel-add-button a img { display: none; } #kakao-talk-channel-add-button a::after { display: block; background: url('/commons/main/images/cont/sns_tab_kakao.jpg') no-repeat; width: 100%; height: 100%; content: ''; } .rental-popup { display: none; /*background-image: url("/commons/main/images/site/rental-popup-bg.png");*/ background-image: url("/commons/main/images/site/bg_ren_250917.jpg"); background-repeat: no-repeat; background-position: center top; z-index: 9999; width: 820px; height: 324px; position: absolute; top: 540px; left: 50%; z-index: 9998; margin-left: -395px; font-family: 'Nanum Gothic'; } .rental-popup.on { display: block; } .rental-popup-close { position: absolute; right: 20px; top: 20px; } .rental-popup-top { height: 134px; margin: 0 95px; color: #FFFFFF; display: flex; align-items: end; } .rental-popup-top > div { display: flex; align-items: end; width: 100%; padding: 0 0 18px 60px; justify-content: space-between; } .rental-popup-title { font-weight: bold; font-size: 34px; } .rental-popup-guide { font-size: 13px; } .rental-popup-bottom { display: flex; margin: 40px 75px 0; color: #FFFFFF; justify-content: space-between; font-weight: bold; } .rental-popup-btn1, .rental-popup-btn2, .rental-popup-btn3 { display: block; /* a 태그를 블록 레벨 요소로 변경 */ background-repeat: no-repeat; width: 190px; height: 75px; color: #FFFFFF; font-size: 20px; text-align: left; box-sizing:border-box; padding-top:10px; padding-left:20px; } .rental-popup-btn1 { background-image: url("/commons/main/images/site/main-layer-img1.png"); } .rental-popup-btn1 > p { padding-right: 30px; } .rental-popup-btn2 { background-image: url("/commons/main/images/site/main-layer-img2.png"); } .rental-popup-btn2 > p { padding-right: 35px; } .rental-popup-btn3 { background-image: url("/commons/main/images/site/main-layer-img3.png"); } .rental-popup-btn3 > p { padding-right: 35px; } .tj_guide_sub { font-family:'Nanum Gothic'; font-size: 1.5rem; font-weight: bold; color: black; } .tj_guide_num_title { font-size: 1.5rem; font-weight: bold; color: #015a9e; margin: 20px 0; } .tj_guide_num_title > span { display: inline-block; background-color: #015a9e; color: white; width: 15px; border-radius: 100%; text-align: center; font-size: 10px; line-height: 15px; margin-right: 10px; } .tj_guide_sub .col_blue { color: #015a9e; } .workbook_img img { width: 100%; } /* 2023.10.30 추가 */ .sns_tab ul{ padding-bottom: 390px; font-size: 0; } .sns_tab ul li a{ width: 100%; height: 100%; } .sns_tab ul li div a img{ height: 125px; } #blog a{width: 100%;} #blog img{ width: 100%; height: auto; } #facebook{ padding: 25px 20px; } #kakao-talk-channel-add-button a::after { width: 100%; } .sns_tab_contents{ width: 100%; position: absolute; left: 0; top: 50px; } .tab_contents_flex div{ width: calc((80% - 20px) / 2); padding: 0 10px; } .tab_contents_video iframe{ height: 77%; } .js-box2 {display: none;} .js-box2.selected {display: block;} .flex-type { display: flex; } .flex-type > li { flex:1 0 auto; } /*2025 02-26 주요사업 리뉴얼*/ .pages a:hover, .pages a:focus {text-decoration: underline;} .f-table { margin-left:-42px; margin-right:-42px; } .f-table table { width:100%; border-spacing: 42px 8px; } .f-table thead{ } .f-table thead th{ color:#015a9e; font-size: 20px; font-weight: 600; border:2px solid #015a9e; padding:10px; border-radius: 50px; } .f-table tbody{ } .f-table tbody th{ color: #fff; text-align: center; font-size:16px; } .f-table tbody th strong{ display: block; font-size:25px; padding-top:10px; } .f-table tbody tr:nth-child(1) th{ background-color: #2b3968; } .f-table tbody tr:nth-child(2) th{ background-color: #334681 } .f-table tbody tr:nth-child(3) th{ background-color: #4860aa } .f-table tbody tr:nth-child(4) th{ background-color: #5472ca } .f-table tbody td{ line-height: 2.1; font-size:15px; border:1px solid #ddd; padding:20px 30px; position: relative; } .f-table tbody td:before { position: absolute; top:50%; left:-43px; margin-top:-4px; background-image: url('/upload/edit/20250227094713e04381ac-0204-466a-91e0-409ebebdf932.png'); background-position: 0 0; display: block; width: 46px; height:13px; content:' '; } .f-table tbody td a:hover, .f-table tbody td a:focus { text-decoration: underline; } .num-type { display: inline-block; width:19px; height:19px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 19px; font-weight: 600; color:#fff; font-size: 13px; margin-right: 5px; background-color: #314783; } .img-links {display:block;box-sizing: border-box;} .img-links:focus { border:1px solid gold} .tb_type1 table tbody th { background-color: #eee; text-align: center; } .tb_type1.td_left table tbody td { padding-left:15px; padding-right:15px; } .h3_bul2 { padding-top:6px; font-size:1.8rem; } html body { font-family: 'Noto Sans KR'; } .nomargin {margin:0;} .mgn_b10 {margin-bottom:10px !important;} .mgn_b20 {margin-bottom:20px !important;} .mgn_b30 {margin-bottom:30px !important;} .two-box { display: flex; border-top:1px solid #ddd; border-left:1px solid #ddd; margin-bottom: 10px; } .two-box__item { flex:1; border: 1px solid #ddd; border-left:0; border-top:0; text-align: center; box-sizing: border-box; padding-top:20px; padding-bottom:20px; } .h3_bul4 { font-size: 16px; color:#333; margin-bottom:10px; } body .tb_type1 table th { background-color: #eee; }