/* http://fontawesome.io */
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";

/* 나눔고딕 (Nanum Gothic) font-family: 'Nanum Gothic', sans-serif; */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);  

body {
  padding-top: 54px;
  font-family: 'Nanum Gothic', sans-serif;
}

@media (min-width: 992px) {
  body {
    padding-top: 56px;
  }
}

.carousel-item {
  height: 65vh;
  min-height: 300px;
  background: no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  animation: fadein 0.6s;
  -moz-animation: fadein 0.6s; /* Firefox */
  -webkit-animation: fadein 0.6s; /* Safari and Chrome */
  -o-animation: fadein 0.6s; /* Opera */
}

.portfolio-item {
  margin-bottom: 30px;
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}




.fixed-top {
  position:relative;
  top: 0;
  right: 0;
  left: 0;
  transition: all 0.5s;
  padding: 0px 0;
  height: 72px;
  z-index: 1030;
}

.fixed-top.header-fixed {
  background: rgba(52, 59, 64, 0.2);
  padding: 0px 0;
  height: 72px;
  transition: all 0.5s;
}

ul.navbar-nav li.dropdown:hover > .dropdown-menu {
  display:block;
  margin:0;
}



/* 상단 메뉴라인 */
.navbar .navbar-line {
   position:absolute;
   display:none;
   top:29px;
   left:50%;
   right:0;
   width:100px;
   height:2px;
   background:#44cd85;
   transform:translateX(-50%);
}
/* 상단 메뉴라인 끝 */



.navbar-top {
  position:relative;
  top:-57px;
  left:0;
  width:100%;
  height:105px;
  border-bottom:1px solid #ccc;
}

.navbar-top .navbar-logo {
  position:relative;
  display:block;
  top:20px;
  left:30px;
  width:230px;
  height:80px;
  padding:20px 0;
}

.navbar-top ul.navbar-menu {
  position:relative;
  display:block;  
  top:-55px;
  left:0;
  width:900px;
  height:70px;
  list-style:none;
  margin:auto;
}

.navbar-top ul.navbar-menu li {
  float:left;
  padding:15px 25px;
}


/* 상단 옵션 박스 */
.navbar-top .navbar-opt {
  position:relative;
  float:right;
  top: -105px;
  right: 40px;
  width:190px;
  height: 30px;
}

.navbar-top .navbar-opt .opt-icon_01 {
  position:absolute;
  top: 0px;
  left: 0px;
  width:30px;
  height: 30px;
}

.navbar-top .navbar-opt .opt-icon_02 {
  position:absolute;
  top: 0px;
  left: 40px;
  width:30px;
  height: 30px;
}

.navbar-top .navbar-opt .opt-icon_03 {
  position:absolute;
  top: 0px;
  left: 80px;
  width:30px;
  height: 30px;
}

.navbar-top .navbar-opt .opt-icon_04 {
  position:absolute;
  top: 0px;
  left:120px;
  width:30px;
  height: 30px;
}

.navbar-top .navbar-opt .opt-icon_05 {
  position:absolute;
  top: 0px;
  left: 160px;
  width:30px;
  height: 30px;
}


.navbar .subbar {
  position:absolute;
  display:none;
  top:32px;
  left:0;
  width:100%;
  height:50px;
  background: rgba(255, 255, 255, 1.0);
}

.navbar .subbar ul.sublist {
  position:relative;
  top:2px;
  left:300px;
  width:480px;
  height:50px;
  list-style:none;
  margin:auto;
}

.navbar .subbar ul.sublist li {
  float:left;
  padding:10px 20px;
}
/* 상단 옵션 박스 끝 */






/* 서브 상단 백그라이드 */
.subbg_sub_01 {
  position:relative;
  z-index:100;
  top:-40px; 
  width:100%;
  height:496px;
  background:url('/site/images/sub_01.png');
  background-position:center center;
  background-repeat:no-repeat;
  background-size: 100% 100%;
}

.subbg_sub_02 {
  position:relative;
  z-index:100;
  top:-40px; 
  width:100%;
  height:496px;
  background:url('/site/images/sub_02.png');
  background-position:center center;
  background-repeat:no-repeat;
  background-size: 100% 100%;
}

.subbg_sub_03 {
  position:relative;
  z-index:100;
  top:-40px; 
  width:100%;
  height:496px;
  background:url('/site/images/sub_03.png');
  background-position:center center;
  background-repeat:no-repeat;
  background-size: 100% 100%;
}

.subbg_sub_04 {
  position:relative;
  z-index:100;
  top:-40px; 
  width:100%;
  height:496px;
  background:url('/site/images/sub_04.png');
  background-position:center center;
  background-repeat:no-repeat;
  background-size: 100% 100%;
}

.subbg_sub_05 {
  position:relative;
  z-index:100;
  top:-40px; 
  width:100%;
  height:496px;
  background:url('/site/images/sub_05.png');
  background-position:center center;
  background-repeat:no-repeat;
  background-size: 100% 100%;
}



.subtitle_sub_01 {
  position:relative;
  z-index:110;   
  top:150px;
  left:0px;
  width:590px;
  height:176px;
  margin:auto;
}

.subtitle_sub_02 {
  position:relative;
  z-index:110;   
  top:150px;
  left:0px;
  width:326px;
  height:170px;
  margin:auto;
}

.subtitle_sub_03 {
  position:relative;
  z-index:110;   
  top:150px;
  left:0px;
  width:313px;
  height:178px;
  margin:auto;
}

.subtitle_sub_04 {
  position:relative;
  z-index:110;   
  top:150px;
  left:0px;
  width:354px;
  height:172px;
  margin:auto;
}

.subtitle_sub_05 {
  position:relative;
  z-index:110;   
  top:150px;
  left:0px;
  width:284px;
  height:176px;
  margin:auto;
}


.submain {
   position:absolute;
   z-index:120;   
   top:495px;
   left:0;
   width:100%;
   height:56px;
   background:#fff;
   border-bottom:1px solid #e5e5e5;
}

.submain .subbox {
   position:relative;
   z-index:130;   
   top:0;
   left:0;
   width:1200px;
   height:56px;
   background:#fff;
   border-bottom:1px solid #e5e5e5;
   margin:auto;
}

.submain .subbox .subbox_01 {
   position:relative;
   z-index:140;
   display:block; 
   top:0px;
   left:0px;
   width:200px;
   height:56px;
   padding:24px 22px;
   border-left:1px solid #e5e5e5;
   border-right:1px solid #e5e5e5;
}


.submain .subbox .subbox_01 p {
   position:relative;
   top:-8px;
   left:30px;
   width:20px;
   height:20px;
}

.submain .subbox .subbox_01 span {
   position:relative;
   top:-43px;
   left:70px;
   font-size:0.85em;
}

.submain .subbox .subbox_01 span a,
.submain .subbox .subbox_01 span a:link {
   color: #000;
   text-decoration:none;
}





.submain .subbox .subbox_02 {
   position: relative;
   z-index:150;  
   display: block;
   top:-56px;
   left:210px;
   width: 220px;
   max-width: 220px;
   height:56px;
   color: #000;
   vertical-align: middle;
   text-align: left;
   -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
        user-select: none;
   -webkit-touch-callout: none;
   padding:10px;
   border-right:1px solid #e5e5e5;
}

.submain .subbox .subbox_02 .select-script2 {
  position:relative;
  top:0;
  left:-10px;
  width:210px;
  height:43px;
  line-height:40px;
  text-transform:uppercase;
  color:#000;
  background:#fff;
}

.submain .subbox .subbox_02 .select-script2 .selectbox2 {
  position:absolute;
  top:0;
  left:0;  
  width:100%;
  font-size:.86em;
  color:#000;
  padding:0 5%;
  font-size:0.95em;
  cursor:pointer;
}

.submain .subbox .subbox_02 .select-script2 .selectbox2:after {
  position:absolute;
  top:4px;
  right:0;
  width:40px;
  height:38px;
  color:#000;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  font-family: 'FontAwesome';
  font-size:1.5em;
  content: '\f106';
  text-align:center;
  background:#fff;
}

.submain .subbox .subbox_02 .select-script2.is-open .selectbox2:after {
   content: '\f107';
}

.submain .subbox .subbox_02 .select-script2 ul.sub-combo2 {
   position:relative;
   display:none;
   top:45px;
   left:-11px;
   width:231px;
   height:auto;
   line-height:1.0em;
   list-style:none;
   font-size:0.85em;
   text-transform:uppercase;
   background:#fff;
   font-size:0.95em;
   border-top:1px solid #e5e5e5;
   border-right:1px solid #e5e5e5;  
}

.submain .subbox .subbox_02 .select-script2 ul.sub-combo2 li {
   width:228px;
   height:50px;
   margin-left:-40px;
   padding:18px 21px;
   background:#fff;
   border-left:1px solid #e5e5e5;   
   border-bottom:1px solid #e5e5e5;
}

.submain .subbox .subbox_02 .select-script2 ul.sub-combo2 a,
.submain .subbox .subbox_02 .select-script2 ul.sub-combo2 a:link {
   color: #000;
   text-decoration:none;
}

.submain .subbox .subbox_02 .select-script2 ul.sub-combo2 a:hover {
   display:block;
   width:228px;
   height:50px;
   margin-top:-18px;
   margin-left:-20px;
   padding-top:18px;
   padding-left:20px;
   color:#44cd85;
}




.submain .subbox .subbox_03 {
   position: relative;
   z-index:170;  
   display: block;
   top:-112px;
   left:440px;
   width: 220px;
   max-width: 220px;
   height:56px;
   color: #000;
   vertical-align: middle;
   text-align: left;
   -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
        user-select: none;
   -webkit-touch-callout: none;
   padding:10px;
   border-right:1px solid #e5e5e5;
}

.submain .subbox .subbox_03 .select-script3 {
  position:relative;
  top:0;
  left:-10px;
  width:210px;
  height:43px;
  line-height:40px;
  text-transform:uppercase;
  color:#000;
  background:#fff;
}

.submain .subbox .subbox_03 .select-script3 .selectbox3 {
   position:absolute;
   top:0;
   left:0;  
   width:100%;
   font-size:.86em;
   color:#000;
   padding:0 5%;
   font-size:0.95em;
   cursor:pointer;
}

.submain .subbox .subbox_03 .select-script3 .selectbox3:after {
   position:absolute;
   top:4px;
   right:0;
   width:40px;
   height:38px;
   color:#000;
   -webkit-transform: rotate(180deg);
           transform: rotate(180deg);
   font-family: 'FontAwesome';
   font-size:1.5em;
   content: '\f106';
   text-align:center;
   background:#fff;
}

.submain .subbox .subbox_03 .select-script3.is-open .selectbox3:after {
   content: '\f107';
}

.submain .subbox .subbox_03 .select-script3 ul.sub-combo3 {
   position:relative;
   display:none;
   top:45px;
   left:-11px;
   width:231px;
   height:auto;
   line-height:1.0em;
   list-style:none;
   font-size:0.85em;
   text-transform:uppercase;
   background:#fff;
   font-size:0.95em;
   border-top:1px solid #e5e5e5;
   border-right:1px solid #e5e5e5;  
}

.submain .subbox .subbox_03 .select-script3 ul.sub-combo3 li {
   display:block;
   width:228px;
   height:50px;
   margin-left:-40px;
   padding:18px 21px;
   background:#fff;
   border-left:1px solid #e5e5e5;   
   border-bottom:1px solid #e5e5e5;
}

.submain .subbox .subbox_03 .select-script3 ul.sub-combo3 a,
.submain .subbox .subbox_03 .select-script3 ul.sub-combo3 a:link {
   color: #000;
   text-decoration:none;
}

.submain .subbox .subbox_03 .select-script3 ul.sub-combo3 a:hover {
   display:block;
   width:228px;
   height:50px;
   margin-top:-18px;
   margin-left:-20px;
   padding-top:18px;
   padding-left:20px;
   color:#44cd85;
}





/* 상단 스크롤 다운 */
#con-content {
    position:relative;
    top:0px;
    left:0px;
    width: 81px;
    height: 69px;
    background: url("site/images/scroll.png") no-repeat scroll 0 0 transparent;
}
/* 상단 스크롤 다운 끝 */











/* 메인 화살표 start */
header .btnGroup a { position:absolute; top:35%; z-index:1; width:60px; height:60px; font-size:0; background:url('/site/images/btn_arrow.png') no-repeat;}
header .btnGroup .btnLeft { left:70px;}
header .btnGroup .btnRight { right:70px; transform:rotate(-180deg)}
/* 메인 화살표 end */







/* sub menu start */
.dropdown-menu {
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: #333 5px 5px 10px;
  -moz-box-shadow: #333 5px 5px 10px;   
  box-shadow: #333 5px 5px 10px;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #fff;
  text-decoration: none;
  background-color: #666;
}
/* sub menu end */


/* slide bar start */
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 100px;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.carousel-indicators li {
  position: relative;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 10px;
  height: 10px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  border-radius: 5px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 1.0);
}

.carousel-indicators .active {
  width: 30px;
  border-radius: 5px;
  background-color:#006699;
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
}
/* slide bar end */

.tarid {
   position:relative;
   top:-140px;
   left:0;
   width:60px;
   height:15px;
   margin:auto;
   font-size:0.9em;
   line-height:0.8em;
   text-align:center;
   color:#fff;
}



/* scroll top start */
.mouse-move-top {
  position: fixed;
  z-index:999999;  
  display: none;
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 0px;
  bottom: 150px;
  transition: background 0.5s;
}

.mouse-move-top:focus {
  color: #fff;
  outline: none;
}

.mouse-move-top:hover {
  color: #fff;
}
/* scroll top end */




/* scroll animate start */

.fadeInUp.slide {
    animation:slide 1s;
}

@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(10%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0%);
    } 
}









/* scroll animate end */



.footer {
    position:relative;
	z-index:9900;
	top:0;
	left:0;
    width:100%;
    height:125px;
	background:#444;
}
   
.footer .footer_main {
    position:relative;
	z-index:9902;	
	top:0;
	left:0;
    width:1000px;
    height:100%;	
	margin:auto;
	padding:15px 0;
}

.footer .footer_main .ftaddr1 {
    position:relative;
	z-index:9904;	
	top:20px;
	left:-95px;
    width:800px;
    height:30px;
	font-size:1.0em;
	color:#a0a0a0;
}

.footer .footer_main .ftaddr2 {
    position:relative;
	z-index:9906;	
	top:20px;
	left:-95px;
    width:600px;
    height:30px;
	font-size:1.0em;
	color:#a0a0a0;
}

.footer .footer_main .ftaddr3 {
    position:relative;
	z-index:9908;	
	top:-30px;
	left:838px;
    width:260px;
    height:40px;
	list-style:none;
}

.footer .footer_main .ftaddr3 .ficon_01 {
    position:absolute;
	z-index:9910;	
	top:0px;
	left:0px;
    width:40px;
    height:40px;
}

.footer .footer_main .ftaddr3 .ficon_02 {
    position:absolute;
	z-index:9920;	
	top:0px;
	left:55px;
    width:40px;
    height:40px;
}

.footer .footer_main .ftaddr3 .ficon_03 {
    position:absolute;
	z-index:9930;	
	top:0px;
	left:110px;
    width:40px;
    height:40px;
}

.footer .footer_main .ftaddr3 .ficon_04 {
    position:absolute;
	z-index:9940;	
	top:0px;
	left:165px;
    width:40px;
    height:40px;
}

.footer .footer_main .ftaddr3 .ficon_05 {
    position:absolute;
	z-index:9950;	
	top:0px;
	left:220px;
    width:40px;
    height:40px;
}






.btn_01 {
	position:relative;
	z-index:900;
    display:inline-block;
	line-height:1.5em;	
	top:0px;
	left:0px;
	width:auto;
	min-width:40px;
	height:30px;
	font-size:0.9em;	
	text-align:center;
	padding:5px 8px;	
	cursor:pointer;
}

.btn_02 {
	position:relative;
	z-index:910;
    display:inline-block;
	line-height:1.5em;
	top:0px;
	left:0px;
	width:auto;
	min-width:60px;
	height:30px;
	font-size:0.9em;
	text-align:center;
	padding:5px 8px;	
	cursor:pointer;
}

.btn_search {
	position:relative;
	z-index:920;
    display:inline-block;
	line-height:1.5em;	
	top:-2px;
	left:0px;
	width:auto;
	min-width:32px;
	height:22px;
	font-size:0.9em;
	text-align:center;
	padding:0px 8px;	
	cursor:pointer;
	border-radius:2px;
}

.btn_go {
	position:relative;
	z-index:930;
    display:inline-block;
	line-height:1.5em;	
	top:-2px;
	left:0px;
	width:auto;
	min-width:42px;
	height:26px;
	font-size:0.9em;
	text-align:center;
	padding:2px 8px;	
	cursor:pointer;
	border-radius:2px;
}

.btn_dark {background:#333333;color:#fff;border:1px solid #333333;vertical-align:middle}
.btn_red {background:#FF3366;color:#fff;border:1px solid #FF3366;vertical-align:middle}
.btn_white {background:#fafafa;color:#000;border:1px solid #ccc;vertical-align:middle}
.btn_blue {background:#3399CC;color:#fff;border:1px solid #428bca;vertical-align:middle}