@charset "utf-8"; /* 탑(1/2/3차)메뉴 */ div#IvyTop ul.IvyTopMenu { list-style-type: none; margin: 0 auto; height:62px; width:740px; padding:25px 0px 0px 260px; } div#IvyTop ul.IvyTopMenu li { float: left; text-align: center; } div#IvyTop ul.IvyTopMenu li.select { color:#FFF200; } div#IvyTop ul.IvyTopMenu li.top_first { width: ; padding: 2px 0px 2px 0px; border-left:0px; margin-bottom:3px; box-sizing:border-box; } div#IvyTop ul.IvyTopMenu li.top_gov { width:; letter-spacing:-0.5px; padding: 2px 0px 2px 40px; border-left:0px solid #709be9; margin-bottom:3px; box-sizing:border-box;} div#IvyTop ul.IvyTopMenu li.top { width:; margin: 2px 0px 2px 0px; border-left:0px solid #709be9; padding:0px 0px 3px 40px; box-sizing:border-box;} div#IvyTop ul.IvyTopMenu li a { font-size: 16px; padding-bottom:2px; font-weight: 600; display:block; color:#363636; border-left:0px solid #cdcdcd; } div#IvyTop ul.IvyTopMenu li.top_first a{background:none; border-left:0; } div#IvyTop ul.IvyTopMenu li a:hover { color: #046bb8; } div#IvyTop ul.IvyTopMenu li.IvyTop1NewWin { background-image: url(/Ivyimages/common/sub/winopen.gif); background-repeat: no-repeat; background-position: 116px 3px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s { list-style-type: none; width: 100%; margin: 0; padding: 0px 0 10px 0; display: none; position: absolute; top: 87px ;left:0 !important; border-bottom:0px solid #333; border-top:0px solid #ccc; background-color: #fff; z-index: 100; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li ul.sublist { padding-top:5px; margin-left:30px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.top_sub { clear:left; min-height:18px; text-align: left; width:170px; margin:0 0 0 280px; padding: 1px 0px; border:0px solid #E1E1E1; } div#IvyTop 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 { } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.top_sub span.top_sub_tit {float:left; width:180px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.top_sub a {height:17px; padding: 2px 0px 6px 12px; color: #1674c3; display:block; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.top_sub a:hover { background-color:#3d70c1; border-radius:2px; /*background: url(/Ivyimages/site/open_content/main/bg_2depth.gif) no-repeat ;*/ } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li a, div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s_side1 li a { font-size: 15px; font-weight: bold; border-bottom: 0 solid #6699FF; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li a, div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s_side1 span.section { padding-top:3px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li a:hover { } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s_side1 li a:hover { color: #1674c3; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s {/*display: none;*/ position:absolute; left:500px; top:5px; list-style-type: none; margin: 0px; padding: 0px; float:left; width:255px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s li { border-left:0px ; clear:both; margin: 0 0 0 0px; width: 180px; text-align: left; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s li.IvyTopMenu3Block_3 { border-left:0px ; clear:none; margin: 0 0 0 10px; width: 110px; text-align: left; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s li a { font-size: 13px; color: #333; font-weight: normal; background: url(images/sub/submenu2dot.gif) left 12px no-repeat; padding-left:15px; padding:5px 0 6px 8px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s li a:hover { background: url(images/sub/submenu2dot.gif) left 12px no-repeat; color:#1674c3; text-decoration:underline; } div#IvyTop 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; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.IvyTop2sNewWin { background-image: url(images/sub/submenuopen.gif); background-repeat: no-repeat; background-position: 162px 7px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s li{display:none;} div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li ul.IvyTopMenu3s li.IvyTopMenu3Block {float:left !important; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.select2 ul.IvyTopMenu3s li{display:inline-block;} div#IvyTop ul.IvyTopMenu li ul.subtop0, div#IvyTop ul.IvyTopMenu li ul.subtop1, div#IvyTop ul.IvyTopMenu li ul.subtop2, div#IvyTop ul.IvyTopMenu li ul.subtop3 , div#IvyTop ul.IvyTopMenu li ul.subtop4, div#IvyTop ul.IvyTopMenu li ul.subtop5 { background-color:#fdfdfd; background-image: url("images/common/top_submenu_bg.jpg"); background-repeat:no-repeat; background-position:center top; } /*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차 개별 메뉴*/ div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link {position:absolute; top:0; left:0px; color:#000; width:100%; text-align:center; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul {list-style-type:none; width:1000px; margin:0 auto; padding:0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li {display:block; clear:both; margin:0; padding:0; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.gwamegi {padding:18px 0 0 0; margin:0; list-style-type:none; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.gwamegi ul li { float:left !important; clear:none; width:25%; margin:0px; padding:0px; } div#IvyTop 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; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_0 ul {width:1000px; margin:0px; padding:0px; } /*소개마당*/ div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization { margin:15px 0px 0px 0px; padding:0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li {clear:none; width:130px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.titBox { width:210px; padding:0px 10px 0px 0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.titBox span.title { display:block; text-align:center; font-size:30px; font-weight:500; padding:15px 0px 15px 0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.titBox span.txt { display:block; font-size:13px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.organization01 a { background: url("images/common/bt_organization_01.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.organization02 a { background: url("images/common/bt_organization_02.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.organization03 a { background: url("images/common/bt_organization_03.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.organization04 a { background: url("images/common/bt_organization_04.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.last_btn { margin-left:130px; float:right; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.last_btn span.line { width:130px; float:right; border-left:1px solid #d5d5d5; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.last_btn a { background: url("images/common/bt_side_01.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.organization01 a:hover {background: url("images/common/bt_organization_01_ov.png")no-repeat center top;} div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.organization02 a:hover {background: url("images/common/bt_organization_02_ov.png")no-repeat center top;} div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.organization03 a:hover {background: url("images/common/bt_organization_03_ov.png")no-repeat center top;} div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.organization04 a:hover {background: url("images/common/bt_organization_04_ov.png")no-repeat center top;} div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.organization ul li.last_btn a:hover { background: url("images/common/bt_side_01_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_1 ul {width:1000px; margin:0px; padding:0px; } /*전시마당*/ div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit { margin:15px 0px 0px 0px; padding:0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li {clear:none; width:130px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.titBox { width:210px; padding:0px 10px 0px 0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.titBox span.title { display:block; text-align:center; font-size:30px; font-weight:500; padding:15px 0px 15px 0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.titBox span.txt { display:block; font-size:13px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.exhibit01 a { background: url("images/common/bt_exhibit_01.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.exhibit02 a { background: url("images/common/bt_exhibit_02.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.exhibit03 a { background: url("images/common/bt_exhibit_03.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.exhibit04 a { background: url("images/common/bt_exhibit_04.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.last_btn { margin-left:130px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.last_btn span.line { width:130px; float:right; border-left:1px solid #d5d5d5; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.last_btn a { background: url("images/common/bt_side_01.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.exhibit01 a:hover {background: url("images/common/bt_exhibit_01_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.exhibit02 a:hover {background: url("images/common/bt_exhibit_02_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.exhibit03 a:hover {background: url("images/common/bt_exhibit_03_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.exhibit04 a:hover {background: url("images/common/bt_exhibit_04_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.exhibit ul li.last_btn a:hover { background: url("images/common/bt_side_01_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_2 ul {width:1000px; margin:0px; padding:0px; } /*구룡포과메기소개*/ div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info { margin:15px 0px 0px 0px; padding:0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li {clear:none; width:130px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.titBox { width:210px; padding:0px 10px 0px 0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.titBox span.title { display:block; text-align:center; font-size:30px; font-weight:500; padding:15px 0px 15px 0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.titBox span.txt { display:block; font-size:13px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.info01 a { background: url("images/common/bt_gwamegi_01.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.info02 a { background: url("images/common/bt_gwamegi_02.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.info03 a { background: url("images/common/bt_gwamegi_03.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.info04 a { background: url("images/common/bt_gwamegi_04.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.info05 a { background: url("images/common/bt_gwamegi_05.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.last_btn { margin-left:0px;} div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.last_btn span.line { width:129px; border-left:1px solid #dfdfdf; float:right; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.last_btn a { background: url("images/common/bt_side_01.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.info01 a:hover {background: url("images/common/bt_gwamegi_01_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.info02 a:hover {background: url("images/common/bt_gwamegi_02_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.info03 a:hover {background: url("images/common/bt_gwamegi_03_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.info04 a:hover {background: url("images/common/bt_gwamegi_04_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.info05 a:hover {background: url("images/common/bt_gwamegi_05_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.info ul li.last_btn a:hover { background: url("images/common/bt_side_01_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_3 ul {width:1000px; margin:0px; padding:0px; } /* 문화관둘러보기 */ div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.floor { margin:15px 0px 0px 0px; padding:0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.floor ul li {clear:none; width:130px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.floor ul li.titBox { width:210px; padding:0px 10px 0px 0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.floor ul li.titBox span.title { display:block; text-align:center; font-size:30px; font-weight:500; padding:15px 0px 15px 0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.floor ul li.titBox span.txt { display:block; font-size:13px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.floor ul li.floor01 { margin-left:260px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.floor ul li.floor01 a { background: url("images/common/bt_floor_01.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.floor ul li.last_btn { margin-left:260px;} div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.floor ul li.last_btn span.line { width:129px; border-left:1px solid #dfdfdf; float:right; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.floor ul li.last_btn a { background: url("images/common/bt_side_02.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.floor ul li.floor01 a:hover {background: url("images/common/bt_floor_01_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.floor ul li.last_btn a:hover { background: url("images/common/bt_side_02_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_4 ul {width:1000px; margin:0px; padding:0px; } /* 교육행사마당 */ div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education { margin:15px 0px 0px 0px; padding:0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li {clear:none; width:130px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li.titBox { width:210px; padding:0px 10px 0px 0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li.titBox span.title { display:block; text-align:center; font-size:30px; font-weight:500; padding:15px 0px 15px 0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li.titBox span.txt { display:block; font-size:13px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li.education01 { margin-left:260px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li.education01 a { background: url("images/common/bt_education_01.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li.education02 a { background: url("images/common/bt_education_02.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li.last_btn { margin-left:130px;} div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li.last_btn span.line { width:129px; border-left:1px solid #dfdfdf; float:right; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li.last_btn a { background: url("images/common/bt_side_01.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li.education01 a:hover {background: url("images/common/bt_education_01_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li.education02 a:hover {background: url("images/common/bt_education_02_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.education ul li.last_btn a:hover { background: url("images/common/bt_side_01_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link_5 ul {width:1000px; margin:0px; padding:0px; } /* 알림마당 */ div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community { margin:15px 0px 0px 0px; padding:0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li {clear:none; width:130px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.titBox { width:210px; padding:0px 10px 0px 0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.titBox span.title { display:block; text-align:center; font-size:30px; font-weight:500; padding:15px 0px 15px 0px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.titBox span.txt { display:block; font-size:11px; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community01 { } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community01 a { background: url("images/common/bt_community_01.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community02 a { background: url("images/common/bt_community_02.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community03 a { background: url("images/common/bt_community_03.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community04 a { background: url("images/common/bt_community_04.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community05 a { background: url("images/common/bt_community_05.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community06 a { background: url("images/common/bt_community_06.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community07 a { background: url("images/common/bt_community_07.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community01 a:hover {background: url("images/common/bt_community_01_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community02 a:hover {background: url("images/common/bt_community_02_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community03 a:hover {background: url("images/common/bt_community_03_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community04 a:hover {background: url("images/common/bt_community_04_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community05 a:hover {background: url("images/common/bt_community_05_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community06 a:hover {background: url("images/common/bt_community_06_ov.png")no-repeat center top; } div#IvyTop ul.IvyTopMenu li ul.IvyTopMenu2s li.topmenu_link ul li.community ul li.community07 a:hover {background: url("images/common/bt_community_07_ov.png")no-repeat center top; } /* 탑 (2/3/4차) 메뉴 전체 노출 div#IvyTop div.subAll { width:100%; margin:0 auto; background-color:#fff; background:url("images2/common/topbg_y.jpg") repeat-y center bottom; } div#IvyTop div.subAllDisplay { clear: both; margin: 0px auto; width:1000px; padding:14px 0px 0px 0px; line-height:25px; display:none; } 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: block; box-sizing:border-box; margin: 0px; padding: 0px; height: 185px; } 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: block; } div#IvyTop div.subAllDisplay ul.IvyTopMenu2s li a:hover { text-decoration:underline; color:#ff620d; } div#IvyTop div.subAllDisplay ul.IvyTopMenu2s li {font-size:13px; clear: both; color:#fff; float: none !important; width: 100%; text-align: left; padding:0 0 0 25px; margin:0; letter-spacing:-0.6px; background:url("images2/common/dot.jpg") no-repeat 15px 13px; } 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 { list-style-type: none; margin:0px 0px 0px 0px; padding: 0 0 35px 0px; width: 100%; border-top:1px solid #cccccc; } div#IvyLeftMenu ul.IvySubMenu li { clear: both; padding: 0px 0px 0px 0px; margin:0px; border-left:1px solid #cccccc; border-right:1px solid #cccccc; background-color:#f7f7f7; } div#IvyLeftMenu ul.IvySubMenu li.IvySub2NewWin { background-image:url(/Ivyimages/common/sub/submenuopen.gif); background-repeat: no-repeat; background-position: 182px 18px; } div#IvyLeftMenu ul.IvySubMenu li.IvySubMenuPlus { /*background-image: url(/Ivyimages/common/sub/submenuplus.gif); background-repeat: no-repeat; background-position: 180px 18px; */ } div#IvyLeftMenu ul.IvySubMenu li.IvySubMenuPlusOpen { padding-bottom: 0px; } div#IvyLeftMenu ul.IvySubMenu li a {color:#5b5b5b; display:block; font-size: 14px; padding-left: 22px; padding:12px 0px 8px 15px; height:27px; border-bottom: 1px solid #dddddd; font-weight:600; background:url("/Ivyimages/common/mall/submenu_arrow01.png")no-repeat 180px 20px; box-sizing: content-box; } div#IvyLeftMenu ul.IvySubMenu li a.select { font-weight: bold; display:block; padding:12px 0px 8px 15px; height:27px; color:#fff; font-size:14px; background:url("/Ivyimages/common/mall/submenu_arrow01_on.png")no-repeat 180px 20px; background-color:#002b56; text-decoration:none; box-sizing: content-box; } div#IvyLeftMenu ul.IvySubMenu li ul.IvySubMenu1s { list-style-type: none; margin: 0px 0px 0 0; padding: 5px 0 15px 0; display: none; border-bottom:1px solid #cccccc; font-weight:300; } div#IvyLeftMenu ul.IvySubMenu li ul.IvySubMenu1s li.IvySub3NewWin { background-image: url(/Ivyimages/common/sub/submenuopen.gif); background-repeat: no-repeat; background-position: right 6px; } div#IvyLeftMenu ul.IvySubMenu li.IvySubMenuPlusOpen ul.IvySubMenu1s { display: block; background-color:#fff; } div#IvyLeftMenu ul.IvySubMenu li ul.IvySubMenu1s li { border-bottom: 0px; padding: 4px 0px 4px 0px; margin:0 0 0 5px; border-left:none; border-right:none; background-color:#fff; } div#IvyLeftMenu ul.IvySubMenu li ul.IvySubMenu1s li a { background-image: url("submenu_arrow01_on.png"); background-repeat: no-repeat; background-position: left 11px; border:none; padding:5px 0px 5px 10px; height:10px; font-weight:normal; font-size:13px; } div#IvyLeftMenu ul.IvySubMenu li ul.IvySubMenu1s li a.select { background-image: url("images/sub/left_dot_s_ov.gif"); background-repeat: no-repeat; background-position: left 11px; background-color:#fff; color:#1f79c8; } /* Inner(4차)메뉴 */ div#IvyInnerMenu { clear: both; } div#IvyInnerMenu ul.IvyInnerMenu { width: 100%; padding:0; margin:0 0 10px 0; float: left;} div#IvyInnerMenu ul.IvyInnerMenu li { float: left; /*background: url(/Ivyimages/common/sub/dp4_off.gif) no-repeat;*/ font-size:14px; list-style-type:none; width:180px; margin:0 7px 7px 0px; text-align:center; line-height:28px; } div#IvyInnerMenu ul.IvyInnerMenu li a { background-color:#f0f0f0; display:block; font-weight:600; height:32px; width:180px; border:1px solid #dfdfdf; padding-top:2px; } div#IvyInnerMenu ul.IvyInnerMenu li a.select { color:#fff; background: url("images/common/dp4_on.jpg") no-repeat; border:1px solid #5f7084; padding-top:2px; font-weight: bold; } /* 메인상단메뉴 */ /*div#IvyTop div.mallcateg {width:100%;} div#IvyTop div.mallcateg ul { list-style-type: none; margin: 0; } div#IvyTop div.mallcateg ul li { list-style-type: none; height: 37px; text-align:center; float:left;} div#IvyTop div.mallcateg ul li a { display: inline-block; padding:0 20px; color:#222; font-size: 15px; font-weight: 600; line-height:50px; vertical-align:middle; text-decoration:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out;} div#IvyTop div.mallcateg ul li a:hover {color:#666;}*/ #IvyTop div.gnb a.gnb { display:inline-block; float:left; /*background-color:#232931;*/ width:24px; height:26px; padding:23px 20px 6px; font-size:0; line-height:0; text-indent:-99999em; box-sizing:content-box; } #IvyTop div.gnb a.gnb span:after, #IvyTop div.gnb a.gnb span:before { content: "";position:absolute;left:0;top: -7px;display:block;} #IvyTop div.gnb a.gnb span:after { top:7px;display:block;} #IvyTop div.gnb a.gnb span { position: relative;display:block;} #IvyTop div.gnb a.gnb span, #IvyTop div.gnb a.gnb span:after, #IvyTop div.gnb a.gnb span:before { width:100%;height:2px;background-color:#111;transition:all 0.3s;backface-visibility: hidden;display:block;} #IvyTop div.gnb a.gnb.on span { background-color: transparent;} #IvyTop div.gnb a.gnb.on span:before { transform: rotate(45deg) translate(2px,5px);} #IvyTop div.gnb a.gnb.on span:after { transform: rotate(-45deg) translate(5px,-8px);} #IvyTop div.gnb a.gnb.on + #allCate { opacity:1;visibility: visible;} #primary_nav_wrap { float:left; width:1030px; } #primary_nav_wrap ul { width:100%; list-style:none; position:relative; float:left; list-style-type: none; margin:0; padding:0;} #primary_nav_wrap ul a { /*display:block;*/ display:inline-block; padding:0 20px; color:#222222; font-size: 17px; font-weight: 500; line-height:50px; vertical-align:middle; text-decoration:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;transition:all 0.2s ease-out; } #primary_nav_wrap ul li:hover>a { color:#fe2f48; font-weight:600; } #primary_nav_wrap ul li ul li { height: 35px; box-sizing:content-box; } #primary_nav_wrap ul li ul li:hover { /*background:#283a7f;*/ } #primary_nav_wrap ul li ul li:first-child { padding-top:5px; } #primary_nav_wrap ul li ul li:last-child { padding-bottom:10px; } #primary_nav_wrap ul li ul li a { color:#111; font-size: 15px; } #primary_nav_wrap ul li ul li a:hover { color:#fe2f48; /*text-decoration:underline;*/ font-weight:bold; } #primary_nav_wrap ul li { position:relative; float:left; margin:0;padding:0; height: 55px; text-align:center;} #primary_nav_wrap ul li.current-menu-item { background:#ddd } #primary_nav_wrap ul li:hover { /*box-shadow: 0px 5px 0px 0px #fff inset;*/ transition: all 0.3s; } #primary_nav_wrap ul ul { display:none; position:absolute; top:95%; left:0px; min-width:170px; background:#fff; /*opacity:0.95;*/ filter:alpha(opacity=95); padding:0; z-index: 999; /*width:180px;*/ /*border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666;*/ border-radius: 11px; } #primary_nav_wrap ul ul li { float:none;} #primary_nav_wrap ul ul a { line-height:120%; padding:10px 0px;} #primary_nav_wrap ul ul ul { top:0; left:100%;} #primary_nav_wrap ul li:hover > ul { display:block;} #menu { /*background: gray;*/ background:#fff; padding:10px 0px 20px 30px; display: none; /* hide by default */ width: 1030px; position: absolute; z-index: 1000; /*border-left:1px solid #333; border-right:1px solid #333;border-bottom:1px solid #333;*/ border:1px solid #d9d9d9; border-radius:10px; top:inherit; } #menu .column { /*float: left;*/ display:inline-block; vertical-align:top; margin-right: 30px; width: 180px; background:#fff; /*background: whitesmoke;*/ } #menu .column:first-child { margin-left: 0;} #menu .column h3 { color: black; font-size: 17px; font-weight: bold; margin:8px 0; } #menu .column h3 a { padding-left:20px; display:block; border-bottom:1px solid #c7c7c7; color: #0656ab; line-height: 40px; } #menu .column h3 a:hover { text-decoration: none; border-bottom:1px solid #000;} #menu .column ul { font-size: 13px; list-style: none; margin:0 0 10px 15px; } #menu .column ul:first-child { margin-left: 0;} #menu .column ul li { /*border-bottom: 1px solid #999;*/ line-height:20px; } #menu .column ul li:first-child { /*border-top: 1px solid #999;*/ } #menu .column ul li a { color: #101010; display: block; padding: 5px; text-decoration: none; transition: padding-left .5s; -moz-transition: padding-left .5s; -ms-transition: padding-left .5s; -webkit-transition: padding-left .5s; -o-transition: padding-left .5s;} #menu .column ul li a:hover { /*background: #b0b0b0;*/background-color: #424656; border-radius:4px; color: #fff; padding-left: 20px; text-decoration: none; }