body{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
hr{margin:60px 0; border-top:1px solid #ddd;}
hr.noline{border:none;}
.tb_wrap{overflow:auto;}
.sub_con .in{max-width:1300px;}
.sub_con{flex-grow: 1;}

.sub_vi {width:100%; display:inline-block; text-align:center; box-sizing:border-box; height:400px; position:relative;display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; padding-top:80px;}
.sub_vi1 {background:url('/common/img/sub_vi1.png') no-repeat center / cover , rgba(0, 0, 0, 0.2);background-blend-mode: multiply;}
.sub_vi2 {background:url('/common/img/main2.png') no-repeat center / cover , rgba(0, 0, 0, 0.2);background-blend-mode: multiply;}
.sub_vi3 {background:url('/common/img/sub_vi3.png') no-repeat center / cover , rgba(0, 0, 0, 0.3);background-blend-mode: multiply;}
.sub_vi4 {background:url('/common/img/sub_vi4.png') no-repeat center / cover , rgba(0, 0, 0, 0.2);background-blend-mode: multiply;}
.sub_vi5 {background:url('/common/img/sub_vi5.png') no-repeat center bottom / cover , rgba(0, 0, 0, 0.2);background-blend-mode: multiply;}
.sub_vi h3{font-size:4em; color:#fff;}

.sub_menu{width: 100%; background: var(--main_c);}
.sub_menu ul{display:flex;  justify-content:center;width:100%; max-width:1400px;margin:0 auto; box-sizing:border-box;   }
.sub_menu li{flex1;}
.sub_menu a{display:inline-block; padding:25px 45px; box-sizing:border-box; font-size:1.2em; font-weight:500; color:rgba(255,255,255,.6); letter-spacing:0; white-space:nowrap;}
.sub_menu a.ov{color:#fff; background:var(--main_c); }

@media (max-width: 900px) { 
	.sub_vi{height:280px; padding-top:40px;}
	.sub_vi h3{font-size:2.8em; }
	.sub_menu{overflow-x:auto;}
	.sub_menu ul{justify-content: flex-start;}
	.sub_menu a{padding: 18px 20px; font-size:1.1em;}
}

h3.guide{font-size:2.6em;}
.italic{font-style:italic;}
.main_c{color:var(--main_c)}
.btnbox{text-align:center; margin-top:40px;}
.basic_btn{    
	padding: 20px 50px;
    background: #333;
    color: #fff;
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.1em;
}
.sub_con img{max-width:100%; padding:10px; box-sizing:border-box; background:#fff;}

.sub_con section{margin:100px 0;}
table{min-width:50%; border-top:2px solid var(--main_c)}
th,td{border:1px solid #ddd; padding:10px;}
th{background:#d0e3dc; padding:15px 10px;}
td{line-height:1.5;}

@media (max-width: 900px) { 
	.sub_con section{margin:60px 0; font-size:.85em;}
	h3.guide{font-size:2em;}
}

.company01 .flex_wrap {margin-bottom:80px;}
.company01 h6{font-size:1.8em; font-weight:600; flex-shrink:0; width:20%;}
.company01 .txtbox{line-height:1.5; font-weight:300; font-size:1.1em; width:80%;}
.company01 .section01 strong{font-size:1.3em; margin-top:10px; display:inline-block;}

.company01 .section02{}
.company01 .section02 .txtbox{font-size:1em;}
.company01 .section02 table{width:100%;}

.company01 .history{display:flex; gap:30px; align-items:center; margin-bottom:20px; padding-bottom:20px; box-sizing:border-box;border-bottom:1px solid #ddd;}
.company01 .history b{color:var(--main_c); font-size:1.4em; flex-shrink:0; min-width:100px;}
.company01 .history li{display:flex; gap:10px; margin-bottom:7px;}
.company01 .history li:last-child{margin-bottom:0;}
.company01 .history span{font-weight:500; flex-shrink:0; min-width:30px;}
.company01 .history p{font-size:.9em;}
.company01 .section05 img{width:500px;}

 /*조직도*/

.organ > div {margin:0 0; position:relative; box-sizing:border-box; width:100%;  }
.organ .box_wrap  {position:relative; z-index:9; display:flex; flex-wrap:wrap; justify-content : space-between; align-items:flex-start; margin-top:70px}
.organ .box_wrap div {width:18%; text-align:center; }
.organ .box_wrap p.b {width:100%;  background-color:var(--main_c); line-height:53px; font-size:1.1em; font-weight:500; color:#fff; position:relative}


.organ .box_wrap p.b:after {content: '';
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    display: inline-block;
    border: 1px solid #fff;
    position: absolute;
    top: 5px;
    left: 5px;
    box-sizing: border-box;
	}

.organ .box_wrap p.s {width:100%;  background-color:#f1f1f1;  margin-top:10px; line-height:40px;   font-size:1em; font-weight:500; color:#666;}
.organ  .box1 {width:250px; text-align:center; background:linear-gradient(to bottom, #82e584, #3eae40); line-height:60px; font-size:1.3em; color:#fff; margin:0 auto; border-radius:60px; font-weight:600; position:relative; z-index:9;}
 
.organ .line_x {width:82%; height:1px; background-color:#999; display:inline-block; position:absolute; left:9%; top:90px}
.organ .line_y {width:1px; height:50px;  background-color:#999; display:inline-block; position:absolute;  top:90px}
.organ .line_y:nth-child(1) {left:9%;}
.organ .line_y:nth-child(2) {left:29%;}
.organ .line_y:nth-child(3) {left:50%; top:40px; height:100px}
 .organ .line_y:nth-child(4) {right:29%;}
.organ .line_y:nth-child(5) {right:9%;}
.organ span{display:inline-block; width:100%; text-align:right; font-size:.9em; margin-top:20px;}


.company02 .in{display:flex; gap:30px;}
.company02 .imgbox{width:45%;}
.company02 .imgbox img{width:100%;}
.company02 .txtbox {width:55%; }
.company02 span{color:var(--main_c)}
.company02 p{line-height:1.8;  margin-bottom:30px; font-size:1.2em; font-weight:300;}
.company02 strong{font-size:1.9em; font-weight:700;}
.company02 b{font-weight:700;}

.company02 .wrap{display:flex; gap:10px; flex-wrap:wrap;}
.company02 dl{width: calc(33.33% - 7px); border:1px solid #eee; box-sizing:border-box; border-radius:5px 5px 0 0;}
.company02 dt{background:#f3f3f3; padding:10px; box-sizing:Border-box; text-align:center; border-radius:5px;}
.company02 dt img{width:100px; background:none;}
.company02 dd{text-align:center; margin-top:5px; line-height:1.4; padding:10px; box-sizing:border-box;}
.company03 .flex{gap:30px; flex-wrap:wrap;}
.company03 dl{width:calc(25% - 23px);}
.company03 dt{overflow:hidden; max-height:426px; box-shadow:5px 5px 10px rgb(0 0 0 / 6%);}
.company03 img{width:100%; }
.company03 dd{text-align:center; font-size:1.2em; margin-top:20px; color:#000;}

/* 특허 */
.patent {width:100%; display:flex; flex-wrap:wrap; gap:50px 25px;  }
.patent li {width:calc(25% - 19px); box-sizing:border-box;  }
.patent li div {width:100%; height:24vw; overflow:hidden; position:relative; box-shadow:0px -1px 19px 7px #ebf1ef;}
.patent li p {width:100%; font-size:1.1em; color:#555; line-height:1.3; box-sizing:border-box; margin-top:15px;  text-align:center;   }
.patent li img {
	position: absolute;
    top: 50%;
    left: 50%;    
    transform: translate(-50%, -50%);
    width: auto;
    max-width: 100%;
}


@media (max-width: 900px) { 
	.company01 h6{width:100%;}
	.company01 .txtbox{width:100%;}
	.company01 th, .company01 td{display:block;}
	.company01 .history b{min-width:auto;}
	.company02 .in{flex-direction:column; gap:10px;}
	.company02 .imgbox{width:100%;}
	.company02 .txtbox{width:100%;}
	.company02 dl{width:calc(50% - 5px);}
	.organ > div {margin:0;width:100% }
	.organ .box_wrap div {width:32%; text-align:center; }
	.organ .box_wrap div:nth-child(n + 4) {margin-top:10px}
	.organ .line_x {width:80%; left:10%; }
	.organ .line_y:nth-child(1) {left:10%;}
	.organ .line_y:nth-child(2) {display:none}
	.organ .line_y:nth-child(4) {display:none}
	.organ .line_y:nth-child(5) {right:10%;}
	.company03 .flex{gap:20px;}
	.company03 dl{width:calc(50% - 10px);}
	.company03 dd{font-size:1em;}
	.patent li{width:calc(50% - 13px);}
	.patent li div{height:56vw}
}

.company04 iframe{display:block;}
.company04 .flex_wrap{background:#f9f9f9; padding:20px 10px; box-sizing:border-box;}
.company04 li{font-size:1.2em; font-weight:300;}
.company04 li:first-child{font-weight:600;}
.company04 i{color:var(--main_c)}



.product li{margin-bottom:10px; line-height:1.5; font-size:1.05em; font-weight:300;}
.product li:last-child{margin-bottom:0}
.product ul{margin-left:20px;}
.product ul li{list-style:disc;}
.product ol{background:#f9f9f9; padding:15px; box-sizing:border-box;}
.product ol li{list-style: none; display:flex; gap:5px; align-items:center;}
.product ol span{color:var(--main_c); font-weight:600; border:1px solid var(--main_c); width:40px; height:40px; line-height:38px; flex-shrink:0; text-align:center; box-sizing:border-box; border-radius:50px; font-size:.8em; }

.product h4{font-size:2.6em; font-weight:700; margin-bottom:40px; position:relative;}
.product h4 img{width:50px; position: absolute; top: -15px; left: -20px; z-index:-1; padding:0;}
.product h5{font-size:1.7em; font-weight:500; margin-bottom:10px; display: flex;    align-items: center;    gap: 5px}
.product h5 i{background:var(--main_c); color:#fff; padding:11px 14px; box-sizing:border-box; border-radius:50px; font-size:.8em;}
.product h6{font-size:1.4em; font-weight:500; margin-bottom:10px;}
.product p{font-size:1.2em; line-height:1.6; font-weight:300; margin-bottom:40px;}
.product b{color:var(--main_c); font-weight:700;}
.product span.detail{margin-top:10px; display:inline-block; font-weight:300; line-height:1.4;}

.product .underline{border-bottom:1px solid var(--main_c); box-sizing:border-box; color:var(--main_c)}
.product .bg{padding:20px; box-sizing:border-box; background:#f9f9f9; }

.flex_wrap{display:flex; gap:30px;}
.flex_wrap > div{width:calc(50% - 15px);}
.flex_wrap > p{width:calc(50% - 15px);}
.ac{align-items:center !important;}
.as{align-items:start !important;}
.jc{justify-content:center !important;}
.js{justify-content:start !important;}

.num{display:flex; gap:10px; align-items:start}
.num span{background:var(--main_c); color:#fff; padding:8px 10px; box-sizing:border-box; border-radius:5px; font-size:.8em; margin-top:-7px;}
.guide hr.noline{margin:20px 0;}
.border_box{border:1px solid #d0e3dc; background:#f3f9f7 !important; box-sizing:border-box; padding:20px 40px; }

.quote .in{max-width:1000px;}
.quote01{}
.quote01 table{width:100%}

.img_wrap{display:flex; gap:20px; justify-content:center; width:100%;}
.img_wrap dl{border:1px solid #ddd; box-sizing:border-box; background:#f4f4f4; width:100%;}
.img_wrap dl.ov{border:5px solid var(--main_c);}
.img_wrap dd{text-align:center; padding:20px; box-sizing:border-box;}
.img_wrap dd h6{font-size:1.2em; margin:0;}
.img_wrap dd p{font-size:1em; margin:0; margin-top:5px;}
.img_wrap dl.ov dd h6{color:var(--main_c)}


@media (min-width: 900px) { 
	.product01 .flex_wrap > div{width:45%;}
	.product01 .flex_wrap > p{width:55%;}
	.product01 .section03 .flex_wrap > div{width:70%;}
}
.product01 .iconbox{display:flex; gap:20px; flex-wrap:wrap;}
.product01 .iconbox dl{background:#e6f1ee; border-radius:20px; box-sizing:border-box; padding:10px; width:calc(16.66% - 17px);}
.product01 .iconbox dt{background:#fff; padding: 25px; box-sizing:border-box; border-radius: 10px; text-align:center;}
.product01 .iconbox dt img{background:none; width:100%; max-width:120px;}
.product01 .iconbox dd{text-align:center; margin-top:15px; font-size:.85em;}
.product01 .iconbox h6{margin:0; font-weight:600; margin-bottom:5px;}
.product01 .iconbox p{margin:0; line-height:1.3; }
.product01 .section03 .flex_wrap .imgbox:nth-of-type(1){width:40%; flex:none; }

.product02 .txtbox dl{display:flex; gap:10px;}
.product02 .txtbox dt{font-size:1.2em;}
.product02 .txtbox dd{font-size:1em;}
.product02 .txtbox dd h6{margin:0;}
.product02 .txtbox dd p{margin:0;}
.product02 .img_wrap{margin: 0 auto; max-width:70%;}
.product02 .section02 .flex_wrap:nth-of-type(1) .img_wrap{flex:none; width:60%;}
.product02 .section02 .flex_wrap:nth-of-type(1) .txtbox{flex:none; width:40%;}
.product02 .section02 .flex_wrap:nth-of-type(1) .img_wrap dd{font-size:1.1em; line-height:1.4;}
.product02 .section02 .flex_wrap:nth-of-type(2){margin-top:50px;}
.product02 .section02 .flex_wrap:nth-of-type(2) .txtbox{width:55%; flex: none;}
.product02 .section02 .flex_wrap:nth-of-type(2) .txtbox b{font-size:1.5em;}

@media (min-width: 900px) { 
	.product02 .section02 .flex_wrap:nth-of-type(2) .imgbox{width:45%; flex: none;}
}

.product03 .section01 table{width:100%;}
.product03 .section02 b{font-size:1.2em; margin:20px 0 10px 0; display:inline-block;}
.product03 .section02 p{font-size:1.1em; }

.product04 .img_wrap{max-width:70%;}
.product04 .section02 p:first-child{font-size:1.4em; line-height:1.7; width:40%;}
.product04 .section02 p strong{font-weight:300; font-style:italic;}

.product05 img{width:55%;}
.product05 .txtbox{width:45%; flex:none;}
.product05 .txtbox table{width:100%}

.product06 .section01 .img_wrap{width:40%; flex:none;}
.product06 .section01 .txtbox{width:60%; flex:none;}
.product06 .section01 .txtbox ol{padding:0;}

.product06 .section02 .border_box{line-height:1.5; font-weight:300; margin-top:20px;}

.product07 .section01 {}
.product07 .section01 > img{width:40%; border:1px solid #ddd;}
.product07 .section02 img{border-radius:20px;}
.product07 .section02 strong{font-weight:500;}
.product07 .section02 .small{font-size:.95em;}

.product08 .flex_wrap > div{flex:none;}
.product08 .img_wrap{width:40%;}
.product08 .vs_wrap{width:60%;}
.product08 table{width:100%; position:relative}
.product08 table::after{position:absolute; content:''; top:0; right:0; width:53%; height:100%;  border:4px solid var(--main_c); box-sizing:border-box;}
.product08 td{text-align:center;}

.product .step ul{display:flex; gap:40px; }
.product .step li{list-style:none; padding:20px 50px; box-sizing:border-box; background:#f4f4f4; margin-bottom:0; position:relative; font-size:1.2em;}
.product .step li:first-child::after{content:'\f178'; position:absolute; right:-28px; top:calc(50% - 12px); font-size:1em; font-family: "Font Awesome 6 Free";     font-weight: 600;}
.product .step li.ov{background:var(--main_c); color:#fff; font-weight:600;}

@media (max-width: 1400px) {
	.product01 .iconbox dl{width:calc(33.33% - 14px)}
}

@media (max-width: 900px) { 
	.border_box{padding:20px;}
	hr{margin:30px 0;}
	.product ol li{align-items:start;}
	.product ol span{width:30px; height:30px; line-height:28px; margin-top: -5px;}
	.product h4{font-size:2em}
	.product h4 img{left:0;}
	.product h5{align-items:start; font-size:1.6em;}
	.product h5 i{margin-top: -6px;}
	.product ul{margin-left:0;}
	.product p{margin-bottom:20px;}
	.flex_wrap{flex-direction:column; align-items:start !important; gap:10px;}
	.flex_wrap > div{width:100%;}
	.flex_wrap > p{width:100%;}
	.product01 .iconbox dl{width:calc(50% - 10px)}
	.product01 .section03 .flex_wrap .imgbox:nth-of-type(1){width:100%;}
	.product02 .img_wrap{max-width:100%;}
	.product02 .section02 .flex_wrap:nth-of-type(1) .img_wrap{width:100%; flex-wrap:wrap;}
	.product02 .section02 .flex_wrap:nth-of-type(1) .txtbox{width:100%; }
	.product02 .section02 .flex_wrap:nth-of-type(2) .txtbox{width:100%;}
	.product .step ul{align-items:start !important; justify-content:start !important; gap:10px 40px; flex-wrap:wrap;}
	.product .step li{padding:20px;}
	.product04 .img_wrap{max-width:100%; flex-wrap:wrap;}
	.product04 .img_wrap dl{width:100%;}
	.product04 .section02 p:first-child{width:100%;}
	.product05 img{width:100%;}
	.product05 .txtbox{width:100%;}
	.product06 .section01 .img_wrap{width:100%;}
	.product06 .section01 .txtbox{width:100%;}
	.product07 .section01 > img{width:100%;}
	.product08 .vs_wrap{width:100%;}
}

.guide .step ul{flex-wrap:wrap; margin-left:0;}
.guide .step li{width:calc(33.33% - 27px); padding:0; border:1px solid #ddd; box-sizing:border-box;}
.guide .step li::after{content:'\f178'; position:absolute; right:-28px; top:calc(50% - 12px); font-size:1em; font-family: "Font Awesome 6 Free";     font-weight: 600;}
.guide .step li:last-child::after{display:none;}
.guide .step p{margin-bottom:0;padding:10px; box-sizing:border-box; font-size:1em; font-weight:500; display:flex; gap:10px;}
.guide .step span{color:var(--main_c); letter-spacing:-1px; font-weight:600;}

@media (max-width: 900px) { 
	.guide .step ul li{width:calc(50% - 20px); font-size:.9em;}
	.guide .step p{flex-direction:column; gap:0;}
	.guide .step li:nth-child(even)::after{display:none;}
}

.write{width:100%; display:flex;  justify-content:space-between; flex-wrap:wrap; border-top:2px solid var(--main_c2)}
.write > li{ width:100%;  display:flex; padding:20px 0; border-bottom:1px solid #ccc}
.write > li h6{width:230px; font-size:1.1em; font-weight:600; color:#333;  margin-top:10px;} 
.write > li h6 span{color:red;} 
.write > li > div {width: calc(100% - 230px);}
.write > li input{
	width:100%;
    font-size:1em;
	padding:10px;
	box-sizing:border-box; 
	border:1px solid #ddd;
}
.write > li > div p{    padding: 10px;    box-sizing: border-box;}
.write > li > div label input[type="text"]{width:auto; }
.write > li > div label a{border:1px solid #333; padding:10px 20px; box-sizing:border-box; margin-left:5px; font-size:.9em;}
.write > li select {     
    font-size:1em;
	padding:10px;
	box-sizing:border-box; 
	border:1px solid #ddd;
	width:100%;
	
}

.write li.phone div{width: calc(100% - 230px);display:flex;align-items:center}
.write li.phone span {margin:0 5px}

.write li.mail  div {width: calc(100% - 230px); display:flex; align-items:center}
.write li.mail  input[type="text"] {width:33.3%;}
.write li.mail span {margin:0 5px}
.write li.mail select {margin-left:5px; width:33.3%;}
		

.write dl{display:flex; align-items:center; gap:20px; margin-bottom:15px; padding:5px 0; box-sizing:border-box;}
.write dl:last-child{margin-bottom:0; padding:0;}
.write dt{font-weight:500; font-size:1em; flex-shrink:0; min-width:150px;}
.write dd{display:flex; gap:10px; align-items:center; }
.write dd span{font-weight:300; font-size:.95em;}
.write input[type="radio"]{width:auto;}
.write dd input[type="radio"]{margin-right:5px;}
.write > li > div  dd label input[type="text"][type="text"]{width:100px; padding:5px;}

.write textarea{width:100%; border:1px solid #ddd;}
.write > li.captcha input{width:auto;}


@media screen and (max-width:900px) {
	.write > li {flex-direction:column; gap:10px; font-size:.9em;}
	.write > li > div{width:100%;}
	.write li.phone div{width:100%;}
	.write li.mail div{width:100%;}
	.write dl{flex-direction:column; gap:10px; align-items:start;}
	.write dd{flex-wrap:wrap;}
}


.acodian {width:100%; font-size:1.1em;}
.acodian +  .acodian {margin-top:15px}
.acodian dt {cursor:pointer; width:100%; display:flex; background-color:#fff;  border:1px solid #D0D0D0; box-sizing:border-box; padding:25px; border-radius:5px;  font-weight:600; font-size:1.1em;}
.acodian dt i {margin-left:auto; font-size:23px;  transition: all 0.3s ease-out;}
.acodian.on dt   {border-radius:10px 10px 0 0; color:var(--main_c) }
.acodian.on dt i {transform: rotate(180deg);   }
.acodian dd { height:0; overflow:hidden; opacity:0;  transition: all 0.2s ease-out; background-color:#eee;  width:100%;   box-sizing:border-box;  padding:0 25px }
.acodian.on dd {  height:auto; opacity:1; padding:25px }
.acodian dd div {width:100%; line-height:1.5; }
.acodian dd * { word-break: break-all;}
.acodian dd table td {background-color:#fff }
.acodian dd img {max-width:100%}
.acodian.faq dt {color:var(--main_c)}
.acodian.faq span:first-child {width:50px; flex-shrink:0; color:#000; font-weight:600}



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

		.acodian dt {  font-size:.95em; padding:15px; gap:5px;}
		.acodian.faq span:first-child {width:auto;}
		.acodian dt i {  font-size:18px;  }
		.acodian dd {  font-size:.95em; padding:0 15px; }
		.acodian.on dd {   padding:20px 15px; }
		.acodian dd div{font-size:.95em; gap:10px;}

}


/* 공지사항 */
.sub .notice03{max-width:800px; }

.table { width: 100%; display: table;  font-size:1.1em; border-top:2px solid var(--main_c);}

.row {display: table-row; background: #fff; font-size:1em; }
.row.th {font-weight:600; }
.row.fix {background-color:#f6f6f6}
 
.cell { padding:11px 12px; display:table-cell; vertical-align:middle;  text-align:Center;  border-bottom:1px solid #ddd; color:#666}
.cell a {    display: flex;    gap: 5px;}
.cell p {color:#111; 
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.cell span{color:var(--main_c);}
.cell i{
	color: var(--main_c);
    font-size: 1em;
    animation: opacity 2s infinite linear;
    margin-left: 10px;
}
.cell a.s_btn2 {color:#fff}
.row.th .cell { color: var(--main_c); padding:15px 12px;}

.cell.tit  {width:55%; text-align:left; font-weight:500; line-height:1.3; font-size:1em}
.cell.no {width:40px; }
 
.none_list {width:100%; display:inline-block; text-align:center; background-color:#f9f9f9; font-size:1em; padding:10px 0 }
.row.fix * {color:#333}
.cell .arrow_btn {width:10px; display:inline-block; line-height:0; vertical-align:-2px}
.cell .arrow_btn i {line-height:0; font-size:18px;  }
.cell .arrow_btn a i {color:rgba(255,255,255,.5); }
.cell .arrow_btn a i.over {color:#fff}

@media screen and (min-width:900px) {
  
   .cell.name {width:100px; white-space:nowrap;  }
   .cell.date {width:80px;  white-space:nowrap;   }
   .cell span{white-space: nowrap;}

   .table.type2 {border-left:1px solid #ddd}
   .table.type2 .cell {border-right:1px solid #ddd; padding:7px}
   .table.type2 .row.th .cell {padding:9px; font-weight:600}

	.cell.tit{width:70%;}
}
 
 

@media screen and (max-width:900px) {
	.table { display: block; font-size:1em }
    .table * {line-height:1.3}
	.row {padding:13px 2%; display:block;  border-bottom:1px solid #ddd}
	.row.th {padding: 0; height: 2px; }
	.row.th .cell { display: none; }
	  
	.row .cell:before { margin-bottom: 3px; content:attr(data-title); text-transform: uppercase;color:#555;}
	.cell { padding:0; padding-right:5px; display:inline-block; border-bottom:none; text-align:left; font-size:.95em}
 	 
	.cell.tit  {width:100%; font-size:1.06em; font-weight:600; margin-bottom:2px;  display:inline-block}
    .cell.no {display:none}
	.cell.m_tit {width:100%; font-size:1.06em; margin-bottom:2px;  display:inline-block; color:#000; font-weight:600}
    .type2 .cell br {display:none}
 
	.board05 .cell a { display: block; }

}
 
 
/*뷰페이지*/
 
  
p.view_title {font-size:1.2em;  line-height:1.3;  font-weight:600; color:#fff; width:100%; padding:15px 2%; box-sizing:border-box; display:inline-block; text-align:Center; box-sizing:border-box; color:var(--main_c); border-top:2px solid var(--main_c); border-bottom:1px solid #ddd;}
div.view_info {font-weight:400; color:#666; width:100%;  border-bottom:1px solid #ddd; padding:10px 0; display:inline-block; box-sizing:border-box; }

div.view_info span::after {width:1px; height:12px; vertical-align:middle;  content:''; display:inline-block; background-color:#888;  margin:0 5px 0 10px}
div.view_info span:last-child::after {display:none}
div.view_info a:hover {text-decoration:underline }
div.view_info span.file{display:inline-block; margin:5px 0;}
div.view_info span.file a {display:inline-block;  color:#666; box-sizing:border-box; border:1px solid; padding:5px; margin-right:5px;}
div.view_info span.file a:hover {text-decoration:underline }

div.view_content {width:100%; display:inline-block; padding:20px 0; }
div.view_content img {max-width:100%}
 
div.view_file {width:100%; padding:12px 0 8px 0;  border-bottom:1px solid #ddd; }
div.view_file ul {width:100%; display:flex; flex-wrap:wrap;}
div.view_file ul li {display:inline-block; margin-bottom:5px; }
div.view_file ul li a {display:inline-block; font-size:0.90rem; background-color:#2478be; color:#fff; padding:4px 15px; border-radius:5px; margin-right:10px;}

div.comment {width:100%; display:flex; background-color:#f1f1f1; box-sizing:border-box; padding:20px }
div.comment b {width:50px; flex-shrink:0; }

.list_next  {width:100%; display:inline-block;  border-top:1px solid #ddd; padding:11px 0; box-sizing:border-box; border-bottom:1px solid #ddd; line-height:0} 
.list_next p {width:100%; display:inline-block; font-size:1rem; line-height:1; color:#999;  overflow: hidden;   text-overflow: ellipsis; margin:3px 0;  white-space: nowrap;  }
.list_next p:last-child {text-align:left; }
.list_next b {font-weight:600; color:#333; width:80px; display:inline-block}
.list_next.border_top_none {border-top:none }
.list_next a{color:#666;}


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

		p.view_title { width:100%; padding:8px 0; text-align:left; color:#333; background-color:#fff;  border-top:2px solid #333; }
		div.view_info span::after {  margin:0 3px 0 6px}
		div.view_info { font-size:.9em; padding-bottom:10px}
		div.view_info + div.view_info {padding-top:10px}

		div.view_info span.file {width:100%; display:block; }
		div.view_info span.file a {margin-top:3px} 

}

 

  
/*페이지*/
.page {text-align:center; width:100%; margin-top:60px; display:inline-block; font-size:0}
.page ul { width:100%; display:flex; align-items:center; justify-content:center; }
.page li { display:inline-block; font-size:0.95rem; font-weight:500; margin:0 8px;}
  
.page a {
	display:inline-block;
 	text-decoration:none; vertical-align:middle;
   color:#999; text-align:Center; font-size:1.4em;
   }
.page li.angle {margin:0 6px}
.page li.angle a {border-radius:50%; padding:0; display:flex; align-items:center; justify-content:center; font-size:1em;}
.page a.ov  {color:var(--main_c); font-weight:600; }
.page li.angle a.ov  {border:1px solid var(--main_c)}

@media screen and (max-width:900px) {
   .page li.angle a  {  width:25px;   height:25px; font-size:13px}

}
 

/*search*/			
.search_area {margin-top:30px;  width:100%; display:flex;  justify-content:flex-end}
.search_area input  {width:30%; border:1px solid #c9c9c9; padding-left:10px; font-size:0.93em; color:#666; margin:0 5px}
.search_area select  { font-size:0.93em; color:#666; border:1px solid #c9c9c9;  vertical-align:middle; width:100px;  }
.search_area a {background-color:#333; border-radius:3px; box-shadow:1px 1px 2px #ddd; color:#fff; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; display:inline-block; vertical-align:middle;}