@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

body {font-family:'Noto Sans KR Regular', Arial, Myriad Pro, dotum,gulim,Verdana,sans-serif;
	font-size:15px;
	line-height:1em;
}


/*common*/

.f_left {float:left;}

.center {text-align:center;}

.mgtop10 {margin-top:10px;}
.mgtop20 {margin-top:20px;}
.mgtop30 {margin-top:30px;}
.mgtop40 {margin-top:40px;}
.mgtop50 {margin-top:50px;}

.mb50 {margin-bottom:50px !important;}

.left20 {padding-left:20px;}

.top10 {padding-top:10px;}
.top20 {padding-top:20px;}

.bottom20 {padding-bottom:20px;}

.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font24 {font-size:24px;}


.bold {font-weight:bold;}

.sky {color:#b12d28;}
.white {color:#fff;}



.header,.contents,.footer {
	width:100%;
	min-width:1200px;
}
.container {
	width:1200px;
	margin:0 auto;
	*zoom:1;
}
.container:after {display:block;content:" ";clear:both;}
.header {position:absolute;top:0;left:0;}
.header > .wrap {position:relative; width:100%; background-color:#fff; min-width:1200px;z-index:100;}
.contents {
	*padding-top:91px;
	margin-top:91px; /*border-bottom:1px solid #e6e6e6;*/
}
#main .contents {
	position: relative;
	/*overflow-x: hidden;*/
}

.util_n_lang > ul > li {padding:0px 0 0 0; margin-top:10px; margin-left:10px;}
.util_n_lang > ul > li > a {
	display:block;
	padding:8px 20px;
	line-height:10px;
	background-color:#06529b;
	border-radius:15px;
	font-size:13px;
	color:#fff;
	font-weight:bold;
}
.util_n_lang > ul > li > a.lang {background-color:#f26222;}

.util_n_lang > ul > li > a:hover {text-decoration:underline;}
.util_n_lang > ul > li.last > a {padding-right:0;border-right:0;}

.top_util_wrap {width:100%; }
.top_util {float:right;}
.top_util > li {float:left;}
.top_util > li  > a {color:#999; font-size:10.5px;}

.lang_select {float:right;}
.lang_select > li {float:left; background:#4a4f54; }
.lang_select > li  > a {color:#fff; padding:4px 6px; border-right:0px; margin-left:2px; font-size:10px;}
.lang_select > li.last {border-right:0px; padding-right:10px;}

.gnb_wrap {height:66px;position:relative; }

.main_logo {display:block; float:left;position:relative;}
.main_logo .logo {position:absolute;top:-35px;}

.gnb {float:right; padding-top:20px;}
.gnb > li {float:left;margin-left:67px;}
.gnb > li > a {font-family:'Noto Sans KR';
	display:inline-block;
	font-size:19px;
	line-height:20px;
	color:#222;
	font-weight:600;
	padding-bottom:10px;
	text-transform: uppercase; 
}
.gnb > li > a:hover {
	color:#0071de;
}

.gnb_sub {
	z-index:50;
	position:absolute;
	width:100%;
	min-width:1200px;
	background-color:#06529b;
	height:30px;
	bottom:0;
}
.gnb_sub > li {
	position:relative;
	width:1200px;
	margin:0 auto;
}
.gnb_sub > li > .gsub {
	display:none;
}
.gsub > li {float:left;}
.gsub > li > a {
	display:block;
	padding:5px 12px;
	color:#ffffff;
	font-size:13px;
	line-height:20px;
	height:20px;
	text-transform:uppercase;
}
.gsub > li:last-child a {padding-right:0;} 
.gsub > li > a:hover {
	color:#00a2ff;
}
.gsub1 {padding-left:475px;}
.gsub2 {padding-left:155px;}
.gsub3 {padding-left:920px;}
.gsub4 {padding-left:1100px;}
.gsub5 {padding-left:1115px;}



/* 메인비주얼 */
#flickingList {position:relative;overflow:hidden; margin:0 auto; text-align:center;width:100%; height:677px; top:0px; left:0px;z-index:10; padding-top:0px;}
#flickingList .cont {position:relative; overflow:hidden; top:0px; width:100%; vertical-align:top;text-align:center; background:gray;}
#flickingList .layerWrap {position:relative; overflow:hidden; top:0px;width:12000px;  white-space:nowrap;  vertical-align:top;}
#flickingList .layerWrap:after{content:""; display:block; clear:both; }
#flickingList .layer {float:left; width:100%;  text-align:center;  }
#flickingList .bg1 {background:url("../images/main_visual_img.jpg") no-repeat top center;height:677px;}
#flickingList .bg2 {background:url("../images/main_visual_img2.jpg") no-repeat top center;height:677px;}
#flickingList .bg3 {background:url("../images/main_visual_img3.jpg") no-repeat top center;height:677px;}
#flickingList .bg4 {background:url("../images/main_visual_img4.jpg") no-repeat top center;height:677px;}

#flickingList .tabWrap {position:absolute;bottom:15px; left:49%; text-align:center;z-index:200; }
#flickingList .tabWrap li {display:inline;}
#flickingList .tabWrap li a {display:inline-block; width:16px; height:16px; background:url("../images/btn_off.png") no-repeat;}
#flickingList .tabWrap li a.current {background:url("../images/btn_on.png") no-repeat;}
#flickingList .tabWrap li a.btn_play {display:inline-block; width:20px; height:20px; background:url("../images/play.png") no-repeat;}
#flickingList .tabWrap li a.btn_stop {display:inline-block; width:20px; height:20px; background:url("../images/stop.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_play {display:inline-block; width:20px; height:20px; background:url("../images/play_on.png") no-repeat;}
#flickingList .tabWrap li a.current.btn_stop  {display:inline-block; width:20px; height:20px; background:url("../images/stop_on.png") no-repeat;}

#flickingList .prevNext {position:absolute;top:300px; width:100%;height:75px;z-index:200;border:0px solid red;}
#flickingList button {overflow:visible; margin:0; padding:0; border:none; background:none; cursor:pointer;}
#flickingList button.prev {position:absolute; top:0px; left:20px; width:75px; height:75px; z-index:10;}
#flickingList button.next {position:absolute; top:0px; right:20px; width:75px; height:75px; z-index:10;}

#flickingList .v_wrap{width:1200px; margin:auto; position:relative; top:100px;}
#flickingList .view{position:relative; margin:0 auto; top:0px; z-index:11;  font-weight:600; font-size:45px;line-height:130%; color:#fff;text-shadow:-1px  -1px  5px  #666;font-family:'Noto Sans KR',sans-serif;letter-spacing:-1px;}
#flickingList .view .t_txt {font-size:60px; line-height:1.2em; font-weight:600; color:#ff5400;text-shadow:-1px  -1px  5px  #666;letter-spacing:-1px; }
#flickingList .view .t_txt2 {font-size:45px; line-height:1.1em; color:#06529b;text-shadow:-1px  1px  4px  #fff;  text-transform: none;margin-top:20px; display:block;}
#flickingList .view .t_s_txt {color:#002d4a;  font-size:34px; line-height:1.2em;text-shadow:-1px  1px  4px  #fff;font-family:'Noto Sans KR Regular'; }
#flickingList .visual_btn a {color:#fff; font-size:18px; font-weight:700; color:#fff;  background-color:#b12d28; border-radius:100px; padding:10px 20px; position:relative; top:150px; }

/*.main_visual {
	z-index:10;
	background-color:#000000;
	width:100%;
	min-width:1200px;
	overflow:hidden;
}
.main_visual > div {
	width:100%;
	height:450px;
	margin:0 auto;
	position:relative;
	*zoom:1;
}
.main_visual > div:after {display:block;content:" ";clear:both;}
.main_visual > div.mv1 {background:url("/images/main_visual_img.jpg") no-repeat center top;}
.main_visual > div.mv2 {background:url("/images/main_visual_img2.jpg") no-repeat center top;}
.main_visual > div.mv3 {background:url("/images/main_visual_img3.jpg") no-repeat center top;}
.main_visual > div.mv4 {background:url("/images/main_visual_img4.jpg") no-repeat center top;}


.main_visual > div > img {
}*/

.quick_pro_wrap {
	padding:30px 10px 10px 10px;
}
.quick_pro_wrap > li {float:left;
	width:188px;
	margin-right:10px;
}
.quick_pro_wrap > li.last {margin-right:0;}
.quick_pro_wrap > li > a {
	display:block;
	border:1px solid #cccccc;
}
.quick_pro_wrap .txt_wrap {
	padding:10px;
	min-height:105px;
}
.quick_pro_wrap .txt_wrap > .pro_name {
	display:block;
	font-size:14px;
	line-height:14px;
	color:#b12d28;
	font-weight:600;
	margin-bottom:7px;
	letter-spacing:-1px;
}
.quick_pro_wrap .txt_wrap > .pro_txt {
	display:block;
	font-size:12px;
	line-height:20px;
	color:#888888;
	letter-spacing:-0.5px;
}


.banner_slide {
  float: left;
  margin-top: 23px;
  margin-bottom:23px;
  height: 71px;
}
.sliderkit {
  height: 71px;
  overflow: hidden;
  position: relative;
  text-align: left;
  /*width: 968px;*/
  width:980px;
  padding:0 10px;
}
.carousel-continuous .sliderkit-nav {
  background: none repeat scroll 0 0 #FFFFFF;
  bottom: 0;
  height: 104px;
  left: 0;
  width: 968px;
}
.sliderkit .sliderkit-nav-clip {
  margin: 0 auto;
  overflow: hidden;
  position: relative;
}
.sliderkit .sliderkit-nav-clip ul {
  left: 0;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
}
.carousel-continuous .sliderkit-nav-clip ul li {
  float: left;
  margin-right: 10px;
}
.carousel-continuous .sliderkit-nav .sliderkit-nav-btn {
  position: absolute;
  top: 20px;
}
.carousel-continuous .sliderkit-nav .sliderkit-nav-btn a {
  background: url("/images/roll_bt.gif") no-repeat;
  display: block;
  height: 10px;
  width: 7px;
}
.carousel-continuous .sliderkit-nav .sliderkit-nav-next a {
  background-position: -7px center;
}
.carousel-continuous .sliderkit-nav .sliderkit-nav-next {
  right: 0;
}
.carousel-continuous .sliderkit-nav .sliderkit-nav-btn span {
  display: none;
}2018-09-06

/**/


.main_thumb {width:100%;min-width:1200px;background-color:#fff;}
.mthumb {width:1200px;margin:0 auto;padding:30px 0;}
.mthumb > li {float:left; padding:0 5px;}
.mthumb > li > dl {}


.mthumb > li > dl > dt > a {
	display:block;
	font-size:16px;
	line-height:18px;
	font-weight:600;
	color:#000000;
	position:relative;
	margin-bottom:10px;
	*zoom:1;
}
.mthumb > li > dl > dt > a:after {display:block;content:" ";clear:both;}
.mthumb > li > dl > dd {
	min-height:130px;
	width:100%;
}

.thumb_business {background-image:url("/images/company_bg.jpg"); width:585px; height:113px; text-align:center;}
.thumb_business > dt {
	padding-top:20px;
	padding-left:20px;
}

.thumb_business > dt > a > .tit {
	color:#fff;
}

.thumb_business > dd {
	font-size:13px;
	line-height:16px;
	color:#fff;
	background-repeat:no-repeat;
	background-position:100% 100%;
}

.customer_center {background-image:url("/images/contactus_bg.jpg"); width:383px; height:113px; margin-left:7px;}
.customer_center > dt {
	padding-top:20px;
	padding-left:20px;
}

.customer_center > dt > a > .tit {
	color:#fff;
}

.customer_center > dd > .phone_num {
	padding-top:5px;
	padding-left:20px;
	font-size:18px;
	line-height:24px;
	font-weight:600;
	color:#fff;
	letter-spacing:0px;
}
.customer_center > dd > .email {
	font-size:12px;
	color:#fff;
	padding-left:20px;
	padding-top:5px;
}

/* slick-theme 덮어 씌움  */
/*.main_slider .slick-dots {width:auto; left:8px; bottom:10px;}*/
.main_pro_slide .slick-dots {top:-33px;right:0;width:auto;height:30px;}
.main_pro_slide .slick-dots li button {
	background-image:url("/images/slider_dot_mini_gray.png");
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:999999px;
	width:20px; height:20px;
}
.main_pro_slide .slick-dots li.slick-active button {
	background-image:url("/images/slider_dot_mini_green.png");
}


/**/
.nav {padding:20px 0 25px 0;}
.nav > li {
	float:left;
	width:25%;
	min-height:100px;
}
/*
.nav > li:nth-child(3) {width:40%;}
.nav > li:nth-child(3) dl dd {float:left;width:48%;}
*/

.nav > li > dl a:hover {color:#066bcc;}
.nav > li > dl > dt {margin-bottom:10px; }
.nav > li > dl > dt > a {
	display:block;
	font-size:14px;
	line-height:24px;
	color:#222;
	font-weight:bold;
	font-family:'Noto Sans KR';
	text-transform: uppercase; 
}
.nav > li > dl > dd {padding-left:7px;}
.nav > li > dl > dd > a {
	display:block;
	font-size:14px;
	line-height:20px;
	color:#828282;
	font-family:'Noto Sans KR', sans-serif;
	background:url(../images/foot_ico.jpg) no-repeat left 10px;padding: 0 0 0 7px;
}

/**/

.footer {
	/*padding-bottom:20px;*/
	border-top:1px solid #dddddd;
	background-color:#f7f7f7;
}
.footer > .wrap {width:100%; background-color:#fff; border-top:1px solid #ddd; min-width:1200px; padding:20px 0;overflow:hidden;}
.footer .foot_container {
	width:1200px;
	margin:0 auto;
	position:relative;
}
.footer .foot_container .logo {float:left;width:190px;}
.footer .foot_container .copy {float:left;width:930px;padding: 0 0 30px 0;}
.gobiz_logo {position:absolute;top:10px;right:0;display:block;}
.foot_btn {background:#0074be;vertical-align:middle;display:inline-block;font-size:13px;padding:13px 15px 17px 15px;
border:none 3px #0074be;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.foot_btn span {color:#ffffff;font-family:'Noto Sans KR';}
.foot_btn:hover span {color:#00304a;font-family:'Noto Sans KR Regular',sans-serif;}

.foot_info {margin-top:8px;}
.foot_info > li {
	color:#666;
	font-size:14px;
	line-height:20px;font-family:'Noto Sans KR',sans-serif;font-weight:300;
}
.foot_info > li .stress {
	color:#666;
}
.pro_keyword {width:100%;}
.pro_keyword > li {float:left; padding:0px 8px; margin:5px 0; border-right:1px solid #a0a0a0;}
.pro_keyword > li.first {padding-left:0;}
.pro_keyword > li.last {padding-right:0;border-right:0;}
.pro_keyword > li > a {
	display:block;
	color:#a0a0a0;
	font-family: "Arial";
	font-size:12px;
	line-height:12px;
}
/*.pro_keyword > li:after {content:" | ";}
.pro_keyword > li.last:after {content:"";}*/

/* slick-theme 덮어 씌움  */
/*.main_slider .slick-dots {width:auto; left:8px; bottom:10px;}*/
.main_visual .slick-dots li button {
	background-image:url("/images/slider_dot_mini_opacity.png");
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:999999px;
	width:20px; height:20px;
}
.main_visual .slick-dots li.slick-active button {
	background-image:url("/images/slider_dot_mini.png");
}

/**/


/************************************************/
/* 클리어 픽스 */
.clx {*zoom:1;}
.clx:after {display:block;content:" ";clear:both;}


.test {border:1px solid red;}



p.main_subject { font-size:28px; font-weight:500; line-height:1.2em; color:#222;  text-align:center; margin:90px 0 30px 0;font-family:'Noto Sans KR';}
p.main_subject span {color:#06529b;font-weight:500; font-family:'Noto Sans KR';text-transform: uppercase; }
.main_btn ul {overflow:hidden;}
.main_btn ul li {width:285px; height:211px; margin-right:20px; float:left; text-align:center; }
.main_btn ul li.part1 {background:url(../images/main_btn_1.jpg) no-repeat center top;}
.main_btn ul li.part2 {background:url(../images/main_btn_2.jpg) no-repeat center top;}
.main_btn ul li.part3 {background:url(../images/main_btn_3.jpg) no-repeat center top;}
.main_btn ul li.part4 {background:url(../images/main_btn_4.jpg) no-repeat center top;}
.main_btn ul li.part1:hover {background:url(../images/main_btn_1_on.jpg) no-repeat center top;}
.main_btn ul li.part2:hover {background:url(../images/main_btn_2_on.jpg) no-repeat center top;}
.main_btn ul li.part3:hover {background:url(../images/main_btn_3_on.jpg) no-repeat center top;}
.main_btn ul li.part4:hover {background:url(../images/main_btn_4_on.jpg) no-repeat center top;}
.main_btn ul li:hover a{color:#fff;}
.main_btn ul li.last {margin-right:0;}
.main_btn ul li a {display:block; width:285px; height:211px; position:relative;font-family:'Noto Sans KR';}
.main_btn ul li span.main_btn_tit {display:block; font-size:18px; font-weight:500; position:relative; top:155px;font-family:'Noto Sans KR'; }

p.main_subject_left {text-align:left; margin-top:0;}
.about { margin-top:90px; font-size:15px;}
.about .about_info {overflow:hidden;}
.about .about_info .about_left {float:left; width:100%; color:#666;padding-right:35px;line-height:150%;}
.about .about_info .about_left p {font-weight:normal;}
.about  .about_info .about_right {float:left; width:443px; padding:20px 0; background:#f6f7f7 url(../images/about_list_bg.jpg) no-repeat 20px 28px;margin-top:7px;}
.about .about_info .about_right ul {margin-left:145px;margin-top:25px; margin-bottom:25px;border-left:1px solid #dedede;padding-left:25px;}
.about .about_info .about_right ul li {padding-bottom:5px;color:#4a4a4a;font-weight:normal;font-size:20px;}
.about .about_info .about_right ul li span {display:inline-block; width:100%; color:#272727;font-weight:500;font-family:'Noto Sans KR';}
.about #map {clear:both; margin:40px 0 100px 0; width:100%; height:420px;}