@charset "utf-8";
/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
 */

body{position:relative; margin:0; padding:0; font-size:12px}
.container-fluid{position:relative; width:100%}
.container-wide{position:relative; width:1374px; margin-right:auto; margin-left:auto}
.container{position:relative; width:1067px; margin-right:auto; margin-left:auto}

/*--[ Clearfix ]--*/
.clearfix:after{clear:both; content:' '; display:block; font-size:0; height:0; line-height:0; visibility:hidden; width:0}
* html .clearfix,
:first-child+html .clearfix{zoom:1}

/*--[ a ]--*/
a, a > *{text-decoration:none; -webkit-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -moz-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -ms-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; -o-transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out; transition:background-color .1s ease, border .1s ease, color .1s ease, opacity .1s ease-in-out}
a:hover{text-decoration:none}
img,iframe{vertical-align:middle}


/*--[ Header ]--*/
#main-header{height:41px; background:#fff; border-bottom:3px solid #f6821f; box-shadow:0 7px 7px rgba(0,0,0,.1); z-index:9}
#sub-header{height:44px; background:#f6821f; z-index: 9}


/*--[ Main Navigation ]--*/
#main-navigation{bottom:-41px; border:3px solid #f6821f; border-top:none; z-index:1}
#main-header #main-navigation{height:47px; box-shadow:0 7px 7px rgba(0,0,0,.1); background:#fff}
#sub-header #main-navigation{height:47px; background:#f6821f}
#main-navigation ul{margin:0; padding:0; list-style:none}
#main-navigation ul li{float:left; margin:0; padding:0}
#main-navigation ul li a{position:relative; display:block; padding:18px 40px 11px; font-family:Arial,돋움,sans-serif; font-weight:normal; text-transform:uppercase; font-size:16px}
#main-header #main-navigation ul li a{background:url(../images/navbar_main.png) no-repeat left 17px; color:#888}
#sub-header #main-navigation ul li a{background:url(../images/navbar_sub.png) no-repeat left 17px; color:rgba(255,255,255,.6); color:#fbcda5\9}
#main-navigation ul li a:hover,
#main-navigation ul li a:focus,
#main-navigation ul li.active a{padding-top:16px; padding-bottom:10px; font-weight:normal; letter-spacing:-1px; font-size:18px}
#main-header #main-navigation ul li a:hover,
#main-header #main-navigation ul li a:focus,
#main-header #main-navigation ul li.active a{color:#f6821f}
#sub-header #main-navigation ul li a:hover,
#sub-header #main-navigation ul li a:focus,
#sub-header #main-navigation ul li.active a{color:#fff}

#main-navigation ul li#logo a{padding-top:3px; padding-bottom:0; background:none}
#main-navigation ul li a:after{display:none; content:''; position:absolute; left:50%; width:0; height:0}
#main-header #main-navigation ul li a:after{bottom:0; margin-left:-7px; border-bottom:8px solid #f6821f; border-left:7px solid transparent; border-right:7px solid transparent}
#sub-header #main-navigation ul li a:after{bottom:-3px; margin-left:-9px; border-bottom:9px solid #fff; border-left:9px solid transparent; border-right:9px solid transparent}
#main-navigation ul li a:hover:after,
#main-navigation ul li a:focus:after,
#main-navigation ul li:hover a:after,
#main-navigation ul li.active a:after{display:block}
#main-navigation ul li#logo a:hover:after,
#main-navigation ul li#logo a:focus:after,
#main-navigation ul li#logo:hover a:after,
#main-navigation ul li#logo.active a:after{display:none}

#main-navigation ul li#logo a img{width:156px; height:36px}


/*--[ Mobile header ]--*/
.mobile-header{display:none; padding:10px}
#mobile-logo img{width:156px; height:36px}

/* Responsive Nav */
#main-nav-mobile{}
#main-nav-mobile .responsive-nav{margin:0; background-color:#f8f8f8; background-image:url(../images/responsive-nav-bg.png); background-position:center right; background-repeat:no-repeat; -webkit-appearance:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#8f8f8f; vertical-align:middle}
#main-nav-mobile select, #main-nav-mobile option{width:100%; height:40px; padding:0 10px; border:1px solid #ccc; border-radius:4px; font-size:12px; line-height:40px; font-family:'Nanum Gothic',"Malgun Gothic",돋움,sans-serif; cursor:pointer}


/*--[ Language ]--*/
#langs{position:absolute; top:20px; right:-145px}
#langs,
#langs a{font-family:Tahoma,돋움,sans-serif; font-weight:normal; font-size:14px}
#main-header #langs,
#main-header #langs a{color:#888}
#main-header #langs a:hover,
#main-header #langs a:focus,
#main-header #langs .active{color:#f6821f}
#sub-header #langs,
#sub-header #langs a{color:rgba(255,255,255,.6); color:#fbcda5\9}
#sub-header #langs a:hover,
#sub-header #langs a:focus,
#sub-header #langs .active{color:#fff}


/*--[ Slider ]--*/
#section-slider{padding-top:47px; background:#acbccb; z-index:7}


/*--[ Contents ]--*/
#section-content{padding-top:47px; padding-bottom:80px; z-index:7}
.aside{position:relative; float:left; width:252px; overflow:hidden}
.aside .aside-top{height:160px; background:url(../images/aside_shadow_top.png) no-repeat right bottom}
.aside .aside-middle{min-height:480px; background:url(../images/aside_shadow_middle.png) repeat-y right top}
.aside .aside-bottom{height:160px; background:url(../images/aside_shadow_bottom.png) no-repeat right top}
.aside .aside-title{position:absolute; top:0; right:0}
.aside .aside-title1{top:163px}
.contents{float:left; width:815px}
.contents h1.menu-title{margin:55px 50px 65px 0; padding:0; text-align:right}
.contents h1.mobile-menu-title{display:none; margin:0 0 40px 0; padding:0; text-align:center; font-family:돋움,sans-serif; font-size:24px; color:#f6821f; text-transform:uppercase}
.contents h1.menu-title3{margin-bottom:40px}
.contents h2.menu-sub-title{margin:0 50px 5px 0; padding:0; text-align:right}
.contents .content{padding:0 50px 0 60px}


/*--[ Footer ]--*/
#main-info{height:128px; padding-top:22px; background:#727675; box-shadow:0 -7px 7px rgba(0,0,0,.1); z-index:8}
#sub-info{height:128px; padding-top:22px; background:#727675}
.copyright{text-align:center; font-family:"Nanum Gothic","Malgun Gothic",돋움,sans-serif; font-weight:normal; font-size:12px; color:#c9c9c9}
.copyright strong{font-family:"Nanum Gothic","Malgun Gothic",돋움,sans-serif}


/*--[ Consultants ]--*/
.b_list{width:100%; padding:6px 0 8px; background:#fff; border-top:1px solid #b0b0b0}
.post_image{float:left; width:166px; text-align:center; margin-top:2px; padding:0; border:1px solid #dfdfdf}
.post_image img{display:inline-block; width:100%; height:auto}
.post_preview{float:right; width:500px}
.post_title{}
.post_title .title_name{display:inline-block; font-family:"Nanum Gothic","Malgun Gothic",돋움,sans-serif; font-weight:bold; font-size:22px; color:#f68423}
.post_title .title_position{display:inline-block; font-family:"Nanum Gothic","Malgun Gothic",돋움,sans-serif; font-size:16px; color:#f68423}
.post_content{margin-top:20px; margin-bottom:20px; color:#6e6e6e; font-size:14px; text-decoration:none; line-height:20px}
.post_meta{padding:5px 5px 5px 10px; background-color:#ededed; line-height:20px; font-family:Tahoma,굴림,sans-serif; font-size:13px; color:#6e6e6e}


/*--[ Map ]--*/
#map_canvas{width:99.5%; height:800px; border:1px solid #bbb}
.mobile-address{display:none; margin:0 0 10px 0; font-family:"Malgun Gothic",돋움,sans-serif; font-size:12px }


@media (min-width:768) {
	#section-slider .flexslider{height:688px; overflow: hidden}
}

@media (max-width:767px) {
	.container-wide{width:100%}
	.container{width:100%}
	
	#main-header{height:auto}
	#sub-header{height:auto}
	#languages{display:none}
	#main-navigation{display:none}
	
	.mobile-header{display:block}
	#mobile-logo{float:left; width:50%}
	#main-nav-mobile{float:right; width:50%}
	
	#section-slider{padding-top:0}
	
	#section-content{padding-top:40px; padding-bottom:40px}
	.aside{display:none}
	.contents{float:none; width:100%}
	.contents h1.menu-title{display:none}
	.contents h1.mobile-menu-title{display:block}
	.contents h2.menu-sub-title{display:none}
	.contents .content{padding:0 10px}

	#main-info{height:auto; padding:10px 0}
	#sub-info{height:auto; padding:10px 0}
	.copyright{font-size:9px}
	.copyright span{display:block}
	
	.b_list{padding:40px 0; border-top:1px solid #eee}
	.post_image{float:none; margin:0 auto 10px}
	.post_preview{float:none; width:auto}
	.post_title{}
	.post_title .title_name{display:block; text-align: center}
	.post_title .title_position{display:block; text-align: center}
	.post_content{text-align:center; font-size:12px}
	.post_meta{font-size:12px}
	
	#map_canvas{width:98%; margin:0 auto; height:400px; border:1px solid #bbb}
	.mobile-address{display:block; text-align: center}
}

@media (max-width:399px) {
	#mobile-logo{float:none; width:100%; margin-bottom:10px; text-align:center}
	#main-nav-mobile{float:none; width:100%; margin:0 auto}
}

@media (max-width:320px) {
	.post_content{font-size:10px}
	.post_meta{font-size:10px}
}