@charset "UTF-8";


/* Page Title */

.en{font-family:'Montserrat', sans-serif !important}



body { width:100%; height:100%; padding:0px; margin:0px;  background:#ddd; }
body:after{content:''; display:block; clear:both;}
html  { width:100%; height:100%; padding:0px; margin:0px;   }
#wrap    {width:100%; float:left; min-width:1200px; }

#main {max-width:850px; margin:0 auto; display:block; box-sizing:border-box; background:#fff;}

#header   {width:100%;  float:left; position:relative; z-index:999;  min-width:1200px; padding:0; box-sizing:border-box; position:absolute; top:0;  }


.main_vi_wrap .slick-prev {top:30% !important; border:none; }
.main_vi_wrap .slick-next {top:30% !important; border:none;}

.box_100 {width:100%; float:left;}
.box_80 {width:80%; float:left;}
.box_75 {width:75%; float:left;}
.box_70 {width:70%; float:left;}
.box_60 {width:60%; float:left;}
.box_50 {width:50%; float:left;}
.box_45 {width:45%; float:left;}
.box_48 {width:48%; float:left;}
.box_40 {width:40%; float:left;}

.box_100 ul li.col-2 {width:50%; float:left;   box-sizing:border-box;}
.box_100 ul li.col-2:last-child {float:right; margin-right:0%;}

.box_100 ul li.col-3 {width:32%; float:left; border:1px solid #ddd; box-sizing:border-box;}
.box_100 ul li.col-3:last-child {float:right; margin-right:0%;}

.box_100 .business_ul  .bar_div {width:60px; background:#333; height:1px; float:left; display:inline-block; margin:0 auto; z-index:999999; position:relative;}
.box_100 ul li.col-2 img { width:100%;}
.box_100 ul li.col-3 img { width:100%;}

.box_60 {width:60%; float:left;}
.box_60 .pgwSlider {margin-right:80px; float:right; display:block;}

.text_box_sm {font-size:0.92em; color:#666; line-height:1.4em}
.text_box2 {font-size:1em; color:#555;}
.text_box3 {font-size:1.1em; color:#333;}
.text_box4 {font-size:1.2em; color:#333;}
.text_box5 {font-size:1.3em; color:#333;}
.text_box6 {font-size:1.4em; color:#333;}
.text_box7 {font-size:1.5em; color:#333;}


/* Nav */
#nav {position:relative;width:100%; float:left; background:rgba(255,255,255,0.8); }
#nav a {color:#333; font-size:18px; font-weight:500; display:block; padding:15px 20px; line-height:32px; text-decoration:none}
#nav ul li {position:relative; }

/* Top Level */
#nav li {transition:background-color .5s}
#nav li a:hover {background-color:#fff;}
#nav > ul > li {display:block; float:left; width:20%; text-align:center;}

/* Sub-level 1 */
#nav > ul li:hover > ul {opacity:1; top:65px; visibility:visible; }
#nav > ul ul {opacity:0; visibility:hidden; position:absolute; top:60px; transition:all .25s; }
#nav > ul ul li {background-color:#fff; width:240px; border-bottom:1px solid #eaeaea;}
#nav > ul ul li a { display:block;padding:10px 20px; color:#333;}

/* Level 2 and Beyond */
#nav > ul  ul li > ul {margin-left:180px; top:15px}
#nav > ul  ul li:hover > ul {margin-left:180px; top:0; }
#nav li.submenu:after {content:"\25BA"; color:#fff; display:block; float:right; font-size:10px; height:20px; position:absolute; right:10px; top:12px}

/* Clearfix */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content:" "; clear:both; height:0}

/*메뉴*/
.menu  {width:1200px; margin:0 auto; box-sizing:border-box;  }
.topmenu {width:100%; float:Left; border-radius:0 30px;}
.topmenu2 .topmenu li.sitemap  {width:200px; float:right; }

.topmenu2 li.logo {width:300px; margin:0 auto; }
.topmenu2 li.logo a {width:100%; float:left;  margin-bottom:15px;}


.topmenu2 .language{
  border-style:none;
  background:none;
  color:#5B5B5B;
 font-size:15px;
 }

.topmenu2 .language1{ width:485px;  float:right; border:0px solid #c00; margin-top:15px;}

.tab {width:100%; display:flex;}
.tab  li  {background-color:#f1f1f1; width:50%; text-align:Center; height:50px; position:relative;  display:inline-block ; margin:0 1px; transition: all 0.1s ease-out;}
.tab li a {display:inline-block; width:100%; line-height:50px; font-size:1rem;   transition: all 0.1s ease-out; font-weight:500; letter-spacing:0}

.tab  li.ov a {background-color:#333; color:#fff !important}

#main .visual-notice_wrap{width:1200px;bottom:0; left:50%; transform: translate(-50%, 0%); position:absolute; background:#d0b987 }
#main .visual-notice{width:1200px; margin:0 auto; border:0px solid #fff; }

#main .visual-notice:after{content:'';  height:100%; right:0; position:absolute; top:0;}
#main .visual-notice h3{color:#fff; float:left; font-size:20px;padding:20px 0; max-width:140px; margin:0;box-sizing:border-box;	}
#main .visual-notice ul li a{white-space: nowrap; margin-right:30px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; display:block; color:#fff; font-weight:300;}

#main .bbs-slider{ float:left; width:80%;padding:20px 0; }
#main .bbs-slider li{ float:50%; float:left; }

#main .bbs_arr_wrap {float:right; display:inline-block; margin-right:35px; margin-top:26px; }
#main .bbs_arr_wrap a{float:right; display:block;}

#main .bbs-slider .slick-arrow{width:9px; height:8px; top:20px; right:0; margin-left:0; left:auto; transform:none; opacity:0.5;}
#main .bbs-slider .slick-arrow:hover{opacity:1;}
#main .bbs-slider .slick-next{background:url('/img/arr-down.png') no-repeat center center; bottom:20px; top:auto;}
#main .bbs-slider .slick-prev{background:url('/img/arr-up.png') no-repeat center center; top:20px; }
#main .slick-prev:before, #main .slick-next:before{display:none;}

/*.nav  li  {  font-size:22px; font-weight:600; display:inline-block;  float:left;  line-height:70px; margin:0px 0; text-align:center;   padding:0;}*/
/*.nav  li   a {color:#555 !important;}*/

/* 공지사항 */
.notice_ul {width:100%; float:left; padding:60px 0;}
.notice_ul>li {width:48.5%;float:left; height:220px;  margin-right:2%; list-style:none; }
.notice_ul>li:first-child {padding:30px 20px; box-sizing:border-box;  border:1px solid #ddd; }
.notice_ul>li:last-child {float:right; margin-right:0; border:1px solid #ddd; box-sizing:border-box;}

.notice_ul>li .notice_txt_left {width:28%; height:100%;float:left; background:#fff;  box-sizing:border-box; border-right:0px solid #ddd;}
.notice_ul>li .notice_txt_left h3 {font-size:30px; color:#333; }

.notice_ul>li .notice_txt_right { width:72%; float:right; padding:10px 30px; box-sizing:border-box;}
.notice_ul>li .notice_txt_right ul li {font-size:18px; color:#666; line-height:1em; list-style:disc; margin-left:15px; margin-bottom:12px;}
.notice_ul>li .notice_txt_right ul li:last-child {margin-bottom:0;}


#banner_box  {position:relative; width:100%; float:left;  }
#banner_box  ul.banner_wrap li   {width:50%;background:#ded; height:160px;box-sizing:border-box; text-align:center;}
#banner_box  ul.banner_wrap li  a {display:block;  }

#banner_box  ul.banner_wrap li h5   {font-size:25px; font-weight:600; color:#fff; margin-bottom:5px; margin-top:52px;}
#banner_box  ul.banner_wrap li p  {font-size:18px; font-weight:400; color:rgba(255,255,255,0.8);  }



.main_vi_wrap {}
.main_vi_wrap .svg-wrapper {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto;
  width: 520px;
  text-align: center;
}
.main_vi_wrap .shape {
  stroke-dasharray: 0 580;
  stroke-dashoffset: 580;
  stroke-width: 4px;
  fill: transparent;
  stroke: #fefefe;
  border-bottom: 5px solid black;
  transition: stroke-width 2.7s, stroke-dashoffset 2.7s, stroke-dasharray 1.3s;
  transition-delay: 0s;
  fill: rgb(20,20,20);
}
.main_vi_wrap .text {
  font-size: 22px;
  line-height: 32px;
  letter-spacing: 8px;
  color: #fff;
  top: -48px;
  position: relative;
  text-align: center;
  height: 75px;
  width: 520px;
  font-variant: small-caps;
}
.main_vi_wrap .shape-border {
  stroke-width: 4px;
  stroke-dashoffset: 0;
  stroke-dasharray: 480 100;
}





h3 {width:100%; text-align:center; font-size:35px; font-weight:700; color:#333;  }

.guide_text {font-size:17px; line-height:1.8em; color:#666;  width:100%; text-align:center; float:left; margin:20px 0;  }

a.main_btn {font-size:19px;  border:0px solid #fff; border-radius:5px; color:#fff !important; background:#c00; width:240px; display:inline-block; text-align:center; line-height:58px;}
span.main_btn {position:absolute; top:150px; left:40%;font-size:18px; border:1px solid #fff; border-radius:5px; color:#fff !important; width:250px; display:inline-block; text-align:center; line-height:60px; }


h4.tt {font-size:40px; font-weight:600; width:100%; float:left; line-height:1.4em; color:#333;}
h3.tt {font-size:30px;  font-weight:400; width:100%; float:left;  line-height:1.3em; color:#333;}
p.tt {font-size:25px; font-weight:400; width:100%; float:left;   line-height:1.3em; color:#999;}

.in .guide {width:100%; text-align:center; float:left; font-size:32px; font-weight:700; color:#333; margin-top:50px; margin-bottom:40px;  padding-bottom:10px; }




/* layout -lnb */
.lnb_wrap{position:relative; width:100%; float:left; height:60px; margin-bottom:50px;}
.lnb{position:absolute; left:0; top:0; width:100%; height:60px; background-color:#f7f7f7; border-bottom:1px solid #dadada;}
.lnb.on{position:fixed; z-index:1000;}
.lnb > ul{width:1200px; margin:0 auto; font-size:0px;}
.lnb > ul:after{display:block; clear:both; content:'';}
.lnb > ul > li{display:inline-block; position:relative;}
.lnb > ul > li > a{display:block; position:relative; font-size:17px; font-weight:400; text-align:center; line-height:60px; color:#000;}

.lnb > ul > li.on > a{border-bottom:2px solid #d4b666; line-height:59px; color:#d4b666;}
.lnb > ul > li > a:after{position:absolute; right:0; top:50%; width:1px; height:20px; margin-top:-10px; background:#dcdcdc; content:"";}
.lnb > ul > li:first-child > a:before{position:absolute; left:0; top:50%; width:1px; height:20px; margin-top:-10px; background:#dcdcdc; content:"";}
.lnb > ul > li > a .lnb_arrow{display:inline-block; width:11px; height:6px; margin-left:10px; background:url("/Resources/Kor/images/common/ico_common.png") -468px -154px no-repeat; vertical-align:middle;}
.lnb > ul > li.on > a .lnb_arrow{background-position:-432px -154px;}
.lnb.col3 li{width:33.3%;}

.lnb.col4 li{width:25%;}
.lnb.col5 li{width:20%;}
.lnb.col6 li{width:16.66666%;}
.lnb.col7 li{width:14.2857%;}
.lnb .sub_lnb{display:none; position:absolute; left:0; top:71px; z-index:100; width:100%; border:1px solid #dcdcdc; border-top:none;}
.lnb li.active .sub_lnb{display:block;}
.lnb .sub_lnb li{width:100%; border-top:1px solid #dcdcdc;}
.lnb .sub_lnb li:first-child{border-top:none;}
.lnb .sub_lnb li a{display:block; position:relative; padding:0 20px; background-color:#fff; font-size:16px; line-height:48px; color:#666;}
.lnb .sub_lnb li a:hover{color:#d4b666;}
.lnb .sub_lnb li a:after{display:inline-block; position:absolute; right:20px; top:20px; width:6px; height:11px; background:url("/Resources/Kor/images/common/ico_common.png") -471px -180px no-repeat; content:'';}





.s_line{border:0px solid gray; display:block;width:28px;height:20px; position:relative; margin:0 auto;}

.s_line:after{
  content:""; position:absolute; border-top:4px solid #d4b666; width:40px;
  transform: rotate(25deg);

}

.sian_tab {position:relative; width:100%; float:left;}
.sian_tab li {width:25%; float:left; background-color:#f9f9f9;}
.sian_tab li a {width:100%; display:inline-block; text-align:center; line-height:55px; font-size:18px; font-weight:500; color:#555; }
.sian_tab li.ov  {background-color:#333;}
.sian_tab li.ov  a {color:#fff;}


.contact_tab {width:100%; float:left; margin-bottom:20px;}
.contact_tab li {width:25%; float:left; background-color:#f9f9f9 ;}
.contact_tab li a {width:100%; display:inline-block; text-align:center; line-height:55px; font-size:20px; font-weight:600; color:#555; }
.contact_tab li.ov  {border:1px solid #333; box-sizing:border-box; border-bottom:none; background:#fff;}
.contact_tab li.ov  a {color:#333; font-weight:600;}

 /*footer*/
#footer        {position:relative; width:100%; float:left; min-width:1200px;  margin-top:15px; padding:35px 0;  background-color:#333;    }
#footer ul {width:100%; text-align:center;}
#footer ul li {display:inline-block;  color:#fff; font-size:0.92em}
#footer ul li.line {color:rgba(255,255,255,.3); font-size:12px; line-height:30px; padding:0 10px 10px 10px;}
#footer  .footer_in  {width:1240px; margin:0 auto;font-size:14.5px; color:#fff;  font-weight:300; }
#footer  .footer_in  span { letter-spacing:0.2px;  }
#footer  .footer_in p {opacity:0.5; margin-left:60px; float:left;}

#footer .copy_bar  {background-color:#333; color:#b1b1b1; font-size:0.85em; width:100%; float:left; padding:14px 0; margin-top: 20px;}
#footer .copy_bar p  {width:1200px; margin:0 auto; }




ul.tab_mn a {
 	color: #333; display:block;
 }
ul.tab_mn a:link {
	text-decoration: none;
}
ul.tab_mn a:visited {
	text-decoration: none;
	color: #333;
}
ul.tab_mn a:hover {
	text-decoration: none;
	color: #333;
}
ul.tab_mn a:active {
	text-decoration: none;
	color: #333;}

ul.tab_mn .ov a {
 	color: #fff;
 }
ul.tab_mn .ov  a:link {
	text-decoration: none;
}
ul.tab_mn .ov  a:visited {
	text-decoration: none;
	color: #fff;
}
ul.tab_mn .ov  a:hover {
	text-decoration: none;
	color: #fff;
}
ul.tab_mn .ov  a:active {
	text-decoration: none;
	color: #fff;
	background:#555;}


 .top_fixed {width:60px; line-height:60px; background-color:#333; text-align:center; position:fixed; color:#fff !important; display:inline-block; bottom:2%; right:2%; z-index:9999999999999999999; border-radius:50%}



@media (min-width: 1000px){
.history_txt p{width:38vw}

}

@media (min-width: 900px){
#product .company03_wrap .one b{font-size:2rem}
#product .company03_wrap .one b.som{font-size:2rem}
.vision_txt i{font-size:1.8rem;}
}



@media (max-width:900px){
.vision_txt p:first-child{font-size:3vw;}
.first-title{font-size:5vw;}
#product .product_wrap .one b.som{font-size:3vw}
.vision_txt i{font-size:3vw;}
#product .product_wrap .box_wrap{margin:auto auto 1vw auto;}

}

@media (max-width: 450px){
.faq_board_sty03 > li p input{width:100px !important}
.company04_wrap .box{width:168px !important;}

.company04_wrap .box.type1{margin-left:-85px;}
.company04_wrap .box.type3{margin-left:-85px;}
.company04_wrap .box.type6{margin-left:-85px;}
.bank p{font-size:5vw;}

}