.cB:after {content:''; display:block; clear:both;}


@charset "utf-8";
/* *******************************************************
 * filename : layout.css
 * description : 전체 레이아웃 CSS
 * date : 2017-05-30
******************************************************** */

@import url("./font.css");	/* 나눔고딕 */ 
/*@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');  본고딕 */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,600'); /* 영문 :: Poppins */
@import url('//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css'); /* 나눔스퀘어 */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900');


/* layout */
body, table, th, td, button, select, input {
	font-family:"Poppins", "Noto Sans KR", "나눔고딕", NanumGothic, "Nanum Gothic","돋움", Dotum, Arial, sans-serif;
	font-size:13px;
	color:#666;
}

body { background-color:#fff; }
#wrap {overflow:hidden; width:100%; position:relative; } /* min-width 홈페이지 컨텐츠 가로값에 맞게 변경 */

/* ****************** 공통클래스 ********************** */
.area{ width:1200px; margin:0px auto;}  width 홈페이지 컨텐츠 가로값에 맞게 변경 


.tbl_wrap .tbl_guide, .tbl_guide{display:none;}

.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}
.blind{overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.text-ellipsis{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.trans200{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s}
.trans300{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;transition:all 0.3s}
.trans400{-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s}
.trans500{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s}
.material-icons{line-height:initial; color:inherit;}
.font-square{font-family:"Nanum Square",'NanumSquare',sans-serif;}

/* ****************** HEADER ********************** */
#header{position:fixed; width:100%; height:87px; background:rgba(0,0,0,0.3); box-sizing:border-box; z-index:9999; 
	-webkit-transition:height 0.4s; -moz-transition:height 0.4s; -o-transition:height0.4s; -ms-transition:height 0.4s; transition:height 0.4s;
}
#headerInner{width:100%; height:100%;}
.logo{position:absolute; top:20px; left:2%; z-index:999;}
.util{position:absolute; top:24px; right:1.2%; z-index:999;}
.util > li{display:inline-block; vertical-align:top; margin-left:10px;}
#languageBox{position:relative; margin-left:0;}
#languageBox .language-open-btn{display:block; width:128px; height:39px; border:1px solid #cfcfcf; font-size:15px; line-height:39px; color:#333; font-weight:500; font-style:italic; background:#fff url(/images/icon/icon_language_arrow.png) no-repeat 90% center; text-indent:10px;}
#languageBox .language-open-btn span{display:inline-block; vertical-align:middle; width:16px; height:16px; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; -o-border-radius:100%; background:#111 url(/images/icon/language_icon_2.gif) no-repeat center center; background-size:cover; margin-right:6px;}
#languageBox > ul{display:none; position:absolute; top:40px; left:0; width:128px; border:1px solid #cfcfcf; background-color:#fff;}
#languageBox > ul li a{display:block; text-indent:10px; font-size:15px; line-height:28px; color:#333;}
#languageBox > ul li:hover a{color:#154ad3;}
.sitemap-btn > a{display:block; width:128px; height:39px; border:1px solid #cfcfcf; font-size:15px; line-height:39px; color:#333; font-weight:500; font-style:italic; background:#fff url(/images/icon/icon_sitemap.png) no-repeat 15px center; text-align:center; text-indent:5px;}

#momenu{display:none;}

#header.fixed {background:#fff;border-bottom:1px solid #666; box-shadow:2px 5px 13px rgba(0,0,0,0.1)}
#header.fixed #gnb > ul > li > a{color:#000;}


#header a.logo {background:url(/common/images/new_common/logo.png) no-repeat 0 0; width:265px; height:42px; display:inline-block;  transition:all .5s; text-indent:-9999px;}
#header.fixed a.logo {background:url(/common/images/new_common/logo1.png) no-repeat 0 0; width:265px; height:42px; display:inline-block;  transition:all .5s; text-indent:-9999px;}


/* ****************** GNB ********************** */
.gnb-bg{display:none; position:fixed; top:87px; left:0; width:100%; height:100%; background-color:#000; opacity:0.5;filter:Alpha(opacity=50); z-index:98;}
#gnb2depBg{position:absolute; top:87px; width:100%; height:0; z-index:98; background-color:#fff; visibility:hidden; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb2depBg:before{display:block; content:""; width:602px; height:100%; background:url(/common/images/common/gnb_2dep_wrap_bg.jpg) no-repeat left top; position:absolute; top:0; left:50%; margin-left:-960px;}
#gnb2depBg.active{height:380px; visibility:visible; border-top:1px solid #333;}

#gnb{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center;}
#gnb > ul{width:100%; text-align:center;}
#gnb > ul > li{display:inline-block; vertical-align:top;  padding:0 50px; text-align:center; margin-left:-3.5px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb > ul > li:first-child{margin-left:0;}
#gnb > ul > li > a{display:block; font-size:19px; line-height:87px; color:#fff; letter-spacing:-1px; position:relative; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s;}
#gnb > ul > li > a:before{display:inline-block; content:""; width:19px; height:12px; background:url(/images/layout/gnb_li_bg.png) no-repeat; position:absolute; top:50%; margin-top:-6px; left:-10px;}
#gnb > ul > li:first-child > a:before{display:none;}

#gnb > ul > li .gnb-2dep-wrap{width:100%; z-index:99; position:absolute; top:87px; left:0; opacity:0;filter:Alpha(opacity=0); visibility:hidden;  -webkit-transition-delay:0s; -moz-transition-delay:0s; -o-transition-delay:0s; transition-delay:0s;}
#gnb > ul > li .gnb-2dep-wrap.open{height:380px; opacity:1.0;filter:Alpha(opacity=100); visibility:visible; -webkit-transition-delay:0.05s; -moz-transition-delay:0.05s; -o-transition-delay:0.05s; transition-delay:0.05s; -webkit-transition-duration:0.15s; -moz-transition-duration:0.15s; -o-transition-duration:0.15s; transition-duration:0.15s;}

#gnb > ul > li .gnb-2dep-wrap .gnb-2dep-inner{height:100%; position:relative;}
.gnb-2dep-inner .gnb-2dep-info{width:20%; max-width:240px; float:left; height:100%; text-align:left; position:relative; }
.gnb-2dep-info > h2{font-size:38px; color:#fff; font-weight:400; letter-spacing:-2px; padding-top:110px; line-height:38px;}
.gnb-2dep-info > strong{display:block; font-size:24px; line-height:50px; color:#fff; font-weight:400; letter-spacing:-0.75px; margin-bottom:20px;}
.gnb-2dep-info > p{font-size:16px; line-height:20px; color:#fff; color:rgba(255,255,255,0.5); font-weight:300; letter-spacing:-0.75px; }

#gnb .gnb-2dep{width:80%; max-width:960px; float:left; height:100%;}
#gnb .gnb-2dep > li{float:left; width:21.7%; max-width:209px; padding-top:34px; margin-left:27px; margin-left:3%;  }
#gnb .gnb-2dep > li img{max-width:100%;  }
#gnb .gnb-2dep > li p{font-size:17px; line-height:30px; color:#666; letter-spacing:-0.75px; font-weight:400;  }
#gnb .gnb-2dep > li:hover img{}
#gnb .gnb-2dep > li:hover p{color:#154ad3;}


.lang2{position:absolute;top:27px;right:130px;z-index:100; padding:0 20px 0 20px; font-weight:700; border-radius:20px; border:1px solid #fff; box-sizing:border-box; min-height:40px; width:120px; text-align: center;}
.lang2 > a{display:block; color:#fff; line-height:40px; }

.lang{position:absolute;top:27px;right:20px;z-index:100; padding:0 20px 0 40px; font-weight:700; border-radius:20px; border:1px solid #fff; box-sizing:border-box; min-height:40px; width:100px; background:url(/common/images/common/langbg_01.png) no-repeat 10px 9px;}
.lang > a{display:block; color:#fff; line-height:40px; /*background:url(/common/images/common/langbg_02.png) no-repeat right 50%;*/}
.lang.on > a{background:url(/common/images/common/langbg_03.png) no-repeat right 50%;}
.lang ul{display:none;margin-bottom:5px}
.lang li{margin-top:5px}
.lang li:first-child{margin-top:9px}
.lang li a{display:block; height:25px;line-height:25px;padding:0 0;color:#fff}
.lang li.current a,
.lang li a:hover{ color:#fff; }


#header.fixed .lang > a{color:#000; }
#header.fixed .lang{position:absolute;top:27px;right:20px;z-index:100; padding:0 20px 0 40px; font-weight:700; border-radius:20px; border:1px solid #666; box-sizing:border-box; min-height:40px; width:120px; background:url(/common/images/common/langbg_01.png) no-repeat 10px 9px;}


#footer{background:#3f434c;  position:relative; min-height:150px; width:100%; color:#d5d5d5; font-size:13px;}
#footer div.wrap{position:relative;  width:1600px; margin:0 auto; }
#footer .dvfoot_logo{ position:absolute;  top: 30px; left:0px;}
#footer .copy{padding:30px 0 0 0px; }
#footer .copy span {font-size:14px; display:block;}
#footer .copy p.fbtn {position:absolute; top:40px; right:0;}
#footer .copy a {background:rgba(0,0,0,0.5); color:#fff; padding:5px 10px; margin-left:2px;}
#footer .copy a:hover {color:#ffff00;}
#footer .copy p.add {margin-bottom:5px;}
#footer .copy p.add strong {display:inline-block; width:80px; background:rgba(0,0,0,0.3); border-radius:2px; padding:0 10px; text-align:center; box-sizing:border-box; margin-right:10px;}

#footer .copy span.ccopy {font-size:12px;}

@media (max-width: 1024px) {
#footer div.wrap{width:100%; padding:0px 10px; box-sizing:border-box;}
#footer .dvfoot_logo{ display:none;}
#footer .copy{padding:20px 0 0 0px; text-align:center; padding-bottom:20px;}
#footer .copy span {display:block; margin-left:0;}
#footer .copy p.fbtn {position:relative; top:auto; right:auto; margin-bottom:10px; }
}

@media only screen and (max-width: 1024px){
img{max-width: 100%;}
}


#footer .right{ position:absolute;  top:20px; right:0px;}
#footer .right .family-site{position:relative;width:250px;z-index:55555;}
#footer .right .family-site > a.active{background:url("/common/images/new_common/family-bg-on.png")no-repeat 90% 50%;}
#footer .right .family-site > a{display:block;width:250px;;box-sizing:border-box;border:1px solid rgba(255,255,255,0.2); padding-left:40px; line-height:50px;font-size:15px;font-weight:300;letter-spacing:-0.01em;background:url("/common/images/new_common/family-bg-off.png")no-repeat 90% 50%;transition:all 0.3s;color:#777;}
#footer .right .family-site > ul{position:absolute;bottom:50px;width:100%;display:none;background-color:#202020;}
#footer .right .family-site > ul > li{}
#footer .right .family-site > ul > li > a{display:block;border:1px solid rgba(255,255,255,0.2); width:250px;height:60px;line-height:60px;font-size:15px;color:#777;width:100%;border-bottom:0; padding-left:40px;box-sizing:border-box;}


.vi_sub{position:relative;  box-sizing:border-box; height:350px; text-align: center; /*background:url(/common/images/sub/vi.jpg) repeat-x;*/ overflow:hidden;}

.vi_sub .v_zoom {position:absolute;left:0;top:0;bottom:0;width:100%;transform:scale(1.2);/* background-size:120% 120%; */background-repeat: no-repeat;background-position: 50% 0;transition:2s; font-family: 'Noto Sans KR', sans-serif;}
.vi_sub .v_zoom.on {transform:scale(1);}

.vi_sub .sub_visual_box {position: absolute;left:50%;top:60%;font-size: 1rem; color:#fff;text-align: center; -ms-transform: translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.vi_sub strong {display: block;margin-bottom: 10px;color:#fff;font-size: 4rem;font-weight: 600;letter-spacing:-0.02em;line-height: 1.2;vertical-align: middle;}


.vi_sub .subtopimg01 {background:url(/common/images/sub/vi.jpg) repeat-x;}
.vi_sub .subtopimg02 {background:url(/common/images/sub/subVisual3.jpg) repeat-x;}
.vi_sub .subtopimg03 {background:url(/common/images/sub/subVisual2.jpg) repeat-x;}
.vi_sub .subtopimg04 {background:url(/common/images/sub/subVisual4.jpg) repeat-x;}
.vi_sub .subtopimg05 {background:url(/common/images/sub/subVisual5.jpg) repeat-x;}  


#container{position:relative; /*background:url(/common/images/common/con_bg.gif) repeat-x;*/ }
#container.scontainer{max-width:1600px; margin:0 auto ;  z-index:5; clear:both;}


/* 사이드 메뉴 */
#side {display: block;  float: left;  width:17.4%;/* width:230px;*/  padding: 0; margin-top:-125px; }
#side .sub_title { padding: 45px 0 ;  background:#f57b20;  color: #fff;  font-size: 32px;  line-height: 35px; text-align: center; font-weight: 600; background:url(/common/images/sub/left_bg.jpg) repeat-x;}
#side .sub_title span{display: block;  font-size:12px; font-weight:normal; }
.sub_menu .sm_2th { width: 100%;  padding: 0;  margin: 0;}.sub_menu .sm_2th > li {  margin: 0;  padding: 0;  border: solid 1px #e0e0e0;  border-top: none;}
.sub_menu .sm_2th > li > a {  display: block;  position: relative;  min-height: 35px;  padding: 15px 0 0 20px;  color: #404040;  font-size: 15px;  line-height: 19px;  text-decoration: none;  cursor: pointer;}
.sub_menu .sm_2th > li > a > .more {  display: block;  position: absolute;  top: 50%;  right: 15px;  width: 18px;  height: 18px;  margin-top: -10px;  border: 1px solid #e4e4e4;  transition: all .4s;  font-size:0;}
.sub_menu .sm_2th > li > a > .more em { position: absolute;  background-color: #a4a4a4;  transition: all .4s;}
.sub_menu .sm_2th > li > a > .more .ver {  top: 50%;  left: 50%;  width: 2px;  height: 10px;  margin: -5px 0 0 -1px;}
.sub_menu .sm_2th > li > a > .more .hor {  top: 50%;  left: 50%;  width: 10px;  height: 2px;  margin: -1px 0 0 -5px;}
.sub_menu .sm_2th > li.on > a {  color: #005bab; font-weight: 500}

.sm_2th > li.on > a > .more, .sm_2th > li > a:hover > .more { border-color: #005bab;}
.sm_2th > li.on > a > .more em.ver, .sm_2th > li > a:hover > .more em.ver { background-color: #005bab; transform: translateY(0) rotate(-450deg);}
.sm_2th > li.on > a > .more em.hor, .sm_2th > li > a:hover > .more em.hor { opacity: 0;}
.sm_3th { display: none;  margin: -1px 0 0 0;  padding: 13px 0 13px 20px;  background-color: #f6f7f9;  border-top: 2px solid #005bab;}
.sm_3th a {  padding: 5px 0 5px 10px;  color: #555;  font-size: 15px;  line-height: 15px;}
.sm_3th .on a,.sm_3th a:hover{font-weight:600;}
.sm_2th .on .sm_3th {  display: block;}


#con {position: relative; float:right; width:75.3%; min-height:1000px;  margin-bottom:50px; padding-top:62px; font-family: 'Nanum Gothic', sans-serif;}
#detail_con  { position: relative; margin-left: auto; margin-right: auto; box-sizing: border-box; word-break:keep-all !important; }
#detail_con h2	 { clear: both; padding: 0px 0 35px 0; color: #000; font-size:56px; font-weight: 600; line-height: 35px; border-bottom:1px solid #e1e1e1; margin-bottom:50px;}


#location{position:absolute; right:0px; top:30px; color:#888888;}
#location li{float:left; font-size:13px; line-height: 25px; background:url(/common/images/common/loc_arr.gif) no-repeat left 50%; padding-left:8px; margin-left:8px;}
#location li:first-child {background:none; padding-left:0px; margin-left:0px;}


@media all and (max-width:1500px){
	#gnb > ul > li{padding:0 25px;}
}

@media all and (max-width:1500px){
	.sitemap-btn > a{width:35px; border:none; }	
	.sitemap-btn > a span{display:none; }
}

@media all and (max-width:1220px){
	.util{display:none;}
}


@media all and (max-width:1200px){
	
	.area{ width:100%; margin:0px auto;}  
	#gnb{display:none;}
	#gnb2depBg{display:none;}
	.gnb-bg{z-index:999;}
	.lang{display:none;}

	#header{background:#fff; height:60px;}
	#header a.logo{background: url(/common/images/new_common/logo1.png) no-repeat 0 0;  width:200px; background-size:100%;}
	#header.fixed a.logo {width:200px; background-size:100%;}

	.logo{/*top:15px;*/top:15px;}
	.logo img{max-width:108px;}
	a.menu-icon{top:14px;}


	#momenu {display:block; position:absolute; top:0; right:0; z-index:100;}
	body {position:relative;  right:0;  -webkit-transition: right .3s;  transition: right .3s; height:100%; display:block;}
	body.open {right:240px; }
	a.menu-icon {display:block; position:absolute; top:20px; right:21px; width: 33px;}

	.navigation {position:absolute;  top: 0;  right:-240px;  width:240px; display:none;}
	.navigation div.tit {border:1px solid #dedede; text-align:center;  padding:0px 0px 10px 0px;}
	.navigation div.tit img {width:80%; margin:10px 0;}

	
	ul.side-menu {  height:100%;  min-height:1024px; background:#333e7b;  z-index:-1;  -webkit-transition:all .3s;  transition: all .3s; }
	ul.side-menu li a{ border-bottom:1px solid rgba(255,255,255,0.4);  padding:15px 15px; color:#fff; display:block; text-align:left; font-size:16px;   }
	ul.side-menu li a{background:#333e7b url(../img/common/icon_off.png) no-repeat 210px 50%;}
	ul.side-menu li a.on {background:#333e7b url(../img/common/icon_on.png) no-repeat 210px 50%;}
	ul.side-menu li ul {background:#303030; }
	ul.side-menu li ul li a{background:#303030; border:none; border-bottom:1px solid #4c4c4c; color:#fff; font-size:13px; line-height:40px; padding:0; text-align:left; padding-left:10px; font-weight: normal;}
	ul.side-menu li ul li.depth>a{background:#303030 url(../img/common/mmenu_on.png) no-repeat 210px 50%;}
/*	ul.side-menu li ul li ul {padding:0px;}*/
	ul.side-menu li ul li ul {padding:0px 0px 10px 0px; }
	ul.side-menu li ul li ul li.depth3 { display:block;  }
	ul.side-menu li ul li ul li.depth3 > a {display:block; color:#ccc; line-height:30px; text-align:left; padding-left:20px; background:url(/img/common/mob_menubul02.png) no-repeat 12px 15px;}


	ul.side-menu li ul li ul li a{background:#3f3f3f; font-size:13px; padding:5px 10px; line-height:20px; color:#999;}
	.navigation.open {display:block;}
	.vi_sub .sub_visual_box{width:100%; top:65%;}
	#nav-left{display:none;}
	#con{width:96%; margin:0 auto;     float: none;}
	.vi_sub strong{font-size:30px;}
	.vi_sub{height:200px;}
	.vi_sub .sub_visual_box{font-size:15px;}
	#container.scontainer{max-width:100%;}
}

@media all and (max-width:800px){
	#detail_con h2{font-size:25px; padding:0px 0 20px 0}
	#con{padding:30px 0;}
	#location {top:15px;}
}


@media all and (max-width:750px){

	#footer .copy{padding:30px 0;}
	
}


@media all and (max-width:530px){
	
}


/* 게시글 검색 */
div.board_search {text-align:center; background:#f6f6f6; margin-bottom:10px; padding:15px; border:1px solid #dedede;}
div.board_search select {height:31px; line-height:31px; padding-left:10px;  font-family:'Nanum Gothic'; /*margin-top:-13px;*/ border:1px solid #ccc;}
div.board_search input[type='text'] {height:30px; line-height:30px; border:1px solid #dedede;}
div.board_search input[type='submit'] {background:#0052bd; color:#fff; font-weight:bold; border:none; padding:0px 20px; height:31px; line-height:31px; width:80px;}


/* 게시글 목록 */
.tb_board {width:100%; border:0; border-collapse:collapse; margin-bottom:40px;}
.tb_board th {padding:10px 5px 8px; border-bottom:1px solid #bcbcbc; border-top:2px solid #333; background:#fafafa; font-weight:500;}
.tb_board td {padding:12px 5px 10px; border-bottom:1px solid #e5e5e5;color:#555;text-align:center; font-size:13px;}
.tb_board tr:first-child td {border-top:0}
.tb_board tr:hover,.tb_board tr:active, .tb_board tr:focus {background:#f5f5f5}

.tb_board .num {width:8%}
.tb_board .num_notice {width:28%;text-align:left}
.tb_board .subject {width:auto}
.tb_board td.subject {padding:12px 10px 10px 5px;color:#333;text-align:left}
.tb_board .subject a {color:#333}
.tb_board .subject a:hover, .tb_board .subject a:active, .tb_board .subject a:focus {color:#0033cc;}
.tb_board .writer {width:12%}
.tb_board .publish {width:8%}
.tb_board .reply {width:8%}
.tb_board .date {width:14%}
.tb_board .file {width:8%}
.tb_board .refer {width:9%}


/* 게시글 읽기 */
.tb_board_read {width:100%; border:0; border-collapse:collapse; border-top: 2px solid #333;}
.tb_board_read thead th {background:#fafafa; padding:10px 5px 8px;  border:none;  border-bottom:1px solid #e5e5e5; }
.tb_board_read thead th.title {border-top:2px solid #333;  text-align:center;}
.tb_board_read td {padding:12px 5px 10px; border:0; border-bottom:1px solid #e5e5e5;color:#555;text-align:center; font-size:13px; text-align:left;}
.tb_board_read thead td.title {
    border-top: 2px solid #333;
    text-align: center;
    background: #fafafa;
    padding: 10px 5px 8px;
    border: none;
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
}
.tb_board_read thead td.rc {font-size:12px;}
.tb_board_read thead td.rc span {background:url(/img/board_line.gif) no-repeat 2px 6px; padding-left:8px; display:inline-block;}
.tb_board_read thead td.rc span:nth-child(1) {background:none; margin:0; padding:0;}
.tb_board_read thead td.rc span strong{ margin-right:5px; color:#000; }
.tb_board_read thead td.attach_list {font-size:12px;}
.tb_board_read thead td.attach_list img {margin-top:2px;}
div.board_read_foot {background:#f6f6f6; margin-bottom:40px;}
div.board_read_foot ul li {border-bottom:1px solid #dedede; padding:12px 5px 10px; font-size:12px; color:#666; }
div.board_read_foot ul li span {margin:0 10px;}
div.board_read_foot ul li span strong {font-size:8px; margin-top:-5px;}

/* 게시글 쓰기 */
.tb_board_write {width:100%; border:0; border-collapse:collapse;  margin-bottom:40px;}
.tb_board_write thead th {background:#fafafa; padding:10px 5px 8px;  border:none;  border-bottom:1px solid #e5e5e5; }
.tb_board_write thead th.title {border-top:2px solid #333;  text-align:center;}
.tb_board_write tbody th {width:25%; border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding:8px 5px 6px;}
.tb_board_write tbody td {padding:8px 5px 6px; border-bottom:1px solid #dedede; font-size:13px;}
.tb_board_write tbody td input {height:30px; line-height:30px; border:1px solid #ccc; padding:0 0px;}
.tb_board_write tbody td input.file_input {border:0; padding:0}
.tb_board_write tbody td p.copy {color:#ff3300; font-size:12px;}
.tb_board_write tbody td.attach div {margin-bottom:5px;}
.tb_board_write tbody td.attach input {margin-bottom:5px; width:90%;}
.tb_board_write tbody td textarea {width:90%; border:1px solid #ccc;}

/* 게시글 페이징 */
.pageing {text-align:center; font-size:13px; position:relative; margin-bottom:50px; clear:both;}
.pageing a {border:1px solid #dedede; padding:7px 10px 7px 10px; color:#666;}
.pageing a.on {color:#fff; font-weight:bold; background:#333; border:1px solid #000; text-decoration:underline;}

/* 게시글 버튼*/
div.board_btn {text-align:right;}
div.board_btn a {padding:5px 10px 4px 28px; border:1px solid #dedede; font-size:13px; border-radius:2px; font-weight:bold; background-color:#f2f2f2; display:inline-block; margin-bottom:5px;}
div.board_btn a.c01 {background:url(/img/btn_icon.png) no-repeat 0px 2px; }
div.board_btn a.c02 {background:url(/img/btn_icon.png) no-repeat 0px -26px; }
div.board_btn a.c03 {background:url(/img/btn_icon.png) no-repeat 0px -56px; }
div.board_btn a.c04 {background:url(/img/btn_icon.png) no-repeat 0px -86px; }
div.board_btn a.c05 {background:url(/img/btn_icon.png) no-repeat 0px -117px; }
div.board_btn a.c06 {background:url(/img/btn_icon.png) no-repeat 0px -146px; }
div.board_btn a.c07 {background:url(/img/btn_icon.png) no-repeat 0px -177px; }
div.board_btn a.c08 {background:url(/img/btn_icon.png) no-repeat 0px -207px; }
div.board_btn a.c09 {background:url(/img/btn_icon.png) no-repeat 0px -237px; }
div.board_btn a:hover {background-color:#f6f6f6;}

/* 갤러리 목록 */
.media_list {position:relative;}
.media_list ul li {background:#f6f6f6; float:left; margin-right:2%; margin-bottom:30px; width:32%;}
.media_list ul li:nth-child(3), .media_list li:nth-child(6), .media_list li:nth-child(9) { margin-right:0; }
.media_list ul li div {border:1px solid #dedede; display:block;  padding:9px; }
.media_list ul li div img {width:100%; height:150px;}
.media_list ul li p { font-size:13px; color:#333; font-weight:bold; margin-top:8px; }
.media_list ul li p input {margin-right:5px; border:1px solid #dedede; margin-top:3px;}
.media_list ul li p span { font-size:12px; font-weight:normal; color:#767676; margin-top:30px; text-align:right; display:block;}

/* 갤러리 목록 */
.media_list02 {position:relative;}
.media_list02 ul li {background:#f6f6f6; float:left; margin-right:2%; margin-bottom:30px; width:15%;}
.media_list02 ul li:nth-child(6), .media_list02 ul li:nth-child(12) { margin-right:0; }
.media_list02 ul li div {border:1px solid #dedede; display:block;  padding:9px; }
.media_list02 ul li div img {width:100%; height:200px;}
.media_list02 ul li p { font-size:13px; color:#333; font-weight:bold; margin-top:8px; }
.media_list02 ul li p input {margin-right:5px; border:1px solid #dedede; margin-top:3px;}
.media_list02 ul li p span { font-size:12px; font-weight:normal; color:#767676; margin-top:30px; text-align:right; display:block;}


@media all and (max-width:767px){

/* 게시글 검색 */
div.board_search input {height:30px; line-height:30px; border:1px solid #ccc; width:120px;}
div.board_search input.board_search_btn { width:70px;}


/* 게시글 목록 */
.tb_board .num, .tb_board .num_notice, .tb_board .publish, .tb_board .reply, .tb_board .date, .tb_board .file, .tb_board .refer {display:none; width:0;}
.tb_board .writer {width:25%}

/* 게시글 목록 */
.k_bd .num, .k_bd .num_notice, .k_bd .publish, .k_bd .reply, .k_bd .date, .k_bd .file, .k_bd .refer {display:none; width:0;}
.k_bd .writer {width:25%}

.tb_board colgroup{display:none;}

/* 게시글 페이징 */
.pageing {text-align:center; font-size:13px; position:relative;}
.pageing a.pre_btn {position:absolute; top:-5px; left:0;}
.pageing a.next_btn {position:absolute; top:-5px; right:0;}
.pageing strong {color:#ff0000; font-weight:bold;}

}


hr{display:none;}

/* 헤더 :: Util 메뉴 */
#utilMenu{display:none; position:absolute; top:0; right:80px; padding-top:20px; text-align:right; }
#utilMenu a{color:#666; }
#utilMenu > div{display:inline-block;}
.user-menu-list a{opacity:0.7;filter:Alpha(opacity=70); font-size:12px; font-weight:300}
.user-menu-list a:first-child{margin-right:15px;}
.user-menu-list a:hover{opacity:1.0;filter:Alpha(opacity=100); border-bottom-color:#0060a1;}
.user-lang-select a{display:inline-block; font-size:15px; font-weight:400; padding-bottom:9px; border-bottom:2px solid transparent; margin-left:20px;}
.user-lang-select a:hover,.user-lang-select a.on{border-bottom-color:#0060a1; transform: }


@media all and (max-width:1000px){
	/* -------- 헤더 -------- */
	#utilMenu{display:block;}
	#utilMenu > div{display:block;}
	#utilMenu > div.user-menu-list{position:absolute; top:5px; right:0px; width:150px;}
	#utilMenu > div.user-menu-list a{font-size:11px;}

	
}