@charset "utf-8";
/****************************************/
/* Name: SNvia
/* Version: 1.0 / day: 2017-11-09
/* Author:  

/* Summary 
	1)메인, 서브레이아웃
	2)반응형 레이아웃
	3)메인 콘텐츠
	4)반응형 메인콘텐츠
	5)서브 콘텐츠
	6)반응형 서브콘텐츠
*/
/****************************************/

@import url("http://fonts.googleapis.com/earlyaccess/notosanskr.css");
@import url("http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");

/* Common */
body{text-align: left;font-size:14px;color:#333;line-height:26px;font-family:'Noto Sans KR',sans-serif;font-weight:300;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Noto Sans KR',sans-serif;font-size:14px;box-sizing: border-box;}
input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{top:2px;position: relative;}
button{margin:0;padding:0;border:0;background:none}
a{box-sizing: border-box}
a:link,a:visited{text-decoration:none;color:#3a3a3a;}
a:hover,a:focus,a:active{text-decoration:none;color:#3a3a3a}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
.blind{position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0)}
p{text-align:left;font-weight:400;word-break:keep-all}
table {width:100%;font-weight:400;border-spacing:0}


/*
================================================================================
메인, 서브레이아웃
================================================================================
*/
#wrapper{position:relative;min-width:1200px;width:100%;height:100%;right:0;}

/* ---- 상단영역 ---- */
#header{position:absolute;top:0;left:0;width:100%;background:#fff;z-index:100}
#header::after{position:absolute;top:118px;left:0;width:100%;opacity:0;content:'';border-bottom:1px solid #e2e2e2;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
#header.online::after{opacity:1}
#header .globLink{height:33px;background:#105ba9}
#header .globLink ul{margin:0 auto;width:1200px;text-align:right}
#header .globLink ul li{display:inline-block;margin-left:25px;font-size:12px;}
#header .globLink ul li a{display:block;padding-left:23px;color:#fff;font-weight:500;line-height:33px;background-repeat:no-repeat;background-position:left center}
#header .globLink ul li.ic1 a{background-image:url('/public/dev/img/top_ic1.png')}
#header .globLink ul li.ic2 a{padding-left:15px;background-image:url('/public/dev/img/top_ic2.png');}
#header .globLink ul li.ic3 a{padding-left:20px;background-image:url('/public/dev/img/top_ic3.png')}
#header .head_box{position:relative;margin:0 auto;width:1200px;min-height:85px;z-index:60}
#header .head_box .logo{position:absolute;top:16px;left:0;z-index:20}
#header .head_box .globLink{position:absolute;top:40px;right:0;font-size:13px;z-index:20}
#header .head_box .globLink li{display:inline-block;margin-left:15px;font-size:13px}

#header .head_box .btnMenu{display:none;}

/* ---- 상단메뉴 ---- */
#gnb{position:relative;float:right;overflow:hidden;z-index:10}
#gnb ul.gnb{position:relative;width:100%;}
#gnb > ul:after{display:block;clear:both;content:''}
#gnb > ul > li{position:relative;float:left; }
#gnb > ul > li > a{display:block;padding:30px 40px 0 20px;height:85px;font-size:18px;font-weight:500;color:#444;}
#gnb > ul > li > a::after{position:absolute;left:50%;bottom:-2px;width:0;height:3px;content:'';background:#105baa;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
#gnb > ul > li.hv > a{color:#105baa}
#gnb > ul > li.hv > a::after{left:20%;width:60%}
#gnb > ul > li.open > a{color:#105baa}
#gnb > ul > li > a:hover{color:#105baa}
#gnb > ul > li > ul{position:absolute;top:70px;left:20px;padding-top:30px;}
#gnb > ul > li > ul li{margin-bottom:7px;line-height:17px;width:150px;}
#gnb > ul > li > ul li a{font-size:14px;color:#7d7d7d}
#gnb > ul > li > ul li a:hover{color:#000;font-weight:400}
#gnb > ul > li > ul li.on a{color:#000;font-weight:400}

#total_m_lay{display:none;}



/* ---- 중간영역 ---- */
#container{padding-top:118px}
#container #content{position:relative;margin:0 auto;}
#container #content::after{display:block;clear:both;content:''}
#container #content .subBox{position:relative;padding-top:65px;min-height:500px}
#container #content .subBox2{position:relative;margin-top:40px;min-height:600px}

.subTop{position:relative;padding-top:50px;height:279px;background-position:center top;background-size:cover;z-index:1}
.subTop.bg1{background-image:url('/public/dev/img/sub_skin1.jpg')}
.subTop.bg2{background-image:url('/public/dev/img/sub_skin2.jpg')}
.subTop.bg3{background-image:url('/public/dev/img/sub_skin3.jpg')}
.subTop.bg4{background-image:url('/public/dev/img/sub_skin4.jpg')}
.subTop.bg5{background-image:url('/public/dev/img/sub_skin5.jpg')}
.subTop p{position:relative;font-size:50px;color:#fff;text-align:center;line-height:50px;text-shadow:1px 1px 3px rgba(0,0,0,0.5);z-index:2}

.subTop #lnb{position:absolute;top:195px;width:100%;text-align:center}
.subTop #lnb ul li{display:inline-block;margin:0 3px}
.subTop #lnb ul li a{display:block;padding:0 20px;min-width:216px;height:47px;font-size:15px;color:#fff;line-height:45px;font-weight:400;background:rgba(0,0,0,0.4);border:1px solid #fff}
.subTop #lnb ul li.on a{background:#f07025;border:1px solid #f07025}
.subTop #lnb ul.last li a{min-width:170px}

.subBox2 #lnb2{position:relative;margin:0 auto;width:1200px;text-align:center;margin-bottom:40px; }
.subBox2 #lnb2 ul li{display:inline-block;margin:1px 3px}
.subBox2 #lnb2 ul li a{display:block;padding:0 10px;min-width:150px;height:35px;font-size:12px;color:#fff;line-height:35px;font-weight:400;background:#BBCDD0;border:1px solid #BBCDD0}
.subBox2 #lnb2 ul li.on a{background:#0F5BA9;border:1px solid #0F5BA9}
.subBox2 #lnb2 ul.last li a{min-width:130px}



h1.title{position:relative;margin-bottom:30px;padding-bottom:30px;font-size:36px;line-height:40px;word-break:keep-all;text-align:center}
h1.title::after{position:absolute;left:50%;bottom:0;margin-left:-15px;width:30px;height:2px;content:'';background:#dadada}

/* ---- 하단영역 ---- */
#footer {clear:both;width:100%;background:#3b3b3b}
#footer .footWrap{position:relative;margin:0 auto;padding:40px 0 40px 270px;width:1200px}
#footer .footWrap::after{display:block;clear:both;content:''}
#footer .footWrap .f_logo{position:absolute;top:40px;left:0}
#footer .footWrap address{font-size:12px;color:#aeaeae;line-height:18px;word-break:keep-all}
#footer .footWrap address span{display:inline-block;margin-right:20px}
#footer .footWrap small{font-size:12px;color:#aeaeae;}
#footer .footWrap a:link,a:visited{text-decoration:none;color:#C1C1C1;font-size:12px;line-height:13px;}
#footer .footWrap a:hover,a:focus,a:active{text-decoration:none;color:#fff}

/*
================================================================================
반응형 레이아웃
================================================================================
*/

 /* PC Device */
@media all and (min-width:641px){

	.fix_bg{display:none !imprtant;}
}

 /* Mobile Device */
@media all and (max-width:640px){
	
	#wrapper{min-width:320px;}
	#header .globLink{display:none}
	#header .head_box{width:100%;height:70px;min-height:initial;}
	#header .head_box .logo{top:15px;left:10px;width:112px}
	
	#gnb{display:none}
	#header .head_box .btnMenu{display:block;position:absolute;top:15px;right:5px;width:40px;height:35px;text-indent:-999px;overflow:hidden;background:url('/public/dev/img/ic_menu.png') no-repeat center center}

	/* 모바일메뉴 */
	#total_m_lay{display:block !important;position:fixed;top:0;right:-250px;width:250px;height:100%;overflow:auto;box-shadow:none;background:#f2f2f2;border:0;z-index:300}
	#total_m_lay .btnClose{position:absolute;top:0;left:0;width:60px;height:50px;text-indent:-999px;overflow:hidden;background:#4c72bb url('/public/dev/img/ic_close.png') no-repeat center center;}
	#total_m_lay .btnLang{display:block;height:50px;line-height:50px;text-align:right;background:#41619f}
	#total_m_lay .btnLang a{display:inline-block;padding:0 15px 0 20px;font-size:14px;color:#fff;font-weight:500;background:url('/public/dev/img/top_ic3.png') no-repeat left center}
	#total_m_lay .mbTopLink{padding:15px 12px;}
	#total_m_lay .mbTopLink::after{display:block;clear:both;content:''}
	#total_m_lay .mbTopLink li{float:left;padding:0 3px;width:50%;text-align:center;}
	#total_m_lay .mbTopLink li a{display:block;height:30px;font-size:13px;color:#636363;line-height:28px;border:1px solid #d7d7d7}
	#total_m_lay .mbTopLink li.on a{color:#bc071c}
	.total_m{padding:10px;}
	.total_m li{position:relative;word-break:keep-all}
	.total_m li a{display:block}
	.total_m > ul{}
	.total_m > ul > li{font-size:13px;border-bottom:1px solid #d9d9d9}
	.total_m > ul > li > a{display:block;color:#252525;padding:15px 0 15px 15px;font-weight:500;text-decoration:none;word-break: keep-all;}
	.total_m > ul > li.open > a{padding:10px 0 10px 15px;background:#f0bb4d}
	.total_m > ul > li.has-sub.open > a{padding:10px 0 10px 15px;background:#f0bb4d}
	.total_m > ul > li > ul{display:none;background:#fff;}
	.total_m > ul > li > ul > li{font-size:12px;font-weight:400;line-height:16px;background:url('/public/dev/img/m_gnb_dot.png') no-repeat right center;border-top:1px solid #e5e5e5}
	.total_m > ul > li > ul > li:first-child{border-top:0}
	.total_m > ul > li > ul > li > a{padding:10px 20px 10px 20px;color:#474747;}
	.total_m > ul > li > ul > li.on > a{font-weight:bold;}
	.fix_bg{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:100}

	#wrapper.wra_box{position:fixed;top:0;width:96%;height:auto;z-index:200;}

	
	#container{padding-top:70px}
	#container #content nav{display:none}
	
	#container #content .subBox{padding-top:30px}
	#container #content .subBox2 { margin-top:15px; }
	.subBox2 #lnb2{width:100%;text-align:left; margin-bottom:30px;display:}
	.subBox2 #lnb2 ul li{display:inline-block;margin:2px 3px}
	.subBox2 #lnb2 ul li a{display:block;padding:0 10px;min-width:150px;height:35px;font-size:12px;color:#fff;line-height:35px;font-weight:400;background:#BBCDD0;border:1px solid #BBCDD0}
	.subBox2 #lnb2 ul li.on a{background:#0F5BA9;border:1px solid #0F5BA9}
	.subBox2 #lnb2 ul.last li a{min-width:130px}

	.subTop{padding:50px 15px 0;height:160px}
	.subTop p{font-size:26px;line-height:30px}

	.locat{display:none}

	h1.title{margin-bottom:20px;padding-bottom:20px;font-size:25px;line-height:30px;}

	#footer .footWrap{padding:30px 10px;width:100%;text-align:center}
	#footer .footWrap .f_logo{position:relative;top:0;margin-bottom:10px;text-align:center}
	#footer .footWrap .f_logo img{width:145px}
	

}

/*
================================================================================
메인콘텐츠
================================================================================
*/

.mTopCon{position:relative}
.mTopCon .txt{position:absolute;top:180px;left:50%;margin-left:-600px;width:1200px;text-align:center;z-index:20}
.mTopCon .mSlide li{height:500px;background-size:cover}/* 2019.06.22 높이조절 */
.mTopCon .mSlide li.bg1{background-image:url('/public/dev/img/slide2.jpg')}
.mTopCon .mSlide li.bg2{background-image:url('/public/dev/img/slide1.jpg')}
.mTopCon .bx-controls{position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:20}
.mTopCon .bx-controls .bx-pager-item{display:inline-block;margin:0 7px}
.mTopCon .bx-controls .bx-pager-item a{display:block;width:12px;height:12px;text-indent:-999px;overflow:hidden;background:#fff;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.mTopCon .bx-controls .bx-pager-item a.active{background:#f0bb4d}

.mCenCon1{padding:75px 0;height:270px;text-align:center;background:url('/public/dev/img/m_cen_bg.gif') no-repeat center top}
.mCenCon1 p{text-align:center}
.mCenCon1 .txt1{margin-bottom:20px;font-size:36px;color:#02437e;line-height:40px}
.mCenCon1 .txt2{font-size:24px;color:#000;line-height:30px}

.mCenCon2{padding:140px 0;text-align:center;background:url('/public/dev/img/m_cen_bg2.jpg') no-repeat center center;background-attachment: fixed;background-size:cover}
.mCenCon2 ul{margin:0 auto;width:1200px; }
/* .mCenCon2 ul::after{display:block;clear:both;content:''} */
.mCenCon2 ul li{ display:inline-block;width:19%;text-align:center; vertical-align: top;}
.mCenCon2 ul li a{display:block;font-size:20px;color:#fff;font-weight:400; margin-bottom: 20px;}
.mCenCon2 ul li span{display:block;margin:0 auto 20px;width:204px;height:204px;background-color:rgba(240,112,37,0.5);background-repeat:no-repeat;background-position:center center;border-radius:50%}
.mCenCon2 ul li .ic1{background-image:url('/public/dev/img/m_cen_ic1.png')}
.mCenCon2 ul li .ic2{background-image:url('/public/dev/img/m_cen_ic2.png')}
.mCenCon2 ul li .ic3{background-image:url('/public/dev/img/m_cen_ic3.png')}
.mCenCon2 ul li .ic4{background-image:url('/public/dev/img/m_cen_ic4.png')}
.mCenCon2 ul li .ic5{background-image:url('/public/dev/img/m_cen_ic5.png')}

.mCenCon3{padding:90px 0;height:300px;text-align:center;background:url('/public/dev/img/m_bot_bg.jpg') no-repeat center top;background-size:cover}
.mCenCon3 p{color:#fff;text-align:center;text-shadow:0 0 3px rgba(0,0,0,0.7);}
.mCenCon3 .txt1{margin-bottom:40px;font-size:36px;line-height:40px;font-weight:500}
.mCenCon3 .txt2{font-size:18px;line-height:25px}

.mbotCon::after{display:block;clear:both;content:''}
.mbotCon .mMap{position:relative;float:left;width:50%;height:350px;}
.mbotCon .mMap .btn{position:absolute;top:0;left:0;padding-top:120px;width:100%;height:100%;text-align:center;background:rgba(0,0,0,0.5);z-index:20}
.mbotCon .mMap .btn span{display:inline-block;padding-top:65px;font-size:36px;color:#fff;font-weight:500;background:url('/public/dev/img/m_map_ic.png') no-repeat center top}
.mbotCon .mMap #map_canvas{width:100%;height:350px}

.mbotCon .mNotice{float:right;padding:25px 45px;width:50%}
.mbotCon .mNotice h2{margin-bottom:20px;font-size:24px;}
.mbotCon .mNotice h2 span{margin-left:10px;font-size:14px;color:#666;font-weight:400}
.mbotCon .mNotice ul{border:1px solid #000;border-width:1px 0}
.mbotCon .mNotice ul li{position:relative;border-top:1px dashed #d6d6d6}
.mbotCon .mNotice ul li:first-child{border-top:0}
.mbotCon .mNotice ul li a{display:block;padding:15px 100px 15px 0;}
.mbotCon .mNotice ul li .tit{display:block;font-size:16px;color:#000;font-weight:400;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mbotCon .mNotice ul li .data{position:absolute;top:20px;right:20px;font-size:14px;color:#919191}
.mbotCon .mNotice ul li .con{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
/*
================================================================================
반응형 메인 콘텐츠
================================================================================
*/

 /* PC Device */
@media all and (min-width:641px){
	
}


 /* Mobile Device */
@media all and (max-width:640px){
	
	.mTopCon .txt{top:50px;left:0;margin:0;padding:0 15%;width:100%}
	.mTopCon .mSlide li{height:250px}
	
	.mCenCon1{padding:35px 0 50px;height:auto}
	.mCenCon1 .txt1{font-size:25px}
	.mCenCon1 .txt2{font-size:17px;line-height:20px}
	
	.mCenCon2{padding:50px 0 30px}
	.mCenCon2 ul{width:100%;text-align:center}
	.mCenCon2 ul li{display:inline-block;float:none;margin:0 10px 20px;width:auto;}
	.mCenCon2 ul li a{font-size:13px}
	.mCenCon2 ul li span{margin-bottom:10px;width:120px;height:120px;background-size:50%}
	.mCenCon2 ul li .ic1{background-size:35%}
	.mCenCon2 ul li .ic2{background-size:35%}

	.mCenCon3{padding:50px 10px;height:auto}
	.mCenCon3 .txt1{margin-bottom:20px;font-size:32px}
	.mCenCon3 .txt2{font-size:16px;line-height:20px}

	.mbotCon .mMap{float:none;width:100%;height:270px;overflow:hidden}
	.mbotCon .mMap .root_daum_roughmap_landing{height:270px !important;}
	.mbotCon .mMap .btn{padding-top:80px;}
	.mbotCon .mMap .btn span{padding-top: 48px;font-size:30px;background-size:55px}

	.mbotCon .mNotice{float:none;padding:20px 15px;width:100%}
	.mbotCon .mNotice h2{margin-bottom:10px}
	.mbotCon .mNotice ul li a{padding: 15px 0;}
	.mbotCon .mNotice ul li .data{display:none}
}

/*
================================================================================
서브콘텐츠
================================================================================
*/

/* 공통 */
/* text-align */
.txt_left{text-align:left !important;}
.txt_right{text-align:right !important;}
.txt_center{text-align:center !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; }
.mt60 { margin-top:60px !important; }

.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }
.col_gray{color:#787878}
.col_orang{color:#f07025}

.fon14{font-size:14px}
.fon15{font-size:15px}
.fon16{font-size:16px}


.li_dot{margin:5px 0 10px;text-align:left}
.li_dot li{position:relative;margin-bottom:5px;padding-left:12px;line-height:20px}
.li_dot li::before{position:absolute;top:10px;left:0;width:4px;height:4px;content:'';background:#504f4f;border-radius:50%}

.th_left tbody th{text-align:left}
.th_right tbody th{padding-right:20px !important;text-align:right;background:#fafafa !important}
.th_right tbody th + td{border-left:0}
.td_left tbody td{text-align:left}
.t_typel {width:100%;word-break:keep-all;border-spacing:0;border-top:1px solid #cdcdcd;border-left:0;border-right:0;border-bottom:1px solid #cdcdcd;border-collapse: collapse}
.t_typel tr { text-align: center; }
.t_typel thead th{padding:15px 0;font-size:16px;color:#333;font-weight:400;line-height:18px;background:#ededed;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;}
.t_typel thead th:first-child{border-left:0}
.t_typel tbody th{padding:8px 10px;font-weight:400;background:#ededed;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}
.t_typel tbody th:first-child{border-left:0}
.t_typel tbody tr:first-child th,.t_typel tbody tr:first-child td{border-top:1px solid #cdcdcd}
.t_typel tbody td{padding:8px 10px;color:#555;font-weight:300;background:#fff;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}
.t_typel tbody td:first-child{border-left:0}
.t_typel tbody td+th{border-left:1px solid #cdcdcd}
.t_typel.fon14 tbody td{font-size:14px}
.t_typel tbody td .btnSc{margin:0 15px 0 5px}
.td_bg thead th:last-child{background:#eed4c5}
.td_bg tbody td:last-child{background:#fce2d3}

.t_type2 {width:100%;word-break:keep-all;border-spacing:0;border-top:1px solid #cdcdcd;border-left:0;border-right:0;border-bottom:1px solid #cdcdcd;border-collapse: collapse}
.t_type2 tr { text-align: center; }
.t_type2 thead th{padding:15px 0;font-size:16px;color:#333;font-weight:400;line-height:18px;background:#ededed;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;}
.t_type2 thead th:first-child{border-left:0}
.t_type2 tbody th{padding:8px 10px;font-weight:400;background:#ededed;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}
.t_type2 tbody th:first-child{border-left:0}
.t_type2 tbody tr:first-child th,.t_typel tbody tr:first-child td{border-top:1px solid #cdcdcd}
.t_type2 tbody td{padding:8px 10px;color:#555;font-weight:300;background:#fff;border-left:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd}
.t_type2 tbody td:first-child{border-left:0}
.t_type2 tbody td+th{border-left:1px solid #cdcdcd}
.t_type2.fon14 tbody td{font-size:14px}
.t_type2 tbody td .btnSc{margin:0 15px 0 5px}

/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative;}
.mblink a{display:none;position:absolute;bottom:20px;right:20px;width:40px;height:40px;text-indent:-999px;overflow:hidden;background:rgba(0,0,0,0.6) url('/public/dev/img/ic_zoom.png') no-repeat center center;border:1px solid rgba(0,0,0,0.5);border-radius:50%;}

/* 페이지표시 */
.page{text-align:center;margin:40px 0;}
.page li { display:inline-block;}
.page a{display:inline-block;margin:0 -2px 0 -3px;width:35px;height:32px;font-size:14px;color:#000;text-align:center;vertical-align:middle;line-height:30px;background:#fff;border:1px solid #e6e4e5;}
.page a.on{color:#e50000;border:1px solid #e6e4e5;}
.page a img{vertical-align:middle;}

/* 상단검색 - 기본 */
.boardSearch{position:relative;margin-bottom:20px;padding:20px 5px;font-size:14px;text-align:center;background:#f7f6f6;border:1px solid #d7d7d7}
.boardSearch select{margin-right:4px;padding-left:10px;min-width:90px;height:35px;color:#555;border:1px solid #d7d7d7;}
.boardSearch input[type="text"]{margin-right:5px;padding:5px;width:25%;height:35px;background:#fff;border:1px solid #d7d7d7;border-radius:0}
.boardSearch button[type="submit"]{width:70px;height:35px;color:#fff;background-color:#464646;cursor:pointer;border:0;border-radius:0;-webkit-appearance: none}

.bbsList{margin:0 auto;width:1200px}
.bbsList li{position:relative;margin-bottom:35px;;padding:30px;border:1px solid #eaeaea}
.bbsList li a{display:block;padding-left:310px;min-height:120px}
.bbsList li .photo{position:absolute;top:30px;left:30px;width:280px}
.bbsList li .photo img { max-height: 130px; }
.bbsList li .tit{position:relative;display:block;margin-bottom:20px;padding-bottom:15px;font-size:24px;font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.bbsList li .tit::after{position:absolute;left:0;bottom:0;width:25px;height:1px;content:'';background:#b2b2b2}
.bbsList li .con{display:inline-block;margin-bottom:20px;overflow: hidden; text-overflow: ellipsis; white-space: normal; max-height: 80px; line-height:20px;word-wrap: break-word; display: -webkit-box;  -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.bbsList li .data{font-size:14px;}

/* 상세보기 */
.bbsView{position:relative;margin:0 auto 50px;width:1200px;border-top:2px solid #f07025;}
.bbsView dt{padding:15px 100px 15px 20px;font-size:20px;color:#000;font-weight:500;border-bottom:1px solid #ccc}
.bbsView dd{padding:15px;border-bottom:1px solid #e2e2e2}
.bbsView dd.infor{position:absolute;top:0;right:0;font-size:14px;color:#636363;border-bottom:0}
.bbsView dd.file{}
.bbsView dd.con{padding:20px 15px}
.bbsView dd.con .img{margin-bottom:30px;text-align:center}

/* 이전글,다음글 */
.view_list{margin:0 auto;width:1200px;}
.view_list li{position:relative;padding:15px 10px 15px 110px;color:#7a7979;line-height:18px;min-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background-repeat:no-repeat;background-position:80px center;border-bottom:1px solid #e3e3e3; }
.view_list li a{color:#555;}
.view_list li:first-child{border-top:1px solid #e3e3e3}
.view_list li span{display:inline-block;position:absolute;top:15px;left:22px;color:#000}
.view_list li.before{background-image:url('/public/dev/img/view_prev.gif') }
.view_list li.next{background-image:url('/public/dev/img/view_next.gif') }

.btn_list{margin:30px 0;text-align:center;}
.btn_list .btn{display:inline-block;}
.btn_list .btn a{display:block;width:110px;height:45px;font-size:16px;color:#fff;line-height:45px;text-align:center;background:#bc071c}
.btn_list .btn.gray a{background:#414141}

/* 첨부파일 디자인 */
.fileBox{position:relative;display:inline-block;padding-right:85px}
.file_input_textbox{width:100%;vertical-align:middle}
.file_input_div{position:absolute;top:2px;right:0;width:80px;height:30px;vertical-align:middle;overflow: hidden}
.file_input_button{position:absolute;top:0px;width:100%;height:100%;font-size:14px;background:#555;color:#fff;border:0;}
.file_input_hidden{position:absolute;left:0px;top:0px;width:100% !important;height:100% !important;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)"; -khtml-opacity:0;-moz-opacity:0;cursor:pointer;z-index:2}

input[type="text"],input[type="password"],input[type="search"],input[type="tel"],input[type="email"]{margin:2px 0;padding:5px 10px 4px 10px;height:30px; border:1px solid #e1e1e1;border-radius:0}
textarea{margin:1px 0;padding:5px 10px 4px 10px;border:1px solid #e1e1e1;border-radius:0}
input[type="file"]{height:30px;background:none;}
select{padding:2px;height:30px;color:#363535;border:1px solid #e1e1e1;}
.radChek::after{}
.radChek li{display:inline-block;margin-right:15px}

.testCon{min-width:1200px;text-align:center}

.topTxt{margin-bottom:55px;font-family: 'Nanum Square';font-size:30px;text-align:center;line-height:38px}
.topTxt b{color:#f36d00}
.sConBox{margin:0 auto;width:1200px}
.sConBox::after{display:block;clear:both;content:''}

h2.title{position:relative;margin-bottom:60px;font-size:32px;color:#f36d00;line-height:32px;text-align:center}
h2.title2{position:relative;margin-bottom:60px;font-size:28px;color:#f36d00;line-height:30px;text-align:center}
h3.title{position:relative;margin-bottom:20px;font-size:24px;color:#010101;font-weight:400;line-height:30px;text-align:center}
h2.title + h3.title{margin-top:-20px}

/* SNVIA */
.s1_1_con1{margin-bottom:60px;background:#ebebeb}
.s1_1_con1 .bg{position:relative;margin:0 auto;padding:30px 0 30px 540px;width:1200px;min-height:370px}
.s1_1_con1 .bg::before{position:absolute;top:-50px;left:0;width:445px;height:400px;content:'';background:url('/public/dev/img/s1_1_img1.jpg') no-repeat left top;background-size:100%}
.s1_1_con1 .txt1{position:relative;margin-bottom:25px;font-family: 'Nanum Square';font-size:18px;line-height:25px}
.s1_1_con1 .txt1 b{font-size:22px;color:#f07025}
.s1_1_con1 .txt2{font-size:18px;font-weight:300}
.s1_1_con1 .txt3{font-size:16px;text-align:right}
.s1_1_con1 .txt3 span{font-size:22px}

.s1_1_con2{margin-bottom:75px}
.s1_1_con2 h2.title{font-size:36px;color:#000}
.s1_1_con2 ul{margin:0 auto;width:1200px}
.s1_1_con2 ul::after{display:block;clear:both;content:''}
.s1_1_con2 ul li{position:relative;float:left;margin-bottom:25px;padding:0 50px 0 145px;width:50%;min-height:160px;line-height:21px}
.s1_1_con2 ul li .photo{position:absolute;top:0;left:0}
.s1_1_con2 ul li .tit{display:block;margin-bottom:10px;font-size:16px;color:#454545;font-weight:500}

.s1_1_con3{padding-bottom:200px}
.s1_1_con3 h2.title{font-size:36px;color:#000}
.s1_1_con3 .bg{margin:0 auto;padding:0 0 80px 600px;width:1200px;background:url('/public/dev/img/s1_1_bg.jpg') no-repeat left bottom}

.s1_2_con1{margin-bottom:60px;padding:0 10px;min-height:500px;text-align:center;background:url('/img/s1_2_bg.gif') repeat-x center 140px;}
.s1_2_con1 dl dt{margin-bottom:40px}
.s1_2_con1 dl dd li{display:inline-block;margin:0 50px}

.s1_2_con2{padding:45px 10px 200px;background:#ebebeb}
.s1_2_con2 .sConBox{width:1110px}
.s1_2_con2 .left{float:left;}
.s1_2_con2 .right{float:right;margin-bottom:50px}
.s1_2_con2 p{position:relative;clear:both;margin:0 auto 6px;padding:10px 30px;width:980px;font-size:22px;text-align:center;overflow:hidden;background:#1181aa}
.s1_2_con2 p b{color:#fff}
.s1_2_con2 p::before{position:absolute;top:10px;left:-180px;width:400px;height:200px;content:'';background:#ebebeb;transform:skewY(42deg);}
.s1_2_con2 .txt2::before{left:-90px}

.s1_3_con{margin:0 auto;padding:0 10px 200px;width:1200px}
.s1_3_con #map_canvas{width:100%;height:450px}
.s1_3_con ul{margin-top:30px;padding:0 40px}
.s1_3_con ul::after{display:block;clear:both;content:''}
.s1_3_con ul li{float:left;padding:25px 20px 0 90px;width:33.33%;min-height:80px;line-height:18px;vertical-align:middle;background-repeat:no-repeat;background-position:left top}
.s1_3_con ul li b{font-size:18px;color:#105ba9}
.s1_3_con ul li.ic1{padding-top:10px;width:40%;background-image:url('/public/dev/img/s1_3_ic1.gif')}
.s1_3_con ul li.ic2{width:30%;background-image:url('/public/dev/img/s1_3_ic2.gif')}
.s1_3_con ul li.ic3{width:30%;background-image:url('/public/dev/img/s1_3_ic3.gif')}

.s2_1_con1{margin:0 auto;padding:0 10px 200px;width:1200px}
.s2_1_con1::after{display:block;clear:both;content:''}
.s2_1_con1 table{float:left;width:49%}
.s2_1_con1 .right{float:right;padding-top:10px;width:49%}
.s2_1_con1 .right h3{margin-bottom:25px;font-size:20px}

.s2_1_con2{padding:40px 10px 200px;background:#ebebeb}
.s2_1_con2 .left{float:left;width:596px}
.s2_1_con2 .right{float:right;width:580px;}

.s2_2_con{margin:0 auto;padding:0 10px 200px;width:950px}
.s2_2_con .con1{margin-bottom:70px}
.s2_2_con .con1::after{display:block;clear:both;content:''}
.s2_2_con .con1 > li{float:left;padding-left:5px;width:50%;text-align:center}
.s2_2_con .con1 > li:first-child{padding:0 5px 0 0}

.s2_2_con .con2{margin-top:30px;width:1200px; background:#e4e4e4;}
.s2_2_con .con2 > li{float:left;padding-left:5px;width:100%;text-align:left}
.s2_2_con .con2 > li:first-child{padding:0 5px 0 0}

.box{margin-top:30px;padding:10px 20px;color:#585858;font-weight:300;background:#e4e4e4}
.box b{color:#f07025}

.s2_3_con1{margin:0 auto 30px;padding:40px 10px;width:1220px}
.s2_3_con1::after{display:block;clear:both;content:''}
.s2_3_con1 h3{margin-bottom:30px;height:45px;font-size:22px;line-height:45px;text-align:center;}
.s2_3_con1 .con3{margin-bottom:35px;padding:15px;font-size:16px;line-height:22px;font-weight:400;word-break:keep-all;background:#ededed;border:1px solid #cdcdcd;border-width:1px 0}
.s2_3_con1 .con1{float:left;width:405px}
.s2_3_con1 .con1 h3{color:#585858;background:#b2b2b2}
.s2_3_con1 .con1 p{font-size:18px;text-align:center}
.s2_3_con1 .con2{float:right;width:760px}
.s2_3_con1 .con2 h3{color:#fff;background:#105ba9}
.s2_3_con1 .con4{text-align:right; width:1190px;margin-top:-30px; }
.s2_3_con1 .con5 {float:right;width:650px}
.s2_3_con1 p{font-size:18px;text-align:center}

.s2_3_con2{margin:0 auto 30px;padding:40px 10px;width:1220px}
.s2_3_con2::after{display:block;clear:both;content:''}
.s2_3_con2 .con1{float:left;width:580px}
.s2_3_con2 .con1 p{font-size:16px;text-align:center}
.s2_3_con2 .con2{float:right;width:600px}
.s2_3_con2 .con3{width:1150px}

.s2_3_con3{margin-bottom:30px;padding:35px 10px;text-align:center;background:#ebebeb}
.s2_3_con3 img{display:block;margin:0 auto}
.s2_3_con3 .box{display:inline-block}

.s2_3_con4{margin:0 auto 30px;padding:40px 10px 200px;width:1220px}
.s2_3_con4::after{display:block;clear:both;content:''}
.s2_3_con4 h3{margin-bottom:40px}
.s2_3_con4 .con1{float:left;width:580px}
.s2_3_con4 .con1 .box{margin:0 0 20px}
.s2_3_con4 .con2{float:right;width:580px}
.s2_3_con4 .con2 p{font-size:18px;text-align:center}
.s2_3_con4 .con3{float:left;width:400px}
.s2_3_con4 .con3 .box{margin:0 0 20px}
.s2_3_con4 .con4{float:right;width:780px}
.s2_3_con4 .con4 p{font-size:18px;text-align:center}

.s3_con{padding:60px 10px 200px;text-align:center;background:#ebebeb}

.s4_con{padding:60px 10px 200px;text-align:center;background:#ebebeb}
.s4_con .con{margin:0 auto 10px;width:722px;text-align:left}
.s4_con .con h2{margin-bottom:10px;font-size:24px}
.s4_con .con p{font-size:18px;font-weight:300}

.s4_1_con1{margin:0 auto 30px;padding:40px 10px;width:1220px}
.s4_1_con1 h3{margin-bottom:30px;height:45px;font-size:22px;line-height:45px;text-align:center;}
.s4_1_con1 .con1{float:left;width:100%}
.s4_1_con1 .con1 p{font-size:18px;text-align:center}

.s4_1_con2{margin:0 auto 30px;padding:40px 10px;width:1220px}
.s4_1_con2::after{display:block;clear:both;content:''}
.s4_1_con2 .con1{float:left;width:580px}
.s4_1_con2 .con1 p{font-size:16px;text-align:center}
.s4_1_con2 .con2{float:right;width:600px}
.s4_1_con2 .con2 p{clear:both;font-size:16px;text-align:center}

.s4_1_con3{margin-bottom:30px;padding:35px 10px;text-align:center;background:#ebebeb}
.s4_1_con3 img{display:block;margin:0 auto}
.s4_1_con3 .box{display:inline-block}

.s4_1_con4{margin:0 auto 30px;padding:40px 10px 200px;width:1220px}
.s4_1_con4::after{display:block;clear:both;content:''}
.s4_1_con4 h3{margin-bottom:40px}
.s4_1_con4 .con1{float:left;width:580px}
.s4_1_con4 .con1 .box{margin:0 0 20px}
.s4_1_con4 .con2{float:right;width:580px}
.s4_1_con4 .con2 p{font-size:16px;text-align:center;margin-top:10px; }

.s5_con{margin:0 auto 30px;padding:0 10px 200px;width:1220px}
.s5_con .tit1{margin-bottom:60px;text-align:center}
.s5_con .con1{margin-bottom:60px}
.s5_con .con1 li{display:inline-block;padding:0 10px}
.s5_con .tit2{margin-bottom:15px;}
.s5_con .tit2 span{display:inline-block;margin-left:20px;font-size:16px;vertical-align:bottom;font-weight:normal;line-height:18px}
.s5_con .con2{margin-bottom:35px;padding:15px;font-size:16px;line-height:22px;font-weight:400;word-break:keep-all;background:#ededed;border:1px solid #cdcdcd;border-width:1px 0}
.s5_con h3{margin-bottom:10px;font-size:20px}
.s5_con .con3{margin-bottom:60px;padding:10px 5px;font-size:15px;color:#504f4f;line-height:20px;font-weight:300;word-break:keep-all;border:1px solid #cdcdcd;border-width:1px 0}
.s5_con .con3::after{display:block;clear:both;content:''}
.s5_con .con3 img{float:left;margin-right:30px}
.s5_con .con3 ol{float:left;width:600px}
.s5_con .con3 ol li{margin-bottom:10px;list-style-type:decimal;}
.s5_con .con4{margin-bottom:60px}
.s5_con .con4 .le01{float:left;padding:0 10px; width:300px; border-right:1px solid #cdcdcd;margin-bottom:60px}
.s5_con .con4 .le02{float:left;padding:0 10px; width:600px; border-right:1px solid #cdcdcd;margin-bottom:60px}
.s5_con .con4 .le03{float:left;padding:0 10px; width:300px;margin-bottom:60px}
.s5_con .con4 li{display:inline-block;padding:0 10px}
.s5_con .con4 li span{font-weight:400;padding-left:20px;}
.s5_con .con5{font-size:16px;margin-bottom:40px}
.s5_con .con5_2{width:100%; font-size:16px;margin-bottom:8px; clear:both; text-align:right;}

.s5_con .con5_3{margin-bottom:50px; text-align:left;padding:10px}
.s5_con .con5_3::after{display:block;clear:both;content:''}
.s5_con .con5_3 > li{float:left;padding-left:5px;width:100%;text-align:left}
.s5_con .con5_3 > li:first-child{padding:0 5px 0 0}

/*
================================================================================
반응형 서브 콘텐츠
================================================================================
*/

 /* Tablet Device */
@media all and (min-width:641px){
	


}

 /* Mobile Device */
@media all and (max-width:640px){
	
	.mblink a{display:block}

	/* 모바일 테이블 가로스크롤 */
	.mb_scroll{position:relative;}
	.mb_scroll .tbBox{position:relative;padding-top:20px;width:100%;overflow:auto}
	.mb_scroll table{width:800px}
	.mb_scroll::before{position:absolute;top:-5px;right:0;content:'좌우Scroll ▶';font-size:13px}

	h2.title{margin-bottom:30px;font-size:28px !important}
	h2.title2{margin-bottom:30px;font-size:24px}
	h3.title{font-size:20px}

	.topTxt{margin-bottom:30px;padding:0 20px;font-size:22px;line-height:28px}
	.sConBox{width:100%}

	.s1_1_con1 .bg{padding:20px;width:100%;}
	.s1_1_con1 .bg::before{top:-17px;left:auto;right:0;width:150px;height:150px;z-index:1}
	.s1_1_con1 .txt1{padding-right:100px;font-size:20px;line-height:24px;z-index:2}
	.s1_1_con1 .txt1 span{font-size:22px}
	
	.s1_1_con2{padding:0 10px;}
	.s1_1_con2 ul{width:100%}
	.s1_1_con2 ul li{float:none;padding-right:0;width:100%}

	.s1_1_con3{padding:0 10px;}
	.s1_1_con3 .bg{padding-left:0;width:100%;background:none}
	
	.s1_2_con1{min-height:100px;background-size:auto 150px}
	.s1_2_con1 dl dt{margin:0 auto 30px;width:100%}
	.s1_2_con1 dl dd li{margin:0 2px;width:120px}
	
	.s1_2_con2{padding:30px 10px}
	.s1_2_con2 .sConBox{width:100%;text-align:center}
	.s1_2_con2 .left{float:none;margin-bottom:30px}
	.s1_2_con2 .right{float:none}
	.s1_2_con2 p{width:100%;font-size:18px}
	.s1_2_con2 p::before{display:none}

	.s1_3_con{padding:0 10px 30px;width:100%}
	.s1_3_con #map_canvas{height:300px}
	.s1_3_con ul{padding:0}
	.s1_3_con ul li{float:none;margin-bottom:20px;padding:15px 0 0 60px;width:100% !important;min-height:50px;background-size:50px}
	.s1_3_con ul li.ic1{padding-top:0}

	.s2_1_con1{width:100%}
	.s2_1_con1 table{float:none;margin-bottom:30px;width:100%}
	.s2_1_con1 .right{float:none;width:100%}
	
	.s2_1_con2{padding-bottom:50px}
	.s2_1_con2 .left{float:none;margin-bottom:30px;width:100%}
	.s2_1_con2 .right{float:none;width:100%;text-align:center}

	.s2_2_con{width:100%}
	.s2_2_con .con1{margin-bottom:30px}
	.s2_2_con .con1 li{float:none;margin-bottom:10px;padding:0 !important;width:100%;}
	
	.s2_3_con1{margin-bottom:0;width:100%}
	.s2_3_con1 .con1{float:none;margin-bottom:30px;width:100%}
	.s2_3_con1 .con2{float:none;width:100%}

	.s2_3_con1 h3{font-size:18px}

	.s2_3_con2{width:100%}
	.s2_3_con2 .con1{float:none;margin-bottom:30px;width:100%}
	.s2_3_con2 .con2{float:none;width:100%}

	.s2_3_con4{width:100%}
	.s2_3_con4 .con1{float:none;margin-bottom:20px;width:100%}
	.s2_3_con4 .con2{float:none;width:100%}

	.s3_con{padding:60px 10px 200px;text-align:center;background:#ebebeb}


	.s4_con{padding:30px 10px }
	.s4_con .con{width:100%}

	.s4_1_con1{padding:30px 10px;width:100% }
	.s4_1_con1 .con1{width:100%}

	.s4_1_con2{width:100%}
	.s4_1_con2 .con1{float:none;margin-bottom:30px;width:100%}
	.s4_1_con2 .con2{float:none;width:100%}

	.s4_1_con3{width:100%}
	.s4_1_con3 .con1{float:none;margin-bottom:20px;width:100%}
	.s4_1_con3 .con2{float:none;width:100%}

	.s5_con{padding:0 10px;width:100%}
	.s5_con .txt{margin-bottom:20px;text-align:center}
	.s5_con h2 img{height:25px}
	.s5_con .tit1{margin-bottom:40px}
	.s5_con .con1 li{display:block;margin-bottom:20px;text-align:center}
	.s5_con .tit2 span{display:block;margin:10px 0 0 0}
	.s5_con .con3 img{margin:0 0 10px}
	.s5_con .con3 ol{float:none;clear:both;padding-left:20px;width:auto}

	.s5_con .con4{padding:0 10px;width:100%}
	.s5_con .con4 .le01{padding:0 10px;border-bottom:1px solid #cdcdcd; border-right:none;width:100% }
	.s5_con .con4 .le02{padding:0 10px;border-bottom:1px solid #cdcdcd; border-right:none; width:100% }
	.s5_con .con4  .le01.le02 .le03 img{width:100%}
	.s5_con .con4 .le03{padding:0 10px;}
	.s5_con .con4 li{display:inline-block;padding:0 10px}
	.s5_con .con3 ul{float:none;clear:both;padding-left:20px;width:auto}
	
	.bbsList{padding:10px;width:100%}
	.bbsList li a{padding:0}
	.bbsList li .photo{position:relative;top:0;left:0;display:block;margin-bottom:30px;width:100%;text-align:center}
	
	.bbsView{width:100%}
	.bbsView dt{padding:10px 15px}
	.bbsView dd{padding:10px 15px}
	.bbsView dd.infor{position:relative;top:0;right:0;padding:5px 15px 0;text-align:right}
	.bbsView dd.file{padding:0 0 5px 15px}

	.view_list{width:100%}
}