@charset "utf-8";

@font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 900;
    src: url("../../font/pretendard/Pretendard-Black.subset.woff2") format("woff2"), url("../../font/pretendard/Pretendard-Black.subset.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 800;
    src: url("../../font/pretendard/Pretendard-ExtraBold.subset.woff2") format("woff2"), url("../../font/pretendard/Pretendard-ExtraBold.subset.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 700;
    src: url("../../font/pretendard/Pretendard-Bold.subset.woff2") format("woff2"), url("../../font/pretendard/Pretendard-Bold.subset.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 600;
    src: url("../../font/pretendard/Pretendard-SemiBold.subset.woff2") format("woff2"), url("../../font/pretendard/Pretendard-SemiBold.subset.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 500;
    src: url("../../font/pretendard/Pretendard-Medium.subset.woff2") format("woff2"), url("../../font/pretendard/Pretendard-Medium.subset.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 400;
    src: url("../../font/pretendard/Pretendard-Regular.subset.woff2") format("woff2"), url("../../font/pretendard/Pretendard-Regular.subset.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 300;
    src: url("../../font/pretendard/Pretendard-Light.subset.woff2") format("woff2"), url("../../font/pretendard/Pretendard-Light.subset.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 200;
    src: url("../../font/pretendard/Pretendard-ExtraLight.subset.woff2") format("woff2"), url("../../font/pretendard/Pretendard-ExtraLight.subset.woff") format("woff");
  }
  
  @font-face {
    font-family: "Pretendard";
    font-style: normal;
    font-weight: 100;
    src: url("../../font/pretendard/Pretendard-Thin.subset.woff2") format("woff2"), url("../../font/pretendard/Pretendard-Thin.subset.woff") format("woff");
  }

.float-area{ *zoom:1; }
.float-area:after{ content:''; display:block; clear:both; }
.float-area .fl{ float:left; }
.float-area .fr{ float:right; }

.flex-area{ margin:0 -5px; display:flex; }
.flex-area > *{ margin:0 5px; }
.d-flex{display: flex;}

.relative{ position:relative; }
.absolute{ position:absolute; }
.blind, caption{ width:0; height:0; line-height:0; position:absolute; left:-9999px; font-size:0; overflow:hidden; }
.border-none{ border:none !important; }

.txt-left{ text-align:left !important; }
.txt-right{ text-align:right !important; }
.txt-center{ text-align:center !important; }

.mt0{ margin-top:0px !important; }
.mt5{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt20{ margin-top:20px !important; }
.mt30{ margin-top:30px !important; }
.mt50{ margin-top:50px !important; }
.mt60{ margin-top:60px !important; }
.mt70{ margin-top:70px !important; }
.mt90{ margin-top:90px !important; }
.mt120{ margin-top:120px !important; }
.ml10{ margin-left:10px !important; }
.ml20{ margin-left:20px !important; }
.ml30{ margin-left:30px !important; }
.mb0{ margin-bottom:0px !important; }
.mb5{ margin-bottom:5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb20{ margin-bottom:20px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb60{ margin-bottom:60px !important; }
.mb70{ margin-bottom:70px !important; }
.mb90{ margin-bottom:90px !important; }
.mr10{ margin-right:10px !important; }
.mr20{ margin-right:20px !important; }
.mr30{ margin-right:30px !important; }

.pt0{ padding-top:0px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt30{ padding-top:30px !important; }
.pt40{ padding-top:40px !important; }
.pt100{ padding-top:100px !important; }
.pb20{ padding-bottom:20px !important; }
.pb30{ padding-bottom:30px !important; }
.pb40{ padding-bottom:40px !important; }
.pb100{ padding-bottom:100px !important; }
.pb120{ padding-bottom:120px !important; }
.pr0{ padding-right:0 !important; }
.pr5{ padding-right:5px !important; }
.pl5{ padding-left:5px !important; }
.pl0{ padding-left:0px !important; }

.fs20{ font-size:20px !important; }
.fs24{ font-size:24px !important; }

.fw400{ font-weight:400; }
.fw700{ font-weight:700; }

.block{ display:block !important; }
.in-block{ display:inline-block !important; }

.full{ width:100% !important; }
.o_h{ overflow:hidden !important; }
.clear{ clear:both !important; }

.color-red{ color:#f00 !important; }
.color-blue{ color:#00b4ff !important; }
.color-gray{ color:#999 !important; }
.color-darkgray, del{ color:#666 !important; }
.color-black{ color:#000 !important; }

.w--50 {width:50% !important;}
.w--100 {width:100% !important;}

.ff-serif{ font-family:'Noto Serif KR', 'Noto Serif', serif, 'Sans-serif', 'Noto Sans KR'; }

.search-area{ position:relative; }
.search-area input[type="text"]{ width:100%; height:60px; padding-left:25px; padding-right:58px; border:4px solid #000; font-size:15px; cursor:auto; }
.search-area .btn-search{ position:absolute; top:18px; right:24px; }

.video-area{ height:0; padding-bottom:56.25%; position:relative; background-color:#000; }
.wide-area{ padding-bottom:42.55319149%; }
.video-area iframe{ width:100%; height:100%; position:absolute; top:0; left:0; }

.pdf-area{ width:100%; }
.pdf-area iframe{ width:100%; }

/* tit, txt, link, list */
b, strong, .strong{ font-weight:700; }
.page-tit{ margin-bottom:80px; font-size:40px; font-weight:100; text-align:center; }
.page-tit.type2{font-size:42px;}
.page-tit small{ margin-top:3px; display:block; font-size:16px; }
.page-tit .appeal-etc{margin-top: 25px; display: flex; flex-direction: column; row-gap: 10px;}
.border-tit{ width:100%; margin:0 auto; padding-bottom:64px;}
.board-tit{ margin-bottom:10px; font-size:24px; font-weight:700; }
.board-tit small{ display:block; font-size:14px; font-weight:100; }
.board1-tit{ padding-bottom:15px; font-size:20px; text-align:left; }
.table-tit{ margin-top:50px; padding-bottom:15px; position:relative; border-bottom:1px solid #000; font-size:25px; text-align:left; }
.table-tit small{ position:absolute; right:0; bottom:15px; font-size:15px; }
.table-tit .search-area{ width:300px; position:absolute; right:0; bottom:15px; font-size:0; }
.table-tit .search-area .input-text{ width:200px; height:40px; line-height:38px; border:1px solid #ccc; border-right:none; }
.table-tit .search-area .btn{ width:100px; height:40px; line-height:38px; }
.dep-tit{ font-size:14px; font-weight:bold; margin-bottom:10px; line-height:22px; }

.dep1-tit{ margin:70px auto 50px; font-size:40px; font-weight:700; text-align:center; letter-spacing:-.05em; }
.dep1-tit small{ margin-top:5px; display:block; font-size:20px; font-weight:300; letter-spacing:-.025em; }
.dep2-tit{ margin:60px auto 20px; font-size:30px; font-weight:700; letter-spacing:-.035em; }
.dep2-tit small{ font-size:20px; font-weight:400; color:#999; }
.dep3-tit{ margin:35px auto 25px; font-size:20px; font-weight:700; letter-spacing:-.035em; }

.tit-area{ position:relative; }
.tit-area .tit-side{ position:absolute; right:0; bottom:0; }
.tit-area .tit-side .btn{ margin-left:8px; }

.txt-link, .txt-link:hover{ display:inline-block; background:transparent; text-decoration:underline; }
.txt-link2{ margin-left:10px; }
.txt-link2:first-child{ margin-left:0; }
.txt-link2:after{ content:'〉'; margin-left:5px; display:inline-block; }
.txt-guide{ font-size:15px; color:#666; letter-spacing:-.025em; }
.txt-end, .txt-end:hover{ color:#999; text-decoration:none; cursor:default; }
.tit-txt{ max-width:100%; display:inline-block; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; word-wrap:normal; zoom:1; *display:inline/*IE7 HACK*/; }
a.tit-txt:hover{ color:#555; }
.tit-ico{ max-width:90%; margin-right:3px; }
.txt-box{ line-height:25px; text-align:left; word-break:break-all; }
.txt-box img, .img-box img, .content-box > img{ max-width:100%; }
.txt-box.curri img{ width:840px; margin:0 auto; }
.info-box{ line-height:48px; font-size:24px; text-align:center; }
.info-box .select-box{ margin:30px 0; }
.info-box .select-box .select{ width:230px; height:60px; line-height:58px; border-color:#000; }
.info-box .select-box .btn{ width:120px; margin-left:5px; }
.info-box > .tit{ font-size:24px; font-weight:bold; }
.info-box > .txt{ line-height:28px; font-size:20px; }
.img-box{ margin-bottom:20px; border:1px solid #000; box-sizing:border-box; }
.content-box{ border:1px solid #000; box-sizing:border-box; }
.charts-box{ height:250px; padding-top:30px; }
.charts-box, .charts-box .highcharts-container, .charts-box .highcharts-container svg{ overflow:visible !important; }
.agree-box{ width:100%; height:110px; line-height:20px; padding:20px; border:1px solid #ccc; font-size:12px; color:#666; word-break:break-all; box-sizing:border-box; overflow-x:hidden; overflow-y:auto; }
.search-box{ margin:80px auto 60px; }
.search-box h4{ margin-bottom:30px; font-size:30px; text-align:center; }
.search-box > div{ padding:30px 0 40px; border-top:1px solid #000; border-bottom:1px solid #000; }
.search-box > div table{ margin-bottom:20px; }
.search-box > div table tr th{ padding:15px 0; font-weight:normal; text-align:left; }
.search-box > div table tr td{ padding:15px 0; color:#666; text-align:left; }

.schd-box{ padding:20px; border:1px solid #000; }
.schd-box h3{ margin-right:20px; display:inline-block; font-size:24px; vertical-align:top; }
.schd-box h3 small, .schd-box h3 em{ font-size:14px; font-weight:300; }
.schd-box h3 small{ display:block; }
.schd-box .list-phone{ width:194px; padding-top:0; display:inline-block; border-top:none; }
.schd-box .list-phone dt{ width:80px; }
.schd-box .list-phone dd{ width:110px; }

.step-box{ line-height:25px; margin-bottom:50px; padding:0 30px 20px; position:relative; border-bottom:1px solid #ededed; }
.step-box .tit{ font-size:15px; font-weight:bold; letter-spacing:-.025em; }
.step-box .step{ position:absolute; top:0; right:30px; }
.step-box .step li{ width:10px; height:10px; margin:0 17px; display:inline-block;  background-color:#ccc; border-radius:13px; font-size:0; color:#ccc; text-align:center; vertical-align:middle; }
.step-box .step li.prev{ background-color:#000; }
.step-box .step li.on{ width:25px; height:25px; line-height:25px; margin:0 10px;  background-color:#000; font-size:13px; font-weight:bold; color:#fff; }

.list-dotted > li, p.list-dotted{ width:100%; position:relative; word-break:break-all; }
.list-dotted > li, p.list-dotted{ line-height:24px; padding-left:12px; font-size:16px; font-weight:400; word-break:keep-all;}
.list-dotted > li em{ line-height:13px; display:block; font-size:12px; color:#7d7d7d;margin:8px 0 0 0; }
.list-dotted > li:after, p.list-dotted:after{ content:''; width:5px; height:5px; display:inline-block; position:absolute; top:10px; left:0; background-color:#000; border-radius:50%; }

.list-number{ counter-reset:section; }
.list-number > li{ line-height:24px; padding-left:22px; position:relative; color:#666; }
.list-number > li:after{ counter-increment:section; content:counter(section)'.'; width:22px; display:inline-block; position:absolute; top:-1px; left:-2px; text-align:right; }

/* .list-number2 li{ margin-left:20px; list-style-type:upper-roman } */
.list-number2{ counter-reset:section; }
.list-number2 li{ line-height:24px; padding-left:22px; position:relative; }
.list-number2 li:after{ counter-increment:section; content:counter(section, upper-roman)'.'; width:22px; display:inline-block; position:absolute; top:0; left:-2px; font-family:'Noto Serif KR', 'Noto Serif', serif, 'Sans-serif', 'Noto Sans KR'; text-align:right; }

ul.list-guide, p.list-guide{ line-height:20px; margin-bottom:25px; text-align:left; }
.list-guide li, p.list-guide{ width:100%; padding-left:18px; display:inline-block; position:relative; font-size:15px; color:#666; letter-spacing:-.025em; word-break:break-all; word-break:keep-all; }
.list-guide > li:after, p.list-guide:after{ content:'※'; display:inline-block; position:absolute; top:1px; left:0; }

.list-dotted.dash, .list-dash{ padding:0; }
.list-dotted.dash > li, .list-dash > li{ padding-left:15px; position:relative; }
.list-dotted.dash > li:after, .list-dash > li:after{ display:none; }
.list-dotted.dash > li:before, .list-dash > li:before{ content:"-"; width:10px; position:absolute; top:0; left:0; }

.list-toggle dt a{ padding:20px 0 20px 20px; display:block; position:relative; background-color:#fff; border-bottom:1px solid #b2b2b2; font-size:18px; font-weight:400; text-align:left; }
.list-toggle dt a:after{ content:''; width:20px; height:12px; display:block; position:absolute; right:20px; bottom:27px; background:transparent url(//img.sdij.com/sd2019/pc/ico/ico_toggle_bottom.png) 50% 50% no-repeat; z-index:2; }
.list-toggle dt.selected a:after{ background-image:url(//img.sdij.com/sd2019/pc/ico/ico_toggle_top.png); }
.list-toggle dt:first-child a{ padding-top:0; }
.list-toggle dd{ display:none; }
.list-toggle dd.on{ display:block; }
.list-toggle dd .txt-box{ line-height:36px; padding:40px 30px; background-color:#fafafa; border-bottom:1px solid #b2b2b2; font-size:16px; }

.list-toggle2{ border-bottom:1px solid #ddd; }
.list-toggle2 dt a{ line-height:30px; padding:24px 60px 24px 20px; position:relative; background:none; border:none; border-top:1px solid #ddd; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; word-wrap:normal; }
.list-toggle2 dt:first-child a{ padding-top:24px; border-top:none; }
.list-toggle2 dt a:after{ content:''; width:60px; display:block; position:absolute; top:1px; right:1px; bottom:1px; background:transparent url(//img.sdij.com/sd2019/pc/ico/ico_toggle_bottom.png) 50% 50% no-repeat; z-index:2; }
.list-toggle2 dt.selected a{ background:none; }
.list-toggle2 dt.selected a:after{ background-image:url(//img.sdij.com/sd2019/pc/ico/ico_toggle_top.png); }
.list-toggle2 dt a .tit{ margin-right:10px; font-size:20px; font-weight:700; letter-spacing:-.015em; vertical-align:middle; }
.list-toggle2 dt a .txt{ font-size:15px; color:#999; vertical-align:middle; }
.list-toggle2 dd{ border-top:1px solid #000; }

.list-tit{ font-size:16px; }
.list-tit dl dt{ margin:35px auto 10px; font-weight:bold; }
.list-phone{ padding-top:25px; border-top:1px solid #000; }
.list-phone dt{ width:85px; line-height:36px; display:inline-block; font-size:16px; font-weight:500; }
.list-phone dd{ width:225px; line-height:36px; display:inline-block; font-size:16px; font-weight:300; }

.list-file li{ margin:5px 0; font-size:14px; }
.list-file li .delete{ width:12px; height:12px; display:inline-block; position:relative; top:-1px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_date_close.png); background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; text-indent:-9999px; vertical-align:middle; zoom:1; *display:inline/*IE7 HACK*/; }

.teacher-list .table-tit{ padding-bottom:5px; border-bottom:2px solid #000; }
.teacher-list .table-tit:first-child{ margin-top:0; }
.teacher-list .subject-tit{ width:600px; margin:10px 0 0 auto; padding:10px 0; border-bottom:1px solid #000; font-size:18px; font-weight:bold; }
.teacher-list .list-tit > li{ width:400px; margin:0 0 0 auto; padding:20px 0 20px 160px; position:relative; border-top:1px solid #b2b2b2; box-sizing:border-box; }
.teacher-list .list-tit > li:first-child{ border-top:none; }
.teacher-list .list-tit > li .data-name{ width:160px;/*position:absolute; top:20px; left:0; */font-weight:bold; }
.teacher-list .list-tit > li .list-dotted{ margin-bottom:0; width:265px; padding:0 25px 0 0; }
.teacher-list .list-tit > li{ padding:15px 0 50px 0; display:table; }
.teacher-list .list-tit > li .data-name, .teacher-list .list-tit > li .list-dotted, .teacher-list .list-tit > li .pic{ display:table-cell; }
.teacher-list .list-tit > li .pic{ vertical-align:top; }
.teacher-list .list-tit > li .pic .circle{ width:90px; height:90px; border-radius:100%; overflow:hidden; margin-left: auto;}
.teacher-list .list-tit > li .pic .circle img{ max-width:100%; height:100%; display:block; }

.gray-t{ width:100%; border-bottom:1px #d2d2d2 solid; }
.gray-t caption{ font-size:0; text-indent:-9999px; }
.gray-t th{ padding:15px 0; border-right:1px #d2d2d2 solid; border-top:1px #d2d2d2 solid; background-color:#ebebeb; font-weight:500; vertical-align:top; }
.gray-t td{ padding:15px; border-top:1px #d2d2d2 solid; }

/* btn */
.btn{ width:100%; height:60px; line-height:58px; padding:0; display:inline-block; background-color:#fff; border:none; border:1px solid #ccc; font-size:15px; text-align:center; letter-spacing:-.025em; vertical-align:top; box-sizing:border-box; }
.btn:hover{ text-decoration:none; }
.btn:disabled{ color:#999; cursor:default; }
.btn-xs{ width:38px; height:38px; line-height:36px; font-size:12px; }
.btn-xs2{ width:auto; height:26px; line-height:24px !important; padding:0 10px; font-size:12px; }
.btn-sm{ width:110px; height:40px; line-height:38px !important; }
.btn-sm2{ width:auto; height:34px; line-height:32px !important; padding:0 15px;}
.btn-mid{ width:130px; height:40px; line-height:38px !important; }
.btn-mid2{ width:auto; height:40px; line-height:38px !important; padding:0 15px; }
.btn-lg{ width:180px; font-size:18px; }
.btn-lg2{ width:auto; padding:0 20px; font-size:18px; }
.btn-more-lg{ width:233px; font-size:18px; }
.btn-more-lg2{ width:227px; font-size:16px; border-radius: 4px; }
.btn-strong{ font-size:18px; font-weight:bold; color:#000; }
.btn-black, .btn-black:hover{ background-color:#000; border-color:#000; color:#fff !important; }
.btn-white, .btn-white:hover{ background-color:#fff; border-color:#000; color:#000 !important; }
.btn-rightgray{ background-color:#e5e5e5; border-color:#e5e5e5; }
.btn-gray{ background-color:#fafafa; border-color:#ededed; color:#000; }
.btn-darkgray, .btn-darkgray:hover{ background-color:#666; border-color:#666; color:#fff; }
.btn-download{ width:210px; height:40px; line-height:38px; padding-left:15px; background:#b2b2b2 url(//img.sdij.com/sd2019/pc/ico/ico_down.png) 193px 50% no-repeat; font-weight:bold; color:#000; text-align:left; }
.btn-download2{ width:250px; height:50px; line-height:48px; padding-left:20px; background:#fff url(//img.sdij.com/sd2019/pc/ico/ico_down2.png) 215px 50% no-repeat; color:#000; text-align:left; }
.btn-print{ width:210px; height:40px; line-height:38px; padding-left:15px; background:#b2b2b2 url(//img.sdij.com/sd2019/pc/ico/ico_right.png) 185px 50% no-repeat; font-weight:bold; color:#000; text-align:left; }
.btn-red{ background-color:#ff0000; }
.btn-step-prev{ width:75px; height:18px; background:#fff url(//img.sdij.com/sd2019/pc/ico/ico_step_prev.png) 50% 0 no-repeat; border:none; font-size:0; color:#000; }
.btn-step-next{ width:75px; height:18px; background:#fff url(//img.sdij.com/sd2019/pc/ico/ico_step_next.png) 50% 0 no-repeat; border:none; font-size:0; color:#000; }

.step-btn .btn-step-prev{ float:left; }
.step-btn .btn-step-next{ float:right; }

/* input, select, textarea */
.input-text{ width:100%; height:60px;/*line-height:58px;*/ padding-left:20px; border:none; border:1px solid #ccc; font-size:15px; vertical-align:middle; }
.input-text:disabled, .input-text:read-only, .select:disabled{ background-color:#ededed; }
.input-text-sm{ width:91px; /*margin-left:1px;*/ margin-left:1px; }
.input-text-sm-more{ width:65px; margin-left:2px; }
.input-text-mid{ width:calc(50% - 10px); }
.input-text-mid:first-child{ width:calc(50% - 15px); }
.label-date{ display:inline-block; position:relative; }
.label-date .input-text{ height:46px; line-height:44px; padding-left:15px; }
.label-date:after{ content:''; width:21px; height:18px; margin-top:-9px; display:block; position:absolute; top:50%; right:15px; background:url(//img.sdij.com/sd2019/pc/ico/ico_date.png) no-repeat; }
.input-id{ border-bottom:none; }
.input-search .input-text{ width:173px; height:38px; line-height:36px; margin-right:5px; padding-left:10px; font-size:12px; }

input[type="checkbox"]{ cursor:pointer; }
.radio, .check{ display:inline-block; cursor:pointer; }
.radio{ margin-right:10px; }
.radio input[type="radio"]{ margin:0; vertical-align:middle; }
.check{ line-height:24px; position:relative; }
.check > span{ display:inline-block; padding-left:25px; }
.check input[type="checkbox"]{ position:absolute; top:3px; left:0; }
_:-ms-lang(x), .check input[type="checkbox"]{ top:5px; }/* ie10 대응 */
@media all and (min-width:0\0) and (min-resolution:.001dpcm){ .check input[type="checkbox"]{ top:7px; } }/* ie9 대응 */

.select{ width:100%; height:60px; line-height:58px; padding-left:20px; padding-right:38px; display:inline-block; background:#fff url(//img.sdij.com/sd2019/pc/ico/ico_select_v2.png) 100% 50% no-repeat; border:1px solid #ccc; color:#666; }
@media all and (min-width:0\0) and (min-resolution:.001dpcm){ .select { background:none} }/* ie9 대응 */
.select-xs{ background:#fff url(//img.sdij.com/sd2019/pc/ico/ico_select.png) 85% 50% no-repeat; }
.select-sm-more{ width:65px; margin-right:1px; padding-left:10px; padding-right:20px; background:#fff url(//img.sdij.com/sd2019/pc/ico/ico_select.png) 90% 50% no-repeat !important; }
.select-sm{ width:90px; margin-right:1px; }
.select-mid{ width:calc(50% - 5px); margin-left:6px; }
.select-mid:first-child{ width:calc(50% - 6px); margin-left:0; }
.select-cart{ width:100%; height:26px; line-height:24px; background-position:85% 50% !important; }

.textarea{ width:100%; height:100px; line-height:28px; padding:10px; border:none; border:1px solid #ccc; text-align:left; vertical-align:middle; resize:none; }

/* on :input, select, textarea */
.form-select{ width:100%; display:inline-block; position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; vertical-align:top; }
.form-select select{ width:100%; height:46px; line-height:46px; padding-left:15px; padding-right:30px; position:relative; background-color:#fff; border:none; border-radius:0; border:1px solid #ddd; vertical-align:top; z-index:1; }
.form-select select:disabled{ background-color:#eee; color:#999; }
.form-select:after{ content:''; width:29px; display:block; position:absolute; top:1px; right:1px; bottom:1px; background:transparent url(//img.sdij.com/sd2019/pc/ico/form_select.png) 50% 50% no-repeat; z-index:2; }

:root .form-select select{ padding-right:0 \0/IE9; }

.form-amount select{ height:36px; line-height:36px; padding-left:10px; padding-right:25px; text-align:right; }
.form-amount:after{ width:24px; }

.form-input{ width:100%; display:inline-block; }
.form-input input[type="text"], .form-input input[type="password"]{ width:100%; height:46px; line-height:46px; padding:0 15px; display:inline-block; border:none; border-radius:0; border:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.form-input input:read-only, .form-input input:disabled{ background-color:#eee; color:#999; }

.form-email{ font-size:0; }
.form-email input[type="text"]{ width:calc( 50% - 10px ); }
.form-email .dash{ width:20px; display:inline-block; font-size:15px; text-align:center; vertical-align:middle; }

.form-time, .form-page{ width:112px; height:46px; line-height:42px; display:inline-block; padding:0 15px; border:1px solid #ddd; }
.form-time span.ico-clock, .form-page span.ico-clock{ margin-right:5px; top:0; }
.form-time span.txt{ width:5px; display:inline-block; text-align:center; vertical-align:middle; }
.form-time input[type="text"]{ width:20px; height:44px; line-height:42px; padding:0; border:none; text-align:center; }
.form-page input[type="text"]{ width:48px; height:44px; line-height:42px; padding:0 2px 0 6px; border:none; text-align:right; }
.form-time ~ .txt-guide, .form-page ~ .txt-guide{ margin-left:10px; display:inline-block; }

.form-cash .form-input{ width:220px; position:relative; }
.form-cash .form-input:after{ content:'원'; width:29px; line-height:44px; display:block; position:absolute; top:1px; right:1px; bottom:1px; background-color:#fff; z-index:2; }
.form-cash .form-input input[type="text"]{ padding-right:35px; text-align:right; }
.form-cash .form-input ~ .txt{ margin:0 10px; }

.form-radio{ margin-left:5px; position:relative; cursor:pointer; }
.form-radio input[type="radio"]{ width:0; height:0; position:absolute; opacity:0; }
.form-radio .ico-radio{ width:14px; height:14px; margin-top:-2px; margin-right:2px; background:url(//img.sdij.com/sd2019/pc/ico/form_radio.png) 0 50% no-repeat; vertical-align:middle; }
.form-radio input[type="radio"]:checked + .ico-radio{ background-position:100% 50%; }
.form-radio input[type="radio"]:read-only + .ico-radio, .form-radio input[type="radio"]:disabled + .ico-radio{ background-image:url(//img.sdij.com/sd2019/pc/ico/form_radio_disabled.png); }

.dim-univer .cent-height{ min-height: 236px; }
.radio-align .form-radio{ display: inline-block; width: calc((100% / 3) - 27px); margin: 15px 0;padding-left: 24px; }
.radio-align .form-radio .radio-txt{ overflow: hidden;text-overflow: ellipsis; word-break: break-all; word-wrap: break-word; -webkit-box-orient: vertical; white-space: nowrap; width: 81%; display: inline-block; }
.radio-align .form-radio .ico-radio{ margin-right: 6px;display: inline-block; top: -5px; }

.form-multi{ width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd; *zoom:1; }
.form-multi:after{ content:''; display:block; clear:both; }
.form-multi > label{ height:45px; padding-left:15px; display:flex; float:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd; align-items:center; color:#999; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer; }
.form-multi > label.on{ background-color:#000; border-color:#000; color:#fff; }
.form-multi input[type="radio"]{ width:0; height:0; position:absolute; opacity:0; }
.form-multi.col3 > *{ width:33.333333333333%; }

.form-checkbox{ margin-left:5px; position:relative; cursor:pointer; }
.form-checkbox input[type="checkbox"]{ width:0; height:0; position:absolute; opacity:0; }
.form-checkbox .ico-checkbox{ width:14px; height:14px; margin-top:-2px; margin-right:2px; background:url(//img.sdij.com/sd2019/pc/ico/form_checkbox.png) 0 50% no-repeat; vertical-align:middle; }
.form-checkbox input[type="checkbox"]:checked + .ico-checkbox{ background-position:100% 50%; }
.form-checkbox input[type="checkbox"]:read-only + .ico-checkbox, .form-checkbox input[type="checkbox"]:disabled + .ico-checkbox{ background-image:url(//img.sdij.com/sd2019/pc/ico/form_checkbox_disabled.png); }

.form-file{ width:100%; display:block; position:relative; font-size:0; overflow:hidden; }
.form-file input[type="file"]{ width:0; height:0; margin:0; padding:0; display:inline-block; position:absolute; top:0; left:0; opacity:0; z-index:0; }
.form-file .file-name{ width:calc( 100% - 110px ); height:46px; line-height:46px; padding:0 15px; display:inline-block; position:absolute; top:0; left:0; background-color:#fff; border:none; border-radius:0; border:1px solid #ddd; font-size:15px; color:#999; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; z-index:10; }
.form-file .file-name.on{ padding-left:35px; background:url(//img.sdij.com/sd2019/pc/ico/ico_file.png) 15px 15px no-repeat; }
.form-file .btn{ width:100px; height:46px; line-height:46px; margin-left:calc( 100% - 100px ); cursor:pointer; }
.form-file ~ .txt-guide{ line-height:25px; margin-top:10px; }

.form-file2 .btn{ margin:0 10px 0 0; }
.form-file2 .txt-guide{ width:calc( 100% - 110px ); display:inline-block; }

.form-textarea{ width:100%; }
.form-textarea textarea{ width:100%; height:268px; line-height:25px; padding:15px; border:none; border:1px solid #ddd; text-align:left; vertical-align:middle; }

/* ico */
.ico{ display:inline-block; position:relative; top:-1px; background-color:transparent; background-position:50% 0; background-repeat:no-repeat; text-indent:-9999px; vertical-align:middle; zoom:1; *display:inline/*IE7 HACK*/; }
/* .ico-{ width:px; height:px; background-image:url(//img.sdij.com/sd2019/pc/ico/); } */
.ico-menu{ width:20px; height:15px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_menu.png); }
.ico-page-prev{ width:6px; height:8px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_page_prev.png); }
.ico-page-prev2{ width:8px; height:8px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_page_prev2.png); }
.ico-page-next{ width:6px; height:8px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_page_next.png); }
.ico-page-next2{ width:8px; height:8px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_page_next2.png); }
.ico-slide-prev{ width:10px; height:15px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_slide_prev.png); }
.ico-slide-next{ width:10px; height:15px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_slide_next.png); }
.ico-close{ width:13px; height:13px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_close.png); }
.ico-close2{ width:32px; height:32px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_close3.png); }
.ico-rock{ width:10px; height:12px; margin-left:5px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_rock.png); }
.ico-rock2{ width:8px; height:10px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_rock2.png); }
.ico-delete{ width:19px; height:18px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_delete.png); }
.ico-delete2{ width:14px; height:14px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_delete_14x14.png); }
.ico-edit{ width:14px; height:14px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_edit.png); }
.ico-right-w{ width:15px; height:7px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_right_w.png); }
.ico-search{ width:20px; height:20px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_search.png); }
.ico-search2{ width:24px; height:24px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_search2.png); }
.ico-right{ width:8px; height:8px; display:inline-block; border-top:1px solid #000; border-right:1px solid #000; transform:rotate(45deg); }
.ico-file{ width:20px; height:20px; background-image:url(//img.sdij.com/common/common.png); background-position:0 -1925px; }
.ico-file2{ width:14px; height:16px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_file.png); }
.ico-pdf{ background-position:0 -1850px; }
.ico-word{ background-position:-50px -1850px; }
.ico-hwp{ background-position:0 -1888px; }
.ico-zip{ background-position:-50px -1888px; }
.ico-download{ width:14px; height:17px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_down2.png); }
.ico-star{ width:14px; height:14px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_star.png); }
.ico-star-on{ background-image:url(//img.sdij.com/sd2019/pc/ico/ico_star_on.png); }
.ico-star2{ width:22px; height:22px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_star2.png); }
.ico-star2-on{ background-image:url(//img.sdij.com/sd2019/pc/ico/ico_star2_on.png); }
.ico-new{ width:17px; height:17px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_new.png); }
.ico-clock{ width:20px; height:20px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_clock.png); }
.ico-page{ width:20px; height:20px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_page.png); }
.ico-lec{ width:20px; height:20px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_lecture.png); }
.ico-date-b{ width:21px; height:18px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_date_b.png); }
.ico-date-close{ width:10px; height:10px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_date_close.png); }
.ico-lec-plus{ width:20px; height:18px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_lec_plus.png); }
.ico-play{ width:12px; height:14px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_play.png); }
.ico-bookmark{ width:22px; height:22px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_bookmark_g.png); }
.ico-lecplay{ width:24px; height:22px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_lecplay_g.png); }
.ico-snb-top{ width:10px; height:6px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_snb_top.png); }
.ico-snb-bottom{ width:10px; height:6px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_snb_bottom.png); }
.ico-pass{ width:20px; height:18px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_pass.png); }
.ico-video{ width:20px; height:18px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_video.png); }
.ico-etc{ width:20px; height:18px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_etc.png); }
.ico-textbook{ width:20px; height:18px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_textbook.png); }
.ico-korea{ width:38px; height:43px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_korean.png); }
.ico-math-a{ width:35px; height:44px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_math_a.png); }
.ico-math-b{ width:44px; height:33px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_math_b.png); }
.ico-english{ width:46px; height:34px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_english.png); }
.ico-physic{ width:42px; height:47px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_physic.png); }
.ico-chemistry{ width:49px; height:38px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_chemistry.png); }
.ico-life{ width:49px; height:49px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_life.png); }
.ico-earth{ width:43px; height:43px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_earth.png); }
.ico-korea-off{ width:38px; height:43px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_korean_off.png); }
.ico-math-a-off{ width:35px; height:44px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_math_a_off.png); }
.ico-math-b-off{ width:44px; height:33px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_math_b_off.png); }
.ico-english-off{ width:46px; height:34px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_english_off.png); }
.ico-physic-off{ width:42px; height:47px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_physic_off.png); }
.ico-chemistry-off{ width:49px; height:38px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_chemistry_off.png); }
.ico-life-off{ width:49px; height:49px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_life_off.png); }
.ico-earth-off{ width:43px; height:43px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_earth_off.png); }
.ico-all{ width:39px; height:42px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_all.png); }
.ico-all-off{ width:39px; height:42px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_all_off.png); }
.ico-balloon{ width:20px; height:20px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_balloon.png); }
.ico-question{ width:14px; height:14px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_question.png); }
.ico-location1-s { width:16px; height:16px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_location1_s.png); }
.ico-location2-s { width:16px; height:16px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_location2_s.png); }
.ico-location1-m { width:32px; height:32px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_location1_m.png); }
.ico-location2-m { width:32px; height:32px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_location2_m.png); }
.ico-more { width:14px; height:14px; background-image:url(//img.sdij.com/sd2019/pc/ico/ico_more.png); }

.sticker{ padding:0 10px 1px; margin-bottom:5px; display:inline-block; border:1px solid #ccc; border-radius:10px; font-size:10px; }

.sticker-board{ width:55px; height:22px; line-height:22px; display:inline-block; border:1px solid #000; font-size:12px; font-weight:700; text-align:center; vertical-align:middle; }
.sticker-cash{ width:80px; height:80px; line-height:78px; display:inline-block; border:1px solid #000; text-align:center; vertical-align:middle; }

.sticker-red{ border-color:#de2138; color:#de2138; }
.sticker-purple{ border-color:#5240be; color:#5240be; }
.sticker-orange{ border-color:#ffa800; color:#ffa800; }
.sticker-black{ background-color:#000; border-color:#000; color:#fff; }
.sticker-gray{ background-color:#ddd; border:none; }

.sticker-lec{ width:46px; height:20px; line-height:20px; display:inline-block; background-color:#000; font-size:12px; font-weight:700; color:#fff; text-align:center; vertical-align:middle; }
.sticker-lec.sticker-red{ background-color:#de2138; }
.sticker-lec.sticker-orange{ background-color:#ffa800; }
.sticker-lec.sticker-green{ background-color:#129062; }
.sticker-lec.sticker-gray{ background-color:#555; }

/* layout */
.layout-container{ min-height:700px; margin-bottom:80px; font-size:15px; }
.content-layout{ width:1180px; margin:0 auto; position:relative; }
.landing-layout{ width:1100px; margin:0 auto; }
.tit-layout{ width:1100px; margin:0 auto; padding-top:40px; position:relative; }

.tit-layout > .fl{ width:340px; }
.tit-layout > .tab-list > a, .tit-layout > .main-slide-tab > a{ line-height:32px; display:block; font-family:'Noto Serif KR', 'Noto Serif', serif, 'Sans-serif', 'Noto Sans KR'; color:#626262; }
.tit-layout > .tab-list > a:hover, .tit-layout > .tab-list > a.selected, .tit-layout > .main-slide-tab > a.cycle-pager-active, .tit-layout > .main-slide-tab > a:hover{ color:#000; text-decoration:underline; }
.tit-layout > .fr{ width:740px; height:405px; }
.tit-layout > .tab-content{ height:500px; display:none; }
.tit-layout > .tab-on{ display:block; }
.tit-layout .slide-container, .tit-layout .slide-container .txt-box{ height:500px; }
.tit-layout > .tit-box, .tit-layout .slide-container .txt-box{ line-height:30px; font-family:'Noto Serif KR', 'Noto Serif', serif, 'Sans-serif', 'Noto Sans KR'; font-size:19px; text-align:left; }
.tit-layout > .txt-box p, .tit-layout .slide-container .txt-box p{ line-height:30px; margin-bottom:20px; font-family:'Noto Serif KR', 'Noto Serif', serif, 'Sans-serif', 'Noto Sans KR'; font-size:18px; }
.tit-layout > .txt-box p em, .tit-layout .slide-container .txt-box p em{ line-height:24px; display:inline-block; font-family:'Noto Serif KR', 'Noto Serif', serif, 'Sans-serif', 'Noto Sans KR'; font-size:14px; }

.snb-layout{ *zoom:1; }
.snb-layout:after{ content:''; display:block; clear:both; }
.snb-layout > *{ float:right; }
.snb-layout > .snb{ width:220px; padding:10px 0; float:left; border:1px solid #ddd; }
.snb-layout > .snb a{ padding-left:30px; padding-right:30px; display:block; color:#999; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; word-wrap:normal; }
.snb-layout > .snb a:hover, .snb-layout > .snb .selected{ color:#000; }
.snb-layout > .snb ul > li{ padding:0 10px; }
.snb-layout > .snb ul li > a{ line-height:45px; }
.snb-layout > .snb .snb-depth1{ padding-right:45px; position:relative; }
.snb-layout > .snb .snb-depth1:after{ content:''; width:10px; height:6px; margin-top:-3px; display:block; position:absolute; top:50%; right:30px; background:url(//img.sdij.com/sd2019/pc/ico/ico_snb_bottom.png) 50% 0 no-repeat; }
.snb-layout > .snb .snb-depth1.selected:after{ background-image:url(//img.sdij.com/sd2019/pc/ico/ico_snb_top.png); }
.snb-layout > .snb .snb-depth2{ padding:10px 0; display:none; background-color:#fafafa; }
.snb-layout > .snb .snb-depth2.on{ display:block; }
.snb-layout > .snb .snb-depth2 > a{ line-height:27px;  }

.board-layout{ margin:0 auto; }
.form-layout{ padding: 0 40px; }
.vide-area iframe{ width:100%; height:100%; }

.page-loc{ width:1120px; height:40px; margin:30px auto 20px; }
.page-loc .fl a{ font-size:18px; }
.page-loc .fr .select{ width:180px; height:40px; line-height:38px; }

.no-data{ padding:100px 0; text-align:center; }

/* datapicker */
.ui-datepicker{ width:232px; margin-top:5px; background-color:#fff; border:1px solid #ddd; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.ui-datepicker-header{ padding:11px 0; position:relative; font-size:14px; color:#323232; text-align:center; }
/* 20200922 datepicker수정 */
/*
.ui-datepicker-year, .ui-datepicker-month{ width:auto; margin-right:1px; padding-left:10px; padding-right:25px; background:#fff url(//img.sdij.com/sd2019/pc/ico/form_select.png) 88% 50% no-repeat; background-size:8px auto; }
.ui-datepicker-prev, .ui-datepicker-next{ margin-top:-10px; padding:5px; position:absolute; top:50%; cursor:pointer; }
.ui-datepicker-prev{ left:30px; }
.ui-datepicker-next{ right:30px; }
*/
.ui-datepicker-prev span, .ui-datepicker-next span{ width:6px; height:10px; display:block; background:url(//img.sdij.com/sd2019/pc/ico/ico_date_left.png) no-repeat; text-indent:-9999em; }
.ui-datepicker-next span{ background-image:url(//img.sdij.com/sd2019/pc/ico/ico_date_right.png); }
.ui-state-disabled{ cursor:default; opacity:.2; }
.ui-datepicker-calendar th{ background-color:#ebebeb; font-size:12px; color:#323232; }
.ui-datepicker-calendar tr>*{ width:30px; height:30px; line-height:28px; }
.ui-datepicker-calendar tr>*:first-child{ padding-left:10px; }
.ui-datepicker-calendar tr>*:last-child{ padding-right:10px; }
.ui-datepicker-calendar tr th:first-child, .ui-datepicker-calendar tr td:first-child a{ color:#ee1010; }
.ui-datepicker-calendar th{ padding:0; background-color:#ebebeb; font-size:12px; color:#323232; }
.ui-datepicker-calendar td{ padding:0; text-align:center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.ui-datepicker-calendar td a:hover{ border:1px solid #000; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.ui-datepicker-calendar td a:active{ background-color:#000; color:#fff; }
.ui-datepicker-calendar td a, .ui-state-default{ display:block; border:1px solid #fff; font-size:12px; color:#323232; }
.ui-datepicker-calendar td a.ui-state-highlight{ background-color:#ebebeb; }
.ui-datepicker-calendar td a.ui-state-highlight:active{ background-color:#000; color:#fff; }
.ui-datepicker-calendar td a.ui-state-active{ background-color:#000; color:#fff; }
.ui-datepicker-calendar tbody tr:first-child>*{ padding-top:10px; }
.ui-datepicker-calendar tbody tr:last-child>*{ padding-bottom:10px; }
.ui-datepicker-other-month{ font-size:12px;color:#b4b4b4; }
button.ui-datepicker-current{ display:none; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close{ width:20px; height:20px; position:absolute; top:0; right:0; background:url(//img.sdij.com/common/common.png) no-repeat; background-position:0 -1388px; text-indent:100%; white-space:nowrap; overflow:hidden; }

/* cycle */
.cycle-slideshow{ width:100%; margin:0 auto; position:relative; z-index:1; }
.cycle-slideshow .slide{ display:none; text-align:center; }
.cycle-slideshow .first-slide, .cycle-slideshow .slide-first{ display:block; }
.cycle-slideshow .cycle-pager{ position:absolute; left:0; right:0; bottom:10px; text-align:center; z-index:999; }
.cycle-slideshow .cycle-pager span{ width:14px; height:14px; margin:0 5px; display:inline-block; background-color:#d4cdc7; border-radius:100%; font-size:0; cursor:pointer; }
.cycle-slideshow .cycle-pager span.cycle-pager-active{ background-color:#fff; }

/* board */
.board-btn, .board-big{ font-size:0; }
.board-btn .btn{ margin-left:10px; }
.board-btn .btn:first-child{ margin-left:0; }

.board-big .btn{ width:400px; margin-left:40px; }
.board-big .btn:first-child{ margin-left:0; }

.board-list{ position:relative; }
.board-list .board-btn{ position:absolute; top:-50px; left:0; right:0; text-align:right; }
.board-list table{ width:100%; border-top:1px solid #000; table-layout:fixed; }
.board-list table tr th, .board-list table tr td{ height:54px; line-height:22px; padding:0 10px; border-bottom:1px solid #ededed; text-align:center; }
.board-list table tr th{ background-color:#fafafa; }
.board-list table tr td{ color:#666; }
.board-list table tr td a{ line-height:110%; display:inline-block; }
.board-list table tr .tit-box{ padding-left:20px; text-align:left; }
.board-list table tr.no-data td{ height:200px; }
.board-list table tr.active{ background-color:#fff5cc }
.board-list table tr.hide-pop{ display:none; background-color:#ebebeb; }
.board-list table .active + .hide-pop{ display:table-row; }
.board-list table .active + .hide-pop td{ padding:40px; }

.board-list2 table tr td{ color:#999; }
.board-list2 table tr .review-box{ font-size:0; }
.board-list2 table tr .review-box > .ico-star{ margin-left:3px; }
.board-list2 table tr .review-box > .ico-star:first-child{ margin-left:0; }
.board-list2 table tr td a{ color:#555; }
.board-list2 table tr td a:hover{ text-decoration:underline; }
.board-list2 table tr td a b{ color:#000; }
.board-list2 .ico-rock2{ margin-right:3px; position:relative; top:-2px; }
.board-list2 .ico-new{ top:0; vertical-align:bottom; }

.board-cart table tr td{ padding:20px 10px; color:#000; }
.board-cart table tr td.tit-box > span{ color:#666; }
.board-cart table tr td.tit-box > a{ line-height:18px; word-break:break-all; word-break:keep-all; word-wrap:break-word; }
.board-cart table tr td.img-box{ margin:0; border:none; border-bottom:1px solid #ededed; }
.board-cart table tr td.img-box > div{ display:inline-block; border:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.board-cart table tr td.img-box > img{ width:100px; height:100px; }
.board-cart table tr td.order-box{ font-size:13px; text-align:left; word-break:break-all; }
.board-cart table tr td.order-box .txt-link{ color:#666; }
.board-cart table tr td.txt-right{ padding:20px; }
.board-cart table tr td.btn-box .btn{ margin-top:5px; }
.board-cart table tr td.btn-box .btn:first-child{ margin-top:0; }
.board-cart table tr.total-area td{ padding:30px 0; background-color:#fafafa; }
.board-cart table tr.total-area td .total-line{ width:100%; display:table; table-layout:fixed; }
.board-cart table tr.total-area td .total-line > dl{ padding:0 15px; display:table-cell; position:relative; }
/* .board-cart table tr.total-area td .total-line > dl:nth-child(1), .board-cart table tr.total-area td .total-line > dl:nth-child(2){ padding-right:30px; } */
.board-cart table tr.total-area td .total-line > dl:before{ content:''; width:30px; height:30px; margin-top:-15px; display:block; position:absolute; top:50%; right:-15px; background:url(//img.sdij.com/common/common.png) no-repeat; }
.board-cart table tr.total-area td .total-line > dl:nth-child(1):before{ background-position:-180px -400px; }
.board-cart table tr.total-area td .total-line > dl:nth-child(2):before{ background-position:-220px -400px; }
.board-cart table tr.total-area td .total-line > dl:last-child:before{ display:none; }
.board-cart table tr.total-area td .total-line > dl dt{ margin-bottom:10px; font-size:16px; color:#666; }
.board-cart table tr.total-area td .total-line > dl dt .type-txt{ margin-top:-5px; margin-bottom:-5px; display:block; font-size:12px; color:#666; }
.board-cart table tr.total-area td .total-line > dl dd{ font-size:25px; color:#666; }
.board-cart table tr.total-area td .total-line > dl:last-child dt, .board-cart table tr.total-area td .total-line > dl:last-child dd{ color:#000; }
.board-cart table tr.btn-area td{ padding:10px; font-size:0; text-align:left; }
.board-cart table tr.btn-area td .btn{ margin-right:5px; }

.board-cart table tr.pay-area td.type1-box dl{ padding-left:50px; text-align:left; }
.board-cart table tr.pay-area td.type1-box dl dd{ margin-top:10px; }
.board-cart table tr.pay-area td.type1-box dl dd .btn{ margin-left:5px; }
.board-cart table tr.pay-area td.type2-box{ padding:20px 50px; background-color:#fafafa; font-size:0; }
.board-cart table tr.pay-area td.type2-box dl dt, .board-cart table tr.pay-area td.type2-box dl dd{ display:inline-block; font-size:15px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.board-cart table tr.pay-area td.type2-box dl dt{ width:40%; text-align:left; }
.board-cart table tr.pay-area td.type2-box dl dd{ width:60%; text-align:right; }
.board-cart table tr.pay-area td.type2-box .refund-list dt, .board-cart table tr.pay-area td.type2-box .refund-list dd{ color:#db0908; }
.board-cart table tr.pay-area td.type2-box .refund-list dt:first-child, .board-cart table tr.pay-area td.type2-box .refund-list dt:first-child + dd{ margin-top:10px; padding-top:10px; border-top:1px solid #ededed; }

.board-lec{ border-top:1px solid #000; }
.board-lec .lec-tit{ padding:30px 0; border-bottom:1px solid #ededed; font-size:24px; font-weight:700; letter-spacing:-.035em; }
.board-lec table{ width:100%; table-layout:fixed; }
.board-lec table tr th{ padding:15px 0; background-color:#fafafa; border-bottom:1px solid #ededed; }
.board-lec table tr td{ padding:15px 0; border-bottom:1px solid #ededed; }
.board-lec table tr td.no-data{ height:200px; text-align:center; }
.board-lec table tr td.txt-area{ text-align:center; word-break:keep-all; }
.board-lec table tr td.img-area img{ max-width:100%; max-height:auto; }
.board-lec table tr td.lec-area{ padding:15px 20px; }
.board-lec table tr td.lec-area .data-sticker{ margin-bottom:5px; font-size:0; }
.board-lec table tr td.lec-area .data-sticker .sticker-lec{ margin-left:4px; }
.board-lec table tr td.lec-area .data-sticker .sticker-lec:first-child{ margin-left:0; }
.board-lec table tr td.lec-area .data-tit{ max-width:100%; margin-bottom:5px; display:inline-block; font-weight:bold; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; word-wrap:normal; zoom:1; *display:inline/*IE7 HACK*/; }
.board-lec table tr td.lec-area .data-tit a:hover{ text-decoration:underline; }
.board-lec table tr td.lec-area .data-info{ color:#999; }
.board-lec table tr td.lec-area .data-info span{ margin-right:10px; padding-right:10px; position:relative; }
.board-lec table tr td.lec-area .data-info span:after{ content:''; width:1px; display:block; position:absolute; top:5px; left:-10px; bottom:5px; background-color:#ddd; }
.board-lec table tr td.lec-area .data-info span:first-child:after{ display:none; }
.board-lec table tr td.lec-area .data-txt{ max-width:100%; display:inline-block; font-weight:bold; font-size:12px; color:#999; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; word-wrap:normal; zoom:1; *display:inline/*IE7 HACK*/; }
.board-lec table tr td.btn-area .btn{ height:30px; line-height:28px; border-color:#777; border-top:none; font-size:12px; color:#777; }
.board-lec table tr td.btn-area .btn:first-child{ border-top:1px solid #777; }
.board-lec table tr td.price-area{ padding-right:20px; text-align:right; }
.board-lec table tr td.price-area .form-checkbox{ margin-bottom:5px; display:block; }
.board-lec table tr td.price-area .tit{ font-weight:bold; }
.board-lec table tr td.price-area .price{ width:75px; display:inline-block; font-weight:bold; }
.board-lec table tr td.play-area{  }

/* 20200923 수정 */
.scroll-table{ width:840px; padding-left:210px; position:relative; box-sizing:border-box; }
.scroll-table > div{ overflow-x:auto; overflow-y:hidden; }
.scroll-table table tr th:first-child{ padding:15px 0; line-height:26px; margin-top:1px; display:block; position:absolute; left:0; }
.scroll-table table thead tr th:first-child{ margin-top:0; z-index:10; }
.scroll-table table tr th, .scroll-table table tr td{ width:210px; }
.scroll-table table thead tr:first-child th:first-child{ padding:12px 0; }
.scroll-table table thead tr:first-child th.pd24{ padding:24px 0!important; } /* aca */

/*IE 10 ~11 hack*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.scroll-table table tr th:first-child{ margin-top:0px; }
} 

/* 
.scroll-table{ width:840px; padding-left:210px; position:relative; box-sizing:border-box; }
.scroll-table > div{ overflow-x:auto; overflow-y:hidden; }
.scroll-table table tr th:first-child{ line-height:54px; margin-top:1px; display:block; position:absolute; left:0; }
.scroll-table table thead tr th:first-child{ margin-top:0; z-index:10; }
.scroll-table table tr th, .scroll-table table tr td{ width:210px; }
 */

.board-pager{ margin:40px auto 50px; text-align:center; }
.board-pager .ico{ padding:0 2px; }
.board-pager .pager-num{ display:inline-block; font-size:0; zoom:1; *display:inline/*IE7 HACK*/; }
.board-pager .pager-num a{ width:20px; height:20px; line-height:18px; margin:0 5px; padding:0 5px; display:inline-block; font-size:14px; text-align:center; color:#999; }
.board-pager .pager-num a:hover, .board-pager .pager-num a.on{ font-weight:bold; color:#000; }

.board-view{ position:relative; }
.board-view .tab-list{ width:100%; margin-bottom:50px; display:table; table-layout:fixed; }
.board-view .tab-list span{ height:38px; line-height:36px; display:table-cell; background-color:#fff; border:1px solid #999; border-left:none; text-align:center; }
.board-view .tab-list span:first-child{ border-left:1px solid #999; }
.board-view .tab-list span.selected{ background-color:#000; border-color:#000; font-weight:bold; color:#fff; text-decoration:none; }
.board-view table{ width:100%; border-top:1px solid #000; table-layout:fixed; }
.board-view table tr th{ line-height:28px; padding:35px 30px; background-color:#fafafa; border-bottom:1px solid #ededed; font-weight:normal; text-align:left; word-break:break-all; }
.board-view table tr th.no-bg{ background:none; border-bottom:1px #000000 solid; }
.board-view table tr th div{ color:#666; }
.board-view table tr th div span{ margin-right:10px; padding:0 5px; display:inline-block; }
.board-view table tr td{ padding:30px 30px 40px; border-bottom:1px solid #ededed; }
.board-view table tr td.txt-file{ height:54px; line-height:52px; padding:0 30px; }
.board-view table tr td.txt-file span:first-child{ padding-right:20px; }
.board-view .board-btn{ margin:40px auto 50px; text-align:right; }
.board-view .reply{ padding:40px 60px; position:relative; background-color:#fafafa; border-top:1px solid #000; }
.board-view .reply:after{ content:''; width:16px; height:20px; display:block; position:absolute; top:36px; left:35px; background:url(//img.sdij.com/sd2019/pc/ico/ico_reply.png) 50% 0 no-repeat; }
.board-view .reply .txt-box *{ font-size:15px !important; }
.board-view .reply-img {max-width: 720px; margin: 30px auto;}
.board-view .img {max-width: 100%; max-height: 100%; object-fit: contain;}

.board-view2 table{ border-bottom:1px solid #ededed; }
.board-view2.blk table{ border-bottom:1px solid #000; }
.board-view2 table tr th{ padding:20px 30px; }
.board-view2 table tr th div span{ margin-right:0; }
.board-view2 table tr td{ border-bottom:none; border-top:1px solid #ededed; }
.board-view2 .board-tit{ line-height:35px; margin-bottom:5px; color:#000; letter-spacing:-.035em; }
.board-view2 .board-tit .sticker-board{ margin-right:2px; position:relative; top:-2px; }
.board-view2 .board-info{ position:relative; font-weight:300; color:#999; }
.board-view2 .review-info{ position:absolute; top:0; right:0; font-size:0; }
.board-view2 .review-info .ico{ padding:0; margin-left:3px; }
.board-view2 .lec-info th{ padding:15px 0; background-color:#fff; font-weight:700; text-align:center; }
.board-view2 .lec-info td{ padding:15px 20px 15px 0; color:#999; }
.board-view2 .lec-info td .info{ margin-bottom:5px; }
.board-view2 .lec-info td .info .ico:first-child{ margin-right:5px; }
.board-view2 .lec-info .btn-info{ padding-right:30px; font-size:0; }
.board-view2 .lec-info .btn-info .btn{ height:34px; line-height:32px; font-size:14px; }
.board-view2 .lec-info .btn-info .play-info{ margin-bottom:5px; display:flex; }
.board-view2 .lec-info .btn-info .play-info .btn + .btn{ margin-left:5px; }
.board-view2 .hash-info{ margin-bottom:20px; }
.board-view2 .hash-info b{ margin-left:3px; }
.board-view2 .txt-file .ico{ margin-right:2px; vertical-align:text-bottom; }
.board-view2 .reply{ padding:30px; border-top:1px solid #000; }
.board-view2 .reply:after{ display:none; }
.board-view2 .reply .board-tit{ line-height:28px; margin-top:0; font-size:18px; }
.board-view2 .reply .txt-box{ margin:30px auto 10px; }
.board-view2 .reply .board-info span{ padding:0 5px; display:inline-block; }
.board-view2 .reply-file{ background-color:#fafafa; }

.board-tab .tab-list{ width:100%; margin-bottom:24px; display:table; table-layout:fixed;  }
.board-tab .tab-list.border a{ position:relative; border:0; border-bottom:1px #d2d2d2 solid; color:#a0a0a0; }
.board-tab .tab-list.border a:first-child{ border-left:0; }
.board-tab .tab-list.border a:hover, .board-tab .tab-list.border a.selected{ background-color:#fafafa; border:0; border-bottom:1px #000000 solid; color:#000000; }
.board-tab .tab-list a{ height:64px; font-size:16px; line-height:18px; display:table-cell; background-color:#F9F9F9; border:1px solid #CACBCE; border-left:none; text-align:center; vertical-align:middle; }
.board-tab .tab-list a:first-child{ border-left:1px solid #CACBCE; }
.board-tab .tab-list a.selected{ background-color:#fff; border-bottom: 1px solid transparent; text-decoration:none; }
.board-tab .tab-content{ display:none; }
.board-tab .tab-content .board-btn{ margin-bottom:30px; }
.board-tab .tab-on{ display:block; }

.board-tab .tab-list2{ display:block; *zoom:1; }
.board-tab .tab-list2:after{ content:''; display:block; clear:both; }
.board-tab .tab-list2 a{ width:50%; height:42px; line-height:40px; display:block; float:left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.board-tab .tab-list2 a:first-child{ height:80px; line-height:78px; }
.board-tab .tab-list2 a:last-child{ border-top:none; }

.board-tab .tab-list3{ display:block; *zoom:1; }/*border-top:1px solid #999; border-left:1px solid #999; */
.board-tab .tab-list3:after{ content:''; display:block; clear:both; }
.board-tab .tab-list3 a{ width:33.3333333%; height:40px; line-height:38px; display:block; float:left; border-top:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.board-tab .tab-list3 a:first-child{ border-left:none; }

.board-tab .tab-check{ width:100%; margin-bottom:20px; display:table; table-layout:fixed; }
.board-tab .tab-check a{ height:24px; line-height:24px; padding:8px 0; display:table-cell; position:relative; background-color:#fff; border:1px solid #ddd; border-left:none; text-align:center; }
.board-tab .tab-check a:first-child{ border-left:1px solid #999; }
.board-tab .tab-check a:hover, .board-tab .tab-check a.selected{ background-color:#000; border-color:#000; font-weight:bold; color:#fff; text-decoration:none; }
.board-tab .tab-check a .check{ width:20px; height:20px; margin-top:-1px; margin-right:10px; border:1px solid #aaa; border-radius:50%; vertical-align:middle; }
.board-tab .tab-check a .check:after{ content:''; width:6px; height:10px; position:absolute; top:2px; left:6px; border-right:2px solid #000; border-bottom:2px solid #000; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.board-tab .tab-check a:hover .check, .board-tab .tab-check a.selected .check{ border-color:#fff; }
.board-tab .tab-check a:hover .check:after, .board-tab .tab-check a.selected .check:after{ border-color:#fff; }

.board-tab .tab-2depth{ margin-bottom:20px; display:none; }


/* 20201119 수정 새 디자인 반영 */
.board-tab .tab-new1 ul{ width:100%; display:table; table-layout:fixed; }
.board-tab .tab-new1 ul li{ width:50%; height:40px; margin-left:-1px; display:table-cell; position:relative; }
.board-tab .tab-new1 ul li:first-child{ border-left:1px solid #ddd; } 
.board-tab .tab-new1 ul li a{ width:100%; line-height:1.2; height:40px; position:absolute; top:0; display:flex; justify-content:center; align-items:center; background-color:#fff; border:1px solid #ddd; border-left:none; text-align:center; box-sizing:border-box; }
.board-tab .tab-new1 ul li:hover a, .board-tab .tab-new1 ul li.selected a{ background-color:#000; border:1px solid #000; color:#fff; } 

.board-tab .tab-new1.col4 ul{ width:calc(100% + 4px); }
.board-tab .tab-new1.col4 ul li{ width:25%; margin-top:-1px; display:block; float:left; border-left:1px solid #ddd; box-sizing:border-box; } 
.board-tab .tab-new1.col4 ul li:hover, .board-tab .tab-new1.col4 ul li.selected{ border-left:1px solid #000; }
.board-tab .tab-new1.col4 ul:before, .tab-new1.col4 ul:after{ content:""; display:block; clear:both; }

.board-tab .tab-new2{ zoom:1; }
.board-tab .tab-new2 ul{ width:100%; position:relative; }
.board-tab .tab-new2 ul:before, .tab-new2 ul:after{ content:""; display:block; clear:both; }
.board-tab .tab-new2 ul li{ width:50%; height:100%; margin-left:-1px; margin-top:-1px; float:left; display:block; border:1px solid #ddd; background-color:#fafafa; text-align:center; box-sizing:border-box; }
.board-tab .tab-new2 ul li a{ line-height:1.2; padding:10px; display:block; color:#999; } 
.board-tab .tab-new2 ul li.disabled > span{ line-height:1.2; padding:10px; display:block; cursor:default; } 
.board-tab .tab-new2 ul li.disabled{ pointer-events:none; }
.board-tab .tab-new2 ul li.selected, .board-tab .tab-new2 ul li:hover{ position:relative; background-color:#fff; border-bottom:1px solid #000; z-index:1; }
.board-tab .tab-new2 ul li.selected a, .board-tab .tab-new2 ul li:hover a{ color:#000; }

.board-tab .tab-new2.col3 ul li{ width:33.3333%; }
.board-tab .tab-new2.col4 ul li{ width:25%; }

.board-tab .tab-new3 ul{ width:100%; display:table; table-layout:fixed; border-bottom: 1px solid #eee; }
.board-tab .tab-new3 ul li{ width:50%; height:56px; display:table-cell; position:relative; margin-bottom: -1px; }
.board-tab .tab-new3 ul li a{ width:100%; font-size:16px; line-height:32px ; height:57px; position:absolute; top:0; display:flex; justify-content:center; align-items:center; text-align:center; box-sizing:border-box; border-bottom: 2px solid transparent;}
.board-tab .tab-new3 ul li.selected a{border-bottom:2px solid #111; } 

.board-tab .tab-multi-list{ border-left:1px solid #000; }
.board-tab .tab-multi-list > div > div:first-child > a{ border-top:1px solid #000; }
.board-tab .tab-multi-list > div > div{ width:100%; display:table; table-layout:fixed; }
.board-tab .tab-multi-list > div a{ display:table-cell; border-top:none; border-color:#000; font-size:15px; font-weight:bold; box-sizing:border-box; border-collapse:separate; }
.board-tab .tab-multi-list > div span{ display:table-cell; border:none; background-color:#fff; box-sizing:border-box; }

.board-tab.line-type1 {border-top:4px solid #000;}
.board-tab.line-type1 ul {width:calc(100% - 1px);}

.dep1-tab{ width:100%; margin-bottom:40px; display:table; table-layout:fixed; }
.dep1-tab > li{ height:68px; display:table-cell; background-color:#fafafa; border:1px solid #ddd; border-left:none; vertical-align:middle; }
.dep1-tab > li:first-child{ border-left:1px solid #ddd; }
.dep1-tab > li.selected{ background-color:#fff; border-top:2px solid #000; border-bottom:none; }
.dep1-tab > li > a{ display:block; font-size:24px; font-weight:700; color:#999; text-align:center; }
.dep1-tab > li.selected > a{ color:#000; }

.dep2-tab{ width:100%; margin-bottom:30px; display:table; table-layout:fixed; }
.dep2-tab > li{ height:48px; display:table-cell; position:relative; background-color:#fff; border:1px solid #ddd; border-left:none; vertical-align:middle; }
.dep2-tab > li:first-child{ border-left:1px solid #ddd; }
.dep2-tab > li > a{ padding-top:10px; display:table-column; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; font-size:19px; color:#999; text-align:center; vertical-align:middle; }
.dep2-tab > li.selected > a{ background-color:#000; font-weight:700; color:#fff; }

.dep3-tab{ margin-bottom:40px; text-align:center; }
.dep3-tab > a{ padding:0 20px; display:inline-block; position:relative; color:#999; }
.dep3-tab > a:after{ content:''; width:1px; display:block; position:absolute; top:3px; left:0; bottom:3px; background-color:#ddd; }
.dep3-tab > a:first-child:after{ display:none; }
.dep3-tab > a.selected{ font-weight:700; color:#000; }

.dep3-btn{ margin-bottom:15px; font-size:0; text-align:right; }
.dep3-btn > *{ padding:0 10px; display:inline-block; position:relative; font-size:18px; font-weight:700; letter-spacing:-.035em; }
.dep3-btn > *:after{ content:''; width:1px; display:block; position:absolute; top:10px; left:0; bottom:7px; background-color:#ddd; }
.dep3-btn > *:first-child:after{ display:none; }
.dep3-btn .ico:first-child{ margin-right:5px; }

.board-video .profile-content{ width:260px; min-height:315px; margin-bottom:50px; padding-bottom:50px; position:relative; border-bottom:1px solid #b2b2b2; box-sizing:border-box; }
.board-video .profile-content .data-img{ width:58px; height:58px; position:absolute; top:0; left:0; border:1px solid #b2b2b2; border-radius:100%; overflow:hidden; }
.board-video .profile-content .data-img img{ width:100%; height:100%; }
.board-video .profile-content .data-name{ line-height:60px; margin-bottom:40px; padding-left:68px; font-size:30px; font-weight:bold; }
.board-video .profile-content .data-name span{ line-height:26px; display:block; font-size:16px; }
.board-video .profile-content .list-dotted li{ font-size:14px; }
.board-video .video-content .vide-area{ width:560px; height:315px; }
.board-video .video-content .txt-area{ width:560px; line-height:36px; font-family:'Noto Serif KR', 'Noto Serif', serif, 'Sans-serif', 'Noto Sans KR'; font-size:18px; }
.board-video .txt-content{ line-height:36px; margin-bottom:60px; padding-left:280px; position:relative; font-family:'Noto Serif KR', 'Noto Serif', serif, 'Sans-serif', 'Noto Sans KR'; font-size:18px; }
.board-video .txt-content .btn-download{ position:absolute; top:10px; left:0; }

.board-box > div{ width:410px; padding:40px; border:1px solid #000; box-sizing:border-box; }
.board-box > div .board-tit{ margin-bottom:30px; }
.board-box > div.fixed{ min-height:925px; padding:40px 40px 140px 40px; position:relative; }
.board-box > div.fixed .board-btn{ margin:0 0 0 -90px; position:absolute; bottom:50px; left:50%; }

.app-box .board-tit{ text-align:center; }
.app-box .mid-tit{ margin-top:30px; padding-top:30px; border-top:1px solid #d2d2d2; }

.board-tit.border{ border-bottom:1px #d2d2d2 solid; }

.gray-box{ margin-top:40px; }
.gray-box > div{ height:400px; background-color:#fafafa; border-color:#d3d3d3; }
.gray-box > div .board-tit{ margin-bottom:20px; text-align:center; letter-spacing:-.05em; }
.gray-box > div .board-tit small{ line-height:28px; margin-top:35px; font-size:16px; text-align:left; }
.gray-box > div .list-dotted li{ margin-bottom:10px; color:#666; }
.gray-box > div .list-dotted > li:after{ background-color:#666; }

.gray-box2{ line-height:25px; padding:50px; background-color:#fafafa; border:1px solid #ccc; font-size:15px; color:#666; letter-spacing:-.025em; text-align:center; }

.black-box{ padding:30px; background-color:#000; color:#fff; }

.white-box{ padding:50px 0; border:1px solid #ccc; }
.white-box > .float-area > div{ width:50%; padding-left:60px; text-align:left; }
.white-box > .float-area > div .list-tit dl dt{ margin-top:0; }

.mid-tit{ margin:0 0 20px 0; font-size:22px; font-weight:500; color:#000; overflow:hidden; }
.mid-tit span{ display:block; font-size:13px; }

.board-toggle .tab-list{ width:260px; }
.board-toggle .tab-list a{ width:210px; line-height:100%;padding:11px 0 11px 15px; display:block; background-color:#fff; border:1px solid #000; border-top:none; font-weight:bold; text-align:left; box-sizing:border-box; }
.board-toggle .tab-list a:first-child{ border-top:1px solid #000; }
.board-toggle .tab-list a:hover, .board-toggle .tab-list a.selected{ background-color:#000; color:#fff; }
.board-toggle .tab-content{ width:560px; display:none; }
.board-toggle .tab-on{ display:block; }

/* 20200917 수정 */
.board-table table{ width:100%; table-layout:fixed; }
.board-table table tr th{ line-height:20px; padding:15px 0; background-color:#fafafa; border-bottom:1px solid #ededed; }
.board-table table tr th em{ line-height:100%; display:block; font-size:12px; font-weight:400; }
.board-table table tr td{ padding:15px 10px; line-height:26px; border-bottom:1px solid #ededed; text-align:center; } 
.board-table table tr .txt-left{ padding-left:25px; word-break:break-all; }
.board-table table tr.total-line th, .board-table table tr.total-line td{ background-color:#ededed; }
.board-table table tr.total-line .txt-left{ font-weight:bold; }
.board-table table tr.check_bg{ background-color:#f9ebeb }
.board-table table tr td.q_num{ position:relative; }
.board-table table tr td .q_pop{ height:auto; padding:0; display:inline-block; font-size:12px; vertical-align:top; cursor:pointer; }

.consulting-table table tr th{ height:56px; padding:15px; }
.consulting-table table tr td{ height:56px; padding:15px; }

.board-date{ padding:20px 0; border-bottom:1px solid #d2d2d2; text-align:center; }
.board-date .date-terms{ margin-right:7px; display:inline; }
.board-date .date-terms .label-date{ width:150px; position:relative; }
.board-date .btn-terms{ display:inline; font-size:0; }
.board-date .btn-terms .btn{ width:80px; height:46px; line-height:44px; margin-right:5px; background-color:#dcdcdc; border-color:#dcdcdc; color:#a0a0a0; }
.board-date .btn-terms .on{ background-color:#000; border-color:#000; color:#fff; }
.board-date .btn-search{ width:112px; height:46px; line-height:44px; margin-left:20px; }

.board-search{ margin-bottom:20px; }
.board-search .input-area{ position:relative; font-size:0; }
.board-search .input-area .form-select{ width:100px; margin-right:5px; }
.board-search .input-area .form-select select{ height:34px; line-height:32px; padding-left:10px; }
.board-search .input-area .form-input{ width:220px; }
.board-search .input-area .form-input input[type="text"]{ height:34px; line-height:32px; padding-left:10px; padding-right:40px; }
.board-search .input-area .btn-search{ width:40px; height:auto; line-height:30px; position:absolute; top:1px; right:1px; bottom:1px; border:none; }
.board-search .input-area .btn-search:active{ background-color:#ddd; }
.board-search .btn-area{ font-size:0; }
.board-search .btn-area > .btn{ margin-left:5px; }
.board-search .btn-area > .btn:first-child{ margin-left:0; }

.down_pop{ width:300px; min-height:75px; line-height:26px; padding:18px 20px 13px 20px; display:none; position:absolute; right:0; top:0; background:#fff; border:1px solid #000; box-sizing:border-box; text-align:left; z-index:1; }
.down_pop .close{position:absolute;right:0;top:0;width:19px;height:19px;background:url('//img.sdij.com/common/common.png') no-repeat;background-position:0 -1388px;text-indent:-9999px;}
.down_pop .down_title{margin:0 0 5px 0;font-family:'neob';font-size:14px;color:#323232;}
.down_pop *[data-btn="link"]{display:block;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.form-defult{ max-width:600px; margin:0 auto; padding: 0 40px;}
.form-defult table{ width:100%; table-layout:fixed; }
.form-defult table tr th{ padding:15px 0; font-weight:normal; text-align:left; }
.form-defult table tr td{ padding:15px 0 15px 10px; color:#666; }
/* 2020 응시 원서 접수 수정 .form-defult table tr td{ padding:15px 0 15px 2px; } */
.form-defult table tr td.no-data{ padding:30px 0 50px; border-bottom:1px solid #ededed; text-align:center; }
.form-defult table tr td.no-data .btn{ margin-top:20px; }
.form-defult table tr td a{ color:#666; }
.form-defult table tr.info-txt th, .form-defult table tr.info-txt td{ padding-top:0; }
.form-defult table tr.info-txt .txt{ margin-right:20px; font-size: 14px;}
.form-defult table tr td .cert-form{ position:relative; }
.form-defult table tr td .cert-form .cert-txt{ line-height:58px; position:absolute; top:0; right:20px; bottom:0; color:#666; z-index:10; }
.form-defult .border-table{ margin:50px auto; padding:30px 0; border-top:1px solid #b2b2b2; border-bottom:1px solid #b2b2b2; }
.form-defult .border-table table tr th, .form-defult .border-table table tr td{ height:25px; padding:20px 0; }
.form-defult .file-btn{ width:140px; height:50px; line-height:50px; padding:0; display:inline-block; background:#000000; border-radius:0; font-size:14px; color:#fff; text-align:center; vertical-align:top; }
*[data-list="file"]{ width:290px; margin-left:5px; display:inline-block; background:#fff; font-size:14px;color:#323232; }
*[data-list="file"] li{ line-height:48px; padding:0 20px; position:relative; border:1px solid #d2d2d2; background:#fff; box-sizing:border-box; }
*[data-list="file"] li:nth-child(n+2){ border-top:none; }
*[data-list="file"] li > span{ width:200px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
*[data-list="file"] button.delete{ width:30px; height:30px; position:absolute; right:20px; top:9px; background:url(//img.sdij.com/common/common.png) no-repeat; background-position:0 -1050px; font-size:0; }

.form-defult .small-date th{ padding:5px 5px 5px 0; }
.form-defult .small-date td{ padding:5px; text-align:center; }

.form-defult2{ width:100%; }
.form-defult2 table{ border-top:1px solid #000; border-bottom:1px solid #ededed; }
.form-defult2 table tr th{ padding:16px 0; background-color:#fafafa; font-weight:bold; text-align:center; }
.form-defult2 table tr th + td{ padding-left:20px; }
.form-defult2 table tr td{ padding:16px 0 16px 10px; border-top:1px solid #ededed; }
.form-defult2 table tr:first-child td{ border-top:none; }
.form-defult2 table tr td:first-child{ padding-top:0; padding-left:20px; border-top:none; }
.form-defult2 table tr td:last-child{ padding-right:20px; }
.form-defult2 table tr.info-txt th, .form-defult2 table tr.info-txt td{ padding-top:16px; padding-bottom:0; }
.form-defult2 table tr td.no-data{ padding:50px 0; }
.form-defult2 .form-radio{ margin-right:30px; }
.form-defult2 .price-txt{ width:100px; display:inline-block; text-align:right; vertical-align:middle; }
.form-defult2 .price-txt ~ .btn{ margin-left:10px; vertical-align:middle; }

.small-btn{ width:70px; height:30px; line-height:30px; display:inline-block; *display:inline; zoom:1; background:#b5b5b5; color:#ffffff!important; text-align:center; }

.form-small{ max-width:600px; margin:0 auto; padding-top:40px; border-top:1px solid #000; }
.form-small table{ width:100%; table-layout:fixed; }
.form-small table tr th{ padding-bottom:10px; font-size:15px; font-weight:bold; text-align:left; }
.form-small table tr th .tit{ font-size:18px; }
.form-small table tr td{ padding:5px 0 5px 10px; }
.form-small table tr td.txt-box{ line-height:30px; padding:10px 0 10px 10px; }
.form-small table tr td:first-child{ padding-left:0; }
.form-small table tr.btn-line td{ padding-top:15px; padding-bottom:10px; }
.form-small table tr.info-txt th, .form-small table tr.info-txt td{ padding-top:0; }
.form-small table tr.info-txt .txt{ margin-right:20px; }
.form-small table tr td .cert-form{ position:relative; }
.form-small table tr td .cert-form .cert-txt{ line-height:58px; position:absolute; top:0; right:20px; bottom:0; color:#666; z-index:10; }
.form-defult table tr td.subject-check{ vertical-align:top; }
.form-defult table tr td.subject-check .check{ width:100%; display:block; }

.form-defult table tr td.apply-check{ font-size:0; }
.form-defult table tr td.apply-check .check{ width:33.33333%; display:inline-block; font-size:15px; }
.form-defult table tr td.apply-check.col-4 .check{ width:25%; }

.form-list{ width:600px; margin:0 auto; padding:30px 0; border-top:1px solid #000; border-bottom:1px solid #000; }
.form-list table{ width:100%; table-layout:fixed; }
.form-list table tr th{ padding:5px 0; font-weight:500; text-align:left; }
.form-list table tr td{ padding:5px 0; }

.form-agree{ padding-bottom:40px; }
.form-agree h4{ padding-top:40px; font-size:15px; border-top:1px solid #ededed; }
.form-agree .agree-box{ margin-top:15px; }
.form-agree .agree-all{ margin-bottom:15px; padding:0 20px; }
.form-agree .agree-list{ margin-bottom:40px; padding:20px; background-color:#ededed; }
.form-agree .agree-list li{ margin-bottom:5px; }
.form-agree .agree-list li .txt-link{ padding-left:5px; font-size:12px; }
.form-agree .txt-left, .form-agree .txt-center{ margin-top:10px; }
.form-agree .txt-left label, .form-agree .txt-center label{ margin-left:5px; }
.form-agree .txt-left label:first-child, .form-agree .txt-center label:first-child{ margin-left:5px; }

.gallery-list ul{ width:1200px; margin-left:-20px; }
.gallery-list ul li{ margin-left:20px; margin-bottom:20px; float:left; }
.gallery-list ul li a{ width:380px; height:210px; display:block; position:relative; background-color:#626262; }
.gallery-list ul li.menu_more a {cursor: default;}
.gallery-list ul li:nth-child(4n-3) a:hover, .gallery-list ul li:nth-child(4n-3) a:focus{ background-color:#e7487f; }
.gallery-list ul li:nth-child(4n-2) a:hover, .gallery-list ul li:nth-child(4n-2) a:focus{ background-color:#eca044; }
.gallery-list ul li:nth-child(4n-1) a:hover, .gallery-list ul li:nth-child(4n-1) a:focus{ background-color:#6bbab4; }
.gallery-list ul li:nth-child(4n) a:hover, .gallery-list ul li:nth-child(4n) a:focus{ background-color:#e85250; }
.gallery-list ul li a > img{ width:100%; }
.gallery-list ul li a .menu-txt{ position:absolute; top:20px; left:20px; font-size:34px; font-weight:100; color:#fff; letter-spacing:-.05em; }
.gallery-list ul li a .more-txt{ position:absolute; right:20px; bottom:20px; font-size:14px; font-weight:100; color:#fff; }
.gallery-list ul li a .more-link{ font-size:24px; }
.gallery-list ul li a .more-link2{ font-size:14px; }
.gallery-list ul li a .link{ margin:0 5px; padding-right:20px; display:inline-block; position:relative; }
.gallery-list ul li.menu_more a .link{cursor: pointer;}
.gallery-list ul li a .more-link2 .link{ padding-right:15px; }
.gallery-list ul li a .link:after{ content:''; width:13px; height:13px; margin-top:-7px; display:block; position:absolute; top:50%; right:2px; border-top:1px solid #fff; border-right:1px solid #fff; -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
.gallery-list ul li a .more-link2 .link:after{ content:''; width:8px; height:8px; margin-top:-4px; }
.gallery-list ul li.list-banner{ width:1180px; margin-bottom:15px; position:relative; text-align:right; }
.gallery-list ul li.list-banner:after{ content:""; height:1px; display:block; position:absolute; top:17px; left:0; right:0; background-color:#000; z-index:-1; }
.gallery-list ul li.list-banner a{ width:auto; height:34px; display:inline-block; }
.gallery-list ul li.list-banner a > img{ width:auto; height:100%; }

.gallery-content{ width:1180px; margin:100px auto 0; }
.gallery-content ul li{ margin-bottom:0; }

.grade-tab{ margin-bottom:50px; }
.grade-tab > .fl{ width:210px; }
.grade-tab > .fl .select{ height:40px; line-height:38px; border:1px solid #000; }
.grade-tab > .fr{ width:560px; }
.grade-tab > .fr ul{ *zoom:1; }
.grade-tab > .fr ul:after{ content:''; display:block; clear:both; }
.grade-tab > .fr ul li{ width:140px; height:40px; line-height:38px; float:left; position:relative; }
.grade-tab > .fr ul li a{ width:139px; height:39px; display:block; position:absolute; top:0; left:-1px; border:1px solid #ccc; color:#ccc; text-align:center; }
.grade-tab > .fr ul li:hover a, .grade-tab > .fr ul li.selected a{ width:138px; height:38px; line-height:37px; background-color:#fff; border:2px solid #000; color:#000; z-index:9; }


/* 20210709 툴팁추가 */
.grade-box .btn-print{ position:absolute; top:20px; right:20px; }
.grade-box .h3_header{ line-height:44px; margin-bottom:30px; padding-bottom:40px; font-size:30px; }
.grade-box > ul li{ display:table-cell; font-size:15px; font-weight:700; text-align:center; vertical-align:top; }
.grade-box > ul li strong{ display:block; font-size:44px; font-weight:700; letter-spacing:-.05em; }
.grade-box > ul li.col{ width:28%; }
.grade-box div{ font-size:15px; text-align:center; }
.grade-box div span{ line-height:14px; margin-left:10px; padding-left:10px; display:inline-block; border-left:1px solid #000; }
.grade-box div span:first-child{ margin-left:0; padding-left:0; display:inline-block; border-left:none; }
.grade-box div.fw400{ font-size:13px; }

.grade-content > div{ margin:0 10px; display:inline-block; }
.grade-content .ico-question{ margin-left:4px; background-size:100% auto; }
.grade-content .tooltip-layer > dl{ text-align:left; }
.grade-content .tooltip-layer > dl > dt{ font-weight:600; }
.grade-content .tooltip-layer > dl > dt.mb10{ font-size:12px; }
.grade-content .tooltip-layer > dl > dd{ font-size:12px; font-weight:400; }

/* tooltip-layer */
.tooltip-layer{ width:130px; padding:18px 15px; display:none; position:absolute; top:30px; left:24px; background-color:#fff; border:1px solid #000; z-index:999; }
.tooltip-layer::after{ content:""; width:9px; height:6px; position:absolute; top:-6px; left:20px; background:url(//img.sdij.com/sd2019/pc/ico/ico_tooltip.png) 50% 0 no-repeat; }
.tooltip-layer .btn-close{ width:10px; height:10px; position:absolute; top:10px; right:10px; background-size:100% auto; }

/* 20210428 수정 */
.grade-box{ padding:90px 40px 80px; position:relative; border:1px solid #000; box-sizing:border-box; }
.grade-box h3{ line-height:44px; margin:0 50px 40px; padding-bottom:40px; border-bottom:1px solid #000; font-size:30px; text-align:center; }
.grade-box ul{ width:100%; margin:0 0 15px 0; display:table; table-layout:fixed; }
/* 20210428 수정 */

/*
.tab-type01{ margin:40px auto; padding-bottom:20px; border-bottom:1px solid #000; }
.tab-type01 ul{ width:861px; margin-left:-20px; }
.tab-type01 ul li{ width:267px; margin-left:20px; margin-bottom:20px; float:left; }
.tab-type01 ul li a{ height:80px; line-height:78px; padding-left:20px; display:block; background-color:#626262; font-size:24px; font-weight:100; color:#fff; }
.tab-type01 ul li:hover a, .tab-type01 ul li.selected a{ background-color:#55055f; }
*/
.tab-type01{ margin:40px auto; padding-bottom:20px; border-bottom:1px solid #000; }
.tab-type01 ul{display:table; width:100%;}
.tab-type01 ul li{ margin-left:5px; margin-bottom:20px; display:table-cell; vertical-align:top;}
.tab-type01 ul li:first-child{margin-left:20px;margin-bottom:20px;}
.tab-type01 ul li a{height:auto;text-align:center;line-height:26px;;min-height:55px;padding:20px 10px;display:block;background-color:#626262;font-size:24px;font-weight:100;color:#fff;margin:0 0 0 10px;word-break:keep-all;}
.tab-type01 ul li.line a{line-height:95px;padding:0 10px;}
.tab-type01 ul li:hover a, .tab-type01 ul li.selected a{ background-color:#55055f; }
.tab-type01 ul li:first-child a{margin:0;}

.tab-type02{ margin:40px auto 20px; }
.tab-type02 .tab-area{ font-size:0;width:100%; }
.tab-type02 .tab-area a{ width:33.333%; height:40px;line-height:38px; display:inline-block; border-bottom:1px solid #a3a3a3; font-size:16px;  text-align:center; }
.tab-type02 .tab-area a:hover, .tab-type02 .tab-area a.selected{ /*background-color:#e5e5e5;*/ border-color:#000; color:#000; }

.tab-type03{ border:1px #999999 solid; }
.tab-type03 ul{ display:flex; }
.tab-type03 li{ width:100%; border-left:1px #999999 solid; box-sizing:border-box; vertical-align:top; }
.tab-type03 li:first-child{ border-left:0; }
.tab-type03 li .cell{ width:100%; height:55px; display:table; }
.tab-type03 li a{ line-height:110%; display:table-cell; font-size:14px; color:#000000; text-align:center; vertical-align:middle; }
.tab-type03 li.selected, .tab-type03 li:hover{ background:#000000; }
.tab-type03 li.selected a, .tab-type03 li:hover a{ color:#ffffff; }

/* dim */
.dim-layer{ width:100%; height:100%; display:none; position:fixed; top:0; bottom:0; left:0; right:0; z-index:9999; }
.dim-layer .dim-bg{ position:absolute; top:0; bottom:0; left:0; right:0; background-color:#000; opacity:.7; filter:alpha(opacity=70); z-index:-1; }
.dim-layer .dim-content{ padding:50px 40px; display:none; position:absolute; top:50%; left:50%; background-color:#fff; border:1px solid #000; box-sizing:border-box; visibility:hidden; }
.dim-layer .dim-content .btn-close{ position:absolute; top:20px; right:20px; font-size:0; }
.dim-layer .dim-content .dim-tit{ margin-bottom:20px; font-size:28px; color:#333; letter-spacing:-.05em; }
.dim-layer .dim-content .dim-tit small{ line-height:24px; margin-top:15px; display:inline-block; font-size:16px; color:#333; }
.dim-layer .dim-content .dim-txt{ line-height:24px; font-size:18px; color:#333; }
.dim-layer .dim-content .dim-box{ height:390px; line-height:24px; padding:20px; border:1px solid #000; font-size:14px; overflow-x:hidden; overflow-y:auto; word-break:break-all; box-sizing:border-box; }
.dim-layer .dim-content .dim-btn{ margin-top:30px; text-align:right; }
.dim-layer .dim-content .dim-btn .btn{ width:120px; height:40px; line-height:38px; }
.dim-layer .dim-content .board-list table td {padding:10px;border-left:1px solid #ededed;border-right:1px solid #ededed;}
.dim-layer .dim-content .board-list table td:first-child {border-left:0;}
.dim-layer .dim-content .board-list table td:last-child {border-right: 0;}

.dim-layer .dim-alert{ width:480px; height:215px; margin-top:-107px; margin-left:-240px; position:absolute; top:50%; left:50%; }
.dim-layer .dim-tit-alert{ width:480px; height:262px; margin-top:-131px; margin-left:-240px; position:absolute; top:50%; left:50%; }
.dim-layer .dim-alert .dim-txt, .dim-tit-alert .dim-txt{ height:75px; }
.dim-layer .dim-alert .dim-btn, .dim-tit-alert .dim-btn{ margin-top:0; }

.dim-layer .dim-terms{ width:680px; height:628px; margin-left:-340px; position:absolute; top:50%; left:50%; }
.dim-layer .dim-terms .dim-tit{ margin-bottom:25px; }
.dim-layer .dim-terms dl dt{ margin:40px auto 15px; font-size:18px; }
.dim-layer .dim-terms dl dt:first-child{ margin-top:0; }

.dim-form{ width:480px; margin-left:-240px; position:absolute; top:50%; left:50%; }
.dim-form .btn{ height:40px; line-height:38px; }
.dim-form .input-text, .dim-form .select, .dim-form .form-select select{ height:40px; line-height:38px; padding-left:10px; background-color:#fff; border:1px solid #000; }
.dim-form .input-text:read-only, .dim-form .input-text:disabled{ background-color:#ededed; }
.dim-form .select{ background-position:90% 50%; }
.dim-form .radio{ width:100px; }
.dim-form .dim-box{ height:185px; margin-bottom:0; padding:15px; }
.dim-form .cert-form{ position:relative; }
.dim-form .cert-form .cert-txt{ width:100px; height:40px; line-height:38px; display:inline-block; position:absolute; top:0; right:0; bottom:0; border-left:1px solid #000; text-align:center; }
.dim-form table{ width:100%; table-layout:fixed; }
.dim-form table tr th{ padding:18px 0; font-weight:normal; text-align:left; vertical-align:top; }
.dim-form table tr td{ padding:10px 0 10px 10px; }
.dim-form table tr td .btn{ font-size:14px; }
.dim-form table tr.info-txt th, .dim-form table tr.info-txt td{ line-height:14px; padding-top:0; font-size:13px; color:#333; }
.dim-form .dim-agree{ margin-top:20px; padding-top:30px; border-top:1px solid #000; }
.dim-form .dim-agree .tit{ margin-bottom:10px; font-size:18px; font-weight:400; }
.dim-form .dim-agree .dim-box{ height:90px; margin-bottom:10px; padding:10px 15px; }
.dim-form .dim-agree .txt-center .radio{ width:115px; }
.dim-form .dim-btn{ margin-top:20px; }

.dim-coupon ul{ border-top:1px solid #000; }
.dim-coupon dl dt{ line-height:58px; padding:0 20px; background-color:#fafafa; border-top:1px solid #000; font-size:20px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; word-wrap:normal; }
.dim-coupon dl dd, .dim-coupon ul li{ padding:20px; position:relative; border-top:1px solid #ededed; }
.dim-coupon dl dd .form-radio, .dim-coupon ul li .form-radio{ padding-left:35px; padding-right:110px; display:block; }
.dim-coupon dl dd .form-radio > span, .dim-coupon ul li .form-radio > span{ display:block; }
.dim-coupon dl dd .form-radio .ico-radio, .dim-coupon ul li .form-radio .ico-radio{ margin-top:-7px; position:absolute; top:50%; left:0; }
.dim-coupon dl dd .form-radio .tit, .dim-coupon ul li .form-radio .tit{ font-size:15px; font-weight:700; }
.dim-coupon dl dd .form-radio .txt, .dim-coupon ul li .form-radio .txt{ width:95%; font-size:15px; color:#999; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; word-wrap:normal; white-space:nowrap; word-wrap:normal; }
.dim-coupon dl dd > .date-txt, .dim-coupon ul li > .date-txt{ margin-top:-11px; position:absolute; top:50%; right:20px; font-size:15px; color:#999; }
.dim-coupon .total-txt{ padding-top:25px; border-top:2px solid #000; font-size:20px; text-align:center; }

.window-body{ overflow:hidden; }
.window-body .dim-content{ margin-left:0; display:block; position:relative; top:0; left:0; background-color:#fff; border:none; box-sizing:border-box; }

/*popup*/
.pop-content{ margin:0 auto; padding:50px 40px; background-color:#fff; box-sizing:border-box; }
.pop-content .btn-close{ position:absolute; top:20px; right:20px; font-size:0; }
.pop-content .pop-tit, .pop-content .dim-tit{ margin-bottom:20px; font-size:28px; color:#333; letter-spacing:-.05em; }
.pop-content .pop-tit small, .pop-content .dim-tit small{ line-height:24px; margin-top:15px; display:inline-block; font-size:16px; color:#333; }
.pop-content .dim-form{ margin-left:0; position:relative; top:0; left:0; }
.pop-content .dim-txt{ line-height:24px; font-size:18px; color:#333; }
.pop-content .dim-box{ height:390px; line-height:24px; padding:20px; border:1px solid #000; font-size:14px; overflow-x:hidden; overflow-y:auto; word-break:break-all; box-sizing:border-box; }
.pop-content .dim-btn{ margin-top:30px; text-align:right; }
.pop-content .dim-btn .btn{ width:120px; height:40px; line-height:38px; }
.pop-content .dim-btn .btn.full{ width:100%;}
.pop-terms{ width:680px; height:628px;}
.pop-terms .pop-tit{ margin-bottom:25px; }
.pop-terms dl dt{ margin:40px auto 15px; font-size:18px; }
.pop-terms dl dt:first-child{ margin-top:0; }

.pop-form{ width:480px;}
.pop-form.lg{ width:100%;}
.pop-form .btn{ height:40px; line-height:38px; }
.pop-form .input-text, .pop-form .select{ height:40px; line-height:38px; padding-left:10px; background-color:#fff; border:1px solid #000; }
.pop-form .select{ background-position:100% 50%; }
.pop-form .radio{ width:100px; }
.pop-form .dim-box{ height:185px; margin-bottom:0; padding:15px; }
.pop-form .cert-form{ position:relative; }
.pop-form .cert-form .cert-txt{ width:100px; height:40px; line-height:38px; display:inline-block; position:absolute; top:0; right:0; bottom:0; border-left:1px solid #000; text-align:center; }
.pop-form table{ width:100%; table-layout:fixed; }
.pop-form table tr th{ line-height:20px; padding:18px 0; font-weight:normal; text-align:left; vertical-align:top; }
.pop-form table tr td{ padding:10px 0 10px 10px; }
.pop-form table tr td .btn{ font-size:14px; }
.pop-form table tr.info-txt th, .pop-form table tr.info-txt td{ line-height:14px; padding-top:0; font-size:13px; color:#333; }
.pop-form .dim-agree{ margin-top:20px; padding-top:30px; border-top:1px solid #000; }
.pop-form .dim-agree .tit{ margin-bottom:10px; font-size:18px; font-weight:400; }
.pop-form .dim-agree .dim-box{ height:90px; margin-bottom:10px; padding:10px 15px; }
.pop-form .dim-agree .txt-center .radio{ width:115px; }
.pop-form .dim-btn{ margin-top:20px; }

.dim-table table{ width:100%; border-top:2px solid #000; font-size:14px; table-layout:fixed; }
.dim-table table tr th{ height:50px; line-height:48px; border-bottom:1px solid #000; }
.dim-table table tr td{ height:50px; line-height:18px; padding:10px 0; border-bottom:1px solid #b2b2b2; text-align:center; word-break:break-all; }
.dim-table table tr td.no-data{ height:100px; }
.dim-table .btn{ vertical-align:middle; }

.dim-univer { width: 600px !important; height: 650px;}
.dim-univer .border-box{ border-top: 1px solid #000; border-bottom: 1px solid #000;padding: 30px 20px; }
.dim2, .dim3, .dim18{ height:406px; }
.dim16{ height:479px; }
.dim6{ height:550px; }
.dim4{ height:869px; }
.dim17{ height:636px; }
.dim17 .dim-box{ height:170px; }
.dim20{ height:324px; }
.dim21{ height:403px; }
.dim-password{ height:326px; }

/* 모집요강 */
*[data-popup="type1"]{ width:100%; height:100%; display:none; position:fixed; left:0; top:0; background-color:rgba(0,0,0,0.5); z-index:999; }
*[data-popup="type1"].imgPop{ background-color:rgba(0,0,0,0.9); }
*[data-popup="type1"] .pop_wrap{ height:100%; margin:0 auto; top:0; left:0; right:0; background:none; border:none; }
*[data-popup="type1"] .pop_wrap *[data-box="pop_content"]{ height:100%; margin:0 auto; padding:60px 0 0 0; position:relative; box-sizing:border-box; }
*[data-popup="type1"].imgPop .pop_wrap *[data-box="pop_content"]{ width:100%; display:table; }
*[data-popup="type1"] .pop_wrap *[data-box="pop_content"] .pop_box{ height:100%; margin:0 auto; padding:30px 0; text-align:center; overflow:auto; box-sizing:border-box; }
*[data-popup="type1"].imgPop .pop_wrap *[data-box="pop_content"] .pop_box{ display:table-cell; vertical-align:middle; }
*[data-popup="type1"] .pop_wrap *[data-box="pop_content"] .pop_box .img{ width:1024px; }
*[data-popup="type1"] .pop_wrap *[data-box="pop_content"] .pop_box .img span{ padding:0 0 10px 0; display:block; font-size:24px; font-weight:300; color:#ffffff; text-align:left; opacity:0.8; }
*[data-popup="type1"] .pop_wrap *[data-box="pop_content"] .pop_box img, *[data-popup="type1"] .pop_wrap *[data-box="pop_content"] .pop_box .img{ margin:0 auto; display:none; }
*[data-popup="type1"] .pop_wrap *[data-box="pop_content"] .pop_box img.on,
*[data-popup="type1"] .pop_wrap *[data-box="pop_content"] .pop_box .img.on{ display:block; }
*[data-popup="type1"] .pop_wrap *[data-box="pop_content"] .pop_box .img.on img{ display:block; }
*[data-popup="type1"] .pop_wrap *[data-box="pop_content"] .pop_box .img p{ display:inline-block; }
*[data-popup="type1"] .timetable_btn{ width:100%; height:60px; position:fixed; top:0; left:0; background-color:#323232; font-size:0; }
*[data-popup="type1"] .timetable_btn:after{ content:''; width:1px; height:100%; display:block; position:absolute; left:calc(50% - 40px); bottom:0; background-color:#5a5a5a; }
*[data-popup="type1"] .timetable_btn .close{ width:80px; height:60px; line-height:60px; position:relative; background-color:#323232; border-left:1px solid #5a5a5a; font-size:0; color:#fff; text-indent:-9999px; box-sizing:border-box; }
*[data-popup="type1"] .timetable_btn .close:before{ content:''; width:20px; height:20px; margin:-10px auto 0 auto; display:block; position:absolute; top:50%; left:0; right:0; background:url(//img.sdij.com/common/common.png) no-repeat; background-position:-450px -1250px; }
*[data-popup="type1"] .timetable_btn .timetable_prev{ width:calc(50% - 40px); height:60px; position:relative; background-color:#323232; text-indent:-9999px; box-sizing:border-box; }
*[data-popup="type1"] .timetable_btn .timetable_prev:before{ content:''; width:12px; height:20px; margin:0 auto; display:block; position:absolute; top:20px; right:0; left:0; background:url(//img.sdij.com/common/common.png) no-repeat; background-position:-350px -1250px; }
*[data-popup="type1"] .timetable_btn .timetable_next{ width:calc(50% - 40px); height:60px; position:relative; background-color:#323232; text-indent:-9999px; box-sizing:border-box; }
*[data-popup="type1"] .timetable_btn .timetable_next:before{ content:''; width:12px; height:20px; margin:0 auto; display:block; position:absolute; top:20px; right:0; left:0; background:url(//img.sdij.com/common/common.png) no-repeat; background-position:-400px -1250px; }
*[data-popup="type1"] .timetable_btn button:hover{ background-color:#464646; cursor:pointer; }
*[data-popup="type1"] .timetable_btn *[disabled="disabled"]{ opacity:0.5; cursor:default; }
*[data-popup="type1"] .timetable_btn *[disabled="disabled"]:hover{ background-color:#323232; cursor:default; }
*[data-popup="type1"] .dim{ position:fixed; top:0; z-index:1; }
*[data-popup="type1"] .btn-group{ width:100%; position:absolute; top:50%; }
*[data-popup="type1"] .btn-group button{ width:22px; height:44px; position:absolute; font-size:0; }
*[data-popup="type1"] .btn-group button.prev-btn{ left:100px; background:url(//img.sdij.com/sd2019/pc/bbs/prev-btn-bg.png) no-repeat center center; }
*[data-popup="type1"] .btn-group button.next-btn{ right:100px; background:url(//img.sdij.com/sd2019/pc/bbs/next-btn-bg.png) no-repeat center center; }
*[data-popup="type1"] .btn-group *[disabled="disabled"]{ opacity:0.5; }
*[data-popup="type1"] > button.close{ width:44px; height:44px; position:absolute; right:130px; top:130px; background:url(//img.sdij.com/sd2019/pc/bbs/close-btn-bg.png) no-repeat center center; font-size:0; z-index:9; }

.form-defult .set-input{ height:60px; margin:0 0 10px 0; overflow:hidden; }
.form-defult .set-input input[type="text"], .form-defult .set-input a{ width:66%; height:100%; float:left; font-size:12px; box-sizing:border-box; }
.form-defult .set-input a, .form-defult .file label{ width:32%; line-height:60px; float:right; background:none; background-color:#000000; color:#ffffff; text-align:center; box-sizing:border-box; }
.form-defult .file input[type="text"], .form-defult .file label{ display:inline-block; *display:inline; zoom:1; }
.form-defult .file input[type="file"]{ width:1px; height:1px; margin:-1px; padding:0; position:absolute; border:0; overflow:hidden; clip:rect(0,0,0,0); }

/* 플로팅 배너 */
.float-banner{ width:1200px; margin:0 auto; position:relative; }
.float-banner .area-wrap{ position:absolute; top:0; right:0; z-index:2; }
.float-banner .area-wrap a{ display:block; }
.float-banner .area-wrap img{ max-width:100%; display:block; }

.line-box{ padding:40px; border:1px #000000 solid; }
.line-box .line-th{ padding:0 0 35px 0; display:block; border-bottom:2px #dedede solid; font-size:24px; color:#000000; text-align:center; }
.line-box .b{ margin:0 0 5px 0; display:block; font-size:16px; color:#000000; }
.line-box .txt .b{ font-size:14px; color:#424242; }
.board-view .line-box table{ border:0; }
.board-view .line-box table td{ padding:0px 0; border:0; }
.board-view .line-box table td .list-dotted li, .board-view .line-box table td p{ font-weight:300; }

/* 학원시설 */
.layout-img{ margin:0 0 20px 0; font-size:0; overflow:hidden; }
.layout-img > li{ margin:0 0 0 20px; display:inline-block; *display:inline; zoom:1; box-sizing:border-box; vertical-align:top; }
.layout-img > li:first-child{ margin:0; }
.layout-img > li img, .layout-img > li a{ width:100%; display:block; box-sizing:border-box; }
.layout-img > li a{ height:100%; position:relative; }
.layout-img > li .layer{ width:100%; height:100%; display:none; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.5); z-index:9; }
.layout-img > li .layer span{ position:absolute; left:20px; bottom:20px; font-size:24px; font-weight:300; color:#ffffff; }
.layout-img > li a:hover .layer{ display:block; }
.layout-img.set-01 > li:first-child{ width:400px; }
.layout-img.set-01 > li{ width:420px; }
.layout-img.set-02 > li:first-child{ width:200px; }
.layout-img.set-02 > li{ width:620px; height:300px; }
.layout-img.set-03 > li:first-child{ width:620px; }
.layout-img.set-03 > li{ width:200px; }
.layout-img.set-01 > li li{ height:140px; }
.layout-img.set-01 > li li:first-child{ margin:0 0 20px 0; }
.layout-img.jaejong {margin: 0 0 200px 0; padding-top: 80px; border-top: 1px solid #D7DEE8;}
.layout-img.jaejong >*:not(:first-child) {margin: 0; margin-top: 160px;}
.layout-img.dormitory {margin: 0 0 240px 0; padding-top: 80px;}
.layout-img.dormitory >*:not(:first-child) {margin: 0; margin-top: 240px;}

/* 좌석 예약 서비스 */
.class-list{ width:100%; margin:0 0 60px 0; border-bottom:1px #cccccc solid; }
.class-list th{ padding:5px 0; background-color:#d5d5d5; font-weight:400; }
.class-list td{ line-height:120%; padding:20px; border-top:1px #cccccc solid; font-size:14px; text-align:center; }
.class-list.sm td{ padding:5px 0; font-size:13px; }
.class-list td.no-line{ padding:0 0 10px 10px; border-top:0; font-size:12px; color:#333333; }
.class-list td.txt-center{ padding:30px 0; }
.line-t{ width:100%; margin:0 0 30px 0; border-top:1px solid #000000; border-bottom:1px solid #000000; }
.line-t.bg{ border-top:1px #cccccc solid; border-bottom:1px #cccccc solid; }
.line-t tr.line th, .line-t tr.line td{ border-bottom:1px #000000 solid; }
.line-t.bg th{ background-color:#e5e5e5; }
.line-t.bg th, .line-t.bg td{ padding:15px; border-bottom:1px #cccccc solid; font-size:14px; }
.line-t.bg th{ padding:15px; font-weight:600; }
.line-t th{ width:20%; font-weight:600; }
.line-t td{ padding:15px 0 15px 10px ; }

.circle-t{ width:100%; }
.circle-t th{ padding:10px 0; }
.circle-t th p{ width:100px; height:100px; line-height:100px; background-color:#cccccc; border-radius:100%; font-weight:400; color:#ffffff; }
.circle-t th p.line{ height:auto; line-height:100%; padding:27px 0; }

.step-list{ width:100%; margin-bottom:50px; padding:40px 0; display:flex; display:-ms-flexbox; box-sizing:border-box; }
.step-list div{ width:100%; display:inline-block; position:relative; font-size:14px; color:#323232; text-align:center; flex:1 1 auto; -ms-flex:1 1 auto; }
.step-list div em{ width:60px; height:60px; line-height:60px; margin:0 auto 13px auto; display:block; position:relative; background-color:#dcdcdc; border-radius:50%; font-size:20px; color:#a0a0a0; z-index:3; }
.step-list div:before{ content:''; width:100%; height:2px; display:block; position:absolute; left:-50%; top:30px; background-color:#dcdcdc; z-index:0; }
.step-list div.on em, .step-list div.pass em{ background-color:#000000; color:#ffffff; }
.step-list div.on:before, .step-list div.pass:before{ background-color:#666666; }
.step-list div:first-child:before{ display:none; }
.step-list.linetop{ border-top:1px solid #323232; }

.current-num{ position:relative; }
.current-num span{ display:block; }
.current-num .end{ color:#626262 }
.current-num a{ position:absolute; right:0; top:2px; }

.library_form{ overflow:hidden; }
.library_form{ width:100%; /* border-bottom:1px solid #d2d2d2; */ font-size:0; overflow:hidden; }
.library_form h3{ width:100%; height:60px; line-height:60px; display:inline-block; background-color:#323232; font-size:16px; color:#fffefe; text-align:center; }
.library_form *[class^="library_list"]{ display:inline-block; position:relative; text-align:center; box-sizing:border-box; }
.library_form .library_list1{ width:40% }
.library_form .library_list2{ width:58%; margin:0 0 0 2%; }
.library_form *[class^="library_btn"]{ height:370px; padding:5px 0; border-left:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; overflow-y:auto; /* -ms-overflow-style:none; */ box-sizing:border-box; }
.library_form .library_btn2{ border-right:1px solid #d2d2d2; }
.library_form *[class^="library_btn"] button{ width:100%; line-height:50px; padding:0; font-size:16px; background:none; }
.library_form .library_list1 *[class^="library_btn"] button{ width:100%; }
.library_form *[class^="library_btn"] button.select{ position:relative; background-color:#ffad00; border:1px #ffad00 solid; color:#fff; z-index:9; }
.library_form *[class^="library_btn"] button[disabled], .library_form *[class^="library_btn"] button[disabled="disabled"]{ color:#c8c8c8; cursor:default; }
.library_form .library_btn1 button{ height:70px; line-height:22px; background-color:none; }
.library_form .library_btn1 button span, .library_form .library_btn1 button.select:before{ height:60px; margin:-30px auto 0 auto; }

.finish-txt > p{ margin:0 0 100px 0; font-size:20px; }
.finish-txt .info-t{ padding:0 0 120px 0; font-size:17px; }
.finish-txt .info-t span{ color:#0072ff; }
.finish-txt .info-t p{ font-size:18px; }
.finish-txt ul{ width:630px; margin:0 auto; }
.finish-txt ul li{ line-height:150%; text-align:left; }
.finish-txt ul li a{ color:#0072ff; text-decoration:underline; }

.small-t{ line-height:150%; font-size:14px; }
.small-t.bg{ padding:15px; background-color:#e5e5e5; font-size:13px; word-break:keep-all; }
.big-t{ line-height:150%; font-size:24px; }

.finish-txt{ font-size:18px; text-align:center; }
.finish-txt .big-t{ padding:25px 0; display:block; font-size:30px; text-align:center; }
.finish-txt .bg-color{ width:100px; margin:0 auto; display:block; text-align:center; background-color:#ffb600; }

/* loading */
.loading-layout{ width:100%; height:100%; display:table; position:fixed; top:0; left:0; right:0; bottom:0; }
.loading-layout:after{ content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255, 255, 255, .85); }
.loading-layout > div{ display:table-cell; position:relative; vertical-align:middle; z-index:10; }
.loading-img{ width:200px; height:200px; margin:0 auto; position:relative; -webkit-transform:translate(-100px, -100px) scale(1) translate(100px, 100px); transform:translate(-100px, -100px) scale(1) translate(100px, 100px); }
.loading-img div > div{ width:20px; height:20px; position:absolute; background-color:#000; border-radius:50%; -webkit-animation:ani-loading 2s linear infinite; animation:ani-loading 2s linear infinite; }
.loading-img div:nth-child(1) > div{ top:70px; left:130px; -webkit-animation-delay:-1.8s; animation-delay:-1.8s; }
.loading-img > div:nth-child(1){ -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transform-origin:160px 100px; transform-origin:160px 100px; }
.loading-img div:nth-child(2) > div{ top:105.26711512px; left:118.54101964px; -webkit-animation-delay:-1.6s; animation-delay:-1.6s; }
.loading-img > div:nth-child(2){ -webkit-transform:rotate(36deg); transform:rotate(36deg); -webkit-transform-origin:148.54101964px 135.26711512px; transform-origin:148.54101964px 135.26711512px; }
.loading-img div:nth-child(3) > div{ top:127.06339095999999px; left:88.54101964px; -webkit-animation-delay:-1.4s; animation-delay:-1.4s; }
.loading-img > div:nth-child(3){ -webkit-transform:rotate(72deg); transform:rotate(72deg); -webkit-transform-origin:118.54101964px 157.06339096px; transform-origin:118.54101964px 157.06339096px; }
.loading-img div:nth-child(4) > div{ top:127.06339095999999px; left:51.45898036px; -webkit-animation-delay:-1.2s; animation-delay:-1.2s; }
.loading-img > div:nth-child(4){ -webkit-transform:rotate(108deg); transform:rotate(108deg); -webkit-transform-origin:81.45898036px 157.06339096px; transform-origin:81.45898036px 157.06339096px; }
.loading-img div:nth-child(5) > div{ top:105.26711512px; left:21.458980359999998px; -webkit-animation-delay:-1s; animation-delay:-1s; }
.loading-img > div:nth-child(5){ -webkit-transform:rotate(144deg); transform:rotate(144deg); -webkit-transform-origin:51.45898036px 135.26711512px; transform-origin:51.45898036px 135.26711512px; }
.loading-img div:nth-child(6) > div{ top:70px; left:10px; -webkit-animation-delay:-0.8s; animation-delay:-0.8s; }
.loading-img > div:nth-child(6){ -webkit-transform:rotate(180deg); transform:rotate(180deg); -webkit-transform-origin:40px 100px; transform-origin:40px 100px; }
.loading-img div:nth-child(7) > div{ top:34.73288488px; left:21.458980359999998px; -webkit-animation-delay:-0.6s; animation-delay:-0.6s; }
.loading-img > div:nth-child(7){ -webkit-transform:rotate(216deg); transform:rotate(216deg); -webkit-transform-origin:51.45898036px 64.73288488px; transform-origin:51.45898036px 64.73288488px; }
.loading-img div:nth-child(8) > div{ top:12.93660904px; left:51.45898036px; -webkit-animation-delay:-0.4s; animation-delay:-0.4s; }
.loading-img > div:nth-child(8){ -webkit-transform:rotate(252deg); transform:rotate(252deg); -webkit-transform-origin:81.45898036px 42.93660904000001px; transform-origin:81.45898036px 42.93660904000001px; }
.loading-img div:nth-child(9) > div{ top:12.93660904px; left:88.54101964px; -webkit-animation-delay:-0.2s; animation-delay:-0.2s; }
.loading-img > div:nth-child(9){ -webkit-transform:rotate(288deg); transform:rotate(288deg); -webkit-transform-origin:118.54101964px 42.93660904000001px; transform-origin:118.54101964px 42.93660904000001px; }
.loading-img div:nth-child(10) > div{ top:34.73288488px; left:118.54101964px; -webkit-animation-delay:0s; animation-delay:0s; }
.loading-img > div:nth-child(10){ -webkit-transform:rotate(324deg); transform:rotate(324deg); -webkit-transform-origin:148.54101964px 64.73288488px; transform-origin:148.54101964px 64.73288488px; }
.loading-img div:nth-child(11) > div{ top:70px; left:130px; -webkit-animation-delay:0.2s; animation-delay:0.2s; }
.loading-img > div:nth-child(11){ -webkit-transform:rotate(360deg); transform:rotate(360deg); -webkit-transform-origin:160px 100px; transform-origin:160px 100px; }
@keyframes ani-loading{
    0%{ -webkit-transform:scale(1, 1); transform:scale(1, 1); }
    100%{ -webkit-transform:scale(.15, .15); transform:scale(.15, .15); }
}
@-webkit-keyframes ani-loading{
    0%{ -webkit-transform:scale(1, 1); transform:scale(1, 1); }
    100%{ -webkit-transform:scale(.15, .15); transform:scale(.15, .15); }
}
.loading-txt{ line-height:45px; padding-bottom:50px; font-size:35px; text-align:center; letter-spacing:-.03em; }

.tootip-layer{ padding:50px 40px 40px; display:none; position:absolute; right:0; background-color:#fff; border:2px solid #000; z-index:999; }
.tootip-layer .btn-close{ position:absolute; top:20px; right:20px; }

/* 응시원서접수 수정 */
.table-area{ width:840px; display:table; }
.table-area > div{ display:table-cell; }
.table-area > div.cell{ width:20px !important; padding:0; border:none; }

.full-area{ width:100% !important; }
.full-area .list-txt > dl{ width:50%; }

.exam-box{ height:auto; overflow:hidden; } 
.exam-box > div{ width:410px; height:100%; padding:40px; position:relative; border:1px solid #000; box-sizing:border-box; }
.exam-box .board-tit { line-height:1.5; margin:0 0 30px 0; padding-bottom:30px; border-bottom:1px solid #d2d2d2; text-align: center; }
.exam-box .board-txt{ line-height:1.5; margin:0 0 30px 0; padding-bottom:30px; border-bottom:1px solid #d2d2d2; }
.exam-box .board-btn{ position:absolute; left:0; right:0; bottom:30px; } 

.exam-box .list-txt{ padding-bottom:130px; font-size:16px; } 
.exam-box .list-txt dl dt{ margin:0; }
.exam-box .list-txt dd{ padding-bottom:24px; }

/* 공통 */
.flex-row {display:flex;margin: 0 -10px;}
.flex-row .col {flex: 1 0 0;margin:0 10px;}
.flex-row.ty02 {display:flex;margin:0;}
.flex-row.ty02 .col {flex: 1 0 0;margin:0;}
.justify-content-center {justify-content: center;}

/* 2022-11-15 추가 */
.term__wrap {padding:40px;}
.term__title {margin-bottom:30px;font-size: 20px;font-weight: 500;}
.term__title.ty02 {margin:30px 0 20px;}
.term__contents table {font-size: 14px;}
.term__contents table td {border-left:1px solid #ededed;border-right:1px solid #ededed;}
.term__contents table td:first-child {border-left:0;}
.term__contents table td:last-child {border-right:0;}
.term__paragraph {margin-bottom:20px;}
.term__list {margin-bottom:15px;padding-left: 15px;text-indent: -15px;}
.term__list li {margin-bottom: 10px;}

/* 2023 모집요강&원서젒수 추가 */
.board__title {margin-bottom:30px;text-align: center;font-weight: 700;font-size: 40px;line-height: 150%;color: #111;}
.btn--radius {min-width: 198px;height: 56px;padding:0 20px;color:#111;font-weight: 400;font-size: 20px;line-height: 180%;border:1px solid #111;border-radius: 4px;background: #fff;}
.btn--radius.btn--black {color:#fff;border:0;background: #111;}
.btn--radius:disabled {cursor:default;background-color: #666;}
.icon--document {display:inline-block;width:14px;height:16px;background-image: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.625 1.625L11.5 0.5L10.375 1.625L9.25 0.5L8.125 1.625L7 0.5L5.875 1.625L4.75 0.5L3.625 1.625L2.5 0.5V11H0.25V13.25C0.25 14.495 1.255 15.5 2.5 15.5H11.5C12.745 15.5 13.75 14.495 13.75 13.25V0.5L12.625 1.625ZM9.25 14H2.5C2.0875 14 1.75 13.6625 1.75 13.25V12.5H9.25V14ZM12.25 13.25C12.25 13.6625 11.9125 14 11.5 14C11.0875 14 10.75 13.6625 10.75 13.25V11H4V2.75H12.25V13.25Z' fill='%234F5B62'/%3E%3Cpath d='M9.25 4.25H4.75V5.75H9.25V4.25Z' fill='%234F5B62'/%3E%3Cpath d='M11.5 4.25H10V5.75H11.5V4.25Z' fill='%234F5B62'/%3E%3Cpath d='M9.25 6.5H4.75V8H9.25V6.5Z' fill='%234F5B62'/%3E%3Cpath d='M11.5 6.5H10V8H11.5V6.5Z' fill='%234F5B62'/%3E%3C/svg%3E");background-position: left top;background-repeat: no-repeat;background-size: 14px;}

.board__quick-banner {position:fixed; top:200px; right:20px; z-index:10; display: flex;flex-direction: column;}
.board__quick-banner .quick-banner__item {width:85px;margin-top:-1px;padding:8px;font-weight: 400;font-size: 12px;line-height: 16px;letter-spacing: -0.05em;text-align:left;color: #4F5B62;box-sizing:border-box;border: 1px solid #E8E9ED;background-color: #fff;}
.board__quick-banner .quick-banner__item:first-child {margin-top:0;}
.board__quick-banner .quick-banner__item.banner-case02 {display:flex;flex-direction:column;margin-bottom:8px;}
.board__quick-banner .quick-banner__item.banner-case02 .icon--document {margin-top:52px;}

.GFA__contents {}
.GFA__contents .tab--line,
.GFA__contents .tab--pill {margin-top:25px;}
.GFA__section {padding:100px 0;}
.GFA__section:first-child {padding:50px 0 100px;}
.GFA__section img {max-width: 100%;text-align: center;}
.inner__contents {margin:0 auto;}
.inner__contents.ty02 {width:1120px;}
.tab__type {display:flex;}
.tab__type .tab__item {box-sizing: border-box;}
.tab--scroll {overflow-x: auto;}
.tab--scroll .tab--scroll-inner {display: flex;flex-shrink: 0; flex-wrap: wrap;}
.tab--box {}
.tab--box .tab__item {flex-grow:1;height:68px;color:#777;font-weight: 700;font-size: 18px;line-height: 150%;cursor: pointer;border:1px solid #D7DEE8;background-color: #F5F6F8;}
.tab--box .tab__item:not(:first-child) {border-left:none;}
.tab--box .tab__item.active {color:#111;border-bottom:none;background-color: #fff;}
.tab--box.ty02 .tab__item {display: flex;align-items: center;justify-content: center;}
.tab--box.ty02 .tab__item:first-child {border-bottom:1px solid #d7dee8;}
.tab--box.ty02 .tab__item.active {border-bottom:1px solid #d7dee8;}
.tab--line {border-bottom:1px solid #D7DEE8;}
.tab--line .tab__item {margin-left:16px;padding:0 8px 10px;font-weight: 700;font-size: 18px;line-height: 180%;color: #777;}
.tab--line .tab__item:first-child {margin-left:0;}
.tab--line .tab__item.active {padding-bottom:9px;color: #001DCE;border-bottom:1px solid #001DCE;}
.tab--pill {}
.tab--pill .tab__item {align-items:center;justify-content: center;height:38px;margin-left:8px;padding:0 24px;font-weight: 400;font-size: 14px;line-height: 150%;color: #111;border-radius: 100px;background-color: #F5F6F8;}
.tab--pill .tab__item:first-child {margin-left:0;}
.tab--pill .tab__item.active {color:#fff;background-color:#000;}

.tab__slide .tab__item:first-child {border-left:none;}
.tab__slide .swiper-container {border-left:1px solid #D7DEE8;}

.AF__contents {}
.AF__contents .tab--line {margin-top:25px;}
.AF__gray-box {padding:40px 30px 50px;color:#111;background-color: #F5F6F8;}
.AF__gray-box.ty02 {margin-bottom:25px;padding:20px 30px;}
.AF__gray-box .info__title {position:relative;padding-bottom:10px;font-weight: 700;font-size: 24px; line-height: 180%;border-bottom:1px solid #d9d9d9;}
.AF__gray-box .info__title .info__description {position:absolute;right:0;bottom:10px;font-weight: 400;font-size: 16px;line-height: 24px;}
.AF__gray-box .info__title + .info__area {margin-top:20px;}
.AF__gray-box .info__area {display: flex;align-items: center;justify-content: space-between;}
.AF__gray-box .info__list {display:flex;flex-wrap: wrap;font-size: 16px;line-height: 24px;}
.AF__gray-box .info__list .point {color:#777;}
.AF__gray-box .info__list .text__list li {display: flex;}
.AF__gray-box .info__list .text__list li::before {content:'.';font-size:20px;margin-right:6px;line-height: 14px;}
.AF__gray-box .info__list .text__list.ty02 li {margin-top:20px;}
.AF__gray-box .info__list .text__list.ty02 li:first-child {margin-top:0;}
.AF__gray-box .info__list .text__list.ty02 li::before {content:none;}
.AF__gray-box .info__list dt,
.AF__gray-box .info__list dd {margin-top:16px;}
.AF__gray-box .info__list dt:first-of-type,
.AF__gray-box .info__list dd:first-of-type {margin-top:0;}
.AF__gray-box .info__list dt {flex-basis:125px;font-weight: 700;}
.AF__gray-box .info__list dd {flex-basis: calc(100% - 125px);}
.AF__gray-box .info__list + .info__btn-area {margin-left:30px;}
.AF__gray-box .info__btn-area {position: relative; text-align: right;}
.AF__gray-box .info__btn-area .area-text{margin-top: 16px; font-weight: 400; font-size: 16px; line-height: 24px; position: absolute; right: 0; white-space: pre;}
.AF__tab-area {margin-top:100px;}
.AF__tab-area + .AF__board{margin-top:50px;}
.AF__board {margin-bottom:100px;}
.AF__board .board__step {margin-bottom:30px;}

/* 2023 명예의 전당 */
.ico-video-ty2 {width:40px;height:40px;background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6667 25.9583L25.9583 20L16.6667 14.0416V25.9583ZM7.70833 31.6666C6.93056 31.6666 6.285 31.41 5.77167 30.8966C5.25722 30.3822 5 29.7361 5 28.9583V11.0416C5 10.2639 5.25722 9.61831 5.77167 9.10498C6.285 8.59053 6.93056 8.33331 7.70833 8.33331H32.2917C33.0694 8.33331 33.7156 8.59053 34.23 9.10498C34.7433 9.61831 35 10.2639 35 11.0416V28.9583C35 29.7361 34.7433 30.3822 34.23 30.8966C33.7156 31.41 33.0694 31.6666 32.2917 31.6666H7.70833Z' fill='%23777777'/%3E%3C/svg%3E%0A");}
.ico-video-ty2:hover {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6667 25.9583L25.9583 20L16.6667 14.0416V25.9583ZM7.70833 31.6666C6.93056 31.6666 6.285 31.41 5.77167 30.8966C5.25722 30.3822 5 29.7361 5 28.9583V11.0416C5 10.2639 5.25722 9.61831 5.77167 9.10498C6.285 8.59053 6.93056 8.33331 7.70833 8.33331H32.2917C33.0694 8.33331 33.7156 8.59053 34.23 9.10498C34.7433 9.61831 35 10.2639 35 11.0416V28.9583C35 29.7361 34.7433 30.3822 34.23 30.8966C33.7156 31.41 33.0694 31.6666 32.2917 31.6666H7.70833Z' fill='%23111111'/%3E%3C/svg%3E%0A");}
.ico-document {width:40px;height:40px;background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_995_8138' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_995_8138)'%3E%3Cpath d='M14.9999 29.1667H24.9999C25.2499 29.1667 25.4516 29.0833 25.6049 28.9167C25.7571 28.75 25.8333 28.5556 25.8333 28.3333C25.8333 28.0833 25.7571 27.8817 25.6049 27.7283C25.4516 27.5761 25.2499 27.5 24.9999 27.5H14.9999C14.7499 27.5 14.5483 27.5833 14.3949 27.75C14.2427 27.9167 14.1666 28.1111 14.1666 28.3333C14.1666 28.5833 14.2427 28.785 14.3949 28.9383C14.5483 29.0906 14.7499 29.1667 14.9999 29.1667ZM14.9999 22.5H24.9999C25.2499 22.5 25.4516 22.4167 25.6049 22.25C25.7571 22.0833 25.8333 21.8889 25.8333 21.6667C25.8333 21.4167 25.7571 21.215 25.6049 21.0617C25.4516 20.9094 25.2499 20.8333 24.9999 20.8333H14.9999C14.7499 20.8333 14.5483 20.9167 14.3949 21.0833C14.2427 21.25 14.1666 21.4444 14.1666 21.6667C14.1666 21.9167 14.2427 22.1183 14.3949 22.2717C14.5483 22.4239 14.7499 22.5 14.9999 22.5ZM11.0416 35C10.2638 35 9.61825 34.7433 9.10492 34.23C8.59047 33.7156 8.33325 33.0694 8.33325 32.2917V7.70833C8.33325 6.93056 8.59047 6.28444 9.10492 5.77C9.61825 5.25667 10.2638 5 11.0416 5H23.0416C23.4027 5 23.7499 5.06944 24.0833 5.20833C24.4166 5.34722 24.7083 5.54167 24.9583 5.79167L30.8749 11.7083C31.1249 11.9583 31.3194 12.25 31.4583 12.5833C31.5971 12.9167 31.6666 13.2639 31.6666 13.625V32.2917C31.6666 33.0694 31.4099 33.7156 30.8966 34.23C30.3821 34.7433 29.736 35 28.9583 35H11.0416ZM23.3333 12C23.3333 12.3889 23.4583 12.7083 23.7083 12.9583C23.9583 13.2083 24.2777 13.3333 24.6666 13.3333H29.9999L23.3333 6.66667V12Z' fill='%23777777'/%3E%3C/g%3E%3C/svg%3E%0A");}
.ico-document:hover {background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_995_8125' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_995_8125)'%3E%3Cpath d='M14.9999 29.1667H24.9999C25.2499 29.1667 25.4516 29.0833 25.6049 28.9167C25.7571 28.75 25.8333 28.5556 25.8333 28.3333C25.8333 28.0833 25.7571 27.8817 25.6049 27.7283C25.4516 27.5761 25.2499 27.5 24.9999 27.5H14.9999C14.7499 27.5 14.5483 27.5833 14.3949 27.75C14.2427 27.9167 14.1666 28.1111 14.1666 28.3333C14.1666 28.5833 14.2427 28.785 14.3949 28.9383C14.5483 29.0906 14.7499 29.1667 14.9999 29.1667ZM14.9999 22.5H24.9999C25.2499 22.5 25.4516 22.4167 25.6049 22.25C25.7571 22.0833 25.8333 21.8889 25.8333 21.6667C25.8333 21.4167 25.7571 21.215 25.6049 21.0617C25.4516 20.9094 25.2499 20.8333 24.9999 20.8333H14.9999C14.7499 20.8333 14.5483 20.9167 14.3949 21.0833C14.2427 21.25 14.1666 21.4444 14.1666 21.6667C14.1666 21.9167 14.2427 22.1183 14.3949 22.2717C14.5483 22.4239 14.7499 22.5 14.9999 22.5ZM11.0416 35C10.2638 35 9.61825 34.7433 9.10492 34.23C8.59047 33.7156 8.33325 33.0694 8.33325 32.2917V7.70833C8.33325 6.93056 8.59047 6.28444 9.10492 5.77C9.61825 5.25667 10.2638 5 11.0416 5H23.0416C23.4027 5 23.7499 5.06944 24.0833 5.20833C24.4166 5.34722 24.7083 5.54167 24.9583 5.79167L30.8749 11.7083C31.1249 11.9583 31.3194 12.25 31.4583 12.5833C31.5971 12.9167 31.6666 13.2639 31.6666 13.625V32.2917C31.6666 33.0694 31.4099 33.7156 30.8966 34.23C30.3821 34.7433 29.736 35 28.9583 35H11.0416ZM23.3333 12C23.3333 12.3889 23.4583 12.7083 23.7083 12.9583C23.9583 13.2083 24.2777 13.3333 24.6666 13.3333H29.9999L23.3333 6.66667V12Z' fill='%23111111'/%3E%3C/g%3E%3C/svg%3E%0A");}
.ico-document-ty02 {width:24px;height:24px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_524_714' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_524_714)'%3E%3Cpath d='M9 18H15C15.15 18 15.271 17.95 15.363 17.85C15.4543 17.75 15.5 17.6333 15.5 17.5C15.5 17.35 15.4543 17.229 15.363 17.137C15.271 17.0457 15.15 17 15 17H9C8.85 17 8.729 17.05 8.637 17.15C8.54567 17.25 8.5 17.3667 8.5 17.5C8.5 17.65 8.54567 17.771 8.637 17.863C8.729 17.9543 8.85 18 9 18ZM9 14H15C15.15 14 15.271 13.95 15.363 13.85C15.4543 13.75 15.5 13.6333 15.5 13.5C15.5 13.35 15.4543 13.229 15.363 13.137C15.271 13.0457 15.15 13 15 13H9C8.85 13 8.729 13.05 8.637 13.15C8.54567 13.25 8.5 13.3667 8.5 13.5C8.5 13.65 8.54567 13.771 8.637 13.863C8.729 13.9543 8.85 14 9 14ZM6.625 21.5C6.15833 21.5 5.771 21.346 5.463 21.038C5.15433 20.7293 5 20.3417 5 19.875V5.125C5 4.65833 5.15433 4.27067 5.463 3.962C5.771 3.654 6.15833 3.5 6.625 3.5H13.825C14.0417 3.5 14.25 3.54167 14.45 3.625C14.65 3.70833 14.825 3.825 14.975 3.975L18.525 7.525C18.675 7.675 18.7917 7.85 18.875 8.05C18.9583 8.25 19 8.45833 19 8.675V19.875C19 20.3417 18.846 20.7293 18.538 21.038C18.2293 21.346 17.8417 21.5 17.375 21.5H6.625ZM14 7.7C14 7.93333 14.075 8.125 14.225 8.275C14.375 8.425 14.5667 8.5 14.8 8.5H18L14 4.5V7.7Z' fill='white'/%3E%3C/g%3E%3C/svg%3E");}
.ico-video-ty3 {width:24px;height:24px;background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 15.575L15.575 12L10 8.425V15.575ZM4.625 19C4.15833 19 3.771 18.846 3.463 18.538C3.15433 18.2293 3 17.8417 3 17.375V6.625C3 6.15833 3.15433 5.771 3.463 5.463C3.771 5.15433 4.15833 5 4.625 5H19.375C19.8417 5 20.2293 5.15433 20.538 5.463C20.846 5.771 21 6.15833 21 6.625V17.375C21 17.8417 20.846 18.2293 20.538 18.538C20.2293 18.846 19.8417 19 19.375 19H4.625Z' fill='%23111111'/%3E%3C/svg%3E%0A");}


.board-hover {width:100%;text-align: center;line-height: 150%;color: #111;font-weight: 400;}
.board-hover th,
.board-hover td {font-family: 'Pretendard';}
.board-hover thead th {padding: 10px 15px;font-size: 12px;border-top:1px solid #DBDBDB;border-bottom:1px solid #DBDBDB;}
.board-hover tbody tr:hover {background-color: #F5F6F8;}
.board-hover tbody td {padding: 27px 15px;font-size: 18px;border-bottom:1px solid #F1F1F1;}

.HOF__contents {}
.HOF__contents .board__title.img {width:364px;height:60px;margin:0 auto 30px;background-image: url("data:image/svg+xml,%3Csvg width='364' height='60' viewBox='0 0 364 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_524_140)'%3E%3Cpath d='M91.9404 13H88.3496V38.3204H91.9404V13Z' fill='%231D1D1B'/%3E%3Cpath d='M75.0541 14.4467C70.094 14.4467 66.0771 18.4971 66.0771 23.4879C66.0771 28.4787 70.0988 32.5292 75.0541 32.5292C80.0093 32.5292 84.031 28.4787 84.031 23.4879C84.031 18.4971 80.0093 14.4467 75.0541 14.4467ZM75.0541 29.1634C72.2341 29.1634 69.9504 26.6222 69.9504 23.4879C69.9504 20.3536 72.2341 17.8124 75.0541 17.8124C77.874 17.8124 80.1578 20.3536 80.1578 23.4879C80.1578 26.6222 77.874 29.1634 75.0541 29.1634Z' fill='%231D1D1B'/%3E%3Cpath d='M73.2634 41.7413V35.2316H69.6726V42.2283L71.468 45.3578H92.6535V41.7413H73.2634Z' fill='%231D1D1B'/%3E%3Cpath d='M0.5 34.7039H4.80893L11.2771 23.4879L17.7453 34.7039H22.0542L11.2771 15.8884L0.5 34.7039Z' fill='%231D1D1B'/%3E%3Cpath d='M27.7995 13H24.2087V47H27.7995V13Z' fill='%231D1D1B'/%3E%3Cpath d='M124.473 13V23.1262H120.164V13H116.573V47H120.164V26.7476H124.473V47H128.068V13H124.473Z' fill='%231D1D1B'/%3E%3Cpath d='M108.324 22.644V19.5097H113.72V15.8932H99.3325V19.5097H104.733V22.644L97.8196 34.7039H101.966L106.528 26.7475L111.086 34.7039H115.237L108.324 22.644Z' fill='%231D1D1B'/%3E%3Cpath d='M57.3203 13V23.1262H53.0784V13H49.4877V31.0874H36.5561V19.5097H46.639V15.8932H32.9653V31.5696L34.7607 34.7039H49.4877V47H53.0784V26.7476H57.3203V47H60.9111V13H57.3203Z' fill='%231D1D1B'/%3E%3Cpath d='M160.5 47H154.946L145.553 33.2186H145.376V47H138.74V21.4867H144.399L153.654 35.1957H153.864V21.4867H160.5V47.0048V47Z' fill='%231D1D1B'/%3E%3C/g%3E%3Cpath d='M211.16 32.9844H207.449V27.7891H199.832V30.6406H183.582V14.9375H199.832V17.8281H207.449V12.3203H211.16V32.9844ZM196.199 27.6719V17.9062H187.254V27.6719H196.199ZM187.605 40.6406C187.605 39.2344 188.074 38.0299 189.012 37.0273C189.962 36.0247 191.323 35.263 193.094 34.7422C194.878 34.2214 196.993 33.9609 199.441 33.9609C201.876 33.9609 203.979 34.2214 205.75 34.7422C207.521 35.263 208.882 36.0247 209.832 37.0273C210.796 38.0299 211.277 39.2344 211.277 40.6406C211.277 42.0339 210.796 43.2253 209.832 44.2148C208.882 45.2044 207.521 45.9531 205.75 46.4609C203.979 46.9818 201.876 47.2422 199.441 47.2422C196.993 47.2422 194.878 46.9818 193.094 46.4609C191.323 45.9531 189.962 45.2044 189.012 44.2148C188.074 43.2253 187.605 42.0339 187.605 40.6406ZM191.277 40.6406C191.277 41.4219 191.596 42.0924 192.234 42.6523C192.885 43.2122 193.823 43.6419 195.047 43.9414C196.271 44.2409 197.736 44.3906 199.441 44.3906C201.134 44.3906 202.592 44.2409 203.816 43.9414C205.04 43.6419 205.978 43.2122 206.629 42.6523C207.28 42.0924 207.605 41.4219 207.605 40.6406C207.592 39.4167 206.87 38.4792 205.438 37.8281C204.005 37.1641 202.007 36.8255 199.441 36.8125C196.85 36.8255 194.839 37.1641 193.406 37.8281C191.974 38.4792 191.264 39.4167 191.277 40.6406ZM207.449 24.7812V20.7969H199.832V24.7812H207.449ZM246.668 47.3203H243.113V12.3203H246.668V47.3203ZM216.941 27.4375C216.941 24.9375 217.247 22.763 217.859 20.9141C218.484 19.0521 219.363 17.6263 220.496 16.6367C221.642 15.6341 222.97 15.1328 224.48 15.1328C225.965 15.1198 227.267 15.5885 228.387 16.5391C229.52 17.4766 230.398 18.8177 231.023 20.5625H236.121V12.9844H239.637V45.6016H236.121V34.3125H231.043C230.405 36.0703 229.52 37.4245 228.387 38.375C227.267 39.3255 225.965 39.7943 224.48 39.7812C222.97 39.7812 221.642 39.2865 220.496 38.2969C219.363 37.2943 218.484 35.862 217.859 34C217.247 32.125 216.941 29.9375 216.941 27.4375ZM220.34 27.3398C220.34 29.2018 220.503 30.8034 220.828 32.1445C221.154 33.4857 221.622 34.5078 222.234 35.2109C222.859 35.9141 223.608 36.2656 224.48 36.2656C225.34 36.2656 226.082 35.9206 226.707 35.2305C227.345 34.5273 227.833 33.5117 228.172 32.1836C228.523 30.8555 228.699 29.2734 228.699 27.4375C228.699 25.6016 228.523 24.0195 228.172 22.6914C227.833 21.3633 227.345 20.3542 226.707 19.6641C226.082 18.9609 225.34 18.6094 224.48 18.6094C223.621 18.6094 222.879 18.9544 222.254 19.6445C221.642 20.3216 221.167 21.3177 220.828 22.6328C220.503 23.9479 220.34 25.5169 220.34 27.3398ZM231.805 23.5703C232 24.7552 232.098 26.0443 232.098 27.4375C232.098 28.8177 232 30.0938 231.805 31.2656H236.121V23.5703H231.805ZM262.527 14.8203C264.35 14.8203 265.984 15.1719 267.43 15.875C268.875 16.5651 270.008 17.5482 270.828 18.8242C271.648 20.0872 272.059 21.526 272.059 23.1406C272.059 24.7552 271.648 26.2005 270.828 27.4766C270.008 28.7396 268.875 29.7292 267.43 30.4453C265.984 31.1484 264.35 31.5 262.527 31.5C260.704 31.5 259.064 31.1484 257.605 30.4453C256.16 29.7292 255.027 28.7396 254.207 27.4766C253.4 26.2005 252.996 24.7552 252.996 23.1406C252.996 21.526 253.4 20.0872 254.207 18.8242C255.027 17.5612 256.16 16.5781 257.605 15.875C259.064 15.1719 260.704 14.8203 262.527 14.8203ZM251.316 36.7734C255.717 36.7734 259.78 36.7018 263.504 36.5586C267.228 36.4154 270.783 36.0964 274.168 35.6016L274.441 38.2969C270.952 38.974 267.404 39.4036 263.797 39.5859C260.203 39.7682 256.199 39.8594 251.785 39.8594L251.316 36.7734ZM256.668 23.1406C256.655 24.1562 256.896 25.0547 257.391 25.8359C257.898 26.6042 258.595 27.2031 259.48 27.6328C260.379 28.0495 261.395 28.2578 262.527 28.2578C263.66 28.2578 264.669 28.0495 265.555 27.6328C266.453 27.2031 267.156 26.6042 267.664 25.8359C268.172 25.0547 268.426 24.1562 268.426 23.1406C268.426 22.138 268.172 21.2526 267.664 20.4844C267.156 19.7031 266.453 19.0977 265.555 18.668C264.656 18.2383 263.647 18.0234 262.527 18.0234C261.395 18.0234 260.379 18.2383 259.48 18.668C258.595 19.0977 257.898 19.7031 257.391 20.4844C256.896 21.2526 256.655 22.138 256.668 23.1406ZM276.355 12.3203H280.066V47.3984H276.355V12.3203ZM324.637 37.9844H320.926V24.8203H314.246V21.8125H320.926V12.3594H324.637V37.9844ZM295.496 30.6797C297.254 30.0807 298.79 29.2083 300.105 28.0625C301.434 26.9036 302.449 25.5755 303.152 24.0781C303.855 22.5807 304.207 21.0312 304.207 19.4297V18.0625H296.629V15.0156H315.496V18.0625H307.996V19.4297C307.983 20.888 308.315 22.3138 308.992 23.707C309.682 25.1003 310.665 26.3438 311.941 27.4375C313.217 28.5312 314.715 29.3646 316.434 29.9375L314.52 32.9062C312.592 32.2292 310.913 31.2266 309.48 29.8984C308.048 28.5703 306.941 27.0208 306.16 25.25C305.392 27.2031 304.253 28.9154 302.742 30.3867C301.245 31.8581 299.467 32.9583 297.41 33.6875L295.496 30.6797ZM301.902 35.6797H305.613V43.5703H325.574V46.5781H301.902V35.6797ZM357.566 21.1875H362.605V24.2344H357.566V32.9844H353.816V12.3203H357.566V21.1875ZM331.512 14.8984H347.137V17.9062H335.184V27.4375C338.829 27.4115 341.746 27.3268 343.934 27.1836C346.121 27.0273 348.27 26.7344 350.379 26.3047L350.73 29.3125C348.491 29.7682 346.193 30.0742 343.836 30.2305C341.492 30.3737 338.309 30.4453 334.285 30.4453H331.512V14.8984ZM334.48 40.4453C334.48 39.0391 334.956 37.8281 335.906 36.8125C336.857 35.7839 338.211 35.0026 339.969 34.4688C341.74 33.9219 343.829 33.6484 346.238 33.6484C348.621 33.6484 350.678 33.9219 352.41 34.4688C354.155 35.0026 355.496 35.7839 356.434 36.8125C357.371 37.8281 357.84 39.0391 357.84 40.4453C357.84 41.8646 357.371 43.082 356.434 44.0977C355.496 45.1263 354.155 45.9076 352.41 46.4414C350.665 46.9753 348.608 47.2422 346.238 47.2422C343.829 47.2422 341.74 46.9753 339.969 46.4414C338.211 45.9076 336.857 45.1263 335.906 44.0977C334.956 43.082 334.48 41.8646 334.48 40.4453ZM338.152 40.4453C338.152 41.2396 338.465 41.9232 339.09 42.4961C339.728 43.069 340.646 43.5117 341.844 43.8242C343.055 44.1237 344.487 44.2734 346.141 44.2734C347.807 44.2734 349.253 44.1237 350.477 43.8242C351.701 43.5247 352.638 43.0885 353.289 42.5156C353.953 41.9427 354.285 41.2526 354.285 40.4453C354.285 39.651 353.96 38.974 353.309 38.4141C352.671 37.8411 351.753 37.4049 350.555 37.1055C349.37 36.806 347.964 36.6562 346.336 36.6562C343.758 36.6562 341.746 36.9883 340.301 37.6523C338.855 38.3034 338.139 39.2344 338.152 40.4453Z' fill='%23111111'/%3E%3Cdefs%3E%3CclipPath id='clip0_524_140'%3E%3Crect width='160' height='34' fill='white' transform='translate(0.5 13)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");}
.HOF__contents .tab__slide {position:relative;margin-bottom:25px;}
.HOF__contents .tab__slide .swiper-button-prev,
.HOF__contents .tab__slide .swiper-button-next {width: 10px;height: 16px; margin-top: -8px;-moz-background-size: 10px 16px;-webkit-background-size: 10px 16px;background-size: 10px 16px;background-image: url("data:image/svg+xml,%3Csvg width='10' height='19' viewBox='0 0 10 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.7878 18.2969C9.91158 18.1784 9.97347 18.0346 9.97347 17.8653C9.97347 17.6961 9.91158 17.5522 9.7878 17.4337L1.48541 9.48731L9.81432 1.51551C9.93811 1.39704 10 1.26164 10 1.10931C10 0.956982 9.92927 0.813117 9.7878 0.677715C9.66401 0.559238 9.5137 0.5 9.33687 0.5C9.16004 0.5 9.00973 0.559238 8.88594 0.677715L0.238725 8.95416C0.150308 9.03879 0.0884161 9.12341 0.0530491 9.20804C0.0176821 9.29267 -9.53674e-07 9.38575 -9.53674e-07 9.48731C-9.53674e-07 9.58886 0.0176821 9.68195 0.0530491 9.76657C0.0884161 9.8512 0.150308 9.93582 0.238725 10.0205L8.91247 18.3223C9.03625 18.4408 9.17772 18.5 9.33687 18.5C9.49602 18.5 9.64633 18.4323 9.7878 18.2969Z' fill='%23111111'/%3E%3C/svg%3E%0A");}
.HOF__contents .tab__slide .swiper-button-prev {left:-25px;}
.HOF__contents .tab__slide .swiper-button-next {right:-25px;transform: rotate(180deg);}
.HOF__contents .tab__slide .swiper-button-next.swiper-button-disabled, 
.HOF__contents .tab__slide .swiper-button-prev.swiper-button-disabled {opacity: 0;}
.HOF__contents .pass__section {margin-top:100px;}
.HOF__contents .pass__section:first-of-type {margin-top:50px;}
.HOF__contents .tab--box + .board-hover {margin-top:30px;}
.HOF__contents .video__contents {padding:40px 0 86px;background-color: #111;} 
.HOF__contents .video__contents .video__area {position:relative;} 
.HOF__contents .video__contents .video {height:630px;} 
.HOF__contents .video__contents .video img {width: 100%;} 
.HOF__contents .video__contents .video iframe {width: 100%;} 
.HOF__contents .video__contents .user__area {margin-top:25px;color:#fff;} 
.HOF__contents .video__contents .user__area .link {color:#fff;} 
.HOF__contents .video__contents .btn__play {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%); width:80px;height:80px;background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_524_710)'%3E%3Crect width='80' height='80' rx='40' fill='black' fill-opacity='0.5'/%3E%3Cpath d='M35.0482 25.8758C33.7157 25.0558 32 26.0145 32 27.5791V52.4209C32 53.9855 33.7157 54.9442 35.0482 54.1242L55.2321 41.7033C56.5012 40.9223 56.5012 39.0777 55.2321 38.2967L35.0482 25.8758Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_524_710'%3E%3Crect width='80' height='80' rx='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");} 
.HOF__contents .review__contents {padding:40px 0 100px;background-color: #F9FAFB;}
.HOF__contents .review__contents .review__area {margin-top:50px;padding:50px 160px 0;color:#111;border-top:1px solid #D7DEE8;}
.HOF__contents .video__contents + .inner__contents.ty02,
.HOF__contents .review__contents + .inner__contents.ty02 {margin-top:100px;}
.HOF__contents .user__area {position:relative;display:flex;color:#111;}
.HOF__contents .user__area .split {display: inline-block;vertical-align: middle;width: 3px;height: 3px;margin: 0 4px; background-color: #111;border-radius: 50%;}
.HOF__contents .user__area .user__img {overflow:hidden;width:62px;height:62px;margin-right:16px;border-radius: 50%;}
.HOF__contents .user__area .user__img img {width:100%;height: 100%;}
.HOF__contents .user__area .text__area {display:flex;flex-direction:column;font-weight: 700;font-size: 14px;line-height: 150%;}
.HOF__contents .user__area .text__area .title {font-size: 22px;}
.HOF__contents .user__area .text__area .text {margin-top:8px;}
.HOF__contents .user__area .text__area .info {margin-top:26px;font-weight: 400;}
.HOF__contents .user__area .link {position:absolute;right:0;bottom:0;color:#111;}
.HOF__contents .video__contents .user__area .split {background-color: #fff;}


/* 2023-03-20 강사채용 */
.layout-container.employ {padding-top:50px;}
.layout-container.employ .list-dotted.area {padding:20px;background-color: #ededed;}
.layout-container.employ .employ__URL-list li {margin-top:10px;}
.layout-container.employ .employ__URL-list li:first-child {margin-top:0;}

.table-type1 {text-align:center;border-top:2px solid #1E1E1E;}
.table-type1 > tbody > tr > th,
.table-type1 > tbody > tr > td {border:1px solid #ccc;border-top:0;}
.table-type1 > tbody > tr > th:first-child,
.table-type1 > tbody > tr > td:first-child {border-left:0;}
.table-type1 > tbody > tr > th:last-child,
.table-type1 > tbody > tr > td:last-child {border-right: 0;}
.table-type1 > tbody > tr > th{padding:30px 10px 10px;vertical-align: top;font-weight: 700;font-size: 15px;line-height: 130%;}
.table-type1 > tbody > tr > td{}

.instructor-recruitment {letter-spacing: -0.025em;}
.instructor-recruitment .visual {display: flex;flex-direction: column;align-items: center;padding:62px 0 110px;color:#000;background:url(//img.sdij.com/sd2019/books/pc/recruit/instructor_recruitment_bg.png);background-size: cover;}
.instructor-recruitment .visual__description {font-weight: 400;font-size: 16px;line-height: 130%;}
.instructor-recruitment .visual__title {margin-top:54px;font-weight: 700;font-size: 60px;line-height: 130%;}
.instructor-recruitment .visual__text {margin-top:15px;font-weight: 500;font-size: 20px;line-height: 160%;}
.instructor-recruitment .ir__contents {width:840px;margin:50px auto 0;}
.instructor-recruitment .ir__contents .board-list.ty02 table {border-top:0;}
.instructor-recruitment .ir__contents .board-list.ty02 td {padding:30px 10px;}
.instructor-recruitment .ir__step {padding:30px 20px 30px 84px;text-align: left;}
.instructor-recruitment .ir__step .ir__step-item {display: flex;align-items: center;margin-top:18px;}
.instructor-recruitment .ir__step .ir__step-item:first-child {margin-top:0;}
.instructor-recruitment .ir__step .ir__step-title {display:flex;align-items: center;justify-content: center;flex-basis: 168px;position:relative;height:50px;font-weight: 500;font-size: 14px;line-height: 130%;color:#111;background-color: #efefef;}
.instructor-recruitment .ir__step .ir__step-title::after {content: '';position:absolute;left:50%;bottom:-5px;width:10px;height:10px;background-color: inherit;transform: translateX(-50%) rotate(45deg);}
.instructor-recruitment .ir__step .ir__step-list {margin-left:10px;}
.instructor-recruitment .ir__step .ir__step-list li {display: flex;font-weight: 400;font-size: 14px;line-height: 160%;color:#111;}
.instructor-recruitment .ir__step .ir__step-list li::before {content: '.';margin-right:5px;line-height:6px;font-size: 24px;color: inherit;}
.instructor-recruitment .ir__btn-area {display: flex;gap:0 10px; margin-top:50px;}
.instructor-recruitment .ir__btn-area .ir__btn {display: flex;flex-grow: 1;align-items: center;justify-content: center;height:60px;font-weight: 400;font-size: 15px;line-height: 130%;color:#fff;background-color: #000;}

/* 2023-03-21 특강 페이지 */
.special-lecture .page-tit{margin-bottom: 30px; line-height: 54px;}
.special-lecture .AF__contents{margin-bottom: 50px;}
.special-lecture .AF__gray-box{padding: 24px 40px;}
.special-lecture .AF__gray-box .info__list{font-size: 15px; line-height: 30px;}
.special-lecture .info__list dd{font-weight: 400;}
.special-lecture .info__list .more-btn{font-size: 15px; text-decoration: underline; padding-bottom: 3px; border: none;}
.special-lecture .code-num-check th,.special-lecture .code-num-check td{padding-top: 0;}
.special-lecture .code-num-check .check span,.special-lecture .radio span{font-size: 14px; font-weight: 400;} 
.special-lecture .form-defult{margin-bottom: 150px;}
.special-lecture .form-agree .agree-box{height: 130px;}
.special-lecture .btn{font-size: 15px; font-weight: 500;}
.special-lecture .board-layout {width: 960px; margin-bottom: 300px;}
.special-lecture .board-list table tr th{color: #000;}
.special-lecture .board-list table tr td{color: #111;}
.special-lecture .board-list .tit-box{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.special-lecture .board-list .btn{width: 100%;border-radius: 4px;font-weight: 400;}
.special-lecture .board-list .btn--black{background-color: #111; color: #fff;}
.special-lecture .board-list .btn--black:disabled{background-color: #666;}
.special-lecture .board-list .btn--border{background-color: #fff;border: 1px solid #000; color: #111;}
.special-lecture .board-list .btn--border:disabled{background-color: #fff;border: 1px solid #000; color: #111;}
.special-lecture .board-list .btn-group{display: inline-flex; width: 100%; gap: 4px;}
.special-lecture .notice-apply{margin-bottom: 300px; padding: 84px 40px;}
.special-lecture .notice-apply .AF__gray-box{display: flex; justify-content: center; align-items: center; padding: 84px 40px;}
.special-lecture .notice-apply .AF__gray-box p{line-height: 30px;}

/* 2023-05-11 원서접수 수정 */
.file__preview{ width:100%; min-height:240px; display:block; position:relative; border:1px solid #ccc; box-sizing:border-box; }
.file__preview input[type="file"]{ width:1px; height:1px; margin:-1px; padding:0; position:absolute; border:0; overflow:hidden; clip:rect(0,0,0,0); }
.file__preview span.txt{ line-height:18px; position:absolute; top:140px; left:0; right:0; text-align:center; }
.file__preview span.txt:after{ content:""; width:30px; height:30px; position:absolute; top:-60px; left:50%;transform: translateX(-50%); background:url(//img.sdij.com/sd2019/pc/ico/ico_plus.png) 50% 0 no-repeat; }
.file__preview span.img{ position:relative;overflow:hidden; }
.file__preview span.img img{ width:100%; height:100%; }

.star-scope{direction: rtl;}
.star-scope input[type=radio]{display: none;}
.star-scope label{font-size: 30px;color: transparent;text-shadow: 0 0 0 #f0f0f0}
.star-scope label:hover{text-shadow: 0 0 0 #ffd400;}
.star-scope label:hover ~ label{text-shadow: 0 0 0 #ffd400;}
.star-scope input[type=radio]:checked ~ label{text-shadow: 0 0 0 #ffd400;}

/* 회원DB 분리 작업 */
.dormancy-area {font-size:18px;color: #111;line-height: 150%;}
.dormancy-area .da-btn {display:flex;align-items: center;justify-content: center;width:100%;height:63px;font-size:16px;color:#fff;background-color: #111;}

.changePW-area {width: 100%; max-width:500px; margin:0 auto;padding:50px 16px;}
.changePW-area .ca-point-color {color:#0005C7;}
.changePW-area .ca-title {margin-bottom:20px;font-size: 30px;text-align: center;}
.changePW-area .ca-description {margin-bottom:20px;text-align:center;font-size: 16px;}
.changePW-area .ca-input-area {margin-bottom:10px;}
.changePW-area .ca-input-step {margin-top:10px;}
.changePW-area .ca-input-step:first-child {margin-top:0;}
.changePW-area .ca-input-step.frist {margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #111;}
.changePW-area .ca-input-step .ca-input {width: 100%;height: 60px;padding:0 20px;border: 1px solid #ccc;font-size: 15px;}
.changePW-area .ca-description-ty02 {font-size: 12px;text-align: right;}
.changePW-area .ca-btn-area {display: flex;gap:10px; margin-top:30px;}
.changePW-area .ca-btn-area .ca-btn {display: flex;align-items: center;justify-content: center;flex: 1 1 0%;height:60px;font-size:16px;}
.changePW-area .ca-btn-area .ca-btn.ca-btn-line {color:#111;border:1px solid #111;}
.changePW-area .ca-btn-area .ca-btn.ca-btn-black {color:#fff;background-color: #111;}

/* new modal */
.new-modal {z-index:999;overflow:hidden;overflow-y: auto; position:fixed;top:0;left:0;width:100%;height:100%;background-color: rgba(0, 0, 0, .4);}
.new-modal .nm-point-color {color: #0005C7;}
.new-modal .nm-checkbox {position:relative;}
.new-modal .nm-checkbox input[type=checkbox] {display: none;}
.new-modal .nm-checkbox input[type=checkbox] + label {display: flex;align-items: center;}
.new-modal .nm-checkbox input[type=checkbox] + label .nm-text {margin-left:12px;}
.new-modal .nm-checkbox input[type=checkbox] + label::before{content:'';width:16px;height:16px;border:1px solid #111;border-radius:2px;background-color: #fff;}
.new-modal .nm-checkbox input:checked[type=checkbox] + label::before {background-color: #111;background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M14.018 4.955 7.011 12.46 2.28 7.493l1.448-1.38 3.269 3.433 5.558-5.956 1.463 1.365Z' clip-rule='evenodd'/%3E%3C/svg%3E")}
.new-modal .nm-id-wrap {display:flex;align-items: center;justify-content: center; margin-bottom:20px;}
.new-modal .nm-id-wrap .nm-id-area {padding:10px 60px;border:1px solid #888;}
.new-modal .nm-text-ty01 {margin-bottom:20px;text-align: center;}
.new-modal .nm-text-box {margin-bottom:20px;padding:20px;font-weight: 400;border:1px solid #ddd;}
.new-modal .nm-text-box li {color:#111;font-size:14px;line-height: 180%;}
.new-modal .nm-button-area {display: flex;gap: 10px;}
.new-modal .nm-button-area .nm-btn {display: flex;justify-content: center;align-items: center;flex: 1 1 0%;height: 64px; color: #FFF;font-size: 16px;font-weight: 400;line-height: 150%;}
.new-modal .nm-button-area .nm-btn.nm-btn-gray {background-color: #888;}
.new-modal .nm-button-area .nm-btn.nm-btn-black {background-color: #111;}
.new-modal .nm-form-agree {margin-bottom:50px;}
.new-modal .nm-btn-more {color: #888;font-size: 14px;font-weight: 400;line-height: 150%;text-decoration-line: underline;}
.new-modal .nm-agree-list {margin-top:16px;}
.new-modal .nm-agree-list li {display:flex;align-items: center;justify-content: space-between;margin-top:8px; font-size:14px;line-height: 150%s;}
.new-modal__wrap {display:flex;align-items: center;min-height:calc(100% - 40px);margin:20px auto; padding: 0 40px;}
.new-modal__contents {width:100%;font-size:18px;background-color: #fff;}
.new-modal__body-area {padding:40px 50px;}
.new-modal__footer-area {display: flex;border-top:1px solid #ddd;}
.new-modal__footer-area button {flex: 1 1 0%;height:50px;color: #111;font-size: 14px;line-height: 150%;border-left:1px solid #ddd;}
.new-modal__footer-area button:first-child {border-left:0;}

/* 2024 부엉이 포스트 */
.icon--chart{display: inline-block; width: 24px;height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_4387_12488' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.5' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4387_12488)'%3E%3Cpath d='M7.3 19.5C6.93444 19.5 6.62638 19.3651 6.37583 19.0953C6.12528 18.8254 6 18.4937 6 18.1V11.5667C6 11.173 6.12528 10.8412 6.37583 10.5714C6.62638 10.3016 6.93444 10.1667 7.3 10.1667C7.66556 10.1667 7.97362 10.3016 8.22417 10.5714C8.47472 10.8412 8.6 11.173 8.6 11.5667V18.1C8.6 18.4937 8.47472 18.8254 8.22417 19.0953C7.97362 19.3651 7.66556 19.5 7.3 19.5ZM12.5 19.5C12.1344 19.5 11.8264 19.3651 11.5758 19.0953C11.3253 18.8254 11.2 18.4937 11.2 18.1V6.9C11.2 6.50632 11.3253 6.17457 11.5758 5.90474C11.8264 5.63491 12.1344 5.5 12.5 5.5C12.8656 5.5 13.1736 5.63491 13.4242 5.90474C13.6747 6.17457 13.8 6.50632 13.8 6.9V18.1C13.8 18.4937 13.6747 18.8254 13.4242 19.0953C13.1736 19.3651 12.8656 19.5 12.5 19.5ZM17.7 19.5C17.3344 19.5 17.0264 19.3651 16.7758 19.0953C16.5253 18.8254 16.4 18.4937 16.4 18.1V15.3C16.4 14.9063 16.5253 14.5746 16.7758 14.3047C17.0264 14.0349 17.3344 13.9 17.7 13.9C18.0656 13.9 18.3736 14.0349 18.6242 14.3047C18.8747 14.5746 19 14.9063 19 15.3V18.1C19 18.4937 18.8747 18.8254 18.6242 19.0953C18.3736 19.3651 18.0656 19.5 17.7 19.5Z' fill='%23111111'/%3E%3C/g%3E%3C/svg%3E%0A");}
.icon--info{display: inline-block; width: 24px;height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_4387_12510' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='25'%3E%3Crect y='0.5' width='24' height='24' fill='%23888888'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_4387_12510)'%3E%3Cpath d='M11.6111 16H12.3889V11.7222H11.6111V16ZM12 10.6154C12.1356 10.6154 12.2493 10.5695 12.341 10.4778C12.4328 10.386 12.4786 10.2724 12.4786 10.1367C12.4786 10.0011 12.4328 9.88746 12.341 9.79573C12.2493 9.70399 12.1356 9.65812 12 9.65812C11.8644 9.65812 11.7507 9.70399 11.659 9.79573C11.5672 9.88746 11.5214 10.0011 11.5214 10.1367C11.5214 10.2724 11.5672 10.386 11.659 10.4778C11.7507 10.5695 11.8644 10.6154 12 10.6154ZM12.0026 19.5C11.0346 19.5 10.1246 19.3163 9.27241 18.949C8.42026 18.5816 7.67901 18.083 7.04865 17.4533C6.4183 16.8235 5.91927 16.0829 5.55156 15.2316C5.18385 14.3802 5 13.4706 5 12.5026C5 11.5346 5.18368 10.6246 5.55104 9.77241C5.91841 8.92026 6.41698 8.17901 7.04674 7.54865C7.67651 6.9183 8.41706 6.41927 9.26841 6.05156C10.1198 5.68385 11.0294 5.5 11.9974 5.5C12.9654 5.5 13.8754 5.68368 14.7276 6.05104C15.5797 6.41841 16.321 6.91697 16.9514 7.54674C17.5817 8.17651 18.0807 8.91706 18.4484 9.76841C18.8161 10.6198 19 11.5294 19 12.4974C19 13.4654 18.8163 14.3754 18.449 15.2276C18.0816 16.0797 17.583 16.821 16.9533 17.4514C16.3235 18.0817 15.5829 18.5807 14.7316 18.9484C13.8802 19.3161 12.9706 19.5 12.0026 19.5ZM12 18.7222C13.737 18.7222 15.2083 18.1194 16.4139 16.9139C17.6194 15.7083 18.2222 14.237 18.2222 12.5C18.2222 10.763 17.6194 9.29167 16.4139 8.08611C15.2083 6.88056 13.737 6.27778 12 6.27778C10.263 6.27778 8.79167 6.88056 7.58611 8.08611C6.38056 9.29167 5.77778 10.763 5.77778 12.5C5.77778 14.237 6.38056 15.7083 7.58611 16.9139C8.79167 18.1194 10.263 18.7222 12 18.7222Z' fill='%23888888'/%3E%3C/g%3E%3C/svg%3E%0A")}
.score-cutline{display: flex;}
.score-cutline > * {flex: 1; padding: 8px 0; font-size: 16px; text-align: center;}
.score-cutline dt{background-color: #919DA4; color: #fff; font-weight: 700;}
.score-cutline dd{border-top: 1px solid #919DA4; border-bottom:  1px solid #919DA4;}
.new-board-layout .inner__contents{margin: 0 auto; padding: 0 40px;}
.new-board-layout .page-tit{margin-bottom: 30px; font-size: 40px; font-weight: 500;}
.new-board-layout .grade-title{display: flex; align-items: center; font-size: 24px;line-height: 36px;font-weight: 700;margin-bottom: 8px;}
.new-board-layout .grade-title span{padding-left: 6px; font-size: 16px;line-height: 24px;font-weight: 400;}
.new-board-layout .tab-inner{display: flex;flex-wrap: wrap;row-gap: 8px; column-gap: 8px;}
.new-board-layout .tab-inner .tab__item{min-width: 75px; margin-left: 0;}
.new-board-layout .tab--outline .tab__item{display: flex; background-color: #fff; border:1px solid #ddd; color: #111;}
.new-board-layout .tab--outline .tab__item.active{border: 1px solid #111;}
.new-board-layout .grade__section{padding: 120px 0 0 0;}
.new-board-layout .grade__section .grade-table:not(:first-of-type){padding-top: 80px;}
.new-board-layout .grade__section .grade-table.fill{display: flex; gap: 24px; align-items: flex-end;}
.new-board-layout .grade__section .grade-table.fill > div{flex: 1;}
.new-board-layout .grade__section .btn-chart{display: inline-flex;column-gap: 4px;align-items: center; margin-left: auto;}
.new-board-layout .grade__section .btn-chart span{font-size: 16px;line-height: 24px;color: #111;}
.new-board-layout .grade__section .grade-box {padding:0; border: 1px solid #919DA4;}
.new-board-layout .grade__section .grade-box ul{display: flex; justify-content: center; column-gap: 10px; width: 80%; margin: 0 auto; padding: 50px 0 40px;}
.new-board-layout .grade__section .grade-box li{width: 20%; font-size: 16px; font-weight: 400;}
.new-board-layout .grade__section .grade-box li strong{font-size: 32px;line-height: 48px;}
.new-board-layout .grade__section .grade-box .more-score{margin-top: 4px;}
.new-board-layout .grade__section .grade-box .more-score span{margin: 0;padding: 0; border: none;}
.new-board-layout .grade__section .grade-box .grade-date{padding: 10px; border-top: 1px solid #919DA4; font-size: 16px; line-height: 24px;}
.new-board-layout .grade__section .grade-date, .new-board-layout .grade__section .grade-info{font-size: 14px; font-weight: 400;color: #888;}
.new-board-layout .grade__section .grade-info{display: inline-flex;align-items: center;margin-top: 8px; line-height: 20px;}
.new-board-layout .grade__section .grade-table table{width: 100%; table-layout: fixed;}
.new-board-layout .grade__section .grade-table table > * > * > *{padding: 8px 0;font-size: 16px; font-weight: 400;color: #111;text-align: center; line-height: 24px;}
.new-board-layout .grade__section .grade-table table thead th{background-color: #919DA4; font-weight: 700;color: #fff; border-left: 1px;}
.new-board-layout .grade__section .grade-table table thead th:not(:last-of-type){border-right: 1px solid #666666;} 
.new-board-layout .grade__section .grade-table table tbody tr td{border-left: 1px solid #919DA4;}
.new-board-layout .grade__section .grade-table table tbody tr *:first-child{border-left: none;}
.new-board-layout .grade__section .grade-table.odd table tbody tr td:nth-of-type(odd){background-color: #F5F6F8;}
.new-board-layout .grade__section .grade-table table tbody tr > * {border-bottom: 1px solid #919DA4;}
.new-board-layout .grade__section .grade-table table tbody th:nth-of-type(2){border-left: 1px solid #919DA4;}
.new-board-layout .grade__section .grade-table table tbody th{background-color: #F5F6F8;}
.new-board-layout .grade__section .grade-table .subject-tab{margin-left: auto; display: flex;align-items: center;}
.new-board-layout .grade__section .grade-table .subject-tab .tab__item a{display: inline-block;padding: 0 6px; line-height: 16px; color: #888;}
.new-board-layout .grade__section .grade-table .subject-tab .tab__item:last-of-type a{padding-right: 0;}
.new-board-layout .grade__section .grade-table .subject-tab .tab__item.active a{color: #111;}
.new-board-layout .grade__section .grade-table .subject-tab .tab__item{position: relative;}
.new-board-layout .grade__section .grade-table .subject-tab .tab__item:not(:last-of-type)::after{content: ""; display: block;position: absolute;right: -2px; top: 5px; height: 16px; width: 1px; background-color: #111111; }
.new-board-layout .grade__section .grade-table .color-gray{color: #888;}
.new-board-layout .grade__section .grade-table .bg-red{background-color: #FFC1C1;}
.new-board-layout .grade__section .grade-table .bg-pink{background-color: #FFE2E2;}
.new-board-layout .grade__section .grade-table .score-cell{position: relative; background-color: #F5F6F8; z-index: 1;}
.new-board-layout .grade__section .grade-table .score-cell span{position: relative;z-index: 9;background-color: transparent;}
.new-board-layout .grade__section .grade-table .score-cell .bg-per{position: absolute; left: 0;top: 0;bottom: 0; height: 100%; background-color: #CDD0D4; z-index: 2;}
.new-board-layout .grade__section .grade-table .read-more{position:relative;}
.new-board-layout .grade__section .grade-table .read-more .content{height: 490px;overflow: hidden; transition: height 0.5s linear;}
.new-board-layout .grade__section .grade-table .read-more.on .content{height: auto;overflow: visible;padding-bottom: 40px;}
.new-board-layout .grade__section .grade-table .read-more.on .more-btn{margin-bottom: 0;}
.new-board-layout .grade__section .grade-table .read-more.on table{height: auto !important;}
.new-board-layout .grade__section .grade-table .read-more .more-btn{position: absolute;bottom: -10px; display: flex; justify-content: center;align-items: center;margin-top: 8px;width: 100%; background-color: #F5F6F8; height: 44px; z-index: 99;}
.new-board-layout .grade__section .grade-table .read-more .more-btn::after{content: ''; position: absolute; background: #fff; width: 100%;height: 8px;top: -6px;}

.new-modal.report .new-modal__wrap{}
.new-modal.report .title__area{padding: 24px 0; border-bottom: 1px solid #F1F1F1; text-align: center;}
.new-modal.report .title__area h5{font-size: 24px; font-weight: 700; line-height: 36px;}
.new-modal.report .body__area{padding: 40px;}
.new-modal.report .body__area .score-cutline > * {padding: 16px 0;}
.new-modal.report .body__area .score-cutline dt{font-weight: 400;}
.report__area{padding-top: 54px;}
.report__area .score-report{column-gap: 16px; margin-left: auto;}
.report__area .score-report li{display: flex; align-items: center;column-gap: 4px; font-size: 14px; line-height: 22px;}
.report__area .score-report .circle{display: inline-block;width: 14px;height: 14px;background-color: #0005b6;border-radius: 14px;}
.report__area .score-report .square{display: inline-block;width: 14px;height: 14px;background-color: #F1F1F1;}
.report__area .graph_wrap{width: 100%;}
.report__area .scroll_box{padding-top: 10px; overflow: scroll;}
.report__area .graph_wrap .graph_area{height: 250px; margin-top: 20px;}
.report__area .graph_wrap .graph_area::after{border: none;}
.report__area .graph_wrap .graph_area .score_bar{display: flex; column-gap: 10px; left: 30px; width: auto;}
.report__area .graph_wrap .graph_area .score_bg{padding-left:30px ;}
/* .report__area .graph_wrap .graph_area .score_bar > li{width: 60px;} */
.report__area .graph_wrap .graph_area .score_bg li .s_num{left: -30px;}
.report__area .graph_wrap .graph_area .score_bar .bar-score{position: absolute;bottom: 5px;left: 0px; width: 40px;color: #888888; text-align: center;}
.report__area .graph_wrap .graph_area .score_bar li div.blue_bar{width: 40px;left: 20px; background-color: #f1f1f1;}
.report__area .graph_wrap .graph_area .score_bar li.prepare div.blue_bar{background-color: transparent;border: 1px dotted #ddd;}
.report__area .graph_wrap .graph_area .score_bar li.prepare .month{color: #0005B6;}
.report__area .graph_wrap .graph_area .score_bar .my-score{position: absolute;bottom: 5px;left: 10px;transform: translateY(5px); width: 40px; height: 0; color: #0005B6; text-align: center; margin-left: 2px;}
.report__area .graph_wrap .graph_area .score_bar .g_bar{height: 15px;background-color: transparent;left: 25px; bottom: 0; z-index: 3;margin: 0 0 -7.5px 0;  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7.5' cy='7.5' r='4.5' fill='%230005B6'/%3E%3C/svg%3E%0A");}
.report__area .graph_wrap .graph_area .score_bar .g_bar .line {display: block; z-index: 2; position:absolute;top: 50%; right:50%; width:50px;height:1px;background-color:#0005B6;transform-origin: 100% 100%;}
.report__area .graph_wrap .graph_area .score_bar .g_bar.recent{background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7.5' cy='7.5' r='7' fill='white' stroke='%230005B6'/%3E%3Ccircle cx='7.5' cy='7.5' r='4.5' fill='%230005B6'/%3E%3C/svg%3E%0A");}


/* 부엉이 포스트 -종합분석 */
.GF__contents {padding-bottom: 100px;}
.GF__contents .tab--line,
.GF__contents .tab--pill {margin-top:24px;}
.GF__contents.new-board-layout .grade__section {padding-top: 80px;}
.GF__contents .tab-list {margin-bottom: 0; display: flex; align-items: center; gap: 40px; height: 64px; border-bottom: 1px solid #E6E9EB;}
.GF__contents .tab-list a {height: 63px; line-height: 62px; font-size: 16px; font-weight: 500; color: #939599; border: none; background-color: transparent;}
.GF__contents .tab-list a.selected {border: none; border-bottom: 2px solid #111111; color: #111111;}
.GF__contents .tab-list a:first-child {border-left: none;}
.GF__contents .tab-list.tab-list2 {margin-top: 8px; gap: 24px; height: 48px; border: none;}
.GF__contents .tab-list.tab-list2 a {width: auto; height: 47px; line-height: 47px; font-size: 14px;}
.GF__contents .tab-list.tab-list2 a.selected {border: none;}
.GF__contents .grade-table {}
.GF__contents .grade-table .grade-title {margin-bottom: 16px;}
.GF__contents .grade-table table {margin-bottom: 16px;}
.GF__contents .grade-table table tbody td.line {position: relative; padding: 0 !important;}
.GF__contents .grade-table table tbody td.line svg {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.GF__contents.new-board-layout .grade-table table thead th {font-size: 14px; background-color: #E6E9EB; color: #111111;}
.GF__contents.new-board-layout .grade-table table thead th:not(:last-of-type) {border-color: rgba(180, 182, 184, 0.4);}
.GF__contents.new-board-layout .grade-table table tbody tr td {font-size: 14px; border-color: rgba(180, 182, 184, 0.4);}
.GF__contents .grade-table ul {display: flex; justify-content: space-between; gap: 8px;}
.GF__contents .grade-table ul li {padding: 16px 0; display: flex; flex-direction: column; justify-content: center; flex: 1 1 auto; background-color: #E6E9EB; text-align: center;}
.GF__contents .grade-table ul li h5 {padding-bottom: 4px; font-size: 14px; line-height: 1.5; font-weight: 700; color: #57595C;}
.GF__contents .grade-table ul li p {min-height: 48px; height: 100%; display: flex; justify-content: center; align-items: center; font-size: 16px; line-height: 1.5; font-weight: 500;}
.GF__contents.new-board-layout .grade__section .grade-info {margin-top: 16px; display: flex; align-items: flex-start; font-weight: 300; line-height: 1.5; color: #57595C;}
.GF__contents.new-board-layout .grade__section .grade-info span {margin-top: 1.5px;}
.GF__contents.new-board-layout .grade__section .grade-info .blue {color: #689AF5;}
.GF__contents .grade-graph {margin-top: 80px; }
.GF__contents .grade-graph .lable {margin-top: 8px; display: flex; justify-content: flex-end; align-items: center; gap: 16px;}
.GF__contents .grade-graph .lable li {position: relative; padding-left: 12px; font-size: 12px; line-height: 1.6; letter-spacing: -0.024px; color: #111; font-weight: 400;}
.GF__contents .grade-graph .lable li::before {margin-top: -4px; position: absolute; left: 0; top: 50%; display: block; content: ''; width: 8px; height: 8px; }
.GF__contents .grade-graph .lable li.lable_gray::before {border-radius: 50%; background-color: #58585D;}
.GF__contents .grade-graph .lable li.lable_red::before {background-color: #FF3B2F;}
.GF__contents .grade-graph .lable li.lable_blue::before {background-color: #3F57B8;}
.GF__contents .grade-graph .lable2 {margin: 40px auto -32px; width: 448px; display: flex; align-items: center; gap: 16px;}
.GF__contents .grade-graph .lable2 li {position: relative; padding-left: 12px; font-size: 12px; line-height: 1.6; letter-spacing: -0.024px; color: #111; font-weight: 400;}
.GF__contents .grade-graph .lable2 li::before {margin-top: -4px; position: absolute; left: 0; top: 50%; display: block; content: ''; width: 8px; height: 8px; ;border-radius: 50%;}
.GF__contents .grade-graph .lable2 li.lable_blue::before {background-color: #618AC1;}
.GF__contents .grade-graph .lable2 li.lable_green::before {background-color: #459E8C;}
.GF__contents .grade-graph .lable2 li.lable_yellow::before {background-color: #D6BC6C;}
.GF__contents.new-board-layout .grade-graph .grade-info {margin: 9px 0 0 0;}
.GF__contents .my-location-wrap {margin-top: 8px; padding: 24px; border: 1px solid #E6E9EB;}
.GF__contents .my-location-wrap p {display: flex; align-items: center; font-size: 14px; line-height: 1.5; font-weight: 500;}
.GF__contents .my-location-wrap p .up {margin-left: 8px; font-size: 12px; line-height: 1.5; font-weight: 500;}
.GF__contents .my-location-wrap p .percent {margin-left: 4px; font-size: 20px; line-height: 1.6; font-weight: 500;}
.GF__contents .my-location-wrap .d-flex {margin-top: 8px; gap: 8px;}
.GF__contents .my-location-wrap .d-flex span {font-size: 14px; line-height: 1.5; font-weight: 500; color: #57595C;}
.GF__contents .my-location-wrap .d-flex span i {margin-right: 2px;}
.GF__contents .my-location-wrap progress {width: 100%;}
.GF__contents .my-location-wrap .location {position: relative; width: 100%; height: 32px;}
.GF__contents .my-location-wrap .location span {margin-left: -16px; width: 32px; height: 32px; position: absolute; top: 0; bottom: 0; overflow: hidden;}
.GF__contents .my-location-wrap .max-location {}
.GF__contents .my-location-wrap .my-location {}
.GF__contents .my-location-wrap .bg-location {margin: 4px 0 38px; display: flex; gap: 1px; width: 100%;}
.GF__contents .my-location-wrap .bg-location li {position: relative; flex: 1 1 auto; height: 16px;}
.GF__contents .my-location-wrap .bg-location li:nth-child(1) {background-color: rgba(87, 89, 92, 1);}
.GF__contents .my-location-wrap .bg-location li:nth-child(2) {background-color: rgba(87, 89, 92, 0.7);}
.GF__contents .my-location-wrap .bg-location li:nth-child(3) {background-color: rgba(87, 89, 92, 0.6);}
.GF__contents .my-location-wrap .bg-location li:nth-child(4) {background-color: rgba(87, 89, 92, 0.5);}
.GF__contents .my-location-wrap .bg-location li:nth-child(5) {background-color: rgba(87, 89, 92, 0.4);}
.GF__contents .my-location-wrap .bg-location li:nth-child(6) {background-color: rgba(87, 89, 92, 0.3);}
.GF__contents .my-location-wrap .bg-location li:nth-child(7) {background-color: rgba(87, 89, 92, 0.2);}
.GF__contents .my-location-wrap .bg-location li:nth-child(8) {background-color: rgba(87, 89, 92, 0.1);}
.GF__contents .my-location-wrap .bg-location li:nth-child(9) {background-color: rgba(87, 89, 92, 0.05);}
.GF__contents .my-location-wrap .bg-location li span {position: absolute; left: 0; top: 20px; height: 34px; font-size: 12px; line-height: 34px; font-weight: 300;}
.GF__contents .graph_wrap.graph_type1 {margin-top: 8px; padding: 24px 24px 40px; width: calc(100% - 48px); display: flex; text-align: left; gap: 14px; border: 1px solid #E6E9EB;}
.GF__contents .graph_wrap.graph_type1 .graph_lable {display: flex; flex-direction: column; gap: 12px; width: calc(154px);}
.GF__contents .graph_wrap.graph_type1 .graph_lable li {display: flex; justify-content: space-between; height: 16px;}
.GF__contents .graph_wrap.graph_type1 .graph_lable p {font-size: 10px; line-height: 16px; font-weight: 400; letter-spacing: -0.032px;}
.GF__contents .graph_wrap.graph_type1 .graph_lable .univ {}
.GF__contents .graph_wrap.graph_type1 .graph_lable .univ span {margin-left: 2px; font-size: 8px; line-height: 16px; letter-spacing: -0.016px;}
.GF__contents .graph_wrap.graph_type1 .graph_lable .score {position: relative; padding-left: 8px; width: 52px;}
.GF__contents .graph_wrap.graph_type1 .graph_lable .score::after {margin-top: -2px; position:absolute; left: 0; top: 50%; content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #58585D;}
.GF__contents .graph_wrap.graph_type1 .graph_area{margin: 0; width: calc(100% - 154px); height: auto;}
.GF__contents .graph_wrap.graph_type1 .graph_area::after{border: none;}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar{padding: 4px 0; width: 83.4%; height: calc(100% - 8px); display: flex; flex-direction: column; gap: 16px; left: 0;}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bg{padding:0; display: flex;}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bg li{flex: 1 1 auto; height: 100%; border-left: 1px dashed #E6E9EB; border-top: none;}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bg li .s_num {margin-left: -10px; width: 20px; text-align: center; left: 0; top: auto; bottom: -20px; font-size: 10px; line-height: 1.2; letter-spacing: -0.02px; color: #888;}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar > li {width: 100%; height: 12px;}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar .bar-score{position: absolute;top: 0; right: -44px; width: 40px;color: #888888; text-align: left; font-size: 10px; line-height: 1.4; font-weight: 700; letter-spacing: -0.2px; color: #FF3B2F;}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar.blue .bar-score {color: #3F57B8;}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar li div{position: absolute; margin: 0; height: 12px; left: 0;}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar li div.red1{background-color: rgba(255, 59, 47, 0.4);}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar li div.red2{background-color: rgba(255, 59, 47, 0.2);}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar li div.blue1{background-color: rgba(114, 140, 242, 0.4);}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar li div.blue2{background-color: rgba(221, 228, 255, 0.4);}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar li div.blue3{background-color: rgba(156, 175, 246, 1);}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar li div.blue4{background-color: rgba(114, 140, 242, 0.8);}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar li div.blue5{background-color: rgba(63, 87, 184, 1);}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar li div.blue6{background-color: rgba(63, 87, 184, 0.4);}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar li div.blue7{background-color: rgba(114, 140, 242, 1);}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar li div.blue8{background-color: rgba(63, 87, 184, 0.2);}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar li div.blue9{background-color: rgba(114, 140, 242, 0.2);}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar .score{position: absolute; right: 0; color: #0005B6; text-align: center; margin-left: 2px;}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar .g_bar{height: 15px;background-color: transparent;top: 0; z-index: 3;}
.GF__contents .graph_wrap.graph_type1 .graph_area .score_bar .g_bar .line {display: block; z-index: 2; position:absolute;top: 50%; right:50%; width:50px;height:1px;background-color:#0005B6;transform-origin: 100% 100%;}
.GF__contents .graph_wrap.graph_type2 {width: 100%; margin-top: 8px;}
.GF__contents .graph_wrap.graph_type2 .graph_area{width: 448px; height: 368px; margin: 44px auto 40px;}
.GF__contents .graph_wrap.graph_type2 .graph_area::after{border: none;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg{padding-left: 0; display: flex; flex-direction: column;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg li {height: calc(12.5% - 6px);}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg li:not(:first-child) {border-top: 1px dashed #E6E9EB;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg li:first-child {border: none;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg li:first-child {height: 48px;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg li .s_num {left: -48px; top: 8px; width: 36px; text-align: right; font-size: 12px; line-height: 1.5; font-weight: 300; color: #6D7073}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg.type2 li {height: calc(9.09% - 2.9px);}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg.type2 li:first-child {height: 32px;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg.type2 li .s_num  {top: -8px;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg2 {display: flex; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
/* .GF__contents .graph_wrap.graph_type2 .graph_area .score_bg2.type2 { z-index: 2;} */
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg2 li {width: 20%; border-right: 1px dashed #E6E9EB; }
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg2.type2 li {width: 33.33%;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg2 li:first-child {border-left: 1px dashed #E6E9EB;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg2 li .s_num {display: inline-block; height: 36px; font-size: 14px; line-height: 18px; font-weight: 300;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bg2.type2 li .s_num {height: 32px;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar{display: flex; width: 100%; left: 0; top: 0; bottom: auto;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar li {margin-top: 48px; width: auto; width: 20%; height: 280px;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar .bar-score{position: absolute;bottom: -23px; left: 0; right: 0; width: 100%; height: 18px; text-align: center; font-size: 12px; line-height: 1.5; font-weight: 300;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar .bar-score:after {margin-left: -2px; position: absolute; left: 50%; top: -8px; content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; border: 2px solid #FFF; background-color: #E00000;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar li div.red_bar{position: absolute;top: 0; left: 0; right: 0; width: calc(100% - 1px); background-color: rgba(224, 0, 0, 1); text-align: center; border-left: 1px solid #E00000; border-bottom: 1px solid #E00000;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar li:nth-child(1) div.red_bar {background-color: rgba(224, 0, 0, 0.8);}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar li:nth-child(2) div.red_bar {background-color: rgba(224, 0, 0, 0.7);}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar li:nth-child(3) div.red_bar {background-color: rgba(224, 0, 0, 0.6);}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar li:nth-child(4) div.red_bar {background-color: rgba(224, 0, 0, 0.2);}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar li:nth-child(5) div.red_bar {width: calc(100% - 2px); background-color: rgba(224, 0, 0, 0.1); border-right: 1px solid #E00000;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 {left: 1px;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li {margin-top: 32px; width: calc(33.33% - 1px); height: 305.4px;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar li div.blue_bar {margin: 0; position: absolute;top: 0; left: 0; right: 0; width: calc(100% - 1px); background-color: rgb(97, 138, 193, 0.2); text-align: center; border-left: 1px solid #618AC1;  border-top: 1px solid #618AC1; border-bottom: 1px solid #618AC1;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar li div.green_bar {margin: 0; position: absolute;top: 0; left: 0; right: 0; width: calc(100% - 1px); background-color: rgb(69, 158, 140, 0.2); text-align: center; border-left: 1px solid #459E8C;  border-top: 1px solid #459E8C; border-bottom: 1px solid #459E8C;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar li div.yellow_bar {margin: 0; position: absolute;top: 0; left: 0; right: 0; width: calc(100% - 1px); background-color: rgb(214, 188, 108, 0.2); text-align: center; border-left: 1px solid #D6BC6C;  border-top: 1px solid #D6BC6C; border-bottom: 1px solid #D6BC6C;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li div {border-right: 1px dashed #E6E9EB;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:first-child .blue_bar {border-left: 1px solid #618AC1;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:last-child .blue_bar {border-right: 1px solid #618AC1;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:last-child .green_bar {border-right: 1px solid #459E8C;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:last-child .yellow_bar {border-right: 1px solid #D6BC6C;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 .blue_bar .bar-score:after {background-color: #618AC1;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 .green_bar .bar-score:after {background-color: #459E8C;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 .yellow_bar .bar-score:after {background-color: #D6BC6C;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:nth-child(1) div.blue_bar {z-index: 9;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:nth-child(2) div.blue_bar {z-index: 8;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:nth-child(3) div.blue_bar {z-index: 7;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:nth-child(1) div.green_bar {z-index: 6;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:nth-child(2) div.green_bar {z-index: 5;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:nth-child(3) div.green_bar {z-index: 4;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:nth-child(1) div.yellow_bar {z-index: 3;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:nth-child(2) div.yellow_bar {z-index: 2;}
.GF__contents .graph_wrap.graph_type2 .graph_area .score_bar.type2 li:nth-child(3) div.yellow_bar {z-index: 1;}


/* 부엉이포스트 종합분석 - 팝업 */
.layer_mock_cut {width: 648px; margin-left: -324px; padding: 0 16px 24px;}
.layer_mock_cut .dim-tit {margin: 0 -16px; padding: 20px 16px; font-size: 16px; line-height: 1.5; letter-spacing: 0; font-weight: 700; border-bottom: 1px solid #E6E9EB;}
.layer_mock_cut.dim-content .btn-close {top: 16px; right: 16px;}
.layer_mock_cut .tab-list {margin-bottom: 0; display: flex; align-items: center; gap: 40px; height: 64px; border-bottom: 1px solid #E6E9EB;}
.layer_mock_cut .tab-list a {height: 63px; line-height: 62px; font-size: 16px; letter-spacing: -0.032px; font-weight: 600; color: #939599; border: none; background-color: transparent;}
.layer_mock_cut .tab-list a span {font-size: 12px; letter-spacing: -0.024px; font-weight: 400;}
.layer_mock_cut .tab-list a.selected {border: none; border-bottom: 2px solid #111111; color: #111111; background-color: transparent;}
.layer_mock_cut .tab-list a:first-child {border-left: none;}
.layer_mock_cut .tab-content {margin: 16px 0 0; height: 540px; overflow-y: auto;}
.layer_mock_cut .tab-content .flex-content {width: 100%; display: flex; gap: 12px;}
.layer_mock_cut .tab-content .flex-content div:nth-child(1) {width: calc(100% - 172px);}
.layer_mock_cut .tab-content .flex-content div:nth-child(2) {width: 162px;}
.layer_mock_cut .tab-content p {font-size: 14px; line-height: 1.6; letter-spacing: -0.028px; font-weight: 600;}
.layer_mock_cut .tab-content span {display: inline-block; margin-top: 8px; font-size: 12px; line-height: 1.6; letter-spacing: -0.024px; font-weight: 500; color: #888;}
.layer_mock_cut table {margin-top: 8px; width: 100%; text-align: center; border: 1px solid #D9D9D9;}
.layer_mock_cut table tr {border-bottom: 1px solid #D9D9D9;}
.layer_mock_cut table th {padding: 8px; background-color: #F7F7F7; font-size: 14px; line-height: 16px; letter-spacing: -0.028px; font-weight: 400;}
.layer_mock_cut table td {padding: 8px; font-size: 14px; line-height: 16px; letter-spacing: -0.028px; font-weight: 400;}
.layer_mock_cut table tr th:first-child,
.layer_mock_cut table tr td:first-child {border-right: 1px solid #D9D9D9;}
.layer_mock_cut table tr:first-child th {font-weight: 600;}
.layer_mock_cut table tr.bold th:first-child {font-weight: 700;}
.layer_mock_cut table tr.active {display: table-row;}
.layer_mock_cut table tr.hide {display: none;}
.layer_mock_cut .btn {margin-top: 8px; width: 100%; height: 27px; font-size: 12px; line-height: 27px !important; border-color: #D9D9D9; background-color: #F7F7F7; border-radius: 20px;}
.layer_mock_cut .btn .ico-more {margin-left: 4px;}
.layer_mock_cut .grade-info {margin-top: 16px; display: flex; align-items: flex-start; font-size: 14px; font-weight: 400; line-height: 1.8; letter-spacing: -0.028px; color: #57595C;}
.layer_mock_cut .grade-info span {margin-top: 0; width: calc(100% - 24px);}
.layer_mock_cut .grade-info .blue {color: #689AF5;}





/* 임시 */
.post-subject.active{display: block;}
.post-subject{display: none;}

.apply-banner{position: fixed;top: 100px;z-index: 9; right: 20px; display: flex;align-items: center;justify-content: center; width: 50px;height: 50px; border: 1px solid #000;}

.new-board-layout.business {width: 800px; margin: 0 auto;}
.new-board-layout.business .inner__contents{width: 100%; margin-bottom: 50px;}
.new-board-layout.business .inner__contents .form-defult{width: 740px;}
.new-board-layout.business .inner__contents h4{font-size: 24px; line-height: 32px; font-weight: 600; border-bottom: 2px solid #000; padding-bottom: 15px; padding-left: 10px;}
.new-board-layout.business .form-defult .form-wrap{display: flex; align-items: center; gap: 4px;}

/* 몰입도리포트 */
.new-board-layout .grade-title{margin-bottom: 15px;}
.new-board-layout.focus-report .grade__section{padding: 0;}
.new-board-layout.focus-report .select{margin-left: auto; height: 38px; line-height: 38px;}
.new-board-layout.focus-report .report__area{padding: 0;}
.new-board-layout.focus-report .report__area .graph_wrap{width: 100%;}
.new-board-layout.focus-report .report__area .graph_wrap .graph_area{height: 380px;}
.new-board-layout.focus-report .graph_wrap .graph_area .score_bg li{height: 11.111%;}
.new-board-layout.focus-report .report__area .graph_wrap .graph_area .score_bg{padding-left: 40px;}
.new-board-layout.focus-report .report__area .graph_wrap .graph_area .score_bar{column-gap: 140px; left: 125px; width: auto;}
.new-board-layout.focus-report .report__area .graph_wrap .graph_area .score_bar > li{width: 70px;}
/* .new-board-layout.focus-report .graph_wrap .graph_area .score_bar li .g_bar{margin-left: -12.5px;} */
.new-board-layout.focus-report .report__area .graph_wrap .graph_area .score_bar .g_bar .line{width: 0;}
.new-board-layout.focus-report .report__area .graph_wrap .graph_area .score_bar li div.blue_bar{left: 8px; width: 70px;}
.new-board-layout.focus-report .report__area .graph_wrap .graph_area .score_bar .my-score{width: 70px;}
.new-board-layout.focus-report .empty-box{display: flex; align-items: center; justify-content: center; margin-top: 60px; height: 300px; background-color: #D0D0D0;}
.new-board-layout.focus-report .empty-box p{font-size: 21px; color: #969494;}

.tail-phone-input {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

.tail-phone-input select, .tail-phone-input input[type="text"], .tail-phone-input .btn {
  width: calc(25% - 7px);
}

/* 모바일 반응형 스타일 */
@media (max-width: 767px) {
  /* d-flex 모바일 스타일 */
  .d-flex {
    display: block;
    margin-bottom: 16px;
  }

  /* grade-box 모바일 스타일 */
  .new-board-layout .grade__section .grade-box ul {
    flex-direction: column;
  }

  .new-board-layout .grade__section .grade-box li {
    width: auto;
  }

  /* grade-table.fill 모바일 스타일 */
  .new-board-layout .grade__section .grade-table.fill {
    flex-direction: column;
  }

  .tail-phone-input select, .tail-phone-input input[type="text"] {
    width: 100%
  }

  .tail-phone-input .btn {
    width: 100%;
  }
}

.mobile-only {
  display: none;
}
@media (max-width: 767px) {
  .mobile-only {
    display: block;
  }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .mobile-only {
    display: block;
  }
}