/* layout.css */ /*************************************************/ /* default */ /*************************************************/ /* text *****************************************************************************************/ .contentIn .blue { color:#42689c;} .contentIn .red { color:#e74e3f; } .contentIn .linkText { color:#892305; text-decoration:underline; } .contentIn a:hover { color:#892305; text-decoration:underline; } .bold { font-weight:bold; } .contentIn .vis { display:block; } .contentIn .unVis { display:none; } .bold { font-weight:bold; } label { overflow:hidden; z-index:1; font-size:0px;} caption {overflow:hidden; z-index:1; font-size:0px;} .contentIn .wordBreak { word-break:break-all; } .inlineDiv { display:inline-block; } .fl { float:left; } .fr { float:right; } .textAlignL { text-align:left;} .textAlignR { text-align:right;} .textAlignC { text-align:center;} .mt10 { margin-top:10px; } .mt20 { margin-top:20px; } .mt30 { margin-top:30px; } .mt40 { margin-top:40px; } .mt50 { margin-top:50px; } .mr10 { margin-right:10px; } .mr20 { margin-right:20px; } .mr30 { margin-right:30px; } .mr40 { margin-right:40px; } .mr50 { margin-right:50px; } .mb10 { margin-bottom:10px; } .mb20 { margin-bottom:20px; } .mb30 { margin-bottom:30px; } .mb40 { margin-bottom:40px; } .mb50 { margin-bottom:50px; } .ml10 { margin-left:10px; } .ml20 { margin-left:20px; } .ml30 { margin-left:30px; } .ml40 { margin-left:40px; } .ml50 { margin-left:50px; } .pt10 { padding-top:10px; } .pt20 { padding-top:20px; } .pt30 { padding-top:30px; } .pt40 { padding-top:40px; } .pt50 { padding-top:50px; } .pr10 { padding-right:10px; } .pr20 { padding-right:20px; } .pr30 { padding-right:30px; } .pr40 { padding-right:40px; } .pr50 { padding-right:50px; } .pb10 { padding-bottom:10px; } .pb20 { padding-bottom:20px; } .pb30 { padding-bottom:30px; } .pb40 { padding-bottom:40px; } .pb50 { padding-bottom:50px; } .w10 { width:10%; } .w20 { width:20%; } .w30 { width:30%; } .w40 { width:40%; } .w50 { width:50%; } .w60 { width:60%; } .w70 { width:70%; } .w80 { width:80%; } .w90 { width:90%; } .w100 { width:100%; } .pt10 { padding-top:10px;} .pt20 { padding-top:20px; } .pl10 { padding-left:10px; } .clear { clear:both; } .hide { float:left; z-index:1; font-size:0px;} h1 {-webkit-margin-before: 0;-webkit-margin-after: 0; float:left; margin-top:-2px} h2 { float:left; z-index:1; font-size:0px;} h3 { float:left; z-index:1; font-size:0px;} /* accessibility */ .access {overflow:hidden; position:relative; width:100%; z-index:2;} .access a {display:block; font-size:0; height: 1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden;text-align:center; width:1px;} .access a:focus,.accessibility a:hover,.accessibility a:active {background:#ffdabc; color:#333333; font-size:12px; font-weight:bold; margin:0; height:20px; line-height:1; margin:0; padding:8px 0 0 15px; width:auto; border:1px solid red;} /*2023.10.27 modify */ /* image *****************************************************************************************/ .contentIn .image01 { width:inherit; max-width:100%; } .contentIn .image03 { width:inherit; max-width:100%; } .contentIn .image04 { width:inherit; max-width:100%; margin-top:20px;} .contentIn .image05 { width:inherit; max-width:100%; margin-top:20px;} .contentIn .image06 { width:inherit; max-width:100%;} .guide { padding:10px; color:#fff; background:#000; font-size:16px; margin:40px 0px 10px 0px;} /* form *******************************************************************************************************/ /* btn *******************************************************************************************************/ .btnCategory { display:inline-block; margin:13px 3px 0 0; color: #a2f9f2 !important; background:#067d90; font-size:16px; border:1px solid #3897a6; padding:0 22px; height:42px; line-height:42px; } .btnCategory.btnSelected { color:#ffffff !important; background:#24808f; border:1px solid #7dbbc5;} a.btnGo { display:inline-block; color:#ffffff; font-size:18px; border:1px solid #ffffff; height:36px; line-height:36px; padding:0px 56px 0px 20px; background:#183354 url("/each/common/images/btnGoBg.png") no-repeat right top; margin: 15px 0px 30px 0px; } a.btnGray { font-size:14px; display:inline-block; color:#ffffff; border:1px solid #ffffff; height:36px; line-height:36px; padding:0px 10px; background:#464646; text-align:center; } a.btnGray2 { margin:3px 0px; font-size:12px; font-height:12px; display:inline-block; color:#000000; border:1px solid #c0c0c0; height:30px; line-height:30px; padding:0px 10px; background:#eeeeee; text-align:center; } a.btnGray2:hover { color:#000; } a.btnGreen { margin:3px 0px; font-size:12px; display:inline-block; color:#ffffff; border:1px solid #017284; height:30px; line-height:30px; padding:0px 10px; background:#067d90; text-align:center; } a.btnGreen:hover { color:#fff; } a.btnGray3 { margin:3px 0px; font-size:12px; font-height:12px; display:inline-block; color:#000000; border:1px solid #c0c0c0; height:30px; line-height:30px; padding:0px 3px; background:#eeeeee; text-align:center; } a.btnGray3:hover { color:#000; } a.btnRed { font-size:14px; display:inline-block; color:#ffffff; border:1px solid #ffffff; height:36px; line-height:36px; padding:0px 10px; background:#871517; text-align:center; } a.btnRed:link, a.btnRed:hover, a.btnRed:visited, a.btnRed:active { cursor:pointer; color:#ffffff;} a.btnRed2 { font-size:12px; display:inline-block; color:#ffffff; border:1px solid #ffffff; height:30px; line-height:30px; padding:0px 3px; background:#871517; text-align:center; } a.btnRed2:link, a.btnRed:hover, a.btnRed:visited, a.btnRed:active { cursor:pointer; color:#ffffff;} a:link, a:hover, a:visited, a:active { cursor:pointer; } .certi .blueBtn { display:inline-block; background:#36536a; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; } .contentIn .blueBtn { display:inline-block; background:#36536a; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; } .contentIn .blueBtn:hover { color:#fff; text-decoration: none; } .contentIn .redBtn { display:inline-block; background:#871517; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; } .contentIn .redBtn:hover { color:#fff; text-decoration: none; } .contentIn .downloadBtn { display:inline-block; background:#1d7ea0 url("/each/common/images/downloadicon.png") right 6px no-repeat; padding: 8px 50px 8px 10px; font-size:14px; color:#fff; margin:5px; } .contentIn .downloadBtn:hover { color:#fff; text-decoration:none; } .contentIn .detailViewBtn { display:inline-block; background:#892305; color:#fff; font-size:13px; padding:2px 10px; margin-left:3px; } .contentIn .detailViewBtn:hover { color:#fff; text-decoration:none;} .contentIn .blueBtn_popup { display:inline-block; background:#36536a; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; } .top_btn {position:fixed; bottom:5px; right:5px; z-index:100; display:none;} /* infoBox */ .infoBox { background:#fff; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; margin-top:10px;} .selBox { background:#fff; line-height:20px; font-size:14px; color:#36536a; border:5px solid #d1d4da; padding:10px 40px; margin-top:10px; } .selBox span { padding:0px 5px; } .selBox a { display:inline-block; } .selBox a:hover, .selBox .sel { color:#e84c3d; font-weight:bold;} .infoBoxGray { background:#f4f4f4 ; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; margin-top:10px;} .infoBoxRed { background:#f4f4f4 ; line-height:20px; font-size:14px; color:#e74e3f; border:1px solid #d1d4da; padding:10px 40px; margin-top:10px; } .infoBoxWhite {line-height:20px; font-size:13px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; margin-top:5px; overflow-y:scroll; height:70px;} /* form */ .contentIn .tableResult .result { float:left; margin-top:15px; font-weight:bold; color:#222222; } .graySelect { height:30px; border: 1px solid #d0d0d0; vertical-align:top; color:#666; } .grayInput { height:26px; border: 1px solid #d0d0d0; margin-left:5px; line-height:23px;} input[type=text] { -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; } .formBox { background:#f7f8fc; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; margin-top:10px; } .formBox .formBoxTxt { display:inline-block; padding-top:10px; } .formBox .breakDiv { display:inline-block; vertical-align:top; } .formBox .breakDiv .formBoxTxt { padding-top:8px; } .formBox .graySelect, .formBox .grayInput { margin-left:5px;} /* title */ .titleH2 {display:block; font-size:20px; color:#067d90; margin-top:30px; padding-top:12px; padding-bottom:10px; background:url("/each/common/images/titleH2Bg.gif") left top no-repeat;} .titleH3 {display:block; font-size:16px; color:#222222; margin-top:15px; } /* conText */ .contentIn .normalText { line-height:20px; color:#36536a; } .conText { font-size:14px; color:#565656; padding:5px; line-height:22px; } .conTextBul { font-size:14px; color:#565656; background:url("/each/common/images/conTextBul.png") left 8px no-repeat; padding:0px 10px 0px 10px; line-height:22px; margin-top:5px; } .useStep01 { max-width:100%; width:inherit; } .useStep03 { max-width:100%; width:inherit; } .breakDiv { display:inline-block; margin:2px;} /* width *******************************************************************************************************/ .w80 { width:80px; } .w100 { width:100px; } .w120 { width:120px; } .w130 { width:130px; } .w190 { width:190px; } .w100p { width:100%; } .mt8 { margin-top:8px; } .mt20 { margin-top:20px; } .step01 { width:inherit; max-width:100%; } /* container *******************************************************************************************************/ .container { width:100%; height: 100%; } /* top *******************************************************************************************************/ .topOuter { background: #0b7282; height:67px; width:100%;} .topOuter .topInner { max-width:1160px; margin:0 auto; } .topOuter .topInner .category { float:left; } .topOuter .topInner .utilMenu { float:right; margin-right:10px;} .topOuter .topInner .topLink { float:right; height: 14px; margin-top:30px; } .topOuter .topInner .topLink ul li { float:left; } .topOuter .topInner .topLink ul li a { margin:0px 17px; color:#bfdbe2;} .topOuter .topInner .topLink ul li a.last { margin-right:0px; } .topOuter .topInner .topLink ul li span { color: #848e97; } /* gnbOuter *******************************************************************************************************/ .gnbOuter { width:100%; background: url("/each/common/images/gnb_bg.gif") repeat-x; } .gnbInner { max-width: 1160px; min-width:1024px; margin:0 auto; position:relative;} .gnbInner:after { content:""; display:block; clear:both; } .gnbInner .logo { float: left; } .gnbInner .logo a {float:left } .gnbInner .logo img { max-width:none; } .gnbInner .allMenu .sns_m { display:none; } .gnbInner .allMenu .topLink_m { display:none; } .gnbInner .logo .hidlogo { width:103px;} /* menu gnbMenu */ .gnbInner .gnbMenu { float: right; font-size: 18px; margin-right:140px;} .gnbInner .gnbMenu:after { content:""; display:block; clear:both; } .gnbInner .gnbMenu .dep1 > li { float: left; } .gnbInner .gnbMenu .dep1 > li > a { display:inline-block; height: 75px; margin:0px 9px; padding:0 20px; line-height: 75px; color:#000000; } .gnbInner .gnbMenu .dep1 > li > a:hover { color:#067d90; } .gnbInner .gnbMenu .dep1 > li > a.selDep1 { background:url("/each/common/images/menuSelBg.png") center 70px repeat-x; } .gnbInner .gnbMenu .dep1 > li > a.selDep1, .gnbInner .gnbMenu .dep1 > li > a.selDep1:hover { color:#067d90; } /* menu allMenu */ .gnbInner .btnMenuAll_m { display:none; } .gnbInner .allMenu.unVis { display:none; } .gnbInner .allMenu .subMenuView a { position:absolute; right:10px; top:10px; font-size:14px; color:#e74e3f; } .gnbInner .allMenu { background:#f2f0ea; width:100%; position:absolute; left:0px; top:74px; z-index:20;} .gnbInner .allMenu:after { content:""; display:block; clear:both; } .gnbInner .allMenu .dep1 > li { float:left; padding-bottom:20px; width:25%; text-align:left; } .gnbInner .allMenu .dep1 > li.last { background:none; } .gnbInner .allMenu .dep1 > li > a { display:inline-block; color:#441932; font-size:18px; padding:20px 20px 15px 20px;} .gnbInner .allMenu .dep2 > li > a { display:inline-block; color:#441932; font-size:14px; padding:10px 5px 3px 20px;} .gnbInner .allMenu .dep2 .mPlus { background:none; } .gnbInner .allMenu .dep2 .mMinus { background:none; } .gnbInner .allMenu .dep3 > li > a { display:inline-block; color:#293135; padding:7px 5px 3px 30px; background:url("/each/common/images/allMenuD3Dot.png") 16px 11px no-repeat; } .gnbInner .dep3.unVis { display:none; } .back { } .back.layerPopBg { position:fixed; left:0px; top:0px; width:100%; height:100%; background:url("/each/common/images/black.png") repeat; z-index:19; } /* 2022.09.20 */ .downWrap {position:relative;display:inline-block;width:100%;top:-55px;margin:0;padding:0;} .downSubWrap {float:right;} .menuSubBtn { position:absolute; right:0px; top:0px; } /* .menuSubBtn:after { content:""; float: right; width:100px;} */ .menuSubBtn > a { float:left; display:inline-block; width:37px; line-height: 75px; margin: 18px 0 0 4px; } .menuSubBtn > a.btnMenuAll { width:37px; height:37px; background:url("/each/common/images/btn_menuAll.gif") left top no-repeat; text-indent:-999px; overflow:hidden; } .menuSubBtn > a.btnMenuAll.menuClose { background:url("/each/common/images/btn_menuAll_Close.gif") left top no-repeat; } /* mainImage *******************************************************************************************************/ .mainImageOuter { width: 100%; background:#09080a; } .mainImageInner { margin:0 auto; max-width:1160px; background:url("/each/common/images/mainImageBg.jpg") repeat-y left top; height:auto; } .mainImageInner .mainimage img { width: 100%; } .mainImageInner .article { float:left; padding:80px 0px 0px 20px; width:38%; overflow:hidden; color:#ffffff; } .mainImageInner .title a { font-size:33px; color:#ffffff; } .mainImageInner .summary a { padding-top:20px; font-size:20px; line-height:30px; color:#ffffff; } /* quick close */ .mainImageInner .quickMenu.close { position:relative; left:20px; margin-left:20px; /*width:430px;*/ width:37%; height: 192px; background:url("/each/common/images/quickMenuBg.png") repeat left top; overflow:hidden} .mainImageInner .quickMenu:after { content:""; display:block; clear:both; } .quickMenu.close .btnOpen { position:absolute; left:0px; top:80px; } .quickMenu.close .btnOpen .tit { display:none; } .quickMenu.close .title { display:none; } .quickMenu.close .list ul { margin-left:50px; } .quickMenu.close .list ul li { float:left; background:url("/each/common/images/quickListBg.png") no-repeat right -20px; text-align:center; margin-left:5px; width:23%;} .quickMenu.close .list ul li.last { background:none; } .quickMenu.close .list ul li a { display:block; /* width:90px; */ height:90px; font-size:13px; color:#fff; margin-bottom:5px;} .quickMenu.close .list ul li a span { display:inline-block; margin-top: 55px; line-height: 15px; } .quickMenu.close .list ul li.hid { display:none; } .quickMenu.close .list ul li a.q1 { background:url("/each/common/images/quick01.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q2 { background:url("/each/common/images/quick02.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q3 { background:url("/each/common/images/quick03.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q4 { background:url("/each/common/images/quick04.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q5 { background:url("/each/common/images/quick05.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q6 { background:url("/each/common/images/quick06.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q7 { background:url("/each/common/images/quick07.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q8 { background:url("/each/common/images/quick08.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q9 { background:url("/each/common/images/quick09.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q7 { background:url("/each/common/images/quick10.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q11 { background:url("/each/common/images/quick11.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q12 { background:url("/each/common/images/quick12.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q13 { background:url("/each/common/images/quick13.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q14 { background:url("/each/common/images/quick14.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q15 { background:url("/each/common/images/quick15.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q16 { background:url("/each/common/images/quick16.png") no-repeat center 7px; } .quickMenu.close .quickClose { display:none; } /* quick open */ .mainImageInner .quickMenu.open { position:absolute; left:0px; top:286px; margin-left:0px; /*width:430px;*/ width:100%; height: 192px; background:url("/each/common/images/quickMenuBg.png") repeat left top; overflow:hidden} .mainImageInner .quickMenu:after { content:""; display:block; clear:both; } .quickMenu.open .btnOpen { display:none; } .quickMenu.open .btnOpen .tit { display:none; } .quickMenu.open .title { display:block; background:url("/each/common/images/quickTitleBg.jpg") no-repeat left top; float:left; height:192px; width:16%; } .quickMenu.open .title span { display:block; font-size:18px; color:#1ca4e6; margin: 80px 0px 0px 20px; } .quickMenu.open .list ul { margin-left:50px; } .quickMenu.open .list ul li { float:left; background:url("/each/common/images/quickListBg.png") no-repeat right -20px; text-align:center; margin-left:5px; width:10%;} .quickMenu.open .list ul li.last { background:none; } .quickMenu.open .list ul li a { display:block; /* width:90px; */ height:90px; font-size:13px; color:#fff; margin-bottom:5px;} .quickMenu.open .list ul li a span { display:inline-block; margin-top: 55px; line-height: 15px;} .quickMenu.open .list ul li.hid { display:block; } .quickMenu.open .list ul li a.q1 { background:url("/each/common/images/quick01.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q2 { background:url("/each/common/images/quick02.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q3 { background:url("/each/common/images/quick03.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q4 { background:url("/each/common/images/quick04.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q5 { background:url("/each/common/images/quick05.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q6 { background:url("/each/common/images/quick06.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q7 { background:url("/each/common/images/quick07.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q8 { background:url("/each/common/images/quick08.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q9 { background:url("/each/common/images/quick09.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q10 { background:url("/each/common/images/quick10.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q11 { background:url("/each/common/images/quick11.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q12 { background:url("/each/common/images/quick12.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q12 span { margin-top:50px; } .quickMenu.open .list ul li a.q13 { background:url("/each/common/images/quick13.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q13 span { margin-top:50px; } .quickMenu.open .list ul li a.q14 { background:url("/each/common/images/quick14.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q14 span { margin-top:50px; } .quickMenu.open .list ul li a.q15 { background:url("/each/common/images/quick15.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q16 { background:url("/each/common/images/quick16.png") no-repeat center 7px; } .quickMenu.open .quickClose { position:absolute; right:0px; top:0px; } /* newsArea *******************************************************************************************************/ .newsAreaOut { width:100%; background:#eeecec url("/each/common/images/newsAreaBg.gif") left top repeat; } .newsArea { max-width:1160px; margin:0 auto; padding-top:20px;} .newsArea:after { content:""; display:block; clear:both; } .newsArea > div { float:left; width:29%; height:auto; margin-left:20px; padding:35px 10px; } .newsArea .news { margin-left:0px; } .newsArea .titleBox { border-bottom:1px solid #c48c79; padding-bottom:10px; } .newsArea .titleBox:after { content:""; display:block; clear:both; } .newsArea .titleBox .boardName { float:left; font-size:22px; color:#e74e3f; max-width:270px; } .newsArea .titleBox .more { float:right; } .newsArea .article { margin-top: 30px; } .newsArea .article .title { font-size:24px; font-weight:bold; color:#474747; line-height:28px; height:45px;} .newsArea .article .summary {position:relative; height:290px; background:#fff; margin-top:20px; padding:20px 10px; font-size: 16px; color:#484848; line-height:28px; overflow:hidden;} .newsArea .article .summary .redBtn {position:absolute; right:15px; bottom:15px; display:inline-block; background:#871517; color:#fff; font-size:14px; height:30px; padding:0px 25px; line-height:30px; } /* actionZone *******************************************************************************************************/ .actionZoneOuter { width:100%; height:400px; background:#f4f4f4 url("/each/common/images/actionZoneBg.gif") left top repeat; padding:20px 0px;} .actionZone { max-width:1160px; margin:0 auto; } .actionZone:after { content:""; display:block; clear:both; } .actionZone > div { float:left; width:29%; height:auto; margin-left:10px; } .actionZone .movie { padding: 60px 0px 0px 20px; } .actionZone .sanggoBanner { margin-top:32px; padding:0px 15px; text-align:center;} .sanggoBtnBox { margin-top:40px; } .detailBtn { font-size:18px; color:#fff !important; padding:10px 20px; background:#241b20; margin:0px 10px;} .toonBtn { font-size:18px; color:#241b20 !important; padding:9px 19px; border:1px solid #241b20; margin:0px 10px;} .actionZone .banner { margin-top:31px; padding:10px; } .actionZone .banner > div { text-align:left; padding:20px 0px 20px 80px; border-bottom:1px solid #ab8679; margin-top:15px;} .actionZone .banner .bannerBox1 { background:url("/each/common/images/banner1Bg.png") 10px 7px no-repeat; } .actionZone .banner .bannerBox2 { background:url("/each/common/images/banner2Bg.png") 10px 10px no-repeat; } .actionZone .banner .bannerBox3 { background:url("/each/common/images/banner3Bg.png") 10px 10px no-repeat; } .actionZone .banner .bannerTitle { font-size:18px; padding-bottom:5px; } .actionZone .banner .bannerTitle a { color:#000; } .actionZone .banner .bannerCont { font-size:14px; color:#000000; } /* board *******************************************************************************************************/ .boardOut { background:url("/each/common/images/boardBg.gif") left top repeat; } .boardOut .titPhoto { text-align:center; height:90px; background:url("/each/common/images/photoBg.png") left top repeat-x; } .boardOut .titPhoto .titPhotoIn { background:none;} .board { max-width:1160px; margin:0 auto; } .board:after { content:""; display:block; clear:both; } .board > div { float:left; width:29%; height:auto; margin-left:20px; padding:35px 10px; } .board .photo { text-align:center;} .board .photoTitle { font-size:15px; border-bottom:1px solid #d4d4d4; margin-top:20px; padding-bottom:5px;} .board .photoTitle a { color:#000; } .board .photoArticle { font-size:13px; color:#646464; margin-top:20px; line-height:18px;} /* footer *******************************************************************************************************/ .footerOut { width:100%; position:relative; margin-top:0px;} /* linkLine */ .linkLineOut { height:42px; width:100%; background:#464646; border-bottom:1px solid #5c5c5c; clear:both; } .linkLineIn { max-width:1160px; margin:0 auto; } .linkLineIn:after { content:""; display:block; clear:both; } .linkLineIn .footsns { float:left; } .linkLineIn .footsns ul { padding-top:8px; } .linkLineIn .footsns ul:after { content:""; display:block; clear:both; } .linkLineIn .footsns ul li { float:left; margin-right:5px;} .linkLineIn .footsns ul li a { display:inline-block; width:24px; height:25px; overflow:hidden;} .linkLineIn .footsns .facebook { background:url("/portal/common/images/icon_facebook.gif") left top no-repeat; } .linkLineIn .footsns .facebook:hover { background:url("/portal/common/images/icon_facebook.gif") left -25px no-repeat; } .linkLineIn .footsns .twitter { background:url("/portal/common/images/icon_twitter.gif") left top no-repeat; } .linkLineIn .footsns .twitter:hover { background:url("/portal/common/images/icon_twitter.gif") left -25px no-repeat; } .linkLineIn .footsns .youtube { background:url("/portal/common/images/icon_youtube.gif") left top no-repeat; } .linkLineIn .footsns .youtube:hover { background:url("/portal/common/images/icon_youtube.gif") left -25px no-repeat; } .linkLineIn .footsns .instagram { background:url("/portal/common/images/icon_insta.gif") left top no-repeat; } .linkLineIn .footsns .instagram:hover { background:url("/portal/common/images/icon_insta.gif") left -25px no-repeat; } .linkLineIn .footsns .naverblog { background:url("/portal/common/images/icon_naver.gif") left top no-repeat; } .linkLineIn .footsns .naverblog:hover { background:url("/portal/common/images/icon_naver.gif") left -25px no-repeat; } .linkLineIn .footsns .daumblog { background:url("/portal/common/images/icon_daum.gif") left top no-repeat; } .linkLineIn .footsns .daumblog:hover { background:url("/portal/common/images/icon_daum.gif") left -25px no-repeat; } .linkLineIn .footsns .kakao { background:url("/portal/common/images/icon_kakao.gif") left top no-repeat; } .linkLineIn .footsns .kakao:hover { background:url("/portal/common/images/icon_kakao.gif") left -25px no-repeat; } .footLink:after { content:""; display:block; clear:both; } .footLink ul { float:right; } .footLink ul li { float:left; } .footLink ul li a { display:inline-block; line-height:42px; color:#fff; padding:0px 30px 0px 60px; border-left:1px solid #5d5d5d; } .footLink ul li a.link1 { background:url("/each/common/images/link1.png") 20px 8px no-repeat; } .footLink ul li a.link2 { background:url("/each/common/images/link2.png") 20px 8px no-repeat; } .footLink ul li a.link3 { background:url("/each/common/images/link3.png") 20px 10px no-repeat; border-right:1px solid #5d5d5d;} .sitemapOut { background:#464646; clear:both; padding-bottom:20px; } .sitemapOut:after { content:""; display:block; clear:both; } .sitemapOut .sitemapIn { max-width:1160px; margin:0 auto; padding:20px 0px;} .sitemapOut .dep1 { float:right; width:400px;} .sitemapOut .dep1 > li { float:left; margin:0 10px; } .sitemapOut .dep1 > li > a { font-size:16px; color:#89a9ae; } /* // linkLine */ /* footer */ .footerOut { background:#464646; } .footerOut .footLine { border-top:1px solid #5c5c5c; } .footerOut .footerIn { max-width:1160px; margin:0 auto; padding:20px 0px; } .footerOut .footerIn:after { content:""; display:block; clear:both; } .footerIn .footerLogo { float:left; width:190px; } .footerIn .copybox { float:left; width:70%; } .footerIn .certi { float:left; } /* copybox */ .footerIn .copybox { margin-left:20px; } .footerIn .copybox .footerLink:after { content:""; display:block; clear:both; } .footerIn .copybox .footerLink ul li { float:left; } .footerIn .copybox .footerLink ul li a { font-size:13px; color:#fff;} .footerIn .copybox .footerLink ul li span { font-size:13px; color:#fff; padding: 0 10px; } .footerIn .copybox .address { font-size:12px; color:#fff; margin-top:10px;} .footerIn .copybox .tel { font-size:12px; color:#fff; margin-top:5px; } .footerIn .copybox .copyright { font-size:12px; color:#fff; margin-top:2px; } .footerIn .certi { float:right; } .footerIn .certi img { margin-right:20px;} /* sub **************************************************************************************************/ /* 조직도 */ .organ { } .organ:after { content:""; display:block; clear:both;} .contentIn .level01 { display:inline-block; color:#fff; font-size:20px; background:#52839b; padding:10px 80px; border:1px solid #305e7f; } .contentIn .level01:hover { color:#fff; } .contentIn .level02 { display:block; color:#fff; font-size:16px; background:#4d7dc1; padding:3px 10px; margin:0px 2px; border:1px solid #3164b8; } .contentIn .level02:hover { color:#fff; } .contentIn .level03 { display:block; color:#565656; font-size:14px; background:#f1f1f1; padding:3px 5px; margin:4px 2px 0px 2px; border:1px solid #bababa; } .contentIn .level03:hover { color:#565656; } .contentIn .level04 { display:block; color:#565656; font-size:13px; background:#fff; padding:3px 5px; margin:0px 2px; border:1px solid #bababa; border-top:none; } .contentIn .level04:hover { color:#565656; } .contentIn .levelS { display:block; color:#368197; font-size:16px; background:#fff; padding:3px 10px; margin:3px 2px; border:1px solid #c2c7d0; text-align:center;} .contentIn .levelS:hover { color:#368197; } .contentIn .levelS.bgs { background:#e8f3f8; } .contentIn .bg2 { background:#f4f4f4; } .contentIn .w50p { width:50%; } .contentIn .w25p { width:24%; } .contentIn .w15p { width:14.28%; } .contentIn .w80p { width:80%; } .contentIn .borderT { border-top:1px solid #727273; } .contentIn .borderL { background:url("/judiciary/common/images/mapLine.png") left top repeat-y; } .contentIn .borderR { background:url("/judiciary/common/images/mapLine.png") right top repeat-y; } .contentIn .borderB { border-bottom:1px solid #727273; } /* subContainer */ .subContainerOut { background:#fff; } .subContainer { max-width:1160px; margin:0 auto; background:url("/each/common/images/leftFrameBg.jpg") left top repeat-y; } .subContainer:after { content:""; display:block; clear:both; } .subContainer .mainFrame { margin-left:3%; padding-right:3%; padding-bottom:40px; max-width:1104px; background:url("/each/common/images/rightFrameBg.jpg") right top repeat-y; } .subContainer .mainFrame:after { content:""; display:block; clear:both; } /* titleBox */ .titleBox { border-bottom:1px solid #e7e7e7; } .titleBox:after { content:""; display:block; clear:both; } .titleBox .conTitle { display:inline-block; float:left; font-size:30px; color:#474747; padding:48px 0px 10px 0px; display:none;} .titleBox .navibox { display:inline-block; float:right; } .navibox { float:right; margin-top:20px;} .navibox div { float:left; } .navibox .popup_print > a { margin-top:5px; margin-right:5px; display:inline-block; text-indent:-999px; padding:0px; overflow:hidden; width:30px; height:29px; border:1px solid #cccccc; background:#f3f3f3 url("/portal/common/images/printIcon.png") 5px 6px no-repeat; } .navibox div span { padding-right:10px; } .navibox .home { display:inline-block; font-size:14px; line-height:40px; color:#656565; background:url("/each/common/images/homeIcon.png") left 15px no-repeat; padding-left:25px; padding-right:10px; } .navibox .midNavi { display:inline-block; font-size:14px; line-height:40px; color:#656565; padding-right:10px; } .navibox .spot { display:inline-block; font-weight:bold; line-height:40px; font-size:14px; color:#067d90; padding-right:0px; } /* subMenu */ .subMenu { background:#f2ede4; border-top:3px solid #9a9297; border-bottom:1px solid #9a9297; text-align:center; min-height:36px; } .subMenu ul { display:inline-block; } .subMenu ul:after { content:""; display:block; clear:both; } .subMenu ul li { float:left; } .subMenu ul li a { display:inline-block; padding: 10px 0px; font-size:16px; color:#241b20; background:url("/each/common/images/subMenuDot.gif") left 15px no-repeat; padding-left:12px; margin:0 20px; } .subMenu ul li a.selected { text-decoration:underline; color:#9a2d06; } /* content */ .subContainer .content { } /* conTitle */ .content .conTitle { margin:0 auto; text-align:center; margin:20px 0px; } .content .conTitle .title {line-height:56px; font-size:24px; color:#241b20; display:inline-block; height:56px; background:url("/each/common/images/titleDot.png") left top no-repeat; padding-left: 80px; } /* contentIn */ .contentIn { font-size:16px; color:#222222; line-height:24px; } .contentIn:after { content:""; display:block; clear:both; } /* chief */ .chief .con_image { display:inline-block; float:left; width:30%; } .chief .con_image img { max-width:328px; width:100%;} .chief .con_text { display:inline-block; float:right; width:65%; } /* history */ .his_img { text-align:center; margin-top:20px; } .his_img img { max-width:100%; width:inherit; } /* organ */ .organ_01 { max-width:100%; width:inherit; } .organ_02 { max-width:100%; width:inherit; } .organ_03 { max-width:100%; width:inherit; } .academy01 { max-width:100%; width:inherit; } .organ_i1 { padding-left:30px; background:url("/each/common/images/organ_i1.png") left top no-repeat; margin:5px 0px;} .organ_i2 { padding-left:30px; background:url("/each/common/images/organ_i2.png") left top no-repeat; margin:5px 0px;} .organ_i3 { padding-left:30px; background:url("/each/common/images/organ_i3.png") left top no-repeat; margin:5px 0px;} .organ_i4 { padding-left:30px; background:url("/each/common/images/organ_i4.png") left top no-repeat; margin:5px 0px;} .organ_i5 { padding-left:30px; background:url("/each/common/images/organ_i5.png") left top no-repeat; margin:5px 0px;} /* 청사안내 */ .building01 { max-width:100%; width:inherit; } .building02 { max-width:100%; width:inherit; } /* sangso */ .sangso { max-width:100%; width:inherit; } .minsa { max-width:100%; width:inherit; } .hyongsa { max-width:100%; width:inherit; } /* result */ .contentIn .tableResult { padding-top:20px; } .contentIn .tableResult:after { content:""; display:block; clear:both; } .contentIn .tableResult .result { float:left; margin-top:15px; font-weight:bold; color:#222222; } .contentIn .tableResult .tableSearch { float:right; } .contentIn .tableResult .tableSearch span { padding:0px 2px 0px 5px;} /* tableHor */ .contentIn .tableHor { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;} .contentIn .tableHor th { background:#f3f3f3; font-size:14px; border-bottom:1px solid #dbdbdb; padding:13px; vertical-align:middle;} .contentIn .tableHor tr { border-bottom:1px solid #dbdbdb; } .contentIn .tableHor tr td { text-align:center; font-size:14px; padding:13px 5px; background:#fff; vertical-align:middle; } .contentIn .tableHor tr td.subTitle { background:#f3f3f3; } .contentIn .tableHor tr td.tit { text-align:left; padding-left:20px; } .contentIn .tableHor tr td.tit a:hover, .content .boardList tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; } .contentIn .tableHor tr td.attach { vertical-align:middle; } .contentIn .tableHor tr td .cover { display:inline-block; hegiht:100px; } .contentIn .tableHor tr td .cover img { width:100px; } /* tableHorV */ .contentIn .tableHorV { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;} .contentIn .tableHorV th { background:#edf3f8; font-size:14px; border:1px solid #dbdbdb; padding:13px; vertical-align:middle; text-align:center;} .contentIn .tableHorV tr { border-bottom:1px solid #dbdbdb; } .contentIn .tableHorV tr td { text-align:center; font-size:14px; padding:5px 2px; border:1px solid #dbdbdb; vertical-align:middle; background:#fff; } .contentIn .tableHorV tr td.textAlignL { text-align:left; } .contentIn .tableHorV tr td.subTitle { background:#f3f3f3; } .contentIn .tableHorV tr td.tit { text-align:left; padding-left:5px; } .contentIn .tableHorV tr td.tit a:hover, .contentIn .boardList tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; } .contentIn .tableHorV tr td.tit a.btnRed2:hover, .contentIn .boardList tr td.tit a.btnRed2:active { color:#fff; } .contentIn .tableHorV tr td.attach { vertical-align:middle; } /* tableHorP */ .contentIn .tableHorP { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;} .contentIn .tableHorP th { background:#edf3f8; font-size:14px; border:1px solid #dbdbdb; padding:13px; vertical-align:middle; text-align:center;} .contentIn .tableHorP tr { border-bottom:1px solid #dbdbdb; } .contentIn .tableHorP tr td { text-align:left; font-size:14px; padding:13px 5px; border:1px solid #dbdbdb; vertical-align:middle; background:#fff; } .contentIn .tableHorP tr td.textAlignL { text-align:left; } .contentIn .tableHorP tr td.subTitle { background:#f3f3f3; } .contentIn .tableHorP tr td.tit { text-align:left; padding-left:5px; } .contentIn .tableHorP tr td.tit a:hover, .contentIn .boardList tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; } .contentIn .tableHorP tr td.tit a.btnRed2:hover, .contentIn .boardList tr td.tit a.btnRed2:active { color:#fff; } .contentIn .tableHorP tr td.attach { vertical-align:middle; } /* tableVer */ .contentIn .tableVer { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;} .contentIn .tableVer th { background:#f3f3f3; border-bottom:1px solid #dbdbdb; padding:13px; vertical-align:middle; min-width:80px; } .contentIn .tableVer td { border-bottom:1px solid #dbdbdb; padding:13px 5px; background:#fff; vertical-align:middle; line-height:18px; width:72%} .contentIn .tableVer td.attTxt a { color:#e84c3d; text-decoration:underline; } .contentIn .tableVer td.contArea { line-height: 24px; } .contentIn .tableVer th.t_prev { background:#f3f3f3 url("/portal/common/images/t_prev.gif") right center no-repeat; padding-right:40px; width:28% } .contentIn .tableVer th.t_next { background:#f3f3f3 url("/portal/common/images/t_next.gif") right center no-repeat; padding-right:40px; width:28%} .contentIn .tableVer tr td.subTitle { background:#f3f3f3; } .contentIn .tableVer tr td.tit a:hover, .content .boardView tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:normal; } .contentIn .tableVer tr td span { padding: 0px 5px; } /* viewBox */ .contentIn .viewBox { border:1px solid #d1d4da; border-top:3px solid #535353; margin-top:20px; } .contentIn .viewBox .titleBox { background:url("/each/common/images/titleBoxBg.gif") left top repeat; padding:20px; } .contentIn .viewbox .titleBox .titleBoxIn:after { content:""; display:block; clear:both; } .contentIn .viewBox .titleBox .titleBoxIn .title { font-size:22px; color:#383838; float:left; line-height:28px;} .contentIn .viewBox .titleBox .titleBoxIn .file { float:right; padding-top:10px; } .contentIn .viewBox .titleBox .titleBoxIn .file a { display:inline-block; height:20px; line-height:20px; font-size:12px; color:#e84c3d; text-decoration:underline; background:url("/each/common/images/attfile.gif") left top no-repeat; padding-left:25px; } .contentIn .viewBox .titleBox .subTitle { clear:both; padding-top: 20px; } .contentIn .viewBox .titleBox .subTitle .date { background:url("/each/common/images/iconCal.png") left top no-repeat; font-size:14px; color:#6b7174; padding-left: 20px; } .contentIn .viewBox .titleBox .subTitle .writer { background:url("/each/common/images/iconWriter.png") left top no-repeat; font-size:14px; color:#6b7174; padding-left: 20px; margin-left:20px; } .contentIn .viewBox .contentBox { padding:20px; font-size:14px; color:#222222; line-height:18px; } .contentIn .viewBox img { padding:10px; width:inherit; max-width:100%; } /* nextPhotoList */ .contentIn .nextPhotoList { margin-top:40px; border-top:1px solid #535353; border-bottom:1px solid #d1d4da; } .contentIn .nextPhotoList ul { margin:15px 0px; width:100%; text-align:center;} /* .content .nextPhotoList ul:after { content:""; display:block; clear:both; } */ .contentIn .nextPhotoList ul li { display:inline-block; border:1px solid #d1d4da; padding:1%; margin:0px 1%; width:20%; } .contentIn .nextPhotoList ul li img { width:100%; } .contentIn .nextPhotoList ul li .title { text-align:left; margin:10px 0px; overflow:hidden;} .contentIn .nextPhotoList ul li .title a { font-size:13px; color:#222222; } .contentIn .nextPhotoList ul li .date { text-align:left; font-size:12px; color:#666; } .contentIn .nextPhotoList ul li .date a { font-size:12px; color:#6b7174; } /* gallery */ .contentIn .gallery { border-bottom:1px solid #d1d4da; margin-top:40px; padding-bottom:25px; } .contentIn .gallery ul { text-align:center; } .contentIn .gallery ul:after { content:""; display:block; clear:both; } .contentIn .gallery ul li { display:inline-block; border:1px solid #d1d4da; width:15%; padding:8px; margin:15px 6px; } .contentIn .gallery ul li .galleryImg { display:block; text-align:center; padding-bottom:8px; } .contentIn .gallery ul li .galleryImg img { width:100%; } .contentIn .gallery ul li .title { display:inline-block; font-size:14px; color:#222222; float:left; margin-top:5px; } .contentIn .gallery ul li .pdf { display:inline-block; float:right; width:100%; max-width:50px; } /* photo */ .contentIn .photo { padding-bottom:10px; } .contentIn .photo ul { text-align:center; } .contentIn .photo ul:after { content:""; display:block; clear:both; } .contentIn .photo ul li { display:inline-block; border:1px solid #d1d4da; width:20%; padding:8px; margin:15px 8px; } .contentIn .photo ul li .photoImg { display:block; text-align:center; padding-bottom:8px; } .contentIn .photo ul li .photoImg img { width:100%; } .contentIn .photo ul li .title { display:block; font-size:14px; color:#222222; margin-top:5px; } .contentIn .photo ul li .date { font-size:12px; color:#6b7174; } /* bookGallery */ .contentIn .bookGallery { border-bottom:1px solid #d1d4da; margin-top:30px; padding-bottom:25px; } .contentIn .bookGallery ul { text-align:center; } .contentIn .bookGallery ul:after { content:""; display:block; clear:both; } .contentIn .bookGallery ul li { display:inline-block; width:18%; padding:8px; margin:15px 1%; text-align:center; } .contentIn .bookGallery ul li .galleryImg { display:inline-block; margin:0 auto; background:url("/each/common/images/bookbg.png") left top no-repeat; } .contentIn .bookGallery ul li .galleryImg img { margin:5px; width:100%; max-width:120px; } .contentIn .bookGallery ul li .title { display:block; font-size:14px; color:#222222; text-align:center; margin-top:5px; line-height:18px; } /* tab */ .contentIn .tab { margin-top: 20px; } .contentIn .tab .tabTitle { background:url("/each/common/images/tabBg.gif") left bottom repeat-x; } .contentIn .tab .tabTitle:after { content:""; display:block; clear:both; } .contentIn .tab .tabTitle li.first { border-left:1px solid #c9c9c9; } .contentIn .tab .tabTitle li { float:left; cursor:pointer; padding:15px 40px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; } .contentIn .tab .tabTitle li.active { color:#892305; border-top:2px solid #892305; background:#fff; border-bottom:none; } .contentIn .tab .tabContents { border:1px solid #c9c9c9; border-top:none; padding:20px; } .contentIn .tab .tabContents .tabContent { display:none; } .contentIn .tab .tabContents .tabContent.active { display:block; } /* tabSec */ .contentIn .tabSec { margin-top: 20px; } .contentIn .tabSec .tabTitle { background:url("/each/common/images/tabBg.gif") left bottom repeat-x; } .contentIn .tabSec .tabTitle:after { content:""; display:block; clear:both; } .contentIn .tabSec .tabTitle li.first { border-left:1px solid #c9c9c9; } .contentIn .tabSec .tabTitle li { float:left; cursor:pointer; padding:15px 40px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; } .contentIn .tabSec .tabTitle li.active { color:#285ea3; border-top:2px solid #23496d; background:#fff; border-bottom:none; } .contentIn .tabSec .tabContents { border:1px solid #c9c9c9; border-top:none; padding:20px; } .contentIn .tabSec .tabContents .tabContent { display:none; } .contentIn .tabSec .tabContents .tabContent.active { display:block; } /* calendar */ .contentIn .calendar { margin-top:20px; } .contentIn .calendar .top { background:url("/each/common/images/calBg.gif") left top repeat; color:#fff; text-align:center; padding: 8px; position:relative; } .contentIn .calendar .top .year { display:inline-block; font-size:18px; vertical-align:middle; margin-top:3px; margin-right: 5px; } .contentIn .calendar .top .month { display:inline-block; font-size:24px; } .contentIn .calendar .top .calL { position:absolute; left: 15px; top: 10px; display:block; width:13px; height:18px; background:url("/each/common/images/cal_left.png") left top no-repeat; text-indent:-999px; overflow:hidden; } .contentIn .calendar .top .calR { position:absolute; right:15px; top: 10px; display:block; width:13px; height:18px; background:url("/each/common/images/cal_right.png") left top no-repeat; text-indent:-999px; overflow:hidden; } .contentIn .calendar table { width:100%; } .contentIn .calendar table th { border:1px solid #dbdbdb; width:14%; background:#dfe8f0; text-align:center; padding:15px 0px; font-size:14; color:#222222;} .contentIn .calendar table td { border:1px solid #dbdbdb; padding:5px 10px; height:100px; font-size:14px; vertical-align:top; } .contentIn .calendar table td p { padding-top:3px;} .contentIn .calendar table td p span { display:inline-block; padding-right:5px; font-size:13px; } .contentIn .calendar table td .red { color:#e74e3f; } .contentIn .calendar table td .blue { color:#0897ca; } /* btnBox */ .contentIn .btnBox { margin-top:20px; text-align:right; } /* pagelist */ .contentIn .pagelist { width:100%; text-align:center; margin-top:30px; } .contentIn .pagelist a.next2 { padding:0px; border:1px solid #bdbdbd; background:url("/each/common/images/plistNext2.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.next { padding:0px; border:1px solid #bdbdbd; background:url("/each/common/images/plistNext.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.prev { padding:0px; border:1px solid #bdbdbd; background:url("/each/common/images/plistPrev2.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.prev2 { padding:0px; border:1px solid #bdbdbd; background:url("/each/common/images/plistPrev.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a { display:inline-block; padding:0 7px; height:26px; line-height:28px; text-align:center; font-size:12px; border:1px solid #bdbdbd; vertical-align:top; } .contentIn .pagelist a.selected { background:#535353; color:#fff; } .contentIn .pagelist a.selected:hover { color:#fff; } .contentIn .pagelist a:hover, .content .pagelist a:active { color:#0057a1; font-weight:bold; text-decoration:underline;} /* map */ .contentIn .map { margin-top:20px; } .contentIn .map a {padding:2px; position:absolute; font-size:12px; line-height:12px; color:#000; background:url("/each/common/images/m_btnN.png") left top repeat; text-decoration:none; } .contentIn .map a:hover, .contentIn .map a:active{ color:#fff; background:url("/each/common/images/m_btnO.png") left top repeat; } .contentIn .map a.selected { line-height:12px; color:#fff; background:url("/each/common/images/m_btnO.png") left top repeat; text-decoration:none; } .contentIn .map .koreaMapOut { float:left; width:45%; } .contentIn .map:after { content:""; display:block; clear:both; } .contentIn .map .koreaMap { position:relative; } .contentIn .map .ancOut { float:left; width:40px; height:420px; background:url("/each/common/images/m_ancBg.gif") left top repeat-y; } .contentIn .map .ancOut img { display:block; margin-top:200px;} .contentIn .map .localMapOut { float:right; width:45%; } .contentIn .map .localMap { position:relative; display:none; } /* 전국지도 */ .contentIn .map a.seoul { left:120px; top:102px; } .contentIn .map a.kyunggi { left:119px; top:125px; } .contentIn .map a.inchon { left:50px; top:110px; } .contentIn .map a.kwangwon { left:200px; top:105px; } .contentIn .map a.choongbuk { left:152px; top:148px; } .contentIn .map a.choongnam { left:85px; top:170px; } .contentIn .map a.daejeon { left:140px; top:190px; } .contentIn .map a.kyungbuk { left:206px; top:172px; } .contentIn .map a.kyungnam { left:170px; top:260px; } .contentIn .map a.daegu { left:200px; top:220px; } .contentIn .map a.jeonbuk { left:80px; top:227px; } .contentIn .map a.jeonnam { left:87px; top:301px; } .contentIn .map a.gwangju { left:97px; top:269px; } .contentIn .map a.pusan { left:226px; top:275px; } .contentIn .map a.ulsan { left:246px; top:250px; } .contentIn .map a.jeju { left:95px; top:363px; } /* seoul */ .localMap .seoul_1 { left:19px; top:200px;} .localMap .seoul_2 { left:40px; top:243px;} .localMap .seoul_3 { left:35px; top:278px;} .localMap .seoul_4 { left:82px; top:309px;} .localMap .seoul_5 { left:79px; top:196px;} .localMap .seoul_6 { left:97px; top:239px;} .localMap .seoul_7 { left:125px; top:268px;} .localMap .seoul_8 { left:127px; top:294px;} .localMap .seoul_9 { left:114px; top:134px;} .localMap .seoul_10 { left:118px; top:186px;} .localMap .seoul_11 { left:148px; top:229px;} .localMap .seoul_12 { left:172px; top:292px;} .localMap .seoul_13 { left:145px; top:155px;} .localMap .seoul_14 { left:161px; top:202px;} .localMap .seoul_15 { left:172px; top:136px;} .localMap .seoul_16 { left:212px; top:178px;} .localMap .seoul_17 { left:196px; top:214px;} .localMap .seoul_18 { left:197px; top:250px;} .localMap .seoul_19 { left:165px; top:105px;} .localMap .seoul_20 { left:191px; top:65px;} .localMap .seoul_21 { left:228px; top:120px;} .localMap .seoul_22 { left:241px; top:155px;} .localMap .seoul_23 { left:234px; top:214px;} .localMap .seoul_24 { left:275px; top:218px;} .localMap .seoul_25 { left:259px; top:270px;} /* kyunggi */ .localMap .kyunggi_1 { left:8px; top:165px; } .localMap .kyunggi_2 { left:40px; top:141px; } .localMap .kyunggi_3 { left:57px; top:190px; } .localMap .kyunggi_4 { left:93px; top:42px; } .localMap .kyunggi_5 { left:125px; top:104px; } .localMap .kyunggi_6 { left:108px; top:129px; } .localMap .kyunggi_7 { left:111px; top:167px; } .localMap .kyunggi_8 { left:160px; top:72px; } .localMap .kyunggi_9 { left:229px; top:103px; } .localMap .kyunggi_10 { left:169px; top:171px; } .localMap .kyunggi_11 { left:136px; top:205px; } .localMap .kyunggi_12 { left:147px; top:226px; } .localMap .kyunggi_13 { left:247px; top:233px; } .localMap .kyunggi_14 { left:268px; top:301px; } .localMap .kyunggi_15 { left:176px; top:260px; } .localMap .kyunggi_16 { left:216px; top:320px; } .localMap .kyunggi_17 { left:112px; top:243px; } .localMap .kyunggi_18 { left:145px; top:265px; } .localMap .kyunggi_19 { left:171px; top:341px; } .localMap .kyunggi_20 { left:171px; top:395px; } .localMap .kyunggi_21 { left:120px; top:289px; } .localMap .kyunggi_22 { left:120px; top:317px; } .localMap .kyunggi_23 { left:111px; top:339px; } .localMap .kyunggi_24 { left:99px; top:399px; } .localMap .kyunggi_25 { left:43px; top:231px; } .localMap .kyunggi_26 { left:76px; top:248px; } .localMap .kyunggi_27 { left:41px; top:260px; } .localMap .kyunggi_28 { left:82px; top:270px; } .localMap .kyunggi_29 { left:84px; top:300px; } .localMap .kyunggi_30 { left:23px; top:290px; } .localMap .kyunggi_31 { left:52px; top:336px; } /* inchon */ .localMap .inchon_1 { left:138px; top:112px; } .localMap .inchon_2 { left:143px; top:242px; } .localMap .inchon_3 { left:152px; top:305px; } .localMap .inchon_4 { left:218px; top:190px; } .localMap .inchon_5 { left:227px; top:219px; } .localMap .inchon_6 { left:246px; top:247px; } .localMap .inchon_7 { left:233px; top:267px; } .localMap .inchon_8 { left:271px; top:193px; } .localMap .inchon_9 { left:269px; top:223px; } .localMap .inchon_10 { left:269px; top:262px; } /* kwangwon */ .localMap .kwangwon_1 { left:12px; top:135px; } .localMap .kwangwon_2 { left:65px; top:155px; } .localMap .kwangwon_3 { left:61px; top:196px; } .localMap .kwangwon_4 { left:98px; top:230px; } .localMap .kwangwon_5 { left:119px; top:254px; } .localMap .kwangwon_6 { left:86px; top:294px; } .localMap .kwangwon_7 { left:94px; top:115px; } .localMap .kwangwon_8 { left:143px; top:161px; } .localMap .kwangwon_9 { left:169px; top:242px; } .localMap .kwangwon_10 { left:202px; top:280px; } .localMap .kwangwon_11 { left:157px; top:319px; } .localMap .kwangwon_12 { left:238px; top:335px; } .localMap .kwangwon_13 { left:177px; top:114px; } .localMap .kwangwon_14 { left:190px; top:152px; } .localMap .kwangwon_15 { left:200px; top:174px; } .localMap .kwangwon_16 { left:229px; top:219px; } .localMap .kwangwon_17 { left:265px; top:260px; } .localMap .kwangwon_18 { left:263px; top:293px; } /* choongbuk */ .localMap .choongbuk_1 { left:250px; top:119px; } .localMap .choongbuk_2 { left:184px; top:86px; } .localMap .choongbuk_3 { left:121px; top:106px; } .localMap .choongbuk_4 { left:52px; top:118px; } .localMap .choongbuk_5 { left:21px; top:158px; } .localMap .choongbuk_6 { left:74px; top:172px; } .localMap .choongbuk_7 { left:124px; top:184px; } .localMap .choongbuk_8 { left:24px; top:217px; } .localMap .choongbuk_9 { left:104px; top:232px; } .localMap .choongbuk_10 { left:85px; top:271px; } .localMap .choongbuk_11 { left:115px; top:326px; } /* choongnam */ .localMap .choongnam_1 { left:10px; top:136px; } .localMap .choongnam_2 { left:88px; top:103px; } .localMap .choongnam_3 { left:63px; top:151px; } .localMap .choongnam_4 { left:164px; top:142px; } .localMap .choongnam_5 { left:118px; top:171px; } .localMap .choongnam_6 { left:83px; top:203px; } .localMap .choongnam_7 { left:219px; top:130px; } .localMap .choongnam_8 { left:228px; top:191px; } .localMap .choongnam_9 { left:128px; top:235px; } .localMap .choongnam_10 { left:79px; top:276px; } .localMap .choongnam_11 { left:136px; top:279px; } .localMap .choongnam_12 { left:97px; top:325px; } .localMap .choongnam_13 { left:241px; top:274px; } .localMap .choongnam_14 { left:199px; top:299px; } .localMap .choongnam_15 { left:267px; top:324px; } /* daejeon */ .localMap .daejeon_1 { left:90px; top:171px; } .localMap .daejeon_2 { left:174px; top:128px; } .localMap .daejeon_3 { left:109px; top:255px; } .localMap .daejeon_4 { left:157px; top:255px; } .localMap .daejeon_5 { left:211px; top:229px; } /* kyungbuk */ .localMap .kyungbuk_1 { left:284px; top:95px; } .localMap .kyungbuk_2 { left:215px; top:98px; } .localMap .kyungbuk_3 { left:148px; top:107px; } .localMap .kyungbuk_4 { left:97px; top:120px; } .localMap .kyungbuk_5 { left:86px; top:156px; } .localMap .kyungbuk_6 { left:31px; top:143px; } .localMap .kyungbuk_7 { left:233px; top:181px; } .localMap .kyungbuk_8 { left:184px; top:146px; } .localMap .kyungbuk_9 { left:131px; top:167px; } .localMap .kyungbuk_10 { left:98px; top:207px; } .localMap .kyungbuk_11 { left:25px; top:199px; } .localMap .kyungbuk_12 { left:24px; top:264px; } .localMap .kyungbuk_13 { left:52px; top:285px; } .localMap .kyungbuk_14 { left:67px; top:327px; } .localMap .kyungbuk_15 { left:69px; top:237px; } .localMap .kyungbuk_16 { left:85px; top:270px; } .localMap .kyungbuk_17 { left:214px; top:329px; } .localMap .kyungbuk_18 { left:112px; top:245px; } .localMap .kyungbuk_19 { left:176px; top:214px; } .localMap .kyungbuk_20 { left:209px; top:254px; } .localMap .kyungbuk_21 { left:157px; top:269px; } .localMap .kyungbuk_22 { left:131px; top:302px; } .localMap .kyungbuk_23 { left:129px; top:336px; } /* kyungnam */ .localMap .kyungnam_1 { left:46px; top:103px; } .localMap .kyungnam_2 { left:16px; top:149px; } .localMap .kyungnam_3 { left:47px; top:193px; } .localMap .kyungnam_4 { left:93px; top:148px; } .localMap .kyungnam_5 { left:25px; top:250px; } .localMap .kyungnam_6 { left:75px; top:265px; } .localMap .kyungnam_7 { left:90px; top:228px; } .localMap .kyungnam_8 { left:126px; top:197px; } .localMap .kyungnam_9 { left:169px; top:169px; } .localMap .kyungnam_10 { left:212px; top:175px; } .localMap .kyungnam_11 { left:153px; top:219px; } .localMap .kyungnam_12 { left:177px; top:250px; } .localMap .kyungnam_13 { left:125px; top:281px; } .localMap .kyungnam_14 { left:68px; top:336px; } .localMap .kyungnam_15 { left:149px; top:310px; } .localMap .kyungnam_16 { left:191px; top:315px; } .localMap .kyungnam_17 { left:263px; top:197px; } .localMap .kyungnam_18 { left:232px; top:225px; } /* daegu */ .localMap .daegu_1 { left:142px; top:225px; } .localMap .daegu_2 { left:190px; top:225px; } .localMap .daegu_3 { left:123px; top:255px; } .localMap .daegu_4 { left:151px; top:268px; } .localMap .daegu_5 { left:99px; top:285px; } .localMap .daegu_6 { left:146px; top:288px; } .localMap .daegu_7 { left:187px; top:285px; } .localMap .daegu_8 { left:80px; top:335px; } .localMap .daegu_9 { left:152px; top:125px; } /* jeonbuk */ .localMap .jeonbuk_1 { left:51px; top:150px; } .localMap .jeonbuk_2 { left:101px; top:114px; } .localMap .jeonbuk_3 { left:155px; top:138px; } .localMap .jeonbuk_4 { left:203px; top:167px; } .localMap .jeonbuk_5 { left:250px; top:147px; } .localMap .jeonbuk_6 { left:82px; top:186px; } .localMap .jeonbuk_7 { left:127px; top:180px; } .localMap .jeonbuk_8 { left:29px; top:219px; } .localMap .jeonbuk_9 { left:83px; top:244px; } .localMap .jeonbuk_10 { left:21px; top:284px; } .localMap .jeonbuk_11 { left:155px; top:250px; } .localMap .jeonbuk_12 { left:131px; top:292px; } .localMap .jeonbuk_13 { left:195px; top:295px; } .localMap .jeonbuk_14 { left:236px; top:232px; } /* jeonnam */ .localMap .jeonnam_1 { left:78px; top:114px; } .localMap .jeonnam_2 { left:130px; top:111px; } .localMap .jeonnam_3 { left:167px; top:127px; } .localMap .jeonnam_4 { left:211px; top:130px; } .localMap .jeonnam_5 { left:274px; top:132px; } .localMap .jeonnam_6 { left:283px; top:176px; } .localMap .jeonnam_7 { left:228px; top:175px; } .localMap .jeonnam_8 { left:170px; top:180px; } .localMap .jeonnam_9 { left:273px; top:231px; } .localMap .jeonnam_10 { left:196px; top:215px; } .localMap .jeonnam_11 { left:228px; top:269px; } .localMap .jeonnam_12 { left:168px; top:247px; } .localMap .jeonnam_13 { left:123px; top:172px; } .localMap .jeonnam_14 { left:113px; top:214px; } .localMap .jeonnam_15 { left:134px; top:244px; } .localMap .jeonnam_16 { left:104px; top:275px; } .localMap .jeonnam_17 { left:137px; top:318px; } .localMap .jeonnam_18 { left:45px; top:287px; } .localMap .jeonnam_19 { left:13px; top:213px; } .localMap .jeonnam_20 { left:84px; top:229px; } .localMap .jeonnam_21 { left:69px; top:188px; } .localMap .jeonnam_22 { left:93px; top:153px; } /* gwangju */ .localMap .gwangju_1 { left:46px; top:191px; } .localMap .gwangju_2 { left:202px; top:140px; } .localMap .gwangju_3 { left:162px; top:227px; } .localMap .gwangju_4 { left:247px; top:257px; } .localMap .gwangju_5 { left:143px; top:297px; } /* pusan */ .localMap .pusan_1 { left:237px; top:115px; } .localMap .pusan_2 { left:159px; top:151px; } .localMap .pusan_3 { left:219px; top:223px; } .localMap .pusan_4 { left:125px; top:179px; } .localMap .pusan_5 { left:153px; top:196px; } .localMap .pusan_6 { left:173px; top:210px; } .localMap .pusan_7 { left:189px; top:238px; } .localMap .pusan_8 { left:176px; top:263px; } .localMap .pusan_9 { left:17px; top:250px; } .localMap .pusan_10 { left:131px; top:229px; } .localMap .pusan_11 { left:142px; top:256px; } .localMap .pusan_12 { left:90px; top:231px; } .localMap .pusan_13 { left:109px; top:262px; } .localMap .pusan_14 { left:137px; top:280px; } .localMap .pusan_15 { left:167px; top:303px; } .localMap .pusan_16 { left:93px; top:304px; } /* ulsan */ .localMap .ulsan_1 { left:70px; top:198px; } .localMap .ulsan_2 { left:182px; top:189px; } .localMap .ulsan_3 { left:193px; top:222px; } .localMap .ulsan_4 { left:222px; top:138px; } .localMap .ulsan_5 { left:260px; top:221px; } /* jeju */ .localMap .jeju_1 { left:102px; top:179px; } .localMap .jeju_2 { left:183px; top:237px; } /* bannerHor2 */ .contentIn .bannerHor2 ul { margin:10px auto; } .contentIn .bannerHor2 ul:after { content:""; display:block; clear:both; } .contentIn .bannerHor2 ul li { float: left; margin:0px 1%; width:46%; } .contentIn .bannerHor2 ul li img { width:inherit; max-width:100%;} /* slideCont */ .contentIn .slideCont { margin-top:20px; } .contentIn .slideCont ul li { border-bottom:1px solid #d1d4da; } .contentIn .slideCont .tit {display:block; background:url("/each/common/images/slide_bul_n.png") 10px 8px no-repeat; padding:10px 5px 10px 40px; font-size:14px; } .contentIn .slideCont .tit.open { color:#42689c; background:url("/each/common/images/slide_bul_o.png") 10px 8px no-repeat; } .contentIn .slideCont ul li div { display:none; padding:10px;} .contentIn .slideCont ul li div.sub { display:block; } /* programBox */ .contentIn .programBox { border: 10px solid #87919c; padding: 10px; min-height:180px; float:left; width:40%; margin:0px 2%; margin-top:15px; } .contentIn .programTitle { border-bottom: 1px solid #486d92; padding-bottom:10px; font-size:18px; color:#1a7290; } .contentIn .programBox:after { content:""; display:block; clear:both;} /* banner */ .contentIn .bannerPage { position:relative; width:590px; height:235px; margin-top:25px;} .contentIn .bannerPage .linkImg { position:absolute; width:215px; height:155px; left:20px; top:60px; } .contentIn .bannerPage .linktext { position:absolute; width:285px; height: 80px; left:256px; top:60px; } .contentIn .bannerPage .link1 { position:absolute; width:52px; height:48px; left:256px; top:152px; } .contentIn .bannerPage .link2 { position:absolute; width:52px; height:48px; left:333px; top:152px; } .contentIn .bannerPage .link3 { position:absolute; width:52px; height:48px; left:410px; top:152px; } .contentIn .bannerPage .link4 { position:absolute; width:52px; height:48px; left:487px; top:152px; } /* layer */ .proceeding { margin-left:3%; margin-right:3%; } .proceeding li { float:left; border:1px solid #c7b6a6; padding:5px; margin-bottom:40px; margin-left:7%; } .proceeding li .name { text-align:center; padding-top:10px; } .proceeding li .name a { font-size:16px; color:#222; } .proceeding li .name a:hover { color:#892305; } .contentIn .layer { position:absolute; left:0; top:0; width:80%; margin:10% 8%; background:#fff; border-top: 14px solid #2f1e28; border-bottom:38px solid #2f1e28; padding-bottom: 50px; clear:both; z-index:21; } .contentIn .layer:after { content:""; display:block; clear:both; } .contentIn .layerHeader { background:#f8f4ed; height:57px; border-bottom:1px solid #9f9c9b; } .contentIn .layerHeader > img { margin-top:7px; margin-left:20px;} .contentIn .layerHeader > a { float:right; margin:20px 20px 0px 0px;} .contentIn .layerCon > div { float:left; } .contentIn .layerCon .photo { display:inline-block; padding:5px; border:1px solid #c7b6a6; margin-top:20px; margin-right:30px; margin-left:10px; } .contentIn .layerCon .photo .name { text-align:center; padding-top:5px; } .contentIn .layerCon .career { display:inline-block; width:95%; margin-top:30px; margin-left:10px; } .contentIn .layerCon .career .title {display:block; font-size:24px; color:#222222; margin-bottom:20px; } .contentIn .layerCon .career .subTit { display:block; font-size:18px; color:#892305; } .contentIn .contArea .movieArea { display:inline-block; background:#e1e1e1; width:480px; height:320px; } .contentIn .contArea .summary { display:inline-block; overflow-y:scroll; width:45%; height:298px; margin-left:20px; border:1px solid #cccccc; padding:10px; } .contentIn .contArea .movietextBox { margin-top:20px; } /* popup ********************************************************************************************/ .popup .headerLine { height:5px; background:#067d90; } .popup .headerBar { height:60px; background:#f0fdff; border-bottom:1px solid #9f9c9b; } .popup .headerBar:after { content:""; display:block; clear:both; } .popup .headerBar .logo { float:left; display:inline-block; margin-left:10px; margin-top:4px;} .popup .headerBar .closeBtn { float:right; display:inline-block; } .popup .bottom { height:30px; background:#067d90; } .pop_header { border-top:14px solid #1f4160; height:54px; border-bottom:1px solid #c7c7c7; } .pop_header .logo { margin:3px 0px 0px 20px; float:left;} .pop_header .close { float:right;} .postTitle { font-size:30px; color:#474747; margin:20px; float:left; width:170px} .popup_title{color:#1265b5; font-weight:bold} .popup_top a{font-size:11px;border:1px solid #cccccc;padding:3px 5px;} /* search */ .search { position:absolute; left:0px; top:74px; background:url("/portal/common/images/searchBg.png") left top repeat; width:100%; height:84px; z-index:20; text-align:center; } .search .searchSelect { font-size:14px; color:#444444; background:#ffffff; border: 1px solid #cccccc; height:35px; padding:0px 3px; vertical-align:top; margin-top:20px;} .search .searchInput { font-size:14px; color:#444444; background:#ffffff; border: 1px solid #cccccc; height:33px; padding:0px 3px; vertical-align:top; margin-top:20px; width:30%; margin-left:10px; } .search .searchBtn { display:inline-block; background:#c94839 url("/portal/common/images/searchIcon.png") 18px 6px no-repeat; border:1px solid #cccccc; width:60px; height:33px; margin-top:20px; margin-left:5px; } .search.unVis { display:none; } .search .search_close_m{position: absolute;right: 10px;bottom: 5px;} /*2023.11.07 add */ /* search */ .search { position:absolute; left:0px; top:74px; background:url("/portal/common/images/searchBg.png") left top repeat; width:100%; height:84px; z-index:20; text-align:center; } .search .searchSelect { font-size:14px; color:#444444; background:#ffffff; border: 1px solid #cccccc; height:35px; line-height:35px; padding:0px 3px; vertical-align:top; margin-top:20px;} .search .searchInput { font-size:14px; color:#444444; background:#ffffff; border: 1px solid #cccccc; height:33px; line-height:35px; padding:0px 3px; vertical-align:top; margin-top:20px; width:50%; margin-left:10px; } .search .searchBtn { display:inline-block; background:#c94839 url("/portal/common/images/searchIcon.png") 18px 6px no-repeat; border:1px solid #cccccc; width:60px; height:33px; margin-top:20px; margin-left:5px; } .search.unVis { display:none; } /* //subContainer */ /* // sub **************************************************************************************************/ .layerCon .photo { max-width:100%; width:inherit; } /* .contentIn img { max-width:100%; width:inherit; } */ /*************************************************/ /* Mobile Device */ /************************************************/ @media screen and (min-width:401px) { .pt140 { padding-top:160px; } } @media screen and (min-width:1px) and (max-width: 360px) { .pt140 { padding-top:210px; } } @media screen and (min-width:361px) and (max-width: 400px) { .pt140 { padding-top:200px; } } @media screen and (min-width:1px) and (max-width: 767px) { .top_btn {display:block} .contentIn .thid { display:none; } .contentIn .mhid { display:none; } .contentIn .result { display:none; } .contentIn .m_wid140 { width:140px; } .contentIn .m_wid100 { width:100px; } .contentIn .m_wid60 { width:60px; } .titleBox .navibox { display:none; } .contentIn .selBox { background:#fff; line-height:20px; font-size:14px; color:#36536a; border:5px solid #d1d4da; padding:10px 20px; margin-top:10px; } /* top *******************************************************************************************************/ .topOuter { background: #067d90; height:67px; width:100%;} .topOuter .topInner { max-width:1160px; margin:0 auto; } .topOuter .topInner .category { float:left; } .btnCategory { display:inline-block; margin:13px 3px 0 0; color: #a2f9f2 !important; background:##067d90; font-size:16px; border:1px solid #3897a6; padding:0 3px; height:42px; line-height:42px; } .btnCategory.btnSelected { color:#ffffff !important; background:#24808f; border:1px solid #7dbbc5} .btnCategory.withpeople { display:none; } .topOuter .topInner .utilMenu { float:right; width:250px; } .topOuter .topInner .topLink { float:right; height: 14px; margin-top:20px; display:none; } .topOuter .topInner .topLink ul li { float:left; } .topOuter .topInner .topLink ul li a { margin:0px 17px; color:#a3a7ab;} .topOuter .topInner .topLink ul li a.last { margin-right:0px; } .topOuter .topInner .topLink ul li span { color: #848e97; } /* gnbOuter */ .gnbOuter { width:100%; background: url("/each/common/images/gnb_bg.gif") repeat-x; } .gnbInner { max-width: 1024px; min-width:300px; margin:0 auto; } .gnbInner:after { content:""; display:block; clear:both; } .gnbInner .logo { float: left; } .gnbInner .logo .hidlogo { display:none} .gnbInner .gnbMenu { display:none;} .menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; } .gnbInner .gnbMenu { display:none;} .menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; } /* menu allMenu */ .gnbInner .allMenu.unVis { display:none; } .gnbInner .allMenu .subMenuView { display:none; } .gnbInner .allMenu { background:none; width:100%; position:absolute; right:0px; top:-67px; z-index:20; } .gnbInner .allMenu:after { content:""; display:block; clear:both; } .gnbInner .allMenu .top_m { display:block; width:80%; background:#fff; height:50px; float:right; } .gnbInner .allMenu .top_m:after { content:""; display:block; clear:none; } .gnbInner .allMenu .sns_m { display:none; margin-left:10px; } .gnbInner .allMenu .sns_m ul { } .gnbInner .allMenu .sns_m ul li { float:left; padding:13px 8px 5px 0px; } .gnbInner .allMenu .sns_m ul li a { display:block; } .gnbInner .btnMenuAll_m { display:block; width:37px; height:37px; float:right; background:#ff6600; text-indent:-999px;} .gnbInner .btnMenuAll_m.menu_close_m { background:url("/each/common/images/btn_menuAll_Close.gif") left top no-repeat; margin:7px 10px 0px 0px;} .gnbInner .allMenu .topLink_m { display:block; background:#6EB5B0; height: 50px; width:80%; float:right; border-bottom:1px solid #000000; } .gnbInner .allMenu .topLink_m ul { float:right;} .gnbInner .allMenu .topLink_m ul li { float:left; } .gnbInner .allMenu .topLink_m ul li span { vertical-align:bottom; } .gnbInner .allMenu .topLink_m ul li a { display:inline-block; padding:20px 10px 0px 10px; color:#ffffff;} .gnbInner .allMenu .topLink_m ul li a.last { margin-right:0px; } .gnbInner .allMenu .topLink_m ul li span { color: #848e97; } .gnbInner .allMenu .dep1 { display:block; width:80%; float:right; } .gnbInner .allMenu .dep1 > li { float:none; width:100%; padding-top:0px; min-height:auto; padding-bottom:0px; background:#067d90 none; } .gnbInner .allMenu .dep1 > li.last { background:#152a4b none; } .gnbInner .allMenu .dep1 > li > a { display:inline-block; color:#fff; font-size:18px; padding:20px 20px 15px 20px;} .gnbInner .allMenu .dep2 > li { background:#f2f0ea; border-bottom:1px solid #aca6aa; } .gnbInner .allMenu .dep2 > li > a { display:block; color:#441932; font-size:18px; padding:15px 5px 15px 40px; } .gnbInner .allMenu .dep2 .mPlus { background:url("/each/common/images/menuPlus.png") right 15px no-repeat; } .gnbInner .allMenu .dep2 .mMinus { background:url("/each/common/images/menuMinus.png") right 15px no-repeat; } .gnbInner .allMenu .dep3 > li > a { display:block; color:#152a4b; font-size:18px; padding:15px 0px 15px 60px; background:#fff none; border-bottom:1px solid #ced0d2; } .gnbInner .dep3.unVis { display:none; } .back { width:100%; height:100%; } .back.blackOn { position:fixed; left:0px; top:0px; width:100%; height:100%; background:url("/each/common/images/black.png") repeat; z-index:19; } /* mainImage *******************************************************************************************************/ .mainImageOuter { width: 100%; background:#09080a; } .mainImageInner { margin:0 auto; max-width:1160px; background:url("/each/common/images/mainImageBg.jpg") repeat-y left top; height:auto; } .mainImageInner .mainimage img { width: 100%; } .mainImageInner .article { float:left; padding:80px 0px 0px 20px; width:38%; overflow:hidden; color:#ffffff; } .mainImageInner .title a { font-size:33px; color:#ffffff; } .mainImageInner .summary a { padding-top:20px; font-size:20px; line-height:30px; color:#ffffff; } .formBox { background:#f7f8fc; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 20px; margin-top:10px; } .formBox .formBoxTxt { display:inline-block; padding-top:10px; } .formBox .breakDiv { display:inline-block; vertical-align:top; } .formBox .breakDiv .formBoxTxt { padding-top:8px; } .formBox .graySelect, .formBox .grayInput { margin-left:5px;} /* sub **************************************************************************************************/ /* lnb */ .subContainer .lnb { display:none } /* content */ .subContainer .content { float:none; width:96%; padding:0 2%; } /* chief */ .chief .con_image { display:block; text-align:center; float:left; max-width:328px; width:100%; } .chief .con_image img { max-width:328px; width:100%;} .chief .con_text { display:block; float:right; width:100%; margin-top:30px; } /* 2022.09.20 */ .downWrap {position:static;display:block;width:auto;top:0;margin:0; padding:10px 0 30px 0; text-align:center;} .downSubWrap {float:none;} /* bookGallery */ .contentIn .bookGallery { border-bottom:1px solid #d1d4da; margin-top:30px; padding-bottom:25px; } .contentIn .bookGallery ul { text-align:center; } .contentIn .bookGallery ul:after { content:""; display:block; clear:both; } .contentIn .bookGallery ul li { display:inline-block; width:18%; padding:8px; margin:15px 1%; text-align:center; } .contentIn .bookGallery ul li .galleryImg { display:inline-block; margin:0 auto; background:none; } .contentIn .bookGallery ul li .galleryImg img { margin:5px; width:inherit; max-width:100%; } .contentIn .bookGallery ul li .title { display:block; font-size:14px; color:#222222; text-align:center; margin-top:5px; } .contentIn .contArea .movieArea { display:inline-block; background:#e1e1e1; width:480px; height:320px; } .contentIn .contArea .summary { display:inline-block; overflow-y:scroll; width:95%; height:298px; margin-left:20px; border:1px solid #cccccc; padding:10px; margin-top:20px; margin-left:0px;} .contentIn .contArea .movietextBox { margin-top:20px; } /* tableVer */ .contentIn .tableVer { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;} .contentIn .tableVer th { background:#f3f3f3; border-bottom:1px solid #dbdbdb; padding:15px 5px; vertical-align:middle; min-width:50px; } .contentIn .tableVer td { border-bottom:1px solid #dbdbdb; padding:15px 5px; background:#fff; vertical-align:middle; line-height:18px;} .contentIn .tableVer td.attTxt a { color:#e84c3d; text-decoration:underline; } .contentIn .tableVer td.contArea { line-height: 24px; } .contentIn .tableVer th.t_prev { background:#f3f3f3 url("/portal/common/images/t_prev.gif") right center no-repeat; padding-right:40px; } .contentIn .tableVer th.t_next { background:#f3f3f3 url("/portal/common/images/t_next.gif") right center no-repeat; padding-right:40px; } .contentIn .tableVer tr td.subTitle { background:#f3f3f3; } .contentIn .tableVer tr td.tit a:hover, .content .boardView tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:normal; } .contentIn .tableVer tr td span { padding: 0px 5px; } /* infoBox */ .infoBox { background:#f7f8fc; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 20px; margin-top:10px;} .infoBoxGray { background:#f4f4f4 ; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 20px; margin-top:10px;} .infoBoxRed { background:#f4f4f4 ; line-height:20px; font-size:14px; color:#e74e3f; border:1px solid #d1d4da; padding:10px 20px; margin-top:10px; } .infoBoxWhite {line-height:20px; font-size:13px; color:#36536a; border:1px solid #d1d4da; padding:10px 20px; margin-top:5px; overflow-y:scroll; height:70px;} .infoBoxIcon01 { background:#f7f8fc url("/portal/common/images/icon01.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; } .infoBoxIcon02 { background:#f7f8fc url("/portal/common/images/icon08.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; } .infoBoxIcon03 { background:#f7f8fc url("/portal/common/images/icon09.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; } .infoBoxIcon04 { background:#f7f8fc url("/portal/common/images/icon10.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; } .infoBoxIcon05 { background:#f7f8fc url("/portal/common/images/icon11.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; } /* gallery */ .contentIn .gallery { border-bottom:1px solid #d1d4da; margin-top:40px; padding-bottom:25px; } .contentIn .gallery ul { text-align:center; } .contentIn .gallery ul:after { content:""; display:block; clear:both; } .contentIn .gallery ul li { display:inline-block; border:1px solid #d1d4da; width:15%; padding:2px; margin:12px 2px; } .contentIn .gallery ul li .galleryImg { display:block; text-align:center; padding-bottom:8px; } .contentIn .gallery ul li .galleryImg img { width:100%; } .contentIn .gallery ul li .title { display:inline-block; font-size:12px; color:#222222; float:left; margin-top:5px; } .contentIn .gallery ul li .pdf { display:inline-block; float:right; width:100%; max-width:50px; } /* photo */ .contentIn .photo { padding-bottom:10px; } .contentIn .photo ul { text-align:center; } .contentIn .photo ul:after { content:""; display:block; clear:both; } .contentIn .photo ul li { display:inline-block; border:1px solid #d1d4da; width:18%; padding:4px; margin:15px 2px; } .contentIn .photo ul li .photoImg { display:block; text-align:center; padding-bottom:8px; } .contentIn .photo ul li .photoImg img { width:100%; } .contentIn .photo ul li .title { display:block; font-size:14px; color:#222222; margin-top:5px; } .contentIn .photo ul li .date { font-size:12px; color:#6b7174; } /* nextPhotoList */ .contentIn .nextPhotoList { margin-top:40px; border-top:1px solid #535353; border-bottom:1px solid #d1d4da; } .contentIn .nextPhotoList ul { margin:15px 0px; width:100%; text-align:center;} .contentIn .nextPhotoList ul li { display:inline-block; border:1px solid #d1d4da; padding:1%; margin:0px 1%; width:18%; } .contentIn .nextPhotoList ul li img { width:100%; } .contentIn .nextPhotoList ul li .title { text-align:left; margin:10px 0px; height:20px; overflow:hidden;} .contentIn .nextPhotoList ul li .title a { font-size:12px; color:#222222; } .contentIn .nextPhotoList ul li .date { text-align:left; font-size:10px; color:#6b7174; } /* pagelist */ .contentIn .pagelist { width:100%; text-align:center; margin-top:30px; } .contentIn .pagelist a.next2 { padding:0px; border:1px solid #bdbdbd; background:url("/each/common/images/plistNext2.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.next { padding:0px; border:1px solid #bdbdbd; background:url("/each/common/images/plistNext.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.prev { padding:0px; border:1px solid #bdbdbd; background:url("/each/common/images/plistPrev2.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.prev2 { padding:0px; border:1px solid #bdbdbd; background:url("/each/common/images/plistPrev.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a { display:inline-block; padding:0 7px; height:26px; line-height:28px; text-align:center; font-size:12px; border:1px solid #bdbdbd; vertical-align:top; } .contentIn .pagelist a.selected { background:#535353; color:#fff; } .contentIn .pagelist a.selected:hover { color:#fff; } .contentIn .pagelist a:hover, .content .pagelist a:active { color:#0057a1; font-weight:bold; text-decoration:underline;} /* tab */ .contentIn .tab { margin-top: 20px; } .contentIn .tab .tabTitle { background:url("/each/common/images/tabBg.gif") left bottom repeat-x; } .contentIn .tab .tabTitle:after { content:""; display:block; clear:both; } .contentIn .tab .tabTitle li.first { border-left:1px solid #c9c9c9; } .contentIn .tab .tabTitle li { float:left; cursor:pointer; padding:15px 20px; font-size:14px; background:#f2f2f2; border-top:2px solid #c9c9c9; border-right:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; } .contentIn .tab .tabTitle li.active { color:#892305; border-top:2px solid #892305; background:#fff; border-bottom:1px solid #c9c9c9;} .contentIn .tab .tabContents { border:1px solid #c9c9c9; border-top:none; padding:20px; } .contentIn .tab .tabContents .tabContent { display:none; } .contentIn .tab .tabContents .tabContent.active { display:block; } /* map ******************************************************************************************************/ .contentIn .map { margin-top:20px; } .contentIn .map a { position:absolute; font-size:12px; line-height:12px; color:#000; background:url("/each/common/images/m_btnN.png") left top repeat; text-decoration:none; } .contentIn .map a:hover, .contentIn .map a:active{ color:#fff; background:url("/each/common/images/m_btnO.png") left top repeat; } .contentIn .map .koreaMapOut { float:left; width:100%; } .contentIn .map:after { content:""; display:block; clear:both; } .contentIn .map .koreaMap { position:relative; } .contentIn .map .ancOut { display:none; float:left; width:40px; height:420px; background:url("/each/common/images/m_ancBg.gif") left top repeat-y; } .contentIn .map .ancOut img { display:block; margin-top:200px;} .contentIn .map .localMapOut { float:left; width:100%; } .contentIn .map .localMap { position:relative; display:none; } /* footer *******************************************************************************************************/ .footerOut { width:100%; position:relative; margin-top:0px;} /* linkLine */ .linkLineOut { height:42px; width:100%; background:#464646; border-bottom:1px solid #5c5c5c; clear:both; } .linkLineIn { max-width:1160px; margin:0 auto; } .linkLineIn:after { content:""; display:block; clear:both; } .linkLineIn .footsns { float:left; } .linkLineIn .footsns ul { padding-top:8px; } .linkLineIn .footsns ul:after { content:""; display:block; clear:both; } .linkLineIn .footsns ul li { float:left; margin-right:5px;} .linkLineIn .footsns ul li a { display:inline-block; width:24px; height:25px; overflow:hidden;} .linkLineIn .footsns .facebook { background:url("/portal/common/images/icon_facebook.gif") left top no-repeat; } .linkLineIn .footsns .facebook:hover { background:url("/portal/common/images/icon_facebook.gif") left -24px no-repeat; } .linkLineIn .footsns .twitter { background:url("/portal/common/images/icon_twitter.gif") left top no-repeat; } .linkLineIn .footsns .twitter:hover { background:url("/portal/common/images/icon_twitter.gif") left -24px no-repeat; } .linkLineIn .footsns .youtube { background:url("/portal/common/images/icon_youtube.gif") left top no-repeat; } .linkLineIn .footsns .youtube:hover { background:url("/portal/common/images/icon_youtube.gif") left -24px no-repeat; } .linkLineIn .footsns .instagram { background:url("/portal/common/images/icon_insta.gif") left top no-repeat; } .linkLineIn .footsns .instagram:hover { background:url("/portal/common/images/icon_insta.gif") left -24px no-repeat; } .linkLineIn .footsns .naverblog { background:url("/portal/common/images/icon_naver.gif") left top no-repeat; } .linkLineIn .footsns .naverblog:hover { background:url("/portal/common/images/icon_naver.gif") left -24px no-repeat; } .linkLineIn .footsns .daumblog { background:url("/portal/common/images/icon_daum.gif") left top no-repeat; } .linkLineIn .footsns .daumblog:hover { background:url("/portal/common/images/icon_daum.gif") left -24px no-repeat; } .linkLineIn .footsns .kakao { background:url("/portal/common/images/icon_kakao.gif") left top no-repeat; } .linkLineIn .footsns .kakao:hover { background:url("/portal/common/images/icon_kakao.gif") left -24px no-repeat; } .linkLineIn .footsns { display:block; } .linkLineIn .linkCourt { display:none; } .linkLineIn .linkSystem { display:none; } .sitemapOut { background:#464646; clear:both; display:none; } .sitemapOut:after { content:""; display:block; clear:both; } .sitemapOut .sitemapIn { max-width:1160px; margin:0 auto; } .sitemapOut .sitemapIn ul { float:left; width:16%; padding:10px 0px 20px 0px;} .sitemapOut .sitemapIn ul div { padding:10px; font-size:14px; color:#8dabc3; } .sitemapOut .sitemapIn ul li { padding:5px 10px 5px 10px;} .sitemapOut .sitemapIn ul li a { color:#cfd1d2; font-size:13px; } /* // linkLine */ /* footer */ .footerOut { background:#464646; } .footerOut .footLine { border-top:1px solid #5c5c5c; } .footerOut .footerIn { max-width:1160px; margin:0 auto; padding:20px 0px; } .footerOut .footerIn:after { content:""; display:block; clear:both; } .footerIn .footerLogo { display:none; float:left; width:190px; } .footerIn .copybox { float:left; width:90%; line-height: 16px;} .footerIn .certi { float:left; } /* copybox */ .footerIn .copybox { margin-left:20px; } .footerIn .copybox .footerLink:after { content:""; display:block; clear:both; } .footerIn .copybox .footerLink ul li { clear:both; } .footerIn .copybox .footerLink ul li a { font-size:13px; color:#fff;} .footerIn .copybox .footerLink ul li span { font-size:13px; color:#fff; padding: 0 10px; } .footerIn .copybox .address { font-size:12px; color:#fff; margin-top:10px;} .footerIn .copybox .tel { font-size:12px; color:#fff; margin-top:5px; } .footerIn .copybox .copyright { font-size:12px; color:#fff; margin-top:2px; } .footerIn .certi { float:right; display:none; } .footerIn .certi img { margin-right:20px;} /* sub *******************************************************************************************************/ /* programBox */ .contentIn .programBox { border: 10px solid #87919c; padding: 10px; min-height:180px; float:left; width:90%; margin-top:15px; margin-right:0%;} .contentIn .programTitle { border-bottom: 1px solid #486d92; padding-bottom:10px; font-size:18px; color:#1a7290; } .contentIn .programBox:after { content:""; display:block; clear:both;} /* 관할지역검색 popup */ .navibox .popup_print > a {display:none;} } /*************************************************/ /* Tablet Device */ /*************************************************/ @media screen and (min-width:768px) and (max-width:1023px) { .contentIn .thid { display:none; } /* top *******************************************************************************************************/ .topOuter { background: #067d90; height:67px; width:100%;} .topOuter .topInner { max-width:1160px; margin:0 auto; } .topOuter .topInner .category { float:left; } .topOuter .topInner .utilMenu { float:right; width:250px; } .topOuter .topInner .topLink { float:right; height: 14px; margin-top:20px; display:none; } .topOuter .topInner .topLink ul li { float:left; } .topOuter .topInner .topLink ul li a { margin:0px 17px; color:#a3a7ab;} .topOuter .topInner .topLink ul li a.last { margin-right:0px; } .topOuter .topInner .topLink ul li span { color: #848e97; } /* gnbOuter */ .gnbOuter { width:100%; background: url("/each/common/images/gnb_bg.gif") repeat-x; position:relative; } .gnbInner { max-width: 1024px; min-width:769px; margin:0 auto; } .gnbInner:after { content:""; display:block; clear:both; } .gnbInner .logo { float: left; } .gnbInner .gnbMenu { display:none;} .menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; } .gnbInner .gnbMenu { display:none;} .menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; } /* menu allMenu */ .gnbInner .allMenu.unVis { display:none; } .gnbInner .allMenu .subMenuView { display:none; } .gnbInner .allMenu { background:none; width:100%; position:absolute; right:0px; top:-67px; z-index:20; } .gnbInner .allMenu:after { content:""; display:block; clear:both; } .gnbInner .allMenu .top_m { display:block; width:80%; background:#fff; height:50px; float:right; } .gnbInner .allMenu .top_m:after { content:""; display:block; clear:none; } .gnbInner .allMenu .sns_m { display:none; margin-left:10px; } .gnbInner .allMenu .sns_m ul { } .gnbInner .allMenu .sns_m ul li { float:left; padding:13px 8px 5px 0px; } .gnbInner .allMenu .sns_m ul li a { display:block; } .gnbInner .btnMenuAll_m { display:block; width:37px; height:37px; float:right; background:#ff6600; text-indent:-999px;} .gnbInner .btnMenuAll_m.menu_close_m { background:url("/each/common/images/btn_menuAll_Close.gif") left top no-repeat; margin:7px 10px 0px 0px;} .gnbInner .allMenu .topLink_m { display:block; background:#412f3a; height: 50px; width:80%; float:right; border-bottom:1px solid #71626b; } .gnbInner .allMenu .topLink_m ul { float:right;} .gnbInner .allMenu .topLink_m ul li { float:left; } .gnbInner .allMenu .topLink_m ul li span { vertical-align:bottom; } .gnbInner .allMenu .topLink_m ul li a { display:inline-block; padding:20px 10px 0px 10px; color:#a3a7ab;} .gnbInner .allMenu .topLink_m ul li a.last { margin-right:0px; } .gnbInner .allMenu .topLink_m ul li span { color: #848e97; } .gnbInner .allMenu .dep1 { display:block; width:80%; float:right; } .gnbInner .allMenu .dep1 > li { float:none; width:100%; padding-top:0px; min-height:auto; padding-bottom:0px; background:#2f1e28 none; } .gnbInner .allMenu .dep1 > li.last { background:#152a4b none; } .gnbInner .allMenu .dep1 > li > a { display:inline-block; color:#fff; font-size:18px; padding:20px 20px 15px 20px;} .gnbInner .allMenu .dep2 > li { background:#f2f0ea; border-bottom:1px solid #aca6aa; } .gnbInner .allMenu .dep2 > li > a { display:block; color:#441932; font-size:18px; padding:15px 5px 15px 40px; } .gnbInner .allMenu .dep2 .mPlus { background:url("/each/common/images/menuPlus.png") right 15px no-repeat; } .gnbInner .allMenu .dep2 .mMinus { background:url("/each/common/images/menuMinus.png") right 15px no-repeat; } .gnbInner .allMenu .dep3 > li > a { display:block; color:#152a4b; font-size:18px; padding:15px 0px 15px 60px; background:#fff none; border-bottom:1px solid #ced0d2; } .gnbInner .dep3.unVis { display:none; } .back { width:100%; height:100%; } .back.blackOn { position:fixed; left:0px; top:0px; width:100%; height:100%; background:url("/each/common/images/black.png") repeat; z-index:19; } /* 2022.09.20 */ .downWrap {position:static;display:block;width:auto;top:0;margin:0; padding:10px 0 30px 0; text-align:center;} .downSubWrap {float:none;} /* mainImage *******************************************************************************************************/ .mainImageOuter { width: 100%; background:#09080a; } .mainImageInner { margin:0 auto; max-width:1160px; background:url("/each/common/images/mainImageBg.jpg") repeat-y left top; height:auto; } .mainImageInner .mainimage img { width: 100%; } .mainImageInner .article { float:left; padding:80px 0px 0px 20px; width:38%; overflow:hidden; color:#ffffff; } .mainImageInner .title a { font-size:33px; color:#ffffff; } .mainImageInner .summary a { padding-top:20px; font-size:20px; line-height:30px; color:#ffffff; } /* quick close */ .mainImageInner .quickMenu.close { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:40px; background:url("/each/common/images/quickMenuBg.png") repeat left top; overflow:hidden} .mainImageInner .quickMenu:after { content:""; display:block; clear:both; } .quickMenu.close .btnOpen { position:static; display:block; } .quickMenu.close .btnOpen img { display:none; } .quickMenu.close .btnOpen .tit { display:block; color:#fff; font-size:13px; margin-left:0px; height:40px; line-height:40px; text-align:center;} .quickMenu.close .btnOpen .tit.flag { background: url("/each/common/images/quickFlag.png") no-repeat right 15px; } .quickMenu.close .title { display:none; } .quickMenu.close .list ul { margin-left:0px; } .quickMenu.close .list ul li { float:none; background:none; text-align:left; margin-left:5px; width:100%;} .quickMenu.close .list ul li.last { background:none; } .quickMenu.close .list ul li a { display:block; width:100%; height:20px; font-size:13px; color:#fff; margin-bottom:5px;} .quickMenu.close .list ul li a span { display:inline-block; margin-top: 0px; line-height: 15px; } .quickMenu.close .list ul li.hid { display:block;} .quickMenu.close .list ul li.hid a { display:block; width:100%; height:20px; font-size:13px; color:#fff; margin-bottom:5px;} .quickMenu.close .list ul li.hid a span { display:inline-block; margin-top: 0px; line-height: 15px; } .quickMenu.close .list ul li a.q1 { background:none; } .quickMenu.close .list ul li a.q2 { background:none; } .quickMenu.close .list ul li a.q3 { background:none; } .quickMenu.close .list ul li a.q4 { background:none; } .quickMenu.close .list ul li a.q5 { background:none; } .quickMenu.close .list ul li a.q6 { background:none; } .quickMenu.close .list ul li a.q7 { background:none; } .quickMenu.close .list ul li a.q8 { background:none; } .quickMenu.close .list ul li a.q9 { background:none; } .quickMenu.close .list ul li a.q10 { background:none;} .quickMenu.close .list ul li a.q11 { background:none; } .quickMenu.close .list ul li a.q12 { background:none;} .quickMenu.close .list ul li a.q12 span { margin-top:0px; } .quickMenu.close .list ul li a.q13 { background:none; } .quickMenu.close .list ul li a.q13 span { margin-top:0px; } .quickMenu.close .list ul li a.q14 { background:none; } .quickMenu.close .list ul li a.q14 span { margin-top:0px; } .quickMenu.close .list ul li a.q15 { background:none; } .quickMenu.close .list ul li a.q16 { background:none; } .quickMenu.close .quickClose { display:none; } /* quick open */ .mainImageInner .quickMenu.open { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:auto; background:url("/each/common/images/quickMenuBg.png") repeat left top;} .mainImageInner .quickMenu:after { content:""; display:block; clear:both; } .quickMenu.open .btnOpen { position:static; display:block; } .quickMenu.open .btnOpen img { display:none; } .quickMenu.open .btnOpen .tit { display:block; color:#fff; font-size:13px; margin-left:0px; height:40px; line-height:40px; text-align:center;} .quickMenu.open .btnOpen .tit.flag { background: #041c31 url("/each/common/images/quickFlag2.png") no-repeat right 15px; } .quickMenu.open .title { display:none; } .quickMenu.open .list ul { margin-left:0px; margin-top:10px; } .quickMenu.open .list ul li { float:none; background:none; text-align:left; margin-left:0px; width:100%;} .quickMenu.open .list ul li.last { background:none; } .quickMenu.open .list ul li a { display:inline-block; width:48%; height:20px; font-size:13px; color:#fff; margin-bottom:5px; padding-top:8px; padding-left:5px; margin-left:5px; border:1px solid #1d4f78; } .quickMenu.open .list ul li a span { display:inline-block; margin-top: 0px; line-height: 15px; } .quickMenu.open .list ul li.hid { display:block; } .quickMenu.open .list ul li a.q1 { background:none; } .quickMenu.open .list ul li a.q2 { background:none; } .quickMenu.open .list ul li a.q3 { background:none; } .quickMenu.open .list ul li a.q4 { background:none; } .quickMenu.open .list ul li a.q5 { background:none; } .quickMenu.open .list ul li a.q6 { background:none; } .quickMenu.open .list ul li a.q7 { background:none; } .quickMenu.open .list ul li a.q8 { background:none; } .quickMenu.open .list ul li a.q9 { background:none; } .quickMenu.open .list ul li a.q10 { background:none;} .quickMenu.open .list ul li a.q11 { background:none;} .quickMenu.open .list ul li a.q12 { background:none;} .quickMenu.open .list ul li a.q12 span { margin-top:0px; } .quickMenu.open .list ul li a.q13 { background:none; } .quickMenu.open .list ul li a.q13 span { margin-top:0px; } .quickMenu.open .list ul li a.q14 { background:none; } .quickMenu.open .list ul li a.q14 span { margin-top:0px; } .quickMenu.open .list ul li a.q15 { background:none; } .quickMenu.open .list ul li a.q16 { background:none; } .quickMenu.open .quickClose { display:none; } /* newsArea *******************************************************************************************************/ .newsAreaOut { width:100%; background:#eeecec url("/each/common/images/newsAreaBg.gif") left top repeat; } .newsArea { max-width:1160px; margin:0 auto; padding-top:20px;} .newsArea:after { content:""; display:block; clear:both; } .newsArea > div { float:left; width:97%; height:auto; margin-left:0px; padding:35px 10px; } .newsArea .news { margin-left:0px; } .newsArea .titleBox { border-bottom:1px solid #c48c79; padding-bottom:10px; } .newsArea .titleBox:after { content:""; display:block; clear:both; } .newsArea .titleBox .boardName { font-size:22px; color:#e74e3f; max-width:270px; } .newsArea .titleBox .more { float:right; } .newsArea .article { margin-top: 30px; } .newsArea .article .title { font-size:24px; font-weight:bold; color:#474747; line-height:28px; height:45px;} .newsArea .article .summary {position:relative; height:200px; background:#fff; margin-top:20px; padding:20px 10px; font-size: 16px; color:#484848; line-height:28px; overflow:hidden;} .newsArea .article .summary .redBtn {position:absolute; right:15px; bottom:15px; display:inline-block; background:#871517; color:#fff; font-size:14px; height:30px; padding:0px 25px; line-height:30px; } /* actionZone *******************************************************************************************************/ .actionZoneOuter { width:100%; background:#f4f4f4 url("/each/common/images/actionZoneBg.gif") left top repeat; padding:20px 0px; height:auto;} .actionZone { max-width:1160px; margin:0 auto; } .actionZone:after { content:""; display:block; clear:both; } .actionZone > div { clear:both; width:97%; height:auto; margin-left:0px; } .actionZone .movie { padding: 60px 0px 0px 20px; text-align:center; } .actionZone .sanggoBanner { margin-top:32px; padding:0px 15px; text-align:center;} .sanggoBtnBox { margin-top:40px; } .detailBtn { font-size:18px; color:#fff !important; padding:10px 20px; background:#241b20; margin:0px 10px;} .toonBtn { font-size:18px; color:#241b20 !important; padding:9px 19px; border:1px solid #241b20; margin:0px 10px;} .actionZone .banner { margin-top:31px; padding:10px; } .actionZone .banner > div { text-align:left; padding:20px 0px 20px 80px; border-bottom:1px solid #ab8679; margin-top:15px;} .actionZone .banner .bannerBox1 { background:url("/each/common/images/banner1Bg.png") 10px 7px no-repeat; } .actionZone .banner .bannerBox2 { background:url("/each/common/images/banner2Bg.png") 10px 10px no-repeat; } .actionZone .banner .bannerBox3 { background:url("/each/common/images/banner3Bg.png") 10px 10px no-repeat; } .actionZone .banner .bannerTitle { font-size:18px; padding-bottom:5px; } .actionZone .banner .bannerTitle a { color:#000; } .actionZone .banner .bannerCont { font-size:14px; color:#000000; } /* board *******************************************************************************************************/ .board { max-width:1160px; margin:0 auto; margin-top: 20px; } .board:after { content:""; display:block; clear:both; } .board > div { width:90%; height:auto; padding:35px 10px; margin-left:5%; } .prime .titlebox { border-bottom:1px solid #e0e0e0; padding-bottom:5px;} .prime .titlebox:after { content:""; display:block; clear:both; } .prime .titlebox .title { float:left; font-size:22px; color:#3d3d3d; width:190px; } .prime .titlebox .more { float:right; width:30px;} .prime .article { margin-top:20px; background:#f5f5f5; padding:20px 10px; font-size:18px; color:#575757; line-height:26px; height:auto;} .prime .article:after { content:""; display:block; clear:both; } .prime .article .black { color:#000; } .prime .article .date { display:block; float:right; font-size:16px; } .prime .article .moreArticle { display:block; float:right; text-align:center; width:78px; background:#871517; height:26px; padding:0 10px; margin-top:10px; font-size:12px; color:#fff; } .courtNews .titlebox { border-bottom:1px solid #e0e0e0; padding-bottom:5px;} .courtNews .titlebox:after { content:""; display:block; clear:both; } .courtNews .titlebox .title { float:left; font-size:22px; color:#3d3d3d; width:190px; } .courtNews .titlebox .more { float:right; width:30px;} .courtNews .article { height:420px; line-height:26px; } .courtNews .article:after { content:""; display:block; clear:both; } .courtNews .article .photo { width:100%; margin:0 auto; margin-top:20px;} .courtNews .article .photo img { width:100%; height:100%; } .courtNews .article .textbox { margin-top:10px; } .courtNews .article .textbox .title { float:left; font-size:18px; color:#000; } .courtNews .article .textbox .date { float: right; font-size:14px; color:#646464; } .courtNews .article .textbox .text { font-size:16px; color:#575757; clear:both; padding-top:5px;} .courtNews .article .moreArticle { display:block; text-align:center; width:78px; background:#871517; height:26px; padding:0 10px; margin-top:10px; font-size:12px; color:#fff; } .newsletter { text-align:center; margin-top:5px; } /* sub **************************************************************************************************/ /* lnb */ .subContainer .lnb { display:none } /* content */ .subContainer .content { float:none; width:96%; padding:0 2%; } /* chief */ .chief .con_image { display:block; text-align:center; float:left; } .chief .con_text { display:block; float:right; width:100%; margin-top:30px; } /* programBox */ .contentIn .programBox { border: 10px solid #87919c; padding: 10px; min-height:180px; float:left; width:90%; margin-top:15px; margin-right:0%;} .contentIn .programTitle { border-bottom: 1px solid #486d92; padding-bottom:10px; font-size:18px; color:#1a7290; } .contentIn .programBox:after { content:""; display:block; clear:both;} .contentIn .contArea .movieArea { display:inline-block; background:#e1e1e1; width:480px; height:320px; } .contentIn .contArea .summary { display:inline-block; overflow-y:scroll; width:100%; height:298px; margin-left:20px; border:1px solid #cccccc; padding:10px; margin-top:20px; margin-left:0px;} .contentIn .contArea .movietextBox { margin-top:20px; } /* footer *******************************************************************************************************/ .footerOut { width:100%; position:relative; margin-top:0px;} /* linkLine */ .linkLineOut { height:42px; width:100%; background:#464646; border-bottom:1px solid #5c5c5c; clear:both; } .linkLineIn { max-width:1160px; margin:0 auto; } .linkLineIn:after { content:""; display:block; clear:both; } .linkLineIn .footsns { float:left; } .linkLineIn .footsns ul { padding-top:8px; } .linkLineIn .footsns ul:after { content:""; display:block; clear:both; } .linkLineIn .footsns ul li { float:left; margin-right:5px;} .linkLineIn .footsns ul li a { display:inline-block; width:24px; height:25px; overflow:hidden;} .linkLineIn .footsns .facebook { background:url("/portal/common/images/icon_facebook.gif") left top no-repeat; } .linkLineIn .footsns .facebook:hover { background:url("/portal/common/images/icon_facebook.gif") left -24px no-repeat; } .linkLineIn .footsns .twitter { background:url("/portal/common/images/icon_twitter.gif") left top no-repeat; } .linkLineIn .footsns .twitter:hover { background:url("/portal/common/images/icon_twitter.gif") left -24px no-repeat; } .linkLineIn .footsns .youtube { background:url("/portal/common/images/icon_youtube.gif") left top no-repeat; } .linkLineIn .footsns .youtube:hover { background:url("/portal/common/images/icon_youtube.gif") left -24px no-repeat; } .linkLineIn .footsns .instagram { background:url("/portal/common/images/icon_insta.gif") left top no-repeat; } .linkLineIn .footsns .instagram:hover { background:url("/portal/common/images/icon_insta.gif") left -24px no-repeat; } .linkLineIn .footsns .naverblog { background:url("/portal/common/images/icon_naver.gif") left top no-repeat; } .linkLineIn .footsns .naverblog:hover { background:url("/portal/common/images/icon_naver.gif") left -24px no-repeat; } .linkLineIn .footsns .daumblog { background:url("/portal/common/images/icon_daum.gif") left top no-repeat; } .linkLineIn .footsns .daumblog:hover { background:url("/portal/common/images/icon_daum.gif") left -24px no-repeat; } .linkLineIn .footsns .kakao { background:url("/portal/common/images/icon_kakao.gif") left top no-repeat; } .linkLineIn .footsns .kakao:hover { background:url("/portal/common/images/icon_kakao.gif") left -24px no-repeat; } .sitemapOut { background:#464646; clear:both; display:none; } .sitemapOut:after { content:""; display:block; clear:both; } .sitemapOut .sitemapIn { max-width:1160px; margin:0 auto; } .sitemapOut .sitemapIn ul { float:left; width:16%; padding:10px 0px 20px 0px;} .sitemapOut .sitemapIn ul div { padding:10px; font-size:14px; color:#8dabc3; } .sitemapOut .sitemapIn ul li { padding:5px 10px 5px 10px;} .sitemapOut .sitemapIn ul li a { color:#cfd1d2; font-size:13px; } /* // linkLine */ /* footer */ .footerOut { background:#464646; } .footerOut .footLine { border-top:1px solid #5c5c5c; } .footerOut .footerIn { max-width:1160px; margin:0 auto; padding:20px 0px; } .footerOut .footerIn:after { content:""; display:block; clear:both; } .footerIn .footerLogo { float:left; width:190px; } .footerIn .copybox { float:left; width:70%; } .footerIn .certi { float:left; } /* copybox */ .footerIn .copybox { margin-left:20px; } .footerIn .copybox .footerLink:after { content:""; display:block; clear:both; } .footerIn .copybox .footerLink ul li { float:left; } .footerIn .copybox .footerLink ul li a { font-size:13px; color:#fff;} .footerIn .copybox .footerLink ul li span { font-size:13px; color:#fff; padding: 0 10px; } .footerIn .copybox .address { font-size:12px; color:#fff; margin-top:10px;} .footerIn .copybox .tel { font-size:12px; color:#fff; margin-top:5px; } .footerIn .copybox .copyright { font-size:12px; color:#fff; margin-top:2px; } .footerIn .certi { float:right; display:none; } .footerIn .certi img { margin-right:20px;} /*************************************************/ /* Desktop Device */ /*************************************************/ @media screen and (min-width:1280px) { }