@charset "utf-8"; /* CSS Document */ body { font-size:16px;} .box0 { width:1400px; max-width:92%; margin:0 auto;} .box1{ width:1280px; max-width:92%; margin:0 auto;} .box2{ width:62.5em; max-width:92%; margin:0 auto;} .box3{ width:65em; /*width:70em;*/ max-width:94%; margin:0 auto;} .pcHide{ display:none !important;} .moHide{} .gnb > li.m_mypage, .gnb > li.m_policy{ display:none;} .gnb li a.layer{ display: none;} .gnb .dp2 > li.m2_edu05 {display: none;} /*header*/ #header{ position:relative; z-index:888;} #header .gnbH, #header .gnb_wrap .gnb > li .dp1{ height:var(--headerH);} .fullH{ height:calc(100vh - 7.813em); box-sizing:border-box;} .main .visualSlider_wrap .fullH{ height:calc(100vh - var(--headerH) - 7.5em);} .headT{ padding-top:var(--headerH);} .headH{ height:var(--headerH);} #header .headWrap{ position:fixed; top:0; left:0; right:0;} .scroll #header .headWrap{ box-shadow:0 3px .5em rgba(0,0,0,.15);} #header .top_wrap{ background:var(--siteC);} #header .top_wrap .menu{} #header .top_wrap .menu > li > .in{ position:relative; height:2.813em; padding:0 .875em; color:#fff;} #header .top_wrap .menu > li > .in:after{ content:""; display:block; position:absolute; width:1px; height:.75em; top:50%; right:0; background:rgba(255,255,255,.15); transform:translateY(-50%);} #header .top_wrap .menu > li:first-child > .in{ padding-left:0;} #header .top_wrap .menu > li:last-child > .in{ padding-right:0;} #header .top_wrap .menu > li:last-child > .in:after{ display:none;} #header .top_wrap .menu > li > .in > .xi{ font-size:1em; padding-right:.25em;} #header .top_wrap .menu > li > .in > .tt{ font-size:.813em;} #header .top_wrap .menu > li > a.in:hover > .tt{ text-decoration:underline;} #header .top_wrap .menu > li.font > .in{ } #header .top_wrap .menu > li.font > .in > .tt{ font-weight:600;} #header .top_wrap .menu > li.font .font_btn{ margin-left:1.125em; border:1px solid #111; border-radius:4px; overflow:hidden;} #header .top_wrap .menu > li.font .font_btn > li .btn{ width:1.375em; height:1.25em; background:linear-gradient(0deg,#ddd 0%,#fff 50%,#fff 100%); border-left:1px solid #ddd; color:#000;} #header .top_wrap .menu > li.font .font_btn > li:first-child .btn{ border-left-width:0;} #header .top_wrap .menu > li.font .font_btn > li .btn .xi{ font-size:1.063em; line-height:1;} #header .top_wrap .menu > li.font .font_btn > li .btn .dot{ width:4px; height:4px; background:#000; border-radius:50%;} #header .top_wrap .menu > li.font .font_btn > li .btn:hover{ background:var(--siteC2); border-color:var(--siteC2); color:#fff;} #header .top_wrap .menu > li.font .font_btn > li .btn:hover .dot{ background:#fff;} #header .menu_wrap{ background:#fff;} #header .menu_wrap > .inner{} #header .menu_wrap .logo{ } #header .menu_wrap .logo > .in{ display:block;} #header .menu_wrap .logo > .in img{ height: calc(var(--headerH) - 2em);} #header .gnb_wrap{ } #header .gnb_wrap > .gnb > li .dp1{ position:relative; z-index:2; padding:0 1.375em;} #header .gnb_wrap > .gnb > li .dp1.link{ display: flex; justify-content: center; align-items: center;} #header .gnb_wrap > .gnb > li .dp1 .tt{ font-size:1.1875em; font-weight:600; position:relative} #header .gnb_wrap > .gnb > li .dp1 .tt:after{content:""; width:.8em; height:.8em; border-radius:50%; background:var(--siteC2); position:absolute; right:-.25em; top:-.25em; opacity:0; transform:translate(-10px, 10px); transition:transform .2s;} #header .gnb_wrap > .gnb > li.inOpen .dp1, #header .gnb_wrap > .gnb > li.on .dp1{ color:var(--siteC2);} #header .gnb_wrap > .gnb > li.inOpen .dp1 .tt:after, #header .gnb_wrap > .gnb > li.on .dp1 .tt:after{ opacity:.3; transform:translate(0, 0);} /* #header .gnb_wrap > .gnb > li .dp2_wrap{ position:absolute; left:50%; width:75em; max-width:100%; transform:translate(-50%, -1px); box-sizing:border-box; display:none;} #header .gnb_wrap > .gnb > li .dp2_wrap:before{ content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#f3f6f8; border-top:1px solid #d4d5d8; transform:translateX(-50vw); box-sizing:border-box;} #header .gnb_wrap > .gnb > li .dp2 .flex{ display:block; text-align:left !important;} #header .gnb_wrap > .gnb > li .dp2{ flex-wrap:wrap; padding:0 0 3em 15vw; overflow:hidden;} #header .gnb_wrap > .gnb > li .dp2:before{ content:""; position:absolute; top:0; right:calc(100% - 15vw); width:100vw; height:100%; background:var(--siteC); box-sizing:border-box;} #header .gnb_wrap > .gnb > li .dp2:after { content:attr(data-tit); position:absolute; top:0; left:0; padding:1.375em 0 0 2em; box-sizing:border-box; font-size:1.500em; color:#fff; font-weight:700;} #header .gnb_wrap > .gnb > li .dp2 > li{ flex:0 0 calc(100% / 3); position:relative; padding:2em 1.75em .5em 1.75em;} #header .gnb_wrap > .gnb > li.m_testRece .dp2 > li{ flex:1 1 33.33%; max-width:33.33%;} #header .gnb_wrap > .gnb > li .dp2 > li:after{ content:""; position:absolute; top:0; right:0; width:1px; height:100vh; background:#d4d5d8;} #header .gnb_wrap > .gnb > li .dp2 > li > a .tt{ font-size:1.063em; font-weight:500;} #header .gnb_wrap > .gnb > li .dp2 > li:hover > a, #header .gnb_wrap > .gnb > li .dp2 > li.on > a{ color:var(--siteC2);} #header .gnb_wrap > .gnb > li .dp3{ margin-top:1em; padding-top:1em; border-top:1px solid #d4d5d8;} #header .gnb_wrap > .gnb > li .dp3 > li{} #header .gnb_wrap > .gnb > li .dp3 > li > a{} #header .gnb_wrap > .gnb > li .dp3 > li > a .tt{} #header .gnb_wrap > .gnb > li .dp3 > li{ padding:.25em 0;} #header .gnb_wrap > .gnb > li .dp3 > li > a{ position:relative; padding-left:.625em; color:#333;} #header .gnb_wrap > .gnb > li .dp3 > li > a:before{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;} #header .gnb_wrap > .gnb > li .dp3 > li > a .tt{ font-size:.938em;} #header .gnb_wrap > .gnb > li .dp3 > li:hover > a, #header .gnb_wrap > .gnb > li .dp3 > li.on > a{ color:#000;} #header .gnb_wrap > .gnb > li .dp3 > li:hover > a .tt, #header .gnb_wrap > .gnb > li .dp3 > li.on > a .tt{ text-decoration:underline;} */ #header .gnb_wrap > .gnb > li .dp2_wrap{ position:absolute; left:50%; width:1280px; max-width:100%; transform:translate(-50%, -1px); box-sizing:border-box; display:none;} #header .gnb_wrap > .gnb > li .dp2_wrap:before{ content:""; position:absolute; top:0; left:50%; width:100vw; height:100%; background:#ffff; border-top:1px solid #d4d5d8; transform:translateX(-50vw); box-sizing:border-box;} #header .gnb_wrap > .gnb > li .dp2 .flex{ display:block; text-align:left !important;} #header .gnb_wrap > .gnb > li .dp2{flex-wrap:wrap;padding: 0 0 4em 9vw;overflow:hidden;} #header .gnb_wrap > .gnb > li .dp2:before{content:"";position:absolute;top:0;right: calc(100% - 9vw); width:100vw; height:100%; background-image: linear-gradient(114deg, #f3b225 0%, #ff7e00 70%, #f5963c 100%);;box-sizing:border-box; border-radius: 0 0 3em 0; box-shadow: 3px 0 10px rgba(0,0,0, .15);} #header .gnb_wrap > .gnb > li .dp2:after { content:attr(data-tit); position:absolute; top:0; left:-1.5em; padding:1.375em 0 0 1em; box-sizing:border-box; font-size:1.500em; color:#fff; font-weight:700;} #header .gnb_wrap > .gnb > li .dp2 > li{flex:0 0 calc(100% / 4);position:relative;padding: 2em 1em .5em 1em;} #header .gnb_wrap > .gnb > li.m_testRece .dp2 > li{ flex:1 1 33.33%; max-width:33.33%;} #header .gnb_wrap > .gnb > li .dp2 > li:after{/* content:""; */ position:absolute; top:0; right:0; width:1px; height:100vh; background:#f4f4f4;} #header .gnb_wrap > .gnb > li .dp2 > li > a.link{ display:block; padding: .5em 1em; border-radius:.5em; background:#f2f2f2; border:1px solid #eee;} #header .gnb_wrap > .gnb > li .dp2 > li > a .tt{ font-size:1.063em; font-weight:500;} #header .gnb_wrap > .gnb > li .dp2 > li:hover > a, #header .gnb_wrap > .gnb > li .dp2 > li.on > a{ color:#ff7e00;} #header .gnb_wrap > .gnb > li .dp3{ margin-top:.5em; padding-left:1em; } #header .gnb_wrap > .gnb > li .dp3 > li{} #header .gnb_wrap > .gnb > li .dp3 > li > a{} #header .gnb_wrap > .gnb > li .dp3 > li > a .tt{} #header .gnb_wrap > .gnb > li .dp3 > li{ padding:.25em 0;} #header .gnb_wrap > .gnb > li .dp3 > li > a{ position:relative; padding-left:.625em; color:#333;} #header .gnb_wrap > .gnb > li .dp3 > li > a:before{ content:""; position:absolute; left:0; top:.5em; width:4px; height:2px; background:#999;} #header .gnb_wrap > .gnb > li .dp3 > li > a .tt{ font-size:.938em;} #header .gnb_wrap > .gnb > li .dp3 > li:hover > a, #header .gnb_wrap > .gnb > li .dp3 > li.on > a{ color:#000;} #header .gnb_wrap > .gnb > li .dp3 > li:hover > a .tt, #header .gnb_wrap > .gnb > li .dp3 > li.on > a .tt{ text-decoration:underline;} #header .gnb_wrap > .gnb > li.inOpen .dp2_wrap{ display:block;} #header.gnbOpen:before{ content:""; position:fixed; top:0; bottom:0; left:0; right:0; background:#000; opacity:.3;} #header .gnb_wrap > .gnb > li.m_hide{ display: none;} #header .etc_wrap .mem_wrap { height: 2.5em; border-radius:3em; overflow:hidden; display:flex; align-items:center; padding:0 1em; gap:1.5em; background:#f5f5f5; border:1px solid transparent } #header .etc_wrap .mem_wrap > li > a { display:flex; align-items:center; position:relative; gap:.25em; color:#666 } #header .etc_wrap .mem_wrap > li:not(:first-child) > a:after { content:""; position:absolute; left:-1em; top:50%; transform:translateY(-50%); width:1px; height:1em; background:#ddd } #header .etc_wrap .mem_wrap > li > a .tt { font-size:.875em; font-weight:500 } #header .etc_wrap .mem_wrap > li > a .ico { font-size:1em; } #header .etc_wrap .mem_wrap > li:hover > a {color: var(--siteC2);} #header .all_wrap{ width:3.875em;} #header .all_wrap .btn_all{ position:relative;} #header .all_wrap .btn_all .btn_in{ position:relative; display:block; width:1.625em; height:1.25em;} #header .all_wrap .btn_all .ham, #header .all_wrap .btn_all .ham:before, #header .all_wrap .btn_all .ham:after { display:block; width:100%; height:2px; background:#000; transition:.2s;} #header .all_wrap .btn_all .ham:before, #header .all_wrap .btn_all .ham:after { content:""; position:absolute; right:0;} #header .all_wrap .btn_all .ham:before{ top:calc(50% - 1px);} #header .all_wrap .btn_all .ham:after { top:calc(100% - 2px);} #header .all_wrap .btn_all:hover .ham:before{ width:80%;} #header .all_wrap .btn_all:hover .ham:after { width:90%;} #header.allOpen .all_wrap .btn_all{ position:fixed; top:2em; right:3em; z-index:999; background:transparent; border-color:transparent;} #header.allOpen .all_wrap .btn_all .btn_in{ width:3em; height:3em;} #header.allOpen .all_wrap .btn_all .ham{ background:transparent; transition:0s;} #header.allOpen .all_wrap .btn_all .ham:before, #header.allOpen .all_wrap .btn_all .ham:after { width:100% !important; top:50% !important; background:#fff;} #header.allOpen .all_wrap .btn_all .ham:before{ transform:rotate(45deg);} #header.allOpen .all_wrap .btn_all .ham:after { transform:rotate(-45deg);} #header .all_wrap .all{ position:fixed; z-index:-1; top:0; left:0; width:100vw; height:100vh; visibility:hidden; opacity:0; transition:all .3s;} #header .all_wrap .all .wrap_bg{ position:absolute; top:0; left:0; width:inherit; height:inherit; background:#3d3d3d; transform:translateX(100%); transition:all .3s;} #header .all_wrap .all .wrap_in{ position:absolute; top:0; left:0; width:inherit; height:inherit; opacity:0; transition:opacity .3s ease 0s;} #header .all_wrap .all .wrap_in .all_scroll{ height:inherit;} #header .all_wrap .all .allconWrap{ padding:8vh 0; color:#fff; opacity:0; transform:translateY(8em); transition:all .8s;} #header .all_wrap .all .allconWrap .all_gnb .gnb{ flex-wrap:wrap;} #header .all_wrap .all .allconWrap .all_gnb .gnb .link{ display:block; text-align:left !important;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li{ flex:1 1 33.33%; max-width:33.33%; display:block; padding:2em 2.5em; border:solid rgba(255,255,255,.15); border-width:0 1px 0 0;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li a{ position:relative;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2{ display: block; padding:1em 0 1.75em;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li a{ padding:.5em 0;} /* #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li:first-child a{ padding:.5em 0 .5em;} */ /* #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li a{ padding:1.2em 0 .5em;} */ #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1{ margin-bottom:1.5em; font-weight:600;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1:before{ content:""; display:block; position:absolute; top:0; left:0; width:1.375em; height:.375em; background:var(--siteC2); border-radius:6em; transform:rotate(-45deg) translate(-.5em, -1.125em);} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 .tt{ font-size:1.438em;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a{ font-weight:500;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a .tt{ font-size:1.063em;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3{ display: block; padding: 1em; background: #585858;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a{ padding-left:.875em; opacity:.8;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a:before{ content:""; display:block; position:absolute; left:0; top:.875em; width:5px; height:2px; background:#fff;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a .tt{ font-size:.938em;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li:hover > a{ color:var(--siteC2); font-weight:700;} #header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li:hover > a .tt{ text-decoration:underline;} #header.allOpen{ z-index:999;} #header.allOpen .all_wrap .all{ visibility:visible; z-index:99; opacity:1;} #header.allOpen .all_wrap .all .wrap_bg{ transform:translateX(0);} #header.allOpen .all_wrap .all .wrap_in{ opacity:1; transition-delay:.5s;} #header.allOpen .all_wrap .all .allconWrap{ opacity:1; transform:translateY(0); transition-delay:.5s;} .small-year {font-size: 1.25rem; font-weight: 500; color: #333; padding-left: 1rem;} #quick .quickWrap{ position:fixed; z-index:888; top:0; right:0; width:5.25em; height:100vh; background:#fff; border-left:1px solid #222; transition:transform .3s;} #quick .quickWrap .quickBtn{ position:absolute; top:50%; right:100%; transform:translateY(-50%);} #quick .quickWrap .quickBtn > .btn{ width:1.625em; height:3.125em; background:#fff; border:solid #222; border-width:1px 0 1px 1px; color:#111;} #quick .quickWrap .quickBtn > .btn .xi{ font-size:1.125em;} #quick .quickWrap .wrap_in{ height:inherit; text-align:center; color:#111;} #quick .quickWrap .wrap_in .quick_logo > .in{ background:var(--siteC2);} #quick .quickWrap .wrap_in .quick_logo > .in img{ width:3.25em;} #quick .quickWrap .wrap_in .quick_goTop > .btn{ margin:1em auto; width:3.375em; height:3.375em; background:#2f415b; border-radius:50%; color:#fff;} #quick .quickWrap .wrap_in .quick_goTop > .btn .xi{ font-size:1.625em;} #quick .quickWrap .wrap_in .quick_goTop > .btn:hover{ background:var(--siteC2);} #quick .quickWrap .wrap_in .quick_menu > .menu > li{ padding:0 .313em;} #quick .quickWrap .wrap_in .quick_menu > .menu > li > .in{ display:block; padding:.750em 0 .625em 0; border-bottom:1px solid #e5e5e5;} #quick .quickWrap .wrap_in .quick_menu > .menu > li > .in .tt{ font-size:.813em; font-weight:600;} #quick .quickWrap .wrap_in .quick_menu > .menu > li > .in .icon{ margin-bottom:.625em;} #quick .quickWrap .wrap_in .quick_menu > .menu > li > .in .icon img{ width:1.938em; transition:.4s;} #quick .quickWrap .wrap_in .quick_menu > .menu > li > .in:hover .icon img{ transform:rotateY(180deg);} #quick .quickWrap.on{ transform:translateX(100%);} #quick .quickWrap.on .quickBtn > .btn{ width:2.5em; height:4em; background:#222; color:#fff;} #quick .quickWrap.on .quickBtn > .btn .xi{ transform:rotateY(180deg);} /*footer*/ #footer{ background:#333; color:#fff;} #footer .menu_wrap{ padding:2.5em 0 1.75em 0;} #footer .menu_wrap .menu{} #footer .menu_wrap .menu > li > .in{ position:relative; padding:.5em 1.5em;} #footer .menu_wrap .menu > li > .in:after{ content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:.75em; background:rgba(255,255,255,.2); transform:translateY(-50%);} #footer .menu_wrap .menu > li:first-child > .in{ padding-left:0;} #footer .menu_wrap .menu > li:last-child > .in{ padding-right:0;} #footer .menu_wrap .menu > li:last-child > .in:after{ display:none;} #footer .menu_wrap .menu > li > .in .tt{ font-size:1.063em; font-weight:500;} #footer .menu_wrap .menu > li > .in .xi{ font-size:1.063em; padding-left:.375em;} #footer .menu_wrap .menu > li > .in:hover .tt{ text-decoration:underline;} #footer .menu_wrap .family{ position:relative;} #footer .menu_wrap .family .btn{ padding:0 1.5em 0 1.75em; height:3.125em; border:1px solid rgba(255,255,255,.3);} #footer .menu_wrap .family .btn .tt{ font-size:.938em; font-weight:500;} #footer .menu_wrap .family .btn .xi{ font-size:.938em; margin-left:5em;} #footer .menu_wrap .family .btn .xi:before{ display:block; transition:.3s;} #footer .menu_wrap .family .family_con{ position:absolute; left:0; bottom:100%; width:100%; max-height:20em; padding:1em .5em 1em 1em; background:#111; border:solid rgba(255,255,255,.3); border-width:1px 1px 0 1px; box-sizing:border-box; display:none;} #footer .menu_wrap .family .family_con .list > li .in{ display:block; padding:.5em 0;} #footer .menu_wrap .family .family_con .list > li .in .tt{ font-size:.875em;} #footer .menu_wrap .family .family_con .list > li .in:hover .tt{ text-decoration:underline;} #footer .menu_wrap .family.on .btn{ background:#111;} #footer .menu_wrap .family.on .btn .xi:before{ transform:rotate(180deg);} #footer .menu_wrap .family.on .family_con{ display:block;} #footer .info_wrap{ padding:0 0 4em 0;} #footer .info_wrap .logo img{ width:12.5em; opacity:.4; filter: grayscale(1) invert(1) brightness(10);} #footer .info_wrap .info{ flex:1;} #footer .info_wrap .info .list{} #footer .info_wrap .info .list > li{ float: left; padding:.375em 2.75em .375em 0;} #footer .info_wrap .info .list > li.br{ clear: left;} /* #footer .info_wrap .info .list > li:nth-child(2){ flex:1 1 100%;} */ #footer .info_wrap .info .list > li .tt{ font-size:.938em; opacity:.8;} #footer .info_wrap .info .copy{ margin-top:2.5em;} #footer .info_wrap .info .copy .tt{ font-size:.813em; text-transform:uppercase; opacity:.4;} /*contents*/ .dp1on .gnb .dp2 { display:none!important } .dp2on .gnb > li, .dp2on .gnb > li .dp1, .dp2on .gnb > li .dp3 { display:none!important } .dp2on .gnb > li.on { display:block!important } .dp3on .gnb > li, .dp3on .gnb > li .dp1, .dp3on .gnb > li .dp2 > li, .dp3on .gnb > li .dp2 > li > a { display:none!important } .dp3on .gnb > li.on, .dp3on .gnb > li .dp2 > li.on { display:block!important } #contents{ min-height:100vh; box-sizing:border-box;} #contents .sub_top_wrap{ height: 20em; position: relative;} #contents .sub_page_top{ height: 100%;} #contents .sub_page_top .sub_tit_wrap{ height: 100%; padding-bottom: 4.515em; box-sizing: border-box; text-align:center; color:#fff;} #contents .sub_page_top .sub_tit_wrap .sub_tit .tt{ font-size:2.500em; font-weight:700;} #contents .sub_page_top .sub_tit_wrap .sub_txt{ margin-top:1em;} #contents .sub_page_top .sub_tit_wrap .sub_txt .tt{ font-size:.9375em; font-weight:500; letter-spacing:.094em; opacity:.5;} /* #contents .sub_page_menu{ background:var(--siteC2); overflow:hidden;} #contents .sub_page_menu .gnb > li, #contents .sub_page_menu .gnb > li .dp1, #contents .sub_page_menu .gnb > li .dp3{ display:none;} #contents .sub_page_menu .gnb, #contents .sub_page_menu .gnb > li.on{ display:block;} #contents .sub_page_menu .gnb > li .dp2{ flex-wrap:wrap; padding-right:1px;} #contents .sub_page_menu .gnb > li .dp2 > li{ flex:1;} #contents .sub_page_menu .gnb > li .dp2 > li > .link{ display: flex; justify-content: center; align-items: center;} #contents .sub_page_menu .gnb > li.m_mypage .dp2 > li{ flex:1 1 25%; max-width:25%;} #contents .sub_page_menu .gnb > li .dp2 > li > a{ height:4.375em; padding:0 .25em; border:solid rgba(255,255,255,.2); border-width:0 1px 1px 1px; margin:0 -1px -1px 0; color:#fff; transition:.2s;} #contents .sub_page_menu .gnb > li .dp2 > li > a .tt{ font-size:1.063em; font-weight:600;} #contents .sub_page_menu .gnb > li .dp2 > li:hover > a{ background:#333;} #contents .sub_page_menu .gnb > li .dp2 > li.on > a{ background:#f3f6f8; color:#000;} */ #contents .sub_page_menu { position: absolute; border-top: 2px solid rgba(255,255,255, .1); background-color: rgba(0,0,0, .4); bottom: 0; width:100%; backdrop-filter: blur(10px); } #contents .sub_page_menu .gnb{ /* padding: 0 4vw; */ box-sizing: border-box;} #contents .sub_page_menu .gnb > li { width:100% } /* #contents .sub_page_menu .gnb .dp2 { } #contents .sub_page_menu .gnb .dp2 > li { position: relative; flex: 1; } */ #contents .sub_page_menu .gnb .dp2 {justify-content: center;} #contents .sub_page_menu .gnb .dp2 > li { position: relative; flex: 1; max-width:25%; } #contents .sub_page_menu .gnb .dp2 > li:after { position: absolute; top: 0; width: 100%; transform: scaleX(0); height: 3px; background: #fff; content: ''; transition: .5s; } #contents .sub_page_menu .gnb .dp2 > li:hover:after, #contents .sub_page_menu .gnb .dp2 > li.on:after { transform: scaleX(1); } #contents .sub_page_menu .gnb .dp2 > li:last-of-type:before { display: none; } #contents .sub_page_menu .gnb .dp2 > li > a { display:flex; align-items:center; letter-spacing: .03em; justify-content:center; font-size: 1em; font-weight: 500; color: #fff; opacity: .75; height:4.515em; padding:0 .5em; transition: .15s; position:relative } #contents .sub_page_menu .gnb .dp2 > li > a:hover { opacity: 1; transition: .15s; } #contents .sub_page_menu .gnb .dp2 > li > a .va { font-weight:600; font-size:1.125em; opacity:.85; position:relative; z-index:1 } #contents .sub_page_menu .gnb .dp2 > li.on > a { color:#fff; opacity: 1; } #contents .sub_page_menu .gnb .dp2 > li.on > a:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:100%; } #contents .sub_page_menu .gnb .dp2 > li:hover > a .va, #contents .sub_page_menu .gnb .dp2 > li.on > a .va { opacity:1; } #contents .sub_page_menu .gnb .dp2 > li > .layer { display: none; } #contents .sub_con_tit{ padding:1.5em 0 1em 0; background:#f8f5f3;} #contents .sub_con_tit .con_tit{ flex:1; position:relative; padding-left:.75em;} #contents .sub_con_tit .con_tit:before{ content:""; display:block; position:absolute; top:0; left:0; width:1.375em; height:.5em; background:var(--siteC2); border-radius:6em; transform:rotate(-45deg) translate(-.375em, -.5em);} #contents .sub_con_tit .con_tit .tt{ font-size:2.000em; color:#111; font-weight:600;} #contents .sub_con_tit .con_nav{ padding:0 0 .5em 0;} #contents .sub_con_tit .con_nav > li{ position:relative; padding:0 .5em 0 1em; color:#333;} #contents .sub_con_tit .con_nav > li:before{ content:"\e93e"; font-family:xeicon; position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:.750em; color:#aaa;} #contents .sub_con_tit .con_nav > li:first-child:before{ display:none;} #contents .sub_con_tit .con_nav > li:first-child{ padding:0 .25em 0 0;} #contents .sub_con_tit .con_nav > li:last-child{ padding-right:0;} #contents .sub_con_tit .con_nav > li:last-child .tt{ font-weight:700;} #contents .sub_con_tit .con_nav > li > *{ display:block;} #contents .sub_con_tit .con_nav > li .home{ background: #333; width: 1.5em; height: 1.5em; text-align: center; border-radius: 50%; line-height: 1.5em;} #contents .sub_con_tit .con_nav > li .home .xi{ font-size:1em; color:#fff;} #contents .sub_con_tit .con_nav > li .home .xi:before{ font-size:.938em;} #contents .sub_con_tit .con_nav > li .tt{ font-size:.938em;} #contents .sub_con_tit.center{ padding:2.5em 0 2em 0;} #contents .sub_con_tit.center .con_tit{ margin-left:-.375em;} #contents .sub_con_tit.center > .inner{ flex-direction:column; justify-content:center;} #contents .sub_con_tit.center .con_tit{ flex:0 0 auto;} #contents .sub_con_tit.center .con_nav{ padding:1em 0 0 0;} #contents .sub_con_menu{ padding:1.875em 0 3.5em 0;} #contents .sub_con_menu .gnb > li, #contents .sub_con_menu .gnb > li .dp1, #contents .sub_con_menu .gnb > li .dp2 > li, #contents .sub_con_menu .gnb > li .dp2 > li > a{ display:none;} #contents .sub_con_menu .gnb, #contents .sub_con_menu .gnb > li .dp2, #contents .sub_con_menu .gnb > li.on, #contents .sub_con_menu .gnb > li .dp2 > li.on{ display:block;} #contents .sub_con_menu .gnb > li .dp3{ flex-wrap:wrap; margin:0 0 -.625em -.625em;} #contents .sub_con_menu .gnb > li .dp3 > li{ flex:1 1 25%; max-width:25%; text-align: center;} #contents .sub_con_menu .gnb > li .dp3 > li > a{ display: flex; justify-content: center; align-items: center; height:3.5em; margin:0 0 .625em .625em; padding:.5em .5em; box-sizing: border-box; background:#fff; border:1px solid #d4d5d8; border-radius:6px; color:#111; font-weight:600; transition:.2s;} #contents .sub_con_menu .gnb > li .dp3 > li:hover > a, #contents .sub_con_menu .gnb > li .dp3 > li.on > a{ border-color:var(--siteC2); box-shadow:0 3px .375em rgba(0,0,0,.1); color:var(--siteC2);} #contents .sub_con_menu .gnb > li .dp3 > li.on > a{ font-weight:700;} #contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_print .dp3 > li, #contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_eduList .dp3 > li{ flex:1 1 33.33%; max-width:33.33%;} #contents .sub_con_menu .gnb > li.m_mypage .dp2 > li.sm_eduTime .dp3 > li > a {padding:.5em 1em;} #contents .sub_in_tit{} #contents .doc{ padding:3.5em 0 11em 0;} #contents .sub_in_tit + .doc{ padding-top:2.5em;} #contents .doc.pb0 .page_con:last-child{ padding-bottom:8em;} /*SUB PAGE*******************/ /*inc*/ .page_sec { margin-top:3.5em !important;} .page_sec0{ margin-top:-1px !important;} .page_sec1{ margin-top:.375em !important;} .page_sec2{ margin-top:1em !important;} .page_sec3{ margin-top:2.5em !important;} .page_sec4{ margin-top:6em !important;} .page_sec5{ margin-top:3em !important;} .receiptBox{padding:3em; border:1px solid #ddd; box-shadow:0 0.25rem 0.5rem 0 rgb(0 0 0 / 8%); box-sizing:border-box} .page_tab_wrap{ margin-bottom:3.5em; text-align:center;} .page_tab_wrap .tab{} .page_tab_wrap .tab > li{ flex:1 1 33.33%; max-width:33.33%;} .page_tab_wrap .tab > li > a{ height:4em; position:relative; border:1px solid #ddd; margin-left:-1px;} .page_tab_wrap .tab > li > a:after{content:""; display:block; position:absolute; left:0; top:0; width:100%; height:2px; background:var(--siteC2); transform:scaleX(0); transition:.3s; display:none} .page_tab_wrap .tab > li > a .tt{ color:#888; font-weight:600; font-size:1em;} .page_tab_wrap .tab > li.on > a{background:var(--siteC2)} .page_tab_wrap .tab > li.on > a .tt{ color:#fff;} .page_tab_wrap .tab > li:hover > a:after, .page_tab_wrap .tab > li.on > a:after{ transform:scaleX(1);} .page_tab_wrap .tab > li:hover > a{ } .page_tab_wrap .tab > li:hover > a .tt{ color:var(--siteC2)} .page_tit{ margin-bottom:1.5em;} .page_tit.icon{ position:relative;} .page_tit.icon:before{ content:""; display:block;} .page_tit.icon > .tt{ position:relative;} .page_tit.icon.st1{ margin-bottom:2em;} .page_tit.icon.st1:before{ position:absolute; left:0; top:0; width:2.5em; height:2.5em; background:#c89038; border-radius:50%; opacity:.2; transform:translate(-.75em, -.25em);} .page_tit.icon.st2{ padding-left:2em;} .page_tit.icon.st2:before{ content:"\e92b"; font-family:xeicon; font-size:1.500em; color:inherit; position:absolute; top:0; left:0; margin-top:-.188rem;} .page_tit.icon.st2 > .t2{ top:-.063rem;} .page_tit.line{ margin-bottom:1em; padding-bottom:1em; border-bottom:1px dashed #d4d5d8;} .page_tit:last-child{ margin-bottom:0 !important;} .page_tit > .tt{ color:#111;} .page_tit > .t1{ font-size:1.625em;} .page_tit > .t2{ font-size:1.375em;} .page_tit > .t3{ font-size:1.875em;} .page_tit > .t4{ font-size:1.188em;} .page_tit > .t5{ font-size:1.125em;} .page_tit > .t6{ font-size:1.063em;} .page_tit > .t7{ font-size:1.5em;} .page_tit > .t8{ font-size:1em;} .page_tit .dot_tit {position: relative; padding-left: 1em; font-size: 1.3em; font-weight: 600; color: #111;} .page_tit .dot_tit::before {content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 6px; height: 6px; border-radius: 50%; border: 3px solid var(--siteC2);} .page_txt{} .page_txt > .tt{ margin-top:1.375em; color:#111; font-weight:500;} .page_txt > .tt:first-child{ margin-top:0;} .page_txt > .tt.flex > .sec{ padding-right:1.75em;} .page_txt > .tt.flex > .sec:last-child{ padding-right:0;} .page_txt > .t1{ font-size:1.063em; line-height:1.9;} .page_txt > .t2{ font-size:1.250em;} .page_txt > .t3{ font-size:.938em; line-height:1.5;} .page_txt > .t4{ font-size:1.125em; line-height:1.5;} .page_txt > .t5{ font-size:.875em; line-height:1.5;} .page_txt > .t6{ font-size: 1.5em;} .page_txt > .t7{ font-size: 1.875em;} .page_con{ padding:3.75em 0 4em 0; box-sizing:border-box;} .page_con.bg1{ background:#f2f2f2;} .cont_box {margin-bottom: 3em;} .cont_box:last-child {margin-bottom: unset;} .page_con_num{ counter-reset:number 0;} .page_con_num > .innerNum .addNum:before{ content:counter(number) "."; counter-increment:number 1;} .page_tit.addNum{ position:relative; padding-left:2em;} .page_tit.addNum:before{ display:block; position:absolute; top:0; left:0; margin-top:-.125rem; font-size:1.375em; color:var(--siteC2); font-weight:700;} .page_tit.addNum > .t1{} .page_tit.addNum > .t2{} .page_tit.addNum > .t3{} .page_tit.addNum > .t4{} .page_txt_top{ margin-bottom:3.75em; padding: 0 .25em 3em; border-bottom:1px dashed #d9d9d9} .page_txt_top .tit{ margin-bottom:1.5em;} .page_txt_top .tit .tt_en{ display: flex; align-items: center; gap: 2em; font-size:1.5em;font-family: 'BareunBatang'; color:#C0B09D;} .page_txt_top .tit .tt_en:after {content:''; flex: 1; height:1px; background: #C0B09D; } .page_txt_top .tit .tt{ display: block; font-weight: 600; font-size:2em;} .page_txt_top .desc{} .page_txt_top .desc > .txt{ line-height:1.5; color:#333; } .page_txt_top .desc > .txt + .txt{ margin-top: 1.25em;} .page_txt_wrap{} .page_txt_wrap > .innerSec:first-child{ padding-top:0 !important;} .page_txt_wrap > .innerSec:last-child{ padding-bottom:0 !important;} .page_txt_wrap > .innerSec.flex > .wrap_tit{ flex:1;} .page_txt_wrap > .innerSec.flex > .wrap_con{ flex:1;} .page_txt_wrap > .innerSec.flex > .wrap_img{ flex:1;} .page_txt_wrap > .innerSec.flex > .wrap_img > .in_img{ height:100%;} .page_txt_wrap.line > .innerSec{ border-bottom:1px dashed #d9d9d9;} .page_txt_wrap.line > .innerSec:last-child{ border-bottom-width:0;} .page_txt_wrap.st1 > .innerSec{ padding:3.75em 0;} .page_txt_wrap.st1 > .innerSec.flex > .wrap_tit{ max-width:22.5em;} .page_txt_wrap.st1 > .innerSec.flex > .wrap_con{ padding-left:3.75em;} .page_txt_wrap.st2 > .innerSec{ padding:2.5em 0;} .page_txt_wrap.st2 > .innerSec.flex > .wrap_tit{ max-width:54%; padding:3em 6em 4em 1em;} .page_txt_wrap.st3{ border-top:1px solid #000;} .page_txt_wrap.st3 > .innerSec{ padding:0 0; background:#fff; border-bottom:1px solid #e5e5e5;} .page_txt_wrap.st3 > .innerSec > .wrap_tit, .page_txt_wrap.st3 > .innerSec > .wrap_con{ padding:2.5em 1.5em;} .page_txt_wrap.st3 > .innerSec.pn > .wrap_tit { padding:2.5em 1.5em 1em;} .page_txt_wrap.st3 > .innerSec.pn > .wrap_con { padding:1em 1.5em 1.5em;} .page_txt_wrap.st3 > .innerSec.flex > .wrap_tit{ max-width:16em; position:relative;} .page_txt_wrap.st3 > .innerSec.flex > .wrap_tit:before{ content:""; position:absolute; top:-1px; left:0; width:100%; height:1px; background:var(--siteC2);} .page_txt_wrap.st4 > .innerSec{ padding:.875em .25em;} .page_txt_wrap.st4 > .innerSec:last-child{ border-bottom-width:0;} .page_txt_wrap.st4 > .innerSec.flex > .wrap_tit{ max-width:10em;} .page_txt_wrap.st4 > .innerSec.flex > .wrap_con{ padding-left:1.5em;} .page_txt_wrap.st4.st6 > .innerSec.flex > .wrap_con{ padding-left:.5em;} .page_txt_wrap.st4.st5{background:#f7f7f7; padding:1.5em 1em; margin-bottom:1em; border:1px solid #e9e9e9;} .page_txt_wrap > .innerSec.head{ margin-bottom:1em; padding:0; border-bottom-width:0; text-align:center;} .page_txt_wrap > .innerSec.head > .wrap_head{ padding:.75em .75em !important; background:#fff; border:1px solid #d4d5d8; border-radius:.25em; box-shadow:2px 2px .25em rgba(0,0,0,.07);} .page_txt_wrap.st1 > .innerSec.head > .wrap_con.wrap_head{ margin-left:3.5em;} .page_txt_wrap.st4 > .innerSec.head > .wrap_con.wrap_head{ margin-left:1.25em;} .page_txt_wrap.even:not(.st3) > .innerSec.flex:nth-child(even){ flex-direction:row-reverse;} .page_txt_wrap.even.st1 > .innerSec.flex:nth-child(even) > .wrap_con{ padding-left:0; padding-right:3.75em;} .page_txt_wrap.even.st2 > .innerSec.flex:nth-child(even) > .wrap_tit{ padding-right:1em; padding-left:6em;} .page_txt_wrap.even.st3 > .innerSec:nth-child(even){ background:#f7f7f7;} .page_txt_wrap.odd:not(.st3) > .innerSec.flex:nth-child(odd){ flex-direction:row-reverse;} .page_txt_wrap.odd.st1 > .innerSec.flex:nth-child(odd) > .wrap_con{ padding-left:0; padding-right:3.75em;} .page_txt_wrap.odd.st2 > .innerSec.flex:nth-child(odd) > .wrap_tit{ padding-right:1em; padding-left:6em;} .page_txt_wrap.odd.st3 > .innerSec:nth-child(odd){ background:#f7f7f7;} .table_tit {font-size: 1.05em; font-weight: 600; margin-bottom: .5em;} .table_detail { background: #f4f4f4; padding: 1em;} .page_ex_list{} .page_ex_list > li{ padding:.313em 0;} .page_ex_list > li > .in{ position:relative;} .page_ex_list > li > .in:before{ content:""; position:absolute; left:0;} .page_ex_list > li > .in .tt{ font-size:1.063em; color:#111; line-height:1.5;} .page_ex_list > li > .in .tt.tin {text-indent: 5px;} .page_ex_list > li > .in > .tt.t1{ margin-top:.25em; font-size:1em; color:#555;} .page_ex_list > li > .in > .tt.t1.bl{color:#111;} .page_ex_list > li > .in > .tt a[href]:hover{ text-decoration:underline;} .page_ex_list.small{ font-size:.938em;} .page_ex_list.small > li{ padding:.25em 0;} .page_ex_list > li:first-child{ padding-top:0;} .page_ex_list > li:last-child{ padding-bottom:0;} .page_ex_list > li > .in > .tt + .page_ex_list{ margin-top:.75em;} .page_ex_list > li > .in .page_ex_list:last-child{ margin-bottom:.75em;} .page_ex_list > li:last-child > .in .page_ex_list:last-child{ margin-bottom:0;} .page_ex_list.dot > li > .in{ padding-left:1em;} .page_ex_list.dot > li > .in:before{ top:.5em; width:.313em; height:.313em; background:var(--siteC2); border-radius:50%;} .page_ex_list.dot > li > .in .tt{ font-size:1.0625em;} .page_ex_list.line > li > .in{ padding-left:1em;} .page_ex_list.line > li > .in:before{ top:.563em; width:.313em; height:2px; background:#888;} .page_ex_list.fSt{} .page_ex_list.fSt > li{padding-bottom:1em;} .page_ex_list.fSt > li:last-child{padding-bottom:0;} .page_ex_list.fSt > li .in{} .page_ex_list.fSt > li .in .tit{width:5em;} .page_ex_list.fSt > li .in .tit.st2{width:8em;} .page_ex_list.fSt > li .in .txt{flex:1; min-width:0;} .page_ex_list.fSt > li .in .tit .ti{} .page_ex_list.fSt > li .in .txt .tx{display:block; padding-bottom:.313em;} .page_ex_list.fSt > li .in .txt .tx:last-child{padding-bottom:0;} .page_box_list{} .page_box_list > .list{ margin:0 0 -1.25em -1.25em;} .page_box_list > .list > li{ flex:1;} .page_box_list > .list:not(.max) > li{ max-width:none !important;} .page_box_list > .list > li > .innerList{ flex:1; margin:0 0 1.25em 1.25em;} .page_box_list > .list > li > .innerList > .wrap_tit1{ margin-bottom:1em; padding:1em 1em; background:#f8f6f3; border:1px solid #d8d7d4; border-radius:.25em; box-shadow:2px 2px .375em rgba(0,0,0,.1);} .page_box_list > .list > li > .innerList > .wrap_tit1:last-child{ margin-bottom:0;} .page_box_list > .list > li > .innerList > .wrap_tit1 + .wrap_con{ padding:1em 1em; background:#fff; border:1px solid #e9e9e9; border-radius:.5em;} .page_box_list > .list > li > .innerList.flex.col > .wrap_tit1 + .wrap_con{ flex:1 1 auto;} .page_img_box1{ position:relative; overflow:hidden;} .page_img_box1.round{ border-radius:1em;} .page_img_box2{} .page_line{ display:block; margin:3.75em 0; height:0; border-width:1px 0 0 0; border-style:solid; border-color:#d9d9d9;} .page_line.dot{ border-style:dashed;} .page_line.mg1{ margin:1em 0;} .page_line.mg2{ margin:2em 0;} .page_line.mg3{ margin:.75em 0;} .page_more .input_st{ transition:.2s;} .page_more .input_st.s1{ padding-left:2em; padding-right:2em;} .page_more .input_st:hover, .page_more .input_st.re:hover{ background:#000 !important; border-color:#000 !important; color:#fff !important;} .page_icon{ margin:2em 0;} .page_icon:first-child{ margin-top:0;} .page_icon:last-child{ margin-bottom:0;} .page_icon > .icon img{ width:2.5em;} .page_boxSt1{} .page_boxSt2{} .page_msg{} .page_msg > .inner{ padding:1.75em 2em; background:#fff; border-radius:.375em; box-shadow:2px 2px .5em rgba(0,0,0,.15);} .page_memo > li{ margin-top:.5em; position:relative} .page_memo > li:first-child{ margin-top:0} .page_memo > li .tt{ margin:.25em 0 0 .5em} .page_memo > li.flex .tt{ flex:1 1 0%; min-width:0;} .page_memo .t1{ font-size:.938em; color:#555;} .page_memo .t1 .ti{font-weight:500; font-size:1.125em; color:#000;} .page_memo .icon.info:before{content:"\e9a7"; color:var(--siteC2); font-size:.938em;} .sub_page_tab_wrap{} .sub_page_tab_wrap .list{margin:0 0 0 -.625em;} .sub_page_tab_wrap .list > li{flex:1 1 25%; max-width:25%;} .sub_page_tab_wrap .list > li .in{height:3.5em; margin:0 0 0 .625em; padding:.5em .5em; background:#fff; border:1px solid #d4d5d8; border-radius:6px; color:#111; font-weight:600; transition:.2s;} .sub_page_tab_wrap .list > li .in .tt{} .sub_page_tab_wrap .list > li.on .in, .sub_page_tab_wrap .list > li:hover .in{border-color:var(--siteC2); box-shadow:0 3px .375em rgba(0,0,0,.1); color:var(--siteC2);} .sub_page_tab_wrap .list > li.on .in .tt, .sub_page_tab_wrap .list > li:hover .in .tt{font-weight:700;} .sub_page_tab_wrap .list.st1 > li{flex:1 1 33.33%; max-width:33.33%;} .sub_tab {background: #f4f4f4;} .sub_tab > li {border: 1px solid #f4f4f4; overflow: hidden; width: 20%; text-align: center;} .sub_tab > li a {display: block; padding: 1em;} .sub_tab > li.on, .sub_tab > li:hover {border-color: var(--siteC2); border-radius: .5em;} .sub_tab > li.on a, .sub_tab > li:hover a {background: var(--siteC2); color: #fff; font-weight: 500;} /*개인정보처리방침*/ .agree_wrap{ padding:.5em; font-size:.938em; line-height:1.5; border-top:2px solid var(--siteC); border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; box-shadow:3px 1px 9px rgba(0,0,0,.2); padding:2em;} .agree_wrap .agree p{ line-height:1.9; padding:1em 0; color:#222;} .agree_wrap .agree p strong {font-size:1.3em; } .member_agree .agree{ padding:3em; border:1px solid #ddd; border-top:2px solid #3c3c3d; font-size:.938em; color:#69696b; font-weight:300; line-height:1.4em;} .member_agree .agree.H{ padding:1.5em; border-top-width:1px; height:7em; overflow-y:scroll;} .member_agree .agree p{ padding:.5em 0;} .member_agree .agree *{ vertical-align:baseline;} .member_agree .agree strong{ color:#3c3c3d;} .member_agree .check{ padding:1em 2em; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; text-align:right; background:#f9f9f9} .member_agree h1{ color:#111; font-weight:600} /*MEMBER******************/ .mem_step_wrap{ padding:1.5em 2% 0 2%; text-align:center;} .mem_step_wrap .mem_step > li .icon_wrap{ position:relative; padding:0 2em;} .mem_step_wrap .mem_step > li .icon_wrap:after{ content:""; display:block; position:absolute; top:50%; right:0; width:4em; height:1px; background:#d4dade; transform:translateX(50%);} .mem_step_wrap .mem_step > li:last-child .icon_wrap:after{ display:none;} .mem_step_wrap .mem_step > li .icon_wrap .icon{ width:5.75em; height:5.75em; background:#f5f5f5; border:.25em solid #d4dade; border-radius:100%;} .mem_step_wrap .mem_step > li .icon_wrap .icon img{ width:2.75em;} .mem_step_wrap .mem_step > li .con_wrap{ padding-top:.75em;} .mem_step_wrap .mem_step > li .con_wrap .tt{ color:#ccc; font-weight:500;} .mem_step_wrap .mem_step > li .con_wrap .t1{ font-size:1.500em;} .mem_step_wrap .mem_step > li .con_wrap .t2{ font-size:1.063em;} .mem_step_wrap .mem_step > li.on .icon_wrap:after{ background:var(--siteC2);} .mem_step_wrap .mem_step > li.on .icon_wrap .icon{ background:#fff; border-color:var(--siteC2);} .mem_step_wrap .mem_step > li.on .con_wrap .t1{ color:var(--siteC2); font-weight:700;} .mem_step_wrap .mem_step > li.on .con_wrap .t2{ color:#000;} .mem_login_box{ width:40em; max-width:100%; margin:0 auto;} .mem_join_box { width:50em; max-width:100%; margin:0 auto;} .mem_form_wrap{ padding:2.5em 3em; border:1px solid #ddd; padding:.75em 1.5em; border:1px solid #eee; background:#f9f9f9;} .mem_form_wrap.st2{ border-top-width:3px; border-top-color:var(--siteC2); border-top-width:1px; border-top-color:#ddd;} .mem_form_wrap.st3{ padding:0; border-top-color:#333;} .mem_form_wrap.pd1{ padding:.75em 1.5em;} .mem_form_wrap.passSt{border-top-width:3px; border-top-color:var(--siteC2); background:#f9f9f9; padding:1.5em;} .mem_form_inp{} .mem_form_inp > li{ margin-top:1.5em;} .mem_form_inp > li .tit{ font-size:1.063em; font-weight:600; font-size:1em !important;} .mem_form_inp > li:not(.inp_wrap) .tit{ margin-bottom:.75em; margin-top: 1em !important; } .mem_form_inp > li .in_txt{ padding:.5em 0 1em 0; border-bottom:1px solid #e1e2e6; font-size:1.063em; color:#333;} .mem_form_inp > li .in_inp.flex .in_txt{ flex:1; margin-right:.5em;} .mem_form_inp > li .in_icon{ margin-bottom:2em;} .mem_form_inp > li .in_icon:last-child{ border-bottom:0;} .mem_form_inp > li .in_icon > .icon{ width:6em; height:6em; background:#f3f6f8; border-radius:50%;} .mem_form_inp > li .in_icon > .icon img{ width:3em;} .mem_form_inp > li .check{ padding-top:1em; border-top:1px dashed #ddd;} .mem_form_inp > li.inp_wrap{ margin-top:.5em;} .mem_form_inp > li.inp_wrap.mg0{margin-top:0;} .mem_form_inp > li.inp_wrap .tit{ width:6.5em; width:5em;} .mem_form_inp > li.inp_wrap .inp{ flex:1;} .mem_form_inp > li.inp_wrap > .wrap_in.flex{ min-height:3em;} .mem_form_inp > li.cer_wrap{ text-align:center;} .mem_form_inp > li:first-child{ margin-top:0;} .mem_form_inp.st1 > li{padding-right:2em;} .mem_form_inp.st2 > li{padding-right:.313em;} .mem_terms_wrap .all_check{ padding:1em 0; border-bottom:1px dashed #bbb; font-size:1.125em;} .mem_terms_wrap > li{ padding-top:2.5em;} .mem_terms_wrap > li:first-child{ padding-top:0;} .mem_terms_wrap .tit{ margin-bottom:.75em; font-size:1.125em; color:#111;} .mem_terms_wrap .tit *{ vertical-align:baseline;} .mem_btn_wrap{ margin-left:-.375em; text-align:center;} .mem_btn_wrap > li{ flex:1;} .mem_btn_wrap > li .in{ margin-left:.375em;} .mem_sns_wrap{ margin-top:3.5em; text-align:center;} .mem_sns_wrap .mem_sns{} .mem_sns_wrap .mem_sns > li{ width:20%;} .mem_sns_wrap .mem_sns > li .in{ display:inline-block;} .mem_sns_wrap .mem_sns > li .in .icon{ margin-bottom:.75em; width:4em; height:4em; border:1px solid #ddd; border-radius:100%; transition:.2s;} .mem_sns_wrap .mem_sns > li .in .icon .xi{ font-size:2.250em;} .mem_sns_wrap .mem_sns > li .in .tt{ font-size:.938em; color:#111;} .mem_sns_wrap .mem_sns > li .in.naver { color:#1ec800;} .mem_sns_wrap .mem_sns > li .in.kakao { color:#ffb400;} .mem_sns_wrap .mem_sns > li .in.google{ color:#eb4f42;} .mem_sns_wrap .mem_sns > li .in.face { color:#046ee4;} .mem_sns_wrap .mem_sns > li .in:hover{ color:#fff;} .mem_sns_wrap .mem_sns > li .in:hover .icon{ background:#2f415b; border-color:#2f415b;} .mem_link_wrap{ text-align:center;} .mem_link_wrap > li .in{ position:relative; display:inline-block; padding:.5em 1.25em;} .mem_link_wrap > li .in:after{ content:""; display:block; position:absolute; top:50%; right:0; width:1px; height:1em; background:#ccc; transform:translateY(-50%);} .mem_link_wrap > li:last-child .in:after{ display:none;} .mem_link_wrap > li .in .tt{ font-size:1.125em;} .mem_link_wrap > li .in:hover .tt{ text-decoration:underline;} .mem_agree .agree{ padding:2em; border:solid #ddd; border-width:2px 1px 1px 1px; border-top-color:#333; background:#fff; color:#444; line-height:1.8;} .mem_agree .agree.H{ padding:1.5em 1em; border-top-width:1px; height:12em; overflow-y:scroll;} .mem_agree .agree p{ padding:.5em 0;} .mem_agree .agree *{ vertical-align:baseline;} .mem_agree .agree strong{} .mem_agree .check{ padding:1em 0;} .dp1_policy .mem_agree .agree strong{color:#fff; background:var(--siteC2); padding:.5em 1em; border-radius:.5em; text-align:center; display:block;} /***********************/ /*SUB PAGE ******************/ /* 연구원 소개 - 인사말 */ .dp2_greeting #contents .doc{padding-top: 0; padding-bottom: 8em;} .greet_wrap{padding-top: 8em; position: relative;} .greet_wrap .bg_top{width: 100%;height: 80%;position: absolute;left: 0;top: 0;} .greet_wrap .greet_txt{ max-width: 80%; margin:0 auto; position: relative;} .greet_wrap .greet_txt .page_txt{padding: 5em 5em 8em;box-sizing:border-box;background: #fff;position:relative;z-index:1;box-shadow: 2px 2px 10pc rgba(0, 0, 0, .2);} .greet_wrap .greet_txt .intro{ margin-bottom: 1.5em;} .greet_wrap .greet_txt .tx{ color:#333;} .greet_wrap .greet_txt .tx + .tx{ margin-top: .8em;} .greet_wrap .greet_txt .tx.name{ margin-top: 1.5em; text-align: center; } .greet_wrap .greet_txt::after{content: '';width: 100%; height: 13em;background: var(--siteC2);position: absolute;left: -1em;top: -1em;} /* 연구원 소개 - 연혁 */ .page_twrap_img{ position:relative; padding-bottom:7em} .page_twrap_img .wrap_con{ width:70%; background:#fff; position:relative; z-index:1; box-sizing:border-box; padding:3em; padding-bottom:4em} .page_twrap_img .wrap_con:before{ content:""; position:absolute; left:0; top:0; width:2em; height:2em; border:.25em solid #0060ae; border-right:none; border-bottom:none} .page_twrap_img .wrap_img{ position:absolute; left:0; bottom:0; width:100%; height:70%} .page_twrap_img .wrap_img .img{ height:100%} .page_twrap_img.st1{ padding-bottom:5em} .page_twrap_img.st1 .wrap_con{ width:80%; margin:0 auto; text-align:center; padding:3em; border-top:1px solid #111} .page_twrap_img.st1 .wrap_con:before{ display:none} .page_twrap_img.st1 .wrap_img{ height:80%} /* */ .history_wrap{ display:flex; align-items:flex-start; position:relative; padding:4em 0 1em 0} .history_wrap:before{ content:""; position:absolute; top:0; width:1px; height:calc(100% - 3em); background:#ddd} .history_wrap:before, .history_wrap .tabLink{ left:27em} .history_wrap .wrap_tab{ width:27em; padding:1em 0; padding:0 6em 0 3em; box-sizing:border-box} .history_wrap .wrap_tab > li > a{ margin:2em 0; color:#111; position:relative; filter:grayscale(1); transition:.3s} .history_wrap .wrap_tab > li > a:before{ content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(255,255,255,.5)} .history_wrap .wrap_tab > li > a .t1{ font-weight:800; font-size:1.75em} .history_wrap .wrap_tab > li.on > a, .history_wrap .wrap_tab > li > a:hover, .history_wrap .wrap_tab > li > a:focus{ filter:grayscale(0); color:#fff} .history_wrap .wrap_tab > li.on > a:before, .history_wrap .wrap_tab > li > a:hover:before, .history_wrap .wrap_tab > li > a:focus:before{ width:100%; height:100%; background:rgba(0,0,0,.5)} .history_wrap .wrap_tab > li.on > a{ border-color:#111; box-shadow:0 0 .5em rgba(0,0,0,.1)} .history_wrap .wrap_tab > li.on > a:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; border:.25em solid var(--siteC);} .history_wrap .wrap_con{ flex:1 1 0%; min-width:0; box-sizing:border-box; padding:2em 0; padding-right:6em} .history_wrap .tabLink{ width:5em; height:3em; position:absolute; bottom:0; transform:translatex(-50%)} .fadeAni{ animation-name: fadeAni; animation-duration: 2s; animation-iteration-count: infinite} .history_wrap .tabLink .xi{ font-size:3em; position:absolute; left:0; top:0; width:100%; text-align:center;color:#ddd; margin-left:1px; animation-duration: 3s; animation-iteration-count: infinite} .history_wrap .tabLink .xi:before{content:"\e943"} .history_wrap .tabLink.tab1 .xi:before{content:"\e946"} .history_wrap .tabLink .xi:nth-child(1){ transform:translateY(-.188em) scale(.6); animation-name: angleAni1} .history_wrap .tabLink .xi:nth-child(2){ transform:scale(.8); animation-name: angleAni2} .history_wrap .tabLink .xi:nth-child(3){ transform:translateY(.188em); animation-name: angleAni3} .history_wrap .tabLink.tab1 .xi:nth-child(1) { transform:translateY(-.188em) scale(1); animation-name: angleAni3} .history_wrap .tabLink.tab1 .xi:nth-child(3) { transform:translateY(.188em) scale(.6); animation-name: angleAni1} .history_wrap .tabLink:hover .xi, .history_wrap .tabLink:focus .xi{animation-name: none; color:var(--siteC);} @keyframes angleAni1{ 0% {color: #ddd} 10% {color: var(--siteC)} 20% {color: #ddd} } @keyframes angleAni2{ 10% {color: #ddd} 20% {color: var(--siteC)} 30% {color: #ddd} } @keyframes angleAni3{ 20% {color: #ddd} 30% {color: var(--siteC)} 40% {color: #ddd} } .history > li{ padding:0 0 4em 4em; position:relative} .history > li:before{ content:""; position:absolute; left:0; top:1.25em; width:3em; height:1px; background:#ddd} .history > li .dot{ position:absolute; left:0; top:1.25em; transform:translate(-50%,-50%); width:1.5em; height:1.5em} .history > li .dot:before, .history > li .dot:after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:100%; border-radius:50%} .history > li .dot:before{ background:none; } .history > li .dot:after{ background:#ccc; width:40%; height:40%} .history > li .year .t1{ font-weight:800; font-size:1.75em; letter-spacing:-.063em} .history > li .list{ padding:1em 0} .history > li .list > li{ display:flex; flex-wrap: wrap; padding:.5em .125em 1.5em} .history > li .list > li .month{ width:4em; margin-right:2em; color:#999;} .history > li .list > li .con{ flex:1 1 0%; min-width:0; padding:.125em 0; color:#666;} .history > li .list > li .con .t1{ display: block; font-weight: 600; font-size:1.063em; position: relative;} .history > li .list > li .con .t2{ padding-left: 1rem; opacity: .8; position: relative;} .history > li .list > li .con .t1 + .t1, .history > li .list > li .con .t2 + .t1{ margin-top: 0.5em;} .history > li .list > li .con .t2::before{ content: ''; width: 6px; height: 1px; border-radius: 50%; background: var(--siteC); opacity: .5; position: absolute; left: 0; top: 11px;} .history > li .month .t1{ font-weight:600; font-size:1.125em;} .history > li .list > li .history_img{ display:flex; flex-wrap:wrap; gap:.5em; width:100%; margin:1em 0 2em; padding-left:6em; box-sizing:border-box; } .history > li .list > li .history_img > li{ flex: 0 0 calc((100% - .5em) / 2);} .history > li .list > li .history_img > li img{ display: block; border:1px solid #eee; border-radius: .5em;} .history > li.on .year, .history > li.on .list > li .month{ color:var(--siteC);} .history > li.on .list > li .con{ color:#000;} .history > li.on .dot:before{ background:var(--siteC); opacity:.4; animation-name: scaleAni; animation-duration: 2s; animation-iteration-count: infinite} .history > li.on .dot:after{ background:var(--siteC);} @keyframes scaleAni{ 100% { opacity:0; width:150%; height:150%} } /* 미션 */ .misson_tit {font-size: 1.8em; font-weight: 600; margin-bottom: 0.5em;} .mission_list {flex-wrap: wrap; gap: 1em; padding: 2em 0;} .mission_list > li {flex: 1 1 32.3%; max-width: 32.3%; text-align: center;} .mission_list > li .img {} .mission_list > li .icon {background: var(--siteC2); color: #fff; border: 5px solid #fff; width: 4em; height: 4em; display: inline-block; line-height: 4em; border-radius: 50%; margin-top: -2em;} .mission_list > li .txt_box {margin-top: 1em;} .mission_list > li .txt_box .ti {font-size: 1.4em; font-weight: 600; position: relative;} .mission_list > li .txt_box .ti::before { position: absolute; content: ''; background: var(--siteC2); opacity: .2; height: .5em; width: 5em; border-radius: 2em; z-index: -1; bottom: -12%; left: 50%; transform: translate(-50%, -50%);} .mission_list > li .txt_box .tt {margin-top: 1em; color: #333;} /* 교육소개, 자격증 개요 */ .edu_wrap {} .edu_wrap .edu_con1 {position: relative; padding: 2em 0; border-bottom: 7px solid #f4f5f9; gap: 3em;} .edu_wrap .edu_con1 .line { position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: repeating-linear-gradient(-45deg, var(--siteC2), var(--siteC2) 2px, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 4px);} .edu_wrap .edu_con1::before {content: ''; background-image: url(../images/inc/logo_mark2.svg); position: absolute; display: block; top: 0; right: 0; width: 13em; height: 11em; background-size: cover; background-repeat: no-repeat; opacity: .4; z-index: -10;} .edu_wrap .edu_con1 .left_img {overflow: hidden; width: 45%;} .edu_wrap .edu_con1 .right_tbox {width: 55%;} .edu_wrap .edu_con1 .right_tbox .tit_en {font-size: 1.2em; font-weight: 300;} .edu_wrap .edu_con1 .right_tbox .tit {font-size: 2em; font-weight: 700;} .edu_wrap .edu_con1 .right_tbox .tt:nth-of-type(3){margin-top: 1em !important; } .edu_wrap .edu_con1 .right_tbox .tt {margin-top: .5em; font-size: .955em; color: #666; } .edu_wrap .edu_con1 .right_tbox .tt::marker{margin-right: 0;} .edu_wrap .edu_con2 {margin-top: 2em;} .edu_wrap .edu_con2 .con2_list {gap: 1em; justify-content: flex-start;} .edu_wrap .edu_con2 .con2_list li {width: calc((100% - 3em) / 4); overflow: hidden; text-align: center; border: 1px solid #ddd; padding: 0 1em; height: 15em;} .edu_wrap .edu_con2 .con2_list li .icon {background: var(--siteC2); width: 5.5em; height: 5.5em; margin: 1em auto 1em; border-radius: 50%;} .edu_wrap .edu_con2 .con2_list li .icon img {width: 3em;} .edu_wrap .edu_con2 .con2_list li .tt {font-size: 1.05em; font-weight: 500; margin-bottom: 1em;} .edu_wrap .edu_con2 .con2_list li .tt2 {font-size: .9em; margin-bottom: 1em;} .edu_table_wrap{} /***********************/ /*POPUP******************/ .popWrap.popAgree{ width:50em;} .popWrap.popMember{ width:40em;} .popWrap.popPhoto{ width:30em;} .printFont{font-family:'ChosunGs' !important;} .printFontSize1{font-size:1.438em !important;} .printFontSize2{font-size:1.313em !important;} .printFontSize3{font-size:1.250em !important;} .printFontSize4{font-size:1.125em !important;} .printFontSize5{font-size:.750em !important} .lineSec{padding:.250em 0 !important;} .lineSec2{padding:.125em 0 !important;} /*pop_photoUploadNotice*/ .popPhotoNotice_wrap{} .popPhotoNotice_wrap .in{} .popPhotoNotice_wrap .in .tit{font-weight:500; color:var(--siteC2); font-size:.938em; padding-bottom:10px;} .popPhotoNotice_wrap .in .inn{} .popPhotoNotice_wrap .in .inn .img{width:5.625em; border:1px solid #444} .popPhotoNotice_wrap .in .inn .txt{flex:1; min-width:0; margin-left:1em;} .popPhotoNotice_wrap .in .inn .txt > p{font-size:.875em; color:#333; padding-bottom:.5em; line-height:1.5; margin-left:1em; text-indent:-1em;} .popPhotoNotice_wrap .in.st1{margin-top:2em;} .popPhotoNotice_wrap .in.st1 .tit{color:#f00;} .popPhotoNotice_wrap .in.st1 .imgList{} .popPhotoNotice_wrap .in.st1 .imgList > li{} .popPhotoNotice_wrap .in.st1 .imgList > li > div {margin-right:1em;} .popPhotoNotice_wrap .in.st1 .imgList > li > div .imgw{display:block; border:1px solid #444; position:relative} .popPhotoNotice_wrap .in.st1 .imgList > li > div .imgw .icon{position:absolute; content:""; left:50%; transform:translateX(-50%); bottom:0; color:#f00; font-size:4em;} .popPhotoNotice_wrap .in.st1 .imgList > li > div .tt{display:block; text-align:center; font-size:.875em; color:#333; padding-top:.5em;} .popPhotoNotice_wrap .in.st1 .inn .txt{margin-left:0; flex:inherit; min-width:inherit; padding:.5em; margin-top: .5em; border: 1px solid #ddd;} .popPhotoNotice_wrap .in.st1 .inn .txt > p{text-indent:inherit; margin-left:0; font-size:.875em;} /*프린트*/ .pop .pop_page_print{box-sizing:border-box;} .popWd1{ width:35em; margin:0 auto;} .popWd2{ width:55em; margin:0 auto;} .print_table{ font-size:.938em; table-layout:fixed;} .print_table th, .print_table td{ height:1.2em;/* padding:.313em .750em;*/ /*border:1px solid #111;*/ /*line-height:1.1;*/ word-break:keep-all} .print_table th{ /*background:#f1f1f1; */text-align:center; font-weight:inherit;} .print_table td{ position:relative;} .print_table th > div i, .print_table td > div i {display:block;} .print_table thead th{background:#dddddd} .print_table.hst1 th, .print_table.hst1 td {height:1.7em; padding:.5em .750em;} .print_table.hst2 th, .print_table.hst2 td {height:1.7em; padding:1em .750em;} .print_table.hst3 th, .print_table.hst3 td {height:1.7em;} .print_table.lineSt1 th{border-left:none;} .print_table.lineSt1 td{border-right:none;} .print_table .pw_form_tit{ width:2em;} .print_table .pw_form_tit2{ width:7em;} .print_table .pw_form_tit3{ width:9.5em;} .print_table .pw_form_tit3{ width:8.5em;} .print_table .pw_con1{ width:10em;} .print_table .pw_con2{ width:8em;} .print_table .pw_auto{ width:auto;} .print_table .pw_photo{ width:12em;} .in_txt_print{font-size:.938em; line-height:1.6;} /*설명글*/ .in_txt_tbl{}/*테이블 내에 테이블*/ .in_txt_tbl > *{font-size:.938em; line-height:1.4;} .print_con_logo{text-align:center; margin:1em 0;} .print_con_logo > img{width:3em;} .print_con_logo .tt{font-family:'ChosunGs'; font-size:1.188em; padding-left:3px;} .print_con_logo .tt.t1{color:#666; font-weight:inherit; font-size:1.5em;} .print_con_logo .tt.t2{font-size:2em;} .print_stamp_wrap{position:relative; display:inline-block} .print_stamp_wrap .tt{font-family:'ChosunGs';} .print_stamp_wrap .tt.t1{color:#666; font-weight:inherit; font-size:1.5em;} .print_stamp_wrap .tt.t2{font-size:2em;} .print_stamp_wrap .imG{position:absolute; content:""; max-width:6em; z-index:1; top:-2em; right:-2.5em;} .in_txt_Wrap{} /*유의사항 box*/ .in_txt_Wrap > p.t1{text-align:center; line-height:1.5; font-size:.875em;} .in_txt_Wrap > p.t2{text-align:center; font-family: 'ChosunGs'; font-size:1.50em; padding:5em 0;} .in_txt_Wrap > p.t2.pd1{padding:2em 0;} .in_txt_Wrap > p.t2.pd2{padding:42px 0 0;} .in_txt_Wrap > p.t3{text-align:center; line-height:1.5; font-size:1.125em;} .in_txt_Wrap > dl{border:1px solid #ddd; background:#fafafa; padding:1em; border-top:3px solid var(--siteC2)} .in_txt_Wrap > dl > dt{text-align:center; padding-bottom:1em; font-weight:600;} .in_txt_Wrap > dl > dd{text-indent:-1em;} .in_txt_Wrap > dl > dd > *{line-height:1.6; font-size:.813em; } .in_txt_Wrap > dl > dd .t1{padding-left:1em;} .in_txt_Wrap > dl > dd .t2{color:#333; padding-left:2em;} .in_sign_Wrap{} /*날짜, 신청자 싸인*/ .in_sign_Wrap > *{line-height:1.6; font-size:1.188em; font-family: 'ChosunGs'; letter-spacing:1px;} .in_sign_Wrap .date{} .in_sign_Wrap .name{} .in_result_Wrap{}/*결과*/ .in_result_Wrap .t1{font-family: 'ChosunGs'; font-size:1.5em; padding-right:10px;} .in_result_Wrap .t2{font-size:2.3em; border:1px solid #333; padding:5px 10px; font-family: 'ChosunGs';} .print_tit1{text-align:center; padding:0 0 2em 0; font-size:1.5em; font-family: 'ChosunGs';} .print_tit2{text-align:center; font-size:2.250em; font-family:'ChosunGs'; line-height:1.5;} .print_tit3{text-align:center; font-size:3em; font-family:'ChosunGs'; padding:1.5em 0; letter-spacing:2em; text-indent:2em;} .print_tit4{text-align:center; font-size:3em; font-family:'ChosunGs'; line-height:1.5;} .print_num1{font-family:'ChosunGs'; font-size:1.313em;} .print_card_txwrap{} .print_card_txwrap > p{font-family:'ChosunGs'; font-size:1.250em; line-height:1.87;} .total_wrap{padding:1em;} /*성적표 내에 총점*/ .total_wrap > div{font-family:'ChosunGs'; font-size:1.250em; padding:0 3em;} .print_top_wrap{} .print_top_wrap .logo{} .print_top_wrap .logo > img{width:8em;} /*원서접수 시험접수확인 국가공인 영수증 pop_testRece_testList01Receipt.php*/ .poptestRece_testList01Re{} .poptestRece_testList01Re .receipt_tit{padding:1em 0; font-weight:700; font-size:2em; letter-spacing:3px;} .print_tit_wrap{} .print_tit_wrap{text-align:center; padding:1em 1em 4em 1em;} .print_tit_wrap > dt{padding-bottom:1em; font-size:1.313em;} .print_tit_wrap > dd{} .print_tit_wrap > dd .date{font-weight:600; } .print_tit_wrap > dd .stamp{position:relative; margin-top:5em; display:inline-block} .print_tit_wrap > dd .stamp .tt{font-family:'ChosunGs'; font-size:1.6em; position:relative; z-index:6;} .print_tit_wrap > dd .stamp .stampimG{position:absolute; content:""; max-width:6em; z-index:1; top:-2em; right:-2.5em;} /*원서접수 시험접수확인 국가공인 수험표 pop_testRece_testList01Examticket.php*/ .poptestRece_testList01Ex{} .poptestRece_testList01Ex .photo_box{display:block; text-align:center} .poptestRece_testList01Ex .photo_box > .photo{ border:1px solid #ccc; width:10em; display:inline-block} .poptestRece_testList01Ex .photo_box > .photo .resize{ overflow:hidden; padding-bottom:128.5714%;} .poptestRece_testList01Ex .photo_box > .photo img{ width:100%; height:100%;} /*원서접수 시험접수확인 국가공인 응시원서 pop_testRece_testList01Applicationform.php*/ .poptestRece_testList01Ap{} /*합격자발표 성적확인 국가공인 pop_pass_scoreGradecard01.php*/ .pop_pass_scoreGradecard01{padding:2em 1em; border:1px solid #000;} /*합격자발표 합격증 pop_pass_certificate.php*/ .pop_pass_certificate{padding:2em 2em 5em 2em; border:1px solid #000; position:relative;} .pop_pass_certificate:before{position:absolute; top:0; left:0; right:0; bottom:0; opacity:.15; content:""; background-image:url(../images/inc/logo_mark.svg); background-repeat:no-repeat; background-position:center center; } /*마이페이지 자격취득확인서 출력 pop_mypage_qualification01.php*/ .pop_mypage_qualification01{padding:2em 2em 5em 2em; position:relative;} .pop_mypage_qualification01:before{position:absolute; top:0; left:0; right:0; bottom:0; opacity:.15; content:""; background-image:url(../images/inc/logo_mark.svg); background-repeat:no-repeat; background-position:center center; } /* 특화교육과정 */ .dp2_edu02 #contents .sub_con_menu .gnb {display: none;} /* 합격자 발표 */ .dp2_license05 #contents .sub_con_menu .gnb {display: none;} /* 가로 스크롤 안내창 */ .scroll_message{display: none;} /* 온라인상담 */ .lab_con.st1 input{ width: 100%;} /* 오시는길 */ .box_st{ box-shadow:0 0 1em rgba(0,0,0,.2); padding:2em} .sub_location_info{ margin:-.5em 0 0 -5em} .sub_location_info > li{ margin:.5em 0 0 5em} .sub_location_info .tit{ font-weight:500; margin-right:1em} .sub_location_info .tit .xi{ width:2em; line-height:2em; text-align:center; border-radius:50%; box-shadow:0 0 .5em rgba(0,0,0,.1); color:#82ba57; margin-right:.5em; font-size:1em; text-align:center} .sub_location_info .tt{ color:#666} .map_wrap.resize{ padding-bottom:40%} .map_wrap .root_daum_roughmap .cont {display: none;} .pop_page_print {width: 100%; height: 100%; position: relative; padding: 20px; box-sizing: border-box; z-index: 100;} .pop_page_print .bg img {width: 100%; height: auto; z-index: 1} .pop_page_print .txt_wrap {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: left; width: 73%;} .pop_page_print .txt_wrap .right {flex: 1 50%;} .pop_page_print .txt_wrap .right .t1 {font-weight: 800; font-size: 20px; margin-bottom: 15px;} .pop_page_print .txt_wrap .right span {} .pop_page_print .txt_wrap .left {flex: 1 50%;} .pop_page_print .txt_wrap .left .data {font-size: 20px; font-weight: 800; margin-top: 45%;} .printBtn {cursor: pointer; background: var(--siteC2); border: unset; color: #fff; text-align: center; width: 100%; height: 3.5em; font-size: 1.25em; font-weight: 600;} @page{ size:auto; margin:10mm -210mm; -webkit-margin-before:0; -webkit-margin-end:0; -webkit-margin-after:0; -webkit-margin-start:0;} @media print { html{ margin:0;} html:before{ display:none;} body.pop{ display:block !important; width:auto; height:auto; margin:10mm 210mm; -webkit-margin-end:0; -webkit-margin-start:0;} body.popWin{ display:block !important; width:auto; height:auto; margin:10mm 210mm; -webkit-margin-end:0; -webkit-margin-start:0;} /*-webkit-margin-end:0; -webkit-margin-start:0; 는 크롬*/ body.pop .popWrap .popIn {overflow-y:inherit !important; box-shadow:none !important;} #header .menu_wrap, #header .gnb_wrap, #header .top_wrap .search, #header .top_wrap .aside, #footer .family_wrap, #footer .info_wrap .menu_con, #footer .info_wrap .info_con .logo{ display:none;} #footer .info_wrap .info_con .copyright{ margin:0; text-align:center;} #contents .doc{ font-size:.750em;} .popWrapC {padding:0 2em!important;} /*인쇄 A4 상하좌우 여백*/ .noprint{ display:none;} .printBreak{ page-break-before:always;} .printBreak2 { page-break-inside:avoid; page-break-after:auto } .printBreak + .pop_page_print{ -webkit-padding-before:10mm;} .printBreak + .pop_page_print .print_table{ margin-top:0 !important;} .printSection {page-break-before:always;} .printBl {display:block !important;} /* .pop_page_print{ padding:10mm 10mm 0 10mm !important;} .pop_page_print:first-child{ -webkit-padding-before:10mm;} */ .pop_pass_scoreGradecard01{width:inherit !important; margin:inherit !important; padding:0 !important;} .pop_pass_certificate{width:inherit !important; margin:inherit !important;} .bg img { display: block !important; width: 100% !important; height: auto !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .bg { background: none !important; /* 필요시 */ } } /***********************/ /*MAIN******************/ .mainQuick_wrap{background:var(--siteC2)} .mainQuick_wrap .quick_wrap{} .mainQuick_wrap .quick_wrap .lcon{width:43.750em;} .mainQuick_wrap .quick_wrap .rcon{flex:1; min-width:0;} .mainQuick_wrap .quick_wrap .lcon .inner{} .mainQuick_wrap .quick_wrap .lcon .inner .list{} .mainQuick_wrap .quick_wrap .lcon .inner .list > li{flex:1} .mainQuick_wrap .quick_wrap .lcon .inner .list > li .in{display:flex; text-align:center; position:relative; padding:1.375em 0; align-content:center; align-items:center; justify-content:center; flex-wrap:wrap; flex-direction:column;} .mainQuick_wrap .quick_wrap .lcon .inner .list > li .in:after{position:absolute; content:""; right:0; top:50%; height:60%; width:1px; background:#fff; opacity:.2; transform:translateY(-50%)} .mainQuick_wrap .quick_wrap .lcon .inner .list > li .in .icon{text-align:center; display:inline-block; margin-bottom:10px;} .mainQuick_wrap .quick_wrap .lcon .inner .list > li .in .icon > div{background:#fff; border-radius:100%; width:50px; height:50px; } .mainQuick_wrap .quick_wrap .lcon .inner .list > li .in .icon > div > img {width:1.750em; } .mainQuick_wrap .quick_wrap .lcon .inner .list > li .in .tt{} .mainQuick_wrap .quick_wrap .lcon .inner .list > li .in .tt > p{color:#fff; font-weight: 500; font-size:1em;} .mainQuick_wrap .quick_wrap .lcon .inner .list > li:hover .in .icon > div > img{transform:rotateY(180deg); transition:.3s;} .mainQuick_wrap .quick_wrap .rcon .inner{} .mainQuick_wrap .quick_wrap .rcon .inner .incon{} .mainQuick_wrap .quick_wrap .rcon .inner .incon .tit{padding:0 40px 0 50px;} .mainQuick_wrap .quick_wrap .rcon .inner .incon .tit > p{} .mainQuick_wrap .quick_wrap .rcon .inner .incon .tit > p .xi{color:#fff; padding-right:10px; font-size:1.125em;} .mainQuick_wrap .quick_wrap .rcon .inner .incon .tit > p .tt{color:#fff; font-size:1.125em; font-weight: 500;} .mainQuick_wrap .quick_wrap .rcon .inner .incon .txt{} .mainQuick_wrap .quick_wrap .rcon .inner .incon .txt .t1{color:#fff; font-size:.875em; font-weight: 700;} .mainQuick_wrap .quick_wrap .rcon .inner .incon .txt .t2{color:#b3b3ff; font-size:1.375em; font-weight: 700;} .mainQuick_wrap .quick_wrap .rcon .inner .incon .txt .t3{color:#fff; opacity:.7; font-size:.813em; font-weight: 400;} .mainQuick_wrap .quick_wrap .rcon .inner .incon .txt.txt_sns { background: #fff; border-radius: 100%; width: 50px; height: 50px; margin-right: 0.5em; cursor: pointer; } .mainQuick_wrap .quick_wrap .rcon .inner .incon .txt.txt_sns:last-of-type { margin-right: 0; } .mainQuick_wrap .quick_wrap .rcon .inner .incon .txt.txt_sns > .xi { color: #333; font-size: 1.4em; } .mainSection2{} .mainSection2 .inner{padding:4.375em 0;} .mainSection2 .tcon{} .mainSection2 .tcon .tcon_in{margin:0 0 0 -25px;} .mainSection2 .tcon .tcon_in .boardBox{flex:1;} .mainSection2 .tcon .tcon_in .boardBox .pdin{border-radius:.6em; border:1px solid #d4d5d8; padding:2em; background:#fff; margin:0 0 0 25px;} .mainSection2 .tcon .tcon_in .boardBox .pdin .boardTit{} .mainSection2 .tcon .tcon_in .boardBox .pdin .boardTit .t1{font-size:1.375em; font-weight:700;} .mainSection2 .tcon .tcon_in .boardBox .pdin .boardTit .more{background:var(--siteC2); width:1.625em; line-height:1.625em; text-align:center; border-radius:100%;} .mainSection2 .tcon .tcon_in .boardBox .pdin .boardTit .more .xi{color:#fff; font-size:1em;} .mainSection2 .tcon .tcon_in .boardBox .pdin .boardTit .more:hover .xi{transform:rotateY(360deg); transition:.3s;} .mainSection2 .tcon .tcon_in .boardBox .pdin .list{ padding:1.25em 0 0 0;} .mainSection2 .tcon .tcon_in .boardBox .pdin .list > li{ border-top:1px solid #ddd;} .mainSection2 .tcon .tcon_in .boardBox .pdin .list > li:first-child{ border-top:none;} .mainSection2 .tcon .tcon_in .boardBox .pdin .list > li .in{ padding:.8em 5.5em .8em .2em;} .mainSection2 .tcon .tcon_in .boardBox .pdin .list > li .in .tit { display:block; color:#333; } .mainSection2 .tcon .tcon_in .boardBox .pdin .list > li .in .date{ display:block; font-size:.813em; color:#888;} .mainSection2 .tcon .tcon_in .boardBox .pdin .list > li.def .in{ display:block; position:relative;} .mainSection2 .tcon .tcon_in .boardBox .pdin .list > li.def .in .tit{ text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .mainSection2 .tcon .tcon_in .boardBox .pdin .list > li.def .in .date{ position:absolute; top:50%; right:.2em; transform:translateY(-50%);} .mainSection2 .tcon .tcon_in .boardBox .pdin .list > li:hover .in .tit{ color:var(--siteC2); text-decoration:underline;} .mainSection2 .bcon{margin-top:1.250em;} .mainSection2 .bcon .bcon_in{margin:0 0 0 -25px;} .mainSection2 .bcon .bcon_in .menuBox{ flex:1;} .mainSection2 .bcon .bcon_in .menuBox .pdin{margin:0 0 0 25px;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list{ margin-left:-.625em;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list > li{ margin-left:.625em; flex:1;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list > li.c1 .in{background:#f08300;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list > li.c2 .in{background:#e9a50f;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list > li .in{ padding:2.313em 1em; border-radius:.6em; display:block; text-align:center;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list > li .icon{ width:5.313em; height:5.313em; background:#fff; border-radius:100%; margin:0 auto;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list > li .icon img{ max-height:2.875em;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list > li .sbj{ margin-top:1em;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list > li .sbj .tt{ font-size:1.125em; color:#fff;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list > li:hover .icon img {transform:rotateY(360deg); transition:.3s;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list2{margin:0 0 -10px -10px;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li{flex:1 1 50%; max-width:50%;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li .in{margin:0 0 10px 10px; border-radius:.6em; border:1px solid #d4d5d8; background:#fff; padding:1em;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li .in .icon{} .mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li .in .icon > div{width:3.750em; height:3.750em; margin:0 auto; background:#f4ece2; border-radius:100%;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li .in .icon > div > img{max-height:2.5em;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li .in .ti{padding-left:15px; color:#111; font-size:1.063em; font-weight:600;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li .in .ti > i{} .mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li .in .more{margin-left:auto;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li .in .more .xi{color:#888;} .mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li:hover .ti{color:var(--siteC2);} .mainSection2 .bcon .bcon_in .menuBox .pdin .list2 > li:hover .icon img {transform:rotateY(360deg); transition:.3s;} .swiper_control{ z-index: 10} .swiper_control.pb{ position:absolute; width:100%; left:0; bottom:.5em} .swiper_control.pm{ position:absolute; width:100%; left:0; top:50%} .swiper_control .btn{ display:inline-block; width:3em; line-height:3em; text-align:center; cursor:pointer; opacity:.5} .swiper_control .btn:before{ font-family:xeicon; font-size:1.5em} .swiper_control .btn.prev:before{content:"\e93d"} .swiper_control .btn.next:before{content:"\e940"} .swiper_control .btn.pause:before{content:"\ea3b"} .swiper_control .btn.play:before{content:"\ea3e"} .swiper_control .btn.play{ display:none} .swiper_control .btn.st1{ border:1px solid #ddd; font-size:.875em} .swiper_control .btn.st2{ padding:1em} .swiper_control .btn.st2:hover{ background:#0e2563; color:#fff} .swiper_control.white .btn.st1{ border-color:#fff} .swiper_control.pause .btn.play{ display:block; opacity:1} .swiper_control.pause .btn.pause{ display:none} .swiper_control .btn:hover{ opacity:1} .swiper_control .total{ font-size:.938em; padding:0 .5em} .swiper_control .total .this{ font-weight:500} .swiper_control .total .all{ opacity:.5} .swiper_control .total .all:before{ content:"/"; margin:0 .25em} .swiper_control .paging{ position:relative; margin:0 2em; bottom:0} .swiper_control .paging:first-child{ margin-left:0} .swiper_control .paging.swiper-pagination-progressbar{ height:.125em;} .swiper_control .paging.swiper-pagination-progressbar > span{ height:150%; top:auto; bottom:0} .swiper_control .paging.st1{ display:flex; align-items:flex-end} .swiper_control .paging.st1 > span{ position:relative; background:#aaa; opacity:1; height:2px; width:2em; margin:0; margin-top:2em; border-radius:0; position:relative; counter-increment: mainVIndex; transition:.3s} .swiper_control .paging.st1 > span:after{ content:""; position:absolute; left:0; bottom:0; width:0; height:100%; background:#fff} .swiper_control .paging.st1 > span:before{ content:"0" counter(mainVIndex) "."; position:absolute; left:0; top:-2em; font-weight:700; opacity:.7} .swiper_control .paging.st1 > span.swiper-pagination-bullet-active{ width:10em} .swiper_control .paging.st1 > span.swiper-pagination-bullet-active:before{ opacity:1} .swiper_control .paging.st1 > span.swiper-pagination-bullet-active:after{ width:100%; transition:4s; transition-delay:.5s; transition-timing-function:ease-out} .swiper_control.white{ color:#fff} .swiper_control.white .paging > span{ background:none} .visualSlider .el{ position:relative; overflow:hidden;} .visualSlider .el .bg{ position:absolute; left:0; top:0; width:100%; height:100%; transform:scale(1.3); transition:1s;} .visualSlider_wrap{ position:relative} .visualSlider .el.swiper-slide-active .bg, .visualSlider .el.swiper-slide-duplicate-active .bg{ transform:scale(1); opacity:1; transition:3s;} .visualSlider_wrap .swiper_control{ bottom:2em; left:3%; width:auto} .slogan_wrap{ position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:2; padding-top:10vh; width:100%;} .slogan_wrap .inner{} .slogan_wrap .inner .tw{text-align:center; color:#fff;} .slogan_wrap .inner .tw .t1{font-weight:500; font-size:1.250em;} .slogan_wrap .inner .tw .line{width:40px; height:2px; background:#fff; margin:1.375em auto;} .slogan_wrap .inner .tw .t2{font-weight:700; font-size:2.375em} .mainquickMenu_wrap{margin-top:60px;} .mainquickMenu_wrap .list{margin:0 0 0 -10px;} .mainquickMenu_wrap .list > li{flex:1 1 20%; max-width:20%;} .mainquickMenu_wrap .list > li .in{margin:0 0 0 10px; background:#fff; padding:1.5em 3em 1.5em 1.5em; border-radius:.5em; display:block; position:relative; min-height:9.5em;} .mainquickMenu_wrap .list > li .in .icon{position:absolute; right:1em; top:1em; content:"";} .mainquickMenu_wrap .list > li .in .icon .xi{font-size:1.5em;} .mainquickMenu_wrap .list > li .in .t1{font-weight:700; font-size:1.188em; min-height:2.5em;} .mainquickMenu_wrap .list > li .in .t2{color:#666; font-weight:400; font-size:.875em; padding-top:1.25em;} .mainquickMenu_wrap .list > li .in .icon2{position:absolute; content:""; right:1em; bottom:1em;} .mainquickMenu_wrap .list > li .in .icon2 > img{width:3.125em} .mainquickMenu_wrap .list > li:hover .in .t1{color:var(--siteC2); transition:.3s;} .mainquickMenu_wrap .list > li:hover .in .icon2 > img{transform:rotateY(180deg); transition:.3s;} .mainScroll{ position:absolute; left:50%; bottom:1em; z-index:100; animation-name: downAni; animation-duration: 3s; animation-iteration-count: infinite; color:#fff; transform:translateX(-50%)} .mainScroll .xi{ font-size:3.5em} .mainScroll .box0{ position:relative} @keyframes downAni{ 70% {margin-bottom:0} 90% {margin-bottom:-.5em} 100% {margin-bottom:0} } .suBpass{ width:47em; margin: 0 auto;} .pagePass_resultw{margin-top:1em;} .pagePass_resultw .in{background:var(--siteC2); padding:2em 1em; box-shadow:6px 6px 0 rgb(15 40 113 / 20%)} .pagePass_resultw .in .tw{text-align:center;} .pagePass_resultw .in .tw > *{color:#fff;} .pagePass_resultw .in .tw .t1{font-size:.813em; color:#111; border-radius:3em; background:#fff; display:inline-block; margin-bottom:10px; font-weight:500; padding:.313em 1.25em;} .pagePass_resultw .in .tw .t2{font-size:1.313em;} .pagePass_resultw .in .tx{background:#fff; padding:1.5em; margin:1.5em 2em} .pagePass_resultw .in .tx .t1{text-align:center; padding-bottom:.5em; font-size:1.5em; color:var(--siteC2); font-weight:600;} .pagePass_resultw .in .tx .t2{text-align:center; line-height:1.5; font-size:1.125em; color:#555;} .pagePass_resultw .in .tx .t2 > *{vertical-align:baseline} .pagePass_resultw .in .tx .t2 > i{font-size:1.063em;} .pagePass_resultw .in .tx .t2 > i.col1{font-weight:600; color:#222;} .pagePass_resultw .in .tx .t2 > i.col2{font-weight:600; color:#222; display:block} .pagePass_resultw .in .bw{ text-align:center} .pagePass_resultw .in .bw .logo{} .pagePass_resultw .in .bw .logo > img{width:10em; filter: grayscale(1) invert(1) brightness(10);} .page_print_txtw{margin-top:1.5em;} .page_print_txtw .in{} .page_print_txtw .in .icon{background:var(--siteC2); width:1.625em; line-height:1.625em; border-radius:50%; text-align:center; } .page_print_txtw .in .icon .xi{font-size:.875em; color:#fff;} .page_print_txtw .in .tt{margin:0 1em 0 .313em;} .page_print_txtw .in .tt >i{font-size:.875em; color:#444;} .page_print_txtw .in .btn{} .page_number_wrap{max-width:30em; margin-left:auto !important; margin-top:1.250em;} .page_number_wrap .in{} .page_number_wrap .in .ti{width:5em;} .page_number_wrap .in .ti .t1{color:#222; font-size:.938em;} .page_number_wrap .in .con{flex:1; min-width:0; padding-left:1em;} .sub_page_testrule_wrap{padding-top:2em;} .sub_page_testrule_wrap .inner{} .testrule_twrap{margin-top:5em;} .testrule_twrap .tw{box-shadow:0 0 1em rgba(0,0,0,.2); padding:3em; border-radius:.5em .5em 0 0;} .testrule_twrap .tw .ti{text-align:center; font-size:2.250em; font-weight:700; color:#111; padding-bottom:1.5em;} .testrule_twrap .tw .ti.pb0{padding-bottom:0;} .testrule_twrap .tw .yearL{text-align:right; margin-top:1em;} .testrule_twrap .tw .yearL > li{line-height:1.6;} .testrule_twrap .tw .yearL > li > i{font-size:.938em; color:#777;} .testrule_twrap .in_wrap{margin-top:3em;} .testrule_twrap .in_wrap.mt0{margin-top:0;} .testrule_twrap .in_wrap .in{background:#fafafa; padding:3em; border:1px solid #f5f5f5} .testrule_twrap .in_wrap .in .tit{text-align:center; font-size:1.875em; color:#111; font-weight:700; padding-bottom:1em;} .testrule_twrap .in_wrap .in .tits{font-weight:600; font-size:1.250em; color:var(--siteC2);} .testrule_twrap .in_wrap .in .tits2{font-size:1.188em; color:var(--siteC2); padding:.5em 0 1em 0; font-weight:600; padding-left:.75em;} .testrule_twrap .in_wrap .in .tbox{margin-top:3em;} .testrule_twrap .in_wrap .in .tbox::first-child{margin-top:0;} .testrule_twrap .in_wrap .in .tbox .in_ti{font-weight:600; font-size:1.250em; padding-bottom:.75em; padding-left:.5em; position:relative;} .testrule_twrap .in_wrap .in .tbox .in_ti:before{ content:""; display:block; position:absolute; top:0; left:0; width:1em; height:.313em; background:var(--siteC2); border-radius:6em; transform:rotate(-45deg) translate(-.375em, -.5em);} .testrule_twrap .in_wrap .in .tbox .in_tx{padding-left:1em; font-size:1.063em; color:#282828; } .testrule_twrap .in_wrap .in .tbox .num_tlist{padding-left:1em;} .testrule_twrap .in_wrap .in .tbox .num_tlist > li{line-height:1.6;} .testrule_twrap .in_wrap .in .tbox .num_tlist > li > i{font-size:1.063em; color:#282828;} .info_box{ margin-bottom: 2em; border-top:1px solid #111; border-bottom:1px solid #111; background-color:#fff2e6;} .info_box .inner{ padding:1em .8em; text-align:center;} .info_box .inner.icon{ flex:1; flex-direction:column; justify-content:center; background-color:#fff; } .info_box .inner.icon .xi { font-size:2.000em;} .info_box .inner.icon .in { width:5em; height:5em; background:var(--siteC2); border-radius:100%; color:#fff;} .info_box > .inner.icon > .tt { /*margin-left: 1em; */order:-1; margin-bottom:10px; font-weight:500; font-size: 1.125em; color: var(--siteC2);} .info_box .inner.txt{ flex:3; margin: auto 0; padding:1em 2em; text-align:left;} .info_down_list > li{ display:flex; flex:1 0 50%; max-width:50%;} .info_down_list > li > .in{ display:flex; align-items:center; flex:1; position:relative; margin:.25em .5em; padding:.6em 2.5em .6em 1.8em; background:#fff;border:1px solid #bbb; border-radius: 6em; box-shadow: .15em .15em 0 rgba(0,0,0,.08);} .info_down_list > li > .in:before{ content:""; position:absolute; left:1em; top:50%; margin-top:-.15em; width:.3em; height:.3em; background:var(--siteC2);} .info_down_list > li > .in .tt{ display:block; font-size:.938em;} .info_down_list > li > .in .icon{ position:absolute; right:1em; top:50%; margin-top:-.9em; font-size:1em;} .info_down_list > li > .in .xi:before{ content:"\eb7c"; font-size:1.500em;} .info_down_list > li > .in .xi.link:before{ content:"\e980";} .info_down_list > li:hover > .in{ background:var(--siteC2); border-color:var(--siteC2); color:#fff; transition:.2s;} .calendar {width:60%;} .top_wrap .con.con2 {width:40%; box-sizing:border-box; padding:3em 0 0 3em;} .Pcon_bd1 {background: #f4f4f4; border:1px solid #ddd; padding:2em; box-sizing:border-box; max-height: 31.8em;} .Pcon_bd1 .sche_day {border-bottom: 1px dashed #ddd; margin-bottom: 1em; padding-bottom: 1em;} .Pcon_bd1 .sche_day:last-child {border-bottom: unset; margin-bottom: unset; padding-bottom: unset;} .Pcon_bd1 .sche_day .date {font-size:.9em; color:#666;} .Pcon_bd1 .sche_day .tit {font-size:1.25em; margin-bottom:1em;} .sche_day .tit a:hover{ text-decoration:underline;} .sche_day .txt{ overflow:hidden;} .sche_day .txt strong, .sche_day .txt span{ display:block; float:left; padding:4px 0; color:#5f6265; line-height:1.3;} .sche_day .txt .t1{ width:20%; color:#292d31;} .sche_day .txt .t2{ width:80%;} /*프린트1*/ .print_table2{ font-size:.938em; table-layout:fixed;} .print_table2 th, .print_table2 td{ height:1.2em; padding:.313em .750em; /*line-height:1.1;*/ word-break:keep-all} .print_table2 th{ /*background:#f1f1f1; */text-align:center; font-weight:inherit;} .print_table2 td{ position:relative;} .print_table2 th > div i, .print_table2 td > div i {display:block;} .print_table2 thead th{background:#dddddd} .print_table2.hst1 th, .print_table2.hst1 td {height:1.7em; padding:.5em .750em;} .popPrint{ position:relative; box-sizing:border-box;} .popPrint .printDiv2{ position:relative; box-sizing:border-box;} .pop_mypage_qualification02{padding:150px 75px; position:relative;} .print_stamp_wrap2{position:relative; display:inline-block} .print_stamp_wrap2 .tt{font-family:'ChosunGs'; color:#434343; position:relative; } .print_stamp_wrap2 .tt.t1{color:#222; font-weight:inherit; font-size:1.5em;} .print_stamp_wrap2 .imG{position:absolute;content:"";max-width:6em;z-index:1;top:-2em;right: -4.5em;} .print_tit14.pad { padding:63px 0;} .print_tit14{text-align:center; font-size:3em; font-family:'ChosunGs'; line-height:1.5;} .pad_1{ padding: 54px 0;} .min { font-size:12px;} .mar_side{ padding:} .letter{ letter-spacing:69px} .letter_1{ letter-spacing:40px} .letter_2{ letter-spacing:2px} .letter_2_1{ letter-spacing:3px} .px_1{font-size:15px;} .px_2{font-size:40px;} .px_3{font-size:20px;} .px_4{font-size:28px;} .txtIn{ text-indent: 22px;} .mar_left {margin-left:12px;} .mar_left .stamp{position:absolute; right:4em; top:50%; transform:translateY(-50%);} .mar_r {margin-left:65px;} .mar_r_1 {margin-left:106px;} /*프린트2*/ .print_table102{ font-size:.938em; table-layout:fixed;} .print_table102 th, .print_table102 td{ height:1.2em; padding:.313em .750em; /*line-height:1.1;*/ word-break:keep-all} .print_table102 th{ /*background:#f1f1f1; */text-align:center; font-weight:inherit;} .print_table102 td{ position:relative;} .print_table102 th > div i, .print_table102 td > div i {display:block;} .print_table102 thead th{background:#dddddd} .print_table102.hst1 th, .print_table102.hst1 td {height:1.7em; padding:.5em .750em;} .popPrint{ position:relative; box-sizing:border-box;} .popPrint .printDiv102{ position:relative; box-sizing:border-box;} .popPrint .posLogo{ position:absolute; top:50%; left:50%; width:18.75em; transform:translate(-50%,-50%);} .popPrint .posLogo img{ width:100%;} .popPrint .posLogo ~ *{ position:relative;} .pop_mypage_qualification1002{padding:150px 75px; position:relative; } .print_stamp_wrap102{position:relative; display:inline-block} .print_stamp_wrap102 .tt{font-family:'ChosunGs'; color:#434343; position:relative; } .print_stamp_wrap102 .tt.t1{color:#222; font-weight:inherit; font-size:1.5em;} .print_stamp_wrap102 .imG{position:absolute;content:"";max-width:6em;z-index:1;top:-2em;right: -4.5em;} .print_tit4.pad { padding:40px 0;} .pad_101{ padding: 54px 0;} .min { font-size:12px;} .mar_side{ padding:} .letter{ letter-spacing:69px} .letter_101{ letter-spacing:40px} .letter_102{ letter-spacing:2px} .letter_102_1{ letter-spacing:3px} .px_101{font-size:15px;} .px_102_1{font-size:35px;} .px_103{font-size:20px;} .px_104{font-size:28px;} .txtIn{ text-indent: 22px;} .mar_left {margin-left:12px;} .mar_left .stamp101{position:absolute; right:1em; top:50%; transform:translateY(-50%);} .mar_r {margin-left:65px;} .mar_r_101 {margin-left:106px;}