@import url(common.css);
@import url(content.css);

body{margin:0;padding:0;}

#wrapper{margin:0 auto;position:relative;background-color:#fff;max-width:800px;min-width:320px;}

/* 슬라이드 */
.slide_wrap {position:relative;}
.slide_wrap .slide li{text-align:center;width:100%;overflow:hidden;line-height:0;}
.slide_wrap .slide li a {display:block;margin:0;padding:0;border:0 none !important;}
.slide_wrap .slide li img{width:100%;height:auto;border:0 none !important;line-height:0 !important;}
.slide_wrap .thumb{position:absolute;left:0;width:100%;bottom:5%;text-align:center}
.slide_wrap .thumb li{cursor:pointer;display:inline-block;margin:0 3px;width:12px;height:12px;background-size:12px 12px;background-image:url(../images/ico_banner_off.png);background-repeat:no-repeat;background-position:0 0;}
.slide_wrap .thumb .flex-active{background-size:12px 12px;background-image:url(../images/ico_banner_on.png);background-repeat:no-repeat;background-position:0 0;border:0 none !important;}

.slide_wrap .main_txt{position:absolute;bottom:0px;left:0;width:100%;z-index:999}
.slide_wrap .main_txt li{color:#fff;font-weight:600;font-size:16px;padding:20px;font-family:'나눔바른고딕', Nanum Barun Gothic;letter-spacing:-1px;}
.slide_wrap .main_txt li.txt1{background:#045bc7;opacity:0.75;filter:alpha(opacity=75);}
.slide_wrap .main_txt li.txt2{background:#25b300;opacity:0.75;filter:alpha(opacity=75);}
.slide_wrap .main_txt li.txt3{background:#00af77;opacity:0.75;filter:alpha(opacity=75);}


/*header*/
header{height:72px;border-bottom:3px solid #4f99ee}
header h1.logo{text-align:center;padding-top:13px;position:relative;}
header h1.logo span{position: absolute;top:72px;left: 50%;margin-left: -72px;z-index:999999}

header a.btn_call{position: absolute;right:17px;top:20px;display:inline-block;border:1px solid #cdcdcd;padding:7px 12px;color:#4d4d4d;font-weight:600;font-size:13px;background:#f4f4f4;
-webkit-border-radius: 15px;-moz-border-radius:15px;-o-border-radius: 15px;border-radius: 15px;}

header a.mainmenu {position: absolute;left:17px;top:17px;display: block;width: 38px;height: 38px;background: url(../images/mainmenu_icon.png) no-repeat;}
header a.mainmenu.opned {width: 38px;background: url(../images/close_menu_icon.png) no-repeat;}

	header nav {
		position: absolute;
		left: 0;
		top: 75px;
		z-index: 20;
		width: 100%;
		overflow: hidden;
		background: #fafafa;
		padding-top:30px;
		display:none;
		z-index:99999;
	}
	header nav.active {display:block;}
	header nav ul {
		display: block;
		margin-top: 0;
		width: 100%;
		text-align: center;
	}
	header nav ul li {
		display: block;
		float: none;
		margin-left: 0;
		width: 100%;
	}
	header nav ul li a {
		display: block;
		background:#fafafa;
		padding: 18px 0;
		border-bottom: 1px solid #e9e9e9;
		color:#535353;
		font-size:16px;font-weight:600;

		-webkit-transition: background .2s linear;
		-moz-transition: background .2s linear;
		-o-transition: background .2s linear;
		transition: background .2s linear;
	}
	header nav ul li a:active, header nav ul li a:hover{background: #4f99ee;color:#fff;}

/*footer*/
footer{background:#191919;padding:15px;font-size:11px;line-height:15px;color:#fff}
footer p{margin-top:3px;font-size:10px;color:#7c7c7c;}

#sub .contents table td.a_r{text-align:center;}


/*메인*/
#main_container{}

#main_container .main_visual{width:100%;height:160px;text-align:center;padding-top:50px;background:url(../images/main_visual.jpg) no-repeat;background-position: 50% 50%;
background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}

#main_container .quick{}
#main_container .quick li{float:left;width:25%;background:#4f99ee;letter-spacing:-0.5px;}
#main_container .quick li a{display:inline-block;width:99%;height:33px;padding-top:72px;color:#fff;text-align:center;border-left:1px solid #5fa6f7;font-weight:600;font-size:12px;}
#main_container .quick li a.quick1{background:url(../images/quick1.png) no-repeat 50% 17px}
#main_container .quick li a.quick2{background:url(../images/quick2.png) no-repeat 50% 17px}
#main_container .quick li a.quick3{background:url(../images/quick3.png) no-repeat 50% 17px}
#main_container .quick li a.quick4{background:url(../images/quick4.png) no-repeat 50% 17px}

/*서브*/
#sub_container{}
#sub_container .sub_visual{width:100%;height:120px;position:relative;background:url(../images/sub_visual.jpg) no-repeat;background-position: 50% 50%;
background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
#sub_container .sub_visual span{position:absolute;bottom:0px;right:0px;opacity:0.8;filter:alpha(opacity=80);color:#fff;font-weight:600;font-size:14px;padding:5px 8px;font-family:'나눔바른고딕', Nanum Barun Gothic;letter-spacing:-1px;}
#sub_container .sub_visual span.txt1{background:#989c22;}
#sub_container .sub_visual span.txt2{background:#045bc7;}
#sub_container .sub_visual span.txt3{background:#25b300;}
#sub_container .sub_visual span.txt4{background:#00af77;}

#sub_container .contents{padding:15px;}
#sub_container .contents h2{font-weight:600;font-size:21px;color:#313131;margin-bottom:13px;font-family:'나눔바른고딕', Nanum Barun Gothic;letter-spacing:-1px;}
#sub_container .contents h3{font-weight:600;font-size:18px;color:#4f99ee;margin-bottom:8px;font-family:'나눔바른고딕', Nanum Barun Gothic;letter-spacing:-1px;}