/*header*/
/*
.sub_tab_wrap{width: 100%;max-width: 1200px;margin: auto;position: relative;}
.sub_tabbox{width: 302px;margin: auto;height: 50px;border-radius: 50px;border: 1px solid #ccc;}
.r_tab{width: 150px;text-align: center;float: left;height: 50px;}
.r_tab:nth-child(1){margin-left: 0;}
.sub_tab_wrap.active .r_tab{padding: 20px 0;}
.r_tab.on a{color: #fff;font-weight: 600;}
.r_tab.on{background: #d90000;border-radius: 50px;}
.r_tab a{color: #6d6d6d; font-weight: 300; font-size: 20px;display: block;letter-spacing: -1px;line-height: 50px;}*/

.sub_tab_wrap{width: 100%;margin: auto;position: relative;border-bottom: 1px solid #ccc;}
.sub_tabbox{width: 300px;margin: auto;height: 70px;padding: 25px 0}
.tap_wrap2 .sub_tabbox{width: 70%;}
.sub_tab_wrap .r_tab{width: 50%;text-align: center;float: left;line-height: 20px;}
.tap_wrap2 .r_tab{width: 25%;text-align: center;float: left;line-height: 20px;}
.r_tab:nth-child(1){margin-left: 0;}
.sub_tab_wrap.active .r_tab{padding: 20px 0;}
.r_tab.on a{color: #0e2147;font-weight: 600;}
.r_tab a{color: #6d6d6d; font-weight: 300; font-size: 20px;display: block;letter-spacing: -1px;border-left:1px solid #ccc;}


.top-menu{width: 100%;height: auto;overflow: hidden;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.top-menu-title{width: 100%;max-width: 1200px;margin: auto;position: relative;text-shadow: 0 0 15px rgba(0, 01, 0, 0.4);padding: 5% 0;}
.top_tit{font-size: 40px;line-height: 40px;color: #fff;letter-spacing: -1px;font-weight: 600;text-align: center;margin-bottom: 20px;}
.top_txt{font-size: 18px;line-height: 24px;color: #ffffffc9;letter-spacing: -1px;font-weight: 300;text-align: center;}
.top_bg1{background: url(/images/sub/sub01_bg.png)no-repeat center top fixed;background-size: contain;}
.top_bg2{background: url(/images/sub/sub02_bg.png)no-repeat center top fixed;background-size: contain;}
.top_bg3{background: url(/images/sub/sub03_bg.png)no-repeat center top fixed;background-size: contain;}
.top_bg4{background: url(/images/sub/sub04_bg.png)no-repeat center top fixed;background-size: contain;}
.top_bg5{background: url(/images/sub/sub05_bg.png)no-repeat center top fixed;background-size: contain;}
/*header 끝*/
 


/*sub_con*/
#sub_wrap{width: 100%;/*padding: 0 5%;*/float: left;}
.sub_section{width: 100%;/* max-width: 1200px; */margin: auto; }
.sub_box{width: 100%;}
.room_slide{width: 100%;float: left;}
.sub_txt_wrap{float: left;}
.blank{width: 100%; height: 50px;float: left;}
.blank2{width: 100%; height: 100px;float: left;}
.blank3{width: 100%; height: 30px;float: left;}
.blank4{width: 100%; height: 100px;float: left;}


/*sub_con end*/

/*sub_01 회사소개*/
.sub_box{width: 100%;max-width: 1200px;margin: auto;margin-top: 70px;}
.sub_box .line{width: 2px; height: 50px; background: #ff9f41; margin: auto;}
.sub_txt1{width: 100%;margin-top: 30px;}
.sub_txt1 h1{color: #000;font-size: 32px;line-height: 1.4;font-weight: 400; text-align: center;margin-bottom: 50px;letter-spacing: -1px;word-break: keep-all;}
.sub_txt1 p{color: #000;font-size: 18px;line-height: 1.6;font-weight: 300;text-align: left;letter-spacing: -1px;word-break: keep-all;float: left;width: 100%;background: #fff;}
.sub_txt1 p span{font-size: 18px;text-align: left;display: inline-block;width: 100%; font-weight: 400;}
.sub_txt1 p>b{display: block;margin-top: 20px;font-weight: 500;}
.sub_txt1 p .tt{color: #000;text-align: left;font-size: 24px;line-height: 1.5;margin-bottom: 30px;}
.sub_txt1 p .tt b{font-weight: 700;color: #0e2147;}
.con_full_img{width: 100%; height: 300px;float: left;margin-bottom: 30px;}
.map {width: 100%;height: 400px;overflow: hidden;} 
/*오시는길*/
.sub_txt2{width: 100%;padding: 0 60px;overflow: hidden;border: 1px solid #ccc;border-top: 2px solid #0e2147;/*box-shadow: 0px 5px 13px 0px #e8e8e8;*/ margin-top: 30px;}
.sub_txt2 ul{float: left;margin: 5% 0;}
.sub_txt2 .location_tit{padding-right: 5%;width: 50%;}
.sub_txt2 .location_txt{border-left: 1px solid #ccc;padding-left: 5%;width: 50%;}
.sub_txt2 .location_tit li{font-size: 26px;line-height: 34px;font-weight: 500;margin-bottom: 20px;color: #000;}
.sub_txt2 .location_txt .location_t{display: none;}
.sub_txt2 .location_tit .sub_call{font-size: 22px;color: #0e2147;font-family: 'GmarketSansMedium';letter-spacing: 1px;margin-bottom: 0;font-weight: 600;}
.sub_txt2 .location_tit .sub_call span{width: 30px;height: 30px;float: left;margin-right: 10px;margin-top: -3px;}
.sub_txt2 .location_tit .sub_call_t{display: none;}
.sub_txt2 .location_txt li{font-size: 16px;padding: 5px 0;font-weight: 400;color: #000;}
.sub_txt2 .location_txt li:nth-child(1) span{width: 17px;height: 23px;float: left;margin-right: 25px;margin-left: 6px;margin-top: 5px;margin-bottom: 5px;}
.sub_txt2 .location_txt li:nth-child(2) span{width: 29px;height: 19px;float: left;margin-right: 19px;margin-top: 7px;margin-bottom: 5px;}
.sub_txt2 .location_txt li:nth-child(3) span{width: 17px;height: 23px;float: left;margin-right: 25px;margin-left: 6px;margin-top: 5px;margin-bottom: 5px;}
.sub_txt2 .location_txt li:nth-child(4) span{width: 29px;height: 19px;float: left;margin-right: 19px;margin-top: 7px;margin-bottom: 5px;}
.sub_txt2 .location_txt li b{margin-right: 10px;;}
/*sub_01 end*/

/*sub_02 사업분야*/
.sub_box2{width: 100%;height: auto;float: left;background: #f2f5f7;}
.sub_txt3{width: 100%;}
.sub_txt3 h1{color: #000;font-size: 32px;line-height: 1.4;font-weight: 500; text-align: center;margin-bottom: 30px;letter-spacing: -1px;word-break: keep-all;}
.sub_txt3 h1 span{display: block;font-size: 16px;color: #ff9f41;font-weight: 500;letter-spacing: 0;margin-bottom: 5px;}
.sub_txt3 p{color: #000;font-size: 18px;line-height: 1.6;font-weight: 300;text-align: center;letter-spacing: -1px;word-break: keep-all;float: left;width: 100%;background: #fff;}
.sub_txt3 p span{font-size: 18px;text-align: left;display: inline-block;width: 100%; font-weight: 400;}
.sub_txt3 p>b{display: block;margin-top: 20px;font-weight: 500;}
.sub_txt3 p .tt{color: #000;text-align: left;font-size: 24px;line-height: 34px;margin-bottom: 30px;}
.sub_txt3 p .tt b{font-weight: 700;color: #0e2147;}
.sub_txt3 .pc_1000{display: none;}
.sub_txt3 .con01_img{width: 100%; height: 300px;float: left;}
.sub_txt4{width: 100%;max-width: 1200px;margin: auto;float: none;}
.sub_txt4 h1{color: #000;font-size: 32px;line-height: 1.4;font-weight: 500; text-align: center;margin-bottom: 30px;letter-spacing: -1px;word-break: keep-all;margin-top: 70px;}
.sub_txt4 ul{margin-bottom: 70px;width: 100%;height: auto;float: left;}
.sub_txt4 .con_wrap1 li{width: 32%;float: left;position: relative;box-shadow: 0px 5px 15px #d2d9de;}
.sub_txt4 .con_wrap1 li:nth-child(2){margin: 0 2%;}
.sub_txt4 li .img_box{width: 100%; height: 300px; overflow: hidden;}
.sub_txt4 li .con02_img{width: 100%;height: 300px; transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transition: all 0.3s ease-in-out;}
.sub_txt4 li:hover .con02_img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transition: all 0.6s ease-in-out;}
.sub_txt4 .con_wrap1 p{width: 100%;height: auto;background: #fff;padding: 35px;text-align: center;}
.sub_txt4 li p .con_tt{display: block;font-size: 19px;line-height: 1.4;margin-bottom: 10px;font-weight: 500;color: #0e2147;text-align: center;}
.sub_txt4 li p .con_tx{text-align: center;font-size: 16px;line-height: 1.4;word-break: keep-all;font-weight: 300;}
.sub_txt4 li p span{display: block;font-size: 19px;line-height: 1.4;margin-bottom: 10px;font-weight: 500;color: #0e2147;text-align: center;}
.sub_txt4 .con_wrap1 li .num{background: #ff9f41;width: 40px;height: 40px;font-size: 20px;text-align: center;line-height: 44px;color: #fff;border-radius: 50%;margin: auto;font-family: 'GmarketSansMedium';position: absolute;top: 280px;margin: 0px 44.4%;z-index: 1;}
.sub_txt4 .con_wrap2 li{width: 48%;float: left;margin: 0 1%;position: relative;}
.sub_txt4 .con_wrap2 li .num{background: #ff9f41;width: 40px;height: 40px;font-size: 20px;text-align: center;line-height: 44px;color: #fff;border-radius: 50%;margin: auto;font-family: 'GmarketSansMedium';position: absolute;top: 280px;margin: 0px 46.6%;z-index: 1;}
.sub_txt4 .con_wrap2 p{width: 100%;height: auto;background: #fff;padding: 30px 50px;text-align: center;font-size: 16px;line-height: 1.4;word-break: keep-all;font-weight: 300;box-shadow: 0px 5px 15px #d2d9de;}
.sub_table1{width: 100%;float: left;border-top: 2px solid #0e2147;} 
.sub_table1 tr{width: 100%;}
.sub_table1 th{font-size: 20px;font-weight: 500;font-family: 'Noto Sans KR';color: #0e2147;line-height: 24px;border-bottom: 1px solid #ccc;padding: 20px 20px;text-align: center;background: #f2f5f7;word-break: keep-all;}
.sub_table1 td{font-size: 17px;font-weight: 400;font-family: 'Noto Sans KR';color: #454545;text-align: left;border-bottom: 1px solid #ccc;line-height: 24px;padding: 20px 30px;word-break: keep-all;}
.sub_table1 td span{font-size: 15px; color: #ccc;}
.sub_table2{width: 100%;float: left;border-top: 1px solid #ccc;} 
.sub_table2 tr{width: 100%;}
.sub_table2 th{width: 50%; font-size: 20px;font-weight: 500;font-family: 'Noto Sans KR';color: #0e2147;line-height: 24px;border-bottom: 1px solid #ccc;padding: 20px 20px;text-align: center;background: #f2f5f7;word-break: keep-all;}
.sub_table2 td{font-size: 17px;font-weight: 400;font-family: 'Noto Sans KR';color: #454545;text-align: center;border-bottom: 1px solid #ccc;line-height: 1.6;padding: 20px 30px;word-break: keep-all;}
.sub_table2 td span{font-size: 15px; color: #ccc;}
.sub_table2 th:nth-child(2){border-left:1px solid #ccc;border: 2px solid #ff9f41;background: #ff9f41;color: #fff;}
.sub_table2 td:nth-child(2){border-right: 2px solid #ff9f41;border-left: 2px solid #ff9f41;}
.sub_table2 tr:nth-child(8) td:nth-child(2){border-bottom:2px solid #ff9f41; }
.sub_table3{width: 65%;float: left;} 
.sub_table3 tr{width: 100%;}
.sub_table3 th{font-size: 30px;font-weight: 600;font-family: 'GmarketSansBold';color: #ff9f41;line-height: 30px;text-align: center;word-break: keep-all;}
.sub_table3 td{font-size: 17px;font-weight: 300;font-family: 'Noto Sans KR';color: #454545;text-align: left;line-height: 24px;padding: 20px 30px;word-break: keep-all;}
.sub_table3 td span{font-size: 15px; color: #ccc;}
.sub_table5{width: 100%;float: left;border-top: 2px solid #0e2147;} 
.sub_table5 tr{width: 100%;}
.sub_table5 th{font-size: 20px;font-weight: 500;font-family: 'Noto Sans KR';color: #0e2147;line-height: 24px;border-bottom: 1px solid #ccc;padding: 20px 20px;text-align: center;background: #f2f5f7;word-break: keep-all;}
.sub_table5 td{font-size: 17px;font-weight: 400;font-family: 'Noto Sans KR';color: #454545;text-align: center;border: 1px solid #ccc;line-height: 24px;padding: 20px 30px;word-break: keep-all;}
.sub_table5 td span{font-size: 15px; color: #ccc;}
.con_small_img{width: 30%;margin-right: 5%;height: 250px;float: left;}
.full_mm{width: 70%;margin: auto; margin-bottom: 70px;}
.small_p{font-size: 14px;letter-spacing: 0;color: #828282;margin-top: 10px;display: inline-block;font-weight: 400;}
.s_tit{width: 100%;float: left;margin-bottom: 20px;border-left: 4px solid #ff9f41;display: flex;flex-direction: row;align-items: center;}
.s_tit span{font-size: 24px;font-weight: 500;font-family: 'Noto Sans KR';color: #000;line-height: 30px;text-align: left;padding-left: 15px;word-break: keep-all;float: left;margin-right: 20px;display: flex;}
.s_tit .s_txt{font-size: 17px;font-weight: 400;font-family: 'Noto Sans KR';color: #454545;text-align: left;line-height: 24px;word-break: keep-all;width: auto;}

/*sub_02 end*/
 


#SY_b02_list, #board-list-search{padding: 0;}

/*웹 1880*/
@media all and (max-width:1880px){
}

/*웹 1350*/
@media all and (max-width:1350px){
    #SY_b02_list, #board-list-search{padding: 0!important;}
    .sub_board_list_warp{max-width: inherit!important;padding: 0 5% !important;}
    .top-menu{background-size: 120%;}
    .sub_box, .sub_txt4{padding: 0 5%;}
    #totalANDzeroweb{max-width: none;padding: 0 5%;}
}

/*웹 1200*/
@media all and (max-width:1200px){
    .top-menu-title{padding: 5% 0;}
    .top_tit{font-size: 35px;line-height: 35px;margin-bottom: 15px;}
    .top_txt{font-size: 18px; list-style: 24px;}
    .sub_tabbox{height: 60px; padding: 20px 0;}
    .tap_wrap2 .sub_tabbox{width: 80%;}
    .sub_box{margin-top: 50px;}
    .sub_txt4 .con_wrap1 p, .sub_txt4 .con_wrap2 p{padding: 30px 20px;float: left;}
    .sub_txt3 .pc_full{display: none;}
    .sub_txt3 .pc_1000{display: block;}
}
/*웹 1000*/
@media all and (max-width:1000px){
    .top-menu{background-size: cover;}
    .sub_box .line{display: none;}
    .sub_txt1{margin-top: 0;}
    .map{height: 300px;}
    .blank2{height: 70px;}
    .sub_txt3 h1, .sub_txt4 h1{margin-bottom: 20px;}
} 
/*웹 끝*/
 
/*태블릿 940*/
@media all and (max-width:940px){
    .blank4{height: 70px;}
    .P-header{height: 70px;}
    .P-nav-logo{width: 70px; padding: 12px 0;}
    #btn-top-menu{padding: 20px 0;}
    .top-menu-title{padding: 5% 5%;}
    .tap_wrap2 .r_tab a small{display: none;}
    .sub_txt1 h1{font-size: 28px; margin-bottom: 30px;}
    .sub_txt1 p .tt{font-size: 22px; margin-bottom: 15px;}
    .sub_txt1 p{font-size: 17px;}
    .sub_txt3 p{font-size: 17px;}
    .sub_txt3 h1, .sub_txt4 h1{font-size: 30px;}
    .sub_txt4 li .img_box{height: 250px;}
    .sub_txt4 li .con02_img{height: 250px;}
    .sub_txt4 .con_wrap1 li .num, .sub_txt4 .con_wrap2 li .num{top: 230px;}
    .sub_table1 th, .sub_table2 th, .sub_table5 th{font-size: 18px; padding: 15px 20px;}
    .sub_table1 td, .sub_table2 td, .sub_table5 td{font-size: 16px; padding: 15px 30px;}
    .s_tit span{font-size: 22px;}
    .s_tit .s_txt{font-size: 16px;}
    .small_p{font-size: 13px;}
    .sub_txt2 .location_tit .sub_call_pc{display: none;}
    .sub_txt2 .location_tit .sub_call_t{display: block;}
    .sub_txt2 .location_txt .location_pc{display: none;}
    .sub_txt2 .location_txt .location_t{display: block;}
    .sub_txt2{padding: 30px;}
    .sub_txt2 ul{margin: 0;}
    .sub_txt2 .location_tit{padding-right: 0;width: 100%;}
    .sub_txt2 .location_tit li{font-size: 24px;line-height: 1.4;font-weight: 500;margin-bottom: 0;color: #000;float: left;}
    .sub_txt2 .location_tit li:nth-child(1){width: auto;}
    .sub_txt2 .location_tit .sub_call{font-size: 22px;margin-bottom: 0;float: right;text-align: left;padding: 18px 0;}
    .sub_txt2 .location_txt{border-top: 1px solid #ccc;width: 100%;margin-top: 20px;padding-top: 20px;border-left: 0;padding-left: 0;}
    .sub_txt2 .location_txt li{width: 100%;float: left;}
    .con_small_img{width: 100%;margin-bottom: 10px;}
    .sub_table3{width: 100%;}
    .full_mm{width: 80%;}
    
} 

/*태블릿*/
@media all and (max-width:767px){
    .con_full_img, .map{height: 250px;}
    .sub_txt3 h1, .sub_txt4 h1{font-size: 28px;line-height: 1.2;}
    .sub_txt3 h1 span{font-size: 15px;}
    .s_tit span{font-size: 20px;} 
    .full_mm{width: 90%; margin-bottom: 50px;}
    
}
/*태블릿 */
/*모바일*/
@media all and (max-width:640px){
    .tap_wrap2 .sub_tabbox{width: 90%;}
    .top_tit{font-size: 28px; line-height: 28px;}
    .top_txt{font-size: 16px;}
    .sub_txt1 h1{font-size: 24px;margin-bottom: 20px;}
    .sub_txt1 p .tt{font-size: 20px;margin-bottom: 20px;}
    .sub_txt2 .location_tit li{font-size: 24px;}
    .sub_txt2 .location_tit .sub_call{font-size: 20px;}
    .sub_txt2 .location_tit .sub_call span{width: 24px; height: 24px; margin-top: -1px;}
    .blank2{height: 50px;}
    .sub_txt4 h1{margin-top: 50px;}
    .sub_txt4 ul{margin-bottom: 50px;}
    .s_tit{display: inherit;}
    .s_tit span{width: 100%; display: block;}
    .s_tit .s_txt{margin-left: 15px;}
    .sub_table1 td, .sub_table2 td, .sub_table5 td{padding: 15px 20px;}
    .sub_txt4 .con_wrap1 li{width: 100%; float: left;}
    .sub_txt4 .con_wrap1 li .num, .sub_txt4 .con_wrap2 li .num{display: none;}
    .sub_txt4 li .img_box{width: 50%; float: left;}
    .sub_txt4 .con_wrap1 li:nth-child(2){margin: 20px 0;}
    .sub_txt4 .con_wrap1 .p_wrap{display: flex;flex-direction: row;justify-content: center;align-items: center;height: 250px;background: #fff;}
    .sub_txt4 .con_wrap1 p{width: 100%;float: left;}
    .sub_txt4 .con_wrap2 li{width: 100%;margin: 0;}  
    .sub_txt4 .con_wrap2 li:nth-child(1){margin-bottom: 20px;}
    .sub_txt4 .con_wrap2 .img_box{width: 100%;} 
    .sub_txt2 .location_tit li:nth-child(1){margin-right: 50px;}
    .sub_txt2 .location_tit .sub_call{float: left;padding: 18px 0 0;}
    .sub_txt3 p{text-align: left;}
}


@media all and (max-width:480px){
    .top_tit{margin: 20px 0;}
    .top_txt{display: none;}
    .sub_tabbox{width: 100%;}
    .r_tab{width: 50%;}
    .tap_wrap2 .sub_tabbox{width: 100%;}
    .tap_wrap2 .sub_tabbox .r_tab{width: 33.33%;}
    .r_tab a{font-size: 17px;}
    .sub_txt1 h1{display: none;}
    .sub_txt1 p .tt{font-size: 18px;}
    .sub_txt1 p, .sub_txt3 p, .sub_table3 td{font-size: 16px;}
    .sub_txt3 h1, .sub_txt4 h1{font-size: 26px;}
    .sub_txt2 .location_tit li{font-size: 21px;}
    .con_full_img{margin-bottom: 20px;}
    .sub_txt2 .location_tit .sub_call{font-size: 16px;}
    .sub_txt2 .location_tit .sub_call span{width: 20px; height: 20px;}
    .sub_txt2 .location_tit li:nth-child(1){margin-right: 0;}
    .sub_txt2 .location_txt li:nth-child(3) span{width: 15px;height: 21px;float: left;margin-right: 20px;margin-left: 5px;margin-top: 5px;margin-bottom: 5px;}
    .sub_txt2 .location_txt li:nth-child(4) span{width: 25px;height: 16px;float: left;margin-right: 15px;margin-top: 7px;margin-bottom: 34px;}
    .sub_table3 th{display: none;}
    .sub_table3 td{padding: 20px 0;}
}

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