/*!
 * Start Bootstrap - Creative v3.3.7+1 (http://startbootstrap.com/template-overviews/creative)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
*/

div,ul,li,a,dl,dt,p,b,strong,span,label,select,input,th,td,textarea {
	font-family:"NanumGothic","나눔고딕";
}

.navbar-default,a {
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
}

header,
header .header-content {
	position:relative;
	width:100%;
	text-align:center;
}

body,html {
	width:100%;
}
body {
	font-family:Merriweather,'Helvetica Neue',Arial,sans-serif;
	webkit-tap-highlight-color:#222;
}

.btn,
.navbar-default,
.navbar-default .navbar-header .navbar-brand,
h1,h2,h3,h4,h5,h6 {
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
}

hr {
	border-color:#ff5254;
	border-width:3px;
	max-width:50px;
}
hr.light {
	border-color:#fff;
}
.line {
	max-width:120px;
	height:3px;
	background:#ff5254;
	margin:20px auto 40px;
}
.line2 {
	border:1px solid #ddd;
}
.line_light {
	max-width:50px;
	height:3px;
	background:#fff;
	margin:20px auto 40px;
}
.bt-line {
	border-bottom:1px solid #ddd;
}
a {
	transition:all .35s;
	color:#ff5254;
}
a:focus,
a:hover {
	color:#ff5254;
	text-decoration:none;
}
p {
	font-size:16px;
	line-height:1.5;
	margin-bottom:20px;
}

.bg-primary {background:#ff5254;}
.bg-dark {background:#222;}
.bg-dark2 {background:#111;}
.bg-grey {background:#f6f6f6;}
.bg-grey2 {background:#c0c0c5;}
.bg-grey3 {background:#d4ced0;}
.bg-grey4 {background:#f8f8f8;}
.bg-grey5 {background:#eee;}
.bg-grey6 {background:#bbb;}
.bg-grey7 {background:#fbfbfb;}
.bg-blue {background:#58595a;}
.bg-blue2 {background:#161c22;}
.bg-blue3 {background:#8b8e90;}

.bg-blue4 {background:#38b5b8;}
.bg-rad {background:#fcba64;}

.bg-white {background:#fff;}

.text-primary {color:#ff5254;}
.text-faded {color:rgba(255,255,255,.7);}
.text-dark {color:#222;}
.text-dark2 {color:#444;}
.text-dark3 {color:#666;}
.text-grey {color:#888;}
.text-grey2 {color:#aaa;}
.text-grey3 {color:#eee;}
.text-white {color:#fff;}
.text-rad {color:#f70912;}
.text-rad2 {color:#f77d54;}
.text-fcba {color:#fcba64;}
.text-blue {color:#38b5b8;}
.text-blue2 {color:#0d6dfe;}
.text-blue3 {color:#2068ae;}

.text-weight {font-weight:600;}
.text-refer {font-size:14px;}
.text-refer2 {font-size:20px;}
.text-refer3 {font-size:18px;}
.text-tf {text-transform:uppercase;}
.text-spc2 {letter-spacing:-0.02em;}
.text-spc4 {letter-spacing:-0.04em;}

.img1 {width:100%;}
.img2 {width:90%;}
.img3 {width:80%;}
.img4 {width:70%;}
.img5 {width:60%;}
.img6 {width:50%;}

.wd100 {width:100%;}
.wd90 {width:90%;}
.wd80 {width:80%;}
.wd70 {width:70%;}
.wd60 {width:60%;}
.wd50 {width:50%;}

.mhg100 {min-height:100px;}
.mhg200 {min-height:200px;}
.mhg300 {min-height:300px;}
.mhg400 {min-height:400px;}
.mhg460 {min-height:460px;}

.md-pc {display:block;}
.md-mb {display:none;}
@media (min-width:661px) and (max-width:2000px) {
	.md-pc {display:block;}
	.md-mb {display:none;}
}
@media (min-width:320px) and (max-width:660px) {
	.md-pc {display:none;}
	.md-mb {display:block;}
}

section {padding:80px 0;}
aside {padding:60px 0;}

.no-padding {
	padding:0;
}
.navbar-default {
	background:#fff;
	/*
	border-color:rgba(34,34,34,.05);
	border-bottom:1px solid #ff5254;
	*/
	transition:all .35s;
}

.btn-default,
.btn-dark,
.portfolio-box .portfolio-box-caption {
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
}

.navbar-default .navbar-header .navbar-brand {
	color:#ff5254;
	font-weight:600;
	text-transform:uppercase;
}
.navbar-default .navbar-header .navbar-brand:focus,
.navbar-default .navbar-header .navbar-brand:hover {
	color:#ff5254;
}

.navbar-default .navbar-header .navbar-mb {
	background:#fff;
	border:1px solid #ddd;
	font-size:18px;
	font-weight:600;
	color:#222;
	text-transform:uppercase;
}
.navbar-default .navbar-header .navbar-mb:hover {
	background:#ff5254;
	border:1px solid #ff5254;
	color:#fff;
}

.navbar-default .nav > li > a,
.navbar-default .nav > li > a:focus {
	text-transform:uppercase;
	font-weight:600;
	font-size:16px;
	color:#fff;
}
.navbar-default .nav > li > a:focus:hover,
.navbar-default .nav > li > a:hover {
	color:#fff;
}
.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
	/*color:#ff5254 !important;*/
	color:#fff;
	background:transparent;
}
.navbar-default .nav > li.active > a:focus:hover,
.navbar-default .nav > li.active > a:hover {
	background:transparent;
}
.navbar-default .nav > li.open a.nav-1 {
	color:#fff;
}

#portfolio .col-lg-4 {
	padding:0;
}
.portfolio-box {
	position:relative;
	display:block;
	max-width:650px;
	margin:0 auto;
}
.portfolio-box .portfolio-box-caption {
	color:#fff;
	opacity:0;
	display:block;
	background:rgba(240,95,64,.9);
	position:absolute;
	bottom:0;
	text-align:center;
	width:100%;
	height:100%;
	transition:all .35s;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
	width:100%;
	text-align:center;
	position:absolute;
	top:50%;
	transform:translateY(-50%);
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
	padding:0 15px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
	text-transform:uppercase;
	font-weight:600;
	font-size:14px;
}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
	font-size:18px;
}
.portfolio-box:hover .portfolio-box-caption {
	opacity:1;
}
.portfolio-box:focus {
	outline:0;
}
.btn-default.active,
.btn-default:active,
.btn-dark.active,
.btn-dark:active,
.btn-primary.active,
.btn-primary:active,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-dark,
.open > .dropdown-toggle.btn-primary {
	background-image:none;
}
.btn-default {
	background:#fff;
	border-color:#fff;
	color:#222;
	transition:all .35s;
}
.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
	background:#f2f2f2;
	border-color:#ededed;
	color:#222;
}

.btn-default.disabled,
.btn-default.disabled.active,
.btn-default.disabled.focus,
.btn-default.disabled:active,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default[disabled],
.btn-default[disabled].active,
.btn-default[disabled].focus,
.btn-default[disabled]:active,
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default.active,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
	background:#fff;
	border-color:#fff;
}

.btn-default .badge {
	color:#fff;
	background:#222;
}


.btn-dark {
	background:#444;
	border:2px solid #444;
	color:#fff;
	transition:all .35s;
}
.btn-dark.active,
.btn-dark.focus,
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover,
.open > .dropdown-toggle.btn-dark {
	background:#222;
	/*
	border:2px solid #000;
	*/
	color:#fff;
}

.btn-dark.disabled,
.btn-dark.disabled.active,
.btn-dark.disabled.focus,
.btn-dark.disabled:active,
.btn-dark.disabled:focus,
.btn-dark.disabled:hover,
.btn-dark[disabled],
.btn-dark[disabled].active,
.btn-dark[disabled].focus,
.btn-dark[disabled]:active,
.btn-dark[disabled]:focus,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark,
fieldset[disabled] .btn-dark.active,
fieldset[disabled] .btn-dark.focus,
fieldset[disabled] .btn-dark:active,
fieldset[disabled] .btn-dark:focus,
fieldset[disabled] .btn-dark:hover {
	background:#222;
	border:2px solid #222;
}

.btn-dark .badge {
	background:#222;
	color:#fff;
}
.btn-primary {
	background:#ff5254;
	border:2px solid #ff5254;
	color:#fff;
	-webkit-transition:all .35s;
	-moz-transition:all .35s;
	transition:all .35s;
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
	background:#eb2c2e;
	color:#fff;
}

.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled.focus,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled].focus,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
	background:#ff5254;
	border-color:#ff5254;
}

.btn-primary .badge {
	color:#ff5254;
	background:#fff;
}
.btn {
	border:none;
	border-radius:8px;
	font-weight:600;
	text-transform:uppercase;
}
.btn2 {
	border:none;
	border-radius:4px;
	font-size:13px;
	font-weight:200;
	text-transform:uppercase;
	padding:8px 12px;
}
.btn-xl {
	padding:14px 30px;
}
::-moz-selection {
	background:#222;
	color:#fff;
	text-shadow:none;
}
::selection {
	background:#222;
	color:#fff;
	text-shadow:none;
}
img::selection {
	background:0 0;
	color:#fff;
}
img::-moz-selection {
	background:0 0;
	color:#fff;
}


.bg-mcont1 {
	background:url(../img/mcont_bg1.png) 50% 50% no-repeat;
	background-size:cover;
}
.bg-mcont2 {
	background:url(../img/mcont_bg2.png) 50% 50% no-repeat;
	background-size:cover;
}
.bg-mcont3 {
	background:url(../img/mcont_bg3.png) 50% 50% no-repeat;
	background-size:cover;
}

h2.section-title {
	font-size:40px;
	font-weight:100;
	text-transform:uppercase;
	margin:0 0 60px;
}
h3.section-title {
	font-size:24px;
	font-weight:100;
	text-transform:uppercase;
	margin:0;
}
h4.section-title {
	font-size:34px;
	font-weight:600;
	text-transform:uppercase;
	margin:0;
}
a.link h3:focus,
a.link h3:hover {
	color:#fcba64;
}

.mcont-tit {
	font-family:"Consolas";
	font-size:12px;
	color:#fcba64;
	margin:20px 0 10px;
}

.mcont2 {
	position:relative;
}
.mcont2 .carousel-inner {
	background:none;
}
.mcont2 p.btn-befor {
	position:absolute;
	top:42%;
	left:-20px;
}
.mcont2 p.btn-next {
	position:absolute;
	top:42%;
	right:-20px;
}
.mcont3 {
	min-height:200px;
	border-radius:8px;
}
.mcon-img {
	float:left;
	width:40%;
}
.mcon-img img {
	border-radius:8px 0 0 8px;
}
.mcon-con {
	float:left;
	width:60%;
	padding:30px 20px;
}

.mcon-btn {
	margin-top:60px;
}
.mcon-btn a {
	border:1px solid #fff;
	border-radius:3px;
	font-size:16px;
	color:#fff;
	padding:10px 60px;
}
.mcon-btn a:hover {
	background:#ff5254;
	border:1px solid #ff5254;
}
.mcon-btn2 {
	margin-top:20px;
}
.mcon-btn2 a {
	border:1px solid #888;
	border-radius:3px;
	font-size:16px;
	color:#888;
	padding:10px 60px;
}
.mcon-btn2 a:hover {
	background:#ff5254;
	border:1px solid #ff5254;
	color:#fff;
}

@media (min-width:320px) and (max-width:990px) {
	h3.section-title {
		margin:0 0 20px;
	}

	.mcont2 p.btn-befor {
		position:absolute;
		top:-58px;
		left:15px;
		width:54px;
	}
	.mcont2 p.btn-next {
		position:absolute;
		top:-58px;
		left:68px;
		width:54px;
	}
	.mcont2 p.btn-befor a img,
	.mcont2 p.btn-next a img {
		background:#fafafa;
		border:1px solid #ddd;
		padding:10px 16px;
	}
	.mcont2 p.btn-befor a:hover img,
	.mcont2 p.btn-next a:hover img {
		background:#ddd;
	}
	.mcon-img {
		float:none;
		width:100%;
	}
	.mcon-img img {
		border-radius:8px 8px 0 0;
	}
	.mcon-con {
		float:none;
		width:100%;
		padding:30px;
	}
}

.footer {}
.footer .container {
	position:relative;
}

.foot {
	float:left;
	width:80%;
}

.fnb {
	margin-bottom:20px;
}
.fnb span {
	word-break:break-word;
	margin:0;
}
.fnb a.fnb-a {
	display:inline-block;
	border:1px solid #ddd;
	border-radius:2px;
	font-family:'Malgun Gothic';
	font-size:13px;
	color:#ddd;
	padding:6px 20px;
	margin:2px 0;
}
.fnb span:hover a,
.fnb a.fnb-a:hover,
.fnb a.fnb-a:focus {
	background:#ddd;
	color:#222;
}

.foot p {
	font-family:'Malgun Gothic';
	font-size:13px;
	color:#888;
	line-height:1.6;
	margin:0;
}
.foot p.ft_cpy {
	font-weight:600;
	color:#aaa;
}
.foot p a {
	color:#888;
}
.foot p a:hover,
.foot p a:focus {
	color:#eee;
}

.fsite {
	float:left;
	width:20%;
	text-align:right;
}
.fsite select {
	background:url(../img/bul/arrow1.png) 90% 50% no-repeat #444;
	border:1px solid #888;
	border-radius:2px;
	font-size:13px;
	color:#ddd;
	padding:6px 10px;
	-webkit-appearance:none;
}
.fsite select option:checked,
.fsite select option:hover {
	background:#222;
	color:#fff;
}

.fsns {
	width:100%;
	padding:0;
	margin:20px auto 0;
}
.fsns a {
	font-size:13px;
	font-weight:600;
	color:#ddd;
	padding-right:14px;
}
.fsns a:hover {
	color:#fff;
}

p.btn_top {
	position:fixed;
	right:20px;
	bottom:10px;
}
p.btn_top a {
	background:#888;
	border:1px solid #888;
	padding:16px 14px;
}
p.btn_top a:hover,
p.btn_top a:focus {
	background:#555;
}
p.btn_page {
	position:fixed;
	right:20px;
	bottom:68px;
}
p.btn_page a {
	background:#fff;
	border:1px solid #888;
	padding:16px 14px;
}
p.btn_page a:hover,
p.btn_page a:focus {
	background:#444;
}

.btn_big {
	font-size:18px;
	font-weight:600;
	padding:20px 140px;
}

/* 여백 */
.mg0 {margin:0px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt70 {margin-top:70px;}
.mt80 {margin-top:80px;}
.mt90 {margin-top:90px;}
.mt100 {margin-top:100px;}

.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}

.pad0 {padding:0px;}
.pad10 {padding:10px;}
.pad20 {padding:20px;}
.pad30 {padding:30px;}
.pad40 {padding:40px;}
.pad50 {padding:50px;}
.pad60 {padding:60px;}
.pad70 {padding:70px;}
.pad80 {padding:80px;}
.pad90 {padding:90px;}
.pad100 {padding:100px;}

.pat10 {padding-top:10px;}
.pat20 {padding-top:20px;}
.pat30 {padding-top:30px;}
.pat40 {padding-top:40px;}
.pat50 {padding-top:50px;}
.pat60 {padding-top:60px;}
.pat70 {padding-top:70px;}
.pat80 {padding-top:80px;}
.pat90 {padding-top:90px;}
.pat100 {padding-top:100px;}

.pab10 {padding-bottom:10px;}
.pab20 {padding-bottom:20px;}
.pab30 {padding-bottom:30px;}
.pab40 {padding-bottom:40px;}
.pab50 {padding-bottom:50px;}
.pab60 {padding-bottom:60px;}
.pab70 {padding-bottom:70px;}
.pab80 {padding-bottom:80px;}
.pab90 {padding-bottom:90px;}
.pab100 {padding-bottom:100px;}

@media (min-width:0px) and (max-width:480px) {
	section {
		padding:50px 0;
	}	
}

@media (min-width:320px) and (max-width:480px) {
	.navbar-brand {
		padding-left:15px;
	}

	.container a {
		/*color:#333;*/
	}
	.container a:hover {
		color:#ff5254;
	}

	.foot {
		float:none;
		width:100%;
	}
	.fsite {
		float:none;
		width:100%;
		text-align:left;
		margin-top:10px;
	}
}

@media (min-width:768px) {
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
		font-size:16px;
	}
	.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
		font-size:22px;
	}

	.navbar-brand {
		padding-left:0;
	}
	.navbar-default {
		background:transparent;
	}
	.navbar-default .navbar-header .navbar-brand {
		color:rgba(255,255,255,.7);
	}
	.navbar-default .navbar-header .navbar-brand:focus,
	.navbar-default .navbar-header .navbar-brand:hover {
		color:#fff;
	}
	.navbar-default .nav > li:focus:hover,
	.navbar-default .nav > li:hover {
		background:#eb2c2e;
	}
	.navbar-default .nav > li > a,
	.navbar-default .nav > li > a:focus {
		/*color:rgba(255,255,255,.7);*/
		color:#fff;
	}
	.navbar-default .nav > li > a:focus:hover,
	.navbar-default .nav > li > a:hover,
	.navbar-default .nav > li.on-page > a {
		color:#fff;
	}
	.navbar-default .nav li.open,
	.navbar-default .nav li.on-page {
		background:#eb2c2e;
	}
	.navbar-default.affix {
		background:#fff;
		border-color:rgba(34,34,34,.05);
	}

	.navbar-default.affix .navbar-header .navbar-brand {
		color:#ff5254;
		font-size:14px;
	}
	.navbar-default.affix .navbar-header .navbar-brand:focus,
	.navbar-default.affix .navbar-header .navbar-brand:hover {
		color:#ff5254;
	}
	.navbar-default.affix .nav > li > a,
	.navbar-default.affix .nav > li > a:focus {
		color:rgba(255,255,255,.7);
	}
	.navbar-default.affix .nav > li > a:focus:hover,
	.navbar-default.affix .nav > li > a:hover {
		/*color:#ff5254;*/
		color:#fff;
	}

	header {
		min-height:100%;
	}
	header .header-content {
		position:absolute;
		top:50%;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
		padding:0 50px;
	}
	header .header-content .header-content-inner {
		max-width:1000px;
		margin-left:auto;
		margin-right:auto;
	}
	header .header-content .header-content-inner h1 {
		font-size:50px;
	}
	header .header-content .header-content-inner p {
		font-size:18px;
		max-width:80%;
		margin-left:auto;
		margin-right:auto;
	}

	.foot {
		float:left;
		width:80%;
	}
	.fsite {
		float:left;
		width:20%;
	}
}

@media (min-width:992px) {
	.foot {
		float:left;
		width:80%;
	}
	.fsite {
		float:left;
		width:20%;
	}
}