@charset "UTF-8";
@import url(board.css);

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


html {margin:0;padding:0; background-color: #fff; }
body{position:relative;  font-size:16px; line-height:28px;   font-family: 'Noto Sans KR', sans-serif; color:#555; letter-spacing:-0.02em; height:100%; margin:0; padding:0; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;padding:0;}
img {border:0;vertical-align:top;}
ul,ol,dl,dt,dd,li {list-style:none;}
table, th, td {border-collapse:collapse;border-spacing:0;font-weight: normal;}
caption {display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button {border:none;}
i, em, u, cite {font-style:normal;}
em, b {font-weight:normal;}
a {color:#292a37;text-decoration:none;}
input {font-family: 'arm',sans-serif;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}


a:link {text-decoration:none; color:#555; }
a:visited {text-decoration:none; color:#555;}
a:active {text-decoration:none; color:#555;}
a:hover {text-decoration:none; color:#074085;}



.mt0 {margin-top:0px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}
.mt100 {margin-top:100px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml40 {margin-left:40px !important;}



/* Swiper overide */
.swiper-slide { text-align:center; display:flex; align-items:center; justify-content:center; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left:20px; background:rgba(0,0,0,.6); width:65px; height:65px; border-radius:65px; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right:20px; background:rgba(0,0,0,.6); width:65px; height:65px; border-radius:65px; }
.swiper-button-next i, .swiper-button-prev i { color:#fff; font-size:40px; }


/* Layouts */
.max-width { max-width:1400px; position:relative; margin:100px auto; clear:both; }
.cboth {clear:both;}
.clear:after{content:"";height:0;font-size:0;visibility:hidden;display:block;clear:both;}
.clear{zoom:1;display:block;}




/* Header
.header { height:120px; position:fixed; top:0; left:0; width:100%; line-height:1; z-index:101; background:#fff; border:1px solid red;}
.header .header-inner { width:100%; height:100%; position:absolute; top:0; left:0; color:#333; font-size:14px;  display:flex; flex-direction:row-reverse;}
.header .gnb-logo { position:absolute; left:100px; top:50%; z-index:6; transform:translateY(-50%); }
.header .gnb-nav { height:100%; margin-right:270px; text-align:center; font-size:22px; font-weight:400; line-height:20px; border-bottom:1px solid rgba(255,255,255,.2); }
.header .gnb-nav .main { width:100%; height:100%; display:flex; justify-content:space-between; align-items:center; }
.header .gnb-nav .main .dep-1 { height:100%; padding:0 25px; position:relative; display:flex; align-items:center; justify-content:center;}
.header .gnb-nav .main .dep-1 > a { position:relative; z-index:3; display:block; }
.header .gnb-nav .main .dep-1.hover-active > a { color:#B2D316; }
.header .gnb-nav .main .dep-1 .sub { height:0; position:absolute; left:0; right:0; top:100%; z-index:2; opacity:0; overflow:hidden; background:rgba(178,211,22,0.52); color:#fff; transition:0.2s all; }
.header .gnb-nav .main .dep-1.hover-active .sub, .header.min:not(.hover) .gnb-nav .main .dep-1.active .sub { height:auto; opacity:1; }
.header .gnb-nav .main .dep-1.hover-active .sub > li, .header.min:not(.hover) .gnb-nav .main .dep-1.active .sub > li { -webkit-animation:fadeUp 200ms both; animation:fadeUp 200ms both; }
.header .gnb-nav .sub li { display:block; padding:20px 0; }
.header .gnb-nav .sub li a { font-size:16px; }
.header .gnb-nav .sub a { -webkit-transition:color 0.3s ease; transition:color 0.3s ease; }
.header .gnb-nav .sub a:hover, .header .gnb-nav .dep-2.active > a { font-weight:700; }
 */

.header { height:110px; position:fixed; top:0; left:0; width:100%; line-height:1; z-index:101; background:#fff; border-bottom:1px solid #efefef;}
.header .gnb-logo { position:absolute; left:0; top:0; z-index:6; padding-right:30px;}
.header .header-inner {position:relative; width:1400px; margin:0 auto; color:#333; font-size:14px;  display:flex; flex-direction:row-reverse;}

 #gnb {position:absolute; right:0; top:0; height:30px; padding:60px 0 30px 40px; z-index:999999;}
#gnb ul li {float:left; margin-right:15px; border-right:1px solid #d3d3d3; height:10px;  padding-right:15px; font-family: 'Noto Sans KR'; }
#gnb ul li a {color:#666; font-size:12px; letter-spacing:0.03em;line-height:10px !important;}
#gnb ul li.last {margin-right:0; padding-right:0; border-right:none;}
#gnb ul li.last a {color:#034ea2;}

#lnb {position:relative; overflow:hidden; top:10px; cursor:pointer;  margin:0 auto; width:770px; padding:0 350px 0 290px;}
#lnb ul li {float:left; text-align:center;}
#lnb ul li a {color:#333; font-size:19px; font-family: 'Noto Sans KR'; font-weight:700; line-height:100px; }
#lnb ul li.m1 {width:165px;}
#lnb ul li.m2 {width:165px;}
#lnb ul li.m3 {width:160px;}
#lnb ul li.m4 {width:135px;}
#lnb ul li.m5 {width:145px;}


.hidden{visibility:hidden;width:0;height:0;overflow:hidden;position:absolute;top:-10000px;line-height:0;}

.menuWrap {position:relative;height:0;}


#allMenuView {position:absolute; z-index:10000; width:100%;  top:110px; overflow:hidden; display: none; background:#034ea2;  z-index:10000;}
/*background-color:#13470f; filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;*/
#allMenuView .menu_cen {position:relative; margin:0 auto; width:771px; padding:0 350px 0 290px;}
#allMenuView .menu {float:left; height:100px; padding:25px 0 25px 35px; border-right:1px solid #2767af;}
#allMenuView .menu ul li{height:25px;}
#allMenuView .menu ul li a {color:#9abbde; font-size:14px; font-weight:500; letter-spacing:-0.03em;}
#allMenuView .menu ul li a:hover {color:#fff;}

#allMenuView .menu_cen .m1 {width:129px;}
#allMenuView .menu_cen .first {border-left:1px solid #2767af;}
#allMenuView .menu_cen .m2 {width:129px;}
#allMenuView .menu_cen .m3 {width:124px;}
#allMenuView .menu_cen .m4 {width:99px;}
#allMenuView .menu_cen .m5 {width:109px;}




/* Footer */
#footer {position:relative; clear:both; width:100%;   background:#505050;}
#footer .footer_cen {position:relative; width:1400px; margin:0 auto;  padding:80px 0; }
#footer .footer_cen .f_logo  {float:left; }
#footer .footer_cen .address {float:left; margin-left:50px; padding-left:50px; border-left:1px solid #757575; font-family:"Noto Sans KR"; font-size:15px;color:#d3d3d3; line-height:30px; letter-spacing:-0.3px;}
#footer .footer_cen .address span {color:#d3d3d3; margin-left:40px;}
#footer .footer_cen .sns {float:right;}
#footer .footer_cen .sns ul li {float:left; margin-left:10px;}
#footer .copyright { position:relative; clear:both; background:#383838; text-align:center; font-family:"Noto Sans KR";  color:#d3d3d3; line-height:70px;  font-size:15px; letter-spacing:0;}


.top-arrow-btn { width:50px; height:50px; position:fixed; bottom:50px; right:2%; border:2px solid #136DE8; color:#136DE8; border-radius:27px; cursor:pointer; z-index:3; display:none; }
.top-arrow-btn span { position:absolute; top:20%; right:50%; transform:translateX(50%); color:#aaa; font-size:18px; text-align:center; line-height:30px;}


/* Common Contents */
.h-120 { width:100%; height:110px; }






















/* sub */


#container {position:relative;  clear:both;  width:1400px; margin:0 auto; padding:80px 0;}


.vis01 {background:url(../images/sub/visual.jpg) no-repeat center;}
.vis02 {background:url(../images/sub/visual02.jpg) no-repeat center;}
.vis03 {background:url(../images/sub/visual03.jpg) no-repeat center;}
.vis04 {background:url(../images/sub/visual04.jpg) no-repeat center;}
.vis05 {background:url(../images/sub/visual05.jpg) no-repeat center;}
.vis06 {background:url(../images/sub/visual06.jpg) no-repeat center;}


#snb_wrap {position:relative; clear:both; height:70px; background:url(../images/sub/snb_line.jpg) repeat-x;}
#snb {position:relative; clear:both;  height:70px; margin:0 auto; text-align:center;}
#snb ul li {display:inline-block;  .display:inline-block;zoom:1;#display:inline;  height:70px; line-height:70px;   text-align:center;}
#snb ul li a {display:block; padding:0 65px;  font-size:20px;  color:#3f3f3f;font-weight:500;}
#snb ul li a:hover {color:#034ea2; }
#snb ul li a.snb_on {color:#034ea2; background:url(../images/sub/snb_on.jpg) repeat-x; font-weight:700;}


.sub_visual { width:100%; height:350px;   background-size:cover; background-repeat:no-repeat; background-position:top center; display:flex; justify-content:center; align-items:center; }
.sub_visual .wrap { color:#fff; text-align:center; }
.sub_visual .wrap>h1 { font-family:"Noto Sans KR"; font-size:55px; line-height:55px; font-weight:900; color:#fff;}
.sub_visual .wrap>p { width:1400px; margin:20px 0; font-size:16px; color:#fff; font-weight:400; line-height:1.6; text-align:center; letter-spacing:-0.3px; }
.sub_visual .wrap>.btn-more { display:inline-block; font-family:"Noto Sans KR"; font-size:33px; font-weight:700; cursor:pointer; margin-top:18px; }
.sub_visual .wrap>.btn-more ul li {float:left; margin:0 50px; }
.sub_visual .wrap>.btn-more ul li p {color:#fff; font-size:20px; font-weight:500; margin-top:20px; text-shadow: 1px 1px 4px #b0b0b0, 0 0 4px #000;}
.sub_visual  .bar {width:60px; height:4px; background:#fff; margin:0 auto; margin-top:0px;}

.policybox textarea {width:98%;}
.policybox  input {width:20px; height:20px; margin:5px 5px -4px 0;}





 .stitle {position:relative; clear:both;  font-size:35px;  color:#333; font-weight:700;  text-align:center;}
.contents {position:relative; clear:both; margin-top:70px; line-height:27px; padding-bottom:30px;}




.con_table {position:relative; clear:both; border-top:2px solid #666; border-right:1px solid #efefef; text-align:left;   color:#555;}
.con_table th {color:#333;  font-weight:500;   background:#fcfcfc; line-height:20px; text-align:center;}
.con_table td.a_l {text-align:left;}
.con_table td.a_r {text-align:right;}
.con_table th, .con_table td {padding:7px 15px; border-bottom:1px solid #efefef; border-left:1px solid #efefef; text-align:center;}

.con_table2 {position:relative; clear:both; border-top:2px solid #9dbcbd; border-bottom:1px solid #9dbcbd;  color:#555;}
.con_table2 th {color:#333;  font-weight:500; font-size:15px;  background:#fafcfc; line-height:20px; text-align:center;}
.con_table2 td.a_l {text-align:left;}
.con_table2 th.a_l {text-align:left;}
.con_table2 td.a_r {text-align:right;}
.con_table2 th, .con_table2 td {padding:15px; border-bottom:1px solid #e7e7e7; text-align:center;border-left:1px solid #e7e7e7;}
.con_table2 .bl_none {border-left:none;}


.con_table3 {position:relative; clear:both; border-top:1px solid #999; border-right:1px solid #efefef; text-align:left;   color:#555;}
.con_table3 th {color:#333;  font-weight:500;   background:#fcfcfc; line-height:20px; text-align:center;}
.con_table3 td.a_l {text-align:left;}
.con_table3 td.a_r {text-align:right;}
.con_table3 td {background:#fff;}
.con_table3 th, .con_table3 td {padding:15px; border-bottom:1px solid #efefef; border-left:1px solid #efefef; text-align:center;  }
.bt1 {border-bottom:1px solid #999 !important;}

.li_icon {position:relative; clear:both;}
.li_icon ul li {background:url(../images/main/icon_gray.jpg) no-repeat 0 10px; padding-left:7px; margin-bottom:7px;}
.li_icon ul li strong {font-weight:500;}
.li_icon ul li span {color:#304f8d;}


#other {position:relative; clear:both; width:600px; padding:20px; margin:0 auto; border:10px solid #074085;}
#other .tit {position:relative; clear:both;  margin:0; top:0; left:0;font-size:30px; color:#222;  font-weight:700; text-align:center; padding:20px 0; background:#fff;}
#other textarea{padding:10px; width:580px; height:500px; border:1px solid #dfdfdf; color:#666; font-size:14px; line-height:23px; letter-spacing:-0.03em;}



#map_wrap {position:relative; clear:both; border-top:1px solid #e6e6e6; }

#map {position:relative; clear:both; }
#map .frame {position:relative; clear:both;}

#map_wrap .tit {font-size:18px; font-weight:700;}
#map_wrap .info {position:relative; clear:both; margin-top:30px; border-bottom:1px solid #f2f2f2 !important;  padding-bottom:30px;}
#map_wrap .info table { }
#map_wrap .info table th {text-align:left; font-size:19px; color:#222; font-weight:700; padding:5px 20px;}
#map_wrap .info table td {text-align:left; font-size:15px !important; padding:5px 20px; line-height:30px;}
#map_wrap .info table td span {color:#404040; font-weight:700;}

#map_wrap .info .num {background:#fff; color:#555;margin-right:5px; padding:2px 7px; border-radius:20px; border:1px solid #bfbfbf; font-size:11px; line-height:11px;}

.col7 {background:#717617 !important;  border:1px solid #717617 !important; color:#fff !important;}
.col1 {background:#3356b4 !important;  border:1px solid #3356b4 !important; color:#fff !important; }

.bus1 {background:#00aeab !important;  border:1px solid #00aeab !important; color:#fff !important; }
.bus2 {background:#65ba44 !important;  border:1px solid #65ba44 !important; color:#fff !important; }
.bus3 {background:#5fb73c !important;  border:1px solid #5fb73c !important; color:#fff !important; }
.bus4 {background:#97a4f7 !important;  border:1px solid #97a4f7 !important; color:#fff !important; }

.company_info {width:1400px; margin:0 auto; padding:50px 0;}




.icon1 {position:relative; clear:both;}
.icon1 ul li {background:url(../images/business/icon_dot.jpg) no-repeat 0 12px; padding-left:7px;  line-height:25px;}

.icon2 {position:relative; clear:both;}
.icon2 ul {float:left; width:50%;}
.icon2 ul li {background:url(../images/business/icon_dot.jpg) no-repeat 0 12px; padding-left:7px;  line-height:25px;}




.sitemap {position:relative; clear:both;}
.sitemap .tit {margin-bottom:10px; background:#555; color:#fff; font-size:17px; font-weight:500; padding:20px 0; text-align:center;}
.sitemap .menu {position:relative; float:left; width:18%; margin:1%;}
.sitemap .menu ul li {font-size:15px;padding-left:20px;  line-height:50px; border-bottom:1px solid #efefef;}
.sitemap .menu ul li ul {padding-bottom:15px;}
.sitemap .menu ul li ul li {line-height:20px !important; border-bottom:1px solid #fff !important; font-size:13px !important; color:#222;}
.sitemap .menu ul li ul li a {color:#888;}



.client {position:relative; clear:both; }
.client h3 {color:#024ea6; font-size:30px; line-height:50px; font-weight:700; padding-left:20px;}
.client  ul li {float:left; width:240px; height:200px; margin:20px; text-align:center;}
.client  ul li p {border:1px solid #dfdfdf; border-top:none; line-height:75px; font-size:17px; font-weight:500;}
.client  ul li img {border:1px solid #dfdfdf; border-bottom:1px solid #efefef;}
.client  ul li img:hover {border:1px solid #024ea6;}
/*
.client {position:relative; clear:both; }
.client h3 {color:#024ea6; font-size:30px; line-height:50px; font-weight:700; padding-left:20px;}
.client  ul li {float:left; width:238px; height:198px; border:1px solid #dfdfdf; margin:20px; text-align:center;}
.client  ul li:hover {border:1px solid #024ea6;}
.client  ul li p {border-top:1px solid #efefef; line-height:75px; font-size:17px; font-weight:500;}
*/

.product {position:relative; clear:both; }
.product h3 {color:#024ea6; font-size:30px; line-height:50px; font-weight:700; padding-left:20px;}
.product  ul li {float:left; width:240px; height:260px;  margin:20px; text-align:center;}
.product  ul li p {border:1px solid #dfdfdf; border-top:none; line-height:75px; font-size:17px; font-weight:500;}
.product  ul li img {border:1px solid #dfdfdf; border-bottom:1px solid #efefef;}
.product  ul li img:hover {border:1px solid #024ea6;}


#history {position:relative; clear:both; background:#efefef;}
#history .img {float:left;}
#history .text {float:left; padding:100px 0 0 100px;}
#history .text ul li {color:#444; font-size:19px; margin-bottom:50px;}
#history .text ul li span {color:#024ea6; font-size:25px; line-height:50px; font-weight:700;}


/*#introduce {position:relative; clear:both; font-size:16px; line-height:28px; text-align:center;}*/
#introduce {position:relative; clear:both; font-size:20px; line-height:28px; text-align:center;}
#introduce p.tt {font-size:30px; color:#034ea1; font-weight:100; line-height:40px; margin-bottom:30px;}