@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;line-height:18px;letter-spacing:normal} /* delete vertical-align,font:inherit; */body,html{width:100%; font-size:15px; color:#666; font-family:'Montserrat', 'Nanum Barun Gothic', sans-serif;}
*{font-family:'Montserrat', 'Nanum Barun Gothic', sans-serif; }
ol,ul,li{list-style:none;}
img, table{border:0;}
hr, legend {display:none;}
a:link, a:visited, a:active {text-decoration:none;}

/* Common */
.line_bg{height:2px; background-color:#f5f5f5}
.img_bor{border:1px solid #ddd}
.ls0 {letter-spacing:0 !important}

/*  */
#wrap {position:relative; width:100%; min-width:1200px; }


#visual{position:relative; width:100%; height:800px; overflow:hidden;}

	.jssorb05 {position: absolute; bottom:36px; left:0 !important; z-index:999; width:100% !important; text-align:center;}
    .jssorb05 div, .jssorb05 .av {position: relative !important;  width: 12px !important;  height: 12px;  cursor:pointer; background:url('/img/navi_off.png');   margin:0 5px 0 0;  padding:0; display:inline-block; vertical-align:top; left:0px !important;  }
    .jssorb05 div {  }
	.jssorb05 div:last-child {margin-right:0}
    .jssorb05 .av:hover {}
    .jssorb05 .av {width: 12px !important; height:12px; background:url('/img/navi_on.png');}


#contents {position:relative; overflow:hidden;}
#contents .tit_box {float:left;}
#contents h3.con_tit {font-weight:700; font-family:'Montserrat', sans-serif; color:#333; line-height:80%; letter-spacing:0; margin-bottom:22px; font-size:35px;}
#contents p.con_stit {font-size:16px; letter-spacing:-0.55pt; line-height:26px; color:rgba(0,0,0,0.6)}
#contents .moreBtn {display:block; width:210px; height:55px; line-height:55px; border:2px solid rgba(255,255,255,0.8); padding:0 15px; color:#fff; text-align:left;  transition: all 0.3s ease-out;}
#contents .moreBtn:hover {transition: all 0.3s ease-out; }

 

/* COMPANY */
.boardset {position:relative;  padding:20px 0 60px;}
.boardset_in {position:relative; width:1200px; margin:0 auto; overflow:hidden;}
  .noticemain{position:relative;float:left;width:350px;height:155px; padding:10px 0 0px 0px; margin-LEFT:0px;  margin-right:20px;}
  .noticemain h1{ position:relative; font-size:20px; color:#1255a0;  font-weight:600; letter-spacing:-0.7pt; padding:0px 0px 15px 0px; }



/* COMPANY */
.company {position:relative; background:#999 url('/img/company_bg.jpg ') center center/cover no-repeat; padding:60px 0 ;}
.company_in {position:relative; width:1170px; margin:0 auto; overflow:hidden;}
#contents .company h3.con_tit {color:#fff;}
#contents .company p.con_stit {color:rgba(255,255,255,0.6); margin-bottom:25px;}
.company_bn {float:right; width:calc(100% - 300px)}
.company_bn dl {float:left; margin-right:37px;}
.company_bn dl:last-child {margin-right:0}
.company_bn dl a {position:relative; width:265px; height:364px; display:block; box-sizing:border-box; padding:250px 0 0 18px; background:url('../images/company_bn1.jpg') left top no-repeat; transition: all 0.3s ease-out;}
.company_bn dl:nth-child(2) a {background-image:url('/images/company_bn2.jpg')}
.company_bn dl:last-child a {background-image:url('/images/company_bn3.jpg')}
.company_bn dl a span.hover {display:block; width:265px; height:364px; background:rgba(0,0,0,0.2); opacity:0; position:Absolute; top:0; left:0; transition: all 0.3s ease-out;}
.company_bn dt {color:#fff; font-size:20px; font-weight:700; letter-spacing:-0.55pt; margin-bottom:16px; line-height:110%}
.company_bn dt span {line-height:110%}
.company_bn dd {color:rgba(255,255,255,0.8); letter-spacing:-0.55pt; font-size:16px;}

#contents .company .moreBtn:hover {background-color:#fff; color:#252c41; border-color:#252c41; }

.company_bn dl a:hover {transition: all 0.3s ease-out; }
/*.company_bn dl a:hover span.hover {opacity:1; transition: all 0.3s ease-out;}*/



/* sub*/

#visual_sub{position:relative; overflow:hidden; width:100%; text-align:center; height:280px;}
	.subtop_company{background:url('../images/sub_bg.jpg') center 0 no-repeat;}
	 
#visual_sub .vtxt {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); width:100%}
#visual_sub .vtxt h3 {font-weight:700; font-family: 'Montserrat', sans-serif; font-size:40px; letter-spacing:0; line-height:90%; margin-bottom:25px; color:#fff; text-shadow: 2px 2px 10px #4f4f4f;}
#visual_sub .vtxt p {font-size:18px; letter-spacing:-0.55pt; line-height:110%; color:rgba(255,255,255,0.8)}

 #contents_sub{ position:relative; /*overflow:hidden;*/ width:1170px; margin:0 auto; clear:both;}
.lnb {float:left; width:210px; margin:0 60px 100px 0; position:relative}
	.lnb h2 {margin-bottom:5px; font-weight:700; font-family: 'Montserrat', sans-serif; line-height:90%; font-size:26px; color:#fff; letter-spacing:0; height:117px; background:#273e82; text-align:center; display:flex; justify-content:center; align-items:center; position:relative; margin-top:-45px; z-index:99}
	/* .lnb h2:before {display:block; content:""; width:2px; height:29px; background:#eb2227; text-align:center; position:Absolute;top:-14px} */
	.lnb ul{clear:both; position:relative; overflow:hidden; }
	.lnb li {position:relative; margin-bottom:2px;}
	.lnb li a {font-size:14px; letter-spacing:-0.5pt; color:#666; display:block; line-height:48px; height:48px; padding:0 13px; border:2px solid #f0f1f3; background:#f0f1f3 url('/img/lnb_none.png') right 13px center no-repeat; transition: all 0.3s ease-out;}
	.lnb li a:hover {display:block; color:#273e82; font-weight:700; text-decoration: none; background:#fff url('/img/lnb_hover.png') right 13px center no-repeat; border:2px solid #273e82 !important; transition: all 0.3s ease-out;}
	.left_linktop{display:block; color:#273e82 !important; font-weight:700 !important; text-decoration: none; border:2px solid #273e82 !important; background:#fff url('/img/lnb_hover.png') right 13px center no-repeat !important; }
	
	/*depth_3*/
	.lnb ol.depth_3{border-bottom:1px solid #ddd; padding:0 0 0 20px; background-color:#f9f9f9}
	.depth_3 dd:first-child{padding-top:8px;}
	.depth_3 dd:last-child{padding-bottom:8px;}
		.depth_3 dd a:link, .depth_3 dd a:visited{display:block; font-size:12px; padding:4px 0;}
		.depth_3 dd a:hover{display:block; color:#273e82; text-decoration:none}
		.depth_linktop{color:#273e82 !important; font-weight:700 !important; }
		.depth_linktop:hover{text-decoration:none}


.contentArea{/*padding-left:270px;*/float:left; width:900px; overflow:hidden; position:relative;}
.contentArea_wide{width:100%; overflow:hidden;}
 #contents_sub .tit_area{width:100%; padding:50px 0 40px 0; overflow:hidden;}
	 #contents_sub p.location {float:right; font-size:14px; color:#666; padding:15px 0 0 0}
	 #contents_sub p.location a {font-size:14px; color:#666; }
	 #contents_sub p.location a:hover{color:#333;}
	 #contents_sub p.location img{vertical-align:middle; margin:0 10px 2px 10px;}
	 #contents_sub p.location img.here_home {vertical-align:middle; margin:0 0 2px 0;}
	 #contents_sub h3.title {color:#333; font-weight:700 ; font-size:32px; line-height:110%;letter-spacing:-1pt;}	

.contents_in {position:relative; clear:both; margin:0 0 100px 0; *zoom:1;}
/* sub*/



/* sub*/




#footer {position:relative; width:100%; min-width:1200px;  clear:both; overflow:hidden; background:#f4f4f4;}
#footer .foot_in {position:relative; margin:0 auto; width:1170px; overflow:hidden; padding:40px 0 50px 0;}
#footer .foot_bn{position:relative; overflow:hidden;}
	.foot_bn li{float:left;}
	.foot_bn li:after {display:block; content:""; width:1px; height:12px; background:#ddd; display:inline-block; margin:0 14px; vertical-align:middle}
	.foot_bn li:last-child:after {margin-right:0; display:none;}
	.foot_bn li strong {font-weight:normal; color:#333; letter-spacing:-0.2pt; line-height:24px;}
	.foot_bn li a {letter-spacing:-0.2pt; line-height:24px; font-size:14px; color:#777; transition: all 0.3s ease-out;}
	.foot_bn li a:hover{color:#333; transition: all 0.3s ease-out;}

	.com_info {font-size:14px; letter-spacing:-0.2pt; color:#777; line-height:24px; margin:20px 0}
	.com_info strong {color:#272727}

	.copyright {font-size:14px; color:#a1a1a1;}
	.copyright a {font-size:14px; color:#a1a1a1; transition: all 0.3s ease-out;}
	.copyright a:hover {color:#333; transition: all 0.3s ease-out;}

	.foot_img {position:absolute; top:80px; right:0}