/*----------------- header.css -----------------------*/ /*--- common selector ---*/ body,div,dl,dt,dd,ul,ol,li,form,fieldset,p,button{margin:0;padding:0;} h1, h2, h3, h4, h5, h6 { margin:0; padding:0;} body,input,select,textarea{font-family:'Malgun Gothic', '맑은 고딕',dotum,'돋움',sans-serif; font-size: 12px; font-weight:normal;} /* 137.5% == 22px */ body{ -webkit-text-size-adjust:none;} hr{display:none;} img,fieldset{border:0;} img,input,select,textarea{vertical-align:middle;} ul,ol,li{list-style:none;} a:link,a:hover,a:active,a:visited {text-decoration:none; border-style: none;} strong{font-weight:bold;} input[type="text"]{-webkit-appearance:none;-webkit-border-radius:0;} input:checked[type="checkbox"]{background-color:#fff;-webkit-appearance:checkbox;} /*--- list style ---*/ ul li { margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle;} .ul li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:left;} .ur li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:right;} .float { float: left;} .floatnone { float: none; vertical-align: middle; margin-bottom: 2px;} /*--- table style ---*/ th { text-align: center;} caption { display: none;} /*--- common style ---*/ .infoPartition { font-size: 11px; font-weight: normal;} /*---------------------- main ----------------------*/ #window { width: 100%; align:center; float: left; background-color: #fff;} #headWrap { position: relative; width: 100%; height: 53px; background: #fefefe; float: left;} /*#head { position: relative; width: 100%; height: 54px; background: url(/core/mobile/images/light_burgundy/bg/bg_header_2.gif) center top no-repeat; float: left;}*/ #logo { position: relative; width: 100%; text-align: center; float: left;} #headSiteMap { position: absolute; left: 14px; top: 21px;} #headBack { position: absolute; right: 14px; top: 21px;} #headBottom { position: relative; width: 100%; height: 3px; background: url(/core/mobile/images/light_burgundy/bg/bg_header_3.gif) repeat-x; float: left;} /* menuNavigation */ #menuNavi { position: relative; width: 100%; float: left;} #menuTop { position: relative; width: 100%; height: 37px; background: url(/core/mobile/images/light_burgundy/navi/bg_1.gif) center top repeat-x; float: left;} #menudepth1 { position: relative; width: 100%; float: left;} #menudepth1Left { position: absolute; left: 0; top: 0;} #menudepth1Middle { position: relative; width: 100%; float: left;} #menudepth1Txt { position: relative; width: 25%; height: 20px; text-align: center; float: left;} #menudepth1TxtOn { position: relative; width: 25%; height: 20px; float: left;} #menudepth1TxtOnLeft { position: absolute; left: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/light_burgundy/navi/depth1_on_left.png) no-repeat;} #menudepth1TxtOnMiddle { position: relative; width: 100%; height: 20px; float: left;} #menudepth1TxtOnMiddleBg { position: relative; width: 100%; height: 20px; background: url(/core/mobile/images/light_burgundy/navi/depth1_on_middle.png) top repeat-x; float: left;} #menudepth1TxtOnText { position: absolute; left: 0; top: 2px; width: 100%;} .depth1OnText { width: 100%; text-align: center; font-weight: bold; color: #980045; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #menudepth1TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/light_burgundy/navi/depth1_on_right.png) no-repeat;} .depth1block { display: block; font-weight: bold; color: #fff;} #menudepth1Right { position: absolute; right: 0; top: 0;} #menudepth1Bottom { position: relative; width: 100%; height: 8px; float: left;} #menudepth1BottomLeft { position: absolute; left: 0; top: 0; width: 20px; height: 8px;} #menudepth1BottomMiddle { position: relative; width: 100%; float: left;} #menudepth1BottomBg { position: relative; width: 25%; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth1_bottom_middle.png) repeat-x; float: left;} #menudepth1BottomBgOn { position: relative; width: 25%; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth1_bottom_middle.png) repeat-x; float: left;} #menudepth1BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #ff9ebc; float: left;} #menudepth1BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px;} /* 뎁스메뉴1만 활성시 시작 */ #menudepthOnly1TxtOn { position: relative; width: 25%; height: 20px; float: left;} #menudepthOnly1TxtOnLeft { position: absolute; left: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_on_left.png) no-repeat;} #menudepthOnly1TxtOnMiddle { position: relative; width: 100%; height: 20px; float: left;} #menudepthOnly1TxtOnMiddleBg { position: relative; width: 100%; height: 20px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_on_middle.png) top repeat-x; float: left;} #menudepthOnly1TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_on_right.png) no-repeat;} #menudepthOnly1Bottom { position: relative; width: 100%; height: 8px; float: left;} #menudepthOnly1BottomLeft { position: absolute; left: 0; top: 0; width: 20px; height: 8px;} #menudepthOnly1BottomMiddle { position: relative; width: 100%; float: left;} #menudepthOnly1BottomBg { position: relative; width: 25%; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_bottom_middle.png) repeat-x; float: left;} #menudepthOnly1BottomBgOn { position: relative; width: 25%; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_bottom_middle.png) repeat-x; float: left;} #menudepthOnly1BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #fff; float: left;} #menudepthOnly1BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px;} /* 뎁스메뉴1만 활성시 끝 */ #menudepth2 { position: relative; width: 100%; background-color: #ff9ebc; float: left;} #menudepth2Left { position: absolute; left: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/optimus_hotpink/navi/depth2_bg_left.gif) left repeat-y;} #menudepth2Middle { position: relative; width: 100%; float: left;} #menudepth2Txt { position: relative; width: 33%; height: 20px; text-align: center; float: left;} #menudepth2TxtOn { position: relative; width: 33%; height: 20px; float: left;} #menudepth2TxtOnLeft { position: absolute; left: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/optimus_hotpink/navi/depth2_on_left.png) no-repeat;} #menudepth2TxtOnMiddle { position: relative; width: 100%; height: 20px; float: left;} #menudepth2TxtOnMiddleBg { position: relative; width: 100%; height: 20px; background: url(/core/mobile/images/optimus_hotpink/navi/depth2_on_middle.png) repeat-x; float: left;} #menudepth2TxtOnText { position: absolute; left: 0; top: 2px; width: 100%;} .depth2OnText { width: 100%; text-align: center; font-weight: bold; color: #f2638e; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #menudepth2TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/optimus_hotpink/navi/depth2_on_right.png) no-repeat;} .depth2block { display: block; color: #980045;} #menudepth2Right { position: absolute; right: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/optimus_hotpink/navi/depth2_bg_right.gif) right repeat-y;} #menudepth2Bottom { position: relative; width: 100%; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth2_bottom_middle.png) repeat-x; float: left;} #menudepth2BottomLeft { position: absolute; left: 0; top: 0; width: 20px; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth2_bg_left.gif) repeat-y;} #menudepth2BottomMiddle { position: relative; width: 100%; float: left;} #menudepth2BottomBg { position: relative; width: 33%; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth2_bottom_middle.png) repeat-x; float: left;} #menudepth2BottomBgOn { position: relative; width: 33%; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth2_bottom_middle.png) repeat-x; float: left;} #menudepth2BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #ffd8e4; float: left;} #menudepth2BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth2_bg_right.gif) right repeat-y;} #menudepth3 { position: relative; width: 100%; background-color: #ffd8e4; float: left;} #menudepth3Left { position: absolute; left: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_bg_left.gif) left repeat-y;} #menudepth3Middle { position: relative; width: 100%; float: left;} #menudepth3Txt { position: relative; width: 33%; height: 20px; text-align: center; float: left;} #menudepth3TxtOn { position: relative; width: 33%; height: 20px; float: left;} #menudepth3TxtOnLeft { position: absolute; left: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_on_left.png) no-repeat;} #menudepth3TxtOnMiddle { position: relative; width: 100%; height: 20px; float: left;} #menudepth3TxtOnMiddleBg { position: relative; width: 100%; height: 20px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_on_middle.png) repeat-x; float: left;} #menudepth3TxtOnText { position: absolute; left: 0; top: 2px; width: 100%;} .depth3OnText { width: 100%; text-align: center; font-weight: bold; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #menudepth3TxtOnRight { position: absolute; right: 0; top: 0; width: 8px; height: 20px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_on_right.png) no-repeat;} .depth3block { display: block; color: #f2638e;} #menudepth3Right { position: absolute; right: 0; top: 0; width: 20px; height: 100%; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_bg_right.gif) right repeat-y;} #menudepth3Bottom { position: relative; width: 100%; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_bottom_middle.png) repeat-x; float: left;} #menudepth3BottomLeft { position: absolute; left: 0; top: 0; width: 20px; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_bg_left.gif) repeat-y;} #menudepth3BottomMiddle { position: relative; width: 100%; float: left;} #menudepth3BottomBg { position: relative; width: 33%; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_bottom_middle.png) repeat-x; float: left;} #menudepth3BottomBgOn { position: relative; width: 33%; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_bottom_middle.png) repeat-x; float: left;} #menudepth3BottomBgOnColor { position: relative; width: 100%; height: 8px; background-color: #ffffff; float: left;} #menudepth3BottomRight { position: absolute; right: 0; top: 0; width: 20px; height: 8px; background: url(/core/mobile/images/optimus_hotpink/navi/depth3_bg_right.gif) right repeat-y;} #contentsBgLeft { position: absolute; left: 0; width: 20px; height: 100%; background: url(/core/mobile/images/optimus_hotpink/navi/depth4_bg_left.gif) left repeat-y; float: left;} #contentsBgRight { position: absolute; right: 0; width: 20px; height: 100%; background: url(/core/mobile/images/optimus_hotpink/navi/depth4_bg_right.gif) right repeat-y; float: left;} #location { position: relative; width: 100%; text-align: right; float: left;} .locationHome { display: block; height: 54px; float: left;} .locationdepth1 { display: block; height: 54px; float: left; color: #fff;} .locationdepth2 { display: block; height: 54px; float: left; color: #fff;} .locationdepth3 { display: block; height: 54px; float: left; color: #fff;} /*----------------- flexslider.css -------------------------*/ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0; width:100%; } .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block; border-radius:5px;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 15px; position: relative; zoom: 1;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 27px; height: 27px; display: block; background: url(/core/mobile/images/light_burgundy/bg/nav.png) no-repeat 0 0; position: absolute; bottom: 10px; z-index: 99; cursor: pointer; text-indent: -9999px;} .flex-direction-nav .flex-next {background-position: 100% 0;} .flex-direction-nav .flex-prev {} .flexslider:hover .flex-next {opacity: 1;} .flexslider:hover .flex-prev {opacity: 1;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: 16px; left: 45%; text-align: center; z-index:999; display:none;} .flex-control-nav li {margin: 0 7px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 10px; height: 10px; display: block; background: #fff; background: rgba(130,130,130,50); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(130,130,130,50);} .flex-control-paging li a:hover { background: #4f9ac9; background: rgba(79,154,201,90); } .flex-control-paging li a.flex-active { background: #4f9ac9; background: rgba(79,154,201,90); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; right: 40px;} .flex-direction-nav .flex-next {opacity: 1; right:10px;} } /*----------------- main.css -------------------------*/ /* main */ body { color: #d0d0d0; background-color: #000;} #bg{ position: relative; width: 100%; background: url(/core/mobile/images/light_burgundy/bg/menubg.jpg) center top repeat-y; float: left;} .sideBlank { padding: 0 1px;} .sideBlank li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:left;} #mainContainer { position: relative; width: 100%; float: left;} .titleTop {background:#fff;} .yellowishBg {background:#fff;} #mainImg { position: relative; width: 100%; text-align: center; background: url(/core/mobile/images/light_burgundy/bg/mainbg.jpg) center top no-repeat; float: left;} #mainImg .mainImgBox { position:relative; margin-top: 10px; width: 100%; float:left; border:1px solid red;} #mainImg .mainImgBtn { position:absolute;} #menuArea { position: relative; width: 100%; float: left;} #menu { position: relative; width: 100%; height: 79px; float: left;} #menuBox { position: relative; width:25%; height: 79px; align: center; float: left;} #menuInBox { position: relative; width: 59px; height: 79px; margin: 0 auto;} #menuInBoxIcon { position: relative; width: 59px; margin: 0 auto; float: left;} #menuText {position: relative; width: 62px; height:20px; text-align:center; float: left;} #menuBottom { position: relative; width: 100%; height: 12px; float: left;} #bannerarea{ position: relative; width: 100%; text-align: center; float: left;} /* 메인옵션 출력 */ #box { position: relative; width: 100%; margin-top: 15px; float: left; border:1px solid #323232;} #boxTitle { position: relative; width: 100%; float: left; background: url (/core/mobile/images/light_burgundy/bg/boardbg.gif) repeat-x;} .boxTitle { font-size: 14px; font-weight: bold; color: #fff;} #boxList { position: relative; margin-top: 7px; float: left; width: 100%;} #boxListSubject { position: relative; width: 100%; float: left;} #boxListSubject li { width: 100%;} #boxListSubject li a { display: block;} .mainLink { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold;} .subjectInfo { overflow: hidden; text-overflow: clip; white-space: nowrap; font-size: 12px; font-weight: normal;} #line { width: 100%; float: left; height: 1px; border-bottom: 1px solid #c9c9c9;} #displaytxt {position:relative; width:100%; height: 19px; float:left; border: 1px solid #2e2e2e; background: url(/core/mobile/images/light_burgundy/bg/displaybg.gif)repeat-x; border-radius:3px; overflow:hidden;} #displaytxt a {color:#fff;} /* sitemap */ #sitemap { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%;} #sitemapBg { position: absolute; width: 100%; height: 100%; background-color: #000; opacity: .90;} #sitemapHeader { position: relative; width: 100%; height: 56px; text-align: center; background: url(/core/mobile/images/light_burgundy/sitemap/bg_header_1.gif) repeat-x; float: left;} #sitemapHeaderClose { position: absolute; right: 17px; top: 13px;} #sitemapMenuList { position: relative; width: 100%; float: left;} #sitemapMenuDepth1On { position: relative; width: 100%; height: 40px; border-top: 1px solid #332e2f; border-bottom: 1px solid #11110e; background: url(/core/mobile/images/light_burgundy/sitemap/bg_menu_on.png) right no-repeat; float: left;} .sitemapDepth1On { position: absolute; width: 100%; height: 40px; display: block; color: #fff; font-size: 14px; font-weight: bold;} .sitemapDepth1On p { height: 29px; padding-left: 30px; padding-top: 11px;} #sitemapMenuDepth1 { position: relative; width: 100%; height: 40px; border-top: 1px solid #332e2f; border-bottom: 1px solid #11110e; background: url(/core/mobile/images/light_burgundy/sitemap/bg_menu.png) right no-repeat; float: left;} .sitemapDepth1 { position: absolute; width: 100%; height: 40px; display: block; color: #fff; font-size: 14px; font-weight: bold;} .sitemapDepth1 p { height: 29px; padding-left: 30px; padding-top: 11px;} #sitemapMenuDepth2List { position: relative; width: 100%; padding: 15px 0; border-top: 1px solid #332e2f; border-bottom: 1px solid #11110e; background: url(/core/mobile/images/light_burgundy/sitemap/bg_menudepth2_top.png) repeat-x; float: left;} #sitemapMenuDepth2On { position: relative; width: 100%; height: 25px; background: url(/core/mobile/images/optimus_hotpink/sitemap/bul_1.png) 0 8px no-repeat; float: left;} .sitemapDepth2On { position: absolute; display: block; width: 100%; color: #ff8bca; height: 25px; font-size: 12px;} .sitemapDepth2On p { padding-left: 16px; padding-top: 5px;} #sitemapMenuDepth2 { position: relative; width: 100%; height: 25px; float: left;} .sitemapDepth2 { position: absolute; display: block; width: 100%; color: #fff; height: 25px; font-size: 12px;} .sitemapDepth2 p { padding-left: 16px; padding-top: 5px;} #sitemapMenuDepth2ListBg { position: absolute; bottom: 0; left: 0; width: 100%; height: 12px; background: url(/core/mobile/images/light_burgundy/sitemap/bg_menudepth2_bottom.png) repeat-x;} #sitemapMenuDepth3On { position: relative; width: 100%; height: 25px; background: url(/core/mobile/images/light_burgundy/sitemap/bul_2.png) 30px 8px no-repeat; float: left;} .sitemapDepth3On { position: absolute; display: block; width: 100%; color: #ff8bca; height: 25px; font-size: 12px;} .sitemapDepth3On p { padding-left: 46px; padding-top: 5px;} #sitemapMenuDepth3 { position: relative; width: 100%; height: 25px; background: url(/core/mobile/images/light_burgundy/sitemap/bul_2.png) 30px 8px no-repeat; float: left;} .sitemapDepth3 { position: absolute; display: block; width: 100%; color: #fff; height: 25px; font-size: 12px;} .sitemapDepth3 p { padding-left: 46px; padding-top: 5px;} /*----------------- sub_main.css -------------------------*/ .submainSubject { padding: 0 40px 0 45px; height: 38px;} .submainSubject p { padding-top: 12px; font-size: 14px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /*----------------- footer.css -------------------------*/ #copyright { position: relative; width: 100%; min-height: 50px; background: url(/core/mobile/images/light_burgundy/bg/bg_copy.jpg) repeat; float: left; text-align: center; color: #d9d9d9; font-size: 11px; letter-spacing: -0.5px; float: left;} #copyIn { position: relative; float: left;width: 100%; .height: 38px; padding-top:12px;} #footer { position: relative; width: 100%; height: 53px; align: center; background: url(/core/mobile/images/light_burgundy/bg/bg_footer_1.gif) repeat-x; float: left;} #footerBtn { position: relative; width: 320px; height: 50px; margin: auto;} /*----------------- color.css -------------------------*/ /*-------------------------------------------------------------- defalt --------------------------------------------------------------*/ /* main */ body { color: #d0d0d0; background-color: #000;} /* basic font color & bgcolor */ /*#mainImg { border-bottom: 1px solid #f53971;}*/ #box { border-color: #323232; background: #1e1e1e;} /* recent box line color bgcolor */ #boxList { background-color: #fff;} /* recent box line color bgcolor */ #mainStyle1 { border-color: #bd0d41; background-color: #00678b;} /* recent box line color bgcolor */ #mainStyle1List { background-color: #fff;} /* recent box line color bgcolor */ .mainLink { color: #000;} /* main link color */ .subjectInfo { color: #8e8e8e;} /* main subject info color */ /* subMain */ .title { color: #cc124f;} .submainSubject p { color: #000;} /* fontcolor */ /* broadcast */ .listSubjectInfo { color: #8e8e8e;} /* subject infocolor */ /* backgroundimg & bgcolor */ .contentsPhotoListInfo { color: #8e8e8e;} /* list subject info color */ .paging strong { color: #fff; background-color: #a00030;} /* now paging box bgcolor */ .paging a { color: #a00030;} .contentsPhotoSubject strong { color: #ca2e5e;} .contents { background-color: #fff; color: #000; border: 1px solid #ccc;} /* board */ .boardTop { background-color: #f3e3e8;} .boardTop1 { color: #333333;} .boardTop2 { color: #666666;} .contentsPhotoListSubject { color: #666;} .contentsPhotoListSubjectReply { color: #9e9e9e;} /* reply subject color */ .contentsView { background-color: #ffe8ec; border: 1px solid #fff;} /* view text box color */ .contentsViewSubject { color: #333333;} .viewInfo { color: #8e8e8e;} /* business */ .businessView001 { border-top: 1px solid #f2c5d3;} /* cafe */ .cafeTop, .cafeTop1, .cafeTop2 { color: #ca2e5e;} .cafeTopTitle { color: #333;} .cafeWrite001 { border-bottom: 1px solid #acacac;} .cafeRecetList001 { border-bottom: 1px solid #f2c5d3;} .cafeRecetList002 { background-color: #ffe5ed; border-bottom: 1px solid #f2c5d3;} /* schedule */ .thSunday { color: #ff0000;} .thSaturday { color: #002aff;} .tdSunday { color: #ff4200;} .tdSaturday { color: #006ac4;} .past { color: #cccccc;} .event { color: #333;} .scheduleSubject a { color: #000;} .scheduleSubjectdate { color: #ff4e00;} /* food */ .food { width: 100%; background: url(/core/mobile/images/optimus_hotpink/common/food/food_bg.jpg);} #food { position: relative; width: 320px; background: url(/core/mobile/images/optimus_hotpink/common/food/food_middle.jpg) repeat-y; display: inline-block;} .foodTop { width: 320px; background: url(/core/mobile/images/optimus_hotpink/common/food/food_top.jpg) no-repeat;} .foodTh { color: #474747; background-color: #fbffc1; padding: 2px 4px;} .foodTh001 { color: #fbffc1; background-color: #60753c; text-align: center; padding: 2px 4px;} .foodTd001 { color: #fff; background-color: #60753c; text-align: left; padding: 2px 4px;} /* webzine */ .webzinePage { color: #991d31;} .webzineView001 { border-bottom: 1px solid #f2c5d3;} .webzineView002 { border-top: 1px solid #f2c5d3; border-bottom: 1px solid #f2c5d3;} .webzineView003 { border-top: 1px solid #f2c5d3;} /* history */ .historyDate { color: #cc124f;} .historySubject { color: #808080;} /* bible */ .searchBible a { color: #a00030; background-color: #fff; border: 1px solid #a00030;} .searchText a { background-color: #a00030; border: 1px solid #a00030;} .bibleChapter { color: #ca2e5e; font-weight: bold;} /* people */ .peopleView001 { border-bottom: 1px solid #f2c5d3; background-color:#fff; color:#808080;} .peopleView002 { border: 1px solid #fff;} .peopleView003 { color: #8e8e8e;} .peopleView004 { color: #575757;} /* photo */ .photoInfo { color: #8e8e8e;} .photoListMain001 { border-bottom: 1px solid #f2c5d3;} /* login */ .loginCheck { color: #ca2e5e;} .loginText a { color: #8e8e8e;} .login001 { border-top: 1px solid #f2c5d3; border-bottom: 1px solid #f2c5d3;} /*----------------- contents.css -------------------------*/ #containerWrap { position: relative; width: 100%; float: left;} .ulBlank { padding: 0 14px;} .ulBlank li{ margin:0px; padding:0px; list-style:none; line-height:140%; vertical-align: middle; float:left;} #containerContents { position: relative; width: 100%; float: left; background-color:#fff;} #containerContents #containerWrap .ulBlank li { width: 100%; float: left;} /* boradcast */ .contentsPhotoList { width: 100%;} .contentsPhotoListSubject { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold;} .contentsPhotoListInfo { overflow: hidden; text-overflow: clip; white-space: nowrap; font-size: 12px; font-weight: normal; line-height: 120%;} .paging { width: 100%; text-align: center;} .paging a { display: inline-block; min-width: 21px; height: 21px; border: 1px solid #a00030; line-height: 180%; margin: 0 5px 0 5px;} .paging strong { display: inline-block; width: 21px; height: 21px; border: 1px solid #fff; line-height: 180%; margin: 0 5px 0 5px;} .contentsPhotoSubject { overflow: hidden; font-size: 14px; font-weight: bold; line-height: 160%;} /* board */ .boardTop1 { font-size: 16px; font-weight: bold; display: inline-block; height: 25px; padding-top: 5px;} .boardTop2 { font-size: 14px; font-weight: bold; display: inline-block; height: 25px; padding-top: 5px;} .contentsPhotoListSubjectReply { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; font-weight: bold;} .contentsViewSubject { font-size: 14px; font-weight: bold;} .contentsView { color: #000;} .btnList { position: absolute; right: 0; bottom: 0;} .viewBtnBottom a { padding: 5px; color: #000;} .viewUpDown { width: 100%; font-size: 14px;} .viewUpDown a { display: block; padding: 5px 0; color:#000;} .write { position: relative; width: 100%;} .write label { position: absolute; left: 0; top: 5px; font-size: 14px; font-weight: bold; width: 80px;} .write p { padding-left: 80px;} .write p select { width: 100%; font-size: 14px; font-weight: bold;} .write p input[type="text"], .write p input[type="password"] { width: 100%; font-size: 14px; border: 1px solid #616161; -webkit-border-radius:5px; float: left;} /* cafe */ .cafeTop { font-weight: bold; font-size: 14px;} .cafeTop1 { font-size: 16px; font-weight: bold; display: inline-block; height: 25px; padding-top: 5px;} .cafeTop2 { font-size: 14px; font-weight: bold; display: inline-block; height: 25px; padding-top: 5px;} .btnRegister { position: absolute; right: 0;} /* schedule */ .scheduleTop a { display: inline-block;} .scheduleTop p { display: inline-block; font-size: 16px; font-weight: bold; padding-top: 4px;} #schedule { position: relative; width: 292px; display: inline-block; margin-top: 15px;} .calendarT { background-color: #fff3f7; color: #333333; border: 1px solid #9a2034; font-size: 14px; font-weight: bold;} .calendarTop { width: 100%; height: 29px; background: url(../../images/light_burgundy/bg/calendar_top_1.gif) repeat-x;} .thSunday {width: 40px; height: 29px; border-bottom: 1px solid #db8694;} .th {width: 40px; height: 29px; border-bottom: 1px solid #db8694;} .thSaturday {width: 40px; height: 29px; border-bottom: 1px solid #db8694;} .tdSunday { height: 40px; border-bottom: 1px solid #db8694; border-right: 1px solid #db8694;} .td { height: 40px; border-bottom: 1px solid #db8694; border-right: 1px solid #db8694;} .tdSaturday { height: 40px; border-bottom: 1px solid #db8694;} .event { display: block; padding: 12px; background-color: #f6d1d8;} .today { padding: 12px; background-color: #dbdbdb;} .scheduleSubject { width: 290px; border: 1px solid #9a2034; background-color: #fff; text-align: left; height: 25px; position: relative;} .scheduleSubject a.aSubject { display: block; padding-right: 30px; font-weight: bold; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .scheduleSubject a.aEdit { position: absolute; right: 0; top: 0; bottom: 0; display: block; font-weight: bold; font-size: 12px; line-height: 1.8; padding: 2px 5px; background-color: #f1bc49; color: #fff;} .btnScheduleList { position: absolute; right: 0; top: 3px;} .scheduleTitle { font-size: 14px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #schedule .scheduleBtnType1 { margin-top: 10px; display: inline-block; border-radius: 3px; background-color: #f1bc49; padding: 15px 20px; font-size: 18px; font-weight: 600; color: #fff;} .scheduleWrite { text-align: left; border-top: 2px solid #666;} .scheduleWrite > div { padding: 10px 5px; border-bottom: 1px solid #666;} .scheduleWrite > div > div:nth-child(1) { font-size: 15px; font-weight: 600; color: #333; padding-bottom: 10px;} .scheduleWrite > div > div:nth-child(1) > p { display: inline-block; width: 4px; height: 15px; border-radius: 3px; background-color: #666; vertical-align: middle; margin-bottom: 3px;} .scheduleWrite > div > div:nth-child(2) > p { margin-bottom: 10px; border: 1px solid #d2d2d2; border-radius: 3px; padding: 10px; background-color: #fff; line-height: 2.4;} .scheduleWrite > div > div:nth-child(2) > p > span { font-size: 13px; color: #333;} .scheduleWrite > div > div:nth-child(2) > p:last-child { margin-bottom: 0;} .scheduleWrite label { font-size: 15px; font-weight: 600;} .scheduleWrite label input[type="checkbox"] { vertical-align: middle !important; margin-bottom: 3px !important;} .scheduleWrite input[type="text"] { border: 1px solid #d2d2d2; padding: 10px; width: 100%; box-sizing: border-box;} .scheduleWrite textarea { border: 1px solid #d2d2d2; padding: 10px; width: 100%; height: 100px; box-sizing: border-box;} .scheduleWrite .bottomBtn { text-align: center; padding: 20px 0;} .scheduleWrite .bottomBtn .schwBtn1 { display: inline-block; border-radius: 3px; background-color: #f1bc49; padding: 5px 10px; font-size: 18px; font-weight: 600; color: #fff;} .scheduleWrite .bottomBtn .schwBtn2 { display: inline-block; border-radius: 3px; background-color: #f1bc49; padding: 5px 10px; font-size: 18px; font-weight: 600; color: #fff;} /* history */ .historyDate { font-size: 12px;} .historySubject { font-size: 12px;} /* bible */ #search { display: inline-block;} .searchBible a {display: inline-block; padding: 5px 25px 3px 28px; font-size: 14px; font-weight: bold;} .searchText a { display: inline-block; padding: 5px 25px 3px 28px; color: #fff; font-size: 14px; font-weight: bold;} .rangeLabel { position: absolute; left: 0; font-size: 14px; font-weight: bold; width: 80px;} .range p { margin-left: 80px;} .range p select { font-size: 14px; font-weight: bold;} .bible { font-size: 14px;} .pagingBible { width: 100%; text-align: center;} .pagingBible a { display: inline-block; color: #a00030; min-width: 37px; height: 21px; border: 1px solid #a00030; line-height: 180%; margin: 0 5px 0 5px;} .pagingBible a.arrow { display: inline-block; min-width: 21px; height: 21px; border: 1px solid #a00030; line-height: 180%; margin: 0 5px 0 5px;} .pagingBible strong { display: inline-block; width: 37px; height: 21px; border: 1px solid #a00030; color: #fff; line-height: 180%; margin: 0 5px 0 5px;} .cho_num { background-color: #a00030;} /* photo */ #photoList { position: relative; width: 33.3%; float: left; text-align: center; margin-bottom: 25px;} #photoBox { display: inline-block; width: 95px; text-align: center;} .photo { display: table-cell; width: 95px; height: 95px; vertical-align: middle; background-color: #fff;} .photoSubject { font-weight: bold;} .photoInfo { line-height: 120%;} /* login */ .loginCheck { font-weight: bold; font-size: 14px;} .loginText a { display: block;} /* citms */ .btnSearch { position: absolute; right: 14px; bottom: 9px;} .searchDetail { position: relative; width: 100%; color: #333;} .searchDetail label { position: absolute; left: 0; top: 5px; font-size: 14px; font-weight: bold; width: 80px;} .searchDetail p { padding-left: 80px;} .searchDetail p select { width: 100%; font-size: 14px; font-weight: bold;} .searchDetail p input { width: 100%; font-size: 14px; border: 1px solid #616161; -webkit-border-radius:5px; float: left;} .tabArea { width: 100%; height: 25px; border: 1px solid #e498b0; background-color: #f8d1dd;} .tabArea a { display: block; color: #6a0021;} .tabTextArea { width: 100%; border: 1px solid #e498b0; background-color: #fff; color: #333;} .regist { position: relative; width: 100%; color: #333;} .regist label { position: absolute; left: 0; top: 5px; font-size: 14px; font-weight: bold; width: 80px;} .registLabel { position: absolute; left: 0; font-size: 14px; font-weight: bold; width: 80px;} .regist p { margin-left: 80px;} .regist p select { font-size: 14px; font-weight: bold;} .input1 { position: absolute; left: 0; top: 0;} .input { font-size: 14px; border: 1px solid #616161; -webkit-border-radius:5px;} .dataEdu { background-color: #f2c5d3;} /* 테이블테두리 */ .dataEdu th { background-color: #b94a6d; height: 25px; padding: 4px; color: #6a0021;} .dataEdu td { background-color: #fff; color: #333; padding: 4px; text-align: center;} .dataView { background-color: #f2c5d3;} .dataView th { background-color: #b94a6d; padding: 4px; color: #ffffff;} .dataView td { background-color: #fff; color: #333; padding: 4px; text-align: center;} .citmsTitleBottom { border-bottom: 1px solid #a30634;} /* 타이틀 밑선 */ .citmsListBottom { border-bottom: 1px solid #f2c5d3;} /* 리스트 구분선 */ .calendarBottom { border-bottom: 1px solid #a30634;} /* 달력날짜 밑선 */ .citmsBoardTop1 { font-size: 16px; font-weight: bold; display: inline-block; height: 25px; padding-top: 5px; color: #000;} .citmsBoardTop2 { font-size: 14px; display: inline-block; height: 25px; padding-top: 5px; color: #000;} .scheduleTop {color:#ffffff;} /*기념일*/ .dataEdu thead tr th {color:#ffffff;}/*교육현황*/ /* 2011.01.20 */ #searchCITMS1txt { position: relative; width: 100%; float: left;} .searchCITMS1inputTxt { width: 100%; font-size: 14px; border: 1px solid #616161; float: left;} #searchCITMS1img { position: absolute; right: 15px; top: 2px;} .searchCITMS1result { border: 1px solid #a7a7a7; background-color: #f4f4f4;} #searchCITMS1resultSubject { position: relative; width: 100%; float: left;} .searchCITMS1resultSubject1 { display: block; width: 100%; font-size: 14px; color: #333; margin:0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration:none;} .searchCITMS1resultSubject2 { width: 100%; font-size: 12px; color: #666; margin:0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration:none;} #searchDot { position: relative; width: 100%; height: 1px; background: url(../../images/optimus_hotpink/common/dot_1.gif); float: left;} #searchCITMS1left { position: absolute; left: 14px; top: 2px;} #searchCITMS1left label { color: #333; font-size: 14px;} #searchCITMS1right { position: relative; width: 100%; float: left;} #searchCITMS1right select { width: 100%; font-size: 14px; font-weight: bold;} #searchCITMS1right textarea { width: 100%; height: 80px; font-size: 14px; font-weight: bold;} /* food */ .food { width: 100%; background: url(../../images/light_burgundy/common/food/food_bg.jpg);} #food { position: relative; width: 320px; background: url(../../images/light_burgundy/common/food/food_middle.jpg) repeat-y; display: inline-block;} .foodTop { width: 320px; background: url(../../images/light_burgundy/common/food/food_top.jpg) no-repeat;} .foodTh { color: #474747; background-color: #fbffc1; padding: 2px 4px;} .foodTh001 { color: #fbffc1; background-color: #60753c; text-align: center; padding: 2px 4px;} .foodTd001 { color: #fff; background-color: #60753c; text-align: left; padding: 2px 4px;} /*2014 Navi*/ #menuNavi {width:100%; float:left; overflow:hidden; } #menuNavi p{margin-left:13px; margin-right:13px; display:inline;} #menuNavi #menuTop{display:block; line-height:100%; overflow:hidden !important; height:100% !important; width:100%; float:left; white-space: nowrap; padding-left:3px; font-size:14px; font-weight:bold; margin:0; } #menuNavi #menuTop #mstrMenu {position:relative; white-space: nowrap; float:left; } #menuNavi #menuTop #mstrMenu p { height:15px; padding:10px; } #menuNavi #menuMiddle {display:block; line-height:100%; overflow:hidden !important; height:100% !important; width:100%; float:left; white-space: nowrap; padding-left:3px; font-size:14px; font-weight:bold; margin:0;} #menuNavi #menuMiddle #mstrMenu2 {position:relative; white-space: nowrap; float:left;} #menuNavi #menuMiddle #mstrMenu2 p { height:15px; padding:10px; } #menuNavi #menuBottom {display:block; line-height:100%; overflow:hidden !important; height:100% !important; width:100%; float:left; white-space: nowrap; padding-left:3px; font-size:12px; font-weight:bold; margin:0;} #menuNavi #menuBottom #mstrMenu3 {position:relative; white-space: nowrap; float:left;} /*2014 Navi color*/ #menuNavi #menuTop {background:#a8dad3; color:#ffffff; background:url(/core/mobile/images/light_burgundy/navi/depth1_bg.gif) bottom repeat-x; padding:10px 0; } #menuNavi #menuTop #depth1_on {background:#eed2db; color:#bf1a50; height:15px; padding:10px 10px; border-left:1px solid #810c32; border-right:1px solid #810c32;} #menuNavi #menuMiddle {background:#eed2db; color:#575757; padding:10px 0;} #menuNavi #menuMiddle #depth2_on {background-color:#eed2db; color:#b21649; height:15px; padding:10px 10px; background:url(/core/mobile/images/light_burgundy/navi/depth2_onbtbg.png) bottom center no-repeat; } #menuNavi #menuBottom {background:#3c3c3c; color:#a3a3a3; padding:10px 0;} #menuNavi #menuBottom #depth3_on {background:#3c3c3c; color:#ffffff; height:15px; padding:10px 10px;} /* bibleContent color*/ #bibleContent {color: #666 }