@charset "utf-8";
/* poppin */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');

body,input,textarea,button,select{font-family: 'Lora', Pretendard , '맑은 고딕', '돋움', Dotum, '굴림', Gulim, Sans-serif; color:#444;}
.ready{margin:0 auto; width:auto; max-width:100%;}
.inr-sub{position:relative; width:1300px; margin:0 auto; }
.inr-sub02{position:relative; width:1200px; margin:0 auto; }


/* sub */
#sub_container{font-size:1em;}
#sub_container .sub_visual{display:flex;position:relative; height:550px;overflow:hidden;}
#sub_container .sub_visual .background{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1;}
#sub_container .sub_visual .background::before {content: '';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat; background-image:url(/images/contents/sub-visual1.jpg); background-position:center;background-size:cover !important; background-color:gray; transform: scale(1.15);animation: 2s subVisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards;}
#sub_container .sub_visual2 .background::before {content: '';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat; background-image:url(/images/contents/sub-visual2.jpg); background-position:center;background-size:cover !important; background-color:gray; transform: scale(1.15);animation: 2s subVisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards;}
#sub_container .sub_visual3 .background::before {content: '';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat; background-image:url(/images/contents/sub-visual3.jpg); background-position:center;background-size:cover !important; background-color:gray; transform: scale(1.15);animation: 2s subVisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards;}
#sub_container .sub_visual4 .background::before {content: '';position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat; background-image:url(/images/contents/sub-visual4.jpg); background-position:center;background-size:cover !important; background-color:gray; transform: scale(1.15);animation: 2s subVisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards;}

@keyframes subvisualFadeIn {
	to { opacity: 1; }
}
@keyframes subVisual {
    to { transform: scale(1); }
}
#sub_container .sub_visual .txt{position:absolute;left:5%;top:50%; width:90%;color:#fff;z-index:2; text-align:center;}
#sub_container .sub_visual .txt>h2{font-size:3.5em;font-weight:800; line-height:1}
#sub_container .sub_visual .txt>p{font-size:1.2em;font-weight:200;line-height:1.3em;margin-top:15px;color:rgba(255,255,255,0.8)}


#sub_container .submenu{position:relative; display: flex; justify-content: center; width:100%; height:90px; border-bottom:1px solid #eee; box-sizing:border-box; /* background-color:#23a665; background:linear-gradient(133deg, rgba(35,166,101,1) 0%, rgba(126,189,49,1) 100%);*/ text-align:center;}
#sub_container .submenu_wrap{width:1300px; height:100%; display: flex; justify-content: space-between; align-items: center;}
#sub_container .submenu .ul_submenu{display:flex; height:100%; text-align:left;}
#sub_container .submenu .ul_submenu li{position:relative; height:100%; line-height: 1em; display: flex; justify-content: center; align-items: center; word-break: keep-all;}
#sub_container .submenu .ul_submenu li a{display: flex; justify-content: center; align-items: center; position:relative; width:100%; height:100%; font-size:1em;color:#333; font-weight:500; padding:35px 35px; transition:0.2s; text-align:Center;}
#sub_container .submenu .ul_submenu li a:after{content: ''; position: absolute;  left:0; bottom:-1px; width:100%; height: 1px; background:#e70012; z-index: 0; opacity:0; transition:all 0.3s ease; }
#sub_container .submenu .ul_submenu li a.active:after{opacity:1;}
#sub_container .submenu .ul_submenu li a.active{color:#e70012; font-weight:600}

.area_navigation > ul{display:flex; justify-content: center; align-items: center; }
.area_navigation > ul > li{position:relative; padding:0 15px; font-size:15px; text-transform: capitalize;}
.area_navigation > ul > li .icon{display:flex; justify-content: center; align-items: center; width:45px; height:45px; border-radius:50%; box-sizing:border-box; border:1px solid #eee;}
.area_navigation > ul > li img{height:15px; width:15px;}
.area_navigation > ul > li span{font-size:16px; font-weight:400; color:#777;}
.area_navigation > ul > li:nth-child(1){padding:0 15px 0 0;}
.area_navigation > ul > li:before{content:''; position:absolute; top:50%; right:-2px; width:3px; height:3px; border-radius:50px; background:#ddd; transform:translateY(-50%);}
.area_navigation > ul > li:nth-child(3){padding-right:0;}
.area_navigation > ul > li:nth-child(3):before{display:none;}


#sub_container .contents{position:relative; margin:85px auto 100px;min-height:300px;}
.sub-tit{margin-bottom:60px; text-align:center;}
.sub-tit em{display:inline-block; margin:0 0 17px; color:#e70012; font-size:43px; line-height:1em; font-weight:bold; font-style:normal; }
.sub-tit h2{color:#222; font-size:40px; font-weight:700; line-height:1em; word-break:keep-all;  }
.sub-tit h2:before{content:'('; position:relative; top:-4px; left:-5px; display:inline-block; font-size:40px; font-weight:700; line-height:1em; word-break:keep-all;  }
.sub-tit h2:after{content:')'; position:relative; top:-4px; right:-5px; display:inline-block; font-size:40px; font-weight:700; line-height:1em; word-break:keep-all;  }
.sub-tit h3{color:#c7c7c7; font-size:43px; font-weight:700; line-height:1.4em; word-break:keep-all; }
.sub-tit h3 > i{color:#222; }


@media only screen and (max-width:1600px) {
	.inr-sub{width:90%;}
}
@media only screen and (max-width:1500px) {
	#sub_container .submenu_wrap{width:100%;}
	#sub_container .submenu .ul_submenu li a{padding:35px 25px;}
	.area_navigation{margin-right:20px;}
}
@media only screen and (max-width:1300px) {
	.inr-sub02{width:90%;}
	#sub_container .submenu{height:100px;}
	#sub_container .submenu .ul_submenu li a{font-size:1em; padding:35px 15px;}
	.sub-tit{margin-bottom:50px;}
}
@media only screen and (max-width:1023px) {
	#sub_container .contents{margin:65px auto 90px;}
	#sub_container .sub_visual{height:540px;}
	#sub_container .sub_visual .txt>h2{font-size:3.8em;}
	#sub_container .submenu{height:90px;}
	#sub_container .submenu .ul_submenu{width:100%; justify-content: center;}
	#sub_container .submenu .ul_submenu li a{padding:35px 20px;}
	.area_navigation{display:none;}
	.sub-tit{margin-bottom:40px;}
}
@media only screen and (max-width:860px) {
	.sub-tit{margin-bottom:30px;}
	.sub-tit em{margin-bottom:10px;}
	.sub-tit em,
	.sub-tit h2{font-size:40px;}
	.sub-tit h2:before,
	.sub-tit h2:after{font-size:40px;}
}
@media only screen and (max-width:760px) {
	#sub_container .contents{margin:50px auto 70px;}
	.sub-tit{margin-bottom:40px;}
	.sub-tit em{margin: 0 0 14px; font-size:16px;}
	.sub-tit em,
	.sub-tit h2{font-size:35px;}
	.sub-tit h2:before,
	.sub-tit h2:after{font-size:35px;}
	.sub-tit h3{font-size:35px;}
	.inr-sub{width:auto; margin:0 30px;}
	#sub_container .sub_visual{height:400px;}
	#sub_container .submenu{height:70px;}
	#sub_container .submenu .ul_submenu li a{padding:25px 10px;}
}
@media only screen and (max-width:640px) {
	.sub-tit h3{font-size:30px;}
}
@media only screen and (max-width:540px) {
	#sub_container .contents{margin:40px 0 50px;}
	.sub-tit{margin-bottom:25px;}
	.sub-tit em{margin: 0 0 10px; font-size:15px;}
	.sub-tit em,
	.sub-tit h2{font-size:25px;}
	.sub-tit h2:before,
	.sub-tit h2:after{font-size:25px;}
	.sub-tit h3{font-size:25px; line-height:1.3em;}
	.inr-sub,
	.inr-sub02{width:auto; margin:0 20px;}
	#sub_container .sub_visual{height:250px;}
	#sub_container .sub_visual .txt{top:54%;}
	#sub_container .sub_visual .txt>h2{font-size:2.6em;}
	#sub_container .submenu{height:60px;}
	#sub_container .submenu .ul_submenu li a{font-size:0.9em; padding:20px 10px;}
}
@media only screen and (max-width:450px) {
	.inr-sub,
	.inr-sub02{width:auto; margin:0 12px;}
	.sub-tit{margin-bottom:20px;}
	.sub-tit em{margin: 0 0 10px;}
	.sub-tit h3{font-size:23px;}
	.sub-tit h3 br{display:none;}
	#sub_container .sub_visual .txt>h2{font-size:2.2em;}
	#sub_container .submenu{height:50px;}
	#sub_container .submenu .ul_submenu li a{font-size:0.8em; padding:20px 5px;}

	/*
	#sub_container .submenu.scroll .ul_submenu{width:100%; height:100%; overflow-x:scroll; overflow-y:hidden;}
	#sub_container .submenu.scroll .ul_submenu{display:flex; width:100%; text-align:center;}
	#sub_container .submenu.scroll .ul_submenu > li{display:table-cell; white-space:nowrap; max-width:initial; margin:0;}
	#sub_container .submenu .ul_submenu li a{padding:0 10px;}
	*/
	
}



#sub_container .table_wrap{overflow-x:auto;/*white-space:nowrap*/}
#sub_container .table_style{width:100%;}
#sub_container .table_style thead th{border-top:1px solid #007ac8;border-bottom:1px solid #6aa101;text-align:center;padding:20px 10px;color:#333;font-weight:400;background-color:#f3f3f3;}
#sub_container .table_style th span{font-weight:300;color:#666}
#sub_container .table_style thead tr:nth-child(2) th{padding:10px}
#sub_container .table_style tbody th{font-weight:600;color:#333}
#sub_container .table_style tbody th,
#sub_container .table_style tbody td{border-bottom:1px solid #ccc;border-right:1px solid #ccc;text-align:center;padding:15px 20px;word-break:keep-all;}
#sub_container .table_style tbody td:last-child{border-right:none}
#sub_container .table_point thead th{color:#9a0000}


@media only screen and (max-width:1600px) {
	
}
@media only screen and (max-width:1400px) {
	#sub_container .mgb_txt{margin-bottom:50px;}
	#sub_container .mgb_txt2{margin-bottom:40px;}

	#sub_container .contents .ul_style li{margin-bottom:10px}
}
@media only screen and (max-width:1100px) {
	#sub_container .mgb_txt{margin-bottom:40px;}
	#sub_container .mgb_txt2{margin-bottom:30px;}

	#sub_container .contents .ul_style li{margin-bottom:7px;padding-left:20px;}
	#sub_container .contents .ul_style li:before{top:8px;width:10px;height:2px;}
	
	#sub_container .contents .box_style2{padding:30px;}
	
	#sub_container .table_style thead th{padding:15px 10px;}
	#sub_container .table_style thead tr:nth-child(2) th{padding:8px}
	#sub_container .table_style tbody th,
	#sub_container .table_style tbody td{padding:12px 15px;}
}
@media only screen and (max-width:760px) {
	#sub_container .mgb_txt{margin-bottom:30px;}
	#sub_container .mgb_txt2{margin-bottom:20px;}

	#sub_container .contents .ul_style li{margin-bottom:5px;padding-left:17px;}
	#sub_container .contents .ul_style li:before{top:8px;width:7px;}
	
	#sub_container .contents .ul_style2 li{line-height:1.3em;margin-bottom:4px;padding-left:15px;}
	#sub_container .contents .ul_style2 li:before{top:7px;}
	
	#sub_container .contents .box_style{padding:20px 0}
	#sub_container .contents .box_style2{padding:15px;border-radius:10px;}
	
	#sub_container .contents .dl_style dt{font-size:1.2em;margin-bottom:7px;}
	#sub_container .contents .dl_style dd{font-size:1.1em;line-height:1.2em}
	
	#sub_container .table_wrap{margin-right:-30px;}
	#sub_container .table_style thead th{padding:10px 7px;}
	#sub_container .table_style thead tr:nth-child(2) th{padding:7px}
	#sub_container .table_style tbody th,
	#sub_container .table_style tbody td{padding:8px 10px;line-height:1.3em}
	
	span.pc{display:none}
	span.mo{display:block}
}

#sub_container .sub1_1{}
.flex{display:flex;}
.box-intro{gap:90px; align-items: center;}
.box-intro .img{width:580px;}
.box-intro .img img{width:100%;}
.box-intro .txt{position:relative; width:-webkit-calc(100% - 670px); width:calc(100% - 670px); text-align:left;}
.box-intro .txt:before{content:''; position:absolute; top:-40px; left:-40px; width:80px; height:60px; background:url(../images/contents/icon_quote.svg)no-repeat center; background-size:contain; opacity:0.03;}
.box-intro .txt > h3{display:inline-block; margin:0 0 17px; font-size:46px; font-weight:bold; color:#e80719; line-height:1em; word-break:keep-all;}
.box-intro .txt > h4{font-size:36px; font-weight:300; color:#222; line-height:1.3em; word-break:keep-all;}
.box-intro .txt > h4 > i{font-weight:bold;}
.box-intro .txt p{display:block; margin-top:20px; font-size:18px; font-weight:300; color:#555; line-height:1.7em; word-break:keep-all;}
.box-intro .txt p.bold{font-weight:bold; color:#333;}

@media only screen and (max-width:1500px) {
	.box-intro{gap:0;}
	.box-intro .img{width:50%; margin-right:5%;}
	.box-intro .txt{width:45%;}
	.box-intro .txt > h3{font-size:50px;}
	.box-intro .txt > h4{font-size:50px;}
	.box-intro .txt p{font-size:19px;}
}
@media only screen and (max-width:1300px) {
	.box-intro .txt:before{top:-30px; left:-30px; width:80px; height:60px;}
	.box-intro .txt > h3{margin-bottom:13px; font-size:45px;}
	.box-intro .txt > h4{font-size:45px;}
	.box-intro .txt p{margin-top:20px; font-size:19px; line-height:1.6em;}
}
@media only screen and (max-width:1200px) {
	.box-intro .txt > h3{margin-bottom:10px; font-size:40px;}
	.box-intro .txt > h4{font-size:40px;}
	.box-intro .txt p{margin-top:15px; font-size:18px;}
}

@media only screen and (max-width:1023px) {
	.box-intro .txt > h3{margin-bottom:7px; font-size:35px;}
	.box-intro .txt > h4{font-size:35px;}
	.box-intro .txt > h4 br{display:none;}
	.box-intro .txt p{margin-top:10px; font-size:17px; line-height:1.55em;}
}
@media only screen and (max-width:860px) {
	.box-intro{flex-direction: column;}
	.box-intro .img{width:90%; margin:0 auto;}
	.box-intro .txt{margin-top:40px; width:90%;}
	.box-intro .txt:before{left:unset; top:0; right:0; transform: rotate(180deg);}
	.box-intro .txt > h3{margin-bottom:10px; font-size:35px;}
	.box-intro .txt > h4{font-size:35px;}
	.box-intro .txt > h4 br{display:block;}
	.box-intro .txt p{margin-top:15px;}
}
@media only screen and (max-width:768px) {
	.box-intro .img,
	.box-intro .txt{width:100%;}	
}
@media only screen and (max-width:540px) {
	.box-intro .txt{margin-top:30px;}
	.box-intro .txt > h3{margin-bottom:8px; font-size:28px;}
	.box-intro .txt > h4{font-size:28px;}
	.box-intro .txt p{margin-top:12px; font-size:16px;}
}
@media only screen and (max-width:450px) {
	.box-intro .txt{margin-top:25px;}
	.box-intro .txt:before{width:65px; height:60px;}
	.box-intro .txt > h3{margin-bottom:8px; font-size:25px;}
	.box-intro .txt > h4{font-size:25px;}
	.box-intro .txt p{margin-top:10px; font-size:15px;}
}

#sub_container .sub1_2{}
.box-ceo{align-items: center; flex-direction: row-reverse; margin-bottom:80px; gap:100px;}
.box-ceo .img{width:625px; border-radius:30px; overflow:hidden;}
.box-ceo .img img{width:100%;}
.box-ceo .txt{position:relative; padding-left:35px; width:-webkit-calc(100% - 725px); width:calc(100% - 725px); text-align:left;}
.box-ceo .txt:before{content:''; position:absolute; top:-50px; left:0; width:100px; height:80px; background:url(../images/contents/icon_quote.svg)no-repeat center; background-size:contain; opacity:0.03;}
.box-ceo .txt > h4{font-size:45px; font-weight:bold; color:#222; line-height:1.4em; word-break:keep-all; letter-spacing:-1px;}
.box-ceo .txt > h4 > i{color:#e70012;}
.box-ceo .txt p{display:block; margin-top:25px; font-size:22px; font-weight:300; color:#555; line-height:1.7em; word-break:keep-all;}
.box-ceo .ceo-name{margin-top:30px; display:flex; align-items: baseline; gap:10px; }
.box-ceo .ceo-name span{font-size:22px; font-weight:bold; color:#333;}
.box{text-align:left; margin-bottom:60px;}
.box.last{margin-bottom:0;}
.box > h3{display:block; font-size:25px; font-weight:bold; color:#333; line-height:1.2em; word-break:keep-all; margin-bottom:20px;}

@media only screen and (max-width:1500px) {
	.box-ceo{gap:0;}
	.box-ceo .img{width:45%; margin-left:5%;}
	.box-ceo .txt{width:50%;}
	.box-ceo .txt > h4{font-size:42px;}
}
@media only screen and (max-width:1300px) {
	.box-ceo .txt{padding-left:0;}
	.box-ceo .txt:before{top:-30px; left:-30px; width:80px; height:60px;}
	.box-ceo .txt > h4{font-size:37px;}
	.box-ceo .txt p{margin-top:20px; font-size:20px;}
	.box-ceo .ceo-name{margin-top:25px;}
	.box-ceo .ceo-name span{font-size:20px;}
}
@media only screen and (max-width:1200px) {
	.box-ceo .txt > h4{font-size:34px;}
	.box-ceo .txt p{font-size:18px;}
	.box-ceo .ceo-name{margin-top:20px;}
	.box-ceo .ceo-name span{font-size:18px;}
	.box-ceo .ceo-name img{height:34px;}
}
@media only screen and (max-width:1023px) {
	.box-ceo .txt > h4{font-size:30px;}
	.box-ceo .txt p{margin-top:15px;}
	.box-ceo .txt p br{display:none;}
	.box-ceo .ceo-name{margin-top:15px;}
}
@media only screen and (max-width:860px) {
	.box-ceo{flex-direction: column;}
	.box-ceo .img{width:90%; margin:0 auto;}
	.box-ceo .txt{padding:0; margin-top:40px; width:90%;}
	.box-ceo .txt:before{left:unset; top:0; right:0; transform: rotate(180deg);}
	.box-ceo .txt > h4{font-size:35px;}
	.box-ceo .txt p br{margin-top:15px;}
}
@media only screen and (max-width:768px) {
	.box{margin-bottom:50px;}
	.box-ceo .img,
	.box-ceo .txt{width:100%;}	
}
@media only screen and (max-width:540px) {
	.box{margin-bottom:30px;}
	.box-ceo{margin-bottom:30px;}
	.box-ceo .img{border-radius:20px;}
	.box-ceo .txt{margin-top:30px;}
	.box-ceo .txt > h4{font-size:28px;}
	.box-ceo .txt p{margin-top:10px; font-size:16px; line-height:1.6em;}
	.box-ceo .ceo-name{margin-top:15px; gap:7px;}
	.box-ceo .ceo-name span{font-size:16px;}
	.box-ceo .ceo-name img{height:30px;}
	.box > h3{font-size:20px; margin-bottom:12px;}
}
@media only screen and (max-width:450px) {
	.box-ceo .img{border-radius:15px;}
	.box-ceo .txt{margin-top:25px;}
	.box-ceo .txt:before{width:55px; height:40px;}
	.box-ceo .txt > h4{font-size:25px;}
	.box-ceo .txt p{margin-top:10px; font-size:15px;}
}
@media only screen and (max-width:380px) {
	.box-ceo .txt > h4{font-size:22px; line-height:1.45em;}
}

.list-consult{display:flex; gap:60px}
.list-consult > li{width:-webkit-calc((100% / 3) - 40px); width:calc((100% / 3) - 40px); border:1px solid #eee; box-sizing:border-box; border-radius:15px; overflow:hidden;}
.list-consult.col02 > li{width:-webkit-calc((100% / 2) - 30px); width:calc((100% / 2) - 30px);}
.list-consult > li .img{width:100%;}
.list-consult > li .img img{width:100%;}
.list-consult > li .txt{display:block; padding:35px 26px; box-sizing:border-box; text-align:left;}
.list-consult > li .txt .tit{display:flex; gap:10px; align-items: baseline; margin-bottom:15px;}
.list-consult > li .txt .tit h3{font-size:25px; font-weight:bold; color:#333; line-height:1em; word-break:keep-all;}
.list-consult > li .txt .tit em{font-size:15px; font-weight:400; color:#e70012; line-height:1em; word-break:keep-all; font-style:normal;}
.list-consult > li .txt p{display:block; font-size:17px; font-weight:400; color:#555; line-height:1.7em; word-break:keep-all;}
.list-consult > li .txt .list-txt{}
.list-consult > li .txt .list-txt li{position:relative; display:block; margin-bottom:10px; padding-left:10px; line-height:1em;}
.list-consult > li .txt .list-txt li:last-child{margin:0;}
.list-consult > li .txt .list-txt li:before{content:''; position:absolute; top:10px; left:0; width:5px; height:1px; background:#555;}
.list-consult > li .txt .list-txt li > span{font-size:17px; font-weight:400; color:#555; line-height:1.2em; word-break:keep-all;}
.box-contact{position:relative; margin-top:100px;  display:flex; align-items: center; width:100%; height:400px; padding:40px 140px; background:#eee; border-radius:20px; text-align:left; box-sizing:border-box;}
.box-contact .txt{}
.box-contact .txt > em{display:inline-block; margin-bottom:8px; font-size:18px; font-weight:700; color:#e70012; text-transform:uppercase; font-style:normal;}
.box-contact .txt > h3{display:block; font-size:40px; font-weight:bold; color:#222; line-height:1.3em; word-break:keep-all;}
.box-contact .txt > h4{display:inline-block; margin-top:20px; font-size:20px; font-weight:bold; color:#333; line-height:1.2em; word-break:keep-all;}
.box-contact .txt .list-info{margin-top:10px; }
.box-contact .txt .list-info > li{display:flex; gap:10px; margin-bottom:8px;}
.box-contact .txt .list-info > li:last-child{margin-bottom:0;}
.box-contact .txt .list-info > li em{width:60px; font-size:17px; font-weight:500; color:#555; line-height:1em; word-break:keep-all; font-style:normal; text-transform:uppercase;}
.box-contact .txt .list-info > li span{font-size:17px; font-weight:400; color:#555; line-height:1em; word-break:keep-all;}
.box-contact .img{position:absolute; right:170px; bottom:0;}

@media only screen and (max-width:1400px) {
	.list-consult{gap:50px;}
	.list-consult > li{width:-webkit-calc((100% / 3) - 33px); width:calc((100% / 3) - 33px);}
	.list-consult > li .txt{padding:30px 25px;}
	.box-contact{padding:40px 80px;}
	.box-contact .img{right:90px;}
}
@media only screen and (max-width:1300px) {
	.list-consult{gap:40px;}
	.list-consult > li{width:-webkit-calc((100% / 3) - 26px); width:calc((100% / 3) - 26px);}
	.list-consult > li .txt{padding:30px 25px;}
}
@media only screen and (max-width:1200px) {
	.list-consult > li .txt{padding:25px 20px;}
	.list-consult > li .txt .tit{gap:8px;}
	.list-consult > li .txt .tit h3{font-size:23px;}
	.list-consult > li .txt p{font-size:16px; line-height:1.6em;}
	.list-consult > li .txt .list-txt li > span{font-size:16px;}
	.box-contact{padding:30px 50px;}
	.box-contact .txt > h4{margin-top:15px;}
	.box-contact .img{right:50px;}

}	
@media only screen and (max-width:1023px) {
	.list-consult{flex-wrap: wrap; justify-content: center; gap:30px;}
	.list-consult > li{display:flex; width:100%;}
	.list-consult > li .img{width:50%;}
	.list-consult > li .txt{width:50%; padding:40px;}
	.list-consult > li .txt .tit h3{font-size:28px;}
	.list-consult > li .txt p{font-size:17px;}
	.list-consult > li .txt .list-txt li > span{font-size:17px;}
	.box-contact{height:320px; padding:20px 40px;}
	.box-contact .img{width:300px; right:30px;}
	.box-contact .txt > h3{font-size:35px;}
}
@media only screen and (max-width:860px) {
	.list-consult > li .txt{padding:30px;}
	.list-consult > li .txt .tit h3{font-size:25px;}
	.box-contact{height:275px; border-radius:15px;}
	.box-contact .txt > em{font-size:17px; margin-bottom:5px;}
	.box-contact .txt > h3{font-size:30px;}
	.box-contact .txt > h4{margin-top:10px; font-size:19px;}
	.box-contact .img{width:270px;}
}
@media only screen and (max-width:768px) {
	.list-consult{gap:20px;}
	.list-consult > li{border-radius:10px;}
	.list-consult > li .txt{padding:25px;}
	.list-consult > li .txt .tit{gap:7px;}
	.list-consult > li .txt .tit h3{font-size:23px;}
	.list-consult > li .txt p{font-size:16px; line-height:1.5em;}
	.list-consult > li .txt .list-txt li > span{font-size:16px;}
	.box-contact{margin-top:80px; height:240px;}
	.box-contact .txt > em{font-size:15px; }
	.box-contact .txt > h3{font-size:25px;}
	.box-contact .txt > h4{font-size:18px;}
	.box-contact .txt .list-info > li em,
	.box-contact .txt .list-info > li span{font-size:16px;}
	.box-contact .img{width:250px;}
}
@media only screen and (max-width:650px) {
	.list-consult{width:90%; margin:0 auto;}
	.list-consult > li{display:block;}
	.list-consult > li .img{width:100%;}
	.list-consult > li .txt{width:100%;}

	.box-contact{margin-top:60px; padding:20px 25px; height:205px; border-radius:10px;}
	.box-contact .txt > em{font-size:14px; margin-bottom:4px;}
	.box-contact .txt > h3{font-size:23px;}
	.box-contact .txt > h4{margin-top:7px; font-size:17px;}
	.box-contact .txt .list-info{margin-top:8px;}
	.box-contact .txt .list-info > li em{width:53px;}
	.box-contact .txt .list-info > li em, 
	.box-contact .txt .list-info > li span{font-size:15px;}
	.box-contact .img{width:190px; right:20px;}


	/*
	.box-contact{flex-direction: column; height:auto; padding:40px 40px 0;}
	.box-contact .txt{text-align:center; margin-bottom:50px;}
	.box-contact .txt .list-info > li{gap:8px; justify-content: center;}
	.box-contact .txt .list-info > li em{width:auto;}
	.box-contact .img{position:relative; right:unset;}
	*/

}
@media only screen and (max-width:600px) {
	.box-contact .img{width:170px;}
}
@media only screen and (max-width:540px) {
	.list-consult{width:100%;}
	.list-consult > li .txt{padding:20px;}
	.list-consult > li .txt .tit{gap:7px; margin-bottom:10px;}
	.list-consult > li .txt .tit em{font-size:14px;}
	.box-contact{margin-top:30px;}
	.box-contact .txt .list-info > li{margin-bottom:5px;}
}
@media only screen and (max-width:500px) {
	.box-contact{flex-direction: column; height:auto; padding:30px 20px 0;}
	.box-contact .txt{text-align:center; margin-bottom:20px;}
	.box-contact .txt > h3{font-size:25px;}
	.box-contact .txt .list-info > li{gap:8px; justify-content: center;}
	.box-contact .txt .list-info > li em{width:auto;}
	.box-contact .img{position:relative; right:unset; width:230px;}
}
@media only screen and (max-width:450px) {
	.list-consult > li .txt .list-txt li{margin-bottom:5px;}
	.list-consult > li .txt .tit h3{font-size:20px;}
}

#sub_container .sub1_4{}
.map-flex{display:flex; gap:60px;}
.map-flex .box{margin:0;}
.box-map{width:500px; margin:0 auto;}
.box-map .root_daum_roughmap .wrap_map{height:400px !important;}
.map-flex .box{width:calc(100% - 560px);  width:-webkit-calc(100% - 560px); }
.map-info{width:100%; border-top:2px solid #e70012;}
.map-info > li{display:flex; border-bottom:1px solid #e9e9e9; box-sizing:border-box; padding:25px 0;}
.map-info > li .subject{display: flex; align-items: center; width:120px; padding:0 0 0 20px; font-size:19px; font-weight:600; color:#222; line-height:1em; word-break:keep-all;}
.map-info > li .cont{width:calc(100% - 120px); font-size:16px; font-weight:400; color:#666; line-height:1em;}
.map-info > li .cont > ul{padding:10px 0 0;}
.map-info > li .cont > ul > li {display:flex; gap:10px; align-items: center; margin-bottom:10px; width:100%;}
.map-info > li .cont > ul > li > em{display: flex; align-items: center; justify-content: center; width:80px; height:25px; font-style:normal; font-size:14px; font-weight:500; color:#878787; background:#eee; line-height:1em; border-radius:5px; text-align:center;} 
.map-info > li .cont > ul > li > span{width:calc(100% - 100px); font-size:16px; font-weight:400; color:#444; line-height:1.2em; word-break:keep-all;}
.location{font-size:15px; font-weight:bold; color:#333; padding-bottom:10px;}
.location i{position:relative; top:2px; margin-right:5px;}
.location em{color:#e70012; font-style:normal;}

@media only screen and (max-width:1300px) {
	.map-flex{gap:0;}
	.box-map{width:40%;}
	.map-flex .box{width:57%; margin-right:3%;}
}
@media only screen and (max-width:1024px) {
	.map-flex{gap:30px; flex-direction: column-reverse;}
	.box-map{width:100%;}
	.map-flex .box{width:100%; margin-right:0;}
}
@media only screen and (max-width:860px) {
	.map-info > li{padding:20px 0;}
	.map-info > li .subject{width:130px; padding:0 0  0 30px;}
	.map-info > li .cont{width:calc(100% - 130px); width:-webkit-calc(100% - 130px);}
	.map-info > li .cont > ul{padding:5px 0 0;}
	.location{padding-bottom:5px;}
}
@media only screen and (max-width:760px) {
	.map-info > li .subject{font-size:17px;}
	.map-info > li .cont{font-size:16px;}
	.map-info > li .cont > ul > li{gap:5px; align-items: flex-start; flex-direction: column; margin-bottom:12px;}
	.map-info > li .cont > ul > li > em{font-size:14px; width:80px; height:25px;}
	.map-info > li .cont > ul > li > span{font-size:16px; width:100%;}
	.location{padding:0; font-size:14px;}
	.location i{margin-right:2px;}	
}
@media only screen and (max-width:540px) {
	map-flex{gap:20px;}
	.box-map .root_daum_roughmap .wrap_map{height:250px !important;}
	.map-info > li{flex-direction: column; padding:15px;}
	.map-info > li .subject{padding:0; margin-bottom:5px; font-size:16px;}
	.map-info > li .cont{width:100%; font-size:15px;}
	.map-info > li .cont > ul > li {margin-bottom:10px;}
	.map-info > li .cont > ul > li > em{width:auto; padding:0 10px; height:24px; border-radius:2px;}
	.map-info > li .cont > ul > li > span{font-size:15px;}
}


/* 헤드헌팅 이용절차 */
#sub_container .sub2_1{}
.list-process{display:block;}
.list-process > li{display:flex; align-items: center; padding:20px 40px; margin-bottom:20px; border:1px solid #eee; box-sizing:border-box; gap:30px; border-radius:10px;}
.list-process > li .icon{display: flex; justify-content: center; align-items: center;  width:100px; height:100px; background:#f4f4f4; border-radius:500px;}
.list-process > li .icon img{height:50px;}
#sub_container .sub2_1 .list-process > li:nth-child(2) .icon img{height:40px;}
#sub_container .sub2_1 .list-process > li:nth-child(5) .icon img{height:30px;}
.list-process > li .txt{width:calc(100% - 150px);}
.list-process > li .txt .tit{display:flex; align-items: center; gap:8px; margin-bottom:7px;}
.list-process > li .txt .tit > i{display:flex; justify-content: center; align-items: center; width:30px; height:30px; background:#e70012; border-radius:50px; font-size:15px; font-weight:600; color:#fff;}
.list-process > li .txt .tit > h3{display:block; font-size:20px; font-weight:bold; color:#333; line-height:1em; word-break:keep-all;}
.list-process > li .txt p{display:block; font-size:18px; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}
.box-img{margin:0 0 50px; border-radius:30px; overflow:hidden;}
.box-txt{margin-bottom:40px;}
.box-txt > h3{position:relative; padding-left:18px; margin-bottom:12px; font-size:21px; font-weight:600; color:#333; line-height:1em; word-break:keep-all;}
.box-txt > h3:before{content:''; position:absolute; top:5px; left:0; width:6px ;height:6px; background:#e70012;}
.box-txt > h3:after{content:''; position:absolute; top:11px; left:6px; width:6px ;height:6px; background:#700000;}
.box-txt p{display:block; font-size:17px; font-weight:400; color:#555; line-height:1.5em; word-break:keep-all;}



@media only screen and (max-width:1023px) {
	.list-process > li{padding:35px; gap:25px;}
	.list-process > li .txt p{font-size:17px;}
}
@media only screen and (max-width:768px) {
	.box-img{border-radius:20px; margin:0 0 35px;}
	.box-txt{margin-bottom:25px;}
	.box-txt > h3{font-size:21px;}
	.box-txt p{font-size:17px;}
	.list-process > li{padding:30px; margin-bottom:15px; gap:20px;}
	.list-process > li .icon{width:100px; height:100px;}
	.list-process > li .icon img{height:55px;}
	.list-process > li:nth-child(2) .icon img{height:45px;}
	.list-process > li:nth-child(5) .icon img{height:30px;}
	.list-process > li .txt .tit{margin-bottom:8px; gap:6px;}
	.list-process > li .txt .tit > i{width:28px; height:28px; font-size:14px;}
	.list-process > li .txt .tit > h3{font-size:19px;}
}
@media only screen and (max-width:650px) {
	.list-process > li{padding:20px;}
}
@media only screen and (max-width:540px) {
	.box-img{border-radius:10px; margin:0 0 20px;}
	.box-txt{margin-bottom:15px;}
	.box-txt > h3{font-size:18px; padding-left:15px; margin-bottom:5px;}
	.box-txt > h3:before{width:5px; height:5px; top:4px;}
	.box-txt > h3:after{width:5px; height:5px; top:9px; left:4px;}
	.box-txt p{font-size:15px;}
	.list-process > li{margin-bottom:10px; flex-direction: column;}
	.list-process > li .icon{width:80px; height:80px;}
	.list-process > li .icon img{height:50px;}
	.list-process > li:nth-child(2) .icon img{height:40px;}
	.list-process > li:nth-child(5) .icon img{height:27px;}
	.list-process > li .txt{width:80%; display:flex; justify-content: center; flex-direction: column; align-items: center; text-align:center;}
	.list-process > li .txt .tit{margin-bottom:5px; gap:5px;}
	.list-process > li .txt .tit > i{width:25px; height:25px; font-size:13px;}
	.list-process > li .txt .tit > h3{font-size:18px;}
	.list-process > li .txt p{font-size:15px;}
	.list-process > li .txt p br{display:none;}
}
@media only screen and (max-width:450px) {
	.list-process > li .txt{width:90%;}
}

/* 이력서 · 면접컨설팅 */
#sub_container .sub2_3 .sub-tit{margin-bottom:45px;}
.box > h4{display:block; margin-bottom:80px; font-size:70px; font-weight:800; color:#333; text-align:center; }
.box > h4 i{color:#e70012;}
#sub_container .sub2_3 .list-consult > li .txt .tit h3{font-size:30px;}

@media only screen and (max-width:1300px) {
	.box > h4{margin-bottom:70px; font-size:65px;}
	#sub_container .sub2_3 .list-consult > li{display:block;}
	#sub_container .sub2_3 .list-consult > li .img,
	#sub_container .sub2_3 .list-consult > li .txt{width:100%;}
	#sub_container .sub2_3 .list-consult > li .txt{padding:25px;}
}
@media only screen and (max-width:1023px) {
	.box > h4{font-size:60px; margin-bottom:60px;}
	#sub_container .sub2_3 .list-consult > li .txt .tit h3{font-size:25px;}
}
@media only screen and (max-width:860px) {
	#sub_container .sub2_3 .sub-tit{margin-bottom:25px;}
	#sub_container .sub2_3 .sub-tit br{display:none;}
	.box > h4{font-size:50px; margin-bottom:50px;}
	#sub_container .sub2_3 .list-consult{flex-direction: column; width:90%; margin:0 auto;} 
	#sub_container .sub2_3 .list-consult > li{width:100%;}
}
@media only screen and (max-width:650px) {
	.box > h4{font-size:45px; margin-bottom:40px;}
	#sub_container .sub2_3 .list-consult{width:100%;} 
}
@media only screen and (max-width:540px) {
	.box > h4{font-size:37px; margin-bottom:30px;}
	#sub_container .sub2_3 .sub-tit{margin-bottom:15px;}
	#sub_container .sub2_3 .list-consult > li .txt{padding:20px;}
	#sub_container .sub2_3 .list-consult > li .txt .tit h3{font-size:23px;}
}
@media only screen and (max-width:450px) {
	.box > h4{font-size:30px;}
	#sub_container .sub2_3 .list-consult > li .txt{padding:15px;}
	#sub_container .sub2_3 .list-consult > li .txt .tit h3{font-size:20px;}
}
#sub_container .sub3_1{}
#sub_container .sub3_1 .list-process > li .icon img{height:50px;}
#sub_container .sub3_1 .list-process > li:nth-child(3) .icon img{height:40px;}
#sub_container .sub3_1 .list-process > li:nth-child(4) .icon img,
#sub_container .sub3_1 .list-process > li:nth-child(5) .icon img{height:60px;}





/* table */
#sub_container table.table{margin:0;}
#sub_container table.table caption{display:none;}
#sub_container table.table th,
#sub_container table.table td{padding:20px; line-height:1.2em; word-break:keep-all;}
#sub_container table.table th{text-align:center; font-weight:600; background:#f3f3f3; color:#333; font-size:19px; border:none; border-bottom:1px solid #e0e0e0; vertical-align:middle;}
#sub_container table.table th br{display:none;}
#sub_container table.table tbody td{padding:20px; border:none; border-bottom:1px solid #e0e0e0; text-align:left; font-size:18px; font-weight:400; color:#5b5c56; vertical-align:middle;}
#sub_container table.table tbody tr:first-child th{border-top:1px solid #e0e0e0;}
#sub_container table.table tbody tr:first-child td{border-top:1px solid #e0e0e0;}



@media only screen and (max-width:760px) {
	#sub_container table.table th, #sub_container table.table td{padding:15px; font-size:17px;}
	#sub_container table.table tbody td{padding:15px; font-size:17px;}
}
@media only screen and (max-width:650px) {
	#sub_container table.table th, #sub_container table.table td{padding:10px; font-size:16px;}
	#sub_container table.table tbody td{padding:10px; font-size:16px;}
	#sub_container table.table th br{display:block;}
}
@media only screen and (max-width:450px) {
	#sub_container table.table th{font-size:15px;}
	#sub_container table.table tbody td{padding:10px; font-size:15px;}
}
@media only screen and (max-width:400px) {
	#sub_container table.table th{padding:10px 5px; font-size:14px;}
	#sub_container table.table tbody td{padding:10px 5px; font-size:14px;}
}