@charset "utf-8";
/* 1 - Import Google Font
---------------------------------------------------------------------- */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
 
/* 1 - Import Google Font End 
---------------------------------------------------------------------- */

/* 2 - Global Style
---------------------------------------------------------------------- */
html,body{overflow-x:hidden;}
body{-ms-overflow-style:scrollbar;font-family: 'Convergence', sans-serif; font-smoothing:antialiased;	 -webkit-font-smoothing:antialiased;	-moz-osx-font-smoothing:grayscale;}

input:focus, textarea:focus { outline:none; }
a{color: #3498db;}
a:focus{outline:none;outline-offset:inherit;}
.section-style{	background-attachment:inherit;background-position:50% 0;background-repeat:no-repeat;	margin:0 auto;	width:100%;	background-size:cover;}
/* .pattern{	background:rgba(0,0,0,.001) url('../../img/main/pattern.png');	} */
.parallax-bg{background-attachment: fixed;}
.no-parallax-bg{	background: none; }
.container{overflow:hidden;}
.section-name{font-weight:700;	text-align:left; margin:0; font-size:58px; width:378px; color:#6acdb1}
.section-name span{	display:inline-block;	position:relative;	padding-bottom:15px;}
.section-name span:before,
.section-name span:after{content:""; width:100%; height:10px;	border-bottom:1px double #fff; position:absolute; left:0;}
.section-name span:before{bottom:0;}
.section-name span:after{bottom:2px;}
.section-title{text-align:center; text-transform:uppercase;	font-weight:300;	font-size:80px;}
.section-description{	font-weight:bold;	text-align:left;	line-height:30px; font-family: 'Nanum Gothic', sans-serif; margin:25px 0 30px ; font-size:16px; }
.form-control{	padding: 6px 30px;}
.form-control,
.btn{ background-color:transparent;	-webkit-border-radius:0;  -moz-border-radius:0;   -ms-border-radius:0;  -o-border-radius:0;   border-radius:0;
	-webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s; }
.btn:focus, .btn:active:focus, .btn.active:focus {outline: none; 	color: #ffffff;}
.btn-default{padding:0; height:32px; line-height:25px; padding:0 5px; }
#postcodify_search_button{border-left:0;}
.form-control,
.form-control:focus{	border-color:#fff;	color:#fff;	-webkit-box-shadow:none;	   -moz-box-shadow:none;	    -ms-box-shadow:none;	     -o-box-shadow:none;	        box-shadow:none;}
.mobile-br{display:none;}
.fa-2x{font-size:1.5em;}
.fr{float:right;}
.fl{float:left;}
.clear{clear:both;}
.clearfixx:after{content:''; display:block; clear:both;}
ul,li{list-style:none; margin:0; padding:0;}
.dashed{border-bottom:1px dashed #cccccc}
.mg_0{margin-bottom:0 !important}
.mg_5{margin-bottom:5px !important;}
.mg_10{margin-bottom:10px !important;}
.mg_12{margin-bottom:12px !important;}
.mg_20{margin-bottom:20px !important;}
.mg_30{margin-bottom:30px !important;}
.mg_40{margin-bottom:40px !important;}
.mg_50{margin-bottom:50px !important;}
.mg_60{margin-bottom:60px !important;}
.mg_70{margin-bottom:70px !important;}
a{text-decoration:none; color:#3d3d3d; font-style:normal;}
a:hover{text-decoration:none; }

/* 10 - Preloader
---------------------------------------------------------------------- */
#preloader{position: fixed;width: 100%;background: rgba(255,255,255,.97);height: 100%;z-index: 99999999999;}
#loader {position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 175px;height: 175px;margin: auto;}
#loader .lading { position: absolute; width:508px; height:381px; left:50%; top:50%; margin-left:-250px; margin-top:-190px; background: url(/img/main/loading.gif) no-repeat; }



/* 10 - Preloader End
---------------------------------------------------------------------- */



/* 2.3 - Placeholder color
------------------------------------------ */
.form-control::-webkit-input-placeholder {color: #ffffff;}
.form-control:-moz-placeholder {color: #ffffff;}
.form-control::-moz-placeholder {color: #ffffff;}
.form-control:-ms-input-placeholder{color:#ffffff;}
/* 2.3 - Placeholder color End 
------------------------------------------ */

/* 2.4 - Height Resize
------------------------------------------ */
.pattern.height-resize{padding-top: 40px;}
/* 2.4 - Height Resize End 
------------------------------------------ */

/* 2 - Global Style End 
---------------------------------------------------------------------- */

/* 3 - Main Menu
---------------------------------------------------------------------- */
.navbar-default .navbar-nav > li:hover > a, 
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover{color:#845AA5; background-color:transparent;}
.navbar-default{background-color:transparent; border-color:transparent;}
h1.logo a { text-align:center; margin:55px auto;  display:block;	-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;}
h1.logo > a:hover{background:none;   padding-top:5px; }
ol.logJoin{position:absolute; top:410px; left:0; padding:0; width:180px; border-bottom:1px solid #1a1716; padding-bottom:13px; display:none;}
ol.logJoin li{ list-style:none; text-align:center;  width:180px;}
ol.logJoin li a{text-decoration:none; display:block;   text-align:center; color:#4c4745; -webkit-transition:all .25s; -moz-transition:all .25s;  -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;}
ol.logJoin li a:hover{color:#fff; font-size:18px;}
.navbar-default .navbar-nav > li > a{padding:5px 15px; font-weight:400; font-size:16px; color:#4c4745; line-height:27px; display:block; text-align:center; 
	-webkit-transition:all .25s; -moz-transition:all .25s; -ms-transition:all .25s; -o-transition:all .25s; transition:all .25s;}
.navbar-nav > li.fst > a{padding-top:12px;}
/* .navbar-nav > li:hover > a:before,.navbar-default .navbar-nav > .active > a:before{	padding-left:25px;content:'';	background:url('../../img/main/img_nav_style.png') no-repeat 5px center;} */
.navbar-nav > li:hover > a, .navbar-nav > li.active > a{ /* padding-right:25px */;font-size:18px;color:#fff;}
.nav > li{position:static;}
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form{	border-color: transparent;}
.navbar-fixed-top{position:absolute; }

.nav_close{display:none;}
.navbar-collapse.collapse{display:block;}
.navbar-collapse{display:block;}

#headernavigation .homes{display:none;}
/* 3 - Main Menu End
---------------------------------------------------------------------- */
/* SubMenu
---------------------------------------------------------------------- */
.subs{position:absolute; left:180px; width:150px; background:#0d0b0c ; height:1000px; top:0; padding-left:20px; display:none; z-index:999999}
.navbar-default .navbar-nav > li:hover .subs{display:block;}
.subs .fst{margin-top:165px;}

.subs li{line-height:35px; }
.subs li a{font-family:'Nanum Gothic', sans-serif; font-weight:bold; color:#555;}
.subs li a:hover, .subs li a.active{color:#fff; text-decoration:underline;}
.subs li a:focus {color: #555;    text-decoration:none}


/* SubMenu End
---------------------------------------------------------------------- */

/* fixed_top*/

.fixed_top  { position:fixed; top:49%; right:3%; width: 33px; height: 33px ; margin:0; z-index:1;}
.fixed_top  a{display:block; width: 33px; height: 33px ; background:url('../../img/main/img_arr_top.png') no-repeat; text-indent:-99999999px; overflow:hidden; }
.fixed_top  a:hover{background-image:url('../../img/main/img_arr_top_a.png') }
/* fixed_top*/



/* magnifics */
.mfp-title{font-family:'Nanum Gothic', sans-serif;}
.image-source-link{margin-left:10px; font-family:'Nanum Gothic', sans-serif; }

/* footer */
.centers{text-align:center; margin-top:30px; }
.centers address{margin:28px 0 8px ; padding:0; color:#595959; font-size:12px;font-family:'Nanum Gothic', sans-serif; font-weight:bold; display:block;}
.centers .copy{ font-size:12px; color:#595959;}


/* animated elements */
.animateblock {
  opacity: 0;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition:all 1s linear;    -o-transition:all 1s linear; 
  transition: all 1s linear;
}

.animateblock.animated {
  opacity: 1;
}

/* animation transition styles */
.animateblock.left {
  margin-left: -2%;
}
#contact .container .cont.animateblock.left{
margin-left:-1%;
}
.animateblock.left.animated {
  margin-left: 0%;
}
#contact .container .cont.animateblock.left.animated{
margin-left:10%;
}
.animateblock.right {
  display: block;
  margin-right: -2%;
}
.animateblock.right.animated {
  margin-right:0%;
}

.animateblock.top {
  display: block;
  width: auto;
  text-align: center;
  margin-top: -25px;
}
.animateblock.top.animated {
  margin-top: 0px;
}
#footer  .container  .row
{margin-right:0;}

.animateblock.btm {
  display: block;/* 
  width: auto; */
  text-align: center;
  margin-top: 25px;
}
.animateblock.btm.animated {
  margin-top: 0;
}

.animateblock.centerleft {
  display: block;
  width: auto;
  text-align: center;
  margin-right: -1%;
}
.animateblock.centerleft.animated {
  margin-right: 0;
}

.animateblock.centerright {
  display: block;
  width: auto;
  text-align: center;
  margin-left: -1%;
}
.animateblock.centerright.animated {
  margin-left: 0;
  width:100%;
}

.animateblock.center {
  margin-left: 2%;
}
.animateblock.center.animated {
  margin-left: 42%;
}

.animateblock.size {
  display: block;
  width: 10%;
  text-align: center;
}
.animateblock.size.animated {
  width: 100%;
  height: 100%;
}
.animateblock.size img {
  max-width: 100%;
  height: auto;
}


/* Media Query */
@media screen and (min-width: 1024px){

.navbar-fixed-top{z-index:9999; left:0; top:0;width:180px; height:1000px; background:#211d1c url('../../img/main/img_nav_bg.png') no-repeat; }
.navbar-nav{width:180px; float:none; }
.navbar-nav > li{float:none !important;}

/* .visual_text img{width:50%;} */
.navbar-nav  .hiding_menu{display:none}
.navbar-collapse.collapse{display:block !important}

.sub_02 .fst{padding-top: 38px;}
.sub_03 .fst{padding-top:76px;}
.sub_04 .fst{padding-top:114px;}
.sub_05 .fst{padding-top:152px;}
.sub_06 .fst{padding-top:190px;}

}

/*1361이상*/
@media all and (min-width: 1361px ) {
.container{width:100%;max-width:1360px;}
}
/*1280이상*/
@media all and (min-width: 1280px ) and (max-width:1360px){
.container{width:100%;max-width:1280px;}

}
/*1024이상*/
/* @media all and (min-width: 1024px) and (max-width:1279px){} */
/*1024이하*/
@media (max-width: 1023px) {

.navbar-header {float: none;}
.navbar-left,.navbar-right {
float: none !important;}
.sns_icons, .soreOwner, .nav_w1{display:none;}
.navbar-toggle {display: block; cursor:pointer;}
.navbar-collapse {border-top: 1px solid transparent;box-shadow: none;}
.navbar-fixed-top {top: 0;border-width: 0 0 1px;}
.navbar-collapse.collapse {display: none}
.navbar-nav {float: none!important;margin-top: 7.5px;}
.navbar-nav > li {float: none;}
.navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;}


#headernavigation{background:rgba(0,0,0,.8); margin:0; border:0; padding:0; z-index:5 ; padding:10% 0;}
#headernavigation li{width:100%; margin:0 auto; text-align:center; z-index:2}
#headernavigation li a{ display:block; text-align:center; z-index:2}
#headernavigation .homes{display:block;}


.navbar-collapse{position:absolute; top:0px; width:100%; margin:0 ; border:0; padding:0;}
.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus{background-color:transparent;}
.navbar-default .navbar-toggle{margin-top: 15px;}
.fran{display:none;}
.navbar-nav  .hiding_menu{display:block}
ol.logJoin{display:none;}
.navbar-nav > li.hiding_menu > a{padding-bottom:30px;}
.navbar-default .navbar-nav > li > a{ color:#999;}
.mobile-br{display:block;}

 .next-section{position:absolute; bottom:0; left:50%; margin-left:-87px;}
.nav_close{position:absolute; top:22px; right:19px; display:block; border:none; margin:0; padding:0; -webkit-transition:all .25s;  -moz-transition:all .25s;   -ms-transition:all .25s;    -o-transition:all .25s;   transition:all .25s;  z-index:9999999999999}
.nav_close:hover{ -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);;}
.navbar-collapse.collapse{display:none;}
.navbar-collapse{display:none;}

/* SubMenu
---------------------------------------------------------------------- */
.subs{position:static; left:auto; width:100%; background:#0d0b0c ; height:auto; top:auto; padding-left:0px; display:none; z-index:2; }


.subs .fst{margin-top:0px; }
/* .sub_02 .fst, .sub_03 .fst, .sub_04 .fst, .sub_05 .fst, .sub_06 .fst{padding-top:0px;} */

.subs li a{line-height:20px; padding:10px 0; font-size:15px;}
/* .navbar-default .navbar-nav > li:hover .subs{display:none} */
.navbar-default .navbar-nav > li > a{padding:10px ;}

/* SubMenu End
---------------------------------------------------------------------- */

.section-name{margin:0 auto; text-align:center;}
.section-description{text-align:center;}

.animateblock.left {
  margin-left: -1%;
}
.animateblock.left.animated {
  margin-left: auto;
}
.animateblock.right {
  display: block;
  margin-left: 100%;
}
.animateblock.right.animated {
  margin-left: auto;
}
}
/* @media screen and (max-width: 992px){

} */