@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

/* 공통 */
.common_page .top_eng{font-size:15px;text-align:center;font-weight:600;letter-spacing:1.5px;color:#888;font-family:'Montserrat', sans-serif}
.common_page .top_ko{margin-top:19px;font-size:30px;text-align:center;line-height:40px;color:#222;font-family:'notokr-light'}
.common_page .top_ko span{font-family:'notokr-bold'}
.common_page .top_ko span.co_b{color:#398b9d}

/* Product 공통 */
.product_common{text-align:center}
.product_common .pro_menu li{display:inline-block;width:243px;height:243px;margin-right:111px;padding:14px;border-radius:100%;box-shadow:3px 5px 20px -2px rgb(0 0 0 / 15%);-webkit-transition:all .3s;transition:all .3s;background:#fff}
.product_common .pro_menu li:hover{background:#398b9d}
.product_common .pro_menu li:last-child{margin-right:0}
.product_common .pro_menu li a{display:block;width:100%;height:100%;padding-top:105px;border:1px solid rgba(57,139,157,.3);border-radius:100%;font-size:17px;line-height:27px;color:#444;text-align:center;background-repeat:no-repeat;background-position:center 60px;-webkit-transition:all .3s;transition:all .3s;font-family:'notokr-bold'}
.product_common .pro_menu li:hover a{border:1px solid rgba(255,255,255,.3);color:#fff}
.product_common .txt_box{padding:74px 0}
.product_common .eng_txt{font-size:15px;text-align:center;font-weight:600;letter-spacing:1.5px;color:#888;font-family:'Montserrat', sans-serif}
.product_common .ko_txt{margin-top:19px;font-size:30px;text-align:center;line-height:40px;color:#222;font-family:'notokr-light'}
.product_common .ko_txt span{font-family:'notokr-bold'}
.product_common .ko_txt span.co_b{color:#398b9d}

/* 대표자 인사말 */
#p34 .eng_tit{padding-left:50px;font-size:15px;font-weight:600;letter-spacing:1.5px;color:#888;font-family:'Montserrat', sans-serif}
#p34 .cont_box_t{overflow:hidden;margin:36px 50px 0;}
#p34 .cont_box_t .img_box{float:left}
#p34 .cont_box_t .txt_box{float:left;padding:38px 0 0 55px;font-size:15px;letter-spacing:-0.6px;line-height:27px;color:#666;font-family:'notokr-regular'}
#p34 .cont_box_t .txt_box .b_txt{margin-bottom:36px;font-size:25px;color:#222;font-family:'notokr-light'}
#p34 .cont_box_t .txt_box .b_txt span{color:#398b9d;font-family:'notokr-bold'}
#p34 .cont_box_t .txt_box .s_txt span{text-decoration:underline;color:#444;font-family:'notokr-medium'}
#p34 .cont_box_t .txt_box .s_txt img{margin:0 5px}
#p34 .cont_box_b{position:relative;margin-top:58px;padding:0 50px 60px;background:#398b9d}
#p34 .cont_box_b:before{position:absolute;left:0;top:-204px;content:'';z-index:-1;width:317px;height:204px;background:#398b9d}
#p34 .cont_box_b dl{overflow:hidden;padding:53px 0}
#p34 .cont_box_b dl dt{float:left;font-size:25px;color:#fff;font-family:'notokr-bold'}
#p34 .cont_box_b dl dd{float:left;padding-left:20px;font-size:18px;line-height:30px;color:#fff;font-family:'notokr-regular'}
#p34 .cont_box_b dl dd span{font-family:'notokr-bold'}
#p34 .cont_box_b ul{overflow:hidden;background:#fff}
#p34 .cont_box_b ul li{position:relative;float:left;width:33.3%;height:305px;padding:85px 40px 0}
#p34 .cont_box_b ul li:before{position:absolute;right:40px;top:45px;content:'';width:60px;height:60px;border-radius:100px}
#p34 .cont_box_b ul li:nth-child(1):before{background:url('/sh_page/img/p34_icon01.png') no-repeat center #f7f7f7}
#p34 .cont_box_b ul li:nth-child(2):before{background:url('/sh_page/img/p34_icon02.png') no-repeat center #f7f7f7}
#p34 .cont_box_b ul li:nth-child(3):before{background:url('/sh_page/img/p34_icon03.png') no-repeat center #f7f7f7}
#p34 .cont_box_b ul li .num_txt{font-size:18px;color:#398b9d;font-family:'notokr-bold'}
#p34 .cont_box_b ul li .cont_txt{margin-top:20px;font-size:15px;line-height:27px;letter-spacing:-0.5px;color:#666;font-family:'notokr-regular'}
#p34 .cont_box_b ul li .cont_txt span{font-family:'notokr-bold'}

/* 회사 연혁 */
#p35 .tabs_area .tabs{margin:62px 0 74px 0;text-align:center}
#p35 .tabs_area .tabs li{display:inline-block;width:181px;height:66px;border-radius:50px;margin-left:20px;font-size:17px;text-align:center;font-weight:600;line-height:66px;color:#aaa;background:#f7f7f7;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;font-family:'Montserrat', sans-serif}
#p35 .tabs_area .tabs li.first{margin-left:0}
#p35 .tabs_area .tabs li.on{background:#398b9d;color:#fff}
#p35 .tbl_wrap{padding:0 60px}
#p35 .tbl_wrap .year_box{overflow:hidden;margin-top:39px}
#p35 .tbl_wrap .year_box:nth-chlid(1){margin-top:0}
#p35 .tbl_wrap .year_box .year_num{float:left;width:129px;font-size:30px;font-weight:700;color:#aaa;font-family:'Montserrat', sans-serif}
#p35 .tbl_wrap .year_box .f_year{color:#398b9d}
#p35 .tbl_wrap .year_box ul{float:left;width:812px;padding-bottom:39px;border-bottom:1px dashed #e1e1e1}
#p35 .tbl_wrap .year_box:last-child ul{padding-bottom:0;border-bottom:none}
#p35 .tbl_wrap .year_box ul li{position:relative;padding-left:19px;font-size:15px;line-height:27px;color:#666;font-family:'notokr-regular'}
#p35 .tbl_wrap .year_box ul li:before{position:absolute;left:0;top:11px;content:'';width:4px;height:4px;border-radius:100px;background:#398b9d}
#p35 .tbl_wrap .no_txt{font-size:15px;text-align:center;color:#666;font-family:'notokr-medium'}

/* 각종 인증서 */
#p37 .top_ko{margin-bottom:60px}
#p37 .deco_bar{display:block;margin:0 auto}
#p37 .certificate_list{overflow:hidden;padding:70px 60px}
#p37 .certificate_list li{float:left;width:222px;margin:0 20px 57px 0;text-align:center;font-size:15px;color:#333;font-family:'notokr-medium'}
#p37 .certificate_list li img{margin-bottom:15px;border:1px solid #e1e1e1}
#p37 .certificate_list li:nth-child(4n){margin-right:0}
#p37 .certificate_list li:nth-child(9),
#p37 .certificate_list li:nth-child(10),
#p37 .certificate_list li:nth-child(11){margin-bottom:0}

/* 섬유가공제 */
#p50{background:url('/sh_page/img/p50_bg.png') no-repeat center}
#p50 .menu_top li:nth-child(1) a{background-image:url('/sh_page/img/p50_icon01_off.png')}
#p50 .menu_top li:nth-child(2) a{background-image:url('/sh_page/img/p50_icon02_off.png')}
#p50 .menu_top li:nth-child(3) a{background-image:url('/sh_page/img/p50_icon03_off.png')}
#p50 .menu_bottom li:nth-child(1) a{background-image:url('/sh_page/img/p50_icon04_off.png')}
#p50 .menu_bottom li:nth-child(2) a{background-image:url('/sh_page/img/p50_icon05_off.png')}
#p50 .menu_top li:nth-child(1):hover a{background-image:url('/sh_page/img/p50_icon01_on.png')}
#p50 .menu_top li:nth-child(2):hover a{background-image:url('/sh_page/img/p50_icon02_on.png')}
#p50 .menu_top li:nth-child(3):hover a{background-image:url('/sh_page/img/p50_icon03_on.png')}
#p50 .menu_bottom li:nth-child(1):hover a{background-image:url('/sh_page/img/p50_icon04_on.png')}
#p50 .menu_bottom li:nth-child(2):hover a{background-image:url('/sh_page/img/p50_icon05_on.png')}