@charset "UTF-8";


/* Page Title */



.btn_wrap{text-align:center;}

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_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_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:1.8rem; font-weight:600; line-height:1.3em; color:#444;}
.t2 {font-size:23px; font-weight:600; line-height:1.35em; color:#333;}
.t3 {font-size:17px; font-weight:400; color:#666; line-height:1.5;}



.mt_1{margin-top:1em;}
.mt_2{margin-top:2em;}
.mt_3{margin-top:3em;}
.mt_4{margin-top:4em;}





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

/*.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%; display:inline-block;  margin-top:15px; padding:50px 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; }*/

footer{color:#888;}
footer:after{content:''; display:block; clear:both;}
footer a {color:#444 !important; font-weight:600; display:inline-block;  }
.footer_div01 {border-top:1px solid #ddd; width:100%; display:block; padding:20px 4em; font-family:'Noto Sans KR';}
.footer_div01 a { font-weight:500; font-size:0.9rem; padding-right:15px;}
.footer_div01 > a:hover{color:#2C3184}
.footer_div02 .in{overflow:hidden}
.footer_div02  {width:100%; display:block; float:left; padding:10px 0;  font-family:'Noto Sans KR'; position: relative;}
.footer_div02 ul li  {float:left; line-height:1.6;  font-size:0.9rem;  margin:25px 0;}
.footer_div02 ul li img  { margin-right:60px;}


.pc_none1{display:none;}


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


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




 .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%}






.m_top{display:none;}


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

.sub_vi_text p span{font-size:4rem;}
.sec_1{max-width:95%; margin:0 auto;}
.sec_3{max-width:95%;}
.sec_3 .p_list_wrap div{height:450px; background-size:inherit !important}

.sec_1 .reference{flex-direction:column;}
.sec_1 .reference li{width:100%; height:300px; background-size:cover !important;}
.sec_1 .reference li:nth-child(2){margin:0;}
.map_wrap{max-width:95%; margin:0 auto; border:1px solid #ddd;}
/*.map_wrap iframe{height:300px;}*/
.root_daum_roughmap{height:300px !important}



.top_view{max-width:95%;}
.cont_section{max-width:95%; margin:0 auto; margin-bottom:4em;}
.cont_section1{max-width:95%; margin-bottom:4em;}
.cont_section2{margin-bottom:4em;}
.cont_section3{margin-bottom:4em;}
.cont_top_img{display:block;}
.cont_top_img p:last-child{display:none;}

.cont_section .cont_section_wrap .cont_wrap_inner .cont_bottom_txt{}
.cont_section > .cont_section_wrap .cont_wrap_inner .cont_bottom_txt ul li:nth-child(1){width:34%; margin:0 auto;}
.cont_section .cont_section_wrap .cont_wrap_inner .cont_bottom_txt ul{flex-direction:column;}
.cont_section .cont_section_wrap .cont_wrap_inner .cont_bottom_txt ul li{width:100%; padding:1em 0;}
.cont_section .cont_section_wrap .cont_wrap_inner .cont_top_img p:first-child img{margin-right:0;}



.cont_section .cont_section_wrap .h1_title1{font-size:2rem;}
.h1_title{font-size:2rem; max-width:95%;}

.cont_section2 .cont_section_wrap{max-width:95%;}
.cont_section3 .cont_section_wrap{max-width:95%; padding:1.3em 0;}
.sub_section{max-width:95%;}





.section_company04 .sub_section{max-width:95%;}



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

.section{max-width:95%;}







.map_wrap{height:auto;}
.map_text{position: inherit; top:0; right:0; transform:none; height:auto; width:100%; padding:30px 20px;}
.map_text br{display:none;}
.map_text .bar{margin:1em 0;}
.map_text p{margin-top:0; display:flex;}
.sec_4 .xi{margin-left:1em;}
.map_text .xi-call{margin-left:0}


.header_logo{background-size:76% !important;}



.product_txt h2 > i{display:block; line-height:1.5;}


}


 @media all and (max-width:1400px){
 .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; }

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


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



 @media all and (max-width:1400px){
 .organization ul.type1 li p{width:181px !important;}
 .organization ul.type1 li ul{width:181px !important;}

}

 @media all and (max-width:1300px){
 .map_text_wrap .map_text1 p{display:block}

 }


 @media all and (max-width:1200px){
/* .admin_btn{top:5%; left:50%; right:0; transform:translate(-50%,-5%); justify-content:center}*/

.admin_btn{display:none;}
.pc_none1{display:block}

.cont_section3 > .cont_section_wrap .cont_wrap_inner ul li{font-size:1.2rem;}


.section_company04 .border_top_text p{font-size:2rem;}
.section_company04 .point{font-size:2rem;}

.footer_div02 ul li{float:none;}
.footer_div02 .in ul{text-align:center;}

.sub_content_flex{flex-direction:column;}
.history_box_left{margin:0 auto 2em auto;}
.history_box_right{width:100%;}

.section .certificate_box{width:32.1%; margin-right:0;}
.section .certificate_box:nth-child(3n){margin:0 1.8%;}




.charter_in1{padding:5em 2em;}


.list_tab ul li{width:30%;}

.product_txt h2{margin-bottom:1em; padding-bottom:1em; font-size:1.7rem;}
.product_txt span{font-size:1.3rem;}
.product_txt p{font-size:1rem;}


.section_company04 > .sub_section > .border_top_text p i{display:block;}
 }






  @media all and (max-width:1000px){
.cont_section2 .cont_section_wrap1 .cont_wrap_inner2 ul li{font-size:1.2rem;}
.cont_section3 .cont_section_wrap2 .cont_wrap_inner2 ul li{font-size:1.2rem;}
.another_logo li{width:25%;}
.sub_vi{height:50%;}

.cont_section2 > .cont_section_wrap .cont_wrap_inner ul li{font-size:1.2rem; width:100%; height:70px; box-sizing:border-box;}
.cont_section2 > .cont_section_wrap .cont_wrap_inner ul li:nth-child(2){margin:0;}
.cont_section2 > .cont_section_wrap .cont_wrap_inner ul{flex-direction:column;}



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






.product_wrap{flex-direction:column;}
.product_img_wrap{width:100%;}
.product_left{height:46vw;}
.product_right{width:100%; margin-left:0;}
.product_txt{padding:2em 0 0 0}


.organization .line{display:none}
.organization ul.type1{gap:1em; flex-wrap:wrap; text-align:center; justify-content:center;}
.organization ul.type1 li{width:auto !important;}
.organization ul.type1 li ul{margin:0 auto 0 auto !important;}


.ceo_wrap:before{display:none;}
.ceo_wrap:after{display:none;}
.ceo_wrap div:first-child{margin-right:0; margin-left:0;}
.lp50.tp10:after{display:none;}
.lp50.tp10:before{display:none}

.product_txt h2 > i{display:inline-block;}




.section_company04 > .sub_section .border_box_wrap ul li{width:49%;}
.section_company04 > .sub_section .border_box_wrap ul li:nth-child(2n){margin-right:0%;}
.section_company04 > .sub_section .border_box_wrap ul li:nth-child(3n){margin-right:0%;}
.section_company04 > .sub_section .border_box_wrap ul li:nth-child(3){margin-right:2%;}

 }


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

.ceo_wrap{flex-direction:column;}
.lp50.tp10{border-left:none; width:100%;}
.lp50{padding-left:0 !important}
.box_30{width:100%;}
.t1{font-size:1.5rem;}
.t2{font-size:19px;}
.unit li{width:47.4333%; margin-right:0;}
.unit li:nth-child(odd){margin-right:5%;}

.border_box_wrap ul li p{font-size:1.2rem;}

.list_tab ul li{width:50%;}


.border_top_text i{display:block;}

.hunjang img{width:18vw;}



.layout_img{min-height:14em;}


.border_box_wrap ul li p img{width:3em;}



}

   @media all and (max-width:800px){
.sub_vi_text p span{font-size:3rem;}
.sec_2 .bg_div span{font-size:1rem;}
.cont_section2 .cont_section_wrap1 .cont_wrap_inner2 ul{flex-direction:column;}
.cont_section2 .cont_section_wrap1 .cont_wrap_inner2 ul li{width:100%; height:100px; padding:0;}
.cont_section2 .cont_section_wrap1 .cont_wrap_inner2 ul li:nth-child(2){margin:0;}
.cont_section2 .cont_section_wrap1{padding:1.4em 0;}
.another_logo li{width:33.33333%;}
.section_company04 .border_box_wrap ul{flex-direction:column;}
.section_company04 .border_box_wrap ul li{box-sizing:border-box; width:100%;}

.section_company04 .border_box_wrap ul li span{display:block; padding-bottom:1em;}
.section_company04 .border_top_text:after{background:#222;}





.border_box_wrap ul{flex-direction:column;}
.border_box_wrap ul li{box-sizing:border-box; width:100%; padding: 1em 1em;  margin-bottom:1em;}
.border_top_text p{text-align:left; font-size:1rem;}
.border_top_text:after{background:#222;}



.section .certificate_box{width:49%; margin-bottom:2%;}
.section .certificate_box:nth-child(3n){margin:0;}
.section .certificate_box:nth-child(2n){margin-right:1.8%;}



.lp50.tp10 br{display:none;}


.charter_in1{padding:5em 1em;}


.charter_in1 .bottom_txt{text-align:center;}

.cont_section .cont_section_wrap .h1_title1{text-align:center;}
.cont_section .cont_section_wrap .h1_title1 .h1_span{display:block}

.cont_section > .cont_section_wrap .cont_wrap_inner .cont_bottom_txt ul li p:nth-child(1){font-size:1.3rem;}
.cont_section > .cont_section_wrap .cont_wrap_inner .cont_bottom_txt ul li:nth-child(2) p:nth-child(2), .cont_section > .cont_section_wrap .cont_wrap_inner .cont_bottom_txt ul li:nth-child(3) p:nth-child(2){font-size:1.5rem;}

}


 @media all and (max-width:650px){
 .section_company04 > .sub_section .border_box_wrap ul li{height:257px;}
}


 @media all and (max-width:600px){
.sub_vi{height:35%;}
.sub_vi_text{transform:translate(-50%, 0%);}
.sub_vi_text p span{font-size:1.2rem;}


.map_text p{display:block;}
.map_text p br{display:block;}
.sec_4 .xi{margin-left:0; vertical-align:middle;}
.map_text span{text-align:left;}
.map_text span > i{display:block;}





.cont_section .cont_section_wrap .cont_wrap_inner .cont_top_img p:first-child img{ width:92.5vw;}
.cont_section3 > .cont_section_wrap .cont_wrap_inner ul li{font-size:1rem;}


.history_box_left p img{width:100% !important; height:100%;}

.map_text_wrap .map_text1 p{text-align:left; font-size:0.9rem; margin-right:0; }
.map_text_wrap .map_text1 p span:nth-child(2){font-size:1rem;}
.map_text_wrap .map_text1 p span:last-child{display:block; margin:0; font-size:1rem;}
.map_text_wrap .map_text1 .xi{font-size:1rem;}




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



.performance_box_right{border-top:none; border-bottom:none;}


/*****테이블 반응형형식************/
.table01.response{ font-size:1em;}
.table01.response,
.table01.response thead,
.table01.response tbody,
.table01.response tr,
.table01.response th,
.table01.response td{box-sizing:border-box; height:auto !important; width:auto !important; border:none; border-bottom:1px dashed #f3f3f3}
.table01.response tr{ position:relative; padding:.5em; background:#f3f3f3; border:1px solid #777; margin-bottom:.5em;}
.table01.response td{background:#fff}






.board_table01.response3,
.board_table01.response3 thead,
.board_table01.response3 tbody,
.board_table01.response3 th,
.board_table01.response3 td,
.board_table01.response3 tr{ display:block; box-sizing:border-box; height:auto;}
.board_table01.response3{ font-size:1em !important;}


/*****테이블 반응형형식******/
.board_table.response2,
.board_table.response2 thead,
.board_table.response2 tbody,
.board_table.response2 th,
.board_table.response2 td,
.board_table.response2 tr{ display:block; box-sizing:border-box; height:auto;}
.board_table.response2{ font-size:1em !important;}
.board_table.response2{border-top:none;}
.board_table.response2 thead{ display:none;}
.board_table.response2 tr{ position:relative; padding:.5em .75em; border-left:1px solid #d4d5d8; border-right:1px solid #d4d5d8; min-height:4em; overflow:hidden;}
.board_table.response2 tr:first-child{ margin-top:0; border-top-width:4px;}
.board_table.response2 th,
.board_table.response2 td{ width:auto; border:none; text-align:left; padding:.2em 0; padding-left:0 !important;}
.board_table.response2 th[class^="w_"],
.board_table.response2 td[class^="w_"]{width:auto;}
.board_table.response2 td[data-th]{ display:inline-block; padding-right:.75em;}
.board_table.response2 td[data-th]:before{ content:attr(data-th); display:inline-block; margin-right:.5em; color:#0d2d4f; font-family:'notokrM'; font-size:.875em; letter-spacing:-1px;}
.board_table.response2 tr{ padding:.75em .75em; background:#f3f3f3; border-color:#777; text-align:right;}
.board_table.response2 td[data-th]{ display:flex; align-items:center; min-width:0; padding:.5em .75em !important; background:#fff; border-top:1px dashed #f3f3f3; text-align:left; overflow:hidden;}
.board_table.response2 .moth_td strong{display:none;}
.board_table.response2 .moth_td br{display:none}





.board_table.response2 tr:first-child{border-top:1px solid #777 !important; border-top-width:4px !important;}
.board_table.response2:tr:first-child{border-top:1px solid #d4d5d8; }
.table_performance tr:nth-child(add){border-bottom:none;}


.bol_t{border-top:1px solid #ddd}
.bol_b{border-bottom:1px solid #ddd}



.cont_section > .cont_section_wrap .cont_wrap_inner .cont_bottom_txt ul li:nth-child(1){width:48%;}



/*.td_span1{display:block; font-weight:600; color:#d30527; font-size:1.2rem;}*/

.section_company04 > .sub_section > .border_top_text p{font-size:2rem;}
.section_company04 > .sub_section .point{font-size:2rem;}

.table_wrap{flex-direction:column !important}

/*.map_wrap iframe{height:200px;}*/
}

@media all and (max-width:500px){
.sec_2 .bg_div span .span_i{display:block;}
.footer_div02 .in span{display:block;}
.footer_div02 .in br{display:none;}
.table_history th{width:0;}
.list_tab ul li a{font-size:0.8rem;}
.section_company04 > .sub_section > .border_top_text p{font-size:1.5rem;}
.section_company04 > .sub_section .point{font-size:1.5rem;}

.company01_span{display:block;}


}

@media all and (max-width:400px){
.cont_section2 .cont_section_wrap1 .cont_wrap_inner2 ul li{font-size:1rem;}
}