@charset "utf-8";


#hd.sub{z-index: 2;}

/* 네비게이션 */
#sub_visual{position:relative;width: 100%;/*height: 500px;*/background-attachment: fixed;background-position:50% 0;background-repeat:no-repeat;padding-top: 79px;/*padding-top: 152px;*/}
/* #sub_visual.sub01{background-image:url('../img/sub/sub_visual01.jpg');} */
/* #sub_visual.sub02{background-image:url('../img/sub/sub_visual02.jpg');} */
/* #sub_visual.sub03{background-image:url('../img/sub/sub_visual03.jpg');} */
/* #sub_visual.sub04{background-image:url('../img/sub/sub_visual04.jpg');} */
/* #sub_visual.sub05{background-image:url('../img/sub/sub_visual05.jpg');} */
#sub_visual .visual_bg{position:relative;top: 50%;transform: translateY(-50%);max-width: 1300px;margin:0 auto;}
#sub_visual .visual_bg .tit{width:100%;text-align:center;font-size: 40px;font-weight: 700;color:#fff;text-shadow:1px 5px 5px rgba(0,0,0,0.1);}
#sub_visual .visual_bg .tit .tt{font-size:40px;}

@media screen and (max-width: 1650px){
	/* #sub_visual{height: 393px} */
}

@media screen and (max-width: 1600px){
	/* #sub_visual{height: 385px} */
}

@media screen and (max-width: 1440px){
	/* #sub_visual{height: 375px;padding-top: 142px;} */
	#sub_visual .visual_bg .tit .tt{font-size:30px;}
}

@media screen and (max-width: 1300px){
	/* #sub_visual{height: 350px;padding-top: 130px;} */
	#sub_visual .visual_bg .tit .tt{font-size:28px;}
}

@media screen and (max-width: 1024px){
	/* #sub_visual{height: 280px;padding-top: 78px;} */
	#sub_visual .visual_bg .tit .tt{font-size:26px;}
}

@media screen and (max-width: 768px){
	/* #sub_visual{height: 250px;background-attachment: unset;background-size: cover;background-position: center;} */
	#sub_visual .visual_bg .tit .tt{font-size:24px;}
}

@media screen and (max-width: 500px){
	/* #sub_visual{height: 200px;} */
	#sub_visual .visual_bg .tit .tt{font-size:20px;}
}

.pc_menu{background: #274a9a;}
.sub_nav{display: flex;flex-wrap: wrap;max-width: 1400px;margin: 0 auto;}

.nav_1a{color: #FFF;font-size: 17px;min-width: 210px;padding: 15px 20px;border-right: 1px solid #eeeeee;position:relative;transition: all 0.2s;text-align:center;}
.nav_1a.active{background:#203d7e;}
.nav_1a:first-child{}
.nav_1a:hover{background:#203d7e}
.nav_1ul{position: absolute;/* top: 65px; */left: -1px;display: none;width: 100%;z-index: 10;background: #FFF;border-right: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.nav_1ul li{width: 100%;}
.nav_1ul li a{width: 100%;padding: 10px 20px;transition: all 0.2s;border-bottom: 1px solid #f5f5f5;transition:all 0.3s;}
.nav_1ul li a:hover{background:#f5f5f5}

@media screen and (max-width: 1280px){
	.nav_1a {padding: 15px 20px;font-size:16px;}
}

/* mobile sub */
.m_menu{display:none;}
.m_menu .nav_ul{position:relative;}
.m_menu .nav_ul li .nav_1a {text-align: left;display:block;background: #274a9a;font-size:15px;color: #fff;height: 50px;line-height: 48px;font-weight:400;cursor:pointer;padding: 0 25px;letter-spacing: -2px;position: relative;}
.m_menu .nav_ul li .nav_1a::after{display:block;content:'';width:12px;height:12px;position:absolute;right:20px;top:50%;transform:translateY(-50%);background: url('../img/sub/sub_plus.png') no-repeat 90% 50%;}
.m_menu .nav_ul li .nav_1a > span{display: block;content: '';position:absolute;background: url('../img/sub/nav_con.png') no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.m_menu .nav_ul li .nav_1a.on {transform:rotate(180deg);}
.m_menu .nav_ul li ul {position:relative;display:none;position:absolute;top: auto;left: -1px;z-index: 1;width: calc(100% + 2px);border: 1px solid #e3e3e3;/* padding: 15px 30px; */background: #fff;}
.m_menu .nav_ul li ul.on{box-shadow:0 3px 10px #9a9a9a}
.m_menu .nav_ul li ul li {border-bottom: 0;border-right: 0;transition:0.3s;background:#fff;/* padding: 5px 0; */}
.m_menu .nav_ul li ul li a {display: block;/* line-height: 1; */color: #6c6c6c;letter-spacing: -1px;font-size:14px;padding: 15px 25px;}
.m_menu .nav_ul li ul li a:hover{color: #165e8b;font-weight:bold;}

@media (max-width:768px){
	#nav_wr{width:100%;height:unset;border-bottom:0;padding: 0;}
	.pc_menu{display:none}
	.m_menu{display:block;}
}
/* sub navigation */
#nav_wr{width:100%;}
#nav_wr .nav-top-wr{margin:0 auto;background: #f8f9fa;}
#nav_wr .nav-top-wr .home{display: block;width:60px;height: 60px;border-left:1px solid #eeeeee;border-right:1px solid #eeeeee;font-size: 25px;line-height: 58px;text-align: center;color: #000;}
#nav_wr .nav-top-wr .nav_ul{}
#nav_wr .nav-top-wr .nav_ul li{position:relative;float:left;min-width: 240px;height: 60px;cursor: pointer;}
#nav_wr .nav-top-wr .nav_ul li .nav_1a{font-size: 16px;color:#000;font-weight: 300;height: 100%;display: flex;align-items: center;}
#nav_wr .nav-top-wr .nav_ul li .nav_1a:hover{color: #fff;}
#nav_wr .nav-top-wr .nav_ul li .nav_1a::after{content:'';display:block;position:absolute;top: 27px;right: 16px;width: 24px;height:12px;background: url('../img/sub/sub-arr-bh.png')no-repeat;}
#nav_wr .nav-top-wr .nav_ul li ul{position:relative;display:none;position:absolute;top: 60px;left:-1px;border-left:1px solid #eeeeee;z-index:10;}
#nav_wr .nav-top-wr .nav_ul li ul li{border-bottom:1px solid #eeeeee;border-right:1px solid #eeeeee;transition:0.3s;background:#fff;/* line-height: 60px; */height: 50px;}
#nav_wr .nav-top-wr .nav_ul li ul li:hover{background:#f5f5f5}
#nav_wr .nav-top-wr .nav_ul li ul li a{display:block;height: 50px;line-height: 50px;color:#000;padding: 0 20px;}

#nav_wr .nav-list-wr{position: relative;background:#fff;}
#nav_wr .nav-list-wr .page-ttl{text-align:center;font-size: 28px;font-weight: 800;padding: 50px 0 20px;}
#nav_wr .nav-list-wr .menu{/* max-width:1400px; *//* margin:0 auto; */overflow:hidden;line-height: 58px;}
#nav_wr .nav-list-wr .menu ul{text-align:center;background: #f7f8f7;border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;}
#nav_wr .nav-list-wr .menu ul li{display:inline-block;padding: 0 20px;position: relative;}
#nav_wr .nav-list-wr .menu ul li a{display:block;padding: 0 10px;color: #393939;font-weight: 500;position: relative;}
#nav_wr .nav-list-wr .menu ul li a::after{content:'';position:absolute;background: #2b80b9;width:100%;height: 2px;bottom:0;left:0;display: none;}
#nav_wr .nav-list-wr .menu ul li.active a{}
#nav_wr .nav-list-wr .menu ul li.active a::after{display:block;}

#nav_wr .tab-list{position: relative;background:#fff;}
#nav_wr .tab-list .page-ttl{text-align:center;font-size: 28px;font-weight: 800;padding: 50px 0 20px;}
#nav_wr .tab-list .menu{/* max-width:1400px; *//* margin:0 auto; */overflow:hidden;line-height: 58px;}
#nav_wr .tab-list .menu ul{text-align:center;padding: 25px 0;display: flex;flex-wrap: wrap;justify-content: center;width: 100%;max-width: 1400px;margin: 0 auto;}
#nav_wr .tab-list .menu ul li{position: relative;display: table-cell;width: 15%;}
#nav_wr .tab-list .menu ul li a{display:block;position: relative;border: 1px solid #2c95d2;color: #2c95d2;}
#nav_wr .tab-list .menu ul li.active a{background: #2c95d2;color: #fff;}

#nav_wr .tab-sub-visual{width: 100%;height: 219px;background-position: center;background-repeat: no-repeat;background-size: cover;display: table;}
#nav_wr .tab-sub-visual.visual01{background-image:url('../img/sub/tab-sub-visual01.jpg')}
#nav_wr .tab-sub-visual.visual02{background-image:url('../img/sub/tab-sub-visual02.jpg')}
#nav_wr .tab-sub-visual.visual03{background-image:url('../img/sub/tab-sub-visual03.jpg')}
#nav_wr .tab-sub-visual.visual04{background-image:url('../img/sub/tab-sub-visual04.jpg')}
#nav_wr .tab-sub-visual.visual05{background-image:url('../img/sub/tab-sub-visual05.jpg')}
#nav_wr .tab-sub-visual .tab-sub-txt{color:#fff;text-align: center;}
#nav_wr .tab-sub-visual .tab-sub-txt .t01{font-size:15px;color: rgba(255,255,255,0.7);}
#nav_wr .tab-sub-visual .tab-sub-txt .ttl{font-size:25px;}

#nav_wr .tab-sub{background:#f5f5f5}
#nav_wr .tab-sub ul{display:flex;flex-wrap: wrap;justify-content: center;width: 100%;max-width: 1400px;margin: 0 auto;text-align: center;padding: 5px 0 25px;}
#nav_wr .tab-sub ul li{font-size: 18px;padding: 0 10px;}
#nav_wr .tab-sub.sub01 ul li{width: calc(100%/6);}
#nav_wr .tab-sub.sub02 ul li{width: calc(100%/6);}
#nav_wr .tab-sub.sub03 ul li{width: calc(100%/5);}
#nav_wr .tab-sub.sub04 ul li{width: calc(100%/3);}
#nav_wr .tab-sub.sub05 ul li{width: calc(100%/4);}
#nav_wr .tab-sub ul li a{display:block;position: relative;color:#838383;padding: 20px 0;}
#nav_wr .tab-sub ul li a:before{display:none;content:'';position:absolute;left: 50%;bottom: -5px;width: 0px;height: 0px;border-top: 5px solid #2c95d2;border-left: 5px solid transparent;border-right: 5px solid transparent;transform: translateX(-50%);}
#nav_wr .tab-sub ul li a:after{display:block;content:'';position:absolute;width:100%;height: 5px;background:#aeaeae;left:0;bottom: 0;}
#nav_wr .tab-sub ul li.active a{color:#2c95d2}
#nav_wr .tab-sub ul li.active a:before{display:block}
#nav_wr .tab-sub ul li.active a:after{background:#2c95d2}

@media screen and (max-width:1600px){
    #nav_wr .nav-list-wr .navi_bg{width:100%}
}

@media screen and (max-width:1400px){
	#nav_wr{}
	#nav_wr .nav-top-wr{padding:0 20px;}
	#nav_wr .nav-list-wr .menu ul li a{padding: 0 30px;}
}

@media screen and (max-width: 1300px){
	#nav_wr{background-position: center -50px;}
	#nav_wr .nav-top-wr .home{width:50px;height:50px;line-height: 48px;}
	#nav_wr .nav-top-wr .nav_ul li{height: 50px;}
	#nav_wr .nav-top-wr .nav_ul li .nav_1a{height:50px;line-height:50px;font-size: 16px;}
	#nav_wr .nav-list-wr .menu{line-height: 48px;}
	#nav_wr .nav-list-wr .menu ul li{padding: 0 10px;}
	#nav_wr .nav-list-wr .menu ul li a{padding: 0 25px;font-size: 16px;font-weight: 400;}
	#nav_wr .tab-list .menu{line-height: 48px;}
	#nav_wr .tab-list .menu ul li a{font-size:16px}

	#nav_wr .tab-sub-visual{height:160px}
	#nav_wr .tab-sub-visual .tab-sub-txt .t01{font-size:14px;}
	#nav_wr .tab-sub-visual .tab-sub-txt .ttl{font-size: 22px;}

	#nav_wr .tab-sub ul{padding: 0px 20px 20px;}
	#nav_wr .tab-sub ul li{font-size: 16px;}
	#nav_wr .tab-sub ul li a{padding: 15px 0;}
}

@media screen and (max-width:1024px){
	#nav_wr .nav-list-wr .page-ttl{padding: 40px 0 15px;font-size: 26px;}
	#nav_wr .nav-list-wr .menu ul li a{font-size: 14px;padding: 0 5px;}
	#nav_wr .tab-list .menu ul li.long{width:auto}
	#nav_wr .tab-list .menu ul li a{font-size:14px}
	#nav_wr .tab-list .menu ul li a.long{font-size:13px;padding: 0 3px;}
	
	#nav_wr .tab-sub ul{width:600px;}
	#nav_wr .tab-sub ul li{font-size: 15px;}
	#nav_wr .tab-sub ul li a{padding: 10px 0 8px;}
	#nav_wr .tab-sub ul li a:after{height: 3px;}
	#nav_wr .tab-sub.sub01 ul li{width:calc(100%/3);padding: 0 15px;}
}

@media screen and (max-width:768px){
	#nav_wr{padding:50px 0 0;height: auto;padding: 0;}
	#nav_wr .nav-list-wr .menu{float:none;text-align:center}
	
	#nav_wr .tab-sub-visual{height:120px}
	#nav_wr .tab-sub-visual .tab-sub-txt .t01{font-size:13px;}
	#nav_wr .tab-sub-visual .tab-sub-txt .ttl{font-size: 18px;}
	
	#nav_wr .tab-sub ul{width:500px;}
	#nav_wr .tab-sub ul li{font-size: 14px;}
}

@media screen and (max-width:500px){
	#nav_wr{/* padding:30px 0 0 */}
	#nav_wr .nav-list-wr .menu ul li{display:none}
	#nav_wr .nav-list-wr .menu ul li.active{display:block}
	#nav_wr .nav-list-wr .menu ul li.active::after{display:none}

	#nav_wr .tab-list .menu{line-height: 33px;}
	#nav_wr .tab-list .menu ul{width: 150px;padding: 20px 0;}
	#nav_wr .tab-list .menu ul li{width:100%}
	
	#nav_wr .tab-sub ul{width: 230px;padding: 10px 0;}
	#nav_wr .tab-sub ul li{width: 100% !important;}
	#nav_wr .tab-sub ul li a{display:inline-block;padding: 5px 0 3px;}
	#nav_wr .tab-sub ul li a:before{left: auto;right: -20px;transform: translate(0 , -50%);bottom: auto;top: 50%;border-right: 0;border-left: 8px solid #2c95d2;border-top: 4px solid transparent;border-bottom: 4px solid transparent;}
	#nav_wr .tab-sub ul li a:after{display:none;}
}

/* common */
.sub-wr{font-size:17px;color:#212121;padding: 80px 0 50px;}
.sub-wr .sub-ttl{text-align:center;padding: 0 0 60px;font-size: 22px;font-weight: 600;color: #274a9a;}
.sub-wr .sub-ttl .ttl{display:inline-block;position:relative;padding: 0 0 15px;}
.sub-wr .sub-ttl .ttl:after{display:block;content:'';position:absolute;width: 60px;height: 2px;background: #b0ced8;left:50%;transform:translateX(-50%);bottom:0;}
.sub-wr .con-wr{position:relative;padding:30px 0;}
.sub-wr .hf-bx{width:50%;}
.sub-wr .hf-bx .img{text-align:center;}
.sub-wr .con-wr .con-ttl{font-size:25px;color:#274a9a;font-weight:600;padding-left: 80px;}
.sub-wr .con-wr .con-ttl .ttl-bar{width: 80px;height: 2px;background: #b0ced8;margin-bottom: 30px;}
.sub-wr .con-wr .con-ttl .t01{font-size:20px;line-height: 45px;}

.bd5{font-weight: 500;}
.bd6{font-weight: 600;}


@media (max-width:1440px){
	.sub-wr{}
	.sub-wr .sub-ttl{padding: 0 0 50px;}
}

@media (max-width:1300px){
	.sub-wr{padding: 60px 0 40px;font-size:16px;}
	.sub-wr .sub-ttl{padding: 0 0 40px;font-size: 20px;}
	.sub-wr .sub-ttl .ttl:after{width: 50px;}
	.sub-wr .con-wr .con-ttl{font-size:23px;padding-left: 50px;}
	.sub-wr .con-wr .con-ttl .t01{font-size:18px;line-height: 43px;}
}

@media (max-width:1024px){
	.sub-wr{padding: 50px 0 30px;font-size:15px;}
	.sub-wr .sub-ttl{padding: 0 0 30px;font-size: 19px;}
	.sub-wr .sub-ttl .ttl{padding:0 0 10px;}
	.sub-wr .sub-ttl .ttl:after{width: 45px;}
	.sub-wr .hf-bx{width:100%;}
	.sub-wr .con-wr .con-ttl{text-align:center;padding-left: 0;}
	.sub-wr .con-wr .con-ttl .ttl-bar{margin: 0 auto 20px;}
}

@media (max-width:768px){
	.sub-wr{padding: 30px 0;font-size:14px;}
	.sub-wr .sub-ttl{padding: 0 0 20px;font-size: 18px;}
	.sub-wr .sub-ttl .ttl:after{width: 30px;}
	.sub-wr .con-wr .con-ttl{font-size:20px;}
	.sub-wr .con-wr .con-ttl .t01{font-size:16px;line-height: 28px;}
	.sub-wr .con-wr .con-ttl .mo-only{display:block;}
}

@media (max-width:500px){
	.sub-wr .con-wr .con-ttl{font-size:18px;}
	.sub-wr .con-wr .con-ttl .t01{font-size:15px;}
}

.table-wr{}
.table-wr table{width:100%;border-spacing: 0px;border-collapse: collapse;}
.table-wr table th,
.table-wr table td{padding: 15px 10px;text-align:center;border: 2px solid;}
.table-wr table thead{}
.table-wr table thead th{border-color: #2d6cb5;background: #2d6cb5;color: #fff;}
.table-wr table tbody{}
.table-wr table tbody th{border-color:#2d6cb5;color: #2d6cb5;border-width: 2px;}
.table-wr table tbody td{border-color: #dedede;color: #666666;}
.table-wr table tbody tr:nth-child(2n+1) td{background: #f5f5f5;}
.table-wr table tbody td:first-child{border-right: 2px solid #2d6cb5;}
.table-wr .table-add{text-align: right;padding: 10px 0 0;color: #727272;}

@media (max-width:768px){
	.table-wr table th, .table-wr table td{padding:10px 5px;}
}
/* 공통 */
.con-wr .sub-tit{padding-top: 87px; padding-bottom: 54px; text-align: center;}
.con-wr .sub-tit .tit{font-size: clamp(32px,4vw,55px);font-weight: 700;font-family: 'Pretendard';}

.left-text{text-align: left;}
.right-text{text-align: right;}

.bg_gray{background: #eeefee;}

/* sub1-1 인사말 */
.sub1_1{}
.sub1_1 .con-wr{text-align: center;}
.sub1_1 .con-wr .main_img_box{position: relative;}
.sub1_1 .con-wr .main_img_box img{min-height :15vh}
.sub1_1 .main_img_box .sub-tit {padding: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);color: #fff;font-size: clamp(24px, 4.5vw, 50px);font-weight: 600;text-shadow: 0 0 30px #000000;}
.sub1_1 .main_img_box .sub-tit .tit{font-family: 'SCDream1';}
.con-wr .sub-tit{padding-top: clamp(30px,7vw,87px);padding-bottom: clamp(30px,4vw,54px);}
.sub1_1 .con-wr .sub-tit .tit{font-size: clamp(20px,4.5vw,50px);font-weight: 600;}
.sub1_1 .con-wr .sub_txt {padding: clamp(20px,5.8vw,69px) 15px 0px;}
.sub1_1 .con-wr .sub_txt p {font-size: clamp(18px,1.7vw,22px);font-weight: 300;font-family: "Pretendard";line-height: 1.7em;}
.sub1_1 .con-wr .sign_box{padding-top: 54px; padding-bottom: 87px;}

@media (max-width:1440px){
	.intro .sub-content .con-wr .ttl-ln p{font-size: 23px;}
	.intro .sub-content .banner-wr{height: 500px;}
	.intro .sub-content .banner-wr:after{width: 220px;height: 90px;right: 40px;margin-right: 0;}
	.intro .sub-content .banner-wr .txt{font-size: 16px;line-height: 23px;padding: 30px 0 0;}
}

@media (max-width:1300px){
	.intro .sub-content .con-wr .ttl-ln p:before{width: 16px;height: 13px;}
	.intro .sub-content .con-wr .ttl-ln p{font-size: 20px;}
	.intro .sub-content .con-wr .ttl-ln p:after{width: 16px;height: 13px;}
	.intro .sub-content .con-wr .txt-wr{padding: 20px 0 40px;line-height: 25px;}
	.intro .sub-content .con-wr .con-ln .con-bx{height: 150px;}
	.intro .sub-content .con-wr .con-ln .con-bx .con-img img{width: 75px;}
	.intro .sub-content .con-wr .con-ln .con-bx .con-txt{padding-top: 10px;font-size: 17px;}
	.intro .sub-content .banner-wr{height: 450px;}
	.intro .sub-content .banner-wr:after{width: 180px;height: 75px;}
	.intro .sub-content .banner-wr .txt{font-size: 16px;line-height: 23px;padding: 30px 0 0;}
}

@media (max-width:1024px){
	.intro .sub-content .con-wr{padding-bottom: 30px;}
	.intro .sub-content .con-wr .ttl-ln p:before{width: 14px;height: 12px;}
	.intro .sub-content .con-wr .ttl-ln p{font-size: 18px;padding: 5px 15px;}
	.intro .sub-content .con-wr .ttl-ln p:after{width: 14px;height: 12px;}
	.intro .sub-content .con-wr .txt-wr{padding: 20px 0;line-height: 23px;}
	.intro .sub-content .con-wr .txt-wr .pc-only{display:none;}
	.intro .sub-content .con-wr .con-ln .con-bx{height: 120px;}
	.intro .sub-content .con-wr .con-ln .con-bx:before{width: calc(100% - 100px);left: 50px;}
	.intro .sub-content .con-wr .con-ln .con-bx .con-img img{width: 60px;}
	.intro .sub-content .con-wr .con-ln .con-bx .con-txt{padding-top: 8px;font-size: 16px;}
	.intro .sub-content .banner-wr{height: 380px;}
	.intro .sub-content .banner-wr:after{width: 150px;height: 60px;}
	.intro .sub-content .banner-wr .txt{font-size: 15px;padding: 25px 0 0;}
	.intro .sub-content .banner-wr .txt:after{width: 80px;height:3px;}
}

@media (max-width:768px){
	.intro .sub-content .con-wr{padding-bottom: 30px;}
	.intro .sub-content .con-wr .ttl-ln p:before{width: 14px;height: 12px;}
	.intro .sub-content .con-wr .ttl-ln p{font-size: 17px;}
	.intro .sub-content .con-wr .ttl-ln p:after{width: 14px;height: 12px;}
	.intro .sub-content .con-wr .txt-wr{line-height: 20px;}
	.intro .sub-content .con-wr .txt-wr .pc-only{display:none;}
	.intro .sub-content .con-wr .con-ln .con-bx{height: 100px;}
	.intro .sub-content .con-wr .con-ln .con-bx:before{width: calc(100% - 100px);left: 50px;}
	.intro .sub-content .con-wr .con-ln .con-bx .con-img img{width: 55px;}
	.intro .sub-content .con-wr .con-ln .con-bx .con-txt{padding-top: 5px;font-size: 15px;}
	.intro .sub-content .banner-wr{height: auto;padding: 50px 20px;}
	.intro .sub-content .banner-wr:after{width: 100px;height: 40px;right: 20px;}
	.intro .sub-content .banner-wr .txt{font-size: 14px;}
	.intro .sub-content .banner-wr .txt .pc-only{display:none;}
	.intro .sub-content .banner-wr .txt:after{width: 60px;height: 2px;}
}

/* sub1-2 회사연혁 */
.sub1_2 .con-wr{}
.sub1_2 .con-wr .top_img{padding-top: clamp(16px,4vw,46px); padding-bottom: clamp(16px,6vw,68px);}
.sub1_2 .con-wr .top_img img{min-height: 15vh;}
.sub1_2 .con-wr .history {display: flex;gap: 26px;flex-wrap: wrap;flex-direction: row;}
.sub1_2 .con-wr .history .history_box{flex: 0 1 calc( 100% / 2 - 20px);}
.sub1_2 .con-wr .history .history_box .tit{font-size: clamp(28px,4vw,50px);font-weight: 600;font-family: "SCDream1";color: #1d2452;padding-left: clamp(16px,3vw,40px);}
.sub1_2 .con-wr .history .history_box .tit.tit02{color: #2e1c7e;}
.sub1_2 .con-wr .history .history_box .txt_box{display: flex;padding: 38px 0 38px clamp(16px,3vw,40px);border-bottom: solid 1px #c0c0c0;align-items: baseline;}
.sub1_2 .con-wr .history .history_box .txt_box .year{padding-right: clamp(12px,3vw,36px);}
.sub1_2 .con-wr .history .history_box .txt_box .year h4{font-size: clamp(18px,2.5vw,30px);font-weight: 600;font-family: "SCDream1"}
.sub1_2 .con-wr .history .history_box .txt_box .main_txt_box{}
.sub1_2 .con-wr .history .history_box .txt_box .main_txt_box .txt{display: flex; line-height: 60px;}
.sub1_2 .con-wr .history .history_box .txt_box .main_txt_box .txt h5{font-size: clamp(16px,2vw,24px);font-weight: 600;font-family: "Pretendard";padding-right: 28px;}
.sub1_2 .con-wr .history .history_box .txt_box .main_txt_box .txt p{font-size: clamp(16px,2vw,24px);font-weight: 300;font-family: "Pretendard";letter-spacing: -1.2px;}
.sub1_2 .con-wr{}

@media screen and (max-width:960px) {
	.sub1_2 .con-wr .history .history_box{flex: 0 1 calc( 100% / 1 - 20px);}
}

@media screen and (max-width:768px) {
	.sub1_2 .con-wr .history .history_box .txt_box .main_txt_box .txt{line-height: 2em;}
	.sub1_2 .con-wr .history .history_box .txt_box .main_txt_box .txt p{font-weight: 500;}
}

/* sub1-3 찾아오시는 길*/
.sub1_3{ }
.sub1_3 .map_content{position:relative;display: flex; padding-top: 48px; padding-bottom: 54px;}
.sub1_3 .map_content .map_bg {flex: 60%;}
.sub1_3 .map_content .map_bg > div {width: 100% !important;max-width: 1350px;}
.sub1_3 .map_content .map_bg > div .hide{display: none !important;}
.sub1_3 .map_content .wrap_map {height: 600px !important;}
.sub1_3 .root_daum_roughmap .cont{display: none;}
.sub1_3 .map_content .box_wr{flex: 40%;}
.sub1_3 .map_content > div p:last-child{font-size: clamp(16px,2vw,18px);}
.sub1_3 .map_content .box01 {background: #fff;height: 200px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;border-bottom: 1px solid #d9d9d9;border-top: 1px solid #d9d9d9;font-size: clamp(18px,2vw,20px);}
.sub1_3 .map_content .box01 p:first-child {font-size: clamp(22px,2vw,26px);font-weight: 800;padding-bottom: 15px;font-family: 'Pretendard';}

.sub1_3 .map_content .box02 {background: #fff;height: 200px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;border-bottom: 1px solid #d9d9d9;font-size: clamp(18px,2vw,20px);}
.sub1_3 .map_content .box02 p:first-child {font-size: clamp(22px,2vw,26px);font-weight: 700;padding-bottom: 15px;font-family: 'Pretendard';}

.sub1_3 .map_content .box03 {background: #fff;height: 200px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;font-size: clamp(18px,2vw,20px);border-bottom: 1px solid #d9d9d9;}
.sub1_3 .map_content .box03 p:first-child {font-size: clamp(22px,2vw,26px);font-weight: 800;font-family: 'Pretendard';padding-bottom: 15px;}

/*
.sub1_3 .map_content .box04{background:#fbe100;height: 150px;padding: 48px 70px;display:flex;align-items:center;justify-content:space-between;cursor: pointer;font-size: clamp(18px,2vw,20px);}
.sub1_3 .map_content .box04 p:first-child{font-size: clamp(22px,2vw,26px);font-weight: 800;padding-bottom: 15px;font-family: 'Pretendard';}
*/
.sub1_3 .arrow {transition: transform 0.3s ease;}
.sub1_3 .arrow.active {transform: rotate(180deg);}
.sub1_3 .menu_con .txt {max-height: 0;overflow: hidden;transition: max-height 0.5s ease; }

@media screen and (max-width:1024px) {
	.sub1_3 .map_content{flex-wrap:wrap}
	.sub1_3 .map_content .wrap_map {height: 410px !important;}
	.sub1_3 .map_content .box_wr{top:-50px;right: 20px;flex: 100%;}
	.sub1_3 .map_content .map_bg{flex:100%}

	.sub1_3 .map_content .box01{padding: 30px 40px;height: 150px;}
	.sub1_3 .map_content .box01 p:first-child{font-size:20px}

	.sub1_3 .map_content .box02{padding: 30px 40px;height: 150px;}
	.sub1_3 .map_content .box02 p:first-child{font-size:20px}

	.sub1_3 .map_content .box03{padding: 30px 40px;height: 150px;}
	.sub1_3 .map_content .box03 p:first-child{font-size:20px}

	.sub1_3 .map_content .box04{padding: 30px 40px;height: 150px;}
	.sub1_3 .map_content .box04 p:first-child{font-size:20px}
}

@media screen and (max-width:768px) {
	.sub1_3 .btm_con{gap: 12px;}
	.sub1_3 .right_con{flex: 100%}
	.sub1_3 .page-tit{padding: 0 20px 30px 20px;}
	.sub1_3 .map_content .wrap_map {height: 310px !important;}
	
	.sub1_3 .map_content .box_wr{position: unset;}
	
	.sub1_3 .map_content .box01{padding: 20px 30px;}
	.sub1_3 .map_content .box01 p:first-child{font-weight: 600;}
	
	.sub1_3 .map_content .box02{padding: 20px 30px;}
	.sub1_3 .map_content .box02 p:first-child{font-weight: 600;}
	
	.sub1_3 .map_content .box03{padding: 20px 30px;}
	.sub1_3 .map_content .box03 p:first-child{font-weight: 600;}
	
	.sub1_3 .map_content .box04{padding: 20px 30px;}
	.sub1_3 .map_content .box04 p:first-child{font-weight: 600;}
}

@media screen and (max-width:580px) {}

/* sub2-1 PosMAC-저류조 */
.sub2_1{}
.sub2_1 .con-wr{
    text-align: center;
}
.sub2_1 .con-wr .sub-tit{padding-top: 87px; padding-bottom: 54px;}
.sub2_1 .con-wr .sub-tit .tit{font-size: clamp(32px,4.5vw,55px); font-weight: 700; font-family: "Pretendard";}
.sub2_1 .con-wr .main_img_box{padding-bottom: 86px;}
.sub2_1 .con-wr .sub_con .sub_tit_box {background-color: #efefef;max-width:682px;border-radius: 42px;height: 5em;display: flex;align-items: center;justify-content: center;margin: 60px auto;/* padding: 30px; */}
.sub2_1 .con-wr .sub_con .sub_tit_box h3{font-size: clamp(24px,3vw,35px); font-weight: 500; line-height: 30px;}
.sub2_1 .con-wr .sub_con .sub_con_boxs{display: flex;gap: 28px;flex-wrap: wrap;flex-direction: row;padding-bottom: 80px;}
.sub2_1 .con-wr .sub_con .sub_con_boxs .sub_con_box{flex: 0 1 calc(100% / 2 - 14px);border: solid 3px #04162a;border-radius: 10px;display: flex;flex-direction: row;align-items: center;}
.sub2_1 .con-wr .sub_con .sub_con_boxs .sub_con_box .icon_box{flex: 0 1 28%;padding-bottom: 22px;}
.sub2_1 .con-wr .sub_con .sub_con_boxs .sub_con_box .icon_box p{background-color:#1d2452;border-radius: 20px;line-height: 30px;font-size: 20px;font-weight: 600;padding: 5px 33px;width: 123px;margin: 0 auto;color: #fff;}
.sub2_1 .con-wr .sub_con .sub_con_boxs .sub_con_box ul{ text-align: start;padding-left: 24px;}
.sub2_1 .con-wr .sub_con .sub_con_boxs .sub_con_box ul li{list-style: disc;line-height: 40px;font-size: clamp(18px,2vw,24px);font-family: "Pretendard";font-weight: 500;}
.sub2_1 .con-wr .sub_con .sub_img_con_boxs {display: flex;gap: 24px;margin-bottom: 60px;}
.sub2_1 .con-wr .sub_con .sub_img_con_boxs .con_box {display: flex;flex-direction: column;text-align: start;gap: 26px;}
.sub2_1 .con-wr .sub_con .sub_img_con_boxs .con_box img{}
.sub2_1 .con-wr .sub_con .sub_img_con_boxs .con_box .text{background: #f8f9fa;border-radius: 10px;padding: 40px;flex: 50%;}
.sub2_1 .con-wr .sub_con .sub_img_con_boxs .con_box h3 {font-size: 32px; font-family: 'SCDream1'; font-weight: 600; color: #1d2452; padding-bottom: 36px;}
.sub2_1 .con-wr .sub_con .sub_img_con_boxs .con_box ul {padding-left: 24px;}
.sub2_1 .con-wr .sub_con .sub_img_con_boxs .con_box ul li{list-style: disc;font-size: clamp(18px,2vw,24px);font-family: 'Pretendard';font-weight: 500;line-height: 1.5em;letter-spacing: -1px;}

@media (max-width:1650px){

}

@media (max-width:1440px){
	.sub2_1 .con-wr .sub_con{padding: 0 15px;}
}

@media (max-width:1024px){
	.sub2_1 .con-wr .sub_con .sub_con_boxs .sub_con_box{flex-direction: column;align-items: stretch;}
	.sub2_1 .con-wr .sub_con .sub_con_boxs .sub_con_box ul{ margin-left: 24px;}

}

@media (max-width:768px){
	.sub2_1 .con-wr .sub_con .sub_img_con_boxs {flex-direction: column;}
	.sub2_1 .con-wr .sub_con .sub_con_boxs{flex-direction: column;}

}

/* sub2-2 PE피복 파형강관 */
.sub2-2{}
.sub2-2 .con-wr{}
.sub2-2 .con01{background:#f2f2f2;}
.sub2-2 .con01 .con-ttl{padding-bottom:20px;}
.sub2-2 .con03 .con-ttl{padding: 10px 0;text-align: center;background: #2d6cb5;color: #fff;}
.sub2-2 .con03 .con-img{text-align:center;}
.sub2-2 .con03 .con-txt{background:#f2f2f2;padding: 30px 0;text-align: center;line-height: 28px;}

@media (max-width:1024px){
	.sub2-2 .con-wr .pc-only{display:none;}
	.sub2-2 .con01{text-align:center;}
	.sub2-2 .con02 .con-ttl{padding-bottom: 20px;}
	.sub2-2 .con03 .con-txt{padding: 20px;}
}

@media (max-width:768px){
	.sub2-2 .con03 .con-txt{line-height: 23px;}
}

/* sub3-1 파형강관 */
.sub3_1{ }
.sub3_1 .con_1{
    text-align: center;
	padding: 0 15px;
}
.sub3_1 .con_1 .point_boxlist {display: flex;justify-content: center;gap: 44px; padding-bottom: 80px;}
.sub3_1 .con_1 .point_boxlist>div {display: flex;flex-direction: column;gap: 32px; flex: 0 1 calc(100% / 4 - 22px);border-radius: 20px;background: #74c4ae;padding: 60px 0 66px;color: #fff;}
.sub3_1 .con_1 .point_boxlist>div:nth-child(1) {background: #74c4ae; }
.sub3_1 .con_1 .point_boxlist>div:nth-child(2) {background: #575fad; }
.sub3_1 .con_1 .point_boxlist>div:nth-child(3) {background: #3139b4; }
.sub3_1 .con_1 .point_boxlist>div:nth-child(4) {background: #b15fb7; }
.sub3_1 .con_1 .point_boxlist h4 {font-size: 26px; font-weight: 700;}
.sub3_1 .con_1 .point_boxlist p {font-size: 22px; font-weight: 300;}

.sub3_1 .con_2{background: #f9fafa;padding: 95px 15px;}
.sub3_1 .con_2 .sub_img_con_boxs {display: flex;gap: 24px;margin-bottom: 60px;flex-wrap: wrap;flex-direction: row;}
.sub3_1 .con_2 .sub_img_con_boxs .con_box {display: flex;flex-direction: column;gap: 26px;flex: 0 1 calc(100% / 2 - 13px);text-align: start;}
.sub3_1 .con_2 .sub_img_con_boxs .con_box img{}
.sub3_1 .con_2 .sub_img_con_boxs .con_box .text{background: #fff;border-radius: 10px;padding: 40px;flex: 50%;}
.sub3_1 .con_2 .sub_img_con_boxs .con_box h3 {font-size: clamp(24px,2.5vw,32px);font-family: 'SCDream1';font-weight: 600;color: #1d2452;padding-bottom: 36px;}
.sub3_1 .con_2 .sub_img_con_boxs .con_box ul {padding-left: 24px;}
.sub3_1 .con_2 .sub_img_con_boxs .con_box ul li{list-style: disc;font-size: clamp(18px,1.7vw,24px);font-family: 'Pretendard';font-weight: 500;line-height: 1.5em;letter-spacing: -1px;}

@media (max-width:1300px){

}

@media (max-width:1024px){
	.sub3_1 .con_1 .point_boxlist {flex-wrap: wrap;}
	.sub3_1 .con_1 .point_boxlist>div {flex: 0 1 calc(100% / 2 - 22px);}
}

@media (max-width:768px){
	.sub3_1 .con_2 .sub_img_con_boxs {flex-direction: column;}
}

@media (max-width:600px){
	.sub3_1 .con_1 .point_boxlist>div {flex: 0 1 calc(100% / 1 - 22px);}
}

.top_text{background: #1d2452;color: #fff;border-radius: 33px 33px 0px 0px;padding: 25px 0px;width: 50%;margin: 0 auto;}
.top_text h3{font-size: clamp(24px,3vw,36px);font-weight: 600;}

@media screen and (max-width:1024px){
		.top_text{width: 80%;}
}


/* sub3-2 PE피복 파형강관 */
.sub3_2{ }
.sub3_2 .con_1{
    text-align: center;
    /* padding: 0 15px; */
}
.sub3_2 .con_box1{}
.sub3_2 .con_box1{background: #195451;color: #fff;padding: 62px 15px;border-radius: 126px;}
.sub3_2 .con_box1 h3{font-size: clamp(22px,3vw,36px); font-weight: 600; padding-bottom: 36px;}
.sub3_2 .con_box1 h3 span{color: #fffc00;}
.sub3_2 .con_box1 p {font-size: clamp(16px,1.7vw,22px);font-weight: 400;line-height: 1.6em;}

.sub3_2 .con_box2{}
.sub3_2 .con_box2{display: flex;justify-content: center;gap: 42px;padding: 55px 10px;}

.sub3_2 .con_box3{}
.sub3_2 .con_box3{background: #f3f3f3;  padding: 44px clamp(20px,6vw,74px);}
.sub3_2 .con_box3>div{background: #fff;border-radius: 33px;padding: 54px clamp(20px,7vw,120px);}
.sub3_2 .con_box3 .sub_box{
    display: flex;
    justify-content: center;
    gap: clamp(22px,7vw,88px);
}
.sub3_2 .con_box3 .sub_box>div{border: solid 1px #e1e4eb;border-radius: 33px;overflow: hidden;padding: 24px clamp(15px,3.8vw,42px);}

.sub3_2 .con_box4 {background: #f3f3f3;padding: 44px clamp(20px,6vw,74px); margin-bottom: 50px;}
.sub3_2 .con_box4 .top_text{background: #1d2452;color: #fff;border-radius: 33px 33px 0px 0px;padding: 25px 0px;width: 50%;margin: 0 auto;}
.sub3_2 .con_box4 .top_text h3{font-size: clamp(22px,3vw,36px); font-weight: 600; }

.sub3_2 .con_box5{}
.sub3_2 .con_box5 {background: #fff;border-radius: 33px;display: flex;padding: 90px clamp(15px,7vw,86px) 72px;gap: 76px;}
.sub3_2 .con_box5 .text_box{text-align: start; flex: 0 1 65%;}
.sub3_2 .con_box5 .text_box h4{font-size: clamp(24px,4vw,44px);font-weight: 500;color: #273860;letter-spacing: -1px;margin-bottom: 10px;}
.sub3_2 .con_box5 .text_box ul {font-size: clamp(18px, 2vw, 22px); padding-left: 24px;}
.sub3_2 .con_box5 .text_box ul li{text-indent: -0.7em;line-height: 1.3em;}
.sub3_2 .con_box5 .text_box ul li::before{content: "- ";}

.sub3_2 .con_box5 .img_box {text-align: end;flex: 0 1 35%;display: flex;flex-direction: column;justify-content: space-around;}
.sub3_2 .con_box5 .img_box p{font-size: 18px; font-weight: 600;}

@media screen and (max-width:1024px) {
	.sub3_2 .con_box2 {flex-direction: column;}
	.sub3_2 .con_box3 .sub_box{flex-direction: column;}
	.sub3_2 .con_box5 {flex-direction: column;}
}

/* sub3-3 내부평활형 파형강관 */
.sub3_3{ }
.sub3_3 .con_1{
    text-align: center;
	padding: 0px;
	
}
.sub3_3 .bg_box{background: #f3f3f3;padding: clamp(24px,4vw,44px) clamp(32px,7vw,86px);}
.sub3_3 .con_box1{}
.sub3_3 .con_box1{background: #22ada7;color: #fff;padding: 62px 0px;border-radius: 95px;}
.sub3_3 .con_box1 h3{font-size: clamp(22px,3vw,36px); font-weight: 600; padding-bottom: 36px;}
.sub3_3 .con_box1 h3 span{color: #fffc00;}
.sub3_3 .con_box1 p {font-size: clamp(18px, 2vw, 22px);font-weight: 400;line-height: 1.6em;}

.sub3_3 .con_box2{}
.sub3_3 .con_box2{display: flex;justify-content: center;gap: 42px;padding: clamp(20px,4.5vw,55px) 20px;}
.sub3_3 .con_box3 .top_text{background: #58c6f2;}


.sub3_3 .con_box3 {margin-bottom: 40px;}
.sub3_3 .con_box3 .main_box {background: #fff;border-radius: 33px;padding: clamp(16px,4vw,54px) clamp(16px,4vw,50px);display: flex;flex-direction: column;gap: 50px;}
.sub3_3 .con_box3 .main_box .top_con{display: flex;background: #fff;border-radius: 33px; gap: 50px;}
.sub3_3 .con_box3 .main_box .top_con>div{flex:0 1 calc(100% / 2);}
.sub3_3 .con_box3 .main_box .top_con .sub_box{border: solid 3px #e1e4eb;border-radius: 33px;overflow: hidden;padding: 20px 50px;margin-left: 37px;}
.sub3_3 .con_box3 .main_box .top_con .sub_box h4{font-size: clamp(18px,2.5vw,26px);font-weight: 600;letter-spacing: -1px;}

.sub3_3 .con_box4::before{
	content: '';
	background: url('../img/sub/sub3_3_bg_01.png');
	display: block;
	position: absolute;
	width: 100%;
	height: 110px;
	background-repeat: no-repeat;
	top: -76px;
	right: 0%;
	/* transform: translate(-25%, 0%); */
	background-position: center;
}

.sub3_3 .con_box4 {display: flex;justify-content: center;text-align: start;align-items: center; position: relative;}
.sub3_3 .con_box4 {background: #fff;border-radius: 33px;padding: clamp(30px,4vw,54px) clamp(20px,7vw,80px);}
.sub3_3 .con_box4 div:nth-child(1){flex: 0 1 25%;}
.sub3_3 .con_box4 div:nth-child(2){flex: 0 1 75%;}

.sub3_3 .con_box4 h4 {font-size: clamp(22px,3vw,36px);font-weight: 600; padding-bottom: 12px;}
.sub3_3 .con_box4 p {font-size: 24px;font-weight: 400; font-family: 'Pretendard'; color: #7c7c7c;padding-bottom: 22px;}
.sub3_3 .con_box4 ul li{line-height: 1.5em; font-size: 20px; font-weight: 400; font-family: 'Pretendard';color: #7c7c7c;}

.sub3_3 .con_box4 ul li::before{
	display: inline-block;
	content: '';
	width: 15px;
	height: 15px;
	background: #58c6f2;
	margin-right: 20px;
}
.sub3_3 .con_box4 ul li:nth-child(2)::before{ background: #195451; }
.sub3_3 .con_box4 ul li:nth-child(3)::before{ background: #949494; }
.sub3_3 .con_box5{ margin-top: 54px; }
.sub3_3 .con_box5 .top_text{background: #231f24;}
.sub3_3 .con_box5 .main_box {background: #fff;border-radius: 33px;padding:clamp(16px,4vw,54px) clamp(16px,4vw,50px);display: flex;flex-direction: row;gap: 50px;justify-content: center;}
.sub3_3 .con_box5 .main_box .sub_box {padding: 34px 47px; border: solid 3px #e1e4eb;border-radius: 33px;}
.sub3_3 .con_box5 .main_box p {font-size:  clamp(24px,2.5vw,30px); font-weight: 500; margin-top: 15px;}

@media screen and (max-width:1024px) {
	.sub3_3 .con_box2{flex-direction: column;}
	.sub3_3 .con_box3 .main_box .top_con{flex-direction: column;}
	.sub3_3 .con_box4 {flex-direction: column;}
	.sub3_3 .con_box4 ul li{display: inline-block;}
	.sub3_3 .con_box3 .main_box .top_con .sub_box{padding: 20px clamp(15px,4vw,50px);margin-left: 0;}
	.sub3_3 .con_box5 .main_box {flex-direction: column;}
}

@media screen and (max-width:425px) {
.sub3_3 .con_box4::before{display: none;}
}

/* sub3-4 일반 파형강관 */
.sub3_4 {}
.sub3_4 .con_1{
    text-align: center;
	padding: 0px;
	margin-bottom: 50px;
}
.sub3_4 .bg_box{background: #f3f3f3;padding: clamp(24px,4vw,44px) clamp(32px,7vw,86px);}
.sub3_4 .con_box1{}
.sub3_4 .con_box1{background: #87c2ae;color: #fff;padding: 62px 15px;}
.sub3_4 .con_box1 h3{font-size: clamp(22px,3vw,36px);font-weight: 600;padding-bottom: 36px;}
.sub3_4 .con_box1 h3 span{color: #fffc00;}
.sub3_4 .con_box1 p {font-size: clamp(18px,2vw,22px);font-weight: 400;line-height: 1.6em;}

.sub3_4 .con_box2{}
.sub3_4 .con_box2{background: #51967f;display: flex;justify-content: center;gap: 42px;padding: 55px 20px;}
.sub3_4 .con_box2>div{border-radius: 33px; overflow: hidden;}

.sub3_4 .con_box3{ margin-top: 54px; }
.sub3_4 .con_box3 .top_text{background: #231f24;}
.sub3_4 .con_box3 .main_box {background: #fff;border-radius: 33px;padding: clamp(16px,4vw,54px) clamp(16px,4vw,50px);display: flex;flex-direction: row;gap: clamp(15px,3vw,50px);justify-content: center;}
.sub3_4 .con_box3 .main_box .sub_box {padding: clamp(26px,3vw,34px) clamp(22px,4vw,46px);border: solid 3px #e1e4eb;border-radius: 33px;}
.sub3_4 .con_box3 .main_box h4 {font-size:  clamp(24px,2.5vw,30px); font-weight: 600; margin-bottom: 15px;}
.sub3_4 .con_box3 .main_box p {font-size: clamp(18px,1.7vw,24px); font-weight: 500; margin-top: 26px;font-family: 'Pretendard';}

@media screen and (max-width:1024px) {
	.sub3_4 .con_box3 .main_box {flex-direction: column;}
	.sub3_4 .con_box2{flex-direction: column;}
}

/* sub3-5 연결공법 */
.sub3_5{ }
.sub3_5 .con_1{text-align: center;padding: 0px;margin-bottom: 50px;}
.sub3_5 .bg_box{background: #f3f3f3;padding: clamp(24px,4vw,44px) clamp(32px,7vw,86px);}
.sub3_5 .con_box1{margin-top: 54px;}
.sub3_5 .con_box1 .top_text{background: #231f24;}
.sub3_5 .con_box1 .main_box {background: #fff;border-radius: 33px;padding: clamp(16px,4vw,54px) clamp(16px,4vw,50px);display: flex;flex-direction: column;gap: 50px;justify-content: center;}
.sub3_5 .con_box1 .main_box .sub_box {padding: clamp(12px,2vw,26px);border: solid 3px #e1e4eb;border-radius: 33px;}
.sub3_5 .con_box1 .main_box .top_con p {font-size: clamp(18px,1.7vw,24px); font-weight: 600; margin-top: 26px;}
.sub3_5 .con_box1 .main_box .top_con {display: flex;gap: 20px;justify-content: center;}
.sub3_5 .con_box1 .main_box .mid_con table{border-collapse: collapse;width: 100%;min-width: 722px;}
.sub3_5 .con_box1 .main_box .mid_con table caption{display: none;}
.sub3_5 .con_box1 .main_box .mid_con table tr,
.sub3_5 .con_box1 .main_box .mid_con table tr th,
.sub3_5 .con_box1 .main_box .mid_con table tr td{border: solid 2px #1a2550;line-height: 2.5em; font-size: 22px;}
.sub3_5 .con_box1 .main_box .mid_con table thead{background-color: #1a2550; color: #fff;}
.sub3_5 .con_box1 .main_box .mid_con table thead th,
.sub3_5 .con_box1 .main_box .mid_con table thead td{ font-weight: 500;}
.sub3_5 .con_box1 .main_box .mid_con .right-text{font-weight: 600; line-height: 40px;}

@media (max-width:768px) {
	.sub3_5 .con_box1 .main_box .top_con {flex-direction: column;}
}
/* sub4-1 기술현황 */
.sub4_1{}
.sub4_1 .con_1{background: #f3f3f3;text-align: center;}
.sub4_1 .con_box1,.sub4_1 .con_box2{display: flex;gap: 25px 16px;margin-bottom: 50px;justify-content: center;}
.sub4_1 .con_box1>div{}

.sub4_1 .title {
	padding: 10px;
	margin: 0 auto;
	width: calc(100% - 26px);
	background: #1d2452;
	color: #fff;
	border-radius: 13px 13px 0 0;
	font-size:  clamp(18px,2.5vw,24px);
	font-weight: 500;
}
.sub4_1 .img_box{background: #fff; border: solid 2px #04162a; border-radius: 13px; padding: 20px 10px; margin-bottom: 22px;}
.sub4_1 .sub_text{background: #fff; padding: 13px;border-radius: 9px;}
.sub4_1 .sub_text p{font-size: 20px; font-weight: 500; font-family: 'Pretendard'; }

.sub4_1 .con_box2 .title{background: #262626;}
@media screen and (max-width:1440px) {
	.sub4_1 .con_box1,.sub4_1 .con_box2{flex-wrap: wrap;}
	.sub4_1 .con_box1>div,
	.sub4_1 .con_box2>div{ flex: 0 1 calc(100% / 3 - 16px);}
}
@media screen and (max-width:900px) {
	.sub4_1 .con_box1>div,
	.sub4_1 .con_box2>div{ flex: 0 1 calc(100% / 2 - 16px);}

}
@media screen and (max-width:600px) {
	.sub4_1 .con_box1>div,
	.sub4_1 .con_box2>div{flex: 0 1 calc(100% / 1);padding: 0 10px;}
}
/* sub4-3 안장티 및 접합방법 */
.sub4_3{}
.sub4_3 .con_1{text-align: center;margin-bottom: 50px;padding: 0 30px;}
.sub4_3 .con_box1{border: solid 15px #eef1f3;border-radius: 30px;max-width: 1044px;margin: 0 auto;padding: clamp(30px,6vw,88px) clamp(26px,7vw,122px);margin-bottom: 20px;}
.sub4_3 .con_box1 .text{display: flex;text-align: start;justify-content: space-between;font-family: 'Pretendard';}
.sub4_3 .con_box1 .text h4{font-size: clamp(24px,2.5vw,30px); font-weight: 700;}
.sub4_3 .con_box1 .text ul li {
	margin: 0 24px 20px;
	list-style: disc;
	font-size: clamp(16px,2vw,24px);
	font-weight: 500;
	line-height: 1.5em;
	letter-spacing: -1px;
}

.sub4_3 .con_box2{border: solid 15px #eef1f3;border-radius: 30px;max-width: 1044px;margin: 0 auto; padding: clamp(24px,7vw,88px) clamp(30px,10vw,122px);}
.sub4_3 .con_box2 h4{font-size: clamp(22px,2.5vw,30px);font-weight: 700;text-align: start;}
.sub4_3 .con_box2 h4::before{content: ''; display: inline-block; width: 6px; height: 1em; background: #c30d23;}

.sub4_3 .con_box2 .sub_box{display: flex;}
.sub4_3 .con_box2 .sub_box p {font-size: clamp(16px,2vw,25px); font-weight: 500; font-family: 'Pretendard';}
.sub4_3 h4::before{content: '';display: inline-block;width: 6px;height: 1em;background: #c30d23;transform: translate(0%, 10%);margin-right: 15px;}

@media screen and (max-width:1440px) {
	.sub4_3 .con_box1 .text img{display: none;}
}

@media screen and (max-width:768px) {
	.sub4_3 .con_box2 .sub_box{flex-direction: column; gap: 15px;}
}
/* sub5-1 공동구 */
.sub5_1{}
.sub5_1 .con_1, .sub5_1 .con_2,
.sub5_1 .con_3, .sub5_1 .con_4 {padding: 0 clamp(30px,5vw,100px);}

.sub5_1 .sub-tit:not(:nth-child(1)) .tit{font-size: 32px; font-weight: 500; font-family: 'SCDream1';color: #153164;}


.sub5_1 .con_1 .con_box_1{display: flex;gap: 16px;margin-bottom: 24px;align-items: center;}
.sub5_1 .con_1 .con_box_1 .helf_box{flex: 0 1 calc(100% /2); text-align: center;}
.sub5_1 .con_1 .con_box_1 .helf_box h4{font-size: 32px; font-weight: 500; margin-bottom: 20px; color: #153164;}
.sub5_1 .con_1 .con_box_1 .helf_box h5{font-size: 22px; font-weight: 500; color: #fff; background: #1140aa; border-radius: 12px; padding: 18px 0; margin-bottom: 9px; margin-top: 20px;}
.sub5_1 .con_1 .con_box_1 .helf_box p{font-size: 22px; font-weight: 500; font-family: 'Pretendard'; background: rgba(126, 207, 244, 0.1); border-radius: 11px; padding: 31px 0; border: solid 2px rgba(17, 63, 170, 0.1);}
.sub5_1 .con_1 .b_and_a_box{display: flex;justify-content: center;gap: 16px;}
.sub5_1 .con_1 .b_and_a_box>div{flex: 0 1 calc(100% / 2);}
.sub5_1 .con_1 .b_and_a_box p {text-align: center; font-size: 18px; font-weight: 400; font-family: 'Pretendard'; background: #153164; color: #fff; padding: 10px; margin-top: 10px;}
.sub5_1 .con_1 .b_and_a_box .b_and_a{display: flex; gap: 16px;}

@media screen and (max-width:1440px) {}

@media screen and (max-width:1024px) {
	.sub5_1 .con_1 .con_box_1{flex-direction: column;}
	.sub5_1 .con_1 .con_box_1 .helf_box{flex: 0 1 calc(100% /1); width: 100%;}
	.sub5_1 .con_1 .b_and_a_box{flex-direction: column;}
	.sub5_1 .con_1 .b_and_a_box .b_and_a{justify-content: center;}
	.sub5_1 .con_1 .b_and_a_box{align-items: center;}
	.sub5_1 .con_1 .con_box_1 .helf_box p{padding: 31px 10px;}
}

.sub5_1 .con_1 .con_box_2>div{display: flex;gap: 22px 42px;margin-bottom: 24px;flex-wrap: wrap;}
.sub5_1 .con_1 .con_box_2 .helf_box{flex: 0 1 calc(100% /2 - 21px);text-align: center;display: flex;text-align: start;}
.sub5_1 .con_1 .con_box_2 .helf_box h5{font-size: 26px;font-weight: 500;margin: 36px 0;color: #153164;}
.sub5_1 .con_1 .con_box_2 .helf_box p{font-size: 18px;font-weight: 500;font-family: 'Pretendard';line-height: 1.7em;}
.sub5_1 .con_1 .con_box_2 .helf_box p::before{content: "- ";}
.sub5_1 .con_1 .con_box_2 .helf_box .text_box{margin-left: 30px;border-bottom: solid 1px #d9d9d9;width: 100%;flex: 0 1 calc(60%);}

@media screen and (max-width:1024px) {
	.sub5_1 .con_1 .con_box_2>div{flex-wrap: nowrap;flex-direction: column;}
	.sub5_1 .con_1 .con_box_2 .helf_box{justify-content: center;}
}
@media screen and (max-width:500px) {
	.sub5_1 .con_1 .con_box_2 .helf_box{flex-direction: column;align-items: center;}
}

.sub5_1 .con_1 .con_box_3{display: flex;gap: 16px; margin-bottom: 24px;}
.sub5_1 .con_1 .con_box_3 .helf_box{flex: 0 1 calc(100% /2 - 13px);text-align: center;}
.sub5_1 .con_1 .con_box_3 .helf_box>div{display: flex;}
.sub5_1 .con_1 .con_box_3 .helf_box .text_box{display: flex;}
.sub5_1 .con_1 .con_box_3 .helf_box>div:nth-child(1) .text_box{background: #153164; padding: 0 24px;}
.sub5_1 .con_1 .con_box_3 .helf_box>div:nth-child(2) .text_box{background: #1140aa; padding: 0 24px;}
.sub5_1 .con_1 .con_box_3 .helf_box .text_box p{writing-mode: vertical-lr; color: #fff;}
.sub5_1 .con_1 .con_box_3 .left_box{flex: 0 1 calc(56% - 13px);}
.sub5_1 .con_1 .con_box_3 .left_box img{ height: 100%; object-fit: cover; }
.sub5_1 .con_1 .con_box_3 .right_box{display: flex;flex-direction: column;gap: 22px;}

@media screen and (max-width:1440px) {
	.sub5_1 .con_1 .con_box_3 .left_box{flex: 0 1 calc(100% / 2);}

}
@media screen and (max-width:768px) {
	.sub5_1 .con_1 .con_box_3{flex-direction: column;}
	.sub5_1 .con_1 .con_box_3 .helf_box>div{justify-content: center;}
}
@media screen and (max-width:500px) {}

.sub5_1 .con_2_box.wr-full{background: #15316410;}
.sub5_1 .con_2_box .sub-tit{padding: 58px 0px;}
.sub5_1 .con_2_box .sub-tit .tit{font-size: clamp(26px,3vw,32px);font-weight: 500;font-family: 'SCDream1';color: #153164;}
.sub5_1 .con_2 .con_box_4{display: flex;gap: 30px;margin-bottom: 24px;flex-direction: column;padding-bottom: 50px;}
.sub5_1 .con_2 .con_box_4 .helf_box .helf_img{}
.sub5_1 .con_2 .con_box_4 .helf_box{flex: 0 1 calc(100% / 2 - 13px);text-align: center;}

.sub5_1 .con_2 .con_box_4 .top_box{display: flex;justify-content: space-between;}
.sub5_1 .con_2 .con_box_4 .top_box .left_box{display: flex;gap: 20px;align-items: flex-end;}
.sub5_1 .con_2 .con_box_4 .top_box .right_box{background: #fff;border-radius: 24px;padding: 33px;box-shadow: 0 0px 18px 0px #0000001a;}
.sub5_1 .con_2 .con_box_4 .top_box .right_box h4{font-size: clamp(22px,3vw,32px);font-weight: 500;}
.sub5_1 .con_2 .con_box_4 .top_box .right_box .text_box{display: flex;gap: 20px;padding: 20px 0;border-bottom: solid 1px #cccccc;}
.sub5_1 .con_2 .con_box_4 .top_box .right_box .text_box:last-child{border-bottom: none;}
.sub5_1 .con_2 .con_box_4 .top_box .right_box .text_box p{font-size: 18px;font-weight: 600;font-family: 'Pretendard';line-height: 1.7em;text-align: start;}
.sub5_1 .con_2 .con_box_4 .top_box .right_box .text_box p:first-child{text-align: center;flex: 0 1 40%;border-radius: 15px;background: #0123;height: max-content;color: #fff;line-height: 1.9em;}
.sub5_1 .con_2 .con_box_4 .top_box .right_box .text_box:nth-of-type(1) p:first-child{background: #0848db;}
.sub5_1 .con_2 .con_box_4 .top_box .right_box .text_box:nth-of-type(2) p:first-child{background: #1140aa;}
.sub5_1 .con_2 .con_box_4 .top_box .right_box .text_box:nth-of-type(3) p:first-child{background: #153164;}
.sub5_1 .con_2 .con_box_4 .bot_box{display: flex;gap: 20px;}
.sub5_1 .con_2 .con_box_4 .bot_box .img_box{flex: 0 1 calc(100% / 4);}

@media screen and (max-width:1440px) {
	.sub5_1 .con_2 .con_box_4 .top_box{flex-direction: column;}
	.sub5_1 .con_2 .con_box_4 .top_box .left_box{justify-content: space-evenly; padding-bottom: 30px;}
	.sub5_1 .con_2 .con_box_4 .top_box .right_box .text_box p:first-child{flex: 0 1 25%;}
}
@media screen and (max-width:768px) {
	.sub5_1 .con_2 .con_box_4 .bot_box{flex-wrap: wrap;}
	.sub5_1 .con_2 .con_box_4 .bot_box .img_box{flex: 0 1 calc(100% / 2 - 10px);}
	.sub5_1 .con_2 .con_box_4 .top_box .right_box .text_box{flex-direction: column;}
}

.sub5_1 .con_3 {margin-bottom: 50px;}
.sub5_1 .con_3 .sub-tit {padding: 58px 0px;}
.sub5_1 .con_3 .sub-tit .tit{font-size: clamp(22px,3vw,32px); font-weight: 500; font-family: 'SCDream1';color: #153164;}
.sub5_1 .con_3 .main_box{display: flex;gap: 20px;}
.sub5_1 .con_3 .main_box .left_box{}
.sub5_1 .con_3 .main_box .right_box{display: flex;flex-direction: column;gap: 20px;justify-content: center;}

@media screen and (max-width:768px) {
	.sub5_1 .con_3 .main_box{flex-direction: column;}
}

.sub5_1 .con_4_box.wr-full{background: #153164;}
.sub5_1 .con_4 {display: flex;gap: 12px;padding: 60px clamp(30px,5vw,100px);}

@media screen and (max-width:1024px) {

}
@media screen and (max-width:768px) {
	.sub5_1 .con_4>div {flex: 0 1 calc(100% / 2 - 6px);}
	.sub5_1 .con_4 {flex-wrap: wrap;}

}
@media screen and (max-width:425px) {
	.sub5_1 .con_4>div {flex: 0 1 calc(100% / 1);}
	.sub5_1 .con_4>div img{width: 100%;}	

}
/* 임시페이지 */
.pre-page{text-align: center;}
.pre-page .pc-only{}
.pre-page .mo-only{}

@media (max-width:768px){
	.pre-page .pc-only{display:none;}
	.pre-page .mo-only{display:block;}
}


/* 테이블 스크롤 */
.x-scr{overflow-x:scroll;width: 100%;}
@media (max-width:1024px) {
	.x-scr{position:relative}
	.x-scr-view {display: block;padding-top: 30px;background: url(../img/sub/swipe.png) no-repeat center top 30% rgb(255 255 255 / 60%);background-size: 120px;width: 100%;height: 100%;position:absolute;top: 0px;left: 0;z-index: 999;}
}