@charset "utf-8";
@font-face {
	font-family: 'Noto Sans KR';
	font-weight:normal;
	src: url(fonts/NotoSans-Light.woff2) format('woff2'),
   		 url(fonts/NotoSans-Light.woff) format('woff'),
   		 url(fonts/NotoSans-Light.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-weight:bold;
	src: url(fonts/NotoSans-Regular.woff2) format('woff2'),
   		 url(fonts/NotoSans-Regular.woff) format('woff'),
   		 url(fonts/NotoSans-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'Noto Sans KR';
	font-weight:900;
	src: url(fonts/NotoSans-Bold.woff2) format('woff2'),
   		 url(fonts/NotoSans-Bold.woff) format('woff'),
   		 url(fonts/NotoSans-Bold.otf) format('opentype');
}
* {font-family: "Noto Sans KR", sans-serif !important;}

address {font-style:normal;}
footer {width:100%;position:relative;bottom:0;  color: #333;clear:both;}
footer > div {padding:20px;} 
footer div > address > p {line-height:20px;}
footer > div > .container > ul > li{border: 1px solid #ddd;margin: 0px 106px;display: inline-block;width: 200px;}  
footer > div > .container > ul > li > a{    background-repeat: no-repeat !important;background-position: center !important; width: 100%; height: 50px; display: block; background-size: 70% !important; margin: 0 auto;}
.footerrt{width: 390px; float: right; padding: 40px 0; line-height: 30px;}
.footerrt > ul >li {margin:0px 0px 10px;font-size:15px;display: inline-block;}
.footerrt > ul >li::after {content:""; height:10px; width:1px; background:#fff; display:inline-block; margin:0 5px;}
.footerrt > ul >li:last-child::after {display:none;}
.footerrt > ul >li b {font-size:17px; color:#9CB25D; font-weight:900;}
.footerrt > a > div{clear:both;border: 1px solid #fff; text-align: right;padding-right: 10px;background: url(../images/comm/webzine.png)no-repeat; background-size: contain;color:#fff;}
footer > .comp_banner{width:100%;border-top:1px solid #08375f;box-sizing: border-box;}
footer > .footer_bg{background:#000;color:#fff;}
.footer_logo{background:url('../images/comm/gokams_logo_wht.png') no-repeat;height: 50px; width: 200px; position: relative; background-size: contain;display: block;float:left;margin: 40px 0;}
.footer_txt{width:calc(100% - 590px); float: left;display: inline-block;line-height:25px;margin: 40px 0;}
.footer_txt br.mb-view {display:none;}
.footer.laypop_box{margin: 0 0 20px 0;line-height: 24px;width: 600px;}

/*헤더 팝업 영역*/
.head_pop{background: rgb(255,119,0); background: linear-gradient(180deg, rgba(255,119,0,1) 0%, rgba(255,192,0,1) 100%);}
.head_pop > .container {text-align:center;padding:20px 0;position:relative;}
.head_pop > .container > .today_check > .closeBtn {position:absolute;right:-30px;top:0px;font-size:1.2em;}
.head_pop > .container > .today_check {position:absolute;right:30px;top:10px;} 
/*헤더 팝업영역 끝 */


header {border-bottom:1px solid #c7c7c7; }
header > .gnb {position:relative;margin:0 auto;width:1260px;}
header > .gnb:after {content:"";display:block;clear:both;} 
header > .gnb h1 {float: left;padding:22px 0 22px;}

header > .gnb > ul{float:right;padding:36px 0 0 0;position:relative;} 
header > .gnb > ul > li {float:left;width:194px;text-align:center;}
header > .gnb > ul > li >a {display:block;line-height:100%;font-size:23px;color:#333;padding:0 28px 25px;height:50px;font-weight:bold; line-height:1.5}
header > .gnb > ul > li >a:hover{font-weight:bold; color:#08375f;}
header > .gnb > ul > li >a:after{display:block;content: '';border-bottom: solid 3px #f2b221;transform: scaleX(0);transition: transform 250ms ease-in-out;}
header > .gnb > ul > li >a:hover:after { transform: scaleX(1); }
header > .gnb > ul > li >a.fromRight:after{ transform-origin:100% 50%; }
header > .gnb > ul > li >a.fromLeft:after{  transform-origin:  0% 50%; }
 
header > .topmenu {height:30px;background:#000;}

header > .topmenu .browser {color: #fff; position: absolute; left: 0; top: 0; line-height:30px;}

header > .topmenu  .spot {position: relative;float:right; line-height:30px;} 
header > .topmenu  :after{content:""; clear:both;}
header > .topmenu  .spot li {float:left;position:relative;}
header > .topmenu  .spot li a {font-size:14px;color:#fff; padding:0 15px;}
header > .topmenu  .spot li ~ li a:after {content:"";position:absolute;left:0; top:50%;transform:translateY(-25%); width:1px;height:12px;background:#e5e5e5;}
 
header > .topmenu  .spot i {display:none;}
header .total {display:none;}   
header .login {display:none;}  
.total_inner{display:none;} 

.area{margin:0 auto;max-width:1260px;min-width:1260px;width:100%; position:relative;}
/*header > .gnb > ul > li > a:hover .gnb_drop {opacity:1; visibility:visible; border-bottom:1px solid red;display:block}*/
.snb{position: absolute;;;display: none; width: 100%;left: 0; opacity: 1; visibility: visible;overflow: hidden;z-index:2; background: #fff; border-radius: 0 0 3px 3px;
   border-top:1px solid #08375f;border-bottom: 2px solid #f2b221;height:180px !important;
  /* background:url('../images/comm/gnb_bg.png')no-repeat;background-size:cover;*/
   -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s; 
    -ms-transition: all .3s ease .15s; 
    transition: all .3s ease .15s;
    
    }   

.mb_on{display:none}
.slick-slide img{width:260px; height:370px;}  
.slider_item{padding:0px 93px;}
.snb > div {width:1260px;margin:0 auto;}
.snb > div > ul{/*border-left: 1px solid #ddd;*/ float:right;}

.snb > div > ul >li {float:left;width: 194px;text-align: center;line-height: 33px;border-left:1px solid #ddd;height:164px;box-sizing:border-box;}
.snb > div > ul >li:hover{background:#fff;}
.snb > div > ul >li >ul {margin:10px 0;}
.snb > div > ul >li >ul > li:hover{font-weight:bold;background:#08375f}
.snb > div > ul >li >ul > li:hover > a{ color:#fff !important;}
.snb > div > ul:last-child{border-right:1px solid #ddd;box-sizing:border-box}
/* pagination */
.pagination {text-align:center; margin-top:15px; }
.pagination ul { display:inline-block; }
.pagination ul li {display:inline-block; margin:0 2px;  }
.pagination ul li a { display:block; color:#999; width:26px; height:26px; line-height:26px; border:1px solid #e0e0e0; }
.pagination ul li.first a { background:url('../images/egovframework/com/cmm/paging/pagination_first.gif') 8px 9px no-repeat; text-indent:-10000em; }
.pagination ul li.prev a { background:url('../images/egovframework/com/cmm/paging/pagination_prev.gif') 11px 9px no-repeat; text-indent:-10000em; }
.pagination ul li.next a { background:url('../images/egovframework/com/cmm/paging/pagination_next.gif') 12px 9px no-repeat; text-indent:-10000em; }
.pagination ul li.last a { background:url('../images/egovframework/com/cmm/paging/pagination_last.gif') 10px 9px no-repeat; text-indent:-10000em; }
.pagination ul li.first a:hover { background:url('../images/egovframework/com/cmm/paging/pagination_first_on.gif') no-repeat; }
.pagination ul li.prev a:hover { background:url('../images/egovframework/com/cmm/paging/pagination_prev_on.gif') no-repeat; }
.pagination ul li.next a:hover { background:url('../images/egovframework/com/cmm/paging/pagination_next_on.gif') no-repeat; }
.pagination ul li.last a:hover { background:url('../images/egovframework/com/cmm/paging/pagination_last_on.gif') no-repeat; }
.pagination ul li.current a,
.pagination ul li a:hover { border:none; color:#fff; font-size:15px; font-weight:600; width:28px; height:28px; line-height:28px; background:#4688d2; }




/*sub comm*/
.container{width:1260px; margin:0 auto;}
.content{width:979px;float:right;padding:0 30px;border-left:1px solid #efefef;clear:both;}
.pagenav{display:inline-flex;position: relative;float:right;font-size:small;right:0;bottom:30px; color:#fff;}
.pagenav li{float:left;margin: 0px 10px 0px 10px;}
.pagenav li a{color:#fff;}
.sub_ttl{height:100px;text-align:center;width:100%;line-height:100px;position:relative;background:url('../images/comm/tit_bg.png') no-repeat;background-size:cover;}
.sub_ttl h1{font-size:25px;color:#fff;font-weight:bold;} 

.sidenav{display: block;position: absolute;width: 180px;padding: 0 20px;padding-bottom: 50px;}
.sidenav div{height: 80px;font-size: 23px;border-bottom: 2px solid #000;margin:25px 0;font-weight:bold;color:#08375f;}
.sidenav div p{font-size: 14px;color: #ddd;font-weight:bold;}
.sidenav > ul{}
.sidenav > ul > li{line-height:35px;}
.sidenav > ul > li > a{height: 35px;display: block;font-size:16px;padding:5px 0px;}
.sidenav > ul > li > a:hover{font-weight:bold; color:#08375f;}
.sidenav > ul > li > a:after{display:block;content: '';border-bottom: solid 3px #f2b221;transform: scaleX(0);transition: transform 250ms ease-in-out;}
.sidenav > ul > li > a:hover:after { transform: scaleX(1); }
.sidenav > ul > li > a.fromRight:after{ transform-origin:100% 50%; }
.sidenav > ul > li > a.fromLeft:after{  transform-origin:  0% 50%; }
.sidenav > ul > li > a > span{position: absolute;line-height: 35px;right: 20px;}
.page_t1{font-size: 21px;font-weight: bold;position:relative;display:inline-block;}
.page_t1 > .xi-ellipsis-h{position: absolute;bottom: 6px;color: #f2b221; font-size: 44px; left: -4px;}
	/*테이블 스타일*/
table{width: 100%;border-collapse: collapse;border-spacing: 0; line-height:1.5em;word-break:break-all; }
.tbl_comm {border-bottom:2px solid #373737; table-layout:fixed;}
.tbl_comm th,
.tbl_comm td {height:45px; padding:0 12px; vertical-align:middle; border-left:1px solid #d9d9d9; font-size: 15px; text-align: center;}
.tbl_comm th:first-child,
.tbl_comm td:first-child {border-left:none}
.tbl_comm thead th {border-top:2px solid #08375f; background:#eee; color:#212121; font-weight:bold;-webkit-print-color-adjust: exact;}
.tbl_comm thead tr+tr th {border-top:1px solid #d9d9d9;  -webkit-print-color-adjust: exact;}
.tbl_comm tbody td {color:#666;border-top:1px solid #d9d9d9;} /* tbl_comm 라인 추가 */
.tbl_comm tbody th {border-top:1px solid #d9d9d9;background:#fff8d6; color:#212121; font-weight:bold;-webkit-print-color-adjust: exact;}
.tbl_comm tbody tr:first-child th{border-top:2px solid #f2b221;}
.tbl_comm tbody tr:first-child td {border-top:2px solid #f2b221;}
.tbl_comm tbody tr:nth-child(even) td {background:#f8f8f8; -webkit-print-color-adjust: exact;}
.tbl_comm.row_on tbody tr.on td {background:#fff5b2 !important;}
.tbl_comm.row_on tbody tr.on_c td {background:#fff5b2 !important;}
.tbl_comm td.bor_l {border-left:1px solid #d9d9d9;}
.noeven tbody tr:nth-child(even) td{background:#fff;}
.tbl_comm .summary {}
.tbl_comm .summary td {background:#707070 !important; font-weight:normal; color:#fff;}
.deptd {background: #eeeeee;color: #212121;font-weight: bold;border-top: 1px solid #d9d9d9;} 



.tbl_1 {border-bottom:2px solid #373737; table-layout:fixed;}
.tbl_1 th,.tbl_1 td {height:45px; padding:0 12px; vertical-align:middle; border-left:1px solid #d9d9d9;    font-size: 15px;  text-align: center;}
.tbl_1 th:first-child,.tbl_1 td:first-child {border-left:none}
.tbl_1 thead th {border-top:2px solid #08375f; background:#eee; color:#212121; font-weight:bold;-webkit-print-color-adjust: exact;}
.tbl_1 thead tr+tr th {border-top:1px solid #d9d9d9;  -webkit-print-color-adjust: exact;}
.tbl_1 tbody td {color:#666;border-top:1px solid #d9d9d9;} /* tbl_comm 라인 추가 */ 
.tbl_1 tbody tr:first-child td {border-top:2px solid #f2b221;}
.tbl_1 tbody tr td {background:#fff; -webkit-print-color-adjust: exact;}
.tbl_1.row_on tbody tr.on td {background:#fff5b2 !important;}
.tbl_1.row_on tbody tr.on_c td {background:#fff5b2 !important;}
.del_btn {position: relative;left: -6px;font-size: 1.5em;color: #929292;cursor: pointer; z-index: 2;}



.tbl_2 {border:1px solid #373737; table-layout:fixed;}
.tbl_2 th,.tbl_2 td {height:45px; padding:0 12px; vertical-align:middle; border-left:1px solid #373737;    font-size: 15px;  text-align: center;}
.tbl_2 th:first-child,.tbl_2 td:first-child {border-left:none}
.tbl_2 :first-child th{border-top:none;} 

.tbl_2 tbody th {border-top:1px solid #373737; background:#eee; color:#212121; font-weight:bold;-webkit-print-color-adjust: exact;font-size:17px;}
.tbl_2 thead tr+tr th {border-top:1px solid #373737;  -webkit-print-color-adjust: exact;}
.tbl_2 tbody td {color:#666;border-top:1px solid #373737;} /* tbl_comm 라인 추가 */ 
/*.tbl_2 tbody tr:first-child td {border-top:2px solid #f2b221;}*/
.tbl_2 tbody tr td {background:#fff; -webkit-print-color-adjust: exact;padding:5px;line-height:28px; text-align:left;}
.tbl_2.row_on tbody tr.on td {background:#fff5b2 !important;}
.tbl_2.row_on tbody tr.on_c td {background:#fff5b2 !important;}
.tbl_2 tbody tr:nth-last-child( 1 ) > td > a {position: absolute;left: 15px;font-size: 1.3em;line-height: 1.8; color: #f2b221; cursor:pointer;}

.tbl_3 {border-bottom:2px solid #373737; table-layout:fixed;border-top:2px solid #fac946;line-height:1.5em;}
.tbl_3 th,.tbl_3 td {height:45px; padding:0 12px; vertical-align:middle; border-left:1px solid #d9d9d9; font-size: 15px;  text-align: center;}
.tbl_3 th:first-child,.tbl_3 td:first-child {border-left:none}
.tbl_3 tbody th {background:#eee; color:#212121; font-weight:bold;-webkit-print-color-adjust: exact;border-bottom: 1px solid #d9d9d9;}
.tbl_3 thead tr+tr th {border-top:1px solid #d9d9d9;  -webkit-print-color-adjust: exact;}
.tbl_3 tbody td {color:#666;border-top:1px solid #d9d9d9;} /* tbl_comm 라인 추가 */ 
.tbl_3 tbody tr:first-child td {border-top:2px solid #f2b221;}
.tbl_3 tbody tr td {background:#fff; -webkit-print-color-adjust: exact;}
.tbl_3 tfoot th {background-color:#f8f8f8; border-top:1px solid #d9d9d9;}
.tbl_3 tfoot td {background-color:#f8f8f8; line-height:160%; border-top:1px solid #d9d9d9; text-align:left; box-sizing:border-box; padding:12px;}
.tbl_3.row_on tbody tr.on td {background:#fff5b2 !important;}
.tbl_3.row_on tbody tr.on_c td {background:#fff5b2 !important;}
.tbl_3 tbody tr:nth-last-child( 1 ) > td > a {position: absolute;left: 15px;font-size: 1.3em;line-height: 1.8; color: #f2b221; cursor:pointer;}
.tbl_3 tbody th.bt-1 {border-top:1px solid #d9d9d9;}
 

.plus_row{position: relative;left: -27px;top: -36px;font-size: 1.5em;color: #f2b221;cursor: pointer;} 
.gray_box{padding: 15px 15px;border: 1px solid #d9d9d9;background: #f4f4f4; margin: 25px 0;}
.gray_box p {line-height:20px;position:relative;padding-left:15px; font-size:85%;}
.gray_box p span{position: absolute;left: 0px;top: 3px;}

.tbl_unittg{    overflow: hidden;float: right;font-size: 13px; color: #777; position: relative; top: 40px;}
.tbl_btg{float: right;font-size: 14px;line-height: 40px;height: 50px;}
.tbl_btg span{border-radius: 30px;padding: 5px 10px;background: #333; color: #fff;}




/*상장지원신청*/
.step{display: inline-block; position: relative; margin-left: 10px; background: #f7f7f7; border: 1px solid #ddd;padding-top: 15px; border-radius: 6px;margin:30px 0;}
.step > div > ul > a > li{ float:left;margin:0px 3px;}
.step > div > ul > a > li > div{border: 3px solid #ddd;border-radius: 5px;width: 56px;height: 40px;text-align: center;line-height: 40px;font-size: 17px;font-weight: bold; margin: 0px 20px;background:#fff;}
.step > div > ul > a > li > p{text-align:center;}
.step > div > ul > a > li > div:after{content: ""; width: 43px;height: 3px;background: #fac946; display: block;position: relative;right: -61px;top: -21px;}
.step > div > ul > a:last-child li > div::after{display:none;}
.step .on > div{font-weight:bold;border:3px solid #08375f; }
.step .on > p{font-weight:bold;color:#08375f;}


.CertiApp > .step{display: inline-block; position: relative; margin-left: 10px; background: #f7f7f7; border: 1px solid #ddd;padding-top: 15px; border-radius: 6px;margin:30px 0;}
.CertiApp > .step > div > ul > a > li{ float:left;margin:0px 3px;}
.CertiApp > .step > div > ul > a > li > p{text-align:center;}
.CertiApp > .step > div > ul > a > li > div:after{content: "";width: 32px;height: 3px;background: #fac946;display: block;position: relative;right: -60px;top: -21px;}
.CertiApp > .step > div > ul > a > li > div{border: 3px solid #ddd;border-radius: 5px;width: 53px;height: 40px;text-align: center;line-height: 40px;font-size: 17px;font-weight: bold;margin: 0px 16px;background: #fff;}
.CertiApp > .step > div > ul > a:last-child li > div::after{display:none;}
.CertiApp > .step .on > div{font-weight:bold;border:3px solid #08375f; }
.CertiApp > .step .on > p{font-weight:bold;color:#08375f;}



/*결과보고서*/
.ResultRpt > .step{display: inline-block; position: relative; margin-left: 10px; background: #f7f7f7; border: 1px solid #ddd;padding-top: 15px; border-radius: 6px;margin:30px 0;}
.ResultRpt > .step > div > ul > a > li{ float:left;margin:0px 3px;}
.ResultRpt > .step > div > ul > a > li > div{border: 3px solid #ddd;border-radius: 5px;width: 45px;height: 40px;text-align: center;line-height: 40px;font-size: 17px;font-weight: bold; margin: 0px 20px;background:#fff;}
.ResultRpt > .step > div > ul > a > li > p{text-align:center;}
.ResultRpt > .step > div > ul > a > li > div:after{content: ""; width: 46px;height: 3px;background: #fac946; display: block;position: relative;right: -48px;top: -21px;}
.ResultRpt > .step > div > ul > a:last-child li > div::after{display:none;}
.ResultRpt > .step .on > div{font-weight:bold;border:3px solid #08375f; }
.ResultRpt > .step .on > p{font-weight:bold;color:#08375f;}

.cont_ttl{font-size:20px; font-weight:bold;color:#08375f;position: absolute;background: #fff;left: -1px; top: -13px;margin: 0;padding-right:10px;}
.cont_ttl:before{content:""; background:#fff;width:100px;height:30px;}
 p.cont_ttl.essen:after{content:"";background:url('../images/comm/essential.png') no-repeat;width: 11px;height: 11px;display: inline-block;position: relative;bottom:2px;}
.form_box{    margin: 70px 0; border-left: 1px solid #c7c7c7; border-bottom: 1px solid #c7c7c7; border-top: 1px solid #666; border-right: 1px solid #666; position: relative;} 
.form_box:before{ content:"";display: block;position: absolute;left: -1px;height: 80%;width: 1px;background: #fff;}
.form_box:after{ content:"";display: block; position:absolute;right: -1px;width: 1px;background: #fff;height: 80%;bottom: 0px;}
 

.cert_btn a{display: inline-block;background: #636363; text-align:center;border: 0; color: #fff; border-radius: 20px;width: 100px; line-height: 35px; font-size: 17px; box-sizing: border-box; font-weight: bold; padding: 0;margin-left:10px;}
.cert_btn:after{clear:both;}
.btn_cal{    float: right;
    width: 40px;
    /* height: 40px; */
    margin-left: 1px;
    border: 1px solid #d7d7d7;
    text-align: center;
    cursor: pointer;
    margin: 10px 0px;
    box-sizing: border-box;
    background:#fff;}
.xi-calendar-check{font-size:30px; line-height:40px;}
.dt_form{    width: 150px;
    background: #efefef;
    height: 38px !important;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    margin-left: 35px;
    display: block;
    text-indent: 7px;}


.tag_ttl{ font-size: 16px;font-weight: bold;float: left; line-height: 35px; margin: 0px 15px 0px 0px; width: 105px; text-align: right;}
.born_txt{ font-size: 16px !important;}
.born_txt > input{ padding:0; margin:0;}
table .dt_form{ font-size: 15px; background: #fff;padding: 0;width: 90px;text-align: center;}
table .tf_comm{}
table .btn_cal > span{font-size:24px;line-height:40px;}
table .btn_cal{padding:0;margin:0}
.src_post{font-size: 16px; float: left; height: 32px; line-height: 32px; box-sizing: border-box; padding: 0 20px; margin-top: 1px;margin-left:3px;}


  /*메인화면 CSS*/
.main01{background:url('../images/comm/main_bg.png')no-repeat; background-size:cover;}
.main01 .container {min-height:496px;}
.main01 .slide > h1{text-align:center;color:#fff;font-size:30px;padding:25px 0 0;}
.main01 .item{padding:20px 0;}
.main01 .item > a > ul > li:first-child{background-size:cover;width:260px;height:370px;float:left;}
.main01 .item > a > ul > li:last-child{background:#000;width:260px;height:370px;float:left;padding:30px 15px;box-sizing:border-box;color:#fff;}
.main01 .item > a > ul > li > span{padding:2px 10px;font-size:15px;}
.main01 .item > a > ul > li > h2{font-size:18px;font-weight:bold;margin:20px 0 35px 0;line-height:22px;text-overflow: ellipsis;white-space: nowrap; width: 240px; overflow: hidden;}
.main01 .item > a > ul > li > dl:last-child{height:100px;overflow:hidden;}
.main01 .item > a > ul > li > dl > dt{font-size:17px;font-weight: bold;margin: 0; color:#f2b221}
.main01 .item > a > ul > li > dl > dt:before{content: ""; border-top: 3px solid #fff; display: block; width: 17px; border-radius: 7px; margin-bottom: 2px;}
.main01 .item > a > ul > li > dl > dd{   margin:0; line-height:20px; font-size:15px;}
.main01 .item_left{float:left;margin-right:30px;}
.main01 .item_right{float:left;} 
.main01 .item .ing{background: green; border-radius: 0px 5px 0 0;}  
.main02 > .container > div{height:500px;width:50%;float:left;box-sizing:border-box;}
.latest{margin: 75px 20px; box-shadow: 3px 3px 3px 3px #ddd;height: 300px;padding: 20px;}
.latest > h2{font-size: 25px; line-height: 50px; border-bottom: 2px solid #08375f;color: #08375f;text-indent: 10px;}
.latest > a{display: inline-block; float: right; right: 10px; bottom: 39px; font-size: 25px; position: relative;}
.latest > ul li a {color:#000}
.latest > ul li{margin:25px 0 0 0}
.latest > ul li:after{clear:both;content:'';display:block}
.latest > ul li span.subject0{float:left;font-size:16px;line-height:20px;color:#000; width:550px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
.latest > ul li span.subject{float:left;font-size:16px;line-height:20px;color:#000; width:450px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap;}
.latest > ul li span.subject a{color:#000}
.latest > ul li span.xi-plus{float: right; margin-right: 15px;}
.latest > ul li span.date{float:right;font-size:14px;line-height:20px;color:#848484}
.latest > ul li span.date a{color:#848484}

.main_co1{background:#105fe1 !important;}
.main_co2{background:#f2b221 !important;}
.main_co3{background:#85c023 !important;}
.main_co4{background:#ec1050 !important;}
.main03{background:url('../images/comm/main03_bg.png')no-repeat; background-size:cover;}  
/*slider 추가 CSS*/
.fork-btn {position: fixed; top: 0;  right: 0;   border: 0;}
.m-t30 { margin-top: 30px; }
.m-0   { margin: 0; }
.bg-transparent { background-color: transparent;}
.doc-container {
  font-family: $font-family-roboto;
  .has-modal {
    .modal-dialog {
      &.modal-lg {
        width: 1170px;
        margin: 50px auto;
      }
    }
  }
  .table {
    background-color: #fff;
  }
  .color-demo {
    width: 16px;
    min-width: 16px;
    height: 16px;
    border-radius: 100%;
    display: inline-block;
    position: relative;
  }
}

.color-swatch {
  height: 150px;
}

pre.prettyprint.prettyprint-std {
  padding: 15px;
  border: 1px solid #eee;
  font-family: consolas;
  font-size: 14px;
  background-color: #f9f9f9;
  border-radius: 0;
}

pre.prettyprint.prettyprint-std span.com { color: #919d9f; }
pre.prettyprint.prettyprint-std span.pln { color: #395063; }
pre.prettyprint.prettyprint-std span.tag { color: #6a93d0; }
pre.prettyprint.prettyprint-std span.atv { color: #05ad97; }
pre.prettyprint.prettyprint-std span.pun, 
pre.prettyprint.prettyprint-std span.opn, 
pre.prettyprint.prettyprint-std span.clo { color: #B9947B; }
pre.prettyprint.prettyprint-std span.atn { color: #a95ebb; }

  
.Accepting{height:650px; width:100%;}
.Accepting > div > h2{font-size:35px;color:#08375f;display:inline-block;margin:50px 0;}
.Accepting section > div ul{position:relative;left:40px;} 
.Accepting section > div  ul > li {width: 570px; background: #fff; float: left; height: 200px; border: 1px solid #848484; border-radius: 5px; padding: 30px; box-sizing: border-box;margin:10px;position:relative;}
.Accepting section > div ul > li  >h3{font-size:25px;color:#08375f;}
.Accepting section > div ul > li  > span{background: #105fe1;color: #fff;border-radius: 3px; padding: 3px 10px; display: inline-block; margin-bottom: 5px;}
.Accepting section > div ul > li  div{float:left;width:50%;margin-top:15px;}
.Accepting section > div ul > li  div > dl >dd{line-height:22px; margin-left:0px;}
.Accepting section > div ul > li div > dt {font-size:17px;font-weight:bold;margin:5px 0;} 
.Accepting section > div  ul > li > .award_ing  {position: absolute; right: 14px; top: -4px; color: #08375f;width: 70px; height: 70px;border-radius: 60px;line-height: 100px;text-align: center;font-size: 13px;box-shadow: 0px -1px 9px 1px #ddd;}
.Accepting section > div  ul > li > .award_Exp  {position: absolute; right: 14px; top: -4px; color: #08375f;width: 70px; height: 70px;border-radius: 60px;line-height: 100px;text-align: center;font-size: 13px;box-shadow: 0px -1px 9px 1px #ddd;}
.Accepting section > div  ul > li > .award_End  {position: absolute; right: 14px; top: -4px; color: #08375f;width: 70px; height: 70px;border-radius: 60px;line-height: 100px;text-align: center;font-size: 13px;box-shadow: 0px -1px 9px 1px #ddd;}
.Accepting section > div  ul > li > .award_ing:before{content: "\e9a4";font-family: "xeicon"; font-size: 30px; display: inline-block; position: absolute; left: 19px; color: #85c023; top: -25px;}
.Accepting section > div  ul > li > .award_Exp:before{content: "\e9a1"; font-family: "xeicon"; font-size: 30px; display: inline-block; position: absolute; left: 19px; color: #8a8a8a; top: -25px; }
.Accepting section > div  ul > li > .award_End:before{content: "\e9a3"; font-family: "xeicon"; font-size: 30px; display: inline-block; position: absolute; left: 19px; color: #000; top: -25px;}

/*경연대회 통계*/ 
.year_txt {line-height: 42px;vertical-align: top; font-size: 19px; font-weight: bold;}
.select_tune {font-size: 20px;width: 200px; padding: 5px 10px; border: 1px solid #f2b221;}
.sb_con {margin: 0 auto;}
.sb_con > section {display: none;padding: 20px 0 0;border-top: 1px solid #ddd;}

/*경연대회 통계*/ /* 라디오버튼 숨김 */
.sb_con > input {display: none;}
.sb_con > label {display: table-cell; margin: 0 0 -1px;text-align: center; color: #bbb; width: 196px; height: 44px; font-size: 17px; font-weight: normal;line-height: 40px;border:1px solid #efefef;box-sizing:border-box;}
.sb_con > label:hover {color: #08375f;cursor: pointer;}

/*경연대회 통계*/ /* input 클릭시, label 스타일 */
.sb_con > input:checked + label {color: #555;border: 1px solid #ddd; border-top: 2px solid #08375f;border-bottom: 1px solid #ffffff;font-weight:bold;}
.sb_con > #tab1:checked ~ #content1,
.sb_con > #tab2:checked ~ #content2,
.sb_con > #tab3:checked ~ #content3,
.sb_con > #tab4:checked ~ #content4,
.sb_con > #tab9:checked ~ #content9,
.sb_con > #tab5:checked ~ #content5 {display: block;}

  
/*대회일정 */
/*check*/ 
.jangre_1{background: #105fe1;  border-radius: 4px;color: #fff; display: block; padding: 2px 0px;}
.jangre_2{background: #f2b221;  border-radius: 4px; color: #fff; display: block; padding: 2px 0px;}
.jangre_3{background: #85c023;  border-radius: 4px; color: #fff; display: block; padding: 2px 0px;}
.jangre_4{background: #ec1050;  border-radius: 4px; color: #fff;  display: block; padding: 2px 0px;}
.jangre_5{background: #555;  border-radius: 4px; color: #fff;  display: block; padding: 2px 0px;}
.sch_box .dt_form{background:#fff;text-align:center;font-size:15px;}
.checks2{float:left;display:inline-block;margin:10px 0;}
.checks2:after{contet:"";clear:both;}
.zone{width:858px;margin:5px 0;}
.zone input + label{margin:5px 0;width:84px !important;} 
.checks2 input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */  position: absolute; width: 1px;height: 1px;padding: 0;margin: -1px; overflow: hidden;  clip:rect(0,0,0,0); border: 0}
.checks2 input[type="checkbox"] + label {display: inline-block; color:#000;background:#fff;position: relative;cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border: 1px solid #8f8f8f;border-radius: 37px; padding: 7px 2px; font-weight: bold;width:100px;text-align:center;}
.checks2 input[type="checkbox"] + label:active:before,.checks2 input[type="checkbox"]:checked + label{ background:#08375f;color:#fff;}
.checks2 #type01 + label{border:1px solid #ec1050;color:#ec1050;}
.checks2 #type02 + label{border:1px solid #f2b221;color:#f2b221;}
.checks2 #type03 + label{border:1px solid #85c023;color:#85c023;}
.checks2 #type04 + label{border:1px solid #105fc1;color:#105fc1;}
.checks2 #type00 + label{border:1px solid #555;color:#555;}
.checks2 #type01 + label:active:before,.checks2 #type01:checked + label{ background:#ec1050;color:#fff;}
.checks2 #type02 + label:active:before,.checks2 #type02:checked + label{ background:#f2b221;color:#fff;}
.checks2 #type03 + label:active:before,.checks2 #type03:checked + label{ background:#85c023;color:#fff;}
.checks2 #type04 + label:active:before,.checks2 #type04:checked + label{ background:#105fc1;color:#fff;}
.checks2 #type00 + label:active:before,.checks2 #type00:checked + label{ background:#555;color:#fff;}

/*radio*/  
.checks2 input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.checks2 input[type="radio"] + label { display: inline-block; color:#000;background:#fff;position: relative;cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; border: 1px solid #8f8f8f;border-radius: 37px; padding: 7px 2px; font-weight: bold;width:100px;text-align:center;}
.checks2 input[type="radio"] + label:active:before, .checks2 input[type="radio"]:checked + label { background:#08375f;color:#fff; } 

.sch_box{border: 1px solid #ddd;padding: 20px 0 0 0;background: #efefef;}
.sch_form{clear:both; display:inline-block;padding:5px 0px;}
.sch_ttl{font-size: 16px;font-weight: bold;color: #08375f; float: left; margin: 17px; width: 50px;text-align:center;}
.sch_tf{width: 450px; padding: 5px; border: 1px solid #ddd; border-left: 3px solid #08375f;float:left;background:#fff}
.sch_btn{float:left;margin:16px 15px;font-weight:bold;}
.sch_btn a{width: 155px;color: #fff;padding: 10px;border-radius: 40px;box-sizing: border-box;}



/*예술마루 소개*/

.page_t2{font-size: 18px;font-weight: bold;position: relative;margin-top:40px;}
.page_t2 > span{position: absolute;bottom: 11px; left: -12px; font-size: 18px;transform: rotate(-45deg);color: #f2b221;}
.int_st{font-size: 18px; line-height: 28px;color: #08375f;font-weight:bold;}
.page_t3{font-size: 16px; font-weight: bold; margin: 20px 0 10px 0;}
.page_t3 + ul {margin-top:15px;margin-left:10px;}
.page_t3 + ul li {line-height:20px;}
.page_t3 + p{margin-left:10px}
.root_intboxcov{position: relative;height: 300px;width: 800px; padding: 20px; border: 1px solid #c7c7c7; border-radius: 15px; margin: 20px 0;}
.root_intbox{border: 1px solid #08375f;width: 240px;padding: 10px;background: #fff; position: absolute;}
.root_intbox > p{font-weight: bold;text-align: center; padding: 10px 0; background: #08375f;margin-top: 0; color: #fff;}
.root_intbox > ul{ line-height: 25px; text-indent: -12px; margin-left: 13px;}
.root_intbox > ul > li{}

/*경연대회 운영안내*/
.App_proc{    position: relative;height: 300px;width: 800px; padding: 20px;border: 1px solid #c7c7c7; border-radius: 15px;margin: 20px 0;}
.in_proce{width:100%;}
.in_proce > div { border: 1px solid #08375f; width: 240px;background: #fff; display:inline-block; height:125px;vertical-align:middle;position:relative; }
.in_proce > div > ul {padding:10px;}
.in_proce > div > ul >li{line-height:20px;    text-indent: -15px;   padding-left: 15px;}
.in_proce > div > ul >li>span {text-indent:0;}
.in_proce > div > p{ text-align: center; background: #08375f; padding: 10px; margin-top: 0; color: #fff;font-weight: bold; margin-bottom:0; line-height:23px;}
 .page_t3{margin:30px 0 15px 0;}
 .in_proce > div:nth-child(2){margin:0px 30px;}
 .in_proce > div:after{content:"\e93e";position:absolute; display:inline-block; right:-34px;top:38%;font-family:xeicon;font-size:30px;color:#f2b221;}
.in_proce > div:last-child::after{display:none;}

/*자주 묻는 질문*/  
.acod{position:relative; margin-top:50px;}
.acod > ul > li{line-height:45px;border-top:2px solid #f2b221;position:relative;}
.acod > ul > li:last-child{border-bottom:2px solid #f2b221;} 
.acod_desc{border-top:1px solid #000; line-height: 1.5; padding: 5px 15px; background: #f1f1f1;}
.acod > ul > li a span{position: absolute;right: 10px;line-height: 45px;font-size: 22px;}
.acod > ul > li a{font-weight:bold;padding:0px 10px; display: block; font-size: 17px;} 
.acod > ul > li a b{font-size: 22px; margin-right: 10px;}

/*서식 다운로드*/
.ico_support{background:url("/artmaru_user/images/comm/ico_support.png")no-repeat;font-size:0;line-height:0; text-indent:-9999px; }
.ico_su01{width:100px;height:100px;background-position:0px 0;margin:0 auto;}
.ico_su02{width:100px;height:100px;background-position:-100px 0;margin:0 auto;}
.ico_su03{width:100px;height:100px;background-position:-200px 0;margin:0 auto;}
.ico_su04{width:100px;height:100px;background-position:-300px 0;margin:0 auto;}
.support_dwlink > li{float:left; text-align:center;width:25%;font-size:17px; font-weight:bold;color:#08375f;} /*상장지원신청서 주석 처리 시 width:33.33333333%*/

/*자주묻는질문*/
.sitemap{height: 400px; margin-top: 50px;}
.sitemap > li{float:left;display:inline-block;width:180px;text-align:center;line-height:2;}
.sitemap > li > ul{text-align:left;}
.sitemap > li > ul > li{    border-bottom: 1px dotted #ddd; margin: 10px 10px;position:relative;}
.sitemap > li > ul > li:after{content:"\e93f";font-family:"xeicon" ;position:absolute;right:0;color:#f2b221;}
.sitemap > li > div {font-size:17px;font-weight:bold;padding:10px 0;background: #08375f;margin: 10px 10px 0 10px; color: #fff;}


/*공지사항*/
.sch_btn2{    background: #08375f;color: #fff;padding: 6px 15px;vertical-align: top;font-weight: bold; font-size: 17px; border: none;}
.select_tune2 {font-size: 16px;width: 116px;padding: 4px 10px;border: 1px solid #d3d3d3;vertical-align: top;}

/*20230607_상장지원신청*/
.select_tune{font-size: 1em;width: 100%; padding: 5px 10px; border: 1px solid #f2b221;}
.home_step{padding: 20px 0;box-sizing: border-box;}
.home_step > ul{}
.home_step > ul > li{text-align: center;border: 3px solid #ddd;padding: 10px;width: calc(25% - 10px);border-radius: 15px; vertical-align: middle; box-sizing: border-box; float: left; margin: 0 5px;}
.home_step > ul > li > p{font-weight: bold;margin: 0;padding: 10px;}
.home_step > ul > li > h3{font-size: 17px;font-weight: bold;color: #08375f;}
.home_step > ul > li > span{margin: 10px 0;display: block;}
.home_step > ul > li > a{display: block; text-align: center; margin: 7px 25px; padding: 5px 0px;background: #f2b221;color: #fff;}
.step_on{border-color:#105fe1 !important;}
.home_step:after{content:"";clear:both;display:block}
.home_bx1{box-shadow: 0px 0px 3px 0px #777;width: calc(50% - 10px);height:475px;padding: 20px;box-sizing: border-box;float: left;margin: 5px;}
.desc_ttl{color:#08375f;font-weight:bold;position:relative;margin-left:10px;}
.home_bx1 > span{margin-left:10px;}
.desc_ttl:before{content:"";width:4px;height:4px;background:#08375f;position:absolute;left: -8px;top: 6px;}
.bx1_sub{margin-top:30px;}
.bx1_sub > p {display:inline-block; width:65px;}
.home_bx2{box-shadow: 0px 0px 3px 0px #777; font-size: 20px;text-align: center;width: calc(50% - 10px);height:95px;display: inline-block;vertical-align: top;font-weight: bold; color: #08375f;box-sizing: border-box; margin: 5px;}
.home_bx3{box-shadow: 0px 0px 3px 0px #777; display: inline-block;width: calc(50% - 10px);height: 475px;padding:20px;vertical-align: top;box-sizing: border-box;margin: 5px;}
.home_bx3 > h2{font-size: 22px; text-align: center;}
.home_bx3 > h2 > a > span{font-size: 20px; margin: 0 10px;}
.bx3_sub{border-top: 2px solid #ddd; padding: 10px 0;border-bottom: 2px solid #ddd;}
.bx3_sub > p{display: inline-block; width: 225px;}
.bx3_sub > span{color: #105fe1;width:100px;display:inline-block;text-align:center;}
.bx3_sub > a{float: right; background: #f2b221; color: #fff; padding: 5px 10px; margin-top: 11px;}
.home-bx4{box-shadow: 0px 0px 3px 0px #777;width: calc(100% - 10px);padding:20px;box-sizing: border-box;margin: 5px;}
.home-bx4 > a > span{display: inline-block;float: right;font-size: 25px; position: relative; top: 20px;right: 18px;}
.home-bx4 table{border-top:1px solid #777;}
.home-bx4 table td{border:none;}
.home-bx4 table td > div {background: #777;text-align: center;padding: 5px;color: #fff;margin: 5px}
.home-bx5{box-shadow: 0px 0px 3px 0px #777;width: calc(100% - 10px);padding:20px;height:270px;box-sizing: border-box;margin:10px 5px 50px 5px;}
.home-bx5 > a > span{display: inline-block;float: right;font-size: 16px;position: relative;top: 15px;right: 15px;background: #000;color: #fff;padding: 10px 15px;border-radius: 30px;box-shadow: 0 0 3px 0 #000000;}
.home-bx5 table{border-top:1px solid #777;}
.home-bx5 table td{border:none;}
.home-bx5 table td > div {background: #777;text-align: center;padding: 5px; color: #fff;margin: 5px}

#file_list > ul > li:before{content: "\ea8c"; position: relative; font-size: 22px; font-family: "xeicon"; color: #f2b221; left: -3px;}
#file_list > ul{    padding: 12px 17px; background: #efefef; border-radius: 10px;border:1px solid #d9d9d9;text-align:left;}
.btn_right{float:right;}
.btn_right > a{padding: 5px 20px;background: #555;color: #fff;border-radius: 30px;}

@media screen and (max-width:1259px) {
	header > .gnb {width:100%;}
	header > .gnb h1 {padding:22px 0 22px 20px;}
	header > .gnb > ul {padding-top:30px;}
	header > .gnb > ul > li {width:auto;}
	header .area {min-width:100%;}
	.container {width:100%;}
	.content {width:calc(100% - 220px); box-sizing:border-box;}
	footer > div > .container > ul {text-align:center;}
	footer > div > .container > ul > li {margin:0; width:30%; border:none;}
	footer > div > .container > ul > li > a {max-width:200px; border: 1px solid #ddd;}
}
@media screen and (max-width:1194px) {
	.footer_logo {margin-bottom:20px;}
	.footerrt {padding:60px 0 20px 0;}
	.footer_txt {width:100%; margin-top:0; text-align:center;}
}
@media screen and (max-width:960px) {
	.main01 .container {min-height:426px;}
}
@media screen and (max-width:344px) {
	.main01 .container {min-height:auto;}
}
/*대회정보-대회일정-대회요강 tbl_4 스타일추가*/
.tbl_4 table {border:1px solid #ccc;}
.tbl_4 table th {background-color:#eee;}
.tbl_4 table td {border:1px solid #ccc;}
/*대회정보 20250130 추가*/
.mt0 {margin-top:0 !important;}
td.nodata {height:100px; line-height:100px; text-align:center;}