@charset "utf-8"; /* 탑(1/2/3차)메뉴 */ #Ivyheader ul.IvyTopMenu { list-style-type: none; margin: 0 auto; height:88px; line-height:88px;width:921px;padding-left:72px;} #Ivyheader ul.IvyTopMenu::after { content: ''; display: block; clear: both; } #Ivyheader ul.IvyTopMenu li { text-align: center; float: left; width: 25%; position: relative;} #Ivyheader ul.IvyTopMenu li.select { color:#FFF200; } #Ivyheader ul.IvyTopMenu li.top_first {border-left:0px;box-sizing:border-box;} #Ivyheader ul.IvyTopMenu li.top_gov { letter-spacing:-0.5px; border-left:0px solid #709be9; box-sizing:border-box;} #Ivyheader ul.IvyTopMenu li.top,#Ivyheader ul.IvyTopMenu li.top_first { border-left:0px solid #709be9; box-sizing:border-box;} #Ivyheader ul.IvyTopMenu li.top:before,#Ivyheader ul.IvyTopMenu li.top_first:before{content: '';position: absolute;height: 2px;top: 86px;left: 0;background: #103ab3;transition: all 0.3s ease-out;width: 0%;} #Ivyheader ul.IvyTopMenu li.top:hover:before,#Ivyheader ul.IvyTopMenu li.top_first:hover:before{width:100%;} #Ivyheader ul.IvyTopMenu li a { font-size: 20px; display:block; color:#000; border-left:0px solid #cdcdcd; } /*#Ivyheader ul.IvyTopMenu li.top_first a{background:none; border-left:0; }*/ #Ivyheader ul.IvyTopMenu li.top:hover a,#Ivyheader ul.IvyTopMenu li.top_first:hover a{color:#103ab3;} #Ivyheader ul.IvyTopMenu li.top a:before,#Ivyheader ul.IvyTopMenu li.top_first a:before{content: '';transition:0.5s;} #Ivyheader ul.IvyTopMenu li.top:hover a:before,#Ivyheader ul.IvyTopMenu li.top_first:hover a:before{width: 5px;height: 5px;background: #103ab3;position: absolute;left: 148px;top: 28px;border-radius: 100%;transition:0.9s;} #Ivyheader ul.IvyTopMenu li a span.gnavi{position:relative;display:inline-block;padding-bottom:18px} #Ivyheader ul.IvyTopMenu li a span.gnavi:after{ content: ""; display: block; height: 3px; width: 0px; position: absolute; bottom: 0; left: 50%;} #Ivyheader ul.IvyTopMenu li a:hover span.gnavi, #Ivyheader ul.IvyTopMenu li > a.active span.gnavi{color:#da291c; } #Ivyheader ul.IvyTopMenu li a:hover span.gnavi:after, #Ivyheader ul.IvyTopMenu li > a.active span.gnavi:after{color:#1b4692;width: 50%; background: #da291c; left: 0; padding-left: 50%; opacity: 1; -webkit-opacity: 1;} #Ivyheader ul.IvyTopMenu li a span.gnavi:after{transition: all 0.4s ease; -webkit-transition: all 0.4s ease;} #Ivyheader ul.IvyTopMenu li.IvyTop1NewWin { background-image: url(/Ivyimages/common/sub/winopen.gif); background-repeat: no-repeat; background-position: 116px 3px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s { max-height:340px;/*max-height:240px;*/ list-style-type: none; width: 100%; margin: 0; padding: 0px 0 10px 0; display: none; position: absolute; top: 59px ;left:0 !important; border-bottom:0px solid #333; border-top:0px solid #ccc; background-color: #fff; z-index: 100; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li ul.sublist {padding-top:5px; margin-left:30px; padding-left:0px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.top_sub { float:left; min-height:18px; text-align: left; width:210px; margin:5px 20px 5px 0px; padding: 5px 0px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.top_sub span.top_sub_tit, div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.top_sub_first span.top_sub_tit { } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.top_sub span.top_sub_tit {float:left; width:180px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.top_sub a { height:40px; line-height: 40px; padding: 0px 0px 0px 30px; color: #1d1d1d; display:block; background: #fff url(/Ivyimages/common/bu_gnb_on.png) no-repeat 15px 50%; transition:0.3s; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.top_sub a:hover { background: #d24234 url(/Ivyimages/common/bu_gnb_off.png) no-repeat 15px 50%; color:#fff; transition:0.3s;} #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li a, div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s_side1 li a { font-size: 17px; font-weight: bold; border-bottom: 0 solid #6699FF; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li a, div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s_side1 span.section { padding-top:3px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li a:hover { } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s_side1 li a:hover { color: #1674c3; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s { top:10px; list-style-type: none; margin: 0px; padding: 0px; float:left; width:255px; height:90px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s li { border-left:0px ; clear:both; margin: 0 0 0 0px; width: 210px; text-align: left; padding-top: 0 !important;} #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s li.IvyTopMenu3Block_3 { border-left:0px ; clear:none; margin: 0 0 0 10px; width: 180px; text-align: left; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s li a { border:none; font-size: 16px; color: #333; font-weight: normal; background:url("images/common/menu_blt.jpg") no-repeat 15px center; padding-left:15px; padding:5px 0 6px 30px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s li a:hover { background:url("images/common/menu_blt.jpg") no-repeat 15px center; color:#1674c3; text-decoration:underline; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s li.IvyTop3sNewWin { background-image: url(images/sub/submenuopen.gif); background-repeat: no-repeat; background-position: 155px 6px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.IvyTop2sNewWin { background-image: url(images/sub/submenuopen.gif); background-repeat: no-repeat; background-position: 162px 7px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s li.IvyTopMenu3Block {float:left !important; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.select2 ul.IvyTopMenu3s li{display:inline-block; } #Ivyheader ul.IvyTopMenu li ul.subtop0, #Ivyheader ul.IvyTopMenu li ul.subtop1, #Ivyheader ul.IvyTopMenu li ul.subtop2, #Ivyheader ul.IvyTopMenu li ul.subtop3 , #Ivyheader ul.IvyTopMenu li ul.subtop4, #Ivyheader ul.IvyTopMenu li ul.subtop5, #Ivyheader ul.IvyTopMenu li ul.subtop6 { background-color:#f3f4f8; background-image: url("images/common/mbg.jpg"); background-repeat:no-repeat; background-position:center top; border-bottom:1px solid #cfcfcf; } /*div#IvyTop ul.IvyTopMenu li ul.subtop3 { background:none; } 단일메뉴 바로 링크걸때*/ /* div#IvyTop ul.IvyTopMenu li ul.subtop4,div#IvyTop ul.IvyTopMenu li ul.subtop5, div#IvyTop ul.IvyTopMenu li ul.subtop6{height:245px; border-bottom:1px solid #ccc; background-image: url(/Ivyimages/site/open_content/main/bg_submenu5.gif); background-repeat:repeat-y; background-position:center top;} */ /*2차 개별 메뉴*/ #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link {position:absolute; top:0; right:15px; color:#000; text-align:center; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul {list-style-type:none; width:230px; margin:0 auto; padding:0px; position:relative;} #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li {display:block; clear:both; margin:0; padding:0; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.gwamegi {padding:18px 0 0 0; margin:0; list-style-type:none; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.gwamegi ul li { float:left !important; clear:none; width:25%; margin:0px; padding:0px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.gwamegi ul li a{ font-size:14px; letter-spacing:-0.5px; padding:75px 0px 10px 0px; box-sizing:border-box; text-align: center; } /* #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_0 ul { margin:-30px 0 0 20px !important; padding:0px; z-index:999; height: 335px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_0 ul li.intro span { background:url("images/common/menu_intro.jpg") no-repeat; display:block; width:230px; height:190px; padding-top:149px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_1 ul li.youth span { background:url("images/common/menu_youth.jpg") no-repeat; display:block; width:230px; height:190px; padding-top:149px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_2 ul li.welfare span { background:url("images/common/menu_welfare.jpg") no-repeat; display:block; width:230px; height:190px; padding-top:149px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_3 ul li.guryong span { background:url("images/common/menu_guryong.jpg") no-repeat; display:block; width:230px; height:190px; padding-top:149px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_4 ul li.news span { background:url("images/common/menu_news.jpg") no-repeat; display:block; width:230px; height:190px; padding-top:149px; } #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_5 ul li.community span { background:url("images/common/menu_community.jpg") no-repeat; display:block; width:230px; height:190px; padding-top:149px; } */ #Ivyheader ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_1 ul { margin:0px; padding:0px; z-index:999; } #Ivyheader ul.IvyTopMenu li ul.topmenu_inner {background-color:#fff; opacity:0.90; filter:alpha(opacity=90); border-left:1px solid #dddddf; border-right:1px solid #dddddf; top: -80px; right: -40px; position: absolute; min-height: 320px;/*min-height: 250px;*/} #Ivyheader ul.IvyTopMenu li:nth-child(2) ul.topmenu_inner{min-height: 350px } #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li {width:100%;} #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li .tel {padding:20px 0px;/*padding:23px 0px;*/} #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li .tel em {color:#222222; font-size:20px; font-weight:600;} #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li .tel p {color:#07a690; font-size:29px; font-weight:800; margin-top:0px !important;margin-bottom:0px !important;} #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li .ico-gnb { display:inline-block; padding-right:7px;vertical-align:middle;width:39px; height:39px; background:url("images/common/ico_gnb.png") 0 0 no-repeat;} #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li .chartA {background-position: 0px 0px;} #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li .chartB {background-position: 0px -82px;} #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li:nth-child(2) {border-top:1px solid #dddddf; border-bottom:1px solid #dddddf; } #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li:nth-child(2), #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li:nth-child(3) {text-align:left; } #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li:nth-child(2) a, #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li:nth-child(3) a {background:url("images/common/ico_gnb_arr.png") 0 0 no-repeat; background-position:170px 25px;} #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li:nth-child(2) a, #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li:nth-child(3) a:hover {color:#000;} #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li a { padding-left:20px !important; padding:20px 0px; /*padding:12px 0px;*/font-size:17px;} #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li:nth-child(2) a:hover i {background-position: 0px -41px;} #Ivyheader ul.IvyTopMenu li ul.topmenu_inner li:nth-child(3) a:hover i {background-position: 0px -123px;} #Ivyheader ul.IvyTopMenu > li > ul { overflow: hidden !important; } /* 탑 (2/3/4차) 메뉴 전체 노출 */ div#IvyTop div.subAll { width:921px; padding-left:72px;margin:0 auto; } div#IvyTop div.subAllDisplay { clear: both; margin: 0px auto; width:100%; line-height:25px; display:none;z-index:500;background:#fff; box-shadow:0px 8px 9px rgb(0 0 0 / 15%), inset 0px 2px 15px rgb(0 0 0 / 6%);} div#IvyTop div.subAllDisplay ul.IvyTopMenu1s { margin:0px; padding: 0px; } div#IvyTop div.subAllDisplay ul.IvyTopMenu1s li.top_subTit { float:left; display: block; width:199px; } div#IvyTop div.subAllDisplay ul.IvyTopMenu1s li.top_subTit span.tit { font-size:14px; display:block; font-weight:bold; padding:0px 0px 5px 15px; } div#IvyTop div.subAllDisplay ul.IvyTopMenu2s { display: inline-block; box-sizing:border-box; margin: 0px; padding: 10px 0; /*height:344px; height: 308px;*/width:25%;float:left;min-height:344px;} div#IvyTop div.subAllDisplay ul.IvyTopMenu2s:hover{background-color:#e7ebf7;} div#IvyTop div.subAllDisplay ul.IvyTopMenu2s_first {border-left:1px solid #68abe4;} div#IvyTop div.subAllDisplay ul.IvyTopMenu2s li.top_first {border-left:0; } div#IvyTop div.subAllDisplay ul.IvyTopMenu2s li a {color:#323232; display: inline-block; position:relative;} div#IvyTop div.subAllDisplay ul.IvyTopMenu2s li a:after{content: ''; width: 0;height: 1px;position: absolute;bottom: 8px;left: 0; transition: all .3s ease-out;} div#IvyTop div.subAllDisplay ul.IvyTopMenu2s li a:hover:after{width:100%;background:#103ab3;} div#IvyTop div.subAllDisplay ul.IvyTopMenu2s li a:hover { color:#103ab3; } div#IvyTop div.subAllDisplay ul.IvyTopMenu2s li {font-size:16px; clear: both; color:#fff; float: none !important; width: 100%; text-align: left; padding:0 0 0 25px; margin:0; line-height:36px;} div#IvyTop div.subAllDisplay ul.IvyTopMenu2s li.IvyTop2sNewWin { background-image: url("/Ivyimages/common/sub/winopen.gif"); background-repeat: no-repeat; background-position: 175px 7px; } div#IvyTop div.subAllDisplay ul.IvyTopMenu2s li ul.IvyTopMenu3s { display:none; clear: both; float: none !important; width: 100% !important; margin: 0px; padding: 0px 0px 0px 0; } /* 서브(2/3차)메뉴 */ div#IvyLeftMenu ul.IvySubMenu, div#IvyLeftMenu div.menu_open { display:none; } /* 서브(2/3차) 신규메뉴 */ div.Ivylocation { } div.IvyLNB ul.IvyLNBSub { position:absolute; z-index:10; } div.IvyLNB ul.IvyLNBSub li { float:left; border-right:1px solid #dedede; min-width:220px; position:relative; } div.IvyLNB ul.IvyLNBSub li a { display:block; padding:16px 20px 15px 20px; } div.IvyLNB ul.IvyLNBSub li.home { border-left:1px solid #dedede; min-width:59px; } div.IvyLNB ul.IvyLNBSub li.home a { display:block; width:59px; height:55px; background:url("images/sub/ico_home.png") no-repeat center; padding:0px; } div.IvyLNB ul.IvyLNBSub li.home a span { height:0px; width:0px; position:absolute; top:-500px } div.IvyLNB ul.IvyLNBSub li.home a:hover { background-color:#e8e8e8; } div.IvyLNB ul.IvyLNBSub li a span.plus { display:block; width:10px; height:7px; position:absolute; top:27px; right:15px; background-position:right center; } div.IvyLNB ul.IvyLNBSub li.LNBPath a span.plus {background:url("images/sub/ico_arrow_push.png") no-repeat;} /*div.IvyLNB ul.IvyLNBSub li.LNBPath:last-child a span.plus {background:url("images/sub/ico_arrow2_push.png") no-repeat;}*/ /* 움직이는 화살표아이콘 div.IvyLNB ul.IvyLNBSub li a span.plus:after{content:"";position:absolute;right:20px;top:30px;display:block;width:11px;height:6px;margin-top:-3px;background:url(images/sub/location_arrow.png) 50% 0 no-repeat;transition:background-position .3s;} div.IvyLNB ul.IvyLNBSub li:hover a span.plus:after {background-position:50% 100%;} */ div.IvyLNB ul.IvyLNBSub li ul { /*border-top:1px solid #dedede;*/ border-left:1px solid #dedede; border-bottom:1px solid #dedede; margin-left:-1px; background-color:#fff; padding:0px;} div.IvyLNB ul.IvyLNBSub li ul li { float:none; border-right:hidden; border-bottom:1px solid #ededed; } div.IvyLNB ul.IvyLNBSub li ul li:last-child { border-bottom:hidden; } div.IvyLNB ul.IvyLNBSub li ul li a { padding:8px 0px 12px 20px; } div.IvyLNB ul.IvyLNBSub li:hover a.select { color:#103ab3; } /* Inner(4차)메뉴 */ div#IvyInnerMenu { clear: both; /*position:absolute; top:150px;*/ margin: 0px auto; width: 1200px;} div#IvyInnerMenu ul.IvyInnerMenu { width: 100%; padding:0; margin:0 0 40px 0; float: left;} div#IvyInnerMenu ul.IvyInnerMenu li { float: left; /*background: url(/Ivyimages/common/sub/dp4_off.gif) no-repeat;*/ font-size:16px; /*font-size:18px;_200825수정전원본*/ list-style-type:none; width:180px; margin:0; text-align:center; line-height:28px; } div#IvyInnerMenu ul.IvyInnerMenu li a { background-color:#fff; display:block; height:40px; /*width:180px;*/ border:1px solid #dfdfdf; border-top:none; border-left:none; padding-top:12px; } div#IvyInnerMenu ul.IvyInnerMenu li a.select { color:#242424; font-weight:600; background: url("images/common/dp4_on.jpg") no-repeat; border:2px solid #00a88e !important; padding-top:10px; font-weight: bold; } div#IvyInnerMenu ul.IvyInnerMenu li:last-child a {border-right:1px solid #dfdfdf;} div#IvyInnerMenu ul.IvyInnerMenu li:nth-child(1) a, div#IvyInnerMenu ul.IvyInnerMenu li:nth-child(2) a, div#IvyInnerMenu ul.IvyInnerMenu li:nth-child(3) a, div#IvyInnerMenu ul.IvyInnerMenu li:nth-child(4) a, div#IvyInnerMenu ul.IvyInnerMenu li:nth-child(5) a {border-top:1px solid #dfdfdf;} div#IvyInnerMenu ul.IvyInnerMenu li:first-child a {border-left:1px solid #dfdfdf;} div#IvyInnerMenu ul.IvyInnerMenu li:nth-child(5n) a {border-right:1px solid #dfdfdf;} div#IvyInnerMenu ul.IvyInnerMenu li:nth-child(5n + 1) a {border-left:1px solid #dfdfdf;} /*all-menu*/ div.header-all-menu {position:absolute; left: 50%; top: 12px; transform: translateX(580px); } /* sub common btn */ div.m_search ul {float:right;width:300px;margin-right:-18px;padding:0 18px;text-align:center;} div.m_search li {float:left;position:relative;width:50%} div.m_search li a {display:block;height:55px;color:#4b4b4b;font-weight:600;line-height:56px;padding-left:35px; transition:0.5s;} div.m_search li:nth-child(1) a {background: url(images/sub/sub_time_icon.png) no-repeat; background-position:18px center; border-right:1px solid #e3e3e3; border-left:1px solid #e3e3e3;} div.m_search li:nth-child(2) a {background: url(images/sub/sub_check_icon.png) no-repeat; background-position:18px center; border-right:1px solid #e3e3e3;} div.m_search li:nth-child(1) a:hover {transition:0.5s;background:#e8e8e8 url(images/sub/sub_time_icon_over.png) no-repeat; background-position:18px center;} div.m_search li:nth-child(2) a:hover {transition:0.5s;background:#e8e8e8 url(images/sub/sub_check_icon_over.png) no-repeat; background-position:18px center;}