@charset "utf-8";
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('jquery-ui.css'); 
@import url('font.css');
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;700&display=swap'); */
@import url('swiper.min.css');

:root { 
	--gray1:#333;
	--orange:#F18700;
	--color1:#191E54;
}
/**************************************************************************************************************
	공통
**************************************************************************************************************/
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb5 { margin-bottom:5px !important }
.mb6 { margin-bottom:6px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important } 
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb35 { margin-bottom:35px !important }
.mb40 { margin-bottom:40px !important }
.mb45 { margin-bottom:45px !important }
.mb50 { margin-bottom:50px !important }
.mb55 { margin-bottom:55px !important }
.mb60 { margin-bottom:60px !important }
.mb70 { margin-bottom:70px !important }
.mb75 { margin-bottom:75px !important }
.mb80 { margin-bottom:80px !important }
.mb90 { margin-bottom:90px !important }
.mb100 { margin-bottom:100px !important }
.mb110 { margin-bottom:110px !important }
.mb120 { margin-bottom:120px !important }
.mb130 { margin-bottom:130px !important }
.mb140 { margin-bottom:140px !important }
.mb150 { margin-bottom:150px !important }
.mb160 { margin-bottom:160px !important }
.mb170 { margin-bottom:170px !important }
.mb180 { margin-bottom:180px !important }
.mb200 { margin-bottom:200px !important }
.mb220 { margin-bottom:220px !important }
.mt0 { margin-top:0 !important}
.mt10 { margin-top:10px !important}
.mt15 { margin-top:15px !important}
.mt20 { margin-top:20px !important}
.mt30 { margin-top:30px !important}
.mt40 { margin-top:40px !important}
.mt50 { margin-top:50px !important}
.mt80 { margin-top:80px !important}
.mr0 { margin-right: 0;}
.mr14 { margin-right: 14px !important;}
.pd0 { padding:0 !important }
.pdb0 { padding-bottom:0 !important }
.pdb20 { padding-bottom:20px !important }
.text-center { text-align:center !important }
.text-left { text-align:left !important }
.text-right { text-align:right !important }
.f12 { font-size:12px !important; line-height: 1.4em; }
.f16 { font-size:16px !important; line-height: 1.4em; }
.f17 { font-size:17px !important; line-height: 1.4em; }
.f18 { font-size:18px !important; line-height: 1.4em; }
.f19 { font-size:19px !important; line-height: 1.4em; }
.f20 { font-size:20px !important; line-height: 1.4em; }
.f24 { font-size:24px !important; line-height: 1.4em; }
.f25 { font-size:25px !important; line-height: 1.4em; }
.f29 { font-size:29px !important; line-height: 1.4em; }
.f31 { font-size:31px !important; line-height: 1.4em; }
.f34 { font-size:34px !important; line-height: 1.4em; }
.sbold { font-weight:600 !important;}
.normal { font-weight:400 !important; }
.bold { font-weight: bold;}

.disI { display: inline; }
.disB { display: block; }
.disIB { display: inline-block; }

.textRB { font-family: 'RIDIBatang', 'Noto Serif KR', serif;}

.w-space { white-space: nowrap;}

.underline { text-decoration: underline !important; text-underline-offset: 4px; }

.flex-start { justify-content: flex-start !important; }
.flex-center { justify-content: center !important; }

.alignS { align-items: flex-start !important;}

.pc_txtfff { color: #fff !important; }

.main1 .swiper1 .swiper-slide .txt h3 strong.lsm_37 { letter-spacing: -3.7px !important;}
/***********************************************************************************
	Common
************************************************************************************/

html, body {overscroll-behavior: none; }

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,form,label,legend,input,button,textarea,select{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle; max-width:100%;}
body li *{vertical-align:top;}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse;}
th { background: #eee;}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer; background:none; appearance:none;border-radius:0;}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
a { text-decoration:none; color:#222;  }
address,
em { font-style:normal }
body,input,select,textarea,button,h1,h2,h3,h4,h5,h6 { font-family: 'Pretendard' , sans-serif; color: #000; letter-spacing: -0.2px; }
body,textarea,input,select { font-family: 'Pretendard' , sans-serif;  color: #000; text-decoration: none; } 
textarea,.inp,select,button { border:0; outline:none; border-radius:0; resize:none; box-shadow:none; -webkit-appearance:none; appearance:none; font-weight: normal; background:none;}
a:hover { text-decoration: none;}
body { -webkit-text-size-adjust: none; background:none; }
form { padding: 0; margin: 0; }
* {box-sizing: border-box; -webkit-box-sizing:border-box;}
::-ms-clear { display: none;}
select::-ms-expand { display:none; }
::-webkit-scrollbar { width:10px; height: 10px; }
::-webkit-scrollbar-thumb { width:10px; border-radius:10px; background: #ccc; }
::-webkit-scrollbar-track { background:#f2f2f2}

/* .hidden { position: absolute; opacity:0;display: none;} */

html { height: 100%; font-size: 18px; scroll-behavior: smooth; }

body {  width: 100%; min-height: 100%; font-family: 'Pretendard', sans-serif; font-size: 18px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: #fff; color: #000; -ms-overflow-style: none; scrollbar-width: none; line-height: 1.5; letter-spacing: 0.28125px; background-color: #fff;}

header {width: 100%; height: 127px; background-color: #fff; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; position: fixed; z-index: 111; top: 0; left: 0; /*padding: 18px 27px;*/ color: black;}
header .header {position: relative; max-width: 1460px; margin: 15px auto; padding: 0 20px; display: flex; align-items: flex-start; justify-content: space-between;}
header .header .logo { display: block; width: 100%; max-width: 230px;}
header .header .h-contact a{ display: block; width: 100%; max-width: 125px; }

header nav { width: 100%; }
.gnb { width: 100%; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.gnb > ul { max-width: 1440px; margin: 0 auto; display: flex;}
.gnb > ul > li { position: relative; width: 25%;}
/* .gnb > ul > li:last-child { border-right: none; } */
.gnb > ul > li > a.dep1 { display: block; padding: 9px 24px; font-size: 18px; font-weight: 600; line-height: 1.2; position: relative; background-color: #fff;}
.gnb > ul > li > a.dep1::before { content: ""; position: absolute; left: 0; top: 0; width: 1px; height: 30px; background: #000;}

.plus-icon { display: inline-block; position: relative; width: 12px; height: 12px; margin-left: 6px; transition: transform .3s ease; vertical-align: middle; margin-top: -3px;}
.plus-icon::before { content:""; position:absolute; left:0; top:50%; width:100%; height:2px; background:#000; transform:translateY(-50%);}
.plus-icon::after { content:""; position:absolute; left:50%; top:0; width:2px; height:100%; background:#000; transform:translateX(-50%); transition: all 0.3s ease; }
.gnb > ul > li.open .plus-icon::after { transform:translateX(-50%) scaleY(0); opacity:0;}
.gnb > ul > li.open .plus-icon { transform: rotate(180deg); }


.gnb .sub-menu {display: none;position: absolute; top: 100%; left: 0; width: 100%; background: #fff; border: 1px solid #000; box-shadow: 0 8px 18px rgba(0,0,0,0.06); padding: 14px 0; z-index: 1000; max-height:300px; overflow:auto;}
.gnb .sub-menu li a { display: block; padding: 3px 40px; color: #BABABA; white-space: nowrap; font-size: 18px; line-height: 32px; font-weight: 500;}
.gnb .sub-menu li a:hover { background: #f7f7f7; color: #111; }



.btn-menu { display:none; width:20px; height:20px;}
.btn-close { display:none; width:20px; height:20px;}
.gnb-bg[hidden]{ display:none; }



/*****main*****/





/*****main inner*****/

/* .content { position: relative; z-index: 2; margin-top: 100svh; background: #f5f5f5; padding: 80px 20px; line-height: 1.625;} */
.container {  padding-top: 180px; max-width:1480px; margin:0 auto; padding: 200px 20px 80px; }
.content { position: relative; z-index: 2; background-color: #fff;}
.content:last-child{padding-bottom: 100px;}
.content .inner { max-width: 1440px; margin: 0 auto; border-bottom: 1px solid #ddd;}
.content .inner .btn01 {display: flex; align-items: center; gap: 20px; margin-bottom: 20px;}
.content .inner .btn01 a{ display: block; font-size: 17px; line-height: 28px; width: 130px; border-radius: 24px; border:1px solid #000; text-align: center; font-weight: 600;}
.content .inner .btn01 a:hover {background-color: #000; color: #fff; opacity: 1 !important;}
.content .inner .text { margin-bottom: 80px;}
.content .inner .text p { font-size: 20px; line-height: 34px;}
.content .inner .text .about1 { font-weight: 400; color: #707070;}
.content .inner .text .about2 { font-weight: 600; color: #000;}
.content .inner .flex { display: flex; align-items: flex-start; justify-content: space-between;}
.content .inner .flex .left { width: 33.3333%; }
.content .inner .flex .right {width: 66.6666%; line-height: 1.625;}
.content .inner .flex .left h2, .content .inner .flex .right p { font-size: clamp(18px, 2.2vw, 22.5px); font-weight: 700;}
.content .inner .flex .left div { font-size: clamp(18px, 2.2vw, 22.5px); }


.content .inner .year-wrap { display: flex; align-items: flex-end; justify-content: space-between;}
.content .inner .year-wrap .paging { display: flex; align-items: center;justify-content: space-between;}
.content .inner div .year { font-size: 35px; line-height: 38px;  margin-bottom: 22px;}
.content .inner .btn01 + div > .year { margin-top: 50px; }

.content .box { display: flex; flex-wrap: wrap; margin: -14px; padding: 0; }
.content .box > li { width: 25%;  padding: 14px;}
.content .card { position: relative;}
.card-img{ position: relative;}
.card-img .img {position: relative;}
.card-img .img.ratio4by3 {aspect-ratio: 4 / 3; display: block;  overflow: hidden;}
.card-img .img.ratio4by3 img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; }
.card-img .img.ratio4by3 img:nth-child(2) {opacity: 0; transition: opacity .5s;}
/* .card-img img {aspect-ratio: 4 / 3; position: relative;} */
.card-img .img.ratio4by3 img:nth-child(2) { opacity: 0;}
.card-img .img.ratio4by3:hover img:nth-child(2) {opacity: 1;}

.content .box li .textBox { margin-top: 10px; margin-bottom: 50px;}
.content .box li .textBox .txt1 {font-size: 18px; font-weight: 700;}
.content .box li .textBox .txt2 {font-size: 16px; color: #5d5d5d;  font-weight: 400; opacity: 0.9;}


/*********paging**********/
/* .content .all { position: sticky; bottom: 0; width: auto; -webkit-backdrop-filter: blur(.5px); backdrop-filter: blur(.5px);} */
.content .all_inner {display: flex; align-items: center; justify-content: center; /*margin-top: 16px;*/}
.content .all a { display: block; padding:15px 10px; font-size: 18px; color: #CECECE; font-weight: 600; text-align: center;}
.content .all a:hover { color: #000;}





/*********project page*********/

.content.con-project ul { margin-top: 100px; border-bottom: none; border-top: 1px solid #808080; padding-top: 20px; gap: 32px;}
.content.con-project ul li { width: 25%; /*padding: 16px;*/}
/* .content.con-project ul li:first-child { padding-left: 0;} */
/* .content.con-project .box > li { width: 25%; padding: 14px;} */
.con-project ul li a { font-size: 22.5px; font-weight: 700;}

.con-project-inner { max-width: 1440px; margin: 20px auto 0; padding: 0 20px 100px 20px;}
.con-project-inner .box { display: flex; flex-wrap: wrap; margin: -16px; padding: 0; }
.con-project-inner .box > li { width: 25%;  padding: 16px;}
.con-project-inner .card { position: relative;}
.con-project-inner .box li .textBox { margin-top: 10px; margin-bottom: 50px;}
.con-project-inner .box li .textBox .txt1 {font-size: 18px; font-weight: 700;}
.con-project-inner .box li .textBox .txt2 {font-size: 18px; color: #5d5d5d;  font-weight: 700;}




/**************sub***************/
.sub { position: relative; z-index: 2; background-color: #fff; padding: 100px 20px;}
.sub .inner { max-width: 1440px; margin: 0 auto;}
.sub .inner .wrap { display: flex; gap: 72px; align-items: flex-start;}
.sub .inner .title-wrap { flex: 0 0 295px; position: sticky; top: 227px; min-height: calc(100vh - 227px);}
.sub .inner .title-wrap h3 { font-size: 35px; font-weight: 700; margin-bottom: 20px; line-height: 38px;}
.sub .inner .title-wrap ul li { font-size: 18px; line-height: 34px; color: #BABABA; font-weight: 600;}
.sub .inner .conInner {flex: 1 1 auto;}
.sub .inner .conInner .box .top > img {display: block; width: 100%; margin-bottom: 35px;}
.sub .inner .conInner .box .text { font-size: 20px; font-weight: 600; line-height: 38px; margin-bottom: 70px;}
.sub .inner .conInner .flex { display: flex ; flex-wrap: wrap; margin: -14px; padding: 0;}
.sub .inner .conInner .flex li { width: 50%; padding: 14px;}
.sub .inner .conInner .box .bottom {margin-top:28px;}




/*********footer**********/

footer {width: 100%; background-color: #292929;}
footer .footer { width: 100%; max-width: 1460px; margin: 0 auto; padding: 30px 20px; color: #F5F5F5; font-size: 14px;}
footer .footInner {display: flex; justify-content: space-between; align-items: center;}
footer .footInner .flex {display: flex; gap: 10px; align-items: flex-end;}
footer .footInner .flex .footlogo img{ width: 100%; max-width: 320px; }
footer .footInner .flex div a{color: #fff; font-size: 16px;}
footer .footInner .flex div:last-child { line-height: 0; }
footer .footer .foot-txt {margin-top: 10px;}
footer .footer address { display: flex; color: #797979;}
footer .footer .foot-txt span {color: #797979; display: block; margin-top: 7px;}
footer .footer .down a{ display: flex; align-items: flex-end; gap: 15px; color: #fff; font-size: 16px;}



/************************************************
	GN 설치 후
************************************************/
.select { vertical-align:middle; padding:0 40px 0 15px; height:40px; background:#f5f5f5 url(../img/common/bu_select.png) no-repeat 100% 50%; background-position:right 15px center; background-size:25px auto; border:1px solid #f5f5f5; font-size:15px; color:#444; }
.inp { vertical-align:middle; padding:0 0 0 15px; height:40px; background:#f5f5f5; border:1px solid #f5f5f5; font-size:17px; color:#444; }
.inp.calendar { background:#f5f5f5 url(../img/common/ico_calendar.png) no-repeat right 50%; background-position: right 10px center;}
#wr_content { padding:15px 10px; height:300px; background:#f5f5f5; border:1px solid #f5f5f5; font-size:17px; line-height:1.6; color:#444; border-radius:0;box-shadow:none; }
.w100 { width:100%; }


/* Button */
.btn { display: inline-block; vertical-align: middle; padding:0 50px; height: 50px; line-height: 48px; text-align: center; border: 1px solid #3f7ad2; font-size:20px; color: #3f7ad2; border-radius:3px; }
.btn.btn-blue { background: #3f7ad2; color: #fff; }

.btn-type0 { display: inline-block; vertical-align: middle; width:180px; height: 60px; line-height: 59px; font-size:20px; color: #fff; background: #000000; text-align: center; font-weight:300 ;border:0;}
.btn-type1 { display: inline-block; vertical-align: middle; width:180px; height: 60px; line-height: 59px; font-size:20px; color: #fff; background: #cccccc; text-align: center; font-weight:300 ;border:0; }


.btn-bottom { text-align:center; margin:55px 0 150px; }
#bo_sch .inp:focus { box-shadow:none; border:0 !important; border-bottom:1px solid #1eb9ee !important;outline:none;  }

::-webkit-input-placeholder { color: #888;}
:-moz-placeholder { color: #888;}
:-ms-input-placeholder {  color: #888;}
:-moz-placeholder {  color: #888;}



.prd-list2 ul { display: flex; flex-wrap: wrap; margin:0 -10px; gap:50px 0; margin-bottom:40px; }
.prd-list2 ul li { width:25%; padding:0 10px; }

.prd-list2 ul li .img {  overflow:hidden; position:relative;  }
.prd-list2 ul li .img .img2 { position:absolute; left:0; top:0; right:0; bottom:0; opacity:0;transition:all 1s ease; }
.prd-list2 ul li .img img { width:100%; vertical-align: top; transition:all 1s ease; aspect-ratio:16/11; object-fit:cover; }
.prd-list2 ul li .subj { padding-top:15px; font-size:18px; line-height: 1.45; color:#333; font-weight:700; }
.prd-list2 ul li .cp { font-size:16px; color:#5d5d5d; opacity:0.9;}
.prd-list2 ul li:hover .img img { transform:scale(1.1);   }
.prd-list2 ul li:hover .img .img2 { opacity:1; }


/* .board-box { padding:0 20px; } */
.board-view { font-weight:400;  display:flex;  align-items:flex-start; justify-content: space-between;  padding-top:30px;}
.board-view .info { flex:0 0 295px; position:sticky; top:180px; }
.board-view .info h3 { font-size:33px; font-weight:700; margin-bottom:30px; white-space: normal; word-break: keep-all; }
.board-view .info ul li { font-size:18px; color:#bababa; font-weight:600; margin-bottom:6px; }
.bo_fx { float:none; margin-bottom:150px; }
#bo_v_con { min-height:initial; }


.board-write { border-top:1px solid #000; margin-bottom: 40px; }
.board-write table { width:100%; border-collapse: collapse; }
.board-write table tbody th { background:none; width:20%; padding-left: 40px; font-size:18px; text-align: left; font-weight: 400; border-bottom: 1px solid #ccc;  }
.board-write table tbody th .blue { color:#3ebfcb; }
.board-write table tbody td { border-bottom: 1px solid #ccc; padding:10px 20px; font-size:18px;  }
.board-write.type2 table tbody th { background:#f2f2f2; }
.board-bottom-desc { font-size:16px; letter-spacing: -1px; line-height: 1.4; margin-bottom: 60px;}
.board-view .board-write table tbody td { padding:20px 10px 20px 40px;}

.board-write .prv { padding:20px; border: 1px solid #ccc; font-size:16px; line-height: 1.4; color: #444; margin-bottom: 15px; }
.board-write + .board-write { margin-top:-1px; }
.board-write .labels { display: flex; align-items: center; height: 45px; }
.board-write .labels p { display: inline-block; vertical-align: middle; }
.board-write .labels label + label { margin-left: 30px; }

.ytb iframe { width:100%; height:auto; aspect-ratio:16/9; }

.tit4 { font-size:24px; font-weight:700; margin-bottom:20px; }

.table1 { margin-bottom:40px; }
.table1 table { width:100%; border-collapse: collapse; border-top:2px solid #000; }
.table1 table thead th { border-bottom: 1px solid #b2b2b2; padding:20px 10px; font-size:19px; color:#555555;  font-weight: 400; background:#f2f2f2}
.table1 table thead th + th { border-left: 1px solid #b2b2b2; }
.table1 table tbody th { background:#f5f5f5; }
.table1 table tbody td { border-bottom: 1px solid #b2b2b2; padding:13px 10px; font-size:18px; color:#444; }
.table1 table tbody td + td { border-left: 1px solid #b2b2b2; }
.table1 table tbody td dl:after { display: block; content: ''; clear: both; }
.table1 table tbody td dl dt { float:left; }
.table1 table tbody td dl dd { float:right; }
.table1 table tbody td .arr { width:14px;}
.table1.no-border table thead th + th,
.table1.no-border table tbody td + td { border-left:0;}

/************************************************************************************************************************************************
	Datepicker
************************************************************************************************************************************************/
/* DatePicker */
.ui-datepicker {  border-radius: 5px !important;  padding: 20px !important;  border: 1px solid #e1e1e1;  }
.ui-datepicker .ui-datepicker-header {  background: none;  border: 0; }
.ui-datepicker .ui-datepicker-title,
.ui-datepicker th { font-size:12px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {  background: none;  border: 0;  border-radius: 5px; font-size:12px;  }
.ui-state-default:hover {  background: #f5f5f5; }
.ui-datepicker-today a {  font-weight: 600; }
.ui-datepicker .ui-datepicker-prev {  left: 2px;  background: url("../img/common/ico_map_arr.svg") no-repeat 50% 50%;  cursor: pointer; transform: scaleX(-1)}
.ui-datepicker .ui-datepicker-next {  right: 2px;  background: url("../img/common/ico_map_arr.svg") no-repeat 50% 50%;  cursor: pointer; }
.ui-datepicker td span, .ui-datepicker td a {  text-align: center; }
.ui-state-active {  background: #ffdf00 !important; }
.ui-datepicker-year { background: url(../img/common/bu_select.png) no-repeat 100% 50%; }
.ui-datepicker .ui-datepicker-title select { font-size:13px; padding:5px 30px 5px 5px; border:1px solid #ddd;  background: url(../img/common/bu_select.svg) no-repeat 100% 50%; background-size:15px auto; }

.checkbox + div { display:inline-block; }
.checkbox + div p { display:inline-block; } 

@media (max-width:890px) {
	footer .footInner { display: block;}
	footer .footer .down a { gap: 5px; margin-top: 10px;}
	footer .footer .down a span img { width: 20px; height: 20px;}
}




/*모바일*/
@media (max-width:790px){
	header { height: 117px; }
	header .header{ flex-direction: column; align-items: flex-start; padding-top: 8px; padding-bottom: 15px; border-bottom: 1px solid #000;}
	header .header .logo { max-width: 170px; }
	header .header .h-contact a{ display: block; width: 100%; max-width: 100px; margin-top: 10px;}

	.btn-menu{ display:inline-flex; align-items:center; justify-content:center; position:absolute; top:8px; right:20px; z-index:112; }
	.btn-close{ display:inline-flex; align-items:center; justify-content:center; position:absolute; top:22px; right:20px; z-index:112; }

	.gnb{ position:fixed; top:0; right:-320px; bottom:0; left:auto; width:60vw; max-width:320px; background:#fff; z-index:1100; padding:20px; opacity:0; transition: right .4s ease-in-out, opacity .4s ease-in-out; border: none;}
	.gnb.open{ right: 0; opacity: 1;}

	.gnb-bg{position:fixed; inset:0; background:rgba(0,0,0,.2); z-index:1000;}

	.gnb > ul { flex-direction:  column; margin-top: 30px;}
	.gnb > ul > li { width: 100%;}
	.gnb .sub-menu { display: none; position: static; border: none; box-shadow: none; padding: 0;}
	.gnb > ul > li > a.dep1 { font-size: 16px; padding: 15px 0 6px 10px;}
	.gnb > ul > li > a.dep1::before { top: 15px; height: 18px;}
	.gnb .sub-menu li a { font-size: 16px; padding: 3px 0 0 10px; line-height: 28px;}

	/* section { padding-top: 117px; } */
	.content { padding-top:50px;}
	.content .inner .text { margin-bottom: 50px;}
	.content .inner .text p { font-size: 16px; line-height: 34px;}

	.content .inner .btn01 a { font-size: 15px; line-height: 22px; width: 96px;}
	.content .box > li { width: 50%;}
	.content .box li .textBox { margin-bottom: 30px;}

	footer .footInner .flex { display: block;}
	footer .footInner .flex div:last-child {line-height: normal; margin-top: 10px;}
	footer .footer address { display: block;}

	/*sub*/
	.sub { padding-top: 50px;}
	.sub .inner .wrap { display: block;}
	.sub .inner .title-wrap { position: static; min-height: unset; margin-bottom: 50px;}

	.sub .inner .conInner .box .text { font-size: 18px; line-height: 28px; margin-bottom: 50px;}
	.sub .inner .conInner .box .top > img { margin-bottom: 20px;}

	.board-view { display:block; }
	.container { padding-top:150px; }
	.board-view .info { position:static; margin-bottom:15px; }
	.board-view .text-area,
	.board-view .text-area p{ font-size:15px; }
	.board-view .text-area, .board-view .text-area p span { font-size: 18px !important;}
	.board-view .info h3 { font-size:30px; margin-bottom:15px; }
	.board-view .info ul li { font-size:16px; margin-bottom:0; }
	.prd-list2 ul li { width:50%; }

	.btn-type0 { width:auto; padding:0 15px; height:42px; line-height:41px; font-size:15px; }
	.board-write table tbody th { padding-left:0; font-size:13px; }
	.inp { font-size:15px; padding-left:10px; height:30px; }
}



@media (max-width:400px) {
	.content .box > li { width: 100%;}
	.sub .inner .conInner .flex li { width: 100%;}
	.prd-list2 ul  { margin:0; }
	.prd-list2 ul li { width:auto; padding:0; }

}