@charset "utf-8";

.m0{margin: 0 auto 0 !important;}
.m70{margin:70px auto 0 !important;}
.p70{padding:70px 0 0 !important;}
.mb70{margin:0 auto 70px !important;}
.p120{/* padding:120px 0 0 0 !important; */}
.pb120{padding:0 0 120px 0 !important;}
.gbg{background-color:#f8f8f8;}
.bin{width: 100%; height: 400px;}

#wrap header #nav .gnb li.detph1.on > a:after{transform:scaleX(1);transition: .1s ease-out;}
#wrap header .logo a img.color_w{display: block !important;float: left;}
#wrap header .logo a img.color{display: none !important;}
#wrap header:hover .logo a img.color_w{display: none !important;}
#wrap header:hover .logo a img.color{display: block !important;float: left;}
#wrap header .side ul li.youtube{width: 30px;height: 30px;float: left;line-height: 100px;margin: 0 0 0 20px;}
#wrap header .side ul li.youtube a{display: block;}
#wrap header .side ul li.youtube a img{width: 100%;}
#wrap header .side ul li.phone{transition:0.3s;color:#fff;float: left; line-height: 100px; font-size: 18px;}

/* sub_top */
div.sub_top{position: relative; height: 600px; margin:0 auto;z-index: 9; overflow:hidden; font-size:0;}
div.sub_top div.sub_top_bg{position: relative;top: 0;left: 0;z-index: -1;width: 100%;height: 100%; overflow: hidden;}
div.sub_top div.sub_bg_img{position: absolute;top: 0%;left: 0%;z-index: -1;width: 100%;height: 100%; transform:scale(1.1);}
div.sub_top div.sub_bg_img.on{transform:scale(1); transition:1.5s;}
div.sub_top [class*=sub_title0]{text-align:center; color:#fff; letter-spacing:-.1px}
div.sub_top.sub1 div.sub_bg_img{background:url("../img/sub/sub01/subvisu01.jpg") center center / cover no-repeat; background-position-x: 65% !important;}
div.sub_top.sub2 div.sub_bg_img{background:url("../img/sub/sub02/subvisu02.jpg") center center / cover no-repeat; background-position-x: 65% !important;}
div.sub_top.sub3 div.sub_bg_img{background:url("../img/sub/sub03/subvisu03.jpg") center center / cover no-repeat; background-position-x: 65% !important;}
div.sub_top.sub4 div.sub_bg_img{background:url("../img/sub/sub04/subvisu04.jpg") center center / cover no-repeat; background-position-x: 65% !important;}

/* subtop title */
div.sub_top div.inner_wrap{position:relative;width: 95%;height:auto;top: 300px;margin:0 auto;z-index: 10;}
div.sub_top div.inner_wrap .sub_title01{font-size: 60px;letter-spacing: 0px;font-weight: 600;position:relative;z-index:999;text-shadow: 4px 4px 8px rgba(0,0,0,0.8);}

/* sub bar */
.sub_bar_p{display: block;}
.sub_bar_m{display: none;}
.sub_tab_wrap{position:relative;width:100%;height: 60px;z-index:100;background: #03568E;}
.sub_tab_in{max-width: 1600px; margin:0 auto;width: 100%;display: block;text-align: center;}
.sub_bar_p li{/*float:left;*/border-left: 1px solid #ccc;border-right: 1px solid #ccc; box-sizing: border-box;margin-left: -4px;display: inline-block; }
.sub_bar_p li a{background: #03568E; font-size: 18px; color: #fff;text-align: center;display: block;line-height: 60px;}
.sub_bar_p li a:hover{background: #fff; font-size: 18px; color: #03568E;font-weight: 500;}
.sub_bar_p li.on a{background: #fff; color: #03568E;font-weight: 500;}
.sub_bar01 li{width: 20%;}
.sub_bar02 li{width: 20%;}

/* sub_page_title */
.main_title{margin: 0 auto 80px;}
.con_title{margin-bottom:100px;}
.main_title>*, .con_title>*{text-align:center;}
.main_title .tit, .con_title .tit{line-height:1em;font-size:45px;font-weight:600;letter-spacing: -1px;color: #000;}
.main_title .s_tit, .con_title .s_tit{font-size:18px;color:#888888;margin-top: 20px;letter-spacing: -0.3px;}
section{position:relative; width:100%;overflow: hidden;}

#main{margin: 120px auto;overflow: hidden;}
.txt_box h2 {padding:0 0 70px;color: #333;font-size:35px;font-weight:500;}
.txt_box h3{font-size: 35px;font-weight: 700;line-height: 50px;letter-spacing: -2px;color: #333;text-align: center;margin: 0 auto 50px;color:#03568E;}
.txt_box p{width: 80%;}
.txt_box p.txt1{font-size: 28px;font-weight: 500;margin: 0 auto 10px;color: #333;line-height: 45px;word-break:keep-all;text-align: center;letter-spacing: -1px;}
.txt_box p.txt2{font-size: 18px;color: #333;line-height: 33px;word-break:keep-all;text-align: center;margin: 0 auto;letter-spacing: -1px;}
.txt_box p.txt2 strong{display: inline-block !important;}
.txt_box p.end{text-align: center;padding-top: 20px;margin: 0 auto;}
.txt_box p .txtB{color: #333;font-size:25px;}

.img_box{width: 100%;padding: 0 0 30px 0;margin: 0 auto;}
.img_box img{display: block; width: 100%;}
.img_box.org{width: 60%;margin: 0 auto;}

/* item */
.item_wrap{width:100%;padding: 0 0 80px 0;overflow: hidden;}
.item_wrap:nth-child(2){padding: 80px 0 0 0; border-top: 1px solid #666;}
.img_box_l{width: 45%;float: left;}
.img_box_l img{display: block; width: 100%;}
.img_box_l ul{text-align: center;}
.img_box_l ul li{font-size: 20px; color: #333;display: inline-block;font-weight: 600;} 
.img_box_l ul li.mr{width: 50%; float: left; margin: 0;}

.item_info_box {position:relative;float:right;width: 650px;overflow: hidden;}
.item_info_box .item_tit_detail_cont .item_detail_tit {display:table;width:100%;margin-bottom: 20px;}
.item_info_box .item_tit_detail_cont .item_detail_tit h3 {display:inline-block;margin-right:12px;font-size: 30px;letter-spacing:-0.03em;word-break: break-all;color: #333;font-weight: 500;}
.item_info_box .item_tit_detail_cont .item_detail_tit span.blue {color: #03568E;font-size: 30px;font-weight: 500;}
.item_info_box .item_tit_detail_cont .item_detail_list {overflow:hidden;padding: 20px 0;border-top: 1px solid #999;border-bottom:1px solid #ddd;}
.item_info_box .item_tit_detail_cont .item_detail_list.nl{border-top: none;}
.item_info_box .item_tit_detail_cont .item_detail_list span{font-size: 20px;display: block;margin-bottom: 10px;}
.item_info_box .item_tit_detail_cont .item_detail_list dl {float:left;width:100%;min-height:24px;letter-spacing:-0.03em;}
.item_info_box .item_tit_detail_cont .item_detail_list dt{float:left; width:25%; font-weight:500; color:#222; word-wrap:break-word;}
.item_info_box .item_tit_detail_cont .item_detail_list dd {float:left;font-size: 16px;width: 90%;margin: 0 0 5px 17px;color: #333;font-weight:400;word-break: break-all;line-height: 26px;}
.item_info_box .item_tit_detail_cont .item_detail_list dd:before {content:"· ";position:absolute;left: 7px;}

.item_info_box .item_tit_detail_cont .item_detail_list p{font-size: 16px;}

/* table */
.table_scroll{overflow-x: auto;}
.tbl_wrp {overflow:hidden;margin: 0 auto 15px;width:100%;}
.tbl_wrp h3{font-size: 28px; color: #333; font-weight: 500; line-height: 65px;}
.tbl_wrp p{color:#03568E; font-size: 18px; line-height: 35px;}
.tbl_wrp p.fst{margin-top: 20px;}
.tbl_lst{width: 100%;margin: 0 auto;font-size: 13px;color:#666;text-align:center;}
.tbl_lst tbody{border-top: 2px solid #999; box-sizing: border-box;}
.tbl_lst th,.tbl_lst td{padding: 7px 10px 7px;border-bottom: 1px solid #e1e1e1;border-width:0 1px 1px 1px;clear: both;line-height: 28px;text-align: left;font-size: 16px;word-break: break-word;color: #333;word-wrap: break-word;}
.tbl_lst th,.tbl_lst td.tc{text-align: center !important;}
.tbl_lst th{padding: 8px 10px 9px;border-width:0 0 1px 0;background-color: #f4f6fa;font-size: 18px;font-weight: normal;text-align: center;}
.tbl_lst th.line{background-image: url(../img/common/bu_tbl_l.gif);background-repeat: repeat-y;background-position:0 50%;}
.tbl_lst td.line{background-image: url(../img/common/bu_tbl_l.gif);background-repeat: no-repeat;background-position:0 50%;}
.tbl_lst th span{color:#03568E;}
.tbl_lst td span{color:#03568E;}

/* product */
.product_wrp{max-width: 1400px;margin:0 auto;overflow:hidden;}
.product_wrp.ds{padding: 0 0 50px 0;border-bottom: 1px dashed #dddddd;}
.product{float: left;width: 49%;margin: 0 0.5%;}
.product.th{float: left;width: 32%;margin: 0 0.5% 15px 0.5%;}
.product.fo{float: left;width: 24%;margin: 60px 0.5% 15px 0.5%;}
.product.tw{float: left;width: 39%;margin: 60px 0.5% 15px 0.5%;}
.product_in{border: 2px solid #dddddd;box-sizing: border-box;padding: 5px;}
.product_in img{width: 100%; display: block;}
.product p{text-align: center; margin: 10px auto; font-size: 18px; line-height: 27px; height: 30px; font-weight: bold; color: #333;}

/* map */
.map{width:100%;border: 1px solid #e5e5e5;margin:0 auto;height:400px;}
.root_daum_roughmap{width: 100% !important;}

/* txt */
.bgtitle{position: relative;padding: 10px 0 5px 0;margin: 50px auto 5px;font-size: 20px;color: #333;font-weight: 500;}
.bgtitle:before {content:''; position:absolute; top:0; left:0; width:30px; height:2px; background:#03568E;}
.smtitle{font-size: 16px;color: #333;}
.smtitle span{font-weight: 500;}

/* pic */
.pic_box{padding: 20px 0;overflow: hidden;}
.pic_box img{display: block; width: 100%; height:auto;}
.subjectTitle {font-size:16px}


/* history */

.historyarea{
	position:relative;
	 
}
.historyarea_box{
		 
position:relative;
		 
z-index:1;
		 
padding: 20px;
}
.historyarea_box:nth-child(odd) {
  background-color : #f7f7f7;
  padding: 20px;
}
.historyarea_box:after{
	 
	clear:both;
	display:block;
	content:'';
	position:relative;
 
	
}
.his_year{
	width: 18%;
	position:relative;
	color:#3b5377;
	font-size:55px;
	letter-spacing:-1px;
	float:left;
	text-align:center;
	font-weight:700;
	margin: 0 20px 0 0;
}
.his_con_box:before{
	position:absolute; 
	display:block;
	content:'';
	height:100%;
	border-left:0px solid #ccc;
	width:2px;
	 
}
.his_con_box{
	width: 78%;
	position:relative;
	float:left;
	z-index:1;
	margin-top: 30px;
}


.his_con_box ul  {
	position:relative;
	z-index:2;
	margin-bottom: 20px;
}
.his_con_box ul li{
	padding-left: 48px;
	background: url(../img/sub/sub01/his_one.png) no-repeat 0 8px;
	z-index:2;
}
.his_con_box ul li:after{
	clear:both;
	display:block;
	content:'';
	position:relative;
}
.his_con_box ul li .his_date{
	float:left;
	width: 75px;
	font-weight:500;
	font-family:'Roboto', sans-serif;
	font-size:20px;
}
.his_con_box ul li .his_content{
	float:left;
	width: calc(100% - 170px);
	padding-left:40px;
	font-size:17px;
	line-height: 26px;
}
  

/*gallery_list*/
.gall_listara {}
.gall_listara ul.gall_list{width:100%;padding:0;margin:0;}
.gall_listara ul.gall_list li{vertical-align:top;border:0;text-align:center;display:inline-block;zoom:1; *display:inline;display: -moz-inline-stack;width: 24.3%;margin-right:1%;padding-left:0;padding-right:0;overflow:hidden;margin-right: 0.5%;margin-bottom:30px;}
.gall_listara ul.gall_list li img{width:100%;max-width:320px; margin-bottom:10px;}

@media all and (max-width:1024px) {
.gall_listara ul.gall_list li{width: 32.6%;}
.img_box.org{width: 80%;}
}

@media all and (max-width:700px) {
.gall_listara ul.gall_list li{width: 49%;}
.img_box.org{width: 100%;}
}

@media all and (max-width:400px) {
.gall_listara ul.gall_list li{width: 100%;margin-right: 0;}
}


/*search*/
		.searcharea{clear:both;padding-top:20px;width:100%;border-top: 1px solid #dddddd;}
 		.searcharea form{float:left;width:90%;}
		.searcharea .wr_icon{float:left;width:10%;min-width:80px;text-align:right;}
		input.searchbox{background: #fff;border: 1px solid #d2d2d2;vertical-align:middle;height: 32px;width:30%;margin-right: 4px;border-radius: 3px;}
		input.btn_search{cursor:hand;text-indent:-1000px;width: 34px;background: url(../green_mobile_board/board_image/search.png) no-repeat center center;border: 1px solid #d2d2d2;vertical-align:middle;height: 34px;margin-left:-4px;border-radius: 3px;}
		select.serach_item{background: #f9f9f9;border: 1px solid #d2d2d2;vertical-align:middle;height:37px;width: 100px;}

		.searcharea.center{position:relative;margin:0 auto;border-bottom: 1px solid #ccc;padding-bottom:10px;}
		.searcharea.center form{float:none;width:100%;}


.btnareaA{text-align:center;width:340px;margin: 20px auto;}
 
.sendbuttonA{
    
	background: #384abb;
     color: #fff;
    text-align: center;
    padding: 3px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
	
 	 
 	margin: 5px 2px;
	 
}

.cancelbuttonB{
    
	background: #727272;
    color: #fff;
    text-align: center;
    padding: 3px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
	
 	 
 	margin: 5px 2px;
	 
}
.boardbutton{
    
	background: #727272;
    color: #fff;
    text-align: center;
    padding: 3px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
	
 	 
 	margin: 5px 2px;
 
	 
}

 .boardbutton a, 
 .boardbutton a:hover,
 .sendbuttonA a, 
 .sendbuttonA a:hover,
 .cancelbuttonB a, 
 .cancelbuttonB a:hover
 {color:#fff;display:block;padding:5px 0px;width:100%;}


 .iconarea{width:100%; position:relative;text-align:center;border-top: 0px solid #ccc;padding:10px 0;margin:  20px auto 0 auto;}
 .iconarea_in{padding:30px 0; margin: 0 auto; }
 .iconarea_in .sendbuttonA{display:inline-block;vertical-align:middle}
 .iconarea_in .cancelbuttonB{display:inline-block;vertical-align:middle}
 .iconarea_in .boardbutton{display:inline-block;vertical-align:middle}
 .iconarea_in .blank{display:inline-block;width:0;height:0px;vertical-align:middle}

.iconarea.linebar{border-top: 1px solid #ccc;}

/* page */
.paginate{clear:both;padding:30px 0;text-align:center;font-size:12px}
.paginate a, .paginate span{display:inline-block;position:relative;min-width: 24px;height: 32px;line-height: 32px;color:#2a2f3a;text-decoration:none;border:1px solid #d5d5d5;padding:0 5px;border-radius: 3px;}
.paginate a:hover{background:#fff;border:1px solid #555}
.paginate span{color:#fff !important;background: #59b2d6;border-radius: 3px;border: 1px solid #59b2d6;}
.paginate a.pre,.paginate a.next,.paginate a.first,.paginate a.last{position:relative;vertical-align:top}
.paginate a i{display:block;overflow:hidden;background:url("../green_mobile_board/board_image/page.png") no-repeat 0 0;text-indent:-9999px;position:absolute;top: 7px;left: 6px;width:21px;height:21px;}
.paginate a.pre{margin:0 12px 0 0}
.paginate a.pre i{background-position:-48px 0px}
.paginate a.next{margin:0 0 0 12px}
.paginate a.next i{background-position:-176px 0px}
.paginate a.first i{width:22px;background-position:0 0px}
.paginate a.last i{width:22px;background-position:-223px -0px}


@media (max-width: 1600px) {
#wrap header{background-color: #fff;}
#wrap header .logo a img.color_w{display: none !important;}
#wrap header .logo a img.color{display: block !important;float: left;}
#wrap header:hover .logo a img.color_w{display: none !important;}
#wrap header:hover .logo a img.color{display:block !important;}
#wrap header .logo h2{float: left; font-size: 32px; font-weight: 500; padding: 0 30px; line-height: 42px;color: #03568E;}
#wrap header .side ul li.phone{color:#333;font-weight: 400;}
}

@media (max-width: 1400px) {
.item_info_box {width: 600px;}
}


@media (max-width: 1280px) {
.item_info_box {width: 550px;}

.pic_box .pic-list li {width: 47.5%;}
}

@media (max-width: 1200px) {
/* sub bar */
.sub_bar_p li a.pro{font-size: 14px;}

/* item */
.img_box_l{width: 60%;float: none;margin: 0 auto 80px;}
.item_info_box {float:none;width:100%;}
.item_info_box .item_tit_detail_cont .item_detail_tit {display:table;width:100%;margin-bottom: 20px;}
.item_info_box .item_tit_detail_cont .item_detail_tit h3 {margin-right:12px;font-size: 30px;}
.item_info_box .item_tit_detail_cont .item_detail_tit span.blue {font-size: 30px;}
.item_info_box .item_tit_detail_cont .item_detail_list dd {font-size: 16px;width: 95%;line-height: 26px;}
.item_wrap:nth-child(2){border-top:none;}
}

@media (max-width: 960px) {
#wrap header .logo h2{font-size: 30px;padding: 0 15px;}
#wrap header .side ul li.phone{font-size: 14px;}

/* his */
.his_con_box{margin-top: 15px;}
.his_year{font-size:40px;}
.his_con_box ul li .his_content{padding-left:0px;}

/* product */
.product_wrp.fo{padding: 50px 0;}
.product.fo{width: 49%;margin: 0 0.5% 10px 0.5%;}
.product.tw{width: 49%;margin: 0 0.5% 10px 0.5%;}

}

@media (max-width: 768px) {
#wrap header .side ul li.phone{color:#333;float: left; line-height: 60px; }
#wrap header .side ul li.youtube{line-height: 60px;margin: 0 0 0 20px;}
#wrap header .side{right: 80px;}
#wrap header .logo h2{font-size: 20px;padding: 0 15px;line-height: 35px;color: #03568E;}

div.sub_top{height: 242px;}
div.sub_top.sub1 div.sub_bg_img{background-position-x: 50% !important;}
div.sub_top.sub2 div.sub_bg_img{background-position-x: 50% !important;}
div.sub_top.sub3 div.sub_bg_img{background-position-x: 85% !important;}
div.sub_top.sub4 div.sub_bg_img{background-position-x: 50% !important;}

/* subtop title */
div.sub_top div.inner_wrap{top: 57%;margin:0 auto;margin-top: 7px;z-index: 10;}
div.sub_top div.inner_wrap .sub_title01{line-height:1;font-size: 40px;}

/* sub bar */
.sub_bar_p{display: none;}
.sub_bar_m{display: block;}
.sub_tab_wrap{height: 50px;}
.sub_tab_in ul{float: none;width: 100%;}
.sub_bar li {display: inline-block; position: relative; z-index: 100; width: 100%; border-right: none; box-sizing: border-box; float: none; font-size: 16px; font-weight: normal; text-align: center;}
.sub_bar > li:after {width: 12px;height: 8px;background: url(../img/sub/m_down.png)no-repeat;background-size: 100%;position: absolute;right: 15px;top: 47%;content: '';}
.sub_bar li a {text-decoration: none; display: block; color: #fff; transition: all 0.2s ease-in-out 0s; line-height: 50px; padding: 0 20px; margin: 0;}
.sub_bar ul {visibility: hidden; opacity: 0; margin: 0; width: 100%; position: absolute; left: 0px; background: #fff; z-index: 99; transition: all 0.2s ease-out;
    border: 1px solid #000;}
.sub_bar ul li {display: block;float: none; background: none; margin: 0; padding: 0;line-height: 40px;}
.sub_bar ul li a {font-size: 16px; font-weight: normal; display: block; color: #797979; background: #fff; line-height: 40px;}
.sub_bar ul li a:hover,.sub_bar ul li:hover>a {color: #03568E;}
.sub_bar li:hover>ul {visibility: visible; opacity: 1; transform: translate(0,0);}
.sub_bar ul ul {left: 169px; top: 0px; visibility: hidden; opacity: 0;transform: translate(20px,20px); transition: all 0.2s ease-out;}
.sub_bar ul ul:after {left: -6px; top: 10%; border: solid transparent; content: " ";  height: 0;  width: 0; position: absolute;  pointer-events: none;border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff; border-width: 6px; margin-top: -6px;}
.sub_bar li>ul ul:hover {visibility: visible; opacity: 1; transform: translate(0,0);}

/* table */
.tbl_lst{width: 100%;}
.tbl_lst.scroll{width: 800px !important;}
.tbl_lst th,.tbl_lst td{font-size: 16px;padding: 7px;}
.tbl_wrp p{font-size: 16px;line-height: 30px;}
.tbl_wrp h3{font-size: 18px;line-height: 50px;}

#main{margin: 80px auto;}
.main_title{width:93%;margin:0 auto 50px;padding: 0 5%;box-sizing: border-box;word-break: keep-all;margin: 0 auto 30px;}
.con_title{margin-bottom: 60px;}
.main_title .tit, .con_title .tit{font-size: 32px;color:#333;}
.main_title .s_tit, .con_title .s_tit{font-size: 14px;margin-top: 15px;}

.txt_box p{width: 100%;}
.txt_box p.txt1{font-size: 22px;line-height: 30px;}
.txt_box p.txt2{font-size: 16px;line-height: 26px;}
.txt_box h2 {padding: 0 0 40px;font-size:35px;}
.txt_box h3{font-size: 28px;font-weight: 700;line-height: 35px;margin: 0 auto 10px;letter-spacing: -2px;}
.txt_box p .txtB{color: #333;font-size: 20px;}
.img_box{width:100%;padding: 0 0 20px 0;}

.pic_box .pic-list li {height: 200px;}
.pic_box .pic-list li h3{font-size: 20px;}

/* product */
.product{width: 48%;}
.product p{height: 50px;}
.product_wrp.ds{padding: 0 0 40px 0;}

/* map */
.map{height:250px;}
.root_daum_roughmap .wrap_map{height: 250px !important;}

/* txt */
.bgtitle{font-size: 18px;}
.smtitle{font-size: 15px;}

/* pic */
.pic_box{}
.pic_box a{font-size: 15px;font-weight: 400;line-height: 18px;background-position: 5px 4px;padding: 7px 7px 7px 55px;}
.pic_box a.you{background-position: 5px 4px;padding: 16px 7px 16px 54px;}

/* item */
.item_info_box .item_tit_detail_cont .item_detail_tit {margin-bottom: 15px;margin-left: 5px;}
.item_info_box .item_tit_detail_cont .item_detail_tit h3 {font-size: 20px;}
.item_info_box .item_tit_detail_cont .item_detail_tit span.blue {font-size: 20px;}
.item_info_box .item_tit_detail_cont .item_detail_list {padding: 15px 0;}

/* his */
.his_con_box ul li .his_date{width:80px;}
.his_con_box ul li .his_content{width: calc(100% - 100px);}
}


@media (max-width: 620px) {
.p70{padding:50px 0 0 !important;}

.sub_bar > li {}
.sub_bar ul li {width: 99.5%;}
.sub_bar ul {width: 100%;}

/* item */
.img_box_l{width:100%;float: none;margin: 0 auto 70px;}

/* his */
.his_year{font-size:30px;width: 100%;padding: 10px 0px;}
.his_con_box{width: 100%;margin-top: 10px;}
.his_con_box ul li .his_content{font-size:15px;}
.his_con_box ul li{padding-left: 28px;s}

/* product */
.product_wrp.fo{padding: 30px 0;}

}


@media (max-width: 425px) {
.p70{padding:30px 0 0 !important;}

#main{margin: 50px auto;}

.main_title .tit, .con_title .tit{font-size: 28px;}
.main_title{margin: 0 auto 30px;}

/* table */
.tbl_lst th,.tbl_lst td{font-size: 14px;}
.tbl_lst th{font-size: 16px;}
.tbl_wrp p{font-size: 14px;line-height: 25px;}
.tbl_wrp p.fst{margin-top: 10px;}
.txt_box p{padding: 10px 0 10px 0;}
.txt_box h2 {padding: 0 0 40px;font-size: 28px;}
.txt_box h3{font-size: 20px;line-height: 30px;}
.txt_box p.txt1{font-size: 18px;line-height: 30px;margin: 0 auto;}
.txt_box p.txt2{font-weight: 200;line-height: 25px;}
.txt_box p.end{padding-top: 10px;}

.pic_box a{float: none; width: 175px; margin: 10px auto; text-align: center;}

/* product */
.product_wrp{width: 100%;padding: 0 0 20px 0;}
.product{float: none;width: 100%;margin: 0 0 15px 0;}
.product.th{float: none;width: 100%;margin: 0 0 15px 0;}
.product p{margin: 0 auto 20px; font-size: 16px;line-height: 45px;height: 45px;}

/* item */
.item_wrap{padding: 0 0 40px 0;}
.item_wrap:nth-child(2){padding: 40px 0 0 0;}
}


@media (max-width: 375px) {
#wrap header .logo h2{font-size: 16px;padding: 0 10px;}
.sub_bar li {font-size: 14px;}
.sub_bar ul li a {font-size: 14px;}

}


.inqarea{
		padding:30px;
		border-top: 2px solid #555;
		}

.inqarea .row {
		margin-top:15px;
		}
.inqarea .row:after {
		content:'';
		 display:block;
		 clear:both;
		}
.inqarea .row .tdcol {
		float:left;
		 width:50%;
		}
.inqarea .row .tdcol.wide {
		width:100%;
		}
.inqarea .row .tdcol .tdtit {
		float:left;
		width:100px;
		line-height:40px;
		font-size: 15px;
		color:#3b3b3b;
		}
.inqarea .row .tdcol .tdtit.tdright{
		text-align:center;
		}
.inqarea .row .tdcol .tdinput {
		overflow:hidden;
		 border:1px solid #999999;
		}


 input.form_style{
		width:100%;
		height: 28px;
		font-size:14px;
		color:#3b3b3b;
		border:none;
		padding: 6px;
		}
 
.form_textarea{
	width:100%;
 	 border:none;
	 resize:none;
     line-height:130%;
	 padding:2%;
	 }




@media(max-width:768px){
	.inq_img{
		background: none;
		}
	.inq_img_txt{
		width:90%;
		padding-left:20px;
	}

	.inq_img_txt p{
		font-size:17px;		 
 		}
	.inq_img_txt .telarea{
		margin-top:10px;
		font-size:22px;
		
	}
	.inq_img_txt .timearea{
		font-size:15px;
	}
 
 }


@media(max-width:680px){

	.inqarea .row .tdcol {
		float:none;
		 width:100%;
		 margin-bottom:15px;
	}

	.inqarea .row .tdcol .tdtit.tdright{
	text-align:left;
	}

	.inqarea .row .tdcol .tdtit {
		width:80px;
	}
 
 }

 /*파일첨부*/

.fom_fileinput{
		float: left;
		padding:10px;
		} 
.file_input_div{
		position: relative;
		width: 100px;
		 height:35px;
		overflow: hidden;
		border: 0px} 
.file_input_button{
		
	width: 100px;
	position: absolute;
	top: 0px;
	padding:11px;
	background-color: #5d5d5d;
	color: #FFFFFF;
	border:0;
	border-style: solid;
} 

.file_input_hidden{
		
		font-size: 45px;
		position: absolute;
		right: 0px;
		top: 0px;
		opacity: 0;
		filter: alpha(opacity=0);
		ms-filter: "alpha(opacity=0)";
		-khtml-opacity: 0;
		-moz-opacity: 0;
		}


.btnarea{
		text-align:center;
		width:340px;
		margin: 20px auto;
		}
 
.sendbutton{
		
	background: #59b2d6;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
 	margin: 5px 2px;
	 
}

.cancelbutton{
    
	background: #727272;
    color: #fff;
    text-align: center;
    padding: 10px;
    font-size: 15px;
	line-height:16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 500;
 	min-width:80px;
 	margin: 5px 2px;
}

 .sendbutton a, .sendbutton a:hover,
  .cancelbutton a, .cancelbutton a:hover
 {
		color:#fff;
		}

 .iconarea{
		width:100%;
		 position:relative;
		text-align:center;
		border-top: 1px solid #ccc;
		padding:10px 0;
		margin:  20px auto 0 auto;
		}
 .iconarea_in{
		padding:30px 0;
		 margin: 0 auto;
		 }
 .iconarea_in .sendbutton{
		display:inline-block;
		vertical-align:middle;
	}
 .iconarea_in .cancelbutton{
		display:inline-block;
		vertical-align:middle;
	}
 .iconarea_in .boardbutton{
		display:inline-block;
		vertical-align:middle;
	}
 .iconarea_in .blank{
		display:inline-block;
		width:0;
		height:0px;
		vertical-align:middle;
		
	}



  @media(max-width:420px){
	
	.fom_fileinput{
		
		padding:10px 3px;
		} 

	.file_input_button{
		width: 50px;
	}
	 
 
 }
 
/*/////////////////////////////////////////*/

/**개인정보취급방침**/
.personbox{
		background:#f7f7f7;
		 margin-top:20px;
		margin-bottom:20px;
		margin-left:0%;
		 padding:20px 0 20px 0 ;
		height:100%;
		}
.personbox .personbox_in{
		font-size:13px;
		line-height:20px;
		letter-spacing:-1px;
		color:#333;
		padding:2%;
		height:100%;
		width:94%;
		max-height:90px;
		overflow: scroll;
		 overflow-x: hidden;
		border:1px solid #f7f7f7;
		margin-left:2%;
		 }

 .agreementcontents h3{
		font-size:19px;
		margin-top:30px;
		}
.agreementcontents h4{
		font-size:16px;
		margin-top:30px;
		font-weight:500}
 /*/////////////////////////////////////////*/