@import url(http://www.openhiun.com/hangul/nanumbarungothic.css);
* {font-family:'Nanum Barun Gothic', sans-serif; }

.wrap{margin:0 auto;}

/*** 메인 비주얼 css ***/
.m_screen{
	width:100%;
	height:540px;
	_height:540px;
	*height:540px;
	background-attachment:scroll;
	background-color:no;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	border-color:#eae9e9;
	border-bottom-width:0px;
	border-top-width:0px;
	border-bottom-style:solid;
	border-top-style:solid;
	text-align:center;
	position:relative;
}

.screen_bg{background-image:url(/images/main_bg.jpg); padding:30px 0; background-color:#373434;}

.screen_bg{background-image:url(/images/main_bg.jpg); padding-top:30px; background-color:#373434;}
.m_screen .txt_box{color:#fff; text-align:left; margin-left:40%;} 
.m_screen .txt_box .txt_s{font-size:22px; line-height:20px;} 
.m_screen .txt_box .txt_title{font-size:30px; line-height:55px;}
.m_screen .txt_box .txt_title span{font-size:38px; padding-left:10px; font-weight:bold;}
.m_screen .txt_box .txt_m{font-size:24px; line-height:35px;}
.m_screen .txt_box .txt_ss{font-size:18px; line-height:20px;} 
.m_screen img{position:absolute; bottom:0; padding-left:35%; display:block;}


/*** 컨텐츠 css ***/
.contents_wrap{text-align:center; padding-top:70px; font-weight:bold;}
.contents_wrap b{color:#333; font-size:32px; letter-spacing:-2px; padding-bottom:50px; display:block;}
.contents_wrap .content_01{width:100%; height:450px; padding-top:30px; border-bottom:#eee 1px solid;}
.contents_wrap .content_01 img{padding-right:50px; float:left; padding-left:15%;}
.contents_wrap .content_01 strong{font-size:24px; color:#0b5bb4; text-align:left; float:left; display:block; padding-top:170px;} 
.contents_wrap .content_01 p{font-size:18px; color:#333; text-align:left; display:block; padding-top:180px; line-height:25px;}

.contents_wrap .content_02{width:100%; height:450px; padding-top:30px; border-bottom:#eee 1px solid;}
.contents_wrap .content_02 img{padding-left:50px; float:right; padding-right:15%;}
.contents_wrap .content_02 strong{font-size:24px; color:#0b5bb4; text-align:right; float:right; display:block; padding-top:170px;} 
.contents_wrap .content_02 p{font-size:18px; color:#333; text-align:right; display:block; padding-top:180px; line-height:25px;}

.contents_wrap .content_03{width:100%; height:450px; padding:30px 0;}
.contents_wrap .content_03 img{padding-right:50px; float:left; padding-left:15%;}
.contents_wrap .content_03 strong{font-size:24px; color:#0b5bb4; text-align:left; float:left; display:block; padding-top:170px;} 
.contents_wrap .content_03 p{font-size:18px; color:#333; text-align:left; display:block; padding-top:180px; line-height:25px;}

/*** 배너 css ***/
.banner_01{width:100%; text-align:center; padding-bottom:80px; position:relative;}

/*** 앱다운 버튼 css ***/
.btn_app_down{width:100%; margin:0 auto; background:url(/images/btn_appdown_bg.png) repeat-x; position:fixed; bottom:0; text-align:center; padding:10px 0;}
.btn_app_down a{width:220px; height:50px;}
.btn_app_down img{margin:0 auto; display:block; }


/*** 사이즈별 css ***/
@media all and (max-width:320px) {
	
	/*** 메인 비주얼 css ***/
	.m_screen{
	width:100%;
	height:320px;
	_height:320px;
	*height:320px;
	background-attachment:scroll;
	background-color:no;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	border-color:#eae9e9;
	border-bottom-width:0px;
	border-top-width:0px;
	border-bottom-style:solid;
	border-top-style:solid;
	text-align:center;
	position:relative;
	}

	.screen_bg{background-image:url(/images/main_bg.jpg); padding-top:30px; background-color:#373434;}
	.m_screen .txt_box{color:#fff; text-align:left; margin-left:15%;} 
	.m_screen .txt_box .txt_s{font-size:14px; line-height:20px;} 
	.m_screen .txt_box .txt_title{font-size:20px; line-height:35px;}
	.m_screen .txt_box .txt_title span{font-size:30px; padding-left:10px; font-weight:bold;}
	.m_screen .txt_box .txt_m{font-size:18px; line-height:30px;}
	.m_screen .txt_box .txt_ss{font-size:14px;} 
	.m_screen img{width:60%; position:absolute; bottom:0; padding-left:15%; display:block;}
	
	/*** 컨텐츠 css ***/
	.contents_wrap{text-align:center; padding-top:50px; font-weight:bold;}
	.contents_wrap b{color:#333; font-size:20px; letter-spacing:-2px; padding-bottom:30px; display:block;}
	
	.contents_wrap .content_01{width:100%; height:220px;}
	.contents_wrap .content_01 img{width:40%; padding-right:10px; float:left; padding-left:5%;}
	.contents_wrap .content_01 strong{font-size:14px; color:#0b5bb4; text-align:left; float:left; display:block;  padding-top:50px;} 
	.contents_wrap .content_01 p{font-size:12px; color:#333; text-align:left; display:block; padding-top:60px;}
	
	.contents_wrap .content_02{width:100%; height:220px;}
	.contents_wrap .content_02 img{width:40%; padding-left:10px; float:right; padding-right:5%;}
	.contents_wrap .content_02 strong{font-size:14px; color:#0b5bb4; text-align:right; float:right; display:block; padding-top:50px;} 
	.contents_wrap .content_02 p{font-size:12px; color:#333; text-align:right; display:block; padding-top:60px;}
	
	.contents_wrap .content_03{width:100%; height:220px; padding-bottom:40px;}
	.contents_wrap .content_03 img{width:40%; padding-right:10px; float:left; padding-left:5%;}
	.contents_wrap .content_03 strong{font-size:14px; color:#0b5bb4; text-align:left; float:left; display:block;  padding-top:50px;} 
	.contents_wrap .content_03 p{font-size:12px; color:#333; text-align:left; display:block; padding-top:60px;}
	
}

@media only screen and (max-width: 360px) and (min-width: 320px) {
	
	/*** 메인 비주얼 css ***/
	.m_screen{
	width:100%;
	height:320px;
	_height:320px;
	*height:320px;
	background-attachment:scroll;
	background-color:no;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	border-color:#eae9e9;
	border-bottom-width:0px;
	border-top-width:0px;
	border-bottom-style:solid;
	border-top-style:solid;
	text-align:center;
	position:relative;
	}

	.screen_bg{background-image:url(/images/main_bg.jpg); padding-top:30px; background-color:#373434;}
	.m_screen .txt_box{color:#fff; text-align:left; margin-left:15%;} 
	.m_screen .txt_box .txt_s{font-size:18px; line-height:20px;} 
	.m_screen .txt_box .txt_title{font-size:24px; line-height:45px;}
	.m_screen .txt_box .txt_title span{font-size:32px; padding-left:10px; font-weight:bold;}
	.m_screen .txt_box .txt_m{font-size:20px; line-height:35px;}
	.m_screen .txt_box .txt_ss{font-size:16px;} 
	.m_screen img{width:80%; position:absolute; bottom:0; padding-left:25%; display:block;}
	
	/*** 컨텐츠 css ***/
	.contents_wrap{text-align:center; padding-top:50px; font-weight:bold;}
	.contents_wrap b{color:#333; font-size:26px; letter-spacing:-2px; padding-bottom:30px; display:block;}
	
	.contents_wrap .content_01{width:100%; height:200px; border-bottom:#eee 1px solid;}
	.contents_wrap .content_01 img{width:40%; padding-right:10px; float:left; padding-left:2%;}
	.contents_wrap .content_01 strong{font-size:18px; color:#0b5bb4; text-align:left; float:left; display:block;  padding-top:60px;} 
	.contents_wrap .content_01 p{font-size:14px; color:#333; text-align:left; display:block; padding-top:70px; letter-spacing:-1px; line-height:18px;}
	
	.contents_wrap .content_02{width:100%; height:200px; padding-top:20px; border-bottom:#eee 1px solid;}
	.contents_wrap .content_02 img{width:40%; padding-left:10px; float:right; padding-right:2%;}
	.contents_wrap .content_02 strong{font-size:18px; color:#0b5bb4; text-align:right; float:right; display:block; padding-top:60px;} 
	.contents_wrap .content_02 p{font-size:14px; color:#333; text-align:right; display:block; padding-top:70px; letter-spacing:-1px; line-height:18px;}
	
	.contents_wrap .content_03{width:100%; height:200px;padding:20px 0;}
	.contents_wrap .content_03 img{width:40%; padding-right:10px; float:left; padding-left:2%;}
	.contents_wrap .content_03 strong{font-size:18px; color:#0b5bb4; text-align:left; float:left; display:block;  padding-top:60px;} 
	.contents_wrap .content_03 p{font-size:14px; color:#333; text-align:left; display:block; padding-top:70px; letter-spacing:-1px; line-height:18px;}
}
@media only screen and (max-width: 410px) and (min-width: 360px) {
	
	/*** 메인 비주얼 css ***/
	.m_screen{
	width:100%;
	height:330px;
	_height:330px;
	*height:330px;
	background-attachment:scroll;
	background-color:no;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	border-color:#eae9e9;
	border-bottom-width:0px;
	border-top-width:0px;
	border-bottom-style:solid;
	border-top-style:solid;
	text-align:center;
	position:relative;
	}

	.screen_bg{background-image:url(/images/main_bg.jpg); padding-top:30px; background-color:#373434;}
	.m_screen .txt_box{color:#fff; text-align:left; margin-left:15%;} 
	.m_screen .txt_box .txt_s{font-size:18px; line-height:20px;} 
	.m_screen .txt_box .txt_title{font-size:24px; line-height:45px;}
	.m_screen .txt_box .txt_title span{font-size:32px; padding-left:10px; font-weight:bold;}
	.m_screen .txt_box .txt_m{font-size:20px; line-height:35px;}
	.m_screen .txt_box .txt_ss{font-size:16px;} 
	.m_screen img{width:77%; position:absolute; bottom:0; padding-left:22%; display:block;}
	
	/*** 컨텐츠 css ***/
	.contents_wrap{text-align:center; padding-top:50px; font-weight:bold;}
	.contents_wrap b{color:#333; font-size:26px; letter-spacing:-2px; padding-bottom:30px; display:block;}
	
	.contents_wrap .content_01{width:100%; height:220px; border-bottom:#eee 1px solid;}
	.contents_wrap .content_01 img{width:40%; padding-right:10px; float:left; padding-left:5%;}
	.contents_wrap .content_01 strong{font-size:20px; color:#0b5bb4; text-align:left; float:left; display:block;  padding-top:60px; letter-spacing:-2px;} 
	.contents_wrap .content_01 p{font-size:16px; color:#333; text-align:left; display:block; padding-top:70px; letter-spacing:-2px; line-height:20px;}
	
	.contents_wrap .content_02{width:100%; height:220px; padding-top:20px; border-bottom:#eee 1px solid;}
	.contents_wrap .content_02 img{width:40%; padding-left:10px; float:right; padding-right:5%;}
	.contents_wrap .content_02 strong{font-size:20px; color:#0b5bb4; text-align:right; float:right; display:block; padding-top:60px; letter-spacing:-2px;} 
	.contents_wrap .content_02 p{font-size:16px; color:#333; text-align:right; display:block; padding-top:70px; letter-spacing:-2px; line-height:20px;}
	
	.contents_wrap .content_03{width:100%; height:220px;padding:20px 0;}
	.contents_wrap .content_03 img{width:40%; padding-right:10px; float:left; padding-left:5%;}
	.contents_wrap .content_03 strong{font-size:20px; color:#0b5bb4; text-align:left; float:left; display:block;  padding-top:60px; letter-spacing:-3px;} 
	.contents_wrap .content_03 p{font-size:16px; color:#333; text-align:left; display:block; padding-top:70px; letter-spacing:-2px; line-height:20px;}
}

@media only screen and (max-width: 580px) and (min-width: 410px) {
	
	/*** 메인 비주얼 css ***/
	.m_screen{
	width:100%;
	height:410px;
	_height:410px;
	*height:410px;
	background-attachment:scroll;
	background-color:no;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	border-color:#eae9e9;
	border-bottom-width:0px;
	border-top-width:0px;
	border-bottom-style:solid;
	border-top-style:solid;
	text-align:center;
	position:relative;
	}

	.screen_bg{background-image:url(/images/main_bg.jpg); padding-top:30px; background-color:#373434;}
	.m_screen .txt_box{color:#fff; text-align:left; margin-left:15%;} 
	.m_screen .txt_box .txt_s{font-size:18px; line-height:20px;} 
	.m_screen .txt_box .txt_title{font-size:24px; line-height:45px;}
	.m_screen .txt_box .txt_title span{font-size:32px; padding-left:10px; font-weight:bold;}
	.m_screen .txt_box .txt_m{font-size:20px; line-height:35px;}
	.m_screen .txt_box .txt_ss{font-size:16px;} 
	.m_screen img{width:79%; position:absolute; bottom:0; padding-left:27%; display:block;}
	
	/*** 컨텐츠 css ***/
	.contents_wrap{text-align:center; padding-top:50px; font-weight:bold;}
	.contents_wrap b{color:#333; font-size:26px; letter-spacing:-2px; padding-bottom:30px; display:block;}
	
	.contents_wrap .content_01{width:100%; height:300px; border-bottom:#eee 1px solid;}
	.contents_wrap .content_01 img{width:40%; padding-right:20px; float:left; padding-left:5%;}
	.contents_wrap .content_01 strong{font-size:20px; color:#0b5bb4; text-align:left; float:left; display:block;  padding-top:100px; letter-spacing:-2px;} 
	.contents_wrap .content_01 p{font-size:16px; color:#333; text-align:left; display:block; padding-top:110px; letter-spacing:-2px; line-height:20px;}
	
	.contents_wrap .content_02{width:100%; height:300px; padding-top:20px; border-bottom:#eee 1px solid;}
	.contents_wrap .content_02 img{width:40%; padding-left:20px; float:right; padding-right:5%;}
	.contents_wrap .content_02 strong{font-size:20px; color:#0b5bb4; text-align:right; float:right; display:block; padding-top:100px; letter-spacing:-2px;} 
	.contents_wrap .content_02 p{font-size:16px; color:#333; text-align:right; display:block; padding-top:110px; letter-spacing:-2px; line-height:20px;}
	
	.contents_wrap .content_03{width:100%; height:300px;padding:20px 0;}
	.contents_wrap .content_03 img{width:40%; padding-right:20px; float:left; padding-left:5%;}
	.contents_wrap .content_03 strong{font-size:20px; color:#0b5bb4; text-align:left; float:left; display:block;  padding-top:100px; letter-spacing:-3px;} 
	.contents_wrap .content_03 p{font-size:16px; color:#333; text-align:left; display:block; padding-top:110px; letter-spacing:-2px; line-height:20px;}
}

@media only screen and (max-width: 700px) and (min-width: 580px) {
	
	/*** 메인 비주얼 css ***/
	.m_screen{
	width:100%;
	height:490px;
	_height:490px;
	*height:490px;
	background-attachment:scroll;
	background-color:no;
	background-position:center center;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	border-color:#eae9e9;
	border-bottom-width:0px;
	border-top-width:0px;
	border-bottom-style:solid;
	border-top-style:solid;
	text-align:center;
	position:relative;
	}

	.screen_bg{background-image:url(/images/main_bg.jpg); padding-top:30px; background-color:#373434;}
	.m_screen .txt_box{color:#fff; text-align:left; margin-left:25%;} 
	.m_screen .txt_box .txt_s{font-size:22px; line-height:20px;} 
	.m_screen .txt_box .txt_title{font-size:30px; line-height:55px;}
	.m_screen .txt_box .txt_title span{font-size:38px; padding-left:10px; font-weight:bold;}
	.m_screen .txt_box .txt_m{font-size:24px; line-height:35px;}
	.m_screen .txt_box .txt_ss{font-size:18px; line-height:24px;} 
	.m_screen img{width:78%; position:absolute; bottom:0; padding-left:26%; display:block;}
	
	/*** 컨텐츠 css ***/
	.contents_wrap{text-align:center; padding-top:50px; font-weight:bold;}
	.contents_wrap b{color:#333; font-size:32px; letter-spacing:-2px; padding-bottom:40px; display:block;}
	
	.contents_wrap .content_01{width:100%; height:350px; border-bottom:#eee 1px solid;}
	.contents_wrap .content_01 img{width:40%; padding-right:20px; float:left; padding-left:5%;}
	.contents_wrap .content_01 strong{font-size:24px; color:#0b5bb4; text-align:left; float:left; display:block;  padding-top:130px;} 
	.contents_wrap .content_01 p{font-size:18px; color:#333; text-align:left; display:block; padding-top:145px; line-height:22px;}
	
	.contents_wrap .content_02{width:100%; height:350px; padding-top:20px; border-bottom:#eee 1px solid;}
	.contents_wrap .content_02 img{width:40%; padding-left:20px; float:right; padding-right:5%;}
	.contents_wrap .content_02 strong{font-size:24px; color:#0b5bb4; text-align:right; float:right; display:block; padding-top:130px;} 
	.contents_wrap .content_02 p{font-size:18px; color:#333; text-align:right; display:block; padding-top:145px; line-height:22px;}
	
	.contents_wrap .content_03{width:100%; height:350px;padding:20px 0;}
	.contents_wrap .content_03 img{width:40%; padding-right:20px; float:left; padding-left:5%;}
	.contents_wrap .content_03 strong{font-size:24px; color:#0b5bb4; text-align:left; float:left; display:block;  padding-top:130px;} 
	.contents_wrap .content_03 p{font-size:18px; color:#333; text-align:left; display:block; padding-top:145px; line-height:22px;}
}