@charset "utf-8";


/* @clear fix */
* html .clfix { height: 1%; overflow: visible;} /* float clearing for IE6 */
*+html .clfix{ min-height: 1%;} /* float clearing for IE7 */
.clfix:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;} /* float clearing for everyone else */




.vaT{	vertical-align:top !important;	}
.b-n{	border:none !important;	}
.w50{	width:50px !important;	}	

/* agency */
.agency_view .tit{	background-color:#f4f5f7;border-top:2px solid #333;text-align:center;font-size:15px;font-weight:bold;padding:12px;color:#333;border-bottom:1px solid #ddd; 	}
.agency-body li{		display:table;width:100%;border-bottom:1px solid #ddd;font-size:15px;	}
.agency-body .td{	display:table-cell;vertical-align:middle;	}
.agency-body .col_tit{	font-weight:bold;background-color:#f4f5f7;text-align:center;color:#333;padding:12px;border-right:1px solid #ddd;width:17%;max-width:150px !important;	}
.agency-body .col_cont{	padding:12px;	 }





@media only  screen and (max-width: 320px){
	/* BBS - LIST */
	.bbs-board li{	width:320px;	}
	.bbs-head li{display:none}
	.bbs-body li div.col_no{display:none}
	.bbs-body li div.col_subject{display:block;padding: 6px 12px 8px;overflow:hidden;height:20px;}
	.bbs-body li div.col_subject2{display:block;padding: 6px 12px 8px;text-align:left;	}
	.bbs-body li .inf{		font-size:12px; border-right:1px solid #ccc;float: left;padding:0px 15px;text-align:left;width:auto;}
	.bbs-body li .col_hit{	border-right:none;	}
	.bbs-body li .col_down{	border-right:none;margin-bottom:8px;	}
	.bbs-body li .inf .txt{	display:block;float: left;	}
	.notice_icon{	display:inline-block;	}
	.faqUl { min-width:320px;}

	/*view*/
	.ntb-tb-view-reply th{	width:80px !important;	}
	.ntb-tb-view-reply td{	width:240px !important;word-break:break-all;	}
	/*.ntb-tb-view{	width:320px;	}
	.ntb-tb-view th{	width:85px !important;	 }
	.ntb-tb-view td{	width:202px !important;	}
	*/
	.con_txt{	max-width:265px;	}
	.ntb-tb-view td .info li{		font-size:13px;	}
	.ntb-tb-view td .info li .bar{	font-size:10px;color:#ccc;display:inline-block;padding:0 5px;vertical-align:2px;	}
	.ntb-tb-view td .info li.file_td2{	width:100%;min-width:217px ;	font-size:12px;	}
	.goods_td{	margin-top:10px;	}
	.goods_td-tit{	font-size:12px; }

	/* online- write */
	.online_tbl li.top-txt{	padding:15px 0;}
	.online_tbl{	width:320px;	}
	.online_tbl li div{display:block;}
	.online_tbl li div.tit{	padding-bottom:5px;padding-left:10px;	}
	.online_tbl li div.con{	padding-left:20px;	}
	.email3{	display:none;	}
	.con_txt{	width:83%;	}
	.ntb-tb-view .con img{	width:100%;	}

	/* event */
	#tabsholderR02 > ul { width:320px !important;	}
	#tabsholderR02 > ul li { width:50% !important;		}
	#tabsholderR02 > ul li:first-child { width:49.5% !important; }
	#tabsholderR02 > ul li#tab3 { display:none }

	.event-img{	display:block !important;margin:0 auto;padding:11px;	}
	.event-con{	display:block !important;margin:0 auto;padding-top:0px !important;height:95px !important;margin-bottom:15px;	}
	.event-con .tit{	font-size:17px;line-height:40px;padding:0 15px;text-align:center;	}
	.event-con .period {	padding:0 15px;	}
	.event-con .period span{	display:inline-block;		}
	.event-con .con{	padding:10px 15px;	}

	/* faq */
	.faqUl li { font-size:14px !important; }
	.faqUl li div span.txt {	padding-left:20px !important;	 }

	/* article */
	.bbs-article{	width:320px;	}
	.bbs-article li div{	padding:15px;}
	.bbs-article li div.thum-img{	width:65px;height:auto;	 }
	.bbs-article li div.thum-img img{	width:100%;height:45.5px;border:1px solid #dedede;	}
	.bbs-article li div p.tit{	padding-top:0px;font-size:14px;padding-bottom:0.375em;height:15px;overflow:hidden;	 }
	.bbs-article li div.cont{	height:66px;margin-bottom:10px;padding-left:0px;		}
	.date .sub_t{	display:none;	}
	.bbs-article li div.cont p.con{	word-break:break-all;padding-top:0.375em;	}

	/* recruit */
	.col_name1{	display:none !important;	}
	.col_name2{	display:block !important;	}
	.recruit_date{	display:none;}

	/* agency */
	.store_wrap{	width:320px;	}
	.store{	margin-top:0px !important;	}
	.store .map_area{	display:none;	}
	.store .search_area{	display:none;	}

	.agency-body{	width:320px;	}
	.agency-body .col_tit{		width:70px;	}
	.agency-body .col_cont iframe{	width:270px;height:202px;	}

}



@media all and (min-width:321px) and (max-width:480px) {
	/* BBS - LIST */
	.bbs-head li{display:none}
	.bbs-body li div.col_no{display:none}
	.bbs-body li div.col_subject{display:block;padding: 6px 12px 8px;overflow:hidden;height:20px;}
	.bbs-body li div.col_subject2{display:block;padding: 6px 12px;text-align:left;}
	.bbs-body li .inf{		font-size:12px; border-right:1px solid #ccc;float: left;padding:0px 15px;text-align:left;width:auto;}
	.bbs-body li .col_hit{	border-right:none;	}
	.bbs-body li .col_down{	border-right:none;margin-bottom:8px;}
	.bbs-body li .inf .txt{	display:block;float: left;	}
	.notice_icon{	display:inline-block;	}
	.ntb-tb-view th{	width:85px;	 }

	/*view*/
	.ntb-tb-view-reply th{	width:80px !important;	}
	.ntb-tb-view-reply td{	width:240px !important;word-break:break-all;	}


	/* online- write */
	.online_tbl li.top-txt{	padding:15px 0;}
	.online_tbl{	width:100%;	}
	.online_tbl li div{display:block;}
	.online_tbl li div.tit{	padding-bottom:5px;padding-left:10px;	}
	.online_tbl li div.con{	padding-left:20px;	}
	.email3{	display:none;	}
	.con_txt{	width:89% !important;;	}
	.ntb-tb-view .con img{	width:100%;	}

	/* event - list */
	#tabsholderR02 > ul li { width:50% !important;		}
	#tabsholderR02 > ul li:first-child { width:49% !important; }
	#tabsholderR02 > ul li#tab3 { display:none; }

	.event-img{	display:block !important;margin:0 auto;padding:11px;	}
	.event-con{	display:block !important;margin:0 auto;padding-top:0px !important;height:95px !important;margin-bottom:15px;		}
	.event-con .tit{	font-size:17px;line-height:40px;padding:0 15px;text-align:center;	}
	.event-con .period {	padding:0 15px;	}
	.event-con .period span{	display:inline-block;	}
	.event-con .con{	padding:10px 15px;	}

	/* faq */
	.faqUl li { font-size:14px !important; }
	.faqUl li div span.txt {	padding-left:20px !important;	 }


	/* article */
	.bbs-article li div{	padding:15px;}
	.bbs-article li div.thum-img{	width:30%;height:auto;	 }
	.bbs-article li div.thum-img img{	width:100%;height:calc(100vw*(33/200)) !important;border:1px solid #dedede;	}
	.bbs-article li div p.tit{	font-size:15px;padding-bottom:0.75em;height:15px;overflow:hidden;}
	.bbs-article li div.cont{	height:92px;margin-bottom:10px;padding-left:0px;		}
	.date .sub_t{	display:none;	}
	.bbs-article li div.cont p.con{	word-break:break-all;padding-top:0.375em;	}


	/* recruit */
	.col_name1{	display:none !important;	}
	.col_name2{	display:block !important;	}



	/* agency */
	.col_tel{	float:right !important;	}
	.store{	margin-top:0px !important;	}
	.store .map_area{	display:none;	}
	.store .search_area{	display:none;	}
	.agency-body .col_tit{		width:70px;	}
	.agency-body .col_cont iframe{	width:100% !important;height:calc(100vw*(3/4)) !important;max-height:600px;	}
	
}
@media all and (min-width:481px) and (max-width:767px) {
	/* BBS - LIST */
	.bbs-head li{display:none}
	.bbs-body li div.col_no{display:none}
	.bbs-body li div.col_subject{display:block;padding: 6px 12px 8px;overflow:hidden;height:20px;}
	.bbs-body li div.col_subject2{display:block;padding: 6px 12px;text-align:left;}
/*	.bbs-body li div.col_subject_agency{	width:initial}*/
	.bbs-body li .inf{		font-size:12px; border-right:1px solid #ccc;float: left;padding:0px 15px;text-align:left;width:auto;}
	.bbs-body li .col_hit{	border-right:none;	}
	.bbs-body li .col_down{	border-right:none;margin-bottom:8px;	}
	.bbs-body li .inf .txt{	display:block;float: left;	}
	.notice_icon{	display:inline-block;	}

	/* view */
	.ntb-tb-view-reply th{	width:100px !important;	}
	.ntb-tb-view-reply td{	word-break:break-all;	}
	.ntb-tb-view th{	width:85px !important;	 }
	.ntb-tb-view td .info li{		font-size:15px;	}
	.ntb-tb-view td .info li .bar{	font-size:10px;color:#ccc;display:inline-block;padding:0 5px;vertical-align:2px;	}
	.ntb-tb-view td .info li.file_td2{	width:73%;min-width:200px;	 }
	.ntb-tb-view .con img{	width:100%;	}

	/* online- write */
	.online_tbl li div.tit{	padding-left:10px;	}
	.email3{	display:none;	}


	/* event - list */
	#tabsholderR02 > ul li { width:37% !important;		}
	#tabsholderR02 > ul li:first-child { width:37% !important; }
	#tabsholderR02 > ul li#tab3 { width:25% !important; }
	.event-img{	width:40%;	}
	.event-img img{	width:100%;height:calc(100vw*(33/200)) !important;border:1px solid #ddd;	}
	.event-con{	height:108px !important;margin-bottom:10px;	}
	.event-con .tit{	font-size:17px;line-height:100%;padding-bottom:0.438em;	}
	.event-con .period span{	display:inline-block;	}
	.event-con .con{		}

	
	/* article */
	.bbs-article li div.thum-img{	width:30%;height:auto;	 }
	.bbs-article li div.thum-img img{	width:100%;height:calc(100vw*(33/200)) !important;border:1px solid #dedede;	}
	.bbs-article li div p.tit{	padding-top:0px;height:15px;overflow:hidden;padding-bottom:0.875em;}
	.bbs-article li div.cont{	height:98px;margin-bottom:10px;		}


	/* faq */
	.faqUl li div span.txt {	padding-left:10px !important;	 }

	/* recruit */
	.col_name1{	display:none !important;	}
	.col_name2{	display:block !important;	}

	/* agency */
	.col_tel{		border-left:1px solid #ddd !important;	}
	.store{	margin-top:0px !important;	}
	.store .map_area{	display:none;	}
	.search_area{	width:100% !important;max-width:480px;padding:0 !important;float:inherit !important;text-align:center;margin:0 auto;padding-bottom:45px !important;	}
	.search_area ul{	display:inline-block;	margin:0 auto ;	margin-top:60px;	}
	.store .search_area p.txt{	padding:0 40px !important;	}

	.agency-body .col_tit{	width:100px;	}
	.agency-body .col_cont iframe{	width:100% !important;height:calc(100vw*(3/4)) !important;max-height:600px;	}
	.sel_search{	display:none;	}

}



/* Tablet Device */
@media all and (min-width:768px) and (max-width:1024px) {
	
	/* event - list */
	.event_tbl .event_Box ul li.event3{		width:59% !important; }

	.bbs-head li .col_recruit_date,.bbs-body li .col_recruit_date{	width:200px;		}

	/* agency */
	.bbs-body li div.col_subject_agency,.bbs-head li div.col_subject_agency{	width:25% !important;text-align:center;	 }
	.bbs-body li div.col_name_agency,	.bbs-head li div.col_name_agency{		width:initial !important;		 }
	.store .search_area{	width:43% !important;max-width:370px;	}
	.store1{		width:100%;max-width:940px;margin:0 auto;	}
	.agency-body .col_cont iframe{	width:100% !important;max-width:800px;height:calc(100vw*(3/4)) !important;max-height:600px;	}
	.sel_search{	display:none;	}
}




/* Desktop Device */
@media all and (min-width:1025px) {
	.bbs-head li .col_recruit_date,.bbs-body li .col_recruit_date{	width:200px;}

	/* agency */
	.bbs-body li div.col_subject_agency,.bbs-head li div.col_subject_agency{	width:20% !important;text-align:center;	 }
	.bbs-body li div.col_name_agency,	.bbs-head li div.col_name_agency{		width:initial !important;		 }
	.store1{		width:100%;max-width:940px;margin:0 auto;	}
	.agency-body .col_tit{	width:160px;	}
	.sel_search{	display:none;	}
	
}

#smart_editor2{	background-color:#FF0000;	}







/* 연혁 */
/* history resepon */
.history_wrap{width:100%;padding:0;margin:0;}
.history_resep{width:1000px;margin:0 auto;}
.history_resep dl{border-bottom:1px solid #d7d7d7;padding:60px 0px 60px 0;}
.history_resep dl.first{padding:0px 0px 40px 0;}
.history_resep dl>dt{float:left;font-size:65px;line-height:65px;font-family:'Nanum Gothic';font-weight:800;color:#b3b3b3;padding-bottom:50px;}
.history_resep dl>dd{margin-left:230px;color:#333;padding-bottom:27px;overflow:hidden;	}
.history_resep dl>dd.top_tit{font-size:33px;line-height:33px;margin-bottom:20px;}
.history_resep dl>dd>ul>li{font-size:15px;color:#666;line-height:26px;float:left;	}
.history_resep dl>dd>ul>li b{padding-right:10px;}


@media only  screen and (max-width: 320px){
	.history_wrap{width:310px;}
	.history_resep dl.first{padding:0px 0px 5px 0;}
	.history_resep dl{padding:25px 0px 5px 0;}
	.history_resep{width:270px;	}
	.history_resep dl>dt{font-size:40px;line-height:40px;display:block;float:inherit;	padding-bottom:20px; }
	.history_resep dl>dd{display:block;margin-left:0;}
	.history_resep dl>dd>ul>li{font-size:13px;color:#666;line-height:22px;}
}
@media all and (min-width:321px) and (max-width:480px) {
	.history_resep{	width:90%;	 }
	.history_resep dl.first{padding:0px 0px 10px 0;}
	.history_resep dl{padding:30px 0px 30px 0;}
	.history_resep dl>dt{font-size:45px;line-height:45px;display:block;float:inherit;	padding-bottom:20px; }
	.history_resep dl>dd{display:block;margin-left:0;}
	.history_resep dl>dd>ul>li{font-size:14px;color:#666;line-height:24px;}
}
@media all and (min-width:481px) and (max-width:767px) {
	.history_resep{	width:93%;}
	.history_resep dl.first{padding:0px 0px 10px 0;}
	.history_resep dl{padding:50px 0px 50px 0;}
	.history_resep dl>dt{font-size:50px;line-height:50px;display:block;float:inherit;	padding-bottom:20px; }
	.history_resep dl>dd{display:block;margin-left:0;}
}
@media all and (min-width:768px) and (max-width:1024px) {
	.history_resep{	width:93%;	 }
	.history_resep dl>dt{font-size:58px;line-height:58px; }
}




/* 갤러리 1 */
@media only  screen and (max-width: 320px){
	.gall_resp1{	margin:0 auto;width:310px !important;border-bottom:1px solid #ddd;	}
	.gall_Box_resp1 li{	float:left;width:50%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:127px;height:100px;line-height:100px;}
	.gall_Box_resp1 li .thum_img img{	width:100%;max-width:127px; text-align:center;height:95px;border:1px solid #ddd;	}
	.gall_txt1{	margin-top:3px;width:81%;margin:0 auto;}
	.gall_txt1 p{	height:22px;line-height:22px;}
	.gall_txt1 p.tit{	overflow:hidden;}
	.name_date span{	display:inherit !important;right:inherit !important;	}
}
@media all and (min-width:321px) and (max-width:420px) {
	.gall_Box_resp1 li{	float:left;width:50%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:85%;height:auto;line-height:calc(85vw*(58/200));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:100%;height:calc(100vw*(58/200)) !important;border:1px solid #dedede;	}
	.gall_txt1{	margin-top:3px;width:85%;margin:0 auto;	}
	.gall_txt1 p{	height:22px;line-height:22px;}
	.gall_txt1 p.tit{	overflow:hidden;}
	.name_date span{	display:inherit !important;right:inherit !important;	}
}
@media all and (min-width:421px) and (max-width:632px) {
	.gall_Box_resp1 li{	float:left;width:50%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(60/210));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(60/210)) !important;max-height:inherit;border:1px solid #dedede;	}
	.gall_txt1{	margin-top:3px;width:80%;margin:0 auto;	}
	.gall_txt1 p{	height:22px;line-height:22px;}
	.gall_txt1 p.tit{	overflow:hidden;}
}
@media all and (min-width:633px) and (max-width:836px) {
	.gall_Box_resp1 li{	float:left;width:33%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(48/230));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(48/230)) !important;max-height:inherit;border:1px solid #dedede;	}
	.gall_txt1{	margin-top:3px;width:85%;margin:0 auto;	}
}
@media all and (min-width:837px) and (max-width:1024px) {
	.gall_Box_resp1 li{	float:left;width:25%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(34/215));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(34/215)) !important;max-height:inherit;border:1px solid #dedede;	}
	.gall_txt1{	margin-top:3px;width:85%;margin:0 auto;	}
}
@media all and (min-width:1025px) and (max-width:1229px) {
	.gall_Box_resp1 li{	float:left;width:20%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(26/208));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(26/208)) !important;max-height:inherit;border:1px solid #dedede;	}
	.gall_txt1{	margin-top:3px;width:85%;margin:0 auto;	}
}
@media all and (min-width:1230px) and (max-width:1435px) {
	.gall_Box_resp1 li{	float:left;width:16.6%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(21/208));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(21/208)) !important;max-height:inherit;border:1px solid #dedede;	}
	.gall_txt1{	margin-top:3px;width:85%;margin:0 auto;	}
}
@media all and (min-width:1436px) and (max-width:1639px) {
	.gall_Box_resp1 li{	float:left;width:14.2%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(17/197));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(17/197)) !important;max-height:inherit;border:1px solid #dedede;	}
	.gall_txt1{	margin-top:3px;width:85%;margin:0 auto;	}
}
@media all and (min-width:1640px) and (max-width:1844px) {
	.gall_Box_resp1 li{	float:left;width:12.5%;padding:0;margin-bottom:40px;	}
	.gall_Box_resp1 li .thum_img{	text-align:center;	width:100%;height:auto;line-height:calc(100vw*(15/194));margin: 0 auto;	}
	.gall_Box_resp1 li .thum_img img{	width:85%;max-width:inherit;height:calc(100vw*(15/194)) !important;max-height:inherit;border:1px solid #dedede;	}
	.gall_txt1{	margin-top:3px;width:85%;margin:0 auto;	}

}



/* 인증서 response  // 발간물*/
.cer_resp{	margin:0 auto;	}
.cer_resp_Box{	margin:0;padding:0;	}
.cer_resp_Box li{	float:left;width:200px;height:364px;padding:15px 25px 30px 25px;	}
.cer_resp_Box li .thum_img{		text-align:center;width:200px;height:275px;line-height:275px;	}
.cer_resp_Box li .thum_img img{	border:1px solid #ddd;	}
.cer_resp_Box li .cer_txt{	font-size:16px;height:40px;line-height:40px;text-align:center;font-weight:300;	}
.td-down{		padding-top:15px;position:relative;height:35px;width:100%;text-align:center;border-top:1px dashed #ddd}
.td-down-btn1{	/*position:absolute;left:0px;*/	}
.td-down-btn2{	/*position:absolute;right:0px;*/	}

@media only  screen and (max-width: 320px){
	.cer_resp_Box{	width:320px !important;text-align:center;	}
	.cer_resp_Box li{	float:left;width:48%;height:50%;padding:15px 0 30px 0;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:95%;height:auto;line-height:calc(100vw*(130/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:123px;height:223 !important;max-height:inherit;border:1px solid #dedede;	}
	.cer_txt {	width:80%;text-align:center;margin:0 auto;overflow:hidden;height:23px; }

	/* 발간물 */
	.cer_resp{	margin:0 auto;	 	}
	.publication_wrap .cer_resp_Box{	width:300px !important;text-align:center;	 }
	.publication_wrap .cer_resp_Box li{	float:left;width:50%;height:50%;padding:15px 0 30px 0;	}
	.publication_wrap .cer_resp_Box li .thum_img{		text-align:center;width:90%;height:auto;line-height:calc(100vw*(130/275));margin: 0 auto;}
	.publication_wrap .cer_resp_Box li .thum_img img{	width:115px;height:155px !important;max-height:inherit;border:1px solid #dedede;	}
	.td-down{	width:80%;margin:0 auto;	}
	.td-down-btn1{	position:inherit !important;left:0px;	}
	.td-down-btn2{	position:inherit !important;right:inherit !important;display:block;	}
	.mgT15_ex{	position:inherit !important;right:inherit !important;display:block;margin-top:15px;	}
}


@media all and (min-width:321px) and (max-width:420px) {
	.cer_resp_Box{	width:100%;text-align:center;	}
	.cer_resp_Box li{	float:left;width:50%;height:50%;padding:15px 0 30px 0;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:95%;height:auto;line-height:calc(100vw*(131/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:80%;max-width:inherit;height:calc(100vw*(131/275)) !important;max-height:inherit;border:1px solid #dedede;	}
	.cer_txt {	width:80%;text-align:center;margin:0 auto;overflow:hidden;height:23px; }

	/* 발간물 */
	.publication_wrap .cer_resp_Box{	width:100%;text-align:center;	}
	.publication_wrap .cer_resp_Box li{	float:left;width:50%;height:50%;padding:15px 0 30px 0;	}
	.publication_wrap .cer_resp_Box li .thum_img{		text-align:center;width:95%;height:auto;line-height:calc(100vw*(138/275));margin: 0 auto;}
	.publication_wrap .cer_resp_Box li .thum_img img{	width:90%;max-width:inherit;height:calc(100vw*(138/275)) !important;max-height:inherit;border:1px solid #dedede;	}
	.publication_wrap .cer_txt {	width:84%;margin:0 auto;overflow:hidden;height:23px; }
	.td-down{		padding-top:15px;position:relative;height:35px;width:95%;text-align:center;border-top:1px dashed #ddd}
}
@media all and (min-width:421px) and (max-width:632px) {
	.cer_resp_Box{	width:100%;text-align:center;	}
	.cer_resp_Box li{	float:left;width:50%;height:50%;padding:15px 0 30px 0;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:95%;height:auto;line-height:calc(100vw*(130/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:80%;max-width:inherit;height:calc(100vw*(130/275)) !important;max-height:inherit;border:1px solid #dedede;	}

	/* 발간물 */
	.publication_wrap .cer_resp_Box{	width:100%;text-align:center;	}
	.publication_wrap .cer_resp_Box li{	float:left;width:50%;height:50%;padding:15px 0 30px 0;	}
	.publication_wrap .cer_resp_Box li .thum_img{		text-align:center;width:95%;height:auto;line-height:calc(100vw*(145/275));margin: 0 auto;}
	.publication_wrap .cer_resp_Box li .thum_img img{	width:90%;max-width:inherit;height:calc(100vw*(145/275)) !important;max-height:inherit;border:1px solid #dedede;	}
	.publication_wrap .cer_txt {	width:80%;margin:0 auto;overflow:hidden;height:23px; }
	.publication_wrap .td-down{	width:80%;margin:0 auto;	}
}
@media all and (min-width:633px) and (max-width:836px) {
	.cer_resp_Box{	width:100%;text-align:center;	}
	.cer_resp_Box li{	float:left;width:25.2%;height:50%;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:100%;height:auto;line-height:calc(100vw*(85/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:95%;max-width:inherit;height:calc(100vw*(85/275)) !important;max-height:inherit;border:1px solid #dedede;	}

	/* 발간물 */
}
@media all and (min-width:837px) and (max-width:1024px) {
	.cer_resp_Box{	width:100%;text-align:center;}
	.cer_resp_Box li{	float:left;width:18.9%;height:50%;	 }
	.cer_resp_Box li .thum_img{		text-align:center;width:100%;height:auto;line-height:calc(100vw*(67/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:95%;max-width:inherit;height:calc(100vw*(67/275)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:1025px) and (max-width:1229px) {
	.cer_resp_Box{	width:100%;text-align:center;		}
	.cer_resp_Box li{	float:left;width:15.03%;height:50%;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:100%;height:auto;line-height:calc(100vw*(52/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:95%;max-width:inherit;height:calc(100vw*(52/275)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:1230px) and (max-width:1435px) {
	.cer_resp_Box{	width:100%;text-align:center;	}
	.cer_resp_Box li{	float:left;width:12.53%;height:50%;padding-bottom:10px !important; 	}
	.cer_resp_Box li .thum_img{		text-align:center;width:100%;height:auto;line-height:calc(100vw*(46/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:95%;max-width:inherit;height:calc(100vw*(46/275)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:1436px) and (max-width:1639px) {
	.cer_resp_Box{	width:100%;text-align:center;	}
	.cer_resp_Box li{	float:left;width:10.778%;height:300px;padding-bottom:10px !important;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:100%;height:auto;line-height:calc(100vw*(40/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:95%;max-width:inherit;height:calc(100vw*(40/275)) !important;max-height:inherit;border:1px solid #dedede;	}
}
@media all and (min-width:1640px) and (max-width:1844px) {
	.cer_resp_Box{	width:100%;text-align:center;	}
	.cer_resp_Box li{	float:left;width:11.22%;height:320px;padding-bottom:10px !important;	}
	.cer_resp_Box li .thum_img{		text-align:center;width:100%;height:auto;line-height:calc(100vw*(40/275));margin: 0 auto;}
	.cer_resp_Box li .thum_img img{	width:95%;max-width:inherit;height:calc(100vw*(40/275)) !important;max-height:inherit;border:1px solid #dedede;	}
}

/* 동영상 response */
	.movie_resp{	padding:0 30px;margin:0;	}
	.movie_Box_resp2{	width:100%;margin:0 auto;padding:0;border-bottom:1px solid #ddd;}
	.movie_Box_resp2 li{	float:left;width:223px;padding:15px 0px 35px;	}
	.thum-img1{	width:100%;text-align:center;	}
	.thum-img2{	width:85%;text-align:center;margin:0 auto;position:relative;	}
	.thum-img2 a > img{	width:100%;	}
	.thum-img2:hover{	opacity:0.7;	}
	.movie-layer{	position:absolute;left:0;	}
	.movie-layer img{	width:100%;	 }
	.movie-txt{	padding:5px 0;position:relative;text-align:left;	}
	.movie-txt p{	width:85%;text-align:left;margin:0 auto;position:relative;padding:2px 0;height:20px;overflow:hidden;	}
	.name_date_movie span{	position:absolute;right:0px;	}


@media only  screen and (max-width: 320px){
	.movie_Box_resp2{	width:310px !important;margin:0 auto;}
	.movie_Box_resp2 li{	width:49%;padding:15px 0px 30px;	 }
	.movie-txt p{	overflow:hidden;height:22px;	}
}

@media all and (min-width:321px) and (max-width:420px) {
	.movie_Box_resp2{	min-width:310px !important;margin:0 auto;}
	.movie_Box_resp2 li{	width:49%;padding:15px 0px 30px;		}
	.movie-txt p{	overflow:hidden;height:22px;	}
}

@media all and (min-width:421px) and (max-width:632px) {
	.movie_Box_resp2 li{	width:33.2%;	}
	.name_date_movie span{	display:none;	}
	.movie-txt p{	overflow:hidden;height:22px;	}

}

@media all and (min-width:633px) and (max-width:836px) {
	.movie_Box_resp2 li{	width:33.2%;	}
}

@media all and (min-width:837px) and (max-width:1024px) {
	.movie_Box_resp2 li{	width:25%;		}
}

@media all and (min-width:1025px) and (max-width:1229px) {
	.movie_Box_resp2 li{	width:20%;		}
}

@media all and (min-width:1230px) and (max-width:1435px) {
	.movie_Box_resp2 li{	width:16.6%;	}
}

@media all and (min-width:1436px) and (max-width:1639px) {
	.movie_Box_resp2 li{	width:14.2%;	}
}

@media all and (min-width:1640px) and (max-width:1844px) {
	.movie_Box_resp2 li{	width:12.5%;	}
}


/***** member *****/
.add_tx{	padding-left:0px;margin-left:0px;	}



/* idpw */
/*
.idpw_Box{		margin-top:10px; width:710px; height:290px; border:1px solid #ddd;margin:0 auto;	}
.idpw_Box .blue{	color:#579BD0;		}
.idpw_Box .cnt {padding:27px 0 0 83px; position:relative;}
.idpw_Box .cnt .ttl {	font-size:18px;font-weight:bold;line-height:45px;	}
.idpw_Box .cnt .sub_tit {	font-size:12px;line-height:18px;color:#757575;	}
.idpw_Box .cnt .loginp {margin-top:12px;}
.idpw_Box .cnt .loginp:first-child {margin-top:0;}
.idpw_Box .cnt .loginp .ipt {margin-top:7px;}
.idpw_Box .cnt .loginp .ipt input {width:333px; height:33px; padding:0 0 0 15px; border:1px solid #e2e0e3; font-size:13px; line-height:33px; color:#bcbcbc; position:relative;}
.idpw_Box .cnt .loginp .ipt span {	display:inline-block;width:70px;font-size:14px;font-weight:bold;}
.idpw_Box .cnt .loginp .btn_log {width:106px; height:117px; position:absolute; right:80px; top:120px; font-size:17px; line-height:113px; color:#fff; background:#579BD0; font-weight:bold; text-align:center;}
.idpw_Box .cnt .logchkA {width:370px; margin-top:16px; overflow:hidden;}
.idpw_Box .cnt .logchkA .inputLook {float:left; line-height:14px;}
.idpw_Box .cnt .logchkA .forgottxt {float:right;}
.idpw_Box .cnt .logchkA .forgottxt a {		font-size:12px; line-height:14px;  font-weight:bold;}
.idpw_Box .cnt .logchkA .forgottxt a.red {	color:#b2171c;border-bottom:1px solid #c14c50;	}
.result_tit{	padding:12px 0;text-align:left;font-size:15px;line-height:30px;	}
.btn_ok{	text-align:center;	width:100%;padding:10px;}
*/
.pw_Box{	height:250px !important;	}

@media only  screen and (max-width: 320px){
	/* 로그인 */
	.logbox2{		margin:0 auto; width:300px; height:305px;	}
	.logbox2 .cnt {padding:27px 0 0 0 ;text-align:center;}
	.logbox2 .cnt .ttl {	font-size:18px;font-weight:bold;line-height:45px;	}
	.logbox2 .cnt .loginp {margin-top:12px;}
	.logbox2 .cnt .loginp .ipt input {width:250px; height:33px; padding:0 0 0 15px;		}
	.logbox2 .cnt .loginp a.btn_log {margin:0 auto;margin-top:10px;width:265px; height:50px;position:inherit; display:block !important;  line-height:50px;	}
	.logbox2 .cnt .logchkA {width:100%; margin-top:8px; overflow:hidden;text-align:center;	}
	.logbox2 .cnt .logchkA .forgottxt {float:inherit;text-align:center !important;}

	/* join#1 */
	.join_wrap{	width:310px;margin:0 auto;	}
	.provision .txt{	height:130px;	}

	/* join#2 */
	.add_tx{	display:block !important;	}
	select[name=email3]{	margin-top:5px;width:200px;	}


	/* idpw */
	.idpw_Box{	width:300px;height:450px;		}
	.idpw_Box .cnt {padding:27px 0 0 0;width:250px;margin:0 auto;}
	.idpw_Box .cnt .loginp .ipt1 span,.idpw_Box .cnt .loginp .ipt2 span,.idpw_Box .cnt .loginp .ipt3 span {	display:block;padding:7px 0;	 }
	.idpw_Box .cnt .loginp .ipt1 input {	width:233px;	 }
	.idpw_Box .cnt .loginp .ipt2 input[name=name] {	width:233px;	 }
	.idpw_Box .cnt .loginp .ipt2 input[name=email1],.idpw_Box .cnt .loginp .ipt3 input[name=email1]{	width:97px !important;	}
	.idpw_Box .cnt .loginp .ipt2 input[name=email2],.idpw_Box .cnt .loginp .ipt3 input[name=email2]{	width:98px !important;	}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone1],.idpw_Box .cnt .loginp .ipt3 input[name=phone2],.idpw_Box .cnt .loginp .ipt3 input[name=phone3]{	width:57px !important;	}
	.idpw_Box .cnt .loginp .btn_log {	margin-top:20px;width:250px; height:50px; position:inherit; display:block;line-height:50px;	}
	.result_tit{	font-size:14px;line-height:28px;	}
	.pw_Box{	padding-bottom:30px;	}

	/* agree */
	.page_Box{	height:300px;	}


}
@media all and (min-width:321px) and (max-width:480px) {
	/* 로그인 */
	.logbox2{		margin:0 auto; width:95%; height:305px;	}
	.logbox2 .cnt {padding:27px 0 0 0 ;text-align:center;}
	.logbox2 .cnt .ttl {	font-size:18px;font-weight:bold;line-height:45px;	}
	.logbox2 .cnt .loginp {margin-top:12px;}
	.logbox2 .cnt .loginp .ipt input {width:65%;min-width:265px; height:33px; padding:0 0 0 15px;		}
	.logbox2 .cnt .loginp a.btn_log {margin:0 auto;margin-top:10px;width:70%;min-width:280px;  height:50px;position:inherit; display:block !important;  line-height:50px;	}
	.logbox2 .cnt .logchkA {width:100%; margin-top:8px; overflow:hidden;text-align:center;	}
	.logbox2 .cnt .logchkA .forgottxt {float:inherit;text-align:center !important;}

	/* join#1 */
	.join_wrap{	width:95%;margin:0 auto;	}
	.provision .txt{	height:130px;	}

	/* join#2 */
	.add_tx{	display:block !important;	}
	select[name=email3]{	margin-top:5px;width:200px;	}

	/* idpw */
	.idpw_Box{		margin:0 auto; width:95%; height:460px;	}
	.idpw_Box .cnt {padding:27px 0 0 0;margin:0 auto;	}
	.idpw_Box .cnt .txtA{	width:80%;margin:0 auto;	}
	.idpw_Box .cnt .loginp .ipt1 span,.idpw_Box .cnt .loginp .ipt2 span,.idpw_Box .cnt .loginp .ipt3 span {	display:block;padding:7px 0;	 }
	.idpw_Box .cnt .loginp .btn_log {	margin-top:20px;width:100%; height:50px; position:inherit; display:block;line-height:50px;	}
	.idpw_Box .cnt .loginp .ipt1 input,.idpw_Box .cnt .loginp .ipt2 input{	 width:93%;	}
	.idpw_Box .cnt .loginp .ipt2 input[name=email1],.idpw_Box .cnt .loginp .ipt3 input[name=email1]{	width:38% !important;min-width:80px !important;	}
	.idpw_Box .cnt .loginp .ipt2 input[name=email2],.idpw_Box .cnt .loginp .ipt3 input[name=email2]{	width:38% !important;min-width:83px !important;	}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone1]{	width:28.5% !important;padding-left:0px;	}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone2]{	width:28.5% !important;padding-left:0px;	}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone3]{	width:28.5% !important;padding-left:0px;	}
	.pw_Box{	padding-bottom:20px;	}


	/* agree */
	.page_Box{	height:400px;	}
}


@media all and (min-width:481px) and (max-width:599px) {
	/* 로그인 */
	.logbox2{		margin:0 auto; width:95%; }
	.logbox2 .cnt {padding:27px 0px 0 0px ;width:80%;max-width:545px;margin:0 auto;	}
	.logbox2 .cnt .loginp .btn_log {	left:inherit; right:0px;	 }
	.logbox2 .cnt .loginp .ipt input {width:61% !important;	}
	.logbox2 .cnt .loginp .btn_log {width:120px; height:80px; position:absolute;left:inherit; right:0px; top:84px; line-height:80px;	}


	/* join#2 */
	select[name=email3]{	margin-top:5px;	}


	/* idpw #1 */
	.idpw_Box{		margin:0 auto; width:95%; height:290px;	}
	.idpw_Box .cnt {padding:27px 0 0 0;margin:0 auto;	}
	.idpw_Box .cnt .txtA{	width:85%;margin:0 auto;position:relative;	}
	.idpw_Box .cnt .loginp .btn_log {right:0px;top:93px;width:22.2%;height:119px;}
	.idpw_Box .cnt .loginp .pwd_btn_log {top:111px;}
	.idpw_Box .cnt .loginp .ipt1 input,.idpw_Box .cnt .loginp .ipt2 input[name=name] {	 width:54% !important;min-width:212px !important;	}
	.idpw_Box .cnt .loginp .ipt2 input[name=email1],.idpw_Box .cnt .loginp .ipt3 input[name=email1]{	width:22% !important;min-width:75px !important;		}
	.idpw_Box .cnt .loginp .ipt2 input[name=email2],.idpw_Box .cnt .loginp .ipt3 input[name=email2]{	width:23% !important;		}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone1]{	width:16.7% !important;min-width:65px !important;padding-left:0px;	}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone2]{	width:16.7% !important;min-width:65px !important;padding-left:0px;	}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone3]{	width:16.7% !important;min-width:65px !important;padding-left:0px;	}
}
@media all and (min-width:600px) and (max-width:767px) {
	/* 로그인 */
	.logbox2{		margin:0 auto; width:95%; }
	.logbox2 .cnt {padding:27px 0px 0 0px ;width:80%;max-width:545px;margin:0 auto;	}
	.logbox2 .cnt .loginp .btn_log {	left:inherit; right:0px;	 }
	.logbox2 .cnt .loginp .ipt input {width:65%;min-width:285px !important;	}
	.logbox2 .cnt .loginp .btn_log {width:120px; height:80px; position:absolute;left:inherit; right:0px; top:84px; line-height:80px;	}

	/* idpw #1 */
	.idpw_Box{		margin:0 auto; width:95%;	}
	.idpw_Box .cnt {padding:27px 0 0 0;margin:0 auto;	}
	.idpw_Box .cnt .txtA{	width:85%;max-width:480px;margin:0 auto;	 	}
	.idpw_Box .cnt .loginp .btn_log {height:119px;right:14.5%;}
	.idpw_Box .cnt .loginp .ipt1 input,.idpw_Box .cnt .loginp .ipt2 input[name=name]	{	 width:50% !important;min-width:209px !important;	}
	.idpw_Box .cnt .loginp .ipt2 input[name=email1],.idpw_Box .cnt .loginp .ipt3 input[name=email1]{	width:21% !important;min-width:60px !important;		}
	.idpw_Box .cnt .loginp .ipt2 input[name=email2],.idpw_Box .cnt .loginp .ipt3 input[name=email2]{	width:22% !important;min-width:60px !important;			}
	.idpw_Box .cnt .loginp .ipt3 input[name=phone1],.idpw_Box .cnt .loginp .ipt3 input[name=phone2],.idpw_Box .cnt .loginp .ipt3 input[name=phone3]{	width:16% !important;min-width:57px !important;padding-left:0px;	}
	.idpw_Box .cnt .loginp .pwd_btn_log {top:139px;}
}


@media all and (min-width:481px) and (max-width:767px) {
	/* join#1 */
	.join_wrap{	width:95%;margin:0 auto;	}

	/* join#2 */
	.add_tx{	display:block !important;	}

	/* agree */
	.page_Box{	height:600px;	}


}






/* 제품리스트 */
.product-resp{	width:100%;margin:0 auto;	}
.product-cont{	width:100%;overflow:hidden;min-height:200px;	}
.tab{	width:100%;height:56px;	}
.tab > p{	float:left;width:150px;height:100%;line-height:56px;color:#FFF;font-weight:bold;text-transform:uppercase;font-size:18px;text-align:center;background:#ec0000;	}
.tab > ul{	float:left;border:1px solid #d9d9d9;background:#f8f8f8;	}
.tab > ul > li{	float:left;border-right:1px solid #d9d9d9;width:204px;position:relative;	}
.tab > ul > li > a{	display:block;color:#555;width:100%;text-align:center;font-size:14px;height:54px;line-height:54px;background:url(/img/sub/bullet_navi.gif) no-repeat right 17px top 25px;overflow:hidden;	}
.tab > ul > li > ul{	display:none;z-index:999;position:absolute;overflow:hidden;top:54px;width:100%;margin-left:-1px;background:#fff;border:1px solid #dcdcdc;border-top:0;	}
.tab > ul > li > ul li{	width:100%;border-top:1px solid #dcdcdc;font-size:14px;	}
.tab > ul > li > ul li a{	display:block;width:100%;height:43px;line-height:43px;text-align:center;color:#888;overflow:hidden;	}



.product-list{	margin-top:50px;	}
/* 제품 리스트 - lnb */
@media only  screen and (max-width: 420px){
	.tab > p{border:1px solid #FFF;display:none;	}
	/*.product-resp{	background-color:#FF0000;		}*/
	.tab-li3{	border-right:none !important;border-bottom:none !important;	}

	.tab > ul{	width:99.5% !important;margin-bottom:50px;	}
	.tab > ul > li{	width:100% !important;background:#f8f8f8;border-bottom:1px solid #dcdcdc;height:54px;		}
}

@media all and (min-width:421px) and (max-width:632px) {
	.tab > p{border:1px solid #FFF;display:none;	}
	.tab-li3{	border-right:none !important;	}
	.tab > ul{	width:99% !important;	}
	.tab > ul > li{	width:33.1% !important;		}
}

@media all and (min-width:633px) and (max-width:836px) {
	.tab > p{border:1px solid #FFF;display:none;	}
	.tab > ul{	width:99% !important;	}
	.tab > ul > li{	width:33.2% !important;		}
	.tab-li3{	border-right:none !important;	}
}

@media all and (min-width:837px) and (max-width:1098px) {
	.tab > ul{	width: calc(100% - 153px);	}
}

@media all and (min-width:1099px) {
	.product-resp{	max-width:1099px;	}
	.tab > ul{	width: calc(100% - 153px);	}
}

/* 제품 리스트 - List */
#pdListBox div{	width:100%;height:194px;line-height:194px;	}
#pdListBox li{	margin:0px 5px 60px;height:auto;padding-bottom:30px;	}
#pdListBox div img{	width:100%;height:100%;vertical-align:top;	}
#pdListBox dl{	width:95% !important;	}
.no-data{	text-align:center;line-height:100px;	}

@media only  screen and (max-width: 320px){
	#pdListBox {	width:320px;	}
	#pdListBox li{width:calc(50% - 12px);height:170px;	}
	#pdListBox div{	height:109px;line-height:109px;		}
}

@media all and (min-width:321px) and (max-width:480px) {
	#pdListBox li{width:calc(50% - 12px);height:calc(100vw*0.49);	}
	#pdListBox div{	height:calc(100vw*0.33);line-height:calc(100vw*0.33);		}
}

@media all and (min-width:481px) and (max-width:632px) {
	#pdListBox li{width:calc(50% - 12px);height:calc(100vw*0.45);	}
	#pdListBox div{	height:calc(100vw*0.35);line-height:calc(100vw*0.35);		}
}

@media all and (min-width:633px) and (max-width:836px) {
	#pdListBox li{width:calc(33% - 12px);height:calc(100vw*0.31);	}
	#pdListBox div{	height:calc(100vw*0.23);line-height:calc(100vw*0.23);	 	}
}

@media all and (min-width:837px) and (max-width:1023px) {
	#pdListBox li{width:calc(33% - 12px);height:calc(100vw*0.30);	}
	#pdListBox div{	height:calc(100vw*0.23);line-height:calc(100vw*0.23);		}
}
@media all and (min-width:1024px) and (max-width:1098px) {
	#pdListBox li{width:calc(25% - 12px);height:calc(100vw*0.23);	}
	#pdListBox div{	height:calc(100vw*0.175);line-height:calc(100vw*0.175);	}
}
@media all and (min-width:1099px) {
	#pdListBox li{width:calc(25% - 12px);height:255px;	}
}