@charset "utf-8";
/* CSS Document */

/* head_txt */
.head_txt{padding:0 0 70px 0}
.head_txt.line{border-bottom:1px solid #e5e5e5;  }
.head_txt .txt1{font-size: 1.88em;line-height: 1.4;margin-bottom: 30px;font-weight: 400;text-align:center;letter-spacing: -0.03em;color:#2c2d34;word-break: keep-all;}
.head_txt .txt2{font-size: 1.75em;line-height: 1.4; text-align:center; color:#333; word-break: keep-all;}
.head_txt .txt3{font-size:1.25em; text-align: center; word-break: keep-all;}
.head_txt .txt4{font-size:1.125em;text-align: center;color:#555;line-height: 1.7; word-break: keep-all;}
.head_txt .txt2 + p,
.head_txt .txt3 + p,
.head_txt .txt4 + p{ margin-top:30px;}
.head_txt .txt3 + .txt1{margin-top:50px;}
.head_txt .txt4 + .txt4{margin-top:10px;}
@media only screen and (max-width:1080px) {
	.head_txt{padding: 0 0 45px 0;}
}
@media only screen and (max-width:768px) {
	.head_txt{padding: 0px 0 30px 0;}
	.head_txt .txt1{margin-bottom:10px; font-size:1.55em; word-break: keep-all;}
	.head_txt .txt2{font-size: 1.35em;}
	.head_txt .txt3{font-size:1em; text-align: center;}
	.head_txt .txt4{font-size:0.9em; text-align: center;}
	.head_txt .txt2 + p,
	.head_txt .txt3 + p,
	.head_txt .txt4 + p{ margin-top:10px;}
	.head_txt .txt3 + .txt1{margin-top:25px;}
	.head_txt br{display: none;}
}
@media only screen and (max-width:480px) {	
	.head_txt p br{display: none;}
}

.page_bg img{display: block;width:100%;}
.bg0103{background: url('/public/images/sub/bg0103.jpg') no-repeat 50% 100%;}
.bg0103 .innerWrap{padding-bottom: 400px;}
@media only screen and (min-width:1920px) {
	.bg0103{background-size: contain}
}
@media only screen and (max-width:1080px) {	
	.bg0103 {background-size: contain;}
	.bg0103 .innerWrap{padding-bottom: 13em;}
}
@media only screen and (max-width:768px) {	
	.bg0103 .innerWrap{padding-bottom: 8em;}
}
@media only screen and (max-width:480px) {	
	.bg0103 .innerWrap{padding-bottom: 5em;}
}

/* ceoBox */
.ceoBox {/* margin-top: 50px; */}
.ceoBox .img_con {width: calc(100% - 50%);float:left;}
.ceoBox .img_co img {max-width:100%;}
.ceoBox .img_co {width:600px; float:right; padding-left:15px; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box; }
.ceoBox .txt_con .tit_area {position:relative;margin-bottom: 30px;}
.ceoBox .txt_con .tit_area:after {content:"●●●";display:block;font-size: 0.5em;line-height: 1em;letter-spacing: 0.25em;color: var(--mainColor);margin: 15px 0 0 0;} 
.ceoBox .txt_con .tit_area .tit {font-size: 2.125em;line-height: 1.4;letter-spacing:-2px;color: #222;}
.ceoBox .txt_con .txt {font-size: 1.065em;}
.ceoBox .txt_con .txt p {line-height: 1.75;letter-spacing:-0.75px;word-break:keep-all;margin-bottom:15px;/* text-align: justify; */} 
@media only screen and (max-width: 1080px){
	.ceoBox .img_con{width: calc(100% - 60%);padding: 0 5% 3% 0;} 
	.ceoBox .txt_con .tit_area .tit{ font-size:2em}
}
@media only screen and (max-width: 768px){
	.ceoBox .img_con{width: calc(100% - 60%);padding: 0 5% 3% 0;} 
	.ceoBox .txt_con .tit_area .tit{ font-size:1.6em; font-weight: 500;}
}
@media only screen and (max-width: 580px){	
	.ceoBox .img_con{width: 100%; overflow:hidden; padding: 0 0 3% 0;}
	.ceoBox .txt_con .tit_area:after{font-size: 0.25em;}
	.ceoBox .txt_con .tit_area .tit br{ display:none;}
}

/* visbg */
.visbg{overflow:hidden;height:380px;position:relative;padding: 0;margin-bottom: 80px;font-size: 1.125em;background: url(/public/images/sub/vis_bg.jpg) no-repeat 50% 50%;background-size: cover;display: flex;align-items: center;}
.visbg:before{content:'';display:block;width: 100%;height: 100%;position:absolute;left:0;top:0;background: rgba(23, 47, 0 ,0.2);}
.visbg .inner{width:100%;z-index: 1;text-align: center;}
.visbg p{color:#fff !important;text-shadow: 0 0 25px rgba(23,47,0,0.7);-ms-transform: translate(50%, 0);/* transform: translate(-50%, 0); */padding: 0 25px;}
.visbg .txt4{font-size:1em; text-shadow: 0 0 15px rgba(23,47,0,0.7);}
.visbg .ttl{display:inline-block;border: 1px solid var(--mainColor);border-radius:30px;padding: 0 25px;margin: 0 0 25px 0;background-color: rgba(0, 153, 106, 0.9);text-shadow: none;box-shadow: 0 0 10px rgba(23,47,0,0.7);}

/* vis_box */
.vis_box{/* max-width: 1100px; */margin:0 auto;overflow: hidden;}
.vis_box .con{clear:both;overflow:hidden;position: relative;display: flex;align-items: center;justify-content: space-between; flex-direction:row-reverse;}
.vis_box .con:before{content: ''; display: block; width: 50%; height: 0; padding-top: 52.777%; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }
.vis_box .con:nth-child(1):before{background-image:url('/public/images/sub/vis_01.jpg');}
.vis_box .con:nth-child(2):before{background-image:url('/public/images/sub/vis_02.jpg');}
.vis_box .con:nth-child(2){margin-top:100px; flex-direction: row;}
.vis_box .pic{width: 100%;height: 30vw;padding-top: 0;background-repeat:no-repeat;background-position:50% 50%;background-size: cover;}
.vis_box .txt_wrap{padding: 0 5% 0 0;width: 50%;}
.vis_box .con:nth-child(2) .txt_wrap{padding: 0 0 0 5%;}
.vis_box .subTitle{font-size: 2em;color: #111;line-height: 1.3;word-break: keep-all;margin-bottom: 50px;}
.vis_box .subTitle strong{display:block;font-size: 1.2em;}
.vis_box p{word-break: keep-all;font-size: 1.125em;line-height: 1.8;margin-bottom:25px;}
.vis_box p:last-child{margin-bottom:0}
.vis_box .last_p{font-style:italic; text-align:right; margin-top:20px;}

@media only screen and (max-width:1080px) {	
	.visbg{margin-bottom: 45px;height:350px;}

	.vis_box .con:nth-child(2){margin-top: 70px;}
	.vis_box .subTitle{font-size: 1.8em;margin-bottom: 40px;}
	.vis_box p{margin-bottom:15px; }
}
@media only screen and (max-width:768px) {
	.visbg{margin-bottom: 30px;font-size: 1em;height: auto;padding: 3em 1em;background-position:100% 50%;} 
	.visbg p{padding:0}
	.visbg .ttl{padding:0 15px;}
	.visbg .txt1{ margin-bottom:20px;}
	.visbg .txt4{font-size:0.9em;}
	
	.vis_box { display:block; }
	.vis_box .con:nth-child(2){margin-top: 45px;}
	.vis_box .con:before{ padding-top: 55%;}
	.vis_box p{margin-bottom:15px; font-size:1em;}
	.vis_box .subTitle{font-size: 1.5em; margin-bottom: 20px;}
}
@media only screen and (max-width:640px) {
	.visbg{}
	
	.vis_box { display:block; }
	.vis_box .con{display:block;}
	.vis_box .con:before{width:100%;margin-bottom: 25px;height: 100vw;}
	.vis_box .con:nth-child(2){margin-top: 35px;}
	.vis_box p{margin-bottom: 10px;}
	.vis_box .txt_wrap{padding: 0 !important;width: 100%;}
	.vis_box .subTitle{ margin-bottom: 15px; }
}
@media only screen and (max-width:480px) {	
	.visbg{background-position:90% 50%;}
}


/* mis_box */
.mis_box{ overflow:hidden;padding:100px 0px; background-color:var(--mainColorOp); margin-top:100px;}
.mis_box .ttl01 { margin-bottom:60px; text-align: center;}
.mis_box .mis_list{position:relative;overflow: hidden;min-height: 385px;z-index: 1;}
.mis_box .mis_list:before{content:'';width: 335px;height: 335px;border-radius: 335px;border: 30px solid #bbe1d2;display: block;margin: 0 auto;background: #fff url('/public/images/common/ci.svg') no-repeat 50% 50%;background-size: 200px;z-index: 0;position: absolute;left: 50%;top: 20px;-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);}
.mis_box .mis_list dl{text-align: center;display: block;width:32%;/* border: 1px solid #dadada; */border-top: 2px solid var(--mainColor);padding: 30px;position: absolute;background: #fff;}
.mis_box .mis_list dl:before{content:'';display:block;width:50%;height:1px;background: #b1cfc3;position:absolute;top: 50%;z-index: -1;}
.mis_box .mis_list dl:after{content:'';display:block;width:20px;height:20px;border: 5px solid var(--mainColor);border-radius:20px;background: #fff;position:absolute;top: 50%;margin-top: -10px;}
.mis_box .mis_list dt{font-size: 1.35em;line-height: 1.2em;margin-bottom:20px;color:var(--mainColor);word-break: keep-all;}
.mis_box .mis_list dd{color:#272727;font-size:1.05em;line-height: 1.5;word-break: keep-all;}
.mis_box .mis_list dl:nth-child(1){left:0;top:0;}
.mis_box .mis_list dl:nth-child(2){right: 0;top: 0;}
.mis_box .mis_list dl:nth-child(3){left: 0;bottom: 0;}
.mis_box .mis_list dl:nth-child(4){right:0;bottom: 0;}
.mis_box .mis_list dl:nth-child(2) dt,
.mis_box .mis_list dl:nth-child(3) dt{color: var(--subColor)}
.mis_box .mis_list dl:nth-child(2),
.mis_box .mis_list dl:nth-child(3){ border-top-color:var(--subColor);}								
.mis_box .mis_list dl:nth-child(1):before,
.mis_box .mis_list dl:nth-child(3):before{right: -25%;}
.mis_box .mis_list dl:nth-child(2):before,
.mis_box .mis_list dl:nth-child(4):before{left: -25%;}
.mis_box .mis_list dl:nth-child(1):after{right: -26%;}
.mis_box .mis_list dl:nth-child(3):after{right: -28%;border-color: var(--subColor);}
.mis_box .mis_list dl:nth-child(2):after{left: -26%;border-color: var(--subColor);}
.mis_box .mis_list dl:nth-child(4):after{left: -28%;}
@media screen and (max-width:1080px) {
	.mis_box{ overflow:hidden;padding:80px 0px; margin-top:80px;}
	.mis_box .ttl01 { margin-bottom:40px;}
	.mis_box .mis_list dl{padding:30px 15px 15px 15px}
	.mis_box .mis_list:before{width: 270px;height: 270px;background-size: 170px;border-width: 20px;top: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
}
@media screen and (max-width:768px) {
	.mis_box{overflow:hidden;padding: 50px 0px;margin-top: 50px;}
	.mis_box .ttl01 { margin-bottom:20px;}
	.mis_box .mis_list{padding-top: 150px;}
	.mis_box .mis_list:before{width: 180px;height: 130px;background-size: 125px;border-width:10px;top: 0;-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);}
	.mis_box .mis_list dl{ width:100%; position:relative;left: inherit !important;right: inherit !important;top: inherit !important;bottom: inherit !important;margin-bottom: 20px;padding: 25px 15px 20px 15px;}
	.mis_box .mis_list dl:last-child{margin-bottom:0;}
	.mis_box .mis_list dt{margin-bottom: 10px;font-size: 1.25em;}
	.mis_box .mis_list dl:nth-child(3) {border-top-color: var(--mainColor);}
	.mis_box .mis_list dl:nth-child(3) dt{color: var(--mainColor);}
	.mis_box .mis_list dl:nth-child(3):after{ border-color: var(--mainColor);}
	.mis_box .mis_list dl:nth-child(4) {border-top-color: var(--subColor);}
	.mis_box .mis_list dl:nth-child(4) dt{color: var(--subColor);}
	.mis_box .mis_list dl:nth-child(4):after{ border-color: var(--subColor);}
	.mis_box .mis_list dl:after{ left:50% !important;top: -9px !important;margin: 0 0 0 -8px !important;border-width: 3px;width: 16px;height: 16px;}
	.mis_box .mis_list dl:before{display:none;}
	.mis_box .mis_list br{display: none;}
	.mis_box .mis_list dd{font-size:1em;}
}
@media screen and (max-width:480px) {
	.mis_box{ overflow:hidden;padding:50px 0px; margin-top:50px;}
	.mis_box .mis_list dd br{ display: none;}
}

/* company_info */
.company_info{border-top:2px solid var(--mainColor); text-align:center;clear: both;overflow: hidden;}
.company_info dl{display: block;float: left;width: 50%;padding: 15px 0;overflow: hidden;border-bottom: 1px solid #d7d7d7;background: rgba(255,255,255,0.5);}
.company_info dt{font-size: 1em;color:var(--mainColor);margin-bottom: 7px;display: block; position:relative;}
.company_info dd{font-size: 0.88em;color:#444;display: block;word-break: keep-all;letter-spacing: -0.05em;}
.company_info.col3 dl{ width:33.33333%;}
.company_info.st02 {border:none;margin-top:20px;display: flex;gap: 20px;}
.company_info.st02 dl{border:1px solid #ddd;padding: 20px 0;}
.company_info.st02 dd{border:none;padding-bottom: 0;}
.company_info dd b{color:#010101;font-size: 1.85em;}
.company_info img{ width:78px;margin: 12px 0 5px; }
.company_info dl.full{width:100%;}

.company_info.st03 dl{  display:flex;}
.company_info.st03 dt{width: 35%;margin: 0;}
.company_info.st03 dt:after{content:'';display:block;width:1px;height: 85%;background:#ddd;position:absolute;right:0;top:50%;-ms-transform: translate(0, -50%);transform: translate(0%, -50%);}
.company_info.st03 dl dt:before,
.company_info.st03 dl:nth-child(even) dt:before,
.company_info.st03.col3 dl:nth-child(3n) dt:before,
.company_info.st03.col3 dl:nth-child(3n+5) dt:before{content:'';display:block;width:1px;height:80%;background:#ddd;position:absolute;left:0;top:50%;-ms-transform: translate(0, -50%);transform: translate(0%, -50%);}
.company_info.st03 dl:nth-child(1) dt:before,
.company_info.st03 dl:nth-child(2n+3) dt:before,
.company_info.st03.col3 dl:nth-child(3n+4) dt:before{display:none;}
.company_info.st03 dd{padding:0 1em;text-align: left;width: 100%;font-size: 0.95em;}

@media all and ( max-width:1080px ){
	.company_info dl {width: 50%;}		
	.company_info.st03 dl dt:before{display:none;}
	.company_info.st03 dl:nth-child(even) dt:before{display:block;}
}
@media all and ( max-width:768px ){
	.company_info dl {width: 100% !important;padding: 12px 0;float: none;}
	.company_info dt {margin-bottom: 2px;}
	.company_info dd{font-size: 0.95em;}

	.company_info.st02{display:block; }
	.company_info.st02 dl{ width:49% !important;float:left; margin-bottom:15px;}
	.company_info.st02 dl:nth-child(even){ float:right;}
	.company_info dd b{font-size: 1.65em;}
	.company_info img { width: 68px; margin: 10px 0 2px; }
	
	.company_info.st03 dl{width:100%;}
	.company_info.st03 dl:nth-child(even) dt:before,
	.company_info.st03.col3 dl:nth-child(3n) dt:before,
	.company_info.st03.col3 dl:nth-child(3n+5) dt:before {display:none !important;}
}
@media all and ( max-width:480px ){
	.company_info.st02 dl{ margin-bottom:10px;}
}

/* history */
.history_box{overflow:hidden;position:relative;padding-left:250px;-ms-transform: translate(25%, 0);transform: translate(25%, 0); }
.history_box h4{position:absolute;left:0;top:0;color:#222;font-size: 1.85em;font-weight:600;letter-spacing:0px;}
.history_box h4:after{position:absolute; top:15px; left:110px; content:""; width:56px; height:3px; background-color:var(--mainColor); }
.history_box .item {overflow:hidden; position:relative; padding-bottom:30px}
.history_box .item:before{position:absolute; top:0px; left:120px; width:1px; height:100%; background-color:#ddd; content:"";}
.history_box .item .year{position:absolute;top:5px;left:0px;width:120px;}
.history_box .item .year:after{position:absolute; display:block; content:""; top:50%; right:-4px; width:7px; height:7px; margin-top:-3px; background-color:var(--mainColor); -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;}
.history_box .item .year strong{color:#1e1e1e;font-weight:600;font-size: 1.45em;font-style:italic}
.history_box .item .info{padding-left:140px;padding-top: 5px;}
.history_box .item:last-child .info{  padding-bottom:35px;}
.history_box .item .info p{position:relative;margin-bottom:10px;color:#444;font-size:1em;font-weight: 400;letter-spacing:-0.5px;line-height:1.4;word-break:keep-all}
.history_box .item .info p:first-child{margin-top: 10px;}
.history_box .item .info p .month{position:absolute; top:0px; left:0px;color:#333; font-weight:600; }
.history_box .item .info p span{}
.history_box .year-first-row:before {top: 20px;}
 
@media all and ( max-width:1080px ){
    .history_box{ padding-left:200px;  -ms-transform: translate(0, 0); transform: translate(0, 0);}
	.history_box:before{left:320px;}
}
@media all and ( max-width:768px ){
    .history_box{padding-left:0}
	.history_box:before{top:65px;left:120px;}
    .history_box h4{position:relative; left:auto; top:auto; margin-bottom:25px; font-size:26px;}
    .history_box h4:after{top:100%; left:0; margin-top:5px;}
	.history_box .item{padding-bottom:20px;}
    .history_box .item:before{font-size:80px}
    .history_box .item .info p{font-size: 0.95em;}
}
@media all and ( max-width:480px ){
    .history_box{margin-bottom:50px}
	.history_box:before{top:55px;left:60px;}
    .history_box h4{font-size: 1.45em;}
    .history_box h4:after{width:45px; height:2px}
	.history_box h4 br{display: none;}
    .history_box .item .year{width:60px;}
    .history_box .item .year strong{font-size: 1.215em;}
    .history_box .item:before{left:60px}
    .history_box .item .info{padding-left:90px;padding-top: 0;}
    .history_box .item:last-child .info{padding-bottom:0}
}


/* cooper_box */
.cooper_box{overflow: hidden;border-top: 2px solid #111;position: relative;border-left: 1px solid #ddd;}
.cooper_box .item {min-height: 150px;position: relative;float:left;width:25%;border: 1px solid #ddd;border-width: 0 1px 1px 0;}
.cooper_box .item a{display: table;width: 100%;height:100%;background: #fff;}
.cooper_box .item .pic{color: #222;vertical-align: middle;text-align: center;font-size: 1.4em;font-weight: 700;word-break: break-all;line-height: 1.2em;display: table-cell;width: 100%;height: 150px;padding: 0 10px;margin-bottom: 50px;}
.cooper_box .item .pic img{ display:block; margin:0 auto;width: auto;}
.cooper_box .item .txt_wrap{display: table;background: var(--mainColorOn);position: absolute;top: 0;left: 0;width: 100%;height: 100%;text-align: center;padding: 0 20px;color: #fff;opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cooper_box .item .txt_wrap .tit{display: table-cell;vertical-align: middle;color: #fff;font-size: 22px;font-size: 1.3em;/* font-weight: 700; */line-height:1.2em;letter-spacing: -0.05em;word-break: break-all;}
.cooper_box .item .txt_wrap .tit:before{content:'';display:block;margin: 0 auto 10px auto;width:38px;height:38px;border: 1px solid #fff;border-radius:38px;background:url('/public/images/board/ico_link.png') no-repeat 50% 50%;background-size: 20px;}
.cooper_box .item a:hover .txt_wrap,
.cooper_box .item a:focus .txt_wrap,
.cooper_box .item .txt_wrap.on{ opacity:1; }
.cooper_box .item a:hover,
.cooper_box .item a:focus {cursor:pointer;}
.cooper_box .item a.nolink:focus,
.cooper_box .item a.nolink:hover{ cursor:auto;}
.cooper_box .item a.nolink .txt_wrap .tit:before{display:none;}

@media only screen and (max-width:1080px) {
	.cooper_box .item{width:33.33333%; min-height: 125px;}
	.cooper_box .item .pic{height: 125px; min-width: 100%;}
	.cooper_box .item .txt_wrap{padding: 15px 10px;}
}
@media only screen and (max-width:768px) {
	.cooper_box .item{width:50%; min-height: 100px;}
	.cooper_box .item .pic{height: 100px;}
	.cooper_box .item .txt_wrap{padding: 10px;}
	.cooper_box .item .txt_wrap .tit{font-size: 1.25em;}
	.cooper_box .item .txt_wrap .tit span{display:inline-block;vertical-align: middle;}
}
@media only screen and (max-width:480px) {
	.cooper_box .item{ min-height: 92px;}
	.cooper_box .item .pic{height: 92px;}
	.cooper_box .item .txt_wrap .tit{font-size: 1.125em;}
}


/* certi_list */
.certi_list{}
.certi_list .list_img > li{}
.certi_list .list_img > li a{position: relative;background-color: #f7f7f7; padding-top: 280px;}
.certi_list .list_img > li a .img_con{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;width: 145px;height: 210px;}
.certi_list .list_img > li a .img_con:before {position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);display: block;content: '';width: calc(100% + 22px);height: calc(100% + 25px);background: url('/public/images/sub/certificate_cover.png') 0 0 no-repeat;background-size: contain;z-index: 1;}
.certi_list .list_img > li a .img_con span{position: relative;width:100%; padding-top: 200px;display: block;}
.certi_list .list_img > li a .img_con span img{position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;}
.certi_list .list_img > li i{ font-size:1.05em; color:#333; font-weight:500; letter-spacing: -0.05em; padding-bottom:50px;}
@media only screen and (max-width:768px) {
	.certi_list .list_img > li i{ font-size:1em;padding-bottom:20px;}
}


/* map */
#map{background-color:#ddd;height: 520px; border:1px solid #ddd;z-index: -1;}
#map iframe{ width:100%; height: 100%; border:0;}
#map .root_daum_roughmap{width:100% !important; padding: 0;border: 0;}
#map .root_daum_roughmap{height:100% !important;}
#map .root_daum_roughmap .wrap_map{height:100% !important;}
#map .root_daum_roughmap .wrap_controllers{display:none;}
#map .map_border{ display: none;}

.add_info{margin-top: 20px; margin: 0 -1.5%; overflow: hidden;}
.add_info ul li{display:table; height: 80px; border-bottom: 1px solid #ddd; line-height:1.4; margin: 0 1.5%; float: left; width: 47%; }
.add_info ul li.full{width:100%; float:none; }
.add_info ul li > div{display:table-cell; vertical-align:middle}
.add_info ul li > div .tit{width: 90px; display: inline-block; vertical-align: middle;}
.add_info ul li > div .tit:before{content:''; display: inline-block; vertical-align: middle; width:16px; height: 16px; background:url('/public/images/sub/lectorList_ico.png') no-repeat 50% 0;}
.add_info ul li > div.ico01 .tit:before{background-position: 50% 0;}
.add_info ul li > div.ico02 .tit:before{background-position: 50% -50px;}
.add_info ul li > div.ico03 .tit:before{background-position: 50% -100px;}
.add_info ul li > div.ico04 .tit:before{background-position: 50% -200px;}
.add_info ul li > div.ico05 .tit:before{background-position: 50% -150px;}
.add_info ul li > div .tit span{display: inline-block; vertical-align: middle; margin-left: 7px; font-size: 1em; font-weight: 600; letter-spacing: -0.25px; color: var(--mainColor);}
.add_info ul li > div .info{width: calc(100% - 100px); display: inline-block; vertical-align: middle; font-size: 1em; letter-spacing: -0.5px; line-height:1.5; color: #555; word-break:keep-all}

@media only screen and (max-width: 1080px) {
	#map {height: 500px;}
}
@media only screen and (max-width: 768px) {	
	#map {height: 300px;}	
	.add_info ul li{float: none; width: 100%; height: auto; padding:1em 0;} 
}
@media only screen and (max-width:480px) {
	#map{ height:260px;}
}


/* tabSwiper */
.tabSwiper{}
.tabSwiper_pagin {position: relative;left: inherit !important;top: inherit !important;bottom: inherit !important;display: flex;width: 100%;overflow-y: hidden;overflow-x: auto;-ms-overflow-style: none;overflow: -moz-scrollbars-none;white-space: nowrap;background: #f3f3f3;border-left: 1px solid #e5e5e5;padding: 1px 0 0 0;}
.tabSwiper_pagin .swiper-pagination-bullet{border-radius: 0;width: auto;height: 60px;line-height:60px;padding: 0 15px;flex-grow: 1;vertical-align: top;opacity: 1;border: 1px solid #e5e5e5;margin: -1px 0 0 -1px !important;background-color: #fff;color: #3e3a39;font-weight:500;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.tabSwiper_pagin .swiper-pagination-bullet:hover,
.tabSwiper_pagin .swiper-pagination-bullet:focus,
.tabSwiper_pagin .swiper-pagination-bullet-active{ background-color:var(--mainColor); color:#fff; }

.tabSwiper .swiper-container { overflow: hidden; position: relative; width: 100%; max-width: 1300px; height: 720px; margin: 40px auto 0; }
.tabSwiper .boxCont {display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;text-align: center;opacity:0;padding: 0 1.5em;}
.tabSwiper .boxCont, .tabSwiper .boxCont:before {-webkit-transition:all .5s ease-out; transition:all .5s ease-out;}
.tabSwiper .swiper-slide-active .boxCont {left:0; z-index:10; opacity:1;} 

.tabSwiper .boxCont:before {content:'';display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:50% 50%; transform:scale(1.1);}
.tabSwiper .boxCont.case01:before{background-image:url('/public/images/sub/pic_0201.jpg')}
.tabSwiper .boxCont.case02:before{background-image:url('/public/images/sub/pic_0202.jpg')}
.tabSwiper .boxCont.case03:before{background-image:url('/public/images/sub/pic_0203.jpg')}
.tabSwiper .boxCont.case04:before{background-image:url('/public/images/sub/pic_0204.jpg')}
.tabSwiper .boxCont.case05:before{background-image:url('/public/images/sub/pic_0205.jpg')}
.tabSwiper .boxCont.case06:before{background-image:url('/public/images/sub/pic_0206.jpg')}

.tabSwiper .boxCont:after{content:''; display:block; width:100%; height:100%; background-color:rgba(0,0,0,0.2); position:absolute; left:0; top:0}

.tabSwiper .boxCont .tit, .tabSwiper .boxCont .txt {position:relative;z-index:1;color:#fff;opacity:0;transform:translateY(100%);-webkit-transition-duration:.9s;transition-duration:.9s;transition-timing-function:cubic-bezier(.12,.64,.52,.93);animation-fill-mode:both;}
.tabSwiper .boxCont .tit{font-size: 3em;transition-delay:.1s;text-shadow: 0 0 20px rgba(0,0,0,0.25);}
.tabSwiper .boxCont .tit .kr{display: none;}
.tabSwiper .boxCont .txt {margin-top:28px;transition-delay:.3s;text-shadow: 0 0 10px rgba(0,0,0,0.5);}
.tabSwiper .boxCont .txt p { font-size: 1.25em;}
.tabSwiper .boxCont .txt p b{ color: var(--importColor);}

.tabSwiper .swiper-slide-active .boxCont .tit,
.tabSwiper .swiper-slide-active .boxCont .txt {opacity:1; transform:translateY(0);}
.tabSwiper .swiper-slide-active .boxCont:before {transform: scale(1);}

@media only screen and (max-width: 1080px){	
	.tabSwiper .swiper-container{ height: 51.714vw; margin-top:30px;}
	.tabSwiper .boxCont .tit{font-size: 2.5em;}
}
@media only screen and (max-width: 768px){
	.tabSwiper_pagin .swiper-pagination-bullet {height: 50px;line-height: 50px;font-size: 1em;}
	.tabSwiper .swiper-container{ height: 51.714vw; margin-top:20px;}
	.tabSwiper .boxCont .tit{font-size:2.25em;}
	.tabSwiper .boxCont .txt{margin-top:13px; }
	.tabSwiper .boxCont .txt p{font-size:1.125em;}

	.tabSwiper .boxCont:after{ background-color:rgba(0,0,0,0.3);}
}
@media only screen and (max-width: 480px){
	.tabSwiper .boxCont .tit{font-size: 2em; line-height: 1em;}
	.tabSwiper .boxCont .txt p{font-size:0.95em;}
}





/** etc **/
/* sitemap */
#sitemap {width:100%;}
#sitemap > div.menu {position:relative;overflow: hidden;float: left;width: 21.5%;margin-right: 4.6%;margin-bottom:30px;min-height: 350px;}
#sitemap > div.menu:nth-child(4n+4){margin-right:0}
#sitemap .menu p.tit{margin-bottom: 0;line-height:0;border-top: 2px solid var(--mainColor);border-bottom: 1px solid #ddd;text-align: center;}

#sitemap .menu p.tit > a{font-size: 1.25em;line-height:1em;color: var(--mainColor);display: block;padding: 1em 0;background: #fff;font-weight: 700;}
#sitemap .menu p.tit:before{display:none;}

#sitemap .menu .sitemapList {margin: 0 auto;overflow:hidden;padding: 1.5em 0px 0px 0px;}
#sitemap .menu .sitemapList:after {content:"";display:block;visibility:hidden;clear:both;}
#sitemap .menu .sitemapList li{display:block;position: relative;}
#sitemap .menu .sitemapList li a{position:relative;display:block;padding-left: 12px;color:#333;text-align:left;margin-bottom: 0.5em;font-size: 1.125em;letter-spacing: -1.5px;line-height: 1.4;}
#sitemap .menu .sitemapList li a:before{content:'';position:absolute;left:0;top: 10px;width:5px;height: 1px;background:#333;border-radius:50%;}
#sitemap .menu .sitemapList li ul{padding: 2px 0 5px 12px;} 
#sitemap .menu .sitemapList li li{ float:none; width:100%; position:relative;}
#sitemap .menu .sitemapList li:last-child{ margin-bottom:0;}

#sitemap .menu .sitemapList li li a{font-size: .95em;color:#666 !important;line-height: 1.4;font-weight:300;padding-left: 10px;}
#sitemap .menu .sitemapList li li a:before{content:'';position:absolute;left:2px;top: 7px;width: 2px;height: 2px;border-radius: 50%;background:#666 !important;}

@media only screen and (max-width:1080px) {	
	#sitemap > div.menu,
	#sitemap > div.menu:nth-child(4n+4){width: 30.5%;margin-right: 4%;}
	#sitemap > div.menu:nth-child(3n+3){margin-right:0}
}

@media only screen and (max-width:768px) {
	#sitemap > div.menu, #sitemap > div.menu:nth-child(4n+4) { width:47%;margin: 0 !important; }
	#sitemap > div.menu:nth-child(even){float:right;}
	#sitemap .menu p.tit > a{font-size: 1.15em;}
	#sitemap .menu .sitemapList > li{ }
	#sitemap .menu .sitemapList > li > a{font-size:1.1em; }
}	
@media only screen and (max-width:480px) {
	#sitemap > div.menu {float: none;width: inherit !important;margin: 0 0 2em 0 !important;min-height: inherit !important;}
	#sitemap .menu .sitemapList > li{ width:inherit !important; float: none !important;}
}

/* email_reject */
.email_reject {text-align:center;line-height:1.6;white-space:pre-line;background: url('/public/images/common/email_reject.jpg') center top no-repeat;padding: 180px 10px 0 10px;overflow:hidden;}
.email_reject em{ display:block;}

@media only screen and (max-width:1080px) {	
	.email_reject em{ display: inline;}
}