@font-face{
	font-family:"NanumBarunGothicLight";
	src:url('font/NanumBarunGothicLight.eot');
	src:url('font/NanumBarunGothicLight.eot?#iefix') format('embedded-opentype'),
	url('font/NanumBarunGothicLight.woff') format('woff'),
	url('font/NanumBarunGothicLight.ttf') format('truetype');
	url('font/NanumBarunGothicLight.svg#NanumGothic') format('svg')
	src:local(※), url('/font/NanumBarunGothicLight.woff') format('woff');
}

@font-face{
	font-family:"NanumBarunGothic";
	src:url('font/NanumBarunGothic.eot');
	src:url('font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
	url('font/NanumBarunGothic.woff') format('woff'),
}


body,html{
	padding:0;
    margin-top:10px;
    font-family: 'NanumBarunGothicLight', sans-serif;
    color: #393d3c;
}

/*----------------------------*/
/* CUSTOM SCROLLBAR  */
/*----------------------------*/

::-webkit-scrollbar {
    width: 9px;
}
 
::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
}
 
::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
}

h1 {font-size:1.12em;letter-spacing:-1.5px; margin:0; }
h2 {font-size:18px; margin:0; }
h3 {font-size:16px; margin:0; font-weight: 400;}
p {font-size:14px; letter-spacing:0.8px; line-height:24px;}
img {max-width:100%;}
a {text-decoration: none; color:#393d3c;}
.res {
    content: "";
    clear: both;
    display: table;
}


#wrap {width:760px;margin:0 auto; position: relative;padding:0;  }

.top { width:100%; margin: 0 auto; text-align: center;}
#top .title {padding:40px 6.5% 0; text-align:left; }
#top .title h1 {font-size:20px; color:white; font-weight:800; letter-spacing:5px; padding-left:10px; line-height:26px;  }
#top ul {padding:0; margin:0 5px; position: absolute; top:90px;  }
#top li {list-style: none; float:left; display: inline-block; padding-left:5px; }
#top .w_text {position: relative; text-align: center; top:80px }
#top .w_text1 {position: absolute; margin-left:35px; top:185px; }

#top .m_text {display:none;}

.title_1 {background:#efedda; padding:10px; margin-bottom: 15px;color:#56A110; }
.title_1 p {position:relative; padding:0; margin:0; float:right; bottom:20px; }

.contents h2 {margin:50px 0; color:#50442e; }


#foot {}
#foot .box {
	display: inline-block; 
	float: left; 
	width:49%; 
	margin: 0 3px; 
	height:99px ;
	margin-bottom:10px; 
}

#foot .foot_box3 { display: inline-block; margin:30px 0; }
#foot ul {padding:0; margin-top:5px;}
#foot ul li {list-style:none; display: inline-block; float:left; width:24%; padding-right:9px; }
#foot .last {padding:0; }
#foot span {font-family: 'NanumBarunGothic';}
#foot .foot_text {position:absolute; color:white; padding:15px 10px 0;}
#foot .foot_img {width:100px; padding:60px 0 0 10px; position:absolute;}

#foot .foot_mbox3 { display:none; }
#foot .logo {width:20%; display: inline-block;float:left; margin: 10px 0 0 10px;}


#foot .bar {width:100%;margin-bottom:30px; }

#foot .b_text {width:75%; display: inline-block; padding:0 0 0 10px; }
#foot .b_text p {font-size:10px; line-height:16px;   }
#foot .b_text a {color:red; }
#foot .s_text {padding:10px; }


.m_sns {display:none;}
.m_t {display:none; }
.m_text1 {display:none;}


#btn { width: 98%; margin:0 auto; text-align: center;}
#btn a { color:#7c7c7c;}
#btn .bt1 {
    background: #fff;
    display: block;
    float: left;
    font-size: 15px;
    width:33.33%;
	padding: 13px 0;
	text-align: left;	
}

#btn .bt2 {
    padding: 10px;
    background: #fff;
    display: block;
    float: left;
    font-size: 15px;
    width:33.33%;
	padding: 13px 0;
}

#btn .bt3 {
    padding: 10px;
    background: #fff;
    display: block;
	float: left;
    font-size: 15px;
    width:33.33%;
	padding: 13px 0;
	text-align: right;
	
}

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

	#wrap {
		width:95%;
		margin:10px auto 0; 
		position: relative;
		padding:0; 
	}
		
	#foot ul li {padding-right: 0;}
    
    #btn .bt2 {
    padding: 0px;
    display: block;
    float: left;
    margin: 10px 0;
    font-size: 20px;
}
 
}


@media all and (min-width: 361px) and (max-width: 637px) { 
 	#wrap {
		width:95%;
		margin:10px auto 0; 
		position: relative;
		padding:0; }
	
	#contents .block1 {width:100%; padding-bottom: 30px;}
	#contents p { margin: 3px 0 10px; letter-spacing:0}
	#contents .block2 { width:100%; height: auto; }
	#contents .block3 { width:100%;  }
	
	#contents .fun {display: none;}
	
	#contents .fun_m {height:auto; display: inline-block;}
	#contents .fun_m ul {
	text-align: center; 
	width: 100%; 
	display:inline-block; 
	padding: 0;
	margin: 30px 0;

	}
	#contents .fun_m ul li {
		list-style: none;
		float: left;
		width: 29.7%;
		padding: 0 6px;
	}

	#contents .fun_m ul li img { padding-right:10px; }

	#contents .fun_m h3 { font-size:15px; color: #152a50; text-align: center; font-weight: 600; margin-top:10px; }

	
	#contents .m_1 {margin-bottom: 50px;}
	#foot .box {width:100%; height:auto; margin:0; }
	#foot ul li {padding-right:0; }
	#foot .b_text {width: 100%; padding:0; }
	#foot .logo {margin:0; }
	#foot .b_text {width:100%;}
    
  

        
}


@media all and (min-width: 280px) and (max-width: 361px) { 
 	#wrap {
		width:95%;
		margin:10px auto; 
		position: relative;
		padding:0; }
	
	#contents .block1 {width:100%; padding:0;}
	#contents p { margin: 3px 0 10px; letter-spacing:1px}
	#contents .block2 { width:100%; height:100%; }
	#contents .block3 { width:100%; height: 100%; }
	#contents .fun {height:100%; margin-top:100px; }
	#contents .fun ul li { width:100%; padding:10px 0 20px;  }
	#contents .fun h3 {font-size: 15px; letter-spacing: -0.5px;}
	#contents .m_1 {margin-bottom: 50px;}
	#contents .fun_1 {font-size:15px; } 
	#contents .fun_2 {font-size:15px; } 
	
	#foot .box {width:100%; height:100%; margin:0; }
	#foot ul li {padding-right:0; width: 49%; }
	#foot .b_text {width: 100%; padding:0; }
	#foot .logo {margin:0; } 
	#foot .foot_box3 { display: none;}
	#foot .foot_mbox3 { display: inline-block; margin: 10px 0;}
	#foot .foot_mbox3 li {margin-bottom: 3px;}


        
}