.ntb-search-area {text-align:center; padding:10px 0 10px 0;}
.ntb-listbtn-area {text-align:right; padding:0px 0 10px 0;}


/* list(board) */
.ntb-list.lst-head li div {padding:1.5em 0; font-weight:bold;}
.ntb-list.lst-head {background:#f4f6f7; border-bottom:1px solid #aaa; border-top:2px solid #808080;}
.ntb-list.lst-head li div {color:#333; font-size:15px;}
.ntb-list.lst-body li {border-bottom:1px solid #ccc;  font-size:15px;}
.ntb-list.lst-body li .col_subject a {color:#444;}
.ntb-list.lst-body.lay-notice li {background:#fdfcec;}

.ntb-list .font_category {font-weight:bold; color:#0080d3;}
.ntb-list .font_comment {font-weight: bold; color: #ee2ea9;}
.ntb-list .font_search {font-weight:bold; color:#CC3300}

/* list ayout */
.ntb-list.lst-head {display:block;}
.ntb-list li {display:table; width:100%; padding:0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.ntb-list li .td {display:table-cell; text-align:center; vertical-align:middle;}
.ntb-list li .td .txt {display:none;}
.ntb-list li .col_no {width:10%;}
.ntb-list li .col_subject {text-align:left; line-height:1.6}
.ntb-list li .col_name {width:15%;}
.ntb-list li .col_date {width:15%;}
.ntb-list li .col_hit {width:10%;}

.ntb-list.lst-head li div {text-align:center;}
.ntb-list.lst-body li {padding:5px;}
.ntb-list.lst-body li .td {padding:10px;}
.ntb-list.lst-body .clear {display:none;}

.ntb-list li.empty {padding:30px;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

/* mobile list */


.programPage{margin-top:40px; text-align:center; font-size:0; margin-bottom:40px;}
.programPage a{display:inline-block; width:38px; height:38px; line-height:36px; font-size:14px; background:#fff; color:#666; vertical-align:middle; border:1px solid #dadada; box-sizing:border-box;}
.programPage a img{margin-top:13.5px;}
.programPage a.page_first{border-left:1px solid #dadada;}
.programPage a.page_prev{border:0; width:43px; margin-right:24px;}
.programPage a.page_next{border:0; width:43px; margin-left:24px;}
.programPage a:hover{background:#e5e5e5; font-weight:bold;}
.programPage a.active{background:#e5e5e5; font-weight:bold;}
.programPage a.page_prev:hover, .programPage a.page_next:hover{background:inherit;}


/* ÀϹݰԽÃÆÇ ºä, ¾²±â */
.ntb-tb-view {width:100%; border-top:2px solid #808080; padding:0; margin-top:10px; margin-bottom:30px; margin:0 auto; font-size:15px;}
.ntb-tb-view caption {visibility:hidden;}
.ntb-tb-view th {padding:17px; border-bottom: 1px solid #ddd; background-color:#f6f6f6; border-right: 1px solid #ddd; text-align:center; font-weight: bold; color:#333; line-height:22px; width:100px}
.ntb-tb-view td {padding:10px; border-bottom:1px solid #ddd; text-align:center; vertical-align:middle; line-height:22px;}
.ntb-tb-view td a {color:#666;}
.ntb-tb-view .view-info {margin:15px 5px;}
.ntb-tb-view .left {text-align:left; padding-left:10px;}
.ntb-tb-view .right {text-align:right; padding-left:10px;}
.ntb-tb-view .r_none {border-right:none;}
.ntb-tb-view .b_none {border-bottom:none;}
.ntb-tb-view .font_ip {font-size:8pt; color:#aaa;}
.ntb-tb-view .font_comcnt {color:#d33;}
.ntb-tb-view .font_comment {font-weight: bold; font-size: 11px; color: #ee2ea9;}
.ntb-tb-view .content-area {text-align:left; vertical-align:top; padding:10px; word-break:break-all;}
.ntb-tb-view .sns-area {width:100%; text-align:right; padding:10px}
.ntb-tb-view .ip-area {width:100%; text-align:right;}
.ntb-tb-view-btn {position: relative; text-align:left; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-btn .btnr {position:absolute; right:0; top:0;}
.ntb-tb-view-comment {position: relative; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-reply {position: relative; margin-top:10px; margin-bottom:30px;}
.ntb-tb-view-reply th {min-width:100px !important}
.ntb-tb-view-prevnext {position: relative; margin-top:10px; margin-bottom:30px;}
.content-area .img img { max-width:100%;}
.content_edu {margin-bottom:25px; line-height:25px; border-bottom: 1px solid #ddd; padding-bottom:15px;}

/** .AXButton.Classic **/
.AXButton.Classic{
	border:0px solid #82898f;
	color:#fff; font-weight:600;
	background:#676767;
	padding:12px;
}
.AXButton.Classic:hover{
	border:0px solid #383f45;
	background:#545454;
	box-shadow:0px 1px 2px #2d2d2d inset;
	color:#ccc;
}
.AXButton.Classic:active{
	border:0px solid #454c56;
	background:#545454;
	box-shadow:none;
	color:#ccc;
}

/* faq */
#faq_wrap {padding:0px; font-size:14px; text-align:left;}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li{border:1px solid #ddd;background:#fff;margin:5px 0;}
#faq_wrap li h3{min-height:55px;line-height:29px;padding:20px;padding-left:55px;position:relative;font-size:14px;}
#faq_wrap li h3 .tit_bg{display:inline-block;position:absolute;top:13px;left:13px;line-height:28px;text-align:center;background:#333;color:#fff;border-radius:50%;width:30px;height:30px}
#faq_wrap li a {font-size:15px; color:#4e5556;}

#faq_con .con_inner{display:none;border-top:1px solid #ddd;padding:15px;padding-left:55px;position:relative;background: #f7f7f7;}
#faq_con .con_inner .tit_bg{display:inline-block;position:absolute;top:13px;left:14px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}
#faq_con .con_inner .closer_btn{height:25px;font-size:0.92em;display:inline-block;padding:0 5px;border-radius:5px;}
#faq_con .con_closer{text-align:right}
/* faq */

a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6}


.cooperate_list{overflow: hidden; *width:100%;  }
.cooperate_list li{ float:left;  width:33.33%;  padding-bottom:25px; text-align:left;}
.cooperate_list li:first-child{ margin-left:0}
.cooperate_list a {color:#666;}
.cooperate_list_R{width:95%; border:1px solid #e9e9e9; padding:25px 18px; margin: 0px auto; border-radius: 20px; box-shadow: 4px 4px 4px gray;
.cooperate_list_R:hover {border:1px solid #2a2a2a;}}
.cooperate_text1 {font-size:15px;  height:24px; font-weight:bold; margin-bottom:8px; padding-top:2px; overflow:hidden; line-height:20px;}
.cooperate_text2 {font-size:13px;  margin-top:4px; border-bottom:0px solid #000;  margin-bottom:4px; overflow:hidden;  height:36px;  line-height:20px;}
.cooperate_text3 {font-size:13px;  margin-top:4px; height:20px; overflow:hidden;  line-height:22px;} 


.main_cooperate_list{overflow: hidden; *width:100%;  }
.main_cooperate_list li{ float:left;  width:50%;  padding-bottom:25px; text-align:left;}
.main_cooperate_logo {text-align:center; padding-bottom:18px;}
.main_cooperate_logo img {height:58px;}
.main_cooperate_list li:first-child{ margin-left:0}
.main_cooperate_list a {color:#666;}
.main_cooperate_list_R{width:96.7%; border:1px solid #e9e9e9; padding:38px 25px ; margin: 0px auto; border-radius: 20px; box-shadow: 4px 4px 4px gray;}
.main_cooperate_list_R:hover {border:1px solid #2a2a2a;}
.main_cooperate_text1 {font-size:24px; color:#000;  height:52px; font-weight:bold; overflow:hidden;}
.main_cooperate_text2 {font-size:15px;  margin-top:10px; border-bottom:0px solid #000;  margin-bottom:4px; overflow:hidden;  height:38px;  line-height:19px;}
.main_cooperate_text3 {font-size:13px;  margin-top:7px; overflow:hidden; height:auto; line-height:22px;} 
.main_cooperate_text3 p { float:left;  margin-top:7px; margin-right:10px; background:#ededed; padding:5px 12px; border-radius: 15px;}


.main2_cooperate_list{overflow: hidden; *width:100%;  }
.main2_cooperate_list li{ float:left;  width:33.33%;  padding-bottom:25px; text-align:left;}
.main2_cooperate_logo {text-align:center; padding-bottom:12px;}
.main2_cooperate_logo img {height:50px;}
.main2_cooperate_list li:first-child{ margin-left:0}
.main2_cooperate_list a {color:#666;}
.main2_cooperate_list_R{width:96.7%; padding:25px ; margin: 0px auto}

.main2_cooperate_text1 {font-size:17px; color:#000; height:22px; font-weight:bold; margin-bottom:8px; padding-top:2px; overflow:hidden; line-height:20px;}
.main2_cooperate_text2 {font-size:15px;  margin-top:4px; border-bottom:0px solid #000;  margin-bottom:4px; overflow:hidden;  height:35px;  line-height:19px;}
.main2_cooperate_text3 {font-size:13px;  margin-top:4px; height:20px; overflow:hidden;  line-height:22px;}

.list_line_1 {border:1px solid #88a389; border-top:4px solid #88a389;}
.list_line_1:hover {border:1px solid #2d8831; border-top:4px solid #2d8831;}

.list_line_2 {border:1px solid #9ea1cd; border-top:4px solid #9ea1cd;}
.list_line_2:hover {border:1px solid #202781; border-top:4px solid #202781;}

.list_line_3 {border:1px solid #c0bd97; border-top:4px solid #c0bd97;}
.list_line_3:hover {border:1px solid #7f7610; border-top:4px solid #7f7610;}

.list_line_4 {border:1px solid #9b9b9b; border-top:4px solid #9b9b9b;}
.list_line_4:hover {border:1px solid #111111; border-top:4px solid #111111;}

.searchTop{overflow:hidden; font-size:14px; padding : 20px 0px 0px 0px; }
.searchTop .selectWrap{text-align:right}
.searchTop .selectWrap input[type="text"]{width:300px; height:40px; padding:0 10px; border:1px solid #dadada; box-sizing:border-box; vertical-align:middle;}
.searchTop .selectWrap a{vertical-align:middle; display:inline-block; width:80px; height:40px; font-size:13px; color:#fefefe; background:#565655; border:1px solid #dadada; box-sizing:border-box; text-align:center; line-height:37px;}


.port_list{ margin-left:-20px;  overflow: hidden; *width:100%;  }
.port_list li{ float:left;  width:33.33%;  padding-bottom:20px; }
.port_list li:first-child{ margin-left:0}
.port_list li dl { padding:0; margin-left:25px; border:1px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}
.port_list li dl:hover{border:1px solid #999  ;}
.port_list li dl dt{  position:relative; overflow:hidden;  text-align:center; }
.port_list li dl dt img{ width:100%; height:300px; object-fit: cover; }

.port_list li dl dd { margin:3% 8%;  overflow:hidden; position:relative; font-size:14px; height:22px; line-height:24px;}
.port_list li dl dd p{height:25px;line-height:1.8em}
.port_list li dl dd  > div .tit{ position:relative; margin-bottom:25px; overflow:hidden} /*타이틀*/
.port_list li dl dd  > div h3{ font-size:1.2em; font-weight:600; line-height:1.5em; margin-bottom:0; padding-bottom:0}
.port_list li dl dd  > div span.more{ position:absolute; top:0; right:0;}
.port_list li dl dd p{ margin-top:0.2em; color:#777; font-size:14px}


.port_list_certificate{ margin-left:-20px;  overflow: hidden; *width:100%;  }
.port_list_certificate li{ float:left;  width:33.33%;  padding-bottom:40px; }
.port_list_certificate li:first-child{ margin-left:0}
.port_list_certificate li dl { padding:0; margin-left:25px; border:0px solid #e7e7e7 ; position:relative; overflow:hidden; background:#fff}
.port_list_certificate li dl:hover{border:0px solid #999  ;}
.port_list_certificate li dl dt{  position:relative; overflow:hidden;  text-align:center; }
.port_list_certificate li dl dt img{ width:100%; height:539px;  object-fit: cover; }

.port_list_certificate li dl dd { margin:0% 8%;  overflow:hidden; position:relative; font-size:14px; height:22px; line-height:24px;}
.port_list_certificate li dl dd p{height:25px;line-height:1.8em}
.port_list_certificate li dl dd  > div .tit{ position:relative; margin-bottom:25px; overflow:hidden} /*타이틀*/
.port_list_certificate li dl dd  > div h3{ font-size:1.2em; font-weight:600; line-height:1.5em; margin-bottom:0; padding-bottom:0}
.port_list_certificate li dl dd  > div span.more{ position:absolute; top:0; right:0;}
.port_list_certificate li dl dd p{ margin-top:0.2em; color:#777; font-size:14px}



@media screen and (max-width : 1320px) {
	.cooperate_list > ul > li { float:left; width:calc(50%); height:auto; overflow:hidden;}
	.main_cooperate_list > ul > li { float:left; width:calc(50%); height:auto; overflow:hidden;}
	.main2_cooperate_list > ul > li { float:left; width:calc(50%); height:auto; overflow:hidden;}

	.port_list{ margin-left:-20px;  overflow: hidden; *width:100%;  }
	.port_list li{ float:left;  width:33.33%;  padding-bottom:10px; font-size:12px}
	.port_list li dl dd p{ margin-top:0.2em; color:#777; font-size:12px}
	.port_list li dl dt img{ width:100%; height:230px; object-fit: cover; }

	.port_list_certificate li dl dt img{ width:100%; height:509px;  object-fit: cover; }
	
}
@media screen and (max-width : 1100px) {
	.port_list_certificate li dl dt img{ width:100%; height:449px;  object-fit: cover; }
}

@media screen and (max-width : 900px) {
	.port_list{ margin-left:-20px;  overflow: hidden; *width:100%;  }
	.port_list li{ float:left;  width:50%;  padding-bottom:10px; font-size:12px}
	.port_list li dl dd p{ margin-top:0.2em; color:#777; font-size:12px}
	.port_list li dl dt img{ width:100%; height:220px; object-fit: cover; }


	.port_list_certificate{ margin-left:-20px;  overflow: hidden; *width:100%;  }
	.port_list_certificate li{ float:left;  width:50%;  padding-bottom:20px; font-size:12px}
	.port_list_certificate li dl dd {font-size:12px}
	.port_list_certificate li dl dt img{ width:100%; height:439px;  object-fit: cover; }
}


@media screen and (max-width:768px){
	.cooperate_list > ul > li { float:left; width:calc(100%); height:auto;}
	.cooperate_text1 {height:auto;}
	.cooperate_text2 {height:auto;}
	.cooperate_text3 {height:auto;}

	.main_cooperate_list_R{padding:25px 15px; border-radius: 18px;}
	.main_cooperate_list > ul > li { float:left; width:calc(100%); height:auto;}
	.main_cooperate_text1 {height:auto; margin-bottom:15px;font-size:18px;}
	.main_cooperate_text2 {height:auto; font-size:14px;}
	.main_cooperate_text3 {height:auto;}

	.main2_cooperate_list_R{padding:15px ;}
	.main2_cooperate_list > ul > li { float:left; width:calc(100%); height:auto;}
	.main2_cooperate_text1 {height:auto;}
	.main2_cooperate_text2 {height:auto;}
	.main2_cooperate_text3 {height:auto;}

	.port_list_certificate li dl dt img{ width:100%; height:339px;  object-fit: cover; }


}


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

	.programPage{ margin-bottom:20px; margin-top:20px; text-align:center; font-size:0;}
	.programPage a{display:inline-block; width:26px; height:26px; line-height:24px; font-size:13px; background:#fff; color:#666; vertical-align:middle; border:1px solid #dadada; box-sizing:border-box;}
	.programPage a.page_first{border-left:1px solid #dadada;}
	.programPage a.page_prev{border:0; width:31px; margin-right:13px;}
	.programPage a.page_next{border:0; width:31px; margin-left:13px;}
	.ntb-tb-view {font-size:13px;}

	.searchTop .selectWrap{text-align:right;}
	.searchTop .selectWrap input[type="text"]{width:200px; height:30px; padding:0 10px; border:1px solid #dadada; box-sizing:border-box; vertical-align:middle;}
	.searchTop .selectWrap a{width:60px; height:30px; font-size:12px; color:#fefefe; line-height:28px;}

	.port_list{ margin-left:-20px;  overflow: hidden; *width:100%;  }
	.port_list li{ float:left;  width:100%;  padding-bottom:10px; font-size:12px}
	.port_list li dl dd p{ margin-top:0.2em; color:#777; font-size:12px}
	.port_list li dl dt img{ width:100%; height:230px; object-fit: cover; }
	.port_list_certificate li dl dt img{ width:100%; height:290px;  object-fit: cover; }


}

@media screen and (max-width: 550px){
	.ntb-list.lst-head li{display:none}
	.ntb-list.lst-body li .inf {color: #999; font-size:12px; border-right:1px solid #ccc; float: left; padding:0 10px; margin:10px 0; letter-spacing:-1px;}
	.ntb-list li .col_no {display:none}
	.ntb-list li .col_subject {display:block; font-size:14px; font-weight:normal; text-align:left;}
	.ntb-list li .col_subject .docuicon{display:none}
	.ntb-list li .col_name {width:auto;}
	.ntb-list li .col_date {width:auto;}
	.ntb-list li .col_hit {width:auto;}
	.ntb-list li .col_hit .txt{display:block; float: left;}

	
}