@charset "UTF-8";


/* Page Title */
body { width:100%; height:100%; padding:0px; margin:0px;  background:#fff; }
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;  }
#imgCaptcha{height:32px; vertical-align:bottom;}

.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_30 {width:30%; }
.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_box {font-size:0.95em; color:#555; line-height:1.6em}*/
.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;}

.t1 {font-size:3.4em; font-weight:700; color:#003b7c;}
.t2 {font-size:23px; font-weight:600; line-height:1.35em; color:#333;}
.t3 {font-size:1.5em; font-weight:500; color:#000; line-height:1.3;}

@media all and (max-width:1000px){

.t1 {font-size:1.8em;}
.t3 {margin-top:7px;font-size:1.5em}
}


.tab {width:100%; display:flex}
.tab  li  {border-right:2px solid #fff; 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:1.1rem;  position:absolute; left:0; top:0;  transition: all 0.1s ease-out; font-weight:600; letter-spacing:0}

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



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


#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;}



/* 공지사항 */
.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);

}


.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 {width:100%; display:inline-block;box-sizing:border-box;color:#fff;  font-size:0.90rem; line-height:1.5em; letter-spacing:0px; overflow:hidden;background:#3c3a4b }
footer div.box {width:100%; max-width:1500px; padding:0 3%; margin:0 auto; display:flex; align-items:center; box-sizing:border-box;}
footer div.box  div p {width:100%; display:inline-block; margin-bottom:5px;}


.footer_div02  {width:100%; display:flex;gap:150px; padding:1.5% 3%; border-top:1px solid #ddd; box-sizing:border-box; /* text-align:center; */}
.footer_div02 ul:after{content:''; display:block;}
.footer_div02 ul{display:flex; flex-direction:column;width:100%;}
.footer_div02 ul li  {line-height:1.6; font-size:1.05rem;}
.footer_div02 ul li:first-child{margin-bottom:0;}
.footer_div02 ul li div{font-size:1rem;opacity:.8;word-break:keep-all}
.copyright{opacity:.6}


br.pc_show{display:block}
br.m_show{display:none}
br.m_show3{display:none}
br.m_show33{display:none}
.footer_div02 .logobox{width:160px;}
.footer_div02 .logobox2{width:240px;}
.footer_div02 img{width:100%}

@media all and (max-width:1700px){
br.m_show3{display:block}
}
@media all and (max-width:1300px){
br.m_show33{display:block}
}

@media all and (max-width:1000px){
.footer_div02{display:block;}
br.pc_show{display:none}
br.m_show{display:block}
.footer_div02 ul:first-child{margin-bottom: 20px;
    border-bottom: 1px dashed #a5a5a5;
    padding-bottom: 20px;}
}



.admin_btn{text-decoration:underline; position:absolute; top:20%; right:20%; transform:translate(-20%,-20%)}
.admin_btn p{cursor:pointer; font-weight:600}
.admin_btn p:hover{color:#2C3184}
.admin_btn p:first-child{margin-right:1em;}


 .m_top {width:100%; position:fixed; top:0; left:0; background:#fff; box-sizing:border-box; display:flex; align-items:center;   z-index:9999999; border-bottom:1px solid #ddd; }



 @media all and (max-width:1500px){
 .sub_in {width:1240px; float:left;  position:relative;  left:50%; margin-left:-620px;}

.sub_in .s_menu  {width:1100px; position:relative; top:0; left:50%; margin-left:-550px; margin-bottom:50px;}
.sub_in .s_menu   li {width:33.3333333%; float:left; border-right:1px solid #ddd;  background:url('/sian/img/menu_bg.png') no-repeat right; }
.sub_in .s_menu li.cate_2 {display:none}
.sub_in .product_view  {width:1100px; position:relative; top:20px; left:50%; margin-left:-550px;}


.contact_con {width:100%; float:left; padding:15px 0;}
.contact_con ul li {font-size:19px;}



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;}




.sub_vi_text p span{font-size:4rem;}

.footer_div01 .in{max-width:95%; margin:0 auto;}
.footer_div02 .in{max-width:95%; margin:0 auto;}
.section{max-width:95%;}





#section1{max-width:95%;}
#section3 .section3_inner{max-width:95%;}
#section4 .section4_inner{max-width:95%}
#section5 .section5_inner{max-width:95%;}


#section1 .section_in{gap:1em;}
.main_con_wrap #section1 .section_in .values_wrap{flex-grow:1; flex-basis:300px; height:320px;}



.sub_section{max-width:95%;}



.company_left{margin-right:1em;}




.in{max-width:95%;}
.footer_div02{padding:20px ;}
/* .footer_span{display:block;} */
.br1{display:none;}
.br2{display:none;}




}


 @media all and (max-width:1400px){



.layout_wrap > div{margin-bottom:1em;}
.layout_img, .layout_txt{flex: 1 1 100%;}
.layout_img_in1{height:0; padding-bottom:55%;}
.layout_txt{width:100%; padding:2em 1em;}
.layout_txt h2{margin-bottom:1em;}
.layout_txt ul li{color:#000;}

.list_tab ul li{width:25%;}


.top_view{padding-top:3em}
.top_view ul{margin-bottom:3em;}


.main_con_wrap #section1 .section1_inner p:nth-child(2){font-size:1.5rem;}



 }


 @media all and (max-width:1300px){
 .header_logo{width:130px;}
/* nav .container{padding-right:3.3em;}*/

 }


 @media all and (max-width:1200px){
 .main_con_wrap #section1 .section1_inner p:nth-child(2){font-size:1.3rem;}

.basic_btn.tm20{width:160px;}

 }




@media all and (min-width:1000px){
.m_nav{display:none}
}

  @media all and (max-width:1000px){

.company{flex-direction:column; margin-top:20px;}
.company_left{width:100%; order:2; margin-top:1em;}
.company_right{width:100%; order:1; text-align:center;}
.company_left span{margin-top:4.5%;}


.pop-layer{width:38% !important}

 nav{justify-content:flex-start !important}
 nav .container{display:none !important;}

.cd-nav-trigger{right:1% !important;}






#section1{padding:4em 0;}
#section3 .section3_inner{padding:4em 0;}
#section4 .section4_inner{padding:4em 0;}
#section5 .section5_inner{padding:4em 0; }




.main_con_wrap #section1 .section1_inner p:nth-child(3){font-size:1rem; -webkit-line-clamp:6;}


#section3 .section3_wrap{flex-wrap:wrap;}
#section3 .section3_inner .img_box{width:100%; height:30vh;}
#section3 .section3_inner .img_box:hover:after{right:0; bottom:0; left:0;}
#section3 .section3_inner .img_box:after{right:0; bottom:0; left:0;}

#section3 .section3_inner .left_box{width:100%; padding:0; margin-top:1em;}
#section3 .section3_inner .left_box h3{font-size:2.8rem;}
#section3 .section3_inner .left_box .info_t{font-size:1.2rem; margin:3% 0 3% 0;}




#section5 .section5_inner .section_in{flex-wrap:wrap;}
#section5 .section5_inner .section_in .map_img{width:100%;}
#section5 .section5_inner .section_in .map_txt{width:100%; margin-top:1em; text-align:center;}








.section1_inner{gap:1em;}
.main_con_wrap #section1 .section1_inner .values_wrap{flex-grow:1; flex-basis:292px; height:320px;}


.company_left{margin-right:0;}


.sub_section{padding:2em 0 4em 0;}

.main_con_wrap #section1 .section1_inner p:nth-child(2){font-size:1.2rem;}



.m_none1{display:none;}
.sub_vi{height:32%;}
.sub_vi .sub_vi_p{height:273px;}
.sub_vi_text{top:63%; transform:translate(-50%,-63%)}
.sub_vi_text p span{font-size:3rem;}
.sub_guide{margin-top:50px; font-size:2rem;}


.company_h2{font-size:2rem; line-height:40px;}


 }

@media all and (max-width:980px){
.main_con_wrap #section1 .section1_inner p:nth-child(2){font-size:1.5rem;}

}



@media all and (max-width:900px){

.sian_tab li{width:23.9%;}
}

@media all and (max-width:800px){
.t1{font-size:2.5rem;}
}


@media all and (max-width:650px){
#section4 .section4_inner .news_list div .name_news{font-size:1.2rem;}
#section4 .section4_inner .news_list div span{margin-right:0; font-size:1.1rem;}
#section4 .section4_inner .news_list div .xi{margin-left:1em;}



}


@media all and (max-width:600px){

.sub_vi_text p span{font-size:2rem;}




.pop-layer{width:53% !important}
table.list th:nth-child(3){display:none}
table.list td:nth-child(3){display:none}




.charter_in1 h2{font-size:1.5rem;}
.charter_in1 p{font-size:1rem; font-weight:500; line-height:1.5;}







#section3 .section3_inner .left_box h3{font-size:1.8rem;}
#section3 .section3_inner .left_box .info_t{font-size:1rem;}



.sub_vi_text{top:65%; transform:translate(-50%,-65%)}


.sub_guide{font-size:1.7rem;}
}













@media all and (max-width:550px){

.footer_div02 ul li div{font-size:0.8rem;}

}



@media all and (max-width:500px){
.footer_div02 .in span{display:block;}
.list_tab ul li a{font-size:0.8rem;}


.t1{font-size:2em;}



#section4 .section4_inner .news_list div{flex-direction:column; align-items:flex-start; padding:20px 0 20px 0;}
#section4 .section4_inner .news_list div .name_news{width:calc(100% - 51px)}
#section4 .section4_inner .news_list div .xi{display:none;}



#section5 .section5_inner .section_in .map_img iframe{height:200px;}
.map_txt h2{font-size:1.2rem;}

}

@media all and (max-width:400px){
.footer_div02 .in br{display:none;}
}



.btn1 {
  padding: 10px 40px;
  font-size: 1.2em;
  letter-spacing: 0;
  border-radius:10px;
  cursor: pointer;
  transition: all 0.5s;
  background: transparent;
  position: relative;
  border:1px solid #185192;
  margin-top:40px;
  color:#185192;
  box-sizing:border-box;
  font-weight:500
}
.btn1:focus {
  outline: none;
}

.btn--3 {
  transition: all 0.5s;
}
.btn--3:hover {
  transform: translateY(-5px);
  background: #185192;
  transition: 1s;
  box-shadow: 10px 10px 67px 15px #1779ff;
  color: #fff;
}
@media all and (max-width:1000px){
.btn1 {  font-size: 1em;margin-top:20px;margin-bottom:10px;}
}