@charset "utf-8";

.reportLst .inner {max-width:1440px;}
.report .inner {max-width:808px;}

.reportLst *,
.reportView *,
.report * {letter-spacing:-0.055em;}

.sh_01{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; font-size:18px; color:#333; font-weight:900; margin-bottom:1.22em;padding-bottom:1.22em;border-bottom:1px solid #eee;}
.sh_01:before{content:""; display:block; width:6px; height:6px;background:#142FA4; margin-top:0.1em; margin-right:0.67em;}


/* 상단 탭 */
.sub_tab {margin:5em 0 3em;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;justify-content: center;}
.sub_tab li {width:180px;}
.sub_tab li.on a {background:#142FA4;color:#fff;}
.sub_tab li a {width:100%;height:50px;padding:0 20px;font-size:16px;font-weight:500;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;justify-content: center;text-align:center;border:1px solid #eee;border-left:none;}
.sub_tab li:first-child a {border-left:1px solid #eee;}

/* 제보 리스트 */
.sub_report_list:after {content:"";display:block;clear:both;}
.sub_report_list .report_item {float:left;width:calc(33.33% - 32px);margin:0 16px 4.4em;vertical-align:top;}
.sub_report_list .report_item a {display:block;transition: transform 0.2s}
.sub_report_list .report_item a figure {width:100%;height:0;padding-bottom:100%;position:relative;}
.sub_report_list .report_item a figure img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;}
.sub_report_list .report_item .content .category {display:block;padding-top:1.5em;margin-bottom:0.5em;font-size:17px;color:#0557ff;font-weight:700;}
.sub_report_list .report_item .content .title {margin-bottom:0.8em;font-size:20px;font-weight:700;color:#333;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;line-height:1.2em}
.sub_report_list .report_item .content .period {display:block;font-size:14px;color:#888;letter-spacing:-0.035em; }

.sub_report_list .end_infoTxt {display:none;}
.sub_report_list.end .end_infoTxt {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.73);z-index:3;text-align:center;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;justify-content: center;color:#fff;font-size:18px;letter-spacing:-0.035em;}


/* 제보 뷰 */
.sub_report_view {max-width:1200px;margin:0 auto;}
.sub_report_view > .top {margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #eee; text-align:center;}
.sub_report_view .top .title{text-align:center; font-size:32px; font-weight:900; line-height:1.2em; word-break:keep-all; color:#000; margin-bottom:0.5em;}
.sub_report_view .top .category{margin:0 auto 0.8em;color:#142FA4;font-weight:700;font-size:18px;}
.sub_report_view .top .period{ font-weight:500; color:#aaa; letter-spacing: -0.01em; font-family: 'Montserrat', sans-serif;}
.sub_report_view .content img {max-width:100%;}


/* 제보 신청 */
.profileBox {display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start;flex-wrap:wrap;justify-content: space-between;padding:0.5em 0;border-bottom:1px solid #eee;}
.profileBox li {width:49%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align: start; -webkit-align-items: start; -moz-box-align: start; -ms-flex-align: start; align-items: start;margin-bottom:1.22em;font-size:16px;color:#555}
.profileBox li.long {width:100%;}
.profileBox li .tit {width:110px;flex:0 0 110px;color:#142FA4;font-weight:700;}
.profileBox li .txt {width:calc(100% - 110px)}
.profileBox_btBtn {margin-top:10px;margin-bottom:3em;text-align:right;}
.profileBox_btBtn button {margin-left:auto;}

.gline_inputbox {padding:30px;border:6px solid #eee;margin-bottom:10px;box-sizing:border-box;}
.gline_inputbox h5 {color:#142FA4;font-weight:700;font-size:16px;letter-spacing:-0.075em;margin-bottom:1.22em;line-height:1.3}
.gline_inputbox .stxt {color:#888;font-size:15px;line-height:1.5em;margin-bottom:1.5em;word-wrap:break-word;word-break:keep-all;}
.gline_inputbox .cont_tit {margin:1.5em 0 1em 0;color:#555}
.gline_inputbox label {margin-bottom:0.6em;}
.gline_inputbox .labelTxt {margin-right:2em;}
.gline_inputbox.label_block label {display:block;}

.gline_inputbox.pic {padding:15px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;}
.gline_inputbox.pic:after {content:"";display:block;clear:both;}
.gline_inputbox.pic .pictxtBox {width:calc(100% - 160px);padding:15px 15px 70px;position:relative;}
.gline_inputbox.pic .pictxtBox button {position:absolute;bottom:15px;left:15px;}
.gline_inputbox.pic .picimgBox {width:160px;}
.gline_inputbox.pic .picimgBox p {width:100%;height:0;padding-bottom:141.25%;position:relative;background:url(../img/sub/picimgBox_bg.png) no-repeat center center;background-size:100% auto;}
.gline_inputbox.pic .picimgBox p:before {content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:1px solid #eee;z-index:2;}
.gline_inputbox.pic .picimgBox img {position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;}
.gline_inputbox textarea {width:100%;height:150px;padding:20px;border:1px solid #eee;resize:none;font-size:inherit; font-family: inherit;color:#333;}
.gline_inputbox input[type="text"],
.gline_inputbox input[type="password"],
.gline_inputbox input[type="tell"]{width:100%;height:42px;padding:0 20px;border:1px solid #eee;}
.gline_inputbox textarea::placeholder,
.gline_inputbox input::placeholder {color:#888;}
.profileBox .input-box{display:flex; width: 100%;}
.profileBox .input-box input[type="text"]{width:calc(100% - 134px);height:42px;padding:0 20px;border:1px solid #eee;}
.profileBox .input-box button, .profileBox .input-box span{display:flex; align-items:center; justify-content:center;width:130px; height:42px; white-space: nowrap; margin-left:4px;}

/* 제보 확인 */
.gline_compbox {border:6px solid #eee;text-align:center;padding:100px 20px;box-sizing:border-box;word-wrap:break-word;word-break:keep-all;}
.gline_compbox .btxt {font-size:20px;font-weight:700;color:#142FA4;margin-bottom:1em;line-height:1.6em;}
.gline_compbox .stxt {font-size:18px;font-weight:500;color:#555;line-height:1.6em;}

/* button */
.btn_wrap{margin-top:60px;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.btn_wrap button,
.btn_wrap a{margin: 0 0.5em;}

 /* 버튼 크기 */
.b_btn {display:inline-block;width:200px;height:60px;padding:0 15px;border:none;cursor:pointer;line-height:normal;box-sizing:border-box;text-align:center;transition:all 0.3s;border-radius:5px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;justify-content: center;}
.b_btn span {display:inline-block;font-size:18px;letter-spacing:-0.075em;position:relative;font-weight:700;}
.md_btn {display:inline-block;width:120px;height:42px;padding:0 15px;border:none;cursor:pointer;line-height:normal;box-sizing:border-box;text-align:center;transition:all 0.3s;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center;justify-content: center;}
.md_btn span {display:inline-block;font-size:15px;position:relative;font-weight:500;}

/* 버튼 색상 */
.btn_gl {border:1px solid #e3e8f0;background:#fff;}
.btn_bk {background:#000000;}
.btn_bk span {color:#fff;}
.btn_bl {background:#142FA4;}
.btn_bl span {color:#fff;}

/* checkbox */
.chkBox {display:inline-block;min-height:22px;padding-left:22px;font-size:15px;color:#555;position:relative;}
.chkBox input {display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:inherit;color:inherit;-webkit-border-radius:0;outline-style:none;margin:0;padding:0;border:0}
.chkBox .box {display:block;position:absolute;top:0;left:0;width: 22px; height: 22px; cursor: pointer; background: url('../img/common/check2_off.svg') no-repeat center / 22px 22px;-webkit-box-flex: 0; -webkit-flex: 0 0 22px; -moz-box-flex: 0; -ms-flex: 0 0 22px; flex: 0 0 22px; opacity: 0.5;}
.chkBox .labelTxt {display:inline-block;padding:0 10px;cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;vertical-align:top;line-height:1.4em; word-break:break-all;}
.chkBox input:checked ~ .box {background: url('../img/common/check2_on.svg') no-repeat center / 22px 22px; opacity: 1;}
.chkBox input[type=checkbox]:checked ~ .labelTxt {color:#333;}

/* radio */
.radioBox {display:inline-block;min-height:22px;padding-left:22px;font-size:15px;color:#555;position:relative;}
.radioBox input {display:inline;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:inherit;color:inherit;-webkit-border-radius:0;outline-style:none;margin:0;padding:0;border:0}
.radioBox .box {display:block;position:absolute;top:0;left:0;width: 22px; height: 22px; cursor: pointer; background: url('../img/common/radio2_off.svg') no-repeat center / 22px 22px;-webkit-box-flex: 0; -webkit-flex: 0 0 22px; -moz-box-flex: 0; -ms-flex: 0 0 22px; flex: 0 0 22px; opacity: 0.5;}
.radioBox .labelTxt {display:inline-block;padding:3px 0.5em 0;cursor: pointer; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; transition: color 0.2s;vertical-align:top;line-height:1.4em;}
.radioBox input:checked ~ .box {background: url('../img/common/radio2_on.svg') no-repeat center / 22px 22px; opacity: 1;}
.radioBox input[type=radio]:checked ~ .labelTxt {color:#333;}

/* hover */
@media screen and (min-width:1200px){

	/* 제보 리스트 */
	.sub_report_list .report_item a:hover,
	.sub_report_list .report_item a:focus {-webkit-transform: translateY(-10px);-moz-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px)}
}

/* responsive */
@media screen and (max-width:1200px){

	/* 상단 탭 */
	.sub_tab {margin-top:3em;}
	.sub_tab li a {height:50px;font-size:16px;}


	/* 제보 리스트 */
	.sub_report_list .report_item {width:calc(50% - 10px);margin:0 20px 3em 0;vertical-align:top;}
	.sub_report_list .report_item:nth-child(2n) {margin-right:0;}
	.sub_report_list .report_item .content .category {font-size:16px;}
	.sub_report_list .report_item .content .title {font-size:16px;}

	.sub_report_list.end .end_infoTxt {font-size:14px;}


	/* 제보 뷰 */
	.sub_report_view .top .title{font-size:24px;line-height:1.5em;}
	.sub_report_view .top .category{font-size:16px;}


	/* 제보 확인 */
	.gline_compbox .btxt {font-size:18px;}
	.gline_compbox .stxt {font-size:16px;}


	/* button */
	.b_btn {height:50px;}
	.b_btn span {font-size:16px;}
}
@media screen and (max-width:800px){
	
	.gline_inputbox.sns label,
	.gline_inputbox.years label {display:block;}
}
@media screen and (max-width:600px){

	.profileBox li {width:100%;}
	.profileBox li .tit {width:90px; flex:0 0 90px;}
	.profileBox li .txt {width:calc(100% - 90px)}
	.profileBox li.long{display:block;}
	.profileBox li.long .tit{display:block; margin-bottom:8px}
	.profileBox .input-box input[type="text"]{width:calc(100% - 86px)}
	.profileBox .input-box button{width:82px}

	.gline_inputbox {padding:25px 20px;}
	.gline_inputbox.pic .pictxtBox {width:65%;padding:10px 5px 60px;}
	.gline_inputbox.pic .pictxtBox button {bottom:5px;left:5px;}
	.gline_inputbox.pic .picimgBox {width:35%;}
}

@media screen and (max-width:400px){

	.gline_inputbox.pic .picimgBox p {margin-top:45px;}

	.gline_inputbox.onoff label {display:block;}
}

/* 240415 - 커넥티즈 신청폼 css충돌해결 */
.chkBox input[type="checkbox"], .chkBox input[type="radio"]{position: absolute !important; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; white-space: nowrap;}