@charset "utf-8";

@import url('reset.css');
@import url('common.css');

.mainCntBody {overflow:visible !important; padding:0; min-height:300px;}
.mCntTop {position:relative; padding-left:128px;}
.mCntTop .quickLink {position:absolute; left:0px; top:0px; width:128px;}
.rollingWrap {overflow:hidden; position:relative; height:auto;padding-bottom:22px;}
.rollingWrap .smc-viewport{height:100%;}
.rollingWrap .slides{height:100%;}
.rollingWrap .slides li {height:100%; position:relative; background-color: black;}
.rollingWrap .slides li .overImg {position:absolute; left:0px; top:0px;}

.mQuickBan {margin:0 auto;}
.mQuickBan li {float:left; width:25%;}
.mQuickBan li a {display:block;}
.mQuickBan li a img {width:100%}

.photoListA li {position:relative; border-bottom:2px solid #ddd;}
.photoListA li a {display:block; padding:10px 5px 10px 100px; min-height:62px; }
.photoListA li .thumb {position:absolute; left:5px; top:10px;}
.photoListA li .thumb img {border:1px solid #ddd;}
.photoListA li .sbj {display:block; font-weight:bold; font-size:16px;}
.photoListA li .info {display:block; margin-top:5px; font-size:13px; color:#909090}
.photoListA li .ctBox {display:block; font-size:13px; color:#909090}
.photoListA li .info em {color:#4585a7;}
.photoListA li .cntBox {display:block;}

.newsListA li {padding:10px 10px; border-bottom:1px solid #ddd;}
.newsListA li .date {display:block; margin-bottom:7px; color:#5c5c5c;}
.newsListA li a {display:block; font-size:16px;}
.newsListA li * {vertical-align:middle;;}
.newsListA li .stateWrap, .newsListA li .period {display:block; margin-top:5px;}
.newsListA li .stateWrap em {float:left; padding-left:6px; margin-right:6px; color:#2b4dbb; background:url(/images/mobile/common/ln01.gif) 0 1px no-repeat;}
.newsListA li .stateWrap em:first-child {background:none; padding-left:0;}
.newsListA li .stateWrap .return {color:#f36f20}

.newsViewA {padding:20px 0; margin:20px 0; border-bottom:1px solid #cfcfcf;}
.newsViewA dt {padding-bottom:10px; font-size:16px; font-weight:bold;}
.newsViewA .date {padding:10px; border-top:2px solid #aeaeae; border-bottom:1px solid #cfcfcf; text-align:right;}
.newsViewA .cntBody {padding:10px; line-height:1.6;}

.subCntBody {overflow:visible !important; padding:0; min-height:300px;}

.subViewTit {height:38px; line-height:38px; background:#f7f7f7; font-size:14px; text-align:center; border-bottom:1px solid #d8d8d8;}
.listViewTop {position:relative; padding:20px 5px 20px 129px; min-height:100px; color:#666}
.mediaInTop {padding:20px 5px 20px 109px; margin-bottom:20px; min-height:100px; color:#666; border-bottom:2px solid #ddd;}
.listViewTop .viewThumb {position:absolute; left:10px; top:20px;}
.listViewTop .viewThumb img {border:1px solid #ddd; border-radius:5px;}
.listViewTop .title {color:#333; font-weight:bold; font-size:16px;}
.listViewTop .alert {color:#4585a7}
.listViewTop ul li {margin-top:3px;}
.listViewTop ul li:first-child {margin-top:0;}
.listViewTop ul li em {color:#a05306}
.mediaInTop li a {color:#666}
.editorShow {padding-bottom:20px; margin-bottom:20px; border-bottom:2px solid #ddd;}


.logoArea {padding:30px 0 20px; text-align:center;}
.loginWrap {position:relative; padding:10px 85px 10px 10px; border:2px solid #ddd; border-radius:5px}
.loginWrap .btnLogin {position:absolute; right:10px; top:18px; width:68px; height:65px; border:1px solid #016b6b; padding:0; margin:0; color:#fff !important; background:#c6168d !important; text-shadow: 0 1px 0 #545455 !important; border-color:#a1006d !important;}
.loginWrap .ui-controlgroup-controls  {width:100%;}
.loginWrap .ui-checkbox {width:50%; text-align:center !important;}
.loginWrap .ui-checkbox label {text-align:center !important;}

.lpBody {padding:1em;}

.viewList {padding:10px; background:#f7f7f7; border-bottom:2px solid #d8d8d8;}
.viewList dt {margin-bottom:15px;}
.viewList .infoWrap {margin-bottom:10px;}
.viewList .infoWrap .author {float:left; color:#757575;}
.viewList .infoWrap .count {float:right; color:#333;}
.viewList .infoWrap .count .read {display:inline-block; padding-left:20px; margin-right:15px; background:url(/images/mobile/common/ico_read.gif) 0 center no-repeat; background-size:16px 11px;}
.viewList .infoWrap .count .fav {display:inline-block; padding-left:20px; background:url(/images/mobile/common/ico_fav.gif) 0 center no-repeat; background-size:15px 13px;}
.viewList .icoAlert {display:inline-block; margin-top:5px; padding-left:20px; background:url(/images/mobile/common/ico_alert.gif) 0 center no-repeat; background-size:16px 14px;}
.viewList .expArea {margin-top:10px;}

.replyList {padding:10px;}
.replyList dt {padding-bottom:5px; font-size:16px; color:#222; border-bottom:2px solid #f7941d;}
.replyList .cntArea {padding:10px 15px; border-bottom:2px solid #d8d8d8;}
.replyList .cntArea .cmmt {color:#7f7f7f;}

.smc-control-nav {position:absolute; left:0px; bottom:0px; width:100%; height:22px; line-height:22px; text-align:center; background:#d4d4d3;}
.smc-control-nav li {display:inline-block;}
.smc-control-nav li a {display:inline-block; width:7px; height:7px; margin:0 2px; background:url(/images/mobile/contents/m_indi_off.png) 0 0 no-repeat; background-size:7px 7px;}
.smc-control-nav li .smc-active {background:url(/images/mobile/contents/m_indi_on.png) 0 0 no-repeat; background-size:7px 7px;}
.smc-control-nav li a em {display:none;}

.smc-direction-nav a em {display:none;}
.smc-direction-nav .smc-prev {position:absolute; left:10px; bottom:10px;width:8px; height:13px; background:url(/images/mobile/contents/m_dir_left.png) 0 0 no-repeat; background-size:8px 13px;}
.smc-direction-nav .smc-next {position:absolute; right:10px; bottom:10px;width:8px; height:13px; background:url(/images/mobile/contents/m_dir_right.png) 0 0 no-repeat; background-size:8px 13px;}

.mapWrap {padding:10px 20px;}
.aboutWrap {padding:15px;}
.aboutWrap img {width:100%;}

.facilitiesList {padding:10px 0; border-bottom:2px solid #ddd;}
.facilitiesList dt {margin-bottom:5px; font-weight:bold;}
.facilitiesList dt * {vertical-align:middle;}
.facilitiesList dt em {display:inline-block; width:16px; height:16px; line-height:16px; background:#7e7e7e; color:#fff; font-family:verdana; border-radius:7px; text-align:center; font-weight:bold; font-size:11px;}
.facilitiesList dd {padding-left:20px; line-height:1.4;}

.olBox {padding:10px 13px; border:solid #d1d1d1; border-width:2px 0; background:#f7f7f7;}
.olBox li {margin-top:3px;}
.olBox li:first-child {margin-top:0;}
.olBox li em {display:inline-block; width:16px; height:16px; line-height:16px; background:#7e7e7e; color:#fff; font-family:verdana; border-radius:7px; text-align:center; font-weight:bold; font-size:11px;}
.olBox li * {vertical-align:middle;}

.olList li {position:relative; padding-left:20px; margin-top:3px; min-height:16px; text-align:left;}
.olList li:first-child {margin-top:0;}
.olList li em {position:absolute; left:0px; top:0px; width:16px; height:16px; line-height:16px; background:#7e7e7e; color:#fff; font-family:verdana; border-radius:7px; text-align:center; font-weight:bold; font-size:11px;}
.olList li * {vertical-align:middle;}


/*20250314 모바일 메인 수정*/
.mcon{display:flex;flex-wrap:wrap;}
.mcon a{flex:0 0 calc(50% - 20px);border:1px solid #b0b1b2;border-radius:30px;margin:10px;box-sizing:border-box;text-align:center;font-size:18px;padding:10px;}
.mcon a img{max-width:50px;margin-bottom:10px;}

.main_notice{padding:0 10px;margin-bottom:20px;}
.main_notice h2{text-align:center;font-size:20px;margin:30px 0 10px 0;}
.main_notice .notice_wrap{border-top:1px solid #b0b1b2;}
.main_notice .notice{display:block;width:100%;padding:10px;box-sizing:border-box;border-bottom:1px solid #ddd;}