/* layout.css - JHL */ /*************************************************/ /* default */ /*************************************************/ /* text *****************************************************************************************/ .contentIn .blue { color:#42689c;} .contentIn .red { color:#e74e3f; } .contentIn .linkText { color:#892305; text-decoration:underline; } .contentIn a:hover { color:#892305; text-decoration:underlinntainer e; } .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; } img { max-width:100%; width:inherit; } .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; } .div_bottom{font-size:14px; line-height:26px} .hide { float:left; z-index:1; font-size:0px;} h1 { float:left; z-index:1; font-size:0px;} h2 { float:left; z-index:1; font-size:0px; font-weight:normal;} // 2023.11.03 modify 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;} .access a:focus,.accessibility a:hover,.accessibility a:active{border:1px solid red;} /* 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: #9e8895 !important; background:#2f1e28; font-size:16px; border:1px solid #483942; padding:0 22px; height:42px; line-height:42px; } .btnCategory.btnSelected { color:#ffffff !important; background:#42323b; border:1px solid #938a8f;} 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("/supreme/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.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: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, .contentIn .tableHorV tr td.tit .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("/supreme/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;} .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; margin-bottom:10px;} .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:#892305; margin-top:30px; padding-top:12px; padding-bottom:10px; background:url("/supreme/common/images/titleH2Bg.gif") left top no-repeat;} .titleH3 {display:block; font-size:16px; color:#222222; margin-top:15px; } .titleH21 {display: inline-block;font-size:20px; color:#892305;padding-top:12px;background: url(/supreme/common/images/titleH2Bg.gif) left top repeat-x;} /* 2024.06.24 add */ /* 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("/supreme/common/images/conTextBul.png") left 8px no-repeat; padding:0px 10px 0px 10px; line-height:22px; margin-top:5px; } .conTextProcess { background: #efcbbb;display: inline-block;border-radius: 8px;padding: 7px 15px 5px 15px;text-align: center;line-height: 130%;font-size: 12px;} .conTextArrow { padding: 0 10px;line-height: 40px;font-weight: bold; } .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: #2f1e28; 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; font-size: 12px; } /*2024.06.14 modify */ .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("/supreme/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 .allMenu .sns_m { display:none; } .gnbInner .allMenu .topLink_m { display:none; } /* search */ .search { background: #e4e4e4; position:absolute; left:0px; top:74px; 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; } .search .search_close_m{position: absolute;right: 10px;bottom: 5px;} /* 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; position:relative; } .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:#892305; } .gnbInner .gnbMenu .dep1 > li > a.selDep1 { background:url("/supreme/common/images/menuSelBg.png") center 70px repeat-x; } .gnbInner .gnbMenu .dep1 > li > a.selDep1, .gnbInner .gnbMenu .dep1 > li > a.selDep1:hover { color:#892305; } .gnbInner .gnbMenu .dep1 > li .dep2 { display:none; position:absolute; padding:20px 0px; left:0px; top:74px; height:auto; border:1px solid #cccccc; background:#f2f0ea; z-index:10; } .gnbInner .gnbMenu .dep1 > li.st1 .dep2 { width:1000px; left:-111px; } .gnbInner .gnbMenu .dep1 > li.st1 .dep2 > li { } .gnbInner .gnbMenu .dep1 > li.st2 .dep2 { width:900px; left:-101px; } .gnbInner .gnbMenu .dep1 > li.st2 .dep2 > li { } .gnbInner .gnbMenu .dep1 > li.st3 .dep2 { width:1000px; left:-291px; } /* 2024.09.12 modify */ .gnbInner .gnbMenu .dep1 > li.st3 .dep2 > li { } .gnbInner .gnbMenu .dep1 > li.st4 .dep2 { width:600px; left:-13px; } .gnbInner .gnbMenu .dep1 > li.st4 .dep2 > li { } .gnbInner .gnbMenu .dep1 > li.st5 .dep2 { width:1000px; left:-535px; } .gnbInner .gnbMenu .dep1 > li.st5 .dep2 > li { } .gnbInner .gnbMenu .dep1 > li.st6 .dep2 { width:800px; left:-473px; } .gnbInner .gnbMenu .dep1 > li.st6 .dep2 > li { } .gnbInner .gnbMenu .dep1 .dep2.visDep2 { display:block; } .gnbInner .gnbMenu .dep1 .dep2 .dep1title { display:none; } .gnbInner .gnbMenu .dep1 .dep2 > li { float:left; font-size:16px; color:#15528e; width:190px; padding-left:10px; height:auto; /* background:url("/portal/common/images/menuLine.gif") right top repeat-y; */ } .gnbInner .gnbMenu .dep1 .dep2 > li.last { background:none; border-right:none;} .gnbInner .gnbMenu .dep1 .dep2 > li > a { display:inline-block; padding:10px 10px 10px 10px; font-weight:bold; color:#441932;} .gnbInner .gnbMenu .dep1 .dep2 .dep3 { margin-top:5px; } .gnbInner .gnbMenu .dep1 .dep2 .dep3 li a { display:inline-block; height: 20px; font-size:13px; padding-left: 20px; line-height: 20px; color:#293135; background:url("/supreme/common/images/dep3dot.gif") 10px 8px no-repeat; } .gnbInner .gnbMenu .dep1 .dep2 .dep3 li a:hover { color:#9a2d06; text-decoration:underline; } /* menu allMenu */ .gnbInner .btnMenuAll_m { display:none; } .gnbInner .btnMenuAll_m { display:block; float:right; margin-right:15px; margin-top:200px;} .gnbInner .btnMenuAll_m.menu_close_m { color:#e74e3f; font-size:14px; } .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:16.5%; border-right:1px solid #cccccc; color:#15528e; } .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("/supreme/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("/supreme/common/images/black.png") repeat; z-index:19; } .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("/supreme/common/images/btn_menuAll.gif") left top no-repeat; text-indent:-999px; overflow:hidden; } .menuSubBtn > a.btnMenuAll.menuClose { background:url("/supreme/common/images/btn_menuAll_Close.gif") left top no-repeat; } /* mainImage *******************************************************************************************************/ .mainImageOuter { width: 100%; background:#000000; } .mainImageInner { margin:0 auto; max-width:1160px; background:url("/supreme/common/images/mainImageBg.jpg") repeat-y left top; height:auto; position:relative; overflow:hidden } .mainImageInner .dummy { } .mainImageInner .dummy img { max-width:100%; width:inherit; } .mainImageInner .mainimage img { width: 100%; } .mainImageInner .rollingimg {} .mainImageInner .rollingimg li { position:absolute; left:1px; top:2px;width:100%; background:#000000; padding-left:2px; padding-top:1px;} .mainImageInner .rollingimg li img { max-width:100%; width:99%; } .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("/supreme/common/images/quickMenuBg.png") repeat left top; overflow:hidden} .mainImageInner .quickMenu:after { content:""; display:block; clear:both; } .mainImageInner .anc { position:absolute; max-width:1160px; width:100%; top:220px; margin:0 auto; } .mainImageInner .anc .ancL { position:absolute; left:20px; top:0px; } .mainImageInner .anc .ancR { position:absolute; right:20px; top:0px; } .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("/supreme/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("/supreme/common/images/quick01.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q2 { background:url("/supreme/common/images/quick02.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q3 { background:url("/supreme/common/images/quick03.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q4 { background:url("/supreme/common/images/quick04.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q5 { background:url("/supreme/common/images/quick05.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q6 { background:url("/supreme/common/images/quick06.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q7 { background:url("/supreme/common/images/quick07.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q8 { background:url("/supreme/common/images/quick08.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q9 { background:url("/supreme/common/images/quick09.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q7 { background:url("/supreme/common/images/quick10.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q11 { background:url("/supreme/common/images/quick11.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q12 { background:url("/supreme/common/images/quick12.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q13 { background:url("/supreme/common/images/quick13.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q14 { background:url("/supreme/common/images/quick14.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q15 { background:url("/supreme/common/images/quick15.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q16 { background:url("/supreme/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("/supreme/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("/supreme/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("/supreme/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("/supreme/common/images/quick01.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q2 { background:url("/supreme/common/images/quick02.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q3 { background:url("/supreme/common/images/quick03.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q4 { background:url("/supreme/common/images/quick04.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q5 { background:url("/supreme/common/images/quick05.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q6 { background:url("/supreme/common/images/quick06.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q7 { background:url("/supreme/common/images/quick07.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q8 { background:url("/supreme/common/images/quick08.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q9 { background:url("/supreme/common/images/quick09.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q10 { background:url("/supreme/common/images/quick10.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q11 { background:url("/supreme/common/images/quick11.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q12 { background:url("/supreme/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("/supreme/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("/supreme/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("/supreme/common/images/quick15.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q16 { background:url("/supreme/common/images/quick16.png") no-repeat center 7px; } .quickMenu.open .quickClose { position:absolute; right:0px; top:0px; } /* rolling *************************************************************************************************************/ .rollingimg li .titlearea {position:relative; left:0px; top:-54px; height:54px; padding: 0px 20px; background:#111; filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;} .rollingimg li .titlearea .sub_div {padding-top:20px} .rollingimg li .titlearea span.txt_title {font-size:14px; color:#1bbfc9; font-weight:bold; margin-left:5px;} .rollingimg li .titlearea span.txt_date {font-size:14px; color:#fff;} .rollingNimg {float:right;position:relative; left:0px; top:-34px;padding-right:20px;} li span.txt_title {display:inline-block; width:100%; position:relative; left:0px; top:-54px; height:53px; background:#111; filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9; text-align:left; font-size:14px; color:#1bbfc9; font-weight:bold; line-height:54px; padding-left:20px;} /* newsArea *******************************************************************************************************/ .newsAreaOut { width:100%; background:#eeecec url("/supreme/common/images/newsAreaBg.gif") left top repeat; } .newsArea { max-width:1160px; margin:0 auto; padding-top:20px;position:relative; z-index:18} .newsArea:after { content:""; display:block; clear:both; } .newsArea > div { float:left; width:30%; height:auto; padding:15px 10px; margin-left:20px} .newsArea .news { margin-left:0px; } .newsArea .titleBox { border-bottom:1px solid #c48c79; padding-bottom:10px; margin-bottom:10px } .newsArea .titleBox:after { content:""; display:block; clear:both; } .newsArea .titleBox .boardName { float:left; font-size:20px; color:#e74e3f; max-width:270px; } .newsArea .titleBox .more { float:right; } .newsArea .article {/* margin-top: 30px;*/ } .newsArea .article .top_div { min-height:120px; } .newsArea .article .summary { height:340px; background:#fff; padding:20px 10px; font-size: 14px; color:#484848; line-height:24px; overflow:hidden; border:1px solid #cfcfcf} .newsArea .article .sumImg { text-align:center; } .newsArea .article .summary .title { font-size:16px; font-weight:bold; color:#333; margin: 10px 0px; min-height:45px;} .newsArea .article .redBtn { float:right; display:inline-block; background:#871517; color:#fff; font-size:14px; height:30px; margin-top:10px; padding:0px 25px; line-height:30px; } .newsArea .article .dotLine { width:100%; height:11px; background:url("/portal/common/images/dotLineBg.png") no-repeat right top; margin:10px 0px; } .newsArea .article .date { display:inline-block; float:right; color:#8e8e8e; font-size:13px; } .newsArea .article .first {padding-top:10px;text-align:left; font-size:16px;color:#333;} .newsArea .article2 {} .newsArea .article2 .summary { text-align:left; min-height:120px; background:#fff; padding:10px 10px; font-size: 14px; color:#484848; line-height:24px; overflow:hidden; border:1px solid #cfcfcf; margin-bottom:7px;} .newsArea .article2 .left {position:reletive;width:50%; float:left;padding-top:2%;} .newsArea .article2 .right {position:reletive;width:50%; float:right;padding-top:2%;} .newsArea .article2 li {display:block; text-align:left;} .newsArea .article2 img {width:100%;} .newsArea .article2 .summary .title { font-size:16px; font-weight:bold; color:#333; margin: 10px 0px; min-height:80px;} /* photo_news */ .newsArea .photo_news {margin-bottom:15px} .newsArea .photo_news .article .summary{ height:300px} .newsArea .photo_news { margin-left:0px; } /* actionZone *******************************************************************************************************/ .titleBox { padding-bottom:10px; } .titleBox:after { content:""; display:block; clear:both; } .titleBox .boardName { float:left; font-size:20px; color:#e74e3f; max-width:270px; } .titleBox .more { float:right; } .photo { text-align:center;} .photo img{ max-width:90%;} .photoTitle { font-size:15px; margin-top:10px; padding-bottom:2px;} .photoTitle a { color:#000; } .photoArticle { font-size:13px; color:#646464; margin-top:20px; line-height:18px; height:70px; overflow:hidden; } .movie { padding: 0px 0px 0px 0px; margin-top:10px } .movie .title {margin-top:15px; font-size:16px; text-align:left;} .banner { margin-top:20px; padding:0px; } .banner > div { text-align:left; padding:20px 0px 35px 80px; border-bottom:1px solid #ab8679; margin-top:15px;} .banner .bannerBox1 { background:url("/supreme/common/images/banner1Bg.png") 10px 7px no-repeat; } .banner .bannerBox2 { background:url("/supreme/common/images/banner2Bg.png") 10px 10px no-repeat; } .banner .bannerBox3 { background:url("/supreme/common/images/banner3Bg.png") 10px 10px no-repeat; } .banner .bannerTitle { font-size:18px; padding-bottom:5px; } .banner .bannerTitle a { color:#000; } .banner .bannerCont { font-size:14px; color:#000000; } /* 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("/supreme/common/images/icon_facebook.gif") left top no-repeat; } .linkLineIn .footsns .facebook:hover { background:url("/supreme/common/images/icon_facebook.gif") left -25px no-repeat; } .linkLineIn .footsns .twitter { background:url("/supreme/common/images/icon_twitter.gif") left top no-repeat; } .linkLineIn .footsns .twitter:hover { background:url("/supreme/common/images/icon_twitter.gif") left -25px no-repeat; } .linkLineIn .footsns .youtube { background:url("/supreme/common/images/icon_youtube.gif") left top no-repeat; } .linkLineIn .footsns .youtube:hover { background:url("/supreme/common/images/icon_youtube.gif") left -25px no-repeat; } .linkLineIn .footsns .instagram { background:url("/supreme/common/images/icon_insta.gif") left top no-repeat; } .linkLineIn .footsns .instagram:hover { background:url("/supreme/common/images/icon_insta.gif") left -25px no-repeat; } .linkLineIn .footsns .naverblog { background:url("/supreme/common/images/icon_naver.gif") left top no-repeat; } .linkLineIn .footsns .naverblog:hover { background:url("/supreme/common/images/icon_naver.gif") left -25px no-repeat; } .linkLineIn .footsns .daumblog { background:url("/supreme/common/images/icon_daum.gif") left top no-repeat; } .linkLineIn .footsns .daumblog:hover { background:url("/supreme/common/images/icon_daum.gif") left -25px no-repeat; } .linkLineIn .footsns .kakao { background:url("/supreme/common/images/icon_kakao.gif") left top no-repeat; } .linkLineIn .footsns .kakao:hover { background:url("/supreme/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("/supreme/common/images/link1.png") 20px 8px no-repeat; } .footLink ul li a.link2 { background:url("/supreme/common/images/link2.png") 20px 8px no-repeat; } .footLink ul li a.link3 { background:url("/supreme/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 > li { float:left; width:14%; } .sitemapOut .dep1 > li > a { font-size:16px; color:#d2b09d; } .sitemapOut .dep2 > li { margin-top:20px; } .sitemapOut .dep2 > li > a { font-size:15px; color:#ffffff; } .sitemapOut .dep3 > li { margin:5px 0px;} .sitemapOut .dep3 > li > a { font-size:12px; color:#aaa; } /* // 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;} .linkLineIn .footsns dt{ float:left;padding:15px 5px 0 0;height:25px;color:#fff;} .linkLineIn .footsns dd{ float:left; } /* sub **************************************************************************************************/ /* subContainer */ .subContainerOut { background:#fff; } .subContainer { max-width:1160px; margin:0 auto; background:url("/supreme/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("/supreme/common/images/rightFrameBg.jpg") right top repeat-y; } .subContainer .mainFrame:after { content:""; display:block; clear:both; } /* titleBox */ .titleBox:after { content:""; display:block; clear:both; } .titleBox .conTitle { display:none; float:left; font-size:30px; color:#474747; padding:28px 0px 0px 0px; } .titleBox .navibox { display:inline-block; float:right; } .navibox { float:right; margin-top:20px;} .navibox div { float:left; } .navibox div span { padding-right:10px; } .navibox .home { display:inline-block; font-size:14px; line-height:40px; color:#656565; background:url("/judiciary/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:#3b5998; padding-right:30px; } .navibox .sns > 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("/judiciary/common/images/snsIconOff.png") 5px 6px no-repeat;} .navibox .sns.on > a {background:#0d3151 url("/portal/common/images/snsIconOn.png") 5px 6px no-repeat;} .navibox .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("/judiciary/common/images/printIcon.png") 5px 6px no-repeat; } .snsBox { display:none; } .snsBox.on { display:block; position:absolute; right:85px; top:200px; z-index:10; padding:4px; background:url("/portal/common/images/snsBoxBg.gif") left top repeat; } .snsBox.on .snsBoxIn { background:#fff; padding:15px; } .snsBox.on .snsBoxIn > span { display:inline-block; font-size:14px; color:#0d3151; vertical-align:top; margin:7px 5px 0px 0px;} .snsBox.on .snsBoxIn > a { margin-left:3px; } /* 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("/supreme/common/images/subMenuDot.gif") left 15px no-repeat; padding-left:12px; margin:0 20px; } .subMenu ul li a.selected { text-decoration:underline; color:#9a2d06; } /* 2019.11.18 추가 */ .subMenu dl{padding:15px 0 0 0;} .subMenu dt{text-align:left;font-size:16px;font-weight:bold;} .subMenu dd{text-align:left;} /* 2019.11.22 추가 */ .mem_list{width:100%;position:relative;} .mem_list li{float:left;position:relative;min-width:45%;min-height:205px;margin:0 20px 20px 0;padding:15px;border:1px solid #c7b6a6;} .mem_list li .prof_img{float:left;margin:0 25px 0 0;} .mem_list li .prof_con{float:left;} .mem_list li .name{margin:0 0 7px 0;font-weight:bold;font-size:19px;} .mem_list li dt{font-weight:bold;color:#C60;} /* 2024.06.11 추가 */ .subMenu1 {border: solid 1px #ddd8d3;background: #fbf6f2; padding:20px; margin:10px 0px; min-height:100px; overflow: hidden;} .subMenu1 .dept1 > li { float:left; width:22%; box-sizing: content-box; } .subMenu1 .dept1 > li > a { font-size:16px; font-weight:bold; } .subMenu1 .dept2 > li { margin-top:7px; } .subMenu1 .dept2 > li > a { font-size:14px; background:url("/supreme/common/images/subMenuDot.gif") left 5px no-repeat; padding-left:10px; margin:0 10px;} .subMenu1 .dept2 > li > a.selected { text-decoration:underline; font-weight: bold; } .subMenu2 {padding:10px;border: 1px dashed #ddd8d3;text-align:center; min-height:36px;} .subMenu2 ul { display:inline-block; } .subMenu2 ul:after { content:""; display:block; clear:both; } .subMenu2 ul li { float:left; } .subMenu2 ul li a { display:inline-block;line-height:30px;font-size:14px;background:url("/supreme/common/images/subMenuDot.gif") left 13px no-repeat; padding-left:10px; margin:0 20px;} .subMenu2 ul li a.selected { text-decoration:underline;color:#241b20;font-weight: bold;} /* content */ .subContainer .content { } /* conTitle */ .content .conTitle { margin:0 auto; text-align:center; margin:20px 0px; } .content .conTitle .title {line-height:32px; font-size:24px; color:#241b20; display:inline-block; height:56px; background:url("/supreme/common/images/titleDot.png") left top no-repeat; padding-left: 80px; padding-top:10px; text-align:left; } /* 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("/supreme/common/images/organ_i1.png") left top no-repeat; margin:5px 0px;} .organ_i2 { padding-left:30px; background:url("/supreme/common/images/organ_i2.png") left top no-repeat; margin:5px 0px;} .organ_i3 { padding-left:30px; background:url("/supreme/common/images/organ_i3.png") left top no-repeat; margin:5px 0px;} .organ_i4 { padding-left:30px; background:url("/supreme/common/images/organ_i4.png") left top no-repeat; margin:5px 0px;} .organ_i5 { padding-left:30px; background:url("/supreme/common/images/organ_i5.png") left top no-repeat; margin:5px 0px;} /* u≫?³≫ */ .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 {} .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:13px 5px; 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:20px; } .contentIn .tableHorV tr td.tit a:hover, .content .boardList tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; } .contentIn .tableHorV 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;} .contentIn .tableVer td.attTxt a { color:#e84c3d; text-decoration:underline; } .contentIn .tableVer td.contArea { line-height: 24px; } .contentIn .tableVer td.t_prev { background:#f3f3f3 url("/supreme/common/images/t_prev.gif") right center no-repeat; padding-right:40px; width:22%; } .contentIn .tableVer td.t_next { background:#f3f3f3 url("/supreme/common/images/t_next.gif") right center no-repeat; padding-right:40px; width:22%; } .contentIn .tableVer th.t_prev { background:#f3f3f3 url("/supreme/common/images/t_prev.gif") right center no-repeat; padding-right:40px; width:22%; } .contentIn .tableVer th.t_next { background:#f3f3f3 url("/supreme/common/images/t_next.gif") right center no-repeat; padding-right:40px; width:22%; } .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:bold; } .contentIn .tableVer tr td span { padding: 0px 5px; } .contentIn .tableVer .contArea #movieBox .object1 { float:left; width:100%; min-height:320px; position:relative;} .contentIn .tableVer .contArea #movieBox .object2 { float:left; width:100%; padding-bottom:56.25%; position:relative;} .contentIn .tableVer .contArea #movieBox .summary { float:right; } .contentIn .tableVer .contArea #movieBox .movietextBox { clear:both; } /* viewBox */ .contentIn .viewBox { border:1px solid #d1d4da; border-top:3px solid #535353; margin-top:20px; } .contentIn .viewBox .titleBox { background:url("/supreme/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("/supreme/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("/supreme/common/images/iconCal.png") left top no-repeat; font-size:14px; color:#6b7174; padding-left: 20px; } .contentIn .viewBox .titleBox .subTitle .writer { background:url("/supreme/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:19%; 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%; max-height:130px } .contentIn .photo ul li .title { display:block; font-size:14px; color:#222222; margin-top:5px; height:20px; overflow:hidden; } .contentIn .photo ul li .date { font-size:12px; color:#6b7174; height:20px; overflow:hidden;} /* 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("/supreme/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("/supreme/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("/supreme/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("/supreme/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("/supreme/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("/supreme/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:0; border:1px solid #bdbdbd; background:url("/supreme/common/images/plistNext2.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.next { padding:0; border:1px solid #bdbdbd; background:url("/supreme/common/images/plistNext.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.prev { padding:0; border:1px solid #bdbdbd; background:url("/supreme/common/images/plistPrev2.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.prev2 { padding:0; border:1px solid #bdbdbd; background:url("/supreme/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 { border:1px solid #bdbdbd; margin-top:10px; } .contentIn .map:after { display:block; content:""; clear:both; } .contentIn .map div.mapView { float:left; } .contentIn .map .mapView { width:439px; height:458px; position:relative; background:url("/supreme/common/images/map_bg.jpg") left top no-repeat;} .contentIn .map .mapView ul li { position:absolute; } .contentIn .map .mapView ul li a { display:block; width:36px; height:19px; overflow:hidden; text-indent:-999px;} .contentIn .map .mapView li.Uijeongbu {left:147px; top:62px; background:url("/supreme/common/images/icon_notiDisclose_Uijeongbu_off.png") left top no-repeat;} .contentIn .map .mapView li.Uijeongbu:hover {background:url("/supreme/common/images/icon_notiDisclose_Uijeongbu_on.png") left top no-repeat;} .contentIn .map .mapView li.Incheon {left:98px; top:91px; background:url("/supreme/common/images/icon_notiDisclose_Incheon_off.png") left top no-repeat;} .contentIn .map .mapView li.Incheon:hover {background:url("/supreme/common/images/icon_notiDisclose_Incheon_on.png") left top no-repeat;} .contentIn .map .mapView li.Seoul {left:165px; top:96px; background:url("/supreme/common/images/icon_notiDisclose_Seoul_off.png") left top no-repeat;} .contentIn .map .mapView li.Seoul:hover {background:url("/supreme/common/images/icon_notiDisclose_Seoul_on.png") left top no-repeat;} .contentIn .map .mapView li.Chuncheon {left:212px; top:75px; background:url("/supreme/common/images/icon_notiDisclose_Chuncheon_off.png") left top no-repeat;} .contentIn .map .mapView li.Chuncheon:hover {background:url("/supreme/common/images/icon_notiDisclose_Chuncheon_on.png") left top no-repeat;} .contentIn .map .mapView li.Suwon {left:157px; top:126px; background:url("/supreme/common/images/icon_notiDisclose_Suwon_off.png") left top no-repeat;} .contentIn .map .mapView li.Suwon:hover {background:url("/supreme/common/images/icon_notiDisclose_Suwon_on.png") left top no-repeat;} .contentIn .map .mapView li.Daejeon {left:153px; top:194px; background:url("/supreme/common/images/icon_notiDisclose_Daejeon_off.png") left top no-repeat;} .contentIn .map .mapView li.Daejeon:hover {background:url("/supreme/common/images/icon_notiDisclose_Daejeon_on.png") left top no-repeat;} .contentIn .map .mapView li.Cheongju {left:208px; top:180px; background:url("/supreme/common/images/icon_notiDisclose_Cheongju_off.png") left top no-repeat;} .contentIn .map .mapView li.Cheongju:hover {background:url("/supreme/common/images/icon_notiDisclose_Cheongju_on.png") left top no-repeat;} .contentIn .map .mapView li.Jeonju {left:159px; top:243px; background:url("/supreme/common/images/icon_notiDisclose_Jeonju_off.png") left top no-repeat;} .contentIn .map .mapView li.Jeonju:hover {background:url("/supreme/common/images/icon_notiDisclose_Jeonju_on.png") left top no-repeat;} .contentIn .map .mapView li.Changwon {left:229px; top:264px; background:url("/supreme/common/images/icon_notiDisclose_Changwon_off.png") left top no-repeat;} .contentIn .map .mapView li.Changwon:hover {background:url("/supreme/common/images/icon_notiDisclose_Changwon_on.png") left top no-repeat;} .contentIn .map .mapView li.Daegu {left:260px; top:221px; background:url("/supreme/common/images/icon_notiDisclose_Daegu_off.png") left top no-repeat;} .contentIn .map .mapView li.Daegu:hover {background:url("/supreme/common/images/icon_notiDisclose_Daegu_on.png") left top no-repeat;} .contentIn .map .mapView li.Gwangju {left:148px; top:299px; background:url("/supreme/common/images/icon_notiDisclose_Gwangju_off.png") left top no-repeat;} .contentIn .map .mapView li.Gwangju:hover {background:url("/supreme/common/images/icon_notiDisclose_Gwangju_on.png") left top no-repeat;} .contentIn .map .mapView li.Pusan {left:273px; top:297px; background:url("/supreme/common/images/icon_notiDisclose_Pusan_off.png") left top no-repeat;} .contentIn .map .mapView li.Pusan:hover {background:url("/supreme/common/images/icon_notiDisclose_Pusan_on.png") left top no-repeat;} .contentIn .map .mapView li.Ulsan {left:304px; top:255px; background:url("/supreme/common/images/icon_notiDisclose_Ulsan_off.png") left top no-repeat;} .contentIn .map .mapView li.Ulsan:hover {background:url("/supreme/common/images/icon_notiDisclose_Ulsan_on.png") left top no-repeat;} .contentIn .map .mapView li.Jaeju {left:147px; top:400px; background:url("/supreme/common/images/icon_notiDisclose_Jaeju_off.png") left top no-repeat;} .contentIn .map .mapView li.Jaeju:hover {background:url("/supreme/common/images/icon_notiDisclose_Jaeju_on.png") left top no-repeat;} .contentIn .map div.listView { float:right; width:38%; border-left:1px solid #bdbdbd;} .contentIn .map .listView .mapTitle { background:#e1e1e1; font-size:18px; color:#333; text-align:center; padding:10px; } .contentIn .map .listView ul { overflow-y:scroll; height:421px; background:#e1e1e1; } .contentIn .map .listView ul li { float:none; border-bottom:1px solid #bdbdbd; padding-left:10px; background:#fff;} .contentIn .map .listView ul li a { display:block; padding:10px 5px; font-size:14px; } /* 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("/supreme/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("/supreme/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:0 auto; } .proceeding:after { content:""; display:block; clear:both; } .proceeding li { display:inline-block; border:1px solid #c7b6a6; padding:5px; margin:0 4% 40px 3%; height:165px; width:120px; text-align:center; } .proceeding li img { width:108px;} .proceeding li .name { text-align:center; } .proceeding li .name a { font-size:12px; 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:60px; border-bottom:1px solid #9f9c9b; } .contentIn .layerHeader > img { margin-top:7px; margin-left:20px; max-width:120px; max-height:42px;} .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; font-size:12px; } .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:50%; } .contentIn .contArea .summary { display:inline-block; overflow-y:scroll; width:43%; height:298px; margin-left:20px; border:1px solid #cccccc; padding:10px; } .contentIn .contArea .movietextBox { margin-top:20px; } /* //subContainer */ /* // sub **************************************************************************************************/ .layerCon .photo { max-width:100%; width:inherit; height:inherit;} .contentIn img { max-width:100%; width:inherit; height:inherit;} .contentIn { max-width:100%; width:inherit; height:inherit;} /* //20180704 mainImage */ .mainImageOuterInArea{overflow:hidden;margin:0 auto;max-width:1160px;} .mainImageOuterInImg{float:left;width:67%;} .mainImageOuterInBoard{float:right;width:30%;padding:35px 10px 0 0;} .mainImageOuterInBoardArea{max-width:335px;} .mainImageOuterInBoardArea .titleBox{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #808080;} .mainImageOuterInBoardArea .titleBox .boardName{font-size:22px; color:#fff;} .mainImageOuterInBoardArea .titleBox .more a{display:inline-block;width:20px;height:20px;background: url("/supreme/common/images/btn_more3.png") no-repeat center center;} .mainImageOuterInBoardArea .titleBox .more a div{display:none;line-height:20px;} /* tabSec */ .mainJpInfo { font-size:12px; color:#c9c9c9; line-height:20px; } .mainJpInfo:after { content:""; display:block; clear:both; } .mainJpInfo .tabSec .tabTitle:after{ content:""; display:block; clear:both; } .mainJpInfo .tabSec .tabTitle li{float:left;width:33%;cursor:pointer;padding:12px 0 15px 0;font-size:14px; border-top:3px solid #eceae7;background:#eceae7;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;color:#3c3c3c;text-align:center;} .mainJpInfo .tabSec .tabTitle li.active{border-top:3px solid #e74e3f;background:#fff;border-bottom:1px solid #fff;color:#a2452c;} .mainJpInfo .tabSec .tabContents{padding:25px 20px 0 15px;height:275px;background:#fff;} .mainJpInfo .tabSec .tabContents .tabContent{display:none;} .mainJpInfo .tabSec .tabContents .tabContent.active{display:block;} .mainJpInfo_table{margin:0 auto;width:100%;color:#484848;font-size:14px;} .mainJpInfo_table td{padding:7px 10px 7px 0;white-space:nowrap;} .mainJpInfo_table td.eventno span{display:inline-block;width:95px;overflow:hidden;text-overflow:ellipsis;} .mainJpInfo_table td.eventname{padding:7px 0;} .mainJpInfo_table td.eventname span{display:inline-block;width:95px;overflow:hidden;text-overflow:ellipsis;} .mainJpInfo_table td a{color:#484848;} /*************************************************/ /* Mobile Device */ /*************************************************/ @media screen and (min-width:600px) and (max-width: 767px) { /* rolling *************************************************************************************************************/ .rollingimg li .titlearea {position:relative; left:0px; top:-44px; height:44px; padding: 0px 20px; background:#111; filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;} .rollingimg li .titlearea .sub_div {padding-top:20px} .rollingimg li .titlearea span.txt_title {font-size:14px; color:#1bbfc9; font-weight:bold; margin-left:5px;} .rollingimg li .titlearea span.txt_date {font-size:14px; color:#fff;} .rollingimg li .titlearea .sub_div {padding-top:16px} .rollingNimg {float:right;position:relative; left:0px; top:-34px;padding-right:20px;} } @media screen and (min-width:1px) and (max-width: 600px) { /* rolling *************************************************************************************************************/ .rollingimg li .titlearea {z-index:19;overflow:hidden;line-height:23px;position:relative; left:0px; top:0px; height:36px; padding: 0px; padding-left:10px; background:#111; filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;} .rollingimg li .titlearea .sub_div {padding-top:10px} .rollingimg li .titlearea span.txt_title {font-size:12px; color:#1bbfc9; font-weight:bold; margin-left:5px;} .rollingimg li .titlearea span.txt_date {display:none} .rollingNimg {float:right;position:relative; left:0px; top:-34px;padding-right:20px;} .newsArea .news{margin-top:30px} } @media screen and (min-width:1px) and (max-width: 767px) { .top_btn {display:block} .contentIn .thid { display:none; } .contentIn .mhid { display:none; } .summary .mhid { display:none; } .rollingimg .mhid { display:none; } .anc { display:none; } .contentIn .result { display:none; } .contentIn .m_wid140 { width:140px; } .contentIn .m_wid100 { width:100px; } .contentIn .m_wid60 { width:60px; } .titleBox .navibox .print { display:none; } .titleBox .navibox .sns { display:none; } .gnbInner .allMenu .sns_m { display:none; } img { max-width:100%; width:inherit; } /* photo_news */ .newsArea .photo_news .article .summary {height:auto;} .newsArea .photo_news .article .summary .photo img{ max-height:200px !important} .newsArea .photo_news {margin-bottom:0px } /* top *******************************************************************************************************/ .topOuter { background: #2f1e28; 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: #9e8895 !important; background:#2f1e28; font-size:16px; border:1px solid #483942; padding:0 3px; height:42px; line-height:42px; } .btnCategory.btnSelected { color:#ffffff !important; background:#42323b; border:1px solid #938a8f;} .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; } /* conTitle */ .content .conTitle { margin:0 auto; text-align:center; margin:40px 0px; } .content .conTitle .title {line-height:32px; font-size:24px; color:#241b20; display:inline-block; height:56px; background:url("/supreme/common/images/titleDot.png") left top no-repeat; padding-left: 70px; padding-top:10px; text-align:left; } /* gnbOuter */ .gnbOuter { width:100%; background: url("/supreme/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 .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; } /* 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; } /* 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("/supreme/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("/supreme/common/images/menuPlus.png") right 15px no-repeat; } .gnbInner .allMenu .dep2 .mMinus { background:url("/supreme/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("/supreme/common/images/black.png") repeat; z-index:19; } /* mainImage *******************************************************************************************************/ .mainImageOuter { width: 100%;background:url("/supreme/common/images/newsAreaBg.gif") repeat left top;} .mainImageInner { margin:0 auto; max-width:1160px; background:url("/supreme/common/images/mainImageBg.jpg") repeat-y left top; height:auto; position:relative; } .mainImageInner .dummy { } .mainImageInner .dummy img { max-width:100%; width:inherit; } .mainImageInner .rollingimg {width:100%;height:35px;background:#eeecec url("/supreme/common/images/newsAreaBg.gif") left top repeat; } .mainImageInner .rollingimg li { max-width:100%; } #mbnr-zone .bnr-head .controller a.btn-prev, #mbnr-zone .bnr-head .controller a.btn-next { display:none; } /* quick close */ .mainImageInner .quickMenu.close { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:40px; background:url("/supreme/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("/supreme/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("/supreme/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("/supreme/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:96%; 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("/supreme/common/images/newsAreaBg.gif") left top repeat; } .newsArea { max-width:1160px; margin:0 auto; padding-top:0px ;} .newsArea:after { content:""; display:block; clear:both; } .newsArea > div { float:left; width:94%; height:auto; margin-left:0px; padding:15px 3%; } .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; min-height:auto;} .newsArea .article .summary {position:relative; height:170px; background:#fff; margin-top:20px; padding:10px 10px; font-size: 16px; color:#484848; line-height:28px; overflow:hidden; height:auto;} .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; } .newsArea .article li{font-size:13px;} /* actionZone *******************************************************************************************************/ .titleBox { padding-bottom:10px; } .titleBox:after { content:""; display:block; clear:both; } .titleBox .boardName { float:left; font-size:20px; color:#e74e3f; max-width:270px; } .titleBox .more { float:right; } .movie { /*padding: 60px 0px 0px 5px;*/ text-align:center; } .sanggoBanner { margin-top:32px; padding:0px 0px 0px 10px; 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;} .banner { margin-top:31px; padding-top:0px !important ; margin-top:0px !important } .banner > div { text-align:left; padding:20px 0px 20px 80px; border-bottom:1px solid #ab8679; margin-top:15px;} .banner .bannerBox1 { background:url("/supreme/common/images/banner1Bg.png") 10px 7px no-repeat; } .banner .bannerBox2 { background:url("/supreme/common/images/banner2Bg.png") 10px 10px no-repeat; } .banner .bannerBox3 { background:url("/supreme/common/images/banner3Bg.png") 10px 10px no-repeat; } .banner .bannerTitle { font-size:18px; padding-bottom:5px; } .banner .bannerTitle a { color:#000; } .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 0px 35px 10px; margin-left:5%; } .board .newsletter { padding:0px; } .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; padding:0px; } /* 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; } /* titleBox */ .titleBox:after { content:""; display:block; clear:both; } .titleBox .conTitle { display:none; float:left; font-size:30px; color:#474747; padding:10px 0px 10px 0px; } /* 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:100%; } .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; } /* 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("/supreme/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("/supreme/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("/supreme/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("/supreme/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("/supreme/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:block; border:1px solid #d1d4da; width:100%; padding:4px; margin:15px 2px; text-align:left;} .contentIn .photo ul li:after { content:""; display:block; clear:both; } .contentIn .photo ul li .photoImg { float:left; text-align:left; padding-bottom:3px; width:20%; margin-right:6px;} .contentIn .photo ul li .photoImg img { max-height:70px} .contentIn .photo ul li .title { float:left; display:block; width:70%; font-size:14px; color:#222222; margin-top:5px; } .contentIn .photo ul li .date { float:left; display:block; width:70%; 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:0; border:1px solid #bdbdbd; background:url("/supreme/common/images/plistNext2.gif") 6px 7px no-repeat; width:20px; height:20px;} .contentIn .pagelist a.next { padding:0; border:1px solid #bdbdbd; background:url("/supreme/common/images/plistNext.gif") 6px 7px no-repeat; width:20px; height:20px;} .contentIn .pagelist a.prev { padding:0; border:1px solid #bdbdbd; background:url("/supreme/common/images/plistPrev2.gif") 6px 7px no-repeat; width:20px; height:20px;} .contentIn .pagelist a.prev2 { padding:0; border:1px solid #bdbdbd; background:url("/supreme/common/images/plistPrev.gif") 6px 7px no-repeat; width:20px; height:20px;} .contentIn .pagelist a { display:inline-block; padding:0 7px; height:20px; line-height:22px; 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("/supreme/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 .mapView { width:340px; height:458px; position:relative; background:url("/supreme/common/images/map_bg.jpg") left top no-repeat;} .contentIn .map div.listView { clear:both; width:100%; border-left:none; border-top:1px solid #bdbdbd;} /* 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("/supreme/common/images/icon_facebook.gif") left top no-repeat; } .linkLineIn .footsns .facebook:hover { background:url("/supreme/common/images/icon_facebook.gif") left -24px no-repeat; } .linkLineIn .footsns .twitter { background:url("/supreme/common/images/icon_twitter.gif") left top no-repeat; } .linkLineIn .footsns .twitter:hover { background:url("/supreme/common/images/icon_twitter.gif") left -24px no-repeat; } .linkLineIn .footsns .youtube { background:url("/supreme/common/images/icon_youtube.gif") left top no-repeat; } .linkLineIn .footsns .youtube:hover { background:url("/supreme/common/images/icon_youtube.gif") left -24px no-repeat; } .linkLineIn .footsns .instagram { background:url("/supreme/common/images/icon_insta.gif") left top no-repeat; } .linkLineIn .footsns .instagram:hover { background:url("/supreme/common/images/icon_insta.gif") left -24px no-repeat; } .linkLineIn .footsns .naverblog { background:url("/supreme/common/images/icon_naver.gif") left top no-repeat; } .linkLineIn .footsns .naverblog:hover { background:url("/supreme/common/images/icon_naver.gif") left -24px no-repeat; } .linkLineIn .footsns .daumblog { background:url("/supreme/common/images/icon_daum.gif") left top no-repeat; } .linkLineIn .footsns .daumblog:hover { background:url("/supreme/common/images/icon_daum.gif") left -24px no-repeat; } .linkLineIn .footsns .kakao { background:url("/supreme/common/images/icon_kakao.gif") left top no-repeat; } .linkLineIn .footsns .kakao:hover { background:url("/supreme/common/images/icon_kakao.gif") left -24px no-repeat; } .footLink ul { 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 .linkLineOut { display:none; } .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;} /* //20180704 mainImage */ .mainImageOuterInArea{overflow:hidden;margin:0 auto;max-width:1160px;} .mainImageOuterInImg{float:left;width:100%;} .mainImageOuterInBoard{float:left;width:94%;padding:35px 3% 0 3%;} .mainImageOuterInBoardArea{max-width:100%;} .mainImageOuterInBoardArea .titleBox{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #c48c79;} .mainImageOuterInBoardArea .titleBox .boardName{font-size:22px; color:#e74e3f;} .mainImageOuterInBoardArea .titleBox .more a{display:inline-block;width:20px;height:20px;background: url("/supreme/common/images/btn_more.png") no-repeat center center;} .mainImageOuterInBoardArea .titleBox .more a div{display:none;line-height:20px;} /* tabSec */ .mainJpInfo .mhid { display:none; } .mainJpInfo { font-size:12px; color:#c9c9c9; line-height:20px; border:1px solid #cfcfcf;} .mainJpInfo:after { content:""; display:block; clear:both; } .mainJpInfo .tabSec .tabTitle:after{ content:""; display:block; clear:both; } .mainJpInfo .tabSec .tabTitle li{float:left;width:33%;cursor:pointer;padding:12px 0 15px 0;font-size:14px;border-top:3px solid #eceae7;background:#eceae7;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;color:#3c3c3c;text-align:center;} .mainJpInfo .tabSec .tabTitle li:last-child{border-right:1px solid #eceae7;} .mainJpInfo .tabSec .tabTitle li.active{border-top:3px solid #e74e3f;background:#fff;border-bottom:1px solid #fff;color:#a2452c;} .mainJpInfo .tabSec .tabContents{padding:25px 15px 0 15px;height:275px;background:#fff;} .mainJpInfo .tabSec .tabContents .tabContent{display:none;} .mainJpInfo .tabSec .tabContents .tabContent.active{display:block;} .mainJpInfo_table{margin:0 auto;width:100%;color:#484848;font-size:14px;} .mainJpInfo_table td{padding:7px 10px 7px 0;white-space:nowrap;} .mainJpInfo_table td.eventname{padding:7px 0;} .mainJpInfo_table td.eventname span{display:inline-block;width:120px;overflow:hidden;text-overflow:ellipsis;} .mainJpInfo_table td a{color:#484848;} li span.txt_title {top:0;} } /*************************************************/ /* Tablet Device */ /*************************************************/ @media screen and (min-width:768px) and (max-width:1023px) { .top_btn {display:block} .div_bottom{font-size:16px; line-height:26px; padding-top:10px;} /* 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:19%; 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%; max-height:100px } .contentIn .photo ul li .title { display:block; font-size:14px; color:#222222; margin-top:5px; height:20px; overflow:hidden; } .contentIn .photo ul li .date { font-size:12px; color:#6b7174; height:20px; overflow:hidden;} .contentIn .thid { display:none; } /* top *******************************************************************************************************/ .topOuter { background: #2f1e28; 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("/supreme/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:block; 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("/supreme/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("/supreme/common/images/menuPlus.png") right 15px no-repeat; } .gnbInner .allMenu .dep2 .mMinus { background:url("/supreme/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("/supreme/common/images/black.png") repeat; z-index:19; } /* mainImage *******************************************************************************************************/ .mainImageOuter { width: 100%;background:url("/supreme/common/images/newsAreaBg.gif") repeat left top;} .mainImageInner { margin:0 auto; max-width:1160px; background:url("/supreme/common/images/mainImageBg.jpg") repeat-y left top; height:auto; position:relative; } .mainImageInner .dummy { } .mainImageInner .dummy img { max-width:100%; width:inherit; } .mainImageInner .rollingimg {width:100% } .mainImageInner .rollingimg li { max-width:100%; } #mbnr-zone .bnr-head .controller a.btn-prev, #mbnr-zone .bnr-head .controller a.btn-next { display:none; } /* quick close */ .mainImageInner .quickMenu.close { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:40px; background:url("/supreme/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("/supreme/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("/supreme/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("/supreme/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("/supreme/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:44%; height:auto; margin-left:0px; padding:15px 3%; } .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:210px; background:#fff; margin-top:20px; padding:20px 10px; font-size: 16px; color:#484848; line-height:28px; overflow:hidden; border:1px solid #cfcfcf; height:380px !important} .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:25px; } .newsArea .article .dotLine { margin:2px 0px; } .newsArea .article .top_div {min-height:172px} .newsArea .article li{font-size:14px;} /* photo_news */ .newsArea .photo_news { margin-bottom:0px; } /* actionZone *******************************************************************************************************/ .movie { /*padding: 60px 0px 0px 20px;*/ text-align:center; } .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;} .banner { margin-top:31px; padding:10px; } .banner > div { text-align:left; padding:20px 0px 20px 80px; border-bottom:1px solid #ab8679; margin-top:15px;} .banner .bannerBox1 { background:url("/supreme/common/images/banner1Bg.png") 10px 7px no-repeat; } .banner .bannerBox2 { background:url("/supreme/common/images/banner2Bg.png") 10px 10px no-repeat; } .banner .bannerBox3 { background:url("/supreme/common/images/banner3Bg.png") 10px 10px no-repeat; } .banner .bannerTitle { font-size:18px; padding-bottom:5px; } .banner .bannerTitle a { color:#000; } .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:100%; } .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; } /* pagelist */ .contentIn .pagelist { width:100%; text-align:center; margin-top:30px; } .contentIn .pagelist a.next2 { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext2.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.next { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.prev { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistPrev2.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.prev2 { padding:0px; border:1px solid #bdbdbd; background:url("/portal/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;} /* 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:24px; overflow:hidden;} .linkLineIn .footsns .facebook { background:url("/supreme/common/images/icon_facebook.gif") left top no-repeat; } .linkLineIn .footsns .facebook:hover { background:url("/supreme/common/images/icon_facebook.gif") left -24px no-repeat; } .linkLineIn .footsns .twitter { background:url("/supreme/common/images/icon_twitter.gif") left top no-repeat; } .linkLineIn .footsns .twitter:hover { background:url("/supreme/common/images/icon_twitter.gif") left -24px no-repeat; } .linkLineIn .footsns .youtube { background:url("/supreme/common/images/icon_youtube.gif") left top no-repeat; } .linkLineIn .footsns .youtube:hover { background:url("/supreme/common/images/icon_youtube.gif") left -24px no-repeat; } .linkLineIn .footsns .instagram { background:url("/supreme/common/images/icon_insta.gif") left top no-repeat; } .linkLineIn .footsns .instagram:hover { background:url("/supreme/common/images/icon_insta.gif") left -24px no-repeat; } .linkLineIn .footsns .naverblog { background:url("/supreme/common/images/icon_naver.gif") left top no-repeat; } .linkLineIn .footsns .naverblog:hover { background:url("/supreme/common/images/icon_naver.gif") left -24px no-repeat; } .linkLineIn .footsns .daumblog { background:url("/supreme/common/images/icon_daum.gif") left top no-repeat; } .linkLineIn .footsns .daumblog:hover { background:url("/supreme/common/images/icon_daum.gif") left -24px no-repeat; } .linkLineIn .footsns .kakao { background:url("/supreme/common/images/icon_kakao.gif") left top no-repeat; } .linkLineIn .footsns .kakao:hover { background:url("/supreme/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;} /* //20180704 mainImage */ .mainImageOuterInArea{overflow:hidden;margin:0 auto;max-width:1160px;} .mainImageOuterInImg{float:left;width:100%;} .mainImageOuterInBoard{float:left;width:94%;padding:35px 3% 0 3%;} .mainImageOuterInBoardArea{max-width:100%;} .mainImageOuterInBoardArea .titleBox{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #c48c79;} .mainImageOuterInBoardArea .titleBox .boardName{font-size:22px; color:#e74e3f;} .mainImageOuterInBoardArea .titleBox .more a{display:inline-block;width:20px;height:20px;background: url("/supreme/common/images/btn_more.png") no-repeat center center;} .mainImageOuterInBoardArea .titleBox .more a div{display:none;line-height:20px;} /* tabSec */ .mainJpInfo { font-size:12px; color:#c9c9c9; line-height:20px; border:1px solid #cfcfcf;} .mainJpInfo:after { content:""; display:block; clear:both; } .mainJpInfo .tabSec{background:#eceae7;} .mainJpInfo .tabSec .tabTitle:after{ content:""; display:block; clear:both; } .mainJpInfo .tabSec .tabTitle li{float:left;width:33%;cursor:pointer;padding:12px 0 15px 0;font-size:14px;border-top:3px solid #eceae7;background:#eceae7;border-right:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9;color:#3c3c3c;text-align:center;} .mainJpInfo .tabSec .tabTitle li:last-child{border-right:1px solid #eceae7;} .mainJpInfo .tabSec .tabTitle li.active{border-top:3px solid #e74e3f;background:#fff;border-bottom:1px solid #fff;color:#a2452c;} .mainJpInfo .tabSec .tabContents{padding:25px 20px 0 20px;height:275px;background:#fff;} .mainJpInfo .tabSec .tabContents .tabContent{display:none;} .mainJpInfo .tabSec .tabContents .tabContent.active{display:block;} .mainJpInfo_table{margin:0 auto;width:100%;color:#484848;font-size:14px;} .mainJpInfo_table td{padding:7px 10px 7px 0;white-space:nowrap;} .mainJpInfo_table td.eventname{padding:7px 0;} .mainJpInfo_table td.eventname span{display:inline-block;width:320px;overflow:hidden;text-overflow:ellipsis;} .mainJpInfo_table td a{color:#484848;} li span.txt_title {top:0;} /*************************************************/ /* Desktop Device */ /*************************************************/ @media screen and (min-width:1280px) { }