/*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: 70%;margin: auto;height: 70px;padding: 25px 0}
.tap_wrap2 .sub_tabbox{width: 70%;}
.sub_tab_wrap .r_tab{width: 25%;text-align: center;float: left;line-height: 20px;}
.tap_wrap2 .r_tab{width: 33.33%;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: #000;font-weight: 600;}
.r_tab a{color: #6d6d6d; font-weight: 300; font-size: 20px;display: block;letter-spacing: -1px;border-right:1px solid #ccc;}
.r_tab:nth-child(4) a{border-right:0px solid #ccc;}


.top-menu{width: 100%;height: auto;overflow: hidden;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: 7% 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: rgba(255, 255, 255, 0.7);letter-spacing: -1px;font-weight: 300;text-align: center;word-break: keep-all;}
.top_bg1{background: url(/images/sub/sub01_bg.png)no-repeat center top fixed;background-size: contain;}
.top_bg2{background: url(/images/sub/210203_sub02_bg.png)no-repeat center top fixed;background-size: contain;} 
.top_bg3{background: url(/images/sub/210203_sub02_bg.png)no-repeat center top fixed;background-size: contain;}
.top_bg4{background: url(/images/sub/210203_sub02_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;}
.blank{width: 100%; height: 50px;}
.blank2{width: 100%; height: 100px;} 
.blank3{width: 100%; height: 30px;} 
.blank4{width: 100%; height: 100px;}
.scroll_tit{display: none;font-size: 16px;margin-bottom: 10px;color: #454545;}


/*sub_con end*/ 

/*sub_01 회사소개*/   
.sub_box{width: 100%;max-width: 1300px;margin: auto;margin-top: 70px;}    
.sub_box .g_box{width: 200px;height: 200px;background: #0c5199;float: left;}   

.sub01_tt{display: none;}
.sub_txt1{width: 100%;position: relative;}       
.sub_txt1 h1, .big_tit{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;}
.slogon .sub_txt3 h1 {text-align:left;}
.sub_txt1 h1 span{display: block;font-size: 16px;color: #ff9f41;font-weight: 500;letter-spacing: 0;margin-bottom: 5px;}
.sub_txt1 p{color: #000;font-size: 16px;line-height: 1.6;font-weight: 300;text-align: left;letter-spacing: -1px;word-break: keep-all;float: left;width: 60%;margin-left: 5%;margin-top: 50px;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;text-align: right;width: 100%;float: left;margin-right: 2%;padding-right: 110px;color: #454545;position: relative;}
.sub_txt1 p>b b{color:#000;}  
.sub_txt1 p .sign{width: 100px;height: 100px;position: absolute;top: -10px;right: 0;}  
.sub_txt1 p .tt{color: #000; text-align: left;font-size: 28px; font-weight:500; line-height: 1.5;margin-bottom: 30px;}  
.sub_txt1 p .tt b{font-weight: 700;color: #0e2147;} 

.sub_box2 .profile_wrap{width: 100%;max-width: 1300px;margin: auto;} 
.sub_box2 .profile_wrap li{width: 48%;height: 170px;float: left;font-size: 16px;background: #fff;font-weight: 400;padding: 25px;margin: 1%;line-height: 1.8;word-break: keep-all;border-radius: 10px;} 
.sub_box2 .profile_wrap li span{color:#0c5199; margin-bottom: 10px;width: 100%;float: left;font-size: 24px; font-weight:bold;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
.sub_box2 .profile_wrap li:nth-child(5){border: 3px solid #0c5199;}

.sub01_3_img_m{display: none;}
.con_half_img{width: 30%;height: 400px; float: left;margin-top: 50px;margin-left: -150px;box-shadow: 5px 10px 10px 0px #ccc;}
.con_full_img{width: 100%; height: 500px; margin-bottom: 30px;}
.con_full_img2{width:100%;height: 500px;}
.map {width: 100%;height: 400px;overflow: hidden;margin-bottom: 30px;} 
/*오시는길*/
.sub_txt3 .location_wrap{width: 100%;
  float: left;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #000;
  display: flex;
  flex-direction: row;
  align-items: center;}
.sub_txt3 .location_tit{    width: 40%;
  float: left;
  padding: 50px;
  background: #f9f9f9;}
.sub_txt3 .location_tit .line{width: 50px; height: 2px; float: left;background: #0c5199;}
.sub_txt3 .location_txt{width: 70%; float: left;padding: 40px 50px;}
.sub_txt3 .location_txt li{width:50%; float:left; font-size: 16px; font-weight: 300;margin-bottom: 20px;}
.sub_txt3 .location_txt:after {content:""; display:block; clear:both;}
.sub_txt3 .location_txt li:nth-child(4){margin-bottom: 0;}
.sub_txt3 .location_txt li b{display:block; width:90px; font-size: 16px;}
.sub_txt3 .location_txt li span span{width: 40px; height: 22px; font-size: 15px; line-height: 23px; background: #0c5199; display: inline-block; border-radius: 5px; color: #fff; text-align: center; margin-right: 5px;}
.sub_txt3 .location_txt li span{font-weight: 500;}
/*sub_01 end*/ 

/*sub_02 사업분야*/ 
.plan_wrap{width: 100%;float: left;}
.plan_wrap li{width: 48%;margin: 1%; float: left;display: flex;flex-direction: row;justify-content: center;align-items: center;border: 1px solid #ccc;border-radius: 10px;overflow: hidden;}
.plan_wrap li .plan_img{width: 50%;height: 250px;float: left;}
.plan_wrap li .plan_txt{width: 50%;float: left;font-size: 16px;font-weight: 300;text-align: center;}
.plan_wrap li .plan_txt span{font-size: 18px;line-height: 26px;font-weight: 500;}
.platform_box{width: 100%;float: left;}
.platform_box li{width: 23%;float: left;text-align: center;border: 1px solid #ccc;margin: 1%;padding: 30px;line-height: 1.5;font-size: 16px;font-weight: 400;border-radius: 10px;word-break: keep-all;}
.platform_img{width: 100%;border: 1px solid #ccc;padding: 50px;float: left;background: #fff;display: flex;flex-direction: row;justify-content: center;align-items: center;}
.platform_img img{width: 50%; float: left;}
.platform_txt{width: 45%;float: left;margin-left: 5%;}
.platform_txt h2{font-size: 20px;float: left;margin-bottom: 20px;font-weight: 500;}

.sub_box2{width: 100%;height: auto; background: #f9f9f9;padding: 0 5%;} 
.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: #0c5199;font-weight: 500;letter-spacing: 0;margin-bottom: 5px;}
.sub_txt3 p{color: #000;font-size: 16px;line-height: 1.8;font-weight: 300;text-align: left;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 .con01_img{width: 100%; height: 300px;float: left;}
.sub_txt4{width: 100%;max-width: 1300px;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 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%;}
.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: 'Montserrat', 'Noto Sans KR', sans-serif;;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: 'Montserrat', 'Noto Sans KR', sans-serif;;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: 1px solid #000;} 
.sub_table1 tr{width: 100%;}
.sub_table1 th{font-size: 20px;font-weight: 500;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #000;line-height: 1.5;border-bottom: 1px solid #ccc;padding: 20px 20px;text-align: center;background: #f9f9f9;word-break: keep-all;}
.sub_table1 td{font-size: 17px;font-weight: 400;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #282828;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;white-space: nowrap;} 
.sub_table2 tr{width: 100%;}
.sub_table2 th{width: 50%; font-size: 20px;font-weight: 500;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #000;background: #efefef; line-height: 24px;border-bottom: 1px solid #ccc;padding: 20px 20px;text-align: center;word-break: keep-all;}
.sub_table2 td{font-size: 16px;font-weight: 400;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #282828;text-align: center;border-bottom: 1px solid #ccc;line-height: 1.6;padding: 20px;word-break: keep-all;background: #fff;}
.sub_table2 td span{font-size: 15px; color: #ccc;}
.sub_table2 th:nth-child(2){border-left:1px solid #ccc;border: 2px solid #0c5199;background: #0c5199;color: #fff;}
.sub_table2 td:nth-child(2){border-right: 2px solid #0c5199;border-left: 2px solid #0c5199;}
.sub_table2 tr:nth-child(12) td:nth-child(2){border-bottom:2px solid #0c5199; } 
.sub_table3{width: 100%;float: left;border-top: 1px solid #000;} 
.sub_table3 tr{width: 100%;}
.sub_table3 th{font-size: 20px;font-weight: 400;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #000;line-height: 24px;border-bottom: 1px solid #ccc;padding: 20px 20px;text-align: center;background: #f9f9f9;word-break: keep-all;}
.sub_table3 td{font-size: 16px;font-weight: 400;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #282828;text-align: left;border-bottom: 1px solid #ccc;line-height: 24px;padding: 20px 30px;word-break: keep-all;}
.sub_table3 td:nth-child(1){text-align: center;}
.sub_table3 td:nth-child(2){border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.sub_table3 td span{font-size: 15px; color: #ccc;}
.sub_table3 td b{font-weight: 500;}
.sub_table4{width: 100%;float: left;border-top: 1px solid #000;}  
.sub_table4 tr{width: 100%;}
.sub_table4 th{font-size: 20px;font-weight: 500;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #000;line-height: 24px;border-bottom: 1px solid #ccc;padding: 20px 20px;text-align: center;background: #f9f9f9;word-break: keep-all;}
.sub_table4 td{font-size: 16px;font-weight: 400;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #454545;text-align: center;border-bottom: 1px solid #ccc;line-height: 24px;padding: 20px 30px;word-break: keep-all;}
.sub_table4 td span{font-size: 15px; color: #ccc;}
.sub_table5{width: 100%;float: left;border-top: 1px solid #000;}  
.sub_table5 tr{width: 100%;border-bottom: 1px solid #ccc;background: #fff;} 
.sub_table5 th{font-size: 18px;font-weight: 500;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #000;line-height: 24px;padding: 20px 20px;text-align: center;word-break: keep-all;background: #efefef;}
.sub_table5 th b{background: #fff;border-radius: 100%;color: #0c5199;width: 40px;height: 40px;text-align: center;display: inline-block;line-height: 45px;margin-bottom: 5px;letter-spacing: 0;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;font-size: 18px;    border: 1px solid #0c5199;}
.sub_table5 td{font-size: 16px;font-weight: 400;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #282828;text-align: left;line-height: 24px;padding: 20px 30px;word-break: keep-all;}
.sub_table5 td span{font-size: 15px; color: #ccc;}
.sub_table6{width: 100%;float: left;}  
.sub_table6 tr{width: 100%;} 
.sub_table6 td{font-size: 16px;font-weight: 400;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #282828;text-align: left;line-height: 24px;padding: 5px;word-break: keep-all;}
.sub_table6 td span{font-size: 15px; color: #ccc;}
.sub_table7{width: 100%;float: left;border-top: 1px solid #000;}  
.sub_table7 tr{width: 100%;border-bottom: 1px solid #ccc;} 
.sub_table7 th{font-size: 18px;font-weight: 500;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #000;line-height: 24px;padding: 20px 20px;text-align: center;word-break: keep-all;background: #efefef;}
.sub_table7 th span{font-size: 16px;color: #0c5199;background: #fff;border: 1px solid #0c5199;padding: 5px 10px 2px 10px;margin-bottom: 8px;display: inline-block;border-radius: 5px;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;}
.sub_table7 td{font-size: 16px;font-weight: 400;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #282828;text-align: left;line-height: 24px;padding: 20px 30px;word-break: keep-all;background: #fff;}
.sub_table7 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 #0c5199;display: flex;flex-direction: row;align-items: center;}
.s_tit span{font-size: 18px;font-weight: 500;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;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: 16px;font-weight: 400;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;;color: #454545;text-align: left;line-height: 24px;word-break: keep-all;width: auto;}

/*sub_02 end*/

/*혜연 추가*/ 
.slogon .left{width:40%; float:left;}
.slogon .right {width:60%; float:right; text-align: center;}
.slogon .left {font-size:40px; line-height:1.4; padding:6% 0; font-weight:400;}
.slogon .left strong {display:block; font-weight:600; color:#0c5199;}
.profile_wrap:after {content:""; display:block; clear:both;}
.nalda_history{position: relative;}
.nalda_history:before {position: absolute; top: 0px; left: 38%; width: 1px; height: 50px; background: #ddd; content: "";}
.n_history_wrap { position: relative;  overflow: hidden;}
.n_history_wrap:before { position: absolute; top: 0px; left: 38%; width: 1px; height: 100%; background: #ddd; content: "";}
.n_list_wrap { position: relative; width: 62%; margin-top: 50px;}
.history_right .n_list_wrap {float: right;}
.history_year {font-family: 'Raleway', 'Noto Sans KR', sans-serif; position: absolute; top: -12px; text-align: center; font-size: 30px; line-height: 46px; letter-spacing: -0.5px; color: #afafaf; }
.history_right .n_list_wrap .history_year {right: 100%; margin-right: 55px;}
.history_right .n_list_wrap .history_year::before { left: 100%;  margin-left: 19px;}
.history_year::before {position: absolute;  content: ""; display: inline-block; width: 37px; border: 1px solid #ddd;  top: 25px;}
.history_year::after {position: absolute; top: 50%; width: 25px; height: 39px; margin-top: -16px; background-color: #fff; content: ""; background-size: cover !important;}
.history_year.now{color: #f26f27;}
.history_right .n_list_wrap .history_txt {padding-left: 65px;}
.history_right .h_txt_in {font-family: 'Raleway', 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 300; line-height:2; text-align: left;}
.history_right .h_txt_in b{margin-right: 10px;}
.company-history-info p {position: relative; font-size: 18px; line-height: 1.875;  font-weight: 400; color: #272727; word-break: keep-all;}
.history_right .n_list_wrap .history_txt p::after {left: 0;}
.company-history-info p:after { content: ""; position: absolute; top: 13px; width: 6px; height: 1px;  background-color: #272727;}
.history-left .n_list_wrap {float: left;}
.history-left .n_list_wrap .history_year {left: 100%;  margin-left: 55px;}
.history-left .n_list_wrap .history_year::before {right: 100%; margin-right: 11px;}
.history-left .n_list_wrap .history_year::after { right: 100%;  margin-right: 36px;}
.history-left .n_list_wrap .history_txt {text-align: right; padding-right: 65px;}
.history-left .h_txt_in {font-size: 18px; font-weight: 400; line-height:2;}
.history-left .h_txt_in b{margin-right: 10px;}
.history-left .n_list_wrap .history_txt p::after {right: 0;}
.groupWrap img {width:80%; margin-right: -2.5vw;}
.groupWrap {text-align:center;}
.sub_box2 .profile_wrap li {position:relative;}
.iconWrap {position: absolute;right: 8%; top: 50%; transform: translateY(-50%);}
.cs_list li {width:32.6%; float:left; background:#f8fcff; min-height:390px;}
.cs_list li h6 {display:block; background:#0c5199; color:#fff; font-size:22px; font-weight:bold; text-align:center; line-height: 70px;}
.cs_list li div {margin:auto; font-size:16px; font-weight:400; line-height:2; text-align:center; word-break:keep-all;  padding:11%; }
.cs_list li:nth-child(2) {margin:0 1%;}
.cs_list:after, .sub_box:after {content:""; display:block; clear:both;}
.half li p {background:transparent;}
.half li p span {color:#0c5199; display:inline;}
.cs_prolist {display:flex; align-content:flex-start; flex-wrap:wrap; }
.cs_prolist li {width: 23%; margin: 0 1% 50px; text-align:center;}
.cs_prolist li p {text-align:center;}
.cs_prolist li div {height:230px; margin-bottom:10px; overflow:hidden; -webkit-transition: transform .3s ease-out; -moz-transition: transform .3s ease-out; -ms-transition: transform .3s ease-out; -o-transition: transform .3s ease-out;}
.cs_prolist li:hover div div { -webkit-transform: scale(1.1); -moz-transform: scale(1.1);  -ms-transform: scale(1.1); /* IE 9 */ -o-transform: scale(1.1);  transform: scale(1.1);}
.cs_prolist.cer li div {height: 320px;}

#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;}
  .sub_box, .sub_txt4{padding: 0 5%;}
  #totalANDzeroweb{max-width: none;padding: 0 5%;}
}

/*웹 1300*/
@media all and (max-width:1300px){
  .top-menu-title{padding: 5% 0;}
  .top_tit{font-size: 35px;line-height: 35px;margin-bottom: 15px;}
  .top_txt{font-size: 18px;}
  .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;}

  .sub_box2 .profile_wrap li{padding: 20px;}
}

/*웹 1300*/
@media all and (max-width:1200px){
  .con_half_img{width: 35%;}
  .sub_txt1 p{width: 54%;}
  .plan_wrap li .plan_img{height: 180px;}
  .sub_tabbox{width: 100%;}
  .sub_txt3 .location_txt li {width:100%; float:none;}
}

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

  .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;}
  .sub_table5, .sub_table3, .sub_table4, .sub_table1, .sub_table7{white-space: nowrap;}
  .sub_txt3 .location_txt li{font-size: 17px;margin-bottom: 10px;}
  .sub_txt3 .location_txt li b{font-size: 17px;}
  .sub_txt3 p .tt{margin-bottom: 0;}
  .sub_table3 th{font-size: 19px;}
  .platform_box li{padding: 20px;}
  .platform_img{display:unset;}
  .platform_img img{width: 100%; margin-bottom: 50px;}
  .platform_txt{width: 100%;margin-left: 0;}
  .scroll_tit{display: block;}
  .slogon .left {font-size:30px;}
  .slogon .right img {width:76%;}
  .cs_list li {width:100%; min-height:inherit; margin-bottom:30px; float:none;}
  .cs_list li h6 {line-height:50px; font-size:20px;}
  .cs_list li div {padding:5%;}
  .cs_list li div:after {content:""; display:block; clear:both;}
} 
/*웹 끝*/

/*태블릿 940*/
@media all and (max-width:940px){
  .top_tit{font-size: 30px; line-height: 30px;}
  .r_tab a{font-size: 15px;}
  .con_half_img{width: 30%; height: 300px;}
  .sub_txt3 .location_tit{width: 35%; padding: 40px;}
  .sub_txt3 .location_txt{width: 65%;padding: 30px;}
  .location_tit span span{display: none;}
  .sub_txt4 p{font-size: 16px;}
  .plan_wrap li{width: 100%; margin: 1% 0;}
  .platform_box li{width: 48%;}
  .sub_table7 th{font-size: 18px;}
  .sub_table7 th span{font-size: 14px; padding: 2px 10px 1px 10px;}
  .sub_table7 td{font-size: 16px;}
  .sub_txt3 p .tt{font-size: 22px; line-height: 1.5;}
  .call_wrap{height: 60px;}
  .call_tit{line-height: 60px;font-size: 16px;}
  .call_num{line-height: 60px;}
  .call_num a{font-size: 18px;}
  .call_num span{font-size: 16px;}
  .f_line{top: 60px;}
  .sub_table6 td{padding: 4px 2px;}
  .con_full_img{height: 200px;}

  .blank4{height: 70px;}
  .top-menu-title{padding: 8% 5%;}
  .top_bg1 {background-size:cover;}
  .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{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%;}

  .slogon .left, .slogon .right {width:100%; float:none;}
  .slogon .left {font-size: 23px;}    
  .slogon .right img {width:80%;}
  .groupWrap img {width:100%;}
  .cs_prolist li {width:31.3%;}
  .sub_box2 .profile_wrap li{width: 100%; height:inherit;}
} 

/*태블릿*/
@media all and (max-width:767px){
  .top-menu{background-size: cover;}
  .top_bg1, .top_bg2,.top_bg3, .top_bg4, .top_bg5{background-attachment: inherit;}
  .sub_tab_wrap{float: left;}
  .sub_tabbox{float: left; height: auto!important;padding: 5px 0;}
  .sub_tab_wrap .r_tab{width: 50%; padding: 10px 0;}
  .r_tab:nth-child(2) a{border: 0;}
  .sub_box .g_box{position: absolute; z-index: -1; left: -10%; top: -50px;height: 140%;width: 150px;}
  .con_half_img{width: 30%; height: 280px;margin-top: 0;margin-left: 0; box-shadow: 5px 10px 10px 0px #00000036;}
  .sub_txt1 p{width: 65%;margin-top: 30px;}
  .sub_txt1 p>b{margin-right: 0;}

  .sub_box2 .profile_wrap li span{font-size: 22px;}
  .sub_txt3 .location_tit{display: none;}
  .sub_txt3 .location_txt{width: 100%;}
  .iconWrap:first-child img {width:40px;}
  .iconWrap:nth-child(2) img {width:34px;}
  .iconWrap:nth-child(3) img {width:42px;}
  .iconWrap:nth-child(4) img {width:40px;}
  .iconWrap {right:20px;}
}
/*태블릿 */
/*모바일*/
@media all and (max-width:640px){
  .top-menu-title { padding: 15% 5%;}
  .sub01_3_img_m{display: block;}
  .sub01_3_img_pc{display: none;}
  .sub_txt3 h1, .sub_txt4 h1{font-size: 26px;}
  .scroll_tit{font-size: 15px !important;font-weight: 300;color: #454545; letter-spacing: -1px;}
  .sub_table4 th{font-size: 18px;padding: 15px 20px;}
  .sub_table4 td{font-size: 16px; padding: 15px 30px;}
  .s_tit span{font-size: 18px; line-height: 18px;padding-left: 10px;}
  .sub_table1 td, .sub_table2 td, .sub_table5 td, .plan_wrap li .plan_txt, .sub_table6 td, .sub_table7 td{font-size: 15px;}
  .sub_table1 th, .sub_table2 th, .sub_table5 th, .plan_wrap li .plan_txt span, .sub_table3 th, .sub_table7 th{font-size: 17px;}
  .platform_txt h2{font-size: 16px; margin-bottom: 10px;}
  .sub_table3 td, .sub_txt3 .location_txt li{font-size: 16px;}
  .sub_table5 th b{width: 30px; height: 30px; line-height: 33px; font-size: 14px;}
  .sub_table7 th span{font-size: 12px;    padding: 1px 5px 0px 5px;margin-bottom: 5px;}

  .sub_txt1 p > b{margin-right: 0; padding-right: 90px;}
  .sub_txt1 p .sign{width: 80px; top: -6px;}
  .sub_box2 .profile_wrap li span{font-size: 20px;margin-bottom: 0;}  

  .map{height: 200px;}
  .sub_txt3 .location_txt{padding: 30px 10px;}
  .platform_img{padding: 30px;}
  .sub_txt3 p, .sub_txt1 p{font-size: 16px;}
  .con_half_img{width: 80%; height: 350px; margin-top: 5%; margin-left: 20%;background-position: top center!important;}
  .sub_box .g_box{top: 125%; height: 150px; width: 150px;left: 8%;}
  .sub_txt1 p{width: 100%; margin-left: 0;}
  .sub_box2 .profile_wrap{margin-top: 50px;}
  .platform_img img{margin-bottom: 30px;}


  .tap_wrap2 .sub_tabbox{width: 90%;}
  .top_tit{font-size: 28px; line-height: 28px;}
  .top_txt{font-size: 16px; width: 88%; margin:auto; word-break:keep-all;}
  .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;}

  .cs_list li h6 {font-size:18px;}
  .cs_list li div {font-size:16px; line-height: 2;}

  .cs_prolist li {width:48%;}
  .cs_prolist li div {height:180px;}
  .cs_prolist.cer li div {height: 245px;}

  .slogon .right img {width:90%;}
}


@media all and (max-width:582px){
  .platform_box li{width: 100%; margin: 2% 0;}
}


@media all and (max-width:480px){
  .top_tit{margin: 15px 0;}
  .top_tit{font-size: 26px; line-height: 26px;}
  .top_txt{display: none;}
  .sub_tabbox{width: 100%;}
  .r_tab{width: 50%;}
  .r_tab a{font-size: 17px;}
  .con_half_img{height: 300px;}
  .sub_box2 .profile_wrap li span{font-size: 18px;}
  .sub_box2 .profile_wrap li{height: auto;width: 100%; margin: 2% 0;font-size: 15px;}
  .sub_txt3 h1, .sub_txt4 h1{font-size: 24px;}
  .sub_txt3 h1 span{margin-bottom: 0;}
  .con_full_img{height: 150px;}
  .sub_txt3 .location_txt li img{display: none;}
  .sub_txt3 .location_txt li b{margin: 0 10px 0 0;}
  .plan_wrap li .plan_img{width: 40%; height: 120px;}
  .plan_wrap li .plan_txt{width: 60%;padding: 0 5%; word-break: keep-all;}
  
  .iconWrap {top:30%;}

}

@media all and (max-width:375px){
  .txt_box .btn2{display: none;}
  .sub_box .g_box{left: 5%;}
  .con_half_img{width: 80%; margin-left: 10%;}
  .sub_txt1 p .tt{font-size: 19px; word-break: keep-all;}
  .sub_txt1 p>b{margin-top: 0;width: 100%; padding-right: 0;text-align: left;}
  .sub_txt1 p .sign{width: 60px; top: 9px;}
  .sub_table3 td, .sub_txt3 .location_txt li{text-align: center;}
  .sub_txt3 .location_txt li b{display: block;}
  .sub_txt3 h1, .sub_txt4 h1{font-size: 22px;}
  .sub_txt3 h1 span{font-size: 14px;}
  .r_tab a{font-size: 13px;}
  .platform_img{padding: 20px;}
  .platform_img img{margin-bottom: 20px;}
}

@media all and (max-width:320px){
  .txt_box .btn2{display: none;}
}