@charset "utf-8";

/* contents block */
#site-body {padding-top:10px;font-size: 1.1rem;letter-spacing: -0.05em;}
#site-body .wrap {max-width:1200px;margin:0 auto; padding: 30px 0 0px;width:97%;}
#site-body .wrap img {max-width:100%;}

@media all and (max-width:1200px) {
	#site-body .wrap {padding: 0px 0 0px;}
}
@media all and (max-width:1024px) {
	#site-body .wrap {padding: 30px 0 0px;}
}
@media all and (max-width:640px) {
	#site-body .wrap {padding: 30px 0 0px;}
}

/*sub contents*/

/* ������ ���� */
.title{text-align:center;color:#333;border-bottom: 1px dashed #e8e8e8;padding: 70px 5px 40px 5px;font-size: 1.8rem;letter-spacing: -0.05em;background: url(/assets/img/sub/business-bg.png) center -10px no-repeat;}
.title span{display: block; width:2px; height:37px; margin:18px auto 10px; background: linear-gradient(358deg, rgb(0 143 76), rgb(97, 60, 174));}
.box{display: flex; justify-content: flex-start;}
.left{ margin-right:20px;}
.line{width: 50px; height: 1px; background: #0a96e8; display: inline-block; margin:40px 0 60px;}
.stitle{font-size: 16px;line-height: 33px;font-weight: 400;color: #777; text-align: center;}
.pageWrap{margin-bottom:10px; text-align: justify;color:#333;line-height:1.8;font-family: 'Noto Sans KR', sans-serif;}
.pageWrap .pwrap{width:95%;max-width:1200px;margin:50px auto 80px;/*min-height: 400px;*/}


table {border-collapse:collapse;width:100%}
table button, table input {*overflow:auto}
h1, h2, h3, h4, h5, h6 {font-weight:500;letter-spacing: -0.7px;}
h4{ display:inline-block; font-size: 1.5rem;  color:#000; line-height: 1.25; word-break: keep-all; text-align: left; margin-top:50px; margin-bottom: 20px;background: url(/assets/img/sub/icon.png) no-repeat 0px 6px; padding-left: 13px; width:100%}
.hidden, legend, caption {visibility: hidden;position: absolute;left: -9999em;width: 1px;height: 1px;margin: 0;padding: 0;background: none;font-size: 0;line-height: 0;text-indent: -9999em}
.clearfix:after {content: "";display: block;clear: both}
.text-bbsbox .textview > a {text-decoration: underline;color: #1566d0}
.contbox h4{  position: absolute; top: 50px; left: 0; max-width: 280px; margin-top: 0;}
.contbox h4 > a{ display: block; font-size: 0.8rem; color:#555; border: 1px solid #59647f; border-radius: 5px; margin-top:25px; padding: 20px 5px; text-align: center;}
.contbox h4 > a i{ display: inline-block; margin-left: 5px; }
h4 + h5{ margin-top: 0;}
h5{ position: relative; display: block; margin-top: 10px; margin-bottom: 30px; font-size: 1.4rem;  line-height: 1.4; color: #000; text-align: left; padding-left: 12px; word-break: keep-all;}
h5 + h5{ margin-top: 0;}
p{ padding-left:0px; text-align: left;}
h4 + p{ padding-left: 0;margin-bottom: 10px; }
p.no-padding{ padding-left:0; }
.__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}

.img_box01 {border: 1px solid #e8e8e8;text-align: center;padding:2%;border-radius: 6px;margin-bottom: 40px;}
.img_box01.bg {background-color: #f4f7f9}
.img_box01 > p {margin-bottom: 30px;font-weight: 400;font-size: 21px}
.img_box01 img{width:auto}
.img_box02 {text-align: center;padding: 5%;margin-bottom: 20px}
.img_box02 img{width:auto}
.img_box03 {text-align: center;padding: 0;margin-bottom: 20px}
.img_box03 img{width:auto}

@media (max-width: 1000px){
	.img_box01 {display: contents;}
}
/* tit-txt */
.sub_tit1 {font-size: 40px;line-height: 52px;letter-spacing: -0.1em;font-weight: 300;color: #333333;text-align: center;}
.sub_tit2 {font-size: 30px;letter-spacing: -0.05em;font-weight: 300;color: #007379;}
.sub_tit3 {font-size: 20px;margin-bottom: 10px;color: #666;}
.sub_txt1 {margin-top: 25px;text-align: center;line-height: 24px;font-size: 16px;letter-spacing: -0.05em;color: #555555;}
.sub_txt2 {display: block;font-size: 20px;line-height: 30px;letter-spacing: -0.05em;color: #333333;margin-top:15px;text-align: center;}
.sub_txt3 {text-align: center;font-size: 16px;line-height: 30px;font-weight: 300;letter-spacing: -0.05em;color: #333333;}
.sub_txt4 {display:block; margin-top:10px; text-align: center;font-size: 19px;line-height: 30px;font-weight: 300;letter-spacing: -0.05em;color: #007379;}

/* Preparing the page */
.ready_text{width:50%;margin:100px auto;border:1px dashed #fe7590; text-align:center;padding:5%;border-radius: 6px; }
.ready_area{border:1px dashed #cfcfcf;border-radius: 6px;text-align: center;padding:130px 0 30px 0;background: url(/assets/img/sub/ready.png) no-repeat center 30px;opacity: 0.8;margin: 80px;}
.ready_area .ready_tit{font-size: 24px;font-weight:600;color: #999;line-height:180%;text-align: center;}
.ready_area .ready_tit_s{font-size:17px;text-align: center;color: #999;}
.txt.paint1{position:relative;}
.txt.paint1:after{content: ''; display: block; width: 100%; height: 5px; background-color: #4ad44a; position: absolute; left: 0; bottom: 0.5px; z-index: -1;}
.txt.paint2{position:relative;}
.txt.paint2:after{content: ''; display: block; width: 100%; height: 5px; background-color: #b6d1ff; position: absolute; left: 0; bottom: 0.5px; z-index: -1;}
.txt.paint3{position:relative;}
.txt.paint3:after{content: ''; display: block; width: 110%; height: 27px; background-color: #4ad44a; position: absolute; left:-5px; bottom: -2px; z-index: -1;border-radius: 10px;}
.txt.paint4{position:relative;}
.txt.paint4:after{content: ''; display: block; width: 110%; height: 27px; background-color: #b6d1ff; position: absolute; left:-5px; bottom: -2px; z-index: -1;border-radius: 10px;}

/* tabs */
 .tabs{display:flex;margin-bottom: 50px;}
 .tabs li{width:20%;padding:13px 0;margin-left:-1px;border:1px solid #ddd;font-size:18px;color:#999;text-align:center;cursor:pointer}
 .tabs li:nth-child(1){margin-left:0}
 .tabs li.active{color:#fff;background:#09297f}

/* list*/
.list-bar{ display: inline-block; width: 100%; margin-bottom: 30px; text-align: left;}
.list-bar > li{position: relative; display: inline-block; width: 100%; margin-bottom: 5px; padding-left: 23px; color: #555; line-height: 1.4;}
.list-bar > li:before{position: absolute; top: 11px; left:9px; content:""; display: inline-block; width: 7px;  height: 2px;  background-color: #4b4b4b; color: #555; line-height: 1.2;}
.list-dot{ display: inline-block; width: 100%; text-align: left;}
.list-dot > li{position: relative; display: inline-block; width: 100%; margin-bottom: 5px; padding-left: 14px; color: #555; line-height: 1.4;}
.list-dot > li:before{position: absolute; top:15px; left:6px; content:""; display: inline-block; width: 3px;  height: 3px; border-radius: 50%; background-color: #4b4b4b; color: #555; line-height: 1.2;}
.list-dot > span{color:red;}
.list-num{ display: inline-block; margin-bottom: 10px; text-align: left;}
.list-num > li{position: relative; display: inline-block; width: 100%; margin-bottom: 5px; padding-left: 35px; color: #555; line-height: 1.4;}
.list-num > li .num{position: absolute; top: 3px; left:9px; display: inline-block; width: 21px; height: 21px; background-color: #59647f; color:#fff; border-radius: 50%; text-align: center; font-size: 0.7rem;}

/* services */
.services{padding-bottom:100px;}
.cont-box{width:100%; display:flex; position:relative; margin:margin: 10px 10px 60px 0px;  justify-content: space-between;} 
.cont-left{width:68%; padding-right:0px;} 
.cont-right{position:absolute; right:0; top:10px; width:30%; text-align:right;}
.cont-tit{font-size: 1.3rem; color:#000; line-height:1.3; font-weight:500;margin-top:25px; }
.cont-tit:before{content:''; width:20px; height:2px; background:#018862; margin:5px 0; display:block;}
.cont-tit2{font-size:26px; color:#000;  margin-top:50px; font-weight:600;} 
.board-tit{margin:70px auto 0; text-align:Center;}
.board-tit .cont-tit:after{margin:20px auto;}
.min-h{min-height:262px;}

.service1 {margin-top: 5px;}
.service1 h4 {margin-bottom: 15px;}
.service1 .list {font-size: 0;margin: 0 0px;display:  flex;flex-wrap: wrap;justify-content: space-around;}
.service1 .list > li {display: inline-block;vertical-align: top;width:calc(49.333% - 20px);margin: 10px;height: auto;padding: 0 15px 40px 15px;border-radius: 6px;border: 1px solid #ddd;text-align: center;background-repeat: no-repeat;background-position: center bottom;}
.service1 .list > li .thumb {display: flex;justify-content: space-around;}
.service1 .list > li .num1 {margin-top:30px;display: inline-block;width: 80%;border-radius: 60px;line-height: 25px;font-size:22px;padding: 15px 10px;color: #fff;font-weight: 500;background: linear-gradient(45deg, #139a13 50%, #b38813 0%), url(#) no-repeat 50% -150px;}
.service1 .list > li .num2 {margin-top:30px;display: inline-block;width: 80%;border-radius: 60px;line-height: 25px;font-size:22px;padding: 15px 10px;color: #fff;font-weight: 500;background: linear-gradient(57deg, #089008 28%, #078007 0%), url(#) 72% -150px no-repeat;}
.service1 .list > li .num3 {margin-top:30px;display: inline-block;width: 80%;border-radius: 60px;line-height: 25px;font-size:22px;padding: 15px 10px;color: #fff;font-weight: 500;background: linear-gradient(57deg, #6d91d0 35%, #5a84ce 0%), url(#) 65% -150px no-repeat;}
.service1 .list > li .num4 {margin: 36px 20px 20px 20px;display: inline-block;width: 50%;height: 30px;border-radius: 60px;line-height: 30px;background:#003678;font-size: 14px;letter-spacing: -0.05em;color: #7cf76e;font-weight: 500;}
.service1 .list > li .num5 {margin: 30px 20px 20px 20px;display: inline-block;width: 50%;height: 30px;border-radius: 60px;line-height: 30px;background:#003678;font-size: 14px;letter-spacing: -0.05em;color: #7cf76e;font-weight: 500;}
.service1 .list > li .tit {display: block;font-size: 1.05rem;line-height: 30px;margin-bottom: 2px;font-weight: 400;letter-spacing: -0.05em;color: #333;}
.service1 .list > li p {margin-top: 15px;font-size: 0.9rem;margin: 30px 0px 30px 0px;line-height: 24px;font-weight: 300;letter-spacing: -0.05em;color: #666;}
.service1 .list > li p.eng {font-size: 14px !important; line-height: 20px;letter-spacing: -0.02em;}
.service1 .list > li.w25 {width: calc(25% - 20px);}
.service1 .list > li.w50 {width: calc(50% - 20px);}
.service1 .list > li.w100 {width: calc(100% - 20px);}
.service1 .btn3 {padding: 0 35px;height: 50px;line-height: 50px;font-size: 12px;border-radius: 25px;text-decoration: none;}

.service2 {margin-top: 5px;}
.service2 h4 {margin-bottom: 15px;}
.service2 .list {font-size: 0;margin: 0 -10px;display: flex;flex-wrap: wrap;}
.service2 .list > li {display: inline-block;vertical-align: top;width:calc(33.333% - 20px);margin: 10px;height: auto;padding: 0 15px  15px 15px;border-radius: 6px;border: 1px solid #ddd;text-align: center;background-repeat: no-repeat;background-position: center bottom;}
.service2 .list > li em{color:red;font-weight: 500;}
.service2 .list > li .num1 {margin-top:30px;display: inline-block;width: 90%;border-radius: 60px;line-height: 25px;font-size:22px;padding: 15px 10px;color: #fff;font-weight: 500;background: linear-gradient( 45deg, #139a13 50%, #b38813 0%), url(#) no-repeat 50% -150px;}
.service2 .list > li .num2 {margin-top:30px;display: inline-block;width: 90%;border-radius: 60px;line-height: 25px;font-size:22px;padding: 15px 10px;color: #fff;font-weight: 500;background: linear-gradient( 45deg, #4b5187 50%, #363d77 0%), url(#) 50% -150px no-repeat;}
.service2 .list > li .num3 {margin-top:30px;display: inline-block;width: 90%;border-radius: 60px;line-height: 25px;font-size:22px;padding: 15px 10px;color: #fff;font-weight: 500;background: linear-gradient( 45deg, #6d91d0 50%, #5a84ce 0%), url(#) 50% -150px no-repeat;}
.service2 .list > li .num4 {margin: 36px 20px 20px 20px;display: inline-block;width: 50%;height: 30px;border-radius: 60px;line-height: 30px;border: 1px solid #ddd;font-size: 14px;letter-spacing: 0.01em;color: #000;font-weight: 500;}
.service2 .list > li .num5 {margin: 30px 20px 20px 20px;display: inline-block;width: 50%;height: 30px;border-radius: 60px;line-height: 30px;border: 1px solid #ddd;font-size: 14px;letter-spacing: 0.01em;color: #000;font-weight: 500;}
.service2 .list > li .num6 {margin: 30px 20px 20px 20px;display: inline-block;width: 50%;height: 30px;border-radius: 60px;line-height: 30px;background:#003678;font-size: 14px;letter-spacing: 0.01em;color: #7cf76e;font-weight: 500;}
.service2 .list > li .tit {display: block;font-size: 1.05rem;line-height: 30px;margin-bottom: 2px;font-weight: 400;letter-spacing: -0.05em;color: #333;}
.service2 .list > li p {margin-top: 15px;font-size: 0.9rem;margin: 30px 0px 30px 0px;line-height: 24px;font-weight: 300;letter-spacing: -0.05em;color: #666;}
.service2 .list > li p.eng {font-size: 14px !important; line-height: 20px;letter-spacing: -0.02em;}
.service2 .list > li.w25 {width: calc(25% - 20px);}
.service2 .list > li.w50 {width: calc(50% - 20px);}
.service2 .list > li.w100 {width: calc(100% - 20px);}
.service2 .btn3 {padding: 0 35px;height: 50px;line-height: 50px;font-size: 12px;border-radius: 25px;text-decoration: none;}

@media (max-width:1200px){
	.title {margin: 40px 0 20px;background: url(/assets/img/sub/business-bg.png) no-repeat -6px -6px;}
	.cont-tit{font-size:20px;}
	.service1{font-size:20px;}
	.service1 .list > li {width: calc(49.333% - 10px); padding: 15px 15px 20px; margin: 5px; background-size: auto 50px;}
	.service2{font-size:20px;}
	.service2 .list > li {width: calc(33.333% - 10px); padding: 15px 15px 20px; margin: 5px; background-size: auto 50px;}
}

@media (max-width:1000px){
	.title {margin: 30px 0 20px;background: url(/assets/img/sub/business-bg.png) no-repeat -200px -20px;}
	.cont-left{width:100%;	padding-right:0;	}
	.cont-right{display: none;position:relative;width:100%;text-align:center;padding:0 0px;margin:0 0 30px;	}
	.service1 .list > li {width: calc(100% - 10px);}
	.service1 .list > li p { margin-top: 15px; font-size: 13px; line-height: 1.4;}
	.service1 .list > li .num1 {margin-top:20px;display: inline-block;width: 90%;border-radius: 60px;line-height: 25px;font-size:20px;padding: 10px 15px;color: #fff;font-weight: 500;}
	.service1 .list > li .num2 {margin-top:20px;display: inline-block;width: 90%;border-radius: 60px;line-height: 25px;font-size:20px;padding: 10px 15px;color: #fff;font-weight: 500;}
	.service1 .list > li .num3 {margin-top:20px;display: inline-block;width: 90%;border-radius: 60px;line-height: 25pxfont-size:20px;padding: 10px 15px;color: #fff;font-weight: 500;}
	.service2 .list > li {width: calc(100% - 10px);}
	.service2 .list > li p { margin-top: 15px; font-size: 13px; line-height: 1.4;}
	.service2 .list > li .num1 {margin-top:20px;display: inline-block;width: 90%;border-radius: 60px;line-height: 25px;font-size:20px;padding: 10px 15px;color: #fff;font-weight: 500;}
	.service2 .list > li .num2 {margin-top:20px;display: inline-block;width: 90%;border-radius: 60px;line-height: 25px;font-size:20px;padding: 10px 15px;color: #fff;font-weight: 500;}
	.service2 .list > li .num3 {margin-top:20px;display: inline-block;width: 90%;border-radius: 60px;line-height: 25px;font-size:20px;padding: 10px 15px;color: #fff;font-weight: 500;}
}

@media (max-width:800px){
	.title {font-size: 1.4rem;padding: 50px 5px 40px 5px;margin: 30px 0 0px;background: url(/assets/img/sub/business-bg.png) no-repeat -250px -0px;}
	.cont-right{display: none;}
	.service1 .list > li {width: calc(100% - 10px);}
	.service1 .list > li p { margin-top: 15px; font-size: 13px; line-height: 1.4;}
	.service1 .list > li .num1 {margin-top:20px;display: inline-block;width: 95%;border-radius: 60px;line-height: 25px;font-size: 1.05rem;padding: 10px 15px;color: #fff;font-weight: 500;}
	.service1 .list > li .num2 {margin-top:20px;display: inline-block;width: 95%;border-radius: 60px;line-height: 25px;font-size: 1.05rem;padding: 10px 15px;color: #fff;font-weight: 500;}
	.service1 .list > li .num3 {margin-top:20px;display: inline-block;width: 95%;border-radius: 60px;line-height: 25px;font-size: 1.05rem;padding: 10px 15px;color: #fff;font-weight: 500;}
	.service1 .list > li .tit {display: block;font-size: 15px;line-height: 30px;margin-bottom: 2px;font-weight: 400;letter-spacing: -0.05em;color: #333;}
	.service2 .list > li {width: calc(100% - 10px);}
	.service2 .list > li p { margin-top: 15px; font-size: 13px; line-height: 1.4;}
	.service2 .list > li .num1 {margin-top:20px;display: inline-block;width: 90%;border-radius: 60px;line-height: 25px;font-size:20px;padding: 10px 15px;color: #fff;font-weight: 500;}
	.service2 .list > li .num2 {margin-top:20px;display: inline-block;width: 90%;border-radius: 60px;line-height: 25px;font-size:20px;padding: 10px 15px;color: #fff;font-weight: 500;}
	.service2 .list > li .num3 {margin-top:20px;display: inline-block;width: 90%;border-radius: 60px;line-height: 25px;font-size:20px;padding: 10px 15px;color: #fff;font-weight: 500;}
}

@media (max-width:640px){ 
	.title {padding: 20px 5px 40px 5px; background: url(/assets/img/sub/business-bg6.png) no-repeat -0px -0px;}
	.service2 .list > li {width: calc(100% 10px);}
	.service1 .list > li {width: calc(100% - 10px);}
	.services{font-size:14px; padding-bottom:30px;}
	.service1 .list > li .thumb {display: flex; justify-content: space-around; flex-wrap: wrap;}
	.service1 .list > li .thumb img{padding-bottom:10px;width: 90%;}
	.service2 .list > li .num1 {margin-top:20px;display: inline-block;width: 70%;}
	.service2 .list > li .num2 {margin-top:20px;display: inline-block;width: 70%;}
	.service2 .list > li .num3 {margin-top:20px;display: inline-block;width: 70%;}
	.service2 .list > li .num4 {margin: 36px 20px 20px 20px;display: inline-block;width: 40%;}
	.service2 .list > li .num5 {margin: 30px 20px 20px 20px;display: inline-block;width: 40%;}
	.cont-tit{font-size:18px; 	}
	.cont-tit:after{ 	}
	.cont-box{flex-direction:column;margin: 0px 0;}
	.cont-left{width:100%;	padding-right:0;	}
	.cont-left {font-size:14px;}
	.cont-right{display: block;position:relative;width:85%;text-align:center;padding:0 0px;margin:0px 0px 40px 40px;}
	.board-tit{margin:30px 0 0;	}
}
@media (max-width:480px){ 
	.title {padding: 30px 20px 40px;background: url('/assets/img/sub/business-bg4.png') no-repeat -0px 5px;}
	.img_box01 {padding: 5px;}
	h4 + h5{ font-size: 1.1rem;}
}

/* �λ縻 */
.greetings-topbox{ position: relative; height: 395px; margin-top: 35px; background:url(!#) no-repeat 50% 50%; background-size: cover;}
.greetings-topbox:after{ position: absolute; bottom:0; right: 150px; content: ""; display: inline-block; width:576px; height: 431px; background:url(!#) no-repeat; background-size: contain;}
.greetings-txt{ position: absolute; top:-28px; left: 92px; display: inline-block; width: 375px; height: auto; padding: 65px 45px 75px; background: #2d4478 url(!#) right top no-repeat;}
.greetings-entxt{ display: block; font-size: 16px; color:#fff; font-weight: 400; font-family: 'ttl'; line-height: 1.3; margin-bottom: 45px; letter-spacing: 0;  word-break: keep-all; }
.greetings-tit{ display: block; font-size: 1.65rem; color:#fff; line-height: 1.4; font-weight: 300; word-break: keep-all; }
.greetings-mid-tit{ display:block; margin:0 auto; text-align: center; padding: 10px 0 20px 0;background: url('/assets/img/sub/business-bg.png') center -25px no-repeat;}
.greetings-mid-tit p{ display:inline-block; width: 80%;padding:0 100px; font-size: 1.75rem; color:#05693a; line-height: 1.6; text-align: center; /* border: 5px solid #04655b; */ border-top: none; border-bottom: none; word-break: keep-all;}
.greetings-mid-tit b{ display: inline-block;  }
.greetings-bot-cont{ padding-top:50px;border-top: 1px dashed #e8e8e8; line-height: 30px;}
.greetings-bot-cont b{ display: block; font-size: 1.5rem;  line-height: 1.4; margin-bottom: 35px;color: #000; }
.greetings-bot-cont p{ padding-left: 0;margin-top:40px; margin-bottom: 10px; }
.greetings-bot-cont p em{ color:#006600;font-size:15px;}
.greetings-name{ display: block; text-align:center; vertical-align: middle; font-weight: 400; color:#333;}
.greetings-name img{ vertical-align: middle; margin-left:10px; margin-top:-10px;}

@media(max-width: 1200px){
	.greetings-topbox:after{ right: 20px; }
	.greetings-txt{ left:20px; }
}

@media(max-width: 1024px){
	.greetings-mid-tit{ padding: 0px 0px 30px 0px;background: url('/assets/img/sub/business-bg4.png') no-repeat 0px 0px;}
	.greetings-mid-tit p{ padding: 0 0px; font-size: 1.4rem;width: 80%;}
	.greetings-name img{ width: 80px; }
}

@media(max-width:640px){
	.greetings-bot-cont p{ padding-left: 0;margin-top:0; }
	.greetings-topbox{ height: 250px; margin-top:0; padding:0px;}
	.greetings-txt{ position: static; padding:0 100px 0 0; width:100%; background:none;}
	.greetings-entxt{ margin-bottom: 10px; color:#000; }
	.greetings-tit{ color:#000; font-size: 1.2rem; background: url('/assets/img/sub/business-bg.png') no-repeat center 0;}
	.greetings-bot-cont p {font-size: 1.0rem;}
	.greetings-mid-tit p,
	.greetings-mid-tit b{ font-size: 1.2rem;}
	.greetings-entxt br,
	.greetings-topbox:after{ width: 200px; height: 150px; }
	.greetings-bot-cont b{ display: block; font-size: 1.2rem;  line-height: 1.4; margin-bottom: 35px;color: #000; }
}

/* �������(����) */
.box_line .point_tit{ text-align: center;padding-top: 10px;margin-bottom: 20px;}
.box_line .point_tit_in{display:inline-block;font-size:25px;color:#38312b;letter-spacing:-0.5px;line-height:130%;}
.box_line .point_tit_in strong{ display: block}
.box_line .point_tit_in02{display:inline-block;width: 100%;font-size:20px;color:#38312b;letter-spacing:-0.5px;border-bottom: 1px #ddd dashed;margin-bottom: 15px;padding-bottom: 15px}
.box_line .point_tit_in02 strong{display: block;font-size:28px;line-height: 1.7}
.box_line .point_tit_in.p_txt{font-size:20px;line-height:150%}

.product_area{ overflow: hidden}
.product_area li{float: left; width: 23%; margin:1%; text-align: center}
.product_area li .p_img{position: relative;}
.product_area li .p_img img{width: auto; height: auto; max-width: 100%; max-height: 100%;}
.product_area li .p_img:before {border: 0px solid #4a8bda;;content: '';position: absolute;top: 0; bottom: 0;left: 0;right: 0; transition:.3s all; -webkit-transition:.3s all; z-index:0; box-sizing:border-box;}
.product_area li .p_img:hover:before {border-width:10px;}
.product_area li:hover{font-weight: 600;color: #000}
.product_area li p{font-size:17px; margin-top:10px}

.box_line{ border: 1px #e8e8e8 solid; padding: 40px; margin-bottom:60px}
.box_line.box_line_apply{padding: 20px 30px}
.box_line .info_tit{font-size:16px;font-weight: 600;line-height: 140%;background: url(#) no-repeat 0 center;padding:4px 0 4px 10px;color:#333}
.box_line .info_tit a{color: #f47a20}
.box_line .info_tit a.btn_apply{font-size:15px;color:#fff;background: url(#) no-repeat 90% center #ee8c8c;border:1px #e17676 solid;border-radius:3px;padding:5px 20px 5px 8px;}
.box_line.service{margin-bottom: -10px;margin-top: -20px;}
.box_line.service02{}

/* ������Ȳ - ����01 */
.year_bg{background: url('!#') no-repeat 83px 45px;}
.year{overflow: hidden;padding-bottom:30px;}
.year .year_img{float: left; width:110px; font-size: 18px;font-weight:600;color: #fff;text-align: center; line-height:40px; border-radius: 20px; margin: 5px 20px 0 0; vertical-align: top;background: linear-gradient(45deg, rgb(10, 127, 181) 50%, rgb(0, 104, 181) 0%), url(#) no-repeat 50% -150px;}
.year ul{float: left; width:85%; margin-bottom: 20px}
.year li{padding:5px;letter-spacing: -0.7px;}
.year li em{font-size:16px;padding-left: 90px;letter-spacing: -0.7px;font-weight: 300;color:#555;}
.year li b{color:red;}
.year li span.year_txt{display: inline-block;width: 90px;font-weight: 600; color:#0068b5; padding-right: 20px}
.year li span.year_txt.ghost {visibility:hidden;}
.year_point{color:#f75f5f;}

.service_purpose{text-align:center;}
.service_purpose .service_purpose_non{display: none}
#purpose01{display:block;text-indent:-9999999px;height: 80px}

@media screen and (max-width: 640px){
	.box_line .point_tit_in.p_txt{font-size: 17px;line-height: 140%;}
	.box_line .point_tit_in.p_txt br{display: none}
	.box_line{padding:10px;margin-bottom:30px;}
	.box_line .info_tit{font-size: 14px;}
	.box_line.box_line_apply {padding: 20px 10px;}
	.year_bg{background:none;}
	.year .year_img{float: none;font-size: 18px;margin-bottom: 5px}
	.year li{line-height: 1.5;;}
	.year ul {float: none;width:auto;}
	.box_line .point_tit_in{font-size: 20px;}
	.year li span.year_txt{font-size: medium;display:block;width:70px;font-weight: 500; color: #0068b5;; padding-right: 20px}
	.year li span.year_txt.ghost {display:none;}
	.year li em{display: none;font-size:14px;padding-left:0px;letter-spacing: -0.7px;font-weight: 300;}
}

/* ������Ȳ - ����02 */
.history {float:left; width:100%; margin:0 0 15px 0;padding:0 0 0 0; }
.history dt {float:left; width:30%;padding:15px 0 0 0;margin:0 0 10px 0;font-size:30px;font-weight:600;color:#6b9ecc;/*background:url(/coding/images/stt_title_bg.gif) no-repeat 70px 70%;*/text-align: center;}
.history dt:after {content: ""; position: absolute;width: 60px;height: 1px;margin: 15px 10px;background-color: #6b9ecc;vertical-align: middle;}
.history dt:before {content: ""; position: absolute; width: 10px; height: 10px;  background-color: #fff; border: 2px solid #6b9ecc; border-radius: 50%; box-sizing: border-box;margin-top: 10px;margin-left: 140px;}
.history dd {float:right;width:70%;padding:15px 15px;margin:0px 0;line-height: 1.8;border-bottom: 1px solid #DFE3E6;}
.history dd span {font-size:18px;padding-right:30px; font-weight:600; color:#663300;}
.history dd span:before {content: "";position: absolute;width: 2px;height: 2px; margin-left: -10px;margin-top: 15px; background-color: #333;}
.history dd a {padding-right:15px;text-decoration:none;color:#660000;background:url(/coding/images/blank.gif) no-repeat right 50%;}
.history dd a:hover{text-decoration:underline;}
.history dd ul {padding:0;margin:0;list-style:none;}
.history dd ul li{ padding:0;margin:0; background:url(#) no-repeat 0 12px;color: #666;}
.history dd ul li ul{padding:0;margin:0;list-style:none;}
.history dd ul li ul li{ padding:0 10px 0 10px;margin:0; background:url(/coding/images/s_bulet1.gif) no-repeat 0 8px;}

@media (max-width:1200px){
}
@media (max-width:1000px){
	.history dt {font-size:px;}
}
@media (max-width:640px){
	.history dt {float:left; text-align: left;}
	.history dd {float:left;width:100%;}
}

/* ����03-�̹��� */
.historyList{ overflow:hidden; text-align:center; margin-top:30px; }
.historyList .list{width:100%; font-size:14px; overflow:hidden; background:url('/assets/img/sub/bg_history_line.png') repeat-y center; padding:30px 0 0; }
.historyList .list .right{width:50%; margin-right:8px; float:right; background:url('/assets/img/sub/history_right_bg.png') no-repeat left 20px; }
.historyList .list .right ul{float:right; text-align:left; }
.historyList .list .left{width:50%; margin-left:8px; float:left; background:url('/assets/img/sub/history_left_bg.png') no-repeat right 20px; }
.historyList .list .left ul{float:left; text-align:right; }
.historyList .list ul{width:75%; padding:20px 30px; background:#fff; border:1px solid #ddd; }
.historyList .list ul li{line-height:30px; }
.historyList .list ul li.tit{font-size:24px; font-weight:bold; color:#014aaf; margin-bottom:10px; }
.historyList .list ul li > span{font-weight:bold; margin-right:8px; color:#015ac1; }
.historyList .list .y2010 ul{background:#eff6ff; border:1px solid #b6cbe2; }

@media (max-width:1000px){
    .historyList .list .right,  .historyList .list .left{float:none; width:100%; margin:0px; background-image:none; }
    .historyList .list .right ul, .historyList .list .left ul {float:none !important; width:80%;  margin:20px auto; text-align:left; }
	.historyList .list ul li.tit{ text-align:center}
    .historyList .list .left ul:last-child{margin-bottom:0px; }
}


.row {display: flex; flex-wrap: wrap;margin-right: -0.75rem;margin-left: -0.75rem;padding-bottom: 10px;}
.col-5 {flex: 0 0 50%; max-width: 50%;}
.col-6 {flex: 0 0 50%; max-width: 50%;}
.dotted-line {display: block; height: 1px; margin: 15px 0; border-top: 1px dashed #eee;}

.history-row .text-right {padding-right:20px;}
.history-row .text-left {position: relative; padding-left: 20px; border-left: 2px solid #3566cc }
.history-row .text-left:before {content: ""; position: absolute; top: 0px; left: -16px; width: 30px; height: 30px; background: #fff; border-radius: 50%;}
.history-row .text-left:after {content: ""; position: absolute; top: 13px; left: -4px; width: 6px;height: 6px; border-radius: 50%; background: #3566cc;}

.history-row .sub-p1 {font-size: 1.2rem;font-weight: 600; line-height: 1.7;}
.history-tit {margin-bottom:5px; font-size:35px; color: #3566cc; font-weight: 600; line-height: 1.7;text-align: right;}
.history-stit {margin-bottom: 20px; font-size:20px; color: #3a3a3a; font-weight: 600; line-height: 1.7;text-align: right;}

.history-title {margin-bottom:5px; font-size:35px; color: #3566cc; font-weight: 600; line-height: 1.7;text-align:left;}
.history-stitle {margin-bottom: 20px; font-size:20px; color: #3a3a3a; font-weight: 600; line-height: 1.7;text-align:left;}
.history-btn {padding: 10px 40px; margin: 50px 0; border-radius: 30px; background: #eee; font-size: 1.4rem; color: #333; transition: 0.4s;}
.history-row .sub-p2 {text-align: right;font-size: 1.2rem; font-weight: 600;}
.history-row .sub-p2:last-child {margin-bottom: 0;}

@media screen and (max-width: 599px){
	.row {display:block;}
	.col-5 {flex: 0 0 0%; max-width: 100%;}
    .history-title  {font-size: 2.0rem; line-height: 1.7;}
    .history-row .sub-p3 {height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}
}


/* ������ */
.org-tree { text-align: center; position: relative;padding: 30px 0px; }
.org-tree a { display: block; padding: 10px 0; letter-spacing: 0;}
.org-tree .board-director:before, .org-tree .sub-org::before, .org-tree .head::before, .org-tree .quarter::before, .org-tree .quarter2::before { content: ""; background: #e1e1e1; position: absolute; top: -30px; left: 50%; z-index: -1; }
.org-tree .board-director {display: block;width: 9rem;height:9rem;line-height: 2rem;border-radius: 50%;padding-top:35px;margin: 0 auto 5px;color: #fff;font-size: 1.3rem;text-align: center;position: relative;z-index: 1;background-color:#17568d;background-image: linear-gradient(16deg, rgba(225, 225, 225, 0.05) 0%, rgba(225, 225, 225, 0.05) 33.333%,rgba(114, 114, 114, 0.05) 33.333%, rgba(114, 114, 114, 0.05) 66.666%,rgba(52, 52, 52, 0.05) 66.666%, rgba(52, 52, 52, 0.05) 99.999%),linear-gradient(66deg, rgba(181, 181, 181, 0.05) 0%, rgba(181, 181, 181, 0.05) 33.333%,rgba(27, 27, 27, 0.05) 33.333%, rgba(27, 27, 27, 0.05) 66.666%,rgba(251, 251, 251, 0.05) 66.666%, rgba(251, 251, 251, 0.05) 99.999%),linear-gradient(225deg, rgba(98, 98, 98, 0.05) 0%, rgba(98, 98, 98, 0.05) 33.333%,rgba(222, 222, 222, 0.05) 33.333%, rgba(222, 222, 222, 0.05) 66.666%,rgba(228, 228, 228, 0.05) 66.666%, rgba(228, 228, 228, 0.05) 99.999%),linear-gradient(90deg, rgb(28, 20, 63),rgb(2 90 158));}
.org-tree .board-director::before {width: 1px;height: 3rem;top: 100%;left: 50%;}
.org-tree .audit, .org-tree .director { position: relative; z-index: 2; top:85px; left: 50%; display: block; width: 12.5rem; color: #fff; font-size: 1rem; font-weight: 400; }
.org-tree .audit { -webkit-transform: translate(83%, -200%); transform: translate(83%, -200%); background-color: transparent; border:1px solid #2d4478; border-radius: 30px; margin-bottom: 0.5rem; color:#2d4478;}
.org-tree .audit::after {content: "";background: #e1e1e1;width: 10.3rem;height: 1px;position: absolute;top: 1.2rem;left: -10.4rem;}
.org-tree .audit2, .org-tree .director { position: relative; z-index: 2; top:19px; left:-1%; display: block; width: 12.5rem; color: #fff; font-size: 1rem; font-weight: 400; }
.org-tree .audit2 { -webkit-transform: translate(83%, -200%); transform: translate(83%, -200%); background-color: transparent; border:1px solid #2d4478; border-radius: 30px; margin-bottom: 0.5rem; color:#2d4478;}
.org-tree .audit2::after {content: "";background: #e1e1e1;width: 10.3rem;height: 1px;position: absolute;top: 1.2rem;left: 12.4rem;}
.org-tree .director { -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #1b6cb8; margin-bottom: 2rem; }
.org-tree .sub-org {display: inline-block;width: 99%;position: relative;}
.org-tree .sub-org::before {width: 50%;height: 0px;-webkit-transform: translateX(-50%);transform: translateX(-48%);top: 0px;}
.org-tree .sub-org > li {float: left;width: 50%;margin: 2.75rem 25% 0;padding: 0 1rem;position: relative;}
.org-tree .sub-org > li .head { position: relative; border-radius: 5px; color: #fff; font-size: 1.2rem;  display: block; width: 100%; margin-bottom: 20px;background-color:#1d4b7d; background-image: linear-gradient(140deg, rgb(255 255 255 / 5%) 0%, rgba(192, 192, 192, 0.05) 33.333%,rgba(109, 109, 109, 0.05) 33.333%, rgba(109, 109, 109, 0.05) 66.666%,rgba(30, 30, 30, 0.05) 66.666%, rgba(30, 30, 30, 0.05) 99.999%),linear-gradient(22deg, rgb(25 87 142),rgb(29 75 125));}
/* 가로2개일때 
.org-tree .sub-org::before {width: 50%;height: 1px;-webkit-transform: translateX(-50%);transform: translateX(-48%);top: 0px;}
.org-tree .sub-org > li {float: left;width: 48%;margin: 2.75rem 1% 0;padding: 0 1rem;position: relative;}
*/

.org-tree .sub-org > li .head { position: relative; border-radius: 5px; color: #fff; font-size: 1.2rem;  display: block; width: 100%; margin-bottom: 20px;background-color:#1d4b7d; background-image: linear-gradient(140deg, rgb(255 255 255 / 5%) 0%, rgba(192, 192, 192, 0.05) 33.333%,rgba(109, 109, 109, 0.05) 33.333%, rgba(109, 109, 109, 0.05) 66.666%,rgba(30, 30, 30, 0.05) 66.666%, rgba(30, 30, 30, 0.05) 99.999%),linear-gradient(22deg, rgb(25 87 142),rgb(29 75 125));}
.org-tree .sub-org > li .quarter,
.org-tree .sub-org > li .quarter2 { position: relative; }
.org-tree .sub-org > li .quarter > li{ margin-top: .5rem; border: 1px solid #e1e1e1; border-radius: 5px; overflow: hidden;}
.org-tree .sub-org > li .quarter2 > li { margin-top: .5rem; border: 1px solid #e8e8e8;  border-radius: 5px; overflow: hidden;}
.org-tree .sub-org > li .head::before, .org-tree .sub-org > li .quarter::before { width: 0px; height: 2.8rem; top: -2.8rem; left: 52%;}
/* 가로2개일때 
.org-tree .sub-org > li .head::before, .org-tree .sub-org > li .quarter::before { width: 1px; height: 2.8rem; top: -2.8rem; left: 52%;}
*/
.org-tree .sub-org > li .quarter2::before { width: 1px; height: 20px; top: -20px; }
.org-tree .sub-org > li .quarter a{ background-color:#ebedf3; color:#37465e; font-weight: 400; }
.org-tree .sub-org > li .quarter2 li{ margin-top:20px; }
.org-tree .sub-org > li .quarter ul a{ background-color:#fff; border-top:1px solid #e1e1e1; color: #727272;}
.org-detail { margin-top: 4rem;}
.org-detail .point-orange{ display: inline-block; }
.org-detail .org-search { position: relative; border:2px solid #efefef; border-radius: 5px; padding:25px 25px 25px 145px; text-align: center; margin-bottom: 40px;}
.org-detail .org-search .org-search-wrap{ position: relative; display: inline-block; margin:0 auto; }
.org-detail .org-search .tp_icon{ position: absolute; top:25px; left:70px; width: 90px; height: 90px; }
.org-detail .org-search #select_type1{ display: block; margin-bottom: 10px; }
.org-detail .org-search select{font-size: 0.8rem; padding: 6px 10px 10px 10px; vertical-align: top; line-height:1;}
.org-detail .org-search input[type="text"] { font-size: 0.8rem; padding: 6px 10px 10px 10px; vertical-align: top; line-height:1;}
.org-detail .org-search label{ position: absolute; left: -80px; font-size: 0.9rem; font-weight: 400; line-height: 40px;}
.org-detail .org-search button{ display: inline-block; padding: 15px 18px; color:#fff; line-height:1;}
.org-detail .org-search button.btn-search{background-color:#333; margin-right: 5px;}
.org-detail .org-search button.btn-allview{background-color:#2d4478; }
.org-detail .list-bar{ display: block; padding-bottom: 30px; border-bottom: 2px dotted #e8e8e8; }
.org-detail .org-member-info strong{ display: block; font-size: 1.4rem;  margin: 40px 0 20px 0;}
.org-detail .no-search{ display: block; padding:65px 20px 75px 20px; margin-bottom: 50px; background-color:#f7f7f7; border:1px solid #e8e8e8; text-align: center; font-size:1rem; font-weight: normal; color:#666;}
.org-detail .no-search .icon_search{ display: block; width: 44px; height: 44px; background: url(../img/common/no-search.png) no-repeat; vertical-align: middle; margin:0 auto 30px;}
.org-detail .no-search strong{ display: block; font-size: 1.1rem;  color:#000; }
.org-detail .tblbox::before{ display: none; }

@media(max-width: 1200px){
	.org-tree .board-director::before {width: 1px;height: 3rem;top: 100%;left: 50%;}
	.org-tree .audit2, .org-tree .director {position: relative;z-index: 2;top:19px;left: calc(50% - 33rem);display: block;width: 12.5rem;color: #fff;font-size: 1rem;font-weight: 400;}
	.org-tree .audit2 { -webkit-transform: translate(83%, -200%); transform: translate(83%, -200%); background-color: transparent; border:1px solid #2d4478; border-radius: 30px; margin-bottom: 1rem; color:#2d4478;}
	.org-tree .audit2::after {content: "";background: #e1e1e1;width: 10.3rem;height: 1px;position: absolute;top: 1.2rem;left: 12.4rem;}
}

@media(max-width: 1024px){
	.org-tree::before { -webkit-transform: translate(-50%); transform: translate(-50%); }
	.org-tree .board-director { margin-bottom: 0; }
	.org-tree .board-director:before, .org-tree .sub-org::before, .org-tree .head::before, .org-tree .quarter::before, .org-tree .quarter2::before { display: none; }
	.org-tree .audit { width: 100%; position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-top:20px; margin-bottom: 0;}
	.org-tree .audit::after{ display: none; }
	.org-tree .audit2 { width: 100%; position: static; -webkit-transform: translate(0, 0); transform: translate(0, 0); margin-top:20px; margin-bottom: 0px;}
	.org-tree .audit2::after{ display: none; }
	.org-detail .org-search{ padding: 20px; }
	.org-detail .org-search .org-search-wrap{ padding-left: 80px; }
	.org-detail .org-search label{ left:0; }
	.org-detail .org-search select{ display: block; }
	.org-detail .org-search input[type="text"]{ display: block; margin-top:10px; margin-bottom: 10px; }
	.org-detail .org-search button{ float:left; width: 49%; }
	.org-detail .org-search button.btn-search{ margin-right: 1%; }
	.org-detail .org-member-info .box { padding-left: .5rem; padding-right: .5rem; }
	.org-detail .org-member-info .box .btn { position: static; width: 50%; margin-top: 1rem; }
	.org-detail .org-member-info .box li ~ li { margin-top: .6rem; }
	.org-detail .org-search .tp_icon{ position: static; }
	.org-tree .sub-org::before { display: none; }
	.org-tree .sub-org > li { width: 100%; padding: 0; margin: 0; margin-top:20px;}
	.org-tree .sub-org > li .head { border-width: 2px; margin-bottom: 0; }
}

@media(max-width: 760px){
	.org-tree {font-size: 1.0rem; }
	.org-detail .org-search .org-search-wrap{ display: block; padding:0; }
	.org-detail .org-search label{ position: static; display: block; text-align: left;}
	.org-detail .org-search select,
	.org-detail .org-search input[type="text"]{ display: block; width: 100%;}
	.org-detail .org-search button{ float: none; display: inline-block; }
}

/*  CI-BI */
.ci_wrap{overflow: hidden;border: 1px #e8e8e8 solid;padding: 30px;margin-bottom:50px}
.ci_wrap .img_ci{float: left;width:37.5%;height:226px;border: 1px #e3e3e3 solid;text-align: center;vertical-align: middle;margin-right:5%}
.ci_wrap.ci01 .img_ci{background: url('/assets/img/sub/bg_ci.png') repeat 0 0 #fcfcfc;padding-top:10px;border-radius: 4px;}
.ci_wrap.ci02 .img_ci{padding-top:0px;border-radius: 4px;}
.ci_wrap.ci03 .img_ci{padding-top:5px;border-radius: 4px;}
.ci_wrap .tit_ci_area{float:left;width:55%;}
.ci_wrap .tit_ci_area .tit_ci{margin-bottom:25px;line-height: 150%}
.ci_wrap .tit_ci_area .tit_ci .name{font-size: 20px;font-weight: 600;color:#0069b2}
.ci_wrap.ci01 .tit_ci_area .tit_ci{padding-top:20px}
.ci_wrap.ci02 .tit_ci_area .tit_ci{padding-top:30px}
.ci_wrap.ci03 .tit_ci_area .tit_ci{padding-top:50px}
.ci_wrap .tit_ci_area .btn_ci a{margin-right: 5px}
.ci_wrap .tit_ci_area .btn_ci a.btn_down02{padding: 7px 30px 7px 10px;border-radius: 3px;color: #fff;font-size: 13px;background: url('/assets/img/sub/icon_down.png') no-repeat 93% center #0069b2;}

@media screen and (max-width: 800px){
	.ci_wrap .img_ci {width:100%;}
	.ci_wrap .tit_ci_area{width:100%;}
	.ci_wrap.ci03 .tit_ci_area .tit_ci{padding-top:30px}
	.ci_wrap .tit_ci_area .tit_ci{font-size: 14px;line-height: 140%;}
}

/*  Contact Us 1 */
.location .map{position: relative;z-index:0}
.location .map .root_daum_roughmap{width:100%;max-width:1200px;margin:50px auto 0;}
.location .txtbox{overflow:hidden;margin-top: 50px}
.location .txtbox h3{float:left;color:#333;font-size:30px;font-weight:700;text-align: center;}
.location .txtbox .add{float:right;width:73%;padding:10px 0 10px 8%;border-left:1px solid #e8e8e8}
.location .txtbox .add h4{padding-bottom:15px;font-size:24px;color:#333;font-weight:500;}
.location .txtbox .add h4 img{margin-right:1.5%;vertical-align: middle;}
.location .txtbox .add ul li{margin-bottom:7px;}
.location .txtbox .add ul li span{display: inline-block;width: 13%;color:#999;padding-left: 8px;}
.location .txtbox .add ul li span:before {content: '';display: block;width: 4px;height: 4px;background-color: #666;border-radius: 100%;position: absolute;top: 11px;left: 0}

@media all and (max-width:1200px) {
	.location .map .root_daum_roughmap{width:95% !important}
	.location .txtbox{width:95%;margin:50px auto;}
	.location .txtbox h3{font-size:26px}
	.location .txtbox .add{width:72%;padding:0 0 10px 5%}
}
@media all and (max-width:1024px) {
	.location .map .root_daum_roughmap{width:95% !important}
	.location .txtbox{width:95%;margin:50px auto;}
	.location .txtbox h3{font-size:26px}
	.location .txtbox .add{width:62%;padding:0 0 10px 5%}
}
@media all and (max-width:640px) {
	.location .txtbox h3{float:none}
	.location .txtbox .add{float:none;width:100%;margin-top:30px;padding:30px 0 10px 0;border-left:none;border-top:1px solid #e8e8e8}
}
@media all and (max-width:480px) {
	.location .txtbox h3{font-size:24px}
	.location .txtbox h3 br{display:contents}
	.location .txtbox .add h4{font-size:21px}
	.location .txtbox .add ul li span{width:auto;display:block;margin-bottom:5px;}
	.location .txtbox .add h4 img{width:5%;vertical-align: -1px;}
	.root_daum_roughmap .wrap_map{max-height:300px}
}

/* Contact Us 2 */
.mapWrap {position:relative;margin-top:10px;margin-bottom:10px;}
.mapWrap > iframe {width: 100%; height: 400px; border: 0;}
.mapWrap  .con-tit br{ display:none}
.mapWrap .location {position:absolute;bottom:30px;right:0px;width:280px;min-height:120px;padding:15px 15px;background-color:#008f4c;color:#fff;border-radius: 4px;box-sizing:border-box;}
.mapWrap .location h5 {padding-bottom:13px;margin-bottom:20px;background:url(!#) no-repeat 0 100%; font-size:18px;font-weight:bold;}
.mapWrap .location h5 img.mcc_logo{width:112px;}
.mapWrap .location h5 span{display:block;margin-top:5px;font-weight: normal;font-size:14px;}
.mapWrap .location p {margin-bottom:5px;padding-left:0px;background:url(!#) no-repeat 0 5px;font-size:16px;}
.mapWrap .location h5 p.sub_txt01{margin-bottom:0; font-size:15px;}
.mapWrap .location p.sub_txt01{background:none;padding-left:0;}
.mapWrap .location p.tel {background-image:url(!#);}
.mapWrap .location p.mail {background-image:url(!@);}
.mapWrap .location p.tel a,
.mapWrap .location p.mail a {color:#fff;text-decoration:underline;}

@media(max-width:1024px){
	.mapWrap{ }
	.map-tit br{ display:block !important}
	.mapWrap .location{position:static;width:100%;padding:20px;	}
}

@media(max-width:640px){
	.mapWrap > iframe{height:300px;}
	.mapWrap .location {background-color: #0068b5;	}
	.mapWrap .location p{font-size:14px;	margin-bottom:0;padding-bottom:13px;	background-size:15px;	}
}

/************   table *********************/
.title01 {padding: 30px 0 10px}
.table_type01 {border-top: 2px solid #12973c;border-bottom: 1px solid #bcbcbc;position:relative}
.table_type01 table {width: 100%;min-width: 320px;background-color: #fff}
.table_type01 table a{color:#5a84ce;}
.table_type01 table a:after {content: "";background: url('/assets/img/sub/_blank.png') no-repeat;display: inline-block;width: 11px;height: 11px;margin-left:3px;margin-bottom: 5px;}
.table_type01.scroll {position:relative;max-height: 287px;overflow: hidden;overflow-y: auto}
.table_type01.scroll.hnone {max-height: none}
.table_type02.scroll table {width: 100%;min-width: 840px}
.table_type01.scroll table {width: 100%;min-width: 640px}
.table_type01.scroll .scroll_img {position: absolute;top: 50%;left: 50%;height: 100px;width: 100px;text-indent: -999em;border-radius: 100%;margin-top: -50px;margin-left: -50px;display:none}
.table_type02.scroll .scroll_img {position: absolute;top: 50%;left: 50%;height: 100px;width: 100px;background: rgba(1, 50, 82, 0.84) url('!#') no-repeat center/ 76%;text-indent: -999em;border-radius: 100%;margin-top: -50px;margin-left: -50px;display:none}
.table_type01 table thead th {border-left: 1px solid #e6e6e6;background-color: #f9f9f9;padding: 10px;font-weight: 500;white-space: nowrap;color: #1b1b1b;border-bottom: 1px solid #e6e6e6}
.table_type01 table thead th:first-child,.table_type01 table td:first-child {border-left: 0}
.table_type01 table thead tr:nth-child(2) th:first-child {border-left: 1px solid #e6e6e6}
.table_type01 table tbody th {background-color: #f9f9f9;border-right: 1px solid #e6e6e6;border-top: 1px solid #e6e6e6;padding: 12px;text-align: center;}
.table_type01 table tbody tr:first-child th {border-top: 0;min-width: 107px;text-align: center;}
.table_type01 table td {border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;font-weight: 300}
.table_type01 table tr.double td {border-top: 3px double #e6e6e6;border-bottom: 3px double #e6e6e6;}
.table_type01 table tr.bggray td {background-color: #f9f9f9}
.table_type01 table td .td_wrap {padding: 8px 15px;color: #333;}
.table_type01 table td .td_row {}
.table_type01 table td .td_row li {padding: 5px;border-bottom: 1px solid #e6e6e6}
.table_type01 table td .td_row li:last-child {border-bottom: 0}
.table_type01 table td .td_wrap.bg {background-color: #ebf9fd}
.table_type01 table td .td_wrap.d-day {position: relative}
.table_type01 table td .td_wrap.d-day a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 86%;display: block}
.table_type01 table td .td_wrap.d-day a.file {position: absolute;top: 9px;right: 7px;display: inline-block;white-space: normal;width: auto}
.table_type01.tetop td {vertical-align: top}
.table_type01 table td .td_wrap em {/*color: #273ca5;*/font-weight: 500;font-size: 16px;padding-left: 10px;}
.table_type01 table td ul.td_wrap {padding: 12px;text-align: left}
.table_type01 table td ul.td_wrap1 {padding: 8px 10px;text-align: left}
.table_type01 table td ul.td_wrap2 {padding: 8px 10px;text-align: left}
.table_type01 table td ul.td_wrap li {text-indent: -7px;padding-left: 7px}
.table_type01 table td .td_wrap02 {padding: 12px;text-align: left}
.table_type01 table td .td_wrap02 li {padding-left: 16px;font-weight: 200;position: relative;padding-bottom: 4px}
.table_type01 table td .td_wrap02 li:before {content: '';border: 1px solid #a7a7a7;display: inline-block;width: 9px;height: 9px;border-radius: 100%;left: 0;top: 6px;position: absolute}
.table_type01 table td .td_wrap03 {padding: 12px;text-align: left}
.table_type01 table td .td_wrap03 li {padding-left: 10px;font-weight: 200;position: relative;text-indent: -10px}
.table_type01 table td .td_form {padding: 7px 12px}
.table_type01 table td .text_left {text-align: left}
.table_type01 table td .text_center {text-align: center}
.table_type01 table td .text_right {text-align: right}
.table_type01.text_center table td {text-align: center}
.table_type01 table td .td_text {padding: 30px;text-align: left}
.table_type01 table td .leftline {border-left:1px solid #CCCCCC !important;}
.table_type01 table td .line {border-right:1px solid #CCCCCC !important;}


.table_type01 table tbody td .text_center {text-align: center !important;}
.table_type01 table td .color_1 { width:100%; padding:5px 10px; font-weight:600; color:#fff; background-color:#43B58C;}
.table_type01 table td .color_2 { width:100%; padding:5px 10px; font-weight:600; color:#fff; background-color:#6EC7E0;}
.table_type01 table td .color_3 { width:100%; padding:5px 10px; font-weight:600; color:#fff; background-color:#4995BF;}
.table_type01 table td .color_4 { width:100%; padding:5px 10px; font-weight:600; color:#fff; background-color:#4A60BC;}
.table_type01 table td .color_5 { width:100%; padding:5px 10px; font-weight:600; color:#fff; background-color:#203A8E;}

@media screen and (max-width: 1024px) {
	.table_type01{font-size: 16px;}
	.table_type01.scroll {overflow-x: auto;padding-bottom: 7px}
	.table_type01.scroll .scroll_img {display:block}
}

@media screen and (max-width: 640px) {
	.table_type01{font-size: 15px;}
	.table_type01.scroll {overflow-x: auto;padding-bottom: 7px}
	.table_type01.scroll .scroll_img {display:block}
}

/* ���� */
.objective-wrap{text-align: center;margin-top: 40px;}
.objective-wrap h6 {display: inline-block;width:180px;height: 55px;line-height: 55px;	font-size: 30px;font-weight: 400;color: #fff;border-radius: 30px;background: linear-gradient(45deg, rgb(10, 127, 181) 50%, rgb(0, 104, 181) 0%), url(#) no-repeat 50% -150px;}
.objective-wrap span{display: block; width:2px; height:20px; margin:10px auto 10px; background: linear-gradient(358deg, rgb(0 143 76), rgb(97, 60, 174));}
.objective-tit{display: block;font-size: 1.5rem;font-weight:500;text-align: center;line-height: 1.5;position: relative;margin-top: 30px;margin-bottom: 20px;}
.objective-tit b{ font-weight: 700;color:#006600; }
.objective-txt{ position: relative; width: 98%; margin: 0 auto 1.5rem; }
.objective-txt .inner{border: 5px solid #008468;border-radius:60px;padding: inherit;margin: 50px 20px;background-color: #f1f1f1;}
.objective-txt strong{display: inline-block;padding: 0 75px 5px;margin-bottom: 0.5rem;border-radius: 0 0 60px 60px;background-color: #008468;font-size: 1.3rem;color: #fff;}
.objective-txt p{font-size: 1.5rem;font-weight: 500;margin-bottom: 1rem;text-align: center;}
.cases {margin: 45px auto 0;	position: relative;}
.cases h4 {margin-bottom: 45px;font-size: 30px;text-align: center;color: #333;background: url('!#') no-repeat 0px 7px;letter-spacing: -0.05em; }
.cases ul {text-align: center;margin-bottom: 50px;}
.cases ul li {display: inline-block;width: 190px;height: 190px;margin-right:30px;padding-top: 30px;font-size:1.2rem;border: 5px solid #008468;	border-radius: 50%;	color: #fff;margin-bottom: 20px;}
.cases  li:first-child .tp_tit{ background-color:#2d4478; }
.cases  li:first-child .bot_txt{ color:#2d4478; }
.cases  li:nth-child(2) .tp_tit{ background-color:#4b4c8e; }
.cases  li:nth-child(2) .bot_txt{ color:#4b4c8e; }
.cases  li:nth-child(3) .tp_tit{ background-color:#3f8145; }
.cases  li:nth-child(3) .bot_txt{ color:#3f8145; }
.cases  li:nth-child(4) .tp_tit{ background-color:#32887d; }
.cases  li:nth-child(4) .bot_txt{ color:#32887d; }
.cases ul li:before {content: "";display: block;width: 60px;height: 10px;margin: 0 auto;background: url(!#) no-repeat 0 0/300px 60px;}

.purpose {margin-top: 100px;}
.purpose div {padding:30px 20px; text-align: left;position: relative;border-radius: 6px; background-image: radial-gradient(circle at 69% 86%, rgba(165, 165, 165,0.06) 0%, rgba(165, 165, 165,0.06) 25%,rgba(193, 193, 193,0.06) 25%, rgba(193, 193, 193,0.06) 50%,rgba(221, 221, 221,0.06) 50%, rgba(221, 221, 221,0.06) 75%,rgba(249, 249, 249,0.06) 75%, rgba(249, 249, 249,0.06) 100%),radial-gradient(circle at 49% 76%, rgba(129, 129, 129,0.06) 0%, rgba(129, 129, 129,0.06) 25%,rgba(164, 164, 164,0.06) 25%, rgba(164, 164, 164,0.06) 50%,rgba(200, 200, 200,0.06) 50%, rgba(200, 200, 200,0.06) 75%,rgba(235, 235, 235,0.06) 75%, rgba(235, 235, 235,0.06) 100%),radial-gradient(circle at 22% 64%, rgba(173, 173, 173,0.06) 0%, rgba(173, 173, 173,0.06) 25%,rgba(119, 119, 119,0.06) 25%, rgba(119, 119, 119,0.06) 50%,rgba(64, 64, 64,0.06) 50%, rgba(64, 64, 64,0.06) 75%,rgba(10, 10, 10,0.06) 75%, rgba(10, 10, 10,0.06) 100%),linear-gradient(307deg, rgb(255,255,255),rgb(255,255,255));}
.purpose div h4 {width:500px;height:55px;line-height: 52px;position: absolute;top: -80px;left: 27%;font-size: 27px;color: #1f448f;text-align: center;border: 4px solid #1f448f;	border-radius: 30px;background-color: #fff;}
.purpose div ol>li {margin-top: 50px;padding-left:10px;position: relative;}
.purpose div ol>li:first-child {margin-top: 0;}
.purpose div ol>li span.num {position: absolute;top: 0;left: 0;line-height: 60px;font-size: 60px;font-weight: 700;color: #1f448f;}
.purpose div ol>li span.num:after {	content: "";display: inline-block;	width: 1px;height: 40px;margin: 0 13px;	background-color: #1f448f;}
.purpose div ol>li span.text {font-size: 25px;	font-weight: 700;	color: #000;}
.purpose div ol>li ul li {width: 100%;padding-left: 10px;position: relative;font-size: 15px;color: #333;word-break: keep-all;}
.purpose div ol>li ul li:before {content: "-";position: absolute;top: -2px;left: 0;}
.submission {border: 1px solid #e8e8e8;padding: 23px 3%;margin-top: 60px;background-color: #fdfdfd;border-radius: 6px;}

.submission strong {display: table;margin: -54px auto 29px;padding: 10px 43px 10px 50px;border-radius: 25px;font-size: 20px;border: 1px solid #e5e5e5;background: #fff;color:#000;}
.submission ul {}
.submission > ul > li {text-indent: -10px;padding-left:25px;margin-bottom: 10px;line-height: 1.8;font-size: 1.04rem;}
.submission.in02 > ul > li {text-indent: -20px;padding-left: 35px;margin-bottom: 10px}
.submission > ul > li em {color:red;font-weight:600;}
.down_btn {border: 2px solid#5b61a9;display: table;margin: 20px auto 0;padding: 10px 35px;border-radius:40px;}
.down_btn span {color: #bd6990;background: url(/assets/img/sub/hwp-icon.png) no-repeat 0 1px;padding-left: 28px;font-weight: 400;line-height: 25px;display: inline-block}
.down_btn strong {color: #bd6990;background: url(/assets/img/sub/excel-icon.png) no-repeat 0 1px;padding-left: 28px;font-weight: 400;line-height: 25px;display: inline-block}

@media (max-width:1200px){
	.objective-txt,
	.strategy { width: 100%; }
	.objective-tit:before{left: 10%;top: 0;}
	.objective-tit:after{right: 10%;top: 0;}
}

@media (max-width:1024px){
	.objective-wrap{text-align: center;margin-top: 40px;}
	.objective-tit { font-size: 1.3rem;}
	.objective-txt p { font-size: 1.0rem;	}
	.cases h4 {margin-bottom: 45px; font-size: 1.3rem;  text-align: center; color: #35188e;}
}

@media (max-width:640px){
	.business strong { padding: 5px 70px;}
	.objective-txt strong {display: inline-block; padding: 0 60px 5px; margin-bottom: 0.5rem;  /* border-radius: 0 0 60px 60px; */ background-color: #008468; font-size: 1.2rem; color: #fff;}
	.objective-txt .inner {margin: 30px 0px 15px 0px;}
	.objective-wrap h6 {font-size: 25px;}
	.purpose div h4 {font-size: 25px;left:50%;}
	.purpose div {padding:50px 10px 15px 10px;}
	.submission {font-size: 15px;}
} 

@media (max-width:480px){
	.cases ul li {display: inline-block;width: 80%;height: 150px;margin-right:30px;padding-top: 5px;border-radius:4px;font-size:1.2rem;color: #fff;margin-bottom: 20px;}
	.objective-txt strong {display: inline-block; padding: 0 30px 5px; margin-bottom: 0.5rem;  /* border-radius: 0 0 60px 60px; */ background-color: #008468; font-size: 1.0rem; color: #fff;}
}


/* ���ȿ�� */
.table_layer {display: table;width: 100%;margin-bottom: 40px}
.table_layer .sub_box{text-align:center;padding:20px;}
.table_layer span{text-align:center;border: 1px solid #cfcfcf;font-size: 1.3rem;padding:20px 130px;}
.table_layer img{margin-top:20px;}
.table_layer h4 {display: block; font-size: 1.5rem; padding-left:13px; line-height: 1.25;margin-top: 0px;background: url(/assets/img/sub/icon.png) no-repeat 0px 6px;}
.table_layer .table_layer_title {display: table-cell;width: 180px;font-size: 23px;border-top: 3px solid #008073;color: #1b1b1b;font-weight: 400;padding-top: 15px;border-radius: 8px;/*background: repeating-linear-gradient( -45deg , #ffffff, #ffffff 1px, #e8f3fb 1px, #e8f3fb 4px);text-align: center;*/}
.table_layer .table_layer_title .text_img {text-align:center}
.table_layer .table_layer_title .text_img img {width:auto;margin-top: 13px}
.table_layer .table_layer_list {display: table-cell;padding-left: 60px;vertical-align: top}
.table_layer .table_layer_list .inner {border-top: 2px solid #00836f;text-indent: 0;padding-left: 0}
.table_layer .table_layer_list .inner .img_wrap {position: relative;padding: 26px 0 0px 0}
.table_layer .table_layer_list .inner .img_wrap img {width: auto; position: absolute}
.table_layer .table_layer_list .inner .img_wrap dl {margin-left: 138px}
.table_layer .table_layer_list .inner .img_wrap dl dt {font-size: 20px;font-weight: 600;color: #1b1b1b}
.table_layer .table_layer_list .inner .img_wrap dl dd a {display: block;width: 100px;padding: 5px 0;text-align: center;border: 1px solid #cdd2da;margin-top: 10px}
.table_layer .table_layer_list .inner p {font-size: 18px;border-bottom: 1px solid #cacaca;padding: 12px 0;font-weight: 400;color: #004075;margin-bottom: 18px}
.text_list00{background: url(/assets/img/sub/sub02-00.png) no-repeat  right 90px;}
.text_list01 li {position: relative;padding-left: 8px;margin-bottom: 6px;font-size: 1.02rem;letter-spacing: -0.7px;}
.text_list01 li em {font-weight: 600}
.text_list01 li em.col01 {display: inline-block;padding: 2px 10px;background-color: #d40000;color: #fff}
.text_list01 li em.col02 {display: inline-block;padding: 2px 10px;background-color: #0d9c00;color: #fff}
.text_list01 li em.col03 {display: inline-block;padding: 2px 10px;background-color: #0042af;color: #fff}
.text_list01 li:before {content: '';display: block;width: 4px;height: 4px;background-color:#00836f;border-radius: 100%;position: absolute;top: 11px;left: 0}
.text_list01 li span {width: 179px;display: inline-block;color: #0c2188}

@media screen and (max-width:1024px){
	.table_layer span{text-align:center;border: 0px solid #cfcfcf;font-size: 1.0rem;padding:20px 10px;}
	.text_list00{background: url(!#) no-repeat  right 90px;}
}

@media screen and (max-width: 640px){
	.table_layer .table_layer_title {display: block;background:#fff}
	.table_layer .table_layer_list {display: block;padding-left: 0;margin-top: 18px}
	.subbg_box p {font-size: 17px}
	.table_layer h4 {}
	.table_layer .table_layer_title {border-top: 0px solid #008073;border-radius: 0px;}
	.table_layer .table_layer_list .inner p {}
	.text_list01 li {font-size: 0.95rem;}
	.table_layer span{text-align:center;border: 0px solid #cfcfcf;font-size: 1.0rem;padding:20px 10px;}
}

/* ����� */
.partners-wrap{}
.partners-wrap a:link[target='_blank']:after  {content: "";background: url('/assets/img/sub/_blank1.png') no-repeat;display: inline-block;width: 11px;height: 11px;margin-left:3px;margin-bottom: 5px;}
.partners-wrap li{ float: left; width:23.5%; margin-left: 2%; margin-bottom: 25px; overflow: hidden; border:1px solid #e8e8e8; text-align: center; word-break: keep-all;}
.partners-wrap li:nth-child(4n+1){ margin-left: 0; }
.partners-wrap li .thumb{ display: block; width: 200%; height: auto; padding:30px 25px;margin-left: -50%; margin-bottom:0px; text-align: center;}
.partners-wrap li .thumb img{ height: 100%; max-width: none; }
.partner-name{display: table; width:100%; height:50px; border-top:1px solid #e8e8e8; line-height: 1.2; text-align: center; background-color: #f9f9f9;}
.partner-name em{font-size: 1.05rem;display: table-cell; vertical-align: middle; font-style: normal; letter-spacing: 0;}

@media(max-width: 640px){
	.partners-wrap li{ width: 49%; }
	.partners-wrap li:nth-child(4n+1){ margin-left: 2%; }
	.partners-wrap li:nth-child(2n+1){ margin-left: 0; }
}

@media(max-width: 479px){
	.partners-wrap li{ width: 100%; margin-left: 0}
	.partners-wrap li:nth-child(4n+1){ margin-left: 0; }
}

/* ������� */
.business {text-align: center;border: 1px solid #fff;padding: 25px 3%;margin: 60px 30px 30px;background-color: #fff;border-radius: 6px;background: url(/assets/img/sub/business-bg.png) no-repeat center -1px;}
.business strong {display: table;margin: -40px auto 20px;padding: 5px 70px 5px 70px;border-radius: 6px;font-size: 25px;border: 1px solid #e5e5e5;background: #fff}
.business-tit b {color: #05693a; }
.business-tit p  display: inline-block; width: 100%; padding: 0px 100px 30px; font-size: 1.6rem;  line-height: 1.6; text-align: center; /*border-bottom: 1px solid #f1f1f1; */}
.business > ul > li {text-indent: -10px;margin-bottom: 0px;line-height: 1.8;text-align: center;font-size: 20px;}
.business.in02 > ul > li {text-indent: -20px;padding-left: 35px;margin-bottom: 10px}
.business_txlist {margin:20px 14px 30px 10px}
.business_txlist li {margin-bottom: 50px;1px;border: 1px solid #ddd;padding: 15px 44px;position: relative}
.business_txlist li span {position: absolute;bottom: -36px;left: 50%;width: 23px;height: 23px;text-indent: -99em;background: url(/usr/images/sub/plus.png);margin-left: -16px}

@media (max-width:1200px){
	.business {}
}

@media (max-width:1024px){
	.business {border: 1px solid #e8e8e8;padding: 23px 3%;margin:20px 5px;border-radius: 6px;background: url(/assets/img/sub/business-bg6.png) no-repeat center 10px;}
	.business > ul > li {font-size: 18px;}
	.business-tit p {font-size: 18px;padding: 0px 20px 30px;}
	.business_txlist {margin:20px 5px 30px 5px;}
	.business_txlist li {padding: 15px 15px;font-size: 14px;margin: 20px 5px 30px 5px;}
}

@media (max-width:640px){
	.business{background: url(/assets/img/sub/business-bg4.png) no-repeat center -1px;}
	.business strong {font-size:1.2rem; px;padding: 5px 30px;}
	.business > ul > li {font-size: 15px;padding-left: 0px;}
	.business-tit p { font-size: 15px;}
} 

/* support*/
.box_list_wrap {display: table;width: 100%;margin: 0}
.box_list_wrap > li {display: table-cell;width: 49.33333%;padding: 0 15px;position: relative}
.box_list_wrap.w01 > li {width: 25%}
.box_list_wrap.w01 > li ul {padding: 20px;font-size: 1.03rem;line-height: 2.3;font-weight: 400;letter-spacing: -0.05em;color: #555;}
.box_list_wrap.w01 > li ul li {text-align:left;position:relative;padding-left: 9px}
.box_list_wrap.w01 > li ul li:before {content: '';display: block;width: 4px;height: 4px;background-color: #666;border-radius: 100%;position: absolute;top: 14px;left: 0}
.box_list_wrap.w02 li {width: 20%}
.box_list_wrap > li div {border: 1px solid #e8e8e8;text-align: center;}
.box_list_wrap > li div strong {/*background-color: #009933;*/display: block;color: #fff;padding: 11px 3px;font-size: 1.2rem;background: linear-gradient(45deg, #139a13 50%, #b38813 0%), url(#) no-repeat 50% -150px;}
.box_list_wrap > li div b {/*background-color: #4468b1*/;display: block;color: #fff;padding: 11px 3px;font-size: 1.2rem;background: linear-gradient(45deg, #6d91d0 50%, #5a84ce 0%), url(#) 50% -150px no-repeat;}
.box_list_wrap > li div p {padding: 16px 2px;}
.box_list_wrap > li div span {display: block;background-color: #b6e4f9;color: #000;padding: 10px 0;border-bottom: dashed 1px #e8e8e8;}
.box_list_wrap > li em {position: absolute;top: 50%;right: -10px;background: url(!#) no-repeat;width: 20px;height: 23px;text-indent: -999em;margin-top: -11px}
.cke_show_border td {border: 1px solid #dedede;padding: 7px}

.report_wrap {display: table;width: 100%;margin: 0;}
.report_wrap > li {display: table-cell;width: 33.33333%;padding: 0 15px;position: relative}
.report_wrap.w01 > li {width: 20%;font-size: 1.1rem;}
.report_wrap.w01 > li ul {padding: 10px;min-height: 66px;}
.report_wrap.w01 > li ul li {text-align:left;position:relative;padding-left: 9px}
.report_wrap.w01 > li ul li:before {content: '';display: block;width: 4px;height: 4px;background-color: #666;border-radius: 100%;position: absolute;top: 8px;left: 0}
.report_wrap.w02 li {width: 20%}
.report_wrap > li div {border: 1px solid #e8e8e8;text-align: center;font-size:14px}
.report_wrap > li div strong {background-color:#a7e0fb;color: #000;;display: block;padding: 11px 3px;font-size: 1.1rem;}
.report_wrap > li div p {padding:30px 2px;text-align: center;font-size: 1.03rem;}
.report_wrap > li div span {display: block;background-color: #f7f7f7;color: #000;padding: 10px 0}
.report_wrap > li em {position: absolute;top: 50%;right: -10px;background: url(/assets/img/sub/next01.png) no-repeat;width: 20px;height: 23px;text-indent: -999em;margin-top: -11px}

.support {margin-top:0px;}
.support .inr {max-width: 1160px; margin: 0 auto;}
.support h4 {margin-bottom: 15px;}
.support .list {font-size: 0;margin: 0 -10px;display: flex;flex-wrap: wrap;}
.support .list > li {display: inline-block;vertical-align: top;width:calc(50% - 20px);margin: 10px;height: auto;padding: 0 15px  125px 15px;border: 1px solid #ddd;border-radius: 6px;text-align: center;background-repeat: no-repeat;background-position: center bottom;}
.support .list > li .num1 {margin-top:50px;display: inline-block;width: 70%;height:35px;border-radius:20px;line-height:35px;/*background:#0069b4;*/font-size: 1.05rem;letter-spacing: -0.05em;color: #fff;background: linear-gradient(45deg, #6d91d0 50%, #5a84ce 0%), url(#) 50% -150px no-repeat;}
.support .list > li .num2 {margin-top:50px;display: inline-block;width: 70%;height:35px;border-radius:20px;line-height:35px;/*background:#009900*/;font-size: 1.05rem;letter-spacing: -0.05em;color: #fff;background: linear-gradient(45deg, #139a13 50%, #b38813 0%), url(#) no-repeat 50% -150px;}
.support .list > li .tit {display: block;font-size: 20px;line-height: 30px;letter-spacing: -0.05em;margin-bottom: 2px;font-weight: 300;color: #000;}
.support .list > li p {margin-top: 15px;font-size: 16px;line-height: 28px;letter-spacing: -0.05em;color: #222;text-align: center;}
.support .list > li p em {font-size: 13px;line-height: 24px;letter-spacing: -0.05em;padding-left:15px;color: #333:}
.support .list > li.w25 {width: calc(25% - 20px);}
.support .list > li.w50 {width: calc(50% - 20px);}
.support .list > li.w100 {width: calc(100% - 20px);}
.support .btn3 {padding: 0 35px;height: 50px;line-height: 50px;font-size: 12px;border-radius: 25px;text-decoration: none;}

@media (max-width:1024px){
	.box_list_wrap {margin-top: 30px;}
	.box_list_wrap > li div {font-size: 1.05rem}
	.box_list_wrap > li {display: block;width: 100%;margin-bottom: 45px;padding:0px;}
	.box_list_wrap > li em {background: url(!#) no-repeat;top: auto;bottom: -36px;right: auto;left: 50%;margin-left: -10px}
	.box_list_wrap.w00 li {display: block;width: 100%;margin-bottom: 45px}
	.box_list_wrap.w01 > li {display: block;width: 100%;margin-bottom: 45px}
	.box_list_wrap.w00 li em {background: url(!#) no-repeat;top: auto;bottom: -36px;right: auto;left: 50%;margin-left: -10px}
	.report_wrap {margin-top: 30px;}
	.report_wrap > li div {font-size: 1.05rem}
	.report_wrap > li {display: block;width: 100%;margin-bottom: 45px;padding:0px;}
	.report_wrap > li em {background: url(/assets/img/sub/next02.png) no-repeat;top: auto;bottom: -36px;right: auto;left: 50%;margin-left: -10px}
	.report_wrap.w01 > li {display: block;width: 98%;margin-bottom: 45px}
	.report_wrap > li div span {font-size: 0.9rem;}
	.support .list > li{width: calc(100% - 10px);}
	.support .list > li.w25 {width: calc(100% - 10px);}
	.support .list > li.w50, .support .list > li.w100 {width: calc(100% - 10px);}
	.support .list.n4 > li{width: calc(100% - 10px);}
    .support .btnWrap {display: none;}
}
@media screen and (max-width:680px){
	.box_list_wrap.w01 > li ul li {font-size: 1.0rem;color: #333:}
	.report_wrap.w01 > li {width: 98%;margin-bottom: 45px}
	.report_wrap.w02 > li ul li {font-size: 1.0rem;color: #333:}
	.support .list > li{width: calc(100% - 10px);}
	.support .list > li.w25 {width: calc(100% - 10px);}
	.support .list > li.w50, .support .list > li.w100 {width: calc(100% - 10px);}
	.support .list.n4 > li{width: calc(100% - 10px);}
    .support .btnWrap {display: none;}
}

/* service3*/
.service3 {}
.service3 .business_tit {margin-top: 30px;padding: 20px 0;border-top: 1px solid #333333;border-bottom: 1px solid #333333;font-size: 0;text-align: center;}
.service3 .business_tit > li {position: relative;display: inline-block;vertical-align: top;padding: 0 50px;font-size: 16px;letter-spacing: -0.05em;font-weight: 300;color: #333333;}
.service3 .business_tit > li + li:before {position: absolute;content:'';width: 1px;height: 20px;top: 7px;left: 0;background: #ddd;}
.service3 .business_tit > li strong {display: inline-block;width: 93px;height: 35px;margin-right: 10px;border-radius: 18px;line-height: 35px;background: #003678;font-size: 14px;letter-spacing: -0.05em;color: #ffffff;font-weight: 300;text-align: center;}
.service3 .business_list > li {padding: 2px 0;border-bottom: 1px solid #dddddd;}
.service3 .business_list > li:last-child{padding-bottom: 0;border-bottom: none;}
.service3 .business_list > li .tit {font-size: 20px;letter-spacing: -0.05em;color: #333333;}
.service3 .business_list > li .txt {margin-top: 10px;line-height: 30px;font-size: 16px;font-weight: 200;letter-spacing: -0.05em;color: #333333;}
.service3 .business_list > li .txt strong {font-weight: 300;color: #333333;}
.service3 .business_list > li .txt .dep {display: block;padding-left: 30px;font-size: 16px;color: #333333;}
.service3 .business_list > li > ol {margin-top: 6px;}
.service3 .business_list > li > ol > li{background: #f7f7f7;padding: 15px 20px;font-size: 0;}
.service3 .business_list > li > ol > li + li {margin-top: 3px;}
.service3 .business_list > li > ol > li > strong {display: inline-block;font-weight: normal;width: 150px;line-height: 30px;font-size: 1.1rem;letter-spacing: -0.05em;color: #333333;}
.service3 .business_list > li > ol > li > strong .num {display: inline-block;vertical-align: middle;margin-right: 10px;text-align: center;line-height: 20px;width: 20px;height: 20px;border-radius: 10px;font-size: 12px;letter-spacing: -0.05em;color: #fff;background: #007379;}
.service3 .business_list > li > ol > li > p {display: inline-block;vertical-align: top;width: calc(100% - 150px);font-size: 1.03rem;font-weight: 300;letter-spacing: -0.05em;line-height: 30px;color: #555555;}
.service3 .business_list > li > ol > li > p strong {font-weight: 500;}
.service3 .business_list > li > ol > li > .none {width: 30px;}
.service3 .business_list > li > ol > li > .none + p {margin-top: 2px;width: calc(100% - 30px);color: #333;}
.service3 .cont-box{width:100%; display:flex; position:relative; margin: 10px 10px 50px 0px; flex-direction: column;} 
.service3 .cont-left{width:55%; padding-right:0px;} 
.service3 .cont-right{position:absolute;width:45%; text-align:right;}

@media (max-width: 1000px){
	.service3 .business_list > li > ol {margin-bottom: 15px;}
	.service3 .business_list > li > ol > li > strong {;width: 120px;}
	.service3 .business_list > li > ol > li > p {width: calc(100% - 120px);}
	.service3 .cont-left{display: contents;padding-right:0px;} 
	.service3 .cont-right {display: contents;}
}

@media (max-width: 640px){
	.service3 .cont-box{display: block; lex-direction: column;} 
	.service3 .cont-right {display: contents; position: relative;width: 85%;text-align: center;padding: 0 0px;margin: -40px 0px 40px 40px;}
}

@media (max-width: 480px){
	.service3 .business_list > li > ol > li > strong {display: contents;} 
	.service3 .business_list > li > ol > li > strong .num {vertical-align: baseline;}
	.service3 .business_list > li > ol > li > p {display: block;width: auto; font-size: 1.0rem;}
	.box_list_wrap.w01 > li ul {font-size: 1.0rem;}
}

/*video*/
.video-wrap:before,
.video-wrap:after {content: " ";display: table;margin: 0; padding: 0; box-sizing: border-box;}
.video-wrap:after {clear: both;}
.video-wrap .expanded .video-area {float: none;width: 100%;}
.video-wrap .video-area {float: left;width: 100%;}
.video-wrap .video-area .video-wrapper {position: relative;width: 100%;padding-bottom: 56.25%;font-size: 0;margin-bottom: 50px;}
.video-wrap .video-area .video-wrapper iframe {position: absolute;width: 100%;height: 100%;}
.video-wrap .video-area .title {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 15px 20px;color: #222;font-weight: 600; font-size: 17px;}

/*  business member Login  */
.loginArea {display:block;width:100%;margin:0;padding:15px;box-sizing:border-box;}
.loginForm {display:inline-block;width:100%;overflow:hidden;}
.loginForm > ul {display:block;width:60%;max-width:420px;margin:0 auto;padding-left: 0rem;}
.loginForm > ul > li {display:block;margin:15px 0;}
.loginForm > ul > li > input[type=text],
.loginForm > ul > li > input[type=password] {width:100%;padding:15px;height:45px;border: 1px solid #d8d8d8;}
.loginForm > input[type=submit] {display:block;width:50%;max-width:420px;margin:35px auto;padding:15px;box-sizing:border-box;font-size:21px;font-weight:500;color:#fff;background:#006cb9c7;border:none;border-radius: 30px;}

.member-wrap {display:inline-block;position:relative;width:100%;margin:0;padding:0;background:#fff;}
.member-wrap-inner {table-layout:fixed;display:table;position:relative;width:100%;height:100%;margin:0;padding:0;}
.member-wrap-inner-conts {display:table-cell;table-layout:fixed;width:100%;margin:0;padding:0;text-align:center;vertical-align:middle;}
.member-logo {display:inline-block;width:auto;min-width:120px;margin:60px 0 0;padding:10px;box-sizing:border-box;}
.member-logo > a {display:block;width:auto;min-width:120px;}
.member-logo > a > img {width:auto;}
.member-wrap-inner-conts-box {display:block;width:80%;margin:50px auto;padding:0;}
.member-wrap-inner-conts-box.mx-700 {width:100%;max-width:1200px;padding:20px;}
.member-wrap-inner-conts-box.mx-980 {width:100%;max-width:1200px;}
.member-wrap-inner-conts-box.mx-1280 {max-width:1280px;}
.login-box{width:100%;max-width:700px;padding:20px;border: 1px solid #ddd;background: #fbfbfb85;}
.member-wrap-inner-conts-box > h1 {line-height:2;margin:0 ;font-size: 2.0rem;color:#000;text-align: center;}
.member-wrap-inner-conts-box > p {display:block;width:100%;margin:0;font-size:16px;color:#777;text-align: center;}
.member-wrap-inner-conts-box > p:before {content:"+";padding:0 3px 0 0;font-size:16px;font-weight:900;color:#ec5909;}
.idpw-title{line-height:2;margin:0 0 20px;font-size:45px;color:#000;text-align:center}
.member-conts {display:block;position:relative;width:100%;margin:0;padding:0;}
.btn-wrap {display:block;width:80%;max-width:420px;margin:0 auto;text-align:center;}

span.spn-btn-sty01 {display:inline-block;margin:0 5px;}
span.spn-btn-sty01:after {content:"|";margin:0 5px 0 0;padding:0 0 0 20px;font-size:12px;color:#ddd;}
span.spn-btn-sty01:last-child:after {content:"";}
span.spn-btn-sty01 > a {line-height:2.2;font-size:18px;color:#666;}
span.spn-btn-sty-box-inp {display:inline-block;width:auto;height:35px;margin:0;padding:0 25px;background:#666;box-sizing:border-box;}
span.spn-btn-sty-box-inp > a {display:block;line-height:35px;font-size:14px;color:#fff;}
input.inp-style01 {display:inline-block;width:auto;margin:15px 5px;padding:10px 25px;box-sizing:border-box;font-size:16px;font-weight:500;color:#fff;background:#09297f;border:none;}
span.spn-btn-sty-box01 {display:inline-block;width:auto;margin:15px 5px;padding:10px 25px;background:#666;box-sizing:border-box;}
span.spn-btn-sty-box01 > a {display:block;font-size:16px;font-weight:500;color:#fff;}

@media screen and (min-width:480px) and (max-width:767px) {
	.member-wrap-inner-conts-box {width:96%;}
	.btn-wrap {width:96%;}
	.member-wrap-inner-conts-box {width:96%;}
	.member-wrap-inner-conts-box > h1 {margin:0 0 0px;font-size:42px;}
	.member-wrap-inner-conts-box > p {margin:0 0 0px;font-size:14px;}
	.member-wrap-inner-conts-box > p:before {padding:0 1px 0 0;font-size:12px;}

	span.spn-btn-sty01 {display:inline-block;margin:0 3px;}
	span.spn-btn-sty01:after {content:"|";margin:0 3px 0 0;padding:0 0 0 15px;font-size:11px;}
	span.spn-btn-sty01:last-child:after {content:"";}
	span.spn-btn-sty01 > a {line-height:2.6;font-size:15px;color:#666;}

	span.spn-btn-sty-box-inp {padding:0 15px;}
	span.spn-btn-sty-box-inp > a {font-size:12px;}

}
@media screen and (max-width:480px) {
	.member-wrap-inner-conts-box {width:98%;}
	.btn-wrap {width:98%;}
	.member-wrap-inner-conts-box {width:98%;}
	.member-wrap-inner-conts-box > h1 {margin:0 0 15px;font-size:34px;}
	.member-wrap-inner-conts-box > p {margin:0 0 0px;font-size:14px;}
	.member-wrap-inner-conts-box > p:before {padding:0 1px 0 0;font-size:10px;}

	span.spn-btn-sty01 {display:inline-block;margin:0 3px;}
	span.spn-btn-sty01:after {content:"|";margin:0 3px 0 0;padding:0 0 0 15px;font-size:11px;}
	span.spn-btn-sty01:last-child:after {content:"";}
	span.spn-btn-sty01 > a {line-height:2.8;font-size:11px;color:#666;}

	span.spn-btn-sty-box-inp {padding:0 15px;}
	span.spn-btn-sty-box-inp > a {font-size:11px;}

}


.table-banner1 {word-break:keep-all;}
.table-banner1 .table-heading {border:10px solid #b3e5fc;text-align:center;font-size:1.5rem;font-weight:500;padding:1rem 2rem;margin-bottom:1rem;border-radius:200px;background:#51caf9;color:#fff;text-shadow:rgba(0,0,0,.3) 1px 1px 4px;position:relative;overflow:hidden;}
.table-banner1 .table-heading small {display:block;color:#fff;}
.table-banner1 .table-heading div {position:relative;z-index:2;}
.table-banner1 .table-heading:before {content:'';display:block;width:300px;height:300px;right:80%;top:-20px;background:url('../img/sub/unknown_system_bg.jpg') no-repeat;background-size:cover;position:absolute;opacity:0.5;}
.table-banner1 .table-body table {width:100%;border-collapse:collapse;border-spacing:0;border-top:solid 2px #4caf50;}
.table-banner1 .table-body th,
.table-banner1 .table-body td {text-align:center;padding:12px;border-right:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6;}
.table-banner1 .table-body th:last-child,
.table-banner1 .table-body td:last-child {border-right-width:0;}
.table-banner1 .table-body th {background:#f9f9f9;border-bottom-color:#dfdfdf;}
.table-banner1 .table-body td.cell-1 {font-weight:500;}
.table-banner1 .table-body td.cell-2 {font-weight:500;color:#3f51b5;}
.table-banner1 .table-body li {text-align:left;padding:6px;background:#e8f5e9;margin-bottom:6px;position:relative;padding-left:1.8em;}
.table-banner1 .table-body li:last-child {margin-bottom:0;}
.table-banner1 .table-body .num-circle {display:inline-block;width:1.2em;height:1.2em;border-radius:1.2em;text-align:center;font-size:0.9em;line-height:1.1;background:#388e3c;color:#fff;position:absolute;left:6px;top:13px;}

@media screen and (max-width:768px) {
	.table-banner1 .table-heading {font-size:1.3rem;background-color:#42a5f5;}
	.table-banner1 .table-heading:before {display:none;}
}

@media screen and (max-width:640px) {
	.table-banner1 .table-heading {font-size:1.2rem;letter-spacing:-1px;}
	.table-banner1 .table-heading {padding:1rem;border-width:3px;border-radius:10px;}
	.table-banner1 .table-body {overflow-x:auto;}
	.table-banner1 .table-body table {width:auto;min-width:100%;}
	.table-banner1 .table-body th,
	.table-banner1 .table-body td {white-space:nowrap;}
}

.ci_info{ max-width:1100px; margin:10% auto}
.ci_info .text{ width:100%;}
.ci_info .img{ float:right; margin:7%; margin-top:2%;}

.text_1{font-size:17px; font-weight:600; letter-spacing:0px; line-height:3.5em; color:#00A750; padding-bottom:20px;}
.point_1{display:block;padding-bottom:10px;font-size:30px; color:#00A750;}

@media (max-width: 800px){
	.ci_info .img{ float:left; width:100%; text-align:center;}
}


.expo {margin:0; padding:0; text-align:center;}
.expo .about {margin:0; padding:0;}
.expo .about .txt_area { display:block;width:100%; max-width:1000px; margin:0 auto; padding:30px 40px; font-size:17px; background-color:#EFEFEF; font-family: 'GmarketSansMedium'; }
.expo .about .txt_area strong { font-weight:800; color:#009283; }

.expo .info { text-align:left;width:100%; max-width:1000px; margin:0 auto;}
.expo .info dl { margin:50px 0; padding:0;}
.expo .info dl dt{ float:left; width:120px;margin:0 20px 20px 0; padding:5px 20px; font-size:18px;font-family: 'GmarketSansMedium'; font-weight:500; text-align:center; color:#fff; background-color:#21A79B;  border-radius:50px;}
.expo .info dl dd{ margin:0 0 20px 0; padding:5px 0; font-size:18px;font-family: 'GmarketSansMedium'; color:#000;}
.expo .info dl dd.s_title{ font-size:24px; font-weight:700;}
.expo .info dl dd.s_title img{ vertical-align:middle;}
.expo .info dl dd.point{color:#0060A4; font-weight:600;}

.Map_title { font-size:20px;font-family: 'GmarketSansMedium'; font-weight:500; color:#009283; margin-left:10px;}
.Tel_title { font-size:20px;font-family: 'GmarketSansMedium'; font-weight:500; color:#0060A4; margin-left:10px;}


.stt {float:left; width:100%; margin:20px 0;padding:0 0 0 0; }
.stt dt {float:left; width:15%;padding:15px 0 0 20px;margin:0 0 10px 0;font-size:20px;font-weight:500;color:#000;background:url(/assets/img/sub/stt_title_bg.gif) no-repeat 20px 5px;}
.stt dd {float:right; width:84%;padding:20px;margin:4px 0;line-height: 1.8;border:1px solid #DFE3E6;}
.stt dd ul {padding:10px;margin:0;list-style:none;}
.stt dd ul li{ padding:10px 0 10px 15px;margin:0; background:url(/assets/img/sub/s_bulet.gif) no-repeat 0 22px; line-height:1.5;}
.stt dd ul li .txt_color2,
.stt dd ul li .txt_color3,
.stt dd ul li .txt_color7,
.stt dd ul li .txt_color9,
.stt dd ul li .txt_color_line1,
.stt dd ul li .txt_color_line2,
.stt dd ul li .txt_color_line3{border-radius:50px; color:#fff; padding:0 20px; margin-right:10px; width:80px; float:left; text-align:center;}
.stt dd ul li .txt_color2{ background-color:#21B94A;}
.stt dd ul li .txt_color3{ background-color:#FF820E;}
.stt dd ul li .txt_color7{ background-color:#375233;}
.stt dd ul li .txt_color9{ background-color:#CCB244;}
.stt dd ul li .txt_color_line1{ background-color:#4498D6;}
.stt dd ul li .txt_color_line2{ background-color:#23B749;}
.stt dd ul li .txt_color_line3{ background-color:#D44A4A;}
.stt dd ul li .txt_c {}
.stt dd ul li strong {font-weight:600; }
.stt dd ul li ul{padding:10px 0 0 10px;margin:0;list-style:none;}
.stt dd ul li ul li{ padding:5px 5px 5px 10px;margin:0; background:url(/assets/img/sub/s_bulet1.gif) no-repeat 0 16px;line-height:1.5;}



.stt dd ul dl {padding:0;margin:0; float:left; width:100%;}
.stt dd ul dl dt {border-radius:50px; color:#fff; padding:0 20px; margin:10px 10px 10px 0; width:100px; float:left; text-align:center; background-image:none; font-size:16px;}
.stt dd ul dl dt.txt_color2 {background-color:#21B94A;}
.stt dd ul dl dt.txt_color3 {background-color:#FF820E;}
.stt dd ul dl dt.txt_color7 {background-color:#375233;}
.stt dd ul dl dt.txt_color9 {background-color:#CCB244;}

.stt dd ul dl dt.txt_color_line1{ background-color:#4498D6;}
.stt dd ul dl dt.txt_color_line2{ background-color:#23B749;}
.stt dd ul dl dt.txt_color_line3{ background-color:#D44A4A;}
.stt dd ul dl dd { border:none; font-size:16px; margin:10px 0; padding:0;}

.application { margin:50px 0;}


@media (max-width: 1140px){


}


@media (max-width: 840px){

.expo .about .txt_area {padding:20px; font-size:13px;}

.expo .info dl { margin:40px 0 0 0;}
.expo .info dl dt { float:none; width:100px; font-size:15px; padding:5px;}
.expo .info dl dd { font-size:14px;}
.expo .info dl dd.s_title { font-size:14px;}
.expo .info dl dd.s_title img { width:100px;}


.stt {float:left; width:100%; margin:0 0 20px 0;padding:0 0 0 0; }
.stt dt {width:100%;padding:15px 0 0 0;margin:0 0 10px 0;font-weight:600;color:#000; font-size:17px;background:url(/assets/img/sub/stt_title_bg.gif) no-repeat 0 5px;}
.stt dd {width:100%;padding:10px;margin:4px 0;line-height: 1.8;border:1px solid #DFE3E6;}
.stt dd ul li{ background:url(/assets/img/sub/s_bulet.gif) no-repeat 0 18px;}
.stt dd ul li.point{ font-size:16px;color:#C83049;}
.stt dd ul li ul li{background:url(/assets/img/sub/s_bulet1.gif) no-repeat 0 12px;}

.stt dd ul li .txt_c { width:100%; display:inline-block; margin-top:10px; margin-left:10px;}

.Tel_title { font-size:15px;} 
}