@charset "utf-8";


/********************
*********************
****** common *******
*********************
*********************/

#pc .pc_sub { display:block; }
#pc .mobile_sub { display:none; }
#mobile .pc_sub { display:none; }
#mobile .mobile_sub { display:block; padding:0 2%; }
#mobile .img {width:100%;}
#mobile .conTit { display:none; }
#pc br.pc { display:block; }
#pc br.mobile { display:none; }
#mobile br.pc { display:none; }
#mobile br.mobile { display:block; }

#mobile .mobile_sub h2, #mobile .mobile_sub h3 { color:#224ecc !important; }
#mobile .mobile_sub .strong, #mobile .mobile_sub .strong a { color:#363636 !important; }
#mobile .mobile_sub h2 { font-size:15px }
#mobile .mobile_sub p{margin:0 0 20px 0}
#mobile .mobile_sub .box{padding:10px;background:#ececec;border-radius:5px;margin-bottom:5px}

/* table */
.pc_sub .table { width:500px; border-top:3px solid #f37400; border-left:none; border-right:none; margin:20px 0; border-collapse:collapse; }
.pc_sub .table th,.table td { border:1px solid #e3e3e3; padding:15px 0 15px 15px;text-align:left}
.pc_sub .table caption {font-size:0;text-indent:-9999px;}

.pc_sub p{color:#979797 !important;line-height:1.8em}
.pc_sub p strong{color:#363636 !important}

.myTable { width:100%; border-top:3px solid #FF7916; border-left:none; border-right:none; margin:20px 0; border-collapse:collapse; }
.myTable th{background:#efefef;font-weight:normal}
.myTable th,.myTable td { border:1px solid #e3e3e3; padding:15px 10px}
.myTable caption {font-size:0;text-indent:-9999px;}
.myTable a:link{color:#2f2f2f}

#mobile .myTable th,#mobile .myTable td { border:1px solid #e3e3e3; padding:15px 3px; min-width:20px;word-break:break-all;}

/* 탭버튼 */
.myTab{margin-bottom:50px;}
#mobile .myTab{margin-bottom:30px;}
.myTab li{display:inline-block;float:left;text-align:center;}
.myTab li a{font-size:14px;display:block;overflow:hidden;padding: 5px 16px;margin:2px;border: 1px solid #DDD;border-radius:3px;background:#EEE;white-space:nowrap;text-overflow:ellipsis;text-decoration:none !important;text-align:center;color:#666;}

/* 서브공통 */
.subCon{font-size:16px;line-height:150%;word-break:keep-all;}
.subCon h2{display:block;text-align:center;}
.subCon h2 i{position: relative;z-index:1;display:inline-block;line-height:60px;padding-top:5px;margin:50px auto 50px;font-size:25px;font-weight:700;color:#081121;letter-spacing:-1px;font-style:normal;}
.subCon h2 i:after{position:absolute;left:0;top:0;right:0;height:4px;background:#eee;content: "";}
#mobile .subCon h2 i{line-height:40px;margin:30px auto 30px;font-size:20px;}
.subCon h2:first-child i{margin:0 auto 50px;}


/* sub0101 */
.subCon .company{display:flex;padding-bottom:100px;}
.subCon .company .tit{width:200px;font-size:20px;font-weight:600;}
.subCon .company .con{width:990px;}
.subCon .company .con ul.info li{margin-bottom:50px;color:#6f6f6f;}
.subCon .company .con ul.info li .stit{font-size:18px;font-weight:600;margin-bottom:15px;color:#2f2f2f;}
.subCon .company .con ul.info li .stit span{box-shadow:inset 0 -10px 0 rgba(229,229,229,1);padding-right:0.5%;}
#map_big{width:100%;height:500px;}

#mobile .subCon .company{flex-direction:column;padding:40px 0;border-top:1px solid #efefef;}
#mobile .subCon .company:first-child{border-top:none;padding:0 0 40px;}
#mobile .subCon .company .tit{width:100%;margin-bottom:20px;}
#mobile .subCon .company .con{width:100%;}
#mobile .subCon .company .con ul.info li{margin-bottom:25px;}
#mobile .subCon .company .con ul.info li:nth-child(4){margin-bottom:0;}
#mobile .subCon .company .con ul.info li .stit{font-size:16px;margin-bottom:10px;}
#mobile #map_big{width:100%;height:280px;margin:25px 0;}

/* 제품페이지 sub0201, sub0301, sub0401 */
.list{margin-bottom:70px;border-radius:20px;overflow:hidden;border:1px solid #e6e6e6;box-shadow:0 5px 5px rgba(0,0,0,0.05);}
.list .tit_area{display:flex;align-items:center;text-align:center;line-height:80px;}
.list .tit_area .tit{width:320px;background: #b4b4b4;color:#fff;font-size:22px;}
.list .tit_area .info_tit{width:870px;background: #e8e8e8;color:#000;font-size:18px;}
.list .pro_area{display:flex;align-items:center;}
.list .pro_area .thumb{width:320px;}
.list .pro_area .thumb img{width:100%;float:left;}
.list .pro_area .pro_info{width:870px;}
.list .pro_area .pro_info ul{width:100%;display:flex;align-items:center;}
.list .pro_area .pro_info ul li{position:relative;display:block;width:50%;font-size:16px;overflow:hidden;}
.list .pro_area .pro_info ul li:nth-child(2):before{display: block;content: '';position:absolute;left:0;top:0;width:1px;height:500px;background: #e6e6e6;}
.list .pro_area .pro_info ul li .info_box{padding:0 40px;}
.list .pro_area .pro_info ul li .info_box p{display:flex;padding:10px 0;}
.sub0401 .list .pro_area .pro_info ul li .info_box p{padding:7px 0;}
.list .pro_area .pro_info ul li .info_box p span.info1{min-width:70px;display:inline-block;color:#585858;line-height:130%;font-weight:400;}
.list .pro_area .pro_info ul li .info_box p span.info2{margin-left:20px;color:#000;line-height:130%;font-weight:600;}

#mobile .list{margin-bottom:35px;border-radius:10px;}
#mobile .list .tit_area{flex-direction:column;line-height:60px;}
#mobile .list .tit_area .tit{width:100%;font-size:20px;}
#mobile .list .tit_area .info_tit{display:none;}
#mobile .list .pro_area{flex-direction:column;}
#mobile .list .pro_area .thumb{width:100%;}
#mobile .list .pro_area .thumb img{width:100%;}
#mobile .list .pro_area .pro_info{width:100%;}
#mobile .list .pro_area .pro_info ul{flex-direction:column;padding:20px 0;}
#mobile .list .pro_area .pro_info ul li{width:100%;font-size:14px;line-height:200%;}
#mobile .list .pro_area .pro_info ul li:nth-child(2):before{display: none;}
#mobile .list .pro_area .pro_info ul li .info_box{padding:0 20px;}
#mobile .list .pro_area .pro_info ul li .info_box p{padding:5px 0;}

/* sub0401 */
.top_btn{display:flex;justify-content:center;width:700px;margin:0 auto 40px;}
.top_btn li{margin:0 10px;}
.top_btn li a{display:inline-block;color:#fff;font-size:18px;font-weight:400;text-align:center;line-height:50px;padding:0 30px;border-radius:30px;background:#737373;}
#mobile .top_btn{justify-content:center;width:100%;margin:0 auto 20px;background:#737373;border-radius:5px;}
#mobile .top_btn li{margin:0;}
#mobile .top_btn li a{position:relative;font-size:15px;line-height:150%;padding:10px 10px;background:none;letter-spacing:-1px;}
#mobile .top_btn li a:before{position:absolute;left:0;top:50%;margin-top:-5px;display:block;content:'';width:1px;height:10px;background:#9e9e9e;}
#mobile .top_btn li:first-child a:before{display:none;}

/* sub0501 */
.sub0501_list{display:flex;}
.sub0501_list .box{padding:20px;}
.sub0501_list .box .inner{width:360px;border:1px solid #e6e6e6;box-shadow:0 5px 5px rgba(0,0,0,0.05);border-radius:20px;overflow:hidden;}
.sub0501_list .box .inner .img img{width:100%;float:left;}
.sub0501_list .box .inner .tit{background:#5b5b5b;color:#fff;font-size:22px;line-height:80px;text-align:center;}

#mobile .sub0501_list{flex-direction:column;}
#mobile .sub0501_list .box .inner{width:100%;}
#mobile .sub0501_list .box .inner .tit{font-size:20px;line-height:60px;}

@media only screen and (max-width:340px) {
#mobile .top_btn li a{font-size:4vw;padding:10px 2vw;}
}