@charset "utf-8";

table.tb-base {position:relative;table-layout:fixed;border-collapse:collapse;border-spacing:0;width:100%;line-height:15px;font-size:13px;color:#333;}
table.tb-base:before {position:absolute;left:0;top:-1px;width:100%;height:1px;display:block;content:"";background-color:#333;}
table.tb-base th,
table.tb-base td {padding:10px 0;font-weight:500;text-align:center;border:1px solid #ddd;}
table.tb-base th.aL,
table.tb-base td.aL {padding-left:10px;}
table.tb-base th.aR,
table.tb-base td.aR {padding-right:10px;}
table.tb-base th:first-child,
table.tb-base td:first-child {border-left:0;}
table.tb-base th:last-child,
table.tb-base td:last-child {border-right:0;}
table.tb-base th {color:#000;background-color:#f6f6f6;}
table.tb-base thead tr:last-child th {border-bottom:1px solid #333;}
table.tb-base tbody tr:first-child td {border-top:0;}
table.tb-base tbody tr:last-child td {border-bottom:1px solid #333;}
table.tb-base th.t02 {color:#787878;}
table.tb-base td.t02 {color:#282828;}
table.tb-base td.big {padding-top:10px;padding-bottom:10px;line-height:18px;font-size:18px;font-weight:700;}
table.tb-base td.big > i {display:block;margin-top:5px;line-height:12px;font-size:12px;font-weight:500;font-style:normal;}
table.tb-base th.t03 {color:#787878;padding-left:40px;text-align:left;background:#f6f6f6 url('../img/common_help01.png') no-repeat left 15px center;background-size:auto 16px;}
table.tb-base tr.clrB td {background-color:#ebf5fd;}
table.tb-base tr.clrB td.big {color:#0080e6;}
table.tb-base tr.clrR td {background-color:#fff1f2;}
table.tb-base tr.clrY td {background-color:#fffbe3;}
table.tb-base tr.on td.sel  {color:#ffffff;background-color:#5d74e6;}
table.tb-base tr.split th,
table.tb-base tr.split td {border-bottom:1px solid #333;}
table.tb-base td.nodata {color:#999;padding:50px 0;text-align:center;}
table.tb-base td .term {display:block;margin-top:3px;font-size:0.8em;}
table.tb-base td .term.up {color:#eb1c24;}
table.tb-base td .term.dn {color:#1d71b8;}

.sub-main {}
.sub-main > img.visual {display:block;margin:0 auto;max-width:100%;}
.sub-main > .lnks {margin-top:30px;line-height:24px;font-size:17px;font-weight:600;color:#3d8d74;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.sub-main > .lnks > .itm {display:block;padding:15px 10px 60px 15px;margin-top:15px;width:calc((100% - 20px)/2);background:#fff;box-sizing:border-box;border:1px solid #3b8d73;border-radius:20px;
    background:#fff no-repeat right bottom 10px;background-size:auto 50px;box-shadow: 1px 3px 5px 0px rgba(59,141,115,0.7);-webkit-tap-highlight-color:transparent;}
.sub-main > .lnks > .itm.t01 {background-image:url('../img/subED00_icon01.png');}
.sub-main > .lnks > .itm.t02 {background-image:url('../img/subED00_icon02.png');}
.sub-main > .lnks > .itm.t03 {background-image:url('../img/subED00_icon03.png');}
.sub-main > .lnks > .itm.t04 {background-image:url('../img/subED00_icon04.png');}
.sub-main > .lnks > .itm:nth-child(1), 
.sub-main > .lnks > .itm:nth-child(2) {margin-top:0;}
.sub-main > .lnks > .itm:hover {background-color:#3b8e74;color:#fff;}
.sub-main > .lnks > .itm:hover.t01 {background-image:url('../img/subED00_icon01_on.png');}
.sub-main > .lnks > .itm:hover.t02 {background-image:url('../img/subED00_icon02_on.png');}
.sub-main > .lnks > .itm:hover.t03 {background-image:url('../img/subED00_icon03_on.png');}
.sub-main > .lnks > .itm:hover.t04 {background-image:url('../img/subED00_icon04_on.png');}
.sub-main > .lnks > .itm > span {display:block;}

img.sub-visual {display:block;margin:0 auto;max-width:100%;}

@media(max-width:375px){
    .sub-main > .lnks {line-height:22px;font-size:15px;}
    .sub-main > .lnks > .itm {padding:15px 10px 50px 10px;width:calc((100% - 15px)/2);background-size:auto 40px;}
}

.lnk-list {line-height:45px;font-size:18px;font-weight:600;color:#3d8d74;text-align:center;}
.lnk-list > .itm {display:block;margin-top:15px;background-color:#fff;border:1px solid #3b8d73;border-radius:22px;box-shadow: 1px 3px 5px 0px rgba(59,141,115,1);}
.lnk-list > .itm:first-child {margin-top:0;}
.lnk-list > .itm:hover {color:#fff;background:#6ac0b5;-webkit-tap-highlight-color:transparent;background:linear-gradient(0deg,#6ac0b5 0%, #add8ce 80%);background:-webkit-linear-gradient(0deg,#6ac0b5 0%, #add8ce 80%);background:-moz-linear-gradient(0deg,#6ac0b5 0%, #add8ce 80%);}
.lnk-list > .itm > i {display:inline-block;vertical-align:middle;margin:0 3px;font-style:normal;font-size:0.95em;font-weight:500;opacity:0.7;}

ul.lst {}
ul.lst > li {position:relative;margin-top:5px;padding-left:10px;}
ul.lst > li:after {position:absolute;top:7px;left:0;display:block;content:"";width:3px;height:3px;border-radius:1.5px;background-color:#3b8e74;}
ul.lst > li:first-child {margin-top:0;}
ul.lst > li > .tit {display:block;margin-bottom:5px;font-weight:600;font-size:1.03em;}

ul.lst.t02 > li {margin-top:10px;}

ul.lst.num > li {padding-left:0;padding-left:20px;}
ul.lst.num > li:after {display:none;content:none;}
ul.lst.num > li > i {position:absolute;left:0;top:0;display:block;font-style:normal;}

table.tb-info {table-layout:fixed; border-collapse:collapse;border-top:1px solid #231816;border-bottom:1px solid #231816;}
table.tb-info th,
table.tb-info td {padding:10px 10px;vertical-align:top;text-align:left;border-bottom:1px solid #e0e0e0;}
table.tb-info th {color:#231816;background-color:#f7f7f7;font-weight:500;}
table.tb-info th.t01 {width:55px;}
table.tb-info td {color:#717171;word-break:keep-all;}
table.tb-info td > .dsc {position:relative;display:block;margin-top:5px;padding-left:12px;font-size:0.9em;line-height:1;}
table.tb-info td > .dsc > i {position:absolute;left:0;top:0;color:#3b8e74;font-weight:700;font-size:1.1em;font-style:normal;}
table.tb-info tr:last-child th,
table.tb-info tr:last-child td {border-bottom:0;}

.summary-box {padding:20px;color:#1a1a1a;background-color:#ededed;border:1px solid #c8cac9;}

.vid-box {position:relative;background-color:#000;}
.vid-box:before {display:block;content:"";padding-bottom:56.25%;}
.vid-box > iframe {position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;}

.sect {padding:20px 10px;border-bottom:1px solid #999;}
.sect.bd0 {border-bottom:0;padding-bottom:10px;}
.sect > h4 {margin-bottom:15px;font-weight:600;}
.sect > h4 > strong {color:#3a8d73;}
.sect > ul.lst {padding-left:5px;}
.sect > .cnt {line-height:1.5;word-break:keep-all;}
.sect > .cnt > strong {font-weight:800;font-size:1.05em;word-break:keep-all;}
.sect-dsc {padding-top:5px;color:#717171;text-align:right;}

dl.cont-box {margin-top:15px;word-break:keep-all;}
dl.cont-box:first-child {margin-top:0;}
dl.cont-box > dt {display:block;padding:5px 10px;font-weight:600;color:#fff;background-color:#23b574;}
dl.cont-box > dd {display:block;padding:15px;background-color:#ededed;border-bottom:1px solid #888a89;}
dl.cont-box > dt > i,
dl.cont-box > dd > i {display:inline;margin:0 3px;font-style:normal;font-size:0.95em;opacity:0.7;}

dl.cont-box.t02 > dt {padding:0;margin-bottom:5px;line-height:18px;font-size:16px;font-weight:700;color:#3b8e74;background-color:transparent;}
dl.cont-box.t02 > dt.ico {padding-left:28px;background:no-repeat left top;background-size:auto 16px;}
dl.cont-box.t02 > dt.ico.tel {background-image:url('../img/common_tel01.png');}
dl.cont-box.t02 > dd {border:1px solid #c9c9cb;}

dl.cont-box.t03 > dt {position:relative;padding:0 0 0 15px;margin-bottom:5px;line-height:18px;font-size:16px;font-weight:700;color:#3b8e74;background-color:transparent;}
dl.cont-box.t03 > dt:after {position:absolute;left:0;top:0;display:block;content:"";width:3px;height:100%;background-color:#3b8e74;}
dl.cont-box.t03 > dd {padding:5px 0;background-color:transparent;border:0;}
dl.cont-box.t03 > dd.SM10 {background:url('../img/subSM10_img01.png') no-repeat right top;background-size:auto 90%;}

dl.fold-box {margin-top:15px;}
dl.fold-box:first-child {margin-top:0;}
dl.fold-box > dt {display:block;}
dl.fold-box > dt > a {position:relative;display:block;line-height:45px;font-size:17px;font-weight:600;color:#3b8e74;text-align:center;background-color:#fff;border:1px solid #3b8d73;border-radius:20px;overflow:hidden;box-shadow: 1px 3px 5px 0px rgba(59,141,115,1);-webkit-tap-highlight-color:transparent;}
dl.fold-box > dt > a > i {position:absolute;left:0;top:0;height:100%;width:15%;max-width:55px;display:block;font-style:normal;font-weight:800;background-color:#dceeeb;border-radius:0 0 20px 0;}
dl.fold-box > dt > a:after {position:absolute;right:10px;top:50%;transform:translateY(-50%);display:block;content:"";width:22px;height:22px;border-radius:100%;background:url('../img/common_bullet01.png') no-repeat;background-size:contain;}
dl.fold-box > dd {margin:-20px 5px 0;padding:30px 10px 10px;background-color:#deeeeb;display:none;}

dl.fold-box.ing > dt > a {transition:all .2s;}
dl.fold-box.ing > dt > a > i {transition:all .2s;}
dl.fold-box.ing > dt > a:after {transition:all .3s;}
dl.fold-box.on > dt > a {color:#fff;background-color:#3c9a74;}
dl.fold-box.on > dt > a > i {background-color:#63ae90;}
dl.fold-box.on > dt > a:after {transform:translateY(-50%) rotate(450deg);background-image:url('../img/common_bullet01_on.png');}

.quiz-box {padding:45px 20px 20px;background:url('../img/subQZ00_bg01.png');background-size:auto 100%;border-radius:20px;}
.quiz-box.bg02 {background-image:url('../img/subQZ00_bg02.png');background-position:center center;background-size:cover;}
.quiz-box > img.tit {display:block;width:100%;}
.quiz-box > .cnt {margin-top:20px;text-align:center;}
.quiz-box > .cnt > img.img {display:block;width:100%;}
.quiz-box > .cnt > img.img.t01 {padding-top:40px;}
.quiz-box > .cnt > .nav {line-height:18px;font-size:18px;}
.quiz-box > .cnt > .req {margin-top:10px;line-height:28px;font-size:20px;font-weight:500;word-break:keep-all;}
.quiz-box > .cnt > .sel {display:flex;justify-content: center;}
.quiz-box > .cnt > .sel > a {display:block;margin-top:10px;width:40%;line-height:115px;font-size:115px;font-weight:500;text-align:center;-webkit-tap-highlight-color:transparent;}
.quiz-box > .cnt > .sel > a.on.rO {color:#005ca9;}
.quiz-box > .cnt > .sel > a.on.rX {color:#e40613;}
.quiz-box > .cnt > .res {margin-top:10px;padding:15px 10px;min-height:117px;line-height:28px;font-size:20px;font-weight:500;background-color:#fff;border-radius:15px;display:flex;justify-content:center;align-items:center;}
.quiz-box > .cnt > .res > .wrap {width:100%;}
.quiz-box > .cnt > .res > .wrap > .tit {margin-bottom:5px;font-weight:800;}
.quiz-box > .cnt > .res > .wrap.rO > .tit {color:#005ca9;}
.quiz-box > .cnt > .res > .wrap.rX > .tit {color:#e40613;}
.quiz-box > .cnt > .res > .wrap > .cnt {/*height:56px;*/word-break:keep-all;}
.quiz-box > .cnt > .res > .wrap > .cnt > span {display:inline-block;}
.quiz-box > .cnt > .fin {padding:100px 0 120px;line-height:32px;font-size:20px;font-weight:500;color:#4a4a4a;}
.quiz-box > .cnt > .fin > p {margin-top:15px;}
.quiz-box > .cnt > .fin > p:first-child {margin-top:0;font-weight:700;color:#1e1e1c;}
.quiz-box > .cnt > .fin > p > i {font-style:normal;font-weight:700;}
.quiz-box > .cnt > .fin > p > i.O {color:#005ca9;}
.quiz-box > .cnt > .fin > p > i.X {color:#e40613;}

.sub-tail {margin-top:30px;}
.sub-tail .req {line-height:18px;font-size:16px;font-weight:500;color:#666;text-align:center;}
.sub-tail .req > span {display:inline-block;vertical-align:middle;padding-left:30px;background:url('../img/common_tel01.png') no-repeat left center;background-size:auto 16px;}
.sub-tail .req > a:visited {color:inherit;}
.sub-tail .btns {margin-top:50px;display:flex;justify-content: center;}
.sub-tail .btns:first-child {margin-top:0;}
.sub-tail .btns > .btn {display:block;padding:0 50px;line-height:44px;font-size:15px;font-weight:500;color:#fff;background-color:#3b8e74;border-radius:22px;}
.sub-tail .btns > .btn.full {width:100%;padding:0;text-align:center;border-radius:15px;}
.sub-tail .btns.n02 {justify-content:space-between;}
.sub-tail .btns.n02 > .btn {width:calc((100% - 10px)/2);padding:0;text-align:center;border-radius:17px;}
.sub-tail .btns.n02 > .btn.t02 {background-color:#22b573;}

@media(max-width:375px){
    
    .main-wrap .lnk-list {line-height:40px;font-size:16px;}
    
    table.tb-info th.t01 {width:50px;}

    .summary-box {padding:15px;line-height:18px;font-size:14px;}

    dl.cont-box > dd {padding:10px;}
    
    dl.fold-box > dt > a {font-size:16px;}
    dl.fold-box > dd {margin-left:0;margin-right:0;}
    
    .quiz-box > .cnt > .nav {line-height:17px;font-size:17px;}
    .quiz-box > .cnt > .req {line-height:24px;font-size:18px;}
    .quiz-box > .cnt > .sel > a {line-height:100px;font-size:100px;}
    .quiz-box > .cnt > .res {min-height:101px;line-height:24px;font-size:18px;}
    .quiz-box > .cnt > .fin {padding:50px 0 80px;line-height:28px;font-size:18px;}

    .sub-tail .req {line-height:17px;font-size:15px;}
    .sub-tail .btns > .btn {padding:0 50px;line-height:42px;font-size:14px;border-radius:21px;}
}

/*================================================================================================
 * Tablet & Mobile 공용 : ~ 1023px
 *================================================================================================*/
@media (max-width:1023px) /* (max-width:1025px) */
{
}

/*================================================================================================
 * Tablet : 638px~1023px 해상도에서 해석하는 코드 
 *================================================================================================*/
@media (min-width:638px) and (max-width:1023px) /* (max-width:1025px) */
{   
}

/*================================================================================================
 * Mobile : 637px 이하 해상도에서 해석하는 코드
 *================================================================================================*/
@media(max-width:637px)
{
}

/*================================================================================================
 * Mobile : ~379px 해상도에서 해석하는 코드 (해상도 낮은 Mobile)
 *================================================================================================*/
@media (max-width:379px) /* (max-width:1025px) */
{
}