@charset "utf-8";
/* copyright(c) WEBsiting.co.kr */
/* @import url('https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css'); */
 @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900|Noto+Sans:400,400i,700,700i');
 @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

/* 초기화 */
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:14px;font-family: 'Noto Sans KR', sans-serif;background:#fff;min-width:280px; overflow: hidden;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans Korean','Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"],
button {cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0;}

textarea, select {font-family:'Noto Sans Korean','Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}
img{max-width:100%;}
.draggable{height:auto !important;}
.clb{clear:both;}
.center{text-align:center;}
.kakao_link{
    overflow: hidden; position:fixed; right:20px; bottom:70px; width:40px; height:40px;
    background:url(/img/ic_kakao.png) no-repeat; background-size: 100%;
    border-radius: 50%;
}
*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

input[type=text],input[type=password], textarea {-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out;-ms-transition: all 0.30s ease-in-out;-o-transition: all 0.30s ease-in-out;outline: none;}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {-webkit-box-shadow:  0 0 5px #9ed4ff;-moz-box-shadow:  0 0 5px #9ed4ff;box-shadow: 0 0 5px #9ed4ff;border: 1px solid #558ab7 !important;}
.placeholdersjs { color: #aaa !important; }

/* 팝업레이어 */
#hd_pop {position:absolute; left:0px; top:0px; z-index:1000;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;max-width:90%;}
.hd_pops img{max-width:100%}
.hd_pops_con {max-width:100%;}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}
@media all and (max-width: 980px)
{	
	#hd_pop  .hd_pops{left:5% !important; top:70px !important;max-width:90% !important;}
	.hd_pops_con{height:auto !important;}
	.hd_pops_footer{font-size:11px;letter-spacing:-0.05px;}
}

/* 상단 레이아웃 */
#hd {min-width:320px; position:fixed; width:100%; left:0px; top:0px; z-index:9999; }
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:0px 0;width:100%;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#sbn_side{position:absolute;top:20px;right:0}

#tnb {width:100%;margin:0 auto; padding:0% 3%}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {margin:0 auto;width:100%;zoom:1; }
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:right;margin-bottom:-1px;font-size:0.92em}
#tnb a {display:inline-block;padding:0 10px;color:#fff;height:35px; line-height:35px}
#tnb a:focus, #tnb a:hover {color:#22675D;}
#tnb .tnb_admin a{color:#fff;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7}
#tnb .tnbIco{font-size:18px;}

#hd_qnb{float:right;margin-top:20px}
#hd_qnb:after {display:block;visibility:hidden;clear:both;content:""}
#hd_qnb li{float:left;font-size:1.083em;line-height:15px;position:relative;text-align:center;margin:0 10px}
#hd_qnb li span {display:block;margin-top:5px;font-size:0.92em}
#hd_qnb li a{display:block}
#hd_qnb li i{display:inline-block;width:40px;line-height:40px;border-radius:25px;background:#fff;text-align:center;margin:0;color:#fff}
#hd_qnb .visit .visit-num{display:inline-block;line-height:18px;padding:0 5px;border-radius:10px;background:#f04e00;color:#fff;font-size:10px;position:absolute;top:0;right:0}
#hd_qnb li .fa-question{background:#e83a5f;font-size:20px}
#hd_qnb li .fa-question:hover{background:#e41b45}
#hd_qnb li .fa-comments{background:#82c13f;font-size:16px}
#hd_qnb li .fa-comments:hover{background:#5aa708}
#hd_qnb li .fa-users{background:#f0ba00;font-size:15px}
#hd_qnb li .fa-users:hover{background:#f06f00}
#hd_qnb li .fa-history{background:#8522c4;font-size:15px}
#hd_qnb li .fa-history:hover{background:#6700a9}

/* 공통 */
.ml_6{margin-left:6px;}
.mb_5{margin-bottom:5px;}
.mb_6{margin-bottom:6px;}
.mb_8{margin-bottom:8px;}
.mb_10{margin-bottom:10px;}
.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}
.mb_25{margin-bottom:25px;}
.mb_30{margin-bottom:30px;}
.mb_40{margin-bottom:40px;}
.mb_50{margin-bottom:50px;}
.mb_60{margin-bottom:60px;}
.mt_60{margin-top:60px;}
.mt_50{margin-top:50px;}
.mt_45{margin-top:45px;}
.mt_40{margin-top:40px;}
.mt_30{margin-top:30px;}
.mt_25{margin-top:25px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_10{margin-top:10px;}
.mt_5{margin-top:5px;}
.mr_20{margin-right:20px;}
.mr_30{margin-right:30px;}
.mx_auto{margin-right:auto;margin-left:auto;}
.fb{font-weight: bold;}

.fw_500{font-weight: 500;}
.fw_600{font-weight: 600;}
.pb_60{padding-bottom:60px;}
.px_40{padding-left:40px;padding-right:40px;}
.wh_pre{white-space: pre-line;word-break: keep-all;}
.al_ct{align-content: center;}
.al_it{align-items: center;}
.d-flex{display: flex;}
.gray4{color: #444444;}
.row_flex{display:flex;}
.row_flex .col_8 { width:66.666667%;}
.row_flex .col_7 { width:58.333333%;}
.row_flex .col_6 { width: 50%;}
.row_flex .col_5 { width: 41.666667%;}
.row_flex .col_4 { width:25%;}
.row_flex .col_3 { width:25%;}
.row_flex .col{width:100%;padding-left:18px;padding-right:18px;}
.row_flex.row_col_2, .row_flex.row_col_3, .row_flex.row_col_5{
  
}
.row_col_2{
  justify-content: space-between;
}
.row_col_3{
  gap: 22px;
}
.col.mo_b:last-child {
  margin-right: 0;
}
.row_flex.row_col_3:first-child{
  margin-left: 0;
}
.row_flex.row_col_3:last-child{
  margin-right: 0;
}
.row_flex.row_col_2 .col{width:50%;}
.row_flex.row_col_3 .col{width:33.333333%;}
.row_flex.row_col_4 .col{width:41.666667%;}
.row_flex.row_col_5 .col{width:25%;}
.row_flex.row_col_3 .col img{
  width: 100%;
}
.row_flex .row_col_6 .col img{
  width: 50%;
}
/* 메인메뉴 */
#logo {float:left; margin-top:0;}
#logo a.logo2 {
    display: block;
    padding-top: 2px;
}
#logo a.logo1 {
    display: none;
    padding-bottom: 3px;
}
#logo img{display:block; width:180px;margin-top: 20px;}

.scDown #logo{
    margin-top: 1px;
}
.scDown #logo a.logo2 {display: none;}
.scDown #logo a.logo1 {display: block;}

#gnb{position:relative; border-bottom:1px solid rgba(255,255,255,.1) }
.scDown #gnb{box-shadow: 1px 1px 15px 0px #33333338;background:#fff;}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;width:100%;/* max-width:1200px; */position:relative;padding: 0px 3%;}
#gnb #gnb_1dul {float:right; font-size:1.083em;padding: 0;zoom:1;}
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli{float:left;position:relative;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

#gnb .gnb_1dli .gnb_1da{height:69px;line-height:68px;padding:0 15px; font-size:15px; color:#fff;position:relative;}
.scDown #gnb .gnb_1dli .gnb_1da{color:#000;}
#gnb .gnb_1dli:hover .gnb_1da{border-bottom: 2px #fff solid; font-weight: 700;}
/*#gnb .gnb_1dli .gnb_1da u{display:block;width:1px;height:3px;position:absolute;left:50%;bottom:0px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
*/
.gnb_1dli .bg{display:inline-block;width:0px;height:0px;overflow:hidden;text-indent:-999px}
.gnb_1da {display:inline-block;font-weight:500;color:#fff;text-decoration:none;}

.gnb_2dul {display:none;position:absolute;top: 69px;left:50%;margin-left:-90px;width:180px;background:#fff;padding: 0;border: 1px solid #000;background: #000;border-top:0px;overflow:hidden;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
#gnb .gnb_1dli:hover .gnb_2dul{display:block;font-size: 13px;word-break: keep-all;}
.gnb_2dli{border-top: 1px solid #000;width:100%;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
.gnb_2dli:first-child{border:0}
.gnb_2da {display:block;padding:13px;line-height:1.4em;color:#fff; text-align:left;text-decoration:none;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
a.gnb_2da:hover{background:#000; color:#fff;padding-left:18px;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff}
.gnb_1dli_over .gnb_2dul {display:block;}
.gnb_1dli_over2 .gnb_2dul {display:block;}
.gnb_wrap .gnb_empty {height:80px;;width:100%;text-align:center;line-height:80px;color:#666}
.gnb_wrap .gnb_empty a{color:#000;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

.allSchBoxWr{z-index:9999;}

#btnSchbox{display:block;height:95px;line-height:95px; padding:0 20px; font-size:20px;cursor:pointer;border:0px;background:transparent;color: #fff;}
#allSchBox{display:none; position:absolute;right:0px; top:50%; margin-top:-20px;}
#allSchBox fieldset{position:relative; width:250px;border:2px solid #000;background:#fff; overflow:hidden;}
#allSchBox fieldset #sch_stx{border:0px;width:100%;height:40px;padding-left:10px;}
#allSchBox fieldset #sch_submit{width:40px;height:40px; line-height:40px; position:absolute; right:40px; top:0px; background:none; border:0px; color:#000; font-size:18px; text-align:center;}
#allSchBox fieldset #allSchBoxClose{width:40px;height:40px; line-height:40px;position:absolute; right:0px; top:0px; background:#000; color:#fff; font-size:18px; text-align:center; cursor:pointer;}

/* 중간 레이아웃 */
#ctWrap{width:100%;   margin:50px auto 100px; margin:0 auto !important}

#page_title {width:100%; text-align:center; background-image: url(/img/sub_top.jpg); color:#fff;background-size:cover; background-position:center center;background-repeat:no-repeat;overflow:hidden;}
#page_title .page_title_in{padding:180px 20px 40px; background:RGBA(0,0,0,0.3)}
#page_title .page_title_in h2{margin:0 auto; width:90%; max-width:1100px;text-align:center; }
#page_title .page_title_in h2 > strong{display:block; font-size:40px;height:80px; padding:0 0 10px 0;width:100%;margin:0 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow: RGBA(0,0,0,.5) 0px 0px 10px;text-shadow: RGBA(0,0,0,.5) 0px 0px 10px 10px;}
#page_title .page_title_in h2 .locationBar {filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow: RGBA(0,0,0,.5) 0px 0px 10px;text-shadow: RGBA(0,0,0,.5) 0px 0px 10px 10px;}
#page_title .page_title_in h2 .locationBar span{display:inline-block; font-weight:normal; font-size:13px;}
#page_title .page_title_in h2 .locationBar  i{display:inline-block;margin:0 5px;}
#page_title .page_title_in h2 .locationBar  em,
#page_title .page_title_in h2 .locationBar  i{filter:Alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;}
.pgLoadStand{height:1px;-webkit-transition-duration: 0.3s;-webkit-transition-timing-function: ease;transition-duration: 0.3s;transition-timing-function: ease;}
.pgLoadOK{height:auto !important;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease;}


#page_title.subTopBg_0,
#page_title.subTopBg_00{background-image:URL("/img/sub_top.jpg");} /* 메뉴설정이 없는 페이지에서 출력될 이미지 : 해당 테마의 img 폴더에 업로드하시기 바랍니다. */
#page_title.subTopBg_01{background-image:URL("/img/sub_top.jpg");} /* 첫번째 대메뉴에서 출력될 이미지 */
/* #page_title.subTopBg_02{background-image:URL("/img/sub_top03.jpg");} 두번째 대메뉴에서 출력될 이미지 */
/*#page_title.subTopBg_03{background-image:URL("/img/sub_top04.jpg");} 세번째 대메뉴에서 출력될 이미지
#page_title.subTopBg_04{background-image:URL("/img/sub_top.jpg");} /* 네번째 대메뉴에서 출력될 이미지 */
/* #page_title.subTopBg_05{background-image:URL("/img/sub_top06.jpg");} 다섯번째 대메뉴에서 출력될 이미지 */
 
 

#page_title.subTopBg_0N{background-image:URL("");} /* n번째 대메뉴에서 출력될 이미지를 추가해 주세요 */

#container {/* float:right; */width: 100%;min-height:200px;padding:0; height:auto !important;height:auto;font-size:1em;zoom:1;max-width: 1100px;margin: 100px auto;}
#container:after {display:block;visibility:hidden;clear:both;content:""}

#sideBar {float:left;width:20%;display: none;}

	#snb{width:100%; margin-top:-50px;}
	#snb {width:100%;}
	#snb > li.snb{width:100%;display:none;}
	#snb > li.snb.active{display:block !important;}
	#snb > li > h2{width:100%;background:#000;}
	#snb > li > h2 a{display:block;background:#303030; text-align:center; padding:80px 10px; color:#fff;}
	#snb > li > h2 a b{display:block;font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	#snb > li > h2 a sub{display:block;padding-top:10px;font-family:vardana;font-size:12px;letter-spacing:0.05em;font-weight:normal;filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	#snb > li .snb2dDown{display:none;}

	#snb > li > ul{}
	#snb > li > ul > li{border-bottom: 1px solid #ddd;}
	#snb > li > ul > li a{display:block;padding:15px;color:#666;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#snb > li > ul > li a b{font-size:13px;}
	#snb > li > ul > li a:hover{background:#f3f3f3;padding-left:20px;color:#000;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#snb > li > ul > li.snb2d.active a{background:#ddd;color:#000;}
	#snb > li > ul > li a{overflow:hidden;}
	#snb > li > ul > li a i{float:right;}

	.snbCS{border:1px solid #ddd; padding:20px;}
	.snbCS dt{padding-bottom:10px;font-size:16px; font-weight:bold; color:#333;}
	.snbCS dd{font-size:11px;color:#999;}
	.snbCS dd strong{display:block;font-size:18px; padding-bottom:10px; color:#666;}
	.snbCS dd b{display:block;font-size:11px;}


.sub_img img{width:100%;}
/* 하단 레이아웃 */
#footer {clear:both; background:#fff;padding:50px 15px;text-align:center;word-break: keep-all;}
#footer > dl{width:100%; text-align:center;}
#footer > dl > dt{width:100%; text-align:center;}
#footer > dl > dt img{display:block;margin:0 auto; height:60px;width:auto;}
#footer > dl > dd{padding:15px 0;}
#footer > dl > dd a{display:inline-block;padding:5px; color:#333;font-size:12px; font-weight:bold;}
#footer > dl > dd a{display:inline-block;padding:5px; color:#333;font-size:12px; font-weight:bold;}
#footer > dl > dd a:hover{color:#000;}
#footer address{font-size:12px;font-style:normal;color:#333;}
#footer address span{display:inline-block;padding:2px 5px;}
#footer address em{display:inline-block;color:#999;padding:2px 0;}
#footer p{color:#999;font-size:11px;font-family:verdana;padding-top:15px;}

#top_btn ,
#top_btn:hover{position:fixed;bottom:20px;right:20px;width:40px;height:40px;line-height:34px;border-radius:50%; border:2px solid #ddd;color:#666;text-align:center;font-size:15px;z-index:999;background:rgba(255,255,255,0.5)}

#topID{display:block; position:absolute; left:0px; top:2px;}
.dashHr{display:block;clear:both;margin:30px 0;border:0px;border-top:3px dashed #ddd;}

.term_area{width:100%;position:relative;max-width:600px;}
.term_area header{position:absolute;left:0px;right:0px;top:0px;height:40px; background:#242424;color:#fff;}
.term_area header h1{font-size:16px; padding:0 10px;height:40px; line-height:40px;}
.term_area section{padding:50px 10px 30px 10px;overflow:auto;}
.term_area section p{padding:20px;white-space:pre-line;font-size:12px;color:#666;}
.term_area footer{position:absolute;left:0px;right:0px;bottom:0px;height:30px; line-height:30px;background:#ddd;color:#999;font-family:verdana;font-size:11px;text-align:center;}

/* TRANS */
.transOJ,
.transOJ:hover{-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

/* 레이어팝업 */

.noEmail{border:0px;width:100%; max-width:400px; background:#fff; text-align:center;}
.noEmail h3{font-size:18px;padding:20px;color:#000;text-align:center;}
.noEmail h4{padding:20px 0; font-size:11px; color:#666; text-align:center;}
.noEmail p{padding:20px; color:#999; font-size:12px; text-align:left;}


/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/*이미지 크롭*/
.rect{width: 100%; height: 100%; position: relative;overflow: hidden; } 
.rect:after{content: "";display: block;padding-bottom: 100%; } 
.rect img{ position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative;}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat;text-indent:-999px;;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {height:40px;border:1px solid #898989;;vertical-align:top;padding:0;margin:0}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1em;margin-bottom: 1em;margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}

/* 버튼 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

	/* 공통 버튼 */
	.btn_b01,
	.btn_b02,
	.btn_b03,
	.btn_b04,
	.btn_b05,
	.btn_admin,
	input.btn_submit,
	.btn_submit,
	.btn_cancel,
	.btn_frmline{display:inline-block !important; padding:8px 10px; font-size:14px; text-decoration:none;vertical-align:middle; cursor:pointer; border-radius:5px; -webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	.btn_b01:hover,
	.btn_b02:hover,
	.btn_b03:hover,
	.btn_b04:hover,
	.btn_b05:hover,
	.btn_admin:hover,
	input.btn_submit:hover,
	.btn_submit:hover,
	.btn_cancel:hover,
	.btn_frmline:hover{text-decoration:none;filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}

	a.btn_b01,.btn_b01					{background:#ffffff; color:#666666; border:1px solid #dddddd;}
	a.btn_b02,.btn_b02					{background:#000;color:#ffffff;border:1px solid #000;}
	a.btn_b03, .btn_b03					{background:#ffffff; color:#646982; border:1px solid #b9bdd3; }
	a.btn_b04, .btn_b04					{background:#ffffff; color:#707070; border:1px solid #ccc; }
	a.btn_admin,.btn_admin				{background:#ffffff; color:#333333; border:1px solid #dddddd;} /* 관리자 전용 버튼 */
	.btn_submit							{background:#22675D; color:#ffffff; border:1px solid #242424;}
	a.btn_cancel,button.btn_cancel		{background:#ffffff; color:#666666; border:1px solid #dddddd;}
	a.btn_frmline,button.btn_frmline	{padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;vertical-align:top} /* 우편번호검색버튼 등 */

	.btn_confirm {text-align:center} /* 서식단계 진행 */
	.btn_confirm .btn{padding:15px 20px;}

/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/*기본공통 css*/
.table-scroll { overflow-x: auto; overflow-y: hidden; padding: 0px !important; }
.table-scroll table { min-width: 700px; }
.sub_page{
  word-break: keep-all;
}
.sub_con img{max-width:100%; word-break:normal; word-break:keep-all; }
.sub_con {width:100%;  font-weight: 400;}
.t_r{text-align:right}
.t_c{text-align:center}
.root_daum_roughmap{padding: 0px !important;     border: 0px solid #dfdfdf !important;}/*카카오맵*/


/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;border-left:0px;border-right:0px;} 
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;padding:8px 3px;}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:6px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:6px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;;padding:6px 3px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all}
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.tbl_head01 a:hover {text-decoration:underline}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}
.r_secuh{
    text-align: center;
}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}
@media all and (max-width:650px)
{
	.form_01 .frm_label{display:block;width:auto;font-weight:bold;}
}
/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}*/

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:center;padding-bottom:20px; overflow:hidden;}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0;height:40px;font-weight:bold;font-size:1.083em;width:100%;}

/* 검색결과 색상 */
.sch_word {color:#dddddd}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb;text-align:left }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3;margin:2px 0;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:15px;}
.pg_page:hover{background:#ddd;color:#000;}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover {background:url('../img/btn_first.gif') no-repeat 50% 50% #efefef;border:1px solid #ddd;}
.pg_prev:hover {background:url('../img/btn_prev.gif') no-repeat 50% 50% #efefef;border:1px solid #ddd}
.pg_end:hover {background:url('../img/btn_end.gif') no-repeat 50% 50% #efefef;border:1px solid #ddd}
.pg_next:hover {background:url('../img/btn_next.gif') no-repeat 50% 50% #efefef;border:1px solid #ddd}
.pg_current {display:inline-block;background:#666;color:#fff;border:1px solid #444;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:15px;}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}


/*슬라이드*/
.bxslider li{background:url(/img/slide01.jpg) no-repeat center;background-size:cover;height:670px;}
.bxslider li:nth-child(2){background:url(/img/slide02.jpg) no-repeat center; }

.slide_wrap:after{content:""; display:block; clear:both;}
.slide_wrap {
    width: calc(100% - 40px);
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}
.slide_text {
    display: block;
    width: 100%;
    max-width: 590px;
    float: left;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 70px 40px 100px;
    margin-top: 100px;
    position: relative;
    z-index: 1;
}
.slide_text strong {
    font-size: 40px;
    display: block;
    margin-bottom: 20px;
    word-break: keep-all;
    font-weight: 600;
    letter-spacing: -1px;
}
.slide_text p{
  font-size:20px; font-weight: 300;
    word-break: keep-all;}
.slide_img {
    display: inline-block;
    max-width: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    background-size: cover;
}

.slide_text02{text-align:center; color:#fff; font-size:2.0em; margin-top:30%;}
.slide_text02 strong{font-size:2.0em;position: relative;font-weight: 500;line-height: 120%;}
.slide_text02 small{
    display: block; font-size: 0.5em; font-weight: 500;
}
/* .slide_text02 a.btn01{border: #235d3a 2px solid;color:#fff;font-size:16px;padding: 10px 40px;display:inline-block;margin-top: 20px; background:#235d3a} */

.slide_text02 p{margin-top:20px}
.slide_text02 p a{
    color:#fff;
}

.slide_img img {
    width:100%;
}



/*메인디자인*/
.t_r{text-align:right}
.t_c{text-align:center}

.w100{    padding-top: 120px;
    padding-bottom: 100px; width:100%}
/* .bg_gray{background:#F7F7F7} */
.w101{
    padding-top: 120px;
    padding-bottom: 100px;
    width: 100%;
    height: 20%;
}
.w1200{width:100%; max-width:1200px;  margin:0 auto; }
.w100 h2{font-size: 36px; font-weight: 500; color: #181818;}
.w100  h3{font-size: 16px;color: #7c7c7c;margin-top: 5px;font-weight: 400;margin-bottom: 40px;}
.main_p2{ margin-top:5px;}
.title-line-b {margin: 20px 0;width: 50px;height: 1px;background-color: #999}
.info_txt{}

 /*go_cont 오른쪽메뉴*/
.go_cont {position: fixed;right: 50px;top: 50%;margin-top:-200px;z-index:1; display:none}
.go_cont.fixed{display:block}
.go_cont li{/* margin-bottom:20px; */}
.go_cont li a{
   display:block;
   text-align: center;
   color: #fff;
   font-weight: 400;
   position: relative;
   padding: 0;
   margin-bottom: 3px;
   height: 26px;
   width: 26px;
  /*  background: rgba(242, 242, 242, 0.2);*/
   border-radius: 50px;
   }
 .go_cont li a:before{content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -3px;
    margin-top: -3px;
    width: 6px;
    height: 6px;     border-radius: 50% !important;
    background-color: #000000;}

.go_cont li a p{
   line-height:100%;
   margin-top: 3px;
   letter-spacing:0;
   transition:all .1s linear;
   -o-transition:all .1s linear;
   -moz-transition:all .1s linear;
   -webkit-transition:all .1s linear;
   position: absolute;
   top: 0;
   left: -130px;
   padding: 5px 8px;
   width: auto;
   min-width: 140px;
   text-align: right;
   font-size: 12px;
   cursor: pointer;
}


.go_cont.fixed li a .ic{background: #bbb;
   transition:all .1s linear;
  -o-transition:all .1s linear;
  -moz-transition:all .1s linear;
  -webkit-transition:all .1s linear;
}
.go_cont.fixed li a p{color:#666;font-weight: 500;
   transition:all .1s linear;
  -o-transition:all .1s linear;
  -moz-transition:all .1s linear;
  -webkit-transition:all .1s linear;
}

.camera_bar, .camera_pag, .camera_commands{display:none}

.main_icon_box{
    display: flex; height:70px; justify-content: center; align-items: center;
}
.main_icon_box img{
  width: 45px;
  height: 45px;
}
.icon{
  width: 40px;
  height: 40px;
}
.main_ic01{width:100%;display: inline-block;}
.main_ic01 li{width:25%;text-align: center;float: left;font-size: 16px;}
.main_ic01 li a{width:100%;display:inline-block;background:#000;color:#fff;height: 250px;padding-top: 60px;}
.main_ic01 li a b{font-size: 1.3em;padding-top: 10px;display: block;}
.main_ic01 li a p{margin-top:10px}
.con_wrap{width:100%; display:block; clear: both;}
.camera_wrap{margin-bottom:0px   !important}

.main_ic01 li a.ico01{background:#50A296;}
.main_ic01 li a.ico02{background:#69BCB0;}
.main_ic01 li a.ico03{background:#8CD9CE;}
.main_ic01 li a.ico04{background:#A5E6DD;}

.main_ic01 li a.ico01:hover{background:#3a887c;}
.main_ic01 li a.ico02:hover{background:#4c948a;}
.main_ic01 li a.ico03:hover{background:#79c5ba;}
.main_ic01 li a.ico04:hover{background:#82c3bb;}

/*기본공통 css*/
.table-scroll { overflow-x: auto; overflow-y: hidden; padding: 0px !important; }
.table-scroll table { min-width: 700px; }
.sub_con img{max-width:100%; word-break:normal; word-break:keep-all;}
.sub_con {width:100%;  font-weight: 400;}
.swiper {
  width: 100%;
  height: 100%;
}


.mySwiper {
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}

.mySwiper .swiper-slide {
  opacity: 0.4
}
.mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}
.swiper-wrapper .swiper-button-next,.swiper-button-prev{
  width: 20px;
  height: 30px;
}
.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* .sub0101 .sub0101_img img{
    display: block; width: 60%; margin: 0 auto;    
} */
.row_col_3 .col{
  margin-left: 10px;
  margin-right: 10px;
}
.sub0101{
  word-break: keep-all;
}
.coma{
  width: 26px;
  display: none;
}
.coma_l{
  padding-bottom: 28px;
  margin-right: 10px;
}
.coma_r{
  margin-left: 10px;
  padding-bottom: 28px;
}
.sub0101_timg{
  max-width: 100%;
  margin-bottom: 40px;
}
.sub0301_timg{
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
}
.t_r{text-align:right}
.t_c{text-align:center}
.root_daum_roughmap{padding: 0px !important;     border: 0px solid #dfdfdf !important;}/*카카오맵*/


.main_tit{padding:100px 0px 70px}
.main_tit h2{    color: #000;     font-size: 42px;; text-align:center;     font-weight: 700;}

.plus-line {margin-bottom: 10px;text-align:center}
.plus-line span {font-size:14px}
.plus-line span:before,.plus-line span:after {
	content: '';width: 60px;height: 1px;
	display: inline-block;vertical-align: middle;
	margin-top: -2px;margin-right: 10px;margin-left: 0;
	background-color: #ccc
}
.plus-line span:after {margin-right:0;margin-left:10px}

/*about */
.about-iconblock {text-align:center}
.about-iconblock h4 {margin-bottom: 20px; line-height: 160%;}
.about-iconblock small{
    display: inline-block; width:80%; line-height: 1.4; margin-top: 10px;
    word-break: keep-all;
}
.about-iconblock p {font-size: 14px}
.icon-wrap {padding: 0 0 0.1em}
.icon-wrap a {
	display: inline-block;position: relative;
	width: 6em;height: 6em;line-height:100px;;
	color: #fff;border-radius: 50%;
	box-shadow: 0 0 0 4px #69BCB0;
	cursor: pointer;z-index: 1;     box-shadow: 0 0 4px #69BCB0;
}
.icon-wrap a:after {
	content: '';position: absolute;top: -2px;left: -2px;
	padding: 2px;width: 100%;height: 100%;
	border-radius: 50%;pointer-events: none;z-index: -1;
	-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
	-moz-transition: -moz-transform 0.2s, opacity 0.3s;
	transition: transform 0.2s, opacity 0.3s;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.icon-wrap a,.icon-wrap a i {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	transition: color 0.3s;
}
.icon-wrap a:hover:after {
	-webkit-transform: scale(1.3);
	-moz-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
	opacity: 0;
}
.icon-wrap{
    width:80px; height:80px; margin:0 auto 16px;
    border-radius: 50%; background-color: #69BCB0;
    display: flex;
    flex-direction:row;
    justify-content: center;
}
.m_icon{
  width: 35px;
  height: 35px;
  margin: 23px auto;
}
.po{
  width: 35px;
  height: 35px;
  margin: 19px auto;
}
.icon-wrap i {
    display: flex; justify-content: center; align-items: center; height: 100%;
    color:#fff;
    font-size: 4.5rem;
}
/*.icon-wrap a:after {background-color: #f06060}
.icon-wrap a,
.icon-wrap a:hover i {color: #001cb5} */

.kso-about-2 {position: relative;}
.kso-about-2:before {
	content: '';position: absolute;right: 50%;left: 0;top: 0;bottom: 0;
	background-image: url(../img/about-bg.jpg);
	background-position: center center;
	background-size: cover
}
/* .kso-about-2 .section-para {border-left-color: #4b4e53;} */
.kso-about-2 p {font-size:14px;line-height: 2}
.won::before{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #22675D;
  display: inline-block;
  margin-right: 15px;
}

.icon-wrap a:after{    background-color: #001cb5;}
.kaka_c a{  box-shadow: 0 0 4px #ffcd36;}
.kaka_c a:after{    background-color: #ffcd36 !important;}
.kaka_c a:hover i {color: #ffcd36}
.naver_c a{box-shadow: 0 0 4px #29c556;}
.naver_c a:after{background-color: #29c556 !important;}
.naver_c a:hover i {color: #29c556}


.btn-small{    padding: 5px 15px;
    font-size: 12px;}
.fullsub_nav li.on a, .pointBg{    color: #fff;
    background-color: #001cb5;}  

	/*추진산업*/
	 .kso-about-2{padding-top: 90px;padding-bottom: 80px;position: relative;margin-top: 80px;}

	.bgGray{background-color: #f8f8f8;}
	 .kso-about-2 .section-para{    border-left-color: #22675D;}


 .kso-about-2:before {
    content: '';
    position: absolute;
    right: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    background-image: url('/img/about-bg.jpg');
    background-position: center center;
    background-size: cover;
}

.delay02{    animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;}

	.section-para{    padding-left: 20px;
    margin: 0 0 50px;
    border-left: 3px solid;}

	.kso-about-1{    padding-bottom: 80px;}

.locat{position: relative; color:#fff;
    padding-bottom:100px ;
    margin: 0 auto;
    width: 100%;
    height: auto;
    min-height: 200px;
    background-position: center;
    background-attachment: fixed;
    background-size: cover;
    background-color: #000;
    background-image: url('/img/main_img01.jpg');     margin-top: 50px;}

	.locat .main_tit h2, .locat .plus-line span{color:#fff}
	

	.row:before{    display: table; content: " ";}

	 
	.root_daum_roughmap {width:100% !important;}
	.company-info {/* padding-left: 50px */margin-top: 40px;word-break: keep-all;}
	.company-info li {position:relative;padding-left: 35px;margin-bottom:20px;font-size: 16px;}
	 .company-info li i {position: absolute;left:0;top:3px; font-size: 1.6em;}
     .company-info li a{
         color:inherit;
     }
	/*게시판*/
	#bo_v_title .bo_v_tit{    font-size: 20px;}
	#bo_v_con{    font-size: 16px;     line-height: 180%;}


	/* 인사말 */
	.sub0101{}
	.sub0101_tit { white-space: pre-line;
    font-size: 26px;
    text-align: center;
    color: #222;
    font-weight: 500;
    letter-spacing: -1.2px;
}

.sub0101_tit b{font-size: 30px;color:#2f83d8;}
.sub0101_txt {  font-size: 17px;
    word-break: keep-all;     letter-spacing: -1px;
    white-space: pre-line;
    text-align: center;
    margin: 45px 0;
    line-height: 160%;
    font-weight: 300;
}
ul.sub0101_img{max-width:750px;margin:0 auto;}
ul.sub0101_img:after{content:""; display:block; clear:both;}
ul.sub0101_img li {
    width: calc((100% - 1px) / 3);
    float: left;
    text-align: center;
	padding: 0 15px;
}
ul.sub0101_img li img{display:block;max-width:100%;margin:0 auto;}
.sub0101 .sign{ font-size:1.4em}

/* .sub0102{
    width:80%; margin:0 auto;
}
.sub0102_tit{
    margin-bottom: 24px;
    font-size: 24px; font-weight: 500;
    letter-spacing: -0.02em;    
}
.sub0102_tit strong{
    color:#235d3a;    
} */
 /* 0103 */
 .location_f{
  display: flex;
  word-break: keep-all;
 }
 .location_f .sub0102_p{
  width: 50%;
 }
 .location_box{
  background-color: #E8F2F1;
  padding: 30px 45px;
  border-radius: 10px;
  height: 294px;
  word-break: keep-all;
 }
.col .location_box{
  margin-left: 10px;
  margin-right: 10px;
}
.col .lo_1{
  margin-left: 0;
}
.col .lo_2{
  margin-right: 0;
}
.licon{
  width: 45px;
  height: 45px;
}
.lo_2{
  background-color: #ededed;
}
.l_txt{
  width: 130px;
}
.row_flex .sub0102_p{
  padding-left: 0;
  padding-right: 0;
  margin-left: 10px;
  /* margin-right: 10px; */
}
.row_flex .sub0102_p:first-child{
  margin-left: 0;
}
.row_flex .sub0102_p:last-child{
  margin-right: 0;
}
.red_t{
  color: #9E1C1C;
}
.sub0102{
  width: 1200px;
}
.sub0102top_img{
  width: 100%;
  height: 240px;
  background-image: url(/img/sub0102.jpg);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.sub0102_text{
  color: white;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
  padding: 30px;
  word-break: keep-all;
}
.sub0102mid_w{
  margin-top: 60px;
}
.sub0102mid_topt::before{
  content: "";
  width: 5px;
  height: 25px;
  background-color: #DE8717;
  display: inline-block;
  margin-right: 15px;
}
.sub0102mid_topt{
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 10px;
}
.sub0102mid_topt span{
  color: #DE8717;
}
.sub0102mid_bott{
  margin-bottom: 50px;
  line-height: 25px;
}
.table_w{
  word-break: keep-all;
}
.scroll_t{
  word-break: keep-all;
}
.product_tbl{
  width: 100%;
  border-collapse: collapse;
}
.table0103,.table0104{
  width: 100%;
}
.product_tbl th{
  padding: 7px;
}
.product_tbl td{
  padding: 7px;
}
.table0103 .tb{
  padding: 20px 0;
  border-top: 3px solid #0C3866;
  border-right: 1px solid #E2E2E2;
  text-align: center;
}
.table0103 tr td{
  padding: 20px;
  white-space: pre-line;
  border-right: 1px solid #E2E2E2;
  text-align: center;
}
.table0104 .tb{
  padding: 10px;
  border-top: 3px solid #0C3866;
  border-right: 1px solid #E2E2E2;
  text-align: center;
}
.table0104 tr td{
  padding: 10px;
  white-space: pre-line;
  border-right: 1px solid #E2E2E2;
  text-align: center;
}
.table0103 tr, .table0301 tr,.table0302 tr,.table0303 tr,.table0304 tr,.table0104 tr,.table0104 tr,.table0301_1 tr{
  border: 1px solid #E2E2E2;
  color: #222;
  font-size: 14px;
}
.table0301,.table0302,.table0303,.table0304,.table0301_1{
  width: 100%;
  margin-top: 45px;
  text-align: center;
  border-top: 3px solid #0C3866;
}
.table0301 th,.table0302 th,.table0303 th,.table0304 th,.table0301_1 th{
  text-align: center;
}
.sub0104_map{
  margin-top: 60px;
}
.map_text{
  font-size: 30px;
  margin-top: 50px;
}
.scroll{
  width: 100%;
}
/* sub02 */
.line_text{
  position: relative;
  padding-left: 20px;
}
.sub0201_t{
  width: 40%;
  border-collapse: collapse;
  font-size: 16px;
  word-break: keep-all;
}
.sub0201_t td{
  border: none;
  padding: 8px;
  text-align: left;
}
.sub0201{
  width: 100%;
  word-break: keep-all;
}
.sub0201_topw{
  display: flex;
}
.sub0201_tleft{
  width: 50%;
}
.ft45{
  font-size: 45px;
}
.sub0201_tright{
  width: 50%;
  font-size: 18px;
  line-height: 35px;
}
.sub0201_midw{
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  flex-wrap: wrap;
}
.sub0201_img{
  width: 550px;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  max-width: 100%;
}
.sb0201_1{
  background-image: url(/img/sub0201_1.jpg);
}
.sb0201_2{
  background-image: url(/img/sub0201_2.jpg);
}
.sb0201_3{
  background-image: url(/img/sub0201_3.jpg);
}
.sb0201_4{
  background-image: url(/img/sub0201_4.jpg);
}
.sub0201_text{
  width: calc(100% - 580px);
  padding: 80px 40px;
  word-break: keep-all;
}
.sub0201_text_l{
  width: calc(100% - 580px);
  word-break: keep-all;
  padding: 80px 0;
}
.sb0201_top{
  font-size: 40px;
  font-weight: 600;
}
.sb0201_top span{
  font-size: 50px;
  font-weight: 700;
  color: #BFBEBE;
  margin-right: 10px;
}
.sb0201_top span::before{
  content: "";
  width: 40px;
  height: 5px;
  background-color: #DE8717;
  display: block;
}
.sub0201_mid{
  margin-top: 10px;
}
.sub0201_mid,.sub0201_bot{
  font-size: 18px;
  color: #666;
}
.sub0201_bot{
  margin-top: 40px;
}
.sub0201_bot strong{
  font-size: 22px;
  color: black;
  line-height: 40px;
}
.gap0301 .col{
  gap: 10px;
}
.row_col_2{
  gap: 10px;
}
.mid_b{
  display: flex;
  word-break: keep-all;
  justify-content: space-between;
}
.mid_b .mid_txt{
  width: 50%;
  align-content: center;
}
.t_w{
  width: 30%;
}
/* 0701 */
/* .sub0201_text
.wh_pre{white-space: pre-line;}
.mt_05{margin-top: 5px;}
.mt_10{margin-top: 10px;}
.mt_20{margin-top: 20px !important;}
.mt_30{margin-top: 30px;}
.mb_10{margin-bottom: 10px;} */
.sub0701 .sub0202_t{
  text-align: center;
}
/* 0801 */
.sub0801_t{
  width: 100%;
  border-collapse: collapse;
  border-top: 3px solid #22675D;
  font-size: 15px;
}
.sub0801_t td{
  border: 1px solid #ddd;
  padding: 7px;
}
.sub0801_b{
  word-break: keep-all;
  display: flex;
}
.sub0801_b .in_col{
  width: calc(100% / 4);
  margin-left: 10px;
    margin-right: 10px;
}
.sub0801_b .in_col:first-child{
  margin-left: 0;
}
.sub0801_b .in_col:last-child{
  margin-right: 0;
}
.in_col{
  border-radius: 10px;
  overflow: hidden;
}
.in_col .time{
  background-color: #fbf7f7;
            text-align: center;
            padding: 25px;
            /* font-weight: bold; */
}
.in_col .week{
            text-align: center;
            padding: 6px;
            font-size: 14px;
            color: #3c8a7f;
            /* font-weight: bold; */
            border-top: 3px solid #3c8a7f;
            background-color: #fbf7f7;
}
/* 1101 */
.sub0701 .bg_l{
  font-weight: bold;
}
.fwb{
  font-weight: 500;
  font-size: 18px;
}
.sub1101_t td{
  border: 1px solid #ddd;
  padding: 8px;
  width: calc(100% / 3);
}
.circle{
  display: flex;
  align-items: center;
}
.circle_1::before{
  content: '1';
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: #22675D;
  border-radius: 50%;
  margin-right: 15px;
  color: #fff;
  text-align: center;
  align-content: center;
  font-size: 16px;
}
.circle_2::before{
  content: '2';
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: #22675D;
  border-radius: 50%;
  margin-right: 15px;
  color: #fff;
  text-align: center;
  align-content: center;
  font-size: 16px;
}
.circle_3::before{
  content: '3';
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: #22675D;
  border-radius: 50%;
  margin-right: 15px;
  color: #fff;
  text-align: center;
  align-content: center;
  font-size: 16px;
}
.circle_4::before{
  content: '4';
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: #22675D;
  border-radius: 50%;
  margin-right: 15px;
  color: #fff;
  text-align: center;
  align-content: center;
  font-size: 16px;
}
.circle_5::before{
  content: '5';
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: #22675D;
  border-radius: 50%;
  margin-right: 15px;
  color: #fff;
  text-align: center;
  align-content: center;
  font-size: 16px;
}
.circle_6::before{
  content: '6';
  width: 25px;
  height: 25px;
  display: inline-block;
  background-color: #22675D;
  border-radius: 50%;
  margin-right: 15px;
  color: #fff;
  text-align: center;
  align-content: center;
  font-size: 16px;
}




.pt_20{padding-top: 20px;}

.pb_20{padding-bottom: 20px;}
.border-bottom{border-bottom: 1px solid #e3e3e3;}
.text-center{text-align: center;}
.fs_30{font-size: 30px;}
.fs_28{font-size: 28px;}
.fs_26{font-size: 26px;}
.fs_25{font-size: 25px;}
.fs_23{font-size: 23px;}
.fs_20{font-size: 20px;}
.fs_18{font-size: 18px;}
.fs_17{font-size: 17px;}
.fw_500{font-weight: 500;}
.fw_700{font-weight: 700;}

.sub0201 .row{margin-left: -10px; margin-right: -10px;}
.sub0201 .col-sm-6, .sub0201 .col-md-4{padding-right: 10px; padding-left: 10px;}
.sub0201 .main_tit{padding: 0 0 50px;}
.sub0201_img_wr{width:100%; height: 25rem;}
.busi_cont {margin-top: 15px; padding-bottom: 20px;}
.busi_cont .cont_wr{width: 100%; padding: 10px 15px 15px;}
.busi_cont .subTit{font-size: 24px; font-weight: 700;}
.busi_cont .subTit2{font-size: 18px; font-weight: 700; white-space: pre-line;}
.busi_cont .txt1{font-size: 15px; margin-top: 10px; font-weight: 500; margin-bottom: 5px;}
.busi_cont .txt2{font-size: 15px; word-break: keep-all; line-height: 1.4; margin-bottom: 5px;}
.busi_cont .cont_wr3{background-color: #f5f5f5; padding: 30px 25px 25px;}
.busi_cont .cont_wr3 .txt2 span{font-weight: 600;}
.busi_cont2  div.col-md-6{ padding-left: 10px; padding-right: 10px;}
.busi_cont2  div.col-md-6 .txt2{border: 1px solid #e3e3e3; border-radius: 10px; padding: 10px; height: 100%;}
.line_text::before{
  content: '';
  width: 6px;
  height: calc(100% - 12px);
  background-color: #69BCB0;
  position: absolute;
    left: 0;
    top: 7px;
  margin-right: 20px;
  display: block;
}
/* 0202 */
.sub0202_t,.sub1101_t{
  width: 100%;
  border-collapse: collapse;
  border-top: 3px solid #22675D;
  font-size: 15px;
}
.sub0202_t td{
  border: 1px solid #ddd;
  padding: 15px 14px;
}
.bg_l{
  background-color: #f5f4f4;
  font-weight: 500;
}
.bot_txt{
  display: flex;
}
.bot_txt::before{
  content: '';
  width: 10px;
  height: 10px;
  background-color: #22675D;
  display: inline-block;
  margin-right: 15px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 9px;
}





/*잔디*/
.sub0202_img1 img{max-width: 550px; width: 100%;}


/*녹화자재*/
.material_cont .tit1{font-size: 20px; font-weight: 700;}
.material_cont .txt1{font-size: 15px; font-weight: 500;}
.material_cont .txt2{font-size: 15px; margin-top: 5px; line-height: 1.4;}
.material_cont .tit2{font-size: 16px; font-weight: 500; margin-top: 10px;}

.sub0203_img1 img{max-width: 500px; width: 100%;}
.sub0301{
  /* width: 1200px; */
}
.sub0301top_img{
  width: 100%;
  height: 240px;
  background-image: url(/img/sub0301_1.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;

}
.sub0302top_img{
  width: 100%;
  height: 240px;
  background-image: url(/img/sub0301_2.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.sub0303top_img{
  width: 100%;
  height: 240px;
  background-image: url(/img/sub0301_3.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.sub0304top_img{
  width: 100%;
  height: 240px;
  background-image: url(/img/sub0301_4.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.sub0401_t{
  width: 100%;
  border-collapse: collapse;
  white-space: pre-line;
  /* vertical-align: middle; */
  /* word-break: keep-all; */
}
.sub0401_b{
  width: 100%;
  border-radius: 10px;
  background-color: #F0F0F0;
  padding: 30px;
}
.sub0401_tb{
  display: flex;
  gap: 15px;
}
.in_b{
  width: calc(100% / 6);
  font-size: 17px;
  border: 1px solid #ddd;
  padding: 45px 10px;
  border-radius: 10px;
  font-weight: 500;
  align-content: center;
}
.sub0401_tb .in
/* 0501 */
.sub05_mtxt::before{
  content: '';
  width: 10px;
  height: 10px;
  background-color: #22675D;
  border-radius: 50%;
  margin-right: 15px;
  display: inline-block;
}
/*예약안내*/
.fam_book{border-top:#d7d7d7 1px solid; border-bottom:#d7d7d7 1px solid; width:100%; font-size:14px}
.fam_book td, .fam_book th{padding:15px 10px;     border-bottom: #efefef 1px solid;}
.fam_book th{background:#fafafa;     text-align: left;
    padding-left: 20px;}
.fam_book input, .fam_book select{padding:8px; border:#d7d7d7 1px solid}
.fam_book .w60{width:60%}
.fam_book label{margin:0px 10px 0px 3px}
.fam_book_btn{text-align:right; margin-top:20px}
.fam_book_btn input{padding:10px 20px}

.fam_book .check_ali{margin:5px;}

.support{width:100%; max-width:1000px; margin:0 auto}
.support h3{margin-bottom:10px;  }


.light_box{display:none;position:fixed;top:0;left:0;z-index:1111;width:100%;height:100%;background:rgba(0, 0, 0, 0.8);padding:10px 0;}
.light_box > div{display:table-cell;vertical-align:middle;text-align:center;padding-left:10px;padding-right:10px;}
.light_box .btn_ext{clear:both;position:absolute;right:0;cursor:pointer;
    background:url('./../img/close_btn.gif') no-repeat;background-size:30px;width:30px;height:100%;margin:-45px 20% 0 0;
}

.ui-datepicker *{font-family: 'NanumSquare','Nanum Gothic','NanumGothic',나눔고딕,sans-serif;}
.ui-widget.ui-widget-content{position:fixed !important;top:35% !important;left:0 !important;right:0 !important;margin:0 auto;background: #fff;
    border:0 !important;padding:0 30px 10px;width:330px !important;border-radius:8px;overflow: hidden;z-index:9999 !important;}
.ui-datepicker .ui-datepicker-header{font-size:14px;margin:10px 0 0;border: 1px solid #fff;}
.ui-datepicker table{border-spacing:0;border-collapse:collapse;width:100%;}

.ui-datepicker th{font-weight:600;font-size:14px;background:#e3eff8;color:#000;background:#fff;color:#666;font-weight:500 !important;font-size:13px;padding:7px 3px;}
.ui-datepicker td{font-weight:600;font-size:13px;border-spacing:0;border-collapse:collapse;padding:0 !important;border:0 !important;height: 38px;}
.ui-datepicker td span, .ui-datepicker td a{text-align:center !important;padding:9px 3px !important;}

.ui-datepicker table .ui-state-default,
.ui-datepicker table .ui-widget-content .ui-state-default,
.ui-datepicker table .ui-widget-header .ui-state-default,
.ui-datepicker table .ui-button,
.ui-datepicker table html .ui-button.ui-state-disabled:hover,
.ui-datepicker table html .ui-button.ui-state-disabled:active{
    border: 1px solid #fff !important;background: #fff !important;display: block;
}
.ui-datepicker table .ui-state-hover,
.ui-datepicker table .ui-widget-content .ui-state-hover,
.ui-datepicker table .ui-widget-header .ui-state-hover,
.ui-datepicker table .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-datepicker table .ui-widget-header .ui-state-focus,
.ui-datepicker table .ui-button:hover,
.ui-datepicker table .ui-button:focus {
    border: 1px solid #ededed !important;background: #ededed !important;
    border: 1px solid #399ad6 !important;background: #399ad6 !important;color:#fff;border-radius:100%;
}

.ui-datepicker table .ui-state-active,
.ui-datepicker table .ui-widget-content .ui-state-active,
.ui-datepicker table .ui-widget-header .ui-state-active,
.ui-datepicker table a.ui-button:active,
.ui-datepicker table .ui-button:active,
.ui-datepicker table .ui-button.ui-state-active:hover {
    border: 1px solid #399ad6 !important;background: #399ad6 !important;color:#fff;position:relative;
}
.ui-datepicker table .ui-state-active:before{
    content:'';position:absolute;bottom:-1px;right:-1px;border-bottom:18px solid #666;border-left:18px solid transparent;
}
.ui-datepicker table .ui-state-active:after{
    content:'';position:absolute;top:-1px;right:-1px;border-top:18px solid #666;border-left:18px solid transparent;
}
.ui-datepicker table .ui-state-disabled,
.ui-datepicker table .ui-widget-content .ui-state-disabled,
.ui-datepicker table .ui-widget-header .ui-state-disabled{
    opacity: .55 !important;filter: Alpha(Opacity=55) !important;
    background: #fff;
}
.ui-datepicker table .ui-state-disabled .ui-state-default{border: 1px solid #666 !important;background: #666 !important;color:#fff;}
.ui-widget-header .ui-icon {background-image: url('./../img/ui-icons_444444_256x240.png');}

.pc_view{}
.m_view{display:none}
.check_ali{
    margin: 5px;

}