/* 기본속성 */ /*body {background:#fafafa url('../images/bg.gif') repeat-x; font:normal 12px 'Nanum Gothic'; margin:0; padding:0; color:#999; }2013.12.6수정*/ body {/*background: url('/images/bgtest_bg_.png') no-repeat 0; */font:normal 12px 'Nanum Gothic'; margin:auto 0; padding:0; color:#999; background-size:cover; line-height:14px ; font-weight:400 } @font-face{font-family:'Nanum Gothic';font-style:normal;font-weight:700; src:url(../font/NanumGothic-Bold.eot); src:url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'), url(../font/NanumGothic-Bold.woff) format('woff'), url(../font/NanumGothic-Bold.ttf) format('truetype')} @font-face{font-family:'Nanum Gothic';font-style:normal;font-weight:400; src:url(../font/NanumGothic-Regular.eot); src:url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'), url(../font/NanumGothic-Regular.woff) format('woff'), url(../font/NanumGothic-Regular.ttf) format('truetype')} @font-face{font-family:'Nanum Gothic';font-style:normal;font-weight:300; src:url(../font/NanumGothic-Light.eot); src:url(../font/NanumGothic-Light.eot?#iefix) format('embedded-opentype'), url(../font/NanumGothic-Light.woff) format('woff'), url(../font/NanumGothic-Light.ttf) format('truetype')} @font-face{font-family:'Nanum Gothic';font-style:normal;font-weight:800; src:url(../font/NanumGothic-ExtraBold.eot); src:url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'), url(../font/NanumGothic-ExtraBold.woff) format('woff'), url(../font/NanumGothic-ExtraBold.ttf) format('truetype')} div, td, textarea, input, select, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, em, img, th {font:normal 12px 'Nanum Gothic'; margin:0; padding:0;color:#828282; line-height:14px ; font-weight:400} td {font:normal 12px 'Nanum Gothic'; margin:0; padding:0; color:#828282; line-height:14px ; font-weight:400} dl, ul, ol {list-style: none} a img {border:none;} caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;} img{border:none;} a {font-size:12px;color:#828282;font-family:'Nanum Gothic';TEXT-DECORATION: none !important; line-height:14px ; font-weight:400} a:link {FONT-SIZE: 12px;COLOR:#828282;font-family:'Nanum Gothic';TEXT-DECORATION: none !important; line-height:14px ; font-weight:400} a:visited {FONT-SIZE: 12px;COLOR:#828282;font-family:'Nanum Gothic';TEXT-DECORATION: none !important; line-height:14px ; font-weight:400} a:hover {FONT-SIZE: 12px;COLOR:#8c2bb5;font-family:'Nanum Gothic';TEXT-DECORATION: underline !important; line-height:14px ; font-weight:400} a:active {FONT-SIZE: 12px;COLOR:#565656;font-family:'Nanum Gothic';TEXT-DECORATION: none !important; line-height:14px ; font-weight:400} /* SKIP NAVIGATION */ span.hidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; text-indent: -9999em; visibility:hidden; } #skipToContent { position:relative; top:0; left:0; z-index:999; width:100%; } #skipToContent a { display:block; height:1px; width:1px; background:#fafafa; margin-bottom:-1px; overflow:hidden; text-align:center; color:#000; font-weight:bold; white-space:nowrap; } #skipToContent a:focus, #skipToContent a:active { height:auto; width:auto; padding:5px; margin-bottom:10px; } /* 레이아웃 */ /*#top_wrap { height:108px; background-color:#fff;width:980px; margin:0 auto; }2013.12.6수정*/ #top_wrap { height:108px; margin:0 auto; background:url('../images/bg.gif') repeat-x;} #header {margin:0 auto; width:980px;} #intro_wrap {background-color:#fff} #wrap {margin:0 auto; width:980px} /* 유틸메뉴 set 속성 */ #top_set {width:980px; height:23px; padding-top:7px; text-align:right} #top_set li {display:inline; padding-left:3px; } #top_set li.nosep {background:none} /**메인배너*/ #main_flash {float:left; width:980px; height:376px; overflow:hidden; background: url('/images/bg.png') no-repeat;} #main_flash p.popup{width:491px; height:248px; } #main_flash p.popup img{ width:970px; height:366px; overflow:hidden; text-align:center; position:relative; z-index:1; left:5px; top:-5px;} #main_flash p.ctrl{position:relative; z-index:3; width:980px; top:-130px;} #main_flash p.ctrl span.ctrl_l{float:left; text-align:left;} #main_flash p.ctrl span.ctrl_l img{float:left; padding:60px 60px 60px 10px;} #main_flash p.ctrl span.ctrl_r{ float:right; text-align:right;} #main_flash p.ctrl span.ctrl_r img{ float:right; padding:60px 10px 60px 60px;} #main_flash ul.noti_pop_list{position:relative; z-index:2; width:980px; top:100px; text-align:left; left:10px;} #main_flash ul.noti_pop_list li a{ float:left; text-align:left; position:absolute;} /* gnb 속성 */ #gnb_box {height:50px;background-color: #001e54;} h1 {float:left; width:219px; height:50px} #gnb_menu_flash {float:right; width:745px; height:78px} #gnb_menu {display:none} /* gnb 속성 수정 */ #gnb_menu_main {float:right; width:741px; height:50px;} #gnb_menu_main_0 {float:left; width:128px; height:50px;} #gnb_menu_main_1 {float:left; width:100px; height:50px;} #gnb_menu_main_2 {float:left; width:107px; height:50px;} #gnb_menu_main_3 {float:left; width:145px; height:50px;} #gnb_menu_main_4 {float:left; width:94px; height:50px;} #gnb_menu_main_5 {float:left; width:91px; height:50px;} #gnb_menu_main_6 {float:left; width:76px; height:50px;} #gnb_menu_sub_0 {float:left; width:980px; height:28px; background-color: #FFFFFF; display:none;} #gnb_menu_sub_0 li {display:inline;} #gnb_menu_sub_0 li.nosep {padding-left:240px;} #gnb_menu_sub_1 {float:left; width:980px; height:28px; background-color: #FFFFFF; display:none;} #gnb_menu_sub_1 li {display:inline;} #gnb_menu_sub_1 li.nosep {padding-left:295px;} #gnb_menu_sub_2 {float:left; width:980px; height:28px; background-color: #FFFFFF; display:none;} #gnb_menu_sub_2 li {display:inline;} #gnb_menu_sub_2 li.nosep {padding-left:390px;} #gnb_menu_sub_3 {float:left; width:980px; height:28px; background-color: #FFFFFF; display:none;} #gnb_menu_sub_3 li {display:inline;} #gnb_menu_sub_3 li.nosep {padding-left:250px;} #gnb_menu_sub_4 {float:left; width:980px; height:28px; background-color: #FFFFFF; display:none;} #gnb_menu_sub_4 li {display:inline;} #gnb_menu_sub_4 li.nosep {padding-left:673px;} #gnb_menu_sub_5 {float:left; width:980px; height:28px; background-color: #FFFFFF; display:none;} #gnb_menu_sub_5 li {display:inline;} #gnb_menu_sub_5 li.nosep {padding-left:470px;} #gnb_menu_sub_6 {float:left; width:980px; height:28px; background-color: #FFFFFF; display:none;} #gnb_menu_sub_6 li {display:inline;} #gnb_menu_sub_6 li.nosep {padding-left:479px;} /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 메인페이지 영역 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ #ub_box_left {float:left; width:728px; margin-top:25px; padding-bottom:30px} .main_box_01 {float:left; width:210px; height:233px; margin-right:28px; border:1px solid #e4e4e4} .main_box_01 dt {font-size:0; vertical-align:top} .main_box_01 ul {width:auto; padding:9px 0 0 11px } .main_box_01 li {line-height:15px} .main_box_01 .title {width:auto; color:#1e1e1e; letter-spacing:-1px} .main_box_01 .in {width:auto; color:#1e1e1e; letter-spacing:-1px} .main_box_01 .date {width:auto; margin-top:10px; font-size:11px; color:#8a8a8a} .main_box_01 .place {width:auto; font-size:11px; color:#114a98} .main_box_02 {float:right; width:248px; height:233px;} .main_box_02 .tab_box li {float:left; width:auto; font-size:0} .main_box_02 #content1 {clear:both; float:left; width:246px; height:125px; border:1px solid #e4e4e4} .main_box_02 #content1 ul {padding:12px 11px} .main_box_02 #content1 li {padding-left:9px; line-height:21px; background:url('../images/index/bullet_01.gif') no-repeat left 8px ;} .main_box_02 #content1 li a {color:#8a8a8a;} .main_box_02 #content1 li a:hover {color:#8a8a8a;} .main_box_02 #content2 {clear:both; float:left; width:246px; height:125px; border:1px solid #e4e4e4} .main_box_02 #content2 ul {padding:12px 11px} .main_box_02 #content2 li {padding-left:9px; line-height:21px; background:url('../images/index/bullet_01.gif') no-repeat left 8px ;} .main_box_02 #content2 li a {color:#8a8a8a;} .main_box_02 #content2 li a:hover {color:#8a8a8a;} .main_box_02 #content3 {clear:both; float:left; width:246px; height:125px; border:1px solid #e4e4e4} .main_box_02 #content3 ul {padding:12px 11px} .main_box_02 #content3 li {padding-left:9px; line-height:21px; background:url('../images/index/bullet_01.gif') no-repeat left 8px ;} .main_box_02 #content3 li a {color:#8a8a8a;} .main_box_02 #content3 li a:hover {color:#8a8a8a;} .phone_info img {margin-top:9px} .main_quick_link {float:right; width:248px; margin-top:0px} .main_quick_link dt {float:left; font-size:0} .main_quick_link dd {float:left; font-size:0} /*2013.09.30*/ .main_box_03 {float:right; width:248px; height:233px;} .main_box_03 .tab_box li {float:left; width:auto; font-size:0; } .main_box_03 #content1 {clear:both; float:left; width:246px; height:125px; border:1px solid #b9e013} .main_box_03 #content1 ul {padding:12px 11px} .main_box_03 #content1 li {padding-left:9px; line-height:21px; background:url('../images/index/bullet_01.gif') no-repeat left 8px ; height:21px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .main_box_03 #content1 li a {color:#8a8a8a;} .main_box_03 #content1 li a:hover {color:#8a8a8a;} /*2013.9.30*/ #ub_box_left1 {float:left; width:728px; margin-top:25px; padding-bottom:30px} .main_box_01_ {float:left; width:211px; height:227px; margin-right:27px;} .main_box_01_ dt {font-size:0; vertical-align:top} .main_box_01_ ul {width:199px; padding:8px 0 0 11px; border:1px solid #ffcb0a; background:#fff } .main_box_01_ li {line-height:15px} .main_box_01_ .photo {width:209px; border:1px solid #ffcb0a; height:106px;} .main_box_01_ .photo img{ width:209px; height:108px} .main_box_01_ .title {width: 180px; color:#1e1e1e; font-size:13px; height:16px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; padding-top:2px} .main_box_01_ .in {width: 180px; color:#1e1e1e; font-size: 13px; height:16px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; padding-top:2px} .main_box_01_ .date {width:auto; margin-top:5px; font-size:11px; color:#8a8a8a} .main_box_01_ .place {width:auto; font-size:11px; color:#114a98; padding-bottom:13px;} .main_box_01_1 {float:left; width:210px; height:227px; margin-right:25px;} .main_box_01_1 dt {font-size:0; vertical-align:top} .main_box_01_1 ul {width:199px; padding:8px 0 0 11px; border:1px solid #ff8606; background:#fff } .main_box_01_1 li {line-height:15px} .main_box_01_1 .photo {width:210px; border:1px solid #ff8606; height:106px;} .main_box_01_1 .photo img{ width:210px; height:108px} .main_box_01_1 .title {width: 180px; color:#1e1e1e; font-size:13px; height:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-top:2px} .main_box_01_1 .in {width: 180px; color:#1e1e1e; font-size:13px; height: 16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-top:2px} .main_box_01_1 .date {width:auto; margin-top:5px; font-size:11px; color:#8a8a8a} .main_box_01_1 .place {width:auto; font-size:11px; color:#114a98; padding-bottom:13px;} .main_box_02_ {float:right; width:248px; height:233px;} .main_box_02- .tab_box li {float:left; width:auto; font-size:0} .main_box_02_ #content1 {clear:both; float:left; width:246px; height:125px; border:1px solid #e4e4e4} .main_box_02_ #content1 ul {padding:12px 11px} .main_box_02_ #content1 li {padding-left:9px; line-height:21px; background:url('../images/index/bullet_01.gif') no-repeat left 8px ;} .main_box_02_ #content1 li a {color:#8a8a8a;} .main_box_02- #content1 li a:hover {color:#8a8a8a;} .main_box_02 #content2 {clear:both; float:left; width:246px; height:125px; border:1px solid #e4e4e4} .main_box_02 #content2 ul {padding:12px 11px} .main_box_02 #content2 li {padding-left:9px; line-height:21px; background:url('../images/index/bullet_01.gif') no-repeat left 8px ;} .main_box_02 #content2 li a {color:#8a8a8a;} .main_box_02 #content2 li a:hover {color:#8a8a8a;} .main_box_02 #content3 {clear:both; float:left; width:246px; height:125px; border:1px solid #e4e4e4} .main_box_02 #content3 ul {padding:12px 11px} .main_box_02 #content3 li {padding-left:9px; line-height:21px; background:url('../images/index/bullet_01.gif') no-repeat left 8px ;} .main_box_02 #content3 li a {color:#8a8a8a;} .main_box_02 #content3 li a:hover {color:#8a8a8a;} .phone_info img {margin-top:10px} .main_quick_link {float:right; width:248px; margin-top:0px} .main_quick_link dt {float:left; font-size:0} .main_quick_link dd {float:left; font-size:0} /*문화아카데미강좌*/ #ub_box_left01 {float:left; width:728px; margin-top:25px; padding-bottom:10px} .main_box_01a {float:left; width:210px; height:173px; margin-right:28px; } .main_box_01a dt {font-size:0; vertical-align:top} .main_box_01a_ {float:left; width:210px; height:173px; margin-right:28px; } .main_box_01a_ dt {font-size:0; vertical-align:top} .main_quick_link01 {float:left; width:212px; margin-top:0px; margin-right:0px; background:#fff;} .main_quick_link01 dt {float:left; font-size:0} .main_quick_link01 dd {float:left; font-size:0} /*우측 info link 2*/ #ub_box_right2 {float:right; width:222px; height:160px; margin-top:25px} .right_box_01 {float:left; width:220px; height:159px; border:1px solid #e4e4e4} .right_box_01 dt {font-size:0; vertical-align:top} .right_box_01 dd {font-size:0; vertical-align:top; height:124px} /*2013.9.30 */ #ub_box_right2_ {float:right; width:222px; height:160px; margin-top:25px} .right_box_01_ {float:left; width:222px; height:159px; } .right_box_01- dt {font-size:0; vertical-align:top} .right_box_01_ dd {font-size:0; vertical-align:top; height:124px; border:1px solid #fe0c6e} /*우측 info link*/ #ub_box_right {float:right; width:222px; height:218px; margin-top:10px;} #ub_box_right p{; font-size:0} #ub_box_right dl{border:1px #0095dd solid; background-color:#f1f1f1; padding-top:9px } #ub_box_right dd { } #ub_box_right .banner {width:186px; margin:18px auto 20px} #ub_box_right .seating {width:auto; margin-top:28px; padding-left:12px; font-size:0} #ub_box_right .map {width:auto; padding-left:12px; font-size:0; padding-bottom:24px;} /*우측 info link*/ #ub_box_right_ {float:right; width:222px; height:261px; margin-top:10px;} #ub_box_right_ ul{width:222px; height:35px; } #ub_box_right_ ul li{width:111px; height:35px; float:left;} #ub_box_right_ dl{border:1px #0095dd solid; background-color:#f1f1f1; height:226px; } #ub_box_right_ dd {; font-size:0} #ub_box_right_ .banner {width:186px; margin:18px auto 20px} #ub_box_right_ .seating {width:auto; margin-top:28px; padding-left:12px; font-size:0} #ub_box_right_ .map {width:auto; padding-left:12px; font-size:0; padding-bottom:24px;} /* 하단 박스 속성 */ #footer {clear:both; background:#eee; height:58px;} .sizeWrap {width:980px; margin:0 auto} #bot_copy {float:left} #bot_link {float:left; width:250px; margin-top:7px} #bot_link li {float:left;} .btn_arrow_left {float:left; background:url(../images/bot_arr_left.gif) no-repeat; height:45px; width:15px;} .btn_arrow_right {float:left; background:url(../images/bot_arr_right.gif) no-repeat; height:45px; width:15px;} #bot_visit_cnt {clear:both; background-color:#eee; text-align:center; margin:0 auto} /* 퀵메뉴 속성 */ .quick_area {position:relative; float:right; width:83px; height:350px; margin-top:165px; margin-right:-90px; padding-left:5px; background:url(../images/quick/quick_bg.gif) no-repeat right } .quick_area ul {width:54px; margin:0 auto} .quick_area .quick_top {} #quick_area_big { position:relative; width:0px; text-align:center; z-index:999; } /* GMB -------------------------------------------------------------------*/ * { margin: 0; padding: 0; } .wrap { width: 1000px; margin: 0 auto; } /* @group core nav menu */ #nav { margin:0; padding: 0; list-style: none;} #nav li { float:left; display: block; background: none; position: relative;} #nav li a { display: block; padding:0;text-decoration: none;} img {vertical-align:top; font-size:0; border:0;} /* @group subnav */ #nav ul { position: absolute; display: none; margin: -9px 0 0 20px; padding:0; list-style: none; border:1px #e5e5e5 solid; background:#fff; width:166px; z-index:999;} #nav ul li { width:166px; text-align: left; padding:0 0 0 0; } #nav ul li:hover { border-left:0px solid transparent; border-right:0px solid transparent; background:#eeeeee;} #nav ul a { display: block; height:15px; line-height:15px; padding:5px 0 3px 15px; color: #666; text-transform: uppercase; color: #797979; font-weight: normal; width:151px;} #nav ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #ffffff; background:#595248; } * html #nav ul { margin: 0 0 0 0; } /** @group clearfix **/ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /* 메인배너*/ div.main-l {width:100%; margin-top:0px; z-index:0; background: url('/images/bg.png') no-repeat; height:376px} div.main-l>div {position:relative;width:980px;height:376px; margin: 0 5px;} div.main-l>div>p {position:absolute;left:0;top:0;margin:0; width:970px; height:366px; margin-top:5px} .main-move{width:970px; height:366px;} .main-move img{width:970px; height:366px;} div.main-l>div.mimg_btn_wrap {position:relative;width:970px;height:0; z-index:2;} div.main-l>div.mimg_btn_wrap>ul.mimg_btn {position:relative; width:100%;right:5px;top:343px;z-index:2; } div.main-l>div.mimg_btn_wrap>ul.mimg_btn li {width:22px;height:22px; ; margin-left:2px;list-style:none; float:right; } div.main-l>div.mimg_btn_wrap>ul.mimg_btn li.on {background:#ffb10b;} div.main-l>div.mimg_btn_wrap>ul.mimg_btn li span {display:block;text-align:center;padding-top:4px;} div.main-l .hidden {display:none;}