@charset "utf-8";
.sect-wrap { margin:0 auto; width:1200px; position:relative;}
.sub-vis {height:300px; background:url(../images/com.jpg) no-repeat center center; background-size:cover; color:white;padding-top:125px; text-align:center; position:relative; margin-bottom:30px; background-image:none;animation:AnimatedBackground 3s ease-out;
	animation-fill-mode:both;}
.com .sub-vis {background-image:url(../images/com.jpg);}
.rec .sub-vis {background-image:url(../images/rec.jpg);}
.bus .sub-vis {background-image:url(../images/bus.jpg);}
.brd .sub-vis {background-image:url(../images/brd.jpg);}
.pro .sub-vis {background-image:url(../images/pro.jpg);}
.news .sub-vis {background-image:url(../images/news.jpg);}
.sub-vis nav {display:block; position:absolute; bottom:-80px; right:0;}
.sub-vis nav div {padding: 0 6px; font-size:16px; display:inline;}
.sub-vis h2 {font-weight:500; letter-spacing: 1rem;}

.lnb {position:absolute; bottom:-30px; width:100%;}
.lnb-wrap {background:#0076c1; line-height:60px; width:1200px; margin:0 auto;}
.lnb-wrap li {float:left; position:relative; color:rgba(255,255,255,.5) ; }
.lnb-wrap li::after {height:1rem; width:1px; content:''; display:block; background:rgba(255,255,255,0.5); position:absolute; top: 22px; right:0;}
.lnb-wrap li:last-child::after {display:none;}
.lnb-wrap li.on {color:#fff;}
.lnb-wrap a {display:block; width:100%;}

.pager {text-align:center; padding-top:3rem; padding-bottom: 2rem; position:relative; border-bottom:1px solid #e8e8e8; margin-bottom:4rem;}
.pager a {background:url(../images/pager-prev.png) no-repeat left center; position:absolute; left:0; width:100px; height:36.8px;; display:block;top:42%;}
.pager .next {background-image:url(../images/pager-next.png); background-position:right center; position:absolute; right:0; left:auto;}
.pager h3 {position:relative; display:inline-block;}
.pager h3::after {display:block; content:''; width:100%; background:#0076c1; height:2px; position:absolute; bottom:-33px; left:50%; transform:translateX(-50%);}

.content {padding:1px 0 5rem;}

.tabs {padding-bottom: 2rem; text-align:center;}
.tabs li {display:inline-block; width:15%; margin-right: 5px;}
.tabs li a {display:block; height:50px; font-size:17px; width:100%; line-height:50px; text-align:center; border:1px solid #ddd; background:#f8f8f8; font-weight:300;}
.tabs li.on a {border: 1px solid #0076c1; color:#fff; background:#0076c1;}


/* basic table */
table{width:100%;}
table th{padding: 20px; border: 1px solid #ddd; background-color: #0076c1; font-weight: 400; color: #fff;}
table td{padding: 20px; border: 1px solid #ddd; color: #666; line-height:1.6em;}

/* board table */
.brd-wrap table th{border: none;}
.brd-wrap table td{border: none;}
#bo_w .tbl_frm01 th {color:#333;}

/* basic document */
h5 {padding:1.2rem; position:relative; margin-top: 3rem;}
h5::before {width: 12px; height: 0.3rem; content:''; display:block; background:#f08700;position:absolute; left:0; top:1.9rem; transform: rotate(45deg);}
h5::after {width: 12px; height: 0.3rem; content:''; display:block; background:#0076c1;position:absolute; left:0; top:1.3rem; transform: rotate(45deg);}
p.d {margin-left: 2rem; padding-bottom:0.5rem; position:relative; color:#666; text-align:justify;}
p.d::before {content:''; display:block; width:3px; height:3px; background:#0076c1; position:absolute; left:-0.7rem; top: 0.7rem;}
article > h6 {position:relative; margin-left: 1rem; margin-top: 3rem; margin-bottom: 1rem;}
article > h6::before {content:''; display:block; width: 3px; height: 1.2rem; background:#f08700; position:absolute; left:-0.7rem; top:0.2rem;}
.dsc ul li {color: #666; position:relative; line-height:1.8rem; margin-left: 1rem; font-size:18px;}
.dsc ul li::before {content:''; display:block; width:3px; height:3px; background:#0076c1; position:absolute; left:-0.7rem; top: 0.7rem;}

/* system-title */
.system-title {position:relative;}
.system-title img{ width: 700px !important; margin-top: 3rem; box-shadow: 5px 5px 20px rgba(0,0,0,.2)}
.system-title h4.col {text-align:left; padding: 3rem; background:#fff; bottom:-3rem; right:0; line-height:1.6em; position:absolute; z-index:1;}
/*.system-title h4.col::before {background:rgba(0,0,0,.2) ; content:''; width:100%; height:100%; position:absolute; bottom: -2rem; right:-2rem; display:block; z-index:0;}*/
.system-title h4.col b {font-weight:600;}
.system-title h4.col p {font-weight:400; padding-top:1rem; color:#666;}


/* greeting */
.greeting section {background:url(../images/greeting-bg-2-1.png) no-repeat center bottom;}
.greeting h5 {text-align:center; padding-bottom:3rem;color:#0076c1; font-size:32px}
.greeting h5::after {display:none;}
.greeting h5::before {display:none;}
.greeting p {width:750px; margin:0 auto; text-align:justify; padding-bottom:400px; line-height:1.75em; font-size:18px;color:#666;}
.greeting p.big {font-weight:500; padding-bottom:1.5rem; font-size:24px ; color:#333;}
.greeting p em {text-align:right; display:block; color:#0076c1; font-size:1.5rem;}
.greeting p em b {font-size:1.75rem; color:#333; padding-left:1rem;}

.privacy article {padding-bottom:5rem;}

/* history */
#history {position:relative; }
#history .line {position:absolute; top:94px; left:50%; width:1px; height:2650px; background:#e7ebef; display:block;}
#history article {position:relative; padding-bottom:2rem;}
#history article h2 {padding-left:4rem; text-align:right; position:absolute;z-index:1;}
#history article:nth-child(odd) h2 {padding-left:4rem; text-align:left; position:absolute; left:50%; }
#history article:nth-child(odd) h2 b{color:#f08700}
#history span {font-size:10rem; color:#f1f7fa; position:absolute; top:-18px; left:11%; z-index:0;}
#history article:nth-child(odd) span {left:auto; right: 11%; z-index:0; color:#fff3e4;}
#history img {position:absolute; bottom:0; left:15%;}
#history article:nth-of-type(2) img {box-shadow: 1px 1px 20px rgba(0,0,0,.2); left:auto; right:0; bottom:30%;}
#history article:nth-of-type(3) img {bottom:15%;}
#history article:nth-of-type(4) img {bottom:15%; left:auto; right:25%;}
#history .r {float:right; width:50%;}
#history .l {float:left; text-align:right; width:50%;}
#history h2 {color:#999; font-weight:500; text-align:right;width:50%;padding-right:4rem; position:relative; z-index:1;}
#history .year {padding: 0 2rem 2rem;}
#history h3 {padding: 12px 0 20px; position:relative;}
#history h3::before {display:block; content:''; width:11px ;height:11px; border:3px solid #0076c1; background:white; position:absolute; top:23px; left:-40px; border-radius:50%;}
#history .l h3::before {left:auto; right:-40px; border:3px solid #f08700;}
#history dl {padding: 0 0 1rem 0; line-height: 1.6em;}
#history dt {width:4rem; font-weight:600;}
#history .l dt, #history .l dd {float:right;}
#history dd {color:#666;}

/* location */

#loca {margin:-20px; }
#loca .col {padding: 20px;}
#loca h5 {background: url(../images/loca-01.png) 95% bottom no-repeat, linear-gradient(to right, #006cb0 0%, #0092ef 80%); color:#fff; padding: 1rem 1.5rem; font-weight:500; font-size: 1.5rem;}
#loca dl {border-bottom: 1px dotted #ddd; padding: 1.2rem 1.5rem; }
#loca dl:last-child {border-bottom: 1px solid #0076c1;}
#loca dt {font-weight:bold; width: 7rem; position:relative;}
#loca dt::before {position:absolute; content:''; display:block; width:3px; height:3px; background:#0076c1; left: -0.8rem;; top: 8px;}
#loca dt::after {position:absolute; content:''; display:block; right:1.5rem; top: 1px; width:1px; height: 1rem; background:#bbb;}
#loca .chn h5 {background: url(../images/loca-02.png) 95% center no-repeat, linear-gradient(to right, #983636 0%, #DE2810 90%);}
#loca .chn dt::before {background:#de2810}
#loca .chn .chnAdd {line-height:38px; margin-top:1px;}
#loca .chn .chnAdd dt::after {top:9px;}
#loca .chn .chnAdd dt::before {top: 17px;}
#loca .map {border:1px solid #e2e2e2; margin-top:2rem;}
#loca h5::after, #loca h5::before {display:none;}

/* rec - people */

#people h2 {margin-top: 6rem;}
#people h4 {margin: 2rem 2rem; font-weight:500;}
#people .row {margin: 8rem -1.5rem 2rem}
#people .col {padding: 0 1.5rem; position:relative;}
#people .dsc {border:3px solid #eee; padding: 6.5rem 0 0; height:345px;}
#people span {width:7.5rem; height:7.5rem; background:url(../images/rec-p-01.png) no-repeat center center; position:absolute; left:50%; transform:translateX(-50%); top:-3.25rem;z-index:2;}
#people .col:nth-of-type(2) span {background-image:url(../images/rec-p-02.png)}
#people .col:nth-of-type(3) span {background-image:url(../images/rec-p-03.png)}
#people .dsc::after {content:''; display:block; position:absolute;width:7.5rem; height:7.5rem; border-radius:50%; left:50%; transform:translateX(-50%); top:-3.25rem; background:linear-gradient(0deg, #fc6068, #fda865);}
#people .dsc::before {content:''; display:block; position:absolute; width: 9rem; height:9rem; border-radius:50%;  left:50%; transform:translateX(-50%); top: -65px;background:linear-gradient(0deg, #fc6068, #fda865); opacity:0.1;}
#people .col:nth-of-type(2) .dsc::after, #people .col:nth-of-type(2) .dsc::before {background:linear-gradient(0deg, #6f87d7, #49c6ee);}
#people .col:nth-of-type(3) .dsc::after, #people .col:nth-of-type(3) .dsc::before {background:linear-gradient(0deg, #8743f4, #ba8eff);}
#people h6 {padding: 1.75rem 0 2rem; color:#ff545c;}
#people .col:nth-of-type(2) h6 {padding: 1.75rem 0 1.5rem;}
#people .col:nth-of-type(2) h6 {color:#4ea5ff;}
#people .col:nth-of-type(3) h6 {color:#b15eff;}
#people p {color:#666; }


/* rec - system */
#system .row{margin: 0 -0.5rem; }
.system .col {padding: 0.25rem; padding-bottom: 0.25rem; }
#system .half .col .dsc { border: 1px solid #ddd; height: 170px; position:relative;padding-left: 170px; padding-top: 1rem}
#system .third .col .dsc { border: 1px solid #ddd; height: 170px; position:relative;padding-left: 160px; padding-top: 1rem}
#system .dsc .imgbox {display:block; margin: 0 auto;}
#system .imgbox img {margin: 0 auto;}
#system .dsc .imgbox {background: url(../images/rp02.png) center center no-repeat,linear-gradient(0deg, #6f87d7, #49c6ee);; width: 100px; height:100px; position:absolute; border-radius: 50%; margin: 0 auto; top:32px; left:32px; z-index:2;}
#system .dsc::after {display:block; content:''; background:#f6f6f6; border-radius:50%; width:120px; height:120px; position:absolute; top: 22px; left:22px;z-index:0;}
#system .dsc p  {padding-top: 1rem ; color:#333;}
#system .dsc p:not(.big) { padding: 1rem 0rem; color:#666; font-size:15px;}
#system .half .col:nth-of-type(2) .imgbox {background: url(../images/rp07.png) center center no-repeat,linear-gradient(0deg, #6f87d7, #49c6ee);filter: hue-rotate(50deg);}
#system .third .col:nth-of-type(1) .imgbox {background: url(../images/rp03.png) center center no-repeat,linear-gradient(0deg, #6f87d7, #49c6ee);filter: hue-rotate(-50deg);}
#system .third .col:nth-of-type(2) .imgbox {background: url(../images/rp04.png) center center no-repeat,linear-gradient(0deg, #6f87d7, #49c6ee);filter: hue-rotate(150deg);}
#system .third .col:nth-of-type(3) .imgbox {background: url(../images/rp05.png) center center no-repeat,linear-gradient(0deg, #6f87d7, #49c6ee);filter: hue-rotate(-270deg);}
#system .third .col:nth-of-type(4) .imgbox {background: url(../images/rp01.png) center center no-repeat,linear-gradient(0deg, #6f87d7, #49c6ee);filter: hue-rotate(265deg);}
#system .third .col:nth-of-type(5) .imgbox {background: url(../images/rp06.png) center center no-repeat,linear-gradient(0deg, #6f87d7, #49c6ee);filter: hue-rotate(-50deg);}
#system .third .col:nth-of-type(6) .imgbox {background: url(../images/rp08.png) center center no-repeat,linear-gradient(0deg, #6f87d7, #49c6ee);filter: hue-rotate(-30deg);}
.system .system-title img {width: 700px; box-shadow: 5px 5px 20px rgba(0,0,0,.2)}
.system h4.col { background:white; transform:translateX(-20px ); font-size: 28px; padding: 3rem; line-height:1.6em; margin-top: 260px;}
.system h4.col {color:#333;white-space:nowrap;}
.system h4.col b {font-weight:600;}
.system h4 em {font-size: 16px; font-weight: 400; color:#666; padding-top: 1rem; display:block;line-height: 1.6rem;}
.system h6 {padding-bottom:1rem;  }
.system h6 span {font-size:16px; color:#666; font-weight:400; margin-left: 0.5rem;}
#system dl {border-bottom: 1px dotted #ddd; padding: 1.2rem 1.5rem; }
#system dl:first-child {border-top: 2px solid #333;}
#system dl:last-child {border-bottom: 1px solid #ccc}
#system dt {font-weight:bold; width: 12rem; position:relative; }
#system dt::before {position:absolute; content:''; display:block; width:3px; height:3px; background:#0076c1; left: -0.8rem;; top: 8px;}
#system dt::after {position:absolute; content:''; display:block; right:1.5rem; top: 1px; width:1px; height: 1rem; background:#bbb;}
#system dd {color:#666;}
.system-img {background:#f6fbff;}



/* rec - introduce */
#introduce h4 {text-align:right; background:white; white-space:initial; z-index:2; position:relative; top:-20px;}
#introduce .h4.col {transform:translateX(70px);}
#introduce .system-title img {transform:translateX(-103px);}
.introduce-process {background:url(../images/rec-process-02-02.png) no-repeat center 75px;}
.introduce-process .col {padding: 0.5rem; padding-bottom: 2rem;}
.introduce-process .dsc {width: 200px; height:200px;; margin: 0 auto; background: url(../images/ri01.png) no-repeat center 40px ,linear-gradient(0deg, #6f87d7, #49c6ee); border-radius:50%; text-align:center;  color:#fff;font-size:1.25rem; padding-top: 140px}
.introduce-process .dsc p {font-size:1.25rem;}
.introduce-process .col:nth-of-type(1)  .dsc {background-image:url(../images/ri01.png),linear-gradient(0deg, #6f87d7, #49c6ee);filter: saturate(0%);}
.introduce-process .col:nth-of-type(2)  .dsc {background-image:url(../images/ri02.png),linear-gradient(0deg, #6f87d7, #49c6ee);filter: saturate(50%);}
.introduce-process .col:nth-of-type(3)  .dsc{background-image:url(../images/ri03.png),linear-gradient(0deg, #6f87d7, #49c6ee);filter: saturate(100%);}
.introduce-process .col:nth-of-type(4)  .dsc{background-image:url(../images/ri04.png),linear-gradient(0deg, #6f87d7, #49c6ee);filter: saturate(200%);}

.introduce-row h6 {font-size:1.125rem; ;position:relative; margin-left: 1rem;}
.introduce-row h6::before {content:''; display:block; width: 3px; height: 1.2rem; background:#f08700; position:absolute; left:-0.7rem; top:0rem;}
.introduce-row li {position:relative; line-height: 2rem; margin-left: 3rem;}
.introduce-row li::before {content:''; display:block; width:3px; height:3px; background:#0076c1; position:absolute; left:-0.7rem; top: 0.9rem;}
.introduce-row .col {margin-top:1rem;}
.introduce-row dt {width:100%; font-weight: 400;}
.introduce-row dt::after {display:none;}
.introduce-row .col {padding: 0 1rem;}
.introduce-row dl:nth-of-type(1) {border-top: 2px solid #333}
.introduce-row dl {border-bottom: 1px dotted #ddd; padding: 1.2rem 1.5rem; }
.introduce-row dl:first-child {border-top: 2px solid #333;}
.introduce-row dl:last-child {border-bottom: 1px solid #ccc}
.introduce-row dt {font-weight:bold; width: 100%; position:relative; font-weight:400; color:#666}
.introduce-row dt::before {position:absolute; content:''; display:block; width:3px; height:3px; background:#0076c1; left: -0.8rem;; top: 8px;}
.introduce-row dt::after {position:absolute; content:''; display:none; right:1.5rem; top: 1px; width:1px; height: 1rem; background:#bbb;}
.introduce-row dd {color:#666;}


/* rec - inquiry */

.system .inq dl:nth-of-type(1) {border-top: 2px solid #333;  }
.system .inq dt, .system .inq dd {width:100%; float:none; line-height: 1em; padding: 1.5rem;}
.system .inq dt {font-size: 1.125rem; font-weight:500; padding-top: 1.5rem; border-bottom: 1px solid #ddd;background:url(../images/morearrow_white_bottom.jpg) no-repeat 98% center; cursor:pointer;}
.system .inq dd {color:#666; display:none; border-bottom: 1px solid #ddd; background:#f8f8f8;}
.system .inq dl b {display:inline-block; margin-right: 1rem; font-size: 1.125rem;}


/* brd */

.brd-wrap {padding: 2rem 0 3rem ;}


/* bus - mfc-mfm*/

#mfcmfm {text-align:center;}
#mfcmfm article .row {margin:0 -1rem;}
#mfcmfm article .col {padding: 0 1rem; margin-bottom:2rem;}
#mfcmfm .dsc {border:1px solid #ddd;padding:1.5rem; min-height:600px;}
#mfcmfm img {width:100%;}
#mfcmfm h6 { padding: 2rem 0 1rem;}
#mfcmfm p {color:#666;}
#mfcmfm .performance {position:relative; overflow:hidden;}
#mfcmfm .performance  .hovered {position:absolute; top: auto; bottom:10px; width:90%; left:5%; opacity:0; transition:.5s ease-out;}
#mfcmfm .performance:hover .hovered {opacity: 1;}
#mfcmfm .performance span {position:absolute; left:0; text-align:center; width:100%;display:block; bottom:10px;  color:white; padding: 0.8rem; font-size: 14px; transition: .5s ease-out;}
#mfcmfm .performance:hover span {opacity:0;}
/* bus - region */
#region .row {margin: 0 -8px; position:relative;}
#region .row .col {padding: 8px; height:375px; color:white; background-size:100%; position:relative; background-position:center;  transition: all 0.3s ease-in 0s; background-color:#000; background-repeat:no-repeat;background-clip:content-box; transition: all 0.5s;http://cookvisionart.com/new/}
#region .row .col:hover {background-size: 110%;}
#region .row .col .imgbox {background:#000;  transition:0.3s all; position:absolute; top:0; left:0; right:0; bottom:0px; margin:8px; z-index:0; overflow:hidden;}
#region .row .col .imgbox img {opacity: 0.7; transition:0.3s all;}
#region .row .col:hover .imgbox img {opacity:1; transform:scale(1.1);}
#region .row .col h3 {padding: 2rem; font-weight:500; z-index:3;}
#region .row .col:nth-of-type(1) h3 {position:absolute; bottom:0;}
#region .row .col:nth-of-type(2) h3 {position:absolute; bottom:0; right:0; text-align:right;}
#region .row .col:nth-of-type(3) h3 {position:absolute; }
#region .row .col:nth-of-type(4) h3 {position:absolute; right:0; text-align:right;}
#region .dsc {text-align:center; background:white; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); padding: 3rem; box-shadow:0 0 10px rgba(0,0,0,.5)}
#region p {color:#666; padding-top: 1.5rem;}
#region .companies {background:white; padding: 1rem; margin: 1rem; display:none; transition: 0; display:none; width:430px; box-shadow: 5px 5px 20px rgba(0,0,0,.3); z-index:222; position:relative;}
#region .col:hover .companies {display:table;}
#region .companies img {max-width: 130px; max-height:130px; width:33.3%; padding: 1rem; vertical-align:middle;}
#region .row .col:nth-of-type(2) .companies {position:absolute; top: auto; right: 1rem; left: auto;}
#region .row .col:nth-of-type(4) .companies {position:absolute; bottom:1rem; top: auto; right: 1rem; left: auto; width:300px;}
#region .row .col:nth-of-type(4) img {width:auto;}




/* bus - certificate */

#certificate {text-align:left;}
#certificate h5 {padding: 1rem ;}
#certificate .row {margin: 0 -0.5rem;}
#certificate .col { width: 12.5%; padding: 0.5rem;}
#certificate .col img {width:100%; display:block;border: 1px solid #ddd; height: 186px;}

/* bus - introduce */

#mfc-introduce article .row {margin: 2rem -1rem;}
#mfc-introduce article .col {padding: 0 1rem;}
#mfc-introduce .composition img{ width:100%;}
#mfc-introduce article .imgbox {border:2px solid #eee;  }
#mfc-introduce article .imgbox img {width:auto; max-width:100%;margin: 0 auto;}
#mfc-introduce article .half.center img { height: 300px;padding: 2rem;}
#mfc-introduce article .half.center .imgbox {margin-top: 5rem; }
#mfc-introduce article b {font-weight: 400; padding-left:0.5rem;}
#mfc-introduce h6 {padding: 1rem 0;}
#mfc-introduce .dsc p {color:#666;}
#mfc-introduce section {}
/* bus - correction */

#cSlider {margin: 0rem auto 3rem;}
#correction table {margin: 0 auto; }
#correction img {width:100%; display:block;}
#correction .piebg .col {width:20%; padding-top: 120px;  height:300px;}
#correction .pie {text-align:center; color:#0076c1; position:absolute; left:9999px; display:none;}
#correction .piebg {background:url(../images/apply.png) no-repeat center center #f5f5f5; height:250px; background-size: 90%;}
#correction .submit_download {display:block; margin: 0 auto; background-color:#f08700; margin-top: 3rem; font-size: 1.25rem; color:#fff; width: 150px; padding: 1rem; width: 13rem; text-align:center; font-weight:500;}
#correction .brd-wrap {padding: 0;}
#correction .filling {stroke-dasharray: -1000; stroke-dashoffset: -1000; animation:dash 2s ease-in;}
@keyframes dash {
  to {
    stroke-dashoffset: 100;
  }
}

#correction .title {margin-top: 2rem;border:1px solid #ddd;}
#correction .title .c-bg {background:url(../images/ck04.png) no-repeat center center ;background-size:cover;}
#correction .title div.col {height:250px; padding: 3rem 4rem; color:#fff;}
#correction .title div:last-child {background:linear-gradient(to left, #006cb0, #0092ef) ;}
#correction .title h4 {position:relative;}
#correction .title h4::before {position:absolute; background:#fff; width: 3rem; height:1px; top: 1rem; left:-4rem; display:block; content:'';}
#correction .title p {padding-top: 1rem;}
#correction p.summary {border: 1px solid #ddd; background:#f8f8f8; padding: 1.5rem;}
#correction .row.summary { margin: 0 -1rem;}
#correction .row.summary .col {padding: 2rem 1rem; min-height:200px; }
#correction .row.summary .dsc {border:1px solid #ddd;}
#correction .row.summary .dsc .col:first-child {background:linear-gradient(to left, #006cb0, #0092ef) ; color:white;}
#correction .row.summary .dsc .img {line-height:200px;}
#correction .row.summary .dsc img {width:auto; display:block; margin: 0 auto; max-width: 100%;padding-top: 0.6rem;}
#correction .row.summary .dsc .col p {font-size:14px; padding-top: 0.5rem;}
#correction .art2 {margin: 0 -1rem;}
#correction .art2 .col {padding: 0 1rem; margin-bottom: 2rem;}
#correction .art2 table th {background:linear-gradient(to left, #006cb0, #0092ef) ;}
#correction .art2 table td {height:160px; padding: 1.5rem; line-height: 1.6rem;}
#correction  article .row .col {padding: 1rem;}
#correction article > .row {margin: 0 -1rem;}
#correction .row dl {border:1px solid #ddd; line-height: 3rem;}
#correction .row dl dt {border-radius: 50%; background:linear-gradient(to left, #006cb0, #0092ef) ;  color:#fff; width: 50px; height:50px; text-align:center; margin: 1rem; box-shadow:3px 3px 10px #ddd;}
#correction .row dl dd {line-height: 1.6rem; padding:2rem 0;}
#correction .row .double dt {margin-top: 1rem;}
#correction .row .double dl dd {padding-top: 1rem;}
#correction h5.last {text-align:center; line-height: 2.5rem; font-weight:400; color:#fff; background:url(../images/h01.jpg) no-repeat center center; padding: 3rem 0;}
#correction h5.last b, #correction h5.last strong {color:#fff;}
#correction h5.last::before, #correction h5.last::after {display:none;}
#correction h6 img{width:auto; display:inline; vertical-align:middle; margin-left:0.5rem; transform:translateY(-3px)}

#correction .brd-wrap table {border-top:2px solid #142d62; font-size:16px;}
#correction .brd-wrap table th {color:#333; background:#f8f8f8; font-size: 16px;}
#correction .brd-wrap table tr {border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
#correction .brd-wrap dt, #correction .brd-wrap dd {float:none; font-size:14px;}
#correction .brd-wrap dt {color:#333; font-weight:500; }
#correction .brd-wrap input#captcha_key {position:absolute; top:0; left: 180px;}
#correction .brd-wrap #bo_w .btn_submit {padding:8px;}
#correction .brd-wrap #wr_product_quantity {width:80%;}
#correction a.apply {background:#0076c1; display:block; margin: 2rem auto; padding: 1rem 1.5rem; color:#fff !important;width:min-content; white-space:nowrap; font-size: 1.25rem;}
#correction .a-h5 {float:right; font-weight: 400; font-size: 15px; padding-top: 15px;}
#correction .a-h5 dl, #correction .a-h5 dl *{float:right;}
#correction .a-h5 dl dt {padding: 0 20px; font-weight: 600; color:#0076c1; float:left;}
#correction .a-h5 dl dd {color:#666;}
#correction .ko-cert {background:#f2f2f2; background-size:cover; width: 100%; padding: 1rem;}
#correction .ko-cert .imgbox {position:relative; border: 2px solid #142d62;}
#correction .ko-cert img {max-width:190px; }
#correction .ko-cert .ko-cert-02 img { transform:translate(20px, 70px)}
#correction .brd-wrap img {width:auto;display:inline-block;}
#correction .ko-cert > * {float:left; }
#correction .ko-cert * {}
#correction .ko-cert .dsc { font-size:24px; padding: 3rem; padding-top: 76px; line-height: 1.8em;}


/* pro - guide */
.table2{width:100%; height:auto; border-top: 2px solid #142d62; border-right: none;} 
.table2 tr{width:100%; height:auto;} 
.table2 tr th{height:auto; line-height:1.6em; text-align:center; background:#d8dee7; color:#142d62; font-weight:500; border:1px solid #c7c7c7; padding:10px 0;} 
.table2 tr td{height:auto; line-height:1.6em;text-align:center;border: 1px solid #c7c7c7; padding:10px 0;} 
.table2 tr:nth-child(2){border-top:1px solid #c7c7c7;} 
.table2 tr th:last-child{border-right:none} 
.table2 tr th:first-child {border-left:none;}
.table2 tr td:last-child {border-right:none;}
.table2 tr td:first-child {border-left:none;}
.table2 tr .bg_white{background:#fff !important; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; }
		
		


/* pro - new */
#new .dsc {margin-top: 5rem; margin-left: 2rem;}
#new article .quarter {padding-top: 1rem;}
#new article .quarter img {width:100%; height:188px; position: relative;}
#new article .quarter .imgbox {position:relative; transition:0.3s all;}
#new article .quarter .imgbox::after {width:100%; height:188px; position:absolute; display:block; background:rgba(0,0,0,.5) ; content:''; z-index: 1; top:0; left:0;transition:0.3s all;}
#new article .quarter .imgbox:hover::after {background:transparent;}
#new article .quarter .col {padding: 0.5rem; position:relative; text-align:center;}
#new article .quarter .col span {color:#fff; position:absolute; top:0; left:0; line-height:188px; display:block; margin:0 auto; width:100%; font-size: 1.25rem; z-index:3; text-shadow: 0 0 5px rgba(0,0,0,.5);}
#new article .tabs {text-align:left;}
#new article .product {margin-top:1rem;}
#new article .tabs li:hover  a {border: 1px solid #0076c1; color:#fff; background:#0076c1;}
#new article .center.pdc_table th{ border-right:1px solid #ddd; text-align:center;}
#new article .center.pdc_table + p {padding-top: 1rem; color:#999;}
#new article .structure {border: 1px solid #ddd; margin-bottom:2rem;}
#new article .structure img {width:700px; margin:0 auto; padding:20px 0;}

#new .pdc_table{width:100%;border:none;border-bottom:1px solid #437bae;}
#new .pdc_table_w{border:none;}
#new .pdc_table tr:first-child th {color:#fff; background:#0076c1; text-align:center; border-right: #0076c1;}
#new .pdc_table th,.pdc_table td{padding:20px;font-size:1em;border:none;border-right:1px solid #ddd; border-bottom: 1px solid #ddd !important;; text-align:center;}
#new .pdc_table th:last-of-type,.pdc_table td:last-of-type{border-right:none;}
#new .pdc_table th[scope="col"]{border-bottom:1px solid #c6c6c8; text-align:center;}
#new .pdc_table th {color:#333; background:#f8f8f8; font-weight:500;width: 200px; border-right:1px solid #ddd;}
#new .pdc_table thead th{background:#fff;color:#142d62;text-align:left;padding:15px 0 20px; font-size: 1.5rem; border-bottom: 2px solid #142d62 !important; font-weight:600;}
#new .pdc_table a img{display:block;margin:0 auto;}


#privacy dl {line-height:1.6em;}

#guide {min-height: 1800px}
/*#guide #bo_v_img {padding-right:15px; padding-top: 20px;}*/
#guide #bo_v_img a{position:relative; height:100%; width:100%;display:block;}
#bo_v_img{ height:100%; width:100%;display:block;}
#guide #bo_v_img a img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(0.95);}


.ws {position:fixed; top:40px; _position:absolute; _top: expression(eval(document.body.scrollTop)); left:0; }

.info_sub li {line-height: 1.5; padding: 5px 10px;}
.info_sub li::after {top:15px;}

/*e-book*/
.Ebook{width:1100px; overflow:hidden; margin-top:60px;  }
.Ebook li{width:206px; height:350px; text-indent:-9999px; float:left; margin-bottom:40px; margin-right:17px; border: 1px solid gray;}
.Ebook li a{width:206px; height:350px; text-indent:-9999px; display:block; }

.Ebook li:hover .ebook_bg{ width:206px; height:280px; opacity:0.7; }
.Ebook li .ebook_bg{background: #0076C1; opacity:0; width:206px; height:280px;  }

.Ebook li .ebook_iView{width:206px; height:60px;  background:url('../images/view_icon.jpg') no-repeat center center; }

.Ebook li:nth-child(1){width:206px; height:350px; background:url('../images/ebook1.jpg') no-repeat 0 0; }
.Ebook li:nth-child(2){width:206px; height:350px; background:url('../images/ebook2.jpg') no-repeat 0 0;}