/* 폰트 */ 

@charset "utf-8";
/*font, 메인로테이트베너*/
@import url(font.css);

@import url(http://fonts.googleapis.com/css?family=Archivo+Black); /*굵은영문폰트-제목체*/
@import url(http://fonts.googleapis.com/css?family=Paytone+One); /*굵은영문폰트-제목체*/
@import url(http://fonts.googleapis.com/css?family=Arizonia); /*영문폰트 필기체-제목체*/


@font-face {
	font-family: flexslider-icon;
	src: url(fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"), url(fonts/flexslider-icon.woff) format("woff"), url(fonts/flexslider-icon.ttf) format("truetype"), url(fonts/flexslider-icon.svg#flexslider-icon) format("svg");
	font-weight: normal;
	font-style: normal;
}

/* 언어 */

/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font:inherit;
		font-size: 16px;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	/*table {
		border-collapse: collapse;
		border-spacing: 0;
	}*/

	body {
		-webkit-text-size-adjust: none;
	}



 
/* 기본 */


body,div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form{margin:0; padding:0;text-decoration:none;}
body,h2,h3,h4,input,button,div,{font-family:NanumGothic,Dotum;font-size:16px;color:#555;}ul,ol,dl{list-style:none;}

img{border:0; vertical-align:top;}
ul{list-style:none; padding:0; margin:0;}
html,body{width:100%,height:100%;margin:0;padding:0;}

span,p {word-break:break-all;}

.wrap {overflow:hidden;width:100%;position:relative;float:left;}

*{margin:0;padding:0;box-sizing:border-box;}


.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}


a:link{text-decoration:none;color:#555;}
a:alink{text-decoration:none;color:#555;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}






/* 헤더 */
@media(max-width:9999px) {
#header {width:100%;position:relative;float:left;box-sizing:border-box;overflow:hidden;}
#header > .logo {width:100%;text-align:center;margin:1% 0;overflow:hidden;}
#header > .logo > .logo_left {position:relative;width:33.3%;float:left;overflow:hidden;}
#header > .logo > .logo_img {width:33.3%;float:left;}
#header > .logo > .logo_img > a > img {width:70%;}
#header > .logo > .logo_right {position:relative;width:33.3%;float:left;overflow:hidden;background-size:contain;}
#header > .logo > .logo_right > div {float:left;padding-left:13%;padding-top:3%;}
#header > .logo > .logo_right > div > div {float:left;width:100%;}
#header > .logo > .logo_right > div > div > a > span {font-family:NanumGothic;font-size:15px;float:left;font-weight:800;line-height:1.0;padding:1%;margin:0.2%;color:#293145;}
#header > .logo > .logo_right > div > div > a > span:first-child{background:#3f4c6b;display:inline-block;color:#fff;margin:0.2%;text-align:center;}
#header > .logo > .logo_right > img {width:100%;}

}

@media(max-width:1259px) {
#header > .logo {margin:3% 0;}
#header > .logo > .logo_left {display:none;}
#header > .logo > .logo_img {width:50%;float:left;overflow:hidden;}
#header > .logo > .logo_img > a > img {width:80%;}
#header > .logo > .logo_right {width:50%;}
}

@media(max-width:768px) {

#header > .logo > .logo_right {width:50%;background:#fff;}
#header > .logo > .logo_right > div {padding-left:0;}
#header > .logo > .logo_right > div > div > span {font-size:10px;padding:2%;margin:1%;line-height:0.3;}
#header > .logo > .logo_right > div > div > span:first-child {padding:2%;margin:1%;}

}



/* 메뉴영역 */
@media(max-width:9999px) {
#gnb {width:100%;position:relative;float:left;
background:#0272c1;

/* background:#000 url(/images/menu_bg.gif) repeat;font-family:NanumGothic; */
}
.menumenu {width:1260px;margin:0 auto;position:relative;z-index:9000;}
}

@media(max-width:1259px) {
.menumenu {width:100%;float:left;}
}

/* 플렉스 슬라이더 영역 */
@media(max-width:9999px) {
.main_display{width:100%;position:relative;float:left;overflow:hidden;}
}

/* 디피 하단 부분*/

@media(max-width:9999px) {


.main_ad{width:100%;background:#000 url(/skin_mw1/images/main_dp_bg.jpg);float:left;overflow:hidden;padding:3% 0;}
.main_ad_wrap {width:1200px;margin:0 auto;position:relative;text-align:center;}
.main_ad_wrap > img {width:100%;}
.main_ad_wrap > div > a > span {color:#333;}
.main_ad_wrap > div > a > span:hover {color:#fff;}

.main_mid_box_tit{width:100%;float:left;margin:0px;text-align:center;vertical-align:middle;color:#7d9d17;line-height:1.5;}
.main_mid_box_tit > span {font-size:25px;font-family:NanumGothic;color:#000;letter-spacing:-2;}
.main_mid_box_tit > span:first-child {font-family:NanumGothic;font-size:35px;color:#0272c1;font-weight:800;}
}

@media(max-width:1259px) {
.main_ad_wrap {width:100%;}
.main_ad_wrap > img {width:90%;margin:5%;}


.main_mid_box_tit > span {font-size:16px;}
.main_mid_box_tit > span:first-child {font-size:25px;}

}

/* 메인 이북 버튼 스타일 */
@media(max-width:9999px) {

.main_ad_wrap > div > a > span {background:#ff0;width:33.333%;margin:0;padding:0;height:50px;line-height:50px;overflow:hidden;display:inline-block;font-family:NanumGothic;font-weight:700;border:1px solid #000;box-sizing:border-box;float:left;}
.main_ad_wrap > div > a:hover > span {background:#d90000;color:#fff;font-weight:700;border:1px solid #fff;}
.main_ad_wrap > span > a {display:block;background:#ff0;color:#f00;font-size:25px;font-weight:700;font-family:NanumGothic;margin:3% 0;padding:2%;border-radius:10px;}
.main_ad_wrap > span > a:hover {background:#000;color:#ff0;}
}

@media(max-width:768px) {
.main_ad_wrap > div > a span {width:90%;margin:2% 5%}
.main_ad_wrap > span > a{border-radius:5px;margin:3% 5%}
}


/* 메인메뉴소개 */
@media(max-width:9999px) {
.main_menu {width:100%;float:left;position:relative;}
.main_menu_dp {width:1200px;margin:2% auto;overflow:hidden;position:relative;padding:0%;}
.main_menu_dp > div {width:15%;overflow:hidden;float:left;margin-left:1%;}
.main_menu_dp > div:first-child {margin-left:0;}
.main_menu_dp > div > a > img {width:100%;}
.main_menu_dp > div > a > img:hover {opacity:0.7;transition:all 500ms;}

}

@media(max-width:1259px) {
.main_menu_dp {width:95%;margin:2.0%;}
}


/* 메인 창업비용 */
@media(max-width:9999px) {
.main_cost {width:100%;float:left;position:relative;background:url(/skin_mw1/images/cost_bg.jpg);}
.main_cost_wrap {width:1200px;margin:0 auto;overflow:hidden;position:relative;padding:5% 0;text-align:center;}
.main_cost_wrap > p {font-size:30px;font-family:NanumGothic;font-weight:700;margin:2% 0;}

.main_cost_btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f9eca0;
	box-shadow:inset 0px 1px 0px 0px #f9eca0;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f0c911), color-stop(1, #f2ab1e));
	background:-moz-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-webkit-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-o-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:-ms-linear-gradient(top, #f0c911 5%, #f2ab1e 100%);
	background:linear-gradient(to bottom, #f0c911 5%, #f2ab1e 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911', endColorstr='#f2ab1e',GradientType=0);
	background-color:#f0c911;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #e65f44;
	display:inline-block;
	cursor:pointer;
	color:#c92200;
	font-family:NanumGothic;
	font-size:25px;
	font-weight:bold;
	padding:1% 2%;
	text-decoration:none;
	text-shadow:0px 1px 0px #ded17c;
	margin-top:2%;
}
.main_cost_btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f2ab1e), color-stop(1, #f0c911));
	background:-moz-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:-webkit-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:-o-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:-ms-linear-gradient(top, #f2ab1e 5%, #f0c911 100%);
	background:linear-gradient(to bottom, #f2ab1e 5%, #f0c911 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e', endColorstr='#f0c911',GradientType=0);
	background-color:#f2ab1e;
}
.main_cost_btn:active {
	position:relative;
	top:1px;
}
}

@media(max-width:1259px) {
.main_cost_wrap {width:100%;}
.main_cost_wrap > p {font-size:25px;}
.main_cost_btn {font-size:20px;}
}


/* 메인광고 */
@media(max-width:9999px) {
.main_text{width:100%;background:url(/skin_mw1/images/main_text_bg.jpg);background-size:cover;background-attachment:fixed;position:relative;float:left;}
.main_text_wrap {width:1200px;margin:0 auto;}
.main_text_wrap > img {width:100%;text-align:center;margin:0 auto;}
}

@media(max-width:1259px) {
.main_text_wrap {width:100%;}
}


/* 푸터 윗줄 */

@media(max-width:9999px) {
.bottom{width:100%;background:#0096ff;float:left;position:relative;text-align:left;}
.bottom_wrap{width:1260px;margin:0 auto;background:#0272c1;position:relative;overflow:hidden;color:#fff;font-family:NanumGothic;}
.bottom_wrap > .b_left{width:70%;float:left;padding:1%;}
.bottom_wrap > .b_right{width:30%;float:left;box-sizing:border-box;}

.b_left > p.bb1 {font-weight:bold;font-size:25px;}
.b_left > p.bb2 {font-weight:normal;font-size:16px;margin-top:1.5%;}
.b_right > p {font-weight:normal;font-size:18px;border:1px solid #fff;padding:2% 1%;text-align:center;box-sizing:border-box;margin:7%;}
}
@media(max-width:1259px) {
.bottom_wrap{display:none;width:100%;}
}


/* 하단 주소 및 로고 */
@media(max-width:9999px) {

footer{width:100%;background:#000 url(/skin_mw1/images/address_bg.png);float:left;font-family:NanumGothic;}
.footer_wrap {width:1200px;margin:0 auto;position:relative;overflow:hidden;color:#fff;padding:3% 0;line-height:2;letter-spacing:-1px;}
.footer_wrap > .address > p:first-child{text-align:center;font-size:25px;font-weight:700;}
.footer_wrap > .address > a > p {color:#fff;}
.footer_wrap > .address > p+p {width:50%;margin:0 auto;}

.copyright{
	width:100%;
	float:left;
	background:#000;
	overflow:hidden;
	box-shadow:1px 1px 5px #000;
	text-align:center;
	padding:1% 0;
	color:#fff;
}
}

@media(max-width:1259px) {
.footer_wrap {width:100%;padding:5% 0;}
.footer_wrap > .address > p:first-child{font-size:20px;}

}

@media(max-width:768px) {
.footer_wrap > .address > p:first-child{font-size:12px;}
.footer_wrap > .address > p+p {width:95%;margin:0 auto;font-size:12px;}


.copyright{font-size:12px;}

}

@media(max-width:320px) {
.footer_wrap > .address > p:first-child{font-size:9px;letter-spacing:-1px;}
.footer_wrap > .address > p+p {width:100%;margin:0 auto;letter-spacing:-1.5px;font-size:9px;}
}
