/* 구글 웹폰트 나눔고딕 */ @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(/gears/board/resource/board.css); @import url(//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css); @import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo&display=swap'); .paginate a, .paginate strong {background-color:#fff;} * {font-family:"Nanum Gothic","NanumGothic","Malgun Gothic",sans-serif;} /* 공통 스타일 -----------------------------------------------------------------------------*/ body {font-size:10pt;color:#333;line-height:1.8em;_text-align /**/:center; /* IE 5.5 이하 텍스트 정렬 추가 hack */} body, form {padding:0;margin:0;} /*div, td, li {line-height:1.8em;}*/ hr { display:none;visibility:hidden; } A:link {color:#333;text-decoration:none;} A:visited {color:#333;text-decoration:none;} A:hover {color:#333;text-decoration:underline;} A img {border:0;} .form {border:1px solid #999;text-align:left;} .t0 {text-decoration:none;} .t1 {font-size:9pt;} .bigtext {font-size:13pt;} .bodytext {font-size:9pt;line-height:25px;} .bodytext1 {font-size:9pt;line-height:16px;} .bodytext2 {font-size:8pt;line-height:16px;} .bold {font-size:9pt;font-weight:bold;} .top-menu {font-size:8pt;} .top-menu a:link, .top-menu a:visited, .top-menu a:hover {color:#9D9D9D ! important;text-decoration:none;} .invisible {text-indent:-200px;height:1px;width:1px;margin:0px;padding:0px;font-size:1px;line-height:1px;position:absolute;left:-1000px;top:-1000px;visibility:hidden;overflow:hidden;} a.button {text-decoration:none;display:inline-block;background:#f1f1f1 url(/gears/dlg_buttons/buttonWhite.gif) no-repeat left top;position:relative;vertical-align:top;white-space:nowrap;padding:0;font:0px/23px Sans-serif;margin-right:4px;} a.button span {display:inline-block;background:#f1f1f1 url(/gears/dlg_buttons/buttonWhite.gif) no-repeat right top;padding:0 10px 0 8px;font-size:12px;color:#000;position:relative;vertical-align:top;cursor:pointer;left:2px;} ul, ol { list-style: none; } ul, ol, dl, dd, dt, li { list-style-type: none; margin: 0; padding: 0; } /* 공통 -----------------------------------------------------------------------------*/ #skipNavigationDiv {text-indent:-2000px;clear:both;height:0px;margin:0px;padding:0px;font-size:0px;line-height:1px;position:absolute;visibility:hidden;overflow:hidden;} .outWrap {clear:both;display:block;width:1200px;height:100%;position:relative;margin:0 auto;text-align:left;} /* 가로 최소 사이즈 일괄 지정 */ #topDiv, #bottomDiv, #mainMidDiv, #subMidDiv {min-width:1200px;} /* 상단 */ #topDiv {z-index:99;overflow:hidden;position:absolute;left:0;top:0;width:100%;height:320px;background:#fff url(/coding/images/bg_m.gif) no-repeat 50% 0;min-width:1200px; } #topDiv.collapsed {height:120px;} /* 로고 */ #topDiv strong {float:left;position:absolute;z-index:100;left:0;top:35px;} /* 유틸 메뉴 */ .topUtilDiv {width:auto;padding-top:0;margin:0;list-style:none;} .topUtilDiv li {display:inline;float:left;font-size:12px; margin-left:3px;border-left:1px solid #BDBDBD;} .topUtilDiv li.none {border-right:1px solid #BDBDBD;} .topUtilDiv li a {padding:5px 15px;color:#fff; font-weight:600;text-transform:uppercase;} .topUtilDiv li a.prime {color:#BE0100;font-weight:600;} .topUtilDiv.Left li {font-size:13px;font-weight:600;border-left:1px solid #CFCFCF;background-color:#E9E9E9;} .topUtilDiv.Left li a {padding:5px 20px;} /* 유틸 검색 */ #searchDiv {float:left;width:auto;margin-left:10px;background-color:#1764DC;} #searchDiv form {padding:0;margin:0;} #searchDiv #search {width:150px;font-size:13px;color:#FFF;background-color:#2CC06B;} #searchDiv input {height:22px;padding:5px 10px;margin:0;color:#FFF;border:none;vertical-align:top;} /* 메인 메뉴 */ #topMenuDiv {float:left;position:absolute;left:0;top:30px;z-index:99;width:900px;height:280px;padding-left:420px;background:url(/coding/images/bg_m1.png) no-repeat 40px 70px;} #topMenuDiv dl {float:left;width:140px;padding:10px 0 0 0;margin:0;} #topMenuDiv dl dt {padding:0;margin:0;font-size:18px;font-weight:600;} #topMenuDiv dl dt a {display:inline-table;width:auto;padding:25px 0 25px 0;color:#000;} #topMenuDiv dl dt a:hover {text-decoration:none;} #topMenuDiv dl dd {display:block;z-index:100;padding:10px 0 0 0;margin:0;} #topMenuDiv dl dd ul {float:left;padding:0;margin:0;list-style:none;} #topMenuDiv dl dd ul li {padding-left:10px;font-size:13px;letter-spacing:-0.05em;line-height:25px;background:url(/coding/images/sm_bl.gif) no-repeat 0 13px;} #topMenuDiv dl dd ul li a {display:block;padding:3px 0;color:#333;} #topMenuDiv dl dd ul li a:hover {color:#ED1C00;text-decoration:none;} #topMenuDiv dl dd ul li ul {float:left;padding:0 0 0 5px;margin:0;list-style:none;} #topMenuDiv dl dd ul li ul li {padding-left:10px;font-size:13px;letter-spacing:-0.05em;line-height:20px;background:url(/coding/images/sm_bl_1.gif) no-repeat 0 12px;} #topMenuDiv dl dd ul li ul li a {display:block;padding:3px 0;color:#333;} #topMenuDiv dl dd ul li ul li a:hover {color:#ED1C00;text-decoration:none;} #topMenuDiv dl.Nav1 {width:170px;} #topMenuDiv dl.Nav2 {width:170px;} #topMenuDiv dl.Nav3 {width:200px;} #topMenuDiv dl.Nav4 {width:150px;} #topMenuDiv dl.Nav5 {width:170px;} /* 푸터 */ #bottomDiv {clear:both;overflow:hidden;width:100%;background:#252525;min-width:1200px; background:url(/coding/images/bg_bottom.gif) repeat-x 0 0;} #bottomDiv .outWrap {background:url(/coding/images/logo.jpg) no-repeat 0 80px;background-size:20%;} /* 푸터 메뉴 */ #privacyUI {float:left;width:100%;padding:13px 0;margin:0;list-style:none;text-align:left;} #privacyUI li {display:inline;line-height:1.7em; border-right:1px solid #B3B3B3; padding:0 20px;} #privacyUI li.none { border-right:none;} #privacyUI li a {color:#B3B3B3;font-size:14px;font-weight:600;} #privacyUI strong a { position:absolute; right:0; top:0;background-color:#000; padding:12px; margin:0;} #bottomDiv span {float:right;width:auto;font-weight:600;} #bottomDiv span a {display:block;padding:15px 20px;color:#fff;background-color:#333;} #bottomDiv span a:hover {color:#000;text-decoration:none;background-color:#FFCA63;} /* 카피라이트 */ #copyrightDiv {clear:both;overflow:hidden;width:auto;padding:20px 0 30px 280px;margin:0;list-style:none;} #copyrightDiv li {font-size:14px;line-height:1.8;color:#000;} #copyrightDiv li.copy {text-transform:uppercase;} #copyrightDiv li.txt {font-size:12px; color:#FFB483;padding-top:10px;} #copyrightDiv li.bottom_sns {margin-top:20px;font-size:16px;font-weight:600;color:#fff;} #copyrightDiv li.bottom_sns a {display:inline-block;margin:0 10px;font-size:22px;color:#fff;} #copyrightDiv li.bottom_sns a:hover {text-decoration:none;color:#FFCA63;} #copyrightDiv li.bottom_sns a:nth-child(1) {font-weight:bold;} /* 메인 -----------------------------------------------------------------------------*/ #mainMidDiv {clear:both;overflow:hidden;width:100%;padding:20px 0;background-color:#F5F5F5;min-width:1200px;} .Left {float:left;} .Right {float:right;} /* 메인 비주얼(로테이션) */ #visualDiv {clear:both;overflow:hidden;width:100%;min-width:1200px;margin-top:118px;} #visualDiv .container {position:relative;width:1200px;height:435px;margin:0 auto;} #visualDiv .container #visual {overflow:hidden;background-image:none;position:absolute;width:2000px;left:-400px;height:650px;} #visualDiv .container #visual ul {list-style:none none outside;padding:0;margin:0;text-align:center;} #visualDiv .container #visual div.visual_txt {position:absolute;top:120px;left:0px;z-index:98;width:75%;text-align:center;font-size:40px;color:#fff;font-weight:600;letter-spacing:-0.05em;} #visualDiv .container #visual div.visual_txt span {clear:both;overflow:hidden;font-size:25px;} #visualDiv .container #visual div.fg {position:absolute;left:46%;bottom:50px;z-index:98;width:150px;padding:9px 0;text-align:center;/*;background:url(/coding/images/black_trans2.png);*/} #visualDiv .container #visual div.fg a {margin:0 2px;display:inline-block;width:16px;height:16px;overflow:hidden;background:#fff;border-top-left-radius:50%;border-top-right-radius:50%;border-bottom-left-radius:50%;border-bottom-right-radius:50%;} #visualDiv .container #visual div.fg a.on {background:#FFD01E;} /* 비주얼 좌,우 버튼 */ #visualDiv .container #visua .rotationLeft,.rotationRight{position:absolute;width:auto;top:250px;z-index:99;} #visualDiv .container #visua .rotationLeft {left:-400px;} #visualDiv .container #visua .rotationRight {right:-400px;} /* 사업안내 */ #aboutDiv {clear:both;overflow:hidden;width:100%;padding:50px 0;min-width:1200px;background-color:#FFF;} #aboutDiv h3 {padding:0;margin:0 0 30px 0;font-size:45px;font-weight:600;line-height:1.2em;text-align:center; text-transform:uppercase; letter-spacing:-1px;} #aboutDiv h3 span {font-size:17px;font-weight:500;letter-spacing:-1px;} /* 바로가기아이콘 버튼 */ #btnIcon {clear:both;overflow:hidden;width:100%;padding:10px 0;margin:0;min-width:1200px;} #btnIcon ul {width:100%;list-style:none; padding:0;} #btnIcon ul li {display:inline;float:left;width:33%;font-size:18px;font-weight:600;text-align:center;border-right:1px solid #C5C5C5;line-height:2.5em;} #btnIcon ul li a {display:block;width:100%;padding-top:90px;color:#000;} #btnIcon ul li a:hover {text-decoration:none;} #btnIcon ul li span {font-size:0.7em;px; line-height:1.5;font-weight:400;} #btnIcon ul li p {display:block; max-width:100px; font-size:12px; font-weight:300;margin:20px auto;line-height:2.5em;border:1px solid #2D3245; background-color: #fff; color:#555; } #btnIcon ul li.btnIcon3 {border-right:none;} #btnIcon ul li.btnIcon1 a {background:url(/coding/images/btn_icon1.png) no-repeat 50% 5px;} #btnIcon ul li.btnIcon2 a {background:url(/coding/images/btn_icon2.png) no-repeat 50% 5px;} #btnIcon ul li.btnIcon3 a {background:url(/coding/images/btn_icon3.png) no-repeat 50% 5px;} #btnIcon ul li.btnIcon1 a:hover {background:url(/coding/images/btn_icon1.png) no-repeat 50% 0;} #btnIcon ul li.btnIcon2 a:hover {background:url(/coding/images/btn_icon2.png) no-repeat 50% 0;} #btnIcon ul li.btnIcon3 a:hover {background:url(/coding/images/btn_icon3.png) no-repeat 50% 0;} /* 공지사항 */ .notice_wrap {height:250px;padding:70px 0;} #notice {float:left;width:62%;margin-right:40px;} #notice h2 {padding:0 0 5px 0;margin:0;display:block;} #notice h2 span {display:block;font-size:14px;line-height:2em;padding-bottom:10px;color:#666;} #notice .new-index {position:relative;} #notice a.index {position:absolute;top:0;left:0;width:24.8%;display:block;font-size:15px;text-align:center;height:48px;line-height:48px;background:#FFFFFF;color:#333;font-weight:600;text-decoration:none;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;} #notice a.index2 {left:25%;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;} #notice a.index3 {left:50%;border-top:1px solid #CCCCCC;border-left:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;} #notice a.index4 {left:75%;border:1px solid #CCCCCC;} #notice a.index:focus, #notice a.index:hover, #notice a.index.active {color:#FFF;background:#333;} #notice ul.listing {display:block;height:162px;padding:65px 40px 18px 40px;margin:0;list-style:none; border:1px solid #CCCCCC;} #notice ul li.list-more {display:block;position:absolute;right:0;top:-40px;} #notice ul li.list-more a {font-size:22px;color:#a7a7a7;display:inline;} #notice ul li.list-item a {display:block;font-size:15px;padding:0 0 0 20px;margin-top:5px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#333;position:relative; height:35px;} #notice ul li.list-item span {color:#666;position:absolute;right:20px;top:0;display:block;text-align:right;} #notice ul li.list-item a:before {content:'';display:block;left:5px;top:12px;width:4px;height:4px;background:#000;position:absolute;} #notice ul li.list-item a:focus:before, #notice ul li.list-item a:hover:before {background:#666;} #reservation {float:right;width:34%;height:245px;border:1px solid #CCCCCC;background:url(/coding/images/icon_solar.gif) no-repeat 95% 28%;} #reservation dl { margin:0; padding:0 30px 0 35px;} #reservation dl dt { margin:35px 0 30px 0; padding:0 0 0 10px; font-size:25px; font-weight:600;} #reservation dl dd { margin:0; padding:0;} #reservation dl dd.txt {padding:0 0 0 10px; font-size:13px; line-height:18px;} #reservation dl dd.txt span { white-space:pre; display:block;} #reservation dl dd ul { margin:35px 0 0 0; padding:0; list-style:none;} #reservation dl dd ul li {float:left;width:32%; display:inline;text-align:center; border:1px solid #D6D6D6; margin:0 1px; line-height:35px;} #reservation dl dd ul li a { font-size:13px; font-weight:600;} #reservation dl dd ul li a:hover { display:block;background-color:#11193C;text-decoration:none; color:#fff;} /* 종목단체 */ #guideDiv {clear:both;overflow:hidden;width:100%;height:460px;padding:0;min-width:1200px;background-color:#F1F1F1} .guideDiv {height:350px;background:url(/coding/images/solarcpt_bg.jpg) no-repeat 95% 50%;} .guideDiv strong {} .guideDiv h3 { font-size:32px; margin-top:50px; color:#121212;font-weight:600; font-family: 'Nanum Myeongjo', serif;letter-spacing:-1px;} .guideDiv span { display:block; padding:40px 0 0 0; color:#555; font-size:16px; line-height:1.6; font-weight:400; word-break: keep-all} .guideDiv ul {padding:0;margin:0;list-style:none;} .guideDiv ul li {display:inline;float:left;width:20%;margin:0 50px 0 0;font-size:13px; text-align:center;} .guideDiv ul li a {display:block;padding:10px 0;border:1px solid #9999CA; color:#11193C; font-weight:600;background:#FFF;} .guideDiv ul li a:hover {text-decoration:none;border:1px solid #9999CA;background:rgba(0,0,0,0.01);} .guideDiv ul li:last-child {margin-right:0;} /*연합회*/ .solarcpt {clear:both;overflow:hidden;width:100%;padding:60px 0;min-width:1200px;background-color:#F1F1F1} .solarcpt .about_thumb { float:right;} .solarcpt .about_thumb .img_1 { float:left; padding:0;} .solarcpt .about_info {float: left;width:35%;padding:0 50px 0 100px;} .solarcpt .about_info h4 { font-size:32px; margin-top:30px; color:#012C66; font-weight:600; letter-spacing:-1px;line-height:1.4;} .solarcpt .about_info h4 strong { font-family: "Nanum Myeongjo", serif;} .solarcpt .about_info h4 strong span {font-size:28px;color:#0099CC; font-family: "Nanum Myeongjo", serif;} .solarcpt .about_info h4 .img_3 {width:100%;padding:0 0 20px 0;} .solarcpt .about_info h4 p{ display:block; padding:40px 0 0 0; color:#555; font-size:14px; line-height:1.6; font-weight:400; word-break: keep-all} .solarcpt a {display:block; max-width:150px; font-size:14px; font-weight:300; margin:60px 0 0 0; border:1px solid #ddd; background-color: #fff; color:#555; text-align:center; line-height:40px; padding:0 20px; transition: all 0.2s} .solarcpt a:hover { background-color:#11193C; border:1px solid #11193C; color:#fff} /* 갤러리 */ #gallery {clear:both;overflow:hidden;width:100%;height:370px;padding:0;margin:0;background:url(/coding/images/gallery_bg.jpg) no-repeat 0 0;background-color:#000;} .gallery1 {clear:both;overflow:hidden;width:100%;padding:0;height:280px;margin:65px 0px;color:#FFFFFF;} .gallery1 h3 {padding:70px 0 30px 0;margin:0;font-size:40px;font-weight:600;line-height:1.2em;text-align:center;} .gallery1 h3 span {font-size:17px;font-weight:500;letter-spacing:-1px;} .gallery1 dt {padding:0;margin:0 0 25px 0;font-size:22px;font-weight:600;} .gallery1 dt a {float:right;position:relative;right:40px;} .gallery1 dd {padding:0;margin:0;} .gallery1 ul {padding:20px 0;margin:0;list-style:none;} .gallery1 ul li {display:inline;float:left;position:relative;width:270px;margin:0 13px;text-align:center;border:1px solid #eee;} .gallery1 ul li a {display:inline-block;float:left;width:100%;height:220px;} .gallery1 ul li a span {position:absolute;float:left;left:0;bottom:0;width:100%;padding:5px 0;font-size:15px;font-weight:600;color:#fff;background:url(/coding/images/black_trans2.png);} .gallery1 ul li a img {width:100%;height:100%;} /* 회원안내 */ #memberDiv {clear:both;overflow:hidden;width:100%; height:450px;padding:80px 0 65px 0;min-width:1200px;background:url(/coding/images/bg_member.gif) no-repeat 50% bottom;} #memberDiv h3 {padding:0;margin:0 0 30px 0;font-size:45px;font-weight:600;line-height:1.2em;text-align:center; text-transform:uppercase; letter-spacing:-1px;} #memberDiv h3 span {font-size:17px;font-weight:500;letter-spacing:-1px;} .membership {width:100%; height:260px;padding:0;margin:20px 0 0 0;list-style:none; background-color:#fff; border:1px solid #C5C5C5;box-sizing:border-box;} .membership li {display:inline;float:left;width:24.9%;height:100%;text-align:center;border-right:1px solid #C5C5C5;} .membership li strong {font-size:22px;font-weight:600; line-height:3.0;} .membership li span {font-size:13px; letter-spacing:-1px; line-height:1.5;} .membership li.none {border-right:none;} .membership li a {display:inline-block;padding-top:120px;} .membership li:nth-child(6n+1) a {background:url(/coding/images/member_icon1.png) no-repeat 50% 25px;} .membership li:nth-child(6n+2) a {background:url(/coding/images/member_icon2.png) no-repeat 50% 25px;} .membership li:nth-child(6n+3) a {background:url(/coding/images/member_icon3.png) no-repeat 50% 25px;} .membership li:nth-child(6n+4) a {background:url(/coding/images/member_icon4.png) no-repeat 50% 25px;} .membership li a:hover {text-decoration:none;color:#8B1271;} /* 공지사항 */ .notice_box {float:left;width:550px;padding:0 0 0 15px;margin:0;} .notice_box h3 {clear:both;overflow:hidden;padding:0;margin:0 0 25px 0;font-size:22px;font-weight:600;} .notice_box h3 a {float:right;right:0;} .notice_box .notice {clear:both;overflow:hidden;width:430px;padding:0 0 0 85px;margin:0 15px;list-style:none;background:url(/coding/images/icon_notice.png) no-repeat 0 50%;} .notice_box .notice li {float:left;width:97%;padding-left:3%;line-height:3.2em;background:url(/coding/images/bl_notice.gif) no-repeat 0 50%;} .notice_box .notice li a {float:left;color:#000;} .notice_box .notice li span {float:left;font-size:8pt;} /* 아이콘버튼 */ #iconInfo {float:right;width:590px;padding:0;margin:0;} #iconInfo ul {padding:0;margin:15px 0;list-style:none;} #iconInfo ul li {display:inline;float:left;width:33.3%;font-weight:600;text-align:center;} #iconInfo ul li a {display:inline-block;width:80%;padding-top:140px;margin:0 10%;color:#000;font-size:16px;background-image:url(/coding/images/icon_bg.png);background-repeat:no-repeat;} #iconInfo ul li.iconInfo1 a {background-position:22px 5px;} #iconInfo ul li.iconInfo2 a {background-position:-175px 5px;} #iconInfo ul li.iconInfo3 a {background-position:-370px 5px;} /* 배너모음 */ #banner {clear:both;overflow:hidden;width:100%;padding:20px 0;background-color:#F1F1F1;} #banner h3 {display:none;float:left;width:90px;padding:0;margin:10px 5px 0 0;font-weight:600;color:#333;text-align:center;} #banner h3 img {float:right;padding:5px;border-radius:50%;border:1px solid #D9D9D9;} #banner #banner-pane {float:left;overflow:hidden;width:1080px;height:60px;} #banner ul {overflow:hidden;width:100%;height:60px;padding:0;margin:0;list-style:none none outside;display:block;white-space:nowrap;font-size:0;} #banner ul li {display:inline-block;width:13.5%;text-align:left;} #banner ul li img {width:200px;height:50px;vertical-align:middle;} #banner p {float:right;width:100px;padding:0;margin:10px 0 0 0;text-align:center;} #banner #bannerPause {display:inline-block;width:27px;height:27px;background:url(/coding/images/bt_banner_pause.png) no-repeat 50% 50%;} #banner #bannerPause.paused {background-image:url(/coding/images/bt_banner_play.png);} #banner #bannerPrev {display:inline-block;width:27px;height:27px;background:url(/coding/images/bt_banner_prev.png) no-repeat 50% 50%;} #banner #bannerNext {display:inline-block;width:27px;height:27px;background:url(/coding/images/bt_banner_next.png) no-repeat 50% 50%;} /* 서브 -----------------------------------------------------------------------------*/ body#sub1 {background:url(/coding/sub1/images/sub_top01.jpg) no-repeat 50% 118px;} body#sub2 {background:url(/coding/sub1/images/sub_top01.jpg) no-repeat 50% 118px;} body#sub3 {background:url(/coding/sub1/images/sub_top01.jpg) no-repeat 50% 118px;} body#sub4 {background:url(/coding/sub1/images/sub_top01.jpg) no-repeat 50% 118px;} body#sub5 {background:url(/coding/sub1/images/sub_top01.jpg) no-repeat 50% 118px;} /* 일반 콘텐츠 페이지 */ #subMidDiv {clear:both;overflow:hidden;width:100%;margin:120px 0 40px 0;min-width:1200px;/*background:url(/coding/sub1/images/bg_left_menu.jpg) repeat-x 0 191px;*/} #midLeftDiv {clear:both;display:table;table-layout:fixed;width:100%;padding-top:140px;margin:0;} #midLeftDiv h2 {clear:both;overflow:hidden;height:140px;padding:0;margin:0 0 0 40px;font-size:30px;font-weight:600;color:#fff;line-height:140px;} #midContentDiv {clear:both;width:100%;} #menuLeftDiv { position:absolute; top:50px; right:0;width:270px;padding:0;margin:0;list-style:none; border-top:1px solid #BFBFBF;border-right:1px solid #BFBFBF;border-left:1px solid #BFBFBF;} #menuLeftDiv h2 {padding:30px 0;margin:0;font-size:27px; text-align:center;font-weight:600;color:#fff;background:url(/coding/images/l_topbg.gif) repeat 0 0;} #leftMenuDiv {width:100%;padding:0;margin:0;list-style:none;} #leftMenuDiv:after {content:"";clear:both;display:table;} #leftMenuDiv li a {float:left;width:100%;display:block;padding:15px 0 15px 20px;color:#000;font-weight:600;font-size:16px; color:#545454;letter-spacing:-1px;border-bottom:1px solid #BFBFBF;box-sizing:border-box;} #leftMenuDiv li a span {display:table;padding:0 5px; margin-bottom:5px;color:#fff;font-size:14px; font-weight:600;background-color:#C64852;} #leftMenuDiv li a:hover, #leftMenuDiv li a.hover {text-decoration:none;color:#A42532;} #leftMenuDiv li ul {float:left;width:100%;padding:10px 0;margin:0;list-style:none none outside;border-top:1px solid #ddd;} #leftMenuDiv li ul li {font-size:13px;border-bottom:none;} #leftMenuDiv li ul li a {padding:1px 0 1px 45px;color:#666;background:url(/public/images/dot_gray.png) no-repeat 35px 50%;} #leftMenuDiv li ul li a:hover {color:#000;} #subtitle {width:100%;padding:50px 0 15px 0 ;margin:0 0 20px 0; text-align:center;background:url(/coding/sub1/images/sub_title_line_bg.gif) no-repeat 50% bottom;} #subtitle strong {padding:0;font-size:35px;font-weight:600;color:#333;letter-spacing:-1px;line-height:50px;} #subtitle span {float:right;padding:0;margin:20px 15px 0 0;font-size:15px;font-weight:600;} #subTxt {clear:both;position:absolute;width:100%;margin:0;} #subTxt h4 {font-size:25px;font-weight:600;color:#184030;text-align:center;line-height:1.4; padding:60px 0 0 0; background:url(/coding/sub1/images/sub_txt_line_bg.gif) no-repeat 50% 45%;} #subTxt h4 span {font-size:15px;font-weight:600;color:#333;text-align:center;} #locationDiv {clear:both; float:left;width:100%;height:52px;margin:193px 0 0 0; padding:0;font-size:15px;color:#fff;background-color:#fff;border-top:1px solid #CACACA; border-bottom:1px solid #CACACA;} #locationDiv .outWrap {z-index:12;} #locationDiv ul { padding:0; margin:0;box-sizing:border-box;} #locationDiv ul a {display:inline-block;padding:14px 150px 13px 15px;color:#000;line-height:25px;border-right:1px solid #CACACA;background:url(/coding/sub1/images/bl_down.png) no-repeat 90% 50%; font-size:15px; font-weight:600;} #locationDiv ul a:first-child { float:left;padding:13px 12px;border-left:1px solid #CACACA;background:none;} #locationDiv ul a img {vertical-align:middle; margin:0 5px; padding:5px 0;} #locationDiv ul span {display:none;} #locationDiv .nav-2 {display:none;padding:10px 0;margin:0;border:solid 1px #ccc;background:#fff;list-style:none;box-shadow:#ddd 2px 2px 5px;box-sizing:border-box;} #locationDiv .nav-2 a {display:block;border:none;text-align:left;padding:15px 0 15px 20px;} /* #locationMenu {position:absolute;background-color:#2D558F;left:100px;top:200px;width:200px;z-index:3;display:none;} #locationMenu ul {display:block;padding:0 0 15px 0;margin:0;list-style:none none outside;} #locationMenu ul li {display:block;} #locationMenu ul li a {display:block;padding:15px 0 0 15px;color:#fff; line-height:25px;font-size:15px; font-weight:600;} #locationMenu ul li a:hover {background:url(/coding/sub1/images/bt_arrow_down.png) no-repeat 90% 70%;} */ #locationMenu {position:absolute;background-color:#fff; border-left:1px solid #CACACA;border-right:1px solid #CACACA;left:100px;top:247px !important;width:200px;z-index:3;display:none;box-sizing:border-box;} #locationMenu ul {display:block;padding:0;margin:0;list-style:none none outside;box-sizing:border-box;} #locationMenu ul li {display:block;border-bottom:1px solid #CACACA;box-sizing:border-box;} #locationMenu ul li a {display:block;padding:12px 0 12px 15px;color:#060605;line-height:25px;font-size:11pt;} #locationMenu ul li a:hover {} #share-area {position:absolute;right:0; top:10px;list-style:none;} #share-area li {display:inline;} #share-area li.none{display:inline;border-right:none;} #share-area li a img {vertical-align:middle; margin:0;} #share-area li a {padding:10px 3px;} #share-bt {display:none;position:absolute;right:122px; /* 90px */ top:13px;list-style:none; background-color:#000; padding:1px 0 1px 1px;} #share-bt li {display:inline;} #share-bt li.none{display:inline;border-right:none;} #share-bt li a img {vertical-align:middle; margin:0 1px 0 0;} #share-bt li a { float:left; padding:0; border-left:none;} #contentDiv {clear:both;width:100%;min-height:400px;padding:0 0 30px 0;text-align:left;font-size:16px;line-height:2.0;color:#000;} .paginate strong, .paginate a {background-color:#fff;} /* 콘텐츠 부분 -----------------------------------------------------------------------------*/ /* 텍스트 색상별 아이콘 지정 */ .iconBlue {background:url(/coding/sub1/images/bl_blue.gif) no-repeat 0 4px;} .iconGreen {background:url(/coding/sub1/images/bl_green.gif) no-repeat 0 4px;} .iconOrange {background:url(/coding/sub1/images/bl_orange.gif) no-repeat 0 4px;} /* 아이콘이 있는 텍스트의 왼쪽 여백 지정(아이콘이 위치할 공간) */ .iconBlue, .iconGreen, .iconOrange {padding-left:20px;} .ceomessage{} .ceomessage p {line-height:1.8em;} .ceomessage .text{ width:100%; float:left } .ceomessage .img{ float:left; margin-right:5%; margin-bottom:5%} .ceo_blue {color: #003399} .ceo_green {color: #009900} .ceo_orange {color: #FF3300} .text_lar1{ font-size:28px; letter-spacing:-1px; line-height:normal ; line-height:1.5em !important;font-weight:600;} .text_lar2{ font-size:25px; letter-spacing:0px; line-height:normal; line-height:0.2em !important; font-weight:600; padding-bottom:15px;} .text_lar3{ font-size:18px; letter-spacing:0px;/* line-height:normal*/} .text_lar4{ font-size:16px; letter-spacing:-1px;/* line-height:normal*/} .deduBox{margin-bottom:20px;padding:8px;background:#F5F5F5;border-radius:10px;word-break:keep-all;} .deduBox > div{padding:10px 200px 15px 50px;border:1px dashed #7a9ca0;border-radius:5px;} .deduBox.img1_1 > div{padding:15px 30px;text-align:center;} .deduBox.img1_2 > div{padding:15px 30px 5px 230px;background:url(/public/sub4/images/s2img2.gif) no-repeat 5% center;} .deduBox strong{display:block;font-size:20px;color:#144493;} .deduBox p{line-height:150%;} .deduBox p b{font-size:18px;color:#8171ce;} .deduBox.fontSmall p{font-size:15px;} .deduBox .btn_go{margin-top:10px;} .business_info {clear:both;overflow:hidden;width:100%;padding:0;background:url(/coding/sub1/images/s2_img01.jpg) no-repeat 0 0;} .business_info h4 { padding:40px 0 20px 30px; letter-spacing:-1px; color:#000; font-weight:500;} .business_info h4 strong { float:left; width:100%; font-size:25px; letter-spacing:-1px; color:#134390; font-weight:600;font-family:"Nanum Myeongjo", serif; line-height:2.0; margin-bottom:20px;} .business_info ul { width:100%;padding:0; margin:0; list-style:none; border-top:1px solid #D7D7D7;} .business_info ul li { float:left;padding:120px 0 0 0; margin:0; width:50%; height:200px;font-size:15px; font-weight:600; border-bottom:1px solid #D7D7D7;border-right:1px solid #D7D7D7; text-align:center; line-height:1.5;box-sizing:border-box;} .business_info ul li:nth-child(1) {background:url(/coding/sub2/images/s1_icon1.jpg) no-repeat 50% 10px;border-left:1px solid #D7D7D7;} .business_info ul li:nth-child(2) {background:url(/coding/sub2/images/s1_icon2.jpg) no-repeat 50% 10px;} .business_info ul li:nth-child(3) {background:url(/coding/sub2/images/s1_icon3.jpg) no-repeat 50% 10px;border-left:1px solid #D7D7D7;} .business_info ul li:nth-child(4) {background:url(/coding/sub2/images/s1_icon4.jpg) no-repeat 50% 10px;} .business_info ul li:nth-child(5) {background:url(/coding/sub2/images/s1_icon5.jpg) no-repeat 50% 10px;border-left:1px solid #D7D7D7;} .business_info ul li:nth-child(6) {background:url(/coding/sub2/images/s1_icon6.jpg) no-repeat 50% 10px;} .stt {float:left; width:100%; margin:0 0 20px 0;padding:0 0 0 0; } .stt dt {float:left; width:14%;padding:15px 0 0 20px;margin:0 0 10px 0;font-size:17px;font-weight:600;color:#000;background:url(/coding/images/stt_title_bg.gif) no-repeat 20px 0;} .stt dd {float:right; width:80%;padding:20px;margin:4px 0;line-height: 1.8;border:1px solid #DFE3E6;} .stt dd span{padding:0;margin:0;font-size:13px;font-weight:600; color:#663300;} .stt dd a{padding-right:15px;text-decoration:none;color:#660000;background:url(/coding/images/blank.gif) no-repeat right 50%;} .stt dd a:hover{text-decoration:underline;} .stt dd ul {padding:0;margin:0;list-style:none;} .stt dd ul li{ padding:0 0 5px 15px;margin:0; background:url(/coding/images/s_bulet.gif) no-repeat 0 7px;} .stt dd ul li ul{padding:0;margin:0;list-style:none;} .stt dd ul li ul li{ padding:0 10px 0 10px;margin:0; background:url(/coding/images/s_bulet1.gif) no-repeat 0 8px;} .stt2 {float:left; width:100%; margin:0 0 10px 0;padding:0 0 0 0; } .stt2 dt {padding:0 0 0 20px;margin:0 0 10px 0;font-size:16px;font-weight:600;color:#000;background:url(/coding/images/bulet.gif) no-repeat 0 6px;} .stt2 dd {padding:0 0 10px 0px;margin:4px 0;line-height: 1.8;} .business {clear:both;overflow:hidden;width:100%;padding:20px 0 0 0;} .business dt {padding:0 0 0 25px;font-size:17px;font-weight:600;;background:url(/coding/images/bulet.gif) no-repeat 0 9px;} .business dd {padding:0 0 0 5px;margin:0; } .business dd p {padding:10px;margin:0;} .business dd span.text1 {padding:0;margin:0; font-size:17px;font-weight:600;color:#005CC2; text-decoration:underline; line-height:2.5;} .business dd ol {padding:0 0 0 20px;margin:0 0 0 0px;} .business dd ul {padding:0 0 0 30px;margin:0;list-style:none; font-size:17px;} .business dd ul li{ padding:6px 0 5px 20px;margin:0; background:url(/coding/images/s_bulet.gif) no-repeat 0 14px;} .business dd ul li strong.text1 {font-weight:600; color:#0070BC;} .business dd ul li ul{padding:0;margin:0;list-style:none;} .business dd ul li ul strong{font-weight:600;} .business dd ul li ul li{padding:3px 0 3px 15px;margin:0; background:url(/coding/images/s_bulet1.gif) no-repeat 3px 14px;} .business dd ul li ul li ul {padding:0;margin:0;list-style:none;} .business dd ul li ul li ul li {padding:3px 0 3px 15px;margin:0; background:url(/coding/images/s_bulet2.gif) no-repeat 3px 14px;} #info2 dl {padding:0;margin:0 0 20px 0;} #info2 dl dt {padding:0 0 0 20px;margin:0 0 10px 0;font-size:16px;font-weight:600;color:#000;background:url(/coding/images/bulet.gif) no-repeat 0 6px;} #info2 dl dd {padding:0 0 10px 0px;margin:4px 0;line-height: 1.8;} #info2 dl dd ul {padding:0;margin:0;list-style:none;} #info2 dl dd ul li{padding:0 0 5px 15px;margin:0; background:url(/coding/images/s_bulet.gif) no-repeat 0 7px;} #info2 dl dd ul li ul{padding:0;margin:0;list-style:none;} #info2 dl dd ul li ul li{padding:0 10px 0 10px;margin:0; background:url(/coding/images/s_bulet1.gif) no-repeat 0 8px;} .info_left {float:left;width:50%;} .info_right {float:right;width:50%;} /* 탭 속성 */ #tabs {clear:both;overflow:hidden;width:98%;padding-left:2%;margin-bottom:35px;border-bottom:1px solid #D2D2D2;} #tabs ul {clear:both;overflow:hidden;padding:0;margin:0;list-style:none;border-left:1px solid #D2D2D2;} #tabs ul li {display:inline;float:left;border-top:2px solid #4F7E75;border-right:1px solid #D2D2D2;background:#ECECEC;} #tabs ul li a {display:inline-block;padding:10px 20px;color:#333;} #tabs ul li a:hover, #tabs ul li.current a {color:#0F537D;font-weight:600;text-decoration:none;background-color:#fff;} #tabNav1 {clear:both;overflow:hidden;width:98%;padding-left:2%;margin:50px 0;border-bottom:1px solid #999;;border-top:2px solid #4F87D5;} #tabNav1 ul {clear:both;overflow:hidden;padding:0;margin:0;list-style:none;border-left:1px solid #D2D2D2;} #tabNav1 ul li {display:inline;float:left;font-size:1.0em;border-right:1px solid #D2D2D2;background:#EFF1F2 url(/Content/images/bl_gray_dot2.png) repeat-x 0 bottom;} #tabNav1 ul li a {display:inline-block;padding:15px 15px;color:#333;} #tabNav1 ul li a:hover, #tabNav1 ul li#current a {color:#4F87D5;font-weight:600;text-decoration:none;background-color:#fff;} /* 테이블 기본 속성 */ .data_t {width:100%;clear:both; margin:20px 0;font-size:10pt; border-collapse:collapse;} .data_t thead th {padding:10px 10px;color:#5E5E5E;border:1px solid #898989;background-color:#F3F3F3;font-size:13pt;text-align:center;font-weight:600;} .data_t tbody td {border:1px solid #898989;padding:10px 15px;font-size:11pt;text-align:center;} .data_t tbody th {padding:10px 10px;color:#4B4B4B;border:1px solid #898989;background-color:#FEF3ED;font-size:12pt;text-align:center;} .data_t tbody td.txLeft {text-align:left;} /* 테이블 td 왼쪽 정렬 */ .tdLeft tbody td, table th.text_left, table td.text_left, table td.fleft {text-align:left;} /* 색상별 테이블 thead 영역에 배경 및 라인색 지정 */ table.blue {border-top:2px solid #6E9EAF;} table.blue thead th {color:#255C6F;border-bottom:1px solid #6E9EAF;background-color:#F9FBFE;} table.green {border-top:1px solid #008550;} table.green thead th {color:#008550;border-bottom:1px solid #008550;background-color:#EDFAF5;} table.orange {border-top:1px solid #FF6600;} table.orange thead th {color:#FF6600;border-bottom:1px solid #FF6600;background-color:#FEEFDE;} table.violet {border-top:1px solid #8560A8;} table.violet thead th {color:#64259E;border-bottom:1px solid #8560A8;background-color:#F7EFF8;} /* 본문 내에 링크 텍스트 색상 지정 */ table.blue tr a, table.blue td a, a.blue {color:#1F62C8;} table.green tr a, table.green td a, a.green {color:#008550;border-bottom:1px dashed #008550;} table.orange tr a, table.orange td a, a.orange {color:#FF6600;border-bottom:1px dashed #FF6600;} table.violet tr a, table.violet td a, a.violet {color:#64259E;border-bottom:1px dashed #8560A8;} /* 연혁 */ .history_Wrap {clear:both;overflow:hidden;padding:0;margin:0;background:url(/coding/sub1/images/history_bg.jpg) no-repeat 10px 20px;} h4.history_t{padding:0;margin:20px 0 40px 0;color:#3E3E3E;text-align:center;font-size:30px;font-weight:600;} h3.year {clear:both;position:relative;top:50px;left:370px;font-size:25pt;font-weight:600;color:#C26F30;display:inline;} .history {clear:both;overflow:hidden;margin-left:320px;} .history dl {clear:both;overflow:hidden;width:800px;padding:5px 0;margin:0 0 15px 150px;} .history dl dt {width:150px; float:left;padding:8px 0 8px 20px;margin:0;font-size:16px;font-weight:600;color:#000;line-height:20px;} .history dl dd {width:600px;padding:0;margin:0 0 0 150px;border-bottom:1px dashed #D7D7D7;} /* 오시는 길 */ ul.road_info_add {padding:0;border-top:1px solid #333;border-bottom:1px solid #333; position:relative; clear:both ; margin-top:30px;text-align:left;} ul.road_info_add li{ border-bottom:1px solid #ddd; padding:10px 0 ; width:100%;} ul.road_info_add li:last-child{ border-bottom:none;} ul.road_info_add li dl{ clear:both; width:100%; } ul.road_info_add li dl:after{ clear:both; display:block; content:"";} ul.road_info_add li dt{ width:16%; float:left; font-weight:600; padding:0 2%} ul.road_info_add li dd{ width:80%; float:right;} ul.road_info_add li dd img{ margin-left:10px; margin-right:3px; vertical-align: middle; margin-bottom:1px } ul.road_info_add li dd h5{} /* 협회 */ .quaility_icon{overflow: hidden; *width:100%; } .quaility_icon li{float:left;margin:5px;width:19%; text-align:center;font-weight:700;} .quaility_icon li a {display:block;width:100%;padding:0;border:1px solid #ddd;font-size:1.0em;} .quaility_icon li a:hover {padding:0;border:1px solid #FB0000;text-decoration:none;color:#000;font-size:1.0em;} .quaility_icon li dl {position:relative; overflow:hidden; background:#F6F6F6; padding:1.5em 0;} .quaility_icon li dl dt{ position:relative; overflow:hidden; text-align:center; opacity:0.9;} .quaility_icon li dl dd { padding:5% 2%; overflow:hidden; position:relative; line-height:1.2em} .quaility_icon li dl dd p.port_con{} /* 버튼 */ a.download_blue {display:inline-block;padding:8px 20px 8px 40px;color:#fff;background:#216BCC url(/coding/images/bt_down_white.png) no-repeat 15px 50%;} a.download_orange {display:inline-block;padding:8px 30px 8px 30px;color:#fff;background-color:#CC5221;} /* 박물관리스트 */ div.museum {float:left;display:inline;width:525px;min-height:220px;padding:20px 20px 0 20px;margin:20px 15px 20px 15px;border:1px solid #D7D7D7;line-height:2;} div.museum:hover {border-color:#2CC06B;} div.museum:nth-child(2n+1) {clear:left;} div.museum h3 {margin:0; padding:0;font-size:25px;} div.museum h3 span a{float:right;width:90px;background-color:#666666;margin:0; padding:0;font-size:12px;color:#FFFFFF; text-align:center;} div.museum img {float:left;margin:20px 0 0 0;width:180px;} div.museum dl {float:right;display:inline; width:330px;margin:30px 0; padding:0;} div.museum dl dt {float:left;padding:5px 0 0 25px;margin:0;width:60px;color:#000;font-size:13px;font-weight:600;background:url(/coding/sub2/images/st_bl.gif) no-repeat 0 10px;} div.museum dl dd {float: none;padding:5px 0 5px 85px;margin:0;font-size:13px;word-break:break-all;letter-spacing:-1px;} div.museum dl dd ul a {display:inline-table;width:100%;padding:5px 0;font-size:14px;color:#fff;border:1px solid #fff;background-color:#4F8B8F;} div.museum dl dd ul a:hover {text-decoration:none;border:1px solid #4F8B8F;background-color:#324F51;} div.museum a.home-link {display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} div.museum_view {float:right;display:inline;width:510px;padding:30px 0 0 20px;margin:0;} div.museum_view dl {margin:0;padding-bottom:20px;border-bottom:1px dashed #909090;} div.museum_view dl dt {float:left;padding:8px 0 8px 25px;margin:0;width:80px;color:#000;font-size:15px;font-weight:600;background:url(/coding/sub2/images/st_bl.gif) no-repeat 0 12px;} div.museum_view dl dd {float: none;padding:8px 0 8px 105px;margin:0;font-size:15px;} div.museum_view dl dd ul a {display:inline-table;width:100%;padding:5px 0;font-size:15px;color:#fff;border:1px solid #fff;background-color:#4F8B8F;} div.museum_view dl dd ul a:hover {text-decoration:none;border:1px solid #4F8B8F;background-color:#324F51;} div.museum_view .m_Txt {margin:0;padding:20px 0;font-size:15px; line-height:1.8;} /*박물관별 사진보기*/ h3.m_Title { margin:0;padding:0;font-size:27px; color:#2D6FC7;} /*공연행사프로그램 리스트*/ div.event {float:left;display:inline;width:525px;padding:20px;margin:20px 15px 20px 15px;border:1px solid #D7D7D7;} div.event:hover {border-color:#2CC06B;} div.event:nth-child(2n+1) {clear:left;} div.event:after {content:"";clear:both;display:table;} div.event img {float:left;margin:0;width:200px;} div.event .box {float:right;margin:0;width:300px;} div.event span.ing {padding:5px 20px;width:60px;font-size:12px;background-color:#BE0100;color:#FFFFFF;font-weight:600;} div.event span.end {margin:5px;padding:5px 20px;width:60px;font-size:12px;background-color:#606060;color:#FFFFFF;font-weight:600;} div.event span.go {margin:0;padding:5px 20px;width:60px;border:1px solid #C4C1C1;} div.event span.go a{font-size:12px;font-weight:600;} div.event h3 {margin:20px 0 0 0; padding:0;font-size:16px;color:#000;font-weight:600;letter-spacing:-1px;line-height:1.4;} div.event h4 {margin:0 0 20px 0; padding:0;font-size:30px;color:#000;font-weight:600;letter-spacing:-1px;line-height:1.2;} div.event dl {display:block;margin:0;padding:0 0 20px 0;} div.event dl:after {content:"";clear:both;display:table;} div.event dl dt {float:left;padding:2px 0 2px 25px;margin:0;width:70px;color:#000;font-size:15px;font-weight:600;background:url(/coding/sub2/images/st_bl.gif) no-repeat 0 7px;} div.event dl dd {float: none;padding:2px 0 2px 0;margin:0;font-size:15px;} div.event dl dd ul a {display:inline-table;width:100%;padding:5px 0;font-size:15px;color:#fff;border:1px solid #fff;background-color:#4F8B8F;} div.event dl dd ul a:hover {text-decoration:none;border:1px solid #4F8B8F;background-color:#324F51;} /*공연행사프로그램 상세페이지*/ div.event_view {float:left;display:block;width:100%;padding:20px;margin:0;box-sizing:border-box;} div.event_view a.poster img {float:left;margin:0 0 0 0;padding:10px;width:400px;border:1px solid #C4C1C1;} div.event_view div.box {float:right;width:700px;} div.event_view div.box:after {content:"";clear:both;display:table;} div.event_view div.box span.ing {padding:5px 20px;width:60px;font-size:12px;background-color:#BE0100;color:#FFFFFF;font-weight:600;} div.event_view div.box span.end {margin:5px;padding:5px 20px;width:60px;font-size:12px;background-color:#606060;color:#FFFFFF;font-weight:600;} div.event_view div.box span.go {margin:0;padding:5px 20px;width:60px;border:1px solid #C4C1C1;} div.event_view div.box span.go a{font-size:12px;font-weight:600;} div.event_view div.box h3 {margin:20px 0 0 0; padding:0;font-size:30px;color:#000;font-weight:600;letter-spacing:-1px;line-height:2.5;} div.event_view div.box h4 {margin:0 0 20px 0; padding:0 0 50px 0;font-size:50px;color:#000;font-weight:600;letter-spacing:-1px;border-bottom:1px dashed #909090;line-height:1;} div.event_view div.box dl {display:block;margin:0;} div.event_view div.box dl:after {content:"";clear:both;display:table;} div.event_view div.box dl dt {float:left;padding:8px 0 8px 35px;margin:0;width:100px;color:#000;font-size:17px;font-weight:600;background:url(/coding/sub2/images/st_bl.gif) no-repeat 10px 12px;} div.event_view div.box dl dd {float: none;padding:8px 0 8px 0;margin:0;font-size:17px;} div.event_view div.box dl dd ul a {display:inline-table;width:100%;padding:5px 0;font-size:15px;color:#fff;border:1px solid #fff;background-color:#4F8B8F;} div.event_view div.box dl dd ul a:hover {text-decoration:none;border:1px solid #4F8B8F;background-color:#324F51;} div.event_view img {max-width:100%;} #room_gall {float:left; width:650px; padding-bottom:20px;margin:20px 0;} #img_view {width:650px; height:470px; padding:0; margin:0; overflow:hidden;position:relative;} #img_view ul {display:block; margin:0; padding:0; list-style:none none outside;} #img_view ul li span.photo-text {position:absolute;display:block;width:100%;padding:10px 0 20px 0;background-color:#000;color:#fff;text-align:center;left:0;bottom:0;opacity:0.7;filter:alpha(opacity=70);} #img_view #btn_prev {position:absolute;left:5px;top:220px;} #img_view #btn_next {position:absolute;right:5px;top:220px;} .room-gallery {margin:10px 0;height:100px;position:relative;overflow:hidden;} .room-gallery #bt_prev {position:absolute;left:0;top:0;cursor:pointer;} .room-gallery #bt_next {position:absolute;right:0;top:0;cursor:pointer;} .room-gallery #room_gallery {margin:0;display:block;} .room-gallery #room_gallery div.gitems {display:block;margin:0;padding:0;white-space:nowrap;list-style:none none outside; text-align:center;font-size:0;} .room-gallery #room_gallery div.gitems div.gitem {display:inline-block;margin-left:10px;} .room-gallery #room_gallery div.gitems div.gitem img {width:155px;height:110px;} .room-gallery #room_gallery div.gitems div.gitem:nth-child(4n+1) {margin-left:0;} .acticle1 {height:525px; padding:20px; margin:0 0 50px 0; border:1px solid #d2d2d2;} .acticle1 ul {padding:0;margin:0;} .acticle1 ul li {position:relative; display:inline-block; width:425px; margin:0; padding:10px 0 10px 150px; vertical-align:top; text-align:left;} .acticle1 ul li.section1 {background:url(/coding/sub3/images/s1_img1.gif) no-repeat 0 5px;} .acticle1 ul li.section2 {background:url(/coding/sub3/images/s1_img2.gif) no-repeat 0 5px;} .acticle1 ul li.section3 {background:url(/coding/sub3/images/s1_img3.gif) no-repeat 0 5px;} .acticle1 ul li.section4 {background:url(/coding/sub3/images/s1_img4.gif) no-repeat 0 5px;} .acticle1 ul li.section5 {background:url(/coding/sub3/images/s1_img5.gif) no-repeat 0 5px;} .acticle1 ul li strong {display:block; font-size:21px; line-height:30px;} .acticle1 ul li p {padding-top:10px; font-size:15px; line-height:24px;} ul.resv-chart {display:block;padding:0;margin:0;list-style:none;} ul.resv-chart * {box-sizing:border-box;} ul.resv-chart:after {content:"";clear:both;display:table;} ul.resv-chart li.col {display:block;float:left;width:24%;margin:10px 0.5%;padding:0 0 20px 0;border:solid 1px #CCCCCC; text-align:center;height:250px;} ul.resv-chart li.col a.title_1, ul.resv-chart li.col a.title_2, ul.resv-chart li.col a.title_3 {display:block;padding:0;} ul.resv-chart p.title_1 {display:inline-block;clear:both;width:100%;margin:0 0 10px 0;padding:15px 0 15px 0;font-size:14px;color:#333; border-bottom:2px solid #006ECC; color:#000; text-align:center;} ul.resv-chart p.title_1 span {font-size:17px;font-weight:600;color:#006ECC;} ul.resv-chart p.title_2 span {display:inline-block;margin:0 0 10px 0;padding:5px 0 20px 0;width:100%;font-size:16px;font-weight:600; border-bottom:2px solid #00A485; color:#00A485; text-align:center;} ul.resv-chart p.title_3 span {display:inline-block;margin:0 0 10px 0;padding:5px 0 20px 0;width:100%;font-size:16px;font-weight:600; border-bottom:2px solid #F08235; color:#F08235; text-align:center;} ul.resv-chart ul {list-style:none;margin-top:10px;padding:0 10px; text-align:left;} ul.resv-chart ul li {background:url(/coding/sub3/images/bl_square.gif) no-repeat 5px 9px; padding:0 0 0 15px; margin:7px 0; font-size:15px; line-height:1.6;} ul.resv-chart ul a {display:inline-block;position:relative;color:#00f;white-space:nowrap;text-decoration:none;} ul.resv-chart ul a:after {content:"";position:absolute;left:0;bottom:0;border-top:dotted 1px #00f;width:100%;} ul.resv-chart ul a:focus:after, ul.resv-chart ul a:hover:after {animation-duration:0.5s;animation-name:underline;border-color:#f00;} .fl{float:left;} .fr{float:right;} .main_con .maintit{font-size:2rem;color:#111;line-height:2.3rem;font-weight:600;} .main_con .maintit_service{ font-size:33px;color:#333;line-height:3.8rem;} .main_con .maintit_service1{font-size:2.9rem;color:#333;line-height:3.8rem;} .main_con .maintit_serviceybg{ font-size:27px;color:#333;background:#ffe400;padding:6px 20px;} .main_con .maintit_about{font-size:2.7rem;color:#111;line-height:3.8rem;} .main_con .subtit_bluepurple{display:block; font-size:22px;color:#CE5C8C;} .main_con h2{font-size:1.5rem;color:#444;line-height:2.0rem } .main_con h3{font-size:2.2rem;color:#444;line-height:2.0rem } .main_con p{font-size:17px;color:#333;line-height:26px;width:100%} .main_con p span{font-size:15px;color:#666;line-height:26px; } .main_con p span strong{font-size:15px;color:#3156C4;line-height:35px;font-weight:600;} .main_con p.intro a{ font-size:17px;color:#444;line-height:29px; } .main_con p.intro a:hover{border-bottom:1px solid #444;} .main_con .broad{width:50%;} .main_con ol{margin:20px 0 0 0;font-size:16px;font-weight:600;} .main_con ol li{list-style-type : decimal ;font-size:15px;color:#000; margin-left:10px;margin-bottom:2px; font-weight:500;} .main_con ol strong {margin-left:5px;font-size:16px;font-weight:600;} .main_con .pmt{margin-top:20px;} .main_con img{max-width:100%;} .main_con .greentb{width:80%;margin-left:10%;} .main_con .greentb th{height:45px;background:#fcfdf5;text-align:center;font-size:19px;color:#777;border-top:1px solid #b9b9b9;} .main_con .greentb tr.tb{border-top:1px solid #b9b9b9;} .main_con .greentb tr{border-bottom:1px solid #b9b9b9;} .main_con .greentb td.tit{width:30%;text-align:center;background:#f3f5ec;font-size:23px;color:#444;line-height:28px; } .main_con .greentb td.tit1{width:25%;text-align:center;background:#f3f5ec;font-size:23px;color:#444;line-height:28px; } .main_con .greentb td{height:60px;font-size:19px;color:#000;line-height:28px;padding:0 12px; } .main_con .greentb td.rb{border-right:1px solid #b9b9b9; } .mtcon{margin-top:150px; } .mtimg{clear:both; overflow:hidden; display:block;width:100%;margin:20px 0 50px 0;} .mtimg1{margin-bottom:50px;} .mtimg2{margin-bottom:20px;} .bulletstep{display:block;width:92px;height:65px;background:url(/coding/sub3/images/bullet_story.png);display:inline-block;text-align:center;margin-right:20px;vertical-align:middle;margin-bottom:8px;line-height:1.8em;} .bulletstep .small{ color:#fff;font-size:17px;margin-top:3px;display:inline-block;} .bulletstep .num{ color:#fff;font-size:30px;} .bulletstep .num1{ color:#fff;font-size:30px;margin-top:10px;display:inline-block;} .main_con_2grid{width:45%;} .story0101_imgtxt{background:#fafafa;border:1px solid #dadada;width:80%;padding:5%;font-size:19px;color:#444;margin-left:5%;line-height:28px; } .main_con_tip{background:#2D4269;padding:3%;line-height:28px;color:#FFF;} .main_con_tip ol{margin:20px 0 0 0;font-size:16px;font-weight:600;} .main_con_tip ol li{list-style-type : decimal ;font-size:15px;color:#FFF; margin-left:30px;margin-bottom:2px;} .main_con_tip ol li:last-child{margin-bottom:0;} .main_con_tip .tiptit{font-size:26px;font-weight:600;} .main_con_tip1{background:#EDF2FC;border:1px solid #3C1F1B;padding:3%;line-height:28px;color:#000;} .main_con_tip1 ol{margin:20px 0 0 0;font-size:16px;font-weight:600;} .main_con_tip1 ol li{list-style-type : decimal ;font-size:15px;color:#000; margin-left:30px;margin-bottom:2px; font-weight:500;} .main_con_tip1 ol li:last-child{margin-bottom:0;} .main_con_tip1 .tiptit{font-size:26px;font-weight:600;}