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

	Respond.css ( ver 1.0.2 )

**************************************************/
/**************************************************
	Setting Device Width
**************************************************/
#_device_pc{display: block;} #_device_ta{display: none;} #_device_mo{display: none;} .__pc{display: block !important;} .__ta{display: none !important;} .__mo{display: none;}
@media screen and (min-width: 750px) and (max-width: 1200px){#_device_pc{display: none;} #_device_ta{display: block;} #_device_mo{display: none;} .__pc{display: none !important;} .__ta{display: block !important;} .__mo{display: none;}}
@media screen and (max-width: 750px){#_device_pc{display: none;} #_device_ta{display: none;} #_device_mo{display: block;} .__pc{display: none !important;} .__ta{display: none;} .__mo{display: block !important;} }

/**************************************************
	Layout
**************************************************/
@media screen and (max-width: 1200px){

	html{min-width: 320px;padding-top: 50px;overflow-x: hidden;}
    img{max-width:100%;}

	#header{position: fixed;top: 0;left: 0;width: 100%;box-shadow: 0 3px 3px rgba(0,0,0,0.05);}
	#header .inner{width: auto;height: 50px;}
    #header .logo{position: absolute;top: 0;left: 10px;height: 100%;line-height: 50px;}
    #header .logo img{width: auto;height: 25px;}
    #header:after{content: '';display: block;position: absolute;bottom: -1px;width: 100%;height: 1px;background: rgba(0,0,0,0.05);}

	#gnb{display: none;}
    #tnb{display: none;}

    #hd-lan{display: none;}
    #hd-sch{display: none;}

    #footer .fnbWrap .inner{width: auto;}
    #footer .fnbWrap .inner{width: auto;}
    #footer .ftWrap{width: auto;padding: 15px 0;}
    #footer address{font-size: 10px;line-height: 13px;color: #b3b3b3;font-style: normal;text-align: center;}
    #footer address hr{display: block;border: none;margin: 0;}
    #footer address .copyright{display: block;margin-top: 10px;font-size: 10px;color: #777777;}

    #sns-ico{margin-top: 15px;text-align: center;}
    #sns-ico li{margin: 2px;}
    #sns-ico li img{width: 25px;height: auto;}

    #ft-fam{display: none;}

    #gotop{display: none;}

    #fnb{text-align: center;}
    #fnb > li{display: inline-block;padding: 0 5px;}
    #fnb > li:first-child{padding-left: 0;background: none;}
    #fnb > li a{font-size: 11px;color: #b3b3b3;letter-spacing: -1px;line-height: 35px;}

    #slide-btn{top: 50%;right: 10px;display: block;width: 25px;height: 16px;}

    #slide-bg{position: fixed;z-index: 200;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);display: none;}
    #slide-close{position: absolute;top: 0;right: 0;width: 50px;height: 50px;background: url('/images/layout/slide-close.png') no-repeat center center;background-size: 20px auto;}

    #slide-menu{position: fixed;top: 0;right: -100%;width: 80%;height: 100%;display: block;background: #fff;z-index: 201;overflow-y: auto;transition: all 0.3s cubic-bezier(0.930, 0.635, 0.650, 0.970);}
    #slide-menu .tit{height: 50px;position: relative;background: #0c67ae;}
    #slide-menu.on{right: 0;}

    #tnb-mo{text-align: center;line-height: 40px;background: #f7f7f7;}
    #tnb-mo > li{display: inline-block;margin: 0 10px;}
    #tnb-mo > li a{font-size: 12px;color: #333;}

    #gnb-mo > li{border-bottom: 1px solid #e1e1e1;}
    #gnb-mo > li > a{display: block;line-height: 40px;padding: 0 15px;font-size: 15px;letter-spacing: -1px;color: #333;text-decoration: none;}
    #gnb-mo > li > ul{padding: 10px 15px;border-top: 1px solid #e1e1e1;background: #f9f9f9;display: none;}
    #gnb-mo > li > ul li a{line-height: 30px;font-size: 14px;color: #666;text-decoration: none;}
    #gnb-mo > li > ul > li > ul {padding: 10px 0 10px 20px; border-top: 2px solid #ccc; background: #f5f5f5; margin: 4px 0;}
    #gnb-mo > li > ul > li > ul > li > a {font-size: 13px; line-height: 26px; letter-spacing: -1px;}
    #gnb-mo > li.hidden-gnb{display: none;}

    #hd-lan-mo{position: absolute;top: 0;left: 15px;z-index: 92;}
    #hd-lan-mo > a{display: block;line-height: 50px;padding: 0 10px 0 20px;font-size: 12px;color: #fff;text-decoration: none;text-transform: uppercase;background: url('/images/layout/hd-lan-ico-mo.png') no-repeat 0 center / 15px auto, url('/images/layout/hd-lan-spr-mo.png') no-repeat right center / 6px auto;}
    #hd-lan-mo > ul{position: absolute;top: 40px;left: 50%;display: none;width: 80px;margin-left: -40px;padding: 10px 0;border: 1px solid #b8b8b8;background: #fff;}
    #hd-lan-mo > ul:before{position: absolute;top: -7px;left: 50%;content: '';display: block;width: 6px;height: 7px;margin-left: -3px;background: url('/images/layout/hd-lanbox-spr-mo.png');}
    #hd-lan-mo > ul li a{display: block;font-size: 12px;line-height: 20px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
    #hd-lan-mo.on > ul{display: block;}

    #hd-sch-mo{display: none; position: absolute;top: 14px;left: 85px;z-index: 91;}
    #hd-sch-mo .btn{display: block;width: 21px;height: 21px;background: url('/images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 16px auto;text-indent: -999em;border: none;}
    #hd-sch-mo form{position: fixed;display: none;top: 50px;right: 0;width: 80%;padding-right: 50px;border: 1px solid #333;border-width: 1px 0 1px 0;overflow: hidden;background: #fff;box-sizing: border-box;}
    #hd-sch-mo legend{display: none;}
    #hd-sch-mo .inp{width: 100%;height: 38px;line-height: 38px;text-indent: 10px;background: none;border: none;font-size: 12px;}
    #hd-sch-mo .sbm{position: absolute;top: 0;right: 0;width: 40px;height: 40px;background: #333 url('/images/layout/hd-sch-btn-mo.png') no-repeat center center;background-size: 18px auto;border: none;text-indent: -999em;}
    #hd-sch-mo.on form{display: block;}

    /* Site Layer Popup */
    .sp-pop{top: 65px !important;left: 5% !important;width: 90% !important;height: auto !important;}
    .sp-pop .img{position: relative;min-height: 100px;padding-bottom: 30px;}
    .sp-pop .img img{max-width:100%;}
    .sp-pop .btns li{height: 30px;}
    .sp-pop .btns li a,
    .sp-pop .btns li label{line-height: 28px;}

    /* etc */
    .table1 tr > *{font-size: 11px;line-height: 15px;}

}

/**************************************************
	Ajax Popup
**************************************************/
@media screen and (max-width: 1200px){

    #popup{top: 5%;left: 5%;width: 90%;height: 90%;margin-top: 0;margin-left: 0;padding-top: 41px;}
    #popup .pop-tit{height: 40px;padding: 0 10px;}
    #popup .pop-tit h3{font-size: 13px;line-height: 40px;}
    #popup .pop-tit .close{width: 39px;height: 39px;line-height: 39px;font-size: 13px;}
    #popup .pop-wrap{height: 100%;overflow-y: auto;padding: 15px;box-sizing: border-box;}
    #popup.on{opacity: 1;}
    #popupBG{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 300;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.3s;}
    #popupBG.on{opacity: 1;}

    /* sitemap */
    #popup .sitemap > li{width: 49%;}
    #popup .sitemap > li > a{font-size: 12px;line-height: 35px;}
    #popup .sitemap > li ul li a{font-size: 12px;padding: 7px 0;}

}


/**************************************************
	Main
**************************************************/
@media screen and (max-width: 1200px){

    #main {overflow: hidden;}
    #main #mainWrap{width: auto;margin: 0;}
    #mainWrap .inner {width: auto; padding: 0 20px;}

    #main .visual .vis-txt {top: calc(50% - 20px); transform: translate(0, -50%);}
    #main .visual .vis-txt dl dt {font-size: 20px; line-height: 30px; margin-bottom: 20px;}
    #main .visual .vis-txt dl dd {font-size: 30px; line-height: 40px; padding: 0 70px;}
    #main .visual .roll .item img{position: static;margin-left: 0;width: 100%;height: auto;}
    #main .visual .slick-dots{bottom: 30px;}
    #main .visual .slick-dots li{margin: 0 2px;}
    #main .visual .slick-dots li button {width: 30px;height: 4px;}
    #main .visual .slick-dots li.slick-active button {height: 8px;}
    #main .visual .scroll-down {display: none;}

    #main .visual .slick-arrow {top: 50%; width: 25px; height: 55px;}
    #main .visual .slick-prev {left: 30px;}
    #main .visual .slick-next {right: 30px;}

    #mainWrap .main-section01 {padding: 70px 0;}
    #mainWrap .main-section01 .main-title {padding-bottom: 40px;}
    #mainWrap .main-section01 .main-title h5 {font-size: 30px; line-height: 30px; margin-bottom: 10px;}
    #mainWrap .main-section01 .main-title p {font-size: 16px; line-height: 26px;}
    #mainWrap .main-section01 .sec01-box dl,
    #mainWrap .main-section01 .sec01-box .popup-zone {float: none; width: 100%;}

    #mainWrap .main-section01 .sec01-box dl.left:after {content: ''; display: block; clear: both;}
    #mainWrap .main-section01 .sec01-box dl.left dt {float: left; width: 50%; margin-bottom: 0;}
    #mainWrap .main-section01 .sec01-box dl.left dd {position: relative; float: left; width: 50%; min-height: 310px; background-size: cover; background-position: right bottom;}
    #mainWrap .main-section01 .sec01-box dl.center {margin: 0 ;}
    #mainWrap .main-section01 .sec01-box dl.center:after {content: ''; display: block; clear: both;}
    #mainWrap .main-section01 .sec01-box dl.center dt,
    #mainWrap .main-section01 .sec01-box dl.center dd {float: left; width: 50%;}
    #mainWrap .main-section01 .sec01-box dl.center dd ul {width: 100%;}

    #mainWrap .main-section02 {padding: 70px 0;}
    #mainWrap .main-section02 .main-title {padding-bottom: 40px;}
    #mainWrap .main-section02 .main-title h5 {font-size: 30px; line-height: 30px; margin-bottom: 10px;}
    #mainWrap .main-section02 .main-title p {font-size: 16px; line-height: 26px;}
    #mainWrap .main-section02 .sec02-left-box {float: none; width: 100%; margin-right: 0;}
    #mainWrap .main-section02 .sec02-right-box {float: none; width: 100%;}

    #mainWrap .main-section03 {padding: 70px 0;}
    #mainWrap .main-section03 .main-title {padding-bottom: 30px;}
    #mainWrap .main-section03 .main-title h5 {font-size: 30px; line-height: 30px; margin-bottom: 10px;}
    #mainWrap .main-section03 .main-title p {font-size: 16px; line-height: 26px;}
    #mainWrap .main-section03 .board-box .buttons {margin-bottom: 30px;}
    #mainWrap .main-section03 .board-box .buttons .button {width: 170px; height: 45px; line-height: 45px; font-size: 16px;}
    #mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item {margin: 0 10px;}
    #mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text {padding: 30px 40px;}
    #mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll .slick-dots {width: calc(100% - 40px); margin-top: 30px;}
    #mainWrap .main-section03 .board-box .tab-slide .tab-box.photo > .roll li.item .thumb {margin-top: 20px;}

    #mainWrap .main-section04 {padding: 70px 0;}
    #mainWrap .main-section04 .main-title {padding-bottom: 30px;}
    #mainWrap .main-section04 .main-title h5 {font-size: 30px; line-height: 30px; margin-bottom: 10px;}
    #mainWrap .main-section04 .main-title p {font-size: 16px; line-height: 26px;}
    #mainWrap .main-section04 .sec04-left-box {float: none; width: 100%; margin-right: 0;}
    #mainWrap .main-section04 .sec04-left-box .video iframe {width: 100% !important;}
    #mainWrap .main-section04 .sec04-right-box {float: none; width: 100%; margin-top: 20px;}

    #mainWrap .main-section05 {padding: 70px 0;}
    #mainWrap .main-section05 .main-title {padding-bottom: 30px;}
    #mainWrap .main-section05 .main-title h5 {font-size: 30px; line-height: 30px; margin-bottom: 10px;}
    #mainWrap .main-section05 .main-title p {font-size: 16px; line-height: 26px;}
    #mainWrap .main-section05 .recruit-wrap li .date-box {width: 90px; padding: 15px 0;}
    #mainWrap .main-section05 .recruit-wrap li .date-box h6 {font-size: 36px; line-height: 36px; margin-bottom: 5px;}
    #mainWrap .main-section05 .recruit-wrap li .date-box span {font-size: 14px; line-height: 14px;}
    #mainWrap .main-section05 .recruit-wrap li p {padding: 0 40px; font-size: 17px; line-height: 90px;}
    #mainWrap .main-section05 .recruit-wrap li em {width: 45px; height: 45px;}
    #mainWrap .main-section05 .recruit-btn {width: 170px; height: 45px; line-height: 45px; font-size: 16px;}

}

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

    #mainWrap .inner {padding: 0 10px;}

    #main .visual .vis-txt dl dt {font-size: 16px; line-height: 20px; margin-bottom: 15px;}
    #main .visual .vis-txt dl dd {font-size: 18px; line-height: 26px; padding: 0 45px;}
    #main .visual .slick-dots li button {width: 20px;}

    /* 210317 sj 추가 */
    #main .visual .slick-arrow {top: 50%; width: 20px;}
    #main .visual .slick-prev {left: 20px;}
    #main .visual .slick-next {right: 20px;}


    #mainWrap .main-section01 {padding: 50px 0;}
    #mainWrap .main-section01 .main-title {padding-bottom: 30px;}
    #mainWrap .main-section01 .main-title h5 {font-size: 26px; line-height: 26px;}
    #mainWrap .main-section01 .main-title p {font-size: 15px; line-height: 22px;}
    #mainWrap .main-section01 .sec01-box dl.left dt,
    #mainWrap .main-section01 .sec01-box dl.left dd {float: none; width: 100%;}
    #mainWrap .main-section01 .sec01-box dl.left dt {background-position: right center; padding: 40px 30px;}
    #mainWrap .main-section01 .sec01-box dl.left dt h6 {font-size: 20px; line-height: 20px;}
    #mainWrap .main-section01 .sec01-box dl.left dt p {width: 60%; font-size: 14px; line-height: 20px;}
    #mainWrap .main-section01 .sec01-box dl.left dt p br {display: none;}
    #mainWrap .main-section01 .sec01-box dl.left dt strong {font-size: 16px; line-height: 20px;}
    #mainWrap .main-section01 .sec01-box dl.left dd {padding: 40px 30px; min-height: auto;}
    #mainWrap .main-section01 .sec01-box dl.left dd h6 {font-size: 20px; line-height: 20px;}
    #mainWrap .main-section01 .sec01-box dl.left dd p {font-size: 14px; line-height: 20px;}
    #mainWrap .main-section01 .sec01-box dl.center dt,
    #mainWrap .main-section01 .sec01-box dl.center dd {float: none; width: 100%;}
    #mainWrap .main-section01 .sec01-box dl.center dt {margin-bottom: 0; padding: 40px 30px; min-height: auto; background-position: right center;}
    #mainWrap .main-section01 .sec01-box dl.center dt h6 {font-size: 20px; line-height: 20px;}
    #mainWrap .main-section01 .sec01-box dl.center dt p {font-size: 14px; line-height: 20px;}
    #mainWrap .main-section01 .sec01-box dl.center dd {padding: 40px 30px; min-height: auto; background-position: right center;}
    #mainWrap .main-section01 .sec01-box dl.center dd h6 {font-size: 20px; line-height: 20px;}
    #mainWrap .main-section01 .sec01-box dl.center dd ul li {border-radius: 50%; -webkit-box-shadow: -1px 2px 10px 4px rgb(0 0 0 / 5%); -moz-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05); box-shadow: -1px 2px 10px 4px rgb(0 0 0 / 5%);}
    #mainWrap .main-section01 .sec01-box .popup-zone dt h6 {font-size: 20px;}

    #mainWrap .main-section02 {padding: 50px 0;}
    #mainWrap .main-section02 .main-title {padding-bottom: 30px;}
    #mainWrap .main-section02 .main-title h5 {font-size: 26px; line-height: 26px;}
    #mainWrap .main-section02 .main-title p {font-size: 15px; line-height: 22px;}
    #mainWrap .main-section02 .sec02-left-box .box {float: none; width: 100%;}
    #mainWrap .main-section02 .sec02-left-box .box dl {min-height: auto; padding: 40px;}
    #mainWrap .main-section02 .sec02-left-box .box dl dt {font-size: 20px; line-height: 20px; padding-bottom: 15px;}
    #mainWrap .main-section02 .sec02-left-box .box dl dd a {font-size: 16px;}
    #mainWrap .main-section02 .sec02-left-box .box > .more-btn {font-size: 17px;}
    #mainWrap .main-section02 .sec02-right-box dl dt:before {top: 10px; width: 92px; height: 114px; background-size: contain;}
    #mainWrap .main-section02 .sec02-right-box dl dt {padding: 40px 30px;}
    #mainWrap .main-section02 .sec02-right-box dl dt .center:before {width: 46px; height: 50px; background-size: contain;}
    #mainWrap .main-section02 .sec02-right-box dl dt .center {padding: 65px 0 20px 0;}
    #mainWrap .main-section02 .sec02-right-box dl dt .center p {font-size: 16px; line-height: 16px;}
    #mainWrap .main-section02 .sec02-right-box dl dt .center h6 {font-size: 26px; line-height: 26px;}
    #mainWrap .main-section02 .sec02-right-box dl dt .center span {font-size: 14px; line-height: 20px;}
    #mainWrap .main-section02 .sec02-right-box dl dt ul li {width: 100%;}
    #mainWrap .main-section02 .sec02-right-box dl dt ul li:first-child {border-bottom: 1px solid rgba(221,221,221,0.2);}
    #mainWrap .main-section02 .sec02-right-box dl dt ul li:nth-child(odd) {margin-right: 0;}
    #mainWrap .main-section02 .sec02-right-box dl dt ul li a {font-size: 16px;}
    #mainWrap .main-section02 .sec02-right-box dl dd {margin-top: 25px;}
    #mainWrap .main-section02 .sec02-right-box dl dd ol li {padding: 0 5px; box-sizing: border-box;}
    #mainWrap .main-section02 .sec02-right-box dl dd ol li p {font-size: 14px; line-height: 20px; margin-top: 10px;}

    #mainWrap .main-section03 {padding: 50px 0;}
    #mainWrap .main-section03 .main-title {padding-bottom: 10px;}
    #mainWrap .main-section03 .main-title h5 {font-size: 26px; line-height: 26px;}
    #mainWrap .main-section03 .main-title p {font-size: 15px; line-height: 22px;}
    #mainWrap .main-section03 .board-box .buttons {margin-bottom: 20px;}
    #mainWrap .main-section03 .board-box .buttons:after {content: ''; display: block; clear: both;}
    #mainWrap .main-section03 .board-box .buttons .button {float: left; width: calc(50% - 10px); margin: 5px; height: 40px; line-height: 40px; font-size: 14px;}
    #mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll {margin: 0 -10px;}
    #mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text .cate {font-size: 13px;}
    #mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text h6 {font-size: 17px; line-height: 17px; margin: 20px 0 10px 0;}
    #mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text p {height: 70px; font-size: 14px;}
    #mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text span {margin-top: 20px; padding-top: 15px; font-size: 14px;}
    #mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll .slick-dots {margin-top: 20px;}

    #mainWrap .main-section04 {padding: 50px 0;}
    #mainWrap .main-section04 .main-title {padding-bottom: 30px;}
    #mainWrap .main-section04 .main-title h5 {font-size: 26px; line-height: 26px;}
    #mainWrap .main-section04 .main-title p {font-size: 15px; line-height: 22px;}
    #mainWrap .main-section04 .sec04-left-box .video {height: 300px;}
    #mainWrap .main-section04 .sec04-left-box .video iframe {height: 100% !important}
    #mainWrap .main-section04 .sec04-left-box > a:before {left: 20px; width: 35px; height: 35px; background-size: contain;}
    #mainWrap .main-section04 .sec04-left-box > a {height: 50px; line-height: 50px; padding: 0 70px; font-size: 15px;}
    #mainWrap .main-section04 .sec04-left-box > a:after {right: 25px;}
    #mainWrap .main-section04 .sec04-right-box dl dt h6 {font-size: 20px;}

    #mainWrap .main-section05 {padding: 50px 0;}
    #mainWrap .main-section05 .main-title {padding-bottom: 30px;}
    #mainWrap .main-section05 .main-title h5 {font-size: 26px; line-height: 26px;}
    #mainWrap .main-section05 .main-title p {font-size: 15px; line-height: 22px;}
    #mainWrap .main-section05 .recruit-wrap {margin-bottom: 30px;}
    #mainWrap .main-section05 .recruit-wrap li em {width: 30px; height: 30px; right: 15px; background-size: 40%;}
    #mainWrap .main-section05 .recruit-wrap li .date-box {width: 55px; padding: 10.5px 0;}
    #mainWrap .main-section05 .recruit-wrap li .date-box h6 {font-size: 20px; line-height: 20px; margin-bottom: 0;}
    #mainWrap .main-section05 .recruit-wrap li .date-box span {font-size: 12px; line-height: 12px; letter-spacing: -1px;}
    #mainWrap .main-section05 .recruit-wrap li p {width: calc(100% - 100px); padding: 0 10px; line-height: 60px; font-size: 14px;}
    #mainWrap .main-section05 .recruit-btn {width: 150px; height: 40px; line-height: 40px; font-size: 15px;}

}

/**************************************************
	Sub
**************************************************/
@media screen and (max-width: 1200px){

    #sub #content{ width: auto;padding: 0 10px;}

    #sub .sub-vis{height: 120px;}
    #sub .sub-vis h2{font-size: 20px;}
    #sub .sub-vis h2 em{margin-top: 5px;font-size: 11px;}

    /* #sub .sub-tit{margin-bottom: 20px;}
    #sub .sub-tit h3{font-size: 14px;margin-top: 0;} */

    .lnbWrap{display: none;}

    #sub .sub-tit {background-size: 16px; padding-left: 25px;}

    #status{display: none;}

    #navigator{border-width: 0 0 1px 0;}
    #navigator > ul{width: auto;border-left: none;padding-left: 40px;}
    #navigator > ul > li{width: 50%;box-sizing: border-box;}
    #navigator > ul > li > a{min-width: 0;font-size: 13px;padding: 0 20px 0 10px;line-height: 40px;background-size: 8px auto;}
    #navigator > ul > li:first-child{position: absolute;top: 0;left: 0;width: 40px;}
    #navigator > ul > li:first-child a{width: 40px;background: none;}
    #navigator > ul > li.d2{border: none;}
    #navigator > ul > li > ul{top: 40px;left: -1px;}
    #navigator > ul > li.d2 > ul{border-right: none;}
    #navigator > ul > li > ul li a{padding: 10px;font-size: 13px;}
    #navigator > ul > li.d3:before {content: ''; position: absolute; top: 0; left: -100px; width: calc(100vw + 100px); height: 1px; background: #2984cb;}
    #navigator > ul > li.d3 {position: relative; border-left: 1px solid #2984cb; margin-left: -1px; width: calc(50% + 1px); z-index: 10;}

    .greeting-wrap {padding: 50px 0 60px 0;}
    .greeting-wrap dl dd {width: 35%; padding: 20px 20px 0 20px; box-sizing: border-box;}
    .greeting-wrap dl dd:after {width: calc(100% - 40px); height: calc(100% - 110px);}
    .greeting-wrap dl dd .logo {bottom: auto; right: auto; top: 20px; left: 20px; width: 30%;}
    .greeting-wrap dl dd h6 {font-size: 16px; line-height: 24px; padding-right: 0; margin-top: 15px;}
    .greeting-wrap dl dt {width: 65%; padding-left: 10px; box-sizing: border-box;}
    .greeting-wrap dl dt h5 {font-size: 30px; line-height: 40px; padding-bottom: 20px;}
    .greeting-wrap dl dt h6 {font-size: 16px; line-height: 24px;}
    .greeting-wrap dl dt h6 br {display: none;}
    .greeting-wrap dl dt p {font-size: 15px; line-height: 22px; margin-bottom: 15px;}

    .vision-wrap {padding: 50px 0 60px 0;}
    .vision-wrap .title span {font-size: 14px; line-height: 14px;}
    .vision-wrap .title h4 {font-size: 30px; line-height: 40px;}
    .vision-wrap .vm-box {margin-top: 30px;}
    .vision-wrap .vm-box dt ul {margin: 20px -10px;}
    .vision-wrap .vm-box dt ul li {width: calc(33.33% - 20px); padding: 0; margin: 0 10px;}
    .vision-wrap .vm-box dt ul li img {width: 100%;}
    .vision-wrap .vm-box dd {margin: 40px 0; padding: 35px;}
    /* sub-title */
    .vision-wrap .vm-box dd h6 {font-size: 20px; line-height: 30px;}
    /* sub-title */
    .vision-wrap .vm-box dd p {font-size: 16px; line-height: 24px;}
    .vision-wrap .core-box {padding: 50px 0;}
    .vision-wrap .core-box h5 {font-size: 30px; line-height: 40px;}
    .vision-wrap .core-box dl {padding-top: 40px;}
    .vision-wrap .core-box dl dt .circle-box h6 {font-size: 20px;}
    .vision-wrap .core-box dl dt ul {padding: 20px 0 0 0;}
    .vision-wrap .core-box dl dt ul:after {width: 75%;}
    .vision-wrap .core-box dl dt ul li p {font-size: 16px; line-height: 16px;}
    .vision-wrap .core-box dl dd .circle-box h6 {font-size: 20px;}
    .vision-wrap .core-box dl dd ul {padding: 20px 0 0 0;}
    .vision-wrap .core-box dl dd ul:after {width: 75%;}
    .vision-wrap .core-box dl dd ul li p {font-size: 16px; line-height: 16px;}
    .vision-wrap .goal-box {padding: 50px 0;}
    .vision-wrap .goal-box h5 {font-size: 30px; line-height: 40px;}
    .vision-wrap .goal-box ul {padding-top: 30px;}
    .vision-wrap .goal-box ul li {width: calc(50% - 10px); margin: 0 5px; min-height: 225px;}
    .vision-wrap .goal-box ul li:nth-child(n+3) {margin-top: 10px;}
    .vision-wrap .goal-box ul li strong {font-size: 30px; line-height: 30px; margin-bottom: 15px;}
    .vision-wrap .goal-box ul li p {font-size: 16px; line-height: 24px;}
    .vision-wrap .work-box {padding: 50px 0;}
    .vision-wrap .work-box h5 {font-size: 30px; line-height: 40px;}
    .vision-wrap .work-box ul:before {top: 50%; transform: translate(-50%,-50%);}
    .vision-wrap .work-box ul {padding: 30px 0; max-width: 750px; margin: 0 auto; margin-top: 30px;}
    .vision-wrap .work-box ul:after {top: 50%; transform: translate(-50%,-50%);}
    .vision-wrap .work-box ul li {float: none; display: inline-block; vertical-align: top; width: calc(50% - 20px); min-height: 250px; margin-left: 0; background: none !important; box-shadow: none; margin: 10px;}
    .vision-wrap .work-box ul li:first-child {border: none; margin-left: 10px;}
    .vision-wrap .work-box ul li .mid {position: static; width: 250px !important; height: 250px !important; border-radius: 50%; transform: none; margin: 0 auto;-webkit-box-shadow: -1px 2px 10px 4px rgb(0 0 0 / 5%); -moz-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05); box-shadow: -1px 2px 10px 4px rgb(0 0 0 / 5%);}
    .vision-wrap .work-box ul li:first-child .mid {background: #fff; border: 5px solid #edf2f5;}
    .vision-wrap .work-box ul li:nth-child(2) .mid {background: #2a59c5;}
    .vision-wrap .work-box ul li:nth-child(3) .mid {z-index: -1; background: rgb(74,168,218); background: linear-gradient(66deg, rgba(74,168,218,1) 0%, rgba(0,124,222,1) 100%);}
    .vision-wrap .work-box ul li:last-child .mid {background: #0b5188;}
    .vision-wrap .work-box ul li .mid img {margin-top: 25%;}
    .vision-wrap .work-box ul li:first-child .mid img {margin-top: 28%;}
    .vision-wrap .work-box ul li .mid p {font-size: 18px; line-height: 26px;}
    .vision-wrap .work-box ul li:first-child .mid p {font-size: 18px; line-height: 20px;}
    .vision-wrap .direct-box {padding-top: 50px;}
    .vision-wrap .direct-box h5 {font-size: 30px; line-height: 40px;}
    .vision-wrap .direct-box ul {padding-top: 30px;}
    .vision-wrap .direct-box ul li {width: calc(50% - 20px)}
    .vision-wrap .direct-box ul li:nth-child(n+3) {margin-top: 20px;}
    .vision-wrap .direct-box ul li dl {padding: 30px 25px;}
    .vision-wrap .direct-box ul li dl dt {font-size: 18px; line-height: 26px;}
    .vision-wrap .direct-box ul li dl dd {font-size: 14px; line-height: 26px;}

    .ci-wrap {padding: 50px 0 60px 0;}
    .ci-wrap .title {padding-bottom: 50px;}
    .ci-wrap .title h4 {font-size: 30px; line-height: 40px;}
    .ci-wrap .title ul {margin: 40px 0 30px 0;}
    .ci-wrap .title ul li {width: calc(50% - 10px);}
    .ci-wrap .title ul li:first-child {margin-right: 20px;}
    .ci-wrap .title ul li:last-child img {width: 300px;}
    .ci-wrap .title h6 {font-size: 20px; line-height: 30px;}
    .ci-wrap .title p {font-size: 15px; line-height: 24px; margin: 10px 0 30px 0;}
    .ci-wrap .title .download a {font-size: 15px;}
    .ci-wrap .color-rule-box {padding: 50px 0;}
    .ci-wrap .color-rule-box > h5 {font-size: 30px; line-height: 40px;}
    .ci-wrap .color-rule-box > p {font-size: 15px; line-height: 24px; margin: 10px 0 30px 0;}
    .ci-wrap .color-rule-box .main-color {padding-bottom: 40px;}
    .ci-wrap .color-rule-box .main-color h6 {font-size: 20px; line-height: 30px;}
    .ci-wrap .color-rule-box .main-color h6 span {font-size: 14px;}
    .ci-wrap .color-rule-box .main-color dl {width: calc(33.33% - 7px); margin-left: 10px;}
    .ci-wrap .color-rule-box .sub-color h6 {font-size: 20px; line-height: 30px;}
    .ci-wrap .color-rule-box .sub-color h6 span {font-size: 14px;}
    .ci-wrap .color-rule-box .sub-color ul {margin: 0 -5px;}
    .ci-wrap .color-rule-box .sub-color ul li {width: calc(33.33% - 10px); margin: 0 5px;}
    .ci-wrap .color-rule-box .sub-color ul li:nth-child(n+4) {margin-top: 10px;}
    .ci-wrap .signature-box {padding-top: 50px;}
    .ci-wrap .signature-box > h5 {font-size: 30px; line-height: 40px;}
    .ci-wrap .signature-box > p {font-size: 15px; line-height: 24px; margin: 10px 0 30px 0;}
    .ci-wrap .signature-box .box-wrap dl {padding-top: 30px;}
    .ci-wrap .signature-box .box-wrap dl dt h6 {font-size: 18px; line-height: 30px; margin-bottom: 10px;}
    .ci-wrap .signature-box .box-wrap dl dd h6 {font-size: 18px; line-height: 30px; margin-bottom: 10px;}

    .history-wrap {padding-top: 50px;}
    .history-wrap .sub-title {padding-bottom: 30px;}
    .history-wrap .sub-title h4 {font-size: 30px; line-height: 40px;}
    .history-wrap .history-image {padding-bottom: 40px;}
    .history-wrap .history-image .text {padding: 30px 40px 50px 40px; margin-top: -60px;}
    .history-wrap .history-image .text > * {float: none;}
    .history-wrap .history-image .text dt {width: 100%; padding: 30px 0 30px 100px; font-size: 18px;}
    .history-wrap .history-image .text dt:after {top: 10px; width: 75px; background-size: contain;}
    .history-wrap .history-image .text dd {width: 100%; margin-top: 10px; font-size: 16px; line-height: 24px;}
    .history-wrap .history-image .text dd br {display: none;}
    .history-wrap .history-list {padding-top: 50px;}
    .history-wrap .history-list > h5 {font-size: 30px; line-height: 40px; margin-bottom: 30px;}
    .history-wrap .history-list .box:before {left: 30px; height: calc(84% - 10px)}
    .history-wrap .history-list .box {}
    .history-wrap .history-list .box dl {padding-left: 60px;}
    .history-wrap .history-list .box dl.all-img {padding-bottom: 20px;}
    .history-wrap .history-list .box dl > * {float: none !important; width: 100% !important;}
    .history-wrap .history-list .box dl dt {text-align: left !important;}
    .history-wrap .history-list .box dl dt:after {left: -36px !important}
    .history-wrap .history-list .box dl dt h6 {font-size: 30px; padding-left: 120px !important;}
    .history-wrap .history-list .box dl:nth-child(odd) dt h6 { padding-right: 0;}
    .history-wrap .history-list .box dl:nth-child(odd) dt h6:before,
    .history-wrap .history-list .box dl:nth-child(even) dt h6:before {right: auto; left: -20px;}
    .history-wrap .history-list .box dl:nth-child(odd) dt h6:after,
    .history-wrap .history-list .box dl:nth-child(even) dt h6:after {right: auto; left: 90px;}
    .history-wrap .history-list .box dl dt ul {padding: 0 !important; margin: 20px 0;}
    .history-wrap .history-list .box dl.all-img dt,
    .history-wrap .history-list .box dl dd {position: relative; padding: 0 0 40px 0; text-align: left !important;}
    .history-wrap .history-list .box dl.all-img dt p,
    .history-wrap .history-list .box dl dd p {float: left; position: absolute; bottom: 40px; left: 410px; font-size: 18px;}
    .history-wrap .history-list .box dl:last-child dd p {left: 380px;}
    .history-wrap .history-list .box dl dt ul li {font-size: 16px; line-height: 26px;}
    .history-wrap .history-list .box dl dt ul li strong {font-size: 18px; line-height: 26px; margin-bottom: 5px;}
    .history-wrap .history-list .box dl dt ul li span {font-size: 14px; line-height: 22px;}
    .history-wrap .history-list .box dl.all-img dd,
    .history-wrap .history-list .box dl:last-child dd {margin-left: 0;}

    .organ-wrap .organiz-box {padding: 50px 0 60px 0;}
    .organ-wrap .organiz-box h4 {font-size: 30px; line-height: 40px;}

	.organ-wrap .organiz-box .info01-box {margin: 10px 0 20px 0;}
    .organ-wrap .organiz-box .info01-box > * {float: none; width: 100%;}
    .organ-wrap .organiz-box .info01-box dt {border-right: 1px solid #ddd; background-size: 30px;}
    .organ-wrap .organiz-box .info01-box dt:after {display: none;}
    .organ-wrap .organiz-box .info01-box dd {border-left: 1px solid #ddd; border-top: 0; background-size: 30px;}
    .organ-wrap .organiz-box .info01-box strong {width: 140px; font-size: 18px; padding-left: 45px;}
    .organ-wrap .organiz-box .info01-box p {font-size: 14px;}
    .organ-wrap .organiz-box .info02-box dt,
    .organ-wrap .organiz-box .info02-box dd {float: none; width: 100%;}
    .organ-wrap .organiz-box .info02-box dt {background-size: 30px; padding-left: 45px;}
    .organ-wrap .organiz-box .info02-box dt strong {font-size: 18px;}
    .organ-wrap .organiz-box .info02-box dd ul li {font-size: 15px; letter-spacing: -1px;}
    .organ-wrap .organiz-box .info02-box dd ul li:nth-child(odd) {width: 50%;}
    .organ-wrap .organiz-box .info02-box dd ul li:nth-child(even) {width: 50%;}
    .organ-wrap .organiz-box .info02-box dd ul li strong {font-size: 15px; letter-spacing: -1px;}
    .organ-wrap .organiz-box .info02-box dd ul li:nth-child(odd) strong {width: 150px;}
    .organ-wrap .organiz-box .info02-box dd ul li:nth-child(even) strong {width: 170px;}

    .organ-wrap .organiz-box .org-list {padding-top: 30px;}
    .organ-wrap .organiz-box .org-list > img.pc {display: none;}
    .organ-wrap .organiz-box .org-list > img.mo {display: inline-block;}
    .organ-wrap .organiz-box .org-list .top {width: 590px;}
    .organ-wrap .organiz-box .org-list .top li.dir {width: 220px; height: 200px;}
    .organ-wrap .organiz-box .org-list .top li.dir h6 {width: calc(100% - 40px); height: calc(100% - 40px); line-height: 120px; font-size: 24px; margin: 10px; padding: 10px;}
    .organ-wrap .organiz-box .org-list .top li {width: 120px; height: 120px;}
    .organ-wrap .organiz-box .org-list .top li:first-child {padding-right: 65px;}
    .organ-wrap .organiz-box .org-list .top li:first-child:after {width: calc(100% - 130px);}
    .organ-wrap .organiz-box .org-list .top li:last-child {padding-left: 65px;}
    .organ-wrap .organiz-box .org-list .top li:last-child:after {width: calc(100% - 130px);}
    .organ-wrap .organiz-box .org-list .top li p {line-height: 120px; font-size: 20px;}
    .organ-wrap .organiz-box .org-list .bot {margin: 0 auto; margin-top: 30px; max-width: 750px;}
	.organ-wrap .organiz-box .org-list .bot h6:before {height: 36px; top: -40px;}
    .organ-wrap .organiz-box .org-list .bot h6 {width: 180px; height: 50px; line-height: 46px; font-size: 18px;}
    .organ-wrap .organiz-box .org-list .bot p.tm:before {right: 59px; width: 306px;}
    .organ-wrap .organiz-box .org-list .bot p.tm {width: 120px; height: 50px; line-height: 50px; font-size: 17px; right: 10px;}
    .organ-wrap .organiz-box .org-list .bot ul:before {height: 30px;}
    .organ-wrap .organiz-box .org-list .bot ul {width: 750px; padding-top: 30px;}
    .organ-wrap .organiz-box .org-list .bot ul:after {top: 30px; width: calc(100% - 190px);}
    .organ-wrap .organiz-box .org-list .bot ul li {padding-top: 30px;}
    .organ-wrap .organiz-box .org-list .bot ul li dl:before {display: none;}
    .organ-wrap .organiz-box .org-list .bot ul li dl dt {height: 50px; line-height: 50px; font-size: 15px;}
    .organ-wrap .organiz-box .org-list .bot ul li dl dd {height: 44px; line-height: 40px; font-size: 15px;}
    .organ-wrap .organiz-box .org-list .cont-box {margin-top: 40px;}
    .organ-wrap .organiz-box .org-list .cont-box > * {padding: 25px 30px;}
    .organ-wrap .organiz-box .org-list .cont-box dt {width: 35%;}
    .organ-wrap .organiz-box .org-list .cont-box dd {width: 65%;}
    .organ-wrap .organiz-box .org-list .cont-box strong {width: 70px; font-size: 18px;}
    .organ-wrap .organiz-box .org-list .cont-box p {font-size: 14px;}

    .organ-wrap .organiz-box .org-table > h6 {font-size: 20px; margin: 40px 0 15px 0;}
    /* table */
    .organ-wrap .organiz-box .org-table .table-box table tr > * {height: 40px;}
    .organ-wrap .organiz-box .org-table .table-box table thead tr th {height: 45px; font-size: 14px;}
    .organ-wrap .organiz-box .org-table .table-box table thead tr th span {font-size: 13px;}
    .organ-wrap .organiz-box .org-table .table-box table tbody tr > * {font-size: 13px;}
    .organ-wrap .organiz-box .org-table .table-box table tfoot tr td {height: 30px; font-size: 13px;}
    /* table */
    .organ-wrap .contact-box {padding: 50px 0;}
    .organ-wrap .contact-box > h5 {font-size: 30px; line-height: 40px;}
    .organ-wrap .contact-box .table-box table tr > * {height: 40px;}
    .organ-wrap .contact-box .table-box table thead tr th {height: 45px; font-size: 14px;}
    .organ-wrap .contact-box .table-box table thead tr th span {font-size: 13px;}
    .organ-wrap .contact-box .table-box table tbody tr > * {font-size: 13px;}
    .organ-wrap .contact-box .table-box table tfoot tr td {height: 30px; font-size: 13px;}
    .organ-wrap .contact-box .info01-box {margin: 30px 0 20px 0;}
    .organ-wrap .contact-box .info01-box > * {float: none; width: 100%;}
    .organ-wrap .contact-box .info01-box dt {border-right: 1px solid #ddd; background-size: 30px;}
    .organ-wrap .contact-box .info01-box dt:after {display: none;}
    .organ-wrap .contact-box .info01-box dd {border-left: 1px solid #ddd; border-top: 0; background-size: 30px;}
    .organ-wrap .contact-box .info01-box strong {width: 140px; font-size: 18px; padding-left: 45px;}
    .organ-wrap .contact-box .info01-box p {font-size: 14px;}
    .organ-wrap .contact-box .info02-box dt,
    .organ-wrap .contact-box .info02-box dd {float: none; width: 100%;}
    .organ-wrap .contact-box .info02-box dt {background-size: 30px; padding-left: 45px;}
    .organ-wrap .contact-box .info02-box dt strong {font-size: 18px;}
    .organ-wrap .contact-box .info02-box dd ul li {font-size: 15px; letter-spacing: -1px;}
    .organ-wrap .contact-box .info02-box dd ul li:nth-child(odd) {width: 50%;}
    .organ-wrap .contact-box .info02-box dd ul li:nth-child(even) {width: 50%;}
    .organ-wrap .contact-box .info02-box dd ul li strong {font-size: 15px; letter-spacing: -1px;}
    .organ-wrap .contact-box .info02-box dd ul li:nth-child(odd) strong {width: 150px;}
    .organ-wrap .contact-box .info02-box dd ul li:nth-child(even) strong {width: 170px;}

    .manage-wrap {padding: 50px 0 60px 0;}
    .manage-wrap > h4 {font-size: 30px; line-height: 40px;}
    .manage-wrap .manage-info {margin: 30px 0; padding: 35px 45px;}
    .manage-wrap .manage-info dt {width: 150px;}
    .manage-wrap .manage-info dt img {width: 90px;}
    .manage-wrap .manage-info dd {width: calc(100% - 150px)}
    .manage-wrap .manage-info dd p {font-size: 14px; line-height: 22px;}
    .manage-wrap .manage-info dd a {width: 220px; height: 40px; line-height: 40px; font-size: 14px;}
    .manage-wrap .manage-tab dl dt {padding: 0 30px; line-height: 50px; font-size: 17px;}
    .manage-wrap .manage-tab dl dd {padding: 20px 40px;}
    .manage-wrap .manage-tab dl dd > ul > li:before {top: 13px;}
    .manage-wrap .manage-tab dl dd > ul > li {font-size: 14px; line-height: 30px;}
    .manage-wrap .manage-tab dl dd > ul > li > ul > li {font-size: 13px; line-height: 22px;}

    .upright-wrap {padding: 50px 0 60px 0;}
    .upright-wrap .box {height: 360px;}
    .upright-wrap .box .mid img {width: 220px;}
    .upright-wrap .box .mid h5 {font-size: 28px; line-height: 38px; text-align: center; margin: 15px 0 10px 0;}
    .upright-wrap .box .mid p {font-size: 18px; line-height: 28px;}

    .location-wrap {padding: 50px 0 60px 0;}
    .location-wrap > h4 {font-size: 30px; line-height: 40px;}
    .location-wrap .map-box {padding-top: 30px;}
    .location-wrap .map-box .map {height: 360px;}
    .location-wrap .map-box .map-info {margin-top: 0; width: 100%; padding: 20px 0;}
    .location-wrap .map-box .map-info li {width: 50%; padding: 0 15px; font-size: 14px; line-height: 20px; margin: 5px 0;}
    .location-wrap .map-box .map-info li:first-child {width: 100%;}
    .location-wrap .map-box .map-info li img {width: 20px;}
    .location-wrap .map-box .map-info li:first-child img {width: 16px;}
    .location-wrap .map-box .map-info li strong {font-size: 16px; line-height: 20px; vertical-align: middle; margin: 0 20px 0 5px;}
    .location-wrap .loc-box {margin-top: 50px;}
    .location-wrap .loc-box dl {padding: 30px 20px;}
    .location-wrap .loc-box dl dt {width: 140px; text-align: left;}
    .location-wrap .loc-box dl dt img {width: 90px;}
    .location-wrap .loc-box dl dt h6 {font-size: 16px; line-height: 28px; text-align: left;}
    .location-wrap .loc-box dl dd {width: calc(100% - 140px);}
    .location-wrap .loc-box dl dd ul li {padding-bottom: 10px;}
    .location-wrap .loc-box dl dd ul li strong {font-size: 15px;}
    .location-wrap .loc-box dl dd ul li p {font-size: 14px; line-height: 22px;}

    .const-wrap {padding: 50px 0 60px 0;}
	.const-wrap #step01, .const-wrap #step02, .const-wrap #step03, .const-wrap #step04, .const-wrap #step05 {height: 50px; margin-top: -50px;}
    .const-wrap > h4 {font-size: 30px; line-height: 40px;}
    .const-wrap .const-box01 {padding: 40px 0 50px 0;}
    .const-wrap .const-box01 h6 {font-size: 20px; margin-bottom: 15px;}
    .const-wrap .const-box01 dl {padding: 35px 25px;}
    .const-wrap .const-box01 dl dt {width: calc(100% - 120px)}
    .const-wrap .const-box01 dl dt strong {font-size: 20px; line-height: 30px;}
    .const-wrap .const-box01 dl dt p {font-size: 15px; line-height: 25px; padding: 5px 0;}
    .const-wrap .const-box01 dl dt p br {display: none;}
    .const-wrap .const-box01 dl dd {float: right; width: 100px;}
    .const-wrap .const-box01 dl dt span {font-size: 14px; line-height: 24px; background-size: 18px; padding-left: 25px;}
    .const-wrap .const-box01 .define-box {margin: 20px 0 35px 0;}
    .const-wrap .const-box01 .define-box strong:before {top: 0; width: 30px; height: 26px; background-size: contain;}
    .const-wrap .const-box01 .define-box strong {font-size: 16px; line-height: 26px; padding: 0; padding-left: 40px;}
    .const-wrap .const-box01 .define-box p {margin-top: 5px; font-size: 14px; line-height: 24px;}
    .const-wrap .const-box01 ul li {line-height: 40px; font-size: 14px; letter-spacing: -1px;}
    .const-wrap .const-box02 {padding: 40px 0 30px 0;}
    .const-wrap .const-box02 > h6 {font-size: 20px; margin-bottom: 15px;}
    .const-wrap .const-box02 .box dl {padding: 30px;}
    .const-wrap .const-box02 .box dl dt {float: none; width: 100%; margin-bottom: 10px; font-size: 18px;}
    .const-wrap .const-box02 .box dl dd {float: none; width: 100%;}
    .const-wrap .const-box02 .box dl dd > p {font-size: 14px; line-height: 22px;}
	.const-wrap .const-box02 .box dl dd > p > span {width: 54px;}
    .const-wrap .const-box02 .box dl dd > span {font-size: 14px; line-height: 22px;}
    .const-wrap .const-box02 .box dl dd > ul {width: 555px; margin: 0 auto;}
    .const-wrap .const-box02 .box dl dd > ul li {width: 165px; margin-right: 30px;}
    .const-wrap .const-box02 .box dl dd > ul li:nth-child(3n) {margin-right: 0;}
    .const-wrap .const-box02 .box dl dd > ul li:after {right: -20px; width: 30px;}
    .const-wrap .const-box02 .box dl dd > ul li > span {margin-top: 15px; font-size: 15px; line-height: 15px;}
    .const-wrap .const-box02 .box dl dd > ul li strong {font-size: 16px; line-height: 22px;}
    .const-wrap .const-box02 .box dl dd > ul li p {font-size: 14px; line-height: 22px;}
    .const-wrap .const-box02 .box dl dd > ul.ex {width: 100%;}
    .const-wrap .const-box02 .box dl dd > ul.ex li {width: calc(50% - 10px); margin: 0;}
    .const-wrap .const-box02 .box dl dd > ul.ex li img {width: 100%;}
    .const-wrap .const-box02 .box dl dd > ul.ex li h6 {font-size: 15px; margin-top: 10px;}
    .const-wrap .const-box02 .box dl.table dt {padding-bottom: 0;}
    .const-wrap .const-box02 .box dl.table dd table {}
    .const-wrap .const-box02 .box dl.table dd table tr > * {height: 40px;}
    .const-wrap .const-box02 .box dl.table dd table thead tr th {height: 45px; font-size: 14px;}
    .const-wrap .const-box02 .box dl.table dd table thead tr th span {font-size: 13px;}
    .const-wrap .const-box02 .box dl.table dd table tbody tr > * {font-size: 13px;}
    .const-wrap .const-box02 .box dl.table dd table tfoot tr td {height: 30px; font-size: 13px;}
    .const-wrap .const-box03 {padding: 40px 0 30px 0;}
    .const-wrap .const-box03 > h6 {font-size: 20px; margin-bottom: 15px;}
    .const-wrap .const-box03 .box dl.first {padding: 35px 25px;}
    .const-wrap .const-box03 .box dl.first dt {font-size: 20px; margin-bottom: 0;}
    .const-wrap .const-box03 .box dl.first dd {padding-top: 5px;}
    .const-wrap .const-box03 .box dl.first dd p {font-size: 15px; line-height: 25px;}
    .const-wrap .const-box03 .box dl.first dd ol {padding-top: 5px;}
    .const-wrap .const-box03 .box dl.first dd ol li {font-size: 14px; line-height: 24px; background-size: 18px; padding-left: 25px;}
    .const-wrap .const-box03 .box dl.first dd span {font-size: 14px; line-height: 24px; margin-top: 5px;}
    .const-wrap .const-box03 .box dl {padding: 30px;}
    .const-wrap .const-box03 .box dl dt {float: none; width: 100%; margin-bottom: 10px; font-size: 18px;}
    .const-wrap .const-box03 .box dl dd {float: none; width: 100%;}
    .const-wrap .const-box03 .box dl dd > p {font-size: 14px; line-height: 22px;}
    .const-wrap .const-box03 .box dl dd > span {font-size: 14px; line-height: 22px;}
    .const-wrap .const-box03 .box dl dd ul li {margin-top: 15px; height: auto;}
    .const-wrap .const-box03 .box dl dd ul li img {display: inline-block; vertical-align: middle; width: 80px; margin-right: 0;}
    .const-wrap .const-box03 .box dl dd ul li .mid {display: block; padding-left: 10px; box-sizing: border-box; margin-top: 10px;}
    .const-wrap .const-box03 .box dl dd ul li .mid strong {font-size: 15px; line-height: 22px;}
    .const-wrap .const-box03 .box dl dd ul li .mid p {font-size: 14px; line-height: 22px; margin-top: 5px; letter-spacing: -1px;}
    .const-wrap .const-box03 .box dl dd ul li .mid span {font-size: 13px; margin-top: 0;}
    .const-wrap .const-box04 {padding: 50px 0;}
    .const-wrap .const-box04 > h6 {font-size: 20px; margin-bottom: 15px;}
    .const-wrap .const-box04 dl {padding: 35px 25px;}
    .const-wrap .const-box04 dl dt {font-size: 18px;}
    .const-wrap .const-box04 dl dd p {font-size: 15px; line-height: 25px;}
    .const-wrap .const-box04 dl dd ul li {background-size: 18px; padding: 4px 0; padding-left: 25px; background-position: left 7px;}
    .const-wrap .const-box04 dl dd ul li strong {font-size: 14px; line-height: 24px;}
    .const-wrap .const-box04 dl dd ul li span {font-size: 13px; line-height: 20px; margin-top: 3px;}
    .const-wrap .const-box05 {padding: 40px 0 30px 0;}
    .const-wrap .const-box05 > h6 {font-size: 20px; margin-bottom: 15px;}
    .const-wrap .const-box05 .box {padding: 35px 25px;}
    .const-wrap .const-box05 .box strong {font-size: 18px;}
    .const-wrap .const-box05 .box ul {margin-top: 5px;}
    .const-wrap .const-box05 .box ul li {background-size: 18px; padding-left: 25px; background-position: left 3px;}
    .const-wrap .const-box05 .box ul li p {font-size: 14px; line-height: 24px;}
    .const-wrap .const-box05 .box ul li strong {}
    .const-wrap .const-box05 .box ul li span {font-size: 13px; line-height: 20px; margin-top: 3px;}
    .const-wrap .const-box06 {padding: 50px 0;}
    .const-wrap .const-box06 > h6 {font-size: 20px; margin-bottom: 15px;}
    .const-wrap .const-box06 > ul > li dl dt {height: 50px; line-height: 50px; margin-bottom: 10px;}
    .const-wrap .const-box06 > ul > li dl dt span {line-height: 50px; font-size: 20px;}
    .const-wrap .const-box06 > ul > li dl dt p {font-size: 18px;}
    .const-wrap .const-box06 > ul > li dl dt .numb {line-height: 50px;}
    .const-wrap .const-box06 > ul > li:first-child {width: 100%; background: none;}
    .const-wrap .const-box06 > ul > li:first-child dl:after {content: ''; display: block; clear: both;}
    .const-wrap .const-box06 > ul > li:first-child dl:first-child dd {min-height: 255px;}
    .const-wrap .const-box06 > ul > li:first-child dl dd {float: left; width: calc(50% - 15px);}
    .const-wrap .const-box06 > ul > li:first-child dl dd:last-child {margin-left: 30px;}
    .const-wrap .const-box06 > ul > li dl dd h6 {font-size: 17px;}
    .const-wrap .const-box06 > ul > li dl dd strong {font-size: 16px; line-height: 26px;}
    .const-wrap .const-box06 > ul > li dl dd > ul {padding-top: 10px;}
    .const-wrap .const-box06 > ul > li dl dd > ul > li p {background-size: 18px; padding-left: 25px; background-position: left 3px; font-size: 14px; line-height: 24px;}
    .const-wrap .const-box06 > ul > li dl dd > ul > li span {font-size: 14px; line-height: 20px; padding-left: 25px;}
    .const-wrap .const-box06 > ul > li {width: calc(50% - 15px); padding-right: 30px; background-size: 25px;}
    .const-wrap .const-box06 > ul > li dl dd {min-height: 250px;}
    .const-wrap .const-box07 {padding-top: 40px;}
    .const-wrap .const-box07 > h6 {font-size: 20px; margin-bottom: 15px;}
    .const-wrap .const-box07 ul {margin: 0 -10px;}
    .const-wrap .const-box07 ul li {width: calc(33.33% - 20px); margin: 0 10px;}
	.const-wrap .const-box07 ul li:nth-child(n+4) {margin-top: 20px;}
    .const-wrap .const-box07 ul li p {font-size: 16px; line-height: 24px; margin-top: 15px;}

    .maintain-wrap {padding: 50px 0 60px 0;}
    .maintain-wrap h4 {font-size: 30px; line-height: 40px;}
    .maintain-wrap p {font-size: 15px; line-height: 22px; margin-top: 10px;}
    .maintain-wrap .ict-box {padding-top: 40px;}
    .maintain-wrap .ict-box dt h6 {font-size: 20px; margin-bottom: 15px;}

    .energ-box {padding: 40px 0 50px 0;}
    .energ-box > h4 {font-size: 30px; line-height: 40px;}
    .energ-box .energ-box01 {padding: 40px 0 50px 0;}
    .energ-box .energ-box01 h6 {font-size: 20px; margin-bottom: 15px;}
    .energ-box .energ-box01 p {font-size: 15px; line-height: 22px;}
    .energ-box .energ-box02 {padding: 40px 0;}
    .energ-box .energ-box02 h6 {font-size: 20px; margin-bottom: 15px;}
    .energ-box .energ-box02 .box dl {padding: 35px 25px;}
    .energ-box .energ-box02 .box dl dt {float: none; width: 100%; font-size: 18px; margin-bottom: 10px;}
    .energ-box .energ-box02 .box dl dd {float: none; width: 100%;}
    .energ-box .energ-box02 .box dl dd > p {font-size: 14px; line-height: 24px;}
    .energ-box .energ-box02 .box dl dd > p br {display: none;}
    .energ-box .energ-box02 .box dl.table dd table caption {height: 25px; font-size: 13px; margin-top: -20px;}
    .energ-box .energ-box02 .box dl.table dd table tr > * {height: 40px;}
    .energ-box .energ-box02 .box dl.table dd table thead tr th {height: 45px; font-size: 14px;}
    .energ-box .energ-box02 .box dl.table dd table thead tr th.slash p {line-height: 40px; padding: 0 20px;}
    .energ-box .energ-box02 .box dl.table dd table thead tr th span {font-size: 13px;}
    .energ-box .energ-box02 .box dl.table dd table tbody tr > * {font-size: 13px;}
    .energ-box .energ-box02 .box dl.table dd table tfoot tr td {height: 30px; font-size: 13px;}
    .energ-box .energ-box02 .box dl:last-child dd span {font-size: 14px; line-height: 22px; margin-top: 5px;}
    .energ-box .energ-box03 {padding-top: 40px;}
    .energ-box .energ-box03 .box dl {padding: 30px;}
    .energ-box .energ-box03 .box dl dt {float: none; width: 100%; margin-bottom: 10px; font-size: 18px;}
    .energ-box .energ-box03 .box dl dd {float: none; width: 100%;}
    .energ-box .energ-box03 .box dl dd > p {font-size: 14px; line-height: 22px;}
    .energ-box .energ-box03 .box dl dd > span {font-size: 14px; line-height: 22px;}
    .energ-box .energ-box03 .box dl:first-child dd > span {margin-top: 0; margin-bottom: 20px; font-size: 14px; line-height: 22px;}
    .energ-box .energ-box03 .box dl dd > ul {width: 555px; margin: 0 auto;}
    .energ-box .energ-box03 .box dl dd > ul li {width: 165px; margin-right: 30px;}
    .energ-box .energ-box03 .box dl dd > ul li:nth-child(3n) {margin-right: 0;}
    .energ-box .energ-box03 .box dl dd > ul li:after {right: -20px; width: 30px;}
    .energ-box .energ-box03 .box dl dd > ul li > span {margin-top: 15px; font-size: 15px; line-height: 15px;}
    .energ-box .energ-box03 .box dl dd > ul li strong {font-size: 16px; line-height: 22px;}
    .energ-box .energ-box03 .box dl dd > ul li p {font-size: 14px; line-height: 22px;}

    .system-wrap {padding: 40px 0 50px 0;}
    .system-wrap > h4 {font-size: 30px; line-height: 40px;}
    .system-wrap .system-box01 {padding: 30px 0 40px 0;}
    .system-wrap .system-box01 h6 {font-size: 20px; margin-bottom: 15px;}
    .system-wrap .system-box01 dl {padding: 35px 25px;}
    .system-wrap .system-box01 dl dt {font-size: 20px; margin-bottom: 0;}
    .system-wrap .system-box01 dl dd {padding-top: 5px;}
    .system-wrap .system-box01 dl dd p {font-size: 15px; line-height: 25px;}
    .system-wrap .system-box01 dl dd ol {padding-top: 5px;}
    .system-wrap .system-box01 dl dd ol li {font-size: 14px; line-height: 24px; background-size: 18px; padding-left: 25px;}
    .system-wrap .system-box01 dl dd span {font-size: 14px; line-height: 24px; margin-top: 5px;}
    .system-wrap .system-box02 {padding-bottom: 40px;}
    .system-wrap .system-box02 h6 {font-size: 20px; margin-bottom: 15px;}
    .system-wrap .system-box02 h6 span {font-size: 13px; line-height: 22px;}
    .system-wrap .system-box02 dl > * {float: none; width: 100%; height: auto; text-align: center !important;}
    .system-wrap .system-box02 dl dt {text-align: center; padding-bottom: 20px;}
    .system-wrap .system-box02 dl dt img.__ta.__mo {display: inline-block !important;}
    .system-wrap .system-box03 {padding: 30px;}
    .system-wrap .system-box03 dl dt {font-size: 18px;}
    .system-wrap .system-box03 dl dd {float: none; width: 100%;}
    .system-wrap .system-box03 dl dd ul li {font-size: 14px; line-height: 26px;}
    .system-wrap .system-box03 em {margin-top: 10px; font-size: 14px;}

    .appr-wrap {padding: 40px 0 50px 0;}
    .appr-wrap > h4 {font-size: 30px; line-height: 40px;}
    .appr-wrap .appr-box01 {padding: 30px 0 50px 0;}
    .appr-wrap .appr-box01 dl {height: auto;}
    .appr-wrap .appr-box01 dl > * {float: none; width: 100%;}
    .appr-wrap .appr-box01 dl dd {padding: 30px;}
    .appr-wrap .appr-box01 dl dd p {font-size: 16px; line-height: 26px;}
    .appr-wrap .appr-box01 dl dd p br {display: none;}
    .appr-wrap .appr-box01 dl dd p:first-child {margin-bottom: 10px;}
    .appr-wrap .appr-box02 {padding: 50px 0;}
    .appr-wrap .appr-box02 h6 {font-size: 20px; margin-bottom: 15px;}
    .appr-wrap .appr-box02 ul {padding: 25px;}
    .appr-wrap .appr-box02 ul li:before {top: 12px;}
    .appr-wrap .appr-box02 ul li {font-size: 17px; line-height: 27px;}
    .appr-wrap .appr-box03 {padding: 50px 0;}
    .appr-wrap .appr-box03 h6 {font-size: 20px; margin-bottom: 15px;}
    .appr-wrap .appr-box03 .box {padding: 30px 15px; box-sizing: border-box;}
    .appr-wrap .appr-box04 {padding: 50px 0;}
    .appr-wrap .appr-box04 h6 {font-size: 20px; margin-bottom: 15px;}
    .appr-wrap .appr-box04 .box dl {padding: 30px;}
    .appr-wrap .appr-box04 .box dl dt {font-size: 18px; line-height: 26px; padding-bottom: 10px;}
    .appr-wrap .appr-box04 .box dl dt p {display: block; padding-left: 0; font-size: 14px; line-height: 24px;}
    .appr-wrap .appr-box04 .box dl dd p {background-size: 18px; padding: 0; padding-left: 25px; background-position: left 3px; font-size: 14px; line-height: 24px;}
    .appr-wrap .appr-box04 .box dl dd span {font-size: 14px; line-height: 22px;}
    .appr-wrap .appr-box05 {padding-top: 50px;}
    .appr-wrap .appr-box05 h6 {font-size: 20px; margin-bottom: 15px;}
    .appr-wrap .appr-box05 dl {padding: 30px;}
    .appr-wrap .appr-box05 dl dt {float: none; width: 100%; margin-bottom: 10px; font-size: 18px;}
    .appr-wrap .appr-box05 dl dd {float: none; width: 100%;}
    .appr-wrap .appr-box05 dl dd > p {font-size: 14px; line-height: 22px;}
    .appr-wrap .appr-box05 dl dd > span {font-size: 14px; line-height: 22px;}
    .appr-wrap .appr-box05 dl dd > ul {width: 555px; margin: 0 auto;}
    .appr-wrap .appr-box05 dl dd > ul li {width: 165px; margin-right: 30px;}
    .appr-wrap .appr-box05 dl dd > ul li:nth-child(3n) {margin-right: 0;}
    .appr-wrap .appr-box05 dl dd > ul li:after {right: -20px; width: 30px;}
    .appr-wrap .appr-box05 dl dd > ul li:nth-child(6):after {display: none;}
    .appr-wrap .appr-box05 dl dd > ul li > span {margin-top: 15px; font-size: 15px; line-height: 15px;}
    .appr-wrap .appr-box05 dl dd > ul li strong {font-size: 16px; line-height: 22px;}
    .appr-wrap .appr-box05 dl dd > ul li p {font-size: 14px; line-height: 22px;}

    .build-wrap {padding: 40px 0 50px 0;}
    .build-wrap > h4 {font-size: 30px; line-height: 40px;}
    .build-wrap .build-box01 {padding: 30px 0 40px 0;}
    .build-wrap .build-box01 > h6 {font-size: 20px; margin-bottom: 10px;}
    .build-wrap .build-box01 > p {font-size: 16px; line-height: 24px;}
    .build-wrap .build-box01 .box dl {padding: 30px;}
    .build-wrap .build-box01 .box dl dt {font-size: 18px;}
    .build-wrap .build-box01 .box dl dd p {font-size: 14px; line-height: 22px;}
    .build-wrap .build-box01 .box dl dd p br {display: none;}
    .build-wrap .build-box01 .box dl dd span {background-size: 18px; padding-left: 25px; background-position: left 3px; font-size: 14px; line-height: 24px; margin-top: 15px;}
    .build-wrap .build-box01 .box dl dd > ul > li {width: calc(33.33% - 30px); padding-right: 45px; background-size: 30px;}
    .build-wrap .build-box01 .box dl dd > ol {padding-top: 10px;}
    .build-wrap .build-box01 .box dl dd > ol > li {background-size: 18px; padding-left: 25px; background-position: left 3px; font-size: 14px; line-height: 24px;}
    .build-wrap .build-box01 .box dl.table dd {padding-top: 15px;}
    .build-wrap .build-box01 .box dl.table dd table tr > * {height: 40px;}
    .build-wrap .build-box01 .box dl.table dd table thead tr th {height: 45px; font-size: 14px;}
    .build-wrap .build-box01 .box dl.table dd table thead tr th span {font-size: 13px;}
    .build-wrap .build-box01 .box dl.table dd table tbody tr > * {font-size: 13px;}
    .build-wrap .build-box02 {padding: 50px 0;}
    .build-wrap .build-box02 > h6 {font-size: 20px; margin-bottom: 10px;}
    .build-wrap .build-box02 > ul {margin: 0 -10px;}
    .build-wrap .build-box02 > ul > li {width: calc(33.33% - 20px); margin: 0 10px; padding: 30px 0; min-height: 325px;}
    .build-wrap .build-box02 > ul > li strong {font-size: 17px; line-height: 25px;}
    .build-wrap .build-box02 > ul > li p {font-size: 14px; line-height: 22px;}
    .build-wrap .build-box03 {padding-top: 50px;}
    .build-wrap .build-box03 > h6 {font-size: 20px; margin-bottom: 10px;}
    .build-wrap .build-box03 dl {padding: 30px;}
    .build-wrap .build-box03 dl dt {font-size: 18px;}
    .build-wrap .build-box03 dl.first > * {float: none; width: 100%;}
    .build-wrap .build-box03 dl.first dt {margin-bottom: 10px; font-size: 18px;}
    .build-wrap .build-box03 dl.first dd {font-size: 14px; line-height: 22px;}
    .build-wrap .build-box03 dl.step dd strong {margin-top: 10px; font-size: 14px; line-height: 22px;}
    .build-wrap .build-box03 dl.step dd ul li {width: calc(50% - 30px);}
    .build-wrap .build-box03 dl.step dd ul li:nth-child(2n) {margin-right: 0;}
    .build-wrap .build-box03 dl.step dd ul:first-child li:nth-child(2n):after {display: none;}
    .build-wrap .build-box03 dl.step dd ul:last-child {padding-top: 0;}
    .build-wrap .build-box03 dl.step dd ul:last-child li {float: left; margin-left: 0; margin-right: 60px;}
    .build-wrap .build-box03 dl.step dd ul:last-child li:nth-child(2n) {margin-right: 0;}
    .build-wrap .build-box03 dl.step dd ul:last-child li:after {left: auto; right: -58px; transform: translateY(-50%) rotate(0deg);}
    .build-wrap .build-box03 dl.step dd ul:last-child li:nth-child(2n):after {display: none;}
    .build-wrap .build-box03 dl.step dd ul li p {margin: 0 0 10px 0; font-size: 14px; line-height: 40px;}
    .build-wrap .build-box03 dl.step dd ul li h6 {font-size: 16px; line-height: 20px;}
    .build-wrap .build-box03 dl.step dd > span {font-size: 14px; line-height: 22px;}
    .build-wrap .build-box03 dl dd p {font-size: 14px; line-height: 22px;}
    .build-wrap .build-box03 dl dd span {font-size: 14px; line-height: 22px;}
    .build-wrap .build-box03 dl dd ol {margin-top: 10px;}
    .build-wrap .build-box03 dl dd ol li {background-size: 18px; padding-left: 25px; background-position: left 3px; font-size: 14px; line-height: 24px;}

    .train-wrap {padding: 40px 0 50px 0;}
    .train-wrap > h4 {font-size: 30px; line-height: 40px;}
    .train-wrap .train-box01 {padding: 30px 0 50px 0;}
    .train-wrap .train-box01 dl {height: auto; margin-bottom: 30px;}
    .train-wrap .train-box01 dl > * {float: none; width: 100%;}
    .train-wrap .train-box01 dl dd {padding: 30px;}
    .train-wrap .train-box01 dl dd p {font-size: 16px; line-height: 26px;}
    .train-wrap .train-box01 dl dd p br {display: none;}
    .train-wrap .train-box01 dl dd span {font-size: 14px; line-height: 22px;}
    .train-wrap .train-box01 dl dd span br {display: none;}
    .train-wrap .train-box01 h6 {font-size: 20px; margin-bottom: 10px;}
    .train-wrap .train-box01 .box table tr > * {height: 40px;}
    .train-wrap .train-box01 .box table thead tr th {height: 45px; font-size: 14px;}
    .train-wrap .train-box01 .box table thead tr th span {font-size: 13px;}
    .train-wrap .train-box01 .box table tbody tr > * {font-size: 13px;}
    .train-wrap .train-box01 .box table tfoot tr td {height: 30px; font-size: 13px;}
    .train-wrap .train-box01 .box table tbody tr td br {display: none;}
    .train-wrap .train-box02 {padding: 40px 0;}
    .train-wrap .train-box02 h6 {font-size: 20px; margin-bottom: 10px;}
    .train-wrap .train-box02 .wrap > dl {padding: 30px;}
    .train-wrap .train-box02 .wrap > dl > dt {font-size: 18px; margin-bottom: 10px;}
    .train-wrap .train-box02 .wrap > dl:first-child > dd:last-child {padding-top: 20px;}
    .train-wrap .train-box02 .wrap > dl > dd strong {font-size: 14px; line-height: 22px;}
    .train-wrap .train-box02 .wrap > dl > dd table {margin: 10px 0;}
    .train-wrap .train-box02 .wrap > dl > dd table tr > * {height: 40px;}
    .train-wrap .train-box02 .wrap > dl > dd table thead tr th {height: 45px; font-size: 14px;}
    .train-wrap .train-box02 .wrap > dl > dd table thead tr th span {font-size: 13px;}
    .train-wrap .train-box02 .wrap > dl > dd table tbody tr > * {font-size: 13px;}
    .train-wrap .train-box02 .wrap > dl > dd table tfoot tr td {height: 30px; font-size: 13px;}
    .train-wrap .train-box02 .wrap > dl > dd > span {font-size: 14px; line-height: 22px;}
    .train-wrap .train-box02 .wrap > dl > dd table tbody tr td ul li {font-size: 14px; line-height: 22px;}

    .consult-wrap {padding: 40px 0 50px 0;}
    .consult-wrap > h4 {font-size: 30px; line-height: 40px;}
    .consult-wrap .consult-box01 {padding: 30px 0 20px 0;}
    .consult-wrap .consult-box01 dl {height: auto; margin-bottom: 30px;}
    .consult-wrap .consult-box01 dl > * {float: none; width: 100%;}
    .consult-wrap .consult-box01 dl dd {padding: 30px;}
    .consult-wrap .consult-box01 dl dd p {font-size: 16px; line-height: 26px;}
    .consult-wrap .consult-box02 dl {padding: 30px;}
    .consult-wrap .consult-box02 dl > * {float: none !important; width: 100% !important;}
    .consult-wrap .consult-box02 dl dt {margin-bottom: 5px; font-size: 18px;}
    .consult-wrap .consult-box02 dl dd p {font-size: 14px; line-height: 22px;}
    .consult-wrap .consult-box02 dl dd > span {font-size: 14px; line-height: 22px; margin-top: 5px;}

    .promote-wrap {padding: 40px 0 50px 0;}
    .promote-wrap h4 {font-size: 30px; line-height: 40px;}
    .promote-wrap .promo-box01 {padding: 30px 0 40px 0;}
    .promote-wrap .promo-box01 dl {padding: 35px 25px;}
    .promote-wrap .promo-box01 dl dt {font-size: 20px; margin-bottom: 0;}
    .promote-wrap .promo-box01 dl dd {padding-top: 5px;}
    .promote-wrap .promo-box01 dl dd p {font-size: 15px; line-height: 25px;}
    .promote-wrap .promo-box01 dl dd ol {padding-top: 5px;}
    .promote-wrap .promo-box01 dl dd ol li {font-size: 14px; line-height: 24px; background-size: 18px; padding-left: 25px; background-position: left 4px;}
    .promote-wrap .promo-box01 dl dd span {font-size: 1`4px`; line-height: 24px; margin-top: 5px;}
    .promote-wrap .promo-box02 {padding: 50px 0;}
    .promote-wrap .promo-box02 h6 {font-size: 20px; margin-bottom: 10px;}
    .promote-wrap .promo-box02 ul {margin: 0 -10px;}
    .promote-wrap .promo-box02 ul li {width: calc(50% - 20px); margin: 0 10px;}
    .promote-wrap .promo-box02 ul li dl {padding: 25px 30px; min-height: 200px;}
    .promote-wrap .promo-box02 ul li dl dt {font-size: 17px; line-height: 24px;}
    .promote-wrap .promo-box02 ul li dl dd {font-size: 14px; line-height: 24px; background-size: 18px; padding-left: 25px; background-position: left 4px;}
    .promote-wrap .promo-box03 {padding-top: 40px;}
    .promote-wrap .promo-box03 h6 {font-size: 20px; margin-bottom: 10px;}
    .promote-wrap .promo-box03 dl {padding: 30px;}
    .promote-wrap .promo-box03 dl dt {font-size: 18px;}
    .promote-wrap .promo-box03 dl dd {margin-top: 5px;}
    .promote-wrap .promo-box03 dl > dd > p {font-size: 14px; line-height: 22px;}
    .promote-wrap .promo-box03 dl dd .table table caption {font-size: 14px; line-height: 20px;}
    .promote-wrap .promo-box03 dl dd .table table tr > * {height: 40px;}
    .promote-wrap .promo-box03 dl dd .table table thead tr th {height: 45px; font-size: 14px;}
    .promote-wrap .promo-box03 dl dd .table table thead tr th span {font-size: 13px;}
    .promote-wrap .promo-box03 dl dd .table table tbody tr > * {font-size: 13px;}
    .promote-wrap .promo-box03 dl dd .table table tfoot tr td {height: 30px; font-size: 13px;}

    .report-wrap {padding: 40px 0 50px 0;}
    .report-wrap h4 {font-size: 30px; line-height: 40px;}
    .report-wrap .report-box {margin: 30px 0 50px 0; padding: 30px;}
    .report-wrap .report-box > dt {width: 130px;}
    .report-wrap .report-box > dt img {width: 100px;}
    .report-wrap .report-box > dd > dl > dt {font-size: 17px; line-height: 24px;}
    .report-wrap .report-box > dd > dl > dd {font-size: 14px; line-height: 22px; background-size: 18px; padding-left: 25px; background-position: left 4px; margin-bottom: 5px;}
    .report-wrap .report-box > dd a {width: 160px; height: 40px; line-height: 40px; font-size: 14px; margin-top: 20px}
    .report-wrap .report-list {padding: 50px 0;}
    .report-wrap .report-list dl {padding: 30px;}
    .report-wrap .report-list dl:first-child {margin-bottom: 20px;}
    .report-wrap .report-list dl dt {font-size: 18px; margin-bottom: 5px;}
    .report-wrap .report-list dl dd {font-size: 14px; line-height: 26px;}
    .report-wrap .report-way {padding-top: 40px;}
    .report-wrap .report-way h6 {font-size: 20px; margin-bottom: 10px;}
    .report-wrap .report-way dl {padding: 20px 0;}
    .report-wrap .report-way dl > * {float: none; width: 100%; padding: 0 30px;}
    .report-wrap .report-way dl dt:after {display: none;}
    .report-wrap .report-way dl strong {width: 140px; font-size: 18px; padding-left: 45px;}
    .report-wrap .report-way dl p {font-size: 14px;}
    .report-wrap .report-way dl.site dt,
    .report-wrap .report-way dl.site dd {background-size: 30px; background-position: 35px center;}
    .report-wrap .report-way dl.site dt {margin-bottom: 5px;}
    .report-wrap .report-way dl.tel dt,
    .report-wrap .report-way dl.tel dd {background-size: 30px; background-position: 35px center;}
    .report-wrap .report-way dl.tel dt {margin-bottom: 5px;}
    .report-wrap .report-way dl.add dt {width: 100%; background-size: 30px; background-position: 35px center; margin-bottom: 5px; padding-left: 75px; font-size: 18px;}
    .report-wrap .report-way dl.add dd {width: 100%;}
    .report-wrap .report-way dl.add dd strong {width: auto; padding-left: 45px; font-size: 14px;}
    .report-wrap .report-way dl.add dd p {font-size: 14px;}

    .system-wrap .system-box02 dl dt img.__pc {display: none !important;}

	/* 컨텐츠 탭 */
	.contents_tab .tab{margin-bottom: 20px;}
	.contents_tab .tab li{margin-right: 2px;}
	.contents_tab .tab li a{line-height: 35px;height: 35px;text-align: center;width: auto;padding: 0 20px;font-size: 14px;}


    /* 210622 비공개 세부기준 */

    .std-wrap .tbl-box table tr > * {padding: 5px}
    .std-wrap .tbl-box table thead tr th {padding: 8px 5px; font-size: 14px;}
    .std-wrap .tbl-box table thead tr th span {font-size: 13px;}
    .std-wrap .tbl-box table tbody tr > * {font-size: 13px;}






}


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

	.table-touch {position: relative;}
	.table-touch .scrollGuide {display: block; width: 140px; height: 140px; position: absolute; top: 20px; left: 50%; margin-left: -70px; z-index: 100; background: rgba(0,0,0,0.6); border-radius: 50%;}
	.table-touch .scrollGuide > p {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; font-size: 13px; line-height: 18px; color: #fff; text-align: center; letter-spacing: -1px;}

	#sub #content .sb-wrap,
	#sub #content #sb-wrap {padding: 40px 0;}

    .greeting-wrap {padding: 40px 0;}
    .greeting-wrap dl > * {float: none !important; width: 100% !important;}
    .greeting-wrap dl dt {padding: 0; margin-bottom: 20px;}
    .greeting-wrap dl dt h5 {font-size: 22px; line-height: 30px; padding-bottom: 15px;}
    .greeting-wrap dl dt h5 span {display: inline-block;}
    .greeting-wrap dl dt h6 {padding: 15px 0; font-size: 15px; line-height: 23px;}
    .greeting-wrap dl dt p {font-size: 14px; line-height: 20px; margin-bottom: 10px;}
    .greeting-wrap dl dd {text-align: center;}
    .greeting-wrap dl dd > img {width: 100%;}
    .greeting-wrap dl dd .logo {bottom: 52px; right: 20px; left: auto; top: auto; width: 30%;}
    .greeting-wrap dl dd h6 {font-size: 14px;}
    .greeting-wrap dl dd h6 img {display: inline-block; width: 100px;}

    .vision-wrap {padding: 40px 0;}
    .vision-wrap .title h4 {font-size: 22px; line-height: 30px; margin-top: 10px;}
    .vision-wrap .title h4 strong {display: inline;}
    .vision-wrap .vm-box {margin-top: 10px; padding-bottom: 40px;}
    .vision-wrap .vm-box dt ul {margin: 10px 0;}
    .vision-wrap .vm-box dt ul li {width: 50%; margin: 0; padding: 0 10px; box-sizing: border-box;}
    .vision-wrap .vm-box dd {float: none; width: 100%; margin: 20px 0 0 0; padding: 20px;}
    .vision-wrap .vm-box dd:last-child {border-left: 1px solid #ddd;}
    .vision-wrap .vm-box dd h6 {font-size: 17px; line-height: 26px;}
    .vision-wrap .vm-box dd p {font-size: 14px; line-height: 22px; padding-left: 25px; margin-top: 5px;}
    .vision-wrap .core-box {padding: 40px 0;}
    .vision-wrap .core-box h5 {font-size: 22px; line-height: 30px;}
    .vision-wrap .core-box dl {padding-top: 25px;}
    .vision-wrap .core-box dl dt,
    .vision-wrap .core-box dl dd {float: none; width: 100%;}
    .vision-wrap .core-box dl dt {margin-bottom: 20px;}
    .vision-wrap .core-box dl dt .circle-box {width: 180px; height: 170px; background-size: contain;}
    .vision-wrap .core-box dl dt .circle-box h6 {line-height: 160px; font-size: 18px;}
    .vision-wrap .core-box dl dt ul li p {font-size: 14px; line-height: 14px;}
    .vision-wrap .core-box dl dd .circle-box {width: 180px; height: 170px; background-size: contain;}
    .vision-wrap .core-box dl dd .circle-box h6 {line-height: 160px; font-size: 18px;}
    .vision-wrap .core-box dl dd ul li p {font-size: 14px; line-height: 14px;}
    .vision-wrap .goal-box {padding: 40px 0;}
    .vision-wrap .goal-box h5 {font-size: 22px; line-height: 30px;}
    .vision-wrap .goal-box ul {padding-top: 20px; margin: 0;}
    .vision-wrap .goal-box ul li {width: 100%; margin: 0; margin-bottom: 10px; padding: 25px; min-height: auto;}
    .vision-wrap .goal-box ul li img {width: 15%; max-width: 60px; bottom: 25px; right: 20px;}
    .vision-wrap .goal-box ul li strong {font-size: 26px; line-height: 26px; margin-bottom: 10px;}
    .vision-wrap .goal-box ul li p {width: calc(100% - 40px); font-size: 14px; line-height: 22px;}
    .vision-wrap .goal-box ul li p br {display: none;}
    .vision-wrap .work-box {padding: 40px 0;}
    .vision-wrap .work-box h5 {font-size: 22px; line-height: 30px;}
    .vision-wrap .work-box ul:before {width: 280px; height: 280px;}
    .vision-wrap .work-box ul {padding: 0;}
    .vision-wrap .work-box ul:after {width: 220px; height: 220px;}
    .vision-wrap .work-box ul li {min-height: auto;}
    .vision-wrap .work-box ul li .mid {width: 140px !important; height: 140px !important;}
    .vision-wrap .work-box ul li:first-child .mid {width: 130px !important; height: 130px !important;}
    .vision-wrap .work-box ul li .mid img {width: 40px; margin-top: 20%;}
    .vision-wrap .work-box ul li:first-child .mid img {margin-top: 22%;}
    .vision-wrap .work-box ul li .mid p {font-size: 14px; line-height: 20px; margin-top: 10px;}
    .vision-wrap .work-box ul li:first-child .mid p {font-family: noto; font-weight: 300; font-size: 14px; line-height: 22px; margin-top: 10px;}
    .vision-wrap .work-box ul li:last-child .mid p {margin-top: 12px;}
    .vision-wrap .direct-box {padding-top: 40px;}
    .vision-wrap .direct-box h5 {font-size: 22px; line-height: 30px;}
    .vision-wrap .direct-box ul {padding-top: 20px; margin: 0;}
    .vision-wrap .direct-box ul li {width: 100%; margin: 0; margin-bottom: 15px;}
    .vision-wrap .direct-box ul li img {width: 100%;}
    .vision-wrap .direct-box ul li dl {padding: 20px 30px;}
    .vision-wrap .direct-box ul li dl dt {font-size: 16px; line-height: 24px; margin-bottom: 5px;}

    .ci-wrap {padding: 40px 0;}
    .ci-wrap .title h4 {font-size: 22px; line-height: 30px;}
    .ci-wrap .title ul {margin: 25px 0;}
    .ci-wrap .title ul li {float: none; width: 100%; min-height: 150px;}
    .ci-wrap .title ul li:first-child {margin-right: 0; margin-bottom: 10px;}
    .ci-wrap .title ul li:first-child img {width: 30%;}
    .ci-wrap .title ul li:last-child img {width: 80%;}
    .ci-wrap .title h6 {font-size: 18px; line-height: 26px;}
    .ci-wrap .title p {font-size: 14px; line-height: 22px; margin: 10px 0 20px 0;}
    .ci-wrap .title .download > * {width: 200px; height: 40px; line-height: 40px;}
    .ci-wrap .title .download dt {margin-bottom: 10px;}
    .ci-wrap .title .download dd {line-height: 36px;}
    .ci-wrap .title .download a {font-size: 14px;}
    .ci-wrap .color-rule-box {padding: 40px 0;}
    .ci-wrap .color-rule-box > h5 {font-size: 22px; line-height: 30px;}
    .ci-wrap .color-rule-box > p {font-size: 14px; line-height: 22px; margin: 10px 0 20px 0;}
    .ci-wrap .color-rule-box .main-color {padding-bottom: 25px;}
    .ci-wrap .color-rule-box .main-color h6 {font-size: 17px; line-height: 26px; margin-bottom: 10px;}
    .ci-wrap .color-rule-box .main-color h6 span {font-size: 13px;}
    .ci-wrap .color-rule-box .main-color dl {width: 100%; margin: 0;  margin-bottom: 10px;}
    .ci-wrap .color-rule-box .main-color dl dt {font-size: 18px; line-height: 18px;}
    .ci-wrap .color-rule-box .sub-color h6 {font-size: 17px; line-height: 26px; margin-bottom: 10px;}
    .ci-wrap .color-rule-box .sub-color h6 span {font-size: 13px;}
    .ci-wrap .color-rule-box .sub-color ul li {width: calc(50% - 10px);}
    .ci-wrap .color-rule-box .sub-color ul li:nth-child(n+3) {margin-top: 10px;}
    .ci-wrap .color-rule-box .sub-color ul li p {padding: 15px 20px; font-size: 14px;}
    .ci-wrap .signature-box {padding-top: 40px;}
    .ci-wrap .signature-box > h5 {font-size: 22px; line-height: 30px;}
    .ci-wrap .signature-box > p {font-size: 14px; line-height: 22px; margin: 10px 0 0 0;}
    .ci-wrap .signature-box > p br {display: none;}
    .ci-wrap .signature-box .box-wrap dl {padding-top: 20px;}
    .ci-wrap .signature-box .box-wrap dl > * {width: 100%;}
    .ci-wrap .signature-box .box-wrap dl dt,
    .ci-wrap .signature-box .box-wrap dl dd {float: none; margin: 0;}
    .ci-wrap .signature-box .box-wrap dl dd {margin-top: 15px;}
    .ci-wrap .signature-box .box-wrap dl dt h6,
    .ci-wrap .signature-box .box-wrap dl dd h6 {font-size: 17px; line-height: 26px;}
    .ci-wrap .signature-box .box-wrap dl dt .box img,
    .ci-wrap .signature-box .box-wrap dl dd .box img {width: 80%; max-width: 300px;}
    .ci-wrap .title ul li:first-child img {width: 30%; max-width: 100px;}
    .ci-wrap .title ul li:last-child img {width: 80%; max-width: 270px;}

    .history-wrap {padding-top: 40px;}
    .history-wrap .sub-title {padding-bottom: 25px;}
    .history-wrap .sub-title h4 {font-size: 22px; line-height: 30px;}
    .history-wrap .history-image .text {margin-top: 0; padding: 20px 30px; width: 100%;}
    .history-wrap .history-image .text dt {text-align: center; padding: 65px 0 10px 0; font-size: 17px;}
    .history-wrap .history-image .text dt:after {top: 0; left: 50%; transform: translateX(-50%); width: 60px;}
    .history-wrap .history-image .text dd {margin-top: 0; font-size: 14px; line-height: 20px; text-align: center;}
    .history-wrap .history-list {padding-top: 40px;}
    .history-wrap .history-list > h5 {font-size: 24px; line-height: 30px; margin-bottom: 20px;}
    .history-wrap .history-list .box:before {left: 9px;}
    .history-wrap .history-list .box dl {padding-left: 20px;}
    .history-wrap .history-list .box dl:last-child {padding-bottom: 20px;}
    .history-wrap .history-list .box dl dt:after {width: 13px; height: 13px; left: -17px !important;}
    .history-wrap .history-list .box dl dt h6:before {top: 13px; width: 50px; left: -10px !important;}
    .history-wrap .history-list .box dl dt h6 {font-size: 22px; padding-left: 55px !important; line-height: 30px;}
    .history-wrap .history-list .box dl dt h6:after {top: 11px; left: 35px !important; width: 6px; height: 6px;}
    .history-wrap .history-list .box dl dt ul {margin: 10px 0;}
    .history-wrap .history-list .box dl dt ul li {font-size: 14px; line-height: 22px; padding: 10px 0;}
    .history-wrap .history-list .box dl dt ul li strong {font-size: 16px; line-height: 22px;}
    .history-wrap .history-list .box dl dt ul li span {font-size: 13px; line-height: 20px; margin-top: 5px;}
    .history-wrap .history-list .box dl dd p {bottom: 20px; left: 0; width: 100px; height: 36px; line-height: 36px; font-size: 15px;}
    .history-wrap .history-list .box dl.all-img dt p {bottom: 20px; left: 0; width: 100px; height: 36px; line-height: 36px; font-size: 15px;}
    .history-wrap .history-list .box dl dd p:after,
    .history-wrap .history-list .box dl.all-img dt p:after {display: none;}
    .history-wrap .history-list .box dl:last-child dd p {left: 0; width: 130px;}
    .history-wrap .history-list .box dl.all-img dt, .history-wrap .history-list .box dl dd {padding-bottom: 20px;}

    .organ-wrap .organiz-box {padding: 40px 0;}
    .organ-wrap .organiz-box h4 {font-size: 22px; line-height: 30px;}

	.organ-wrap .organiz-box .info01-box {margin: 20px 0 10px 0;}
    .organ-wrap .organiz-box .info01-box > * {padding: 20px;}
    .organ-wrap .organiz-box .info01-box dt,
    .organ-wrap .organiz-box .info01-box dd {background-position: 20px 22px; background-size: 25px;}
    .organ-wrap .organiz-box .info01-box strong {width: 100px; font-size: 16px; padding-left: 30px; margin-bottom: 5px;}
    .organ-wrap .organiz-box .info01-box p {font-size: 13px;}
    .organ-wrap .organiz-box .info02-box {padding: 20px; margin-bottom: 20px;}
    .organ-wrap .organiz-box .info02-box dt {background-position: 0 13px; background-size: 25px; padding-left: 30px;}
    .organ-wrap .organiz-box .info02-box dt strong {font-size: 16px; margin-bottom: 5px;}
    .organ-wrap .organiz-box .info02-box dd ul li {width: 100% !important;}
    .organ-wrap .organiz-box .info02-box dd ul li strong {width: 160px !important;}

    .organ-wrap .organiz-box .org-list .top {width: 320px;}
    .organ-wrap .organiz-box .org-list .top li {width: 70px; height: 70px;}
    .organ-wrap .organiz-box .org-list .top li:first-child {padding-right: 20px;}
    .organ-wrap .organiz-box .org-list .top li:last-child {padding-left: 20px;}
    .organ-wrap .organiz-box .org-list .top li p {line-height: 70px; font-size: 16px;}
    .organ-wrap .organiz-box .org-list .top li:first-child:after {width: 25px; right: -5px;}
    .organ-wrap .organiz-box .org-list .top li:first-child p:before {display: none;}
    .organ-wrap .organiz-box .org-list .top li:last-child:after {width: 25px; left: -5px;}
    .organ-wrap .organiz-box .org-list .top li:last-child p:before {display: none;}
    .organ-wrap .organiz-box .org-list .top li.dir {width: 140px; height: 130px; padding: 10px 15px;}
    .organ-wrap .organiz-box .org-list .top li.dir h6 {width: calc(100% - 20px); height: calc(100% - 20px); margin: 0; line-height: 90px; font-size: 22px;}
    .organ-wrap .organiz-box .org-list .top li.dir h6:after {width: calc(100% + 20px); height: calc(100% + 20px); top: -10px; left: -10px;}
    .organ-wrap .organiz-box .org-list .top li.dir:before,
    .organ-wrap .organiz-box .org-list .top li.dir:after {display: none;}
    .organ-wrap .organiz-box .org-list .bot {margin-top: 20px;}
	.organ-wrap .organiz-box .org-list .bot h6:before {height: 19px; top: -22px;}
    .organ-wrap .organiz-box .org-list .bot h6 {width: 120px; height: 40px; line-height: 36px; font-size: 16px;}
	.organ-wrap .organiz-box .org-list .bot p.tm:before {display: none; top: -10px;}
    .organ-wrap .organiz-box .org-list .bot p.tm {width: 80px; height: 40px; line-height: 40px; font-size: 16px;}
	.organ-wrap .organiz-box .org-list .bot p.tm:after {display: none; top: -10px; height: 10px;}
    .organ-wrap .organiz-box .org-list .bot ul {width: 100%; padding-top: 20px;}
    .organ-wrap .organiz-box .org-list .bot ul:before {height: 20px;}
    .organ-wrap .organiz-box .org-list .bot ul:after {top: 20px; width: 50%;}
    .organ-wrap .organiz-box .org-list .bot ul li {width: calc(50% - 10px); padding-top: 20px; margin: 0 5px;}
    .organ-wrap .organiz-box .org-list .bot ul li dl dt {height: 40px; line-height: 40px; font-size: 13px; margin-bottom: 5px;}
    .organ-wrap .organiz-box .org-list .bot ul li dl dd {height: 34px; line-height: 30px; font-size: 13px;}
    .organ-wrap .organiz-box .org-list .bot ul li:nth-child(n+3):before {display: none;}
    .organ-wrap .organiz-box .org-list .bot ul li:nth-child(n+3) {padding-top: 10px;}
    .organ-wrap .organiz-box .org-list .cont-box {margin-top: 25px;}
    .organ-wrap .organiz-box .org-list .cont-box dt,
    .organ-wrap .organiz-box .org-list .cont-box dd {float: none; width: 100%; padding: 20px;}
    .organ-wrap .organiz-box .org-list .cont-box dt {border-width: 1px 1px 0 1px; border-right: 1px solid #ddd;}
    .organ-wrap .organiz-box .org-list .cont-box strong {display: block; width: 100%; font-size: 17px;}
    .organ-wrap .organiz-box .org-list .cont-box p {line-height: 22px;}
    .organ-wrap .organiz-box .org-table > h6 {font-size: 17px; line-height: 26px; margin-bottom: 10px;}
    .organ-wrap .organiz-box .org-table .table-box {overflow-x: auto;}
    .organ-wrap .organiz-box .org-table .table-box table {min-width: 500px;}
    .organ-wrap .contact-box {padding: 40px 0;}
    .organ-wrap .contact-box > h5 {font-size: 22px; line-height: 30px;}
    .organ-wrap .contact-box .info01-box {margin: 20px 0 10px 0;}
    .organ-wrap .contact-box .info01-box > * {padding: 20px;}
    .organ-wrap .contact-box .info01-box dt,
    .organ-wrap .contact-box .info01-box dd {background-position: 20px 22px; background-size: 25px;}
    .organ-wrap .contact-box .info01-box strong {width: 100px; font-size: 16px; padding-left: 30px; margin-bottom: 5px;}
    .organ-wrap .contact-box .info01-box p {font-size: 13px;}
    .organ-wrap .contact-box .info02-box {padding: 20px; margin-bottom: 20px;}
    .organ-wrap .contact-box .info02-box dt {background-position: 0 13px; background-size: 25px; padding-left: 30px;}
    .organ-wrap .contact-box .info02-box dt strong {font-size: 16px; margin-bottom: 5px;}
    .organ-wrap .contact-box .info02-box dd ul li {width: 100% !important;}
    .organ-wrap .contact-box .info02-box dd ul li strong {width: 160px !important;}
    .organ-wrap .contact-box .table-box {overflow-x: auto;}
    .organ-wrap .contact-box .table-box table {min-width: 500px;}

    .manage-wrap {padding: 40px 0;}
    .manage-wrap > h4 {font-size: 22px; line-height: 30px;}
    .manage-wrap .manage-info {margin: 20px 0; padding: 25px 20px;}
    .manage-wrap .manage-info dt,
    .manage-wrap .manage-info dd {float: none; width: 100%;}
    .manage-wrap .manage-info dt {margin-bottom: 15px;}
    .manage-wrap .manage-tab dl dt {font-family: noto; font-size: 16px; background-size: 20px;}
    .manage-wrap .manage-tab dl.active dt {background-size: 20px;}
    .manage-wrap .manage-tab dl dd > ul > li {line-height: 26px;}
    .manage-wrap .manage-tab dl dd > ul > li:before {top: 12px;}

    .upright-wrap {padding: 40px 0;}
    .upright-wrap .box {height: auto; padding: 30px 15px; box-sizing: border-box;}
    .upright-wrap .box .mid img {width: 150px;}
    .upright-wrap .box .mid h5 {font-size: 20px; line-height: 30px;}
    .upright-wrap .box .mid p {font-size: 15px; line-height: 22px;}

    .location-wrap {padding: 40px 0;}
    .location-wrap > h4 {font-size: 22px; line-height: 30px;}
    .location-wrap .map-box {padding-top: 20px;}
    .location-wrap .map-box .map {height: 320px;}
    .location-wrap .map-box .map-info li {text-align: center; padding: 0; font-size: 13px;}
    .location-wrap .map-box .map-info li:first-child {margin-bottom: 10px;}
    .location-wrap .map-box .map-info li img,
    .location-wrap .map-box .map-info li strong {display: block;margin: 0 auto;}
    .location-wrap .map-box .map-info li img {}
    .location-wrap .map-box .map-info li strong {font-size: 14px; margin: 6px 0;}
    .location-wrap .loc-box {margin-top: 30px;}
    .location-wrap .loc-box dl dt,
    .location-wrap .loc-box dl dd {float: none; width: 100%;}
    .location-wrap .loc-box dl dt {text-align: center; margin-bottom: 10px;}
    .location-wrap .loc-box dl dt h6 {text-align: center; margin-top: 10px;}

    .const-wrap {padding: 40px 0;}
    .const-wrap > h4 {font-size: 22px; line-height: 30px;}
    .const-wrap .const-box01 {padding: 30px 0 40px 0;}
    .const-wrap .const-box01 h6 {font-size: 18px; line-height: 26px; background-position: left 4px !important;}
    .const-wrap .const-box01 dl {padding: 25px;}
    .const-wrap .const-box01 dl dt {width: 100%;}
    .const-wrap .const-box01 dl dt strong {font-size: 18px; line-height: 20px;}
    .const-wrap .const-box01 dl dt p {font-size: 14px; line-height: 22px;}
    .const-wrap .const-box01 dl dt span {line-height: 22px;}
    .const-wrap .const-box01 dl dd {display: none;}
    .const-wrap .const-box01 .define-box {padding: 20px; margin: 20px 0 30px 0;}
    .const-wrap .const-box01 .define-box p {line-height: 22px;}
    .const-wrap .const-box01 ul li {width: 100%; margin: 0; margin-bottom: 5px;}
    .const-wrap .const-box02 {padding: 30px 0;}
    .const-wrap .const-box02 > h6 {font-size: 18px; line-height: 26px;}
    .const-wrap .const-box02 .box dl {padding: 25px 20px;}
    .const-wrap .const-box02 .box dl:nth-child(3) {padding: 25px 0;}
    .const-wrap .const-box02 .box dl dt {font-size: 16px;}
    .const-wrap .const-box02 .box dl:nth-child(3) dt {margin: 0 20px; margin-bottom: 10px;}
	.const-wrap .const-box02 .box dl dd > p > span {display: none;}
    .const-wrap .const-box02 .box dl dd > ul {width: 300px;}
    .const-wrap .const-box02 .box dl dd > ul li {float: none; display: inline-block; vertical-align: top; width: 140px; margin-right: 20px;}
    .const-wrap .const-box02 .box dl dd > ul li:nth-child(3n) {margin-right: 20px;}
    .const-wrap .const-box02 .box dl dd > ul li:nth-child(2n) {margin-right: 0;}
    .const-wrap .const-box02 .box dl dd > ul li:nth-child(n+3) {margin-top: 20px;}
    .const-wrap .const-box02 .box dl dd > ul li:after {top: 70px; width: 15px; right: -10px;}
    .const-wrap .const-box02 .box dl dd > ul li:nth-child(3):after {display: inline-block; background: #3A9EDF;}
    .const-wrap .const-box02 .box dl dd > ul li:nth-child(2n):after {display: none;}
    .const-wrap .const-box02 .box dl dd > ul li > span {font-size: 14px;}
    .const-wrap .const-box02 .box dl dd > ul li strong {font-size: 14px; line-height: 20px}
    .const-wrap .const-box02 .box dl dd > ul li p {font-size: 13px;}
    .const-wrap .const-box02 .box dl dd > ul.ex li {width: calc(50% - 5px);}
    .const-wrap .const-box02 .box dl dd > ul.ex li:first-child {margin-right: 10px;}
    .const-wrap .const-box02 .box dl dd > ul.ex li h6 {font-size: 14px;}
    .const-wrap .const-box02 .box dl.table dd {overflow-x: auto;}
    .const-wrap .const-box02 .box dl.table dd table {min-width: 500px;}
    .const-wrap .const-box03 {padding: 30px 0;}
    .const-wrap .const-box03 > h6 {font-size: 18px; line-height: 26px;}
    .const-wrap .const-box03 .box dl.first {padding: 25px;}
    .const-wrap .const-box03 .box dl.first dt {font-size: 18px; line-height: 20px;}
    .const-wrap .const-box03 .box dl.first dd ol li {background-position: left 4px;}
    .const-wrap .const-box03 .box dl {padding: 25px;}
    .const-wrap .const-box03 .box dl dt {font-size: 16px;}
    .const-wrap .const-box03 .box dl dd ul li {vertical-align: top; width: 100%;}
    .const-wrap .const-box04 {padding: 40px 0;}
    .const-wrap .const-box04 > h6 {font-size: 18px; line-height: 26px;}
    .const-wrap .const-box04 dl {padding: 30px 20px;}
    .const-wrap .const-box04 dl dt {font-size: 16px;}
    .const-wrap .const-box05 {padding: 40px 0;}
    .const-wrap .const-box05 > h6 {font-size: 18px; line-height: 26px;}
    .const-wrap .const-box05 .box {padding: 25px; margin-bottom: 10px;}
    .const-wrap .const-box05 .box strong {font-size: 16px; line-height: 22px;}
    .const-wrap .const-box05 .box strong:before {top: 11px;}
    .const-wrap .const-box06 {padding: 40px 0;}
    .const-wrap .const-box06 > h6 {font-size: 18px; line-height: 26px;}
    .const-wrap .const-box06 > ul > li dl dt span {font-size: 18px;}
    .const-wrap .const-box06 > ul > li dl dt p { vertical-align: top; font-size: 16px;}
    .const-wrap .const-box06 > ul > li dl dd {padding: 20px;}
    .const-wrap .const-box06 > ul > li:first-child dl dd {float: none; width: 100%; min-height: auto;}
    .const-wrap .const-box06 > ul > li:first-child dl dd:last-child {margin-left: 0;}
    .const-wrap .const-box06 > ul > li:first-child dl:first-child dd {min-height: auto;}
    .const-wrap .const-box06 > ul > li {width: 100%; padding-right: 0;}
    .const-wrap .const-box06 > ul > li:last-child {margin-top: 20px;}
    .const-wrap .const-box06 > ul > li dl dd {min-height: auto;}
    .const-wrap .const-box07 {padding-top: 30px;}
    .const-wrap .const-box07 > h6 {font-size: 18px; line-height: 26px;}
    .const-wrap .const-box07 ul {margin: 0;}
    .const-wrap .const-box07 ul li {width: calc(50% - 10px); margin: 0 5px;}
    .const-wrap .const-box07 ul li:nth-child(n+3) {margin-top: 10px;}
    .const-wrap .const-box07 ul li p {font-size: 15px; margin-top: 10px;}

    .maintain-wrap {padding: 40px 0;}
    .maintain-wrap h4 {font-size: 22px; line-height: 30px;}
    .maintain-wrap p {font-size: 14px; line-height: 20px;}
    .maintain-wrap .ict-box {padding-top: 30px;}
    .maintain-wrap .ict-box dt h6 {font-size: 18px; line-height: 26px; margin-bottom: 10px;}

    .energ-box {padding: 40px 0;}
    .energ-box > h4 {font-size: 22px; line-height: 30px;}
    .energ-box .energ-box01 {padding: 30px 0 40px 0;}
    .energ-box .energ-box01 h6 {font-size: 18px; line-height: 26px; margin-bottom: 10px;}
    .energ-box .energ-box01 p {font-size: 14px;}
    .energ-box .energ-box02 {padding: 35px 0;}
    .energ-box .energ-box02 h6 {font-size: 18px; line-height: 26px; letter-spacing: -1px;}
    .energ-box .energ-box02 .box dl {padding: 25px 20px;}
    .energ-box .energ-box02 .box dl dt {font-size: 16px; margin-bottom: 5px;}
    .energ-box .energ-box02 .box dl.table dt span {font-size: 14px; line-height: 26px;}
    .energ-box .energ-box02 .box dl.table dd {overflow: auto;}
    .energ-box .energ-box02 .box dl.table dd table {min-width: 500px;}
    .energ-box .energ-box03 {padding-top: 30px;}
    .energ-box .energ-box03 h6 {font-size: 18px; line-height: 26px; margin-bottom: 10px;}
    .energ-box .energ-box03 .box dl {padding: 20px;}
    .energ-box .energ-box03 .box dl:first-child {padding: 20px 0;}
    .energ-box .energ-box03 .box dl dt {font-size: 16px;}
    .energ-box .energ-box03 .box dl:first-child dt {margin: 0 20px;}
    .energ-box .energ-box03 .box dl:first-child dd > span {margin-left: 20px;}
    .energ-box .energ-box03 .box dl dd > ul {width: 300px;}
    .energ-box .energ-box03 .box dl dd > ul li {float: none; display: inline-block; vertical-align: top; width: 140px; margin-right: 20px;}
    .energ-box .energ-box03 .box dl dd > ul li:nth-child(3n) {margin-right: 20px;}
    .energ-box .energ-box03 .box dl dd > ul li:nth-child(2n) {margin-right: 0;}
    .energ-box .energ-box03 .box dl dd > ul li:nth-child(n+3) {margin-top: 20px;}
    .energ-box .energ-box03 .box dl dd > ul li:after {top: 70px; width: 15px; right: -10px;}
    .energ-box .energ-box03 .box dl dd > ul li:nth-child(3):after {display: inline-block; background: #3A9EDF;}
    .energ-box .energ-box03 .box dl dd > ul li:nth-child(2n):after {display: none;}
    .energ-box .energ-box03 .box dl dd > ul li > span {font-size: 14px;}
    .energ-box .energ-box03 .box dl dd > ul li strong {font-size: 14px; line-height: 20px}
    .energ-box .energ-box03 .box dl dd > ul li p {font-size: 13px;}

    .system-wrap {padding: 40px 0;}
    .system-wrap > h4 {font-size: 22px; line-height: 30px;}
    .system-wrap .system-box01 {padding: 20px 0 30px 0;}
    .system-wrap .system-box01 h6 {font-size: 18px; line-height: 26px; margin-bottom: 10px;}
    .system-wrap .system-box01 dl {padding: 25px;}
    .system-wrap .system-box01 dl dt {font-size: 18px; line-height: 20px;}
    .system-wrap .system-box01 dl dd ol li {background-position: left 4px;}
    .system-wrap .system-box02 h6 {font-size: 18px; line-height: 26px; margin-bottom: 10px; background-position: left 5px !important;}
    .system-wrap .system-box02 h6 span {display: block; padding-left: 0;}
    .system-wrap .system-box03 {padding: 25px 20px;}
    .system-wrap .system-box03 dl dt {font-size: 16px;}

    .appr-wrap {padding: 40px 0;}
    .appr-wrap > h4 {font-size: 22px; line-height: 30px;}
    .appr-wrap .appr-box01 {padding: 20px 0 40px 0;}
    .appr-wrap .appr-box01 dl dd {padding: 25px;}
    .appr-wrap .appr-box01 dl dd p {font-size: 14px; line-height: 22px;}
    .appr-wrap .appr-box02 {padding: 35px 0;}
    .appr-wrap .appr-box02 h6 {font-size: 18px; line-height: 26px; margin-bottom: 10px;}
    .appr-wrap .appr-box02 ul li {font-size: 15px; line-height: 22px;}
    .appr-wrap .appr-box02 ul li:before {top: 10px;}
    .appr-wrap .appr-box03 {padding: 35px 0;}
    .appr-wrap .appr-box03 h6 {font-size: 18px; line-height: 26px; margin-bottom: 10px;}
    .appr-wrap .appr-box04 {padding: 35px 0;}
    .appr-wrap .appr-box04 .box dl {padding: 25px 20px;}
    .appr-wrap .appr-box04 .box dl dt {font-size: 16px; line-height: 28px;}
    .appr-wrap .appr-box05 {padding-top: 35px;}
    .appr-wrap .appr-box05 h6 {font-size: 18px; line-height: 26px; margin-bottom: 10px;}
    .appr-wrap .appr-box05 dl {padding: 20px 0;}
    .appr-wrap .appr-box05 dl dt {margin: 0 20px; margin-bottom: 15px;}
    .appr-wrap .appr-box05 dl dd > ul {width: 300px;}
    .appr-wrap .appr-box05 dl dd > ul li {float: none; display: inline-block; vertical-align: top; width: 140px; margin-right: 20px;}
    .appr-wrap .appr-box05 dl dd > ul li:nth-child(3n) {margin-right: 20px;}
    .appr-wrap .appr-box05 dl dd > ul li:nth-child(2n) {margin-right: 0;}
    .appr-wrap .appr-box05 dl dd > ul li:nth-child(n+3) {margin-top: 20px;}
    .appr-wrap .appr-box05 dl dd > ul li:after {top: 70px; width: 15px; right: -10px;}
    .appr-wrap .appr-box05 dl dd > ul li:nth-child(3):after {display: inline-block; background: #3A9EDF;}
    .appr-wrap .appr-box05 dl dd > ul li:nth-child(2n):after {display: none;}
    .appr-wrap .appr-box05 dl dd > ul li > span {font-size: 14px;}
    .appr-wrap .appr-box05 dl dd > ul li strong {font-size: 14px; line-height: 20px}
    .appr-wrap .appr-box05 dl dd > ul li p {font-size: 13px;}

    .build-wrap {padding: 40px 0;}
    .build-wrap > h4 {font-size: 22px; line-height: 30px;}
    .build-wrap .build-box01 {padding: 25px 0 30px 0;}
    .build-wrap .build-box01 > h6 {font-size: 18px; line-height: 26px;}
    .build-wrap .build-box01 > p {font-size: 14px; line-height: 22px;}
    .build-wrap .build-box01 .box {padding-top: 20px;}
    .build-wrap .build-box01 .box dl {padding: 20px;}
    .build-wrap .build-box01 .box dl dt {font-size: 16px;}
    .build-wrap .build-box01 .box dl dd > ul > li {float: none; width: 100%; padding: 0 0 20px 0; background: none;}
    .build-wrap .build-box01 .box dl dd > ul > li img {width: 100%;}
    .build-wrap .build-box01 .box dl.table dd {padding-top: 10px; overflow-x: auto;}
    .build-wrap .build-box01 .box dl.table dd table {min-width: 500px;}
    .build-wrap .build-box02 {padding: 40px 0;}
    .build-wrap .build-box02 > h6 {font-size: 18px; line-height: 26px;}
    .build-wrap .build-box02 > ul {margin: 0;}
    .build-wrap .build-box02 > ul > li {float: none; width: 100%; margin: 0 0 10px 0; min-height: auto;}
    .build-wrap .build-box02 > ul > li img {width: 100px;}
    .build-wrap .build-box02 > ul > li strong {font-size: 15px; line-height: 22px;}
    .build-wrap .build-box03 {padding-top: 40px;}
    .build-wrap .build-box03 > h6 {font-size: 18px; line-height: 26px;}
    .build-wrap .build-box03 dl.first {padding: 25px 20px;}
    .build-wrap .build-box03 dl.first dt {font-size: 16px; margin-bottom: 0;}
    .build-wrap .build-box03 dl.step {padding: 25px 0;}
    .build-wrap .build-box03 dl.step dt {margin: 0 20px;}
    .build-wrap .build-box03 dl.step dd {padding: 0 10px;}
    .build-wrap .build-box03 dl.step dd ul:first-child li:after {width: 20px; background-size: contain;}
    .build-wrap .build-box03 dl.step dd ul li {width: calc(50% - 10px); margin-right: 20px;}
    .build-wrap .build-box03 dl.step dd ul:last-child li {margin-right: 20px;}
    .build-wrap .build-box03 dl.step dd ul li h6 {font-size: 14px; line-height: 18px; padding: 10px 0; letter-spacing: -1px;}
    .build-wrap .build-box03 dl.step dd ul:first-child li:first-child h6 {padding: 20px 0;}
    .build-wrap .build-box03 dl.step dd > span {margin-top: 5px;}
    .build-wrap .build-box03 dl {padding: 25px 20px;}
    .build-wrap .build-box03 dl dt {font-size: 16px;}

    .train-wrap {padding: 40px 0;}
    .train-wrap > h4 {font-size: 22px; line-height: 30px;}
    .train-wrap .train-box01 dl dd {padding: 25px 20px;}
    .train-wrap .train-box01 dl dd p {font-size: 15px; line-height: 22px; margin-bottom: 10px;}
    .train-wrap .train-box01 h6 {font-size: 18px; line-height: 26px;}
    .train-wrap .train-box01 .box {overflow-x: auto;}
    .train-wrap .train-box01 .box table {min-width: 500px;}
    .train-wrap .train-box02 {padding: 30px 0;}
    .train-wrap .train-box02 h6 {font-size: 18px; line-height: 26px;}
    .train-wrap .train-box02 .wrap > dl {padding: 25px 20px;}
    .train-wrap .train-box02 .wrap > dl > dt {font-size: 16px; margin-bottom: 5px;}
    .train-wrap .train-box02 .wrap > dl > dd .box {overflow-x: auto;}
    .train-wrap .train-box02 .wrap > dl > dd .box table {min-width: 500px;}
    .train-wrap .train-box02 .wrap > dl > dd {overflow-x: auto;}
    .train-wrap .train-box02 .wrap > dl > dd table {min-width: 500px;}

    .consult-wrap {padding: 40px 0;}
    .consult-wrap > h4 {font-size: 22px; line-height: 30px; }
    .consult-wrap .consult-box01 {padding: 25px 0 30px 0;}
    .consult-wrap .consult-box01 dl {margin-bottom: 0;}
    .consult-wrap .consult-box01 dl dd {padding: 25px 20px;}
    .consult-wrap .consult-box01 dl dd p {font-size: 15px; line-height: 22px; margin-bottom: 10px;}
    .consult-wrap .consult-box02 dl {padding: 25px 20px; margin-bottom: 10px;}
    .consult-wrap .consult-box02 dl dt {font-size: 16px; margin-bottom: 0;}

    .promote-wrap {padding: 40px 0;}
    .promote-wrap h4 {font-size: 22px; line-height: 30px;}
    .promote-wrap .promo-box01 {padding: 25px 0 30px 0;}
    .promote-wrap .promo-box01 dl {padding: 25px;}
    .promote-wrap .promo-box01 dl dt {font-size: 18px; line-height: 20px;}
    .promote-wrap .promo-box01 dl dd ol li {background-position: left 4px;}
    .promote-wrap .promo-box02 {padding: 40px 0;}
    .promote-wrap .promo-box02 h6 {font-size: 18px; line-height: 26px;}
    .promote-wrap .promo-box02 ul {margin: 0;}
    .promote-wrap .promo-box02 ul li {float: none; width: 100%; margin: 0;}
    .promote-wrap .promo-box02 ul li:first-child {margin-bottom: 10px;}
    .promote-wrap .promo-box02 ul li dl {padding: 25px 20px; min-height: auto;}
    .promote-wrap .promo-box02 ul li dl dt {font-size: 16px;}
    .promote-wrap .promo-box03 h6 {font-size: 18px; line-height: 26px;}
    .promote-wrap .promo-box03 dl {padding: 25px 20px;}
    .promote-wrap .promo-box03 dl dt {font-size: 16px;}
    .promote-wrap .promo-box03 dl dd {margin-top: 0;}
    .promote-wrap .promo-box03 dl dd .table {overflow-x: auto;}
    .promote-wrap .promo-box03 dl dd .table table {min-width: 500px;}
    .promote-wrap .promo-box03 dl dd .table table caption {margin-top: -20px;}

    .report-wrap {padding: 40px 0;}
    .report-wrap h4 {font-size: 22px; line-height: 30px;}
    .report-wrap .report-box {margin: 20px 0 30px 0; padding: 25px 20px;}
    .report-wrap .report-box > * {float: none;}
    .report-wrap .report-box dt,
    .report-wrap .report-box dd {width: 100%;}
    .report-wrap .report-box dt {margin-bottom: 10px;}
    .report-wrap .report-box > dd > dl > dt {font-size: 15px; line-height: 20px;}
    .report-wrap .report-box > dd > dl > dd br {display: none;}
    .report-wrap .report-box > dd a {margin-left: 20px;}
    .report-wrap .report-list dl dt {font-size: 16px;}
    .report-wrap .report-way h6 {font-size: 18px; line-height: 26px;}
    .report-wrap .report-way dl > * {padding: 0 20px;}
    .report-wrap .report-way dl.site dt p {display: block; padding-left: 45px;}
    .report-wrap .report-way dl.site dt,
    .report-wrap .report-way dl.site dd {background-position: 25px 0;}
    .report-wrap .report-way dl strong {font-size: 16px;}
    .report-wrap .report-way dl.tel dt,
    .report-wrap .report-way dl.tel dd {background-position: 25px 0;}
    .report-wrap .report-way dl.add dt {background-position: 25px 0; padding-left: 65px; font-size: 16px;}
    .report-wrap .report-way dl.add dd strong {padding-left: 0;}
    .report-wrap .report-way dl.add dd p {line-height: 22px;}



    /* 210622 비공개 세부기준 */
    .std-wrap .tbl-box {overflow-x: auto;}
    .std-wrap .tbl-box table {min-width: 500px;}

}