@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700|Noto+Sans:400,700');

body {font-family: 'Noto Sans JP', "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", Helvetica, Arial, Tahoma,sans-serif;
	font-size:14px;
	line-height:14px;}


/*common*/

.test {border:1px solid red;}

.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;}
.mgtop70 {margin-top:70px;}


.mgleft90 {margin-left:90px;}
.mgleft100 {margin-left:100px;}

.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;*/
}

.top_bar {clear:both;background:url(../img/bar_bg.jpg) no-repeat bottom;height:18px;}
.top_bar2 {background:url(../img/bar_bg.jpg) no-repeat bottom;height:33px;}

.util_n > ul > li {padding:0; margin-top:2px; margin-left:10px;background:url(../img/sm_point.jpg) no-repeat right 12px;float:left;}
.util_n > ul > li:last-child {background:none;}
.util_n > ul > li > a {
	display:block;
	padding:14px 18px 14px 0;
	line-height:10px;	
	font-size:15px;
	color:#727272;
}
.util_n > ul > li > a.lang {background-color:#666;}

.util_n > ul > li > a:hover {color:#0073d5;}
.util_n > 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;}*/

.top_lang {float:right;border:solid  1px #dedede;margin-top:5px;padding:5px 15px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.top_lang ul li {display:inline-block;border-right:1px solid #bcbcbc;}
.top_lang ul li:last-child {border-right:0 solid #bcbcbc;}
.top_lang ul li a {padding: 0 15px;font-size:15px;color:#525252;font-family: 'Roboto', sans-serif;}
.top_lang ul li a.on {color:#0073d5;}
.top_lang ul li a:hover {color:#0073d5;}




.lang_select {float:right;}
.lang_select > li {float:left; background:#012641; }
.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:70px;position:relative;}

.main_logo {display:block; float:left;margin-top:-28px;}

.gnb {float:right; padding-top:25px;}
.gnb > li {float:left;margin-left:120px;}
.gnb > li > a {
	display:inline-block;
	font-size:24px;
	line-height:20px;
	color:#303030;
	font-weight:400;
	padding:0 10px 10px 10px;
}
.gnb > li > a:hover {
	color:#006dbb;
}

.gnb_sub {
	z-index:50;
	position:absolute;
	width:100%;
	min-width:1200px;
	height:44px;
	bottom:0;
}
.gnb_sub > li {
	position:relative;
	width:1200px;
	margin:0 auto;
}
.gnb_sub > li > .gsub {
	display:none;
}
.gsub > li {width:250px;background:#fff;border-bottom:1px solid #dedede;}
.gsub > li > a {
	display:block;
	padding:5px 0px 15px 25px;
	color:#333;
	font-size:15px;
	line-height:30px;
	height:40px;
}

.gsub > li > a:hover {
	color:#006dbb;background:#efefef url(../img/gsub_na.png) no-repeat right 15px;
}
.gsub1 {padding-left:565px;}
.gsub2 {padding-left:805px;}
.gsub3 {padding-left:1000px;}
.gsub4 {padding-left:890px;}
.gsub5 {padding-left:1060px;}





/* 메인비주얼 */
#flickingList {position:relative;overflow:hidden; margin:0 auto; text-align:center;width:100%; height:508px; 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("../img/main_visual_img.jpg") no-repeat top center;height:508px;}
#flickingList .bg2 {background:url("../img/main_visual_img2.jpg") no-repeat top center;height:508px;}
#flickingList .bg3 {background:url("../img/main_visual_img3.jpg") no-repeat top center;height:508px;}
#flickingList .bg4 {background:url("../img/main_visual_img4.jpg") no-repeat top center;height:508px;}

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

#flickingList .prevNext {position:absolute;top:220px; 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:20px;}
#flickingList .view{position:relative; margin:0 auto; top:2px; z-index:11;  font-weight:300; line-height:130%; color:#400c10;}
#flickingList .view .t_txt1 {font-size:60px; line-height:1.2em; font-weight:500; color:#fff; padding-top:180px;display:block;}
#flickingList .view .t_txt2 {font-size:35px; line-height:1.2em; font-weight:500; color:#400c10; }
#flickingList .view .t_txt3 {font-size:40px; line-height:1.2em; font-weight:500; color:#400c10; padding-top:20px;display:block;}
#flickingList .view .t_s_txt {color:#fff;  font-size:34px; line-height:1.2em; }
#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 {
}*/


#contents {}

 .slick-prev:before,
  .slick-next:before {color: #fff;}
  .slick-slide { margin: 0px 7px; }
  .slick-slide img { width:285px; }

	.slick-slide {
      transition: all ease-in-out .3s;
      opacity: 1;
    }
 
    * {
      box-sizing: border-box;
    }

.slider {
       width:1200px; 
    }
	#section1 {width:100%; background:#f7f7f7;padding-bottom:60px;}
	.sec1_tit {width:100%; text-align:center; padding:69px 0;}
	.sec1_tit p {font-size:35px; color:#000; font-family: 'Noto', sans-serif; font-weight:600;}
	.sec1_tit .sec1_dot {width:53px; height:10px; margin:0 auto; background:url(../img/sec1_dot.jpg) no-repeat; margin-top:20px;}

	.slider_wrap {width:1200px; margin:0 auto;}
	/*.slider {width:100%;}*/
	.slider_cell {width:285px;float:left;margin-right:15px;height:350px;}
	.slider_cell a {}
	.slider_img {width:100%; height:211px; overflow:hidden;}
	.slider_img img {width:100%; height:100%;}
	.slider_txt {background:#fff; padding:25px 20px;}
	.slider_txt p {
		font-family: 'Noto Sans JP', sans-serif;
		font-size:20px; color:#333;
		font-weight:500;
		text-transform:uppercase;
		letter-spacing:-0.2px;
		width:92%;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	.slider_txt span {display:block; margin-top:5px; font-size:15px; color:#858585; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.slider_cell:hover img {transform:scale(1.1); transition:all 0.4s ease-in-out;}



#section2 {width:100%; height:350px; background:url(../img/m_company_bg.jpg) center bottom no-repeat; background-attachment:fixed; background-size:cover;}
.sec2_con {width:100%; text-align:center; padding-top:112px;}
.sec2_con img {}
.sec2_con div {font-family: 'Noto Sans', sans-serif; font-size:40px; color:#fff; font-weight:600; margin-top:12px;}
.sec2_con p {font-size:20px; color:#fff; letter-spacing:0.3px;margin-top:30px;line-height:1.5em;}


.m_btn {width:1200px;margin:0 auto;padding: 50px 0;overflow:hidden;}
.m_btn ul li {width:379px;float:left;margin-right:28px;}
.m_btn ul li:last-child {margin-right:0;}
.m_btn ul li a {display:block;padding:50px 30px 30px 30px;height:140px;font-size:24px;color:#222;}
.m_btn ul li .btn1 {background:url(../img/m_btn_bg1.jpg) no-repeat left top;}
.m_btn ul li .btn2 {background:url(../img/m_btn_bg2.jpg) no-repeat left top;}
.m_btn ul li .btn3 {background:url(../img/m_btn_bg3.jpg) no-repeat left top;}
.m_btn ul li a span {float:right;display:block;border:solid  1px #dedede;background:#fff;font-size:14px;color:#727272;padding: 7px 15px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.m_btn ul li a:hover {color:#006dbb;}
.m_btn ul li a:hover span {background:#006dbb;color:#fff;} 



/**/
.nav {padding:20px 0;}
.nav > li {
	float:left;
	width:25%;
	min-height:135px;
}


.nav > li > dl a:hover {text-decoration:none;}
.nav > li > dl > dt {margin-bottom:10px; }
.nav > li > dl > dt > a {
	display:block;
	font-size:18px;
	line-height:24px;
	color:#222; 
}
.nav > li > dl > dd > a {
	display:block;
	font-size:14px;
	line-height:24px;
	color:#505050;
	padding-left:7px;
	background:url(../img/nav_ico.jpg) no-repeat left 10px;padding: 0 0 0 10px;
}
.nav > li > dl > dd > a:hover {color:#006dbb;text-decoration:none;}
.nav > li > dl > dd ul {margin-left:5px;}
.nav > li > dl > dd ul a {color:#666;text-decoration:none;padding:2px 0;display:block;}
.nav > li > dl > dd ul a:hover {color:#006dbb;}
/**/

.footer {
	/*padding-bottom:20px;*/
	border-top:1px solid #e6e6e6;
	background:#c1c4cb;
}
.footer > .wrap {width:100%; background:#f6f6f6 ; min-width:1200px; padding:20px 0 30px 0;overflow:hidden;}
.footer .foot_container {
	width:1200px;
	margin:0 auto;
	position:relative;
}
.footer .foot_container dl dt {float:left;width:235px;padding-bottom:25px;}
.footer .foot_container dl dd {float:left;width:850px;}
.gobiz_logo {position:absolute;top:10px;right:25px;display:block;}
.foot_info {}
.foot_info > li {
	color:#535353;
	font-size:14px;
	line-height:20px;
}
.foot_info > li .stress {
	color:#8d8d8d;padding-top:2px;display:block;
}
.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;}