.sub_vi {width:100%; display:inline-block; text-align:center; box-sizing:border-box; height:92%; position:relative;}
.sub_vi_text{line-height:2.5em; font-weight:600; color:#fff; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); letter-spacing:-1px; width:100%; padding:0 5%; box-sizing:border-box; text-shadow:2px 2px 3px rgba(0,0,0,.4)}
.sub_vi_text p{font-size:1.3rem; font-weight:700; line-height:1.2; letter-spacing:-1.1px;}
.sub_vi_text p span{font-size:5rem; font-weight:700;}


.content{}
/*.content .content_inner{background:#fff; max-width:1600px; margin:0 auto; padding-bottom:8em}*/
.top_view{max-width:1440px; margin:0 auto; padding-top:4em}
.top_view ul{display:flex; flex-wrap:wrap; text-transform:uppercase; font-size:1rem; font-weight:500; color:#555; margin-bottom:4em;}
.top_view ul li{}
.top_view ul .on a{color:#E52533;}
.top_view ul li a{}
.top_view ul li:nth-child(2){margin-left:1em;}
.top_view ul li:nth-child(3){position: relative; margin-left:1em; padding-left:0.5em;}
.top_view ul li:nth-child(3):before{content:''; position: absolute; top:50%; left:-0.25rem; left:-0.25rem; width:3px; height:3px; background:#000; border-radius:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%);}

.cont_section{max-width:1440px; margin:0 auto; margin-bottom:8em;}
.cont_section1{max-width:1440px; margin:0 auto; margin-bottom:5em;}
.cont_wrap_inner1{flex-direction:row-reverse;}

.h1_title{font-size:2.5rem; font-weight:700; text-align:left; display:flex; padding-bottom:4vw; align-items:center;}
.h1_title span{margin-right:0.5em; height:50px;}
.h1_title span img{height:50px;}
.h1_title3{font-size:2.5rem; font-weight:700; text-align:center; margin-bottom:1em;}



.another_logo{width:100%; display:flex; flex-wrap:wrap;}
.another_logo li{width:15%; margin-right:1.4%; border:1px solid #ddd; text-align:center; padding:0.5em; margin-bottom:1em; box-sizing:border-box;}
.another_logo li img{width:100%}




/***ceo 인사말***/
.h1_width{max-width:1440px; margin:0 auto;}

.ceo_wrap{display:flex; padding-top:2em; border-top:1px solid #ddd; position: relative;}
.ceo_wrap:after{content:''; display:block; clear:both; content:''; display:block; width:30px; height:5px; background:#202373; position: absolute; top:5%; left:0;}
.ceo_wrap:before{content:''; display:block; width:5px; height:30px; background:#202373; position: absolute; top:5%; left:0;}
.ceo_wrap div:first-child{margin-right:2em; margin-left:1em;}
.ceo_wrap p{margin-bottom:2rem;}
.ceo_wrap > .box_30 > p:after{}
.ceo_wrap > .box_30 > p:before{}
.ceo_wrap .box_30 p:last-child{text-align:center;}
.ceo_wrap .box_30 p:last-child img{width:14em;}
.lp50.tp10{width:69%; box-sizing:border-box; border-left:1px solid #ddd; position: relative;}
.lp50.tp10 p:last-child{text-align:right; margin-right:0.7em;}

.lp50.tp10:after{content:''; display:block; clear:both; content:''; display:block; width:30px; height:5px; background:#202373; position: absolute; bottom:5%; right:0;}
.lp50.tp10:before{content:''; display:block; width:5px; height:30px; background:#202373; position: absolute; bottom:5%; right:0;}

/*회사소개 - 회사개요*/

.cont_section{text-align:center;}
.cont_section > .cont_section_wrap .h1_title1{font-size:2.5rem; font-weight:700; letter-spacing:-2.4px; line-height:1.5; padding-bottom:2vw; text-align:left;}
.cont_section > .cont_section_wrap .cont_wrap_inner .cont_top_img p:first-child img{width:30em; margin-right:1em;}
.cont_section > .cont_section_wrap .cont_wrap_inner .cont_bottom_txt{margin:2em 0}
.cont_section > .cont_section_wrap .cont_wrap_inner .cont_bottom_txt ul{justify-content:center;}
.cont_section > .cont_section_wrap .cont_wrap_inner .cont_bottom_txt ul li{width:33.3333%; padding:1em}
.cont_section > .cont_section_wrap .cont_wrap_inner .cont_bottom_txt ul li:nth-child(1){border:1px solid #ddd;}
.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){color:#2C3184; font-size:2rem; font-weight:700;}
.cont_section > .cont_section_wrap .cont_wrap_inner .cont_bottom_txt ul li p:nth-child(1){font-weight:500; font-size:1.5rem; margin-bottom:0.5em}
.cont_section > .cont_section_wrap .cont_wrap_inner .cont_bottom_txt ul li p:nth-child(2){font-weight:700; font-size:1.5rem;}






.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_r1 ul{display:flex; flex-direction:column}
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_r1 ul li{width:100%; height:192px; color:#fff; padding:2.5em 2em; box-sizing:border-box; line-height:1.5; font-size:1.5rem; font-weight:500; text-align:left;}
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_r1 ul li:nth-child(2),
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_r1 ul li:nth-child(3){padding:3.2em 2em;}
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_r1 ul li:nth-child(1){background:#2C3184;}
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_r1 ul li:nth-child(2){background:#E52533; margin:0.5em 0}
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_r1 ul li:nth-child(3){background:#333;}
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_l1{width:56%; margin-right:1em;}
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_r1{width:44%; margin-left:1em;}
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_l1{width:56%; margin-left:1em;}
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_r1{width:44%; margin-left:0;}
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_r1 ul li{text-align:left; height:600px;}
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_r1 ul li p{font-size:1.2rem; margin-bottom:1.35em; display:flex;}
.cont_section1 > .cont_section_wrap .cont_wrap_inner .cont_wrap_r1 ul li p span{margin-right:0.5em}




.mb_8{margin-bottom:8em;}
.cont_section2 > .cont_section_wrap{max-width:1440px; margin:0 auto; padding:2.7em 0}
.cont_section2 > .cont_section_wrap .cont_wrap_inner{}
.cont_section2 > .cont_section_wrap .cont_wrap_inner ul{display:flex;}
.cont_section2 > .cont_section_wrap .cont_wrap_inner ul li{width:33.333%; height:200px; padding:0.5em; line-height:1.2; color:#fff; font-size:1.4rem; font-weight:500; text-align:center; display:flex; justify-content:center; align-items:center;}
.cont_section2 > .cont_section_wrap .cont_wrap_inner ul li:nth-child(1){background:#2C3184}
.cont_section2 > .cont_section_wrap .cont_wrap_inner ul li:nth-child(2){background:#E52533; margin:0 0.5em}
.cont_section2 > .cont_section_wrap .cont_wrap_inner ul li:nth-child(3){background:#333;}
.cont_section2 > .cont_section_wrap .h1_title span{margin-right:0.5em;}








.cont_section3{ margin-bottom:8em;}
.cont_section3 > .cont_section_wrap{max-width:1440px; margin:0 auto; padding:2.7em 0}
.cont_section3 > .cont_section_wrap .cont_wrap_inner{}
.cont_section3 > .cont_section_wrap .cont_wrap_inner ul{}
.cont_section3 > .cont_section_wrap .cont_wrap_inner ul li{line-height:1.5; color:#fff; font-size:1.4rem; font-weight:500; text-align:left; padding:2em}
.cont_section3 > .cont_section_wrap .cont_wrap_inner ul li p{margin-bottom:1em;}
.cont_section3 > .cont_section_wrap .cont_wrap_inner ul li p:last-child{margin-bottom:0;}
.cont_section3 > .cont_section_wrap .cont_wrap_inner ul li:nth-child(1){background:#2C3184}
.cont_section3 > .cont_section_wrap .cont_wrap_inner ul li:nth-child(2){background:#E52533; margin:0 0.5em}
.cont_section3 > .cont_section_wrap .cont_wrap_inner ul li:nth-child(3){background:#333;}
.cont_section3 > .cont_section_wrap .h1_title span{margin-right:0.5em;}





/*회사소개 - CEO인사말*/
/*.section_company01{margin-bottom:5em}*/
/*.section_company01 > .cont_section_wrap{background:url('/common/img/sub/company03.jpg') no-repeat center; height:100%; width:100%; padding:5em 0}*/
/*.section_company01 > .cont_section_wrap > .cont_section_wrap_inner{background:rgba(44, 43, 111, 0.5); width:70%; margin:0 auto; padding:5em; box-sizing:border-box;}*/
/*.ceo_txt{text-align:center;}*/
/*.ceo_txt h2{font-size:1.8rem; color:#fff; font-weight:600; margin-bottom:1.5em; line-height:1.5}*/
/*.ceo_txt p{color:#fff; font-weight:1rem; line-height:1.6; letter-spacing:-0.03em; padding:10px 0;}*/
/*.ceo_name{font-weight:500; text-align:right}*/
/*.ceo_name span{font-size:1.5rem; margin-left:1em; font-weight:700;}*/



/*회사소개 - 회사환경*/
.unit{width:100%;overflow:hidden;margin-top:7%}
.unit li{width:30%;float:left;margin-right:5%;margin-bottom:5%;}
.unit li:nth-child(3n){margin-right:0%;}
.unit li img{width:100%;}
.unit li p{width:100%;text-align:center;padding-top:3%;font-size:1.2em}



/*회사소개 - 경영이념*/
/*@font-face {*/
/*    font-family: 'twaysky';*/
/*    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_tway@1.0/twaysky.woff') format('woff');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/






/**회사소개 - 회사연혁 */
.sub_content_flex{display:flex; justify-content:space-between}
.history_box_left{margin-right:1em}
.history_box_right{width:60%; border-top:1px solid #333; border-bottom:1px solid #333;}
.table_history{width:100%;}
.table_history td{border-bottom:1px dashed #d4d4d4; padding:15px 10px; font-size:0.95em; line-height:2.2em; color:#777; vertical-align:middle;}
.table_history th{width:25%; border-bottom:1px dashed #d4d4d4; padding:15px 10px; vertical-align:middle; color:#c00; font-weight:600; font-size:2.05em;}
.table_history td strong{color:#333; font-size:1.2em;}
.table_history td.date{width:15%; vertical-align:middle;}
.history_box_left p:last-child img{width:34em; margin-top:1em;}
.table_history tr:last-child td{border-bottom:none}
.table_history tr:last-child th{border-bottom:none}





/*회사소개 - 조직도*/
.organization {}
.organization{position:relative; width:100%; margin:0 auto;}
.organization:after{content:''; display:block; clear:both;}
.organization p.line {position:absolute; }


.organization div.box1 {width:230px; line-height:60px; position:relative; text-align:center; color:#fff; font-size:19px; font-weight:600;  display:inline-block; background-color:#d40427; border-radius:3px;}
.organization ul.type1 {text-align:center; width:100%; position:relative; display:flex;}
.organization ul.type1 li {width:33.3333%; display:inline-block;}
.organization ul.type1 li p {width:230px; line-height:60px; text-align:center; color:#fff; font-size:1.3rem; font-weight:600; display:inline-block; background-color:#202373; border-radius:3px;}
.organization ul.type1 li ul {width:230px; display:flex; flex-direction:column; margin:50px auto 0 auto;}
.organization ul.type1 li ul li p {background-color:#f4f3ed; line-height:30px; padding:0.9em 0; color:#333; height:123px; justify-content:center; align-items:center; display:flex; font-size:1.1rem;}

.b_600{font-weight:600 !important;}
.th_center{vertical-align:middle !important;}
sup{vertical-align:super !important; font-size:smaller !important;}


.h1_title_sub{font-size:1.5rem; font-weight:700; margin-bottom:1em; color:#323232;}

/*회사소개 - 찾아오시는길*/
.map_text_wrap{}
.map_text_wrap h2{font-size:1.2rem; margin:20px 0; font-weight:500;}
.map_text_wrap .map_text1{border:1px solid #ddd; border-radius:5px; padding:15px; box-sizing:border-box;}
.map_text_wrap .map_text1 .xi{}
.map_text_wrap .map_text1 p{font-size:1rem; color:#444; margin-right:2em; line-height:1.5; display:inline-block;}
.map_text_wrap .map_text1 p span{margin:0 0.5em; font-weight:500;}
.map_text_wrap .map_text1 p span:nth-child(2){font-weight:600;}




/*윤리경영 - 윤리경영*/
.section_management{margin-bottom:5em; background:url('/common/img/sub/sub_img6.jpg') no-repeat center; width:100%; color:#fff; padding:5em 0; box-sizing:border-box; background-size:cover;}
.sub_section{max-width:1440px; margin:0 auto; }


.border_top_text p{font-size:1.125em; padding:0.5em 0; line-height:1.5; text-align:center}
.border_box_wrap{text-align:center; margin-top:3em;}
.border_box_wrap ul{display:flex; justify-content:space-between}
.border_box_wrap ul li{border:1px solid #fff; width:32%; border-radius:10px; padding:2em 1em; box-sizing:border-box;}
.border_box_wrap ul li p:nth-child(2){font-size:1.6rem; font-weight:600; margin:0.5em 0;}
.border_box_wrap ul li p:first-child{display:inline-block; background:#ddd; border-radius:50%; width:100px; height:100px; padding:1em; box-sizing:border-box; margin:0.5em 0;}
.border_box_wrap ul li span{color:rgba(255,255,255,0.8);font-size:1.1rem; font-weight:700;}
.border_box_wrap ul li p img{width:4em; }



.section_management.section_company04{margin-bottom:5em; background:url('/common/img/sub/c04_bg1.png') no-repeat center; width:100%; color:#fff; padding:8em 0; box-sizing:border-box; background-size:cover;}

.section_company04 > .sub_section > .border_top_text p{font-size:2.5rem; padding:0; line-height:1.5; text-align:center;}
.section_company04 > .sub_section > .border_box_wrap ul{display:inherit;}
.section_company04 > .sub_section .border_box_wrap ul:after{content:''; display:block; clear:both;}
.section_company04 > .sub_section .border_box_wrap ul li{float:left; width:32%; margin-right:2%; margin-bottom:2%; }
.section_company04 > .sub_section .border_box_wrap ul li:nth-child(3n){margin-right:0;}
.section_company04 > .sub_section .point{font-size: 2.7rem;color:#83a4f6;font-weight:700}




/*윤리경영 - 윤리헌장, 우리의 다짐*/
.section_management1{margin-bottom:5em; background:url('/common/img/sub/sub_img7.jpg') no-repeat center; width:100%; color:#fff; padding:5em 0; box-sizing:border-box; background-size:cover;}

.section_management2{margin-bottom:5em; background:url('/common/img/sub/sub_img8.jpg') no-repeat center; width:100%; color:#fff; padding:5em 0; box-sizing:border-box; background-size:cover;}


.charter_in{display:inline-block; border:14px solid #ddd; background:rgba(255,255,255,0.6); color:#222; width:100%; box-sizing:border-box;}
.charter_in1{border:2px solid #ddd; margin:0.5em; padding:5em 7em; position:relative;}
.charter_in1 h2{font-size:2rem; font-weight:700; margin-bottom:2em;}
.charter_in1 p{margin-bottom:1em; font-weight:600; font-size:1.1rem;}

.hunjang{position: absolute; top:0; right:0;}
.hunjang img{width:12em;}
.charter_in1 .bottom_txt{text-align:right; font-size:1.2rem;}

/***윤리강령****/
.section_management3{margin-bottom:5em;}
.flex{display:flex;}
.flex_wrap{flex-wrap:wrap;}
.layout_wrap > div{border:1px solid #ddd;}
.layout_wrap > div:nth-child(even){flex-direction:row-reverse; text-align:right;}
.layout_img{width:50%; min-height:28em;}
.layout_txt{padding:5em; box-sizing:border-box; width:50%;}
.layout_txt h2{font-size:1.5rem; color:#2c3184; font-weight:600; margin-bottom:1.5em; text-align:left;}
.layout_txt ul li{font-size:1rem; color:#333; line-height:1.6; position: relative; padding-left:1em; text-align:left;}
.layout_txt ul li:before{position: absolute; left:0; content:''; top:0.625em; width:4px; height:4px; background:#2c3184; border-radius:100%;}

.layout_img_in{background-repeat:no-repeat !important; background-position:50% 50% !important; background-size:cover !important; height:100%;}


/*인증현황 Certificate*/
.certificate_box{width:18.55%; float:left; margin-right:1.8%; margin-bottom:2%;}
.certificate_box:nth-child(5n+6){margin-right:0;}
.certificate_box p img{max-width:100%; min-width:100%; height:100%; box-sizing:border-box; transform:scale(1.0); transition: transform .5s; cursor:pointer;}
.certificate_box p:first-child{overflow:hidden; border:1px solid #ddd; border-bottom:none;}
.certificate_box p:last-child{border:1px solid #ddd; width:100%; padding:20px; box-sizing:border-box; text-align:center; color:#333; background:#f7f7f7; font-weight:500; display:flex; justify-content:center; align-items:center; height:67px; line-height:1.2;}
.certificate_box p img:hover{transform:scale(1.2); transition: transform .5s;}

.pop-layer{width:25% !important; transform:translate(-50%,-50%); top:50%; left:50%;}
.pop-layer .btn-r a:link{color:#fff !important;}
.pop-layer .pop-container{padding:0 !important}
.pop-layer .btn-r{border-top:0 !important; margin:0 !important}
a.cbtn{padding:0.5em 2em !important; font-size:1rem !important; font-weight:500;}





/* 주요실적 */
.performance_box_right{border-top:2px solid #2c3184; border-bottom:1px solid #ddd;}
.table_performance{width:100%;}
.table_performance thead > tr > th{background:#f4f5f9; padding:15px 10px; font-weight:600}
.table_performance td{padding:15px 10px; font-size:0.95em; line-height:2.2em; color:#777; vertical-align:middle;}
.table_performance .moth_td{text-align:center;}
.table_performance tbody > tr > th{padding:15px 10px; vertical-align:middle; color:#2c3184; font-weight:600; font-size:2.05em;  text-align:center;}
.table_performance td strong{color:#333; font-size:1.2em;}
.table_performance td.date{width:15%; vertical-align:middle;}
.performance_box_left p:last-child img{width:34em; margin-top:1em;}

/*.td_span1{display:none;}*/





/****제품소개****/

.list_tab{margin-bottom:2vw; padding:1em 0;}
.list_tab ul{display:flex; flex-wrap:wrap; justify-content:center;}
.list_tab ul li{width:20%; text-align:center; margin:0.5em 0; }
.list_tab ul li.on{}
.list_tab ul li.on a{border:1px solid #2c3184; color:#2c3184; box-shadow:0 0 1em 0.125em rgb(0 0 0 / 10%)}
.list_tab ul li a{border:1px solid #ddd; padding:1em; margin:0 0.5em; display:block; font-weight:500}


.product_wrap{display:flex}
.product_left{border:1px solid #ddd; padding:1em 0; height:25vw; box-sizing:border-box; display:flex; justify-content:center; align-items:center;}
.product_left img{max-height:100%; max-width:100%;}
.product_img_wrap{text-align:center; width:50%;}


.gallerys{display:flex; justify-content:space-between; position:relative;}
.gallerys > p{display:block; height:0; padding-bottom:40%; box-sizing:border-box; position:relative; width:33.333%; margin:1em 0;}
.gallerys > p:nth-child(2){margin-left:1em; margin-right:1em}
.gallerys > p > a{position:absolute; top:0; left:0; right:0; bottom:0; box-sizing:border-box; background-repeat:no-repeat !important; background-position:50% 50% !important; background-size:cover !important; border:1px solid #ddd;}


.product_right{margin-left:1em; width:50%}
.product_txt{padding:2em;}
.product_txt h2{font-weight:500; font-size:2rem; color:#000; margin-bottom:2em; padding-bottom:2em; text-align:left; border-bottom:1px solid #ddd;}
.product_txt span{color:#333; font-weight:500; font-size:1.5rem; display:block; margin-bottom:1em;}
.product_txt p{color:#777; margin-bottom:20px; font-size:1.1rem; line-height:1.4}
.product_txt .span_last{margin-top:2em}












/*고객센터 - 공지사항*/
.section{max-width:1440px; margin:0 auto; margin-bottom:5em;}
.section:after{content:''; display:block; clear:both;}
.write_button{display:block; text-align:right; margin-bottom:0.5em;}
.write_button .write_input{background:#333; color:#fff; border:none; display:inline-block; border-radius:3px; box-shadow:1px 1px 2px #ddd; line-height:33px; font-size:0.95em; font-weight:500; padding:0 30px; vertical-align:middle; cursor:pointer;}

/*고객센터 - 공지사항 - *뷰페이지*/
p.view_title{font-size:17px; font-weight:500; color:#222; width:100%; border-top:1px solid #333; padding-top:10px; box-sizing:border-box; margin-bottom:0.5em;}
p.view_info{font-size:14.5px; font-weight:400; color:#666; width:100%; border-bottom:1px solid #ddd; padding-bottom:10px; box-sizing:border-box;}
p.view_info .list_line{color:#999}
p.view_info a{color:#015bac !important}
p.view_info a:hover{text-decoration:underline}

div.view_content{width:100%; border-bottom:1px solid #ddd; padding:20px 0; }
div.view_content p{margin:0px; line-height:1.5; letter-spacing:0.5px;}
div.view_content p img{height:auto !important; max-width:100% !important}
div.reple{width:100%; float:left; border-bottom:1px solid #ddd; padding:15px 10px; font-size:15.5px; color:#666;  background-color:#f9f9f9; box-sizing:border-box;}
div.reple b{color:#333; font-weight:600; font-size:16px;}


.list_next{width:100%; padding-top:10px; padding-bottom:10px; box-sizing:border-box; border-bottom:1px solid #ddd;} 
.list_next p{width:100%; font-size:16px; line-height:1.3em; color:#999; height:22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.list_next p:last-child{text-align:left; }
.list_next b{font-weight:600; color:#333; padding-right:10px;}