@charset "utf-8";
/*CSS Document*/


/* Mobile Sub 레이아웃  --------------------------------------------------*/
#M_SubWrap { padding:0px; margin:0 auto; width:100%;  max-width:640px;}
#M_SubBody { padding:0px; overflow:hidden; }

#M_Subbar { text-align:right; color:#fff; font-size:12px; line-height:12px; padding:210px 10px 20px 0; font-weight:bold; text-shadow:0px 0px 2px #333;}
#M_Subbar.subTop1_1 {  background:url("../img/sub/subtop1_1.gif") repeat center 60px; }
#M_Subbar.subTop1_2 {  background:url("../img/sub/subtop1_2.gif") repeat center 60px; }
#M_Subbar.subTop1_3 {  background:url("../img/sub/subtop1_3.gif") repeat center 60px; }
#M_Subbar.subTop1_4 {  background:url("../img/sub/subtop1_4.gif") repeat center 60px; }
#M_Subbar.subTop2_1 {  background:url("../img/sub/subtop2_1.gif") repeat center 60px; }
#M_Subbar.subTop2_2 {  background:url("../img/sub/subtop2_2.gif") repeat center 60px; }
#M_Subbar.subTop2_3 {  background:url("../img/sub/subtop2_3.gif") repeat center 60px; }
#M_Subbar.subTop2_4 {  background:url("../img/sub/subtop2_4.gif") repeat center 60px; }
#M_Subbar.subTop3_1 {  background:url("../img/sub/subtop3_1.gif") repeat center 60px; }
#M_Subbar.subTop3_2 {  background:url("../img/sub/subtop3_2.gif") repeat center 60px; }
#M_Subbar.subTop3_3 {  background:url("../img/sub/subtop3_3.gif") repeat center 60px; }
#M_Subbar.subTop3_4 {  background:url("../img/sub/subtop3_4.gif") repeat center 60px; }
#M_Subbar.subTop3_5 {  background:url("../img/sub/subtop3_5.gif") repeat center 60px; }
#M_Subbar.subTop4_1 {  background:url("../img/sub/subtop4_1.gif") repeat center 60px; }
#M_Subbar.subTop5_1 {  background:url("../img/sub/subtop5_1.gif") repeat center 60px; }
#M_Subbar.subTop6_1 {  background:url("../img/sub/subtop6_1.gif") repeat center 60px; }
#M_Subbar.subTop7_1 {  background:url("../img/sub/subtop7_1.gif") repeat center 60px; }
#M_Subbar.subTop8_1 {  background:url("../img/sub/subtop8_1.gif") repeat center 60px; }

#M_Subbar span { background:url(../img/arrow.png) no-repeat 3px -29px; padding:0 7px; }


/* Mobile Sub 메뉴  --------------------------------------------------*/
#M_submenu { position:relative; max-width:610px; padding:0 15px; margin:20px 0 0; }
#M_submenu ul { position:relative; overflow:hidden; }
#M_submenu li {}
#M_submenu a { display:block; float:left; width:25%; text-align:center; background:#fff; margin:0 2px; padding:9px 6px; font-size:13px; line-height:14px; letter-spacing:-0.05em;  }
#M_submenu li a { color:#333; border:1px solid #ddd; }
#M_submenu li.on a { color:#fff;background:#4068ad; border:1px solid #4068ad; font-weight:bold; }


/* Mobile Sub 타이틀  --------------------------------------------------*/
.subTitle { margin-bottom:20px;  }
#subTitle1_4 { max-width:239px; }
#subTitle8_1 { max-width:339px; width:100%; }
.event { width:100%; max-width:490px;}


/* Mobile Sub 컨텐츠  --------------------------------------------------*/
.subtit { padding:0 0 10px 16px; background:url(../img/i_tit02.png) no-repeat 0 4px; font-weight:bold;font-size:16px; color:#000 }

.room_tit {width: 100%;  background: #e8e8e8; text-align: center; font-size:16px;
	color: #000000;font-weight: bold;	margin: 0 auto 10px;	padding: 5px 0;  }

.subtxt { font-size:16px;  }
.toptxt_right { text-align:right; font-size:12px; color:#666; height:15px; }
.tableA { border-top:1px solid #333; }
.tableA th { background:#f8f8f8; padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }
.tableA td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }


.tableB { border-top:1px solid #d31616; }
.tableB.input input { border:1px solid #ddd; padding:3px; background:#f7f7f7; vertical-align:middle; }
.tableB th { background:#f7f7f7; padding:10px 6px; border-bottom:1px solid #ddd; text-align:left; color:#333; text-align:center}
.tableB td { padding:10px 6px;; border-bottom:1px solid #ddd; text-align:center}



.tableF { border-top:1px solid #333; }
.tableF.input input { border:1px solid #ddd; padding:3px; background:#f7f7f7; vertical-align:middle; }
.tableF th { background:#f7f7f7; padding:10px 5px 10px 10px; border-bottom:1px solid #ddd; text-align:left; color:#333; }
.tableF td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }


/* Mobile Sub 버튼  --------------------------------------------------*/
#btnArea {text-align:center; margin-top:10px; vertical-align:middle;}
.btnA { width:84px; height:32px;  border:none; cursor:pointer; background:#333; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; }
.btnB { width:84px; height:32px;  border:none; cursor:pointer; background:#8c909b; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; }
.btnC { width:84px; height:32px; border:1px solid #ddd; background:#fff; cursor:pointer; font-size:12px; line-height:30px;  display:inline-block; vertical-align:middle; } /*취소*/
.btnS { width:64px; height:32px;  border:none; cursor:pointer; background:#333; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; } /*검색*/



#cscenter { width:100%; margin:10px 0 20px; }

/* 문바래 Mobile Sub1_1 --------------------------------------------------*/
#contents1_1{ padding-top:16px; }
#contents1_1 div img{  }
#sub_a{ padding-top:20px;}
#sub_b{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_2.png") 5% no-repeat; background-size:30%;}
#sub_e{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_3.png") 5% no-repeat; background-size:30%;}
#sub_f{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_4.png") 5% no-repeat; background-size:30%;}
#sub_g{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_5.png") 5% no-repeat; background-size:30%;}
#sub_h{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_6.png") 5% no-repeat; background-size:30%;}
#sub_c{ float:left; }
.sub_d{ width:100%; float:left; position:relative; }
.sub_d ul{ width:59%; float:right; padding-right:4%;}
.sub_d ul img{ display:inline-block; padding-bottom:20px; padding-top:20px; max-width:210px; width:100%; float:left; padding-left:40%;}
.sub_d ul li:nth-child(1){ font-size:1em; color:#333; padding-top:5%; border-bottom:3px solid #ffab19; font-weight:bold; padding-bottom:4%; display:inline-block;}
.sub_d ul li:nth-child(2){ padding-top:10px; font-size:0.8em; color:#333333; text-indent:11px; text-align:justify;}
.sub_d ul li:nth-child(3){ padding-top:10px; padding-bottom:5%; font-size:0.8em; color:#333333; text-indent:11px; text-align:justify;}

/* 문바래 Mobile Sub1_4 --------------------------------------------------*/
#sub1_4_a{
	width:100%;
	max-width:720px;
	min-width:320px;
	margin:0 auto;
	padding-bottom:10px;
	padding-top:8px;
}
#sub1_4_b{
	padding-top:11px;
	overflow:hidden;

}
#sub1_4_b li{
	float:left;
	padding-right:7px;
}

#sub1_4_b li:nth-child(2){
	font-size:18px;
	font-weight:bold;
}
#sub1_4_c{
	margin-bottom:5px;
	overflow:hidden;
	padding-top:5px;
}
#sub1_4_c li{

	font-size:16px;
}
#sub1_4_c li:nth-child(2){
	margin-top:14px;
}
#sub1_4_c li span{
	font-weight:bold;
	padding-right:11px;
	margin-right:15px;
	border-right:2px solid #c6ba26;
}
#sub1_4_c li:nth-child(2) span{
	padding-right:25px;
	margin-right:15px;
}
#sub1_4_c > li > span.pr16{
	padding-right:16px;
}
#sub1_4_d{
	margin-bottom:5px;
	overflow:hidden;
	padding-top:5px;
}
#sub1_4_d li{
	font-size:16px;
}
#sub1_4_d li span{
	font-weight:bold;
	padding-right:11px;
	margin-right:15px;
	border-right:2px solid #e79403;
}
#sub1_4_d li:nth-child(2){
	padding-left:73px;
}
/* 문바래 Mobile Sub2_1 --------------------------------------------------*/
#contents2_1 div img{
	width:100%;
	max-width:282px;
	padding-bottom:15px;
}
#contents2_1 div ul{
	padding:15px 0;
}
#contents2_1 div ul li{
	line-height:25px;
	text-indent:13px;
	text-align:justify;
}
#contents2_1 div ul li:nth-child(2){
	padding-top:16px;
}

#contents2_1 div img.subexp{
	text-align:center;
	padding-top:15px;
	width:100%;
	max-width:525px;
	display:block;
}

/* 문바래 Mobile Sub2_2 --------------------------------------------------*/
#contents2_2 div img{
	width:100%;
	max-width:358px;
	padding-bottom:13px;
}
#contents2_2 div ul li{
	line-height:25px;
	padding-top:14px;
	text-indent:13px;
	text-align:justify;
}
#contents2_2 div ul li:last-child{
		padding-bottom:18px;
}
.contents2_2_dot li{
	background:url("../img/sub/icon_point1.gif") 0 18px no-repeat;
}
/* 문바래 Mobile Sub2_3 --------------------------------------------------*/
#contents2_3 div img{
	width:100%;
	max-width:279px;
	padding-bottom:12px;
}
#contents2_3 div ul li{
	line-height:25px;
	padding-top:14px;
	text-indent:13px;
	text-align:justify;
}
#contents2_3 div ul li:last-child{
		padding-bottom:19px;
}

/* 문바래 Mobile Sub2_4 --------------------------------------------------*/
#contents2_4 div img{
	width:100%;
	max-width:280px;
	padding-bottom:10px;
}
#contents2_4 div ul li{
	line-height:25px;
	padding-top:14px;
	text-indent:13px;
	text-align:justify;
}
#contents2_4 div ul li:last-child{
		padding-bottom:20px;
}
.contents2_2_dot{
	background:url("../img/sub/icon_point1.gif") 0 18px no-repeat;
}

.m_subcont { padding:0 ;}
.gsan_int { padding:0;margin:0;list-style:none;overflow:hidden;margin-top:10px;}
.gsan_int li { float:left;width:48.7%;margin-right:7px;margin-bottom:7px;}
.gsan_int li.margin_right { margin-right:0;}
.gsan_int li img { width:100%;}



.Pstyle {
 opacity: 0;
 display: none;
 position: relative;
 width: 80%;
 height:45%;
 border: 5px solid #fff;
 padding: 20px;
 background-color: #fff;
 top:7% !important;
 overflow: scroll;
}

.b-close {
 position: absolute;
 right: 5px;
 top: 5px;
 padding: 5px;
 display: inline-block;
 cursor: pointer;
}

.pop_title { font-size:1.2em;font-weight:bold;margin-bottom:10px;}
.big { font-size:1em;font-weight:bold;margin-bottom:6px;}
.small { font-size:0.9em;margin-bottom:30px}

.yearlist { overflow:hidden;margin:0;padding:0;margin-bottom:30px;font-size:0.9em;}
.yearlist dt { width:28%;float:left;font-weight:bold;}
.yearlist dd { float:left;margin:0;width:72%}

.box, .box2 { margin-bottom:1px;}
.box li { padding-left: 11px; background: url(../img/title_dot.png) no-repeat 0 9px;  margin-bottom: 5px; font-size:0.9em}

.box2 li { padding-left: 11px;margin-bottom: 5px; font-size:0.9em}

.P_style02 { height:20%;top:50% !important}
.Pstyle_top01 { top:20% !important}
.Pstyle_top02 { top:40% !important}


.m_top_box { width:100%;margin-bottom:30px;}
.m_top_box img { width:50%;display:block;margin:0 auto}
.m_top_box h2 { font-size: 1.2em;    text-align: center;    padding: 7px 0;    border-bottom: 1px solid #bbb;    background: #3c6590;    color: #fff;margin-bottom:30px;}
.m_2dep_box { margin-bottom:20px;}
.m_2dep_box h3 { font-size: 1em;    text-align: center;    padding: 7px 0;    border-bottom: 1px solid #bbb;    background: #4e7fb3;    color: #fff;margin-bottom:15px}

/* ohj 추가 css */
.m_frame{font-family:"nanumgothic", sans-serif;}

.sub_title{font-weight:bold; font-size:28px; color:#333; padding:0px 0px 0px ; padding-left:25px; background:url(../img/i_tit.png) no-repeat 0 50%;}
.t_icon{padding-left:25px;padding-right:5px; display:inline-block; float:left;}
.sub_tt{font-size:22px; line-height:30px; color:#70302b; font-weight:bold;height:30px; margin-bottom:40px;}
.case_table2{padding:30px 0px; background-color:rgb(240, 240, 240);}
.case_table2 .case_body{padding-bottom:0px;}
/* .case_table{width:84%; display:block; margin:auto; padding-left:10%;} */
.case_table{width:84%; display:block; margin:auto; padding-left:5%; padding-right:5%;}
.case_t{font-size:18px; font-weight:bold; color:#333; width:22%; padding-bottom:40px; vertical-align:top; margin-right:8%;}
.case_body{font-size:16px;width:70%; line-height:24px;padding-bottom:40px; padding-left:10px;}
.intro2_t{width:20%; padding-bottom:40px; vertical-align:top; margin-right:8%; padding-bottom:15px;}
.intro2_body{width:72%; padding-bottom:15px; padding-left:0px;}
.intro_table{width:85%;}
.intro2_st td{font-size:13px; color:#70302b;}
.work_tt{font-size:22px; color:#333; margin-bottom:15px;}
.work_subt{padding-left:40px;width:82%;display:block; margin:auto; font-size:16px; line-height:24px;}
.work1_i1{width:94%; display:block; margin:auto; margin-top:10px;}
.work1_i1 ul li {line-height:18px}
.work1_i1 img{width:100%; max-width:552px; display:block; margin:auto;}
.work1_ft{margin-top:50px;width:84%; padding-left:5%; padding-right:5%;}
.subcon{font-size:15px; line-height:150%;width:94%; padding:20px 10px 10px 10px;display:block; margin:auto; text-align:center;letter-spacing:-0.95px}
/* 메뉴 상단 추가 */
.work_mm, .case_mm, .intro_mm, .comm_mm{display:none; font-size:14px; text-align:center; margin:auto;    }
.work_mm a, .case_mm a, .intro_mm a, .comm_mm a{color:#fff; font-weight:bold;}
.work_mm li, .case_mm li, .intro_mm li, .comm_mm li{display:inline-block; float:left; text-align:center; border-left:1px solid #eee;box-sizing:border-box;}
.work_mm li:first-child, .case_mm li:first-child, .intro_mm li:first-child, .comm_mm li:first-child{border-left:0px;}
/*.case_mm ul{height:60px;}*/
.intro_mm li, .work_mm li, .comm_mm li{height:38px;width:33.3%;line-height:40px;background:#333;}
.case_mm li{height:38px;width:33.3%;line-height:40px;background:#333;}


/* New css */
#M_Header h1 { padding:6px 0;}
#M_Header h1 img { max-width: 120px; width: 100%;}


#M_Header a.top_call { display: block;  /* float: right; */  position: absolute;  top: 16px; right: 0;}
#M_Header a.top_call img { max-width:60%;}

#M_Icons { padding:0;margin:0}
#M_Icons .m_menu_box { padding:0;margin:0;list-style:none;}
#M_Icons .m_menu_box img { border: 2px solid #ffffff;   border-radius: 20px;}
#M_Icons .m_menu_box li { margin:1px;width:49%;}


.M_Icons_t { display:block;padding:0px 0%; text-align:center}
.M_Icons_t img { width:100%;}@charset "utf-8";
/*CSS Document*/


/* Mobile Sub 레이아웃  --------------------------------------------------*/
#M_SubWrap { padding:0px; margin:0 auto; width:100%;  max-width:640px;}
#M_SubBody { padding:0px; overflow:hidden; }

#M_Subbar { text-align:right; color:#fff; font-size:12px; line-height:12px; padding:210px 10px 20px 0; font-weight:bold; text-shadow:0px 0px 2px #333;}
#M_Subbar.subTop1_1 {  background:url("../img/sub/subtop1_1.gif") repeat center 60px; }
#M_Subbar.subTop1_2 {  background:url("../img/sub/subtop1_2.gif") repeat center 60px; }
#M_Subbar.subTop1_3 {  background:url("../img/sub/subtop1_3.gif") repeat center 60px; }
#M_Subbar.subTop1_4 {  background:url("../img/sub/subtop1_4.gif") repeat center 60px; }
#M_Subbar.subTop2_1 {  background:url("../img/sub/subtop2_1.gif") repeat center 60px; }
#M_Subbar.subTop2_2 {  background:url("../img/sub/subtop2_2.gif") repeat center 60px; }
#M_Subbar.subTop2_3 {  background:url("../img/sub/subtop2_3.gif") repeat center 60px; }
#M_Subbar.subTop2_4 {  background:url("../img/sub/subtop2_4.gif") repeat center 60px; }
#M_Subbar.subTop3_1 {  background:url("../img/sub/subtop3_1.gif") repeat center 60px; }
#M_Subbar.subTop3_2 {  background:url("../img/sub/subtop3_2.gif") repeat center 60px; }
#M_Subbar.subTop3_3 {  background:url("../img/sub/subtop3_3.gif") repeat center 60px; }
#M_Subbar.subTop3_4 {  background:url("../img/sub/subtop3_4.gif") repeat center 60px; }
#M_Subbar.subTop3_5 {  background:url("../img/sub/subtop3_5.gif") repeat center 60px; }
#M_Subbar.subTop4_1 {  background:url("../img/sub/subtop4_1.gif") repeat center 60px; }
#M_Subbar.subTop5_1 {  background:url("../img/sub/subtop5_1.gif") repeat center 60px; }
#M_Subbar.subTop6_1 {  background:url("../img/sub/subtop6_1.gif") repeat center 60px; }
#M_Subbar.subTop7_1 {  background:url("../img/sub/subtop7_1.gif") repeat center 60px; }
#M_Subbar.subTop8_1 {  background:url("../img/sub/subtop8_1.gif") repeat center 60px; }

#M_Subbar span { background:url(../img/arrow.png) no-repeat 3px -29px; padding:0 7px; }


/* Mobile Sub 메뉴  --------------------------------------------------*/
#M_submenu { position:relative; max-width:610px; padding:0 15px; margin:20px 0 0; }
#M_submenu ul { position:relative; overflow:hidden; }
#M_submenu li {}
#M_submenu a { display:block; float:left; width:25%; text-align:center; background:#fff; margin:0 2px; padding:9px 6px; font-size:13px; line-height:14px; letter-spacing:-0.05em;  }
#M_submenu li a { color:#333; border:1px solid #ddd; }
#M_submenu li.on a { color:#fff;background:#4068ad; border:1px solid #4068ad; font-weight:bold; }


/* Mobile Sub 타이틀  --------------------------------------------------*/
.subTitle { margin-bottom:20px;  }
#subTitle1_4 { max-width:239px; }
#subTitle8_1 { max-width:339px; width:100%; }
.event { width:100%; max-width:490px;}


/* Mobile Sub 컨텐츠  --------------------------------------------------*/
.subtit { padding:0 0 10px 16px; background:url(../img/i_tit02.png) no-repeat 0 4px; font-weight:bold;font-size:16px; color:#000 }

.room_tit {width: 100%;  background: #e8e8e8; text-align: center; font-size:16px;
	color: #000000;font-weight: bold;	margin: 0 auto 10px;	padding: 5px 0;  }

.subtxt { font-size:16px;  }
.toptxt_right { text-align:right; font-size:12px; color:#666; height:15px; }
.tableA { border-top:1px solid #333; }
.tableA th { background:#f8f8f8; padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }
.tableA td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }


.tableB { border-top:1px solid #d31616; }
.tableB.input input { border:1px solid #ddd; padding:3px; background:#f7f7f7; vertical-align:middle; }
.tableB th { background:#f7f7f7; padding:10px 6px; border-bottom:1px solid #ddd; text-align:left; color:#333; text-align:center}
.tableB td { padding:10px 6px;; border-bottom:1px solid #ddd; text-align:center}



.tableF { border-top:1px solid #333; }
.tableF.input input { border:1px solid #ddd; padding:3px; background:#f7f7f7; vertical-align:middle; }
.tableF th { background:#f7f7f7; padding:10px 5px 10px 10px; border-bottom:1px solid #ddd; text-align:left; color:#333; }
.tableF td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }


/* Mobile Sub 버튼  --------------------------------------------------*/
#btnArea {text-align:center; margin-top:10px; vertical-align:middle;}
.btnA { width:84px; height:32px;  border:none; cursor:pointer; background:#333; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; }
.btnB { width:84px; height:32px;  border:none; cursor:pointer; background:#8c909b; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; }
.btnC { width:84px; height:32px; border:1px solid #ddd; background:#fff; cursor:pointer; font-size:12px; line-height:30px;  display:inline-block; vertical-align:middle; } /*취소*/
.btnS { width:64px; height:32px;  border:none; cursor:pointer; background:#333; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; } /*검색*/



#cscenter { width:100%; margin:10px 0 20px; }

/* 문바래 Mobile Sub1_1 --------------------------------------------------*/
#contents1_1{ padding-top:16px; }
#contents1_1 div img{  }
#sub_a{ padding-top:20px;}
#sub_b{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_2.png") 5% no-repeat; background-size:30%;}
#sub_e{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_3.png") 5% no-repeat; background-size:30%;}
#sub_f{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_4.png") 5% no-repeat; background-size:30%;}
#sub_g{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_5.png") 5% no-repeat; background-size:30%;}
#sub_h{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_6.png") 5% no-repeat; background-size:30%;}
#sub_c{ float:left; }
.sub_d{ width:100%; float:left; position:relative; }
.sub_d ul{ width:59%; float:right; padding-right:4%;}
.sub_d ul img{ display:inline-block; padding-bottom:20px; padding-top:20px; max-width:210px; width:100%; float:left; padding-left:40%;}
.sub_d ul li:nth-child(1){ font-size:1em; color:#333; padding-top:5%; border-bottom:3px solid #ffab19; font-weight:bold; padding-bottom:4%; display:inline-block;}
.sub_d ul li:nth-child(2){ padding-top:10px; font-size:0.8em; color:#333333; text-indent:11px; text-align:justify;}
.sub_d ul li:nth-child(3){ padding-top:10px; padding-bottom:5%; font-size:0.8em; color:#333333; text-indent:11px; text-align:justify;}

/* 문바래 Mobile Sub1_4 --------------------------------------------------*/
#sub1_4_a{
	width:100%;
	max-width:720px;
	min-width:320px;
	margin:0 auto;
	padding-bottom:10px;
	padding-top:8px;
}
#sub1_4_b{
	padding-top:11px;
	overflow:hidden;

}
#sub1_4_b li{
	float:left;
	padding-right:7px;
}

#sub1_4_b li:nth-child(2){
	font-size:18px;
	font-weight:bold;
}
#sub1_4_c{
	margin-bottom:5px;
	overflow:hidden;
	padding-top:5px;
}
#sub1_4_c li{

	font-size:16px;
}
#sub1_4_c li:nth-child(2){
	margin-top:14px;
}
#sub1_4_c li span{
	font-weight:bold;
	padding-right:11px;
	margin-right:15px;
	border-right:2px solid #c6ba26;
}
#sub1_4_c li:nth-child(2) span{
	padding-right:25px;
	margin-right:15px;
}
#sub1_4_c > li > span.pr16{
	padding-right:16px;
}
#sub1_4_d{
	margin-bottom:5px;
	overflow:hidden;
	padding-top:5px;
}
#sub1_4_d li{
	font-size:16px;
}
#sub1_4_d li span{
	font-weight:bold;
	padding-right:11px;
	margin-right:15px;
	border-right:2px solid #e79403;
}
#sub1_4_d li:nth-child(2){
	padding-left:73px;
}
/* 문바래 Mobile Sub2_1 --------------------------------------------------*/
#contents2_1 div img{
	width:100%;
	max-width:282px;
	padding-bottom:15px;
}
#contents2_1 div ul{
	padding:15px 0;
}
#contents2_1 div ul li{
	line-height:25px;
	text-indent:13px;
	text-align:justify;
}
#contents2_1 div ul li:nth-child(2){
	padding-top:16px;
}

#contents2_1 div img.subexp{
	text-align:center;
	padding-top:15px;
	width:100%;
	max-width:525px;
	display:block;
}

/* 문바래 Mobile Sub2_2 --------------------------------------------------*/
#contents2_2 div img{
	width:100%;
	max-width:358px;
	padding-bottom:13px;
}
#contents2_2 div ul li{
	line-height:25px;
	padding-top:14px;
	text-indent:13px;
	text-align:justify;
}
#contents2_2 div ul li:last-child{
		padding-bottom:18px;
}
.contents2_2_dot li{
	background:url("../img/sub/icon_point1.gif") 0 18px no-repeat;
}
/* 문바래 Mobile Sub2_3 --------------------------------------------------*/
#contents2_3 div img{
	width:100%;
	max-width:279px;
	padding-bottom:12px;
}
#contents2_3 div ul li{
	line-height:25px;
	padding-top:14px;
	text-indent:13px;
	text-align:justify;
}
#contents2_3 div ul li:last-child{
		padding-bottom:19px;
}

/* 문바래 Mobile Sub2_4 --------------------------------------------------*/
#contents2_4 div img{
	width:100%;
	max-width:280px;
	padding-bottom:10px;
}
#contents2_4 div ul li{
	line-height:25px;
	padding-top:14px;
	text-indent:13px;
	text-align:justify;
}
#contents2_4 div ul li:last-child{
		padding-bottom:20px;
}
.contents2_2_dot{
	background:url("../img/sub/icon_point1.gif") 0 18px no-repeat;
}

.m_subcont { padding:0 ;}
.gsan_int { padding:0;margin:0;list-style:none;overflow:hidden;margin-top:10px;}
.gsan_int li { float:left;width:48.7%;margin-right:7px;margin-bottom:7px;}
.gsan_int li.margin_right { margin-right:0;}
.gsan_int li img { width:100%;}



.Pstyle {
 opacity: 0;
 display: none;
 position: relative;
 width: 80%;
 height:45%;
 border: 5px solid #fff;
 padding: 20px;
 background-color: #fff;
 top:7% !important;
 overflow: scroll;
}

.b-close {
 position: absolute;
 right: 5px;
 top: 5px;
 padding: 5px;
 display: inline-block;
 cursor: pointer;
}

.pop_title { font-size:1.2em;font-weight:bold;margin-bottom:10px;}
.big { font-size:1em;font-weight:bold;margin-bottom:6px;}
.small { font-size:0.9em;margin-bottom:30px}

.yearlist { overflow:hidden;margin:0;padding:0;margin-bottom:30px;font-size:0.9em;}
.yearlist dt { width:28%;float:left;font-weight:bold;}
.yearlist dd { float:left;margin:0;width:72%}

.box, .box2 { margin-bottom:1px;}
.box li { padding-left: 11px; background: url(../img/title_dot.png) no-repeat 0 9px;  margin-bottom: 5px; font-size:0.9em}

.box2 li { padding-left: 11px;margin-bottom: 5px; font-size:0.9em}

.P_style02 { height:20%;top:50% !important}
.Pstyle_top01 { top:20% !important}
.Pstyle_top02 { top:40% !important}


.m_top_box { width:100%;margin-bottom:30px;}
.m_top_box img { width:50%;display:block;margin:0 auto}
.m_top_box h2 { font-size: 1.2em;    text-align: center;    padding: 7px 0;    border-bottom: 1px solid #bbb;    background: #3c6590;    color: #fff;margin-bottom:30px;}
.m_2dep_box { margin-bottom:20px;}
.m_2dep_box h3 { font-size: 1em;    text-align: center;    padding: 7px 0;    border-bottom: 1px solid #bbb;    background: #4e7fb3;    color: #fff;margin-bottom:15px}

/* ohj 추가 css */
.m_frame{font-family:"nanumgothic", sans-serif;}

.sub_title{font-weight:bold; font-size:28px; color:#333; padding:0px 0px 0px ; padding-left:25px; background:url(../img/i_tit.png) no-repeat 0 50%;}
.t_icon{padding-left:25px;padding-right:5px; display:inline-block; float:left;}
.sub_tt{font-size:22px; line-height:30px; color:#70302b; font-weight:bold;height:30px; margin-bottom:40px;}
.case_table2{padding:30px 0px; background-color:rgb(240, 240, 240);}
.case_table2 .case_body{padding-bottom:0px;}
/* .case_table{width:84%; display:block; margin:auto; padding-left:10%;} */
.case_table{width:84%; display:block; margin:auto; padding-left:5%; padding-right:5%;}
.case_t{font-size:18px; font-weight:bold; color:#333; width:22%; padding-bottom:40px; vertical-align:top; margin-right:8%;}
.case_body{font-size:16px;width:70%; line-height:24px;padding-bottom:40px; padding-left:10px;}
.intro2_t{width:20%; padding-bottom:40px; vertical-align:top; margin-right:8%; padding-bottom:15px;}
.intro2_body{width:72%; padding-bottom:15px; padding-left:0px;}
.intro_table{width:85%;}
.intro2_st td{font-size:13px; color:#70302b;}
.work_tt{font-size:22px; color:#333; margin-bottom:15px;}
.work_subt{padding-left:40px;width:82%;display:block; margin:auto; font-size:16px; line-height:24px;}
.work1_i1{width:94%; display:block; margin:auto; margin-top:10px;}
.work1_i1 ul li {line-height:18px}
.work1_i1 img{width:100%; max-width:552px; display:block; margin:auto;}
.work1_ft{margin-top:50px;width:84%; padding-left:5%; padding-right:5%;}
.subcon{font-size:15px; line-height:150%;width:94%; padding:20px 10px 10px 10px;display:block; margin:auto; text-align:center;letter-spacing:-0.95px}
/* 메뉴 상단 추가 */



/* New css */
#M_Header h1 { padding:6px 0;}
#M_Header h1 img { max-width: 120px; width: 100%;}


#M_Header a.top_call { display: block;  /* float: right; */  position: absolute;  top: 16px; right: 0;}
#M_Header a.top_call img { max-width:60%;}

#M_Icons { padding:0;margin:0}
#M_Icons .m_menu_box { padding:0;margin:0;list-style:none;}
#M_Icons .m_menu_box img { border: 2px solid #ffffff;   border-radius: 20px;}
#M_Icons .m_menu_box li { margin:1px;width:49%;}


.M_Icons_t { display:block;padding:0px 0%; text-align:center}
.M_Icons_t img { width:100%;}@charset "utf-8";
/*CSS Document*/


/* Mobile Sub 레이아웃  --------------------------------------------------*/
#M_SubWrap { padding:0px; margin:0 auto; width:100%;  max-width:640px;}
#M_SubBody { padding:0px; overflow:hidden; }

#M_Subbar { text-align:right; color:#fff; font-size:12px; line-height:12px; padding:210px 10px 20px 0; font-weight:bold; text-shadow:0px 0px 2px #333;}
#M_Subbar.subTop1_1 {  background:url("../img/sub/subtop1_1.gif") repeat center 60px; }
#M_Subbar.subTop1_2 {  background:url("../img/sub/subtop1_2.gif") repeat center 60px; }
#M_Subbar.subTop1_3 {  background:url("../img/sub/subtop1_3.gif") repeat center 60px; }
#M_Subbar.subTop1_4 {  background:url("../img/sub/subtop1_4.gif") repeat center 60px; }
#M_Subbar.subTop2_1 {  background:url("../img/sub/subtop2_1.gif") repeat center 60px; }
#M_Subbar.subTop2_2 {  background:url("../img/sub/subtop2_2.gif") repeat center 60px; }
#M_Subbar.subTop2_3 {  background:url("../img/sub/subtop2_3.gif") repeat center 60px; }
#M_Subbar.subTop2_4 {  background:url("../img/sub/subtop2_4.gif") repeat center 60px; }
#M_Subbar.subTop3_1 {  background:url("../img/sub/subtop3_1.gif") repeat center 60px; }
#M_Subbar.subTop3_2 {  background:url("../img/sub/subtop3_2.gif") repeat center 60px; }
#M_Subbar.subTop3_3 {  background:url("../img/sub/subtop3_3.gif") repeat center 60px; }
#M_Subbar.subTop3_4 {  background:url("../img/sub/subtop3_4.gif") repeat center 60px; }
#M_Subbar.subTop3_5 {  background:url("../img/sub/subtop3_5.gif") repeat center 60px; }
#M_Subbar.subTop4_1 {  background:url("../img/sub/subtop4_1.gif") repeat center 60px; }
#M_Subbar.subTop5_1 {  background:url("../img/sub/subtop5_1.gif") repeat center 60px; }
#M_Subbar.subTop6_1 {  background:url("../img/sub/subtop6_1.gif") repeat center 60px; }
#M_Subbar.subTop7_1 {  background:url("../img/sub/subtop7_1.gif") repeat center 60px; }
#M_Subbar.subTop8_1 {  background:url("../img/sub/subtop8_1.gif") repeat center 60px; }

#M_Subbar span { background:url(../img/arrow.png) no-repeat 3px -29px; padding:0 7px; }


/* Mobile Sub 메뉴  --------------------------------------------------*/
#M_submenu { position:relative; max-width:610px; padding:0 15px; margin:20px 0 0; }
#M_submenu ul { position:relative; overflow:hidden; }
#M_submenu li {}
#M_submenu a { display:block; float:left; width:25%; text-align:center; background:#fff; margin:0 2px; padding:9px 6px; font-size:13px; line-height:14px; letter-spacing:-0.05em;  }
#M_submenu li a { color:#333; border:1px solid #ddd; }
#M_submenu li.on a { color:#fff;background:#4068ad; border:1px solid #4068ad; font-weight:bold; }


/* Mobile Sub 타이틀  --------------------------------------------------*/
.subTitle { margin-bottom:20px;  }
#subTitle1_4 { max-width:239px; }
#subTitle8_1 { max-width:339px; width:100%; }
.event { width:100%; max-width:490px;}


/* Mobile Sub 컨텐츠  --------------------------------------------------*/
.subtit { padding:0 0 10px 16px; background:url(../img/i_tit02.png) no-repeat 0 4px; font-weight:bold;font-size:16px; color:#000 }

.room_tit {width: 100%;  background: #e8e8e8; text-align: center; font-size:16px;
	color: #000000;font-weight: bold;	margin: 0 auto 10px;	padding: 5px 0;  }

.subtxt { font-size:16px;  }
.toptxt_right { text-align:right; font-size:12px; color:#666; height:15px; }
.tableA { border-top:1px solid #333; }
.tableA th { background:#f8f8f8; padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }
.tableA td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }


.tableB { border-top:1px solid #d31616; }
.tableB.input input { border:1px solid #ddd; padding:3px; background:#f7f7f7; vertical-align:middle; }
.tableB th { background:#f7f7f7; padding:10px 6px; border-bottom:1px solid #ddd; text-align:left; color:#333; text-align:center}
.tableB td { padding:10px 6px;; border-bottom:1px solid #ddd; text-align:center}



.tableF { border-top:1px solid #333; }
.tableF.input input { border:1px solid #ddd; padding:3px; background:#f7f7f7; vertical-align:middle; }
.tableF th { background:#f7f7f7; padding:10px 5px 10px 10px; border-bottom:1px solid #ddd; text-align:left; color:#333; }
.tableF td { padding:10px 15px 10px 15px; border-bottom:1px solid #ddd; }


/* Mobile Sub 버튼  --------------------------------------------------*/
#btnArea {text-align:center; margin-top:10px; vertical-align:middle;}
.btnA { width:84px; height:32px;  border:none; cursor:pointer; background:#333; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; }
.btnB { width:84px; height:32px;  border:none; cursor:pointer; background:#8c909b; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; }
.btnC { width:84px; height:32px; border:1px solid #ddd; background:#fff; cursor:pointer; font-size:12px; line-height:30px;  display:inline-block; vertical-align:middle; } /*취소*/
.btnS { width:64px; height:32px;  border:none; cursor:pointer; background:#333; color:#fff; font-size:12px; line-height:12px; display:inline-block; vertical-align:middle; } /*검색*/



#cscenter { width:100%; margin:10px 0 20px; }

/* 문바래 Mobile Sub1_1 --------------------------------------------------*/
#contents1_1{ padding-top:16px; }
#contents1_1 div img{  }
#sub_a{ padding-top:20px;}
#sub_b{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_2.png") 5% no-repeat; background-size:30%;}
#sub_e{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_3.png") 5% no-repeat; background-size:30%;}
#sub_f{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_4.png") 5% no-repeat; background-size:30%;}
#sub_g{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_5.png") 5% no-repeat; background-size:30%;}
#sub_h{ border:1px solid #ccc; width:100%; float:left; margin-top:11px; opacity:30%; background:url("../img/sub/sub_img_6.png") 5% no-repeat; background-size:30%;}
#sub_c{ float:left; }
.sub_d{ width:100%; float:left; position:relative; }
.sub_d ul{ width:59%; float:right; padding-right:4%;}
.sub_d ul img{ display:inline-block; padding-bottom:20px; padding-top:20px; max-width:210px; width:100%; float:left; padding-left:40%;}
.sub_d ul li:nth-child(1){ font-size:1em; color:#333; padding-top:5%; border-bottom:3px solid #ffab19; font-weight:bold; padding-bottom:4%; display:inline-block;}
.sub_d ul li:nth-child(2){ padding-top:10px; font-size:0.8em; color:#333333; text-indent:11px; text-align:justify;}
.sub_d ul li:nth-child(3){ padding-top:10px; padding-bottom:5%; font-size:0.8em; color:#333333; text-indent:11px; text-align:justify;}

/* 문바래 Mobile Sub1_4 --------------------------------------------------*/
#sub1_4_a{
	width:100%;
	max-width:720px;
	min-width:320px;
	margin:0 auto;
	padding-bottom:10px;
	padding-top:8px;
}
#sub1_4_b{
	padding-top:11px;
	overflow:hidden;

}
#sub1_4_b li{
	float:left;
	padding-right:7px;
}

#sub1_4_b li:nth-child(2){
	font-size:18px;
	font-weight:bold;
}
#sub1_4_c{
	margin-bottom:5px;
	overflow:hidden;
	padding-top:5px;
}
#sub1_4_c li{

	font-size:16px;
}
#sub1_4_c li:nth-child(2){
	margin-top:14px;
}
#sub1_4_c li span{
	font-weight:bold;
	padding-right:11px;
	margin-right:15px;
	border-right:2px solid #c6ba26;
}
#sub1_4_c li:nth-child(2) span{
	padding-right:25px;
	margin-right:15px;
}
#sub1_4_c > li > span.pr16{
	padding-right:16px;
}
#sub1_4_d{
	margin-bottom:5px;
	overflow:hidden;
	padding-top:5px;
}
#sub1_4_d li{
	font-size:16px;
}
#sub1_4_d li span{
	font-weight:bold;
	padding-right:11px;
	margin-right:15px;
	border-right:2px solid #e79403;
}
#sub1_4_d li:nth-child(2){
	padding-left:73px;
}
/* 문바래 Mobile Sub2_1 --------------------------------------------------*/
#contents2_1 div img{
	width:100%;
	max-width:282px;
	padding-bottom:15px;
}
#contents2_1 div ul{
	padding:15px 0;
}
#contents2_1 div ul li{
	line-height:25px;
	text-indent:13px;
	text-align:justify;
}
#contents2_1 div ul li:nth-child(2){
	padding-top:16px;
}

#contents2_1 div img.subexp{
	text-align:center;
	padding-top:15px;
	width:100%;
	max-width:525px;
	display:block;
}

/* 문바래 Mobile Sub2_2 --------------------------------------------------*/
#contents2_2 div img{
	width:100%;
	max-width:358px;
	padding-bottom:13px;
}
#contents2_2 div ul li{
	line-height:25px;
	padding-top:14px;
	text-indent:13px;
	text-align:justify;
}
#contents2_2 div ul li:last-child{
		padding-bottom:18px;
}
.contents2_2_dot li{
	background:url("../img/sub/icon_point1.gif") 0 18px no-repeat;
}
/* 문바래 Mobile Sub2_3 --------------------------------------------------*/
#contents2_3 div img{
	width:100%;
	max-width:279px;
	padding-bottom:12px;
}
#contents2_3 div ul li{
	line-height:25px;
	padding-top:14px;
	text-indent:13px;
	text-align:justify;
}
#contents2_3 div ul li:last-child{
		padding-bottom:19px;
}

/* 문바래 Mobile Sub2_4 --------------------------------------------------*/
#contents2_4 div img{
	width:100%;
	max-width:280px;
	padding-bottom:10px;
}
#contents2_4 div ul li{
	line-height:25px;
	padding-top:14px;
	text-indent:13px;
	text-align:justify;
}
#contents2_4 div ul li:last-child{
		padding-bottom:20px;
}
.contents2_2_dot{
	background:url("../img/sub/icon_point1.gif") 0 18px no-repeat;
}

.m_subcont { padding:0 ;}
.gsan_int { padding:0;margin:0;list-style:none;overflow:hidden;margin-top:10px;}
.gsan_int li { float:left;width:48.7%;margin-right:7px;margin-bottom:7px;}
.gsan_int li.margin_right { margin-right:0;}
.gsan_int li img { width:100%;}



.Pstyle {
 opacity: 0;
 display: none;
 position: relative;
 width: 80%;
 height:45%;
 border: 5px solid #fff;
 padding: 20px;
 background-color: #fff;
 top:7% !important;
 overflow: scroll;
}

.b-close {
 position: absolute;
 right: 5px;
 top: 5px;
 padding: 5px;
 display: inline-block;
 cursor: pointer;
}

.pop_title { font-size:1.2em;font-weight:bold;margin-bottom:10px;}
.big { font-size:1em;font-weight:bold;margin-bottom:6px;}
.small { font-size:0.9em;margin-bottom:30px}

.yearlist { overflow:hidden;margin:0;padding:0;margin-bottom:30px;font-size:0.9em;}
.yearlist dt { width:28%;float:left;font-weight:bold;}
.yearlist dd { float:left;margin:0;width:72%}

.box, .box2 { margin-bottom:1px;}
.box li { padding-left: 11px; background: url(../img/title_dot.png) no-repeat 0 9px;  margin-bottom: 5px; font-size:0.9em}

.box2 li { padding-left: 11px;margin-bottom: 5px; font-size:0.9em}

.P_style02 { height:20%;top:50% !important}
.Pstyle_top01 { top:20% !important}
.Pstyle_top02 { top:40% !important}


.m_top_box { width:100%;margin-bottom:30px;}
.m_top_box img { width:50%;display:block;margin:0 auto}
.m_top_box h2 { font-size: 1.2em;    text-align: center;    padding: 7px 0;    border-bottom: 1px solid #bbb;    background: #3c6590;    color: #fff;margin-bottom:30px;}
.m_2dep_box { margin-bottom:20px;}
.m_2dep_box h3 { font-size: 1em;    text-align: center;    padding: 7px 0;    border-bottom: 1px solid #bbb;    background: #4e7fb3;    color: #fff;margin-bottom:15px}

/* ohj 추가 css */
.m_frame{font-family:"nanumgothic", sans-serif;}

.sub_title{font-weight:bold; font-size:28px; color:#333; padding:0px 0px 0px ; padding-left:25px; background:url(../img/i_tit.png) no-repeat 0 50%;}
.t_icon{padding-left:25px;padding-right:5px; display:inline-block; float:left;}
.sub_tt{font-size:22px; line-height:30px; color:#70302b; font-weight:bold;height:30px; margin-bottom:40px;}
.case_table2{padding:30px 0px; background-color:rgb(240, 240, 240);}
.case_table2 .case_body{padding-bottom:0px;}
/* .case_table{width:84%; display:block; margin:auto; padding-left:10%;} */
.case_table{width:84%; display:block; margin:auto; padding-left:5%; padding-right:5%;}
.case_t{font-size:18px; font-weight:bold; color:#333; width:22%; padding-bottom:40px; vertical-align:top; margin-right:8%;}
.case_body{font-size:16px;width:70%; line-height:24px;padding-bottom:40px; padding-left:10px;}
.intro2_t{width:20%; padding-bottom:40px; vertical-align:top; margin-right:8%; padding-bottom:15px;}
.intro2_body{width:72%; padding-bottom:15px; padding-left:0px;}
.intro_table{width:85%;}
.intro2_st td{font-size:13px; color:#70302b;}
.work_tt{font-size:22px; color:#333; margin-bottom:15px;}
.work_subt{padding-left:40px;width:82%;display:block; margin:auto; font-size:16px; line-height:24px;}
.work1_i1{width:94%; display:block; margin:auto; margin-top:10px;}
.work1_i1 ul li {line-height:18px}
.work1_i1 img{width:100%; max-width:552px; display:block; margin:auto;}
.work1_ft{margin-top:50px;width:84%; padding-left:5%; padding-right:5%;}
.subcon{font-size:15px; line-height:150%;width:94%; padding:20px 10px 10px 10px;display:block; margin:auto; text-align:center;letter-spacing:-0.95px}
/* 메뉴 상단 추가 */



/* New css */
#M_Header h1 { padding:6px 0;}
#M_Header h1 img { max-width: 120px; width: 100%;}


#M_Header a.top_call { display: block;  /* float: right; */  position: absolute;  top: 16px; right: 0;}
#M_Header a.top_call img { max-width:60%;}

#M_Icons { padding:0;margin:0}
#M_Icons .m_menu_box { padding:0;margin:0;list-style:none;}
#M_Icons .m_menu_box img { border: 2px solid #ffffff;   border-radius: 20px;}
#M_Icons .m_menu_box li { margin:1px;width:49%;}


.M_Icons_t { display:block;padding:0px 0%; text-align:center}
.M_Icons_t img { width:100%;}



/*btn type*/
.btn_t1{display:inline-block;width:70px;line-height:40px;border-radius:35px;text-align:center;font-size:14px;font-weight:600;color:#fff;background:#ee1451;margin:0px 0}


#DB_gallery5{width:100%;margin:0 auto;overflow:hidden;position:relative;z-index:0}
#DB_gallery5 .btn ul{text-align:center;padding:20px 10px}
#DB_gallery5 .btn li{display:inline-block}
#DB_gallery5 .btn li.on a{background:#000;}
#DB_gallery5 .cate{}
#DB_gallery5 .cate:after{display:block;clear:both;content:''}
#DB_gallery5 .cate ul{position:relative}
#DB_gallery5 .cate li{float:left;width:48%/*가로*/}
#DB_gallery5 .cate li .thumb{width:90%;margin:0 auto}
#DB_gallery5 .cate li .info{width:90%;height:100px;/*높이값지정*/margin:0 auto}

#DB_gallery5 .cate li .info{padding:0 10px 10px;line-height:1.5;text-align:right}
#DB_gallery5 .cate li .info .tit{font-size:14px;font-weight:600;color:#000; letter-spacing:-1px}
#DB_gallery5 .cate li .info .price{font-size:19px;font-weight:600;color:#cc0000;letter-spacing:-1px}
#DB_gallery5 .cate li .info .price span{font-size:16px;color:#000}
#DB_gallery5 .cate li .info .add{font-size:14px;color:#555}
#DB_gallery5 .cate li .thumb{overflow:hidden}

#DB_gallery5 .cate li  .payinfo {padding:5px 0px 5px 0px;font-weight:bold;font-size:12px; border-bottom: dashed 1px #CCCCCC; border-top: dashed 1px #CCCCCC;}
#DB_gallery5 .cate li  .text{font-size:12px; padding-bottom:5px}
#DB_gallery5 .cate li .payinfo strong {color:#d42613;font-size:14px;}
#DB_gallery5 .cate li .payinfo span {display:inline-block;width:55px;font-weight:normal;text-align:left;}
#DB_gallery5 .cate li .payinfo .cont1,
#DB_gallery5 .cate li  .payinfo .cont2,
#DB_gallery5 .cate li  .payinfo .cont3,
#DB_gallery5 .cate li  .payinfo .cont4 {display:inline-block;width:90px;font-weight:normal;text-align:right;font-weight:bold;}
 
#DB_gallery5 .cate li .payinfo .cont1 {color:#ff0000;}
#DB_gallery5 .cate li .payinfo .cont2 {color:#e900db;}
#DB_gallery5 .cate li  .payinfo .cont3 {color:#3366cc;}
#DB_gallery5 .cate li  .payinfo .cont4 {color:#339900;}#main{padding-bottom:100px}