@charset "utf-8";

/* 비주얼 영역 */
.mainVisual { position: relative; width: 100%; padding: 0; background: url('../../img/asis/visualBG.png') no-repeat center top; background-size: cover; min-height: 460px; }

#headLine { margin: 0 auto; color:#010304; padding-top: 80px; font-size: 2.125em; line-height:42px; letter-spacing: -0.08em;  font-weight: 300; }
#headLine strong { font-weight: 700; letter-spacing: -0.05em; }
#headLine p span { position: relative; font-weight: 700; letter-spacing: -0.08em; }

.visualConBox { position: absolute; top: 260px; display: table; }
.visualConBox li { display: table-cell; width: 25%; position: relative; height: 200px; padding: 30px; color: #ffffff; }
.visualConBox li.n01 { background: rgba(0,148,251,0.9) url('../../img/asis/ic_m01.png')no-repeat right 10% bottom 20px; }
.visualConBox li.n02 { background: rgba(0,124,251,0.9) url('../../img/asis/ic_m02.png')no-repeat right 10% bottom 20px; }
.visualConBox li.n03 { background: rgba(0,84,209,0.9) url('../../img/asis/ic_m03.png')no-repeat right 10% bottom 20px; }
.visualConBox li.n04 { background: rgba(0,61,125,0.9) url('../../img/asis/ic_m04.png')no-repeat right 10% bottom 20px; }
/*
.visualConBox li:first-child { background: rgba(0,148,251,0.9) url('../../img/asis/ic_m01.png')no-repeat right 10% bottom 20px; }
.visualConBox li:nth-child(2) { background: rgba(0,124,251,0.9) url('../../img/asis/ic_m02.png')no-repeat right 10% bottom 20px; }
.visualConBox li:nth-child(3) { background: rgba(0,84,209,0.9) url('../../img/asis/ic_m03.png')no-repeat right 10% bottom 20px; }
.visualConBox li:nth-child(4) { background: rgba(0,61,125,0.9) url('../../img/asis/ic_m04.png')no-repeat right 10% bottom 20px; }
*/
.visualConBox li h3 a { color:#ffffff; position: relative; font-size:1.375em; font-weight: 500; }
.visualConBox li h3 a span.more { vertical-align: middle; display: inline-block; width: 24px; height: 24px; background: url(../../img/asis/h3_more.png) no-repeat; margin-left: 10px; }
.visualConBox li p { margin: 15px 0; }
.visualConBox li p a { color:#ffffff; line-height: 1.4; font-size: 0.938em; min-height: 54px;  }
.visualConBox li h3 a:hover { color:#ffffff; }
.visualConBox li p a:hover {color:#ffffff; text-decoration:underline; }

/* 컨텐츠 영역 */
#mainCon { margin: 2.5em auto; }
#mainCon01::after { content: ''; clear: both; display: block; float: none; }
#mainCon01 > li { float: left; width: 25%; position: relative; margin: 0; padding: 0; }
#mainCon01 > li:nth-child(even) { width: 50%; padding: 0 2em; }
#mainCon01 > li h4 { font-size: 1.25em; font-weight: 700; margin: 0 0 15px; color: #333333; }

/* 자주찾는서비스 */
#mainCon01 .iconBox ul::after {display:block; content:''; clear:both;}
#mainCon01 .iconBox li { float: left; width: 50%; height:123px; position: relative; border-width:1px; border-style:solid; border-color:#dedbdb; margin: 0; padding: 18px 0; font-size: 0.938em; text-align: center; }
#mainCon01 .iconBox li:first-child { border-width: 1px 0 1px 1px; }
#mainCon01 .iconBox li:last-child { display:flex; align-items:center; justify-content:center; border-width: 0 1px 1px 1px; width: 100%; text-align: left; padding: 33px 0;}
#mainCon01 .iconBox li a { color: #333333; line-height:23px;}
#mainCon01 .iconBox li a:hover { color: #005fb7; }
#mainCon01 .iconBox p { position:relative; padding-left: 70px; font-size: 0.938em; line-height:22px;}
#mainCon01 .iconBox p:before { content:''; position:absolute; top:0; left:0; width:60px; height:60px; background-image: url('../../img/asis/icon_03.png'); }
#mainCon01 .iconBox p strong { font-size: 1.5em; font-weight: 700; display: block;  color: #000000; line-height:29px;}
#mainCon01 .iconBox li span.bold{ font-weight:700; }
#mainCon01 .iconBox i { margin:0 auto;  width:60px; height:60px; display:block; }
#mainCon01 .iconBox i.m_img01 {background-image: url('../../img/asis/icon_01.png'); margin-bottom: 5px;}
#mainCon01 .iconBox i.m_img02 {background-image: url('../../img/asis/icon_02.png'); margin-bottom: 5px;}

/* 공지사항 */
#mainCon01 .mainBoard { position: relative; }
#mainCon01 .mainBoard .news_list { overflow: hidden; }
#mainCon01 .mainBoard .news_list li { position: relative; overflow: hidden; padding: 5px 0 5px 15px; }
#mainCon01 .mainBoard .news_list li:nth-child(n+2)::before { position: absolute; top: 45%; left: 4px; width: 4px; height: 4px; background-color: #2D2878; content: ''; }
#mainCon01 .mainBoard .news_list li a { display: block; overflow: hidden; }
#mainCon01 .mainBoard .news_list li:first-child { border-top: 1px solid #dfdcdc; border-bottom: 1px dotted #dfdcdc; margin: 0 0 15px; padding: 30px 0 25px 110px; }
#mainCon01 .mainBoard .news_list li:first-child .title { display: block; margin-bottom: 0.5rem; color: #333333; /*text-overflow: ellipsis; white-space: nowrap; overflow: hidden;*/ font-size: 1.125em; font-weight: 700; }	
#mainCon01 .mainBoard .news_list li:first-child .desc { color: #777777; line-height: 1.5; font-size: 0.813em; height: 40px; text-overflow: ellipsis; overflow: hidden; 
display: block; word-wrap:break-word; }
#mainCon01 .mainBoard .news_list li:first-child .date { display: block; position: absolute; top: 25px; left: 0; width: 80px; border: 4px solid #E5E5E5; color: #6c6c6b; text-align: center; padding: 45px 0 10px; font-size: 13px; }
#mainCon01 .mainBoard .news_list li:first-child .date > span { display: block; position: absolute; top: 5px; left: 0; width: 100%; font-size:	2.5em; font-weight: 700; color: #121212; }
#mainCon01 .mainBoard .news_list li:first-child .date > i { display: block; position: absolute; top: -10px; right: -10px; width: 23px; height: 23px; text-indent: -9999px; background: url('../../img/asis/ic_new.png') no-repeat; }
#mainCon01 .mainBoard .news_list li:nth-child(n+2) .txt { float: left; width: calc(100% - 90px); color: #333333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 14px;  line-height:22px;}	
#mainCon01 .mainBoard .news_list li:nth-child(n+2) .date { float: right; width: 90px; text-align: right; font-size: 0.875em; }
#mainCon01 .mainBoard .news_list li:first-child .date.bid_num { display: flex; align-items: center; align-content: center; justify-content: center; padding-top: 0; word-break: normal; }
#mainCon01 .mainBoard .news_list .d_day { display: block; color: rgba(51,51,51, .5); letter-spacing: -0.05rem; }		 
#mainCon01 .mainBoard a.moreBtn { position: absolute; top: 5px; right: 0; width: 18px; height: 18px; margin: 0 3px; background: url('../../img/asis/m_more.png') no-repeat; text-indent: -9999px; overflow: hidden;  }
#mainCon01 .mainBoard .news_list li a:hover { color: #ffffff; text-decoration: underline; }

/* 팝업존 */
#mainCon01 .popup_zone { padding: 0; position: relative; /* overflow: hidden; */ }
#mainCon01 .popup_zone .count { position: absolute; top: 5px; right: 85px; line-height: 1; }
#mainCon01 .popup_zone .p_num { color: #de3b2a; font-weight: 500; }
#mainCon01 .popup_zone .pz_btn { position: absolute; top: 5px; right: 0; }
#mainCon01 .popup_zone .pz_btn a { float: left; overflow: hidden; width: 18px; height: 18px; background-repeat: no-repeat; margin: 0 3px; }
#mainCon01 .popup_zone .pz_btn a.prev { background-image: url('../../img/asis/m_prev.png'); }
#mainCon01 .popup_zone .pz_btn a.next { background-image: url('../../img/asis/m_next.png'); }
#mainCon01 .popup_zone .pz_btn a.stop { background-image: url('../../img/asis/m_stop.png'); }
#mainCon01 .popup_zone .pz_btn a.play { background-image: url('../../img/asis/m_play.png'); }
#mainCon01 .popup_zone .pz_btn a.more { background-image: url('../../img/asis/m_more.png'); }
#mainCon01 .popup_zone .pz_list { padding: 0; }
#mainCon01 .popup_zone .pz_list .Hidden { display: none; }
#mainCon01 .popup_zone .pz_list li { overflow: hidden; width: 100%; margin-top: 0.5px; }
#mainCon01 .popup_zone .pz_list li a { display: block; }
#mainCon01 .popup_zone .pz_list li img { width: 100%; height: 100%; max-height: 220px; display: block; }
#IntroList { overflow: hidden; }
#IntroList Mimg { z-index: 1; position: absolute; top: 50px; left: 0; }