/* head style { */

header{left:0; top:0; width:100%; z-index:11; background:#fff; transition:all .3s cubic-bezier(0.860, 0.000, 0.070, 1.000);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.07);
}
header .header_top{background:#584d4d; height:30px; display: none;}
header .header_top .left_btn{float:left;}
header .header_top .left_btn a{display:block; height:30px; line-height:30px; background:#fff; font-size:12px; color: #444; padding:0 25px; font-weight:600; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1;}
header .header_top .left_btn a:hover{color:#c83d67;}
header .header_top .right_btn{float:right; padding:5px 0; }
header .header_top .right_btn li{display:inline-block; padding:0 15px; position:relative;}
header .header_top .right_btn li:after{content:''; position:absolute; left:0; top:50%; margin-top:-3px; width:1px; height:8px; background:#fff; opacity:.15;}
header .header_top .right_btn li:first-child:after{display:none;}
header .header_top .right_btn li:last-child{padding-right:0;}
header .header_top .right_btn li a{color:#fff; opacity:.5; font-size:12px; font-weight:400;}
header .header_top .right_btn li a:hover{opacity:1;}
header h1{float:left; margin:28px 0 0;}
header .lnb{float:right;}
header .lnb > ul > li{float:left; margin:0 40px; line-height:1; position:relative;}
header .lnb > ul > li:last-child{margin-right:0;}
header .lnb > ul > li > a{display:block; padding:33px 0px; position:relative; font-size:17px; color: #292929; font-weight:500; letter-spacing:-1px;}
header .lnb > ul > li.on > a{color:#2E81B3;}
header .lnb > ul > li:last-child > ul {left:auto; right: 0; margin-left:0;}
header .lnb > ul > li:last-child > ul ul {left: auto; right: 100%;}
header .lnb > ul > li ul {
  width: 160px;
  background: #292929;
  position: absolute;
  border-top:4px solid #07527E;
  z-index: 99;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transform: translate3d(0, 10px, 0);
  -webkit-transform: translate3d(0, 10px, 0);
  -moz-transform: translate3d(0, 10px, 0);
  visibility: hidden;
  margin-top: -1px;
  top:100%; 
  left:50%;
  margin-left:-80px;
  text-align:center;
}
header .lnb > ul > li > ul > li {position: relative; line-height: 24px; width: 100%; vertical-align: top;}
header .lnb > ul > li > ul > li i {display: inline-block; margin-right: 2px;
}
header .lnb > ul > li > ul > .has-dropdown:after { color: #fff; top: 5px; right: 24px; content: "\e649";}
header .lnb > ul > li > ul li a {
  color: #acacac;
  height: auto;
  padding: 7px 0;
  font-size:14px;
  display:block;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
}
header .lnb > ul > li > ul li a:hover{background:#2E81B3; color: #fff;}
header .lnb > ul > li > ul > li > ul {left: 100%; top: 0;}
header .lnb > ul > li:hover > ul {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  visibility: visible;
}
header .lnb > ul > li > ul > li:hover > ul,
header .has-dropdown:hover .mega-menu ul {
  opacity: 1;
  transform: translate3d(0, 0px, 0);
  -webkit-transform: translate3d(0, 0px, 0);
  -moz-transform: translate3d(0, 0px, 0);
  visibility: visible;
}
header .mega-menu {width: auto !important; white-space: nowrap; line-height: 24px;}
header .mega-menu ul {position: relative !important; left: auto !important; padding: 0 !important;
}
header .mega-menu > li {width: 200px !important; overflow: hidden; display: inline-block;}
header .mega-menu .title {
  letter-spacing: 1px;
  color: #fff;
  display: inline-block;
  padding: 6px 24px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
}
header .nav_btn{display:none; right:15px; position:absolute; top:0; height:100%; width:25px}
@media all and (max-width:1240px){
	header h1 img{width:160px;}
	header .lnb > ul > li{margin:0 35px;}
	header .lnb > ul > li > a{font-size:16px;}
}
@media all and (max-width:1020px){
	header .lnb > ul > li{margin:0 25px;}
	header .lnb > ul > li > a{font-size:15px;}
}
@media all and (max-width:767px){
  	header h1 img{width:130px;}
	header h1{position:static; margin:20px 0 16px; line-height:1;}
	header .lnb{display:none;}
	header .nav_btn{display:block;}
	header .header_top .right_btn li{padding:0 10px;}
	header .header_top .right_btn li a{font-size:11px;}
}

/* head style } */





/* index style { */


  .snb{width:200px; float:left; padding-top:45px;}
  .snb a {display:block;}
  .snb + .sub_contents{margin-left:242px; overflow:hidden; position:relative;}
  .snb .snb_title{height:57px; word-break: keep-all; padding:0 10px 0px; border-bottom:1px solid #aaa;}
  .snb .snb_title h3{font-size:28px; font-weight:400; color:#323232; font-family:"notoSansKR",sans-serif; letter-spacing:-1px;}
  .snb .dep1{border-bottom:1px solid #aaa;}
  .snb .dep1 > li{position:relative;}
  .snb .dep1 > li > a {position:relative;}
  .snb .dep1 > li[role=toggle] > a:after {content:'\e64b';}
  .snb .dep1 > li[role=toggle].active > a:after {content:'\e648';}
  .snb .dep1 > li.on:after{color: #000;}
  .snb .dep1 > li > a{display:block; padding:12px 34px 12px 10px; font-size:15px; color: #464646; font-family:"notoSansKR",sans-serif; font-weight: 400;}
  .snb .dep1 > li.on > a, .snb .dep1 > li > a:hover{color:#fff; background:#07527E;}
  .snb .dep1 > li > div {display:none;}
  .snb .dep1 > li.active > div {display:block;}
  .snb .dep2 {padding:20px 25px; background-color:#f5f5f5;}
  .snb .dep2 > li {margin:5px 0;}
  .snb .dep2 > li > a {font-size:12px;}
  .snb .dep2 > li.on > a {font-weight:bold;}
  @media all and (max-width:1020px){
    .snb{display:none;}
    .snb + .sub_contents{margin-left:0}
  }
		



	
  .slide_wrap, #main_visual {overflow:hidden; position:relative}
  #main_visual,  .slide_wrap,.rs-fullscr-container{height:650px !important; min-height:380px !important}
  .section_ .txt_wrap{opacity:0; transition:all .7s ease; position:relative; top:20px;}
  .section_ .active-revslide .txt_wrap{opacity:1; top:0;}
  .section_ .container {height:100%;}
  .section_ .txt_wrap{position:relative; display:table; height:100%; width:100%; z-index:999;}
  .section_ .txt_wrap > div {display:table-cell; vertical-align:middle;}
  .section_ .text{color:#fff; word-break:keep-all; font-weight:300; letter-spacing:-.5px}
  .section_ .txt_wrap span {display:block;}
  .section_ .text01{font-size:55px;  line-height:1.2; padding-top:0%; font-weight:300; margin-bottom:10px}
  .section_ .text01 span {font-weight:300;}
  .section_ .text02{font-size:50px; padding:5px 0; font-weight:700; line-height:1.2;}
  .section_ .text03{font-size:19px; padding:10px 0; line-height:1.7}
  .tparrows:before{color: #fff; font-size:30px; font-weight:100;}
  .section_:hover .rs-controls a {opacity:1;}
  .rs-controls a {position:absolute; top:50%; width:42px; height:42px; margin-top:-21px; font-size:0; text-align:center; z-index:200; color:#fff; opacity:0; transition:opacity .4s; -webkit-transition:opacity .4s; -ms-transition:opacity .4s; -moz-transition:opacity .4s;}
  .rs-controls a:before {font-size:42px; line-height:42px;}
  .rs-controls .rs-prev {left:10px;}
  .rs-controls .rs-next {right:10px;}
  .section_ .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
   z-index:20;
    /* black overlay with 50% transparency */
    background: rgba(0, 0, 0, 0.5);
  }
@media all and (max-width:1020px){
   #main_visual,  .slide_wrap,.rs-fullscr-container{height:500px !important;}
	.section_ .text01{font-size:47px;}
	.section_ .text02{font-size:32px;}
   .section_ .text03{font-size:17px;}
  .rs-controls{display:none}
}
@media all and (max-width:767px){
  #main_visual,  .slide_wrap,.rs-fullscr-container{height:400px !important;}
	.section_ .text01{font-size:38px;}
	.section_ .text02{font-size:28px;}
   .section_ .text03{font-size:14px;}
}
  @media all and (max-width:479px){
    #main_visual,  .slide_wrap,.rs-fullscr-container{height:300px !important; min-height:0}
	.section_ .text01{font-size:32px;}
	.section_ .text02{font-size:24px;}
   .section_ .text03{font-size:14px;}
  }
.tp-bullets{position: absolute; width:100% !important;  text-align:center; margin: 0; padding: 0; list-style: none; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.tp-bullets .tp-bullet {position: relative !important; display: inline-block !important; width: 10px; height: 10px; cursor: pointer; left:0 !important;  top:0; margin:0 5px;}
.tp-bullets .tp-bullet span {top: 0; left: 0; width: 100%; height: 100%; outline: none; border-radius: 50%; background-color: #fff; background-color: rgba(255, 255, 255, 0); text-indent: -999em; cursor: pointer; position: absolute;}
.dotstyle li span:focus {outline: none;}
.tp-bullets .tp-bullet span {border: 1.5px solid rgba(255, 255, 255, .5); -webkit-transition: border-color 0.3s ease; transition: border-color 0.3s ease;}
.tp-bullets .tp-bullet span::after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; background: #f7ce3e; border-radius: 50%; box-shadow: 0 0 1px #f7ce3e; opacity: 0; -webkit-transform: scale(3); transform: scale(3); -webkit-transition: opacity 1.2s ease, -webkit-transform 1.2s ease, visibility 0s 1.2s; transition: opacity 1.2s ease, transform 1.2s ease, visibility 0s 1.2s;}
.tp-bullets .tp-bullet span:hover,.tp-bullets .tp-bullet span:focus,.tp-bullets .tp-bullet.selected span {border-color: #f7ce3e;}
.tp-bullets .tp-bullet.selected span::after {visibility: visible; opacity: 1; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 1.2s ease, -webkit-transform 1.2s ease; transition: opacity 1.2s ease, transform 1.2s ease;}
@media all and (max-width:767px){
 .tp-bullets .tp-bullet {width:8px; height:8px; margin:0 5px;}
 .tp-bullets .tp-bullet span {border: 1px solid rgba(255, 255, 255, .5);}
 .tp-bullets .tp-bullet span::after {-webkit-transform: scale(3.5); transform: scale(3.5);}
}
			



<style>
.mb_03{}
.mb_03 .con_f_box > div{padding:0;}
.mb_03 .con_f_box h3{margin-bottom:24px; line-height:1.3;}
.mb_03 .con_f_box p{color: #888; line-height:1.8; word-break:keep-all; font-size:14px;}
.mb_03 .txt_wrap{padding:25px 50px;}
@media screen and (max-width:1200px){
	.mb_03 .txt_wrap{padding:10px 50px;}
}
@media screen and (max-width:991px){
	.mb_03 .con_f_box img{width:100%;}
	.mb_03 .txt_wrap{padding:0px 0 30px;}
	.mb_03 .con_f_box h3{margin-bottom:14px;}
}
		

.mb_08 {margin:0 0; background-image:url(/images/maincon03_bg.jpg);  background-size:cover; background-position:center; color:#fff;}
.mb_08 .en_tit{color: #fff;}
   .mb_08 .container {position:relative; z-index:20;}
  .mb_08 .list .box {float:left; width:25%; color:#fff; transform:scale(1); position:relative;}
  .mb_08 .list .box:hover {z-index:10; }
  .mb_08 .list .box > a {display:block; background-color:#07527E; padding:20px; height:240px; background-repeat:no-repeat; background-position:calc(100% - 20px) calc(100% - 20px)}
  .mb_08 .list li:nth-child(2n) > a  {background-color:#2e81b3;}  
  .mb_08 .list h4 {font-size:21px; font-weight:700; margin-bottom:20px;}
  .mb_08 .list .box01 > a {background-image:url(/images/mainban01_ico_1.png)}
  .mb_08 .list .box02 > a {background-image:url(/images/mainban01_ico_2.png)}
  .mb_08 .list .box03 > a {background-image:url(/images/mainban01_ico_3.png)}
  .mb_08 .list .box04 > a {background-image:url(/images/mainban01_ico_4.png)}
  .mb_08 .list .box05 > a {background-image:url(/images/mainban01_ico_1.png)}
   .mb_08 .sec_title_dscr{line-height:1.7; font-size:14px;}
  @media screen and (max-width:1240px){
    .mb_08 .list p br { display:none;}
  }
  @media screen and (max-width:1020px){
    .mb_08 .list .box  {width:50%;}
	  .mb_08  .list li:nth-child(2n) > a {background-color:#07527D}
   .mb_08 .list li:nth-child(2) > a,
   .mb_08 .list li:nth-child(3n) > a {background-color:#2e81b3;}
  }
@media screen and (max-width:767px){
}
@media screen and (max-width:640px){
   .mb_08 .list h4 {font-size:17px; }
   .mb_08 .list p {font-size:12px;}
}
			
			
			
			
	
.mb_09 {}
.mb_09 .main_bbs {position:relative;}
.mb_09 .main_bbs ul{margin:0 -10px;}
.mb_09 .main_bbs li{padding:5px 0;}
.mb_09 .main_bbs li > div {margin:10px;}
.mb_09 .main_bbs h4{font-size:17px; font-weight: 500; margin-bottom:5px; padding-right:5px;}
.mb_09 .main_bbs p{font-size:13px; line-height:1.7; color: #888; padding-right:5px; text-align:justify;}
.mb_09 .main_bbs .thumb {float:left;}
.mb_09 .main_bbs .dscr {overflow:hidden; margin:0 0 0 120px;}
.mb_09 .btn {position:absolute; bottom:0; right:0; }
@media screen and (max-width:1240px){
	.mb_09 .main_bbs h4{font-size:16px; letter-spacing:-.5px;}
	.mb_09 .main_bbs p{letter-spacing:-.3px; line-height:1.5;	}
}
@media screen and (max-width:767px){
	.mb_09 .main_bbs h4{font-size:15px;}
}
						
						



.mb_22 {padding:30px 0; margin:0 0; background:#f5f5f5;}
.mb_22 .list li a {display:block; border-left:1px solid#bcbcbc; margin:10px; padding:0 0;}
.mb_22 .list li a .inner-wrap {display:table; width:100%; }
.mb_22 .list li:first-child a {border-left-width:0;}
.mb_22 .list li a .inner-wrap > div {display:table-cell; vertical-align:middle;}
.mb_22 .list .figure {width:30%; padding:10px 30px; text-align:center;}
.mb_22 .list .figure i {font-size:50px; color:#2e81b3;}
.mb_22 .list .dscr  {padding-right:30px;}
.mb_22 .list .dscr h4 {margin-bottom:5px; font-size:17px; font-weight:500; margin-bottom:7px;}
.mb_22 .list .dscr p {color:#888; font-size:13px; line-height:1.6;}
@media screen and (max-width:1200px){
	.mb_22 .list li{padding:10px 0;}
	.mb_22 .list li a{border:none}
	.mb_22 .list .dscr p br {display:none;}
	.mb_22 .list .figure {padding:5px 20px;}
	.mb_22 .list .figure i {font-size:40px;}
	.mb_22 .list .dscr  {padding-right:15px;}
}
@media screen and (max-width:1020px){
	.mb_22 .list li a {padding:15px 0;}
	.mb_22 .list li:first-child a {border-left-width:1px;}
}
@media screen and (max-width:767px){
	.mb_22 .list li{padding:0;}
	.mb_22 .list .dscr h4 {font-size:15px;}
	.mb_22 .list li a .inner-wrap > div{display: block; width:auto; text-align: center;}
}


/* index style } */



/* sub style { */



.snb{width:200px; float:left; padding-top:45px;}
  .snb a {display:block;}
  .snb + .sub_contents{margin-left:242px; overflow:hidden; position:relative;}
  .snb .snb_title{height:57px; word-break: keep-all; padding:0 10px 0px; border-bottom:1px solid #aaa;}
  .snb .snb_title h3{font-size:28px; font-weight:400; color:#323232; font-family:"notoSansKR",sans-serif; letter-spacing:-1px;}
  .snb .dep1{border-bottom:1px solid #aaa;}
  .snb .dep1 > li{position:relative;}
  .snb .dep1 > li > a {position:relative;}
  .snb .dep1 > li[role=toggle] > a:after {content:'\e64b';}
  .snb .dep1 > li[role=toggle].active > a:after {content:'\e648';}
  .snb .dep1 > li.on:after{color: #000;}
  .snb .dep1 > li > a{display:block; padding:12px 34px 12px 10px; font-size:15px; color: #464646; font-family:"notoSansKR",sans-serif; font-weight: 400;}
  .snb .dep1 > li.on > a, .snb .dep1 > li > a:hover{color:#fff; background:#07527E;}
  .snb .dep1 > li > div {display:none;}
  .snb .dep1 > li.active > div {display:block;}
  .snb .dep2 {padding:20px 25px; background-color:#f5f5f5;}
  .snb .dep2 > li {margin:5px 0;}
  .snb .dep2 > li > a {font-size:12px;}
  .snb .dep2 > li.on > a {font-weight:bold;}
  @media all and (max-width:1020px){
    .snb{display:none;}
    .snb + .sub_contents{margin-left:0}
  }
		



.greeting_wrap h3{font-size:34px; font-family:'NotoSansKR',sans-serif; letter-spacing:-1px;}
.greeting_wrap p{font-size:15px; color: #888; margin-bottom:16px; line-height:1.8;}
@media all and (max-width:767px) {
	.greeting_wrap h3{font-size:24px;}
	.greeting_wrap p{font-size:14px;}
}
				



/* sub style } */








/* tail style { */


footer{border-top:1px solid #dcdcdc;}
footer .f_nav{border-bottom:1px solid #dcdcdc;}
footer .f_nav ul{margin-bottom:0; font-size:0;}
footer .f_nav li{display:inline-block; padding:0 15px; height:45px; line-height:45px; position:relative;}
footer .f_nav li:after{content:''; position:absolute; left:0; top:50%; margin-top:-5px; width:1px; height:10px; background:#dcdcdc;}
footer .f_nav li:first-child{padding-left:0;}
footer .f_nav li:first-child:after{display:none;}
footer .f_nav li a{color: #888; font-size:13px; font-weight: 600;}
footer .f_con{padding:30px 0;}
footer .f_con h2{float:left; width:200px; margin-bottom:0; padding-top:3px;}
footer .f_con h2 img{width:150px;}
footer .f_con .info{margin-left:200px; font-size:13px; color: #888; line-height:130%;}
footer .f_con .info span{margin-right:10px;}
footer .f_con .info .copy{padding-top:5px;}
footer.dark{background:#252525; border-top:0;}
footer.dark .f_nav{border-bottom:1px solid #323232; background:#202020;}
footer.dark .f_con .info{color: #606060;}
footer.dark .f_nav li:after{background:#646464;}
footer.dark .f_nav li a{color:#969696}
footer.dark .f_con .info{color: #828282;}
footer.dark .f_nav li:after{background:#464646;}
@media all and (max-width:767px) {
	footer .f_nav li{height:30px; line-height:30px; padding:0 10px;}
	footer .f_nav li:after{height:8px; margin-top:-4px;}
	footer .f_nav li a{font-size:11px;}
	footer .f_con{padding:20px 0;}
	footer .f_con h2{float:none; margin-bottom:10px; padding-top:0;}
	footer .f_con h2 img{width:120px;}
	footer .f_con .info{margin-left:0; font-size:11px;}
}




#wrap{min-height:100vh}
/* SIDE MENU NEW *******************************************/
.cd-img-replace {
  /* replace text with a background-image */
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
#nav-stick {
  transition: all .4s ease;
  width: 100%;
}
.sliding-content {
  /* set a min-height and a z-index to be sure that the main element completely covers the lateral menu */
  min-height: 100%;
  position: relative;
  background-color: #fff;
  z-index: 2;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
.sliding-content.lateral-menu-is-open {
  /* translate to show the lateral menu - all content needs to be put in the .cd-main-content to translate*/
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
header.is-fixed {
  position: fixed;
}
#cd-logo {
  display: block;
  float: left;
  margin: 12px 0 0 20px;
}
#cd-logo img {
  display: block;
}
@media only screen and (min-width: 768px) {
  #cd-logo {
    margin: 22px 0 0 30px;
  }
}
#cd-top-nav {
  position: absolute;
  top: 0;
  right: 120px;
  height: 100%;
  display: none;
}
#cd-top-nav ul {
  height: 100%;
  padding-top: 18px;
}
#cd-top-nav li {
  display: inline-block;
  margin-right: 1em;
}
#cd-top-nav a {
  display: inline-block;
  padding: .5em;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
}
#cd-top-nav a.current {
  background-color: #242e30;
}
.no-touch #cd-top-nav a:hover {
  color: rgba(255, 255, 255, 0.7);
}
#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  visibility: hidden;
  padding-top:10px;
  /* the secondary navigation is covered by the main element */
  z-index: 1;
  width: 260px;
  background-color: #2a2b2f;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px;
}
#cd-lateral-nav .sub-menu {
  padding: 0 10px 20px 15px;
  display: none;
}
#cd-lateral-nav .cd-navigation > li{margin-bottom:5px;}
#cd-lateral-nav a {
  display: block;
  line-height: 38px;
  letter-spacing:0px;
  padding: 0 16px 0 32px;
  color: #aab5b7;
  font-size:14px;
  font-weight:500;
}
#cd-lateral-nav a.current {
  background-color: #484A51;
  color: #FFF;
}
.no-touch #cd-lateral-nav a:hover {
  color: #FFF;
}
@media only screen and (min-width: 768px) {
  #cd-lateral-nav .cd-navigation {
    margin: 20px 0;
  }
}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}
/* style menu items which have a submenu  */
#cd-lateral-nav > ul > li > a {
  position: relative;
  text-transform: uppercase;
  font-size:16px;
  font-weight: 500;
  /* this is the right arrow to show that the item has a submenu  */
}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  content: "\e649";
  font-family: 'themify';
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  speak: none;
  font-size: 11px;
  display: block;
  line-height: 1;
  position: absolute;
  right: 25px;
  top: 18px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}
#cd-lateral-nav .socials {
  padding: 0 32px;
}
#cd-lateral-nav .socials:after {
  content: "";
  display: table;
  clear: both;
}
#cd-lateral-nav .socials a {
  display:inline-block;
  padding: 9px;
}

/* tail style } */



/* connect us { */



.farm-A-title {margin:0 0 10px; padding:0; font-size:16px; font-weight:600; color:#000000;}
	.farm-A-title + .farm-A-form {margin-top:15px;}
	.farm-A-form + .farm-A-title {margin-top:30px;}
	.farm-A-mgt {margin-top:40px;}
	.farm-A-form {width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed;}
	.farm-A-form caption {width:0; height:0; overflow:hidden; position:absolute; top:-9999px; left:-9999px;}
	.farm-A-form > colgroup {display:none;}
	.farm-A-form > thead > tr > th {height:45px; border-bottom:2px solid #dcdcdc; background:#f8f8f8; font-size:14px; color:#6f6f6f; vertical-align:middle; word-break:break-all;}
	.farm-A-form > tbody > tr > th {display:block; padding:0px 0; font-size:14px; font-weight:600; color:#6f6f6f; text-align:left; line-height:20px; word-break:break-all;}
	.farm-A-form > tbody > tr:first-child > th, .farm-A-form > tbody > tr:first-child > td {border-top:none;}
	.farm-A-form > tbody > tr > th i {font-style:normal; color:#ff003e;}
	.farm-A-form > tbody > tr > td {display:block; padding:5px 0 15px;  font-size:12px; color:#6f6f6f; line-height:22px; line-height:20px; word-break:break-all;}
	.farm-A-form > tbody > tr > td p {margin:0; padding:0;}
	.farm-A-form > tbody > tr > td ul {margin:0; padding:0; list-style-type:none;}
	.farm-A-form > tbody > tr > td select {height:35px; border:1px solid #dcdcdc; border-radius:0px; margin:2px; width:30%}
	.farm-A-form > tbody > tr > td textarea {padding:15px; margin:0px; border:1px solid #dddddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; ; border-radius:0px; resize:none}
	.farm-A-form > tbody > tr > td > a {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		display:inline-block; height:25px; margin:0 0 0 4px; padding:0 10px; border:1px solid #d1d1d1; background:#f6f6f6;
		font-family:Nanum Gothic, 'NanumGothic', 'Malgun Gothic'; font-size:12px; color:#000000; text-align:center; text-decoration:none; line-height:25px;
	}
	.farm-A-form > tbody > tr > td * {vertical-align:middle;}
	.farm-A-form input[type=text],
	.farm-A-form input[type=password],
	.farm-A-form input[type=number] {
       width:30%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		height:35px; margin:0px; padding:0 15px; font-size:14px; border:1px solid #dcdcdc; line-height:normal; border-radius:0px;
	}
	.farm-A-form > tbody > tr > td input[id*=zipcode],
	.farm-A-form > tbody > tr > td a[id*=zipcode],
	.farm-A-form > tbody > tr > td button[id*=zipcode] {margin-bottom:5px;}
	.farm-A-form textarea {width:100%; height:150px; vertical-align:top;}
	.farm-A-form i.farm-A-info {display:inline-block; margin:0; padding:0; font-size:12px; font-style:normal;}
	.farm-A-form #total_price_str {vertical-align:top;}
	.farm-A-agree-wrap > div {margin:30px 0;}
	.farm-A-agree-wrap > div.farm-A-agree {margin-top:0;}
  .farm-A-agree-wrap > div.farm-A-agree {display:none;}
	.farm-A-agree-wrap .farm-A-agree-box { 
		display:block; overflow:auto; height:180px; margin-top:15px; padding:10px; border:1px solid #dcdcdc; background-color:#f5f5f5; border-radius:5px;
		-webkit-overflow-scrolling:touch;
	}
	.farm-A-agree-wrap .farm-A-agree-box h5 {margin:40px 0 0; padding:0; font-size:15px; font-weight:600; color:#000000;}
	.farm-A-agree-wrap .farm-A-agree-box h5:first-child {margin-top:0;}
	.farm-A-agree-wrap .farm-A-agree-box p,
	.farm-A-agree-wrap .farm-A-agree-box ul,
	.farm-A-agree-wrap .farm-A-agree-box ol {margin:15px 0 0; padding:0; font-size:13px; list-style-type:none;}
	.farm-A-agree-wrap .farm-A-agree-box li {margin-top:10px; padding-left:10px;}
	.farm-A-agree-wrap .farm-A-agree-box p {padding-left:10px;}
	.farm-A-agree-wrap .agree-check-box {margin:15px 0; padding:12px 20px; border:1px solid #dcdcdc; border-radius:5px;}
   .farm-A-agree-wrap .agree-check-box.checked{border:1px solid #385b94;}
	.farm-A-agree-wrap .agree-check-box:after {content:''; display:block; clear:both;}
	.farm-A-agree-wrap .agree-check-box input {vertical-align:middle;  margin-top:1px;}
	.farm-A-agree-wrap .agree-check-box label {vertical-align:middle; margin-left:5px; font-size:13px; color:#646464;}
   	.farm-A-agree-wrap .agree-check-box .btn-agree-box {float:right; margin-top:2px;  font-size:12px; color:#646464; cursor:pointer}
    .farm-A-agree-wrap .agree-check-box .btn-agree-box i {margin-left:8px; vertical-align:middle;}
	.farm-A-payment-type {margin:20px 0;}
	.farm-A-payment-type input {margin-left:15px;}
	.farm-A-payment-type:first-child {margin-left:0;}
	.farm-A-payment-type label {font-size:13px;}
	.farm-A-payment-type font {position:relative; top:-2px; margin-left:6px;}
	.farm-A-payment-type * {vertical-align:middle;}
	.farm-A-payment-type br {display:none;}
	.farm-A-btn-wrap {margin:30px 0 0; padding:0; text-align:center;}
	.farm-A-btn-wrap a {margin:2px 0;}
	.farm-A-btn-wrap * {vertical-align:top;}
	.farm-A-btn-circle {
		-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
		display:inline-block; width:40px; height:40px; margin:0; padding:0; border-radius:50%; border:1px solid #a3a3a3; background:#a3a3a3; box-shadow:inset 1px 1px 0 rgba(255,255,255,0.4);
		font-family:Nanum Gothic, 'NanumGothic', 'Malgun Gothic'; font-size:13px; font-weight:bold; color:#ffffff !important; line-height:1.3; text-align:center; text-decoration:none; cursor:pointer;
	}
	.farm-A-btn-circle.farm-A-small {font-size:12px; line-height:40px;}
	.farm-A-btn-circle.farm-A-medium {width:70px; height:70px; line-height:70px;}
	.farm-A-btn-circle.farm-A-big {display:block; width:100%; height:60px; padding:12px 0; border-radius:0;}
	.farm-A-btn-circle.farm-A-highlight {border:1px solid #3d3d3d; background:#3d3d3d;} /* °­Á¶ ¹öÆ° »ö»ó */
	.farm-A-btn-circle.farm-A-highlight:hover {border:1px solid #3d3d3d; background:#ffffff; color:#3d3d3d !important;} /* °­Á¶ ¹öÆ° ¸¶¿ì½º ¿À¹ö »ö»ó */
	.farm-A-btn-circle .farm-A-big-txt {display:block; font-size:14px;}
	.farm-A-btn-circle .farm-A-small-txt {display:block; font-size:12px;}
	.farm-A-btn-circle:hover {border:1px solid #a3a3a3; background:#ffffff; color:#a3a3a3 !important;}
	@media (min-width:768px){
		.farm-A-form{border-top:1px solid #dcdcdc;}
		.farm-A-form > colgroup {display:table-column-group;}
		.farm-A-form > thead > tr > th {height:45px; font-size:13px; border-bottom:2px solid #dcdcdc; background:#f8f8f8 }
		.farm-A-form > tbody > tr > th {display:table-cell; height:25px; padding:10px 0; font-size:14px; text-align:center; font-family:'NotoSansKR',sans-serif;  font-weight:400; background:#f5f5f5; border-bottom:1px solid #dcdcdc;}
		.farm-A-form > tbody > tr > td {display:table-cell; height:25px; padding:10px; font-size:13px; border-bottom:1px solid #dcdcdc}
		.farm-A-form > tbody > tr:first-child > th, .farm-A-form > tbody > tr:first-child > td {border-top:none;}
		.farm-A-form input[type=text],
		.farm-A-form input[type=password],
		.farm-A-form input[type=number] {width:auto;}
		.farm-A-form i.farm-A-info {margin:0 0 0 10px;}
		.farm-A-agree-wrap > div {margin:50px 0;}
		.farm-A-agree-wrap .farm-A-agree-box {height:250px; padding:20px;}
		.farm-A-btn-wrap a {margin-left:6px;}
		.farm-A-btn-wrap a:first-child {margin-left:0;}
		.farm-A-btn-circle.farm-A-big {display:inline-block; width:110px; height:110px; padding:40px 0; border-radius:50%;}
	}
	@media (min-width:1024px){}
	@media \0screen{
		.farm-A-form > colgroup {display:table-column-group;}
		.farm-A-form > thead > tr > th {height:45px; font-size:15px; border-bottom:2px solid #dcdcdc; background:#f8f8f8;}
		.farm-A-form > tbody > tr > th {display:table-cell; height:25px; padding:10px 0; font-size:13px; text-align:center; border-top:1px solid #dcdcdc; background:#f8f8f8;}
		.farm-A-form > tbody > tr > td {display:table-cell; height:25px; padding:10px; font-size:13px; border-top:1px solid #dcdcdc;}
		.farm-A-form > tbody > tr:first-child > th, .farm-A-form > tbody > tr:first-child > td {border-top:none;}
		.farm-A-form input[type=text],
		.farm-A-form input[type=password],
		.farm-A-form input[type=number] {width:auto;}
		.farm-A-agree-wrap > div {margin:50px 0;}
		.farm-A-agree-wrap .farm-A-agree-box {height:250px; padding:20px;}
		.farm-A-btn-wrap a {margin-left:6px;}
		.farm-A-btn-wrap a:first-child {margin-left:0;}
		.farm-A-btn-circle.farm-A-big {display:inline-block; width:110px; height:110px; padding:40px 0; border-radius:50%;}
	}
		



/* connect us } */

