/* (주)한신정보기술 XXX - 2017.09.11 */


/* 공정위뉴스 */
.cts3_title_box{position:relative;height:200px;margin-bottom:30px;background:url(/common/images/program/cts3_bg.png) left top no-repeat;overflow:hidden;}
.cts3_title_box:before{position:absolute;right:5px;bottom:0;display:inline-block;width:510px;height:173px;content:'';background:url(/common/images/program/cts3_bg02.png) left top no-repeat;background-size:cover;}
.cts3_title_box .inner_box{position:relative;padding:60px 0 0 50px;}
.cts3_title_box .title{padding-bottom:20px;font-size:40px;line-height:42px;color:#fff;text-shadow:rgba(0,0,0,0.8) 0 0 5px;}
.cts3_title_box .title span{color:#ffea00;}
.cts3_title_box .cont_box{font-size:15px;line-height:20px;color:#fff;}
.cts3_box .inner_box{float:right;width:48%;}
.cts3_box .inner_box:first-child{float:left;}
.cts3_box .title_box{margin-bottom:20px;border-bottom:1px solid #009fb0;}
.cts3_box .title_box .title{padding:16px 0 16px 20px;margin-bottom:20px;font-size:20px;line-height:22px;color:#fff;font-weight:600;background-color:#009fb0;}
.cts3_box .title_box .cont_box{position:relative;min-height:100px;padding:0 30px 25px 125px;}
.cts3_box .title_box .cont_box .date{position:absolute;left:0;top:0;width:95px;height:95px;text-align:center;color:#009fb0;border:2px solid #009fb0;}
.cts3_box .title_box .cont_box .date .day{display:block;padding:20px 0 5px;font-size:30px;line-height:34px;}
.cts3_box .title_box .cont_box .date .year{display:block;font-size:18px;line-height:20px;}
.cts3_box .title_box .cont_box .cont{display:block;color:#555;}
.cts3_box .title_box .cont_box .cont strong{display:block;padding:5px 0;font-size:20px;line-height:24px;color:#020202;font-weight:600;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.cts3_box .title_box .cont_box .cont span{display:block;height:60px;font-size:14px;line-height:20px;color:#555;overflow:hidden;}
.cts3_box .contents_box{}
.cts3_box .contents_box .cont_box{position:relative;padding:20px 5%;margin-bottom:15px;border:1px solid #e3e4e5;}
.cts3_box .contents_box .cont_box .title{font-size:20px;line-height:22px;color:#009fb0;}
.cts3_box .contents_box .cont_box .cont{padding-top:15px;}
.cts3_box .contents_box .cont_box .cont li{padding:5px 0;}
.cts3_box .contents_box .cont_box .cont li a{position:relative;display:block;padding-left:10px;font-size:14px;line-height:16px;color:#555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.cts3_box .contents_box .cont_box .cont li a:before{position:absolute;left:0;top:6px;display:inline-block;width:3px;height:3px;content:'';background-color:#015caa;}
.cts3_box .contents_box .cont_box .more{position:absolute;right:-1px;top:-1px;display:inline-block;width:50px;height:50px;color:transparent;background:url(/common/images/program/cts3_more.png) center center no-repeat;background-color:#009fb0;overflow:hidden;}
.cts3_box .inner_box.type2 .title_box{border-bottom:1px solid #005baa;}
.cts3_box .inner_box.type2 .title_box .title{background-color:#005baa;}
.cts3_box .inner_box.type2 .title_box .cont_box .date{color:#005baa;border:2px solid #005baa;}
.cts3_box .inner_box.type2 .contents_box .cont_box .title{color:#005baa;}
.cts3_box .inner_box.type2 .contents_box .cont_box .more{background-color:#005baa;}
@media screen and (max-width:800px) {
.cts3_title_box:before{width:300px;height:90px;}
}
@media screen and (max-width:640px) {
.cts3_title_box{text-align:center;}
.cts3_title_box:before{display:none;}
.cts3_title_box .inner_box{padding:60px 5% 0;}
.cts3_title_box .cont_box br{display:none;}
.cts3_box .inner_box{float:none !important;width:100%;}
}

/* 공정위뉴스>홍보자료>정책고객이메일서비스 */
.cts615_box{position:relative;margin-bottom:50px;}
.cts615_box:before{position:absolute;left:0;top:0;display:inline-block;content:'';border:15px solid transparent;border-left:15px solid #fff;border-top:15px solid #fff;}
.cts615_box .title_box{height:130px;background-color:#005baa;}
.cts615_box .title_box h3{padding-top:25px;font-size:25px;color:#fff;text-align:center;}
.cts615_box .contents_box{padding:0 25px;margin-top:-50px;}
.cts615_box .contents_box form{padding:45px;border-bottom:1px solid #005baa;background-color:#e2eef8;}
.cts615_box .contents_box h4{padding-left:10px;}
.cts615_box .contents_box h4:before{left:0;}
.cts615_box .contents_box .text_box{display:block;padding:20px 25px;background-color:#fff;}
.cts615_box .contents_box .text_box input{display:inline-block; width:36%; height:28px; margin:0; box-sizing:border-box;}
.cts615_box .contents_box .text_box .at_sign {display:inline-block; width:5%; text-align:center; vertical-align:middle;}
.cts615_box .contents_box .text_box select {display:inline-block; width:21%; margin-left:2%;}
.cts615_box .contents_box .check_box{display:block;margin-bottom:20px;}
.cts615_box .contents_box .check_box input{vertical-align:-2px;margin-right:5px;}
.cts615_box .contents_box .warning{margin:20px 0;background-color:#fff;}
.cts615_box .contents_box .warning .warning_text{padding:10px 0 10px 35px;background-position:left center;}
.cts615_box .contents_box .put_box{text-align:center;}
.cts615_box.type2 .title_box{background-color:#009fb0;}
.cts615_box.type2 .contents_box form{border-bottom:1px solid #009fb0;background-color:#e4f4f5;}
@media screen and (max-width:640px) {
.cts615_box .title_box h3{letter-spacing:-2px;}
.cts615_box .contents_box{padding:0 2%;}
.cts615_box .contents_box form{padding:45px 5%;}
.cts615_box .contents_box .text_box input {width:45%;}
.cts615_box .contents_box .text_box .at_sign {width:9%;}
.cts615_box .contents_box .text_box select {display:block; width:100%; margin-top:10px; margin-left:0;}
}

/* 정책/제도>정책/제도 */
.cts20_box{position:relative;margin-bottom:8px;border:1px solid #e7e7e7;background-image:url(/common/images/program/cts20_bg01.jpg);background-position:right top;background-repeat:no-repeat;}
.cts20_box:before{position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;content:'';background-color:#3680c5;opacity:0.7;}
.cts20_box .title_box{position:absolute;top:0;width:220px;height:100%;text-align:center;background-color:#3680c5;}
.cts20_box .title_box:after{position:absolute;top:50%;display:inline-block;content:'';margin-top:-20px;border:20px solid transparent;}
.cts20_box .title_box .inner_box{position:relative;}
.cts20_box .title_box .inner_box:after{position:absolute;left:50%;bottom:0;display:inline-block;width:37px;height:37px;margin-left:-18px;content:'';background:url(/common/images/program/cts20_more.png) center center no-repeat;}
.cts20_box .title_box p{font-size:15px;line-height:16px;color:#fff;opacity:0.8;}
.cts20_box .title_box .title{padding-top:8px;font-size:25px;line-height:26px;color:#fff;}
.cts20_box .contents_box{position:relative;z-index:11;padding:20px;}
.cts20_box .contents_box li{float:left;width:31.3%;padding:8px 1%;}
.cts20_box .contents_box li a{position:relative;display:block;padding:8px 5%;font-size:15px;line-height:16px;color:#fff;font-weight:600;letter-spacing:-1px;border:1px solid #fff;}
.cts20_box .contents_box li a:hover{color:#fcff00;}
.cts20_box .contents_box li a:hover:before{position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;content:'';background-color:#FFF;opacity:0.1;}
.cts20_box.type1{background-image:url(/common/images/program/cts20_bg01.jpg);}
.cts20_box.type1:before{background-color:#1f67ab;}
.cts20_box.type1 .title_box{left:0;}
.cts20_box.type1 .title_box:after{right:-40px;border-left:20px solid #3680c5;}
.cts20_box.type1 .title_box .inner_box{padding-top:75px;}
.cts20_box.type1 .title_box .inner_box:after{bottom:-70px;}
.cts20_box.type1 .contents_box{padding-left:255px;}
.cts20_box.type2{background-image:url(/common/images/program/cts20_bg02.jpg);background-position:left top;}
.cts20_box.type2:before{background-color:#007c89;}
.cts20_box.type2 .title_box{right:0;background-color:#008e9d;}
.cts20_box.type2 .title_box:after{left:-40px;border-right:20px solid #008e9d;}
.cts20_box.type2 .title_box .inner_box{padding-top:45px;}
.cts20_box.type2 .title_box .inner_box:after{bottom:-60px;}
.cts20_box.type2 .contents_box{padding:50px 255px 50px 20px;}
.cts20_box.type3{background-image:url(/common/images/program/cts20_bg03.jpg);}
.cts20_box.type3:before{background-color:#06773c;}
.cts20_box.type3 .title_box{left:0;background-color:#0E8D4B;}
.cts20_box.type3 .title_box:after{right:-40px;border-left:20px solid #0E8D4B;}
.cts20_box.type3 .title_box .inner_box{padding-top:25px;}
.cts20_box.type3 .title_box .inner_box:after{bottom:-50px;}
.cts20_box.type3 .contents_box{padding:50px 20px 50px 255px;}
.cts20_box02{margin:40px 0;}
.cts20_box02 li{float:left;width:20%;}
.cts20_box02 li a{display:block;color:#555;text-align:center;}
.cts20_box02 li a:hover{color:#005baa;}
.cts20_box02 li .img_box{display:inline-block;width:116px;vertical-align:middle;}
.cts20_box02 li .img_box img{width:100%;vertical-align:middle;}
.cts20_box02 li .title{display:block;padding:15px 0;font-size:15px;line-height:18px;}
@media screen and (max-width:800px) {
.cts20_box{background-size:cover;}
.cts20_box .title_box{position:static;width:100%;}
.cts20_box .title_box:after{display:none;}
.cts20_box .title_box .inner_box{padding:30px 0 !important;}
.cts20_box .title_box .inner_box:after{display:none;}
.cts20_box .contents_box{padding:30px 2% !important;}
.cts20_box02 li .img_box{width:90px;}
}
@media screen and (max-width:640px) {
.cts20_box .contents_box{padding:30px 5% !important;}
.cts20_box .contents_box li{width:48%;}
.cts20_box02 li{width:50%;height:auto;padding:10px 0;}
.cts20_box02 li .img_box{width:50px;}
.cts20_box02 li .title{display:inline-block;width:120px;padding:0;text-align:center;vertical-align:middle;}
}
@media screen and (max-width:500px) {
.cts20_box .contents_box li{float:none;width:100%;margin:0;}
}

/*팝업존*/
.popupzone  { margin-bottom:30px; border-top:1px solid #000;}
.popupzone .popup_list { background:url(/common/images/program/popup_bg.gif) repeat;}
.popupzone .popup_list li { float:left; width:33.33%; padding:28px 0 27px; }
.popupzone .popup_list li a { display:block; width:230px; margin:0 auto;}
.popupzone .popup_list li .img_area { display:block; width:220px; height:146px; margin:0 auto 10px; border:1px solid #dadada; }
.popupzone .popup_list li .img_area img { max-width:100%; max-height:100%;}
.popupzone .popup_list li .text_area { display:block; overflow:hidden; height:46px; color:#555; line-height:22px; text-align:center; }

@media all and (max-width:800px) {
	.popupzone .popup_list {text-align:center;}
	.popupzone .popup_list li { display:inline-block; float:none; width:250px; padding:28px 0;}
}

/*배너존*/
.bannerzone  { margin-bottom:30px; border-top:1px solid #000;}
.bannerzone .banner_list { background:url(/common/images/program/banner_bg.gif) repeat;}
.bannerzone .banner_list li { float:left; width:33.33%; padding:26px 0; }
.bannerzone .banner_list li a { display:block; width:230px; margin:0 auto;}
.bannerzone .banner_list li a .img_area { display:block; width:180px; height:50px; margin:0 auto 10px; border:1px solid #dadada; }
.bannerzone .banner_list li a .img_area img { max-width:100%; max-height:100%;}
.bannerzone .banner_list li a .text_area { display:block; overflow:hidden; height:46px; color:#555; line-height:22px; text-align:center; }

@media all and (max-width:800px) {
	.bannerzone .banner_list {text-align:center;}
	.bannerzone .banner_list li { display:inline-block; float:none; width:250px;}
}

/* 사이트맵 */
#sitemap .sitemap_item { position:relative; padding:30px 0 30px 180px;  border-top:1px solid #dadada; }
#sitemap .sitemap_item h3 { position:absolute; left:0; top:-1px; width:125px; border-top:2px solid #2e5fb6; }
#sitemap .sitemap_item h3 a { display:block; padding-top:25px;   font-size:22px; font-weight:600; color:#2253a5; }
#sitemap .sitemap_item .sitemap_row { margin-bottom:30px;}
#sitemap .sitemap_item .sitemap_row li { float:left; width:31%; padding-left:2.33%;}
#sitemap .sitemap_item .sitemap_row>li>a { display:block; padding:15px 0; background:#fcfcfc; border:1px dotted  #7c7c7c; font-size:17px; line-height:20px; color:#333; text-align:center;}
#sitemap .sitemap_item .sitemap_row li ul { padding:15px 0;}
#sitemap .sitemap_item .sitemap_row li ul li { float:none; width:100%;}
#sitemap .sitemap_item .sitemap_row li ul li a { display:block; margin-left:10px; padding-left:10px; background:url(/common/images/program/sitemap_bu.gif) no-repeat left 11px;}

@media all and (max-width:800px) {
	#sitemap .sitemap_item {  padding:0 0 30px 0;}
	#sitemap .sitemap_item h3  { position:static; margin:-1px 0 30px; }
	#sitemap .sitemap_item .sitemap_row li {  width:31.33%; padding:0 1%;}
}

@media all and (max-width:640px) {
	#sitemap .sitemap_item .sitemap_row li {  width:100%; padding:0; margin-bottom:5px;}
}

/* 전문용어 사전 */
#dictionary .search_box { padding:25px 0;  background:#fafafa; border-top:2px solid #000; border-bottom:1px solid #ddd; }
#dictionary .search_box .search_wrap { width:400px; margin:0 auto; text-align:center;}
#dictionary .search_box .search_wrap label { display:inline-block; padding-left:10px; background:url(/common/images/program/dictionary_bu.gif) no-repeat left 10px;  color:#555; vertical-align:middle; }
#dictionary .search_box .search_wrap .input_text { width:215px;  height:33px; padding:5px;  border:1px solid #bbbbbb; line-height:33px;} 
#dictionary .search_box .search_wrap .submit { width:95px; height:45px; padding:0; background:#005baa; border:none; color:#fff;  }
#dictionary .search_box .spelling_list { width:88%; margin:30px auto 0;}
#dictionary .search_box .spelling_list ul { display:inline-block;}
#dictionary .search_box .spelling_list ul li { float:left; margin:0 10px 5px;}
#dictionary .search_box .spelling_list ul li a { display:block; padding:9px 10px;  border:1px dotted #555555; box-sizing:border-box; line-height:15px; }
#dictionary .search_box .spelling_list ul li a.on { background:#6e8ba4; border:1px solid #6e8ba4; color:#fff; }
#dictionary .search_box .spelling_list p.word_total { float:right; margin-top:5px;}

#dictionary .search_list li { margin-bottom:15px;}
#dictionary .search_list li a { display:block; padding:30px; border:1px solid #dadada;  text-decoration:none;}
#dictionary .search_list li a span { display:block;  text-decoration:none;}
#dictionary .search_list li a span.tit { margin-bottom:20px; color:#005baa;}
#dictionary .search_list li a span.text { color:#555555;}
#dictionary .search_list li a:hover {padding:27px; border:4px solid #005baa;} 
#dictionary .search_list li a:hover span.tit { font-weight:600;}
#dictionary .search_list li a:hover span.text { text-decoration:underline;} 

@media all and (max-width:450px) {
	#dictionary .search_box .search_wrap { width:88%;}
	#dictionary .search_box .search_wrap .input_text  { width:100%; box-sizing:border-box;}
	#dictionary .search_box .search_wrap .submit  {  width:100%;}
}

/*달력 폼 - 위원장 일정, 방문상담예약*/
.cal.box.type2 .box_wrap:before  { background-image:url(/common/images/program/calendar_icon.png);}
.calendar_wrap .left_area {float:left; width:340px; }
.calendar_wrap .right_area { float:right; width:520px; }
.calendar_wrap .warning p { color:#1959af;}
.calendar_wrap .calendar { border:1px solid #ddd; }
.calendar .calendar_top {width:100%; padding:15px 0; text-align:center;}
.calendar .calendar_top h3 {display:inline-block;margin:0 20px;padding:0; color:#005baa;font-size:20px;font-weight:600; line-height:20px; vertical-align:middle; font-family:"Malgun Gothic","맑은 고딕";} 
.calendar .calendar_top h3:before{display:none;}
.calendar .calendar_top a{display:inline-block;width:24px;height:24px;background:url(/common/images/program/calendar_ctrl.png) no-repeat;font-size:0;vertical-align:middle;}
.calendar .calendar_top .cal_prev{background-position:left top;}
.calendar .calendar_top .cal_next{background-position:right top;}
.calendar .calendar_table{width:100%;}
.calendar .calendar_table thead th {padding:9px 0; background:#005baa; font-weight:600; color:#fff; }
.calendar .calendar_table thead th.sun { color:#ffb4b4;}
.calendar .calendar_table thead th.sat { color:#8fb0ff;}
.calendar .calendar_table .day{display:block;}
.calendar .calendar_table .sun .day{color:#ed1d25;font-weight:600;}
.calendar .calendar_table .sat .day{color:#0255a6;font-weight:600;}
.calendar .calendar_table tbody { text-align:center;}
.calendar .calendar_table tbody td { padding:2px 0; text-align:center;}
.calendar .calendar_table tbody td a {display:block;width:34px; height:34px; margin:0 auto;}
.calendar .calendar_table tbody td a.on { border:3px solid #005baa;  border-radius:20px;  box-sizing:border-box;}

/*위원장일정 사용*/
.calendar_wrap .text_group h3 { padding:20px 0; border:1px solid #005baa; color:#005baa; text-align:center; line-height:16px;}
.calendar_wrap .text_group ul  { margin-top:30px;}
.calendar_wrap .text_group ul li { position:relative; padding:13px 0 13px 75px ; border-bottom:1px dashed #dadada; line-height:18px; color:#555555;}
.calendar_wrap .text_group ul li span.time { position:absolute; top:13px; left:5px;width:70px; }

/*방문상담예약 사용*/
.calendar_wrap .table_group .table .btn { width:90px; padding-left:0; padding-right:0;  text-align:center;}


@media all and (max-width:800px) {
	.calendar_wrap .left_area  { width:100%; margin-bottom:30px; }
	.calendar_wrap .right_area { width:100%;}
}

/* 주요상담 사례 */
#qna .box.type2 .box_wrap:before  { background-image:url(/common/images/program/qna_icon.png);}
#qna .search_box { margin:10px 0; padding:25px 0;  background:#fafafa; border-top:2px solid #000; border-bottom:1px solid #ddd; }
#qna .search_box ul  { width:90%; margin:0 auto;}
#qna .search_box ul li  { margin-bottom:5px;}
#qna .search_box ul li label { display:inline-block; margin-right:1%; padding-left:10px; background:url(/common/images/program/qna_bu.gif) no-repeat left 10px;}
#qna .search_box ul li select { width:415px; height:45px;}
#qna .search_box ul li .input_text { height:45px; }
#qna .search_box ul li .btn { width:95px; padding-left:0; padding-right:0;}
#qna .search_box ul li .btn.type3 { background:#fff; }
#qna .board_link ul { padding:20px;  border:1px solid #d5d5d5;}
#qna .board_link ul li { float:left; width:44%; margin-right:1%;}
#qna .board_link ul li a:hover { color:#005baa;}

@media all and (max-width:800px) {
	#qna .search_box ul li select  { width:100%;margin-bottom:3px; box-sizing:border-box;}
	#qna .search_box ul li .input_text { width:100%; margin-bottom:3px; box-sizing:border-box; }
	#qna .search_box ul li .btn { width:100%;  box-sizing:border-box;}
	#qna .board_link ul li { width:100%; margin-right:0;}
}

@media all and (max-width:640px) {
	#qna .search_box {font-size:13px;}
}


/* 대규모기업집단지정현황*/

.form_table tbody {text-align:left;}
.form_table tbody th { text-align:center; background:#f8f8f8;}
.form_table tbody select {min-width:150px; margin-right:30px;}
.form_table tbody em,.form_table tbody span { display:inline-block;}

/* 데이터 개방 > 통신판매사업자 및 그외 사용-범용적 사용가능*/
.form_box {text-align:center;}
.form_box select {min-width:130px; height:45px; padding:0;}
.form_box input[type="text"] { height:45px; box-sizing:border-box;}
.form_box span { display:inline-block;}/*라벨, 인풋요소를 묶는데 사용*/

@media all and (max-width:640px) {
	.form_box select { width:100%; box-sizing:border-box;}
	.form_box input[type="text"] { width:100%;}
	.form_box .btn {width:100%; box-sizing:border-box;}
}


/* 재정정보공개 */
.wrap-loading { /*화면 전체를 어둡게 합니다.*/
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000'); /* ie */
}

.wrap-loading div { /*로딩 이미지*/
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
}

.display-none { /*감추기*/
    display: none;
}
