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

	Global.css ( ver 1.0.3 )

**************************************************/
/**************************************************
	Public
**************************************************/
html{min-width: 1300px;overflow-x: hidden; padding-top: 90px;}

/* Table */
.table1{ width: 100%; }
.table1 tr > *{padding: 10px;border: 1px solid #ddd;}
.table1 thead th{background: #f7f7f7;}
.table1 tbody th{background: #f7f7f7;}
.table1 tbody td{  }

/* Tab */
.tab1{ margin-bottom: 40px; }
.tab1 > li{display: inline-block;background: #f7f7f7;}
.tab1 > li a{display: block;height: 40px;line-height: 40px;text-align: center;padding: 0 40px;border: 1px solid #f7f7f7;}
.tab1 > li.active a{background: #fff;color: #000;border-color: #333;}

/* Button */
.btnWrap{ margin-top: 30px; }
.btnWrap > *{margin: 0 2px;}
.btn1{ display: inline-block;background: #333;border: 1px solid #333;color: #fff !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn1.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }
.btn2{ display: inline-block;background: #fff;border: 1px solid #ddd;color: #000 !important;height: 35px;line-height: 35px;padding: 0 20px;font-size: 14px;box-sizing: border-box; }
.btn2.small{ height: 30px;line-height: 30px;padding: 0 10px;font-size: 12px; }

/**************************
	Site Layer Popup
**************************/
.sp-pop{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.15);border-radius: 3px;overflow: hidden;}
.sp-pop:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);}
.sp-pop .img{position: relative;min-height: 100px;}
.sp-pop .img img{max-width:100%;}
.sp-pop .btns{position: absolute;bottom: 0;left: 0;width: 100%;white-space: nowrap;background: #f7f7f7;}
.sp-pop .btns li{position: relative;display: inline-block;vertical-align: top;width: 50%;}
.sp-pop .btns li:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;box-sizing: border-box;border: 1px solid rgba(0,0,0,0.07);border-width: 1px 1px 1px 0;}
.sp-pop .btns li:first-child:before{border-left-width: 1px;}
.sp-pop .btns li a,
.sp-pop .btns li label{position: relative;display: block;text-align: center;line-height: 32px;text-align: center;font-size: 11px;color: #666;letter-spacing: -1px;z-index: 3;text-decoration: none;font-family: dotum;}
.sp-pop .btns li label input{display: none;}
.sp-pop .btns.len3 li{width: 33.33%;}

/**************************
	Paging
**************************/
.paging{text-align: center;margin-top: 30px;font-family: empty;font-size: 0;}
.paging a{display: inline-block;vertical-align: top;margin: 0;margin-right: -1px;position: relative;width: 35px;height: 35px;line-height: 35px;text-align: center;background: #f9f9f9;border: 1px solid #ddd;color: #999999;font-size: 12px;text-decoration: none;box-sizing: border-box;font-family: tahoma, arial, axicon;}
.paging a:first-child{border-radius: 5px 0 0 5px !important;}
.paging a:after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;line-height: 35px;text-align: center;font-size: 15px;text-indent: 0;}
.paging a:last-child{border-radius: 0 5px 5px 0 !important;}
.paging a.active{background: #ffffff;color: #333333;font-weight: 600;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.last{background: none;font-size: 15px;color: #666666;text-indent: -999em;}
.paging a.first:after{content: '\f100';text-indent: 0;}
.paging a.prev:after{content: '\f104';}
.paging a.next:after{content: '\f105';}
.paging a.last:after{content: '\f101';}

/**************************************************
	Layout
**************************************************/
#header{position: fixed; top: 0; left: 0; right: 0; z-index: 101;background: #fff;box-shadow: 0 3px 3px rgba(0,0,0,0.1);}
#header .inner{position: relative;width: 1200px;height: 90px;margin: 0 auto;}
#header .logo{position: absolute;top: 0;left: 0;height: 100%;line-height: 90px;}

#gnb{position: absolute;top: 0;right: 100px;z-index: 2;}
#gnb > li{position: relative;display: inline-block;vertical-align: top;}
#gnb > li > a{display: block;padding: 0 45px;line-height: 90px;font-size: 19px;color: #333333;text-decoration: none; letter-spacing: -0.5px;}
/* #gnb > li > a:after{display:block;content:'';width:0;height: 3px;position: absolute;bottom:0;left:50%;background: #00afe5;transition:all 0.25s;}
#gnb > li:hover > a:after,
#gnb > li.active > a:after{width: 100%;left:0;} */
#gnb > li > ul{position: absolute;top: 90px;left: 50%;width: 220px;margin-left: -110px;padding: 15px;border: 1px solid #ddd;border-top: 2px solid #00afe5;background: #fff;box-sizing: border-box;visibility: hidden;opacity: 0;transition: all 0.2s;}
#gnb > li > ul li a{display: block;font-size: 15px;color: #000;line-height: 30px;text-align: center;}
#gnb > li > ul li.active a{font-weight: bold;}
#gnb > li > ul > li > ul {background: #f8f8f8; padding: 8px 0; border-top: 2px solid #ccc;}
#gnb > li > ul > li > ul > li > a {font-size: 13px; line-height: 24px; letter-spacing: -1px;}
#gnb > li:hover > ul{visibility: visible;opacity: 1;}
#gnb > li.hidden-gnb{display: none;}

#drdw{position: fixed;top: 90px;left: 0;width: 100%;background: #fff;border-top: 1px solid #ddd;border-bottom: 3px solid #00afe5;z-index: 91;display: none;}
#drdw .inner{position: relative;width: 1200px;margin: 0 auto;border-right: 1px solid #e8e8e8;}
#drdw .inner > li{display: inline-block;padding: 30px 0;vertical-align: top;}
#drdw .inner > li:before{content: '';display: block;position: absolute;top: 0;height: 100%;width: 1px;background: #e8e8e8;}
#drdw .inner > li:first-child{border-left-width: 1px;}
#drdw .inner > li > a{display: block;margin-bottom: 15px;font-size: 18px;color: #264da6;text-align: center; font-weight: 400; }
#drdw .inner > li ul li a{display: block;font-size: 15px;line-height: 32px;color: #555555;text-align: center;}
#drdw .inner > li ul li.active a{font-weight: bold;}
#drdw .inner > li.hidden-gnb{display: none;}
#drdw .inner > li > ul > li > ul {border-top: 2px solid #ccc; padding: 10px; box-sizing: border-box; background: #f8f8f8; width: calc(100% - 20px); margin: 0 10px;}
#drdw .inner > li > ul > li > ul > li > a {font-size: 13px; line-height: 22px; letter-spacing: -1px;}

#tnb{position: absolute;top: 10px;right: 0;}
#tnb > li{display: inline-block;margin-left: 10px;box-sizing: border-box;}
#tnb > li a{font-size: 13px;color: #666;}

#hd-lan{position: absolute;top: 40px;right: 110px;z-index: 92;}
#hd-lan > a{display: block;line-height: 40px;padding: 0 22px 0 28px;font-size: 14px;color: #2e3144;text-decoration: none;text-transform: uppercase;background: url('/images/layout/hd-lan-ico.png') no-repeat 0 center, url('/images/layout/hd-lan-spr.png') no-repeat right center;}
#hd-lan > 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 > 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.png');}
#hd-lan > ul li a{display: block;font-size: 14px;line-height: 26px;color: #666666;text-decoration: none;text-align: center;text-transform: uppercase;}
#hd-lan:hover > ul{display: block;}

#hd-sch{position: absolute;top: 50%; right: 55px; transform: translateY(-50%); z-index: 91;}
#hd-sch .btn{display: block;width: 21px;height: 21px;background: url('/images/layout/hd-sch-btn.png');text-indent: -999em;border: none;}
#hd-sch form{position: absolute;display: none;top: 30px;right: 0;width: 200px;padding-right: 45px;border: 1px solid #333;border-radius: 5px;overflow: hidden;background: #fff;}
#hd-sch legend{display: none;}
#hd-sch .inp{width: 100%;height: 43px;line-height: 43px;text-indent: 10px;background: none;border: none;}
#hd-sch .sbm{position: absolute;top: 0;right: 0;width: 45px;height: 45px;background: #333 url('/images/layout/hd-sch-btn2.png') no-repeat center center;border: none;text-indent: -999em;}
#hd-sch.on form{display: block;}

#footer{background: #222222;}
#footer .fnbWrap{border-bottom: 1px solid #3d3d3d;}
#footer .fnbWrap .inner{position: relative;width: 1200px;margin: 0 auto;}
#footer .ftWrap{position: relative;width: 1200px;margin: 0 auto;padding: 40px 0 60px 0;}
#footer address{font-size: 15px;line-height: 21px;color: #b3b3b3;font-style: normal;}
#footer address hr{width: 20px;border: none;display: inline-block;vertical-align: middle;}
#footer address .copyright{display: block;margin-top: 10px;font-size: 13px;color: #777777;}

#sns-ico{margin-top: 20px;}
#sns-ico li{display: inline-block;margin-right: 5px;}

#gotop{position: absolute;top: 10px;right: 0;display: block;background: url('/images/layout/ft-top-btn.jpg') no-repeat center center;width: 50px;height: 50px;text-indent: -999em;}

#fnb > li{display: inline-block;padding: 0 10px;}
#fnb > li:first-child{padding-left: 0;background: none;}
#fnb > li a{font-size: 15px;color: #b3b3b3;letter-spacing: -1px;line-height: 70px;}

#ft-fam{position: absolute;top: 35px;right: 0;width: 230px;height: 40px;}
#ft-fam > a{display: block;line-height: 40px;padding: 0 15px;border: 1px solid #444444;font-size: 15px;color: #aaaaaa;text-decoration: none;background: url('/images/layout/ft-family-spr.png') no-repeat 92% center;}
#ft-fam ul{position: absolute;bottom: 40px;left: 0;display: none;width: 100%;padding: 5px 15px;background: #444444;box-sizing: border-box;}
#ft-fam ul li{border-top: 1px solid #575757;}
#ft-fam ul li:first-child{border-top: none;}
#ft-fam ul li a{display: block;line-height: 35px;color: #f7f7f7;text-align: center;}
#ft-fam:hover ul{display: block;}

#slide-btn{text-indent: -999em;width: 30px;height: 20px;position: absolute;top: 50%; right: 0; transform: translateY(-50%);}
#slide-btn button{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: none;background: none;cursor: pointer;outline: none;}
#slide-btn button span,
#slide-btn button:before,
#slide-btn button:after{border-radius: 2px;overflow: hidden;position: absolute;left: 0;width: 100%;height: 2px;background: #282828;}
#slide-btn button span{display: block;top: 50%;margin-top: -1px;opacity: 1;transition: all 0.3s;}
#slide-btn button:before{content: '';display: block;top: 0;transition: all 0.3s;}
#slide-btn button:after{content: '';display: block;bottom: 0;transition: all 0.3s;}
#slide-btn button.on span{opacity: 0;}
#slide-btn button.on:before{top: 50%;margin-top: -1px;transform: rotate(45deg);}
#slide-btn button.on:after{bottom: 50%;margin-bottom: -1px;transform: rotate(-45deg);}

#slide-bg{display: none;}

#slide-menu{display: none;}

/**************************************************
	Ajax Popup
**************************************************/
#popup{position: fixed;top: 50%;left: 50%;width: 600px;height: 500px;margin-top: -250px;margin-left: -300px;padding-top: 46px;z-index: 301;background: #fff;border-radius: 5px;overflow: hidden;box-sizing: border-box;opacity: 0;transition: all 0.3s;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
#popup .pop-tit{position: absolute;top: 0;left: 0;width: 100%;height: 45px;background: #f7f7f7;padding: 0 15px;border-bottom: 1px solid #ddd;box-sizing: border-box;}
#popup .pop-tit h3{font-size: 15px;color: #000;font-weight: 300;line-height: 45px;}
#popup .pop-tit .close{display: block;position: absolute;top: 0;right: 0;width: 44px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;color: #666;background: #eee;border-left: 1px solid #ddd;}
#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{ text-align: center; }
#popup .sitemap > li{display: inline-block;width: 32%;vertical-align: top;margin-bottom: 10px;}
#popup .sitemap > li > a{display: block;text-align: center;font-size: 14px;letter-spacing: -1px;background: #f7f7f7;font-weight: 300;line-height: 40px;border-radius: 3px;}
#popup .sitemap > li ul li{border-top: 1px solid #f7f7f7;text-align: left;}
#popup .sitemap > li ul li:first-child{border-top: none;}
#popup .sitemap > li ul li a{display: block;font-size: 13px;color: #333;line-height: 18px;padding: 10px 0;text-align: center;}

/**************************************************
	Main
**************************************************/
#main{  }
#main #content{  }
#main #mainWrap{position: relative;}

#main .visual {position: relative;}
#main .visual .vis-txt {position: absolute; top: 25%; left: 0; width: 100%; z-index: 82;}
#main .visual .vis-txt dl {text-align: center;}
#main .visual .vis-txt dl dt {font-weight: 300; font-size: 26px; line-height: 36px; color: #fff; letter-spacing: -1px; margin-bottom: 45px;}
#main .visual .vis-txt dl dd {font-family: paybooc; font-weight: 400; font-size: 45px; line-height: 60px; color: #fff; letter-spacing: -0.5px;}
#main .visual .roll .item{position: relative;overflow: hidden;}
#main .visual .roll .item img{position: relative;top: 0;left: 50%;margin-left: -960px;}
#main .visual .slick-dots{position: absolute;bottom: 340px;left: 0;width: 100%;z-index: 81;text-align: center;}
#main .visual .slick-dots li{display: inline-block; vertical-align: bottom; margin: 0 5px;}
#main .visual .slick-dots li button{display: block;width: 40px;height: 3px;background: #fff;text-indent: -999em;overflow: hidden;border: none;}
#main .visual .slick-dots li.slick-active button{height: 10px; background: #37a3e1;}
#main .visual .scroll-down {position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); animation: bounce 1.5s infinite;}
@keyframes bounce {0% {bottom: 70px;} 50% {bottom: 90px;} 100% {bottom: 70px;}}

/* 210317 sj 추가 */
#main .visual .slick-arrow {position: absolute; top: 45%; transform: translateY(-50%); width: 37px; height: 73px; border: none; text-indent: -9999em; z-index: 100;}
#main .visual .slick-prev {left: 100px; background: url('/images/main/main_visual_prev.png') no-repeat center; background-size: contain;}
#main .visual .slick-next {right: 100px; background: url('/images/main/main_visual_next.png') no-repeat center; background-size: contain;}


#mainWrap {}
#mainWrap .inner {width: 1200px; margin: 0 auto;}

#mainWrap .main-section01 {padding: 130px 0; background: url('/images/main/main_section01_bg.jpg') no-repeat center; background-size: cover;}
#mainWrap .main-section01 .main-title {text-align: center; padding-bottom: 62px;}
#mainWrap .main-section01 .main-title h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 40px; color: #333; letter-spacing: -0.5px; text-align: center; margin-bottom: 20px;}
#mainWrap .main-section01 .main-title p {font-size: 20px; line-height: 30px; color: #666; letter-spacing: -0.5px;}
#mainWrap .main-section01 .sec01-box {}
#mainWrap .main-section01 .sec01-box:after {content: ''; display: block; clear: both;}
#mainWrap .main-section01 .sec01-box dl,
#mainWrap .main-section01 .sec01-box .popup-zone {float: left; width: calc(33.33% - 14px);}
#mainWrap .main-section01 .sec01-box dl.left {}
#mainWrap .main-section01 .sec01-box dl.left dt {position: relative; padding: 45px 40px; box-sizing: border-box; background: url('/images/main/main_sec01_list_bg01.jpg') no-repeat; background-size: cover; margin-bottom: 19px; box-shadow: 4px 4px 4px rgba(0,0,0,0.1);}
#mainWrap .main-section01 .sec01-box dl.left dt h6 {font-family: paybooc; font-weight: 500; font-size: 29px; line-height: 29px; color: #fff; letter-spacing: -0.5px;}
#mainWrap .main-section01 .sec01-box dl.left dt p {display: inline-block; font-size: 16px; line-height: 22px; color: #cce6fb; letter-spacing: -0.8px; padding: 17px 0 22px 0; border-bottom: 1px solid #cce6fb;}
#mainWrap .main-section01 .sec01-box dl.left dt strong {display: block; font-weight: 300; font-size: 18px; line-height: 24px; color: #fff; padding-top: 17px;}
#mainWrap .main-section01 .sec01-box dl.left dt a {position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; background: url('/images/main/main_sec01_more_btn.png') no-repeat center; background-color: #0b528a; text-indent: -9999em;}
#mainWrap .main-section01 .sec01-box dl.left dd {position: relative; padding: 41px 38px; box-sizing: border-box; background: url('/images/main/main_sec01_list_bg02.jpg') no-repeat; box-shadow: 4px 4px 4px rgba(0,0,0,0.1);}
#mainWrap .main-section01 .sec01-box dl.left dd h6 {font-family: paybooc; font-weight: 500; font-size: 29px; line-height: 29px; color: #fff; letter-spacing: -0.5px;}
#mainWrap .main-section01 .sec01-box dl.left dd p {font-size: 16px; line-height: 22px; color: #fff; letter-spacing: -0.5px; padding-top: 15px;}
#mainWrap .main-section01 .sec01-box dl.left dd a {position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; background: url('/images/main/main_sec01_more_btn.png') no-repeat center; background-color: #0483c5; text-indent: -9999em;}
#mainWrap .main-section01 .sec01-box dl.center {margin: 0 21px;}
#mainWrap .main-section01 .sec01-box dl.center dt {position: relative; padding: 45px 40px; box-sizing: border-box; background: url('/images/main/main_sec01_list_bg03.jpg') no-repeat; background-size: cover; min-height: 240px; box-shadow: 4px 4px 4px rgba(0,0,0,0.1); margin-bottom: 20px;}
#mainWrap .main-section01 .sec01-box dl.center dt a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#mainWrap .main-section01 .sec01-box dl.center dt h6 {font-family: paybooc; font-weight: 400; font-size: 29px; line-height: 29px; color: #333; letter-spacing: -0.5px;}
#mainWrap .main-section01 .sec01-box dl.center dt p {font-size: 16px; line-height: 22px; color: #666; letter-spacing: -0.5px; padding-top: 15px;}
#mainWrap .main-section01 .sec01-box dl.center dd {padding: 50px 40px 0 40px; box-sizing: border-box; background: url('/images/main/main_sec01_list_bg04.jpg') no-repeat; background-size: cover; min-height: 240px; box-shadow: 4px 4px 4px rgba(0,0,0,0.1);}
#mainWrap .main-section01 .sec01-box dl.center dd h6 {font-family: paybooc; font-weight: 500; font-size: 29px; line-height: 29px; color: #fff; letter-spacing: -0.5px;}
#mainWrap .main-section01 .sec01-box dl.center dd ul {margin-top: 20px; width: 50%;}
#mainWrap .main-section01 .sec01-box dl.center dd ul li {display: inline-block; margin: 0 10px 10px 0;}
#mainWrap .main-section01 .sec01-box dl.center dd ul li a {}
#mainWrap .main-section01 .sec01-box dl.center dd ul li a img {}
#mainWrap .main-section01 .sec01-box .popup-zone {position: relative;box-shadow: 4px 4px 4px rgba(0,0,0,0.15);}
#mainWrap .main-section01 .sec01-box .popup-zone dt {padding: 22px 30px; box-sizing: border-box; background: #fff; box-shadow: 0 4px 4px rgba(0,0,0,0.1);}
#mainWrap .main-section01 .sec01-box .popup-zone dt:after {content: ''; display: block; clear: both;}
#mainWrap .main-section01 .sec01-box .popup-zone dt h6 {float: left; font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 26px; color: #333; letter-spacing: -0.5px;}
#mainWrap .main-section01 .sec01-box .popup-zone dt .arrow {display: none; position: absolute; top: 28px; right: 20px;}
#mainWrap .main-section01 .sec01-box .popup-zone dt .arrow .slick-arrow {display: inline-block; width: 28px; height: 14px;}
#mainWrap .main-section01 .sec01-box .popup-zone dt .arrow .prev.slick-arrow {background: url('/images/main/main_sec01_pop_prev.png') no-repeat center;}
#mainWrap .main-section01 .sec01-box .popup-zone dt .arrow .next.slick-arrow {background: url('/images/main/main_sec01_pop_next.png') no-repeat center;}
#mainWrap .main-section01 .sec01-box .popup-zone dt .more-view {float: right; width: 13px; line-height: 26px; text-indent: -9999em; background: url('/images/main/main_sec01_pop_more.png') no-repeat center;}
#mainWrap .main-section01 .sec01-box .popup-zone dd {}
#mainWrap .main-section01 .sec01-box .popup-zone dd .roll {}
#mainWrap .main-section01 .sec01-box .popup-zone dd .roll li {}
#mainWrap .main-section01 .sec01-box .popup-zone dd .roll li .thumb {position: relative; padding-bottom: calc(100% + 44px); background-size: cover; background-position: center; background-repeat: no-repeat;}

/* 210317 sj 추가 */
#mainWrap .main-section01 .sec01-box .popup-zone dd .roll .slick-arrow {position: absolute; top: -42px; width: 28px; height: 14px; border: none; text-indent: -9999em;}
#mainWrap .main-section01 .sec01-box .popup-zone dd .roll .slick-prev {right: 48px; background: url('/images/main/main_sec01_pop_prev.png') no-repeat center;}
#mainWrap .main-section01 .sec01-box .popup-zone dd .roll .slick-next {right: 20px; background: url('/images/main/main_sec01_pop_next.png') no-repeat center;}


#mainWrap .main-section02 {padding: 130px 0; background: url('/images/main/main_section02_bg.jpg') no-repeat center; background-size: cover;}
#mainWrap .main-section02 .main-title {text-align: center; padding-bottom: 65px;}
#mainWrap .main-section02 .main-title h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 40px; color: #fff; letter-spacing: -0.5px; text-align: center; margin-bottom: 20px;}
#mainWrap .main-section02 .main-title p {font-size: 20px; line-height: 30px; color: #fff; letter-spacing: -0.5px;}
#mainWrap .main-section02 .inner:after {content: ''; display: block; clear: both;}
#mainWrap .main-section02 .sec02-left-box {float: left; width: calc(50% - 10px); margin-right: 20px;}
#mainWrap .main-section02 .sec02-left-box:after {content: ''; display: block; clear: both;}
#mainWrap .main-section02 .sec02-left-box .box {float: left; width: 50%; background: #fff;}
#mainWrap .main-section02 .sec02-left-box .box:first-child {background: #363841;}
#mainWrap .main-section02 .sec02-left-box .box dl {min-height: 433px; padding: 60px 40px; box-sizing: border-box;}
#mainWrap .main-section02 .sec02-left-box .box dl dt {font-family: paybooc; font-weight: 400; font-size: 28px; line-height: 28px; color: #002333; letter-spacing: -0.5px; padding-bottom: 30px;}
#mainWrap .main-section02 .sec02-left-box .box:first-child dl dt {color: #fff;}
#mainWrap .main-section02 .sec02-left-box .box dl dd {width: 100%; line-height: 50px; border-bottom: 1px solid #ddd; box-sizing: border-box; background: url('/images/main/main_sec02_list_arrow_grey.png') no-repeat 96% center;}
#mainWrap .main-section02 .sec02-left-box .box:first-child dl dd {border-color: rgba(221,221,221,0.2); background: url('/images/main/main_sec02_list_arrow_white.png') no-repeat 96% center;}
#mainWrap .main-section02 .sec02-left-box .box dl dd a {display: inline-block; width: calc(100% - 30px); line-height: 50px; color: #444; font-size: 16px; letter-spacing: -0.5px; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mainWrap .main-section02 .sec02-left-box .box:last-child dl dd a {font-size: 15px;}
#mainWrap .main-section02 .sec02-left-box .box:first-child dl dd a {color: #fff;}
#mainWrap .main-section02 .sec02-left-box .box > .more-btn {display: inline-block; width: 100%; line-height: 70px; background: url('/images/main/main_sec02_list_more_btn.png') no-repeat 90% center; background-color: #0c67ae; padding: 0 40px; box-sizing: border-box; font-weight: 300; font-size: 18px; color: #fff; letter-spacing: -0.5px; text-decoration: none;}
#mainWrap .main-section02 .sec02-left-box .box:first-child > .more-btn {background-color: #202128;}
#mainWrap .main-section02 .sec02-right-box {float: right; width: calc(50% - 10px);}
#mainWrap .main-section02 .sec02-right-box dl {}
#mainWrap .main-section02 .sec02-right-box dl dt:before {content: ''; position: absolute; top: -20px; right: 10px; width: 132px; height: 154px; background: url('/images/main/main_sec02_right_char.png') no-repeat;}
#mainWrap .main-section02 .sec02-right-box dl dt {position: relative; background: url('/images/main/main_sec02_right_bg.jpg') no-repeat; background-size: cover; padding: 45px 40px; box-sizing: border-box;}
#mainWrap .main-section02 .sec02-right-box dl dt .center:before {content: ''; position: absolute; top: 0; left: 0; width: 86px; height: 90px; background: url('/images/main/main_sec02_right_tel.png') no-repeat;}
#mainWrap .main-section02 .sec02-right-box dl dt .center {position: relative; padding: 0 0 25px 110px; box-sizing: border-box; }
#mainWrap .main-section02 .sec02-right-box dl dt .center p {font-family: paybooc; font-weight: 400; font-size: 20px; line-height: 20px; color: #fff; letter-spacing: -0.5px;}
#mainWrap .main-section02 .sec02-right-box dl dt .center h6 {font-family: paybooc; font-weight: 500; font-size: 32px; line-height: 32px; color: #fff; letter-spacing: -0.5px; padding: 10px 0 5px 0;}
#mainWrap .main-section02 .sec02-right-box dl dt .center span {font-size: 15px; line-height: 25px; color: #d9e5ff;}
#mainWrap .main-section02 .sec02-right-box dl dt ul {border: 1px solid rgba(221,221,221,0.2); border-width: 1px 0; box-sizing: border-box;}
#mainWrap .main-section02 .sec02-right-box dl dt ul:after {content: ''; display: block; clear: both;}
#mainWrap .main-section02 .sec02-right-box dl dt ul li {float: left; width: calc(50% - 10px); background: url('/images/main/main_sec02_list_arrow_white.png') no-repeat 96% center;}
#mainWrap .main-section02 .sec02-right-box dl dt ul li:nth-child(odd) {margin-right: 20px;}
#mainWrap .main-section02 .sec02-right-box dl dt ul li:nth-child(n+3) {border-top: 1px solid rgba(221,221,221,0.2);}
#mainWrap .main-section02 .sec02-right-box dl dt ul li a {display: inline-block; width: calc(100% - 30px); line-height: 50px; color: #fff; font-size: 17px; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none;}
#mainWrap .main-section02 .sec02-right-box dl dd {margin-top: 38px;}
#mainWrap .main-section02 .sec02-right-box dl dd ol {overflow: hidden;}
#mainWrap .main-section02 .sec02-right-box dl dd ol li {position: relative; float: left; width: 25%; text-align: center;}
#mainWrap .main-section02 .sec02-right-box dl dd ol li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#mainWrap .main-section02 .sec02-right-box dl dd ol li img {}
#mainWrap .main-section02 .sec02-right-box dl dd ol li p {margin-top: 15px; font-weight: 300; font-size: 16px; line-height: 26px; color: #333; letter-spacing: -1px;}


#mainWrap .main-section03 {padding: 125px 0; background: url('/images/main/main_section03_bg.jpg') no-repeat center; background-size: cover;}
#mainWrap .main-section03 .main-title {text-align: center; padding-bottom: 65px;}
#mainWrap .main-section03 .main-title h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 40px; color: #333; letter-spacing: -0.5px; text-align: center; margin-bottom: 20px;}
#mainWrap .main-section03 .main-title p {font-size: 20px; line-height: 30px; color: #666; letter-spacing: -0.5px;}
#mainWrap .main-section03 .board-box {}
#mainWrap .main-section03 .board-box .buttons {text-align: center; margin-bottom: 40px;}
#mainWrap .main-section03 .board-box .buttons .button {width: 210px; height: 50px; line-height: 50px; color: #888; font-weight: 300; font-size: 18px; letter-spacing: -1px; text-align: center; border: none; border-radius: 25px; background: #fff; margin: 0 5px;}
#mainWrap .main-section03 .board-box .buttons .button.active {background: rgb(74,168,218); background: linear-gradient(90deg, rgba(74,168,218,1) 0%, rgba(0,124,222,1) 100%); color: #fff;}
#mainWrap .main-section03 .board-box .tab-slide {}
#mainWrap .main-section03 .board-box .tab-slide .tab-box {display: none;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box.active {display: block;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll .slick-list {overflow-x: hidden;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll {margin: 0 -20px;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll:after {content: ''; display: block; clear: both;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item {position: relative; float: left; margin: 0 20px; background: #fff; -webkit-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.1); -moz-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.1); box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.1);}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #00afe5; box-sizing: border-box; opacity: 0; visibility: hidden; transition: all .2s;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item:hover:after {opacity: 1; visibility: visible; transition: all .2s;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text {padding: 50px 40px; box-sizing: border-box;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text .cate {width: 80px; height: 30px; line-height: 30px; font-weight: 300; color: #888; border: 1px solid #888; box-sizing: border-box; border-radius: 15px; text-align: center; letter-spacing: -0.5px;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text .cate.notice {border-color: #5279be; color: #5279be;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text .cate.press {border-color: #86b65f; color: #86b65f;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text .cate.photo {border-color: #dd8a1d; color: #dd8a1d;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text h6 {font-weight: 300; font-size: 20px; line-height: 20px; color: #333; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 30px 0 15px 0;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text p {width: 100%; height: 95px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;font-size: 15px; line-height: 1.6em; color: #666; letter-spacing: -0.5px; text-overflow: ellipsis; word-wrap: break-word; overflow: hidden;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll li.item .text span {display: block; margin-top: 33px; padding-top: 20px; border-top: 1px solid #ddd; font-weight: 300; font-size: 16px; line-height: 16px; color: #555; letter-spacing: -0.5px;}

/* 210317 sj 포토뉴스 썸네일 추가 */
#mainWrap .main-section03 .board-box .tab-slide .tab-box.photo {}
#mainWrap .main-section03 .board-box .tab-slide .tab-box.photo > .roll li.item .thumb {position: relative; padding-bottom: calc(50% + 15px); background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: 25px;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box.photo > .roll li.item .text h6 {margin-top: 15px; margin-bottom: 0;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box.photo > .roll li.item .text span {margin-top: 23px;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box.photo .text p {display: none !important;}


/* #mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll .slick-dots {width: 1200px; position: relative; margin: 0 20px; margin-top: 50px; z-index: 2;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll .slick-dots:after {content: ''; display: block; clear: both;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll .slick-dots li {float: left; width: 100%; margin: 0; padding: 0;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll .slick-dots li button {width: 100%; height: 10px; border: none; background: #e9f3f5; text-indent: -9999em; border-radius: 5px;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box > .roll .slick-dots li.slick-active button {background: #3589cb;}
#mainWrap .main-section03 .board-box .tab-slide .bar {margin-top: -19px; width: 100%; height: 10px; background: #e9f3f5; border-radius: 5px;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box .bar {} */

#mainWrap .main-section03 .board-box .tab-slide .tab-box .slick-dots {display: none !important}
#mainWrap .main-section03 .board-box .tab-slide .tab-box .bar {position: relative;max-width: 1200px;height: 10px;z-index: 100;margin-top: 55px;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box .bar:after {content:'';position: absolute;top: 0; height: 10px; width: 100%;background: #e9f3f5; border-radius: 5px;}
#mainWrap .main-section03 .board-box .tab-slide .tab-box .bar span {display: inline-block;vertical-align: middle;position: absolute;top: 0;left: 0;height: 100%;border-radius: 5px;background: #3589cb;text-indent: -999em;transition: all 0.2s;z-index: 100;}


#mainWrap .main-section04 {padding: 120px 0; background: url('/images/main/main_section04_bg.jpg') no-repeat center; background-size: cover;}
#mainWrap .main-section04 .main-title {text-align: center; padding-bottom: 65px;}
#mainWrap .main-section04 .main-title h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 40px; color: #333; letter-spacing: -0.5px; text-align: center; margin-bottom: 20px;}
#mainWrap .main-section04 .main-title p {font-size: 20px; line-height: 30px; color: #666; letter-spacing: -0.5px;}
#mainWrap .main-section04 .sec04-wrap:after {content: ''; display: block; clear: both;}
#mainWrap .main-section04 .sec04-left-box {float: left; width: calc(100% - 406px); margin-right: 20px;}
#mainWrap .main-section04 .sec04-left-box .video {}
#mainWrap .main-section04 .sec04-left-box .video iframe {}
#mainWrap .main-section04 .sec04-left-box > a:before {content: ''; position: absolute; top: 50%; left: 30px; transform: translateY(-50%); width: 50px; height: 50px; background: url('/images/main/main_cult_btn_bef.png') no-repeat;}
#mainWrap .main-section04 .sec04-left-box > a {position: relative; display: block; width: 100%; height: 75px; line-height: 75px; background: rgb(74,168,218); background: linear-gradient(90deg, rgba(74,168,218,1) 0%, rgba(0,124,222,1) 100%); padding: 0 100px; box-sizing: border-box; margin-top: -4px; font-size: 18px; color: #fff; text-decoration: none; letter-spacing: -0.5px;}
#mainWrap .main-section04 .sec04-left-box > a:after {content: ''; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); width: 16px; height: 18px; background: url('/images/main/main_cult_btn_aft.png') no-repeat; }
#mainWrap .main-section04 .sec04-right-box {float: right; width: 386px;}
#mainWrap .main-section04 .sec04-right-box dl {position: relative;box-shadow: 4px 4px 4px rgba(0,0,0,0.15);}
#mainWrap .main-section04 .sec04-right-box dl dt {padding: 22px 30px; box-sizing: border-box; background: #fff; box-shadow: 0 4px 4px rgba(0,0,0,0.1);}
#mainWrap .main-section04 .sec04-right-box dl dt:after {content: ''; display: block; clear: both;}
#mainWrap .main-section04 .sec04-right-box dl dt h6 {float: left; font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 26px; color: #333; letter-spacing: -0.5px;}
#mainWrap .main-section04 .sec04-right-box dl dt .arrow {display: none; position: absolute; top: 28px; right: 20px;}
#mainWrap .main-section04 .sec04-right-box dl dt .arrow .slick-arrow {display: inline-block; width: 28px; height: 14px;}
#mainWrap .main-section04 .sec04-right-box dl dt .arrow .prev.slick-arrow {background: url('/images/main/main_sec01_pop_prev.png') no-repeat center;}
#mainWrap .main-section04 .sec04-right-box dl dt .arrow .next.slick-arrow {background: url('/images/main/main_sec01_pop_next.png') no-repeat center;}

/* 210317 sj 추가 */
#mainWrap .main-section04 .sec04-right-box dl dd .roll .slick-arrow {position: absolute; top: -42px; width: 28px; height: 14px; border: none; text-indent: -9999em;}
#mainWrap .main-section04 .sec04-right-box dl dd .roll .slick-prev {right: 48px; background: url('/images/main/main_sec01_pop_prev.png') no-repeat center;}
#mainWrap .main-section04 .sec04-right-box dl dd .roll .slick-next {right: 20px; background: url('/images/main/main_sec01_pop_next.png') no-repeat center;}



#mainWrap .main-section04 .sec04-right-box dl dt .more-view {float: right; width: 13px; line-height: 26px; text-indent: -9999em; background: url('/images/main/main_sec01_pop_more.png') no-repeat center;}
#mainWrap .main-section04 .sec04-right-box dl dd {}
#mainWrap .main-section04 .sec04-right-box dl dd .roll {}
#mainWrap .main-section04 .sec04-right-box dl dd .roll li {position: relative;}
#mainWrap .main-section04 .sec04-right-box dl dd .roll li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
#mainWrap .main-section04 .sec04-right-box dl dd .roll li .thumb {position: relative; padding-bottom: calc(100% + 66px); background-size: cover; background-position: center; background-repeat: no-repeat;}


#mainWrap .main-section05 {padding: 115px 0; background: url('/images/main/main_section05_bg.jpg') no-repeat; background-size: cover; text-align: center;}
#mainWrap .main-section05 .main-title {text-align: center; padding-bottom: 65px;}
#mainWrap .main-section05 .main-title h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 40px; color: #fff; letter-spacing: -0.5px; text-align: center; margin-bottom: 20px;}
#mainWrap .main-section05 .main-title p {font-size: 20px; line-height: 30px; color: #fff; letter-spacing: -0.5px;}
#mainWrap .main-section05 .recruit-wrap {margin-bottom: 40px; text-align: left; border: 1px solid #ddd; box-sizing: border-box;}
#mainWrap .main-section05 .recruit-wrap li {position: relative; background: #fff; box-shadow: 0px 4px 8px rgba(0,0,0,0.06); border-bottom: 1px solid #ddd; box-sizing: border-box;}
#mainWrap .main-section05 .recruit-wrap li:before {content: ''; position: absolute; top: -2px; left: -2px; width: 100%; height: 100%; border: 2px solid #00afe5; visibility: hidden; opacity: 0; transition: all .2s; z-index: 10;}
#mainWrap .main-section05 .recruit-wrap li:hover:before {opacity: 1; visibility: visible; transition: all .2s;}
#mainWrap .main-section05 .recruit-wrap li:hover {z-index: 10 !important;}
#mainWrap .main-section05 .recruit-wrap li:first-child {z-index: 4;}
#mainWrap .main-section05 .recruit-wrap li:nth-child(2) {z-index: 3;}
#mainWrap .main-section05 .recruit-wrap li:nth-child(3) {z-index: 2;}
#mainWrap .main-section05 .recruit-wrap li:nth-child(4) {z-index: 1;}
#mainWrap .main-section05 .recruit-wrap li:after {content: ''; display: block; clear: both;}
#mainWrap .main-section05 .recruit-wrap li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11;}
#mainWrap .main-section05 .recruit-wrap li .date-box {float: left; width: 110px; background: #f7f7f7; text-align: center; padding: 20px 0;}
#mainWrap .main-section05 .recruit-wrap li .date-box h6 {font-family: paybooc; font-weight: 500; font-size: 42px; line-height: 42px; color: #6a6b71; letter-spacing: -1px; text-align: center; margin-bottom: 9px;}
#mainWrap .main-section05 .recruit-wrap li .date-box span {font-family: paybooc; font-weight: 500; font-size: 16px; line-height: 16px; color: #6a6b71; letter-spacing: -0.5px;}
#mainWrap .main-section05 .recruit-wrap li p {float: left; width: calc(100% - 200px); padding: 0 60px; box-sizing: border-box; line-height: 110px; font-size: 18px; color: #666; letter-spacing: -0.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mainWrap .main-section05 .recruit-wrap li em {position: absolute; top: 50%; right: 30px; transform: translateY(-50%); width: 55px; height: 55px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 50%; background: url('/images/main/main_rec_arrow.png') no-repeat center; background-color: #fff; text-indent: -9999em; transition: all .2s;}
#mainWrap .main-section05 .recruit-wrap li:hover em {background: url('/images/main/main_rec_arrow_hov.png') no-repeat center; background-color: #00afe5; border-color :#00afe5; transition: all .2s;}
#mainWrap .main-section05 .recruit-wrap li .date-box {}
#mainWrap .main-section05 .recruit-btn {display: inline-block; width: 210px; height: 50px; line-height: 50px; text-align: center; font-weight: 300; font-size: 18px; color: #fff; letter-spacing: -1px; background: #1e9bda; text-decoration: none; border-radius: 25px;}


/**************************************************
	Sub
**************************************************/
#sub{overflow: hidden;}
#sub #content{ position: relative;width: 1200px; min-height: 400px; margin: 0 auto;padding: 0; }

#sub #content > *{}

#sub .sub-vis{position: relative;height: 200px;overflow: hidden;text-align: center;background-position: center center;background-size: cover;}
#sub .sub-vis:before{position: relative;content: '';display: inline-block;vertical-align: middle;width: 0;height: 100%;}
#sub .sub-vis h2{display: inline-block;vertical-align: middle;text-align: center;font-family: paybooc; font-size: 40px; font-weight: 400; color: #fff;letter-spacing: -1px;z-index: 2;}
#sub .sub-vis h2 em{display: block;margin-top: 10px;font-style: normal;font-size: 18px;font-weight: normal;}

/* #sub .sub-title {position: relative;padding-bottom: 20px;margin-bottom: 40px;border-bottom: 1px solid #ddd;} */
#sub .sub-title  h3{margin-top: 10px;font-size: 30px;color: #000;}

#sub .sub-tit {padding-left: 30px; background: url('/images/sub/sub_title_ico.png') no-repeat left center;}

.lnbWrap{background: #666666;}
#lnb{width: 1200px;margin: 0 auto;}
#lnb > li{display: inline-block;vertical-align: top;border-right: 1px solid #999999;box-sizing: border-box;}
#lnb > li:first-child{border-left: 1px solid #999999;}
#lnb > li a{display: block;line-height: 50px;font-size: 15px;text-decoration: none;text-align: center;color: #fff;}
#lnb > li.active a{background: #fff;color: #000;}

#status{position: absolute;bottom: 20px;right: 0;}
#status > ul > li{display: inline-block;}
#status > ul > li .spr{display: inline-block;vertical-align: middle;margin: 0 10px;color: #999;font-size: 11px;line-height: 11px;}
#status > ul > li a{font-size: 13px;color: #999;text-decoration: none;}
#status > ul > li:last-child a{color: #000;}
#status > ul > li > ul{display: none;}

#navigator{background: #0c67ae;}
#navigator > ul {width: 1200px;position: relative;margin: 0 auto;border-left: 1px solid #2984cb;box-sizing: border-box;background: #0c67ae;}
#navigator > ul > li{position: relative;display: inline-block;border-right: 1px solid #2984cb;vertical-align: top;z-index: 89;}
#navigator > ul > li > a{display: block;min-width: 300px;font-size: 18px;font-weight: 400;color: #fff;text-decoration: none;padding: 0 60px 0 30px;line-height: 60px; background: url('/images/layout/navi_spr_ico.png') no-repeat 90% center; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#navigator > ul > li:first-child a{min-width: 0;width: 70px;text-align: center;padding: 0;background: #0c67ae;color: #fff;font-size: 20px;}
#navigator > ul > li > ul{position: absolute;top: 60px;left: -1px;width: 100%;border: 1px solid #ddd;visibility: hidden;opacity: 0;transition: all 0.2s;}
#navigator > ul > li > ul li a{display: block;padding: 12px 15px;font-size: 15px;border-top: 1px solid #ddd;text-decoration: none;transition: all 0.3s;}
#navigator > ul > li > ul li:first-child a{border-top: none;}
#navigator > ul > li > ul li:hover a{background: #f7f7f7;}
#navigator > ul > li.on > ul{background: #fff;visibility: visible;opacity: 1;}
#navigator > ul > li > ul li.hidden-gnb{display: none;}

/* 약관 내용 출력 박스 */
.policybox{color: #666;font-size: 13px;line-height: 20px;}


.scrollGuide {display: none;}

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


.history-wrap {padding-top: 70px;}
.history-wrap .sub-title {padding-bottom: 50px;}
.history-wrap .sub-title h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 40px; color: #333; letter-spacing: -0.5px; text-align: center;}
.history-wrap .history-image {padding-bottom: 90px;}
.history-wrap .history-image > img {}
.history-wrap .history-image .text {position: relative; width: calc(100% - 100px); background: #fff; z-index: 1; margin: 0 auto; margin-top: -70px; padding: 60px; box-sizing: border-box; -webkit-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.1); -moz-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.1); box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.1);}
.history-wrap .history-image .text:after {content: ''; display: block; clear: both;}
.history-wrap .history-image .text > * {float: left;}
.history-wrap .history-image .text dt {position: relative; width: 350px; padding-left: 135px; box-sizing: border-box; font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 24px; color: #333; letter-spacing: -0.5px;}
.history-wrap .history-image .text dt:after {content: ''; position: absolute; top: -25px; left: 0; width: 115px; height: 101px; background: url('/images/sub/history_txt_ico.png') no-repeat;}
.history-wrap .history-image .text dd {width: calc(100% - 350px); font-weight: 200; font-size: 18px; line-height: 28px; color: #666; letter-spacing: -0.5px; margin-top: -5px;}
.history-wrap .history-list:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.history-wrap .history-list {position: relative; padding-top: 90px;}
.history-wrap .history-list > h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 40px; color: #333; letter-spacing: -0.5px; text-align: center; margin-bottom: 60px;}
.history-wrap .history-list .box:before {content: ''; position: absolute; top: 15px; left: calc(50% - 1px); width: 2px; height: calc(86% + 10px); background: #333;}
.history-wrap .history-list .box {position: relative;}
.history-wrap .history-list .box dl {}
.history-wrap .history-list .box dl:after {content: ''; display: block; clear: both;}
.history-wrap .history-list .box dl dt {width: 50%;position: relative;}
.history-wrap .history-list .box dl:nth-child(odd) dt {float: left; text-align: right; }
.history-wrap .history-list .box dl:nth-child(even) dt {float: right; text-align: left;}
.history-wrap .history-list .box dl dt:after {content: ''; position: absolute; top: 8px; width: 15px; height: 15px; background: #fff; border: 2px solid #888; box-sizing: border-box; border-radius: 50%;}
.history-wrap .history-list .box dl:nth-child(odd) dt:after {right: -7px}
.history-wrap .history-list .box dl:nth-child(even) dt:after {left: -7px;}
.history-wrap .history-list .box dl dt h6:before {content: ''; position: absolute; top: 15px; width: 110px; height: 2px; background: #eee;}
.history-wrap .history-list .box dl:nth-child(odd) dt h6:before {right: 0;}
.history-wrap .history-list .box dl:nth-child(even) dt h6:before {left: 0;}
.history-wrap .history-list .box dl dt h6 {position: relative; display: inline-block; font-family: paybooc; font-weight: 600; font-size: 40px; line-height: 40px; color: #202128; letter-spacing: -0.5px;}
.history-wrap .history-list .box dl:nth-child(odd) dt h6 {padding-right: 135px;}
.history-wrap .history-list .box dl:nth-child(even) dt h6 {padding-right: 0; padding-left: 135px;}
.history-wrap .history-list .box dl dt h6:after {content: ''; position: absolute; top: 12px; width: 8px; height: 8px; background: #202128; border-radius: 50%;}
.history-wrap .history-list .box dl:nth-child(odd) dt h6:after {right: 100px;}
.history-wrap .history-list .box dl:nth-child(even) dt h6:after {left: 100px;}
.history-wrap .history-list .box dl dt ul {margin: 50px 0;}
.history-wrap .history-list .box dl:nth-child(odd) dt ul {padding-right: 40px;}
.history-wrap .history-list .box dl:nth-child(even) dt ul {padding-left: 40px;}
.history-wrap .history-list .box dl dt ul li {font-size: 18px; line-height: 28px; color: #666; letter-spacing: -0.5px; padding: 15px 0;}
.history-wrap .history-list .box dl dt ul li strong {display: block; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px; margin-bottom: 10px;}
.history-wrap .history-list .box dl dt ul li span {display: block; font-size: 16px; line-height: 28px; color: #888; letter-spacing: -0.5px; margin-top: 10px;}
.history-wrap .history-list .box dl dd {width: calc(50% - 40px); margin-right: 40px; padding-top: 110px;}
.history-wrap .history-list .box dl dd:after {content: ''; display: block; clear: both;}
.history-wrap .history-list .box dl:nth-child(odd) dd {float: right; text-align: left;}
.history-wrap .history-list .box dl:nth-child(even) dd {float: left; text-align: right;}
.history-wrap .history-list .box dl dd img {}
.history-wrap .history-list .box dl dd p {position: relative; float: right; width: 150px; height: 50px; background: #274faa; z-index: 1; font-weight: 300; font-size: 20px; line-height: 50px; letter-spacing: -1px; margin-top: -20px; text-align: center; color: #fff;}
.history-wrap .history-list .box dl:last-child dd p {width: 180px;}
.history-wrap .history-list .box dl dd p:after {content: ''; position: absolute; top: 0; left: -30px; width: 30px; height: 50px; background: url('/images/sub/history_txt_aft.png') no-repeat;}

.history-wrap .history-list .box dl:last-child dt {float: left;}
.history-wrap .history-list .box dl:last-child dt {float: left; text-align: right; }
.history-wrap .history-list .box dl:last-child dt:after {right: -7px; left: auto;}
.history-wrap .history-list .box dl:last-child dt h6:before {right: 0; left: auto;}
.history-wrap .history-list .box dl:last-child dt h6 {padding-right: 135px;}
.history-wrap .history-list .box dl:last-child dt h6:after {right: 100px; left: auto;}
.history-wrap .history-list .box dl:last-child dt ul {padding-right: 40px;}
.history-wrap .history-list .box dl:last-child dd {float: right; text-align: left; margin-right: 0; margin-left: 40px;}

.history-wrap .history-list .box dl.all-img {padding-bottom: 70px;}
.history-wrap .history-list .box dl.all-img dt {width: calc(50% - 40px); margin-right: 40px; padding-top: 0;}
.history-wrap .history-list .box dl.all-img dt p {position: relative; float: right; width: 150px; height: 50px; background: #274faa; z-index: 1; font-weight: 300; font-size: 20px; line-height: 50px; letter-spacing: -1px; margin-top: -20px; text-align: center; color: #fff;}
.history-wrap .history-list .box dl.all-img dt p:after {content: ''; position: absolute; top: 0; left: -30px; width: 30px; height: 50px; background: url('/images/sub/history_txt_aft.png') no-repeat;}
.history-wrap .history-list .box dl.all-img dt:after {display: none;}
.history-wrap .history-list .box dl.all-img dd {margin-right: 0; margin-left: 40px; padding-top: 0;}


.greeting-wrap {padding: 70px 0 100px 0;}
.greeting-wrap dl {}
.greeting-wrap dl:after {content: ''; display: block; clear: both;}
.greeting-wrap dl > * {width: 50%;}
.greeting-wrap dl dd {float: left; position: relative; z-index: -1; padding: 30px 0 0 30px; box-sizing: border-box;}
.greeting-wrap dl dd:after {content: ''; position: absolute; top: 0; left: 0; width: 390px; height: 540px; background: #f4f9fc; z-index: -1;}
.greeting-wrap dl dd > img {-webkit-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.15); -moz-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.15); box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.15);}
.greeting-wrap dl dd .logo {position: absolute; bottom: 74px; right: 90px;}
.greeting-wrap dl dd .logo img {}
.greeting-wrap dl dd h6 {margin-top: 25px; text-align: right; padding-right: 100px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.greeting-wrap dl dd h6 img {display: inline-block; vertical-align: bottom; margin-left: 10px;}
.greeting-wrap dl dt {float: right; font-family: noto; padding-top: 30px;}
.greeting-wrap dl dt h5 {font-family: paybooc; font-weight: 300; font-size: 34px; line-height: 48px; color: #333; letter-spacing: -0.5px; padding-bottom: 40px; border-bottom: 1px solid #ddd;}
.greeting-wrap dl dt h5 span {display: block; font-family: inherit; font-weight: 400; font-size: inherit; color: inherit;}
.greeting-wrap dl dt h5 span strong {font-weight: 400; color: #0483c5;}
.greeting-wrap dl dt h6 {font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px; padding: 20px 0;}
.greeting-wrap dl dt p {font-weight: 200; font-size: 16px; line-height: 28px; color: #888; letter-spacing: -0.5px; margin-bottom: 30px;}








.vision-wrap {padding: 70px 0 90px 0;}
.vision-wrap .title {position: relative; background: url('/images/sub/vision_title_bg.png') no-repeat 55% top; text-align: center;}
.vision-wrap .title span {font-weight: 300; font-size: 18px; line-height: 28px; color: #0c67ae; letter-spacing: -1px;}
.vision-wrap .title h4 {text-align: center; font-family: paybooc; font-weight: 300; font-size: 34px; line-height: 48px; color: #333; letter-spacing: -0.5px; margin-top: 20px;}
.vision-wrap .title h4 strong {display: block; font-weight: 400; color: #0483c5;}
.vision-wrap .vm-box {margin-top: 60px; overflow: hidden;}
.vision-wrap .vm-box dt {text-align: center;}
.vision-wrap .vm-box dt ul {}
.vision-wrap .vm-box dt ul li {display: inline-block; vertical-align: top; padding: 0 30px;}
.vision-wrap .vm-box dt ul li img {border-radius: 50%; -webkit-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.15); -moz-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.15); box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.15);}
.vision-wrap .vm-box dd {float: left; width: 50%; margin: 70px 0; border: 1px solid #ddd; padding: 45px 50px; box-sizing: border-box;}
.vision-wrap .vm-box dd:last-child {border-left: 0;}
.vision-wrap .vm-box dd h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 30px; color: #333; letter-spacing: -0.5px;}
.vision-wrap .vm-box dd p {font-size: 18px; line-height: 28px; color: #888; letter-spacing: -0.5px; padding-left: 30px; box-sizing: border-box; margin-top: 10px;}
.vision-wrap .core-box:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.vision-wrap .core-box {position: relative; padding: 85px 0; text-align: center;}
.vision-wrap .core-box h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.vision-wrap .core-box dl {padding-top: 65px;}
.vision-wrap .core-box dl:after {content: ''; display: block; clear: both;}
.vision-wrap .core-box dl dt {float: left; width: 50%;}
.vision-wrap .core-box dl dt .circle-box {position: relative; display: inline-block; width: 210px; height: 200px; background: url('/images/sub/vision_circle_bg01.png') no-repeat; margin-left: -10px;}
.vision-wrap .core-box dl dt .circle-box h6 {width: calc(100% - 20px); text-align: center; font-family: paybooc; font-weight: 400; font-size: 24px; color: #fff; letter-spacing: -0.5px; line-height: 200px;}
.vision-wrap .core-box dl dt ul:before {content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 20px; background: #bbb;}
.vision-wrap .core-box dl dt ul {position: relative; padding: 20px 30px 0 30px; margin-top: 10px; overflow: hidden;}
.vision-wrap .core-box dl dt ul:after {content: ''; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: calc(75% - 45px); height: 1px; background: #bbb;}
.vision-wrap .core-box dl dt ul li {position: relative; float: left; width: 25%; padding-top: 20px;}
.vision-wrap .core-box dl dt ul li:after {content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 20px; background: #bbb;}
.vision-wrap .core-box dl dt ul li img {margin: 15px 0 20px 0;}
.vision-wrap .core-box dl dt ul li:first-child img {margin: 12px 0 18px 0;}
.vision-wrap .core-box dl dt ul li:nth-child(2) img {margin-bottom: 15px;}
.vision-wrap .core-box dl dt ul li:last-child img {margin-bottom: 16px;}
.vision-wrap .core-box dl dt ul li p {font-weight: 300; font-size: 20px; line-height: 20px; color: #333; letter-spacing: -1px;}
.vision-wrap .core-box dl dd {float: right; width: 50%;}
.vision-wrap .core-box dl dd .circle-box {position: relative; display: inline-block; width: 210px; height: 200px; background: url('/images/sub/vision_circle_bg02.png') no-repeat; margin-left: -10px;}
.vision-wrap .core-box dl dd .circle-box h6 {width: calc(100% - 20px); text-align: center; font-family: paybooc; font-weight: 400; font-size: 24px; color: #fff; letter-spacing: -0.5px; line-height: 200px;}
.vision-wrap .core-box dl dd ul:before {content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 20px; background: #bbb;}
.vision-wrap .core-box dl dd ul {position: relative; padding: 20px 30px 0 30px; margin-top: 10px; overflow: hidden;}
.vision-wrap .core-box dl dd ul:after {content: ''; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: calc(75% - 45px); height: 1px; background: #bbb;}
.vision-wrap .core-box dl dd ul li {position: relative; float: left; width: 25%; padding-top: 20px;}
.vision-wrap .core-box dl dd ul li:after {content: ''; position: absolute; top: 0; left: 50%; width: 1px; height: 20px; background: #bbb;}
.vision-wrap .core-box dl dd ul li img {margin: 15px 0 25px 0;}
.vision-wrap .core-box dl dd ul li:first-child img {margin-bottom: 13px;}
.vision-wrap .core-box dl dd ul li:nth-child(3) img {margin-bottom: 13px;}
.vision-wrap .core-box dl dd ul li:last-child img {margin: 28px 0 20px 0;}
.vision-wrap .core-box dl dd ul li p {font-weight: 300; font-size: 20px; line-height: 20px; color: #333; letter-spacing: -1px;}
.vision-wrap .goal-box {padding: 90px 0;}
.vision-wrap .goal-box h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.vision-wrap .goal-box ul {margin: 0 -10px; padding-top: 60px;}
.vision-wrap .goal-box ul:after {content: ''; display: block; clear: both;}
.vision-wrap .goal-box ul li {position: relative; float: left; width: calc(25% - 20px); min-height: 285px; margin: 0 10px; padding: 50px 40px; border: 5px solid #eee; box-sizing: border-box;}
.vision-wrap .goal-box ul li strong {display: block; font-family: paybooc; font-weight: 600; font-size: 40px; line-height: 40px; color: #0c67ae; letter-spacing: -1px; margin-bottom: 20px;}
.vision-wrap .goal-box ul li p {font-size: 18px; line-height: 26px; color: #666; letter-spacing: -1px;}
.vision-wrap .goal-box ul li img {position: absolute; bottom: 35px; right: 35px;}
.vision-wrap .work-box:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -10;}
.vision-wrap .work-box {position: relative; padding: 90px 0;}
.vision-wrap .work-box h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.vision-wrap .work-box ul:before {content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 340px; height: 340px; border-radius: 50%; border: 1px solid #e1e1e1; box-sizing: border-box; z-index: -4;}
.vision-wrap .work-box ul {position: relative; margin: 0 auto; margin-top: 60px; padding: 60px 190px; box-sizing: border-box; overflow: hidden;}
.vision-wrap .work-box ul:after {content: ''; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); width: 280px; height: 280px; border: 3px dashed #e1e1e1; box-sizing: border-box; border-radius: 50%; z-index: -4;}
.vision-wrap .work-box ul li {position: relative; float: left; width: 220px; min-height: 220px; text-align: center; border-radius: 50%;-webkit-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05); -moz-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05); box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05); margin-left: -20px;}
.vision-wrap .work-box ul li:first-child {z-index: -3; background: #fff; border: 5px solid #edf2f5; box-sizing: border-box; margin-left: 0;}
.vision-wrap .work-box ul li:nth-child(2) {z-index: -2; background: #2a59c5;}
.vision-wrap .work-box ul li:nth-child(3) {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 {z-index: 0; background: #0b5188;}
.vision-wrap .work-box ul li .mid {position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; z-index: 1;}
.vision-wrap .work-box ul li .mid img {}
.vision-wrap .work-box ul li .mid p {font-size: 21px; line-height: 28px; color: #fff; letter-spacing: -0.5px; margin-top: 15px;}
.vision-wrap .work-box ul li:first-child .mid p {font-family: paybooc; font-weight: 500; font-size: 20px; color: #222; margin-top: 22px;}
.vision-wrap .work-box ul li:last-child .mid p {margin-top: 22px;}
.vision-wrap .direct-box {padding-top: 90px;}
.vision-wrap .direct-box h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.vision-wrap .direct-box ul {margin: 0 -10px; padding-top: 60px;}
.vision-wrap .direct-box ul:after {content: ''; display: block; clear: both;}
.vision-wrap .direct-box ul li {float: left; width: calc(25% - 20px); margin: 0 10px;}
.vision-wrap .direct-box ul li img {}
.vision-wrap .direct-box ul li dl {padding: 35px 30px; box-sizing: border-box; border: 1px solid #ddd; border-top: 0;}
.vision-wrap .direct-box ul li dl dt {font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px; margin-bottom: 10px;}
.vision-wrap .direct-box ul li dl dd {font-size: 15px; line-height: 28px; color: #888; letter-spacing: -0.5px;}
.vision-wrap .direct-box ul li dl dd span {display: inline-block; vertical-align: text-top; width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 50%; box-sizing: border-box; line-height: 16px; text-align: center; font-family: paybooc; font-weight: 600; font-size: 11px; color: rgba(68,68,68,0.5); margin-right: 5px;}


.ci-wrap {padding: 70px 0 90px 0;}
.ci-wrap .title {text-align: center; padding-bottom: 90px;}
.ci-wrap .title h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.ci-wrap .title ul {margin: 60px 0 40px 0;}
.ci-wrap .title ul:after {content: ''; display: block; clear: both;}
.ci-wrap .title ul li {position: relative; float: left; width: calc(50% - 15px); min-height: 240px; background: url('/images/sub/ci_logo_bg.jpg') no-repeat; border: 1px solid #ddd; box-sizing: border-box;}
.ci-wrap .title ul li:first-child {margin-right: 30px;}
.ci-wrap .title ul li img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ci-wrap .title h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; text-align: center;}
.ci-wrap .title p {font-size: 16px; line-height: 26px; color: #888; letter-spacing: -0.5px; margin: 20px 0 50px 0;}
.ci-wrap .title .download {}
.ci-wrap .title .download > * {display: inline-block; width: 210px; height: 50px; line-height: 50px; margin: 0 5px; border-radius: 30px;}
.ci-wrap .title .download dt {background: rgb(74,168,218); background: linear-gradient(66deg, rgba(74,168,218,1) 0%, rgba(0,124,222,1) 100%);}
.ci-wrap .title .download dd {border: 2px solid #0483c5; box-sizing: border-box; line-height: 46px;}
.ci-wrap .title .download a {display: inline-block; font-weight: 300; font-size: 16px; letter-spacing: -1px; text-decoration: none;}
.ci-wrap .title .download dt a {color: #fff;}
.ci-wrap .title .download dd a {color: #0483c5;}
.ci-wrap .color-rule-box:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.ci-wrap .color-rule-box {position: relative; padding: 90px 0;}
.ci-wrap .color-rule-box > h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.ci-wrap .color-rule-box > p {font-size: 16px; line-height: 26px; color: #888; letter-spacing: -0.5px; text-align: center; margin: 25px 0 50px 0;}
.ci-wrap .color-rule-box .main-color {padding-bottom: 55px;}
.ci-wrap .color-rule-box .main-color:after {content: ''; display: block; clear: both;}
.ci-wrap .color-rule-box .main-color h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 30px; color: #333; letter-spacing: -0.5px; margin-bottom: 20px;}
.ci-wrap .color-rule-box .main-color h6 span {font-family: inherit; font-weight: inherit; font-size: 16px; line-height: inherit; color: #888; text-transform: uppercase;}
.ci-wrap .color-rule-box .main-color dl {float: left; width: calc(33.33% - 20px); margin-left: 30px; -webkit-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05); -moz-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05); box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05);}
.ci-wrap .color-rule-box .main-color dl.green {margin-left: 0;}
.ci-wrap .color-rule-box .main-color dl dt {padding: 40px 0 20px 30px; font-family: paybooc; font-weight: 400; font-size: 20px; line-height: 20px; color: #fff; letter-spacing: -0.5px;}
.ci-wrap .color-rule-box .main-color dl.green dt {background: #6aa744;}
.ci-wrap .color-rule-box .main-color dl.orange dt {background: #eb8923;}
.ci-wrap .color-rule-box .main-color dl.blue dt {background: #0091c7;}
.ci-wrap .color-rule-box .main-color dl dd {padding: 15px 30px; background: #fff; font-weight: 300; font-size: 15px; line-height: 25px; color: #333; letter-spacing: -1px;}
.ci-wrap .color-rule-box .sub-color {}
.ci-wrap .color-rule-box .sub-color h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 30px; color: #333; letter-spacing: -0.5px; margin-bottom: 20px;}
.ci-wrap .color-rule-box .sub-color h6 span {font-family: inherit; font-weight: inherit; font-size: 16px; line-height: inherit; color: #888; text-transform: uppercase;}
.ci-wrap .color-rule-box .sub-color ul {margin: 0 -15px;}
.ci-wrap .color-rule-box .sub-color ul:after {content: ''; display: block; clear: both;}
.ci-wrap .color-rule-box .sub-color ul li {float: left; width: calc(16.66% - 30px); margin: 0 15px;-webkit-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05); -moz-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05); box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.05);}
.ci-wrap .color-rule-box .sub-color ul li div {width: 100%; height: 50px;}
.ci-wrap .color-rule-box .sub-color ul li .green {background: #a7be39;}
.ci-wrap .color-rule-box .sub-color ul li .yellow {background: #f2be1a;}
.ci-wrap .color-rule-box .sub-color ul li .blue {background: #30aad7;}
.ci-wrap .color-rule-box .sub-color ul li .black {background: #3c3a3b;}
.ci-wrap .color-rule-box .sub-color ul li .gold {background: #d6bb29;}
.ci-wrap .color-rule-box .sub-color ul li .silver {background: #b7b9bc;}
.ci-wrap .color-rule-box .sub-color ul li p {padding: 15px 30px; background: #fff; font-weight: 300; font-size: 15px; line-height: 25px; color: #333; letter-spacing: -1px;}
.ci-wrap .signature-box {padding-top: 90px;}
.ci-wrap .signature-box > h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.ci-wrap .signature-box > p {font-size: 16px; line-height: 26px; color: #888; letter-spacing: -0.5px; text-align: center; margin: 25px 0 10px 0;}
.ci-wrap .signature-box .box-wrap {}
.ci-wrap .signature-box .box-wrap dl {padding-top: 50px;}
.ci-wrap .signature-box .box-wrap dl:after {content: ''; display: block; clear: both;}
.ci-wrap .signature-box .box-wrap dl > * {width: calc(50% - 15px);}
.ci-wrap .signature-box .box-wrap dl dt {position: relative; float: left; margin-right: 30px;}
.ci-wrap .signature-box .box-wrap dl dt h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 30px; color: #333; letter-spacing: -0.5px; margin-bottom: 20px;}
.ci-wrap .signature-box .box-wrap dl dt .box {position: relative; border: 1px solid #ddd; box-sizing: border-box; min-height: 130px;}
.ci-wrap .signature-box .box-wrap dl dt .box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.ci-wrap .signature-box .box-wrap dl dd {float: right;}
.ci-wrap .signature-box .box-wrap dl dd h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 30px; color: #333; letter-spacing: -0.5px; margin-bottom: 20px;}
.ci-wrap .signature-box .box-wrap dl dd .box {position: relative; min-height: 130px;}
.ci-wrap .signature-box .box-wrap dl dd.color01 .box {background: #848689;}
.ci-wrap .signature-box .box-wrap dl dd.color02 .box {background: #ba8a27;}
.ci-wrap .signature-box .box-wrap dl dd.color03 .box {background: #9d9fa2;}
.ci-wrap .signature-box .box-wrap dl dd.color04 .box {background: rgb(151,201,60); background: linear-gradient(66deg, rgba(151,201,60,1) 0%, rgba(0,170,79,1) 100%);}
.ci-wrap .signature-box .box-wrap dl dd .box img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}


.organ-wrap {}
.organ-wrap .organiz-box {padding: 70px 0 90px 0;}
.organ-wrap .organiz-box h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.organ-wrap .organiz-box .org-list {padding-top: 60px; text-align: center;}
.organ-wrap .organiz-box .org-list > img.pc {}
.organ-wrap .organiz-box .org-list > img.mo {display: none;}
.organ-wrap .organiz-box .org-list .top {width: 780px; margin: 0 auto;}
.organ-wrap .organiz-box .org-list .top li {position: relative; display: inline-block; vertical-align: middle; width: 150px; height: 150px; text-align: center;}
.organ-wrap .organiz-box .org-list .top li:first-child {padding-right: 95px; }
.organ-wrap .organiz-box .org-list .top li:first-child:after {content: ''; position: absolute; top: calc(50% - 1px); right: -2px; width: calc(100% - 160px); height: 2px; background: #dddddd;}
.organ-wrap .organiz-box .org-list .top li:last-child {padding-left: 95px;}
.organ-wrap .organiz-box .org-list .top li:last-child:after {content: ''; position: absolute; top: calc(50% - 1px); left: -2px; width: calc(100% - 160px); height: 2px; background: #dddddd;}
.organ-wrap .organiz-box .org-list .top li p {position: relative; width: 100%; height: 100%; line-height: 150px;border-radius: 50%; font-family: paybooc; font-weight: 400; font-size: 24px; color: #fff; letter-spacing: -0.5px;}
.organ-wrap .organiz-box .org-list .top li:first-child p:before {content: ''; position: absolute; top: calc(50% - 6px); right: -22px; width: 12px; height: 12px; background: #fff; border: 2px solid #ddd; box-sizing: border-box; border-radius: 50%; z-index: 10;}
.organ-wrap .organiz-box .org-list .top li:first-child p {background: #37a3e1;}
.organ-wrap .organiz-box .org-list .top li:last-child p:before {content: ''; position: absolute; top: calc(50% - 6px); left: -22px; width: 12px; height: 12px; background: #fff; border: 2px solid #ddd; box-sizing: border-box; border-radius: 50%; z-index: 10;}
.organ-wrap .organiz-box .org-list .top li:last-child p {background: #274faa;}
.organ-wrap .organiz-box .org-list .top li.dir:before {content: ''; position: absolute; top: 0; left: 0; width: calc(100% - 60px); height: calc(100% - 40px); background: #bbd3e0; opacity: 0.5; z-index: -1; border-radius: 50%;}
.organ-wrap .organiz-box .org-list .top li.dir {position: relative; width: 280px; height: 260px; padding: 20px 30px; box-sizing: border-box;}
.organ-wrap .organiz-box .org-list .top li.dir:after {content: ''; position: absolute; bottom: 0; right: 0; width: calc(100% - 60px); height: calc(100% - 40px); background: #c1cde5; opacity: 0.5; z-index: -2; border-radius: 50%;}
.organ-wrap .organiz-box .org-list .top li.dir h6 {position: relative; text-align: center; width: calc(100% - 80px); height: calc(100% - 80px); line-height: 140px; font-family: paybooc; font-weight: 400; font-size: 32px; color: #333; letter-spacing: -0.5px; padding: 20px; margin: 20px; background: #fff; border-radius: 50%;}
.organ-wrap .organiz-box .org-list .top li.dir h6:after {content: ''; position: absolute; top: -20px; left: -20px; width: calc(100% + 40px); height: calc(100% + 40px); border-radius: 50%;background: rgb(74,168,218); background: linear-gradient(66deg, rgba(74,168,218,1) 0%, rgba(0,124,222,1) 100%); z-index: -1;}
.organ-wrap .organiz-box .org-list .bot {position: relative; margin-top: 40px; text-align: center;}
.organ-wrap .organiz-box .org-list .bot h6:before {content: ''; position: absolute; top: -44px; left: 50%; width: 1px; height: 40px; background: #ddd;}
.organ-wrap .organiz-box .org-list .bot h6 {position: relative; width: 220px; height: 60px; line-height: 54px; text-align: center; margin: 0 auto; border: 3px solid #0c67ae; box-sizing: border-box; border-radius: 30px; font-weight: 300; font-size: 20px; color: #0b5188; letter-spacing: -0.5px; z-index: 1;}
.organ-wrap .organiz-box .org-list .bot p.tm {position: absolute; top: 0; right: 110px; width: 180px; height: 60px; line-height: 60px; background: #0c67ae; border-radius: 30px; font-weight: 300; font-size: 20px; color: #fff;}
.organ-wrap .organiz-box .org-list .bot p.tm:before {content: ''; position: absolute; top: -20px; right: 90px; width: 400px; height: 1px; background: #ddd; z-index: -1;}
.organ-wrap .organiz-box .org-list .bot p.tm:after {content: ''; position: absolute; top: -20px; left: 50%; width: 1px; height: 20px; background: #ddd;}
.organ-wrap .organiz-box .org-list .bot ul:before {content: ''; position: absolute; top: 0; left: calc(50% - 1px); width: 2px; height: 60px; background: #ddd}
.organ-wrap .organiz-box .org-list .bot ul {position: relative; padding-top: 60px; width: 1000px; margin: 0 auto; overflow: hidden;}
.organ-wrap .organiz-box .org-list .bot ul:after {content: ''; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); width: calc(100% - 250px); height: 2px; background: #ddd;}
.organ-wrap .organiz-box .org-list .bot ul li:before {content: ''; position: absolute; top: 0; left: calc(50% - 1px); width: 2px; height: 50px; background: #ddd;}
.organ-wrap .organiz-box .org-list .bot ul li {position: relative; float: left; width: calc(25% - 20px); margin: 0 10px; padding-top: 60px;}
.organ-wrap .organiz-box .org-list .bot ul li dl:before {content: ''; position: absolute; top: -22px; left: calc(50% - 6px); width: 12px; height: 12px; background: #fff; border: 2px solid #ddd; box-sizing: border-box; border-radius: 50%;}
.organ-wrap .organiz-box .org-list .bot ul li dl {position: relative;}
.organ-wrap .organiz-box .org-list .bot ul li dl dt {height: 60px; line-height: 60px; background: #0483c5; border-radius: 30px; font-weight: 300; font-size: 18px; color: #fff; letter-spacing: -0.5px; margin-bottom: 15px;}
.organ-wrap .organiz-box .org-list .bot ul li dl dd {margin-top: 5px; height: 60px; line-height: 54px; border: 3px solid #ddd; box-sizing: border-box; border-radius: 30px; background: #fff; font-size: 18px; color: #888; letter-spacing: -0.5px;}
.organ-wrap .organiz-box .org-list .cont-box {margin-top: 60px; overflow: hidden;}
.organ-wrap .organiz-box .org-list .cont-box > * {float: left; width: 50%; border: 1px solid #ddd; box-sizing: border-box; padding: 30px 40px; box-sizing: border-box;}
.organ-wrap .organiz-box .org-list .cont-box dt {border-right: 0;}
.organ-wrap .organiz-box .org-list .cont-box dd {}
.organ-wrap .organiz-box .org-list .cont-box strong:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 3px; height: 3px; background: #0483c5; border-radius: 50%;}
.organ-wrap .organiz-box .org-list .cont-box strong {position: relative; display: inline-block; vertical-align: middle; width: 110px; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.organ-wrap .organiz-box .org-list .cont-box p {display: inline-block; vertical-align: middle; font-size: 16px; line-height: 30px; color: #666; letter-spacing: -0.5px;}
.organ-wrap .organiz-box .org-table {}
.organ-wrap .organiz-box .org-table > h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 30px; color: #333; letter-spacing: -0.5px; margin: 60px 0 20px 0;}

.organ-wrap .organiz-box .info01-box {margin: 15px 0 20px 0; overflow: hidden;}
.organ-wrap .organiz-box .info01-box > * {float: left; width: 50%; border: 1px solid #ddd; border-width: 1px 0; box-sizing: border-box; background-color: #fff !important; padding: 30px 40px;}
.organ-wrap .organiz-box .info01-box dt {position: relative; border-left: 1px solid #ddd; background: url('/images/sub/org_add_ico.png') no-repeat 40px center;}
.organ-wrap .organiz-box .info01-box dt:after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 25px; background: #ddd;s}
.organ-wrap .organiz-box .info01-box dd {border-right: 1px solid #ddd; background: url('/images/sub/org_tel_ico.png') no-repeat 40px center;}
.organ-wrap .organiz-box .info01-box strong {display: inline-block; vertical-align: middle; width: 175px; padding-left: 65px; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px; box-sizing: border-box;}
.organ-wrap .organiz-box .info01-box p {display: inline-block; vertical-align: middle; font-size: 16px; line-height: 26px; color: #888; letter-spacing: -0.5px;}
.organ-wrap .organiz-box .info02-box {overflow: hidden; margin-bottom: 30px; border: 1px solid #ddd; padding: 40px; box-sizing: border-box;background-color: #fff !important;}
.organ-wrap .organiz-box .info02-box > * {float: left;}
.organ-wrap .organiz-box .info02-box dt {width: 275px; padding: 10px 0 10px 65px; box-sizing: border-box; background: url('/images/sub/org_fax_ico.png') no-repeat 0 center;}
.organ-wrap .organiz-box .info02-box dt strong {font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.organ-wrap .organiz-box .info02-box dd {width: calc(100% - 275px);}
.organ-wrap .organiz-box .info02-box dd ul {}
.organ-wrap .organiz-box .info02-box dd ul li:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 3px; height: 3px; background: #0483c5; border-radius: 50%;}
.organ-wrap .organiz-box .info02-box dd ul li {position: relative; display: inline-block; vertical-align: middle; padding-left: 12px; box-sizing: border-box; font-size: 16px; line-height: 30px; color: #888; letter-spacing: -0.5px;}
.organ-wrap .organiz-box .info02-box dd ul li:nth-child(odd) {width: 40%;}
.organ-wrap .organiz-box .info02-box dd ul li:nth-child(even) {width: 60%;}
.organ-wrap .organiz-box .info02-box dd ul li strong {display: inline-block; font-weight: 300; font-size: 16px; line-height: 30px; color: #444; letter-spacing: -0.5px;}
.organ-wrap .organiz-box .info02-box dd ul li:nth-child(odd) strong {width: 175px;}
.organ-wrap .organiz-box .info02-box dd ul li:nth-child(even) strong {width: 200px;}


.organ-wrap .organiz-box .org-table .table-box {position: relative;}
.organ-wrap .organiz-box .org-table .table-box table {width: 100%;}
.organ-wrap .organiz-box .org-table .table-box table caption {height: 35px; text-align: right; font-size: 15px; color: #888; margin-top: -35px;}
.organ-wrap .organiz-box .org-table .table-box table tr > * {height: 50px; text-align: center;}
.organ-wrap .organiz-box .org-table .table-box table thead {border-top: 2px solid #0c67ae; border-bottom: 1px solid #0c67ae;}
.organ-wrap .organiz-box .org-table .table-box table thead tr th {height: 55px; background: #f1f5f7; border: 1px solid #c3d9e8; border-width: 1px 1px 0 1px; font-weight: 300; font-size: 16px; color: #333; letter-spacing: -0.5px;}
.organ-wrap .organiz-box .org-table .table-box table thead tr th:first-child {border-left: 0;}
.organ-wrap .organiz-box .org-table .table-box table thead tr th:last-child {border-right: 0;}
.organ-wrap .organiz-box .org-table .table-box table thead tr th span {display: block; font-weight: 400; font-size: 15px; line-height: 24px; letter-spacing: -0.5px;}
.organ-wrap .organiz-box .org-table .table-box table tbody tr > * {border: 1px solid #ddd; font-size: 15px; color: #666; letter-spacing: -0.5px;}
.organ-wrap .organiz-box .org-table .table-box table tbody tr th {color: #333; background: #eee; border-left: 0;}
.organ-wrap .organiz-box .org-table .table-box table tbody tr th:last-child,
.organ-wrap .organiz-box .org-table .table-box table tbody tr td:last-child {border-right: 0;}
.organ-wrap .organiz-box .org-table .table-box table tfoot tr td {height: 35px; text-align: right; font-size: 15px; color: #888;}
.organ-wrap .contact-box:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.organ-wrap .contact-box {display: none; position: relative; padding: 90px 0;}
.organ-wrap .contact-box > h5 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.organ-wrap .contact-box .info01-box {margin: 55px 0 20px 0; overflow: hidden;}
.organ-wrap .contact-box .info01-box > * {float: left; width: 50%; border: 1px solid #ddd; border-width: 1px 0; box-sizing: border-box; background-color: #fff !important; padding: 30px 40px;}
.organ-wrap .contact-box .info01-box dt {position: relative; border-left: 1px solid #ddd; background: url('/images/sub/org_add_ico.png') no-repeat 40px center;}
.organ-wrap .contact-box .info01-box dt:after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 25px; background: #ddd;s}
.organ-wrap .contact-box .info01-box dd {border-right: 1px solid #ddd; background: url('/images/sub/org_tel_ico.png') no-repeat 40px center;}
.organ-wrap .contact-box .info01-box strong {display: inline-block; vertical-align: middle; width: 175px; padding-left: 65px; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px; box-sizing: border-box;}
.organ-wrap .contact-box .info01-box p {display: inline-block; vertical-align: middle; font-size: 16px; line-height: 26px; color: #888; letter-spacing: -0.5px;}
.organ-wrap .contact-box .info02-box {overflow: hidden; margin-bottom: 30px; border: 1px solid #ddd; padding: 40px; box-sizing: border-box;background-color: #fff !important;}
.organ-wrap .contact-box .info02-box > * {float: left;}
.organ-wrap .contact-box .info02-box dt {width: 275px; padding: 10px 0 10px 65px; box-sizing: border-box; background: url('/images/sub/org_fax_ico.png') no-repeat 0 center;}
.organ-wrap .contact-box .info02-box dt strong {font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.organ-wrap .contact-box .info02-box dd {width: calc(100% - 275px);}
.organ-wrap .contact-box .info02-box dd ul {}
.organ-wrap .contact-box .info02-box dd ul li:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 3px; height: 3px; background: #0483c5; border-radius: 50%;}
.organ-wrap .contact-box .info02-box dd ul li {position: relative; display: inline-block; vertical-align: middle; padding-left: 12px; box-sizing: border-box; font-size: 16px; line-height: 30px; color: #888; letter-spacing: -0.5px;}
.organ-wrap .contact-box .info02-box dd ul li:nth-child(odd) {width: 40%;}
.organ-wrap .contact-box .info02-box dd ul li:nth-child(even) {width: 60%;}
.organ-wrap .contact-box .info02-box dd ul li strong {display: inline-block; font-weight: 300; font-size: 16px; line-height: 30px; color: #444; letter-spacing: -0.5px;}
.organ-wrap .contact-box .info02-box dd ul li:nth-child(odd) strong {width: 175px;}
.organ-wrap .contact-box .info02-box dd ul li:nth-child(even) strong {width: 200px;}
.organ-wrap .contact-box .table-box {}
.organ-wrap .contact-box .table-box table {width: 100%;}
.organ-wrap .contact-box .table-box table caption {height: 35px; text-align: right; font-size: 15px; color: #888; margin-top: -35px;}
.organ-wrap .contact-box .table-box table tr > * {height: 50px; text-align: center;}
.organ-wrap .contact-box .table-box table thead {border-top: 2px solid #0c67ae; border-bottom: 1px solid #0c67ae;}
.organ-wrap .contact-box .table-box table thead tr th {height: 55px; background: #f1f5f7; border: 1px solid #c3d9e8; border-width: 1px 1px 0 1px; font-weight: 300; font-size: 16px; color: #333; letter-spacing: -0.5px;}
.organ-wrap .contact-box .table-box table thead tr th:first-child {border-left: 0;}
.organ-wrap .contact-box .table-box table thead tr th:last-child {border-right: 0;}
.organ-wrap .contact-box .table-box table thead tr th span {display: block; font-weight: 400; font-size: 15px; line-height: 24px; letter-spacing: -0.5px;}
.organ-wrap .contact-box .table-box table tbody tr > * {border: 1px solid #ddd; font-size: 15px; color: #666; letter-spacing: -0.5px; background: #fff;}
.organ-wrap .contact-box .table-box table tbody tr th {color: #333; background: #eee; border-left: 0;}
.organ-wrap .contact-box .table-box table tbody tr th:last-child,
.organ-wrap .contact-box .table-box table tbody tr td:last-child {border-right: 0;}
.organ-wrap .contact-box .table-box table tfoot tr td {height: 35px; text-align: right; font-size: 15px; color: #888;}


.manage-wrap {padding: 70px 0 90px 0;}
.manage-wrap > h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.manage-wrap .manage-info {margin: 60px 0; padding: 45px 55px; border: 5px solid #eee; box-sizing: border-box;}
.manage-wrap .manage-info:after {content: ''; display: block; clear: both;}
.manage-wrap .manage-info > * {float: left;}
.manage-wrap .manage-info dt {width: 190px;}
.manage-wrap .manage-info dt img {}
.manage-wrap .manage-info dd {width: calc(100% - 190px);}
.manage-wrap .manage-info dd p {font-size: 16px; line-height: 26px; color: #888; letter-spacing: -1px; margin-bottom: 15px;}
.manage-wrap .manage-info dd a {display: inline-block; width: 270px; height: 50px; line-height: 50px; background: #37a3e1; border-radius: 30px; text-align: center; text-decoration: none; font-size: 16px; color: #fff; letter-spacing: -0.5px;}
.manage-wrap .manage-tab {}
.manage-wrap .manage-tab dl {}
.manage-wrap .manage-tab dl:first-child {border-top: 2px solid #333;}
.manage-wrap .manage-tab dl dt {border-bottom: 1px solid #ddd; padding: 0 45px; line-height: 70px; font-family: paybooc; font-weight: 400; font-size: 20px; color: #333; letter-spacing: -0.5px; background: url('/images/sub/manag_down_arrow.png') no-repeat 96% center; cursor: pointer;}
.manage-wrap .manage-tab dl.active dt {background: url('/images/sub/manag_up_arrow.png') no-repeat 96% center;}
.manage-wrap .manage-tab dl dd {display: none; padding: 40px 65px; box-sizing: border-box; background: #f6f9fb; border-bottom: 1px solid #ddd;}
.manage-wrap .manage-tab dl:first-child dd {display: block;}
.manage-wrap .manage-tab dl dd > ul {}
.manage-wrap .manage-tab dl dd > ul > li:before {content: ''; position: absolute; top: 15px; left: 0; width: 3px; height: 3px; background: #0c67ae;}
.manage-wrap .manage-tab dl dd > ul > li {position: relative; font-size: 16px; line-height: 34px; color: #555; letter-spacing: -0.5px; padding-left: 13px;}
.manage-wrap .manage-tab dl dd > ul > li > ul {margin-bottom: 5px;}
.manage-wrap .manage-tab dl dd > ul > li > ul > li:before {display: none;}
.manage-wrap .manage-tab dl dd > ul > li > ul > li {font-size: 14px; line-height: 24px; color: #888; letter-spacing: -0.5px;}

.upright-wrap {padding: 70px 0 90px 0;}
.upright-wrap .box:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.upright-wrap .box {display: inline-block; vertical-align: middle; width: 100%; height: 450px; text-align: center; background: url('/images/sub/upr_bg.jpg') no-repeat; background-size: cover;}
.upright-wrap .box .mid {display: inline-block; vertical-align: middle;}
.upright-wrap .box .mid img {}
.upright-wrap .box .mid h5 {margin: 20px 0 15px 0; font-family: paybooc; font-weight: 400; font-size: 35px; line-height: 45px; color: #333; letter-spacing: -1.5px;}
.upright-wrap .box .mid p {font-size: 20px; line-height: 30px; color: #999; letter-spacing: -1px;}

.report-wrap {padding: 70px 0 90px 0;}
.report-wrap > h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.report-wrap .report-box {width: 100%; margin: 60px 0 90px 0; padding: 45px 0 45px 55px; border: 5px solid #eee; box-sizing: border-box;}
.report-wrap .report-box:after {content: ''; display: block; clear: both;}
.report-wrap .report-box > * {float: left;}
.report-wrap .report-box > dt {width: 190px;}
.report-wrap .report-box > dt img {}
.report-wrap .report-box > dd {width: calc(100% - 190px);}
.report-wrap .report-box > dd > dl {}
.report-wrap .report-box > dd > dl > dt {font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px; margin-bottom: 10px;}
.report-wrap .report-box > dd > dl > dd:before {content: ''; position: absolute; top: 3px; left: 0; width: 20px; height: 20px; background: url('/images/sub/sub_arw_ico.png') no-repeat;}
.report-wrap .report-box > dd > dl > dd {position: relative; padding-left: 25px; box-sizing: border-box; font-size: 16px; line-height: 24px; color: #888; letter-spacing: -0.5px; margin-bottom: 10px;}
.report-wrap .report-box > dd a {display: block; margin-top: 30px; width: 190px; height: 50px; line-height: 50px; background: #37a3e1; border-radius: 30px; text-align: center; text-decoration: none; font-size: 16px; font-weight: 300; color: #fff; letter-spacing: -0.5px;}
.report-wrap .report-list:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f7f7f7; z-index: -1;}
.report-wrap .report-list {position: relative; padding: 90px 0;}
.report-wrap .report-list dl {border: 1px solid #ddd; background: #fff; padding: 40px; box-sizing: border-box;}
.report-wrap .report-list dl:first-child {margin-bottom: 30px;}
.report-wrap .report-list dl dt:before {content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 3px; height: 3px; background: #0c67ae; border-radius: 50%;}
.report-wrap .report-list dl dt {position: relative; padding-left: 15px; margin-bottom: 10px; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.report-wrap .report-list dl dd {font-size: 16px; line-height: 28px; color: #666; letter-spacing: -0.5px;}
.report-wrap .report-list dl dd span {display: inline-block; vertical-align: text-top; width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 50%; box-sizing: border-box; line-height: 18px; text-align: center; font-family: paybooc; font-weight: 600; font-size: 11px; color: rgba(68,68,68,0.5); margin-right: 8px;}
.report-wrap .report-way {padding-top: 90px;}
.report-wrap .report-way h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.report-wrap .report-way dl {border: 1px solid #ddd; box-sizing: border-box; background-color: #fff; margin-bottom: 20px; overflow: hidden;}
.report-wrap .report-way dl > * {float: left; width: 50%; box-sizing: border-box; padding: 30px 40px;}
.report-wrap .report-way dl dt {position: relative; padding-right: 0;}
.report-wrap .report-way dl.site dt {width: 100%; background: url('/images/sub/report_list_ico01.png') no-repeat 40px center;}
.report-wrap .report-way dl.site dd {display: none; background: url('/images/sub/report_list_ico02.png') no-repeat 40px center;}
.report-wrap .report-way dl.tel dt {background: url('/images/sub/report_list_ico03.png') no-repeat 40px center;}
.report-wrap .report-way dl.tel dd {background: url('/images/sub/report_list_ico04.png') no-repeat 40px center;}
.report-wrap .report-way dl.add dt {background: url('/images/sub/report_list_ico05.png') no-repeat 40px center;}
.report-wrap .report-way dl dt:after {content: ''; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 25px; background: #ddd;}
.report-wrap .report-way dl dd {}
.report-wrap .report-way dl strong {display: inline-block; vertical-align: middle; width: 170px; padding-left: 65px; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px; box-sizing: border-box;}
.report-wrap .report-way dl.site strong {width: 220px;}
.report-wrap .report-way dl p {display: inline-block; vertical-align: middle; font-size: 16px; line-height: 26px; color: #888; letter-spacing: -0.5px;}
.report-wrap .report-way dl dt {}
.report-wrap .report-way dl dd {}
.report-wrap .report-way dl strong {}
.report-wrap .report-way dl p {}
.report-wrap .report-way dl.add {margin-bottom: 0;}
.report-wrap .report-way dl.add dt {width: 170px; padding-left: 105px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333;}
.report-wrap .report-way dl.add dt:after {display: none;}
.report-wrap .report-way dl.add dd {width: calc(100% - 170px);}
.report-wrap .report-way dl.add dd strong {display: inline-block; vertical-align: middle; font-weight: 300; font-size: 16px; line-height: 30px; margin-right: 10px;}
.report-wrap .report-way dl.add dd p {display: inline-block; vertical-align: middle; font-size: 16px; line-height: 26px; color: #888; letter-spacing: -0.5px;}


.location-wrap {padding: 70px 0 90px 0;}
.location-wrap > h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.location-wrap .map-box {padding-top: 60px;}
.location-wrap .map-box .map {width: 100%; height: 450px;}
.location-wrap .map-box .map > div {width: 100% !important; height: 100% !important;}
.location-wrap .map-box .map-info {position: relative; margin: 0 auto; margin-top: -50px; z-index: 2; width: calc(100% - 100px); background: #0c67ae; text-align: center; padding: 35px 0; -webkit-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.15); -moz-box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.15); box-shadow: -1px 2px 10px 4px rgba(0,0,0,0.15);}
.location-wrap .map-box .map-info li {display: inline-block; vertical-align: middle; color: #fff; padding: 0 25px; line-height: 24px; font-size: 16px; color: #fff; letter-spacing: -1px;}
.location-wrap .map-box .map-info li img {}
.location-wrap .map-box .map-info li strong {display: inline-block; vertical-align: top; font-weight: 300; font-size: 18px; margin: 0 30px 0 10px;}
.location-wrap .loc-box {margin-top: 90px;}
.location-wrap .loc-box dl {padding: 50px 0 50px 50px; border-bottom:  1px solid #ddd; box-sizing: border-box;}
.location-wrap .loc-box dl:first-child {border-top: 2px solid #0c67ae;}
.location-wrap .loc-box dl:after {content: ''; display: block; clear: both;}
.location-wrap .loc-box dl dt {float: left; width: 230px; text-align: center;}
.location-wrap .loc-box dl dt img {}
.location-wrap .loc-box dl dt h6 {text-align: center; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -0.5px; margin-top: 15px;}
.location-wrap .loc-box dl dd {float: left; width: calc(100% - 230px);}
.location-wrap .loc-box dl dd ul {}
.location-wrap .loc-box dl dd ul li {position: relative; padding-left: 15px; box-sizing: border-box; padding-bottom: 20px;}
.location-wrap .loc-box dl dd ul li:last-child {}
.location-wrap .loc-box dl dd ul li strong {font-size: 16px; line-height: 26px; color: #333; letter-spacing: -0.5px;}
.location-wrap .loc-box dl dd ul li strong:after {content: ''; position: absolute; top: 11px; left: 0; width: 3px; height: 3px; background: #0c67ae;}
.location-wrap .loc-box dl dd ul li p {font-size: 15px; line-height: 26px; color: #888; letter-spacing: -0.9px; margin-top: 5px;}




.const-wrap {padding: 70px 0 90px 0;}
.const-wrap > h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}

.const-wrap #step01, .const-wrap #step02, .const-wrap #step03, .const-wrap #step04, .const-wrap #step05 {height: 80px; margin-top: -80px;}

.const-wrap .const-box01 {padding: 60px 0 90px 0;}
.const-wrap .const-box01 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.const-wrap .const-box01 dl {border: 5px solid #eee; padding: 45px 35px; box-sizing: border-box;}
.const-wrap .const-box01 dl:after {content: ''; display: block; clear: both;}
.const-wrap .const-box01 dl > * {float: left;}
.const-wrap .const-box01 dl dt {width: calc(100% - 140px)}
.const-wrap .const-box01 dl dt strong:before {content: ''; position: absolute; top: -5px; left: 0; width: 7px; height: 7px; background: #0483c5; border-radius: 50%;}
.const-wrap .const-box01 dl dt strong {position: relative; font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 30px; color: #0c67ae; letter-spacing: -0.5px; padding-left: 10px;}
.const-wrap .const-box01 dl dt p {padding: 10px 0; font-size: 18px; line-height: 28px; color: #666; letter-spacing: -0.5px;}
.const-wrap .const-box01 dl dt span {font-size: 16px; line-height: 30px; padding-left: 30px; color: #666; letter-spacing: -0.5px; background: url('/images/sub/sub_arw_ico.png') no-repeat left center;}
.const-wrap .const-box01 dl dd {width: 140px;}
.const-wrap .const-box01 dl dd img {}
.const-wrap .const-box01 .define-box {border: 1px solid #ddd; background: #f7f7f7; margin: 30px 0 50px 0; padding: 20px 30px; box-sizing: border-box; border-radius: 3px;}
.const-wrap .const-box01 .define-box strong:before {content: ''; position: absolute; top: -5px; left: 0; width: 44px; height: 40px; background: url('/images/sub/construct_mark.png') no-repeat;}
.const-wrap .const-box01 .define-box strong {position: relative; display: inline-block; vertical-align: middle; padding: 0 40px 0 50px; font-weight: 300; font-size: 18px; line-height: 28px; color: #333; letter-spacing: -0.5px;}
.const-wrap .const-box01 .define-box p {display: inline-block; vertical-align: middle; font-size: 16px; line-height: 28px; color: #888; letter-spacing: -0.5px;}
.const-wrap .const-box01 ul {margin: 0 -5px;}
.const-wrap .const-box01 ul:after {content: ''; display: block; clear: both;}
.const-wrap .const-box01 ul li {float: left; width: calc(20% - 10px); margin: 0 5px; background: #37a3e1; border-radius: 25px;}
.const-wrap .const-box01 ul li a {display: inline-block; width: 100%; line-height: 50px; font-weight: 300; font-size: 16px; text-align: center; color: #fff; letter-spacing: -0.5px; text-decoration: none;}
.const-wrap .const-box02:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.const-wrap .const-box02 {position: relative; padding: 80px 0 60px 0;}
.const-wrap .const-box02 > h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.const-wrap .const-box02 .box {}
.const-wrap .const-box02 .box dl {padding: 40px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; margin-bottom: 20px;}
.const-wrap .const-box02 .box dl:after {content: ''; display: block; clear: both;}
.const-wrap .const-box02 .box dl dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.const-wrap .const-box02 .box dl dt {position: relative; float: left; width: 265px; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.const-wrap .const-box02 .box dl dd {float: right; width: calc(100% - 265px);}
.const-wrap .const-box02 .box dl dd > p {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px;}
.const-wrap .const-box02 .box dl dd > p > span {display: inline-block; width: 63px;}
.const-wrap .const-box02 .box dl dd > p.fst {margin-bottom: 10px;}
.const-wrap .const-box02 .box dl:first-child dd > p {display: inline-block;}
.const-wrap .const-box02 .box dl dd > span {display: inline-block; font-size: 15px; line-height: 26px; color: #999; letter-spacing: -1px; margin-top: 10px;}
.const-wrap .const-box02 .box dl:first-child dd > span {display: inline-block; padding-left: 10px; margin-top: 0;}
.const-wrap .const-box02 .box dl dd > p > strong {display: inline-block; font-weight: 300; color: #0483c5; padding-right: 5px;}
.const-wrap .const-box02 .box dl dd > p > span {}
.const-wrap .const-box02 .box dl dd > ul {}
.const-wrap .const-box02 .box dl dd > ul:after {content: ''; display: block; clear: both;}
.const-wrap .const-box02 .box dl dd > ul li {position: relative; float: left; width: 175px; margin-right: 45px; text-align: center;}
.const-wrap .const-box02 .box dl dd > ul li:after {content: ''; position: absolute; top: 73px; right: -25px; width: 40px; height: 5px; background: #ddd;}
.const-wrap .const-box02 .box dl dd > ul li:nth-child(1):after {background: #aee0f1;}
.const-wrap .const-box02 .box dl dd > ul li:nth-child(2):after {background: #58c3e6;}
.const-wrap .const-box02 .box dl dd > ul li:nth-child(4):after {background: #3b91c9;}
.const-wrap .const-box02 .box dl dd > ul li:nth-child(5):after {background: #1f76b0;}
.const-wrap .const-box02 .box dl dd > ul li:nth-child(3n):after {display: none;}
.const-wrap .const-box02 .box dl dd > ul li:nth-child(n+4) {margin-top: 20px;}
.const-wrap .const-box02 .box dl dd > ul li img {}
.const-wrap .const-box02 .box dl dd > ul li > span {display: block; margin-top: 20px; font-weight: 600; font-size: 17px; line-height: 17px; margin-bottom: 8px;}
.const-wrap .const-box02 .box dl dd > ul li:nth-child(1) span {color: #87c4d8;}
.const-wrap .const-box02 .box dl dd > ul li:nth-child(2) span {color: #1ca3cf;}
.const-wrap .const-box02 .box dl dd > ul li:nth-child(3) span {color: #1e89cf;}
.const-wrap .const-box02 .box dl dd > ul li:nth-child(4) span {color: #3b91c9;}
.const-wrap .const-box02 .box dl dd > ul li:nth-child(5) span {color: #0f68a3;}
.const-wrap .const-box02 .box dl dd > ul li:nth-child(6) span {color: #035ca1;}
.const-wrap .const-box02 .box dl dd > ul li strong {font-weight: 300; font-size: 17px; line-height: 24px; color: #333; letter-spacing: -1.2px;}
.const-wrap .const-box02 .box dl dd > ul li p {font-size: 15px; line-height: 24px; color: #666; letter-spacing: -0.5px;}
.const-wrap .const-box02 .box dl dd > ul.ex {margin-top: 20px;}
.const-wrap .const-box02 .box dl dd > ul.ex li {width: 300px;}
.const-wrap .const-box02 .box dl dd > ul.ex li:first-child {margin-right: 20px;}
.const-wrap .const-box02 .box dl dd > ul.ex li:after {display: none;}
.const-wrap .const-box02 .box dl dd > ul.ex li img {}
.const-wrap .const-box02 .box dl dd > ul.ex li h6 {text-align: center; margin-top: 15px; font-weight: 300; font-size: 17px; line-height: 24px; color: #333; letter-spacing: -0.5px;}
.const-wrap .const-box02 .box dl dd > ul.ex li h6 span {font-weight: 400; font-size: inherit; color: #333333;}
.const-wrap .const-box02 .box dl.table {}
.const-wrap .const-box02 .box dl.table dt {float: none; width: 100%; padding-bottom: 20px;}
.const-wrap .const-box02 .box dl.table dd {float: none; width: 100%;}
.const-wrap .const-box02 .box dl.table dd table {width: 100%; margin-bottom: 10px;}
.const-wrap .const-box02 .box dl.table dd table tr > * {height: 50px; text-align: center;}
.const-wrap .const-box02 .box dl.table dd table thead {border-top: 2px solid #0c67ae; border-bottom: 1px solid #0c67ae;}
.const-wrap .const-box02 .box dl.table dd table thead tr th {height: 55px; background: #f1f5f7; border: 1px solid #c3d9e8; border-width: 1px 1px 0 1px; font-weight: 300; font-size: 16px; color: #333; letter-spacing: -0.5px;}
.const-wrap .const-box02 .box dl.table dd table thead tr th:first-child {border-left: 0;}
.const-wrap .const-box02 .box dl.table dd table thead tr th:last-child {border-right: 0;}
.const-wrap .const-box02 .box dl.table dd table tbody tr > * {border: 1px solid #ddd; font-size: 15px; color: #666; letter-spacing: -0.5px; background: #fff;}
.const-wrap .const-box02 .box dl.table dd table tbody tr td:first-child {border-left: 0;}
.const-wrap .const-box02 .box dl.table dd table tbody tr td:last-child {border-right: 0;}
.const-wrap .const-box03 {padding: 80px 0 60px 0;}
.const-wrap .const-box03 > h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.const-wrap .const-box03 .box {}
.const-wrap .const-box03 .box dl.first {border: 5px solid #eee; padding: 45px 35px; box-sizing: border-box;}
.const-wrap .const-box03 .box dl.first dt {float: none; width: 100%;}
.const-wrap .const-box03 .box dl.first dt:before {content: ''; position: absolute; top: -5px; left: 0; width: 7px; height: 7px; background: #0483c5; border-radius: 50%;}
.const-wrap .const-box03 .box dl.first dt {position: relative; font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 30px; color: #0c67ae; letter-spacing: -0.5px; padding-left: 10px;}
.const-wrap .const-box03 .box dl.first dd {float: none; width: 100%; padding-top: 10px;}
.const-wrap .const-box03 .box dl.first dd p {font-size: 18px; line-height: 28px; color: #666; letter-spacing: -0.5px;}
.const-wrap .const-box03 .box dl.first dd ol {padding-top: 10px;}
.const-wrap .const-box03 .box dl.first dd ol li {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px; padding-left: 30px;background: url('/images/sub/sub_arw_ico.png') no-repeat left center;}
.const-wrap .const-box03 .box dl.first dd span {display: block; font-size: 15px; line-height: 25px; color: #999; letter-spacing: -1px; margin-top: 10px;}
.const-wrap .const-box03 .box dl {padding: 40px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; margin-bottom: 20px;}
.const-wrap .const-box03 .box dl:after {content: ''; display: block; clear: both;}
.const-wrap .const-box03 .box dl dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.const-wrap .const-box03 .box dl dt {position: relative; float: left; width: 265px; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.const-wrap .const-box03 .box dl:last-child dt {float: none; width: 100%;}
.const-wrap .const-box03 .box dl:last-child dd {float: none; width: 100%;}
.const-wrap .const-box03 .box dl dd {float: right; width: calc(100% - 265px);}
.const-wrap .const-box03 .box dl dd p {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px;}
.const-wrap .const-box03 .box dl dd span {display: block; font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px; margin-top: 10px;}
.const-wrap .const-box03 .box dl dd ul {}
.const-wrap .const-box03 .box dl dd ul li:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%;}
.const-wrap .const-box03 .box dl dd ul li {display: inline-block; vertical-align: middle; width: 50%; height: 100px; margin-top: 30px;}
.const-wrap .const-box03 .box dl dd ul li img {margin-right: 20px;}
.const-wrap .const-box03 .box dl dd ul li .mid {display: inline-block; vertical-align: middle;}
.const-wrap .const-box03 .box dl dd ul li .mid strong {font-weight: 300; font-size: 16px; line-height: 26px; color: #0483c5; letter-spacing: -0.5px;}
.const-wrap .const-box03 .box dl dd ul li .mid p {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px;}
.const-wrap .const-box03 .box dl dd ul li .mid span {font-size: 15px; line-height: 24px; color: #999; margin-top: 3px;}
.const-wrap .const-box04:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.const-wrap .const-box04 {position: relative; padding: 90px 0;}
.const-wrap .const-box04 > h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.const-wrap .const-box04 dl {padding: 40px; border: 1px solid #ddd; background: #fff; box-sizing: border-box;}
.const-wrap .const-box04 dl dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.const-wrap .const-box04 dl dt {position: relative; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.const-wrap .const-box04 dl dd {}
.const-wrap .const-box04 dl dd p {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px;}
.const-wrap .const-box04 dl dd ul {}
.const-wrap .const-box04 dl dd ul li {padding: 5px 0; padding-left: 30px;background: url('/images/sub/sub_arw_ico.png') no-repeat left 10px; }
.const-wrap .const-box04 dl dd ul li strong {font-weight: 400; font-size: 16px; line-height: 28px; color: #666; letter-spacing: -0.5px;}
.const-wrap .const-box04 dl dd ul li span {display: block; font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px; margin-top: 8px;}
.const-wrap .const-box05 {padding: 90px 0 70px 0;}
.const-wrap .const-box05 > h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.const-wrap .const-box05 .box {padding: 30px 40px; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 20px;}
.const-wrap .const-box05 .box strong:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.const-wrap .const-box05 .box strong {position: relative; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.const-wrap .const-box05 .box > span {display: block; font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px; margin-top: 5px;}
.const-wrap .const-box05 .box > span > em {display: inline-block; width: 15px;}
.const-wrap .const-box05 .box ul {}
.const-wrap .const-box05 .box ul li {padding-left: 30px;background: url('/images/sub/sub_arw_ico.png') no-repeat left 4px; }
.const-wrap .const-box05 .box ul li p {font-weight: 400; font-size: 16px; line-height: 28px; color: #666; letter-spacing: -0.5px;}
.const-wrap .const-box05 .box ul li span {display: block; font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px; margin-top: 5px;}
.const-wrap .const-box05 .box ul li:nth-child(2) span {margin-bottom: 5px;}
.const-wrap .const-box06:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.const-wrap .const-box06 {position: relative; padding: 90px 0;}
.const-wrap .const-box06 > h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.const-wrap .const-box06 > ul {}
.const-wrap .const-box06 > ul:after {content: ''; display: block; clear: both;}
.const-wrap .const-box06 > ul > li {position: relative; float: left; width: calc(33.33% - 40px); padding-right: 60px; background: url('/images/sub/construct_arrow.png') no-repeat right 55%;}
.const-wrap .const-box06 > ul > li:last-child {padding-right: 0;}
.const-wrap .const-box06 > ul > li dl {}
.const-wrap .const-box06 > ul > li dl dt {width: calc(100% - 20px); height: 60px; line-height: 60px; background: #0483c5; font-weight: 300; font-size: 20px; color: #fff; letter-spacing: -1px; transform:  skew(-20deg); margin-bottom: 20px; margin-left: 10px;}
.const-wrap .const-box06 > ul > li dl dt .numb {display: inline-block;vertical-align: top; width: 70px; line-height: 60px; background: #0b5188; transform: skew(0deg);}
.const-wrap .const-box06 > ul > li dl dt span {display: inline-block; vertical-align: top; width: 100%; height: 100%; line-height: 60px; transform: skew(20deg); text-align: center; font-family: paybooc; font-weight: 600; font-size: 23px; color: #fff; letter-spacing: -1px;}
.const-wrap .const-box06 > ul > li dl dt p {display: inline-block; text-align: center; font-weight: 300; font-size: 20px; color: #fff; letter-spacing: -1px; transform: skew(20deg); padding-left: 20px;}
.const-wrap .const-box06 > ul > li dl dd {background: #fff; border: 1px solid #ddd; box-sizing: border-box; min-height: 467px; padding: 30px;}
.const-wrap .const-box06 > ul > li:first-child dl dd {min-height: auto;}
.const-wrap .const-box06 > ul > li:first-child dl:first-child dd {margin-bottom: 20px;}
.const-wrap .const-box06 > ul > li dl dd h6 {font-weight: 300; font-size: 20px; line-height: 28px; color: #0483c5; letter-spacing: -1px;}
.const-wrap .const-box06 > ul > li dl dd strong {font-weight: 300; font-size: 18px; line-height: 28px; color: #333; letter-spacing: -1px;}
.const-wrap .const-box06 > ul > li dl dd > ul {padding-top: 20px;}
.const-wrap .const-box06 > ul > li dl dd > ul > li {}
.const-wrap .const-box06 > ul > li dl dd > ul > li p {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px; padding-left: 30px;background: url('/images/sub/sub_arw_ico.png') no-repeat left center;}
.const-wrap .const-box06 > ul > li dl dd > ul > li span {display: block; font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px; padding: 5px 0; padding-left: 30px;}
.const-wrap .const-box06 > ul > li dl dd > ul > li span em {}
.const-wrap .const-box07 {padding-top: 90px;}
.const-wrap .const-box07 > h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.const-wrap .const-box07 ul {margin: 0 -15px;}
.const-wrap .const-box07 ul:after {content: ''; display: block; clear: both;}
.const-wrap .const-box07 ul li {float: left; width: calc(25% - 30px); margin: 0 15px;}
.const-wrap .const-box07 ul li:nth-child(n+5) {margin-top: 30px;}
.const-wrap .const-box07 ul li img {width: 100%;}
.const-wrap .const-box07 ul li p {display: none; margin-top: 25px; font-size: 18px; line-height: 28px; color: #666; letter-spacing: -0.5px; text-align: center;}



.maintain-wrap {padding: 70px 0 90px 0;}
.maintain-wrap h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.maintain-wrap p {margin-top: 20px; font-size: 18px; line-height: 28px; color: #888; letter-spacing: -0.5px; text-align: center;}
.maintain-wrap .ict-box {padding-top: 60px;}
.maintain-wrap .ict-box dt {}
.maintain-wrap .ict-box dt h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.maintain-wrap .ict-box dd {border: 5px solid #eee; box-sizing: border-box;}
.maintain-wrap .ict-box dd img {width: 100%;}


.energ-box {padding: 70px 0 90px 0;}
.energ-box > h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.energ-box .energ-box01 {padding: 60px 0 90px 0;}
.energ-box .energ-box01 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 20px;}
.energ-box .energ-box01 p {font-size: 18px; line-height: 28px; color: #666; letter-spacing: -0.5px;}
.energ-box .energ-box02:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.energ-box .energ-box02 {position: relative; padding: 90px 0;}
.energ-box .energ-box02 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.energ-box .energ-box02 .box {}
.energ-box .energ-box02 .box dl {padding: 40px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; margin-bottom: 20px;}
.energ-box .energ-box02 .box dl:after {content: ''; display: block; clear: both;}
.energ-box .energ-box02 .box dl dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.energ-box .energ-box02 .box dl dt {position: relative; float: left; width: 265px; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.energ-box .energ-box02 .box dl dd {float: right; width: calc(100% - 265px);}
.energ-box .energ-box02 .box dl dd > p {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px;}
.energ-box .energ-box02 .box dl.table dt {float: none; width: 100%; margin-bottom: 20px;}
.energ-box .energ-box02 .box dl.table dt span {font-size: 18px; line-height: 30px; color: #333; letter-spacing: -1px;}
.energ-box .energ-box02 .box dl.table dd {float: none; width: 100%;}
.energ-box .energ-box02 .box dl.table dd table {width: 100%;}
.energ-box .energ-box02 .box dl.table dd table caption {height: 35px;text-align: right;font-size: 15px;color: #888;margin-top: -35px;}
.energ-box .energ-box02 .box dl.table dd table tr > * {height: 50px; text-align: center;}
.energ-box .energ-box02 .box dl.table dd table thead {border-top: 2px solid #0c67ae; border-bottom: 1px solid #0c67ae;}
.energ-box .energ-box02 .box dl.table dd table thead tr th {height: 110px; background: #f1f5f7; border: 1px solid #c3d9e8; border-width: 1px 1px 0 1px; font-weight: 300; font-size: 16px; color: #333; letter-spacing: -0.5px;}
.energ-box .energ-box02 .box dl.table dd table thead tr th.slash {position: relative; background: url('/images/sub/table_slash.png') no-repeat center; background-color: #f1f5f7;}
.energ-box .energ-box02 .box dl.table dd table thead tr th.slash p {line-height: 55px; padding: 0 30px; font-weight: 300; font-size: inherit; color: inherit;}
.energ-box .energ-box02 .box dl.table dd table thead tr th.slash p:first-child {text-align: right;}
.energ-box .energ-box02 .box dl.table dd table thead tr th.slash p:last-child {text-align: left;}
.energ-box .energ-box02 .box dl.table dd table thead tr th:first-child {border-left: 0;}
.energ-box .energ-box02 .box dl.table dd table thead tr th:last-child {border-right: 0;}
.energ-box .energ-box02 .box dl.table dd table tbody tr > * {border: 1px solid #ddd; font-size: 15px; color: #666; letter-spacing: -0.5px; background: #fff;}
.energ-box .energ-box02 .box dl.table dd table tbody tr th {color: #333; font-weight: 300; background: #f9f9fa;border-left: 0;}
.energ-box .energ-box02 .box dl.table dd table tbody tr th:first-child {border-left: 0;}
.energ-box .energ-box02 .box dl.table dd table tbody tr td:last-child {border-right: 0;}
.energ-box .energ-box02 .box dl:last-child dd p {}
.energ-box .energ-box02 .box dl:last-child dd p strong {display: inline-block; font-weight: 300; color: #0483c5; margin-right: 5px;}
.energ-box .energ-box02 .box dl:last-child dd span {display: block; font-size: 15px; line-height: 24px; color: #999; margin-top: 10px;}
.energ-box .energ-box03 {padding-top: 90px;}
.energ-box .energ-box03 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.energ-box .energ-box03 .box dl {padding: 40px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; margin-bottom: 20px;}
.energ-box .energ-box03 .box dl:after {content: ''; display: block; clear: both;}
.energ-box .energ-box03 .box dl dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.energ-box .energ-box03 .box dl dt {position: relative; float: left; width: 265px; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.energ-box .energ-box03 .box dl dd {float: right; width: calc(100% - 265px);}
.energ-box .energ-box03 .box dl dd > p {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px;}
.energ-box .energ-box03 .box dl dd > span {display: inline-block; font-size: 15px; line-height: 26px; color: #999; letter-spacing: -1px; margin-top: 10px;}
.energ-box .energ-box03 .box dl:first-child dd > span {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px; margin-bottom: 30px;}
.energ-box .energ-box03 .box dl dd > p > strong {display: inline-block; font-weight: 300; color: #0483c5; padding-right: 5px;}
.energ-box .energ-box03 .box dl dd > p > span {}
.energ-box .energ-box03 .box dl dd > ul li {position: relative; display: inline-block; vertical-align: top; width: 175px; margin-right: 45px; text-align: center;}
.energ-box .energ-box03 .box dl dd > ul li:after {content: ''; position: absolute; top: 73px; right: -25px; width: 40px; height: 5px; background: #ddd;}
.energ-box .energ-box03 .box dl dd > ul li:nth-child(1):after {background: #aee0f1;}
.energ-box .energ-box03 .box dl dd > ul li:nth-child(2):after {background: #58c3e6;}
.energ-box .energ-box03 .box dl dd > ul li:nth-child(4):after {background: #3b91c9;}
.energ-box .energ-box03 .box dl dd > ul li:nth-child(5):after {background: #1f76b0;}
.energ-box .energ-box03 .box dl dd > ul li:nth-child(3):after,
.energ-box .energ-box03 .box dl dd > ul li:nth-child(5):after {display: none;}
.energ-box .energ-box03 .box dl dd > ul li:nth-child(n+4) {margin-top: 20px;}
.energ-box .energ-box03 .box dl dd > ul li img {}
.energ-box .energ-box03 .box dl dd > ul li > span {display: block; margin-top: 20px; font-weight: 600; font-size: 17px; line-height: 17px; margin-bottom: 8px;}
.energ-box .energ-box03 .box dl dd > ul li:nth-child(1) span {color: #87c4d8;}
.energ-box .energ-box03 .box dl dd > ul li:nth-child(2) span {color: #1ca3cf;}
.energ-box .energ-box03 .box dl dd > ul li:nth-child(3) span {color: #1e89cf;}
.energ-box .energ-box03 .box dl dd > ul li:nth-child(4) span {color: #3b91c9;}
.energ-box .energ-box03 .box dl dd > ul li:nth-child(5) span {color: #0f68a3;}
.energ-box .energ-box03 .box dl dd > ul li strong {font-weight: 300; font-size: 17px; line-height: 24px; color: #333; letter-spacing: -1.2px;}
.energ-box .energ-box03 .box dl dd > ul li p {font-size: 15px; line-height: 24px; color: #666; letter-spacing: -0.5px;}
.energ-box .energ-box03 .box dl dd > img {}


.system-wrap {padding: 70px 0 90px 0;}
.system-wrap > h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.system-wrap .system-box01 {padding: 60px 0 90px 0;}
.system-wrap .system-box01 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.system-wrap .system-box01 dl {}
.system-wrap .system-box01 dl {border: 5px solid #eee; padding: 45px 35px; box-sizing: border-box;}
.system-wrap .system-box01 dl dt {float: none; width: 100%;}
.system-wrap .system-box01 dl dt:before {content: ''; position: absolute; top: -5px; left: 0; width: 7px; height: 7px; background: #0483c5; border-radius: 50%;}
.system-wrap .system-box01 dl dt {position: relative; font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 30px; color: #0c67ae; letter-spacing: -0.5px; padding-left: 10px;}
.system-wrap .system-box01 dl dd {float: none; width: 100%; padding-top: 15px;}
.system-wrap .system-box01 dl dd p {font-size: 18px; line-height: 28px; color: #666; letter-spacing: -0.5px;}
.system-wrap .system-box01 dl dd ol {padding-top: 10px;}
.system-wrap .system-box01 dl dd ol li {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px; padding-left: 30px;background: url('/images/sub/sub_arw_ico.png') no-repeat left center;}
.system-wrap .system-box01 dl dd span {display: block; font-size: 15px; line-height: 25px; color: #999; letter-spacing: -1px; margin-top: 10px;}
.system-wrap .system-box02 {padding-bottom: 50px;}
.system-wrap .system-box02 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.system-wrap .system-box02 h6 span {display: inline-block; font-size: 15px; line-height: 24px; color :#999999; padding-left: 5px;}
.system-wrap .system-box02 dl {}
.system-wrap .system-box02 dl:after {content: ''; display: block; clear: both;}
.system-wrap .system-box02 dl dt:before,
.system-wrap .system-box02 dl dd:before {content: ''; display: inline-block; vertical-align: middle; width: 0; height: 100%; }
.system-wrap .system-box02 dl > * {float: left; width: 50%; display: inline-block; vertical-align: middle; height: 560px; text-align: center;}
.system-wrap .system-box02 dl dt {text-align: right; padding-right: 20px; box-sizing: border-box;}
.system-wrap .system-box02 dl dt img.__pc {display: inline-block !important; vertical-align: middle;}
.system-wrap .system-box02 dl dd {}
.system-wrap .system-box02 dl dd img {display: inline-block; vertical-align: middle;}
.system-wrap .system-box03 {padding: 40px; border: 1px solid #ddd; box-sizing: border-box;}
.system-wrap .system-box03 dl {}
.system-wrap .system-box03 dl:after {content: ''; display: block; clear: both;}
.system-wrap .system-box03 dl dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.system-wrap .system-box03 dl dt {position: relative; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px; margin-bottom: 10px;}
.system-wrap .system-box03 dl dd {float: left; width: 50%;}
.system-wrap .system-box03 dl dd ul {}
.system-wrap .system-box03 dl dd ul li {font-size: 16px;line-height: 28px;color: #666666;letter-spacing: -0.5px;}
.system-wrap .system-box03 dl dd ul li span {display: inline-block; vertical-align: text-top; width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 50%; box-sizing: border-box; line-height: 16px; text-align: center; font-family: paybooc; font-weight: 600; font-size: 11px; color: rgba(68,68,68,0.5); margin-right: 5px;}
.system-wrap .system-box03 em {display: block; margin-top: 20px; font-style: normal; font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px;}


.appr-wrap {padding: 70px 0 90px 0;}
.appr-wrap > h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.appr-wrap .appr-box01 {padding: 50px 0 90px 0;}
.appr-wrap .appr-box01 dl {height: 310px;}
.appr-wrap .appr-box01 dl:after {content: ''; display: block; clear: both;}
.appr-wrap .appr-box01 dl > * {float: left; width: 50%; height: 100%;}
.appr-wrap .appr-box01 dl dt {}
.appr-wrap .appr-box01 dl dt img {width: 100%;}
.appr-wrap .appr-box01 dl dd {border: 5px solid #eee; padding: 60px; box-sizing: border-box;}
.appr-wrap .appr-box01 dl dd p {font-size: 18px; line-height: 28px; color: #666; letter-spacing: -0.5px;}
.appr-wrap .appr-box01 dl dd p:first-child {margin-bottom: 20px;}
.appr-wrap .appr-box02:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.appr-wrap .appr-box02 {position: relative; padding: 90px 0;}
.appr-wrap .appr-box02 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.appr-wrap .appr-box02 ul {padding: 30px 40px; border: 1px solid #ddd; background: #fff; box-sizing: border-box;}
.appr-wrap .appr-box02 ul li:before {content: ''; position: absolute; top: 18px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.appr-wrap .appr-box02 ul li {position: relative; font-weight: 300; font-size: 20px; line-height: 38px; color: #333; letter-spacing: -1px; padding-left: 15px; box-sizing: border-box;}
.appr-wrap .appr-box03 {padding: 90px 0;}
.appr-wrap .appr-box03 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.appr-wrap .appr-box03 .box {padding: 80px 0; border: 1px solid #ddd; box-sizing: border-box; text-align: center;}
.appr-wrap .appr-box03 .box img {}
.appr-wrap .appr-box04:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.appr-wrap .appr-box04 {position: relative; padding: 90px 0;}
.appr-wrap .appr-box04 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.appr-wrap .appr-box04 .box {}
.appr-wrap .appr-box04 .box dl {padding: 40px; border: 1px solid #ddd; background: #fff; box-sizing: border-box;}
.appr-wrap .appr-box04 .box dl:first-child {margin-bottom: 20px;}
.appr-wrap .appr-box04 .box dl dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.appr-wrap .appr-box04 .box dl dt {position: relative; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px; padding-bottom: 20px;}
.appr-wrap .appr-box04 .box dl dt p {display: inline-block; font-weight: 400; font-size: 16px; line-height: 28px; color: #666; padding-left: 180px;}
.appr-wrap .appr-box04 .box dl dd {}
.appr-wrap .appr-box04 .box dl dd p {font-size: 16px; line-height: 28px; color: #666; letter-spacing: -0.5px; background: url('/images/sub/sub_arw_ico.png') no-repeat left center; padding: 3px 0; padding-left: 30px;}
.appr-wrap .appr-box04 .box dl dd p > strong {display: inline-block; font-weight: 300; color: #0483c5; padding-right: 5px;}
.appr-wrap .appr-box04 .box dl dd span {display: inline-block; padding-left: 30px; font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px;}
.appr-wrap .appr-box04 .box dl dd span em {display: inline-block; width: 6px;}
.appr-wrap .appr-box05 {padding-top: 90px;}
.appr-wrap .appr-box05 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.appr-wrap .appr-box05 dl {}
.appr-wrap .appr-box05 dl {padding: 40px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; margin-bottom: 20px;}
.appr-wrap .appr-box05 dl:after {content: ''; display: block; clear: both;}
.appr-wrap .appr-box05 dl dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.appr-wrap .appr-box05 dl dt {position: relative; float: left; width: 265px; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.appr-wrap .appr-box05 dl dd {float: right; width: calc(100% - 265px);}
.appr-wrap .appr-box05 dl dd > p {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px;}
.appr-wrap .appr-box05 dl dd > p.fst {margin-bottom: 10px;}
.appr-wrap .appr-box05 dl:first-child dd > p {display: inline-block;}
.appr-wrap .appr-box05 dl dd > span {display: inline-block; font-size: 15px; line-height: 26px; color: #999; letter-spacing: -1px; margin-top: 10px;}
.appr-wrap .appr-box05 dl:first-child dd > span {display: inline-block; padding-left: 10px; margin-top: 0;}
.appr-wrap .appr-box05 dl dd > p > strong {display: inline-block; font-weight: 300; color: #0483c5; padding-right: 5px;}
.appr-wrap .appr-box05 dl dd > p > span {}
.appr-wrap .appr-box05 dl dd > ul {}
.appr-wrap .appr-box05 dl dd > ul:after {content: ''; display: block; clear: both;}
.appr-wrap .appr-box05 dl dd > ul li {position: relative; float: left; width: 170px; margin-right: 45px; text-align: center;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(7) {margin-right: 0;}
.appr-wrap .appr-box05 dl dd > ul li:after {content: ''; position: absolute; top: 73px; right: -25px; width: 40px; height: 5px; background: #ddd;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(1):after {background: #aee0f1;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(2):after {background: #58c3e6;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(4):after {background: #3b91c9;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(5):after {background: #1f76b0;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(6):after {background: #035ca1;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(3):after,
.appr-wrap .appr-box05 dl dd > ul li:nth-child(7):after {display: none;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(n+4) {margin-top: 20px;}
.appr-wrap .appr-box05 dl dd > ul li img {}
.appr-wrap .appr-box05 dl dd > ul li > span {display: block; margin-top: 20px; font-weight: 600; font-size: 17px; line-height: 17px; margin-bottom: 8px;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(1) span {color: #87c4d8;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(2) span {color: #1ca3cf;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(3) span {color: #1e89cf;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(4) span {color: #3b91c9;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(5) span {color: #0f68a3;}
.appr-wrap .appr-box05 dl dd > ul li:nth-child(6) span {color: #035ca1;}
.appr-wrap .appr-box05 dl dd > ul li strong {font-weight: 300; font-size: 17px; line-height: 24px; color: #333; letter-spacing: -1.2px;}


.build-wrap {padding: 70px 0 90px 0;}
.build-wrap > h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.build-wrap .build-box01 {padding: 60px 0 90px 0;}
.build-wrap .build-box01 > h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 20px;}
.build-wrap .build-box01 > p {font-size: 18px; line-height: 28px; color: #666; letter-spacing: -0.5px;}
.build-wrap .build-box01 .box {padding-top: 25px;}
.build-wrap .build-box01 .box dl {padding: 40px; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 20px;}
.build-wrap .build-box01 .box dl:last-child {margin-bottom: 0;}
.build-wrap .build-box01 .box dl dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.build-wrap .build-box01 .box dl dt {position: relative; padding-left: 15px; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.build-wrap .build-box01 .box dl dd {padding-top: 5px;}
.build-wrap .build-box01 .box dl dd p {font-size: 16px; line-height: 28px; color: #666; letter-spacing: -0.5px;}
.build-wrap .build-box01 .box dl dd span {display: block; font-size: 16px; line-height: 30px; padding-left: 30px; color: #666; letter-spacing: -0.5px; background: url('/images/sub/sub_arw_ico.png') no-repeat left center; margin-top: 25px;}
.build-wrap .build-box01 .box dl dd > ul {padding-top: 15px;}
.build-wrap .build-box01 .box dl dd > ul:after {content: ''; display: block; clear: both;}
.build-wrap .build-box01 .box dl dd > ul > li {float: left; width: calc(33.33% - 53.33px); padding-right: 80px; background: url('/images/sub/business_arrow.png') no-repeat calc(100% - 10px) center;}
.build-wrap .build-box01 .box dl dd > ul > li:last-child {padding-right: 0; background: none;}
.build-wrap .build-box01 .box dl dd > ul > li > img {}
.build-wrap .build-box01 .box dl dd > ol {padding-top: 30px;}
.build-wrap .build-box01 .box dl dd > ol > li {font-size: 16px; line-height: 30px; padding-left: 30px; color: #888; letter-spacing: -0.5px; background: url('/images/sub/sub_arw_ico.png') no-repeat left center;}
.build-wrap .build-box01 .box dl dd > ol > li > strong {color: #0483c5; font-weight: 300;}
.build-wrap .build-box01 .box dl.table {}
.build-wrap .build-box01 .box dl.table dt {}
.build-wrap .build-box01 .box dl.table dt span {display: inline-block; font-weight: 400; font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px; padding-left: 5px;}
.build-wrap .build-box01 .box dl.table dd {padding-top: 20px;}
.build-wrap .build-box01 .box dl.table dd table {width: 100%;}
.build-wrap .build-box01 .box dl.table dd table tr > * {height: 50px; text-align: center;}
.build-wrap .build-box01 .box dl.table dd table thead {border-top: 2px solid #0c67ae; border-bottom: 1px solid #0c67ae;}
.build-wrap .build-box01 .box dl.table dd table thead tr th {height: 55px; background: #f1f5f7; border: 1px solid #c3d9e8; border-width: 1px 1px 0 1px; font-weight: 300; font-size: 16px; color: #333; letter-spacing: -0.5px;}
.build-wrap .build-box01 .box dl.table dd table thead tr th:first-child {border-left: 0;}
.build-wrap .build-box01 .box dl.table dd table thead tr th:last-child {border-right: 0;}
.build-wrap .build-box01 .box dl.table dd table tbody tr > * {border: 1px solid #ddd; font-size: 15px; color: #666; letter-spacing: -0.5px; background: #fff;}
.build-wrap .build-box01 .box dl.table dd table tbody tr td:first-child {border-left: 0;}
.build-wrap .build-box01 .box dl.table dd table tbody tr td:last-child {border-right: 0;}
.build-wrap .build-box02:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.build-wrap .build-box02 {position: relative; padding: 90px 0;}
.build-wrap .build-box02 > h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.build-wrap .build-box02 > ul {margin: 0 -15px;}
.build-wrap .build-box02 > ul:after {content: ''; display: block; clear: both;}
.build-wrap .build-box02 > ul > li {float: left; width: calc(33.33% - 30px); margin: 0 15px; text-align: center; min-height: 360px; background: #fff; border: 5px solid #eee; box-sizing: border-box; padding: 40px 0;}
.build-wrap .build-box02 > ul > li img {}
.build-wrap .build-box02 > ul > li strong {display: block; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -0.5px; padding: 20px 0 10px 0;}
.build-wrap .build-box02 > ul > li strong span {font-weight: inherit; font-size: inherit; color: inherit; font-family: noto;}
.build-wrap .build-box02 > ul > li p {font-size: 16px; line-height: 24px; color: #666; letter-spacing: -0.5px;}
.build-wrap .build-box03 {padding-top: 90px;}
.build-wrap .build-box03 > h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.build-wrap .build-box03 dl.first {padding: 30px 40px; border: 1px solid #ddd; box-sizing: border-box;}
.build-wrap .build-box03 dl.first:after {content: ''; display: block; clear: both;}
.build-wrap .build-box03 dl.first > * {float: left;}
.build-wrap .build-box03 dl.first dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.build-wrap .build-box03 dl.first dt {position: relative; width: 265px; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.build-wrap .build-box03 dl.first dd {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px;}
.build-wrap .build-box03 dl.step {}
.build-wrap .build-box03 dl.step dt {}
.build-wrap .build-box03 dl.step dd {}
.build-wrap .build-box03 dl.step dd strong {display: block; font-weight: 300; font-size: 16px; line-height: 26px; color: #0483c5; margin-top: 30px;}
.build-wrap .build-box03 dl.step dd ul {padding-top: 20px;}
.build-wrap .build-box03 dl.step dd ul:last-child {padding-top: 60px;}
.build-wrap .build-box03 dl.step dd ul:after {content: ''; display: block; clear: both;}
.build-wrap .build-box03 dl.step dd ul li {position: relative; float: left; width: calc(25% - 45px); margin-right: 60px; text-align: center;}
.build-wrap .build-box03 dl.step dd ul:first-child li:after {content: ''; position: absolute; top: 50%; right: -58px; transform: translateY(-50%); width: 47px; height: 42px; background: url('/images/sub/construct_arrow.png') no-repeat;}
.build-wrap .build-box03 dl.step dd ul:first-child li:last-child:after {top: auto; bottom: -55px; right: auto; left: 50%; transform: translateX(-50%) rotate(90deg);}
.build-wrap .build-box03 dl.step dd ul:last-child li:after {content: ''; position: absolute; top: 50%; left: -58px; transform: translateY(-50%) rotate(-180deg); width: 47px; height: 42px; background: url('/images/sub/construct_arrow.png') no-repeat;}
.build-wrap .build-box03 dl.step dd ul:last-child li:last-child:after {display: none;}
.build-wrap .build-box03 dl.step dd ul li:last-child {margin-right: 0;}
.build-wrap .build-box03 dl.step dd ul:last-child li {float: right; margin-left: 60px; margin-right: 0;}
.build-wrap .build-box03 dl.step dd ul:last-child li:last-child {margin-left: 0;}
.build-wrap .build-box03 dl.step dd ul li h6 {text-align: center; font-weight: 300; font-size: 18px; line-height: 22px; color: #fff; text-align: center; padding: 13px 0;}
.build-wrap .build-box03 dl.step dd ul:first-child li:first-child h6 {background: #82d7f3; padding: 24px 0;}
.build-wrap .build-box03 dl.step dd ul:first-child li:nth-child(2) h6 {background: #62c7e7;}
.build-wrap .build-box03 dl.step dd ul:first-child li:nth-child(3) h6 {background: #3a9edf;}
.build-wrap .build-box03 dl.step dd ul:first-child li:nth-child(4) h6 {background: #3b91c9;}
.build-wrap .build-box03 dl.step dd ul:last-child li:first-child h6 {background: #023c67;}
.build-wrap .build-box03 dl.step dd ul:last-child li:nth-child(2) h6 {background: #004579;}
.build-wrap .build-box03 dl.step dd ul:last-child li:nth-child(3) h6 {background: #045da1;}
.build-wrap .build-box03 dl.step dd ul:last-child li:nth-child(4) h6 {background: #1f76b0;}
.build-wrap .build-box03 dl.step dd ul li h6 span {display: block; font-weight: 400; font-size: 16px; line-height: 22px; color: #fff;}
.build-wrap .build-box03 dl.step dd ul li p {font-size: 16px; color: #666666; line-height: 50px; background: #f5f5f5; margin: 0;}
.build-wrap .build-box03 dl.step dd > span {display: block; font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px; margin-top: 15px;}
.build-wrap .build-box03 dl {padding: 40px; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 20px;}
.build-wrap .build-box03 dl:last-child {margin-bottom: 0;}
.build-wrap .build-box03 dl dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.build-wrap .build-box03 dl dt {position: relative; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.build-wrap .build-box03 dl dd {}
.build-wrap .build-box03 dl dd p {font-size: 16px; line-height: 28px; color: #666; letter-spacing: -0.5px; margin: 5px 0 10px 0;}
.build-wrap .build-box03 dl dd span {display: block; font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px;}
.build-wrap .build-box03 dl dd ol {margin-top: 25px;}
.build-wrap .build-box03 dl dd ol li {font-size: 16px; line-height: 30px; padding-left: 30px; color: #666; letter-spacing: -0.5px; background: url(/images/sub/sub_arw_ico.png) no-repeat left center;}
.build-wrap .build-box03 dl dd ol li span {display: block; margin-bottom: 5px;}

.train-wrap {padding: 70px 0 90px 0;}
.train-wrap > h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.train-wrap .train-box01 {padding: 50px 0 90px 0;}
.train-wrap .train-box01 dl {height: 310px; margin-bottom: 60px;}
.train-wrap .train-box01 dl:after {content: ''; display: block; clear: both;}
.train-wrap .train-box01 dl > * {float: left; width: 50%; height: 100%;}
.train-wrap .train-box01 dl dt {}
.train-wrap .train-box01 dl dt img {width: 100%;}
.train-wrap .train-box01 dl dd {border: 5px solid #eee; padding: 90px 60px; box-sizing: border-box;}
.train-wrap .train-box01 dl dd p {font-size: 18px; line-height: 28px; color: #666; letter-spacing: -0.5px; margin-bottom: 20px;}
.train-wrap .train-box01 dl dd span {display: inline-block; width: 100%; font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1.2px;}
.train-wrap .train-box01 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.train-wrap .train-box01 .box {}
.train-wrap .train-box01 .box table {width: 100%;}
.train-wrap .train-box01 .box table tr > * {height: 50px; text-align: center;}
.train-wrap .train-box01 .box table thead {border-top: 2px solid #0c67ae; border-bottom: 1px solid #0c67ae;}
.train-wrap .train-box01 .box table thead tr th {height: 55px; background: #f1f5f7; border: 1px solid #c3d9e8; border-width: 1px 1px 0 1px; font-weight: 300; font-size: 16px; color: #333; letter-spacing: -0.5px;}
.train-wrap .train-box01 .box table thead tr th:first-child {border-left: 0;}
.train-wrap .train-box01 .box table thead tr th:last-child {border-right: 0;}
.train-wrap .train-box01 .box table tbody tr > * {border: 1px solid #ddd; font-size: 15px; color: #666; letter-spacing: -0.5px; background: #fff;}
.train-wrap .train-box01 .box table tbody tr th {font-weight: 300; color: #333; background: #f9f9fa;}
.train-wrap .train-box01 .box table tbody tr th:first-child {border-left: 0;}
.train-wrap .train-box01 .box table tbody tr td {text-align: left; padding: 10px 20px;}
.train-wrap .train-box01 .box table tbody tr td:last-child {border-right: 0;}
.train-wrap .train-box02:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.train-wrap .train-box02 {position: relative; padding: 90px 0; margin-bottom: -90px;}
.train-wrap .train-box02 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.train-wrap .train-box02 .wrap {}
.train-wrap .train-box02 .wrap > dl {padding: 40px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; margin-bottom: 20px;}
.train-wrap .train-box02 .wrap > dl:last-child {margin-bottom: 0;}
.train-wrap .train-box02 .wrap > dl > dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.train-wrap .train-box02 .wrap > dl > dt {position: relative; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px; margin-bottom: 25px;}
.train-wrap .train-box02 .wrap > dl > dd {}
.train-wrap .train-box02 .wrap > dl > dd  > span {font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px;}
.train-wrap .train-box02 .wrap > dl > dd strong {font-weight: 300; font-size: 16px; line-height: 26px; color: #0483c5; letter-spacing: -0.5px;}
.train-wrap .train-box02 .wrap > dl > dd strong span {font-weight: 400; font-size: inherit; color: inherit;}
.train-wrap .train-box02 .wrap > dl > dd {}
.train-wrap .train-box02 .wrap > dl:first-child > dd:last-child {padding-top: 30px;}
.train-wrap .train-box02 .wrap > dl > dd table {width: 100%; margin: 20px 0;}
.train-wrap .train-box02 .wrap > dl > dd table tr > * {height: 50px; text-align: center;}
.train-wrap .train-box02 .wrap > dl > dd table thead {border-top: 2px solid #0c67ae; border-bottom: 1px solid #0c67ae;}
.train-wrap .train-box02 .wrap > dl > dd table thead tr th {height: 55px; background: #f1f5f7; border: 1px solid #c3d9e8; border-width: 1px 1px 0 1px; font-weight: 300; font-size: 16px; color: #333; letter-spacing: -0.5px;}
.train-wrap .train-box02 .wrap > dl > dd table thead tr th:first-child {border-left: 0;}
.train-wrap .train-box02 .wrap > dl > dd table thead tr th:last-child {border-right: 0;}
.train-wrap .train-box02 .wrap > dl > dd table tbody tr > * {border: 1px solid #ddd; font-size: 15px; color: #666; letter-spacing: -0.5px; background: #fff;}
.train-wrap .train-box02 .wrap > dl > dd table tbody tr th {font-weight: 300; color: #333; background: #f9f9fa;}
.train-wrap .train-box02 .wrap > dl > dd table tbody tr th span {display: block; font-size: 14px;}
.train-wrap .train-box02 .wrap > dl > dd table tbody tr th:first-child {border-left: 0;}
.train-wrap .train-box02 .wrap > dl > dd table tbody tr td {text-align: left; padding: 20px;}
.train-wrap .train-box02 .wrap > dl > dd table tbody tr td dl {margin-bottom: 10px;}
.train-wrap .train-box02 .wrap > dl > dd table tbody tr td dl dt {font-weight: 300; color: #333; margin-bottom: 5px;}
.train-wrap .train-box02 .wrap > dl > dd table tbody tr td dl dd {padding-left: 12px;}
.train-wrap .train-box02 .wrap > dl > dd table tbody tr td dl dd.txt {margin-bottom: 10px;}
.train-wrap .train-box02 .wrap > dl > dd table tbody tr td:last-child {border-right: 0;}


.consult-wrap {padding: 70px 0 90px 0;}
.consult-wrap h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.consult-wrap .consult-box01 {padding: 60px 0;}
.consult-wrap .consult-box01 dl {height: 280px; margin-bottom: 60px;}
.consult-wrap .consult-box01 dl:after {content: ''; display: block; clear: both;}
.consult-wrap .consult-box01 dl > * {float: left; width: 50%; height: 100%;}
.consult-wrap .consult-box01 dl dt {}
.consult-wrap .consult-box01 dl dt img {width: 100%;}
.consult-wrap .consult-box01 dl dd {border: 5px solid #eee; padding: 108px 60px; box-sizing: border-box;}
.consult-wrap .consult-box01 dl dd p {font-size: 18px; line-height: 28px; color: #666; letter-spacing: -0.5px;}
.consult-wrap .consult-box02 {}
.consult-wrap .consult-box02 dl {padding: 40px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; margin-bottom: 20px;}
.consult-wrap .consult-box02 dl:after {content: ''; display: block; clear: both;}
.consult-wrap .consult-box02 dl dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.consult-wrap .consult-box02 dl dt {position: relative; float: left; width: 265px; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.consult-wrap .consult-box02 dl dd {float: right; width: calc(100% - 265px);}
.consult-wrap .consult-box02 dl dd > p {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px;}
.consult-wrap .consult-box02 dl dd > span {display: inline-block; font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px; margin-top: 10px;}


.promote-wrap {padding: 70px 0 90px 0;}
.promote-wrap > h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.promote-wrap .promo-box01 {padding: 60px 0 90px 0;}
.promote-wrap .promo-box01 dl {border: 5px solid #eee; padding: 45px 35px; box-sizing: border-box;}
.promote-wrap .promo-box01 dl dt {float: none; width: 100%;}
.promote-wrap .promo-box01 dl dt:before {content: ''; position: absolute; top: -5px; left: 0; width: 7px; height: 7px; background: #0483c5; border-radius: 50%;}
.promote-wrap .promo-box01 dl dt {position: relative; font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 30px; color: #0c67ae; letter-spacing: -0.5px; padding-left: 10px;}
.promote-wrap .promo-box01 dl dd {float: none; width: 100%; padding-top: 10px;}
.promote-wrap .promo-box01 dl dd p {font-size: 18px; line-height: 28px; color: #666; letter-spacing: -0.5px;}
.promote-wrap .promo-box01 dl dd ol {padding-top: 10px;}
.promote-wrap .promo-box01 dl dd ol li {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px; padding-left: 30px;background: url('/images/sub/sub_arw_ico.png') no-repeat left center;}
.promote-wrap .promo-box02:before {content: ''; position: absolute; top: 0; left: 50%; width: 3000px; height: 100%; margin-left: -1500px; background: #f8f8f8; z-index: -1;}
.promote-wrap .promo-box02 {position: relative; padding: 90px 0;}
.promote-wrap .promo-box02 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.promote-wrap .promo-box02 ul {margin: 0 -15px;}
.promote-wrap .promo-box02 ul:after {content: ''; display: block; clear: both;}
.promote-wrap .promo-box02 ul li {float: left; width: calc(50% - 30px); margin: 0 15px; background: #fff;}
.promote-wrap .promo-box02 ul li img {width: 100%;}
.promote-wrap .promo-box02 ul li dl {padding: 35px 40px; border: 1px solid #ddd; border-top: 0; background: #fff; box-sizing: border-box;}
.promote-wrap .promo-box02 ul li dl dt {font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px; margin-bottom: 10px;}
.promote-wrap .promo-box02 ul li dl dd {font-size: 16px; line-height: 26px; color: #666; letter-spacing: -0.5px; padding-left: 30px;background: url('/images/sub/sub_arw_ico.png') no-repeat left center;}
.promote-wrap .promo-box03 {padding-top: 90px;}
.promote-wrap .promo-box03 h6 {font-family: paybooc; font-weight: 400; font-size: 24px; line-height: 34px; color: #333; letter-spacing: -0.5px; margin-bottom: 25px;}
.promote-wrap .promo-box03 dl {padding: 40px; border: 1px solid #ddd; box-sizing: border-box; margin-bottom: 20px;}
.promote-wrap .promo-box03 dl:last-child {margin-bottom: 0;}
.promote-wrap .promo-box03 dl dt:before {content: ''; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background: #0483c5; border-radius: 50%;}
.promote-wrap .promo-box03 dl dt {position: relative; padding-left: 15px; box-sizing: border-box; font-weight: 300; font-size: 20px; line-height: 30px; color: #333; letter-spacing: -1px;}
.promote-wrap .promo-box03 dl dd {margin-top: 10px;}
.promote-wrap .promo-box03 dl > dd > p {font-size: 15px; line-height: 24px; color: #999; letter-spacing: -1px; padding-left: 15px;}
.promote-wrap .promo-box03 dl dd .table {margin-top: 20px;}
.promote-wrap .promo-box03 dl dd .table table {width: 100%;}
.promote-wrap .promo-box03 dl dd .table table caption {text-align: right; font-size: 15px; line-height: 25px; color: #666; padding-bottom: 10px; margin-top: -30px;}
.promote-wrap .promo-box03 dl dd .table table tr > * {height: 50px; text-align: center;}
.promote-wrap .promo-box03 dl dd .table table thead {border-top: 2px solid #0c67ae; border-bottom: 1px solid #0c67ae;}
.promote-wrap .promo-box03 dl dd .table table thead tr th {height: 55px; background: #f1f5f7; border: 1px solid #c3d9e8; border-width: 1px 1px 0 1px; font-weight: 300; font-size: 16px; color: #333; letter-spacing: -0.5px;}
.promote-wrap .promo-box03 dl dd .table table thead tr th:first-child {border-left: 0;}
.promote-wrap .promo-box03 dl dd .table table thead tr th:last-child {border-right: 0;}
.promote-wrap .promo-box03 dl dd .table table tbody tr > * {border: 1px solid #ddd; font-size: 15px; color: #666; letter-spacing: -0.5px; background: #fff;}
.promote-wrap .promo-box03 dl dd .table table tbody tr th {font-weight: 300; color: #333; background: #f9f9fa;}
.promote-wrap .promo-box03 dl dd .table table tbody tr th span {display: block; font-size: 14px;}
.promote-wrap .promo-box03 dl dd .table table tbody tr th:first-child {border-left: 0;}
.promote-wrap .promo-box03 dl dd .table table tbody tr td dl {margin-bottom: 10px;}
.promote-wrap .promo-box03 dl dd .table table tbody tr td dl dt {font-weight: 300; color: #333; margin-bottom: 5px;}
.promote-wrap .promo-box03 dl dd .table table tbody tr td dl dd {padding-left: 12px;}
.promote-wrap .promo-box03 dl dd .table table tbody tr td dl dd.txt {margin-bottom: 10px;}
.promote-wrap .promo-box03 dl dd .table table tbody tr td:last-child {border-right: 0;}

/*  */

/* 컨텐츠 탭 */
.contents_tab .tab{margin-bottom: 40px;text-align: center;}
.contents_tab .tab li{display: inline-block;margin-right: 5px;}
.contents_tab .tab li a{display: block;line-height: 45px;height: 45px;text-align: center;width: 120px;font-size: 16px;background: #f7f7f7;border: 1px solid #f7f7f7;}
.contents_tab .tab li.active a{background: #fff;border: 1px solid #333;}



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

.std-wrap {padding: 70px 0}
.std-wrap .sub-title {padding-bottom: 60px}
.std-wrap .sub-title h4 {font-family: paybooc; font-weight: 400; font-size: 40px; line-height: 50px; color: #333; letter-spacing: -0.5px; text-align: center;}
.std-wrap .tbl-box {}
.std-wrap .tbl-box.mt {margin-top: 50px}
.std-wrap .tbl-box table tr > * {padding: 13px 5px; text-align: center;}
.std-wrap .tbl-box table thead {border-top: 2px solid #0c67ae; border-bottom: 1px solid #0c67ae;}
.std-wrap .tbl-box table thead tr th {padding: 16px 5px; background: #f1f5f7; border: 1px solid #c3d9e8; border-width: 1px 1px 0 1px; font-weight: 300; font-size: 16px; line-height: 24px; color: #333; letter-spacing: -0.5px;}
.std-wrap .tbl-box table thead tr th:first-child {border-left: 0;}
.std-wrap .tbl-box table thead tr th:last-child {border-right: 0;}
.std-wrap .tbl-box table tbody tr > * {border: 1px solid #ddd; font-size: 15px; color: #666; letter-spacing: -0.5px; background: #fff;}
.std-wrap .tbl-box table tbody tr th {font-weight: 300; color: #333; background: #f9f9fa;}
.std-wrap .tbl-box table tbody tr th span {display: block; font-size: 14px;}
.std-wrap .tbl-box table tbody tr th:first-child,
.std-wrap .tbl-box table tbody tr td:first-child {border-left: 0;}
.std-wrap .tbl-box table tbody tr th:last-child,
.std-wrap .tbl-box table tbody tr td:last-child {border-right: 0;}