@charset "utf-8";

/*공통*/

/* input common */
.inp_txt_wrap{display:block;position:relative;height:53px;border:1px solid #e1e1e1}
.inp_txt_wrap .inp_txt{width:100%;height:100%;padding:0 10px;font-size:14px;background:#fff;color:#000;box-sizing:border-box;}

.inp_chk_wrap{display:inline-block;position:relative;font-size:0;}
.inp_chk_wrap .input_check{position:absolute;top:4px;left:0;width:8px;height:8px;}
.inp_chk_wrap .input_check + label{display:inline-block;position:relative;font-size:14px;color:#7a7a7a;line-height:24px;cursor:pointer;}
.inp_chk_wrap .input_check + label:before{display:inline-block;width:24px;height:24px;margin-right:5px;background:url(../../common/img/inp_chk.png) 50% 0 no-repeat;vertical-align:top;content:''}
.inp_chk_wrap .input_check:checked + label:before{background-image:url(../../common/img/inp_chk_on.png)}

.inp_txt_wrap2{display: block; position: relative; height: 50px; padding-left: 20%; }
.inp_txt_wrap2 label{position: absolute; top: 0; left: 0; width: 100%; font-size: 16px; color: #000; letter-spacing: -0.05em; line-height: 50px; cursor: pointer; }
.inp_txt_wrap2 .inp_txt{width: 100%; height: 100%; padding: 0 10px; border: 1px solid #e1e1e1; font-size: 16px; color: #000; box-sizing: border-box; }
.inp_txt_wrap2 .inp_txt.focus{position: relative; z-index: 5; background: #fff; }
.inp_txt_wrap2 .placeholder{position: absolute; top: 50%; left: 20%; margin-top: -11px; padding: 0 2%;font-size: 16px; color: #cacaca; letter-spacing: -0.05em; line-height: 20px; }

.btn_wrap{margin-top:30px}
.btn_wrap.center { text-align: center; }
.btn_wrap .btn { display: inline-block; padding: 7px 50px; border-radius: 2px; font-size: 15px; color: #fff; border: 1px solid #015d99;background:#015d99; text-align: center; vertical-align: middle; }
.btn_wrap .bg_point { border-color: #ff5f62; background-color: #ff5f62;}
.btn_wrap .bg_gray { border-color: #8f8f8f; background-color: #8f8f8f;}
.btn_wrap .btn_full { display: block; width: 100%; padding: 7px 0; box-sizing: border-box; }


/*로그인*/
.loginBox{position:relative;width:100%;margin:0 auto;padding:50px 0}
.loginBox .etcBtn{position:absolute;right:0;top:20px;}
.loginBox .loginimg{display:block;width:100%;height:110px;margin-bottom:40px;background: url(../../common/img/loginboxbg.png) 50% 0 no-repeat;}
.loginBox .sub_title{font-size:30px;font-weight:400;color:#383838;text-align:center;}
.loginBox .sub_text{display:block;font-size:18px;font-weight:400;color:#ff5f62;text-align:center;line-height:30px;}
.loginBox .w{overflow:hidden;max-width:368px;margin:0 auto;padding:45px 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.loginBox ul.loginForm{position:relative;width:100%;}
.loginBox ul.loginForm li.txt{margin-bottom:10px;overflow:hidden;list-style:none;}
.loginBox ul.loginForm li.txt label{display:none;}
.loginBox ul.loginForm li.txt .if{display:block;overflow:hidden;border:1px solid #d2d2d2;}
.loginBox ul.loginForm li input[type=text],.loginBox ul.loginForm li input[type=password]{width:100%;height:50px !important;padding-left:15px;border:none;box-sizing: border-box;}
.loginBox ul.loginForm li.last button{width:100%;height:50px;color:#fff;font-size:24px;text-align:center;background-color:#2171a6;box-sizing:border-box;-webkit-box-sizing:border-box;border-radius:2px}
.loginBox ul.loginForm li.txt.etc{margin-top:20px;margin-bottom:20px;}
.loginBox ul.loginForm li.txt .user_info{float:right;}
.loginBox ul.loginForm li.txt .user_info a{font-size:14px;color:#7a7a7a;vertical-align:middle;position:relative;}
.loginBox ul.loginForm li.txt .user_info a:last-child{margin-left:30px;}
.loginBox ul.loginForm li.txt .user_info a:last-child:before{display: block;content: "";height: 13px;width: 1px;background-color: #c3c3c3;position: absolute;left: -15px;top: 50%; margin-top:-6px;}
.loginBox ul.loginForm li.txt .id_save label{display:inline-block;font-size:14px;font-weight:bold;color:#7a7a7a;}
/* .btnwrap{overflow: hidden;padding: 40px 120px;max-width:1200px;margin: auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} */


@media screen and (max-width: 1024px){
	.loginBox .w{max-width:100%;padding:20px 0;}
	.loginBox ul.loginForm{float:none;margin:auto;clear: left;}
}

@media screen and (max-width: 800px){
}
@media screen and (max-width: 480px){
	.loginBox .sub_title{font-size:19px}
	.loginBox .sub_text{font-size:13px}
	.loginBox ul.loginForm li input[type=text], .loginBox ul.loginForm li input[type=password]{height:35px !important}
	.loginBox ul.loginForm li.txt .id_save label{font-size:12px}
	.loginBox ul.loginForm li.txt .user_info a{font-size:12px}
}

/*회원가입*/
ul.stepList{overflow:hidden;max-width:750px;margin:0 auto;margin-bottom:70px;}
ul.stepList > li{float:left;width:25%;height:60px;line-height:60px;color:#fff;font-weight: 500;font-size:14px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
ul.stepList > li em{font-size:16px;padding-right:5px;letter-spacing:-1px;}
ul.stepList > li.step01{padding-left:30px;background:#8c8585;}
ul.stepList > li.step02{padding-left:40px;background:#acacac url('../img/sub/step_arrow3.png') left center no-repeat;}
ul.stepList > li.step03{padding-left:40px;background:#8c8585 url('../img/sub/step_arrow2.png') left center no-repeat;}
ul.stepList > li.step04{padding-left:40px;background:#acacac url('../img/sub/step_arrow3.png') left center no-repeat;}
ul.stepList > li.step01.on{background:#c3272d;}
ul.stepList > li.step02.on{background:#c3272d url('../img/sub/step_arrow3.png') left center no-repeat;}
ul.stepList > li.step03.on{background:#c3272d url('../img/sub/step_arrow2.png') left center no-repeat;}
ul.stepList > li.step04.on{background:#c3272d url('../img/sub/step_arrow3.png') left center no-repeat;}
ul.stepList > li.on + li.step02{background:#acacac url('../img/sub/step_arrow1.png') left center no-repeat;}
ul.stepList > li.on + li.step03{background:#8c8585 url('../img/sub/step_arrow1.png') left center no-repeat;}
ul.stepList > li.on + li.step04{background:#acacac url('../img/sub/step_arrow1.png') left center no-repeat;}

@media screen and (max-width: 600px){
	ul.stepList > li{float:none;width:auto;display:none;height:50px;line-height:50px;background:none;}
	ul.stepList > li.on{display:block !important;background:#c3272d !important;}
}


.blind {height: 0;    text-indent: -9999px;      display: inline-block;  overflow: hidden;}



/*인증및동의*/
div.sub_inner ul.idenList{padding-left:0;max-width:1200px;margin:auto;}
.idenBox{text-align: center;}
.idenBox ul.idenList{overflow:hidden;list-style:none;}
.idenBox ul.idenList > li{float: left;border-right: 1px solid #ededed;background-color: #f7f7f7;}
.idenBox ul.idenList > li.d2{width:50%;}
.idenBox ul.idenList > li.d3{width:33.3%;}
.idenBox ul.idenList > li.last{float:none;width:auto;overflow:hidden;border-right:none;}
.idenBox ul.idenList > li > .w{padding: 70px 0;}
/*.idenBox ul.idenList > li > .w{background:#f7fafe url('../img/member/join_bg03.png') center 110px no-repeat;}*/
.idenBox ul.idenList .tit{font-size: 30px;font-weight:600;margin-bottom: 10px;}
.idenBox ul.idenList .txt{font-size: 15px;color: #5c5c5c;margin-bottom: 20px;}
.idenBox ul.idenList .txt a{font-size: 13px;color: #465266;font-family: "squareB";text-decoration: underline;margin-top: 25px;display: block;}
.idenBox ul.idenList .btn{display: block;width: 250px;height: 45px;line-height: 45px;margin: auto;text-align: center;font-size: 22px;color: #fff;font-family: "squareB";transition: 0.5s all;background-color: #2171a6;}
.idenBox ul.idenList .btn:hover{background-color: #314755;}

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

}

@media screen and (max-width: 800px){
	.idenBox ul.idenList > li{float:none;width:auto !important;min-height:initial;min-height:auto;border-right:none;border-bottom:1px solid #ededed;}
}

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

}


/*가입폼*/
.joinWrap{margin:0 auto;}
.joinWrap > .w{margin-bottom:30px;}


/*가입폼*/
table.joinForm{width:100%;border-top:3px solid #e2383f;}
table.joinForm.tp02{border-top:1px dotted #afafaf}
table.joinForm th{padding-right:20px;text-align:right;font-weight:bold;font-size:13px;background-color:#f7f7f7;border-right:1px solid #e0e1e1;border-bottom:1px solid #e0e1e1;}
table.joinForm.tp02 th{padding-right:10px;background-color:#fff;border-right:none;border-bottom:1px dotted #afafaf}
table.joinForm td{padding:8px 15px 8px 10px;border-bottom:1px solid #e0e1e1;font-size:12px;}
table.joinForm.tp02 td{border-bottom:1px dotted #afafaf}
table.joinForm td.n{padding:12px 15px 12px 10px;}
table.joinForm td.bb{border-bottom:none;}
table.joinForm .msg{padding-top:5px;}
table.joinForm .formBtn{height:24px;line-height:24px;}
table.joinForm .anc{display:inline-block;}
table.joinForm .anc.f{margin-right:15px;}
table.joinForm .th{width:162px;}
table.joinForm .td{width:auto;}
table.joinForm input[type=text],table.joinForm input[type=password],table.joinForm input[type=tel]{height:24px;font-size:12px;}
table.joinForm select{height:26px}
table.joinForm .idbox{position:relative;padding-right:70px;max-width:275px;}
table.joinForm .idbox .formBtn{position:absolute;right:0;top:0;}
table.joinForm .solo{width:98%;max-width:270px;}
table.joinForm .solo2{width:98%;}
table.joinForm .num1{width:50px;}
table.joinForm .num2{width:35px;}
table.joinForm .num3{width:150px;}
table.joinForm .num4{width:35px;}
table.joinForm .num5{width:100px;}
table.joinForm .autobreak{display:block;float:left;width:168px;margin-right:10px;background-color:#ddd;}
table.joinForm .autotxt{overflow:hidden;}

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

@media screen and (max-width: 800px){
	table.joinForm .th{width:122px;}
	table.joinForm .anc{display:block;}
	table.joinForm .anc.f{margin-right:0;margin-bottom:10px;}
	table.joinForm .anc.f2{margin-bottom:10px;}
	table.joinForm .autobreak{float:none;width:168px;margin-right:0;margin-bottom:10px;}
}

@media screen and (max-width: 480px){
	table.joinForm th{font-size:12px;padding-right:10px;letter-spacing:-1px;}
	table.joinForm .th{width:90px;}
	table.joinForm .num1{width:32px;}
	table.joinForm .num2{width:22px;}
}


/*약관*/
.clauseBox{max-width:1200px;margin:30px auto;}
.clauseBox > .w{margin-bottom:20px;}
.clauseTxt{height:520px;margin-bottom:30px;padding:10px;font-size:12px;line-height:1.5em;border:1px solid #e1e1e1;overflow:hidden;overflow-y:scroll;word-break:break-all;padding: 30px 20px;}
.clauseBtn{text-align:center;}
.contractTxt{height:400px;margin-bottom:10px;padding:10px;font-size:12px;line-height:1.5em;border:1px solid #d8d8d8;background-color:#f5f5f9;overflow:hidden;overflow-y:scroll;word-break:break-all;}
.clauseBox .hTit{font-size: 22px;margin-top: 70px;}
.clauseBox p{font-size: 14px;color: #6f6f6f;line-height: 1.7;}
.clauseBox p.tit1{font-size: 20px;color: #2171a6;font-family: "squareB";margin: 10px 0;}
.clauseBox p.tit2{font-size: 15px;color: #292929;font-family: "squareB";}
.clauseBox table.border {border: 1px solid #e0e0e0;width: 95%;margin: auto;}

.joinMsgBox{padding-bottom:15px;margin-bottom:25px;border-bottom:3px solid #e2383f}
.joinMsgBox.nbd{border:none;padding-bottom:0;}
.joinMsgBox > .tit{margin-bottom:10px;padding:0 0 5px 40px;font-size:20px;background:url('../img/sub/ballon.png') left 1px no-repeat;}
.joinMsgBox > p{margin-top:5px;}
.joinMsgBox > p:first-child{margin-top:0;}


/*가입완료*/
.join_complete{max-width:315px;min-height:100px;padding-left:115px;margin:100px auto 80px auto;font-size:13px;font-weight:bold;background:url('../img/sub/join_comp_bg.png') left top no-repeat;}
.join_complete .tit{font-size:25px;margin-bottom:15px;padding-top:10px;}
.join_complete .tit span{color:#e2383f}

@media screen and (max-width: 600px){
	.join_complete{min-height:initial;min-height:auto;margin-top:50px;padding-left:0;padding-top:115px;text-align:center;font-weight:bold;background:url('../img/sub/join_comp_bg.png') center top no-repeat;}
	.join_complete .tit{font-size:22px;}
}

/* 아이디비밀번호 찾기 */
.idpw_search{padding:75px 0}
.idpw_search .inp_txt_wrap2{margin:15px 0;padding-left:145px;}
.idpw_search .form_wrap{max-width:500px;margin:0 auto;padding-bottom:60px}
.idpw_search .form_wrap .form_title{display:inline-block;font-size:22px;font-weight:normal}
.idpw_search .form_wrap .form_title:before{display:inline-block;width:4px;height:22px;margin:7px 10px 0 0;background:#ff5f62;vertical-align: top;content:'';}
.idpw_search .form_wrap .form_text{margin-top:10px;font-size:16px;color:#666;line-height:1.3}
.idpw_search .btn_wrap{margin-top:60px}
.idpw_search .btn_wrap .btn{padding:8px 138px;border:1px solid #8d8d8d;background:#8d8d8d;font-size:22px}
.idpw_search .form_wrap.srch_id{margin-bottom:60px;border-bottom:1px solid #cacaca}

/* 회원가입하기 */
/* .inp_chk_wrap .inp_chk { position: absolute; top: 4px; left: 0; width: 8px; height: 8px; }
.inp_chk_wrap .inp_chk + label { display: inline-block; position: relative; padding-right: 4px; font-size: 14px; color: #7a7a7a; line-height: 24px; cursor: pointer; }
.inp_chk_wrap .inp_chk + label:before { display: inline-block; width: 24px; height: 24px; margin-right: 5px; background:url('../img/sub/inp_check.png') 0 0 no-repeat ; background-size:100% auto;vertical-align: top; content: ''; }
.inp_chk_wrap .inp_chk:focus + label { outline: dotted 1px; outline: -webkit-focus-ring-color auto 5px; }
.inp_chk_wrap .inp_chk:checked + label:before { background:url('../img/sub/inp_checked.png') 0 0 no-repeat ; background-size:100% auto; } */

.join_agree .join_area{overflow: hidden;}
.join_agree .join_area .terms_title{margin:30px 0 10px;font-size:16px;}
.join_agree .join_area .terms_box{overflow:hidden;overflow-y:auto;position:relative;height:250px;border:1px solid #dbdbdb}
.join_agree .join_area .terms_box .inner{padding:15px;}
.join_agree .join_area .inp_chk_wrap{float:right;margin-top:20px;}

.join_agree .btn_wrap{margin-top:20px;}

/* 회원가입 정보 입력 */
.userInfo .contit3{font-size: 24px;color: #000;font-weight: 500;margin-bottom: 12px;}
.userInfo .contit3:before{display:inline-block;width:12px;height:12px;margin:12px 12px 0 0;background:#2171a6;vertical-align:top;content:'';}
.userInfo .contxt1{font-size:17px}
.tableform{margin:20px 0}
.tableform table{width: 100%;border-top: 3px solid #45495b;border-bottom: 1px solid #828282;}
.tableform table tr{border-top: 1px solid #c7c7c7;}
.tableform table tr:first-child{border-top: none;}
.tableform table th{border-right: 1px solid #c7c7c7;background:#f7f7f7;font-size: 17px;color: #000;font-weight: 500;line-height: 38px;padding: 15px 5px;}
.tableform table td{padding: 15px 30px 15px 20px;font-size: 16px;color: #666;}
.tableform table td p{font-size: 16px;line-height: 1.2}
.tableform input[type=text], .tableform input[type=password], .tableform input[type=tel], .tableform input[type=email], .tableform select{height: 38px;border-color: #aaa;box-sizing:border-box;-webkit-box-sizing:border-box;}
.tableform .chk_btn{font-size: 14px;color: #fff;display: inline-block;height: 38px;text-align: center;background-color: #717478;width: 111px;line-height:38px;vertical-align:middle}
.tableform .certi_btn{font-size: 14px;color: #fff;display: inline-block;height: 38px;text-align: center;background-color: #717478;width: 111px;margin-left: 7px;}
.tableform .email{font-size: 0;}
.tableform .email input[type=text]{width: 30%;}
.tableform .email div{margin-top: 7px;}
.tableform .btn_srch{display:inline-block;padding:10px;background:#d90011;font-size:14px;color:#fff;vertical-align:middle;border-radius:2px}
.tableform .txt_required{margin-bottom:10px;font-weight:bold;color:#e2383f;text-align:right}
.tableform .inp_notice{margin-top:5px;font-size:12px;line-height:14px;}

/* 인증 */
.certi_area{font-size: 0;margin-top: 50px;border: 1px solid #d3d3d3;}
.certi_area > div{display: inline-block;width: 50%;vertical-align: top;text-align: center;border-left: 1px solid #d3d3d3;box-sizing: border-box;margin-left: -1px;padding: 65px 0;color: #383838;}
.certi_area > div p.t{font-size: 30px;}
.certi_area > div span{font-size: 13px;line-height: 1.8;display: block;margin-top: 25px;}
.certi_area > div .certi_btn{margin-top: 30px;}
.certi_area > div a{overflow:hidden;display: inline-block;max-width:185px;padding:15px 25px;text-align: center;background-color: #eee;font-size: 17px;color: #2d2d2d;white-space:nowrap;}
.certi_area > div a:hover{background-color: #2171a6;color: #fff;}

/* 개인회원 가입완료 */
.conbox{text-align:left}
.conbox .msgimg{margin-top:60px;}
.conbox .msgtit{margin-top:50px;font-size:40px;color:#000}
.conbox .msgtxt{margin-top:15px;font-size:17px;color:#7a7a7a}
.conbox .btn_wrap{margin:40px 0 126px;}
.conbox .btn_wrap .btn{padding:18px 50px;font-size:22px;color:#fff;border-radius:0}

@media screen and (max-width: 800px){
	.idpw_search .form_wrap{max-width:100%;padding-bottom:30px}
	.idpw_search .form_wrap.srch_id{margin-bottom:30px}
	.idpw_search .form_wrap .form_title{font-size:15px}
	.idpw_search .form_wrap .form_title:before{margin-top:0}
	.idpw_search .form_wrap .form_text{font-size:13px}
	.idpw_search .btn_wrap{margin-top:30px}
	.idpw_search .btn_wrap .btn{width:100%;padding:7px 0;font-size:15px}
	.inp_txt_wrap2 label{font-size:14px}
	.inp_txt_wrap2 .inp_txt{font-size:14px}
	.inp_txt_wrap2 .placeholder{font-size:14px}

	.tableform table{overflow: hidden;}
	.tableform table tr{height: 50px;}
	.tableform table th{font-size: 13px;padding: 5px;line-height: initial;}
	.tableform table td{font-size: 13px;padding: 8px 12px;}
	.tableform input[type=text], .boardWrite input[type=password], .boardWrite input[type=tel], .boardWrite input[type=email], .boardWrite select{height: 33px;font-size: 13px;}
	.tableform input[type=file]{/*height: 33px;*/font-size: 13px;}
	.tableform .chk_btn{font-size: 11px;height: 33px;margin:0;line-height:33px;}
	.tableform .certi_btn{font-size: 11px;height: 33px;margin-top: 5px;margin-left: 5px;}
	.tableform .email input[type=text], .boardWrite .email select{width: 31%;margin-right: 0 !important;}
	.tableform .email .space{width: 7%;font-size: 13px;}
	.tableform .name input[type=text]{width: 100%;}
	.tableform table td p{font-size:13px}

	.certi_area > div p.t{font-size:22px}
	.certi_area > div span{margin-top:14px}
	.certi_area > div .certi_btn{margin-top:15px;}
	.certi_area > div a{font-size:14px;padding:6px 5px}

	.conbox .msgimg img{width:120px;}
	.conbox .msgtit{margin-top:25px;font-size:20px}
	.conbox .msgtxt{margin-top:10px;font-size:15px}
	.conbox .btn_wrap{margin:20px 0 64px;}
	.conbox .btn_wrap .btn{padding:9px 25px;font-size:15px}
}

@media screen and (max-width: 480px) {
	.idpw_search .inp_txt_wrap2{padding-left:72px}
	.tableform .chk_btn{width: 57px;}
	.tableform .certi_btn{width: 81px;}
}

/*탈퇴*/
.widthdrawal_w{max-width:750px;margin:0 auto;}
.widthdrawal1_top{min-height:50px;margin-bottom:20px;font-weight:bold;text-align:center;}
.widthdrawal1_top .tit1{margin-bottom:5px;font-size:18px;color:#e2383f}
.widthdrawal1_top .tit2{font-size:16px;}
.widthdrawal1_msg{margin-bottom:20px;padding:30px;background-color:#f7f7f7;border-top:2px solid #e2383f;border-bottom:1px solid #adadad;}
.widthdrawal1_msg .w{max-width:500px;margin:0 auto;line-height:1.5em}
.widthdrawal1_msg .w > p{position:relative;padding-left:10px;}
.widthdrawal1_msg .w > p:before{position:absolute;left:0;top:50%;width:3px;height:3px;margin-top:-1.5px;background-color:#e2383f;content:'';}

.widthdrawal_complete{max-width:320px;min-height:65px;padding:5px 0 0 90px;margin:80px auto;font-weight:bold;background:url('../img/sub/widthdrawal_combg.png') left top no-repeat;}
.widthdrawal_complete .tit1{margin-bottom:10px;font-size:28px;}
.widthdrawal_complete .txt{color:#888;}


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

}

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

}

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

}

@media screen and (max-width: 480px){
	.widthdrawal1_top{padding:0;background:none;}
	.widthdrawal1_msg{padding:15px;}
	.widthdrawal_complete{padding:0;text-align:center;background:none}
}



/*페이지평가*/
.appraisal{overflow:hidden;margin:60px 0 120px;border:1px solid #d7d7d7;background-color:#f7f7f7;}
.appraisal > .t{padding:20px 27px;border-bottom:1px solid #d7d7d7;}
.appraisal > .b{padding:20px 39px;}
.appraisal ul.adm{overflow:hidden;}
.appraisal ul.adm > li{position:relative;float:left;padding-left:12px;margin-left:40px;font-size:14px;}
.appraisal ul.adm > li:first-child{margin-left:0;padding-left:0;}
.appraisal ul.adm > li:first-child:before{display:none;}
.appraisal .tit{float:left;font-size:15px}
.appraisal ul.chk{overflow:hidden;font-size:0;text-align:right;white-space:nowrap}
.appraisal ul.chk > li{display:inline-block;margin-left:20px;font-size:14px}
.appraisal ul.chk > li label{font-weight:normal}
.appraisal .area{position:relative;margin-top:15px;padding-right:115px;}
.appraisal .area textarea{width:100%;height:72px;background-color:#fff;border:1px solid #b6b6b6;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.appraisal .area button{position:absolute;right:0;top:0;width:105px;height:72px;background-color:#4b4b4b;color:#fff;font-size:14px;text-align:center;}

@media screen and (max-width: 1024px){
	.appraisal > .t{padding:10px;}
	.appraisal > .b{padding:10px 22px;}
	.appraisal .tit{float:none}
	.appraisal ul.chk{margin-top:15px;text-align:left;white-space:normal}
	.appraisal ul.chk > li{margin:0 5px 0 0}
}

@media screen and (max-width: 800px){
	.appraisal > .t{padding:15px;}
	.appraisal > .b{padding:15px 27px;}
	.appraisal ul.adm > li{float:none;margin:5px 0 0 0;}
	.appraisal ul.adm > li:first-child{margin-top:0;}
	.appraisal ul.chk{margin-top:5px;}
	.appraisal .area{padding-right:0;}
	.appraisal .area textarea{margin-bottom:5px;}
	.appraisal .area button{position:static;width:100%;height:35px;}
}

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

}

.sub_inner .sitemap, .sub_inner .sitemap ul{padding-left:0px;}
.sub_inner .sitemap li{list-style:none;}

/* 이용약관 */
.sub_inner .terms_title{font-size: 22px;color: #000;font-weight: 500;margin-bottom: 10px;}
.sub_inner .terms_title:before{display:inline-block;width:12px;height:12px;margin:-4px 12px 0 0;background:#2171a6;vertical-align:middle;content:'';}
@media screen and (max-width: 800px) {
	.sub_inner .terms_title{font-size:17px}
	.sub_inner .terms_title:before{margin-right:6px}
}

/* 약관동의 */
.step_wrap{max-width:100%;padding-bottom:126px;}
.step_wrap .cont1{margin-top: 35px;}
.step_wrap .cont1 .tit{font-size: 22px;color: #000;font-weight: 500;margin-bottom: 10px;}
.step_wrap .cont1 .tit:before{display:inline-block;width:12px;height:12px;margin:12px 12px 0 0;background:#2171a6;vertical-align:top;content:'';}
.step_wrap .cont1 .tit span{font-size: 15px;color: #727171;font-weight: 400;margin-top: 10px;}
.step_wrap .terms_box{height: 235px;border: 1px solid #bbb;overflow-y: auto;padding: 30px 35px;font-size: 16px;color: #666;}
.step_wrap .agr_box{border: 1px solid #bbb;margin-top: -1px;background-color: #f9f9f9;text-align: right;padding: 15px 25px 13px;}
.step_wrap .agr_box .inp_cus{display: inline-block;}
.step_wrap ul.chk > li label{font-size: 16px;color: #666;}
.step_wrap input[type=checkbox]{top: 2px;width: 16px;height: 16px;}
.step_wrap input[type=checkbox] + span{top: 3px;}
.step_wrap .agr_all{margin: 40px auto 30px;text-align: center;}
.step_wrap .agr_all ul.chk > li label{color: #444;}
.step_wrap .btnBox{margin-top: 35px;}

.btnBox{text-align: center;margin-top:35px;font-size: 0;}
.btnBox .button{font-size: 16px;display: inline-block;vertical-align: top;width: 135px;height: 50px;line-height: 50px;margin-left: 10px;margin: 0 3px;box-sizing: border-box;border: none;background-color: #fff;cursor: pointer;text-align: center;}
.btnBox .button1{background-color: #2171a6;color: #fff;}
.btnBox .button2{border: 1px solid #45495b;color: #444;}
.btnBox .button3{background-color: #46495c;color: #fff;}
.btnBox .button4{background-color: #57616e;color: #fff;}

@media screen and (max-width: 800px) {
	.step_wrap{margin: 0;}
	.step_wrap .cont1{margin-top: 15px;}
	.step_wrap .cont1 .tit{font-size: 17px;margin-bottom: 7px;}
	.step_wrap .cont1 .tit:before{margin:8px 8px 0 0}
	.step_wrap .cont1 .tit span{font-size: 13px;margin-top: 5px;}
	.step_wrap .terms_box{height: 120px;padding: 15px;font-size: 13px;}
	.step_wrap .agr_box{padding: 10px 10px 5px;}
	.step_wrap ul.chk > li label{font-size: 13px;}
	.step_wrap .agr_all{margin: 30px auto 15px;}
	.step_wrap .btnBox{margin-top: 15px;}
}


/*팝업*/
body.pop{background-color:#fff}
#popup{width:100%;max-width:550px;margin:0 auto;}
#popup .close{position:absolute;right:0;top:0;width:50px;height:50px;background:#840F10 url('../img/common/fileboxclose.png') center center no-repeat;}
#popup > .w{position:relative;border:2px solid #b41112;}
#popup .tit{height:50px;line-height:50px;text-align:center;background-color:#b41112;color:#fff;font-size:18px;font-weight:bold}
#popup .content{font-size:12px;padding:10px;}
#popup .chkGuide{overflow:hidden;padding:5px 10px;border:1px solid #d0d0d0;background:#fff;}
#popup ul.detailList{font-size:11px;}
#popup ul.detailList > li{display:inline-block;height:28px;line-height:28px;margin-right:15px;}
#popup ul.detailList > li img{vertical-align:middle;}
#popup .scrollWrap{max-height:280px;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
#popup .zipTab{position:relative;overflow:hidden;font-size:13px;font-weight:bold;text-align:center;}
#popup .zipTab li{float:left;width:120px}
#popup .zipTab li.last{margin-right:0;}
#popup .zipTab > li > a{display:block;height:34px;line-height:34px;border:1px solid #cdcdcd;border-right:none;background-color:#fff;}
#popup .zipTab > li.last > a{border-right:1px solid #cdcdcd;}
#popup .zipTab > li.active{position:relative;z-index:1;}
#popup .zipTab > li.active > a{color:#fff;border-color:#b41112;background-color:#b41112;}
#popup .solo{width:96%;max-width:360px;}
#popup .zipMsg{margin-bottom:10px;padding:20px 10px;line-height:1.5em;background:#f7f7f7}
#popup .ipw100{position:relative;padding-right:62px;}
#popup .ipw100 input{width:100%;height:26px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#popup .ipw100 > button{position:absolute;right:0;top:0;height:26px;}


/*모달팝업*/
.modalpopup{display:none;position:fixed;z-index:10;top:50px;background-color:#fff;}
.modalpopup.zip{width:550px;top:100px;margin:0 0 0 -275px;}
.modalpopup .close{position:absolute;right:0;top:0;width:35px;height:35px;background:#20252b url('../img/common/fileboxclose.png') center center no-repeat;}
.modalpopup.zip .close{background:#840F10 url('../img/common/fileboxclose.png') center center no-repeat;}
.modalpopup > .w{position:relative;border:3px solid #393f49;}
.modalpopup.zip > .w{border-color:#b41112;}
.modalpopup .tit{height:35px;line-height:35px;text-align:center;background-color:#393f49;color:#fff;font-size:16px;font-weight:bold; cursor: move;}
.modalpopup.zip .tit{background-color:#b41112;}
.modalpopup .bot{padding:10px 0 5px 0;text-align:right;background-color:#393f49;color:#ccc;font-size:11px;bottom: 0px; width: 100%;}
.modalpopup .bot label{margin-right:5px;}
.modalpopup .bot input{margin-top:0;}
.modalpopup .content{font-size:12px;}
.modalpopup.zip .content{padding:10px;}
.modalpopup.zip #zip1{}
.modalpopup.zip #zip2{display:none;}
.modalpopup ul.detailList{font-size:11px;}
.modalpopup ul.detailList > li{display:inline-block;height:28px;line-height:28px;margin-right:15px;}
.modalpopup ul.detailList > li img{vertical-align:middle;}
.modalpopup .scrollWrap{max-height:280px;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
.modalpopup .zipTab{position:relative;overflow:hidden;font-size:13px;font-weight:bold;text-align:center;}
.modalpopup .zipTab li{float:left;width:120px}
.modalpopup .zipTab li.last{margin-right:0;}
.modalpopup .zipTab > li > a{display:block;height:34px;line-height:34px;border:1px solid #cdcdcd;border-right:none;background-color:#fff;}
.modalpopup .zipTab > li.last > a{border-right:1px solid #cdcdcd;}
.modalpopup .zipTab > li.active{position:relative;z-index:1;}
.modalpopup .zipTab > li.active > a{color:#fff;border-color:#b41112;background-color:#b41112;}
.modalpopup .solo{width:96%;max-width:360px;}
.modalpopup .zipMsg{margin-bottom:10px;padding:20px 10px;line-height:1.5em;background:#f7f7f7}
.modalpopup .ipw100{position:relative;padding-right:62px;}
.modalpopup .ipw100 input{width:100%;height:26px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.modalpopup .ipw100 > button{position:absolute;right:0;top:0;height:26px;}
.rgba {
	background: rgba(0, 0, 0, 0.5);
	/*
      IE8이하는 rgba가 동작하지 않기 때문에 배경 투명도 적용을 위해 filter의 gradient을 대체 이용한다.
      컬러값 60000000의 8자리 숫자의 의미: 앞 60 불투명도, 나머지 6자리 컬러값.
      startColorstr와 endColorstr의 색을 같게 하여 배경 투명도 처리를 하는것.
      하지만 원래는 그라데이션 처리하는 기법이기 때문에 같은 60% 투명도라고 해도 약간의 차이는 있다.
    */
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
	zoom: 1; /* 일반적이진 않지만 ie6, 7 에서 적용 안되는경우 선언. */
}
.opacity { background: #000; opacity: 0.5; filter: alpha(opacity=50); }

/* #modalpopup{display:none;position:fixed;z-index:10;left:50%;top:50%;width:400px;margin:-195px 0 0 -200px;background-color:#fff;}
#modalpopup.zip{width:550px;top:100px;margin:0 0 0 -275px;}
#modalpopup .close{position:absolute;right:0;top:0;width:35px;height:35px;background:#20252b url('../img/common/fileboxclose.png') center center no-repeat;}
#modalpopup.zip .close{background:#840F10 url('../img/common/fileboxclose.png') center center no-repeat;}
#modalpopup > .w{position:relative;border:3px solid #393f49;}
#modalpopup.zip > .w{border-color:#b41112;}
#modalpopup .tit{height:35px;line-height:35px;text-align:center;background-color:#393f49;color:#fff;font-size:16px;font-weight:bold}
#modalpopup.zip .tit{background-color:#b41112;}
#modalpopup .bot{padding:10px 0 5px 0;text-align:right;background-color:#393f49;color:#ccc;font-size:11px;}
#modalpopup .bot label{margin-right:5px;}
#modalpopup .bot input{margin-top:0;}
#modalpopup .content{font-size:12px;}
#modalpopup.zip .content{padding:10px;}
#modalpopup.zip #zip1{}
#modalpopup.zip #zip2{display:none;}
#modalpopup ul.detailList{font-size:11px;}
#modalpopup ul.detailList > li{display:inline-block;height:28px;line-height:28px;margin-right:15px;}
#modalpopup ul.detailList > li img{vertical-align:middle;}
#modalpopup .scrollWrap{max-height:280px;overflow-y:scroll;-webkit-overflow-scrolling:touch;}
#modalpopup .zipTab{position:relative;overflow:hidden;font-size:13px;font-weight:bold;text-align:center;}
#modalpopup .zipTab li{float:left;width:120px}
#modalpopup .zipTab li.last{margin-right:0;}
#modalpopup .zipTab > li > a{display:block;height:34px;line-height:34px;border:1px solid #cdcdcd;border-right:none;background-color:#fff;}
#modalpopup .zipTab > li.last > a{border-right:1px solid #cdcdcd;}
#modalpopup .zipTab > li.active{position:relative;z-index:1;}
#modalpopup .zipTab > li.active > a{color:#fff;border-color:#b41112;background-color:#b41112;}
#modalpopup .solo{width:96%;max-width:360px;}
#modalpopup .zipMsg{margin-bottom:10px;padding:20px 10px;line-height:1.5em;background:#f7f7f7}
#modalpopup .ipw100{position:relative;padding-right:62px;}
#modalpopup .ipw100 input{width:100%;height:26px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#modalpopup .ipw100 > button{position:absolute;right:0;top:0;height:26px;}

@media screen and (max-width: 800px){
	#modalpopup{width:370px;margin:-181px 0 0 -185px;}
	#modalpopup.zip{width:100%;height:100%;left:0;top:0;margin:0;}
	#modalpopup.zip > .w{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
}
@media screen and (max-width: 480px){
	#modalpopup{width:290px;margin:-145px 0 0 -145px;}
}
*/

/* sub lypop */
.layer_wrap {position:fixed;top:0;right:0;left:0;bottom:0;z-index:210;font-size:0;text-align:center;}
.layer_wrap:before{position: absolute; top: 0; left: 0; z-index: 200; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=50); opacity: 0.5; content: ''; }
.layer_wrap:after{display: inline-block; height: 100%; vertical-align: middle; content: ''; }
.layer_wrap .layer_inner{ display: inline-block; position: relative; z-index: 210;width:500px;height:auto;max-height: 100%;background:#fff;text-align:left;vertical-align:middle;box-sizing:border-box; }
.layer_wrap .layer_inner:after{ display: inline-block; height: 100%; vertical-align: middle; content: ''; }
.layer_wrap .layer_title{display:block;padding-left:22px;background:#ff5f62;font-size:26px;font-weight:normal;color:#fff;line-height:66px;}
.layer_wrap .layer_cont{position:relative;padding:20px;}
.layer_wrap .calendar_info{overflow:hidden;overflow-y:auto;height:auto}
.layer_wrap .calendar_tit{overflow:hidden;display:block;height:27px;margin-top:10px;font-size:18px;color:#181818;text-overflow:ellipsis;white-space: nowrap;}
.layer_wrap .calendar_tit:before{display:inline-block;width:4px;height:15px;margin:-4px 5px 0 0;background:#ff5f62;vertical-align:middle;content:''}
.layer_wrap .calendar_tit:first-child{margin:0}
.layer_wrap .layer_close { position: absolute; top: 10px; right:10px; padding:10px}
.layer_wrap .layer_close:after { display: inline-block; width: 22px; height: 24px; background:url(../../common/img/btn_clse.png) 0 0 no-repeat;content:''}
@media screen and (max-width: 800px){
	.layer_wrap .layer_inner{width:300px}
	.layer_wrap .layer_title{padding-left:10px;font-size:14px;line-height:35px}
	.layer_wrap .calendar_tit{margin:0;font-size:14px;line-height:18px}
	.layer_wrap .calendar_tit:before{width:4px;height:12px;}
	.layer_wrap .layer_close{top:5px;right:5px;padding:0}
}

/*checkbox radio*/
.crb{position:relative;}
.crb label{padding-left:3px;overflow:hidden;}
.crb:not(#cssbrowser) > input[type=radio],.crb:not(#cssbrowser) > input[type=checkbox]{position:absolute; left:0; top:0; margin:0; opacity:0;visibility:hidden}
.crb:not(#cssbrowser) > input[type=radio] + label,.crb:not(#cssbrowser) > input[type=checkbox] + label{display:inline-block;min-height:18px;padding-left:26px;line-height:1.35em;vertical-align:middle;background-position:left center;background-repeat:no-repeat;background-size:18px auto;}
.crb:not(#cssbrowser) > input[type=radio] + label{background-image:url('../img/common/radio_normal.png');}
.crb:not(#cssbrowser) > input[type=radio]:checked + label{background-image:url('../img/common/radio_checkd.png');}
.crb:not(#cssbrowser) > input[type=checkbox] + label{background-image:url('../img/common/checkbox_normal.png');}
.crb:not(#cssbrowser) > input[type=checkbox]:checked + label{background-image:url('../img/common/checkbox_checked.png');}

.hTit{font-size:22px;font-weight:bold;margin-bottom:10px;padding-left:22px;background:url('../img/common/htit_bg.png') left center no-repeat;}




/*통합검색*/
.searchWrap{/*overflow:hidden*/}
.searchSide{float:right;width:208px;margin-left:-208px;}
.searchWrap .searchTop{overflow:hidden;margin-bottom:20px;padding:20px;background-color:#555555;color:#fff;}
.searchWrap .searchForm{position:relative;width:280px;margin:0 auto;padding:0 46px 0 75px;}
.searchWrap .searchTop .inputForm{position:relative;overflow:hidden;padding-right:46px;}
.searchWrap .searchTop input{width:100%;height:28px;border:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.searchWrap .searchTop button{position:absolute;right:0;top:0;width:40px;height:28px;background:#414040 url('../img/common/btn_search.png') center center no-repeat;}
.searchWrap .searchTop label.tit{display:block;position:absolute;left:0;top:0;float:left;height:28px;line-height:28px;font-size:16px;font-weight:bold;}
.searchWrap .tsearchResult{border:1px solid #cdcdcd;}
.searchWrap .searchPart{margin:0 20px;padding:25px 0;border-top:1px solid #e7e7e7;}
.searchWrap .searchPart:first-child{border:none;}
.searchWrap .searchPart > .tit{margin-bottom:20px;font-size:18px;font-weight:bold;}
.searchWrap .searchPart .mtit{margin-bottom:10px;font-size:15px;font-weight:bold;}
.searchWrap .searchPart dl.result{margin-bottom:20px;line-height:1.4em;}
.searchWrap .searchPart dl.result > dt{margin-bottom:5px;}
.searchWrap .searchPart dl.result .subj{font-size:13px;font-weight:bold;color:#0971f2;text-decoration:underline;}
.searchWrap .searchPart dl.result .date{font-size:12px;color:#919191;}
.searchWrap .searchPart dl.result > dd.txt{font-size:12px;word-break:break-all;}
.searchWrap .searchPart dl.result > dd.cate{padding-top:3px;font-size:12px;color:#919191;}
.searchWrap .searchPart dl.result > dd.etc{padding:5px 0 0 15px;font-size:12px;color:#0971f2;background:url('../img/common/t_search_etc.png') 3px 10px no-repeat;}
.searchWrap .searchPart dl.result .b{font-weight:bold;}
.searchWrap .searchPart .sBox{margin-bottom:20px;}
.searchWrap .searchPart .bot{text-align:right;}
.searchWrap .searchPart .bot > a{font-size:14px;font-weight:bold;color:#f44494;text-decoration:underline;}

.searchWrap .searchNone{min-height:420px;padding:50px 25px 0 25px;background-color:#f9f9f9;}
.searchWrap .searchNone > .tit{font-size:20px;margin-bottom:20px;}

.searchWrap .searchSort{overflow:hidden;margin:0 20px;padding:15px 0;text-align:right;font-size:12px;border-bottom:1px solid #e7e7e7;}
.searchWrap .searchSort > ul.sortList{float:right}
.searchWrap .searchSort > ul.sortList > li{float:left;padding:0 10px;background:url('../img/sub/m_line.png') right center no-repeat;}
.searchWrap .searchSort > ul.sortList > li.last{padding-right:0;background:none;}
.searchWrap .searchSort > ul.sortList > li .on{font-weight:bold;color:#0971f2}

.searchSide > .rankBox{padding:15px;border:1px solid #cdcdcd;}
.searchSide > .rankBox.f{border-bottom:none;}
.searchSide > .rankBox > .tit{margin-bottom:20px;font-size:15px;font-weight:bold;}
.searchSide > .rankBox ol.rankList{overflow:hidden;}
.searchSide > .rankBox ol.rankList > li{height:24px;padding-left:20px;font-size:12px;word-break:break-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.searchSide > .rankBox ol.rankList > li.r1{font-weight:bold;background:url('../img/sub/i_rank1.png') left 1px no-repeat;}
.searchSide > .rankBox ol.rankList > li.r2{background:url('../img/sub/i_rank2.png') left 1px no-repeat;}
.searchSide > .rankBox ol.rankList > li.r3{background:url('../img/sub/i_rank3.png') left 1px no-repeat;}
.searchSide > .rankBox ol.rankList > li.r4{background:url('../img/sub/i_rank4.png') left 1px no-repeat;}
.searchSide > .rankBox ol.rankList > li.r5{background:url('../img/sub/i_rank5.png') left 1px no-repeat;}
.searchSide > .rankBox ol.rankList > li.r6{background:url('../img/sub/i_rank6.png') left 1px no-repeat;}
.searchSide > .rankBox ol.rankList > li.r7{background:url('../img/sub/i_rank7.png') left 1px no-repeat;}
.searchSide > .rankBox ol.rankList > li.r8{background:url('../img/sub/i_rank8.png') left 1px no-repeat;}
.searchSide > .rankBox ol.rankList > li.r9{background:url('../img/sub/i_rank9.png') left 1px no-repeat;}
.searchSide > .rankBox ol.rankList > li.r10{background:url('../img/sub/i_rank10.png') left 1px no-repeat;}

.search_gallery{overflow:hidden;width:100%;}
.search_gallery > li{float:left;width:24.1%;margin-right:1.2%;margin-bottom:25px;}
.search_gallery > li.last{margin-right:0;}
.search_gallery > li .thumb{position:relative;margin-bottom:12px;border:1px solid #d6d6d6;text-align:center;}
.search_gallery > li .thumb > a{position:relative;display:block;width:100%;height:0;padding-bottom:59.3%}
.search_gallery > li .thumb > a > img{position:absolute;left:0;top:0;width:100%;height:100%;}
.search_gallery > li .thumb img{width:100%;max-height:200px;}
.search_gallery > li .univ{margin-bottom:5px;font-weight:bold;color:#0971f2;}
.search_gallery > li .webzt{margin-bottom:5px;text-align:center;font-weight:bold;font-size:11px;}
.search_gallery > li .subj{margin-bottom:10px;font-weight:bold;word-break:break-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.search_gallery > li .infor{color:#909090;font-size:11px}
.search_gallery > li .webz{padding:0 10px;text-align:center;font-size:11px;line-height:1.5em;}
.search_gallery > li .webz > a{display:inline-block;}

.search_Tab{position:relative;border-bottom:3px solid #414141;}
.search_Tab > ul.tabList{overflow:hidden;}
.search_Tab > ul.tabList > li{float:left;width:16.66%;}
.search_Tab > ul.tabList > li > a{display:block;height:44px;line-height:44px;text-align:center;font-size:12px;font-weight:bold;padding:0 2px 0 1px;background:url('../img/sub/m_line.png') right center no-repeat;}
/*.search_Tab > ul.tabList > li > a.l2{padding-top:8px;height:36px;line-height:1.4em;font-size:11px;}*/
.search_Tab > ul.tabList > li.last{float:none;width:auto;overflow:hidden;}
.search_Tab > ul.tabList > li.last > a{padding:0 1px;background:none;}
.search_Tab > ul.tabList > li.active > a{background-color:#555555;color:#fff;}
.search_Tab .btn{position:absolute;right:0;top:0;width:60px;height:44px;background:url('../img/sub/s_more.png') center center no-repeat;}
.search_Tab .btn .em2{display:none;}
.search_Tab.open{padding-right:0;}
.search_Tab.open > ul.tabList{height:auto;padding:2px 0 0 2px;}
.search_Tab.open > ul.tabList > li{width:25%;}
.search_Tab.open > ul.tabList > li > a{background:#f7f7f9;border-right:2px solid #fff;border-bottom:2px solid #fff;}
.search_Tab.open .btn{position:static;width:100%;height:30px;padding:0 10px;font-size:12px;text-align:right;background:#f7f7f9 !important}
.search_Tab.open .btn .em1{display:none;}
.search_Tab.open .btn .em2{display:inline;}

.ts_univonfor{overflow:hidden;padding-bottom:5px;}
.ts_univonfor > li .crb2{position:absolute;right:10px;top:8px;}
.ts_univonfor > li{position:relative;float:left;width:49.5%;margin-right:1%;margin-bottom:10px;border-top:2px solid #0971f2;}
.ts_univonfor > li.last{/*float:none;width:auto;overflow:hidden;*/margin-right:0;}
.ts_univonfor.pink > li{border-top:2px solid #f44494;}
.ts_univonfor.gray > li{border-top:2px solid #d6d6d6;}
.ts_univonfor > li.add{border:1px solid #d3d5d6;background:#f6f6f6 url('../img/member/sns_bg.png');box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.ts_univonfor > li.add > a{display:block;padding:90px 0 40px 0;text-align:center;color:#969696;font-size:15px;font-weight:bold;background:url('../img/mypage/icon_add.png') center 35px no-repeat;}
.ts_univonfor > li.add{margin-right:0;}
.ts_univonfor > li .w{overflow:hidden;padding:10px;border:1px solid #d6d6d6;border-top:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.ts_univonfor > li .tit{display:block;padding:8px 15px;font-size:14px;color:#0971f2;border:1px solid #a7bcd6;border-top:none;background-color:#eaf2fc;border-bottom:1px solid #d6d6d6;font-family:'Nanum Gothic','나눔고딕';}
.ts_univonfor.pink > li .tit{color:#f44494;background-color:#ffebf4;border-color:#c7b9bf;}
.ts_univonfor .thumb{float:left;width:auto;padding:5px;border:1px solid #dcdcdc;}
.ts_univonfor .thumb img{width:110px;height:110px;max-width:initial;max-width:auto;}
.ts_univonfor .cont{overflow:hidden;padding-left:10px;}
.ts_univonfor .univ{margin-bottom:5px;font-weight:bold;color:#0971f2;}
.ts_univonfor.pink .univ{color:#f44494;}
.ts_univonfor .subj{margin-bottom:10px;font-size:14px;font-weight:bold;padding-top:5px;/*word-break:break-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;*/}
.ts_univonfor .subj > span{display:block;margin-top:3px;/*margin-left:8px;padding-left:8px;vertical-align:top;background:url('../img/sub/m_line3.png') left center no-repeat;*/}
.ts_univonfor .infor{text-align:left;font-size:11px;border-right:none;line-height:1.5em}
.ts_univonfor .infor .ifline{font-size:11px;overflow:hidden;}
.ts_univonfor .infor .ifline .h{display:inline-block;float:left;width:42px;margin-right:10px;background:url('../img/sub/m_line.png') right center no-repeat;}
.ts_univonfor.gray .infor .ifline .h{width:65px;}
.ts_univonfor .infor .ifline .h2{display:block;}
.ts_univonfor .infor .ifline > span{display:inline-block;overflow:hidden;}
.ts_univonfor .btnBox{clear:both;padding:8px 0;border-bottom:1px solid #dcdcdc;}
.ts_univonfor.gray .btnBox{padding:8px 0 0 0;border-top:1px solid #dcdcdc;border-bottom:none}
.ts_univonfor .btnBox > ul{overflow:hidden;}
.ts_univonfor .btnBox > ul > li{float:left;width:24.4%;margin-right:0.8%}
.ts_univonfor .btnBox > ul > li.last{margin-right:0;}
.ts_univonfor .btnBox > ul > li a{display:block;min-width:initial;min-width:auto}
.ts_univonfor .def{padding-top:8px;}

@media screen and (max-width: 1024px){
	.search_Tab > ul.tabList > li > a.l2{padding-top:8px;height:36px;line-height:1.4em;font-size:11px;}
	.search_Tab > ul.tabList > li > a.l2 span{display:block;}
	/*.searchWrap > .w{margin-right:198px;}*/
	.searchSide{float:right;width:188px;margin-left:-188px;}
	.searchWrap .searchPart{margin:0 15px;padding:20px 0;}
	.searchWrap .searchNone{padding:50px 20px 0 20px;}
	.ts_univonfor > li{float:none;width:auto;margin-right:0;}
	/*.search_Tab{padding-right:60px}
	.search_Tab > ul.tabList > li{width:20%}
	.search_Tab .btn{width:60px;height:44px;background-image:url('../img/sub/s_more.png');background-position:center center;background-repeat:no-repeat;background-size:25px auto}*/
}

@media screen and (max-width: 800px){
	.searchWrap{float:none;}
	.searchWrap{margin-bottom:10px;}
	.searchWrap > .w{margin-right:0;}
	.searchSide{float:none;width:auto;margin-left:0;}
	.searchSide > .rankBox{float:left;width:49%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
	.searchSide > .rankBox.f{float:right;border:1px solid #cdcdcd;}
	.ts_univonfor .thumb{width:35%;}
	.ts_univonfor .thumb img{width:100%;max-width:100%;height:auto}
}

@media screen and (max-width: 650px){
	.search_Tab > ul.tabList > li{float:left;width:33.33%;}
	.search_Tab > ul.tabList > li:nth-child(3n){float:none;width:auto;overflow:hidden;}
	.search_Tab > ul.tabList > li:nth-child(3n) > a{padding:0 1px;background:none;}
}

@media screen and (max-width: 550px){
	.search_Tab{margin:0 -10px;border-top:1px solid #414141;}
	.searchWrap .searchForm{width:80%;padding-left:0;}
	.searchWrap .searchTop .inputForm{position:relative;overflow:hidden;padding-right:46px;}
	/*.searchWrap .searchTop input{width:100%;height:28px;border:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}*/
	.searchWrap .searchTop label.tit{position:absolute;left:-1000em}
	.searchWrap .tsearchResult{border:none}
	.searchWrap .searchPart{margin:0;}
	.searchWrap .searchPart.last{border-bottom:1px solid #e7e7e7;}
	.searchWrap .searchNone{margin:0 -15px;border-bottom:1px solid #cdcdcd;}
	.searchWrap .searchSort{margin:0}
	.search_gallery > li{float:left;width:48.8%;margin:0 0.6% !important;margin-bottom:20px !important;}
	.search_gallery > li .thumb{margin-bottom:8px;}
	.search_gallery > li .univ{margin-bottom:3px;padding-left:5px}
	.search_gallery > li .subj{margin-bottom:8px;padding-left:5px}
	.search_gallery > li .infor{padding-left:5px}

	/*.search_Tab{margin:0 -15px;border-top:1px solid #cdcdcd;}*/
	/*.search_Tab > ul.tabList > li{width:20%}
	.search_Tab .btn{width:40px;}
	.search_Tab > ul.tabList > li{width:25%}
	.search_Tab > ul.tabList > li > a{font-size:11px;letter-spacing:-1px;}*/
}

@media screen and (max-width: 480px){
	/*.search_Tab{margin:0 -10px;}
	.searchWrap .searchNone{margin:0 -10px;}*/
	.searchSide > .rankBox{float:none !important;width:auto}
	.searchSide > .rankBox.f{border-bottom:none}
}


/* 통합검색 관련 */
input[id="searchTxt"]::-webkit-input-placeholder { /* Chrome */
	color: white;
}
input[id="searchTxt"]::-moz-placeholder { /* Firefox 19+ */
	color: white;
}
input[id="searchTxt"]:-ms-input-placeholder { /* IE 10+ */
	color: white;
}
input[id="searchTxt"]:-moz-placeholder { /* Firefox 18- */
	color: white;
}
/* 통합검색 관련 */

/* 2017/02/06 추가 */
.btn {display:inline-block;}
.btn01 {padding:10px 17px; font-weight:bold; color:#ffffff; text-align:center; background:#353535;}
.btn01.type02 {background:#797979;}
.f_w .email {padding-top:12px;color:#fff;font-size: 13px;}
/*.owl-theme .owl-controls {
	position:absolute;
	bottom:10%;
	left:45px;
}
.owl-theme .owl-controls .owl-dots .owl-dot {
    display: inline-block;
}
.owl-theme .owl-controls .owl-dots .owl-dot span {
    border: 2px solid #545759;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 3px;
    width: 12px;
}
.owl-theme .owl-controls .owl-dots .owl-dot.active span {background:#545759;}*/

.searchtit{width: 100%;height: 120px;line-height: 120px;color: #fff;text-align: center;background: url(../img/sub/sublnbtitbg.png) center center/cover no-repeat;}
.searchtit h3{font-size: 38px;}
.searchBox {
	padding:50px 0;
	text-align:center;
	background-color: #f7f7f7;
}
.searchBox .tit {
	margin-top:20px;
	color:#484848;
	font-size:17px;
	font-weight:500;
	display: none;
}
.searchBox input[type='text'] {
	box-sizing:border-box;
	width:560px;
	height:67px;
	border:3px solid #2676ab;
	border-right:none;
}
.resultSearching {
	padding:20px 0;
	font-size:16px;
	color:#3b3b3b;
	font-weight:500;
	border-bottom:1px solid #e1e1e1;
	text-align: center;
	line-height: 46px;
}
.resultSearching strong {
	color:#ff5300;
	margin-left: 30px;
}

.siteResult{
	max-width: 1200px; margin: auto;padding: 70px 0;
	border-bottom: 1px solid #e1e1e1;
}

.siteResult h3{font-size: 20px;margin: 0 !important;}

.resultWrap {
	padding:30px 0;
}
.resultWrap .tit {
	margin-bottom:13px;
	color:#3b3b3b;
	font-size:20px;
	font-weight:500;
}
.resultWrap .tit span {
	font-size:13px;
	color:#919191;
	font-weight:400;margin-left: 10px;
}
.resultWrap ul {padding-left: 5px;}
.resultWrap ul li {
	padding:2px 15px;
	background: url(../img/sub/contit2bg.png) left center no-repeat;
	font-size: 16px;
	font-weight: 500;

}
.resultWrap ul li a {
	display:inline-block;
	padding:3px 0;
}
.resultWrap ul li a span:hover{text-decoration: underline;}
.resultWrap .morebtn {
	font-size:16px;
	font-weight: 500;
	margin-top: 30px;
	padding-left: 5px;
}
.resultWrap .morebtn a {
	color:#fff;padding: 10px 50px;
	background-color: #2676ab;
}
.resultWrap .morebtn a:after{content: ' +';}
.resultWrap .morebtn a:hover{background-color: #314755;}

@media screen and (max-width: 800px){
	.searchtit{height: 70px;line-height: 70px;}
	.searchtit h3{font-size: 25px;}
	.searchBox{background-image: none;padding: 50px 10px;}
	.searchBox input[type='text']{width: 80%;}
	.searchBox button{width: 53px;height: 50px;-webkit-background-size: 55px;background-size: 55px;}
	.searchBox button img{height: 50px;}
	.searchBox .tit{font-size: 14px;}
	.resultSearching{font-size: 13px;}
	.resultSearching strong{margin-left: 10px;}
	.siteResult{padding: 30px 10px;}
	.siteResult h3{font-size: 16px;}
	.resultWrap .tit{font-size: 15px;}
	.resultWrap ul li{font-size: 13px;}
	.resultWrap .morebtn{padding: 0 5px;}
	.resultWrap .morebtn a{display: block;font-size: 14px;text-align: center;}
}



/* 탭메뉴 시작*/
#container.sub ul.subTab{overflow:hidden; /* margin-top:50px; */ border-top: 1px solid #d5d5d5; background-color: #f7f7f7;text-align:center;}
#container.sub ul.subTab > li{/* position:relative;float:left; */display:inline-block;padding:0 14px 0 22px;position:relative;}
#container.sub ul.subTab > li:after{content:"";position:absolute;width:6px;height:6px;top:50%;margin-top:-3px;left:10px;background:#2373a8;border-radius:8px;}
#container.sub ul.subTab > li.last{margin-right:0;float:none;overflow:hidden;width:auto;}
#container.sub ul.subTab > li > a{display:block;height:40px;line-height:40px;font-size:13px;text-align:center;/* font-weight:600;background-color:#fff;border:1px solid #b2b0b1;border-left:none; */}
/* #container.sub ul.subTab > li:first-child > a{border-left:1px solid #b2b0b1;} */
#container.sub ul.subTab > li.active{z-index:1;}
#container.sub ul.subTab > li.active > a{background-color:#434343;border-color:#434343;color:#fff;}
/* #container.sub ul.subTab.c2{max-width:316px;} */
/*4depth 수정
#container.sub ul.subTab.c2 > li{width:50%;}*/
/* #container.sub ul.subTab.c3{max-width:450px;} */
/*4depth 수정
#container.sub ul.subTab.c3 > li{width:33.33%;}*/
/* #container.sub ul.subTab.c4{max-width:570px;} */
/*4depth 수정
#container.sub ul.subTab.c4 > li{width:25%;}*/
/* #container.sub ul.subTab.c5{max-width:700px;} */
/*4depth 수정
#container.sub ul.subTab.c5 > li{width:20%;}*/
/* #container.sub ul.subTab.c6{max-width:820px;} */
/*4depth 수정
#container.sub ul.subTab.c6 > li{width:16.66%;}*/

/* 2019/06/17 탭메뉴 추가 */
#container.sub ul.subTab+.neviTop{border-top:none;}

/* 탭메뉴 끝*/

/* 2017/07/26 추가 */
.btncms2{background-color: #2171a6;color: #fff;}


.searchBox button{
	width: 71px;height: 67px;
	background: #2676ab url(../../common/img/btn_search.png) 0 0 no-repeat;
}

@media screen and (max-width: 480px) {
	.searchBox input[type='text']{width: 74%;}
}


/*---------------컨텐츠 영역-----------------*/
.quotation{
	margin-bottom: 30px;
}
.quotation h3{
	font-size: 30px;
	font-weight: 500;
	color: #1f1f1f;
}
.quotation h3 span{
	display: inline-block;
	margin-right: 10px;
}
.quotation h3 span.ftc{
	font-size: 40px;
	color: #f26522;
	margin-right: 0;
}

.overview .lb{
	font-size: 0;
	margin-left: -1.3%;
	margin-bottom: 100px;
}
.overview .lb li{
	display: inline-block;
	width: 32%;
	margin-left: 1.3%;
	background-color: #f5f5f5;
	padding: 50px 30px;
	box-sizing: border-box;
	vertical-align: top;
}
.overview .lb li p.bar:before{
	display: block;
	content: "";
	width: 30px;
	height: 5px;
	background-color: #f26522;
	position: absolute;
	left: 0;top: 0;
}
.overview .lb li p.bar{
	padding-top: 30px;
	position: relative;
}
.overview .lb li p.t{
	font-size: 25px;
	line-height: 1.2;
	color: #2c2c2c;
	margin-bottom: 30px;
}
.overview .lb li p.c{
	font-size: 14px;
	line-height: 1.4;
	color: #2c2c2c;
	opacity: 0.8;
}

@media screen and (max-width: 1024px){
	.quotation{
		text-align: center;
	}
	.overview .lb li{
		display: block;
		width: 360px;
		margin: 0 auto;
		margin-bottom: 10px;
		text-align: center;
	}
	.overview .lb li p.bar:before{
		left: 50%;
		margin-left: -15px;
	}
}

.conWrap.info{
	padding-left: 440px;
	padding-top: 200px;
	background: url(../img/sub/overview02.png) 0 0 no-repeat;
}


/*컨텐츠 영역 공통*/

.conWrap{
	margin-bottom: 100px;
}

.context{
	font-size: 16px;
	line-height: 1.8;
	color: #303030;
	opacity: 0.8;
	margin-bottom: 50px;
}

/*제목*/
.conWrap h4{
	font-size: 30px;
	color: #1f1f1f;
	font-weight: 500;
	padding-left: 15px;
	background:  url(../img/sub/subh4bg.png) 0 0 no-repeat;
	margin-bottom: 20px;
}

@media screen and (max-width: 800px){
	.conWrap.tac{
		text-align: center;
	}
	.conWrap.tac h4{
		display: inline-block;
	}
}

/*리스트 스타일*/
.conWrap dl.list_dot{
	font-size: 0;
	margin-bottom: 10px;
}
.conWrap dl.list_dot dt{
	display: inline-block;
	width: 130px;
	font-size: 16px;
	color: #1f1f1f;
	font-weight: 500;
	padding-left: 12px;
	background: url(../img/sub/contit2bg.png) 0 10px no-repeat;
	box-sizing: border-box;
	vertical-align: top;
}
.conWrap dl.list_dot dd{
	display: inline-block;
	font-size: 16px;
	color: #1f1f1f;
	opacity: 0.7;
}

.conWrap ul.list_dot{
	font-size: 0;
	margin-left: -1.3%;
}
.conWrap ul.list_dot li{
	display: inline-block;
	width: 32%;
	margin-left: 1.3%;
	margin-bottom: 10px;
	font-size: 16px;
	color: #7d7d7d;
	padding-left: 12px;
	background: url(../img/sub/contit2bg.png) 0 10px no-repeat;
	box-sizing: border-box;
	vertical-align: top;
}
@media screen and (max-width: 800px){
	.conWrap ul.list_dot{
		margin-left: 0;
		width: 80%;
		margin: auto;
	}
	.conWrap ul.list_dot li{
		display: block;
		width: 100%;
		border: 1px solid #dcdcdc;
		margin-bottom: 0;
		margin-top: -1px;
		background: none;
		padding: 10px 0;
		margin-left: 0;
	}
}
@media screen and (max-width: 1024px){
	.conWrap.info{
		padding-top: 0;
	}
	.info dl.list_dot dt{
		display: inline-block;
		width: auto;
	}
	.info dl.list_dot dd{
		display: block;
	}
}

@media screen and (max-width: 800px){
	.conWrap.info{
		background-image: url(../img/sub/overview02_m.png);
		-webkit-background-size: auto 300px;
		background-size: auto 300px;
		background-position: top center;
		padding-left: 0;
		padding-top: 330px;
		text-align: center;
	}
	.conWrap.info h4{
		display: inline-block;
	}
}


/*버튼*/
p.downloadBtn{
	margin-top: 40px;
}
p.downloadBtn a{
	display: inline-block;
	padding: 10px 15px;
	color: #fff;
	font-weight: 500;
	background-color: #534741;
}
p.downloadBtn a:after{
	content: '+';
	display: inline-block;
	margin-left: 40px;
}

/*조직및사무*/
.searchEmployee{
	text-align: right;
	margin-top: 25px;
	margin-bottom: 20px;
}
.searchEmployee > span{
	display: inline-block;
	position: relative;
}
.searchEmployee > span:before{
	content: "";
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background: #3066a8 url(../img/sub/searchEmployee.png) center no-repeat;
	position: absolute;
	left: 0;
	top: -1px;
}
.searchEmployee > span:after{
	content: ">";
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 15px;
	color: #1f1f1f;
}
.searchEmployee > span a{
	display: inline-block;
	padding: 10px 50px 10px 55px;
	border-radius: 21px;
	background-color: #ebebeb;
	font-size: 15px;
	color: #1f1f1f;
}
.searchEmployee > span a:hover{
	text-decoration: underline;
}
div.sub_inner ul.searchEmp{
	border: 1px solid #cbcbcb;
	font-size: 0;
	padding: 20px 55px 35px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
div.sub_inner ul.searchEmp > li{
	display: inline-block;
	width: 20%;
	margin-top: 15px;
	vertical-align: top;
}
div.sub_inner ul.searchEmp > li:nth-child(2n+1){
	padding-right: 10px;
	box-sizing: border-box;
}
div.sub_inner ul.searchEmp > li a{
	font-size: 17px;
	line-height: 1.5;
	color: #6c6c6c;
}
div.sub_inner ul.searchEmp > li a:hover{
	color: #3066a8;
	text-decoration: underline;
}

.bbg{
	display: block;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: rgba(255,255,255,0.5);
	display: none;
}
#popupLayer{
	width: 440px;
	border: 2px solid #2171a6;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	display: none;
}
#popupLayer .popupTit{
	background-color: #2171a6;
	padding: 10px 20px;
	box-sizing: border-box;
}
#popupLayer .popupTit > .t{
	font-size: 20px;
	color: #fff;
	display: inline-block;
}
#popupLayer .popupTit > .close{
	float: right;
}
#popupLayer .popupTit > .close a{
	width: 15px;
	height: 29px;
	background: url(../img/sub/popup_close.png) 0 center no-repeat;
	display: block;
}
#popupLayer .popupCont{
	padding: 25px 20px;
	box-sizing: border-box;
	font-size: 17px;
	line-height: 1.5;
	color: #6c6c6c;
	background-color: #fff;
}
#popupLayer .popupCont .scr{
	max-height: 200px;
	overflow-y: auto;
}

@media screen and (max-width: 480px){
	#popupLayer{
		width: 90%;
	}
}
p.tit_square_m{
	font-size: 22px;
	line-height: 1.4;
	color: #2a2a2a;
	font-weight: 500;
	padding-left: 25px;
	background: url(../img/sub/tit_square_m.png) 0 7px no-repeat;
	margin-bottom: 10px;
}
.emp table.tb02 td{
	text-align:center;
	font-size: 14px;
	font-family: 'Noto Sans KR', 'NanumSquare', 'barun', 'Nanum Gothic', '굴림', 'Gulim', 'sans-serif', 'Tahoma';
}
table.tb02 td.task a{
	color: #fff;
	padding: 5px 15px;
	background-color: #81a74a;
	border-radius: 12px;
	font-size: 14px;
	min-width: 120px;
	display: inline-block;
	box-sizing: border-box;
}
/*조직및사무 끝*/

/*------------------------------------------*/

.conWrap.history{
	padding: 90px 0 66px 449px;
	background: url(../img/sub/history_bg.png) no-repeat left 65px;
}
.conWrap.history ul{
	margin-bottom: 40px;
}
.conWrap.history ul li{
	font-size: 15px;
	line-height: 1.6;
	color: #303030;
	opacity: 0.8;
	margin-bottom: 10px;
}
.conWrap.history ul li strong{
	color: #ff5300;
	margin-right: 20px;
	font-size: 18px;
}
.conWrap.history ul li span{
	vertical-align: top;
	display: inline-block;
}

@media screen and (max-width: 800px) {
	.conWrap.history{
		padding: 50px 0;
		background: none;
	}
	.conWrap.history ul li{
		margin-bottom: 0;
	}
}

.conWrap.certi ul{
	font-size: 0;
	margin-left: -1.5%;
}
.conWrap.certi ul li{
	display: inline-block;
	width: 23.5%;
	margin-left: 1.5%;
	text-align: center;
	margin-bottom: 40px;
}
.conWrap.certi ul li span{
	display: block;
	font-size: 15px;
	line-height: 1.6;
	color: #303030;
	opacity: 0.8;
	padding: 10px 0;
}

@media screen and (max-width: 800px) {
	.conWrap.certi ul{
		margin-left: -3.3%;
	}
	.conWrap.certi ul li{
		width: 30%;
		margin-left: 3.3%;
	}
}

@media screen and (max-width: 480px) {
	.conWrap.certi ul{
		margin-left: -3%;
	}
	.conWrap.certi ul li{
		width: 47%;
		margin-left: 3%;
		vertical-align: top;
		margin-bottom: 20px;
	}
}



.conWrap.partner ul{
	font-size: 0;
	padding-left: 1px;
}
.conWrap.partner ul li{
	display: inline-block;
	width: 25%;
	text-align: center;
	height: 150px;
	border: 1px solid #dcdcdc;
	box-sizing: border-box;
	margin-left: -1px;
	margin-top: -1px;
	position: relative;
}
.conWrap.partner ul li img{
	display: inline-block;
	position: absolute;
	left: 50%;top: 50%;
	transform: translate(-50%, -50%);

}

@media screen and (max-width: 800px) {
	.conWrap.partner ul li{
		width: 33.3%;
	}
}

@media screen and (max-width: 480px) {
	.conWrap.partner ul li{
		width: 50%;
	}






}

/*----- cms 게시판 -----*/

/*게시판 검색바*/
.boardTop{padding: 25px 20px;max-width: 1200px;margin: 0 auto 20px;width: 100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;background-color: #f7f7f7;}
.boardTop .topInfo{display: inline-block;float: left;margin: 0 30px;font-size: 17px;font-weight: 500;line-height: 35px;display: none;}
.boardTop .l{float:left;width: 100%;text-align:center;}
.boardTop .r{float:right;display: none;}
.boardTop span{font-size:18px}
.boardTop input[type=text],.boardTop input[type=password]{width:43%; height: 35px !important;vertical-align: top;box-sizing:border-box;}
.boardTop select{height: 35px !important;width: 14%;margin-right: 5px;vertical-align: top;}
.boardTop .search{padding:0 30px;height:35px;color:#fff;background:#2171a6;font-size: 16px;font-weight: 500;margin-left: -5px;border: none;vertical-align: top;}
.boardBox{/*margin-bottom:20px;*/overflow-x:auto;max-width: 1200px; margin: 0 auto 20px;}
.boardWrite.st_01{margin-top: 50px;}
.boardBox.tp2{max-height:800px;overflow-y:auto;}
.boardBox.tp3{border:2px solid #eee;max-height:200px;overflow-y:auto;background-color:#fff;}
.boardBox > ul.board_qna{list-style: none; padding-left: 0px; }
.boardTit{display:block;margin-bottom:5px;font-size:13px;}
.boardBtnBox{text-align:right;}
.boardResult{padding:10px;background-color:#f2f8ff;border:1px solid #d8eaff;}
.boardMsg{margin-bottom:20px;line-height:1.5em;}
.boardMsg > p{padding-left:15px;background:url('../img/common/arrow_para.png') 4px 6px no-repeat;}

@media screen and (max-width: 805px){
	.boardTop .l{text-align:left}
	.topInfo{display: none;}
	.boardTop select{width:100%;margin:0 1% 1% 0}
	.boardTop input[type="text"]{min-width: 82%}
	.boardTop .search{min-width: 18%;padding: 0;/*margin-left: -2%;*/font-size: 14px;}
}

.gallery_board {}
.gallery_board .gallery_list {position:Relative; width:100%; display: flex;  justify-content: space-between;  flex-wrap: wrap;}
.gallery_board .gallery_list li {position:Relative;  width:calc(25% - 20px); vertical-align:top; margin-bottom:30px}
.gallery_board .gallery_list li a .img_box {width:100%; display:inline-block; vertical-align:top;}
.gallery_board .gallery_list li a .img_box img {vertical-align:top;}
.gallery_board .gallery_list li a .text_box {width:100%; display:inline-block; vertical-align:top;}
.gallery_board .gallery_list li a .text_box .title {width:100%; font-weight:bold; color:#333; font-size:15px; margin:15px 0; word-break:keep-all;   height:38px; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display:inline-block; vertical-align:top;}
.gallery_board .gallery_list li a .text_box .info_text {width:100%; display:inline-block; vertical-align:top; font-weight:400; font-size:14px;}
.gallery_board .gallery_list li a .text_box .info_text .date {color:#828282; float:left; }
.gallery_board .gallery_list li a .text_box .info_text .hits {color:#828282; float:right;  padding:0 0 0 20px; background:url('../images/sub/bg_hits2.png') no-repeat left center;}


.board_total_num  {width:100%; display:inline-block; vertical-align:top; margin:0 0 10px 0; text-align:left;}
.board_total_num b {color:#0063ab;}

@media screen and (max-width: 800px){
	.gallery_board .gallery_list li {width:calc(33.33% - 15px);}
}

@media screen and (max-width:640px){
	.gallery_board .gallery_list li {width:calc(50% - 10px);}
	.gallery_board .gallery_list li a .text_box .title {font-size:14px; height:34px; margin:10px 0;}
	.gallery_board .gallery_list li a .text_box .info_text {font-size:13px}

}
@media screen and (max-width:480px){
	.gallery_board .gallery_list li {width:calc(50% - 5px);}

}

/*qna 01*/
.gallery_type{border-top:3px solid #363636;margin:0 !important;}
.gallery_type > li{overflow:hidden;margin-bottom:10px;}
.gallery_type > li:nth-child(4n){margin-right: 0;}
.gallery_type > li.last{margin-right:0;}
.gallery_type > li .thumb{position:relative;margin-bottom:12px;border:1px solid #d6d6d6;text-align:center;}
.gallery_type > li .thumb > a{position:relative;display:block;width:100%;height:0;padding-bottom:59.3%}
.gallery_type > li .thumb > a > img{position:absolute;left:0;top:0;width:100%;height:100%;}
.gallery_type > li .thumb .univLogo{display:block;position:absolute;width:100px;height:100px;left:50%;top:50%;margin:-50px 0 0 -50px;}
.gallery_type > li .univ{margin-bottom:5px;font-weight:bold;}
.gallery_type > li .subj{margin-bottom:10px;font-weight:bold;word-break:break-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.gallery_type > li .subj a{height: auto;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.gallery_type > li .infor{color:#909090;font-size:11px}
.gallery_type > li .webz{padding:0 10px;text-align:center;font-size:11px;line-height:1.5em;}
.gallery_type > li .webz p{word-break:break-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.gallery_type > li .webz > a{display:inline-block;}
.gallery_type > li .thumb .thumb_play{position:absolute;top:50%;left:50%;width:72px;height:72px;transform:translate(-50%,-50%)}

@media screen and (min-width: 481px) and (max-width: 800px){
	.gallery_type > li{float:left;width:32.4%;margin-right:1.4% !important;margin-bottom:25px;}
	.gallery_type > li:nth-child(3n){margin-right:0 !important}
	.gallery_type > li .thumb .univLogo{width:80px;height:80px;left:50%;top:50%;margin:-40px 0 0 -40px;}
}

@media screen and (max-width: 480px){
	.gallery_type > li{float:left;width:48.8%;margin-right:1.2%;}
	.gallery_type > li:nth-child(2n){margin-right:0 !important}
	.gallery_type > li .thumb{margin-bottom:8px;}
	.gallery_type > li .univ{margin-bottom:3px;padding-left:5px}
	.gallery_type > li .subj{margin-bottom:8px;padding-left:5px}
	.gallery_type > li .infor{padding-left:5px}
	.gallery_type > li .thumb .univLogo{width:80px;height:80px;left:50%;top:50%;margin:-40px 0 0 -40px;}
}

@media screen and (max-width: 800px){
	.gallery_type > li .thumb .thumb_play{width:36px;height:36px}
}

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

}
/*페이징*/
.pagingWrap{margin-top:30px  !important;font-size:0  !important;text-align:center  !important;}
.pagingWrap > a,.pagingWrap > strong {
	display: inline-block  !important;
	width: 31px  !important;
	height: 31px  !important;
	margin:1px  !important;
	border: 1px solid #e0e0e0  !important;
	background-color: #fff  !important;
	font-size: 15px  !important;
	font-weight: normal  !important;
	color: #545454  !important;
	line-height: 30px  !important;
	vertical-align: middle  !important;
	padding: 0  !important;
	min-width: 31px !important;
	box-sizing:border-box;
    border-radius: 4px !important;
}
.pagingWrap > a:hover,.pagingWrap > a:focus{border-color:#0063ab  !important;}
.pagingWrap > strong{background-color: #0063ab  !important;color: #fff  !important;border-color:#0063ab  !important;}
.pagingWrap > .prevAll{background:url('/resource/common/img/btn_prevAll.png') no-repeat center !important;}
.pagingWrap > .prev{background:url('/resource/common/img/btn_prev.png') no-repeat center !important;}
.pagingWrap > .next{background:url('/resource/common/img/btn_next.png') no-repeat center !important;}
.pagingWrap > .nextAll{background:url('/resource/common/img/btn_nextAll.png') no-repeat center !important;}

@media screen and (max-width:640px){
	.pagingWrap > a,.pagingWrap > strong { width:28px  !important;	height: 28px  !important;	line-height: 27px  !important;	font-size: 14px  !important;}
}


/*게시판타입1(공지사항 등 기본게시판)*/
table.tb01{width:100%;border-top:3px solid #363636;}
table.tb01 th{padding:15px 0;font-size:17px;text-align:center;color:#3d3d3d;border-bottom:1px solid #adadad;background-color:#f7f7f7;}
table.tb01 td{padding:15px 0;font-size:15px;text-align:center; vertical-align:middle; border-bottom:1px solid #dbdbdb;}
table.tb01 td.subj{padding:15px 10px;text-align:left;word-break:break-all;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
table.tb01 td.subj a:hover,table.tb01 td.subj:focus{text-decoration:underline;color: #ff5300;}

@media screen and (max-width: 800px){
	table.tb01 .name{width: 80px !important;}
	table.tb01 .date{width: 110px !important;}
}

@media screen and (max-width: 480px){
	table.tb01 .name{width: 60px !important;}
	table.tb01 .date{width: 90px !important;}
}

table.tb01 td.subj .code,
table.tb01 td.subj .writer,
table.tb01 td.subj .status,
table.tb01 td.subj .date{display:none}

@media screen and (max-width: 800px){
	table.tb01 td.subj .code{display:inline-block;font-weight:bold;color:#f26522;vertical-align:middle;}
	table.tb01 td.subj .title{overflow:hidden;display:inline-block;max-width:100%;font-weight:bold;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap}


	
	.res_board table.table {padding:0px; margin:0px; border-top:0px; display: table;table-layout: fixed; padding-top:0px    }

    .res_board table colgroup, .res_board table thead, .res_board table thead th {display: none}
    .res_board table tbody {display: table-row-group; border-bottom:0px}
    .res_board table tbody tr {display: block; padding: 12px;   width: 100%;  border: 1px solid #d9d9d9; margin: 0 0 10px 0; border-radius: 5px;}
    .res_board table tbody td { display: block;  font-size:14.5px; border-top: none;        border-bottom: none;  text-align: left; box-sizing: border-box;  overflow: hidden}
    .res_board table tbody td {position:relative;  margin:3px 0; width: auto; height:auto;}
    .res_board table tbody td.m_none {display: none}
    .res_board table tr:last-child td {border-bottom: none}
    .res_board table tbody td.data_title {padding:0 0 0 65px;}
	.res_board table.tb01 td.subj .title {text-overflow: inherit; word-break:keep-all; color:#000; white-space: normal; overflow:visible}
    .res_board table tbody td.tbTit {font-weight: bold; color: #333; background: #f4f5f9;  padding: 7px 10px !important; border-radius: 5px;   margin: 0 0 10px 0; letter-spacing: 0px;}
    .res_board table tbody td.tbTit br, 
    .res_board table tbody td.tbTit br {display:none}
	.res_board table tbody td.data_title::before {position:absolute; top:0px; left:0px; width:85px; text-align:left; content: attr(data-title)""; border-radius:10px; margin:0 10px 0 0; min-width:60px; vertical-align: top;  display:inline-block;}

.res_board table tbody td.data_subject .programe_cate {font-size:14px; margin:0 10px 0 0; display:block; font-weight:normal}


}

/*버튼박스*/
.boardBtnBox .midBtn{min-width: 105px;height: 47px;line-height: 47px;padding: 0;font-size: 17px;font-weight: 500;}
.btnWrap{text-align: center;margin-bottom: 100px;}
.btnRed{background-color: #2171a6;color: #fff;border-color:#2171a6}
.btnRed:hover{background-color: #314755;}

.longBtn{display: inline-block;min-width: 500px;height: 50px;line-height: 50px;font-size: 20px;font-weight: 500;}


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

}

@media screen and (max-width: 800px){
	.longBtn{min-width: 50%;}
}

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

}


/*사이트맵*/

.sub_inner .sitemap, .sub_inner .sitemap ul{padding-left:0px;}
.sub_inner .sitemap {margin-top: 50px;font-size:0;}
.sub_inner .sitemap li{list-style:none;}
.sub_inner .sitemap li h3{margin: 0;}

.sitemap{overflow:hidden;}
.sitemap .tit{margin-bottom:15px;padding:15px 0 12px 0;font-size:25px;font-weight: 500;border-top:5px solid #2171a6;border-bottom:1px solid #d2d2d2;text-indent: 15px;}
.sitemap > li{min-height:245px;margin-bottom:40px;display:inline-block;width:25%;vertical-align:top;padding:0 10px;box-sizing:border-box;}
.sitemap > li.last{margin-right:0;}
.sitemapSub{font-size:13px;padding:15px 0;margin-top: 0 !important;}
.sitemapSub > li{position:relative;margin-top:8px;padding-left:15px;}
.sitemapSub > li:first-child{margin-top:0;}
.sitemapSub > li:before{position:absolute;left:5px;top:9px;width:5px;height:5px;border-radius: 50%;background-color:#ff5300;content:'';}
.sitemapSub > li > a{font-size: 16px;color: #6f6f6f;font-weight: 500;}
.sitemapSub > li > a:hover{text-decoration: underline;}
.sitemapDp3{margin-top: 0 !important;}
.sitemapDp3 > li{margin-top:5px;padding-left:5px;}
.sitemapDp3 > li > a{font-size: 15px;color:#8e8e8e;font-weight: 500;}
.sitemapDp3 > li > a:before{content:"-";margin-right: 10px;}

@media screen and (max-width: 1024px){
	.sitemap{margin-top: 15px !important;}
	.sitemap .tit{font-size: 18px;border-top:6px solid #2171a6;}
	.sitemapSub > li > a{font-size: 14px;}
	.sitemapDp3 > li > a{font-size: 13px;}
}

@media screen and (max-width: 800px){
	.sitemap > li{width:49%;margin-right:2%;margin-bottom: 0;}
	.sitemap > li.last{margin-right:2%;}
	.sitemap > li:nth-child(even){margin-right:0;}
}

@media screen and (max-width: 360px){
	.sitemap > li{width: 100%;margin-right: 0;}
}


.boardBtnBox .list_btn{padding-left: 0 !important;margin: 0 -5px !important;}
.boardBtnBox .list_btn li{display:inline-block;margin:0 5px}
.boardBtnBox .list_btn li a{display:inline-block;min-width: 105px;height: 47px;line-height: 47px;padding: 0;font-size: 17px;font-weight: 500;border: 1px solid #8d8d8d;color: #fff;background-color: #8d8d8d;text-align: center;}
.boardBtnBox .list_btn li.update a,
.boardBtnBox .list_btn li.regist a
{background-color: #2171a6;color: #fff;border-color: #2171a6;}
@media screen and (max-width: 1024px){
	.boardBtnBox .list_btn li a{min-width:65px;height: 35px;line-height: 35px;font-size: 14px;}
}




.survey_wrap table.tb01 td{padding: 8px 10px;}
.survey_wrap table.tb01 .num{width: 65px;}
.survey_wrap table.tb01 .start{width: 175px;}
.survey_wrap table.tb01 .end{width: 175px;}
.survey_wrap table.tb01 .status{width: 175px;}
.survey_wrap table.tb01 .subj span{display: inline-block;margin-left: 5px;}
.survey_wrap table.tb01 .subj p{color: #545454;}
.survey_wrap table.tb01 .status span{padding: 5px 0;display: block;text-align: center;color: #fff;}
.survey_wrap table.tb01 .status .ing{background-color: #f26522;}
.survey_wrap table.tb01 .status .end{background-color: #8f8f8f;width: 100%;}
.survey_wrap table.tb01 .no_data{padding: 13px 0;}
.survey_wrap table.tb01 .no_data span{display: inline-block;margin-right: 3px;}
.survey_wrap table.tb01 .no_data td{display: none;}
.survey_wrap table.tb01 .no_data .no_data{display: table-cell;width: 100%;}
.b_mobile{display: none;}

@media screen and (max-width: 1220px){
	.survey_wrap table.tb01 .num{width: 55px;}
	.survey_wrap table.tb01 .start{width: 125px;}
	.survey_wrap table.tb01 .end{width: 125px;}
	.survey_wrap table.tb01 .status{width: 125px;}
}

@media screen and (max-width: 1024px){
	.survey_wrap table.tb01 .start{width: 105px;}
	.survey_wrap table.tb01 .end{width: 105px;}
	.survey_wrap table.tb01 .status{width: 105px;}
}
@media screen and (max-width: 800px){
	.b_mobile{display: block;}
	.survey_wrap table.tb01 .no_data span{display: block;margin-right: 0;}
}

.survey_ref{border-top: 2px solid #232323;border-bottom: 2px solid #232323;padding: 30px 10px;text-align: center;background-color: #f3f3f3;font-size: 15px;margin-bottom: 40px;}
.survey_progress{display: table;table-layout: fixed;width: 100%;border-collapse: collapse;}
.survey_progress li{display: table-cell;border: 1px solid #959595;padding: 15px 5px 15px 40px;font-size: 17px;color: #303030;vertical-align: middle;}
.survey_progress li.on{background-color: #2171a6;color: #fff;}
.tit_wrap{text-align: center;margin: 60px 0;}
.tit_wrap .chk_tit{font-size: 20px;color: #303030;padding-left: 30px;background: url('../img/sub/chk_tit.jpg') 0 5px no-repeat;display: inline-block;}

@media screen and (max-width: 800px){
	.survey_view{margin-top: 20px;}
	.survey_ref{padding: 20px 10px;}
	.survey_progress li{padding: 10px 5px;text-align: center;font-size: 16px;}
	.tit_wrap{margin: 30px 0;}
	.tit_wrap .chk_tit{font-size: 15px;background-size: auto 15px;background-position: 0 4px;padding-left: 20px;}
}

/* 설문조사 */
.survey_tit{min-height:112px;padding:24px 60px;background:#f5f5f5}
.survey_tit ul{position:relative;height:100%;padding:0 0 0 134px !important;margin:0 !important;}
.survey_tit ul:before{position:absolute;top:0;left:0;width:112px;height:112px;background:url('/resource/common/img/ico_survey.png') 50% 50% no-repeat;background-size:100% auto;content:''}
.survey_tit ul > li{font-size: 16px;line-height: 1.3;margin-top: 9px;vertical-align: middle;}
.survey_tit ul > li:before{display:inline-block;width:6px;height:6px;margin:8px 10px 0 0;background:#8f8f8f;border-radius:50%;vertical-align:top;content:'';}
.survey_tit ul > li:first-child{margin:0}
.survey_tit ul > li:first-child:before{display:none}
.survey_tit ul > li .tit{display:block;font-size:22px;font-weight: normal;}
.survey_tit ul > li .ing,.survey_tit ul > li .end{display:inline-block;margin-left:10px;padding:2px 15px;font-size:15px;color:#fff}
.survey_tit ul > li .ing{background-color:#f26522}
.survey_tit ul > li .end{background-color:#8f8f8f}
.survey_tit ul > li .ing span{display:inline-block;vertical-align:top;}

.survey_cont > ul > li{margin-top: 50px;}
.survey_cont .que{font-size: 20px;color: #303030;}
.survey_cont .ans{padding: 20px 30px;background-color: #f3f3f3;margin-top: 15px;}
.survey_cont .ans *{font-size: 17px;color: #303030;}
.survey_cont .ans.textarea{padding: 0;background: none;}
.survey_cont .ans textarea{width: 100%;min-height: 145px;}
.survey_cont .chk, .survey_cont .total_list{margin-left: -30px;}
.survey_cont .chk li, .survey_cont .total_list li{display: inline-block;margin-left: 30px;min-width: 145px;}
.survey_cont .total_list li{padding-left: 15px;background: url('../img/sub/dot_list.jpg') 0 9px no-repeat;}
.survey_end .ans.textarea{border: 1px solid #dcdcdc;min-height: 145px;padding: 10px;font-size: 17px;color: #303030;}

@media screen and (max-width: 800px){
	.survey_tit{padding:12px;}
	.survey_tit .chk_tit{font-size: 15px;background-size: auto 15px;background-position: 0 4px;padding-left: 20px;}
	.survey_tit ul{padding:150px 0 0 0 !important}
	.survey_tit ul:before{left:50%;margin-left:-56px}
	.survey_tit ul > li{font-size:14px}
	.survey_tit ul > li .tit{text-align:center}
	.survey_tit ul > li .ing, .survey_tit ul > li .end{margin-left:5px;font-size:13px}
	.survey_cont > ul > li{margin-top: 40px;}
	.survey_cont .que{font-size: 15px;}
	.survey_cont .ans{padding:20px;}
	.survey_cont .ans *{font-size: 14px;}
	.survey_cont .chk, .survey_cont .total_list{margin-top: -5px;margin-left: 0;}
	.survey_cont .chk li, .survey_cont .total_list li{margin-top: 5px;display: block;margin-left: 0;}
	.survey_cont .total_list li{background-position: 0 7px;}
	.survey_end .ans.textarea{font-size: 14px;}
}
@media screen and (max-width: 480px){
	.survey_tit ul > li .ing, .survey_tit ul > li .end{margin:3px 0 0 17px}
}

/*만족도 평가 창*/
.formcontent{margin-top: 40px;background-color: #fff;}
.formcontent .formheader{text-align: center;margin-bottom: 40px;}
.formcontent .formheader p{display: inline-block;font-size: 50px;font-weight: 500;margin-top: 80px;background: url(../img/sub/surveyformheader.png) left 10px no-repeat;text-indent: 50px;}
.formcontent .formdescription{padding: 40px;background-color: #f7f7f7;}
.formcontent .formdescription p.txt{font-size: 16px;font-weight: 400;line-height: 1.5;}
.formcontent .formdescription p.tit{font-size: 20px;}
.formcontent .formchoice{margin-bottom: 40px;}
.formcontent p.tit{font-size: 17px;font-weight: 500;margin-bottom: 15px;}
.formcontent .formchoice ul.chk{overflow: hidden;padding-left: 20px;}
.formcontent .formchoice ul.chk li{float: left;width: 20%;}
.formcontent .formchoice ul.chk li label{font-size: 17px;font-weight: 500;color: #616161;}
.formcontent .formtxt textarea{width: 100%;height: 200px;-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;padding: 20px;line-height: 1.4;font-size: 16px;}
.formcontent .formbtn{text-align: center;margin-top: 30px;}
.formcontent .formbtn a{font-size: 20px;color: #fff;padding: 10px 70px;display: inline-block;margin-top: 20px;background-color: #8f8f8f;}
.formcontent .formbtn a.submit{background-color: #2171a6;}


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

@media screen and (max-width: 1024px){
	.formcontent .formheader p{font-size: 25px;background: url(../img/sub/surveyformheader.png) left 2px/20px no-repeat; margin-top: 50px;text-indent: 30px;}
	.formcontent .formdescription{padding: 15px;}
	.formcontent .formdescription p.txt{font-size: 14px;}
	.formcontent .formdescription p.tit{font-size: 17px;}
	.formcontent .formcontent{padding: 10px;}
	.formcontent p.tit{font-size: 14px;}
	.formcontent .formchoice ul.chk li{width: 100%;margin-bottom: 10px;}
	.formcontent .formchoice ul.chk li label{font-size: 14px;}
	.formcontent .formtxt textarea{font-size: 14px;}
	.formcontent .formbtn{margin-top: 5px;}

}
@media screen and (max-width: 800px){
	.formcontent .formbtn a.submit{width: 100%;font-size: 18px;-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;}
}

/* 게시판 파일 업로드 */
/* 순서변경, 파일 URL 아이콘 숨김처리 */
.boardWrite #upload1Div .uploaded-item-holder .file-txt,
.boardWrite [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder [data-uploaded-item-cell="arrowup"],
.boardWrite [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder [data-uploaded-item-cell="arrowdown"],
.boardWrite [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder [data-uploaded-item-cell="previewUrl"]{display:none !important;}

/*
.boardWrite [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder [data-uploaded-item-cell="download"] .ico_dnld{display:inline-block;width:20px;height:20px;background:url(/resource/common/img/file_dnld.png) no-repeat 50% 50%;vertical-align:middle;}
*/

.boardWrite .fa-minus-circle:before {content: "\f056";}
.boardWrite #upload1Div .btn-primary{margin-left:5px;padding:2px 20px 2px 10px;background:#4b4b4b url(/resource/common/img/arrow_right.png) no-repeat 40px 50%;border-radius:30px;color:#fff;cursor:pointer;}
/*.boardWrite #upload1Div #labelupload1{margin-top:5px;margin-bottom:0;padding:8px 15px;background:#337ab7;border-radius:5px;font-weight:normal;color:#fff;}*/
body .ax5-ui-dialog{width:auto !important;height:auto !important;top:0 !important;left:0 !important;right:0;bottom:0;background-color: transparent;border:none !important;border-radius:0 !important;box-shadow:none !important;font-size:16px;text-align: center;transition:.2s;animation:none;-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none;}
body .ax5-ui-dialog.destroy{opacity:0;animation:none;-webkit-animation:none;-moz-animation:none;-ms-animation:none;-o-animation:none;}
body .ax5-ui-dialog:before{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;filter: alpha(opacity=50);opacity:.5;content:''}
body .ax5-ui-dialog:after{display:inline-block;height:100%;vertical-align:middle;content:''}
body .ax5-ui-dialog .ax-dialog-body{display:inline-block;position:relative;width:400px;padding:40px 15px !important;background:#fff;z-index:2000;}
body .ax5-ui-dialog .ax-dialog-body .ax-dialog-msg{padding:0 !important;margin-bottom:15px;}
body .ax5-ui-dialog .ax-dialog-body .ax-dialog-buttons button{padding:6px 14px;background:#2171a6;font-size:16px;color:#fff;}
body .ax5-ui-dialog .ax-dialog-body .ax-dialog-buttons button.btn-{background:#8d8d8d;}

[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder{display:block !important;}
[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder .uploaded-item-cell{display:inline-block !important;overflow:hidden;}
[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder .uploaded-item-cell[data-uploaded-item-cell="filename"]{max-width:74%;text-overflow:ellipsis;white-space:nowrap;}
/*업로드창*/
.boardWrite #upload1Div .ax-progressbox-body .ax-progressbox-buttons button.btn {padding: 3px 10px;background-image: none;border-radius: 0;}

@media screen and (max-width: 800px){
	[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder [data-uploaded-item-cell='filename'].uploaded-item-cell{max-width:55%;}
	[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item]{padding:6px 4px !important;}
}

@media screen and (max-width: 480px){
	body .ax5-ui-dialog{font-size:14px;}
	body .ax5-ui-dialog .ax-dialog-body{width:300px;padding:20px 8px !important;}
	body .ax5-ui-dialog .ax-dialog-body .ax-dialog-msg{margin-bottom:8px;}
	body .ax5-ui-dialog .ax-dialog-body .ax-dialog-buttons button{font-size:14px;}
	[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item]{padding:6px 0 !important;}
	[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder .uploaded-item-cell{padding:0 !important;font-size:12px !important;}
	[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder .uploaded-item-cell[data-uploaded-item-cell="filename"]{max-width:40%;}
	.boardWrite [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder [data-uploaded-item-cell='download'] .ico_dnld{width:18px;}
}



@charset "utf-8";

/* ======================================= 게시판 공통 ============================================*/
.bbs_type1 .item, .bbs_type2 .item{padding: 30px 0;}
.item:after{display: block;content:"";clear: both;}
em.new{display: inline-block;width: 20px;height: 20px;text-align: center;line-height: 20px;font-weight: 700;/* font-size: 13px; */font-size: 0.8125rem;color: #fff;background-color: #3D7CCA;}
em.service6{display: inline-block;position: relative;margin-right: 5px;width: 18px;height: 18px;text-align: center;background-color: #3D7CCA;border-radius: 50%;}
em.service6:after{display: block;content:"6";line-height: 18px;font-weight: 400;/* font-size: 15px; */font-size: 0.9375rem;color: #fff;}
em.service9{display: inline-block;position: relative;margin-right: 5px;margin-top: 5px;width: 18px;height: 18px;text-align: center;background-color: #00acec;border-radius: 50%;}
em.service9:after{display: block;content:"9";line-height: 18px;font-weight: 400;/* font-size: 15px; */font-size: 0.9375rem;color: #fff;}
.intro_box span{display: inline-block;padding: 30px 0;}
.intro_box p{padding: 30px;border: 1px solid #dcdcdc;line-height: 1.6;background-color: #fafafa;}
.intro_box1{padding: 20px 30px;border: 1px solid #dcdcdc;line-height: 1.3;}
.intro_box1 span:first-child{display: inline-block;float: left;width: 213px;margin-right: 15px;}
.intro_box1 span img{width: 100%}
.intro_box2{padding: 35px;border: 1px solid #dcdcdc;background-color: #fcfcfc;}
.intro_box2 .tit{margin-bottom: 10px;/* font-size: 22px; */font-size: 1.375rem;color: #494949;}
.intro_box2 .list_box ul{margin-bottom: 20px;}
.intro_box2 .list_box li{line-height: 30px;}
.intro_box2 .list_box li:after{top: 15px;}
.intro_box2 .btn_download1{min-width: 200px;}
.intro{overflow: hidden;position: relative;width: 100%;padding-bottom: 35px;}
.intro .figure{display: inline-block;float: left;max-width: 175px;margin-right: 25px;}
.intro .figure_caption{display: block;float: left;padding-top: 15px;}
.intro .figure_caption b{display: block;margin-bottom: 10px;/* font-size: 24px; */font-size: 1.5rem;color: #131313;}
.intro .btn_group{align-self: flex-end;}
.table_header .headline {font-size:20px}
#contents .table_header h3.headline { margin: 0; padding: 0; font-size: 20px; font-weight: 600; color: #333; line-height: 1.3em; background: none; letter-spacing: 0; }
.table_detail .appendix{padding: 15px 0;text-align: left;border-bottom: 1px solid #dfdfdf;}
.table_detail .attatch_box{padding: 10px 20px;text-align: left;background-color: #f8f8f8;border-bottom: 1px solid #dfdfdf;}
.table_detail .attatch_box b{display: block;float: left;}
.table_detail .attatch_box ul{display: block;float: left;margin-top: -3px;margin-left: 5px;}
.table_detail .attatch_box li{margin-bottom: 5px;}
.table_detail .attatch_box a{margin-left: 5px;}
.table_detail .attatch_box a:hover{color: #000;text-decoration: underline;}
.table_detail .txt_msg{padding: 6px 0;text-align: left;}
.table_detail .pre_wrap{padding: 15px 15px 12px;min-height: 53px;text-align: left;line-height: 1.6;border-bottom: 1px solid #a6a6a6; overflow : hidden; overflow-x : auto }
.table_detail .pre_wrap table { margin : 20px 0 }
.table_detail .pre_wrap .box{display: none;padding: 20px;border: 1px solid #cdcdcd;}
.table_detail .pre_wrap .box.on{display: block;}
.btn_fold_up,
.btn_fold_down{display: none;float: right;margin: 20px 0 10px;border: 1px solid #dcdcdc;}
.btn_fold_up.on,
.btn_fold_down.on{display: block;}
.btn_fold_up i,
.btn_fold_down i{margin-left: 10px;margin-right: 0;}
.table_detail .box{padding: 15px 15px 20px;border-bottom:1px solid #dfdfdf; overflow : hidden; overflow-x : auto }
.table_detail .box:after { content: ""; display: block; clear: both; }
.table_detail .error_box,.table_detail .program_cancel, .table_detail .webtoon{padding: 15px 15px 12px;border-bottom: 1px solid #a6a6a6;}
.table_detail .none{border-bottom: none;}
.table_detail .end{border-bottom: 1px solid #a6a6a6;}

@media (max-width: 800px) {
	.table_detail .pre_wrap, .table_detail .error_box{padding: 10px}
	.table_detail .webtoon{padding: 0;}
}
@media (max-width: 600px) {
	.btn_download1 i{display: none;}
	.intro_box1 span:first-child{float: none;width:100%;margin-right: 0;margin-bottom: 10px;}
	.intro_box2{padding: 20px;}
	.intro_box2 .btn_download1{min-width: 100%;}
	.intro_box2 .btn_group button + button {margin-left: 0;}
	table td  .txt_msg{padding: 3px 0 0;text-align: left;}
}

/*ax5uploader*/
.board_file_wrap [data-ax5uploader-uploaded-box] {background:transparent;border:none;border-radius:0;margin:0;padding:0;min-height:auto}
.board_file_wrap [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] {color:inherit;border:none;border-radius:0;padding:0;margin:0;background:transparent}
.board_file_wrap [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item]:active,
.board_file_wrap [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item].active {-webkit-box-shadow:none;box-shadow:none}
.board_file_wrap [data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] [data-ax5uploader-uploaded-item] .uploaded-item-holder .uploaded-item-cell{cursor:pointer}
@media screen and (max-width:767px){
	.table_detail .attatch_box {padding:0px}
	.board_file_wrap .btn_file{display:block;font-size:1.6rem}
	.board_file_wrap .uploaded-item-holder{margin:0 8px;padding:9px 14px 9px 8px;border-bottom:1px solid #dfdfdf;line-height:1.2}
	.board_file_wrap div[data-uploaded-box="download1"]>div:last-child .uploaded-item-holder{border-bottom:none}
	.board_file_wrap .uploaded-item-holder:before{left:auto;right:0;width:11px;height:10px;background-position:-70px 0}
	[data-ax5uploader-uploaded-box][data-ax5uploader-uploaded-box] { margin : 0 !important }
}

/* 게시판 컨텐츠 목록 : 리스트  타입 */
.type_list{overflow: hidden;}
.type_list li{overflow: hidden;position: relative;border-bottom: 1px solid #dfdfdf;}
.type_list li a{display: block;padding: 30px 0;}
.type_list li a:after{display: block;content:"";clear: both;}
table td .type_list li:last-child{border-bottom: none;}
.type_list li .figure_caption .tit{display: block;padding: 20px 0 12px;width: 100%;font-weight: 500;/* font-size: 18px; */font-size: 1.125rem;color: #3f3f3f;}
.type_list li .figure_caption .tit:hover{color: #000;text-decoration: underline;}
.type_list li span{display: inline-block;color: #707070;}
.type_list li .figure_caption .story{height: 38px;display: block;}
.type_list li .figure{display: inline-block;float: left;position: relative;width: 175px;margin-right: 30px;}
.type_list li .figure .btn_play{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);}
.type_list li .figure .btn_play:hover{background-color: rgba(0, 0, 0, .3);}
.type_list li .figure .btn_play > i{width: 78px;height: 78px;}
.type_list.type_list_ranking li{position: relative;padding: 35px 30px 30px 35px;}
.type_list.type_list_ranking li .figure .label_rank{display: inline-block;position: absolute;left: 0;top: 0;width: 50px;height: 50px;text-align: center;line-height: 50px;color: #fff;background-color: #ee9d00;border-radius: 50%;transform: translate(-20px, -20px);}
.type_list .react_group{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.type_list .react_group button{width: 32px;height: 32px;}
.type_list .react_group button + button{margin-left: 5px;}
@media (max-width: 800px) {
	.type_list li{float: none;width: 100%;margin-right: 0;}
	.type_list.type_list_ranking li{width: 85%;margin: auto;}
	.type_list li .figure {display: block;width: 100%;margin-right: 0;}
	.type_list li .figure_caption .tit{padding: 0 0 12px;}
	.type_list .react_group{position: static;padding-top: 15px;}
}

/* 게시판 컨텐츠 목록 : 썸네일 타입 */
.type_thumb{overflow: hidden;padding-top: 30px;}
.type_thumb ul{overflow: hidden;}
.type_thumb.col_3 li{overflow: hidden;float: left;margin-right: 30px;margin-bottom: 30px;width: calc(32.8% - 15px);}
.type_thumb.col_3 li:nth-child(3n){margin-right: 0;}
.type_thumb.col_4 li{overflow: hidden;float: left;margin-right: 45px;margin-bottom: 30px;width: calc(25% - 34px);}
.type_thumb.col_4 li:nth-child(4n){margin-right: 0;}
.type_thumb.col_5 li{overflow: hidden;float: left;margin-right: 25px;margin-bottom: 30px;width: calc(20.5% - 25px);border-bottom: none;}
.type_thumb.col_5 li:nth-child(5n){margin-right: 0;}
.type_thumb li a{display: block;}
.type_thumb li .figure{display: block;position: relative;width: 100%;}
.type_thumb li .figure .btn_play{position: absolute;left: 50%;top: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);}
.type_thumb li .figure .btn_play:hover{background-color: rgba(0, 0, 0, .4);}
.type_thumb li .figure .btn_play > i{width: 98px;height: 98px;}
.type_thumb li .figure .btn_cnt{position: absolute;left: 50%;top: 50%;width: 80px;height: 80px;background-color: #b79879;border-radius: 50%;transform: translate(-50%, -50%);}
.type_thumb li .figure_caption{display:inline-block;overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;padding-top: 10px;text-align: left;color: #707070;}
.type_thumb.col_5 li .figure_caption{white-space: normal;height: 50px;}
.type_thumb li .figure_caption .type{display: block;overflow: hidden;width: 100%;margin-bottom: 6px;font-weight: 500;/* font-size: 20px; */font-size: 1.25rem;color: #c47020;}
.type_thumb li .figure_caption .tit{display: block;overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px;/* font-size: 17px; */font-size: 1.063rem;color: #707070;}
.type_thumb li .figure_caption span{display: inline-block;/* font-size: 15px; */font-size: 0.9375rem;color: #898989;}
.type_thumb li .figure_caption em{color: #c47020;}
.type_thumb.type_thumb_ranking li{position: relative;width: 33.3%;margin-right: 0;padding: 20px}
.type_thumb.type_thumb_ranking .figure .label_rank{display: inline-block;position: absolute;left: 0;top: 0;width: 60px;height: 60px;text-align: center;line-height: 60px;/* font-size: 18px; */font-size: 1.125rem;color: #e2ff6f;background-color: #14c7bf;border-radius: 50%;transform: translate(-20px, -20px);}
.type_thumb.type_thumb_ranking .figure .label_rank b{font-weight: 700;/* font-size: 22px; */font-size: 1.375rem;margin-right: 2px;}
.type_thumb li .download_area{display: block;padding-top: 20px;;}
.type_thumb li .download_area .tit{display: block;overflow: hidden;margin-bottom: 10px;width: 100%;text-align: center;/* font-size: 17px; */font-size: 1.063rem;white-space: nowrap;text-overflow: ellipsis;}
.type_thumb li .download_area .btn_download1{width:calc(50% - 3px);}
.type_thumb li .download_area .btn_download1:last-child{margin-left: 6px;background-color: #f8f8f8;}
@media (max-width: 1024px) {
	.type_thumb.col_5 li{width: calc(25% - 25px);}
	.type_thumb.col_5 li:nth-child(5n){margin-right: 25px;}
	.type_thumb.col_5 li:nth-child(4n){margin-right: 0;}
}
@media (max-width: 800px) {
	.type_thumb.col_3 li{width: calc(50% - 14px);margin-right: 20px;}
	.type_thumb.col_4 li,
	.type_thumb.col_5 li{width: calc(33.3% - 14px);margin-right: 20px;}
	.type_thumb.col_5 li:nth-child(5n),
	.type_thumb.col_5 li:nth-child(4n){margin-right: 20px;}
	.type_thumb.col_3 li:nth-child(3n),
	.type_thumb.col_4 li:nth-child(4n){margin-right: 20px;}
	.type_thumb.col_4 li:nth-child(3n),
	.type_thumb.col_3 li:nth-child(2n),
	.type_thumb.col_5 li:nth-child(3n){margin-right: 0;}
	.type_thumb li .figure .btn_play > i{width: 65px;height: 65px;}
	.type_thumb li .figure .btn_cnt{width: 60px;height: 60px;}
}
@media (max-width: 540px) {
	.download_area .tit{/* font-size: 14px; */font-size: 0.875rem;}
}
@media (max-width: 420px) {
	.type_thumb.col_4 li,
	.type_thumb.col_5 li{width: calc(50% - 10px);}
	.type_thumb.col_5 li:nth-child(5n),
	.type_thumb.col_4 li:nth-child(4n),
	.type_thumb.col_5 li:nth-child(4n),
	.type_thumb.col_4 li:nth-child(3n),
	.type_thumb.col_5 li:nth-child(3n){margin-right: 20px;}
	.type_thumb.col_4 li:nth-child(2n),
	.type_thumb.col_5 li:nth-child(2n){margin-right: 0;}
}
@media (max-width: 320px) {
	.type_thumb.col_3 li,
	.type_thumb.col_4 li,
	.type_thumb.col_5 li{float: none;width: 100%;margin-right: 0;padding-bottom: 0;}
}

/* 카테고리 리스트 */
.cate_list li{overflow: hidden;position: relative;padding: 0 !important;border-bottom: 1px solid #dfdfdf;}
.cate_list li li{overflow: inherit;margin-bottom: 5px;border-bottom: none;line-height: 1.6;}

.no_cont,
.cate_list li.no_cont{
	padding: 200px 0 30px 0 !important;
	background: url(/resource/templete/manpa/img/sub/img_noresult.png) top 30px center no-repeat;
	background-size: 150px auto;
	text-align: center;
}
.bbs_no_result {
	padding: 30px 0 !important;
	text-align: center
}

p.bbs_no_result {
	border-bottom: 1px solid #dfdfdf;
}
.cate_list a{display: block;overflow: hidden;padding: 30px 0;}
.cate_list a:hover{background-color: #f8f8f8;}
.cate_list a .tit:hover{text-decoration: underline;color: #000;}
.cate_list .cate_head{display: inline-block;margin-right: 30px;width: 150px;text-align: center;line-height: 58px;vertical-align: middle;}
.cate_list .cate_head span{font-weight: 500;}
.cate_list .cate_cnt{display: inline-block;overflow: hidden;padding: 0 10px; width: 100%;text-align: left;vertical-align: middle;color: #707070;}
.cate_list .cate_head + .cate_cnt{width: calc(100% - 184px);}
.cate_list .cate_cnt .list_info{display: inline-block;width: calc(100% - 135px);vertical-align: middle;}
.cate_list .cate_cnt .list_info1{display: inline-block;vertical-align: middle;}
.cate_list.custom .cate_cnt .list_info{ width: 100%}
.cate_list.resize_width_1 .cate_head{padding: 30px 0;width: 210px;}
.cate_list.resize_width_1.recomm .cate_head{vertical-align: top;}
.cate_list.resize_width_1.recomm .cate_head img{display: block;height: 270px;}
.cate_list.resize_width_1 .cate_cnt{padding: 30px 0;width: calc(100% - 245px);}
.cate_list.resize_width_1 .cate_cnt .tit{display: block;width: 100%;font-weight: 500;/* font-size: 18px; */font-size: 1.125rem;color: #3f3f3f;margin-bottom: 12px;}
.cate_list.resize_width_2 .cate_head{padding: 30px 0;width: 280px;vertical-align: top;}
.cate_list.resize_width_2 .cate_cnt{padding: 30px 0;width: calc(100% - 320px);vertical-align: top;}
.cate_list.resize_width_1 .cate_cnt b{display: block;clear: both;float: left;min-width: 45px;margin-right: 10px;}
.cate_list.resize_width_1 .cate_cnt b + span{display: block;float: left;max-height: 250px;overflow: hidden;}
.cate_list.resize_width_1 .cate_cnt .btn_view{background-color: #fff;}
.cate_list.resize_width_1 .cate_cnt .btn_view:hover{background-color: #f8f8f8;}
.cate_list .status_default{display: inline-block;width: 100px;height: 60px;line-height: 60px;text-align: center;border: 1px solid #ccc;background-color: #fff;}
.headline .status_default{display: inline-block;margin-right: 10px;width: 100px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #ccc;/* font-size: 16px; */font-size: 1rem;background-color: #fff;}
.headline.category_header .status_default{position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.cate_list .cate_head .status_default.status_ing,
.cate_list .cate_cnt .status_default.status_ing,
.headline .status_default.status_ing{border-color: #f60;color: #f60;}
.cate_list .cate_head .status_default.status_ready,
.cate_list .cate_cnt .status_default.status_ready,
.headline .status_default.status_ready{border-color: #007bc2;color: #007bc2;}
.cate_list .cate_cnt .status_default{display: none;}
.cate_list .cate_cnt .reply_default{display: block;margin-bottom: 10px;width: 100px;height: 35px;border: 1px solid #ccc;text-align: center;line-height: 35px;background-color: #fff;}
.cate_list .cate_cnt .reply_default.ok{border-color: #f60;color: #f60;}
.list_info .label {display: inline-block;float: left;margin-top: 2px;margin-right: 8px;width: 70px;height: 24px;  border: 1px solid #ccc;line-height: 21px;font-weight: 400; /* font-size: 13px; */font-size: 0.8125rem;text-align: center;vertical-align: top;color: #303030;background-color: #fafafa;}
.list_info .tit{display: block;margin-bottom: 15px;text-align: left;font-weight: 500;/* font-size: 18px; */font-size: 1.125rem;color: #3f3f3f;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.list_info .category{float: left;border: 1px solid #c47020;padding: 1px 5px;margin-right: 10px;color: #c47020;}
.list_info .detail{display: block;overflow: hidden;}
.list_info .detail > span{display: block;float: left;}
.list_info .detail > span.div:last-child{ display: none}
/* .cate_list .list_info .detail > span:nth-child(4n){clear: both;} */
.list_info b{display: inline-block;margin-bottom: 5px;margin-right: 5px;color: #4f4f4f;}
.list_info1{color: #707070;}
.list_info1 b{display: inline-block;float: left;margin-right: 5px;color: #4f4f4f;}
.file_box + .txt_msg{margin-top: 6px;}
.cate_list.type_list .cate_head{width: 175px;}
.cate_list.type_list .cate_cnt{width: calc(100% - 210px);}
@media (max-width: 800px) {
	.cate_list:not(.custom) .cate_head{display: none;}
	.cate_list.custom .cate_head{ min-width: 100px; width: auto; max-width: calc(100% - 20px); min-height: 30px; height: auto; line-height: +1.2; padding: 5px 10px; margin: 0 10px 10px; border: 1px solid #a8a8a8}
	.cate_list .cate_cnt,
	.cate_list .cate_head + .cate_cnt,
	.cate_list.type_list .cate_cnt{width: 100%;}
	.cate_list .cate_cnt .list_info1{float: left;margin-top: 15px;}
	.cate_list .cate_cnt .list_info{width: 100%;}
	.cate_list .cate_cnt .status_default{display: block;margin-bottom: 10px;width: 100px;height: 35px;border: 1px solid #ccc;text-align: center;line-height: 35px;}
	.cate_list .list_info .detail > span, .cate_list .list_info .detail .row > span{display: block;float: none;}
	.cate_list .list_info .detail .div, .cate_list .list_info .detail .row .div{display: none;}
	.cate_list.resize_width_1 .cate_cnt .onM{display: block;float: left;width: 32%;margin-right: 4%;}
	.cate_list.resize_width_1 .cate_cnt .onM + div{display: block;float: left;width: 64%;}
	.cate_list.resize_width_2 .cate_cnt .onM{display: block;float: left;width: 38%;margin-right: 4%;}
	.cate_list.resize_width_2 .cate_cnt .onM + div{display: block;float: left;width: 58%;}
	.table_header .headline.category_header { padding : 0 }
	.headline.category_header .status_default { position : relative; display: block; top : initial; transform : none; margin-bottom : 5px  }
	.table_detail .attatch_box ul{margin: 5px 0 0;}
}
@media (max-width: 420px) {
	.cate_list.resize_width_1 .cate_cnt .onM{float: none;width: 100%;margin-right: 0;margin-bottom: 30px;}
	.cate_list.resize_width_1 .cate_cnt .onM + div{float: none;width: 100%;}
	.cate_list.resize_width_2 .cate_cnt .onM{float: none;width: 100%;margin-right: 0;margin-bottom: 30px;}
	.cate_list.resize_width_2 .cate_cnt .onM + div{float: none;width: 100%;}
}

/* 동영상, 이미지 컨텐츠 보여주기 영역 */
.player_zone{padding: 50px;border: 1px solid #cdcdcd;text-align: center;}
.player_zone .figure{width: 810px;}
.player_zone .btn_play{display: block;position: absolute;left: 50%;top: calc(50% - 10px);width: 100%;height: 100%;transform: translate(-50%, -50%);cursor: pointer;}
.player_zone .btn_play > i{width: 118px;height: 118px;}
.player_zone:after{display: block;content:"";clear: both;}
@media (max-width: 800px) {
	.player_zone{padding: 15px;}
	.player_zone .figure{width: 100%;}
	.player_zone .btn_play > i{width: 80px;height: 80px;}
}

.slider_zone{padding: 50px 82.5px;border: 1px solid #cdcdcd;text-align: center;border-top: none;}
.slider_zone:after{display: block;content:"";clear: both;}
table td .slider_zone{margin-top: -1px;}
.slider_zone .slider_wrap{position: relative}
.slider_zone .controller{overflow: hidden;margin: 10px auto 20px;width: 810px;text-align: left;font-weight: 500;color: #000; display: flex; justify-content: space-between; align-items: center;}
.slider_zone .controller a{display: inline-block;padding: 5px;}
.slider_zone .controller a:hover{color: #000;text-decoration: underline;}
.slider_zone .controller .btn_autoplay,
.slider_zone .controller .btn_autoplay_stop{display: none;padding-left: 15px;width: 100px;height: 33px;border: 1px solid #a6a6a6;line-height: 33px;background: #fff url(/resource/templete/manpa/common/img/common/btn-autoplay.png) 15px 11px no-repeat;vertical-align: middle;}
.slider_zone .controller .btn_autoplay{display: inline-block;}
.slider_wrap .slick-prev,
.slider_wrap .slick-next{position: absolute;top: 50%;z-index: 1;width: 47px;height: 85px; font-size: 0;line-height: 0; transform: translate(0, -50%)}
.slider_wrap .slick-prev{left: -25px;background: rgba(0, 0, 0, .7) url(/resource/templete/manpa/common/img/common/arr_slider_l.png) center no-repeat;}
.slider_wrap .slick-next{right: -25px;background: rgba(0, 0, 0, .7) url(/resource/templete/manpa/common/img/common/arr_slider_r.png) center no-repeat;}
.pagingInfo{display: inline-block;overflow: hidden;height: 33px;line-height: 33px;vertical-align: middle; padding: 0 5px}
.slider-nav .slick-slide {margin-right: 6px;margin-bottom: 5px;cursor: pointer;}
.slider-nav .slick-slide img{border: 1px solid #dfdfdf;}
.slider-nav .slick-slide-active {opacity: 1;border: 2px solid #e18728;}
.photoTableWrap .slider_wrap{ background: #444}
.photoTableWrap .slick-slide{ height: 500px; overflow: hidden; position: relative;}
.photoTableWrap .slider-nav .slick-slide{ height: 80px; background: #444;}
.photoTableWrap .slick-slide img{ width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
@media (max-width: 800px) {
	.slider_zone{padding: 15px;}
	.slider_zone .controller{overflow: hidden;margin: 10px auto;}
	.slick-prev,
	.slick-next{position: absolute;top: 50%;z-index: 1;width: 25px;height: 54px;transform: translateY(-50%);}
	.slick-prev{left: -10px;}
	.slick-next{right: -10px;}

	.photoTableWrap .slick-slide{ height: 65vw; overflow: hidden; position: relative;}
	.photoTableWrap .slider-nav .slick-slide{ height: 8vw}
}

/* ======================================= 게시판 타입1 ============================================*/
/* 게시판 타입1(목록) : 독서칼럼 & 칼툰보기 */
.bbs_type1 .item .tit_2{margin: -10px 0 20px;}
.bbs_type1 .item ul li{float: left;width: calc(20% - 20px);margin-right: 25px;margin-bottom: 20px;}
.bbs_type1 .col_5 .item ul li:nth-child(5n){margin-right: 0;}
.bbs_type1 .item ul li a{display: block;color: #707070;}
.bbs_type1 .item ul li a .figure_caption{display: block;padding-top: 15px;text-align: left;}
.bbs_type1 .item ul li a .figure_caption b{display: block;margin-bottom: 10px;/* font-size: 17px; */font-size: 1.063rem;color: #131313;}

.bbs_type1 .type_list.col_2 li{overflow: hidden;padding: 0;}
.bbs_type1 .type_list.col_2 .item{overflow: hidden;float: left;width: calc(50% - 15px);}
.bbs_type1 .type_list.webtoon_list .item{border-bottom: 1px solid #dfdfdf;width: 50%;}
.bbs_type1 .type_list.col_2 .figure{float: left;width: 175px;margin-right: 25px;}
.bbs_type1 .type_list dl{display: block;float: left;margin: 20px 0 0;}
.bbs_type1 .type_list dl dt, .type_list dl dd{display: inline-block;float: left;margin-bottom: 10px;text-align: left;}
.bbs_type1 .type_list dl dt{clear: both;min-width: 45px;margin-right: 10px;font-weight: 500;color: #131313;}
.bbs_type1 .type_list dl dd{overflow: hidden;width: calc(100% - 55px);white-space: nowrap;text-overflow: ellipsis;color: #707070;}
.bbs_type1 .type_list dl dd em{color: #c47020;margin-right: 3px;}
@media (max-width: 800px) {
	.bbs_type1 .tab_area{margin-top: 10px;}
	.bbs_type1 .tab_area .tab_pane{padding-top: 30px;}
	.bbs_type1 .tab_area .tab_title ul{flex-wrap: nowrap;}
	.bbs_type1 .intro{padding-right: 0;}
	.bbs_type1 .intro > div{width: 100%;}
	.bbs_type1 .intro .figure{max-width: 100%;}
	.bbs_type1 .intro .btn_group {padding-top: 30px;text-align: center;}
	.bbs_type1 .intro .btn_group .btn{width: calc(50% - 5px);}
	.bbs_type1 .intro .btn_group .btn:nth-child(3){display: block;width: 100%;margin-top: 8px;margin-left: 0;}
	.bbs_type1 table td .item{padding: 0 0 30px;}
	.bbs_type1 .item:last-child{padding: 0;}
	.bbs_type1 .item > ul{flex-wrap: wrap;}
	.bbs_type1 .item > ul li{float: left;width: calc(50% - 12.5px);margin-bottom: 15px;}
	.bbs_type1 .col_5 .item ul li:nth-child(5n){margin-right: 25px;}
	.bbs_type1 .col_5 .item ul li:nth-child(2n){margin-right: 0;}

	.bbs_type1 .type_list.col_2{padding-top: 30px;}
	.bbs_type1 .type_list.col_2 li{float: none;margin-right: 0;padding-bottom: 0;width: 100%;border-bottom: none;}
	.bbs_type1 .type_list.col_2 li .item,.bbs_type1 .type_list.webtoon_list .item{float: left;margin-right: 30px;padding: 0 0 30px;width: calc(50% - 15px);}
	.bbs_type1 .type_list.webtoon_list .item{border-bottom: none;padding: 30px 0;}
	.bbs_type1 .type_list.col_2 li .item:nth-child(2),.bbs_type1 .type_list.webtoon_list .item:nth-child(2n){margin-right: 0;}
	.bbs_type1 .type_list.col_2 .figure {float: none;margin-right: 0;width: 100%;}
}
@media (max-width: 420px) {
	.bbs_type1 .intro .figure {display: block;float: none;max-width: 100%;}
	.bbs_type1 .intro .figure_caption {display: block;float: none;}
	.bbs_type1 .item ul li a .figure_caption,
	.bbs_type1 .item ul li a .figure_caption b{/* font-size: 15px; */font-size: 0.9375rem;}
	.bbs_type1 .item > ul li{float: left;width: 100%;margin-bottom: 15px;}
	.bbs_type1 .type_list.col_2{margin-top: 30px;}
	.bbs_type1 .type_list.col_2 li{float: none;width: 100%;margin-right: 0;padding: 0;}
	.bbs_type1 .type_list.col_2 li .item{float: none;margin-right: 0;padding: 0 0 30px;width: 100%;}
}
@media (max-width: 300px) {
	.bbs_type1 .intro .btn_group button {width: 114px;}
}

/* 게시판 타입1(목록+상세) : 지원협력사업 */
.table_header .total{line-height: 33px; font-size: 1.063rem;}
.table_header .total b{margin-left: 5px;color: #000;letter-spacing: 0;}
.table_header .total_bottom{margin-top: 10px;}
.table_header .total_bottom .view_type li{display: inline-block;margin-left: 10px;}
.table_header .total_bottom .view_type a{display: inline-block;padding-top: 5px;opacity: .4;color: #000;}
.table_header .total_bottom .view_type li.on a {opacity: 1;color: #626262;}

/* ========================================= 게시판 타입2 ================================================*/
/* 게시판 타입2(목록) : 다국어동화구연 */
.bbs_type2 .intro_box .tit{display: inline-block;float: left;width: 62px;font-weight: 500;/* font-size: 17px; */font-size: 1.063rem;color: #232323;}
.bbs_type2 .intro_box > div button{width: 74px;height: 33px;vertical-align: top;}
.bbs_type2 .intro_box span{padding: 0;}
.bbs_type2 .intro_box .help_lang select{width: 150px;height: 33px;margin-left: 3px;}
@media (max-width: 800px) {
	.bbs_type2 .intro_box.space_between{flex-direction: column;}
	.bbs_type2 .intro_box.space_between .flex_full{flex: 1;}
	.bbs_type2 .intro_box .tit{display: block;width: 100%;/* font-size: 18px; */font-size: 1.125rem;margin-bottom: 10px;}
	.bbs_type2 .intro_box > div button,
	.bbs_type2 .intro_box > div select,
	.bbs_type2 .intro_box select{float: left;width: 49%;}
	.bbs_type2 .intro_box .help_lang button,
	.bbs_type2 .intro_box .help_lang span{float: left;width: 49%;}
	.bbs_type2 .intro_box .help_lang select{width: 100%;}
}
.bbs_type2 .bbs_title h3{font-weight: 500;/* font-size: 24px; */font-size: 1.5rem;}
.bbs_type2 .bbs_title .input_group{position: relative;width: 400px;}
.bbs_type2 .bbs_title .input_group input{width: 100%;padding-right: 70px;}
.bbs_type2 .bbs_title .input_group button{position: absolute;top: 0;width: 35px;height: 35px;}
.bbs_type2 .bbs_title .input_group .btn_1{right: 0;}
.bbs_type2 .bbs_title .input_group .btn_2{right: 35px;}
.bbs_type2 .tab_area .tab_pane{display: none;padding-top: 50px;}
.bbs_type2 .tab_area .tab_pane.on{display: block;}
.bbs_type2 .type_thumb li .figure_caption{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;height: 3.3em;line-height: 1.3em;white-space: inherit;/* font-size: 17px; */font-size: 1.063rem;text-overflow: ellipsis;}
@media (max-width: 800px) {
	.bbs_type2 .intro_box .help_lang{margin-top: 15px;}
	.bbs_type2 .bbs_title .input_group{width: 100%;}
	.bbs_type2 .bbs_title .input_group input{width: 100%;height: 40px;}
	.bbs_type2 .bbs_title .input_group button{position: absolute;top: 3px;}
	.icon_bbs_input2{position: relative;width: 100%;height: 100%;}
	.bbs_type2 .type_thumb.col_3.type_thumb_ranking li{float: none;width: 80%;margin-right: 0;margin: auto;padding: 20px;}
}
.bbs_type2 .type_list li .figure_caption .tit + div{padding-left: 5px;}
.bbs_type2 .type_list li .figure_caption b{margin-right: 10px;color: #131313;}
@media (max-width: 800px) {
	.bbs_type2 .type_list li .figure{float: none;width: 100%;margin-right: 0;}
	.bbs_type2 .type_list li .figure_caption{padding-top: 15px;}
}
@media (max-width: 600px) {
	.bbs_type2 .type_list li .figure_caption span{clear: both;display: block;/* font-size: 16px; */font-size: 1rem;}
	.bbs_type2 .type_list li .figure_caption span.div{display: none;}
}
.bbs_type2 .player_zone{padding: 30px 0;}
.bbs_type2 .player_zone > div{margin: auto;width: 770px;}
.bbs_type2 .player_zone .figure{position: relative;width: 640px;}
.bbs_type2 .player_zone .btn_play > i{width: 118px;height: 118px;}
.bbs_type2 .player_zone .playback_list{width: 90px;margin-left: 40px;}
.bbs_type2 .player_zone .playback_list li{margin-bottom: 8px;}
.bbs_type2 .player_zone .playback_list li a{display: block;margin-bottom: 3px;text-align: center;/* font-size: 15px; */font-size: 0.9375rem;color: #808080;}
.bbs_type2 .player_zone .playback_list li .figure{width: 90px;height: 68px;}
.bbs_type2 .player_zone .playback_list li span + span{display: inline-block;margin-top: 5px;}
.bbs_type2 .player_zone .btn_group{margin-top: 20px;text-align: left;}
.bbs_type2 .player_zone .btn_group button{height: 46px;border-radius: 10px;/* font-size: 18px; */font-size: 1.125rem;}
.bbs_type2 .player_zone .lang_box > div{display: flex;width: 100%;height: 70px;}
.bbs_type2 .player_zone .lang_box .tit{margin: 30px 0 10px;text-align: left;font-weight: 500;/* font-size: 18px; */font-size: 1.125rem;}
.bbs_type2 .player_zone .lang_box a{padding-top: 15px;width: 20%;height: 100%;border-right: 1px solid #dadada;border-bottom: 1px solid #dadada;border-top: 1px solid #a6a6a6;line-height: 1.3;text-align: center;vertical-align: middle;background-color: #f8f8f8;color: #626262;}
.bbs_type2 .player_zone .lang_box a.on{font-weight: 500;color: #131313;background-color: #fff;}
.bbs_type2 .player_zone .lang_box a:first-child{border-left: 1px solid #dadada;}
.bbs_type2 .story_zone{padding: 50px 0;border-bottom: 1px solid #a6a6a6;text-align: left;}
.bbs_type2 .story_zone .figure{float: left;max-width: 175px;margin-right: 25px;}
.bbs_type2 .story_zone .figure + div{float: left;}
.bbs_type2 .story_zone dl{float: left;margin: 10px 0 0;}
.bbs_type2 .story_zone dl dt, .story_zone dl dd{display: inline-block;float: left;margin-bottom: 10px;}
.bbs_type2 .story_zone dl dt{position: relative;clear: both;margin-right: 20px;width: 60px;font-weight: 500;color: #131313;}
.bbs_type2 .story_zone dl dt:after{display: block;content:"";position: absolute;right: 0;top: 0;width: 1px;height: 15px;background-color: #dfdfdf;}
.bbs_type2 .story_zone dl dd{color: #707070;}
.bbs_type2 .story_zone button{margin-left: 15px;width: 56px;height: 56px;text-align: center;color: #707070;position: relative;}
.bbs_type2 .story_zone .tit{margin: 30px 0 5px;font-weight: 500;color: #131313;}
.bbs_type2 .story_zone .tit + div:last-child{line-height: 1.6;}
.bbs_type2 .btn_funny{position: relative;display: inline-block;padding-left: 34px;height: 46px;/* font-size: 18px; */font-size: 1.125rem;color: #131313;}
.bbs_type2 .btn_funny i{position: absolute;left: 50%;top: 50%;width: 34px;height: 31px;margin-left: -42px;transform: translate(-50%, -50%);}
.bbs_type2 .story_zone .btn_funny{display: block;position: relative;margin-left: 0;padding-left: 24px;padding-top: 10px;width: 100%;text-align: left;/* font-size: 18px; */font-size: 1.125rem;color: #131313;}
.bbs_type2 .player_zone .btn_group button + button{margin-left: 10px;}
.bbs_type2 .story_zone .btn_funny i{left: 0;top: 22px;margin-left: 0;width: 16px;height: 15px;transform: inherit;}
@media (max-width: 800px) {
	.bbs_type2 .panel_group .item{width: 100%;}
	.bbs_type2 .panel_group .item .figure{float: none;width: 100%;max-width: 100%;margin-right: 0;}
	.bbs_type2 .panel_group .item .figure_caption{float: none;padding-top: 15px;}
	.bbs_type2 .player_zone{padding: 0;border: none;border-bottom: 1px solid #a6a6a6;}
	.bbs_type2 .player_zone > div{width: 100%;}
	.bbs_type2 .player_zone .figure{width: 100%;height: 100%;}
	.bbs_type2 .player_zone .playback_list{display: none;}
	.bbs_type2 .player_zone .btn_group button{float: left;margin: 0 !important;width: calc(50% - 10px);}
	.bbs_type2 .player_zone .btn_group .btn_funny{float: right;border: 1px solid #764313;}
	.bbs_type2 .player_zone .btn_group .btn_orange{margin-bottom: 10px !important;width: 100%;margin-right: 0;}
	.bbs_type2 .player_zone .lang_box select{margin: 5px 0 15px 0;width: 100%;height: 40px;border: 3px solid #9f5414;color: #000;background: #fff url(/resource/templete/manpa/common/img/common/input_select_3.png) 96% center no-repeat;}
	.bbs_type2 .story_zone{padding: 30px 0;}
	.bbs_type2 .story_zone .space_between {flex-wrap: wrap;}
	.bbs_type2 .story_zone .figure{float: none;max-width: 100%;margin-right: 0;margin-bottom: 20px;}
	.bbs_type2 .story_zone .tit{margin: 50px 0 15px;}
	.bbs_type2 .story_zone + .btn_group .btn_default{width: 100%;height: 60px;}
}

/* 게시판 컨텐츠 목록 : 썸네일 타입2 */
.type_thumb2{overflow: hidden;padding-top: 30px;}
.type_thumb2 ul{overflow: hidden;}
.type_thumb2.col_3 li{overflow: hidden;float: left;margin-right: 30px;margin-bottom: 30px;width: calc(32.8% - 15px); height : 257px ;}
.type_thumb2.col_3 li:nth-child(3n){margin-right: 0;}
.type_thumb2 li a{display: block;}
.type_thumb2 li .figure{display: block;position: relative;width: 100%;}
.type_thumb2 li .figure_caption{display:inline-block;overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;padding-top: 10px;text-align: left;color: #707070;}
.type_thumb2 li .figure_caption .tit{display: block;overflow: hidden;width: 100%;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 5px;/* font-size: 17px; */font-size: 1.063rem;color: #3f3f3f;font-weight: 500;}
.type_thumb2 li .figure_caption .tit:hover{color: #000;text-decoration: underline;}
.type_thumb2 li .figure_caption .info span,
.type_thumb2 li .figure_caption .story{display: block;font-size: 0.9375rem;color: #898989;}
.type_thumb2 li .figure_caption .story{height: 38px;white-space: normal;margin-top: 5px;}
.type_thumb2 li .figure_caption b{color: #131313;margin-right: 5px;}
.type_thumb2 li .figure_caption em{color: #c47020;}
@media (max-width: 800px) {
	.type_thumb2.col_3 li{width: calc(50% - 14px);margin-right: 20px;height : 220px;}
	.type_thumb2.col_3 li:nth-child(3n){margin-right: 20px;}
	.type_thumb2.col_3 li:nth-child(2n){margin-right: 0;}
}
@media (max-width: 320px) {
	.type_thumb2.col_3 li{float: none;width: 100%;margin-right: 0;padding-bottom: 0;}
}

/* 썸네일 이미지 크기 */
.type_list .figure > img{display: block;height: 115px;}
.type_thumb .figure > img,.type_thumb2 .figure > img{display: block;height: 200px;}
@media (max-width: 800px) {
	.type_thumb .figure > img,.type_thumb2 .figure > img{display: block;height: 160px;}
}

/* 20210217 - 썸네일, 리스트 통합형 */
.dual_data_box { border-top: solid 2px #675147; border-bottom: solid 1px #a6a6a6; }
.dual_data_box,
.dual_data_box .box { padding: 17px 0; }
.dual_data_box .box a { display: block; }
.dual_data_box .box .img { position: relative; font-size: 0; background-size: cover; }
.dual_data_box .box .img:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: solid 1px rgba(0,0,0,.15); }
.dual_data_box .box .img .btn_play {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -49px;
	margin-left: -49px;
	width: 98px;
	height: 98px;
	background: url(/resource/templete/manpa/common/img/common/ico_play.png) center/100% no-repeat;
}
.dual_data_box .box .txt > p { font-weight: 500; white-space: nowrap; text-overflow: ellipsis; color: #4f4f4f; overflow: hidden; }
.dual_data_box .box .txt > span { margin-right: 15px; color: #898989; }
.dual_data_box .box .txt > span + span { position: relative; margin-right: 0; padding-left: 12px; }
.dual_data_box .box .txt > span + span:before { content: ""; position: absolute; top: 3px; left: 0; width: 1px; background-color: #dfdfdf; }
.dual_data_box .thumb ul { margin: -17px -13px; }
.dual_data_box .thumb ul:after,
.dual_data_box .list li:after { content: ""; display: block; clear: both; }
.dual_data_box .thumb li { float: left; padding: 17px 13px; width: 33.33%; }
.dual_data_box .thumb .img { height: 200px; }
.dual_data_box .thumb .txt { padding: 20px 0 10px; }
.dual_data_box .thumb .txt > p { margin-bottom: 15px; font-size: 1.0625rem; }
.dual_data_box .thumb .txt > span { font-size: 0.9375rem; }
.dual_data_box .thumb .txt > span + span:before { height: 15px; }
.dual_data_box .box.list { padding: 0; }
.dual_data_box .list ul { margin: -17px 0; }
.dual_data_box .list li { position: relative;  padding: 30px 0; border-bottom: solid 1px #dfdfdf; }
.dual_data_box .list .txt { padding: 24px 0 23px 195px; }
.dual_data_box .list .img { float: left; width: 165px; height: 110px; }
.dual_data_box .list .txt > p { margin-bottom: 10px; font-size: 1.125rem; }
.dual_data_box .list .txt > span + span:before { height: 17px; }


@media ( max-width : 780px ){
	.dual_data_box .thumb li { width : 50% }
}


/*custom view*/
.table_header.custom .category{ margin: 2px 5px 0 0; padding: 3px 15px; border-radius: 20px; background: #2e75b6; color: #fff}

.table_detail .pre_wrap.pre_wrap_custom{ padding: 0;  border-bottom: 1px solid #cdcdcd;}
.table_detail .pre_wrap.pre_wrap_custom:last-child{ border-bottom: 1px solid #a6a6a6;}
.table_detail .pre_wrap.pre_wrap_custom,
.pre_wrap_custom .custom_tit,
.pre_wrap_custom .custom_con{ display: flex;}
.pre_wrap_custom .custom_tit,
.pre_wrap_custom .custom_con{ padding: 15px}
.pre_wrap_custom .custom_tit{ align-items: center; background: #dfdfdf; font-weight: 500;; width: 150px; word-break: break-word; justify-content: center; text-align: center;}
.pre_wrap_custom .custom_con{ width: calc(100% - 150px);}

@media screen and ( max-width : 780px ){
	.pre_wrap_custom .custom_tit,
	.pre_wrap_custom .custom_con{ padding: 10px}
	.pre_wrap_custom .custom_tit{ width: 100px}
	.pre_wrap_custom .custom_con{ width: calc(100% - 100px);}
}

/*comment*/
.comment_wrap .inner { display: flex; flex-wrap: wrap}
.comment_wrap .inner #nickChk{ flex-shrink: 0; width: 100%}
.comment_wrap .inner #commentWriterDiv{  flex-shrink: 0; margin-bottom: 5px; width: calc(100% - 100px)}
.comment_wrap .inner #commentContents{ width: calc(100% - 100px); height: 100px; resize: none}
.comment_wrap .inner .btn_wrap{ width: 100px; height: 100px;}
.comment_wrap .inner .btn_wrap .btn{ width: 100%; height: 100%; background: #2e75b6; color: #fff}




.sr_only {display: none}

.boardBtnBox {width: 100%; display: inline-block; text-align: right; margin:20px 0}
.boardBtnBox .list_btn {}
.boardBtnBox .list_btn li {display: inline-block}
.boardBtnBox .list_btn li a { display:inline-block; line-height:42px; font-size:1.6rem; border: 1px solid #a6a6a6; padding: 0 30px;}
.board_header {width:100%; display:inline-block; margin:25px 0 50px; vertical-align: top;}
.board_header .total_box  {position:relative; display: inline-block; float: left; padding: 0 0 0 10px; margin-top:15px; font-size: 1.6rem}
.board_header .total_box:before {width: 3px; height:3px; display: inline-block; background: #003669; border-radius: 50%; display: block; content: ""; position: absolute; left: 0px; top:5px; }
.board_header .total_box span {color: #4c4c4c}
.board_header .total_box strong {color:#003669;  }
.board_header .board_header_wrap form {display: inline-block; float: right}
.board_header .board_header_wrap form .input_group_wrap {display: flex}
.board_header .board_header_wrap form .input_group_wrap select {width:150px; height: 48px; border: 1px solid #cdcdcd; border-radius: 5px; font-size:1.5rem; padding: 0 10px}
.board_header .board_header_wrap form .input_group_wrap input[type="text"] {width:300px; height: 48px; border: 1px solid #cdcdcd; border-radius: 5px; font-size:1.5rem; padding: 0 10px; vertical-align: top; display: inline-block;  margin: 0 3px;}
.board_header .board_header_wrap form .input_group_wrap .btn_search {height: 48px; width:100px; display: inline-block;  vertical-align: top; background: #003669; border-radius: 5px; font-size: 1.6rem; color: #fff; font-family: "pretendard_bold", "pretendard_regular", sans-serif;}

.board_list_box.type_1 .board_mid {}
.board_list_box.type_1 .board_mid .board_list_ul {width: calc(100% + 40px); margin: 0 0 0 -20px; display: inline-block; font-size: 0px}
.board_list_box.type_1 .board_mid .board_list_ul li {display: inline-block; vertical-align: top; width:calc(33.3% - 40px); margin: 0 20px 40px; }
.board_list_box.type_1 .board_mid .board_list_ul li a { position: relative; width: 100%; height: 330px;  background: #f5f5f5; display: inline-block; padding: 40px 45px;}
.board_list_box.type_1 .board_mid .board_list_ul li a .tit {font-size: 2.5rem; color: #000; letter-spacing: -0.05em; font-family: "pretendard_bold"; line-height: 1.35em; display: -webkit-box; vertical-align: top;   max-width: 100%;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;   text-overflow: ellipsis;  word-break: break-word;}
.board_list_box.type_1 .board_mid .board_list_ul li a .tit .new {display: none}
.board_list_box.type_1 .board_mid .board_list_ul li a .text {height:160px; display: inline-block; vertical-align: top; width: 100%;}
.board_list_box.type_1 .board_mid .board_list_ul li a .text_wrap {font-size: 1.8rem; color: #434343; letter-spacing: -0.05em; line-height: 1.35em; display: -webkit-box;    max-width: 100%;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;   text-overflow: ellipsis;  word-break: break-word; margin: 20px 0 0 0 }
.board_list_box.type_1 .board_mid .board_list_ul li a .detail {position: relative; width: 100%; vertical-align: top;}
.board_list_box.type_1 .board_mid .board_list_ul li a .detail .date {position:relative; float: left; font-size:  1.5rem; color: #838383; letter-spacing: -0.025em}
.board_list_box.type_1 .board_mid .board_list_ul li a .detail .date i {margin-right: 5px}

.board_list_box.type_1 .board_mid .board_list_ul li a .detail .count {float: right;  font-size: 1.5rem; color: #838383;}
.board_list_box.type_1 .board_mid .board_list_ul li a .detail .count i {margin-right: 5px}







.boardWrite {width: 100%; display: inline-block; border-top: 3px solid #000; margin-top:50px}
.boardWrite .infor {border-bottom: 1px solid #ccc; width: 100%; padding:10px 15px; display:flex; justify-content: center; vertical-align: top}
.boardWrite .infor dt.t {display: inline-block; width:20%; padding: 0 15px}
.boardWrite .infor dd.writer,
.boardWrite .infor dd.writeTxt {display: inline-block; width:80%; padding: 0 15px;}

.boardWrite .infor .required {width: 100%; font-size: 1.6rem; padding: 10px}
.boardWrite .infor.f dd p {display: inline-block; margin-top:10px}

.boardWrite .infor.infor_2 dt.t {display: inline-block; width:20%;}
.boardWrite .infor.infor_2 dd.writer,
.boardWrite .infor.infor_2 dd.writeTxt {display: inline-block; width:30%;}

.board_list_box.type_2 .board_mid table {table-layout: fixed; width: 100%; height: auto; position: relative;word-break: break-word;}
.board_list_box.type_2 .board_mid table thead th {background: #f8f8f8;  font-family: "pretendard_medium", "pretendard_regular", sans-serif; padding: 20px 10px; vertical-align: middle; border-top:3px solid #000; border-bottom:1px solid #eee}
.board_list_box.type_2 .board_mid table tbody td {text-align: left;  color: #333;  padding: 20px 10px;     text-align: center;  border-bottom: 1px solid #eee;  vertical-align: middle;}
.board_list_box.type_2 .board_mid table tbody td i.fa {display: none}
.board_list_box.type_3 .board_mid {}
.board_list_box.type_3 .board_mid .board_list_ul {width: calc(100% + 40px); margin: 0 0 0 -20px; display: inline-block; font-size: 0px}
.board_list_box.type_3 .board_mid .board_list_ul li {display: inline-block; vertical-align: top; width:calc(33.3% - 40px); margin: 0 20px 40px; }
.board_list_box.type_3 .board_mid .board_list_ul li a { position: relative; width: 100%;  display: inline-block; }
.board_list_box.type_3 .board_mid .board_list_ul li a .list_info {padding:20px 5px; width: 100%; display: inline-block}
.board_list_box.type_3 .board_mid .board_list_ul li a .tit {width:100%; font-size:2rem; color: #000; letter-spacing: -0.05em; font-family: "pretendard_bold"; line-height: 1.35em;  display:inline-block; vertical-align: top;   white-space:nowrap;   overflow: hidden;   text-overflow: ellipsis;  word-break: break-word;}

.board_list_box.type_3 .board_mid .board_list_ul li a .detail {position: relative;     display: inline-block;  width: 100%; vertical-align: top; margin-top:10px}
.board_list_box.type_3 .board_mid .board_list_ul li a .detail .date {position:relative; float: left; font-size: 1.5rem; color: #838383; letter-spacing: -0.025em}
.board_list_box.type_3 .board_mid .board_list_ul li a .detail .date i {margin-right: 5px}

.board_list_box.type_3 .board_mid .board_list_ul li a .detail .count {float: right;  font-size: 1.5rem; color: #838383;}
.board_list_box.type_3 .board_mid .board_list_ul li a .detail .count i {margin-right: 5px}
.board_list_box.type_3 .board_mid .board_list_ul li .img_box {position:relative; width:100%; height:250px; vertical-align: top; overflow: hidden; display:inline-block; }
.board_list_box.type_3 .board_mid .board_list_ul li .img_box img {min-width:100%; min-height: 100%; position: absolute; left: 0%; top: 50%;object-fit: cover; transform: translateY(-50%);}
.board_list_box.type_3 .board_mid .board_list_ul.cardnews li .img_box {height:auto}
.board_list_box.type_3 .board_mid .board_list_ul.cardnews li .img_box img {position: relative; top:auto; transform: translateY(0%)}


.board_view_box {width: 100%; display: inline-block; vertical-align: top; position: relative;}
.board_view_box .board_view_title {width:100%; display:inline-block; margin:50px 0 0px; vertical-align: top;}
.board_view_box .board_view_title .headline {width:100%; display:inline-block; vertical-align: top; font-size: 2.5rem; color: #000; letter-spacing: -0.05em; font-family: "pretendard_bold"; line-height: 1.35em; text-align: center; border-top:3px solid #000; border-bottom:1px solid #ccc; padding: 20px 40px }


.board_view_detail {width: 100%; display: inline-block; vertical-align: top; position: relative;}
.board_view_detail .board_view_detail_info {width: 100%; display: inline-block; line-height:1.25em; vertical-align: top; position: relative;     background: #f8f8f8;  padding: 18px 25px;  border-bottom: solid 1px #dfdfdf;}
.board_view_detail .board_view_detail_info .writer_name {float: left; font-size: 1.6rem; line-height:1.25em; }
.board_view_detail .board_view_detail_info .count_date_box {float: right; font-size: 1.6rem;  line-height:1.25em; }
.board_view_detail .board_view_detail_info .count_date_box i {margin-right: 5px}
.board_view_detail .board_view_detail_info .count_date_box .count {position:relative; padding-right:15px; margin-right: 15px; position: relative;}
.board_view_detail .board_view_detail_info .count_date_box .count:after {width: 1px; height: 15px; background: #bbb; display: block; content: ""; position: absolute; right:-2px; top:2px;}
.board_view_detail .board_view_detail_info .count_date_box .date  {}
.board_view_detail .board_view_detail_contents {width: 100%; display: inline-block; vertical-align: top; position: relative; padding: 40px 25px; border-bottom:1px solid #dfdfdf; font-size:1.6rem; line-height: 1.35em}

.board_footer .board_list_btn_box {width: 100%; display: inline-block; vertical-align: top; position: relative; padding: 25px 0; text-align: center;}
.board_footer .board_list_btn_box .board_list_btn {background: #1d1d1d; display: inline-block; padding: 15px 40px; color: #fff; font-size:1.7rem}
.board_footer .board_list_btn_box .board_list_btn i {margin-right: 8px; font-size:1.5rem}

.board_nav_box {width: 100%; display: inline-block;        border-top:solid 1px #dfdfdf;  border-bottom: solid 1px #dfdfdf;  position: relative; vertical-align: top;}

.board_nav_box ul {width:100%; display: inline-block; vertical-align: top}
.board_nav_box ul li  {width:100%; display: inline-block; vertical-align: top; padding: 15px 0; font-size:1.6rem; line-height: 1.25em}
.board_nav_box ul li .title {    position: relative; float: left;  width:130px; display: inline-block; padding: 0 20px}
.board_nav_box ul li .title:after {position: absolute; right: 20px; top:4px; width: 1px; height: 15px; background: #dfdfdf; display: block; content:"";}
.board_nav_box ul li .title i {margin-right:10px}
.board_nav_box ul li .text {float: left; display: inline-block;  width:calc(100% - 130px)}

.board_nav_box ul li.no_link {background: #f4f4f4;}
.board_nav_box ul li:first-child {border-bottom: 1px soliD #eee}
.board_file_list {font-size:1.5rem}
[data-ax5uploader-uploaded-box] {border-radius: 0px !important;}