@charset "utf-8";
/*my style redefine */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/*글꼴과 관련된 css는 처음에 위치시킨다.*/

html,body {width:100%; height:100%;}
body {font-family: "Nanum Gothic", sans-serif; font-size:13px; color:#48494b;}

/*redefine*/

a {text-decoration:none; color:#aaa; font-size:13px;}
a:link,a:visited,a:hover,a:active {text-decoration:none; }


ul,ol,li {margin:0; padding:0; list-style:none;}
img {max-width:100%;}
img {border:0 none;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right:0px;
    padding-left: 0px;
	margin-right:0px;
	margin-left:0px;
} /*부트스트랩에 있는 기본 좌우 패딩값이 15px들어간 것을 0으로 초기화*/

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

p { margin:0;}

dl {
    margin-top: 0;
    margin-bottom: 0;
}

body {padding-top:50px;}
.navbar-default.affix {
		border-color:rgba(34,34,34,.05);
		background-color:#c70752;
} /*이 문장이 배경색을 빨강으로 보이게하는 것. 위에서는 투명이었다가*/
.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #fff;
}




/*.navbar {border-radius: 4px;}
.navbar {position: relative;min-height: 50px;margin-bottom: 0;border: 1px solid transparent;}*//*여기가 relative때문에 position:fixed-top이 안먹힌다. 
아래처럼 고치자*/
.navbar {
    position: fixed;
    min-height: 50px;
    margin-bottom: 0;
    
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 0 50px;
    font-size: 18px;
    line-height: 20px;
}

.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
    margin-left: -51px;
}
.navbar-default .navbar-nav > li > a {
    color:000;
}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color:#eee;	
	/*border-top-left-radius:15px;*/
	
	border-bottom-right-radius:15px;
	
	
	transition:all 1s ease 0s;
}



.nav-pills > li > a {
    border-radius: 0;
}
.nav-pills>li>a {
	background-color:#0653b6;
	color:#fff;
}
.nav-pills>li>a:hover,.nav-pills>li>a:focus,.nav-pills>li>a:active{
	background-color#eee;
	color:#0653b6;
	transition:all 1s ease 0s;
}



/*carousel*/


#myCarousel .nav a small {
    display:block;
}
#myCarousel .nav {
	background:#eee;
}
#myCarousel .nav a {
    border-radius:0px;
}

.carousel-caption {
    right: 60%;
    left: 0%;
    padding-bottom: 40%;
}


/*icon*/
.row {
    margin-right: 0;
    margin-left: 0;
}/*기본적으로 부트스트랩 마진 패딩값을 0으로 초기화 했는데 여기서 row는 좌우 마진값이 15로 되어 있어 이를 0으로 초기화해야 div그룹 영역을 벗어나지 않는다.-->*/

.m20 {margin:20px;}
.m30{margin:30px;}
.m30 a {display:block;}
.mb30 {margin-bottom:30px;}
.red {color:red;}
.icons {
	float:left;	display:block;	font-size:30px; width:50px; height:50px; line-height:30px; text-align:center; color:#eee; background-color:#0653b6;
border-radius:100%; padding:20px; margin-right:15px;  transition:all 1s ease 0s; }

.icons:hover {
	background-color:#eee; color:#0653b6;
}
.icontxt {
	text-align:left;
	word-wrap:break-word;
}

.m20 i { color:#ddd;font-size:15px; margin-right:5px;}
.panel a {  display: block; color: #000;}
.panel a.collapsed { color: #ddd; }
.panel-body { color:#1d69d4;}
.icon{color:#c70752; font-size:20px;}

/*이미지반응하는 스타일*/
.img-wrapper {
    display: inline-block;
    overflow: hidden;
}

.img-wrapper img {-webkit-transition:all.5s ease;
	-moz-transition:all.5s ease;
	-ms-transition:all.5s ease;
	-o-transition:all.5s ease;
	transition:all.5s ease;
	vertical-align:middle;}
.img-wrapper img:hover {
	transform:scale(1.5);
	-ms-transform:scalel(1.5);
	-moz-transform:scalel(1.5);
	-webkit-transform:scalel(1.5);
	-o-transform:scalel(1.5);}
	
	
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 0px;
    margin-left: 0px;
}



.wraptext {position:relative;}

.txtbottom { position: absolute;  bottom: -191px;   right: -10px;}
.txtbottom:first-letter {color:red; font-size:20px;}


.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

/*tab*/
.b {padding:10px;}
.b5{padding-bottom:5px;}
.b10 {padding-bottom:10px; border-bottom:1px solid #f00;}
/*.br {border-right:1px solid #ddd; min-height:243px;}
.br:last-child {border-right:none;}*/
span.large {display:inline-block; font-size:25px; color:#0653b6; width:30px; height:30px; background-color:eee; border-radius:15px;
	text-align:center; line-height:30px; box-shadow:1px 1px 2px #ccc;}
i.movie {color:#ccc; margin-right:10px;}
span.text{display:inline-block; color:#ccc; padding:10px;}






.nav-tabs { border-bottom: 1px solid #DDD; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
.nav-tabs > li > a { border: none; color: #666; }
.nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #4285F4 !important; background: transparent; }
.nav-tabs > li > a::after { content: ""; background: #4285F4; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:3px}
.card {background: #FFF none repeat scroll 0% 0%;  margin-bottom: 30px; }


/*tab panel-body*/
.logo_wrap:after {content:""; display:block; clear:both; padding:10px;}
h1.logo {float:left; width:45px;}
p.text {float:none; padding-left:60px; }
i.heart {margin-right:10px; color:red;}



/*pic*/

.txt{margin-bottom:15px;}
.pic {overflow:hidden; margin-left:35px; margin-bottom:20px;}
.pic1, .pic2, .pic3 { position: relative; float: left; }

.pic1 { z-index: 1; }
.pic1:hover {transform:rotateZ(180deg); z-index:25; transition:all 1s ease 0s; 
			cursor:pointer;}
.pic2 { z-index: 10; margin-left: -70px; }
.pic2:hover {transform:rotateZ(180deg); z-index:25; transition:all 1s ease 0s; 
			cursor:pointer;}
.pic3 { z-index: 20; margin-left: -110px;}
.pic3:hover {transform:rotateZ(180deg); z-index:25; transition:all 1s ease 0s; 
			cursor:pointer;}


.p10 {padding:10px;}

.site { height: 330px;}


h3 {padding-left: 10px;}
.line {border-left:10px solid #c70752; padding-right:25px;}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: 0px;
    margin-left: 0px;
}





header {
    color: #fff;
    text-align: center;
    padding: 25px 0;
}
.content1 {
	background:url(../images/bg1.jpg) no-repeat center top fixed; background-size:cover;
}

.content2 {
	background:url(../images/bg2.jpg) no-repeat center center fixed; background-size:cover;
}

.content3 {
	background:url(../images/bg1.jpg) no-repeat center bottom fixed; background-size:cover;
}

.about p { line-height: 1.8em; font-size: 15px; color: #282923;}
p.white {color:#fff;}

.about, .portfolio, .contact { padding: 50px 0;}
header,.header{  color: #aaa;   text-align: center;}
/*form*/
.form-group input[type="text"], .form-group textarea {border-radius:0;}
.required {
	background: url(../images/required.png) right top no-repeat;
	}
.send_btn {width:60px; height:60px; border-radius:30px; text-align:center;}	
.send_btn:hover {background-color:#c70752; color:#fff; transition:all 1s ease 0s;}
.txtbg {background:url(../images/pencil.png) no-repeat center center; }
/*.bg{
background:url(../images/bg3-1.jpg) no-repeat center bottom fixed; background-size:cover;}
	*/


	
 /*button.send_btn{
	cursor:pointer;
	background: url(../images/pattern.png) repeat;
	color:#f00;
	margin:0 10px 0 0;
	display:inline-block;
	padding:0 20px;
	height:40px;
	line-height:40px;
	font-size:14px;
	width:auto;
	border:0;
		
}

button.send_btn:hover {
	background:url(../images/color_pattern.png);
}*/

.glyphicon {font-size:20px;}

			
			
/*footer*/
.border-line {border-top:1px solid #ddd;}
footer {background-color:none; padding:20px 0;  color:#999; }
.blogo {width:90px; height:90px; background:url(../images/logo_origin.png) no-repeat center center; background-position:0px 0px; }
.blogo:hover {width:90px; height:90px; background:url(../images/logo_origin_swap.png) no-repeat center center; background-position:0px -90px; 
				transition:all 1s ease 0s;}
.copy {margin-right:30px;}


/*Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }


@media (max-width:599px){
	
	.navbar-brand {
		-ms-transform:scale(0.9);
		-ms-transform-origin:right top;
		-webkit-transform:scale(0.9);
		-webkit-transform-origin:right top;
		transform:scale(0.9);
		transform-origin:right top;
		top:25px;
		right:30px;
	}