@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300;400;500&display=swap');

/* font-family: 'Nanum Myeongjo', serif;  */


strong, b,h1{font-family:'Raleway', serif;     transform: skew(-0.1deg);
}
span{font-family:Raleway}
html {
	width:100%;
	height:100%;
	display:block;
	font-family:Raleway, 돋움;
	font-size:15px;
	font-weight:500;
	color:#000
}
body {
	margin:0;
	font-family:Raleway, 돋움;
	padding:0px;
}
hr, .blind {
	position:absolute;
	width:1px;
	height:1px;
	overflow:hidden;
	left:-100%;
	font-size:0;
	line-height:0;
}
caption {
	color:#fff
}
aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
body, table, td, tr, div, ul, li, select, textarea {font-family:Raleway, 돋움;}
div, ul, li, td, tr {}
ul, li, dl, dt, dd {
	margin:0px;
	padding:0px;
	list-style-type:none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}
table {
	border-spacing:0;
	border:0px solid #CCCCCC;
	border-collapse:collapse;
	table-layout:fixed;
	border-top:2px solid #333;
	border-collapse:collapse;
	width:100%;
}
td, tr, th{border-bottom:1px solid #dbdbdb;}


a {
	text-decoration: none !important;
	cursor:pointer
}
/* a:link {
	color:#000;
} */
a:hover {
	color:#000;
}
a:visited {
	color:#000;
}
a:hover {
	color: #000;
}



img {
	border:0;
	vertical-align: middle;
}
form {
	display:inline;
	margin:0px;
}
input {
	border:1px solid #b8b8b8;
	padding:2px;
}
checkbox {
	border:0 !important
}
select {
	border:1px solid #7f9db9;
	line-height:20px;
	padding:3px;
}
.blank{clear:both; padding:1em 0}
strong{transform : rotate(0.009deg);  }
.row {
	position:relative;
    margin-right: 0px !important;
    margin-left: 0px !important;}

.clear {
	clear:left
}
div{box-sizing:border-box}

#accessibility {
	text-align:center
}
#accessibility a {
	position:absolute;
	display:block;
	width:1px;
	height:1px;
	left:-100%;
	overflow:hidden;
}
#accessibility a:focus, #accessibility a:active {
	position:relative;
	left:0;
	width:100%;
	height:auto;
	padding:5px 0;
}
#accessibility p {
	margin:0
}


#wrapper {
	width:100%;
	margin:0px;
	padding:0px;
	position: relative;
	max-width:1200px
}

h1, h2, h3, h4{font-weight:500}

/*헤더*/
  	header{position:relative; width:100%; z-index:99; background:#fff}
	header #header{width:100%; max-width:1200px; padding:18px 0; margin: auto}
	header #header h1{margin:10px 0; display:inline-block; vertical-align:middle; width:40%; font-size:1.4em;font-family: 'Raleway', sans-serif; font-weight:500}
	header #header h1 a{font-weight:500}
	header #header .header-right{position:relative; display:inline-block; vertical-align:bottom; width:60%; text-align:right; float:right }
	header #header .header-right .header-search{position:relative; width:50%; max-width:395px;display:inline-block; vertical-align:middle}
	header #header .header-right .header-search input{border:none; border-bottom:2px solid #1d6b3e; padding:0 20px 10px 0; width:92%}
	header #header .header-right .header-search button{position:absolute; top:4px; right:0px; font-size:0px; width:24px; height:21px; background:url(/assets/images/common/icon-search.gif) no-repeat; border:none; outline:none; cursor:pointer}

	 nav{border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:#fff; width:100%}

	 .gnb{width:100%; max-width:1200px; margin:auto;} 
	 .gnb >ul{display:table; width:100%; margin:auto}
	 .gnb >ul>li{display:table-cell; text-align:center; transition:all 0.2s; line-height:50px;}
	 .gnb >ul>li:hover >a{color:#3c9535;}
	 .gnb>ul>li>a{font-size:18px; line-height:22px; font-family: 'Raleway', sans-serif; transition:all 0.2s; padding:10px 0; font-weight:500}

	 .submenu{        
    display : none;
    position : absolute;
    background-color: #fff;     
    width : 200px;
	margin:0 auto;
    left: 50%;
	top:60px;
    transform: translateX(-50%);
	transition:all 0.2s;
	}
	.submenu a{padding:10px 0; font-size:17px; transition:all .2s; border-bottom:1px solid #e5e5e5; line-height:25px; display:block;}
	.submenu a:hover{
	background: #74a921;
    color: #fff;}
	.header-link{display:inline-block; vertical-align:middle; width:30%; padding:10px 0 10px 0;}
	.header-link ul{margin:0; padding:0; float:right}
	.header-link ul li{padding:0 10px; font-size:12px; font-size:11px; color:#363636; font-weight:bold; display:inline-block; border-right:1px solid #e3e3e3;}
	.header-link ul li a{font-size:11px; color:#3d3d3d}
	.header-link ul li:last-child{padding-right:0px; border-right:0px;}

	.trigger-menu{display:; position:absolute; right:0px; top:-30px; cursor:pointer; z-index:150; width:27px; height:30px; transition:all .2s;}		
	.trigger-menu span{width:100%; height:3px; background:#333; display:inline; position:absolute; left:0;}
	.trigger-menu span:nth-child(1){top:0; transition:all .2s; }
	.trigger-menu span:nth-child(2){top:10px; transition:all .2s; }
	.trigger-menu span:nth-child(3){top:20px; transition:all .2s; }
	.trigger-menu.open{top:20px; }
	.trigger-menu.open span{background:#ffffff;}
	.trigger-menu.open span:nth-child(1){transform:rotate(-45deg) translateY(14px); 
	}
	.trigger-menu.open span:nth-child(2){
		display:none;
		}
	.trigger-menu.open span:nth-child(3){
		transform:rotate(45deg) translateY(-14px); 
		}
	
	.navbar-toggle{display:none}

	@media all and (min-width:0px) and (max-width:700px){
    nav{display:none}
  	header{ width:100%; z-index:99; background:#fff}
	header #header {width:90%; margin:auto}
	header #header .header-right{display:table; float:none; margin:auto; width:100%;}
	header #header .header-right .header-search{width:100%; max-width:100%; margin:auto; display:table}
	.header-link{display:none}
     }
    @media all and (min-width:701px) and (max-width:1024px){
    nav{display:none}
  	header{; width:100%; z-index:99;  background:#fff}
	header #header {width:90%; margin:auto}
	header #header .header-right{float:right; width:50%; padding-right:50px; }
	header #header .header-right .header-search{width:100%; max-width:100%;}
	.header-link{display:none}	
	.trigger-menu{position:absolute; right:0px; top:10px; cursor:pointer; z-index:150; width:27px; height:30px; transition:all .2s;}			
	}
	@media screen and (min-width:1024px){
	.trigger-menu{display:none}
	.sub_menu open{display:block}
	}
	@media all and (min-width:0px) and (max-width:1200px){
	.display:none;
	}

/* 상단메뉴 */

.navbar-header{position:absolute; right:5px; z-index:999}
.icon-bar{font-size:50px; line-height:15px; font-weight:100}

.navbar-default1 .navbar-nav>.active>a, .navbar-default1 .navbar-nav>.active>a:hover, .navbar-default1 .navbar-nav>.active>a:focus{
	background-color: #3498db;
	box-shadow: none;
	background-image: none;
}
.navbar-default1 .navbar-nav > .open > a, .navbar-default1 .navbar-nav > .open > a:hover, .navbar-default1 .navbar-nav>.open>a:focus {
    background-color: #3498db;
}
.navbar-default1 .navbar-nav > li > a {
	color: #7e7e7e;
	font-weight: 500;
	font-size: 13px;
	text-transform: uppercase;
}

.navbar1 .dropdown-menu {
	padding: 0;
	margin: 0;
	/*min-width: 190px;*/
	border: none;
}
.navbar1 .dropdown-menu li a {
	font-weight: 400;
	text-transform: uppercase;
	padding: 9px 20px;
	font-size: 15px;
	-webkit-transition: all 200ms ease-in;
	-o-transition: all 200ms ease-in;
	-moz-transition: all 200ms ease-in;
	transition: all 200ms ease-in;
	background:#ad2090 !important 
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
   background:#000 !important
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a {
    transition: all 0.2s ease-in-out 0s;
	color:#fff;background:#000 !important
}

.navbar-collapse1 {
    display: block !important;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
	margin-right: 0;
    margin-left: 0;
}

.nav1 {
    margin:60px 150px 0 0;
    list-style: none;
}
.navbar-main > li {
}

.nav1 > li {
    position: relative;
	padding:0 40px;
	text-align:center;
}
.navbar-nav1 > li {
   display:inline-block;
   
}

.navbar-nav1> li > a {
}
.nav1 > li > a {
    position: relative;
    display: block;
}
.navbar-nav1 > li > a {
    line-height: 20px;
	font-size:18px;
	font-weight:500;

}

.navbar-default1 .navbar-nav1 > li > a {
    color: #000;
    font-weight: 500;
    letter-spacing:-1px;
/* 대문자를 소문자로    text-transform: uppercase;*/
    line-height: 20px;
}

.navbar-nav1 > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
	left:25px;
}
.navbar1 .dropdown-menu {
    padding: 0;
    margin: 0;
    
    border: none;
}
.navbar1 .dropdown-menu[title=""] {
    padding: 0;
    margin: 0;
    background:red;
    border: none;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 15px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.navbar1 .dropdown-menu li a {
    font-weight: 400;
    text-transform: uppercase; 
    font-size: 15px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    color: #ccc;

}
.dropdown-menu > li > a {
    display: block;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;  
}

.navbar-right1 {

}


/* 상단 로고 영역 */
.dropdown-item {
    display: block;
    width: 100%;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: #ad2090;
    border: 0;
	line-height:40px;
	height:40px;
	padding: 0px 15px;
	min-width:100px;
}

.dropdown-item:hover {
	background-color:#e69cd7;
	text-decoration:none;
}



#common_menu {
	font-size:1.5em;
	display:block;
	float:right;
	z-index:12;
}
#common_menu li {
	margin:0px;
	float:left;
	text-align:center;
}
#common_menu li a {
	color:#000;
	font-size:18px;
}
#common_menu li a:hover{color:#e8538e}

#common_menu .m1, #common_menu .m2, #common_menu .m3, #common_menu .m4, #common_menu .m5, #common_menu .m6, #common_menu .m7 {
	padding-left:100px;
}

/*2차메뉴*/
#common_menu .m1 ul, #common_menu .m2 ul, #common_menu .m3 ul, #common_menu .m4 ul, #common_menu .m5 ul, #common_menu .m6 ul, #common_menu .m7 ul {
	display:none;
	position:absolute;
}

#common_menu li li a {
	margin:0px;
	padding:0px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	font-family:NanumB;
}
#common_menu li li a:hover, #common_menu li li a:focus {
	margin:0px;
	color:#009ec7;
	2020-08-13padding-right:5px;
}
#common_menu li ul {

	margin:40px 0 0 0;
    padding:18px 0 0 0;
	
}
#common_menu li ul li {
	height:50px;
	vertical-align:top;
	background:none;
	white-space:nowrap;
	margin:0px;
	padding-right:20px !important;
	
}

#common_menu li.m1, #common_menu li.m2, #common_menu li.m3, #common_menu li.m4 {
}
#common_menu li.m1 ul{
}
#common_menu li ul li{padding-right:10px; letter-spacing:-1px;}


#smenu_1{width:500px; height:80px; margin-left:-100px !important}
#smenu_2{width:700px; height:80px; margin-left:-280px !important}
#smenu_3{width:700px; height:80px; margin-left:-350px !important}
#smenu_4{width:690px; height:80px; margin-left:-600px !important;}
#smenu_5{width:400px; height:80px; margin-left:-50px !important}

#sub-menu-div{width:1000px; margin:0 auto;}
#top-facebook{width:120px; position:absolute; padding:10px; margin-top:-30px; line-height:13px;}
#top-facebook a{font-size:11px; color:#fff; letter-spacing:-1px}
#top-facebook a:hover{color:#feffb5}

#top-certificate{height:100px; text-align:center;position:absolute; padding:10px; margin-top:-30px; margin-left:125px; line-height:13px;}
#top-certificate a{font-size:11px; color:#fff; letter-spacing:-1px}
#top-certificate a:hover{color:#feffb5}
#top-certificate span{padding-left:140px; padding-bottom:50px;}


#navigation h2 {
}
/* 공통상단 끝 */

#container {
	clear:left;
	width:100%;
	position:relative;
}


/* 서브컨테이너 */
#subvisual {
    position:releative;
    height:174px;
    width: 100%;
	text-align:center;
}



/* 상단이미지와 서브메뉴 */
.sub_top{width:100%;margin:15px auto 20px auto; text-align:center}
.sub_top div{width:1000px; margin:0 auto}



.plus_sub {
	font-weight: 400;;
	color:#3d3d3d;
	background-image:url("/assets/images/arrow-down.png");
	background-repeat: no-repeat;
	background-position:210px 20px;
	background-size:23px 23px;
}
.plus_sub li a{font-weight: 400; !important}







#title {
	height:190px;
	margin-bottom:30px;
	padding-top:40px;
}
#title h3 {
	font-weight:normal;
	text-align:left;
}
#title h3 img{margin-left:10px;}
#title .navigator {
float:right;font-size:16px !important;margin-top:-50px;color:#757575
}
#title .navigator img {
	vertical-align:middle;
	margin-right:5px;
}
#title .navigator a {font-size:16px !important
}

.contents {
	padding-top:0px;
	width:800px;
	float:right;
    min-height:680px;
	color:#3d3d3d
}
div, ul, li{}
#ajaxLoadingLayer {
	position:fixed;
	left:0px;
	top:0px;
	z-index:5;
	width:100%;
	height:100%;
	background-color:#333;
	display:none
}
.select_opt {
	position:relative;
	float:left;
}
.sebox_basic {
	margin-right:3px;
}
.sebox_order {
	margin-right:10px;
}
.sebox_func {
	margin-right:3px;
}
.sebox_ctgr {
	margin-right:3px;
}
.select_opt a {
	color:#666666;
}
.top_list .sebox_basic .list_label {
	width:94px;
	background-position:88px -40px;
}
.top_list .sebox_func .list_label {
	padding:5px 0 3px 5px;
	width:64px;
	background-position:55px -40px;
}
.top_list .sebox_adm .list_label {
	padding:5px 0 3px 5px;
	width:55px;
	background-position:46px -40px;
}
.top_list .sebox_ctgr .list_label {
	padding:5px 0 4px 5px;
	width:97px;
	background-position:88px -40px;
}
.top_list .select_opt .s-choice {
}
.top_list .sebox_basic .s-choice {
	background-position:88px -56px;
}
.top_list .sebox_func .s-choice {
	background-position:55px -56px;
}
.top_list .sebox_adm .s-choice {
	background-position:46px -56px;
}
.top_list .sebox_ctgr .s-choice {
	background-position:88px -56px;
}
.top_list .select_opt ul {
	position:absolute;
	left:0;
	margin:0;
	width:95px;
	_width:90px;
	border:1px solid #D3D3D3;
	background-color:#F9F9F9;
	z-index:100;
}
.top_list .sebox_basic ul {
	top:24px;
	width:94px;
	_width:97px;
}
.top_list .sebox_func ul {
	top:24px;
	width:69px;
	_width:64px;
}
.top_list .sebox_adm ul {
	top:24px;
	width:60px;
	_width:55px;
}
.top_list .sebox_ctgr ul {
	top:25px;
	width:102px;
	_width:97px;
}
.top_list .select_opt li {
	text-indent:5px;
	list-style:none;
}
.top_list .sebox_basic li {
	width:94px;
}
.top_list .sebox_func li {
	width:69px;
}
.top_list .sebox_adm li {
	width:60px;
}
.top_list .sebox_ctgr li {
	width:102px;
}
.top_list .select_opt li a {
	float:left;
	_margin-right:-5px;
	padding:4px 0 2px;
	width:95px;
	overflow:hidden;
}
.top_list .sebox_basic li a {
	width:94px;
}
.top_list .sebox_func li a {
	width:69px;
}
.top_list .sebox_adm li a {
	width:60px;
}
.top_list .sebox_ctgr li a {
	width:102px;
}
.top_list .select_opt li a:hover {
	background-color:#F0F0F0;
}
/* 이미지 셀렉트 박스용 css 끝 */



/*사이트 맵 */
.sitemap {
	float:left;
	padding:0 13px 15px 0;
	margin-bottom:40px;
	height:400px
}
.sitemap h4 {
	background:none !important;
	padding-left:0 !important;
	margin-bottom:2px !important
}
.sitemap ul {
	width:180px;
	padding:10px;
	background:#f5f5f5
}
.sitemap ul li {
	padding-left:13px;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px dotted #dcdcdc;
	background:url("/images/content/sitemap/bg_sitemap_01.gif") no-repeat scroll 5px 5px;
}
.sitemap ul ul {
	margin:0 !important;
	padding-left:0;
	background:none !important;
}
.sitemap li li {
	padding-left:5px;
	padding-bottom:5px;
	margin:0;
	border-bottom:none;
	background:url("/images/content/sitemap/bg_sitemap_02.gif") no-repeat scroll 0 7px;
}


/* 자동 글자수 조절 */
.text_o {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


#floatdiv p{
	margin:0; padding:13px 0 0 0; text-align:center; width:35px; height:20px; border:1px solid #dbdbdb;  border-top:1px solid #e3e3e3;
	font-size:20px; font-weight:bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f9f9f9+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */
		
}
#floatdiv p span{font-size:10px; display:block; color:#999999; font-weight:normal}


#sitemap{}
#sitemap div{width:30%; float:left}
#sitemap h1{width:200px !important; border-bottom:1px solid #009fc7; margin-bottom:20px; text-align:center; height:40px;}
#sitemap h1 img{margin:0px 0  20px 0}
#sitemap ul{margin:0; padding:0 0 70px 0}
#sitemap li{border-bottom:1px solid #dbdbdb; padding:10px 0 10px 20px;}
#sitemap a{color:#515151}
#sitemap a:hover{color:#999999}
#sitemap .lpd{padding-left:35px}
#sitemap .smenu{background:#f9f9f9; height:15px;}
#sitemap .smenu a{font-size:11px;  color:#787878}
#sitemap .smenu a:hover{font-size:11px;  color:#c7c7c7}


.top{
width: 100%;
 max-width: none !important;
}


/* 상단영역 */
/*전체메뉴 .#sub_menu*/
 #sub_menu{
		width:100%;
		height:auto;
		background:#fff;
		display:none;
		border-top:3px solid #3498db;
		position:absolute;
		z-index: 999 !important;    
		opacity:1;
		border-bottom: 3px solid #368bcb;
		padding-bottom: 20px;
		top:101px;
		}
	   #sub_menu>#sub_menu_wrap{position:relative;width:1200px; max-width:1200px; margin:0 auto; padding:0px 0;}
	   
	    #sub_menu>#sub_menu_wrap .sub_close{
		display: inline-block;
		position: absolute;
		width: 24px;
		height: 24px;
		top:241px;
		right: 117px;
		background: url(/assets/images/common/btn_close_menu.png) center center no-repeat;
		z-index: 999;
		cursor:pointer;
		}
	   
	    #sub_menu>#sub_menu_wrap .subtitle{
		width:100%; 
		display:inline-block;
		float:left;
		}
	   #sub_menu>#sub_menu_wrap .subtitle a{
	   color:#000; 
	   font-size:16px;  
	   line-height:30px; 

	   font-family:'Noto Sans KR'; 

	   word-break:keep-all;
	   text-align:left;
	   border-bottom: 1px solid #ccc;
	   width: 93%;
	   margin: 0 auto;
	   text-indent: 10px;
	   background:url(../../../assets/images/common/bullet_dot.gif) no-repeat 0 12px;
	    }
	   #sub_menu>#sub_menu_wrap .subtitle a:hover{color:#3498db;}
   
	   #sub_menu>#sub_menu_wrap .sub_menu_div{
			float: left;
			padding: 15px 10px;
			width: 182px;
			box-sizing: border-box;
	   }

	   #sub_menu>#sub_menu_wrap .sub_menu_div h1{
	   color:#000;  
	   font-family:'Noto Sans KR'; 
	   vertical-align:middle;
	    display:inline-block; 
		*zoom:1; 
		*display:inline; 
		font-weight:500;
		text-align:center;
	
		line-height:35px;
		padding-top: 15px;
		}

.sub_menu_div h1.smh1{
	background: url(/assets/images/common/sub_menu_icon1.png) center 30% no-repeat;
    background-size: 50%;
}
.sub_menu_div h1.smh2{
	background: url(/assets/images/common/sub_menu_icon2.png) center 30% no-repeat;
    background-size: 50%;
}
.sub_menu_div h1.smh3{
	background: url(/assets/images/common/sub_menu_icon3.png) center 38% no-repeat;
    background-size: 43%;
}
.sub_menu_div h1.smh4{
	background: url(/assets/images/common/sub_menu_icon4.png) center 33% no-repeat;
    background-size: 53%;
}
.sub_menu_div h1.smh5{
	background: url(/assets/images/common/sub_menu_icon5.png) center 30% no-repeat;
    background-size: 65%;
}

	   #sub_menu>#sub_menu_wrap .sub_menu_div .sub_list{
	   color:#000;  
	   font-family:'Noto Sans KR';
	   font-size:17px;
	   width:80% !important;
	   vertical-align:middle; 
	   display:inline-block; 
		*zoom:1; 
		*display:inline; 
		width:100%; 
		padding: 15px 0 0 7px;
		}

	.sub_on a {display:block;}
	.sub_on {background:none;}

#top_btn{position:fixed;bottom:2%;right:0;display:none;width:50px;height:40px;border-radius:5px; background:#333; overflow:hidden;opacity:0.8;z-index: 999; color:#fff !important; font-size:12px; padding-top:10px; text-align:center}



/* 푸터 */
	  footer{clear:both; width:100%; background:#4f4f4f; margin-top:20px;}
	  	#footer{width:100%; max-width:1200px; margin:auto; padding-top:20px; color:#fff}

		#footer .privacy{display:block;  width:100%;}
		#footer .privacy ul{margin:0; padding:0}
		#footer .privacy ul li{display:inline-table; border-right:1px solid #9a9999; padding:0 15px; margin-bottom:15px;font-size:13px;}
		#footer .privacy ul li:last-child{border-right:0px}
		#footer .privacy ul li:first-child{padding-left:0px}
		#footer .privacy ul li a{color:#fff}
		#footer .privacy ul li a:hover{color:#8a8a8a}

		#footer address{display:inline-table;  vertical-align:top; font-style:normal; width:70%; padding-bottom:30px;}
		#footer address ul{margin:0; padding:0 0 0 0}
		#footer address ul li{font-size:14px; display:inline-block;  border-right:1px solid #9a9999; padding:0 15px; }
		#footer address ul li:last-child{border-right:0px}
		#footer address ul li:first-child{padding-left:0px}

		#footer .footer-logo{
		    width:27%;
			display:inline-table; 
			vertical-align:top;
			text-align:right;
		}
		#footer .footer-logo img{
		max-width:241px
		}
		
		#footer address p{margin:0px; padding:0;}
/* 게시판 */
/*.board{float:right; width:80%; padding: 50px 30px 100px 30px; }*/
.board{float:none; width:100%; padding: 0px 30px 100px 30px; }
.board h3{padding:10px 0; border-bottom:1px solid #e5e5e5; margin-bottom:10px; font-weight:600;}
.info{border-bottom:1px solid #eee; padding:5px;}


@media all and (min-width:0px) and (max-width:564px){
 #footer{padding:10px;}
 #footer .privacy ul li{padding:0 5px; margin-bottom:5px;}
 #footer address{width:100%; display:table; padding-bottom:0px; padding-top:10px;}
 #footer address ul li{display:block; width:100%; border-right:0px; padding:0 0}
 #footer .footer-logo{display:none}
}

@media all and (min-width:565px) and (max-width:654px){
 #footer{padding:0 0}
 #footer .privacy ul{display:table; margin:0 auto}
 #footer .privacy ul li{padding:0 5px; margin-bottom:5px;}
 #footer address{width:100%; display:table; padding-top:10px}
 #footer address ul li{border-right:0px;}
 #footer address ul li:nth-child(1){display:block; width:100%; border-right:0}
 #footer address ul li:nth-child(2){padding-left:0}
 #footer .footer-logo{display:none}
}

@media all and (min-width:655px) and (max-width:754px){
 #footer .privacy ul{display:table; width:100%; margin:0 auto}
 #footer address{width:100%; display:table; padding-top:10px}
 #footer address ul li{padding:0 4px 0 1px;}
 #footer .footer-logo{display:none}

}

@media all and (min-width:755px) and (max-width:1024px){
 #footer {padding: 10px 15px;}
 #footer .privacy ul{display:table; width:100%; margin:0 auto}
 #footer address{width:60%; padding-bottom:0px;}
 #footer address ul li:first-child{display:block; border-right:0}
 #footer address ul li:nth-child(2){padding-left:0}
 #footer .footer-logo{float:right}
}
@media all and (max-width:1199px){
.board{float:none; width:100%; padding: 50px 30px 100px 30px; }
}