@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.greeting .img{margin-bottom:55px;}
.greeting .btm-con{display:flex;}
.greeting .btm-con .left{display:flex;flex-direction:column;justify-content:space-between;min-width:0;width:1%;flex:1 1 auto;padding-right:40px;}
.greeting .btm-con .left .tit{font-size:30px;line-height:1.4em;font-weight:700;color: #242424;}
.greeting .btm-con .tt-wrap .row{margin-bottom:30px;}
.greeting .btm-con .tt-wrap .row:last-child{margin-bottom:0;}
.greeting .btm-con .tt-wrap .row .tit{margin-bottom:15px;font-size:25px;font-weight:600;color: #242424;line-height:1.4em;}
.greeting .btm-con .tt-wrap .row .wrap p{margin-bottom:25px;line-height:1.875em;}
.greeting .btm-con .tt-wrap .row .wrap p:last-child{margin-bottom:0;}
.greeting .btm-con .tt-wrap .row .wrap p.btm-tt{margin-top:-10px;font-size:17px;font-weight:500;}

.loc .maps{margin-bottom:50px;}
.loc .maps .root_daum_roughmap {width:100% !important; height:450px !important;}
.loc .maps .root_daum_roughmap .wrap_map {height:450px !important;}
.loc .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.loc .maps .map_border{display:none;}
.loc .maps .roughmap_lebel_text:after {content:"(주)화인스텐"; font-size:12px; line-height:15px;}
.loc .info{display:flex;margin:0 -20px;}
.loc .info .left{width:50%;padding:0 20px;}
.loc .info .left .comp{font-weight:500;margin-bottom:5px;}
.loc .info .left .adr{margin-bottom:5px;font-size:20px;font-weight:500;color: #242424;line-height:1.4em;}
.loc .info .left .wrap span{margin-right:20px;}
.loc .info .left .wrap span:last-child{margin-right:0;}
.loc .info .right{width:50%;padding:0 20px;}
.loc .info .right dl{display:flex;margin-bottom:30px;line-height:1.4em;}
.loc .info .right dl:last-child{margin-bottom:0;}
.loc .info .right dl dt{position:relative;width:120px;padding-left:40px;font-weight:500;color: #242424;}
.loc .info .right dl dt:before{content:'';position: absolute;left:0;top:1px;width:19px;height:19px;background:url('../images/sub/ic-tel.png')no-repeat 0 50%/contain;}
.loc .info .right dl.type2 dt:before{background-image:url('../images/sub/ic-fax.png');}
.loc .info .right dl.type3 dt:before{background-image:url('../images/sub/ic-mail.png');}
.loc .info .right dl dd{min-width:0;width:1%;flex:1 1 auto;}

.pr1 .top-tt{margin-bottom:30px;}
.pr1 .top-tt .tit{margin-bottom:10px;}
.fz28{font-size:28px;line-height:1.4em;font-weight:600;color: #242424;}
.pr1 .top-tt .tt{font-size:20px;line-height:1.5em;font-weight:600;color: #242424;}

.pr1 .content{margin-bottom:80px;}
.doc-tit{font-size:24px;font-weight:600;color: #242424;margin-bottom:20px;line-height:1.2em;}
.pr1 .content .img{margin-bottom:30px;}
.rd16{border-radius:16px;overflow:hidden;}
.table-wrap .unit{margin-bottom:15px;text-align:right;font-weight:500;color: #242424;line-height:1.2em;}
.table01 table{width:100%;border-spacing:0;line-height:1.4em;border-top:1px solid #454545;}
.table01 table th{background-color: #f8f8f8;font-weight:600;color: #242424;}
.table01 table th,
.table01 table td{height:50px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;text-align:center;}
.table01 table th:last-child,
.table01 table td:last-child{border-right:0;}
.table01 table td.space-left,
.table01 table td.space-right{padding-left:30px;padding-right:30px;}

.pr2 .top-con{margin-bottom:80px;}
.pr2 .top-con .img{margin-bottom:45px;}
.pr2 .tt-wrap{margin-bottom:50px;}
.pr2 .tt-wrap .tit{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
.dt{font-size:18px;line-height:1.67em;color: #242424;}

.pr3 .row{display:flex;align-items:center;margin-bottom:60px;}
.pr3 .row:last-child{margin-bottom:0;}
.pr3 .row .img{margin-right:70px;}
.pr3 .row .cnt{min-width:0;width:1%;flex:1 1 auto;}
.pr3 .row .cnt .tt-wrap{margin-bottom:40px;}
.pr3 .row .cnt .tt-wrap .tit{margin-bottom:10px;}

.table01.type2 table th{height:40px;padding:5px;line-height:1.63em;}

.pr5 ul{display:flex;flex-wrap:wrap;margin:0 -15px -55px;}
.pr5 ul li{width:25%;padding:0 15px;margin-bottom:55px;text-align:center;}
.pr5 ul li .img{margin-bottom:15px;}
.pr5 ul li p{font-size:18px;font-weight:500;color: #242424;line-height:1.4em;}

.pr6 .imgs{margin-bottom:80px;}
.pr6 .imgs ul{display:flex;margin:0 -15px;}
.pr6 .imgs ul li{width:25%;padding:0 15px;}
.pr6 .con .tit{margin-bottom:25px;}
.pr6 .con .row{margin-bottom:40px;}
.pr6 .con .row:last-child{margin-bottom:0;}
.pr6 .con .row .box{display:flex;border-radius:16px;border:1px solid #ddd;overflow:hidden;}
.pr6 .con .row .box .img{display:flex;justify-content:center;align-items:center;text-align:center;width:730px;}
.pr6 .con .row .box .info{min-width:0;width:1%;flex:1 1 auto;min-height:298px;background-color: #f8f8f8;padding:35px 30px;}
.pr6 .con .row .box .info dl{display:flex;margin-bottom:10px;}
.pr6 .con .row .box .info dl:last-child{margin-bottom:0;}
.pr6 .con .row .box .info dl dt{position:relative;width:100px;padding-left:14px;font-size:18px;font-weight:500;color: #242424;}
.pr6 .con .row .box .info dl dt:before{content:'';width:4px;height:4px;background-color: #505050;position: absolute;left:0;top:10px;}
.pr6 .con .row .box .info dl dd{min-width:0;width:1%;flex:1 1 auto;padding-top:1px;font-size:17px;line-height:1.53em;}
.pr6 .con .row .box .info dl dd p{margin-bottom:5px;}
.pr6 .con .row .box .info dl dd p:last-child{margin-bottom:0;}

.news-list2 ul{display:flex;flex-wrap:wrap;margin:0 -15px -55px;}
.news-list2 ul li{width:33.3333%;padding:0 15px;margin-bottom:55px;}
.news-list2 ul li .pic{position:relative; padding-bottom:78.953%; margin-bottom:25px; overflow:hidden;}
.news-list2 ul li .pic img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.news-list2 ul li .pic:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.news-list2 ul li .tit{font-size:22px;font-weight:600;line-height:1.36em;color: #242424;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list2 ul li .date{margin-top:15px;color: #686868;}

.radio-wrap{display:flex;flex-wrap:wrap;margin:0 -10px -10px;}
.radio-wrap .radiobox{padding:0 10px;margin-bottom:10px;}

.btn-inq{display:flex;justify-content:center;align-items:center;width:130px;height:50px;background-color: #1b3c88;border:none;font-size:18px;font-weight:500;color: #fff;margin:0 auto;cursor:pointer;}