﻿/* reset */
@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
*{margin:0 auto; padding:0; border:none;}

/* common */
body, table, td, th, p, textarea, select{font-family:'Nanum Gothic',"돋움", Verdana; font-size:12px;}
body{
	margin:0; padding:0; 
	-webkit-text-size-adjust:none;
	background:#e0e2e3 url(../images/bg_pattern.png);
	background-size:33px 19px;
}
ul, ol, dl{list-style:none;}
input{vertical-align:middle;}
a{text-decoration:none; }

/* header */
header{
	overflow:hidden; 
	width:100%; height:50px;
	background: -webkit-linear-gradient(#0092d8, #0071a8); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#0092d8, #0071a8); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#0092d8, #0071a8); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#0092d8, #0071a8); /* Standard syntax (must be last) */
	border-bottom:1px solid #0092d8;
	}
header h1{float:left; display:block; margin:10px 10px;}
header h1 img{width:100px;}
header h2{float:right; margin:17px 10px 0 0; font-size:1.2em; font-weight:bold; color:#001620;}
header h2 span{color:#9cf7fd;}

nav{
	overflow:hidden;
	width:100%;
	padding:10px 0;
	background: -webkit-linear-gradient(#171c21, #232a32); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#171c21, #232a32); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#171c21, #232a32); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#171c21, #232a32); /* Standard syntax (must be last) */
	border-bottom:1px solid #394047;
}
nav ul li{float:left; width:33%; font-size:1.2em; text-align:center; letter-spacing:-1px;}
nav ul a{color:#babfc4;}
nav ul a.over{color:#ffffff;}

/* container */
#container{
	overflow:hidden; 
	width:100%;	
	padding-bottom:30px;
	}
.list_head{overflow:hidden; margin:0 auto; margin:30px 10px 0 10px;}
.list_head h3{float:left; font-weight:bold; color:#1b5f8e;}
.list_head a{float:right; text-align:right; color:#6f6f6f;}

.sub_link{position:relative; margin:10px 10px 0 10px; background:#ffffff; border:1px solid #cacaca; padding:5px; color:#6c6c6c;}
.sub_link a{display:block; overflow:hidden; color:#6c6c6c;}
.img_txt{display:block;}

.img_link img{float:left; height:75px; margin-right:10px;}
.txt dl{overflow:hidden;}
.txt dl dt{fott-size:1em; font-weight:bold;}
.txt dl dd{fott-size:1em;}

/* news */
.news_container{margin:0 auto; overflow:hidden;}

.news_container p.cbox{overflow:hidden; width:95%; padding:20px 0; margin:30px auto; border:1px solid #dcdcdc; background:#f2f5f8;}
.news_container p.cbox img{float:left; margin:0 15px 0 10px; width:56px;}
.news_container p.cbox span{display:block; width:65%; float:right; margin-right:20px; color:#323232;}

.news_link{width:300px; margin:0 auto; margin:0 auto; margin-top:50px;}
.news_link li{float:left; margin-right:3px; text-align:center;}
.news_link li img{width:97px;}
.news_link li:last-child{margin-right:0;}

.news_container h3{margin:0 10px; color:#0081b6; font-weight:bold;}
.contents{margin:0 10px; color:#323232;}
.contents img{margin:0 auto;}

.clist{margin:0 10px;}
.clist tr th{font-size:1.1em; font-weight:bold; color:#0095d2;}
.clist tr td{font-size:1.1em; padding-bottom:10px;}

.news_container{overflow:hidden; background-color:#ffffff;}
.news_container p{margin:10px;}
.news_container p.title1{padding-top:30px; font-size:1.2em; text-align:center;}
.news_container p.title2{font-size:1.3em; font-weight:bold; text-align:center;}
.news_container p img{width:100%;}
.main_visual {text-align:center;}
.main_visual img{margin-top:10px;}

.contents span{font-size:1em; line-height:1.3em;}

.news_article_list{margin:50px 10px 10px 10px; border-top:2px solid #747f83; border-bottom:2px solid #747f83;}
.news_article_list a{color:#323232;}
.news_article_list li{padding:10px 5px; color:#323232; border-bottom:1px solid #b9bec1;}
.news_article_head{padding:5px; font-weight:bold; }
.news_article_list li.lastend{border-bottom:none;}

/* footer */
footer {width:100%; background:#747f83; padding:10px 0;}
footer .copyright {margin:0 auto; margin-left:20px; line-height:1em;}
footer .copyright span, span a{font-size:0.9em; color:#e9e8ed;}


/* ===============================================================
        Basic Swiper Styles 
================================================================*/
.slide_wrap { 
	position:relative;
	border-bottom:2px solid #4c4c4c;
	background:#ffffff;
	text-align:center;
}

.slide_wrap a img{ 
	width:245px;
	margin:40px auto;
}
.slide_wrap p{ 
width:100%;
	background:#e4e4e4;
	padding:10px 0;
	color:#323232;
	font-size:1.4em;
	font-weight:bold;
	letter-spacing:-1px;
}
/*
.slide_wrap { 
	position:relative;
	border-bottom:2px solid #4c4c4c;
	background:#ffffff;
}

.slide_wrap .arrow-left{
	z-index:999;
	background:url(../images/arrows.png) no-repeat left top;
	background-size:30px 50px;
	position:absolute; left:0; bottom:0; width:30px; height: 50px; 
}
.slide_wrap .arrow-right {
	z-index:999;
	background:url(../images/arrows_r.png) no-repeat left bottom;
	background-size:30px 45px;
	position:absolute; right:0; bottom:0; width:30px; height: 50px; 
}
.swiper-container {
	overflow:hidden;
	width:320px; height:220px; margin:auto;
    text-align:center;
    border-radius:3px;
	-webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;	
    -ms-backface-visibility:hidden;	
    -o-backface-visibility:hidden;	
    backface-visibility:hidden;	
}
.swiper-container2 {
	width:100%; margin:auto;
	-webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;	
    -ms-backface-visibility:hidden;	
    -o-backface-visibility:hidden;	
    backface-visibility:hidden;	
}
.swiper-wrapper {	
    position:relative;	
    width:100%;	
    -webkit-transition-property:-webkit-transform, left, top;	
    -webkit-transition-duration:0s;	
    -webkit-transform:translate3d(0px,0,0);	
    -webkit-transition-timing-function:ease;	
    -moz-transition-property:-moz-transform, left, top;
    -moz-transition-duration:0s;	
    -moz-transform:translate3d(0px,0,0);	
    -moz-transition-timing-function:ease;	
    -o-transition-property:-o-transform, left, top;	
    -o-transition-duration:0s;	
    -o-transform:translate3d(0px,0,0);	
    -o-transition-timing-function:ease;	
    -o-transform:translate(0px,0px);	
    -ms-transition-property:-ms-transform, left, top;	
    -ms-transition-duration:0s;	
    -ms-transform:translate3d(0px,0,0);	
    -ms-transition-timing-function:ease;	
    transition-property:transform, left, top;	
    transition-duration:0s;	transform:translate3d(0px,0,0);	
    transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {	
    -webkit-transition-timing-function: ease-out;	
    -moz-transition-timing-function: ease-out;	
    -ms-transition-timing-function: ease-out;	
    -o-transition-timing-function: ease-out;	
    transition-timing-function: ease-out;	
    margin: 0 auto;
}
.swiper-slide {	
    float: left;
}
.swiper-slide img{	
    width:100%;
}
*/