@charset "utf-8"; /* * content CSS Document * */ .txt-red{color:#f51a69;} .txt-blue{color:#1670d5;} .mt12{margin-top:12px;} /* form active */ .cus_design{max-width:400px;} .cus_design > ul > li{display:block; position:relative; margin:3px 0px;} .cus_design input[type="text"]{width:100%; height:45px;} .cus_design select{width:100%; height:45px;} .cus_design label{position:absolute; left:10px; top:50%; width:90%; box-sizing:border-box; padding:0 5px; background:#fff; transform:translateY(-50%);} .cus_design .in label{color:#1637a2;} .cus_design .active label{top:10%; width:auto; font-size:11px;} .cus_design [data-form-design="select"] label{top:10%; width:auto; font-size:12px; font-weight:500;} .checkbox_label{z-index:2; display: flex; align-items: center;} .checkbox_icon::before{content:''; display: block; margin-right: 5px; display: inline-block; width: 24px; height: 24px; background-color: #eee; border: 1px solid #ddd; box-sizing:border-box; position: relative; cursor: pointer; border-radius:5px;} .checkbox_label input:checked + .checkbox_icon::before{background:#1974d9 url(../images_new5/content/ic-chk.svg)no-repeat center; background-size:15px 11px; border:none;} .lecture-list .checkbox_label{position:absolute; top:20px; right:20px; } /* table */ .mob_info{ display:none; margin:0 0 5px; font-size: 13px; text-align:left;} /* 테이블 */ table.table{border-top:2px solid #082849; width:100%;} table.table thead th{background:#f7f9fc; border-right:1px solid #e9e9e9; font-size:16px; font-weight:600; color:#222;} table.table thead tr th:last-child{border-right:0;} table.table tbody th{border-bottom:1px solid #e9e9e9;} table.table tbody td{border:1px solid #e9e9e9; border-top:none; border-right:none; font-size:15px; color:#555; font-weight:500;} table.table tbody td p{font-size:15px; color:#555; font-weight:500;} table.table tbody td span{display:block; font-size:14px; color:#888; font-weight:400; line-height:1.8em;} table.table tbody td span:nth-of-type(1){padding:5px 0 0; } table.table tbody td.txt-blue{color:#1670d5;} table.table tbody td.txt-red{color:#f51a69;} table.table th{padding:15px;} table.table td{padding:15px;} table.table.v1 thead th{border-right:none; border-bottom:1px solid #e9e9e9;} table.table.v1 thead th[rowspan]{border-right:1px solid #e9e9e9;} table.table.v1 tbody td{border:none; border-bottom:1px solid #e9e9e9; text-align:center;} table.table.v1 th{padding:15px 5px;} table.table.v1 td{padding:15px 5px;} table.table.v1 td.left{text-align:left;} /* .box-board table.table th{padding:18px 10px; border-right:none; border-bottom:1px solid #e9e9e9;} .box-board table.table td{padding:16px 10px; text-align:center; border-left:none; font-size:15px; color:#444; font-weight:500;} .box-board table.table td > a{display:block; font-size:16px; color:#444; font-weight:500;} .box-board table.table td > a:hover{color:#1670d5; font-weight:600;} .box-board table.table td.left{text-align:left;} */ table.table td.date{font-size:15px; color:#888; font-weight:400;} table.table td.state i{display:inline-block; width:54px; padding:5px; border-radius:5px; font-size:14px; background:#bfbfbf; box-sizing:border-box; color:#fff; cursor:default;} table.table td.state i.complete{background:#f51a69;} table.table td .notice{display:inline-block; padding:5px 8px; font-size:14px; font-weight:600; background:#ff327c; color:#fff; line-height:1em; border-radius:50px;} .service-page table.table th{background:#fff;} .service-page table.table tbody tr:hover{background-color:#f7f9fc;} .box-sch{display:flex; align-items: center; justify-content: flex-end; gap:7px; margin-bottom:15px;} .sch-option{display:flex; gap:5px;} .box-sch .sch-bar{position:relative; width:200px; height:40px;} .box-sch .sch-bar a{position:absolute; top:9px; right:10px; width:20px; height:20px; background:url(../images_new5/content/ic-sch.svg)no-repeat center; background-size:contain; opacity:0.8;} .box-sch input[type="text"]{width:100%; height:100%; padding:10px; font-size:15px; border-radius:5px; border:1px solid #ddd; box-sizing:border-box; } .box-sch input[type="checkbox"]{display:none; } .box-sch .checkbox_label{position:relative; width:70px; height:40px; justify-content: center; cursor:pointer;} .box-sch .checkbox_label span{width:100%; height:100%;} .box-sch .checkbox_label .checkbox_icon::before{width:100%; height:100%; background-color:#fff;} .box-sch .checkbox_label em{position:absolute; top:8px; font-size:15px; font-weight:500; line-height:1em;} .box-sch .checkbox_label em:before{content:''; display:inline-block; position:relative; top:3.5px; margin-right:3px; background:url(../images_new5/content/ic-sch-chk.svg)no-repeat center; background-size:contain; width:18px; height:18px; border:none; opacity:0.2;} .box-sch .checkbox_label input:checked + .checkbox_icon::before{background:none; border: 1px solid #1974d9;} .box-sch .checkbox_label input:checked ~ em{color:#1974d9;} .box-sch .checkbox_label input:checked ~ em:before{background:url(../images_new5/content/ic-sch-chk-blue.svg)no-repeat center; background-size:contain; opacity:1;} #container{background:#fff; box-sizing:border-box;} /* sub visual */ .area-subVisual{position:relative; overflow:hidden; margin:30px 30px 0; height:670px; border-radius:20px; overflow:hidden; box-sizing:border-box; z-index:2; background:#fff;} [data-sublayout="intro"]{margin:0; border-radius:0; height:400px;} [data-sublayout="intro"] .sub-visual__bg{background-image:url(../images_new5/content/img_intro_bg.jpg);} .sub-visual__text, .sub-visual__tit{display:flex; justify-content: center; align-items: center; height: 100%;width:1200px; height:100%; margin:0 auto;} .sub-visual__text > *, .sub-visual__tit > *{color:#fff;} .area-subVisual h2{word-break:keep-all; font-weight:bold; font-size:62px; text-transform:uppercase; line-height:1em; word-break:keep-all;} .area-subVisual.v01 .sub-visual__bg{background-image:url(../images_new5/content/license01_visual.jpg);} .area-subVisual.v0101 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual01.jpg);} .area-subVisual.v0102 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual02.jpg);} .area-subVisual.v0103 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual03.jpg);} .area-subVisual.v0104 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual04.jpg);} .area-subVisual.v0105 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual05.jpg);} .area-subVisual.v0106 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual06.jpg);} .area-subVisual.v0107 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual07.jpg);} .area-subVisual.v0108 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual08.jpg);} .area-subVisual.v0109 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual09.jpg);} .area-subVisual.v0110 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual10.jpg);} .area-subVisual.v0111 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual11.jpg);} .area-subVisual.v0112 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual12.jpg);} .area-subVisual.v0113 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual13.jpg);} .area-subVisual.v0114 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture01_visual14.jpg);} .area-subVisual.v0201 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual01.jpg);} .area-subVisual.v0202 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual02.jpg);} .area-subVisual.v0203 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual03.jpg);} .area-subVisual.v0204 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual04.jpg);} .area-subVisual.v0205 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual05.jpg);} .area-subVisual.v0206 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual06.jpg);} .area-subVisual.v0207 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual07.jpg);} .area-subVisual.v0208 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual08.jpg);} .area-subVisual.v0209 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual09.jpg);} .area-subVisual.v0210 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual10.jpg);} .area-subVisual.v0211 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual11.jpg);} .area-subVisual.v0212 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual12.jpg);} .area-subVisual.v0213 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual13.jpg);} .area-subVisual.v0214 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual14.jpg);} .area-subVisual.v0215 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual15.jpg);} .area-subVisual.v0216 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual16.jpg);} .area-subVisual.v0217 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual17.jpg);} .area-subVisual.v0218 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual18.jpg);} .area-subVisual.v0219 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual19.jpg);} .area-subVisual.v0220 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual20.jpg);} .area-subVisual.v0221 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual21.jpg);} .area-subVisual.v0222 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual22.jpg);} .area-subVisual.v0223 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual23.jpg);} .area-subVisual.v0224 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture02_visual24.jpg);} .area-subVisual.v0301 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture03_visual01.jpg);} .area-subVisual.v0302 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture03_visual02.jpg);} .area-subVisual.v0303 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture03_visual03.jpg);} .area-subVisual.v0304 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture03_visual04.jpg);} .area-subVisual.v0305 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture03_visual05.jpg);} .area-subVisual.v0306 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture03_visual06.jpg);} .area-subVisual.v0307 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture03_visual07.jpg);} .area-subVisual.v0308 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture03_visual08.jpg);} .area-subVisual.v0309 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture03_visual09.jpg);} .area-subVisual.v0310 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture03_visual10.jpg);} .area-subVisual.v0311 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture03_visual11.jpg);} .area-subVisual.v0312 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture03_visual12.jpg);} .area-subVisual.v0401 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual01.jpg);} .area-subVisual.v0402 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual02.jpg);} .area-subVisual.v0403 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual03.jpg);} .area-subVisual.v0404 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual04.jpg);} .area-subVisual.v0405 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual05.jpg);} .area-subVisual.v0406 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual06.jpg);} .area-subVisual.v0407 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual07.jpg);} .area-subVisual.v0408 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual08.jpg);} .area-subVisual.v0409 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual09.jpg);} .area-subVisual.v0410 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual10.jpg);} .area-subVisual.v0411 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual11.jpg);} .area-subVisual.v0412 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual12.jpg);} .area-subVisual.v0413 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual13.jpg);} .area-subVisual.v0414 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual14.jpg);} .area-subVisual.v0415 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture04_visual15.jpg);} .area-subVisual.v0501 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture05_visual01.jpg);} .area-subVisual.v0502 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture05_visual02.jpg);} .area-subVisual.v0503 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture05_visual03.jpg);} .area-subVisual.v0504 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture05_visual04.jpg);} .area-subVisual.v0505 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture05_visual05.jpg);} .area-subVisual.v0506 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture05_visual06.jpg);} .area-subVisual.v0507 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture05_visual07.jpg);} .area-subVisual.v0508 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture05_visual08.jpg);} .area-subVisual.v0509 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture05_visual09.jpg);} .area-subVisual.v0601 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture06_visual01.jpg);} .area-subVisual.v0602 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture06_visual02.jpg);} .area-subVisual.v0603 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture06_visual03.jpg);} .area-subVisual.v0604 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture06_visual04.jpg);} .area-subVisual.v0605 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture06_visual05.jpg);} .area-subVisual.v0701 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture07_visual01.jpg);} .area-subVisual.v0702 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture07_visual02.jpg);} .area-subVisual.v0703 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture07_visual03.jpg);} .area-subVisual.v0704 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture07_visual04.jpg);} .area-subVisual.v0801 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture08_visual01.jpg);} .area-subVisual.v0802 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture08_visual02.jpg);} .area-subVisual.v1001 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture10_visual01.jpg);} .area-subVisual.v1101 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture11_visual01.jpg);} .area-subVisual.v1201 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture12_visual01.jpg);} .area-subVisual.v1202 .sub-visual__bg{background-image:url(../images_new5/content/lecture/lecture12_visual02.jpg);} .area-subVisual.manager_2016_01_01_01_02_0007 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2016_01_01_01_02_0007.jpg);} .area-subVisual.manager_2016_01_01_01_02_0008 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2016_01_01_01_02_0008.jpg);} .area-subVisual.manager_2016_01_01_01_02_0020 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2016_01_01_01_02_0020.jpg);} .area-subVisual.manager_2016_01_01_01_02_0021 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2016_01_01_01_02_0021.jpg);} .area-subVisual.manager_2016_01_01_01_02_0024 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2016_01_01_01_02_0024.jpg);} .area-subVisual.manager_2016_01_01_01_02_0029 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2016_01_01_01_02_0029.jpg);} .area-subVisual.manager_2016_01_01_01_02_0031 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2016_01_01_01_02_0031.jpg);} .area-subVisual.manager_2016_01_01_01_02_0036 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2016_01_01_01_02_0036.jpg);} .area-subVisual.manager_2017_01_01_01_02_0047 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2017_01_01_01_02_0047.jpg);} .area-subVisual.manager_2017_01_01_01_02_0050 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2017_01_01_01_02_0050.jpg);} .area-subVisual.manager_2017_01_01_01_02_0051 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2017_01_01_01_02_0051.jpg);} .area-subVisual.manager_2017_01_01_01_02_0052 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2017_01_01_01_02_0052.jpg);} .area-subVisual.manager_2017_01_01_01_02_0053 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2017_01_01_01_02_0053.jpg);} .area-subVisual.manager_2017_01_01_01_02_0065 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2017_01_01_01_02_0065.jpg);} .area-subVisual.manager_2017_01_01_01_02_0066 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2017_01_01_01_02_0066.jpg);} .area-subVisual.manager_2017_01_01_01_02_0067 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2017_01_01_01_02_0067.jpg);} .area-subVisual.manager_2017_01_01_01_02_0068 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2017_01_01_01_02_0068.jpg);} .area-subVisual.manager_2017_01_01_01_02_0076 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2017_01_01_01_02_0076.jpg);} .area-subVisual.manager_2017_01_01_01_02_0077 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2017_01_01_01_02_0077.jpg);} .area-subVisual.manager_2017_01_01_01_02_0079 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2017_01_01_01_02_0079.jpg);} .area-subVisual.manager_2019_01_01_01_02_0001 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2019_01_01_01_02_0001.jpg);} .area-subVisual.manager_2019_01_01_01_02_0002 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2019_01_01_01_02_0002.jpg);} .area-subVisual.manager_2019_01_01_01_02_0003 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2019_01_01_01_02_0003.jpg);} .area-subVisual.manager_2019_01_01_01_02_0004 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2019_01_01_01_02_0004.jpg);} .area-subVisual.manager_2019_01_01_01_02_0005 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2019_01_01_01_02_0005.jpg);} .area-subVisual.manager_2019_01_01_01_02_0007 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2019_01_01_01_02_0007.jpg);} .area-subVisual.manager_2019_01_01_01_02_0008 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2019_01_01_01_02_0008.jpg);} .area-subVisual.manager_2019_01_01_01_02_0011 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2019_01_01_01_02_0011.jpg);} .area-subVisual.manager_2019_01_01_01_02_0012 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2019_01_01_01_02_0012.jpg);} .area-subVisual.manager_2020_01_01_01_02_0001 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2020_01_01_01_02_0001.jpg);} .area-subVisual.manager_2021_01_01_01_02_0001 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0001.jpg);} .area-subVisual.manager_2021_01_01_01_02_0002 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0002.jpg);} .area-subVisual.manager_2021_01_01_01_02_0003 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0003.jpg);} .area-subVisual.manager_2021_01_01_01_02_0004 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0004.jpg);} .area-subVisual.manager_2021_01_01_01_02_0005 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0005.jpg);} .area-subVisual.manager_2021_01_01_01_02_0006 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0006.jpg);} .area-subVisual.manager_2021_01_01_01_02_0007 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0007.jpg);} .area-subVisual.manager_2021_01_01_01_02_0008 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0008.jpg);} .area-subVisual.manager_2021_01_01_01_02_0009 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0009.jpg);} .area-subVisual.manager_2021_01_01_01_02_0010 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0010.jpg);} .area-subVisual.manager_2021_01_01_01_02_0011 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0011.jpg);} .area-subVisual.manager_2021_01_01_01_02_0012 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0012.jpg);} .area-subVisual.manager_2021_01_01_01_02_0014 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0014.jpg);} .area-subVisual.manager_2021_01_01_01_02_0016 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0016.jpg);} .area-subVisual.manager_2021_01_01_01_02_0018 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0018.jpg);} .area-subVisual.manager_2021_01_01_01_02_0019 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0019.jpg);} .area-subVisual.manager_2021_01_01_01_02_0020 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0020.jpg);} .area-subVisual.manager_2021_01_01_01_02_0022 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0022.jpg);} .area-subVisual.manager_2021_01_01_01_02_0023 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0023.jpg);} .area-subVisual.manager_2021_01_01_01_02_0024 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0024.jpg);} .area-subVisual.manager_2021_01_01_01_02_0028 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2021_01_01_01_02_0028.jpg);} .area-subVisual.manager_2022_01_01_01_02_0004 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2022_01_01_01_02_0004.jpg);} .area-subVisual.manager_2024_01_01_01_02_0001 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0001.jpg);} .area-subVisual.manager_2024_01_01_01_02_0002 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0002.jpg);} .area-subVisual.manager_2024_01_01_01_02_0003 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0003.jpg);} .area-subVisual.manager_2024_01_01_01_02_0004 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0004.jpg);} .area-subVisual.manager_2024_01_01_01_02_0005 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0005.jpg);} .area-subVisual.manager_2024_01_01_01_02_0009 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0009.jpg);} .area-subVisual.manager_2024_01_01_01_02_0010 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0010.jpg);} .area-subVisual.manager_2024_01_01_01_02_0011 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0011.jpg);} .area-subVisual.manager_2024_01_01_01_02_0012 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0012.jpg);} .area-subVisual.manager_2024_01_01_01_02_0014 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0014.jpg);} .area-subVisual.manager_2024_01_01_01_02_0015 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0015.jpg);} .area-subVisual.manager_2024_01_01_01_02_0020 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0020.jpg);} .area-subVisual.manager_2024_01_01_01_02_0021 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0021.jpg);} .area-subVisual.manager_2024_01_01_01_02_0022 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0022.jpg);} .area-subVisual.manager_2024_01_01_01_02_0023 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0023.jpg);} .area-subVisual.manager_2024_01_01_01_02_0024 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2024_01_01_01_02_0024.jpg);} .area-subVisual.manager_2025_01_01_01_02_0001 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0001.jpg);} .area-subVisual.manager_2025_01_01_01_02_0002 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0002.jpg);} .area-subVisual.manager_2025_01_01_01_02_0011 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0011.jpg);} .area-subVisual.manager_2025_01_01_01_02_0012 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0012.jpg);} .area-subVisual.manager_2025_01_01_01_02_0013 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0013.jpg);} .area-subVisual.manager_2025_01_01_01_02_0014 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0014.jpg);} .area-subVisual.manager_2025_01_01_01_02_0015 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0015.jpg);} .area-subVisual.manager_2025_01_01_01_02_0016 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0016.jpg);} .area-subVisual.manager_2025_01_01_01_02_0017 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0017.jpg);} .area-subVisual.manager_2025_01_01_01_02_0018 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0018.jpg);} .area-subVisual.manager_2025_01_01_01_02_0019 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0019.jpg);} .area-subVisual.manager_2025_01_01_01_02_0020 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0020.jpg);} .area-subVisual.manager_2025_01_01_01_02_0021 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0021.jpg);} .area-subVisual.manager_2025_01_01_01_02_0022 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0022.jpg);} .area-subVisual.manager_2025_01_01_01_02_0023 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0023.jpg);} .area-subVisual.manager_2025_01_01_01_02_0024 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0024.jpg);} .area-subVisual.manager_2025_01_01_01_02_0025 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0025.jpg);} .area-subVisual.manager_2025_01_01_01_02_0026 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0026.jpg);} .area-subVisual.manager_2025_01_01_01_02_0027 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0027.jpg);} .area-subVisual.manager_2025_01_01_01_02_0028 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0028.jpg);} .area-subVisual.manager_2025_01_01_01_02_0029 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0029.jpg);} .area-subVisual.manager_2025_01_01_01_02_0030 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0030.jpg);} .area-subVisual.manager_2025_01_01_01_02_0032 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0032.jpg);} .area-subVisual.manager_2025_01_01_01_02_0033 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0033.jpg);} .area-subVisual.manager_2025_01_01_01_02_0035 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0035.jpg);} .area-subVisual.manager_2025_01_01_01_02_0038 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0038.jpg);} .area-subVisual.manager_2025_01_01_01_02_0039 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0039.jpg);} .area-subVisual.manager_2025_01_01_01_02_0041 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0041.jpg);} .area-subVisual.manager_2025_01_01_01_02_0042 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0042.jpg);} .area-subVisual.manager_2025_01_01_01_02_0043 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0043.jpg);} .area-subVisual.manager_2025_01_01_01_02_0044 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0044.jpg);} .area-subVisual.manager_2025_01_01_01_02_0045 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0045.jpg);} .area-subVisual.manager_2025_01_01_01_02_0046 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0046.jpg);} .area-subVisual.manager_2025_01_01_01_02_0047 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0047.jpg);} .area-subVisual.manager_2025_01_01_01_02_0048 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0048.jpg);} .area-subVisual.manager_2025_01_01_01_02_0049 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0049.jpg);} .area-subVisual.manager_2025_01_01_01_02_0050 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_02_0050.jpg);} .area-subVisual.manager_2025_01_01_01_04_0001 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0001.jpg);} .area-subVisual.manager_2025_01_01_01_04_0002 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0002.jpg);} .area-subVisual.manager_2025_01_01_01_04_0003 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0003.jpg);} .area-subVisual.manager_2025_01_01_01_04_0004 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0004.jpg);} .area-subVisual.manager_2025_01_01_01_04_0005 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0005.jpg);} .area-subVisual.manager_2025_01_01_01_04_0006 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0006.jpg);} .area-subVisual.manager_2025_01_01_01_04_0007 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0007.jpg);} .area-subVisual.manager_2025_01_01_01_04_0008 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0008.jpg);} .area-subVisual.manager_2025_01_01_01_04_0009 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0009.jpg);} .area-subVisual.manager_2025_01_01_01_04_0010 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0010.jpg);} .area-subVisual.manager_2025_01_01_01_04_0011 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0011.jpg);} .area-subVisual.manager_2025_01_01_01_04_0012 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0012.jpg);} .area-subVisual.manager_2025_01_01_01_04_0013 .sub-visual__bg{background-image:url(../images_new5/content/lecture/manager_2025_01_01_01_04_0013.jpg);} .area-subVisual .sub-visual__bg{position:absolute;opacity:1 !important;top:0;left:0;z-index:-1;width:100%;height:100%;box-sizing:border-box;background-size: cover;background-position: 50% 50%;} #content{min-height:600px; padding:0 0 100px; box-sizing:border-box;} .sub-tit{text-align:center;} .sub-tit > h3, .sub-tit > h4{font-size:50px; font-weight:bold; color:#333; line-height:1em; word-break:keep-all; font-family:var(--font-kr); } .intro-page .area_lnb{width:100%; height:70px; border-bottom:1px solid #eee; box-sizing:border-box; z-index:2;} .intro-page .lnb{width:100%; height:100%;} .intro-page .lnb ul{width:100%; height:100%; display:flex; justify-content: center; align-items: center; gap:20px;} .intro-page .lnb ul > li{width:120px; height:100%;} .intro-page .lnb ul > li a{position:relative; display: flex; justify-content: center; align-items: center; width:100%; height:100%;} .intro-page .lnb ul > li a:before{content:''; position:absolute; left:0; bottom:-1px; width:100%; height:0; background:#0754a5;} .intro-page .lnb ul > li a span{font-size:18px; font-weight:400; color:#555;} .intro-page .lnb ul > li.active a span{color:#0754a5; font-weight:700;} .intro-page .lnb ul > li.active a:before{height:2px;} .sub-page{margin-top:70px;} @media all and (max-width:1600px){ .area-subVisual{margin:0 40px;} .sub-visual__text{width:90%;} .area-subVisual h2{font-size:60px;} } @media all and (max-width:1400px){ .area-subVisual{margin:0 20px;} } @media all and (max-width:1300px){ .area-subVisual{margin:0 10px;} } @media all and (max-width:1024px){ #content{padding:0 0 80px;} .area-subVisual{margin:0; border-radius:0; height:550px;} .area-subVisual h2{font-size:55px;} } @media all and (max-width:768px){ #content{padding:0 0 60px;} .area-subVisual{height:400px;} .area-subVisual h2{font-size:40px;} } @media all and (max-width:620px){ .area-subVisual{height:320px;} .area-subVisual h2{font-size:35px;} } @media all and (max-width:480px){ .area-subVisual h2{font-size:30px;} } /* 교육원소개 */ .sub-tit{display:block; text-align:center; margin-bottom:40px;} .sub-tit > em{display:inline-block; margin-bottom:20px; font-size:20px; font-weight:600; color:#cfcecc; line-height:1em;} .sub-tit > h2{display:block; font-size:50px; font-weight:bold; color:#333; line-height:1em; word-break:keep-all;} .box-img{border-radius:20px; overflow:hidden;} .box-img img{width:100%;} .vision-list{margin:60px 0; display:flex; gap:20px; padding:20px; border-radius:500px; background:#f4f6f9; border:1px solid #e5ebf1; box-sizing:border-box;} .vision-list > li{display:flex; flex-direction: column; align-items: center; justify-content: center; width:-webkit-calc((100% / 4) - 17px); width:calc((100% / 4) - 17px); padding:20px; height:270px; background:#fff; text-align:center; border:1px dashed #68a6e6; border-radius:500px; box-sizing:border-box;} .vision-list > li em{display:inline-block; padding:5px 10px; margin-bottom:15px; font-size:15px; font-weight:600; color:#2c74e4; line-height:1.2em; border-radius:50px; background:#f5f5f5;} .vision-list > li h3{font-size:31px; color:#333; line-height:1.2em; word-break:keep-all; font-weight:700;} .vision-list > li:nth-child(2) h3{font-size:38px;} .vision-list > li:nth-child(2n){background: rgb(0,99,200); background: linear-gradient(125deg, rgba(0,99,200,1) 0%, rgba(61,157,255,1) 100%); border-color:transparent;} .vision-list > li:nth-child(2n) em{background:rgba(255,255,255,0.2); color:#fff;} .vision-list > li:nth-child(2n) h3{color:#fff;} .intro-txt{display:block; text-align:center;} .intro-txt > h3{display:block; font-size:38px; font-weight:800; color:#333; line-height:1.4em; word-break:keep-all;} .intro-txt > h3 > i{color:#2c74e4;} .intro-txt > p{display:block; margin-top:20px; font-size:18px; font-weight:400; color:#666; line-height:1.8em; word-break:keep-all;} .global-box{margin-top:100px; display:flex; align-items: center; gap:80px;} .global-box .img{width:540px; border-radius:30px; overflow:hidden;} .global-box .img img{width:100%;} .global-box .txt{width:calc(100% - 620px); width:-wekbit-calc(100% - 620px);} .global-box .txt em{display:inline-block; margin-bottom:15px; font-size:18px; font-weight:600; color:#0e6dd1; line-height:1em; word-break:keep-al;} .global-box .txt > h3{display:block; font-size:40px; font-weight:800; color:#333; line-height:1em; word-break:keep-all;} .global-box .txt .txt-bg{margin-top:30px; display:inline-block; padding:20px; background:#f4f6f9; border-radius:10px; border:1px solid #e5ebf1; box-sizing:border-box;} .global-box .txt .txt-bg p{margin:0; font-weight:600; color:#21354d;} .global-box .txt p.first{margin-top:30px;} .global-box .txt p{margin-top:16px; display:block; font-size:18px; font-weight:400; color:#666; line-height:1.6em; word-break:keep-all;} .global-box .txt h5{display:block; margin-top:30px; font-size:20px; font-weight:bold; color:#333; line-height:1em;} /* 오시는 길 */ .box-map{width:100%;} .map-img{width:100%; border-radius:20px; overflow:hidden; border:1px solid #eee;} .map-img .root_daum_roughmap .wrap_map{height:400px !Important;} .map-img .root_daum_roughmap .wrap_controllers{display:none;} .map-img .root_daum_roughmap_landing .border1, .map-img .root_daum_roughmap_landing .border2, .map-img .root_daum_roughmap_landing .border3, .map-img .root_daum_roughmap_landing .border4{display:none;} .map-txt{position:relative; margin:40px 0px 0;} .map-txt > h3{display:block; font-size:32px; font-weight:bold; color:#333; line-height:1em; word-break:keep-all;} .map-txt .list-info{margin-top:20px;} .map-txt .list-info > li > em, .map-txt .list-info > li > span{font-size:18px; font-weight:400; color:#666; line-height:1em;} .map-txt .list-info > li > em{font-weight:600; color:#444;} .map-txt > a{position:absolute; top:0; right:0; display:flex; align-items: center; justify-content: center; width:180px; height:60px; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; transition:all 0.3s ease;} .map-txt > a > span{font-size:17px; font-weight:600; color:#333;} .map-txt > a:hover{border-color:#1670d5; background-color:#1670d5;} .map-txt > a:hover > span{color:#fff;} /* license-list */ .sub-top{position:relative; margin-top:40px;} .area_navigation{margin-bottom:20px;} .area_navigation > ul{display:flex; align-items: center; } .area_navigation > ul > li{position:relative; padding:0 12px; font-size:15px; font-weight:400; color:#333; line-height:1em; opacity:0.7;} .area_navigation > ul > li .icon{display:flex; justify-content: center; align-items: center; box-sizing:border-box; } .area_navigation > ul > li img{height:15px;} .area_navigation > ul > li:nth-child(1){padding:0 12px 0 0;} .area_navigation > ul > li:before{content:''; position:absolute; top:50%; right:-3px; width:5px; height:9px; background:url(../images_new5/common/ic-cate-arr.svg) no-repeat center; transform:translateY(-50%);} .area_navigation > ul > li:last-child{padding-right:0;} .area_navigation > ul > li:last-child:before{display:none;} .sub-visual{position:relative; display:flex; align-items: center; padding:10px 65px; width:100%; height:140px; background:#1974d9; border-radius:10px; box-sizing:border-box;} .sub-visual .txt{} .sub-visual .txt > h3{display:block; font-size:33px; font-weight:bold; color:#fff; line-height:1.2em; word-break:keep-all;} .sub-visual .txt > p{display:inline-block; margin-top:5px; font-size:16px; font-weight:300; color:#fff; line-height:1.2em; word-break:keep-all; opacity:0.8;} .sub-visual .img{position:absolute; top:50%; right:110px; height:120px; transform:translateY(-50%);} .sub-visual .img img{height:100%;} .applicaition-page .sub-visual{background:#30abf3;} .applicaition-page .sub-visual .img{height:100px;} .service-page .sub-visual{background:#6d66f6;} .service-page .sub-visual .img{height:95px;} .sub-bottom{margin-top:50px; display:flex; gap:50px;} .area-side{width:220px;} .sub-bottom .area_lnb{width:220px;} .sub-bottom .area_lnb ul{} .sub-bottom .area_lnb ul > li{width:100%; height:auto; margin-bottom:10px;} .sub-bottom .area_lnb ul > li:last-child{margin-bottom:0;} .sub-bottom .area_lnb ul > li > a{position:relative; display:flex; align-items: center; width:100%; height:50px; padding:10px 12px; border:1px solid #eee; box-sizing:border-box; border-radius:5px; transition:all 0.3s ease;} .sub-bottom .area_lnb ul > li > a:after{content:''; position:absolute; top:10px; right:10px; width:25px; height:25px; border-radius:50px; background:#e0e8f1 url(../images_new5/content/ic-lnb-arr.svg)no-repeat center; background-size:12px 8px; opacity:0; transition:all 0.3s ease;} .sub-bottom .area_lnb ul > li > a > span{display:inline-block; font-size:16px; font-weight:500; color:#555; line-height:1em; word-break:keep-all; transition:all 0.3s ease;} .sub-bottom .area_lnb ul > li > a.on{border-color:#00376e; box-shadow: 0px 2px 9px 1px rgba(0, 55, 110, 0.1);} .sub-bottom .area_lnb ul > li > a.on > span{color:#00376e; font-weight:600;} .sub-bottom .area_lnb ul > li > a.on:after{opacity:1;} .sub-bottom .area_lnb ul > li > .sub-menu{background:#f9f9f9; border-radius:5px; margin: 5px 0 20px; border:1px solid #e9e9e9; box-sizing:border-box;} .sub-bottom .area_lnb ul > li > .sub-menu ul > li{border:none; margin:0;} .sub-bottom .area_lnb ul > li > .sub-menu ul > li > a{display:block; width:100%; height:100%; padding:12px 10px; border:none; border-bottom:1px dotted #e9e9e9; border-radius:0; box-sizing:border-box; font-size:15px; font-weight:400; color:#555;} .sub-bottom .area_lnb ul > li > .sub-menu ul > li:last-child > a{border-bottom:none;} .sub-bottom .area-content{width:calc(100% - 270px); width:-webkit-calc(100% - 270px);} .sub-bottom .area-content h2{display:block; margin-bottom:15px; font-size:22px; font-weight:bold; color:#222; line-height:1.2em; word-break:keep-all;} .area-side .kakao{margin-top:30px; width:100%; border-radius:6px; overflow:hidden;} .area-side .kakao > a{display:block; width:100%; height:100%;} .area-side .kakao img{width:100%;} .area-side .bank-account{margin-top:15px; display:block; padding:25px 10px; width:100%; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:6px; text-align:center;} .area-side .bank-account > h3{display:block; font-size:20px; font-weight:bold; color:#252525; line-height:1em; word-break:keep-all;} .area-side .bank-account .bank-logo{margin:10px 0; height:25px;} .area-side .bank-account .bank-logo img{height:100%;} .area-side .bank-account > h4{display:block; font-size:24px; font-weight:bold; color:#04315e; line-height:1em; word-break:keep-all; letter-spacing:-0.5px;} .area-side .bank-account > em{display:inline-block; margin-top:10px; font-size:14px; font-weight:500; color:#777; line-height:1em; word-break:keep-all;} .area-side .remote{position:relative; margin-top:15px; width:100%; height:60px;} .area-side .remote > a{display:flex; justify-content: center; align-items: center;width:100%; height:100%; padding:10px; box-sizing:border-box; border-radius:6px; background:#1670d5; transition:all 0.3s ease;} .area-side .remote > a > h3{position:relative; padding-left:35px; font-size:17px; font-weight:bold; color:#fff; line-height:1em; word-break:keep-all;} .area-side .remote > a > h3:before{content:''; position:absolute; top:-5px; left:0; width:27px; height:27px; background:url(../images_new5/content/ic-remote-wt.svg)no-repeat center; background-size:contain;} .area-side .remote > a:hover{background:#00376e;} .lecture-list{display:block; width:100%;} .lecture-list > li{position:relative; display:block; margin-bottom:20px; width:100%; border:1px solid #eee; background:#fff; box-sizing:border-box; border-radius:10px;} .lecture-list > li.nodata{display: flex; justify-content: center; align-items: center; padding:20px; min-height:180px; text-align:center;} .lecture-list > li:last-child{margin:0;} .lecture-list > li input[type='checkbox']{display: none;} .lecture-list > li > a{display:flex; gap:20px; padding:20px; box-sizing:border-box;} .lecture-list > li > a .img{width:280px; height:208px; background:#eee; box-sizing:border-box; border-radius:8px; overflow:hidden;} .lecture-list > li > a .img img{width:100%; height:100%; object-fit:cover;} .lecture-list > li > a .txt{width:calc(100% - 300px);} .lecture-list > li > a .txt .top > h3{display:block; font-size:22px; font-weight:bold; color:#222; line-height:1.2em; word-break:keep-all;} .info-list{margin:10px 0 15px;} .info-list li{display:flex; align-items: center; gap:10px; margin-bottom:8px;} .info-list li:last-child{margin:0;} .info-list li > em{display:inline-block; width:60px; padding:3px; font-size:14px; font-weight:500; color:#465059; line-height:1em; word-break:keep-all; background:#e8eff6; border-radius:5px; box-sizing:border-box; text-align:center;} .info-list li > span{display:inline-block; width:calc(100% - 70px); font-size:14px; font-weight:400; color:#666; line-height:1em; word-break:keep-all; box-sizing:border-box;} .lecture-list .btn-list{position:absolute; right:20px; bottom:20px;} .lecture-list > li > a .txt .bottom{border-top:1px solid #eee; box-sizing:border-box;} .lecture-list > li > a .txt .bottom .price{display:flex; align-items: baseline; gap:10px; padding:15px 0 0; box-sizing:border-box;} .lecture-list > li > a .txt .bottom .price > span{position:relative; font-size:16px; font-weight:400; color:#999; line-height:1em;} .lecture-list > li > a .txt .bottom .price > span:before{content:''; position:absolute; top:50%; left:0; width:100%; height:1.5px; background:#999;} .lecture-list > li > a .txt .bottom .price > .discount-price{font-size:25px; font-weight:bold; color:#0754a5; line-height:1em;} .lecture-list > li > a .txt .bottom .price > .discount-price i{color:#222;} .btn-list{display:flex; gap:10px;} .btn-list > li{width:130px; height:38px; } .btn-list > li > a{width:100%; height:100%; display:flex; align-items:center; justify-content: center; padding:5px 10px; border-radius:5px; box-sizing:border-box; font-size:15px; font-weight:600;} .btn-list > li.btn-line > a{border:1px solid #e9e9e9; font-weight:bold; color:#00376e; transition:all 0.3s ease;} .btn-list > li.btn-line > a:hover{background:#00376e; border-color:#00376e; color:#fff;} .btn-list > li.btn-default > a{background:#00376e; font-weight:bold; color:#fff; transition:all 0.3s ease;} .btn-list > li.btn-default > a:hover{background-image: -moz-linear-gradient(0deg, rgb(0, 99, 200) 0%, rgb(61, 157, 255) 100%); background-image: -webkit-linear-gradient(0deg, rgb(0, 99, 200) 0%, rgb(61, 157, 255) 100%); background-image: -ms-linear-gradient(0deg, rgb(0, 99, 200) 0%, rgb(61, 157, 255) 100%);} .btn-submit{margin-top:30px; display:flex; align-items:center; justify-content: center; padding:5px 10px; width:100%; height:55px; background:#1670d5; border-radius:6px; box-sizing:border-box; transition:all 0.3s ease; font-size:18px; font-weight:bold ;color:#fff; line-height:1em; word-break:keep-all; border:none;} .btn-submit > span{font-size:18px; font-weight:bold ;color:#fff; line-height:1em; word-break:keep-all;} .btn-submit:hover{background:#00376e;} /* license-view */ .license-tit{display:flex; justify-content: space-between; align-items: center; position:absolute; top:-50px; padding:20px; width:100%; height:100px; background:#fff; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:10px; box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.05); z-index:2;} .license-tit .title{display:flex; align-items: center; gap:10px; padding-left:5px;} .license-tit .title em{display:inline-block; padding:5px 8px; font-size:16px; font-weight:bold; color:#00376e; line-height:1em; background:#ebf4fc; border-radius:5px; box-sizing:border-box;} .license-tit .title h3{display:block; font-size:30px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;} .license-tit .tit-info{display:flex; align-items: center; gap:20px;} .license-tit .tit-info .price-grp{display:flex; align-items: baseline; gap:10px;} .license-tit .tit-info .price-grp span{font-size:17px; font-weight:bold; color:#0754a5; line-height:1em;} .license-tit .tit-info .price-grp span.off-price{position:relative; font-size:20px; font-weight:400; color:#999; line-height:1em;} .license-tit .tit-info .price-grp span.off-price:before{content:''; position:absolute; top:50%; left:0; width:100%; height:1.5px; background:#999;} .license-tit .tit-info .price-grp .discount-price{font-size:34px; font-weight:bold; color:#0754a5; line-height:1em;} .license-tit .tit-info .price-grp .discount-price i{color:#222;} .license-tit .tit-info .box-btn{width:200px; height:60px; border-radius:5px; overflow:hidden;} .license-tit .tit-info .box-btn > a{display:flex; align-items: center; justify-content: center; width:100%; height:100%; box-sizing:border-box; background:#ff4800; background-image: -moz-linear-gradient( 0deg, rgb(242,170,45) 0%, rgb(255,72,0) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(242,170,45) 0%, rgb(255,72,0) 100%); background-image: -ms-linear-gradient( 0deg, rgb(242,170,45) 0%, rgb(255,72,0) 100%); font-size:20px; font-weight:bold; color:#fff; transition:all 0.3s ease;} .license-tit .tit-info .box-btn > a:hover{background:#ff4800;} .cont-wrap{position:relative; padding-top:100px; display:flex; gap:50px; } .license-cont{width:calc(100% - 350px); } .license-cont .box{margin-bottom:0;} .license-cont .box > h3{display:block ;margin-bottom:20px; font-size:23px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;} .box-info{display:flex; gap:20px; padding-bottom:40px;} .box-info .box{padding:0 25px; box-sizing:border-box;} .box-info .license-info{width:400px; padding-right:0;} .license-info__list{} .license-info__list > li{display:flex; align-items: center; gap:20px; margin-bottom:10px; padding:5px 20px; width:100%; height:50px; background:#fff; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:5px;} .license-info__list > li:last-child{margin:0;} .license-info__list > li > em{display:inline-block; width:90px; font-size:17px; font-weight:bold; color:#333; line-height:1em; word-break:keep-all;} .license-info__list > li > span{display:inline-block; width:calc(100% - 110px); font-size:17px; font-weight:400; color:#666; line-height:1em; word-break:keep-all;} .license-num{position:relative; display:flex; flex-direction: column; justify-content: center; padding:30px 25px; width:-webkit-calc(100% - 420px); width:calc(100% - 420px); text-align:center; background:#0063c8; border-radius:10px; box-sizing:border-box;} .license-cont .license-num > h3{margin-bottom:15px; font-size:23px; color:#fff;} .license-cont .license-num .num{display:inline-block; padding:10px; width:95%; background:rgba(255,255,255,0.1); border-radius:50px; box-sizing:Border-box; font-size:29px; font-weight:bold; color:#fff; line-height:1em;} .num-info__list{display: flex; flex-direction: column; align-items: center; margin:20px 0;} .num-info__list > li{display:flex; align-items: center; gap:20px; margin-bottom:10px;} .num-info__list > li:last-child{margin:0;} .num-info__list > li > em{position:relative; font-size:17px; font-weight:bold; color:#fff; line-height:1em; word-break:keep-all;} .num-info__list > li > em:before{content:''; position:absolute; top:2px; right:-10px; width:1px; height:12px; background:rgba(255,255,255,0.4);} .num-info__list > li > span{font-size:17px; font-weight:400; color:#fff; line-height:1em; word-break:keep-all;} .license-num p{display:block; font-size:16px; font-weight:300; color:#fff; line-height:1.6em; word-break:keep-all; opacity:0.8;} .license-num > a{display:flex; align-items: center; justify-content: center; margin-top:20px; width:100%; height:55px; background:#fff; border-radius:5px; font-size:18px; font-weight:bold; color:#0063c8; transition:all 0.3s ease;} .license-num > a:hover{background:#042d56; color:#fff;} /* 자격관리기관 정보 */ .box-certi{padding:0px 25px 50px;} .box-certi .certi-info__list{border:1px solid #e9e9e9; box-sizing:border-box; border-radius:5px; overflow:hidden;} .box-certi .certi-info__list > li{display:flex; align-items: center; gap:0px; width:100%; height:50px; box-sizing:border-box; border-bottom:1px solid #e9e9e9;} .box-certi .certi-info__list > li:last-child{border:none;} .box-certi .certi-info__list > li:nth-child(2n){} .box-certi .certi-info__list > li > em{position:relative; display: flex; justify-content: center; align-items: center; background:#f9f9f9; border-right:1px solid #e9e9e9; padding:5px 20px; box-sizing:border-box; width:190px; height:100%; font-size:17px; font-weight:bold; color:#333; line-height:1em; word-break:keep-all;} .box-certi .certi-info__list > li > span{display: flex; align-items: center; padding:5px 20px; box-sizing:border-box; width:calc(100% - 190px); height:100%; font-size:17px; font-weight:400; color:#666; line-height:1em; word-break:keep-all;} /* 강의계획서 */ .box-curriculum{position:relative; padding:40px 25px; background:#f7f9fa;} .box-curriculum .box-top{display:flex; justify-content: space-between; align-items: center; margin-bottom:20px; } .box-curriculum .box-top > h3{display:block; font-size:23px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;} .box-curriculum .box-top .btn-sample{display:block; padding:6px 10px; background-image: -moz-linear-gradient( 0deg, rgb(0,99,200) 0%, rgb(61,157,255) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(0,99,200) 0%, rgb(61,157,255) 100%); background-image: -ms-linear-gradient( 0deg, rgb(0,99,200) 0%, rgb(61,157,255) 100%); border-radius:50px; box-sizing:border-box;} .box-curriculum .box-top .btn-sample span{position:relative; padding-left:18px; font-size:14px; font-weight:500; color:#fff; line-height:1em;} .box-curriculum .box-top .btn-sample span:before{content:''; position:absolute; top:2px; left:0; width:14px; height:14px; background:url(../../images_new5/content/ic-play.svg)no-repeat center; background-size:contain;} .curriculum-list{display:grid; grid-template-columns: repeat(2, 1fr); background:#fff; border:1px solid #e9e9e9; border-radius:5px; box-sizing:border-box; overflow:hidden;} .curriculum-list ul li{display:flex; height:50px;} .curriculum-list ul li em{display:flex; justify-content: center; align-items: center; width:70px; height:100%; padding:5px; background:#00376e; border-bottom:1px solid rgba(255,255,255,0.1); font-size:17px; font-weight:bold; color:#fff; box-sizing:border-box;} .curriculum-list ul li p{width:calc(100% - 70px); width:-webkit-calc(100% - 70px); padding:5px 10px; display:flex; align-items: center; border-bottom:1px solid #eee; box-sizing:border-box; font-size:16px; font-weight:400; color:#666; line-height:1.2em; word-break:keep-all;} .curriculum-list ul li:last-child em, .curriculum-list ul li:last-child p{border-bottom:none;} /* 강의 소개 */ .box-intro{position:relative; display:flex; align-items: center; gap:40px; padding:50px 25px; box-sizing:border-box;} .box-intro .img{width:317px; border-radius:15px; overflow:hidden;} .box-intro .img img{width:100%;} .box-intro .txt{width:calc(100% - 357px); width:-webkit-calc(100% - 357px);} .license-cont h4.tit02{display:block; margin-bottom:15px; font-size:30px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;} .license-cont h4.tit02 > i{color:#1761b4;} .box-intro .txt > p{font-size:16px; font-weight:400; color:#666; line-height:1.7em; word-break:keep-all;} .box-intro.v2{flex-direction: column-reverse;} .box-intro.v2 .img{width:100%; border-radius:10px;} .box-intro.v2 .txt{width:100%;} /* 진로 및 전망 */ .box-future{position:relative; padding:50px 25px; box-sizing:border-box; text-align:center; background:#133153;} .license-cont .box-future h4.tit02{color:#fff;} .box-future:before{content:''; position:absolute; top:0; left:50%; width:43px; height:15px; background:url(../images_new5/content/ic-bg.png)no-repeat center; background-size:contain; transform:translate(-50% , 0);} .box-future .list-txt > li{position:relative; display:flex; gap:5px; justify-content: center; flex-wrap: wrap; margin-bottom:5px; } .box-future .list-txt > li:last-child{margin:0;} .box-future .list-txt > li > span{position:relative; font-size:16px; font-weight:300; color:#fff; line-height:1.5em; word-break:keep-all; opacity:0.95;} .box-future .list-txt > li > i{position:relative; top:3px; display:inline-block; font-size:16px; font-weight:300; color:#fff;} .box-future .list-txt.left > li{text-align:left; justify-content: flex-start;} .box-future .list-txt.left > li > i{width:10px; } .box-future .list-txt.left > li > span{width:calc(100% - 15px); } .box-future .list-txt > li .list-txt02{margin:5px 16px 10px; width:100%; background:rgba(255,255,255,0.1); padding:10px 15px; border-radius:8px; box-sizing:border-box;} .box-future .list-txt > li .list-txt02 > li{position:relative; margin-bottom:2px;} .box-future .list-txt > li .list-txt02 > li:last-child{margin-bottom:0;} .box-future .list-txt > li .list-txt02 > li:before{content:''; position:absolute; top:11px; left:0; width:2px; height:2px; background:#fff; border-radius:10px; opacity:0.8;} .box-future .list-txt > li .list-txt02 > li > span{position:relative; padding-left:7px; font-size:15px; font-weight:200; color:#fff; line-height:1.5em; word-break:keep-all; opacity:0.95;} /* 활동유형 */ .box-type{position:relative; padding:50px 35px; box-sizing:border-box; background:#eaf2fa; text-align:center;} .box-type:before{content:''; position:absolute; top:0; left:50%; width:43px; height:15px; background:url(../images_new5/content/ic-bg.png)no-repeat center; background-size:contain; transform:translate(-50% , 0);} .box-type:after{content:''; position:absolute; left:50%; bottom:-15px; width:43px; height:15px; background:url(../images_new5/content/ic-bg-blue.png)no-repeat center; background-size:contain; transform:translate(-50% , 0);} .typeSwiper{padding:25px 0 0;} .typeSwiper .swiper-wrapper{align-items: center;} .typeSwiper .swiper-slide{position:relative; display:flex; flex-direction: column; justify-content: center; align-items: center; /*height:64px;*/ padding:17px 10px; background:#fff; border:1px solid #d3dee8; border-radius:8px; box-sizing:border-box;} .typeSwiper .swiper-slide{min-height:90px;} .typeSwiper .swiper-slide .title{position:absolute; top:-12.5px; left:0; right:0; } .typeSwiper .swiper-slide .title > h3{display:inline-block; height:25px; padding:5px 13px; background:#aaa; box-sizing:border-box; font-size:14px; font-weight:500; border-radius:50px; color:#fff;} .typeSwiper .swiper-slide > p{display:block; margin-top:7px; box-sizing:border-box; font-size:18px; color:#222; font-weight:600; word-break:keep-all; line-height:1.3em;} .typeSwiper .swiper-slide > p > i{display:block; font-size:15px; font-weight:500; color:#666;} .typeSwiper .swiper-slide-active{padding:22px 10px; border:2px solid #1761b4; box-shadow: 0px 5px 9px 1px rgba(23, 97, 180, 0.19);} .typeSwiper .swiper-slide-active .title{top:-15px;} .typeSwiper .swiper-slide-active .title > h3{padding:6px 15px; height:30px; font-size:15px; background-image: -moz-linear-gradient( 45deg, rgb(23,97,180) 0%, rgb(74,148,230) 100%); background-image: -webkit-linear-gradient( 45deg, rgb(23,97,180) 0%, rgb(74,148,230) 100%); background-image: -ms-linear-gradient( 45deg, rgb(23,97,180) 0%, rgb(74,148,230) 100%);} .typeSwiper .swiper-slide-active > p{font-size:19px; color:#1761b4; font-weight:bold;} .box-type .swiper-button-prev{top:50%; left:13px; margin-top:8px; width:8px; height:14px; background:url(../images_new5/content/ic-sldie-arr.svg)no-repeat center; background-size:contain; transform:rotate(-180deg); opacity:0.3;} .box-type .swiper-button-next{top:50%; right:13px; margin-top:8px; width:8px; height:14px; background:url(../images_new5/content/ic-sldie-arr.svg)no-repeat center; background-size:contain; opacity:0.3;} .box-type .swiper-button-prev:after, .box-type .swiper-button-next:after{display:none;} .box-type .swiper-button-prev:hover, .box-type .swiper-button-next:hover{opacity:1;} .typeSwiper .swiper-pagination{position:relative; margin-top:20px; bottom:0;} .typeSwiper .swiper-pagination-bullet{width:8px; height:8px; background:#acc0d3; opacity:1;} .typeSwiper .swiper-pagination-bullet-active{background:#1761b4;} .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 2.5px;} /* 목표*/ .box-goal{position:relative; padding:25px 20px; background:#fff; border-radius:8px; border:1px solid #ebeff4; box-sizing:border-box; text-align:center;} .box-goal > p{display:block; font-size:16px; font-weight:400; color:#666; line-height:1.5em; word-break:keep-all; transition:all 0.3s ease;} .box-goal .list-txt > li{position:relative; display:flex; gap:5px; justify-content: center; flex-wrap: wrap; margin-bottom:5px; } .box-goal .list-txt > li:last-child{margin:0;} .box-goal .list-txt > li > span{position:relative; font-size:16px; font-weight:400; color:#333; line-height:1.5em; word-break:keep-all;} .box-goal .list-txt > li > i{position:relative; top:1px; display:inline-block; font-size:16px; font-weight:400; color:#666;} /* 추천 */ .box-recommend{position:relative; padding:50px 0; box-sizing:border-box; text-align:center;} .license-cont .box-recommend h4.tit02 {margin-bottom:30px;} .list-recommend{display:block; width:650px; margin:0 auto;} .list-recommend > li{display:flex; gap:20px; padding:15px 30px; margin-bottom:10px; background:#f2f5f8; border-radius:8px; border:2px solid transparent; box-sizing:border-box;} .list-recommend > li:last-child{margin:0;} .list-recommend > li > em{display:inline-block; font-size:18px; font-weight:bold; color:#00376e; line-height:1em;} .list-recommend > li > span{display:inline-block; font-size:18px; font-weight:500; color:#364860; line-height:1em; word-break:keep-all; text-align:left; transition:all 0.3s ease;} .list-recommend > li.on{background:#fff; border:2px solid #00376e;} .list-recommend > li.on > span{color:#00376e; font-weight:bold;} .list-recommend02{width:90%; margin:0 auto;} .list-recommend02 > li{padding:25px 20px; margin-bottom:10px; background:#f2f5f8; border-radius:8px; border:1px solid #e5e9ed; box-sizing:border-box; text-align:center;} .list-recommend02 > li > span{display:inline-block; font-size:17px; font-weight:500; color:#364860; line-height:1.5em; word-break:keep-all; transition:all 0.3s ease;} /* 교수소개 */ .box-teacher{position:relative; padding:40px 25px; box-sizing:border-box; background:#f9f9f9;} .box-teacher .top{display:flex; justify-content: space-between; align-items: center; padding:25px 30px; background:#fff; border:1px solid #e4e4e4; box-sizing:border-box;} .box-teacher .top .title > em{display:inline-block; font-size:14px; font-weight:500; color:#1761b4; line-height:1em; margin-bottom:10px;} .box-teacher .top .title > h3{font-size:27px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;} .box-teacher .top .img{width:70px; height:70px; border-radius:500px; background:#f4f4f4; overflow:hidden;} .box-teacher .top .img img{width:100%;} .box-teacher .cont{display:flex; gap:30px; padding:30px; width:100%; border:1px solid #e4e4e4; border-top:none; box-sizing:border-box; background:#fff;} .box-teacher .cont ul{width:calc((100% / 2) - 15px); width:-webkit-calc((100% / 2) - 15px);} .box-teacher .cont ul.full{width:100%;} .box-teacher .cont ul > li{position:relative; padding-left:8px; margin-bottom:10px;} .box-teacher .cont ul > li:before{content:''; position:absolute; top:8px; left:0; width:3px; height:3px; background:#aaa; border-radius:50px;} .box-teacher .cont ul > li:last-child{margin:0;} .box-teacher .cont ul > li > span{width:100%; font-size:15px; font-weight:400; color:#777; line-height:1.2em; word-break:keep-all;} /* 자격증샘플 */ .box-license{position:relative; padding:40px 45px; background:#2b3649; box-sizing:border-box;} .box-license > h3{display:block; margin-bottom:30px; text-align:center; font-size:30px; font-weight:bold; color:#fff; line-height:1em; word-break:keep-all;} .box-license .img{position:relative; padding:40px 20px; width:100%; background:#fff; border-radius:10px; overflow:hidden; box-sizing:border-box; text-align:center;} .box-license .img img{max-width:100%;} .box-license .txt{margin-top:20px; padding:12px; width:100%; background:rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.3); border-radius:5px; box-sizing:border-box; text-align:center;} .box-license .txt span{position:relative; padding-left:24px; font-size:16px; font-weight:400; color:#fff; line-height:1.2em; word-break:keep-all;} .box-license .txt span:before{content:''; position:absolute; top:1px; left:0; width:17px; height:17px; background:url(../images_new5/content/ic-info.svg)no-repeat center; background-size:contain;} /* 자격증 발급 자격요건 */ .box-spec{position:relative; padding:60px 25px 0; box-sizing:border-box;} .box-spec > h3{display:block; margin-bottom:30px; text-align:center; font-size:30px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;} .spec-list{display:grid; grid-template-columns: repeat(4, 1fr); gap:20px; margin-top:45px;} .spec-list > li{position:relative; display:flex; flex-direction: column; align-items: center; padding:40px 10px 30px; border:1px solid #e9e9e9; border-radius:10px; box-sizing:border-box; text-align:center;} .spec-list > li > .title{position:absolute; top:-15px; left:0; right:0; width:100%;} .spec-list > li > .title > h3{display:inline-block; height:30px; padding:6px 15px; background:#0c7ae0; font-size:17px; font-weight:600; color:#fff; line-height:1em; word-break:keep-all; box-sizing:border-box; border-radius:50px;} .spec-list > li > .img{display:flex; justify-content: center; align-items: center; width:90%; margin:0 auto; height:117px;} .spec-list > li > .img img{width:auto; max-width:100%;} .spec-list > li > .txt{display:block; margin-top:20px;} .spec-list > li > .txt > em{font-size:16px; font-weight:400; color:#444; line-height:1.2em; word-break:keep-all;} .spec-list > li > .txt > h4{display:block; margin-top:2px; font-size:20px; font-weight:bold; color:#0272f0; line-height:1.2em; word-break:keep-all;} .spec-list > li > .txt > p{display:block; font-size:16px; font-weight:bold; color:#333; line-height:1.4em; word-break:keep-all;} .spec-list > li > .txt > p > i{color:#0272f0;} .spec-txt{display:block; margin-top:28px; padding:30px 25px; box-sizing:border-box; border:1px solid #ebeff4; background:#f7f9fc; border-radius:10px;} .spec-info__list{} .spec-info__list > li{position:relative; padding-left:10px; margin-bottom:10px;} .spec-info__list > li:before{content:''; position:absolute; top:8px; left:0; width:3px; height:3px; background:#00376e; opacity:0.6; border-radius:50px;} .spec-info__list > li:last-child{margin-bottom:0px;} .spec-info__list > li > span{font-size:16px; font-weight:400; color:#2d2d2d; line-height:1.2em; word-break:keep-all;} /* faq */ .box-spec .accordion{margin-top:40px;} .box-spec .accordion > li {position:relative; margin-bottom:15px; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:7px;} .box-spec .accordion > li:after{display:block;visibility:hidden;clear:both;content:""} .box-spec .accordion li .list{display:none; padding:28px 25px; border-top:1px solid #e9e9e9; box-sizing:border-box; text-align:left;} .box-spec .accordion li .list > div{float:left;} .box-spec .accordion li .list:after{display:block;visibility:hidden;clear:both;content:""} .box-spec .accordion a{position:relative; text-align:left; display:block;width:100%;padding:15px 20px; cursor:pointer; user-select:none; box-sizing:border-box; border-radius:7px 7px 0 0; overflow:hidden; transition:all 0.3s ease;} .box-spec .accordion a i{position:relative; top:-1px; display:inline-block; font-size:23px; font-weight:600; color:#0272f0;} .box-spec .accordion a h3{position:relative; display:inline-block; font-size:18px; font-weight:bold; color:#333; line-height:1em; word-break:keep-all; vertical-align:middle; } .box-spec .accordion > li > a .title{display:flex; align-items: center; gap:6px;} .box-spec .accordion > li > a .arrow{position: absolute; right: 15px; top: 25px; left: auto; bottom: auto; width:12px; height:8px; background:url(../images_new5/content/ic-accordion-arr.svg)no-repeat center; background-size:contain; opacity:0.2; transition: transform .2s;} .box-spec .accordion > li > a.active .arrow{transform: rotate(-180deg) ; opacity:1;} .box-spec .accordion > li > a.active{background:#f9f9f9; } [data-list="dot"] > li{position:relative; padding-left:10px; margin-bottom:10px;} [data-list="dot"] > li:before{content:''; position:absolute; top:8px; left:0; width:3px; height:3px; background:#1761b4; border-radius:50px;} [data-list="dot"] > li:last-child{margin:0;} [data-list="dot"] > li > span{font-size:16px; font-weight:400; color:#666; line-height:1.2em; word-break:keep-all;} [data-list="dot"] > li > span > i{color:#f51a69; font-weight:500;} [data-list="num"] > li{display:flex; gap:5px; position:relative; margin-bottom:10px;} [data-list="num"] > li > i{display:flex; justify-content: center; align-items: center; width:20px; height:20px; background:#04315e; border-radius:50px; font-size:13px; color:#fff; font-weight:500;} [data-list="num"] > li:last-child{margin:0;} [data-list="num"] > li > span{font-size:16px; font-weight:400; color:#444; line-height:1.2em; word-break:keep-all;} [data-list="num"] > li > span > i{color:#f51a69; font-weight:500;} [data-list="star"] > li{display:flex; gap:5px; position:relative; margin-bottom:5px;} [data-list="star"] > li > i{position:relative; top:1.5px; color:#f51a69;} [data-list="star"] > li:last-child{margin:0;} [data-list="star"] > li > span{font-size:15px; font-weight:400; color:#444; line-height:1.2em; word-break:keep-all;} [data-list="star"] > li > span > i{color:#f51a69; font-weight:500;} aside{width:300px;} aside .license-summary{position: sticky; top:50px; width:100%; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:10px; padding:25px 20px 20px; box-shadow: 0px 5px 9px 1px rgba(0, 0, 0, 0.04);} .license-summary .title{display:block; padding-bottom:20px; border-bottom:1px solid #e9e9e9; box-sizing:border-box; } .license-summary .title > em{display:inline-block; margin-bottom:10px; padding:5px 8px; font-size:14px; font-weight:bold; color:#00376e; line-height:1em; background:#ebf4fc; border-radius:5px; box-sizing:border-box;} .license-summary .title > h3{font-size:22px; font-weight:bold; color:#222; line-height:1.2em; word-break:keep-all;} .license-summary .info{display:block; padding:25px 0; border-bottom:1px solid #e9e9e9; box-sizing:border-box;} .list-info{display:block;} .list-info > li{display:flex; gap:10px; margin-bottom:18px;} .list-info > li:last-child{margin:0;} .list-info > li > em{position:relative; display:inline-block; font-size:15px; font-weight:600; color:#444; line-height:1em; word-break:keep-all;} .list-info > li > span{display:inline-block; font-size:15px; font-weight:400; color:#888; line-height:1em; word-break:keep-all; letter-spacing:-1px;} .license-summary .price{display:flex; justify-content: space-between; padding:25px 0; border-bottom:1px solid #e9e9e9; box-sizing:border-box;} .license-summary .price > div{display:flex; align-items: baseline; gap:10px;} .license-summary .price > div span{position:relative; font-size:16px; font-weight:400; color:#999; line-height:1em;} .license-summary .price > div span:before{content:''; position:absolute; top:50%; left:0; width:100%; height:1.5px; background:#999;} .license-summary .price > div .discount-price{font-size:24px; font-weight:bold; color:#0754a5; line-height:1em;} .license-summary .price > div .discount-price i{color:#222;} .license-summary .box-btn{padding:25px 0 0; box-sizing:border-box;} .license-summary .box-btn ul{/*display:grid; grid-template-columns: repeat(2, 1fr); gap:10px;*/} .license-summary .box-btn ul > li{width:100%; height:45px;} .license-summary .box-btn ul > li > a{width:100%; height:100%; display:flex; align-items: center; justify-content: center; border-radius:5px; box-sizing:border-box; overflow:hidden; font-size:16px;} .license-summary .box-btn ul > li.btn-default > a{background:#ff4800; background-image: -moz-linear-gradient( 0deg, rgb(242,170,45) 0%, rgb(255,72,0) 100%); background-image: -webkit-linear-gradient( 0deg, rgb(242,170,45) 0%, rgb(255,72,0) 100%); background-image: -ms-linear-gradient( 0deg, rgb(242,170,45) 0%, rgb(255,72,0) 100%); font-weight:bold; color:#fff; transition:all 0.3s ease;} .license-summary .box-btn ul > li.btn-default > a:hover{background:#ff4800;} .license-summary .box-btn ul > li.btn-line > a{border:1px solid #e9e9e9; font-weight:bold; color:#00376e; transition:all 0.3s ease;} .license-summary .box-btn ul > li.btn-line > a:hover{background:#00376e; border-color:#00376e; color:#fff;} @media all and (max-width:1300px){ .cont-wrap{gap:40px;} .license-cont{width:-webkit-calc(100% - 340px); width: calc(100% - 340px);} .box-info .license-info{width:350px;} .box-info .license-info__list > li{padding:5px 13px;} .license-num{width: -webkit-calc(100% - 365px); width: calc(100% - 365px);} .curriculum-list ul li em{width:50px; font-size:16px;} .curriculum-list ul li p{width:-webkit-calc(100% - 50px); width:calc(100% - 50px); padding:5px 10px; font-size:16px;} } @media all and (max-width:1200px){ .cont-wrap{gap:30px;} .license-cont{width:-webkit-calc(100% - 290px); width: calc(100% - 290px);} aside{width:260px;} .license-tit .title em{padding:4px 6px;} .license-tit .title h3{font-size:28px;} .license-tit .tit-info .box-btn{width:180px;} .box-info{gap:0;} .box-info .license-info{width:48%; margin-right:2%;} .box-info .license-info__list > li{gap:10px;} .box-info .license-info__list > li > em{width:80px;} .box-info .license-info__list > li > span{width:-webkit-calc(100% - 90px); width:calc(100% - 90px);} .box-info .license-info__list > li > em, .box-info .license-info__list > li > span{font-size:16px;} .license-num{width:50%;} .spec-list{grid-template-columns: repeat(2, 1fr);} .spec-list > li > .title > h3{font-size:16px; padding:6.5px 12px;} } @media all and (max-width:1024px){ .license-view-page .inr.sub{margin:0;} .license-tit{left:0; right:0; width:96%; margin:0 auto;} .cont-wrap{gap:0; padding-top:90px;} .license-cont{width:100%;} aside{display:none;} .box-info{padding:0 40px 40px;} .box-info .license-info{padding:0;} .license-tit{padding:15px; height:90px;} .license-tit .title em{font-size:15px;} .license-tit .title h3{font-size:25px;} .license-tit .tit-info{gap:10px;} .license-tit .tit-info .price-grp{gap:6px;} .license-tit .tit-info .price-grp span{font-size:16px;} .license-tit .tit-info .price-grp span.off-price{font-size:18px;} .license-tit .tit-info .price-grp .discount-price{font-size:30px;} .license-tit .tit-info .box-btn{width:150px;} .box-curriculum{padding:40px;} .box-intro{padding:40px; gap:30px;} .box-intro .txt{width: calc(100% - 347px); width: -webkit-calc(100% - 347px);} .box-teacher{padding:40px;} .box-spec{padding:60px 40px 0;} .spec-list{grid-template-columns: repeat(4, 1fr);} } @media all and (max-width:860px){ .license-tit{top:-40px; height:80px;} .license-tit .title em{font-size:14px;} .license-tit .title h3{font-size:23px;} .license-tit .tit-info .box-btn{width:125px; height:50px;} .license-tit .tit-info .box-btn > a{font-size:18px;} .license-tit .tit-info .price-grp .discount-price{font-size:27px;} .cont-wrap{padding-top:70px;} .license-cont .license-num .num{font-size:25px;} .license-num p{font-size:15px;} .license-num > a{height:50px;} .spec-list{gap:15px;} .spec-txt{margin-top:20px;} .accordion{margin-top:30px;} } @media all and (max-width:768px){ .license-tit{padding:20px 15px 15px; gap:11px; flex-direction: column; height:auto;} .license-tit .tit-info{width:100%; flex-direction: column; gap:15px;} .license-tit .tit-info .box-btn{display:block; width:100%;} .cont-wrap{padding-top:160px;} .box-info{padding:0 30px 50px;} .box-curriculum{padding:50px 30px;} .curriculum-list{grid-template-columns: repeat(1, 1fr);} .curriculum-list ul li{height:45px;} .curriculum-list ul li em{width:70px;} .curriculum-list ul li p{width: calc(100% - 70px); width: -webkit-calc(100% - 70px); padding:5px 20px;} .box-intro{padding:50px 30px; gap:20px;} .box-intro .txt{width: calc(100% - 280px); width: -webkit-calc(100% - 280px);} .license-cont h4.tit02{font-size:26px; margin-bottom:10px;} .box-intro .txt > p{font-size:15px; line-height:1.6em;} .box-intro .img{width:260px;} .typeSwiper .swiper-slide-active > p{font-size:17px;} .typeSwiper .swiper-slide-active > p{font-size:18px;} .list-recommend{width:90%;} .box-teacher{padding:50px 30px;} .box-license{padding:50px 30px;} .box-spec{padding:60px 30px 0;} .spec-list{grid-template-columns: repeat(2, 1fr);} } @media all and (max-width:650px){ .box-intro{flex-direction: column;} .box-intro .img{width:100%;} .box-intro .txt{width:100%;} } @media all and (max-width:620px){ .cont-wrap{padding-top:140px;} .license-tit .tit-info .box-btn{height:45px;} .box-info{display:block; padding:0 20px 40px;} .license-cont .box > h3{font-size:20px; margin-bottom:15px;} .box-info .license-info{width:100%;} .box-info .license-info__list > li{height:45px; margin-bottom:6px;} .box-info .license-num{margin-top:15px; width:100%; padding:30px 25px; } .box-curriculum{padding:40px 20px;} .box-curriculum .box-top{margin-bottom:15px;} .box-curriculum .box-top > h3{font-size:20px;} .box-recommend{padding:40px 20px;} .list-recommend{width:100%;} .box-teacher{padding:40px 20px;} .box-license{padding:40px 20px;} .box-spec{padding:40px 20px 0;} } @media all and (max-width:540px){ .license-tit .title{gap:6px;} .license-tit .title em{padding:4px 5px;} .license-tit .title h3{font-size:20px;} .license-tit .tit-info .price-grp span{font-size:14px;} .license-tit .tit-info .price-grp span.off-price{font-size:15px;} .license-tit .tit-info .price-grp .discount-price{font-size:23px;} .license-tit .tit-info .box-btn > a{font-size:17px;} .list-recommend > li{gap:10px; padding:15px;} .box-teacher .top{padding:10px 20px;} .box-teacher .top .title > em{margin-bottom:5px;} .box-teacher .top .title > h3{font-size:24px;} .box-teacher .top .img{width:60px; height:60px;} .box-teacher .cont{display:block; gap:0; padding:20px;} .box-teacher .cont ul{width:100%;} .box-teacher .cont ul > li{margin-bottom:6px;} .spec-list{gap:25px 10px;} .spec-list > li > .txt > h4{font-size:18px;} .spec-txt{padding:18px 15px;} .spec-info__list > li{padding-left:8px; margin-bottom:7px;} .spec-info__list > li:before{width:2px; height:2px;} .spec-info__list > li > span{font-size:15px;} .accordion{margin-top:20px;} .accordion a{padding:12px;} .accordion > li{margin-bottom:10px;} .accordion > li > a .arrow{top:20px; right:12px;} .accordion li .list{padding:15px 12px;} [data-list="dot"] > li{padding-left:8px; margin-bottom:5px;} [data-list="dot"] > li:before{width:2px; height:2px;} [data-list="dot"] > li > span{font-size:15px;} } @media all and (max-width:480px){ .box-curriculum{padding:40px 12px;} .list-recommend > li > em{font-size:17px;} .list-recommend > li > span{font-size:17px;} .box-teacher{padding:40px 12px;} .box-license{padding:40px 12px;} .box-spec{padding:40px 12px 0;} } @media all and (max-width:370px){ .spec-list{grid-template-columns: repeat(1, 1fr);} .spec-list > li{padding:25px 10px 20px;} .spec-list > li > .txt{margin-top:0;} .spec-list > li > .img{margin:10px 0 12px; height:auto;} } /* 자격증발급신청 */ .box-license__type{display:flex; gap:40px; align-items: center; padding:25px; width:100%; background:#142d58 url(../images_new5/content/bg-license-sample.jpg)no-repeat center; box-sizing:border-box; background-size:cover; border-radius:10px; overflow:hidden;} .box-license__type .txt{padding-left:20px; width:-webkit-calc(100% - 510px); width:calc(100% - 510px);} .box-license__type .txt > *{color:#fff;} .box-license__type .txt > em{display:inline-block; margin-bottom:15px; font-size:17px; font-weight:300; color:#fff; line-height:1em; word-break:keep-all;} .box-license__type .txt > h3{display:block; font-size:39px; font-weight:800; color:#fff; line-height:1em; word-break:keep-all;} .box-license__type .txt > h3 > i{color:#ffe764;} .box-license__type .txt > span{display:inline-block; padding:8px 12px; margin-top:18px; font-size:20px; font-weight:400; color:#fff; background:rgba(255,255,255,0.15); border-radius:5px; line-height:1em; word-break:keep-all;} .box-license__type .img{width:470px; background:#fff; padding:20px 20px 14px; box-sizing:border-box; border-radius:8px;} .box-license__type .img img{width:100%;} .box-top{position:relative; margin-bottom:30px;} .box-top .box__txt-list.blue{padding:30px 25px;} .box__txt-list{display:block; margin-top:20px; padding:20px; box-sizing:border-box; border:1px solid #eee; background:#f9f9f9; border-radius:6px;} .box__txt-list.blue{border:1px solid #ebeff4; background:#f7f9fc; border-radius:6px;} .box__txt-list > h3{position:relative; display:block; margin-bottom:12px; font-size:19px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;} .box__txt-list [data-list="dot"] > li{margin-bottom:7px;} .box__txt-list [data-list="dot"] > li:last-child{margin:0;} .box__txt-list [data-list="dot"] > li > span{font-size:15px;} .area-form{display:block;} .area-form > h4{margin:0 0 14px; padding:12px; text-align:center; border-radius:5px; border:1px solid #ddd; box-sizing:border-box;} .area-form > h4 span{position:relative; padding-left:22px; font-size:15px; font-weight:600; color:#333; background:#fff; } .area-form > h4 span:before{content:''; position:absolute; top:1px; left:0; width:17px; height:17px; background:url(../images_new5/content/ic-info-blue.svg)no-repeat center; background-size:contain;} .box{margin-bottom:50px;} .box.last{margin-bottom:0;} .table-tit{display:flex; justify-content: space-between; align-items: center; margin-bottom:12px;} .table-tit > h3{display:block; font-size:20px; color:#222; line-height:1em; word-break:keep-all;} .table-tit .box-chk{display:flex; gap:5px; font-size:14px; color:#666;} .table-tit .box-chk i{position:relative; top:2px;} .table-tit [type="checkbox"]{width:18px; height:18px;} .photo-info{margin:0 0; padding:10px; text-align:center; background:#4b5c6f; box-sizing:border-box;} .photo-info > span{font-size:14px; color:#fff;} .photo-info > span i{padding-right:2px; font-weight:300; font-size:15px;} .total-price{ display: flex; align-items: center; } table.table tbody td .total-price input{width:100px; font-size: 17px; font-weight:bold; color:#f51a69; text-align:right;} table.table tbody td .total-price span{position:relative; top:1px; padding:0; font-size: 16px; font-weight:bold; color:#333;} table.license-select tbody td{text-align:center;} table.license-select tbody td select{} table.license-select tbody td select, table.license-select tbody td input[type="text"]{width:100%; height:45px; border:1px solid #ddd; box-sizing:border-box; padding:10px; font-size:15px;} table.license-select tbody td input[type="text"]{border:None; text-align:center;} table.license-select tbody td input[type="button"]{width:100px; height:40px; background:#04315e; border:none; color:#fff; border-radius:5px;} .area-form tbody td .flex{display:flex; gap:5px;} .area-form tbody td .info-txt{margin-top:5px; font-size:14px; color:#f51a69;} .area-form tbody td .state.v1{color:#f51a69;} .area-form tbody td .state.v2{color:#2c74e4;} .area-form tbody td .btn-history{margin:0 auto; width:70px; height:30px; padding:5px; font-size:14px; font-weight:500; background:#fff; color:#555;} .area-form input, .area-form select{width:180px; height:45px; border:1px solid #ddd; box-sizing:border-box; padding:10px; font-size:15px;} table.payment-info input{border:none;} .area-form .inputFull{width:100%;} .area-form textarea{width:100%; height:120px; border:1px solid #ddd; padding:10px; font-size:15px;} .license-price{display:block; width:100%; margin-top:15px; background:#f9f9f9; border-top:1px solid #eee; border-bottom:1px solid #eee; padding:20px; box-sizing:border-box; text-align:center; border-radius:0;} .license-price > div{font-size:17px; font-weight:600; color:#333;} .license-price > div span{font-size:17px; padding:0 3px; font-weight:bold; color:#f51a69;} .license-price > div em{font-size:15px; font-weight:400; color:#666;} .license-price > .total-price{display:flex; justify-content: center; gap:3px; margin:12px 0 0; font-size:17px; font-weight:bold; color:#333; line-height:1em;} .license-price > .total-price > span{} .license-price > .info{display:inline-block; margin-top:8px; font-size:15px; font-weight:500; color:#1670d5;} .license-price > .info > i{position:relative; top:2px; padding-right:2px; font-size:15px;} .btn-post{display:flex; justify-content: center; align-items: center; padding:10px; width:100px; height:45px; font-size:14px; font-weight:400; color:#444; background:#f9f9f9; box-sizing:border-box; border:1px solid #ddd; cursor:pointer;} /* 자격증 발급 안내 */ .box-tit{display:block; margin-bottom:12px;} .box-tit.flex{display:flex; justify-content: space-between; align-items: center;} .box-tit > h4{position:relative; display:block; padding-left:10px; font-size:20px; font-weight:700; color:#333;} .box-tit > h4:before{content:''; position:absolute; top:4px; left:0; width:4px; height:16px; background:linear-gradient(60deg, rgba(4, 190, 237, 1) 0%, rgba(20, 116, 224, 1) 100%); border-radius:5px;} .box-tit > h4:after{content:''; position:absolute; top:10px; left:5px; width:5px; height:0px; background:#04315e; border-radius:5px;} .box-tit > h3{position:relative; display:block; padding-left:24px; font-size:20px; font-weight:700; color:#333;} .box-tit > h3:before{content:''; position:absolute; top:2.5px; left:0; width:18px; height:18px; background:url(../images_new5/content/ic-tit.png)no-repeat center; background-size:contain;} .applicaition-page .box-img.line{display:block; padding:50px 20px; border:1px solid #e9e9e9; box-sizing:border-box; border-radius:10px; box-sizing:border-box; text-align:center;} .applicaition-page .box-img.line img{width:auto; max-width:100%;} .applicaition-page.page03 .box__txt-list{margin:20px 0;} table.document thead th{border-bottom:1px solid #e9e9e9; font-size:17px; font-weight:bold;} table.document tbody th{font-size:17px; font-weight:bold;} table.document tbody td{padding:25px;} table.document tbody td > h3{display:block; font-size:18px; font-weight:600; color:#333; line-height:1em;} table.document tbody td > .info{display:block; margin-top:10px; font-size:14px; font-weight:400; color:#1670d5; line-height:1em; word-break:keep-all;} .box-important{display:flex; flex-direction: column; align-items: center; margin-top:20px; padding:27px 20px; text-align:center; border:1px solid #eee; box-sizing:border-box; border-radius:6px; background:#0f2f4f;} .box-important > h3{position:relative; display:inline-block; background:#fff; border-radius:50px; padding:5px 10px 5px 30px; box-sizing:border-box; font-size:16px; line-height:1em; color:#0f2f4f;} .box-important > h3:before{content: ''; position: absolute; top: 4px; left: 8px; width: 18px; height: 18px; background: url(../images_new5/content/ic-info-blue.svg) no-repeat center; background-size: contain; } .box-important > span{display:inline-block; margin-top:12px; font-size:15px; color:#fff;} /* 자격증카드 결제신청 */ .box-bg{width:100%; background:#f7f9fa; margin-top:30px; padding:50px; box-sizing:border-box; border-radius:10px;} .paymet-card{display:flex; gap:30px;} .paymet-card > li{ width:calc((100% / 3) - 15px); height:240px; text-align:Center;} .paymet-card > li > a{display:flex; flex-direction: column; justify-content: center; align-items: center; padding:20px; width:100%; height:100%; border:1px solid #eee; border-radius:10px; box-sizing:border-box; background:#fff; transition:all 0.3s ease;} .paymet-card > li > a > h3{display:block; font-size:22px; font-weight:bold; color:#333;} .paymet-card > li > a > span{display:inline-block; margin-top:8px; font-size:28px; font-weight:bold; color:#0754a5;} .paymet-card > li > a > span i{color:#333;} .paymet-card > li > a:hover{border-color:#0754a5;} /* 도서관 */ .library-list{border:1px solid #eee; border-radius:10px; box-sizing:border-box;} .library-list > li{} .library-list > li > a{position:relative; display:flex; align-items: center; gap:30px; width:100%; border-bottom:1px dashed #eee; padding:30px; box-sizing:border-box; } .library-list > li:last-child > a{border-bottom:none;} .library-list > li > a .img{width:200px; height:100px; background:#eee;} .library-list > li > a .txt{width:-webkit-calc(100% - 300px); width:calc(100% - 300px);} .library-list > li > a .txt > h3{display:block; font-size:20px; font-weight:bold; color:#333; line-height:1.2em; word-break:keep-all;} .library-list > li > a .txt > span{display:inline-block; margin-top:6px; font-size:16px; font-weight:400; color:#666; line-height:1.2em; word-break:keep-all;} .library-list > li > a .arrow{position:absolute; top:50%; right:30px; width:50px; height:50px; background:#eee url(../images_new5/main/faq-arr.svg) no-repeat center; background-size: 14px 10px; border-radius:50px; transform:translateY(-50%); transition:all 0.3s ease;} .library-list > li > a:hover .arrow{background:#e0e8f1 url(../images_new5/content/ic-lnb-arr.svg)no-repeat center; background-size: 14px 10px;} /* 나의강의실 */ .lectureroom-page .area-side .kakao{margin-top:0;} .cont-tit{display:flex; justify-content: space-between; align-items: center; margin-bottom:20px;} .sub-bottom .area-content .cont-tit > h2{margin-bottom:0;} .cont-tit .area_navigation{margin:0;} .lectureroom-page .tabs{display:flex; justify-content: center; align-items: center; gap:25px; margin:0 0 30px;} .lectureroom-page .tabs > li{position:relative; cursor:pointer;} .lectureroom-page .tabs > li:before{content:''; position:absolute; top:-12px; left:50%; width:5px ; height:5px; background:#1670d5; border-radius:50px; transform:translateX(-50%); opacity:0;} .lectureroom-page .tabs > li > span{font-size:20px; font-weight:bold; color:#aaa;} .lectureroom-page .tabs > li.active > span{color:#222;} .lectureroom-page .tabs > li.active:before{opacity:1;} .myclass-list{display:block;} .myclass-list > li{position:relative; width:100%; margin-bottom:15px; padding:25px 20px 10px; border:1px solid #eee; box-sizing:border-box; border-radius: 10px;} .myclass-list > li i{position:absolute; top:20px; right:20px; display:inline-block; background: rgb(4,190,237); background: linear-gradient(60deg, rgba(4,190,237,1) 0%, rgba(20,116,224,1) 100%); font-size:14px; font-weight:600; color:#fff; padding:6px 12px; line-height:1em; word-break:keep-all; border-radius:50px;} .myclass-list > li i.v2{background:#bfbfbf;} .myclass-list > li i.complete{background:#ff8100;} .myclass-list .top{padding:0 0 20px;} .myclass-list .top > h3{display:block; font-size:20px; font-weight:bold; color:#222; line-height:1em; word-break:keep-all;} .myclass-list .top > .data{display:inline-block; margin-top:8px; font-size:15px; font-weight:400; color:#888;} .myclass-list .top > .prof{display:block; margin-top:7px; font-size:15px; font-weight:400; color:#888;} .myclass-list .bottom{padding:10px 0 0; display:flex; justify-content: space-between; align-items: center; border-top:1px solid #eee; box-sizing:border-box;} .myclass-list .bottom .jindo-rate{font-size:16px; font-weight:500; color:#333;} .myclass-list .bottom .jindo-rate span{color:#1670d5; font-weight:600;} .myclass-list .bottom .box-btn{display:flex; gap:8px;} .myclass-list .bottom a{display: flex; flex-direction: column; justify-content: center; align-items: center; background:#2c74e4; height:40px; padding:10px 14px; border-radius:5px; box-sizing:border-box;} .myclass-list .bottom a.btn-orange{background:#ff327c; min-width:90px;} .myclass-list .bottom a:hover{background:#00376e;} .myclass-list .bottom a > span{position:relative; padding-left:22px; font-size:15px; font-weight:500; color:#fff; line-height:1em;} .myclass-list .bottom a > span:before{content:''; position:absolute; top:-1px; left:0; width:17px; height:17px; background:url(../../images_new5/content/ic-play.svg)no-repeat center; background-size:contain;} .task{display:flex; gap:5px; margin-top:13px;} .ic-task{display:inline-block; padding:3px 6px; font-size:13px; color:#fff; border-radius:3px; font-weight:600;} .ic-task.no{color:#f51a69; background:rgb(255,34,113,0.1);} .ic-task.yes{color:#2c74e4; background:rgb(44,116,228,0.1);} .no-data{display:block; padding:70px 10px; border:1px solid #eee; width:100%; font-size:16px; font-weight:400; color:#999; line-height:1em; word-break:keep-all; box-sizing:border-box; border-radius:5px; text-align:center;} .info-box{display:flex; justify-content: center; align-items: center; margin-top:10px; padding:12px 10px; border: 1px solid #ebeff4; background: #f7f9fc; border-radius: 5px; box-sizing:border-box;} .info-box > span{position:relative; padding-left:22px; font-size:15px; font-weight:500; color:#1670d5;} .info-box > span:before{content:''; position:absolute; top:1px; left:0; width:17px; height:17px; background:url(../images_new5/content/ic-info-blue.svg)no-repeat center; background-size:contain;} .bottom-btn{display:flex; gap:7px; border-top:1px solid #eee; padding:18px 0 10px;} .bottom-btn a{padding:4px 8px; font-size:14px; color:#fff; border-radius:3px; font-weight:500; background:#04315e; transition:all 0.3s ease;} .bottom-btn a:hover{background:#1670d5;} .bottom-btn .bg-gray{position:relative; top:-2px; padding:4px 8px; font-size:14px; color:#fff; border-radius:3px; font-weight:500; background:#b8b8b8; transition:all 0.3s ease;} /* 나의강의실 강의보러가기 */ .mylecture-list .tit{margin:20px 0 15px; display:flex; justify-content: space-between; align-items: center;} .mylecture-list .tit p{display:inline-block; font-size:16px; font-weight:400; color:#555; line-height:1em; word-break:keep-all;} .mylecture-list .tit p i{position:relative; top:2px; margin-right:4px;} .mylecture-list .tit .btn-line > a{border-color:#00376e;} .list-btn{display:flex; gap:10px;} table.curriculum thead th{border-bottom:1px solid #e8ebef; border-right:1px solid #e8ebef; padding:10px;} table.curriculum thead tr th:last-child{border-right:1px solid #e8ebef;} table.curriculum thead th[rowspan]:last-child{border-right:none;} table.curriculum tbody td{text-align:center; padding:12px;} table.curriculum tbody td.td-first{border-left:none;} table.curriculum tbody td.subject{text-align:left;} table.curriculum tbody td.subject a{word-break:keep-all;} table tbody td.progress .bar{position:relative; top:-1px; display:inline-block; background:#ff5722; margin-right:8px; border-radius:5px;} table tbody td.progress .bar.blue{background:#1670d5;} /*.curriculum tbody tr:last-child td{text-align:left; padding:20px;}*/ .curriculum tbody tr td .box-exam{padding:8px;} table.table tbody td .list-txt span{line-height:1.2em;} table.table tbody td .list-txt span:nth-of-type(1){padding:0; } table.curriculum tbody td [data-list="star"] > li > i{color:#888;} .btn-exam{display:inline-block; padding:10px 15px; margin:0 0 15px; background:#00376e; font-size:15px; color:#fff; border-radius:5px; box-sizing:border-box; transition:all 0.3s ease;} .btn-exam:hover{background-image: -moz-linear-gradient(0deg, rgb(0, 99, 200) 0%, rgb(61, 157, 255) 100%); background-image: -webkit-linear-gradient(0deg, rgb(0, 99, 200) 0%, rgb(61, 157, 255) 100%); background-image: -ms-linear-gradient(0deg, rgb(0, 99, 200) 0%, rgb(61, 157, 255) 100%);} .attendance-rate{display:block; margin:20px 0 0; width:100%; padding:30px; border:1px solid #eee; box-sizing:border-box; border-radius: 6px;} .attendance-rate .txt{display:flex; justify-content: space-between; align-items: center;} .attendance-rate .txt > h3{font-size:18px; font-weight:bold; color:#222;} .attendance-rate .txt > span{display:inline-block; font-size:18px; font-weight:bold; color:#1670d5;} .progress-bar{position:relative; display:block; margin-top:11px; width:100%; height:8px; background:#eee; border-radius:50px; overflow:hidden;} .progress-bar > i{position:absolute; top:0; left:0; display:inline-block; background: linear-gradient(60deg, rgba(4, 190, 237, 1) 0%, rgba(20, 116, 224, 1) 100%); height:100%;} /* 시험보기 */ .exam-list{margin:10px 0 0;} .exam-list .myclass-list .bottom a > span:before{display:none;} .exam-list .myclass-list .bottom a > span{padding-left:0;} /* 성적보기 */ table.jindo tbody th{background:#f7f9fc;} table.jindo tbody td{text-align:center;} table.jindo tbody td.progress{text-align:left;} table.jindo tbody td.progress em{display:inline-block; margin-right:8px; width:calc(100% - 50px);} table.jindo tbody td.progress em > i{/*width:100% !important;*/ margin-right:0;} table.jindo tbody td span{display:inline-block; margin:0 3px; color:#555; font-size:15px; line-height:1em;} table.jindo tbody td .txt-blue{color:#1670d5; font-weight:600;} table.jindo tbody td .txt-orange{color:#ff5722; font-weight:600;} .result-page{margin:30px auto 0;} .inr-result{width:800px; margin:0 auto;} .btn-print{font-size:15px; font-weight:500; color:#333;} .btn-print input{padding:3px; border:1px solid #aaa; box-sizing:border-box; background:#f9f9f9; box-sizing:border-box; font-size:13px;} .result-page table.curriculum thead tr th:last-child{border-right:none;} /* 게시판 */ .bbs-title{position:relative; display:block; border-top:2px solid #082849; border-bottom:1px solid #e9e9e9; box-sizing:border-box; width:100%; padding:20px;} .bbs-title > h3{display:block;font-size:20px; font-weight:600; color:#222; line-height:1.2em; word-break:keep-all;} .bbs-title .bbs-info{display:flex; gap:15px; margin-top:7px;} .bbs-title .bbs-info > div{position:relative; font-size: 14px; color: #888; font-weight: 400; line-height:1em;} .bbs-title .bbs-info > div:before{content:''; position:absolute; top:2px; right:-7px; width:1px; height:10px; background:#ddd;} .bbs-title .bbs-info > div:last-child:before{display:none;} .bbs-title .date{display:inline-block; } .bbs-cont{display:block; width:100%; padding:20px; box-sizing:border-box; border-bottom:1px solid #e9e9e9;} .bbs-cont .cont{width:100%; min-height:200px; font-size:15px; font-weight:400; color:#444; line-height:1.6em; word-break:keep-all;} .bbs-cont .bbs-file{display:flex; align-items: center; gap:6px; width:100%; border:1px solid #e9e9e9; box-sizing:border-box; padding:15px; border-radius:5px;} .bbs-cont .bbs-file .icon{display:inline-block; width:18px; height:16px; background:url(../images_new5/content/ic-file.svg)no-repeat center; background-size:contain; opacity:0.25; transition:all 0.3s ease;} .bbs-cont .bbs-file > a{font-size:15px; font-weight:400; color:#333; line-height:1em; word-break:kee-all;} .bbs-cont .bbs-file > a:hover{color:#1670d5;} .bbs-cont .bbs-file:hover .icon{background:url(../images_new5/content/ic-file-blue.svg)no-repeat center; background-size:contain; opacity:1;} .area-board .box-btn{display:flex; justify-content: center; margin:30px auto 0; text-align:center;} .area-board .box-btn.flex{display:flex; justify-content: center; gap:10px;} .area-board .box-btn > a{display:flex; justify-content: center; align-items: center; width:90px; height:40px; border-radius:5px; background:#1670d5; font-size:16px; color:#fff; transition:all 0.3s ease;} .area-board .box-btn > a.btn-gray{background-color:#888;} .area-board .box-btn > a:hover, .area-board .box-btn > a.btn-gray:hover{background:#00376e;} .box-comment{display:block; border-bottom:1px solid #e9e9e9; box-sizing:border-box;} .box-comment__tit{padding:15px 10px 0;;} .box-comment__tit > h3{display:inline-block; padding:3px 10px; font-size:14px; color:#00376e; font-weight:500; background:#e1e8f1; box-sizing:border-box; border-radius:5px;} .box-comment__cont{padding:12px 10px 15px; font-size:15px; font-weight:500; color:#333; line-height:1.4em; word-break:keep-all;} .box-comment__cont .date{display:block; margin:6px 0 0; font-size:14px; color:#999;} /* 로그인 */ .member-page{padding:70px 0 0; margin:0 auto; width:500px;} .msg{width:100%; margin:0 auto 20px; padding:0 50px; text-align:center; box-sizing:border-box;} .area-login{width:100%; margin:0 auto; padding:45px 40px; border:1px solid #eee; text-aligN:center; box-sizing:border-box; border-radius:12px;} .area-login > h2{display:block; font-size:30px; font-weight:700; color:#222; line-height:1.4em; word-break:keep-all;} .area-login h3{display:block; margin:20px 0; font-size:25px; font-weight:bold; color:#222;} .area-login #tab2{padding:30px 0 0;} .area-login .tab_container em{display:inline-block; font-size:16px; font-weight:400; color:#888; line-height:1.2em; word-break:keep-all;} .login-box{margin:35px 0 0; } .tab_container .login-box{margin:30px 0 0;} .member-page input, .member-page select{display:block; padding:10px; width:100%; height:50px; border:1px solid #e9e9e9; background:#f9f9f9; box-sizing:border-box; margin-bottom:10px; font-size:16px; font-weight:400; color:#333; border-radius:5px;} .login-box input:last-child{margin:0;} .area-login .login-state{display:flex; justify-content: space-between; margin-top:17px;} .area-login .login-state > div{display:flex; gap:5px; } .member-page input[type='checkbox']{display: none;} .login-box .input-tel input, .login-box .input-tel select{margin:0;} .input-email{display:flex; align-items: center; gap:3px;} .box-filed .input-email select{margin-left:5px;} .input-tel{position:relative; display:flex; align-items: center;} .input-tel > i{display:inline-block; margin:0 3px;} .member-page .checkbox_label{width:17px; height:17px;} .member-page .checkbox_icon::before{width:17px; height:17px; border-radius:3px;} .member-page .checkbox_label input:checked + .checkbox_icon::before{background-size:11px 7px;} .member-page .login-state em{position:relative; top:-1px; font-size:14px; color:#777;} .login-state ul{display:flex; gap:5px;} .login-state ul > li > a{font-size:14px; color:#777;} .login-state ul > li > a:hover{color:#1974d9;} .area-login input[type="submit"]{display:block; margin:35px 0 0; width:100%; height:55px; border-radius:5px; background:#00376e; font-size: 17px; font-weight: 600; color:#fff; border:none; transition:all 0.3s ease;} .area-login input[type="submit"]:hover{background:#2c74e4;} .btn-join{display:flex; justify-content: center; align-items: center; margin:12px 0 0; width:100%; height:55px; border-radius:5px; background:#fff; border:1px solid #00376e; font-size: 17px; font-weight: 600; color:#00376e; transition:all 0.3s ease; box-sizing:border-box;} .btn-join:hover{border-color:#2c74e4; color:#2c74e4;} .member-page .tabs{margin:20px 0 30px; width:100%; display:flex; border-bottom:1px solid #eee; box-sizing:border-box;} .member-page .tabs > li{position:relative; width:calc(100% / 2); padding:12px 10px; box-sizing:border-box; text-align:center; cursor:pointer; } .member-page .tabs > li:before{content:''; position:absolute; left:0; bottom:-1px; width:100%; height:0; background:#aaa;} .member-page .tabs > li > span{font-size:18px; font-weight:600; color:#c9c9cb;} .member-page .tabs > li.active > span{color:var(--color-point);} .member-page .tabs > li.active:before{height:2px; background:var(--color-point);} .member-page .tabs > li:last-child:after{display:none;} .member-page .btn-default{display:flex; justify-content: center; align-items: center; margin:35px 0 0; width:100%; height:55px; border-radius:5px; background:#00376e; font-size: 17px; font-weight: 600; color:#fff; border:none; transition:all 0.3s ease; cursor:pointer;} .member-page .btn-default:hover{background:#2c74e4;} .member-page .box-info{display:block; margin:20px 0 0; padding:20px; border: 1px solid #ebeff4; background: #f7f9fc; box-sizing:border-box; text-align:center; border-radius:5px; font-size:16px; color:#222;} .member-page .box-info span{display:inline-block; margin:5px 0 0; font-size:14px; font-weight:400; color:#666; line-height:1.2em; word-break:keep-all;} /* 회원가입 */ .member-page.join{width:540px;} .member-page .box-form{margin:30px 0 0; text-align:left;} .member-page .box-form > h3{display:block; font-size:21px; margin-bottom:20px; color:#222; line-height:1em; word-break:keep-all;} .box-form .input-box{width:100%; height:50px; margin-top:10px;} .member-page input[type='radio']{width:16px; height:16px;} .box-filed{margin-bottom:20px;} .box-filed > em{display:inline-block; margin-bottom:5px; font-size:16px; font-weight:600; color:#222; line-height:1em; word-break:keep-all;} .box-filed > span{display:inline-block; margin-top:10px; font-size:14px; font-weight:400; color:#f51a69; line-height:1em; word-break:keep-all;} .box-filed > span > i{position:relative; top:2px; margin-right:2px;} .box-filed .txt-info{border: 1px solid #ebeff4; box-sizing:border-box; background: #f7f9fc; border-radius:5px; margin-top:10px; padding:10px; font-size:14px; font-weight:500; color:#555; line-height:1.2em; word-break:keep-all; text-align:center;} .box-filed select, .box-filed input{margin:0;} .birth-wrap{display:flex; align-items: center; gap:5px;} .input-birth{display:flex; align-items: center; gap:5px;} .input-birth select{width:80px; padding:5px;} .birth-type{display:flex; gap:5px; font-size:18px; width:100%;} .birth-type input[type="radio"]{display:none;} .birth-type li {width: calc((100%/2) - 2.5px); } .birth-type li label{display:flex; justify-content: center; align-items: center; width:100%; height: 50px; border: 1px solid #ddd; background: #fff; box-sizing: border-box; border-radius:5px;text-align: center; font-size: 16px; font-weight: normal; color: #666; font-weight:500; cursor:pointer;} .birth-type input[type="radio"]:checked + label {background: #1974d9; border-color:#1974d9; color: #fff; } .input-id{display:flex; gap:7px;} .input-id > input{width:calc(100% - 97px);} .input-id > a{display:flex; justify-content: center; align-items: center; width:90px; height:50px; background:#555; border-radius:5px; font-size:16px; font-weight:500; color:#fff;} .list-radio{display:flex; flex-wrap: wrap; gap:8px 0; margin:5px 0 0;} .list-radio > li{display:flex; gap:5px; width:calc(100% / 4);} .list-radio > li:last-child{display:block; width:100%;} .list-radio > li:last-child > div{display:flex; gap:5px; width:100%; margin-bottom:10px;} .list-radio > li em{font-size:15px; color:#333; font-weight:500;} .agree-list{text-align:left; margin:30px 0 0;} .agree-list > li{display:flex; align-items: center; gap:6px; align-items: center; margin-bottom:8px;} .agree-list > li > em{position:relative; top:-2px;} .agree-list > li > em > a{display:block; font-size:15px; color:#555; font-weight:500; line-height:1em; word-break:keep-all;} .radio_box { display: inline-block; position: relative; width:18px; height:18px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .radio_box input[type="radio"] { display: none; } .radio_box .on {display:inline-block; width:100%; height:100%; background: #f9f9f9; border:1px solid #ddd; box-sizing:border-box; border-radius: 50%; position: absolute; top: 0; left: 0; } .radio_box input[type="radio"]:checked + .on { background:#1974d9; border-color:#1974d9; } .radio_box .on:after { content: ""; position: absolute; display: none; } .radio_box input[type="radio"]:checked + .on:after { display: block; } .radio_box .on:after { width: 8px; height: 8px; background: #fff; border-radius: 50%; position: absolute; left: 4px; top: 4px; } .input-addr-num{display:flex; gap:7px;} .input-addr-num > input{width:calc(100% - 107px);} .input-addr-num > a{display:flex; justify-content: center; align-items: center; width:100px; height:50px; background:#555; border-radius:5px; font-size:16px; font-weight:500; color:#fff; cursor:pointer;} /* 이용약관 */ .member-page.privacy{width:900px;} .area-policy{padding-top:0;} .area-policy h2{font-size:40px;color:#222;text-align:center;font-weight: 700;} .area-policy h3{margin-bottom:20px;font-weight: 700;font-size:17px;color:#222;} .area-policy ul li, .area-policy p{line-height:1.5em; font-weight:400; font-size:15px; color:#666;} .area-policy ul li{margin-bottom:8px;} .area-policy ul li:last-child{margin:0;} .area-policy ul li ul{margin-top:5px; margin-bottom:20px;} .area-policy ul li ul li{margin-bottom:2px; font-size:15px;} .area-policy .box_policy{padding:40px 0; border-bottom:1px solid #ddd;} .area-policy .box_policy h2{font-size:30px; margin:0 0 30px; color:#222;text-align:center;font-weight: 700;} .area-policy .box_policy:last-child{border:none;} .area-policy .box{margin:0 0 20px;} .area-policy .box:last-child{margin:0;} .area-policy .box h4{margin:0 0 7px;} .area-policy .box-table{margin-top:20px;} .area-policy table.table.v1 thead th{border-left:1px solid #e9e9e9;} .area-policy table.table.v1 thead tr th:nth-child(1){border-left:none;} .area-policy table.table.v1 tbody tr td:nth-child(1){border-left:none;} .area-policy table.table.v1 tbody td{border-left:1px solid #e9e9e9;} .mt10{margin-top:5px;} /* 수강전 pc 설정 */ .sub-bottom .area-content .step-list > h2{margin:0 0 30px; text-align:center; font-size:34px;} .step-list > h2 > i{display:flex; justify-content: center; align-items: center; margin:0 auto 10px; width:84px; padding:4px 5px 3px; font-size:15px; border-radius:50px; box-sizing:border-box; border:1px solid #1670d5; line-height:1.2em; font-weight:bold; color:#1670d5;} .step-list{margin:0 0 50px;} .step-list:last-child{margin:0;} .step-item{margin:0 0 40px;} .step-item:last-child{margin:0;} .step-item .title{display:flex; align-items: center; justify-content: center; gap:7px; margin-bottom:10px; background:#04315e; padding:15px; border-radius:8px;} .step-item .title h3{color:#fff; font-weight:500;} .step-item .title i{display:flex; justify-content: center; align-items: center; width:34px; height:22px; background:rgba(255,255,255,1); border-radius:50px; font-size:15px; font-weight:bold; color:#04315e;} .step-item p{display:block; margin:15px 0 20px; font-size:17px; font-weight:400; color:#666; line-height:1.5em; word-break:keep-all; text-align:center;} .step-item .step-img{width:100%; border:1px solid #eee; box-sizing:border-box; border-radius:10px; text-align:center; overflow:hidden;} .step-item .step-img .img{min-height:200px; padding:45px 30px; box-sizing:border-box;} .step-item .step-img .img img{width:auto; max-width:100%;} .step-item .step-img .txt{border-top:1px solid #eee; box-sizing:border-box; padding:24px 10px; background:#f9f9f9; border-radius: 0 0 5px 5px; overflow:hidden; font-size:16px; font-weight:500; color:#333; line-height:1.7em; word-break:keep-all;} /* 1:1 상담 */ .box-txt.blue{display:block; width:100%; padding:20px; border: 1px solid #ebeff4; background: #f7f9fc; border-radius: 6px; box-sizing:border-box; text-align: center; margin: 0 0 20px; } .box-txt > p{font-size:16px; font-weight:500; color:#333; line-height:1.6em; word-break:keep-all;} .box-txt > p i{font-weight:600;} .service-page .box-btn{display:flex; justify-content: flex-end; margin:15px 0 0; } .service-page .box-btn > a{display:flex; justify-content: center; align-items: center; background: #2c74e4; width:80px; height:40px;padding: 10px 14px; border-radius: 5px; box-sizing: border-box; font-size:15px; font-weight:600; color:#fff; text-align:center; line-height:1em;} .box-btn.flex02{display:flex; justify-content: space-between; align-items: center;} .btn-edit{display:flex; gap:5px;} .btn-edit > li{width:60px; height:40px;} .btn-edit > li > a{display:flex; justify-content: center; align-items: center; width:100%; height:100%; background:#bfbfbf; color:#fff; border-radius:5px; box-sizing:border-box;} /* 자주하는질문 */ .snb{display:flex; gap:0; margin:0 0 20px; border-bottom:1px solid #eee; box-sizing:border-box; border-radius:0; overflow:hidden;} .snb > li{width:calc(100% / 7); height:50px;} .snb > li > a{position:relative; width:100%; height:100%; display:flex; justify-content: center; align-items: center; padding:5px;box-sizing:border-box; text-align:center; word-break:keep-all; font-size:17px; font-weight:500; color:#333;} .snb > li > a:before{content:''; position:absolute; left:0; bottom:-1px; width:0; height:3px; background:#1670d5;} .snb > li.on > a{color:#1670d5; font-weight:bold;} .snb > li.on > a:before{width:100%;} /*.snb > li.on a{background:#1670d5; border-color:#1670d5; color:#fff;}*/ .box-faq .accordion{border-top:2px solid #082849;} .box-faq .accordion > li{position:relative;border-bottom:1px solid #e9e9e9; box-sizing:border-box; } .box-faq .accordion > li:after{display:block;visibility:hidden;clear:both;content:""} .box-faq .accordion li .list{display:none; padding:28px 25px 28px 125px; border-top:1px solid #e9e9e9; background:#f7f9fc; box-sizing:border-box; text-align:left;} .box-faq .accordion li .list > *{font-family:'Pretendard', Sans-serif !important; word-break:keep-all;} .box-faq .accordion li .list > div{float:left;} .box-faq .accordion li .list:after{display:block;visibility:hidden;clear:both;content:""} .box-faq .accordion a{position:relative; text-align:left; display:block;width:100%;padding:18px 20px; cursor:pointer; user-select:none; box-sizing:border-box; border-radius:7px 7px 0 0; overflow:hidden; transition:all 0.3s ease;} .box-faq .accordion a em{position:relative; display:inline-block; width:100px; font-size:16px; font-weight:600; color:#1670d5; line-height:1em; word-break:keep-all; vertical-align:middle; } .box-faq .accordion a h3{position:relative; display:inline-block; width:calc(100% - 100px); font-size:16px; font-weight:600; color:#333; line-height:1em; word-break:keep-all; vertical-align:middle; } .box-faq .accordion > li > a .title{display:flex; align-items: center; gap:6px;} .box-faq .accordion > li > a .arrow{position: absolute; right: 15px; top: 25px; left: auto; bottom: auto; width:12px; height:8px; background:url(../images_new5/content/ic-accordion-arr.svg)no-repeat center; background-size:contain; opacity:0.2; transition: transform .2s;} .box-faq .accordion > li > a.active .arrow{transform: rotate(-180deg) ; opacity:1;} .box-faq .accordion > li > a.active{} .box-faq .accordion > li.nodata{display:block; padding: 18px 20px; text-align:center;} .lesson-menu > a {position: relative; display: flex; align-items: center; width: 100%; height: 50px; padding: 10px 12px; border: 1px solid #eee; box-sizing: border-box; border-radius: 5px; transition: all 0.3s ease; } .lesson-menu > a:after{content:''; position:absolute; top:10px; right:10px; width:25px; height:25px; border-radius:50px; background:#e0e8f1 url(../images_new5/content/ic-lnb-arr.svg)no-repeat center; background-size:12px 8px; opacity:0; transition:all 0.3s ease;} .lesson-menu > a > span{display:inline-block; font-size:16px; font-weight:500; color:#555; line-height:1em; word-break:keep-all; transition:all 0.3s ease;} .lesson-menu > a.on{border-color:#00376e; box-shadow: 0px 2px 9px 1px rgba(0, 55, 110, 0.1);} .lesson-menu > a.on > span{color:#00376e; font-weight:600;} .lesson-menu > a.on:after{opacity:1;} .sub-menu__lesson{background:#f9f9f9; border-radius:5px; margin: 5px 0 20px; border:1px solid #e9e9e9; box-sizing:border-box;} .sub-menu__lesson > li{border:none; margin:0;} .sub-menu__lesson > li a{display:block; width:100%; height:100%; padding:12px 10px; border:none; border-bottom:1px dotted #e9e9e9; border-radius:0; box-sizing:border-box; font-size:15px; font-weight:400; color:#555; transition:all 0.3s ease;} .sub-menu__lesson > li a:hover{color:#00376e; font-weight:600;} .sub-menu__lesson > li:last-child a{border-bottom:none;}