.container{width: 100%; position: relative;}
    .sub_main_banner{width: 100%; height: 300px; margin: 0 auto 0;
    }


    .sbbn_tit{width: 100%; height: 100%; position: relative; letter-spacing: 4px;
        font: 600 50px/1 'Noto Sans KR'; display: flex; justify-content: center; align-items: center;
    color: white;
    }
    /* .sbbn_tit::before{content: ''; display: block; width: 1px; height: 100px; background-color: #fff;
    position: absolute; top: 120px; left: 50%; margin-left: -0.5px;
    }
    .sbbn_tit::after{content: ''; display: block; width: 1px; height: 100px; background-color: #fff;
    position: absolute; bottom: 120px; left: 50%; margin-left: -0.5px;
    } */

    .sec01_tit{font: 400 50px/1 'Noto Sans KR'; padding: 0 0 40px; color: #222;}




/* sub01 */

.sub01_container .section{margin-top: 50px; overflow: hidden;}
.section .sec_tit{width: 1200px; margin: 50px auto 0;
padding: 50px; 
border-top: 1px solid #E2DCE8; 
border-bottom: 1px solid #E2DCE8; 
display: flex; justify-content: center; align-items: center;
}

#section00 .sec_con>li>ul {justify-content: flex-start;
gap: 100px;
}

#section00 .left_img>ul>li{width: auto; gap: 30px;}

#section00 .left_img>ul>li h4{display: block; padding-bottom: 20px;
border-bottom: 3px solid #B7AACE;
}

#section00 .left_img>ul>li p{font-size: 20px; font-weight: 400;}


#section00 .flex_wrap{width: 1200px; display: flex; justify-content: center !important; gap: 40px;
flex-wrap: wrap; margin: 50px auto 0;
}
#section00 .flex_wrap>li{width: 250px !important; padding: 0 10px; align-items: center;
justify-content: start; gap: 30px; height: 300px; display:flex; flex-direction: column;
}

#section00 .flex_wrap .tit{width: 80%; height: 50px; border-radius: 10px;
background-color: #5150A9; display: flex; justify-content: center; align-items: center;
color: white; font-size: 20px;
}

#section00 .flex_wrap .subtit{display: flex; flex-direction: column; gap: 10px; align-items:center;}

#section00 .flex_wrap .subtit>li{font-size: 16px; color: #666;
justify-content: center;
    display: flex;

}



.section .sec_tit h2{font-size: 30px; color: #020035;}

.section .sec_con{width: 1200px; margin: 0 auto;
display: flex; flex-direction: column; gap: 20px;
}
.section .sec_con>li>ul{display: flex; justify-content: space-between; align-items: center;}

.section .sec_con>li{border-bottom: 1px solid #E2DCE8;
padding: 20px 50px 40px;
	gap: 50px;
    flex-direction: column;
    display: flex;
}
.section .sec_con>li:last-child{border-bottom: none;}

.section_even{background-color: #F7F6FB;}

.right_img>ul>li, .left_img>ul>li{ width: 420px; height: 320px;
    justify-content: center;
    flex-direction: column;
    display: flex; 
}

.right_img>ul>li:last-child{width: 420px; height: 320px;
    overflow: hidden;
    justify-content: center;
    flex-direction: column;
    display: flex;
	border: 2px solid #5150A9; border-radius: 10px;
box-sizing: border-box;
}
.left_img>ul>li:first-child{width: 420px; height: 320px;
    overflow: hidden;
    justify-content: center;
    flex-direction: column;
    display: flex;
	border: 1px solid #5150A9; border-radius: 10px;
box-sizing: border-box;
}
.sec_con img{width: 100%;}


.sec_con h3{font-size: 50px; color: #CCCCE4;}
.sec_con h4{font-size: 26px; color: #444444;}
.sec_con p{font-size: 16px; color: #616161; font-weight: 300;}


    /* sub02 */


    .inquiry_btn{width: 155px; height: 60px; border-radius: 50px; background-color: #fff; transition: .1s;
      margin: 0 auto;
    border: 1px solid #b3b3b3; cursor: pointer; font: 400 16px/1 'Noto Sans KR';
    display: flex; justify-content: center; align-items: center;
    margin: 50px auto 100px;
    }

    .inquiry_btn a{color: #b3b3b3;}

    .inquiry_btn:hover{background-color: #193365;}
    .inquiry_btn:hover a{color: white;}


.sub01_bn{background: url(/include/image/sec01-bn_blue02.png) no-repeat center/cover;}
.sub02_bn{background: url(/include/image/sec02-bn_blue02.png) no-repeat center/cover;}
.sec01{background-color: #fff; max-width: 1400px; width: 85%; margin: 80px auto;}
.sec01_tit{font: 400 50px/1 'Noto Sans KR'; padding: 0 0 40px; color: #222;}

.sec01_main_cont{width: 100%;}
.sec01_subtit{font: 16px/1 'Noto Sans KR'; color: #666; margin-bottom: 20px;}
.sec01_subtit span{font-weight: 600; color: #0078C1;}
.main_content{width: 100%; border-top: 2px solid #222;}

.conbody ul a{width: 100%; height: 300px;
    padding: 20px; box-sizing: border-box;
    display: flex; justify-content: space-between; align-items: center;
    border-bottom: 1px solid #dcdbdb;
}

.conbody ul a:hover img{transform: scale(1.05);}

.conbody ul li{font: 500 16px/1 'Noto Sans KR'; color: #444;}
.conbody ul li:nth-child(3){font-size: 14px; color: #666;}

.img_con{width: 32%; height: 100%; border-radius: 10px; overflow: hidden;}
.img_con img{width: 100%; transition: .3s;}
.txt_con_wrap{width: 66%; height: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.txt_con h2{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;    
}
.txt_con:nth-child(1){height: 20%; display: flex; align-items: center;}
.cate{display: inline; background-color: #f1f1f1; padding: 5px 20px; font: 13px/1 'Noto Sans KR';
border-radius: 25px; color: #60605A;}
.txt_con:nth-child(2){height: 15%; font: 18px/1 'Noto Sans KR'; margin-top: 10px;}
.txt_con:nth-child(3){height: 55%; margin-top: 20px; font: 18px/1 'Noto Sans KR'; color: #666;}
.txt_con:nth-child(4){height: 10%; color: #989898; font: 15px/1 'Noto Sans KR';}



.sec01_page_btn_wrap{width: 100%; padding: 50px 0; display: flex; justify-content: center; align-items: center;
gap: 10px;
}
.page_btn{width: 36px; height: 36px; border: 1px solid #e0e0e0;
font: 600 14px/1 'Noto Sans KR';
}
.page_btn a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; color: #888;}
#current_page a{color: #0078C1;}


    .sec01{background-color: #fff; max-width: 1400px; width: 85%; margin: 80px auto;}

    .sec01_main_cont{max-width: 1400px; width: 100%;}


    .main_content{width: 100%; border-top: 2px solid #222;}
    .main_content02{width: 100%;}

    .conhead ul,.conhead02 ul{width: 100%; display: flex; flex-direction: column; align-items: center;
        border-bottom: 1px solid #dcdbdb;
    }

    .conhead h3{font: 600 30px/1 'Noto Sans KR'; color: #333;     margin: 50px 0 0;}
    .conhead02 h3{font: 600 40px/1.3 'Noto Sans KR'; color: #333;
    float: left;
    }

    .conhead ul li:nth-child(2){color: #777; text-align: center; font: 16px/1 'Noto Sans KR';
    margin: 20px 0 50px;
    }

    .conhead02 ul li:nth-child(2){color: #777; font: 16px/1 'Noto Sans KR'; margin: 30px 0 50px;}


    .conbody,.conbody02{width: 100%;}
    .conbody li{ padding: 0 60px; box-sizing: border-box;}
    .conbody li img{width: 100%;}

    .conbody02 li:nth-child(1){margin-top: 80px;}
    .conbody02 li{margin-bottom: 30px; font: 18px/1.3 'Noto Sans KR'; color: #222;}
    .conbody02 li span{font: 600 22px/1.3 'Noto Sans KR'; color: #222;}
    .conbody02 img{margin: 0 auto; width: 65%;}

    .confoot{width: 100%; margin: 100px 0 0; border-top: 1px solid #dcdbdb;}
    .prev,.next{display: flex; justify-content: flex-start; align-items: center;
    border-bottom: 1px solid #dcdbdb;
    }
    .h,.t{padding: 30px 40px; box-sizing: border-box; font: 16px/1 'Noto Sans KR';
    position: relative;
    }
    .prev .h::after{content: ''; display: inline-block; width: 10px; height: 10px;
    border-top: 2px solid #222; box-sizing: border-box;
    border-right: 2px solid #222; transform: rotate(-45deg);
    margin: 0 0 -3px 30px;
    }

    .next .h::after{content: ''; display: inline-block; width: 10px; height: 10px;
        border-top: 2px solid #222; box-sizing: border-box;
        border-right: 2px solid #222; transform: rotate(135deg);
        margin: 0 0 3px 30px;}

    .t::before{content: ''; display: block;
    width: 1px; height: 26px; position: absolute; top: 50%; margin-top: -13px;
    left: 0; background-color: #cfcfcf;
    }


    .h{width: 15%; color: #333; text-align: center;}
    .t{width: 85%; color: #888; font-weight: 500;}



    .confoot ul li:hover{background-color: #f5f5f5;}
    
    .sec01_page_btn_wrap{width: 100%; padding: 50px 0; display: flex; justify-content: space-evenly; align-items: center;}
    .page_btn{width: 240px; height: 70px; background-color: #989898;
    font: 500 16px/1 'Noto Sans KR'; 
    }
    .page_btn a{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;
    color: white;
    }





/* sub03 */

.sub03_main{width: 100%; margin: 30px auto 50px; display: flex;
justify-content: center;
}


/* sub04 */
.conhead_flex ul{display: flex; flex-direction: row !important;
justify-content: space-between;
}
.conhead_flex ul li:nth-child(1),.conbody_flex ul li:nth-child(1){width: 15%;}
.conhead_flex ul li:nth-child(2), .conbody_flex ul li:nth-child(2){width: 60%; margin-bottom: 20px;}
.conhead_flex ul li:nth-child(3), .conbody_flex ul li:nth-child(3){width: 25%;}

.conbody_flex ul li:nth-child(2){margin-bottom: 0;}
.conhead_flex ul li, .conbody_flex ul li{display: flex; justify-content: center; align-items: center;}
.conbody_flex a{height: 60px !important; padding-left: 0 !important; padding-right: 0 !important;}

.conbody_flex a:hover{background-color: #f5f5f5;}





/* sub - nav area*/
.sub_content{width:1200px; margin:0 auto; line-height:1.6; }
.sub_content .location{margin:30px 0px 15px 0px;}
.sub_content .location ul {float:right; margin-bottom:8px;}
.sub_content .location ul::after{display:block; clear:both; content:"";}

.sub_content .location ul li.tit{position:relative; float:left; padding-left:10px; line-height:16px; color:#6a747c;left 4px; font-size:12px;}
.sub_content .location ul .tit:first-child img{margin-right:0;}
.sub_content .location ul .tit img{
	margin-right:8px;}
.sub_content .location ul li.tit a {color:#6a747c;}
.sub_content .location ul li.tit a:hover{color:#000;}
.sub_content .location ul li.home{margin-left:0px; padding-left:0px; background-image:none;}



/* sub title name*/
.sub_content .sub1_title{ clear:both; text-align:center; font-size:40px; font-weight:600; margin-bottom:80px; font-family: 'Nanum Gothic', sans-serif;}
.sub_content .sub1_title::after{
	content:""; display:block; background:#afadad;
	width:120px; height:2px; text-align:center;
	margin:10px auto;	}

.sub_content .sub2_title{
	display:block; text-align:center;
	width:100%;  font-size:35px; font-weight:600; margin-bottom:90px; padding-top:70px; padding-bottom:10px;
	}
.sub_content .sub2_title::after{
	content:""; display:block; background:#afadad;
	width:120px; height:2px; text-align:center;
	margin:10px auto;	}
.sub_content {margin-bottom:200px; font-family: 'Nanum Gothic', sans-serif;}







/* sub lefte¨Ï¡±e¢¶¢¥


#sub_left{float:left; width:250px; background:yellow;}

#sub_right{float:right;width:950px;	background:green;}*/








/* sub1-company introduce*/
.sub_content .sub_content_1 .greeting_box {
	border:15px solid #eee; box-sizing:border-box;
	overflow:hidden;
	width:1200px; height:800px; margin-top:30px;
	}
.sub_content .sub_content_1 .greeting_box 	.sub1_content_text .greeting_txt{
    color: #A6A6A6;
    font-weight: 600;
    font-size: 18px;  
    margin-bottom: 5px;
}
.sub_content .sub_content_1 .sub1_content_text {
	width:44%;float:left; padding:47px 35px;}
.sub_content .sub_content_1 .sub1_content_text strong{
	font-size:29px; display:block; margin-bottom:30px;}
.sub_content .sub_content_1 .sub1_content_img {
	width:50%; float:right; height:100%;
	position:relative; right:0; overflow:hidden;}
.sub_content .sub_content_1 .sub1_content_text p{
	line-height:1.6; margin-bottom:15px; font-size:15.5px;}
.sub_content .sub_content_1 .sub1_content_text p:last-child{
	font-weight:600; float:right; margin-right:50px; margin-top:30px;}



/* sub1-2 organization chart*/
.sub_content .sub_content_1 .sub1-2_img {
	border:15px solid #eee;  box-sizing:border-box;
	width:1200px; height:890px; margin-top:30px;
	overflow:hidden;}
.sub_content .sub_content_1 .sub2_img h2{
	margin:0 auto; text-align:center; color:#545454;}
.sub_content .sub_content_1 .sub2_img h3{
	color:#8e8e8e;
	margin:0 auto; text-align:center; margin-bottom:80px;}
.sub_content .sub_content_1 .sub1-2_img img{padding:35px 0;}


/* sub1-3 history*/

/* sub1-4 history*/
.sub_content .sub_content_1 .sub1-4{width:1200px; margin:0 auto;}
.sub_content .sub_content_1 .root_daum_roughmap{
	margin:30px auto;}
.sub_content .sub_content_1 .sub1-4text{margin-left:200px;}
.sub_content .sub_content_1 .sub1-4text img{
	 margin-bottom:5px;}
.sub_content .sub_content_1 .sub1-4 p{
	font-weight:600; margin:7px 0; font-size:17px;}
.sub_content .sub_content_1 .sub1-4 span{
	display:block; margin-left:25px; color:#8c8b8b;}
.sub_content .sub_content_1 .sub1-4 .mapspan{
	margin-bottom:30px;}






/* sub2:start */
.sub_content_2 {line-height:1.0;}
.sub_content_2 ul{overflow:hidden;}
.sub_content_2 ul>li{margin-bottom:69px;}
.sub_content_2 li.sub2_img {width:100%; height:350px; margin-right:45px; overflow:hidden;}
.sub_content_2 li.sub2_img_phone{width:360px;margin-right:70px;}
.sub_content_2 li h4{font-size:1.8em; margin-bottom:20px; color:#656565; font-weight:700;}
.sub_content_2 li span{font-weight:bold;}
.sub_content_2 p{font-size:1.1em; width:100%; line-height:1.5; font-weight: 700;}
.sub_content_2 li li li{float:left; width:184px; height:45px; line-height:45px; border:1px solid #dedede; border-radius:10px; text-align:center;
margin-right:13px; margin-bottom:10px; overflow: hidden;}
.sub_content_2 li.sub_list_bg{background:#eeeeee;}
.sub_content_2 ul ul{margin: 30px 0;}
.sub_content_2 li.sub2_img img{width:100%;}










.con_tit{width: 24%; font: 400 30px/1.3 'Noto Sans KR'; position: relative; color: #333;}
.content{width: 68%; font: 300 16px/1 'Noto Sans KR';}
.con_tit_bf::before{content: 'Àüü Çʼö ÀÔ·Â'; display: block; position: absolute; top: 50px; left: 15px;
font: 500 14px/1 'Noto Sans KR'; color: #F6695B;
}
.con_tit_bf::after{content: ''; display: block; background-color: #F6695B; border-radius: 100%;
position: absolute; top: 53.5px; left: 0; width: 8px; height: 8px;
}


.sec_info{display: flex; justify-content: flex-start; margin-bottom: 80px; position: relative;}
.sec_info::before{display: block; content: ''; width: 100%; height: 1px;
background-color: #dbdbdb; position: absolute; left: 0; bottom: -40px;
}

.sec_info p{margin-bottom: 15px; font: 600 17px/1 'Noto Sans KR'; color: #333;}


.full_type{width: 100%; height: 55px; border: .5px solid #dbdbdb;  border-radius: 5px;
    padding: 0 15px; box-sizing: border-box;}
.full_type option{    color: #888;
    font-size: 16px; font-weight: 500;}
.con_tel input{width: 32%; height: 55px; border: .5px solid #dbdbdb; border-radius: 5px;
    padding: 15px; box-sizing: border-box;}
#textarea{width: 100%; height: 260px; border: .5px solid #dbdbdb; border-radius: 5px;
    padding: 15px; box-sizing: border-box;}

.incontent, .flex_tel{width: 100%; display: flex; justify-content: space-between; position: relative;}

.flex_tel::before{content: '-'; display: block; font: 16px/1 'Noto Sans KR';
position: absolute; top: 20px; left: 32.7%;
}
.flex_tel::after{content: '-'; display: block; font: 16px/1 'Noto Sans KR';
position: absolute; top: 20px; left: 66.7%;
}

.incon input, .incon textarea{
    color: #444;
    font-size: 16px; font-weight: 500;
}
.incon input::placeholder, .incon textarea::placeholder{
    color: #888; font: 500 16px/1 'Noto Sans KR';
    font-size: 16px; font-weight: 500;
}



.full_type button{width: 100%; height: 100%;}

.inquiry_info .select{padding: 0;}
.personal_con{width: 100%; height: 260px; overflow: scroll; border: .5px solid #dbdbdb; padding: 10px; box-sizing: border-box;
font: 300 14px/1 'Noto Sans KR'; color: #555;
}
.personal_con span{font-weight: 500;}

.incon,.personal_check{margin-top: 25px;}
.personal_check label{color: #333;}
.inquiry_info .incon:nth-child(1){margin-top: 0;}
.customer_info .incon:nth-child(1){margin-top: 0;}


.inquiry_btn_wrap{margin-bottom: 50px;}
.inquiry_btn:hover{background-color: #193365; color: white;}




.office_info{width: 100%; display: flex; justify-content: space-between;}

.head_office,.branch_office{width: 100%; position: relative;}

.office_info h3{font: 600 20px/1 'Noto Sans KR'; color: #444; margin-bottom: 30px;}

.office_btn{width: 110px; height: 34px; border: 2px solid #f3f3f3; background-color: #f3f3f3; transition: .3s;
cursor: pointer; position: absolute; top: -8px; right: 0; font: 500 15px/1 'Noto Sans KR'; color: #666;
}
.office_btn:hover{background-color: #e6e6e6; border: 2px solid #e7e7e7;}

.sec04_title{font: 600 26px/1.5 'Nanum Gothic'; text-align: center; margin: 70px auto 70px;}
.sec04_title p{display: block; font:500 28px/1.3 'Noto Sans KR'; color: #666;}


.sec04_place{width: 100%; border-radius: 15px}
.sec04_place iframe{width: 100%; border-radius: 15px}
.sec04_introduce{width: 100%; display: flex; flex-direction: column; margin: 30px 0 0;
font: 16px/2 'Noto Sans KR'; color: #777;
justify-content: center;}
.sec04{width:1440px; margin:0 auto;}
.sec04_introduce span{font-weight: 600; color: #555;}





.sec01_tit{line-height: 1.3; font-size: 40px; font-weight: 600; color: #222;}
 .sec01 p{font: 18px/1.4 'Noto Sans KR'; color: #666;}