@charset "utf-8";


.sub_cont{width:1020px; margin:0 auto;}
.text_area {width:980px; margin:0 auto; }
.text_area p{text-align:left; }
.product_wrap{margin-top:-31px !important;}
.product_bg{background:#fff; height:100%; }
.subtitle_bg{display:none;}
.product_cont,.write_cont {width: 1170px; display:inline-block; padding:0 40px 0; min-height:450px;}
.toptitle_bx2 {float:left; width:820px; padding:0 40px; height:130px; position:relative; }
.toptitle_bx2 h3 {margin-top:48px; font-size:32px; font-weight:normal; color:#333; padding-left:17px; background:url("/images/sub/toptitle_icon.jpg") no-repeat left 2px; letter-spacing:-1px;}
.toptitle_bx2 .location {position:absolute; right:40px; top:56px;}
.toptitle_bx2 .location span {display:inline-block; padding-left:11px; background:url("/images/sub/location_arrow.jpg") no-repeat 1px 7px;}
.toptitle_bx2 .location span a {font-size:12px; color:#777;}
.toptitle_bx2 .location span.home {padding:0 2px 0 0; background:0 none;}
.toptitle_bx2 .bottom_line{display:none;}

.product_wrap .product_bg .sub_cont{width:820px; height:200px; background: red;}

/** 제품소개 **/
.pro_search {border:1px solid #ddd; background:#f2f2f2; padding:15px 0 15px 40px; margin-bottom:30px;}
.pro_search h3 {font-size:18px; color:#777; display:inline-block; vertical-align:middle; margin-right:10px;}
.pro_search input {width:306px; padding:5px; border:1px solid #d6d6d6; height:22px; margin-right:-4px;}
.pro_search a {display:inline-block; vertical-align:middle; height:32px; width:33px; text-indent:-9999px; border:1px solid #003876; background:url("/images/sub/search_icon.png") no-repeat center center #003876;}


.pr_cont{float:left; width:100%;}
.pr_cont>ul{/* padding:0 30px; */ overflow:hidden;}
.pr_cont>ul>li a{display:block}
.pr_cont>ul>li .data{height:137px;}
.pr_cont>ul>li {height:277px; float:left; width:228px; padding:0 15px 15px; border:1px solid #ddd; margin:0 19px 35px 0; overflow:hidden;}
.pr_cont>ul>li img {border-bottom:1px solid #ddd; position:relative; left:-16px; top:-1px; width:260px; height:198px; }
.pr_cont>ul>li h4 {padding:12px 0 10px; font-size:15px; color:#333;}
.pr_cont>ul>li p, .s2_cont>ul>li li {font-size:12px; line-height:19px;}
.pr_cont>ul>li .txt01 {padding-bottom:9px;}
.pr_cont>ul>li:nth-child(3n){
	margin-right:0;
}

.product_cont .view_paging{
	width:818px;
}
.product_cont .view_paging dd{
	width:655px;
}
#quickMenu{
	top:364px;
}


/** 유튜브 게시판 **/
.view_txt iframe{
	margin:10px auto;
	display:block;
}
.tab_cont .you_list{
	overflow:hidden;
	margin-top:26px;
}
.tab_cont .you_list li{
	position:relative;
	width:337px;
	height:225px;
	float:left;
	margin-right:26px;
	margin-bottom:25px;
}
/* .tab_cont .you_list li:nth-child(3n){
	margin-right:0;
} */
.tab_cont .you_list li img{
	width:100%;
	height:220px;
}
.tab_cont .you_list li a{
	display:block;
}
.tab_cont .you_list li a>span{
	width:100%;
	display:block;
	background:rgba(0,0,0,0.5);
	line-height:45px;
	text-align:center;
	color:#fff;
	position:absolute;
	left:0;
	bottom:5px;
	font-weight:600;
}
.tab_cont .you_list li a span span{
	display:block;
	width:90%;
	margin:0 5%;
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap; 
	font-family:'Noto Sans Korean';
	font-weight:500;
}


/** 갤러리 게시판 **/
.view_txt iframe{
    width:980px;
    height:500px;
	margin:10px auto;
	display:block;
}
.tab_cont .tab_img{
	overflow:hidden;
	margin-top:26px;
}
.tab_cont .tab_img li{
	position:relative;
	width:337px;
	height:auto;
	float:left;
	margin-right:26px;
	margin-bottom:25px;
}
/* .tab_cont .you_list li:nth-child(3n){
	margin-right:0;
} */
.tab_cont .tab_img li img{
	width:100%;
	height:220px;
}
.tab_cont .tab_img li a{
	display:block;
}
.tab_cont .tab_img li a>span{
	width:100%;
	display:block;
	background:rgba(0,0,0,0.5);
	line-height:45px;
	text-align:center;
	color:#fff;
	position:absolute;
	left:0;
	bottom:0px;
	font-weight:600;
}
.tab_cont .tab_img li a span span{
	display:block;
	width:90%;
	margin:0 5%;
	overflow: hidden; 
	text-overflow: ellipsis;
	white-space: nowrap; 
}

/** paginb_Bx **/
.paging {position:relative; text-align: center; height:20px; line-height:20px; margin-top:40px;}
.paging a {display:inline-block; width:30px;  height:30px; line-height:30px;   background:#f7f7f7; color:#000 !important; border:1px solid #666;  margin-left:5px; font-size:13px;}
.paging a:hover,
.paging a:focus,
.paging a.nowpage {font-weight:bold; background:#afafaf;}


.lst_tab_bx{text-align:right; margin-top:10px;}
.table-border{border-top:1px solid #000;}
.table_top{margin-top:45px;}
.col-text{color:#4c4c4c !important;}
.col-text1{font-family:'Noto Sans Korean', sans-serif; font-weight:600;}


.m_businessbg	 {	
	width:100%;
	height:587px;
	margin:0px auto;
	background: #f1f1f1;
}

.m_business {	
	width:1080px;
	margin:0px auto;
}
.m_business .bs_title {
	padding-top:60px;
	padding-bottom:30px;
	overflow:hidden;
	position:relative;

}
.m_business .bs_title h2 {
	line-height:40px;
/* 	background:url('/images/common/isb_dot01.png') no-repeat 0 8px;
	text-indent:38px; */
	font-size:25px;
	font-family:"NanumSquare";
	font-weight:600;
}

.m_business .bs_title a{
position:absolute;
top:48px; 
right:1px;
 display:inline-block;
 width:60px;
 height:60px;
 background:url(/images/index/arrow01_plus.jpg) no-repeat;
 text-indent:-99999px;
}
.m_business .bs_title a.arrow_bt01 {
	position:absolute;
	right:61px;
	top:22px;
}
.m_business .bs_title a.arrow_bt02 {
	position:absolute;
	right:2px;
	top:22px;
}
.m_business .bx-pager{
	display:none;
}
.m_business .bx-controls-direction a{
	display:inline-block; 
	position:absolute;
	top:99px;
	width:80px;
	text-indent:-999999px;
	height:110px;
}
/* .m_business .slider02_wrap{
	position:relative;

} */

.m_business .bx-controls-direction {
 position:relative;
 top:-300px;
 left:-60px; 
}
.m_business .bx-controls-direction  .bx-prev{
	left:-64px;	
	background:url(/web/img/main/product_arrow1.png) no-repeat;
}
.m_business .bx-controls-direction  .bx-next{
	right:-215px;
	background:url(/web/img/main/product_arrow2.png) no-repeat;
}

/* .m_business ul{width:323px; overflow:hidden;} */
.m_business ul li {	
	width:389px !important;
	height:291px;
	margin-bottom:16px;
	vertical-align:top;
	/* background:#fff;
	border:1px solid #dcdcdc;
	box-sizing:border-box; */
	display:inline-block; 
	cursor:pointer;
	overflow:hidden;
	position:relative;
/* 	border-radius:8px; */
	margin-left:-32px;
}
.m_business li:nth-child(4n) {
	margin-right:0;
}
.m_business li span {
	position:absolute;
	right:0;
	top:0px;
	display:none;
}
.m_business li:hover span {
	display:block;
}
.m_business li p {
 margin-top:-11px;
}
.m_business li p img {
	width:90%;
	height:80%;
	margin:15px;
}
.m_business li h4 {
	/* width:230px; */
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	line-height:32px;
	font-weight:500; 
	font-size:20px; 
	color:#333; 
	/* text-indent:20px; */
	padding-top:-18px;
	text-align:center;
	margin-top:4px;
}
.m_business li h6 {
	font-size:12px;
	font-weight:400;
	text-indent:20px;
	padding-bottom:15px;
	color:#474747;
}

/* .slider02{width:1400px; height:307px; background:red;}
.slider02 ul{width:1080px;}
 */

.slider02 ul li dd{}


/* 버튼 */
a.btn01 {display:inline-block;margin:0 0 5px 0;padding:0px 20px;border:1px solid #000000;border-radius:0px;background:#000000;color:#ffffff;text-decoration:none;vertical-align:middle;height:38px;line-height:36px;font-size: 16px;font-weight: 400;}
a.btn01:focus, a.btn01:hover {box-shadow:inset 0 3px 5px rgba(0,0,0,.125);text-decoration:none;background:#ffffff;color:#000000;}
button.btn01 {display:inline-block;margin:0;padding:0px 20px;border:1px solid #732d18;border-radius:0px;background:#000000;color:#ffffff;text-decoration:none;height:38px;line-height:36px;font-size: 14px;font-weight: 400;}

a.btn02 {display:inline-block;margin:0 0 5px 0;padding:0px 20px;border:1px solid #732d18;border-radius:0px;background:#732d18;color:#ffffff;text-decoration:none;vertical-align:middle;height:38px;line-height:36px;font-size: 16px;font-weight: 400;}
a.btn02:focus, a.btn02:hover {box-shadow:inset 0 3px 5px rgba(0,0,0,.125);text-decoration:none;background:#ffffff;color:#732d18;}
button.btn02 {display:inline-block;margin:0;padding:0px 20px;border:1px solid #732d18;border-radius:0px;background:#ffffff;color:#732d18;text-decoration:none;height:38px;line-height:36px;font-size: 14px;font-weight: 400;}

a.btn01_on {display:inline-block;margin:0 0 5px 0;padding:0px 12px 5px;border:1px solid #a2071a;border-radius:0px;background:#a2071a;color:#ffffff;text-decoration:none;vertical-align:middle;height:38px;line-height:36px;font-size: 15px;font-weight: 400;font-family: 'Noto Sans Korean',sans-serif;}
a.btn01_on:focus, a.btn01_on:hover {box-shadow:inset 0 3px 5px rgba(0,0,0,.125);text-decoration:none;}
button.btn01_on {display:inline-block;margin:0;padding:0px 20px;border:1px solid #a2071a;border-radius:0px;background:#a2071a;color:#ffffff;text-decoration:none;height:38px;line-height:36px;font-size: 14px;font-weight: 400;}

a.btn01_off {display:inline-block;margin:0 0 5px 0;padding:0px 12px 5px;border:1px solid #666666;border-radius:0px;background:#666666;color:#ffffff;text-decoration:none;vertical-align:middle;height:38px;line-height:36px;font-size: 15px;font-weight: 400;font-family: 'Noto Sans Korean',sans-serif;}
a.btn01_off:focus, a.btn01_off:hover {box-shadow:inset 0 3px 5px rgba(0,0,0,.125);text-decoration:none;background:#ffffff;color:#666666;}
button.btn01_off {display:inline-block;margin:0;padding:0px 20px;border:1px solid #666666;border-radius:0px;background:#666666;color:#ffffff;text-decoration:none;height:38px;line-height:36px;font-size: 14px;font-weight: 400;}


.s3_list_cont li{position:relative; width:318px; box-shadow:2px 2px 8px gray; margin-right:32.5px; float:left; overflow:hidden;}
.s3_list_cont li:nth-child(3n){margin-right:0; margin-bottom:38px;}
.s3_list_cont li a .img_wrap{display:table; width:100%; height:197px;/* background:url(/images/sub/no_img.jpg);*/ background-color:#eeeeee; background-size:100% 100%; border:1px solid #d7d7d7; border-bottom:0;}
.s3_list_cont li a .img_wrap2{display:table-cell; width:100%; height:197px; vertical-align:middle; text-align:center;}
.s3_list_cont li img{width:100%; height:100%;}
.s3_list_cont li p{display:table; width:100%; height:52px;  border:1px solid #d7d7d7;  overflow:hidden; padding:0; margin:0;}
.s3_list_cont li p>span{display:table-cell; text-align:center; vertical-align:middle; font-size:17px; color:#575757; font-weight:500;overflow:hidden; }
.s3_list_cont li p>span span{display:block; padding:0 10%;	 overflow:hidden; line-height:1; word-break:break-all; }
.s3_list_cont li .cover{cursor:pointer; display:none; position:absolute; width:100%; height:100%; top:-100%;  background:url(/images/sub/bl_icon_addmore.png) no-repeat center center;background-color:rgba(0,0,0,0.4);}

.s3_view_cont .img_area{max-width:100%}
.s3_view_cont .view_area{margin-bottom:4%; text-align:center;}
.s3_view_cont .view_area img{max-width:100%;}
.s3_view_cont .text_area{padding-top:10px; /* border-top:1px solid #ccc;  */word-break:break-all;}
.s3_view_cont .text_area img{max-width:100%;}

.s3_view_cont .btn_list{display:inline-block; margin-top:45px; float:right; width:60px; line-height:25px; border:1px solid #ccc; text-align:center; font-weight:500;font-size:14px; border-radius:5px; background:#f5f5f5; letter-spacing:1px;}


.s3_view_cont .img_area{max-width:100%}
.s3_view_cont .view_area{margin-bottom:4%; text-align:center;}
.s3_view_cont .view_area img{max-width:100%;}
.s3_view_cont .text_area{padding-top:10px; /* border-top:1px solid #ccc; */ word-break:break-all;}
.s3_view_cont .text_area img{max-width:100%;}

.s3_view_cont .btn_list{display:inline-block; margin-top:45px; float:right; width:60px; line-height:25px; border:1px solid #ccc; text-align:center; font-weight:500;font-size:14px; border-radius:5px; background:#f5f5f5; letter-spacing:1px;}
.s3_view_cont .img_area{max-width:100%}
.s3_view_cont .view_area{margin-bottom:4%; text-align:center;}
.s3_view_cont .view_area img{max-width:100%; width:980px; }
.s3_view_cont .text_area{padding-top:10px; word-break:break-all; font-size:15px; line-height:28px;}
.s3_view_cont .text_area img{max-width:100%; width:980px; height:auto; margin-top:25px; margin-bottom:18px;}
.s3_view_cont p{text-align:left; line-height:18px; font-weight:500; /* font-family:"NotoSansKR, sans serif" !important;  */letter-spacing:-1.0px; font-size:16px;}
.s3_view_cont p.red{color:red;}
.s3_view_cont .btn_list{display:inline-block; margin-top:45px; float:right; width:60px; line-height:25px; border:1px solid #ccc; text-align:center; font-weight:500;font-size:14px; border-radius:5px; background:#f5f5f5; letter-spacing:1px;}
.s3_view_cont h3{ font-family:"Noto Sans KR" !important; font-weight:600; text-align:center; font-size:30px; margin-bottom:10px;}


/** paginb_Bx **/
.paginb_Bx {position:relative; text-align: center;  margin-top:20px;overflow:hidden; clear:both; }
.paginb_Bx a {display:inline-block; height:29px; line-height:29px; width:30px; border:1px solid #dfdfdf; color:#777; background:#fff; margin:0 2px;}
.paginb_Bx a:hover,
.paginb_Bx a.nowpage {background:#999; color:#fff; border:1px solid #999;}
.paginb_Bx a.nowpage {cursor:default;}
.paginb_Bx .btn_wrte{position: absolute;  display:inline-block; padding:0; border:none; background:none; right:-2px; width:auto; height:23px;}
.paginb_Bx a.btn_wrte:hover {background:none;}
.paginb_Bx a.direction {letter-spacing:-1px; font-weight:bold; color:#bbb;}
.paginb_Bx a.direction:hover {color:#fff;}
.paginb_Bx a.direction.next {text-indent:1px;}
.paginb_Bx a.direction.prev {text-indent:-1px;}


/** search_bx **/
.search_bx *{line-height: 1.1em; vertical-align: top;}
.search_bx {text-align: center; padding: 25px 0 0 0;}
.search_bx .search_sel{width: 55px; height: 25px; padding:0; border: 1px solid #ccc; padding:0;}
.search_bx .search_inpuut{width: 149px; height: 23px; padding:0; border: 1px solid #ccc; padding:0;}

/**lst_tab_bx**/
.lst_tab_bx {width: 100%; overflow: hidden; height:25px;}
.lst_tab_bx .count_bx{float:right; display:block; color: #000; font-size:13px;}
.lst_tab_bx .paginb_bx{float: right; display:block; color: #000; font-size:13px;}
.list_new{margin-top:7px;}
.pdf_td a{vertical-align:middle; margin-right:9px; border:1px solid #e2e2e2;display:inline-block;  width:29px; height:29px;}
.list_btn_find{ background:url(/images/sub/hv_btn_list_find.png) no-repeat center center;}
.list_btn_down{ background:url(/images/sub/hv_btn_list_down.png) no-repeat center center;}

/** rb_list_form **/
.rb_list_form{}
/** view_guide **/
.text_bx_img{text-align:center;}
.text_bx_txt{word-break:break-all;}
.view_guide{width: auto; overflow: hidden;color: #545454;}
.view_guide .view_h{padding: 14px 15px; border-top: 2px solid #222e89; width: auto;  font-size: 17px; background-color: #f5f5f5; font-weight: bold; border-bottom: 1px solid #ccc; word-break:break-all;}
.view_guide .txt_bottom{border-bottom: 1px solid #ccc; overflow: hidden; width: auto;}
.view_guide .txt_bottom .txt_bx{float:right; overflow: hidden; padding: 8px 0 12px;}
.view_guide .txt_bottom .txt_bx .rgt_txt{float: left; padding: 4px 10px 0 0;}
.view_guide .txt_bottom .txt_bx .rgt_txt01{float: left; padding: 4px 10px 0 0;}
.view_guide .txt_bottom .txt_bx .rgt_txt02{float: left; padding: 4px 0 0 0; margin: 0 15px 0 0;}
.view_guide .txt_bottom .txt_bx a{float: left; margin: 0 5px 0 0;}
.view_guide .view_txt{min-height: 296px; line-height: 18px;}
#font_plus_minus {padding:20px 15px; width:950px; word-wrap:break-word; }
#font_plus_minus img {max-width:740px !important;}
.view_guide .input_btm{width: auto; padding: 10px 0;overflow: hidden; border-top: 2px solid #000;}
.view_guide .input_btm strong{display: block; float: left; color: #000; font-size: 12px; padding: 7px 13px 0 10px;}
.view_guide .input_btm .ico_h{padding-left: 18px !important; background:url("../images/sub/ico_write.gif") no-repeat left 4px;}
.view_guide .input_btm input{display: block; float: left; width: 60px; height: 24px; padding:0; border: 1px solid #ccc; line-height: 24px;}
.view_guide .input_btm .spam_ico{display: block; float: left; margin: 0 0 0 5px;}
.view_guide .text_area_bx{width: auto; overflow: hidden;}
.view_guide .text_area_bx .i_text{padding: 10px; width: 659px; height: 57px; display: block; float: left; border: 1px solid #ccc; line-height: 18px;}
.view_guide .text_area_bx .repple_btn{display: block; float: left; margin: 0 0 0 8px; }
.view_guide .view_btn_bx{width: auto; overflow: hidden; padding: 15px 0;}
.view_guide .view_btn_bx .lft_bx{float: left;}
.view_guide .view_btn_bx .rgt_bx{float: right;}
.view_guide .comment_m {border-top:1px solid #ddd; padding:7px; text-align:left;}
.view_guide .comment_m input {width:100px; margin-bottom:3px;}
.view_guide .comment_m textarea {padding: 10px; width: 651px; height: 57px; margin-right:5px; vertical-align:top;}
.view_paging {width:100%; border:1px solid #ccc;}
.view_paging th {padding:2px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; font-size:12px; background:#eee; text-align:center;}
.view_paging td {padding:2px 10px; border-bottom:1px solid #ccc; font-size:12px; background:#fff;}
.view_paging td span {display:block; height:20px; overflow:hidden;}
.view_paging td a {display:block; font-size:12px; color:#7c97b2; line-height:20px;}
.text_area_bx .i_text{width:876px !important;}
.text_area_bx .repple_btn{ border:1px solid #ccc; border-radius:4px; color:#333; font-weight:600; font-size:13px; width:72px; text-align:center; height:77px; line-height:79px;}

/** write_guide **/

.write_guide{width: 100%; }
.write_guide *{font-family:'Noto Sans KR', sans-serif; font-weight:300;}
.write_guide th{font-weight:400;font-size: 15px; color: #000; text-align: center; background-color: #eee; border-bottom: 1px solid #ccc;}
.write_guide td{padding: 5px 0 5px 5px; text-align: left; border-bottom: 1px solid #ccc;}
.write_guide td .write_input{display: block; float: left; width: 150px; float: left; height: 33px; border: 1px solid #ccc; line-height: 33px; margin: 0 5px 0 0; padding:0 0 0 5px;}
.write_guide td .write_input_subj{display: block; float: left; width: 500px; float: left; height: 24px; border: 1px solid #ccc; line-height: 24px; margin: 0 5px 0 0;}
.write_guide .rdo_Bx *{line-height: 1em; vertical-align: top;}
.write_guide .rdo_Bx{overflow: hidden;}
.write_guide .rdo_Bx input{float: left; display: block; width: 13px; height: 13px; margin: 0 5px 0 0;}
.write_guide .rdo_Bx label{float: left; display: block; font-size: 12px; color: #000; padding: 2px 15px 0 0;}
.write_guide .write_cont{padding: 5px; width: auto;}
.write_guide .sel_write{display: block; float: left; width: 150px; float: left; height: 32px; border: 1px solid #ccc; line-height: 24px; margin: 0 5px 0 0;}
.write_guide .line_txt{display: block; float: left; font-size: 12px; width: 10px; margin: 3px 5px 0 0; text-align:center;}
.write_guide .cont_text{display: block; float: left; font-size: 15px; height: 436px; width: 100%; box-sizing:border-box;  padding: 10px; border: 1px solid #ccc; line-height: 18px;}
.btn_cont{width: auto; text-align: center; padding: 30px 0 0 0; vertical-align:top;}
.btn_cont a{display:inline-block; width:80px; height:35px; background:#2f2f82; color:#fff;}
.btn_cont a:hover{text-decoration:none;}
.write_guide .view_input {width: 150px; float: left; height: 24px; border: 1px solid #ccc; line-height: 24px;}
.write_guide .bx_find_file {position:absolute; width:73px; height:24px; overflow:hidden;}
.write_guide .upload_input {position:absolute; right:0; top:0; opacity:0; filter:alpha(opacity=0);cursor:pointer;}
.write_guide .btn_fndfile {width:66px; height:21px; display: inline-block; margin: 2px 0 0 3px;}
.write_guide .rgt_txt{display: inline-block; padding: 6px 0 0 77px;}


/** password_bx **/

.password_bx{width: auto; overflow: hidden; border: 11px solid #ebebeb; text-align: center; padding: 149px 0;}
.password_bx strong{display: inline-block; padding: 2px 0 0 0;}
.password_bx input{display: inline-block; width: 150px; height: 24px; padding:0; border: 1px solid #ccc; line-height: 24px; text-indent:3px;}
.password_bx a img {vertical-align:bottom;}

/** passwd_div **/
.passwd_div {text-align:center;}
.passwd_div ul li {display:inline-block;}
.passwd_div ul li a img {vertical-align:middle; margin-top:-5px;}

/** scroll_bx **/
.scroll_bx{width: auto; padding: 30px; border: 1px solid #ccc; margin: 10px 0 0 0; height: 150px; overflow-y: auto;}
.scroll_bx strong{font-size: 19px; color: #000; display: block; padding: 0 0 20px; font-weight:500; text-align:left;}
.dl_lst{text-align:left;}
.view_txt{text-align:left;}
.view_h{text-align:left; text-indent:5px;}
.scroll_bx .dl_lst dt{color:#2f2f82; font-size:17px; background:url("../images/sub/bu_agree.gif") no-repeat left 8px; padding: 0 0 8px 11px;}
.scroll_bx .dl_lst dd{padding: 0 0 30px 10px; line-height: 18px; font-size: 14px}

/** lst_guide01 **/
.lst_guide01{width: 100%; border-top: 2px solid #2fa2e4;}
.lst_guide01 th{background-color: #f7f7f7; color: #000; text-align: center; font-weight:normal; border-bottom: 1px solid #e4e4e4; font-size:14px; height:50px;}
.lst_guide01 tbody td{background-color: #fff; color: #370000; text-align: center; font-weight: normal; border-bottom: 1px solid #e4e4e4; font-size:14px; height:60px;}
.lst_guide01 tbody td.num{color: #ccc;}
.lst_guide01 tbody td.td_lft{text-align: left;}

.no_cont {height:300px; text-align:center; line-height:300px; color:#999; font-size:21px; width:100% !important;}

/** view_bx **/

.view_bx{overflow: hidden;}
.view_bx .title_bx{width: auto;}
.view_bx dl{line-height: 1.1em; vertical-align: top;}
.view_bx dl{width: auto; overflow: hidden; background-color: #f7f7f7; border-bottom:1px solid #e4e4e4;}
.view_bx dl dt{color: #353537; float: left; background-color: #fff; border-top:1px solid #e4e4e4; font-weight: bold; width:100px; padding:12px 0 12px 26px; height:100%; text-align: left; }
.view_bx dl dd{color: #353537; float: left; background-color: #fff; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; font-weight: bold; width:603px; text-align: left; padding: 12px 20px;}
.view_bx dl .top_dt{width: 100px; background-color: #f7f7f7; float:left; border-top:0 none;}
.view_bx dl .top_dd{width: 603px; background-color: #f7f7f7; border-top:0 none;}
.view_bx dl dd a{ font-weight: bold; color: #065ddf;}
.view_bx dl .gray_bg {background-color: #f7f7f7;} 
.view_bx .text_bx {word-wrap:break-word;  line-height: 21px !important;  color: #353537; padding:30px 15px; width:auto; border-bottom: 2px solid #000; min-height:296px;}
.view_bx .text_bx img {max-width: 100%;}
.view_bx .btn_list{display:inline-block; margin-top:15px; float:right; width:60px; line-height:25px; border:1px solid #ccc; text-align:center; font-weight:500;font-size:14px; border-radius:5px; background:#f5f5f5; letter-spacing:1px;}

table.view_table input.box,
table.view_table textarea.textarea {border:1px solid #ccc;}

.s3_list_cont{margin-bottom:17px;}


/*********mobile************/
@media (max-width: 520px) {


	/*** sub ***/
	#sub_visual{height:140px; padding:30px;}
	#sub_visual h2{font-size:27px; font-weight:300;}
	#sub_visual p{font-size:14px; letter-spacing:-0.5px;}
	.sub_cont{width:auto; padding:6% 2.5%;}
	.sub_cont h3{font-size:25px; margin-bottom:4%}
	.s1_cont h4{font-size:20px; margin-top:0px !important;}
	.s1_cont h4 br{display:none;}
	.s1_cont h5{padding-bottom:10px;}
	.sub_cont{padding-bottom:60px !important;}
	.lnb_inner{width:100% !important;}
	.map_wrap{ height:250px !important;}
	.root_daum_roughmap{height:250px !important;}

	.s1_cont .left_bx{float:none; width:100%; text-align:center;}
	.s1_cont .left_bx img{width:100%;}
	.s1_cont .right_bx{float:none; width:100%;margin-top:40px;}
	.s1_cont .right_bx p br{display:none;}
	.s1_cont .right_bx p {word-break:keep-all;  font-size:16px; line-height:24px;}
	.s1_cont .right_bx h5 br{display:none; }
	.s1_cont .right_bx h5{word-break:keep-all; line-height:30px }
	.s1_2cont .map_list{padding-bottom:10px;}
	.s1_2cont .map_list dt{width:12%; margin-right:3%; height:40px; display:table;}
	.s1_2cont .map_list dt span{display:table-cell; vertical-align:middle;}
	.s1_2cont .map_list dt img{width:65%; height:auto; vertical-align:middle;}
	.s1_2cont .map_list .list_1 img{width:45%;}
	.s1_2cont .map_list .list_2 img{margin-top:-5px;}
	.s1_2cont .map_list .list_3 img{margin-top:-5px !important;}
	.s1_2cont .map_list dd{display:table; width:85%;margin-left:0 !important; height:40px; margin-bottom:20px;}
	.s1_2cont .map_list dd a{display:table-cell; vertical-align:middle;}
	.s1_2cont .map_list dd a:nth-child(2){height:40px;}
	.s1_2cont .map_list dd span{display:none;}
	.s3_list_cont .list_wrap li{width:100%; margin:0 0 5% 0;}
	.s3_list_cont .list_wrap li .cover{display:none;}
	.rg_list_cont .Tab_img li{width:48%; margin-right:2%; margin-bottom:7%;}
	.rg_list_cont .Tab_img li span{margin-top:10px; width:80%; margin-left:10%; overflow:hidden;}
	.rg_list_cont .Tab_img li img{width:100%; height:150px; box-shadow:0 0 0;}
	.rg_list_cont .Tab_img li:nth-child(2n){margin-right:0;}
	.rq_cont .write_guide th{width:15%; font-size:13px;} 
	.rq_cont .write_guide td{width:85%; padding:5px;} 
	.rq_cont .write_guide input{width:10% !important;}
	.rq_cont .write_guide tr:nth-child(1) input,
	.rq_cont .write_guide tr:nth-child(2) input,
	.rq_cont .write_guide tr:nth-child(5) input{width:100% !important; padding-left:5px; margin:0; box-sizing:border-box; }
	.rq_cont .write_guide tr:nth-child(3) select{width:26% !important;}
	.rq_cont .write_guide tr:nth-child(3) .line_txt{display:inline-block; width:6.1%; padding:0 !important; margin:0;}
	.rq_cont .write_guide tr:nth-child(3) input{width:26% !important;}
	.rq_cont .write_guide tr:nth-child(3) input:last-child{margin-right:0;}
	.rq_cont .write_guide tr:nth-child(4) input{width:33.1% !important; margin:0; padding:0;}
	.rq_cont .write_guide tr:nth-child(4) input:nth-child(3){margin-right:2%;}
	.rq_cont .write_guide tr:nth-child(4) select{ display:inline-block; width:24% !important; margin:0; font-size:11px;}
	.rq_cont .write_guide tr:nth-child(4) .line_txt{display:inline-block; width:6.1%; padding:0 !important; margin:0;}
	.rq_cont .write_guide tr:nth-child(6) textarea{height:200px !important;}
	.rg_view_cont{font-size:14px;}
	.view_h{font-size:15px !important;}
	.no_cont_m{font-size:16px; text-align:center;width:100%;}
	.btn_list{margin-top:10px !important; margin-bottom:10px;}
/*   .text_area p{width:50%;} */
   /*  .text_area p .img_ss{width:80%;} */
	
}

/**********mobile&tablet common***************/
@media (max-width: 979px){



	/**** common *****/
	.btn_gnb{position:absolute; display:inline-block; width:22px; height:22px; right:0; top:14px; cursor:pointer;  z-index:9999;}
	.btn_gnb span{display:block; position:relative; top:0; width:22px; height:4px; background:gray; margin-bottom:5px; 	border-radius:2px;}
	.ui-draggable{display:none;}
	
	#gnb{display:none;}
	.gnb_mask{display:none; background:rgba(0,0,0,0.9); position:fixed; width:100%; height:100%; top:54px; left:0;   z-index:1;}
	#m_gnb{width:100%; top:54px; left:0; position:fixed; z-index:2;}
	#m_gnb .other_m{padding-left:10%; font-weight:500; font-size:16px; margin-top:10%; display:block; color:#444444;}
	#m_gnb>div.right_bx{position:absolute; width:50%; height:100%; transform:perspective(600px) rotateY(-30deg) translateZ(-100px)}
	#m_gnb>div.left_bx{position:absolute; width:50%; height:100%; transform:perspective(600px) rotateY(30deg) translateZ(-100px)}
	
	#m_gnb>.left_bx{ top:-150%;margin-top:-54px;left:0;background:#fff; }
	#m_gnb>.right_bx{ bottom:-150%;margin-bottom:-54px;right:0;background:#4dc4ea; }
	#m_gnb>.left_bx ul{ height:100%; background:#fff; margin-top:-80%;}
	#m_gnb>.left_bx li{position:relative; width:100%; height:20.1%; display:table; opacity:1; background-color:#020012; margin-left:-100%; overflow:hidden;}
	#m_gnb>.left_bx li>a p{display:table-cell; width:100%; height:100%; vertical-align:middle; background:rgba(0,0,0,0.5); }
	#m_gnb>.left_bx li>a{position:relative; z-index:2 ;width:120%; height:120%; opacity:0; display:table; vertical-align:middle;  font-size:19px; color:#fff; text-align:center; font-size:25px; font-weight:500; background:url(/images/index/bl_pro_immg01_m.jpg) no-repeat; background-size:auto 100%;}
	#m_gnb>.left_bx li:nth-child(2) a{background:url(/images/index/bl_pro_immg02_m.jpg) no-repeat; background-size:auto 100%;}
	#m_gnb>.left_bx li:nth-child(3) a{background:url(/images/index/bl_pro_immg03_m.jpg) no-repeat; background-size:auto 100%;}
	#m_gnb>.left_bx li:nth-child(4) a{background:url(/images/index/bl_pro_immg04_m.jpg) no-repeat; background-size:auto 100%;}
	#m_gnb>.left_bx li:nth-child(5) a{background:url(/images/index/bl_pro_immg05_m.jpg) no-repeat; background-size:auto 100%;}

	#m_gnb>.right_bx>ul{margin-top:20px;}
	#m_gnb>.right_bx>ul>li{margin-bottom:5px;opacity:0;margin-left:-100%;}
	#m_gnb>.right_bx>ul>li>ul{display:none; }
	#m_gnb>.right_bx>ul>li>ul>li{text-indent:20%; color:#fff; overflow:hidden;}
	#m_gnb>.right_bx>ul>li>ul>li>a{display:block;}

	/**** sub ****/

	.s3_view_cont .view_area img{width:100%}
	.scroll_bx{padding:20px}
	.scroll_bx strong{font-size:16px; font-weight:500; padding-bottom:0 !important;}
	.scroll_bx dt{font-size:14px !important; padding-left:10px; !important; margin-top:10px; background:url("../images/sub/bu_agree.gif") no-repeat left;}
	.scroll_bx dd{font-size:12px; padding:0 10px !important;}
	.rq_cont{margin-bottom:20px;}
	.s1_cont .right_bx .sign {margin-top:35px;}
     
	 .view_txt iframe{width:100%;}
	 .sub-page-title1{padding-top:8px;}

 .write_guide th{width:15%; font-size:13px;} 
.write_guide td{width:85%; padding:5px;} 
.write_guide input{width:10% !important;}
.write_guide tr:nth-child(1) input,
.write_guide tr:nth-child(2) input,
.write_guide tr:nth-child(5) input{width:100% !important; padding-left:5px; margin:0; box-sizing:border-box; }
.write_guide tr:nth-child(3) select{width:26% !important;}
.write_guide tr:nth-child(3) .line_txt{display:inline-block; width:6.1%; padding:0 !important; margin:0;}
.write_guide tr:nth-child(3) input{width:26% !important;}
.write_guide tr:nth-child(3) input:last-child{margin-right:0;}
.write_guide tr:nth-child(4) input{width:33.1% !important; margin:0; padding:0;}
.write_guide tr:nth-child(4) input:nth-child(3){margin-right:2%;}
.write_guide tr:nth-child(4) select{ display:inline-block; width:24% !important; margin:0; font-size:11px;}
.write_guide tr:nth-child(4) .line_txt{display:inline-block; width:6.1%; padding:0 !important; margin:0;}
.write_guide tr:nth-child(6) textarea{height:200px !important;}


}