.blind{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;display:none;z-index:99999;} #wrap{min-width:320px;} /* skip navigation */ .skip-nav{position:absolute;left:0;top:-30px;z-index:9999;} .skip-nav li{position:absolute;left:0;top:0;width:200px;} .skip-nav a{position:absolute;left:0;top:0;display:block;width:100%;height:30px;line-height:30px;color:#fff;background:#002960;} .skip-nav a:focus{top:30px;} .mobile .skip-nav{display:none;} #topBanner{display:none;} .banner-wrap img{max-width:100%;} /* header */ #header{position:relative;z-index:900; border-bottom:1px solid #ccc;} .top-bar{height:37px;background:#3e61b2;position:relative;z-index:1000;} .top-bar > div{ } .top-bar .link1{float:left;} .top-bar .link1 > li{float:left;position:relative;display:none;} .top-bar .link1 > li:first-child{border-left:1px solid #7a9cc1;} .top-bar .link1 > li > a{display:inline-block;width:95px;color:#fff;font-size:14px;font-weight:600;text-align:center;line-height:37px;white-space:nowrap;} .top-bar .link1 > li > button{width:95px;color:#fff;font-size:13px;font-weight:600;text-align:center;line-height:31px;white-space:nowrap;} .top-bar .link1 > li.col-ty1 { background:#BF5805;} .top-bar .link1 > li.col-ty2 { background:#198843;} .top-bar .link1 > li.col-ty3 { background:#006d88;} .top-bar .link1 > li.col-ty4 { background:#005088; padding:3px 0 2px 0; } .top-bar .link1 > li.col-ty5 { background:#113d7e;} .top-bar .link1 > li.col-ty6 { background:#391b90;} .top-bar .link1 > li.col-ty7 { background:#771b88;} .top-bar .link1 > li.on {background:#fff;} .top-bar .link1 > li.on a{color:#000;} .top-bar .link1 > li > ul{width:100%;background:#fff;position:absolute;left:-1px;top:31px;display:none;border:1px solid #ccc;} .top-bar .link1 > li > ul li{border-bottom:1px dotted #ccc;} .top-bar .link1 > li > ul li a{display:block;padding:5px;} .top-bar .link2{float:right; border-left:1px solid #6581c1;} .top-bar .link2 > li{float:left;color:#fff; border-right:1px solid #6581c1; position:relative;display:none;} .top-bar .link2 > li > a{display:inline-block; font-size:14px;color:#fff;text-align:center;line-height:37px; width:77px;} .top-bar .link2 > li > button{ font-size:14px;color:#fff;text-align:center;line-height:37px;} .top-bar .link2 > li > ul{width:100%;background:#fff;position:absolute;left:-1px;top:31px;display:none;border:1px solid #ccc;} .top-bar .link2 > li > ul li{border-bottom:1px dotted #ccc;} .top-bar .link2 > li > ul li a{display:block;padding:5px;} .top-bar .link2 > li.popOpen{margin-left:1px;} .top-bar .link2 > li.popOpen button{ background:#1f4f8c url(/images/gwanak/common/layout/icon_open.png) center center no-repeat;width:38px;height:31px;text-align:left;text-indent:-9999px;} .top-bar li.subOpen{ width:100px;} .top-bar li.subOpen button{} .top-bar li.subOpen > div{position:absolute;left:-1px;top:37px;border:1px solid #4071a6;background:#fff;padding:10px;overflow:hidden;box-sizing:border-box;display:none;} .top-bar li.subOpen > .dong-menu{width:552px;} .top-bar li.subOpen > .dong-menu dl{} .top-bar li.subOpen > .dong-menu .department{width:69%;padding-right:1%;float:left;border-right:1px solid #ddd;box-sizing:border-box;} .top-bar li.subOpen > .dong-menu .dong{width:30%;float:right;} .top-bar li.subOpen > .dong-menu dt{background:#397557;color:#fff;width:100%;padding:5px 0;margin-bottom:1px;text-align:center;} .top-bar li.subOpen > .dong-menu dd{text-align:left;} .top-bar li.subOpen > .dong-menu dd a{display:block;padding:8px 0 8px 5px;font-size:13px;} .top-bar li.subOpen > .dong-menu dd a:hover{background:#dae7e1;} .top-bar li.subOpen > .dong-menu .department ul{float:left;width:33.3%;} .top-bar li.subOpen > .dong-menu .dong ul{float:left;width:50%;} .top-bar li.subOpen > .dong-menu .close{clear:both;text-align:right;padding:10px 5px 0 0;} .top-bar li.subOpen > .dong-menu .close a{display:inline-block;width:19px;height:19px;text-align:left;text-indent:-9999px;background:url(/images/gwanak/main/btn_close.png) 0 0 no-repeat;} .top-bar li.subOpen > .mypage{} .top-bar li.subOpen > .mypage li{text-align:left;border-top:1px solid #eee;font-size:13px;} .top-bar li.subOpen > .mypage li:first-child{border-top:none;} .top-bar li.subOpen > .mypage a{display:block;padding:7px 0;} .top-bar li.subOpen > .mypage a:hover{color:#397557;} .top-bar li.m-open{display:block;} .total-nav{display:none;} .total-nav{position:absolute;left:0;top:31px;z-index:1000;background:#fff;border-bottom:3px solid #3f71a6;width:100%;padding:20px 0 10px;} .total-nav .menulist{width:1100px;margin:0 auto;text-align:left;} .total-nav .menulist > ul{overflow:hidden;} .total-nav .menulist > ul > li{box-sizing:border-box;padding:0 5px 20px 5px;float:left;width:50%;} .total-nav .menulist > ul > li > span{font-size:16px;display:block;margin-bottom:10px;font-weight:600;background:#f4f4f4;padding:6px 15px;} .total-nav .menulist > ul > li:nth-child(2n+1){clear:both;float:left;} .total-nav .menulist > ul > li:nth-child(5){width:100%;} .total-nav .menulist > ul > li:nth-child(5) .dep2 > li{width:14%;} .total-nav .menulist .dep2{overflow:hidden;padding:0 15px;} .total-nav .menulist .dep2 > li{float:left;width:25%;} .total-nav .menulist .dep2 > li > a{font-size:13px;font-weight:600;display:block;padding:5px 0;} .total-nav .menulist .dep3 > li{} .total-nav .menulist .dep3 > li > a{font-size:12px;color:#555;display:block;padding:4px 0;letter-spacing:-1px;} .total-nav .close{clear:both;text-align:right;padding-top:10px;} .total-nav .close button{padding:5px;} .top-navi{clear:both;} .top-navi > div{ height:80px;position:relative;text-align:center;} .top-navi h1{width:179px;margin:0 auto;height:50px; padding-top:14px;} .top-navi h1 img{width:179px;} .top-navi h1 a{} .top-navi nav{float:left;} #header nav{display:none;} #gnav{ padding:0px; width:750px;text-align:center;display:none; } #gnav > li{display:inline-block;} #gnav > li > a{display:block; height:80px; padding:30px 25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; font-size:18px;font-weight:600; background:url(/images/gwanak/common/layout/gnav_dot.gif) 0 50% no-repeat; line-height:100%;} #gnav > li > a.bgn { background:none;} #gnav > li > div{position:absolute;left:0;top:73px; box-sizing:border-box;padding-top:7px;display:none; } #gnav > li:first-child > div{left:300px; } #gnav > li:first-child + li > div{left:300px; } /* LJY 20200714_컨텐츠 수정 */ #gnav > li:first-child + li + li > div{width:1280px;} /* //LJY 20200714_컨텐츠 수정 */ #gnav > li:first-child + li + li + li > div{left:300px;} #gnav > li:first-child + li + li + li + li > div{} #gnav > li:first-child + li + li + li + li > div > ul{width:1280px;box-sizing:border-box;} #gnav > li:first-child + li + li + li + li + li + li+ li+ li+ li+ li+ li> div{left:750px;} #gnav > li:first-child > div > .arr{left:125px;} #gnav > li:first-child + li > div > .arr{left:240px;} #gnav > li:first-child + li + li > div > .arr{left:660px;} #gnav > li:first-child + li + li + li > div > .arr{left:477px;} #gnav > li:first-child + li + li + li + li > div > .arr{left:905px;background:url(/images/gwanak/common/layout/menu_arr2.gif) 0 0 no-repeat;} #gnav > li:first-child + li + li + li + li + li > div > .arr{left:1005px;} #gnav > li:first-child + li + li + li + li + li + li+ li+ li+ li+ li+ li> div > .arr{left:270px;} #gnav > li > div > .arr{position:absolute;left:120px;top:0;display:block;width:15px;height:8px;background:url(/images/gwanak/common/layout/menu_arr.gif) 0 0 no-repeat;z-index:9999;} #gnav > li > div > ul{float:left;border:1px solid #737373;background:#fff;position:relative;overflow:hidden;} #gnav > li > div > ul > li{float:left;width:180px;border-left:1px solid #ebebeb;text-align:left;} #gnav > li > div > ul > li:first-child{border-left:none;} #gnav > li > div > ul > li > a{font-weight:600;display:block;padding:5px 20px;background:url(/images/gwanak/common/layout/icon_arr.gif) 92% center no-repeat;margin-top:20px;} #gnav > li > div > ul > li > a + div{padding:0;margin-bottom:20px;} #gnav > li > div > ul > li > a + div a{display:block;padding:5px 20px;} #gnav > li.on > a{color:#3e61b2;background-color:#fff;} #gnav > li:hover >a{color:#3e61b2;background-color:#fff;} #gnav > li > div > ul > li > a + div a:hover{padding:5px 20px; color:#1f4f8c; background:#ededed;} #gnav > li.on > div{} #gnav > li:nth-child(5) > div{} #gnav > li:nth-child(5) > div .m5-close{position:absolute;right:10px;bottom:10px;z-index:9999;} #gnav > li:nth-child(5) > div > ul{padding:0;} #gnav > li:nth-child(5) > div > ul > li{float:left;width:14.2%;height:370px;border:none;padding:0;} #gnav > li:nth-child(5) > div > ul > li:first-child{width:14.8%;} #gnav > li:nth-child(5) > div > ul > li > a{display:block;height:40px;line-height:40px;background:#737373;color:#fff;font-size:15px;text-align:center;;margin:0;} #gnav > li:nth-child(5) > div > ul > li > a:hover{background:#737373 url(/images/gwanak/common/layout/menu2_arr.gif) center bottom no-repeat;} #gnav > li:nth-child(5) > div > ul > li.on > a{background:#737373 url(/images/gwanak/common/layout/menu2_arr.gif) center bottom no-repeat;} #gnav > li:nth-child(5) > div > ul > li > div{position:absolute;left:0;top:70px;display:none;width:100%;height:300px;box-sizing:border-box;margin:0;} #gnav > li:nth-child(5) > div > ul > li > div > div{float:left;width:13%;} #gnav > li:nth-child(5) > div > ul > li > div > ul{float:left;width:87%;position:relative;} #gnav > li:nth-child(5) > div > ul > li > div > ul > li{float:left;} #gnav > li:nth-child(5) > div > ul > li > div > ul > li > a{font-weight:600;color:#222;} #gnav > li:nth-child(5) > div > ul > li:first-child > div{display:block;} #gnav .sub0 > ul > li:nth-child(3){position:absolute;left:0;top:80px;} #gnav .go-submain a{width:120px;height:120px;border-radius:30px;} #gnav .sub0 > ul > li:first-child{position:absolute;left:0;top:0;} #gnav .sub0 > ul > li:first-child + li{margin-top:40px;} #gnav .sub1 > ul > li:first-child{position:absolute;left:0;top:0;} #gnav .sub1 > ul > li:first-child + li{margin-top:40px;} #gnav .sub0 .go-submain a{display:block;background:url(/images/gwanak/common/layout/sub0_a_bg.png) center top no-repeat;padding:106px 0 10px 0;text-align:center;} #gnav .sub1 .go-submain a{display:block;background:url(/images/gwanak/common/layout/sub1_a_bg.png) center top no-repeat;padding:106px 0 10px 0;text-align:center;} #gnav .sub2 .go-submain a{display:block;background:url(/images/gwanak/common/layout/sub2_a_bg.png) center top no-repeat;padding:106px 0 10px 0;text-align:center;} #gnav .sub3 .go-submain a{display:block;background:url(/images/gwanak/common/layout/sub3_a_bg.png) center top no-repeat;padding:106px 0 10px 0;text-align:center;} #gnav .sub4 .go-submain a{display:block;background:url(/images/gwanak/common/layout/sub4_a_bg.png) center top no-repeat;padding:106px 0 10px 0;text-align:center;} #gnav .sub5 .go-submain a{display:block;background:url(/images/gwanak/common/layout/sub5_a_bg.png) center top no-repeat;padding:106px 0 10px 0;text-align:center;} #gnav .sub6 .go-submain a{display:block;background:url(/images/gwanak/common/layout/sub6_a_bg.png) center top no-repeat;padding:106px 0 10px 0;text-align:center;} #gnav .sub0 > ul > li{width:14%;} #gnav .sub1 > ul > li{width:20%;} #gnav .sub2 > ul > li{width:25%;} #gnav .sub3 > ul > li{width:16.4%;} #gnav .sub4 > ul > li{width:16.4%;} #gnav .sub5 > ul > li{width:20%;} #gnav .sub6 > ul > li{width:20%;} .go-menu{position:absolute; left:10px;top:19px;} .go-menu a{border:1px solid #999;display:block;width:45px;height:40px; line-height:40px;} .go-menu img{width:40px;} .go-search{position:absolute; right:10px;top:19px;} .go-search a{border:1px solid #999;display:block;width:45px;height:40px; line-height:40px;} /*all menu*/ .all_menu { float:right; width:40px; padding-top:20px; display:none; } .all_menu a.btn_open { width:40px;height:40px; border:1px solid #ccc; box-sizing:border-box; display:block; position:relative; text-indent:-999999px; background:url(/images/gwanak/main/btn_all_menu.png) 50% 50% no-repeat; } .all_menu a.btn_close { width:37px;height:37px; display:block; border:1px solid #ccc; position:relative; text-indent:-999999px; background:url(/renewal_img/tt_close_bg.gif) 50% 50% no-repeat; } .tt_menu{text-align:left; position:absolute; top:80px; z-index:9999; width:1280px; border:1px solid #ccc; background:#fff; display:none; } .tt_menu_ct {margin:0 auto; padding:25px 0 20px 35px; } .tt_menu_ct .row:nth-child(1) { margin-bottom:30px;} .tt_menu_ct .mn_list { display:inline-block; width:23%; vertical-align:top; margin-right:17px;} .tt_menu_ct .mn_list dt {height:40px; line-height:37px; font-size:15px; color:#fff; padding-left:20px; background:#3e61b2; font-weight:600; margin-bottom:10px;} .tt_menu_ct .mn_list dd div { display:inline-block; vertical-align:top; width:100%;margin-bottom:5px !important;} .tt_menu_ct .mn_list dd div p { border:1px solid #ccc; background:#f5f5f5; text-align:center; height:25px; line-height:22px; margin-bottom:5px;} .tt_menu_ct .mn_list dd div p a { font-weight:600; color:#111;} .tt_menu_ct .mn_list dd div ul {} .tt_menu_ct .mn_list dd div ul li a { display:block; font-size:13px; color:#333; padding:0 0px 3px 18px; background:url(/images/gwanak/main/depth4_on.png) 11px 8px no-repeat; font-weight:600;} .tt_menu_ct .mn_list dd div ul li a:hover{color:#ff3a25; } .tt_menu_ct .mn_list dd div ul li ul{ padding-left:10px; border:0;} .tt_menu_ct .mn_list dd div ul li ul li a { background:none; padding:0 0px 3px 15px; font-size:12px; font-weight:300;} .tt_menu_ct .mn_list:last-child {margin-right:0;} .tt_menu_ct .mn_list1 { display:inline-block; width:1210px; vertical-align:top; margin-bottom:30px; } .tt_menu_ct .mn_list1 dt {height:40px; line-height:37px; font-size:15px; color:#fff; padding-left:20px; margin-bottom:10px; background:#3e61b2; font-weight:600;} .tt_menu_ct .mn_list1 dd div { display:inline-block; vertical-align:top; width:19.65%; margin-bottom:5px !important;} .tt_menu_ct .mn_list1 dd div p.mt10 { margin-top:10px;} .tt_menu_ct .mn_list1 dd div p { border:1px solid #ccc; background:#f5f5f5; text-align:center; height:25px; line-height:22px; margin-bottom:5px;box-sizing:border-box;} .tt_menu_ct .mn_list1 dd div p a { font-weight:600; color:#111;} .tt_menu_ct .mn_list1 dd div ul { overflow:hidden; } .tt_menu_ct .mn_list1 dd div ul li a { display:block; font-size:13px; color:#333; padding:0 0px 3px 25px; background:url(/images/gwanak/main/depth4_on.png) 16px 8px no-repeat;} .tt_menu_ct .mn_list1 dd div ul li a:hover{color:#ff3a25; font-weight:600;} .tt_menu_ct .mn_list1 dd div ul li ul{ padding-left:10px;} .tt_menu_ct .mn_list1 dd div ul li ul li a { background:none; padding:0 0px 3px 15px; } .tt_menu_ct .mn_list1:last-child {margin-right:0;} .all_menu_close { position:absolute; right:20px; bottom:20px;} /* .top-navi .gsearch{float:right;width:215px;padding-top:20px;display:none;} .top-navi .gsearch form{height:36px;border:2px solid #005baa;background:#fff;overflow:hidden;} .top-navi .gsearch input[type="text"]{width:175px;float:left;border:none;height:36px;line-height:36px;padding-left:10px;} .top-navi .gsearch input[type="image"]{float:left;} */ .header-line{width:100%;height:1px;background:#000;opacity:0.2;position:relative;z-index:800;margin-bottom:-1px;} #sidr{display:none;} .sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;font-size:15px;background:#2170c1;} .top-logo-m{background:#fff;border-top:3px solid #317ac6;} .top-logo-m a{display:block;height:68px;text-align:left;text-indent:-9999px;background:url(/images/gwanak/common/top_logo_m.png) center center no-repeat;background-size:179px 50px;} .top-link-m{overflow:hidden;background:#0e315e;} .top-link-m li{float:left;width:50%;} .top-link-m li a{display:block;height:40px;line-height:40px;font-size:12px;text-align:center;color:#9eb4cd;border-left:1px solid #546d8d;} .top-link-m li:first-child a{border-left:none;} #sidr .dep1{} #sidr .dep1 > li{border-bottom:1px solid #5590cd;} #sidr .dep1 > li > a{display:block;padding:15px 0 15px 20px;font-size:15px;font-weight:600;color:#fff;} #sidr .dep1 > li.on > a{}/* color:#ffd92a; 나중에 색넣기 */ #sidr .dep1 > li.arr > a{background:url(/images/gwanak/common/layout/icon_plus_on.gif) 93% center no-repeat;} #sidr .dep1 > li.arr.open > a{background:url(/images/gwanak/common/layout/icon_minus_on.gif) 93% center no-repeat;} #sidr .dep1 > li.on.arr > a{background:url(/images/gwanak/common/layout/icon_plus_on.gif) 93% center no-repeat;} #sidr .dep1 > li.on.arr.open > a{background:url(/images/gwanak/common/layout/icon_minus_on.gif) 93% center no-repeat;} #sidr .dep1 > li.on.open > a{} #sidr .dep1 > li.on > ul{display:block;} #sidr .dep2{background:#235d9c;display:none;} #sidr .dep2 > li{border-top:1px solid #4b7aac;} #sidr .dep2 > li:first-child{border-color:#5590cd;} #sidr .dep2 > li > a{display:block;background:url(/images/gwanak/common/layout/icon_dep2_m.gif) 20px 17px no-repeat;padding:12px 0 12px 30px;font-size:14px;color:#fff;} #sidr .dep2 > li > a:hover{}/* color:#72dda6; 나중에 색넣기 */ #sidr .dep2 > li.arr{background:url(/images/gwanak/common/layout/icon_down.png) 94% center no-repeat;} #sidr .dep2 > li.on > a{}/* color:#72dda6; 나중에 색넣기 */ #sidr .dep2 > li.on > ul{display:block;} #sidr .dep3{background:#19487f;padding:8px 0 8px 20px;border-top:1px solid #4b7aac;display:none;} #sidr .dep3 > li{} #sidr .dep3 > li > a{display:block;padding:8px 0 8px 10px;font-size:13px;color:#fff;background:url(/images/gwanak/common/layout/icon_dep3_m.gif) 0 15px no-repeat;} #sidr .dep3 > li.on > a{color:#fff;} #sidr .dep3 > li.on > ul{display:block;} #sidr .dep3 > li > a:hover{color:#fff;} #sidr .dep3.dep3-1{overflow:hidden;} #sidr .dep3.dep3-1 > li{float:left;width:50%;} #sidr .dep4{padding:0 0 0 12px;display:none;} #sidr .dep4 > li{} #sidr .dep4 > li > a{display:block;padding:8px 0 8px 10px;font-size:13px;color:#b6cee8;background:url(/images/gwanak/common/layout/icon_dep4_m.gif) 0 15px no-repeat;} #sidr .dep4 > li.on > a{color:#fff;} #sidr .dep4 > li > a:hover{color:#fff;} #container{clear:both;position:relative;z-index:700; } #container:after{clear:both;display:block;content:'';} #snav{float:left;width:200px;padding-bottom:50px;display:none;} #snav h2{padding:30px 0;font-size:24px;font-weight:600;background:#4d92d9;text-align:center;color:#fff;position:relative;} #snav h2 .menu-name{height:49px;line-height:49px;letter-spacing:-1px;} #snav h2 .menu-category{display:block;font-size:16px;position:absolute;left:20px;top:30px;} #snav h2 .menu-category + .menu-name{display:block;padding-top:23px;height:24px;line-height:24px;text-align:left;padding-left:20px;} #snav h2.sn7 .menu-category{top:20px;} #snav h2.sn7 .menu-category + .menu-name{padding:10px 0 15px 15px;line-height:1em;width:120px;word-wrap:normal;word-break:break-all;} #snav h2.sn5{background:#4d92d9 url(/images/gwanak/common/layout/h2_sn5_bg.png) right bottom no-repeat;} #snav h2.sn6{background:#4d92d9 url(/images/gwanak/common/layout/h2_sn6_bg.png) right bottom no-repeat;} #snav h2.sn7{background:#4d92d9 url(/images/gwanak/common/layout/h2_sn12_bg.png) right bottom no-repeat;} #snav h2.sn8{background:#4d92d9 url(/images/gwanak/common/layout/h2_sn7_bg.png) right bottom no-repeat;} #snav h2.sn9{background:#4d92d9 url(/images/gwanak/common/layout/h2_sn8_bg.png) right bottom no-repeat;} #snav h2.sn10{background:#4d92d9 url(/images/gwanak/common/layout/h2_sn9_bg.png) right bottom no-repeat;} #snav h2.sn11{background:#4d92d9 url(/images/gwanak/common/layout/h2_sn10_bg.png) right bottom no-repeat;} #snav h2.sn11 .menu-category{top:20px;} #snav h2.sn11 .menu-category + .menu-name{padding:10px 0 15px 15px;line-height:1.15em;width:135px;word-wrap:normal;word-break:break-all;} #snav h2.sn12{background:#4d92d9 url(/images/gwanak/common/layout/h2_sn11_bg.png) right bottom no-repeat;} #snav .dep1 > li{border-bottom:1px solid #ddd;} #snav .dep1 > li > a{display:block;padding:10px 0 10px 12px;font-size:14px;font-weight:600;} #snav .dep1 > li.on > a{background-color:#1f4f8c;color:#fff;} #snav .dep1 > li.arr > a{background:url(/images/gwanak/common/layout/icon_plus.gif) 90% center no-repeat;} #snav .dep1 > li.arr.open > a{background:url(/images/gwanak/common/layout/icon_minus.gif) 90% center no-repeat;} #snav .dep1 > li.on.arr > a{background:#1f4f8c url(/images/gwanak/common/layout/icon_plus_on.gif) 90% center no-repeat;} #snav .dep1 > li.on.arr.open > a{background:#1f4f8c url(/images/gwanak/common/layout/icon_minus_on.gif) 90% center no-repeat;} #snav .dep1 > li.on.open > a{background:#1f4f8c;} #snav .dep1 > li.on > ul{display:block;} #snav .dep2{background:#e4edf2;padding:10px 10px;display:none;} #snav .dep2 > li{} #snav .dep2 > li > a{display:block;background:url(/images/gwanak/common/layout/icon_dep2.gif) 4px 14px no-repeat;padding:8px 0 8px 10px;font-size:13px;} #snav .dep2 > li > a:hover{color:#194780;text-decoration:underline;} #snav .dep2 > li.arr{background:url(/images/gwanak/common/layout/icon_down.png) 94% 12px no-repeat;} #snav .dep2 > li.on > a{color:#194780;text-decoration:underline;} #snav .dep2 > li.on > ul{display:block;} #snav .dep3{background:#fcfdfe;display:none;} #snav .dep3 > li{border-bottom:1px solid #e4edf2;} #snav .dep3 > li > a{display:block;padding:8px 0 8px 10px;font-size:13px;} #snav .dep3 > li.on > a{color:#194780;} #snav .dep3 > li > a:hover{color:#194780;} /*2019.10.07 여성친화도시 dep4 추가*/ #snav .dep4{background:#f8f8f8;} #snav .dep4 > li{border-bottom:1px solid #ededed;} #snav .dep4 > li > a{display:block;padding:8px 0 8px 20px;font-size:12px;} #snav .dep4 > li > a:before{content:"- "} #snav .dep4 > li.on > a{color:#194780;} #snav .dep4 > li > a:hover{color:#194780;} .contents-wrap{margin-bottom:40px; } .contents-top{border-bottom:1px solid #c1c7d2;margin-bottom:30px;padding-bottom:17px;} .contents-top .con-path{text-align:right;padding:10px 0 10px 0;font-size:12px;} .contents-top .con-path .home{background:url(/images/gwanak/common/layout/icon_home.png) left 3px no-repeat;padding-left:15px;} .contents-top > h3{font-size:32px;letter-spacing:-1px;float:left;font-weight:400;} .contents-top .con-sns{float:right;text-align:right;padding:12px 0 0 0;height:24px;font-size:12px;position:relative;} .contents-top .con-sns > ul > li{float:left;margin-left:8px;} .contents-top .con-sns > ul > li > a{display:inline-block;width:24px;height:24px;overflow:hidden;text-align:left;text-indent:-9999px;} .contents-top .con-sns .sns > a{background:url(/images/gwanak/common/layout/sns.png) 0 0 no-repeat;} .contents-top .con-sns .sns > div{position:absolute;right:0;top:37px;z-index:999;padding-top:5px;display:none;} .contents-top .con-sns .sns > div .arr{position:absolute;right:39px;top:0;display:inline-block;width:9px;height:6px;background:url(/images/gwanak/common/layout/sns_box_arr.png) 0 0 no-repeat;} .contents-top .con-sns .sns > div ul{overflow:hidden;padding:5px 0 5px 5px;border:1px solid #939aa6;background:#fff;width:173px;} .contents-top .con-sns .sns > div ul li{float:left;padding-right:5px;} .contents-top .con-sns .sns .kakao{display:none;} .mobile .contents-top .con-sns .sns .kakao{display:block;} .mobile .contents-top .con-sns .sns > div ul{width:216px;} .contents-top .con-sns .print a{background:url(/images/gwanak/common/layout/print.png) 0 0 no-repeat;} .contents-top:after{clear:both;display:block;content:'';} /* .contents-top .con-sns .sns-f a{background:url(/images/gwanak/common/layout/sns_f.png) 0 0 no-repeat;} .contents-top .con-sns .sns-b a{background:url(/images/gwanak/common/layout/sns_b.png) 0 0 no-repeat;} */ #contents{line-height:1.5em;} #contents:after{clear:both;display:block;content:'';} .contents-wrap img{max-width:100%;} .contents-form{border:1px solid #ddd;margin-bottom:10px;overflow:hidden;position:relative;} .contents-form .view-form{float:left;box-sizing:border-box;width:68%;} .contents-form .view-form > div{padding:15px 0 0 30px;} .contents-form .view-form h4{color:#1f4f8c;font-size:14px;margin-bottom:6px;} .contents-form .view-form li{background:url(/images/gwanak/common/content/icon_con3.gif) 0 9px no-repeat;padding-left:10px;} .contents-form .view-form li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:95%;} .contents-form .links-form{float:right;width:32%;} .contents-form .links-form li{float:left;width:50%;text-align:center;border-left:1px solid #ddd;box-sizing:border-box;} .contents-form .links-form a{display:block;padding:92px 0 15px;color:#21344d;line-height:1.16em;} .contents-form .links-form a em{display:block;} .contents-form .links-form a:hover{background-color:#f4f4f4 !important;} .contents-form .links-form .go-form a{background:url(/images/gwanak/common/layout/icon_form.png) center 20px no-repeat;} .contents-form .links-form .go-qna a{background:url(/images/gwanak/common/layout/icon_qna.png) center 20px no-repeat;} .contents-mnt{border:1px solid #ddd;padding:10px;margin-bottom:10px;margin-top:40px;} .contents-mnt ul{overflow:hidden;} .contents-mnt ul li{overflow:hidden;padding:5px 0 5px 21px;} .contents-mnt .part{background:url(/images/gwanak/common/layout/icon_part.png) 0 center no-repeat;} .contents-mnt .tel{background:url(/images/gwanak/common/layout/icon_tel.png) 0 center no-repeat;} .contents-mnt em{color:#1f4f8c;} .satisfaction-wrap{border:1px solid #ddd;padding:20px;margin-bottom:10px;margin-top:10px;box-sizing:border-box;} .satisfaction-wrap h4{font-size:15px;color:#222;margin-bottom:10px;} .satisfaction-wrap .satis-radio{margin-bottom:10px;} .satisfaction-wrap .satis-radio label{margin-right:20px;} /* footer */ .go-top{display:none;} #footer{clear:both;border-top:1px solid #ccc } #footer > div{text-align:left;position:relative; padding:25px 3%;} #footer .guide{margin-bottom: 10px;overflow:hidden; } #footer .guide li{float:left;width:50%;} #footer .guide li a{display:block;font-weight:600;font-size:14px;height:25px;line-height:25px;} #footer .guide li:first-child a{padding-left:0;} #footer .guide li:last-child:after{display:none;} #footer .guide li.policy a{color:#3966a4;} #footer .site-info{clear:both;color:#555; } #footer .site-info p{margin-bottom:5px;} #footer .site-info div p{padding:0 10px 0 0;display:inline;} #footer .site-info div p span{white-space:nowrap;} #footer .site-info div p .label{position:relative;} #footer .site-info small{font-size:12px;} #footer .other{padding:10px 10px 0 10px;} #footer .site-info { line-height:18px;} /*2018.08.13 메인에서 옮김*/ /* #popwrap{position:relative;padding:8px;width:100%;max-width:400px;background:#4d92d9;font-family:'NanumGothic';letter-spacing:-0.5px;text-align:left;box-sizing:border-box;} #popwrap .election_top{padding:10px 0;} #popwrap .election_top h1{padding:10px 5px 5px 5px;color:#fff;font-size:1.5em;font-family:'NanumGothic';letter-spacing:-1.5px;} #popwrap .election_top span{display:block;padding-top:3px;font-size:1.6em;} #popwrap .election_content{background:#fff;border-radius:5px;} #popwrap .pop-guide{padding:25px;} #popwrap .con-title1{display:block;margin-bottom:3px;font-size:14px;font-weight:600;color:#303030;} #popwrap .txt_orange{color:#ec6b24;} #popwrap .con-title1{font-size: 15px;padding: 0 0 10px 20px;color: #1f4f8c;background: url(/images/gwanak/common/content/icon_title1.gif) 0 3px no-repeat;} #popwrap .con-title1 + .con-icon1{margin-bottom:10px;} #popwrap .con-icon1 li{margin-bottom:2px;background: url(/images/gwanak/common/content/icon_con1.gif) 0 7px no-repeat;padding: 0 0 3px 10px;font-size:14px;} #popwrap .board{padding-left:40px;} #popwrap .regist{width:100%;} #popwrap .regist tbody tr td{padding:3px;} #popwrap p.detail{padding-left:10px;line-height:140%;} #popwrap .election_btn{margin-top:20px;text-align:center;} #popwrap .election_btn input[type="button"]{display:inline-block;padding:0 15px;height:35px;background:#ec6b24;border:0px none;border-radius:5px;color:#fff;font-weight:600;line-height:100%;} #popwrap .line{display:block;margin:0 20px;border-top:1px solid #dcdcdc;} #popwrap .election_btns{padding:25px 10px;text-align:center;} #popwrap .election_btns a{display:inline-block;margin:0 10px;padding:10px 15px;background:#2a72bd;color:#fff;border-radius:5px;font-weight:600;} #popwrap .win-close a{background:url(btn_electionClose1.png) no-repeat center center;}*/ /*2018.08.13 메인에서 옮김*/ .ui-widget-overlay{z-index:9999;} .ui-dialog{z-index:9999;} .paySelect{position:relative;text-align:center;border-radius:20px;width:300px;overflow:hidden;padding:10px 0;z-index:999999;} .paySelect ul{overflow:hidden;width:271px;margin:0 auto;} .paySelect ul li{float:left;width:50%;margin:10px 0;} .paySelect ul li img{width:120px;} .paySelect .close{padding-top:10px;} .paySelect .close a{display:inline-block;width:80px;height:35px;line-height:35px;background:#eee;border-radius:5px;} .pop-top{background:#3f71a6;color:#fff;border-bottom:1px solid #2e5f93;} .pop-top h1{font-size:16px;height:40px;line-height:40px;padding:0 15px;} .pop-wrap{padding:15px 0;margin:0 15px;line-height:1.5em;} .win-close{position:absolute;right:10px;top:4px;} .win-close a{color:#fff;display:inline-block;width:37px;height:33px;text-align:left;text-indent:-9999px;} .win-close a{background:url(btn_close.gif) 50% 50% no-repeat;} h1,h2,h3,h4,h5,h6{clear:both;margin:0;padding:0;font-size:1em;font-weight:600;} #payRefund {background:#fff;display:none;position:absolute;z-index:9999;width:660px;height:340px;left:50%;top:10%;border:1px solid #ccc;padding-bottom:5px;margin-left:-335px;} #payRefund p.subject{margin:0 0 7px; background: url(icon_con1.gif) 0 7px no-repeat;padding: 0 0 0 8px;} #payRefund .bank_info{overflow:hidden;margin-top:20px;} #payRefund .bank_info li{float:left;} #payRefund .bank_info label{font-weight:bold;margin-left:20px;} #payRefund .pop_wrap {} #payRefund .pop_con {background:#f2f2f2;padding:10px 5px 15px 5px;border-bottom:1px solid #ccc;} #payRefund .explain {margin:0 0 1px 5px;} /*map*/ #map-pc{width:100; margin:0 auto;} #map-mobile{width:100; margin:0 auto; display:none;} /** ~400 *************************************************************************************************************** */ @media all and (max-width: 400px){ #popwrap{max-width:none;} #popwrap .pop-guide{padding:10px;} #popwrap .election_top span{font-size:1.3em;} #popwrap .board{padding:0;} #popwrap input[type="text"]{width:100px;} } /** ~600 *************************************************************************************************************** */ @media all and (max-width:600px){ .top-bar .link1 > li > a{width:auto;display:block;padding:0 3px;font-size:12px;} .top-bar .link2 > li > a{padding:0 5px;font-size:12px; width:50px; } .top-bar .link2 > li > button{font-size:12px;} .contents-top > h3{font-size:22px;font-weight:600;padding-top:10px;} .contents-form .view-form{float:none;box-sizing:border-box;width:auto;} .contents-form .view-form > div{padding:15px;} .contents-form .links-form{float:none;width:auto;border-top:1px solid #ddd;} .contents-form .links-form li{float:left;width:50%;text-align:left;} .contents-form .links-form a{padding:20px 0 0 60px;min-height:70px;box-sizing:border-box;} .contents-form .links-form .go-form a{background-position:5px center;background-size:50px 50px;} .contents-form .links-form .go-qna a{background-position:5px center;background-size:50px 50px;} #footer > div{text-align:left;position:relative; padding:15px 2%;} #footer .guide li{width:auto;} #footer .guide li a{display:inline-block;padding:0 5px;font-weight:600;font-size:14px;} #footer .guide li:after{display:inline-block;height:10px;width:1px;background:#9b9b9b;vertical-align:middle;content:'';} #footer .guide li:first-child a{padding-left:0;} #footer .guide li:last-child:after{display:none;} #footer .other{display:none;} #footer .site-info { line-height:18px;} /*map*/ #map-pc{display:none;} #map-mobile{display:block;} } /** 600~ *************************************************************************************************************** */ @media all and (min-width:600px){ #footer .guide li{width:auto;} #footer .guide li a{display:inline-block;padding:0 15px;font-weight:600;font-size:14px;} #footer .guide li:after{display:inline-block;height:10px;width:1px;background:#9b9b9b;vertical-align:middle;content:'';} #footer .guide li:first-child a{padding-left:0;} #footer .guide li:last-child:after{display:none;} #footer .site-info { line-height:18px;} #footer .other{display:none;} } /** ~600 *************************************************************************************************************** */ @media all and (max-width:800px){ .top-navi .gsearch{padding:10px;width:100%;box-sizing:border-box;position:absolute;left:0;top:60px;z-index:999;background:#fff;} .top-navi .gsearch form{width:300px;box-sizing:border-box;float:right;} .top-navi .gsearch form input[type="text"]{width:80%;} .top-navi .gsearch form input[type="image"]{float:right;} #container{margin:0 10px;} .contents-wrap{margin:0 5px 40px 5px;} #footer .other{display:none;} #footer .site-info { line-height:18px;} .top-bar li.subOpen{ width:60px;} } /** 800~ *************************************************************************************************************** */ @media all and (min-width:800px){ .top-bar li{display:block !important;} .go-search{display:none;} .top-navi .gsearch{display:block;} .contents-top .con-path{padding:30px 0 10px 0;} .contents-mnt{padding:20px;} .contents-mnt .part{float:left;margin-right:40px;} .contents-mnt .tel{float:left;} .contents-mnt .update{float:right;} #footer .other{display:none;} } /** 360~768 *************************************************************************************************************** */ @media all and (min-width:800px) and (max-width:1100px){ .top-navi .gsearch{position:absolute;right:10px;top:-7px;} .top-bar li.subOpen{ width:80px;} .top-bar li.subOpen button{ background:url(/images/gwanak/common/layout/top_bar_arr.png) 98% center no-repeat;} #snav{display:block;float:left;width:20%;padding-bottom:20px;} #snav h2{font-size:24px;} #container{margin:0 10px 0 0;} .contents-wrap{float:right;width:75%;} #footer .other{display:none;} } @media all and (max-width:1100px){ .top-bar .link1 > li > a { width:auto; padding-left:2px; padding-right:2px;} .top-bar .link1 > li > a.on{ width:85px;} .top-bar .link1 > li > button{width:80px;} .top-bar .link2 > li > a { width:auto; padding-left:2px; padding-right:2px; } } /** 1090~ *************************************************************************************************************** */ @media all and (min-width:1000px){ } /** ~1100 *************************************************************************************************************** */ @media all and (max-width:1100px){ } /** 1100~ *************************************************************************************************************** */ @media all and (min-width:1100px){ body{text-align:center;} .top-bar > div{width:1280px;margin:0 auto;} .top-navi > div{width:1280px;margin:0 auto;height:80px;position:relative;} .top-navi h1{float:left;width:179px; padding-top:18px; margin-right:170px;} .top-navi h1 img{width:179px;} .top-navi nav{ } .go-menu{display:none;} #header nav{display:block;} #gnav{display:block;} #container{width:1280px;margin:0 auto;text-align:left;} #snav{display:block;float:left;width:235px;padding-bottom:50px;} .contents-wrap{float:right;width:1000px;} #footer{} #footer > div{width:1280px;margin:0 auto;padding:25px 0;background:url(/images/gwanak/common/layout/footer_logo.png) left center no-repeat;} #footer .guide{margin:0 0 10px 220px;overflow:hidden;} #footer .site-info { margin-left:220px; display:inline-block;} #footer .site-info div{margin-bottom:5px;} #footer .site-info div p{padding:0 10px 0 0;display:inline;} #footer .site-info div p .label{position:relative;} .all_menu { display:block; } #footer .other{display:block; position:absolute; top:20px; right:0;} #footer .other a{ padding-left:10px;} } /** 로그아웃 팝업, 로그인 연장 팝업 추가 --> main.css에만 포함되어 있던 부분 추가 ******************************************** */ #logout_set {background:#fff;position:absolute;z-index:9999;width:100%;max-width:400px;height:273px;left:51%;top:55%;border:1px solid #ccc;margin-top:-300px;margin-left:-230px;} #logout_msg {background:#fff;position:absolute;z-index:9999;width:100%;max-width:400px;height:260px;left:51%;top:55%;border:1px solid #ccc;margin-top:-300px;margin-left:-230px;} .lm_popup_wrap { width:460px ;height:310px; background:url(/images/gwanak/popup/bg.gif) 0 0 no-repeat; padding:20px; } .lm_pop_inner { text-align:center;} .lm_pop_inner h3 {margin:22px 0 30px;} .lm_pop_inner h3 img {} .lm_pop_inner p {margin-bottom:20px; } .lm_pop_inner .lm_btn {} .lm_pop_inner .lm_btn a { display:inline-block; width:191px; height:69px; text-indent:-9999em;background:url(/images/gwanak/popup/logout_btn.gif) 0 0 no-repeat;} .lm_pop_inner .lm_btn a.blue { } .lm_pop_inner .lm_btn a.gray { background-position:-194px 0 ;} .ls_popup_wrap { width:460px ;height:310px; background:url(/images/gwanak/popup/bg.gif) 0 0 no-repeat; padding:20px; } .ls_pop_inner { text-align:center;} .ls_pop_inner h3 {margin:22px 0 30px;} .ls_pop_inner h3 img {} .ls_pop_inner p {margin-bottom:20px; } .ls_pop_inner .ls_btn {} .ls_pop_inner .ls_btn a { display:inline-block; width:191px; height:69px; text-indent:-9999em;background:url(/images/gwanak/popup/login_btn.gif) 0 0 no-repeat;} .ls_pop_inner .ls_btn a.blue { } .ls_pop_inner .ls_btn a.gray { background-position:-194px 0 ;} @media all and (max-width:768px){ #contents{font-size: 13px; line-height: 1.75em;} }