@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* 초기화 */
@import url("default.css");

body{
	--iden:#4098a0;
	--iden2:#0c6169;
}
.iden {color:#4098a0;}
.iden2 {color:#0c6169;}


/* header */
.header {position:fixed; top:0; left:0; width:100%; z-index:100; background:#fff; transition:.2s linear;}
.header.fixed {box-shadow:rgba(0,0,0,.1) 0 0 10px;}
.header .inner {position:relative; height:100px;}
.header .logo {position:absolute;  left:20px; line-height:100px;}
.header h1 {display:none;}
.header .gnb {position:absolute; top:10px; right:180px;}
.header .gnb ul {display:flex; position: relative; }
.header .gnb li {position:relative;}
.header .gnb li > a {display:block; font-size:20px; color:#222; font-weight:700; line-height:80px; padding:0 30px;}
.header .snb {position:absolute; top:80px; left:50%; width:195px; background:#fff; border-top:#4098a0 2px solid; box-shadow:rgba(0,0,0,.2) 0 3px 6px; transform:translateX(-50%); padding:20px 0; display:none;}
.header .snb a {display:block; font-size:18px; color:#252525; line-height:40px; text-align:center;}
.header .snb a.on {color:#4098a0;}
.header .btn_menu {display:none;}

.top_logo {    position:absolute;    top:28px;     right:-185px;    height:40px;}

.top_logo img {    height:50px;    width:auto;}

/* 로그인/회원가입 영역 */
.top {
    position:absolute;
    top:32px;
    right:80px; /* 기존 -69px → 오른쪽으로 당김 */
    line-height:34px;
    color:#666;
    z-index:10;
}

.top li {
    float:left;
    background:url('/images/bar.gif') right top no-repeat;
    font-weight:bold;
    padding:2px 4px;
}


/* footer */
.footer {border-top:#e1e1e1 1px solid; padding:45px 0; background:#222222;}
.footer .inner {position:relative;}
.footer .logo {display:block; width:238px; aspect-ratio:108/29; background:url('/images/f_logo.png') no-repeat 0 50% / contain; margin-bottom:40px;}
.footer .flex {gap:30px; flex-wrap:wrap; font-size:17px; color:#7a7a7a; line-height:24px;}
.footer .flex + .flex {margin-top:10px;}
.footer .flex strong {color:#fff;}
.footer .copy {font-size:17px; color:#7a7a7a; font-weight:300; margin-top:30px;}
.footer .right {position:absolute; top:0; right:20px; height:100%; display:flex; flex-direction:column; justify-content:space-between; gap:20px;}
.footer .sns {display:flex; gap:30px;}
.footer .sns a {width:43px; height:44px; background:no-repeat 50% 50% / contain; font-size:0;}
.footer .sns .i1 {background-image:url('/images/icon_sns01.png');}
.footer .sns .i2 {background-image:url('/images/icon_sns02.png');}
.footer .sns .i3 {background-image:url('/images/icon_sns03.png');}
.footer .links {display:flex; flex-direction:column; align-items:flex-end; gap:8px;}
.footer .links a {display:block; font-size:14px; color:#fff; font-weight:300; line-height:34px; height:38px; width:140px; border:#666 1px solid; border-radius:8px; text-align:center;}

.footer .links a:first-child {
background-color:#666; 
}

.quick_logo{
    position:fixed;
    bottom:90px;
    right:32px;
    width:80px; border:2px solid #2b57a6; 
    height:80px;  box-shadow:0 2px 6px rgba(0,0,0,0.15);
    background:url('/images/quick_logo.png') no-repeat 50% 50% / contain;
    z-index:30;
    font-size:0;
    display:block;
}


.gotop {position:fixed; bottom:26px; right:32px; width:50px; height:50px; border-radius:50%; background:#0c6169 url('/images/gotop.png') no-repeat 50% 50%; z-index:30; font-size:0;}

.btn {position:relative; display:block; font-size:16px; font-weight:700;color:#222; line-height:53px; height:55px; padding:0 20px 0 20px; border:#ccc 1px solid; border-radius:28px;}
.btn_w {border:1px solid #fff; }
.btn_g {background:#ededed;}
.btn_s {display:inline-block; padding:0px 10px; height:22px; line-height:22px; background:#eee; color:#333; border-radius:10px; font-size:12px; text-align:center; border:0; vertical-align:top;}
.btn_ss {display:inline-block; padding:5px 10px; background:#eee; color:#333; border-radius:15px; font-size:13px; text-align:center; border:0; vertical-align:top;}

.quick {position:fixed; bottom:30px; right:16px;}
.quick > * {display:block; width:70px; aspect-ratio:1/1;}
.quick .gotop {margin-top:16px; background:url('/images/icon_gotop.png') no-repeat 50% 50% / contain; font-size:0; display:block;}
.red {color:#f00;}
.blue {color:#0e539e;}
.bgGray{background:#eee !important; color:#333;}
.bgGr{background:#51b448 !important; color:#fff !important; border:0px !important;}
.bgRed{background:#ff0000 !important; color:#fff !important; border:0px !important;}
.bgYellow {background:#f6f900 !important; color:#333; border:0px !important;}
.bgBlue{background:#0e539e !important; color:#fff !important; border:0px !important;}

.bgco_1{background:#3fbcca !important; color:#fff !important; border:0px !important;}
.bgco_2{background:#26b9a7 !important; color:#fff !important; border:0px !important;}

.bgco_3{background:#3fbcca !important; color:#fff !important; border:0px !important;}
.bgco_4{background:#26b9a7 !important; color:#fff !important; border:0px !important;}
.bgco_5{background:#2691b9 !important; color:#fff !important; border:0px !important;}

/* main */
.mvisual_wrap {position:relative; margin-top:100px;}
.mvisual_wrap .mv_txt {position:absolute; top:calc(50% - 96px); left:0; width:100%; color:#fff; line-height:1; z-index:1; text-align:center;}
.mvisual_wrap .mv_txt strong {display:block; font-size:57px; font-weight:800;}
.mvisual_wrap .mv_txt p {font-size:20px; margin-top:25px;    line-height: 1.6em;}
.mvisual {position:relative;}
.mvisual .slick-slide {position:relative; height:650px; overflow:hidden;}
.mvisual .slick-slide img {position:relative; top:0; left:50%; height:100%; width:auto !important; max-width:none; transform:translateX(-50%);}
.mvisual .slick-arrow {position:absolute; top:50%; width:45px; height:78px; background:no-repeat 50% 50% / contain; z-index:1; font-size:0;}
.mvisual .slick-prev {background-image:url('/images/arrow_mv_prev.png'); left:calc(50% - 740px);}
.mvisual .slick-next {background-image:url('/images/arrow_mv_next.png'); right:calc(50% - 740px);}
.mlinks {position:relative; margin-top:-150px; z-index:1;}
.mlinks .inner {display:flex;}
.mlinks a {width:25%; height:300px; padding:45px; text-align:center; background:#4098a0; }
.mlinks i {display:block; width:130px; height:130px; background:#fff no-repeat 50% 50%; border-radius:50%; margin:0 auto;}
.mlinks p {font-size:25px; color:#fff; font-weight:700; line-height:26px; margin-top:40px;}
.mlinks a:nth-child(2n) {background:#0c6169;}
.mlinks a.i1 i {background-image:url('/images/mc01_icon_01.png');}
.mlinks a.i2 i {background-image:url('/images/mc01_icon_02.png');}
.mlinks a.i3 i {background-image:url('/images/mc01_icon_03.png');}
.mlinks a.i4 i {background-image:url('/images/mc01_icon_04.png');}

.mcon {color:#222; padding:110px 0;}
.mcon p {font-size:20px; color:#fff; line-height:1.5; font-weight:600;}
.mcon .bar {width:100%; height:1px; background:#c2c2c2; margin:50px 0;}
.mcon .slick-arrow {position:absolute; top:50%; width:46px; height:46px; margin-top:-23px; background:#fff; border-radius:50%; box-shadow:rgba(155,155,155,.24) 0 3px 7px; border:#ddd 1px solid; font-size:0; z-index:1; overflow:hidden;}
.mcon .slick-arrow:before {content:""; display:block; width:100%; height:100%; background:#5f6368; mask:url('/images/arrow_slide.png') no-repeat 50% 50%; -webkit-mask:url('/images/arrow_slide.png') no-repeat 50% 50%; transition:.2s linear;}
.mcon .slick-prev {left:-33px;}
.mcon .slick-next {right:-33px;}
.mcon .slick-next:before {transform:scaleX(-1);}
.mcon .date {font-size:15px; color:#b4b4b4; font-weight:400; padding-left:18px; background:url('/images/icon_date.png') no-repeat 0 50%;}
.slick-track {min-width:100%;}
.mtit {position:relative; font-size:40px; font-weight:700;}
.mstit {position:relative; font-size:20px; color:#5d5d5d; font-weight:600; line-height:55px; margin-bottom:20px;}
.mtit .btn,
.mstit .btn {position:absolute; top:0; right:0;}
.mc01 {background:#edeeee;}
.mc01 .mtit {text-align:center; margin-bottom:15px;}
.mc01 p {text-align:center;}
.mc01 .links {display:flex; flex-wrap:wrap; gap:14px; margin-top:40px;}
.mc01 .links a {position:relative; width:calc(50% - 7px); aspect-ratio:713/333; display:flex; justify-content:center; align-items:center; font-size:60px; color:#ffff; font-weight:700; overflow: hidden;}
.mc01 .links a:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:no-repeat 50% 50% / cover; transition:.2s linear;}
.mc01 .links a.i1:before {background-image:url('/images/bg_mc01_01.jpg');}
.mc01 .links a.i2:before {background-image:url('/images/bg_mc01_02.jpg');}
.mc01 .links a.i3:before {background-image:url('/images/bg_mc01_03.jpg');}
.mc01 .links a.i4:before {background-image:url('/images/bg_mc01_04.jpg');}
.mc01 .links a p {position:relative; font-size:inherit; color:inherit; z-index:1;}

.mc02 .color {display:flex; gap:14px; margin-bottom:14px;}
.mc02 .color li {width:calc(50% - 7px);}
.mc02 .color .img {width:100%; aspect-ratio:356/121; background:no-repeat 50% 50% / cover;}
.mc02 .color .i1 .img {background-image:url('/images/bg_mc02_01.jpg');}
.mc02 .color .i2 .img {background-image:url('/images/bg_mc02_02.jpg');}
.mc02 .color .txt {position:relative; background:#edeeee; padding:30px;}
.mc02 .color p {font-size:16px;}
.mc02 .color strong {display:block; font-size:35px;}

.mc02 .color .btn {position:absolute; top:50%; right:30px; transform:translateY(-50%);    border:#ccc 1px solid; color:#222;}
.mc02 .color .btn:after{background:#222;}

.mc02 .center_inner {  display:flex;  width:100%;}
.mc02 .center_logo {  flex:1;                 display:flex;  align-items:center;  justify-content:flex-start;  padding-left:32px;}
.mc02 .center_info {  flex:1;               display:flex;  justify-content:center;     align-items:center;      }

.mc02.center_bar {background:#a9abac url('/images/bg_mc02_03_new2.jpg') no-repeat 50% 50%/cover; padding:44px 0; width:100%; min-width:1200px;}
.mc02 .center_inner {display:flex; align-items:center; width:100%;}
.mc02 .center_logo {display:flex; flex-direction:row; align-items:center; min-width:320px; padding-left:32px; padding-top:10px; padding-bottom:10px;}
.mc02 .logo_icon {display:block; width:78px; height:78px; background:url('/images/icon_mc02.png') no-repeat 50% 50%/contain; margin-right:18px;}
.mc02 .logo_texts {display:flex; flex-direction:column; align-items:flex-start; justify-content:center;}
.mc02 .logo_sub {font-size:16px; color:#222;  line-height:1.3;}
.mc02 .logo_main {font-size:36px; color:#222; font-weight:700; line-height:1.12;}
/*.mc02 .center_line {width:2px; height:130px; background:#fff; margin:0 46px;}*/
.mc02 .center_info {flex:1; display:flex; flex-direction:column; justify-content:center; padding-top:10px; padding-bottom:10px;}
.mc02 .center_desc {font-size:22px; color:#fff; font-weight:600; }
.mc02 .center_btns {display:flex; gap:15px;   }
.mc02 .center_btns .btn {padding:0 121px 0 22px}

.mc02 .center_btns .btn{position:relative;}
.mc02 .center_btns .btn:after{
  content:"";
  position:absolute; top:0; right:29px; width:16px; height:100%;
  background:currentColor !important;               /* 평소:글자색=흰색 → 화살표도 흰색 */
  mask:url(/images/arrow_btn.png) no-repeat 50% 50%/contain;
  -webkit-mask:url(/images/arrow_btn.png) no-repeat 50% 50%/contain;
  transition:.2s linear;
}

/* 2) 기존에 잘못된 규칙 제거(필수) */
.mc02 .center_btns:after{ content:none !important; }


.mc03 {background:#f5f5f5;}
.mc03 p {margin-bottom:60px;}
.mc03 .slide_list {position:relative;}
.mc03 .slide_list a {display:flex !important;}
.mc03 .slide_list span {display:block;}
.mc03 .slide_list .imgfit {width:50%; aspect-ratio:1/1;}
.mc03 .slide_list .imgfit img {transition:.2s linear;}
.mc03 .slide_list .txt {width:50%; display:flex; flex-direction:column; justify-content:flex-end; padding:55px 25px;}
.mc03 .slide_list .monst {font-size:16px; color:var(--iden); text-overflow:ellipsis; overflow:hidden; margin:10px 0 25px;}
.mc03 .slide_list .tit {font-size:26px; font-weight:700; line-height:34px; height:68px; margin:10px 0 35px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mc03 .slide_list i {display:flex; gap:12px; font-size:16px; color:var(--iden); line-height:34px;}
.mc03 .slide_list i:after {content:""; width:34px; bottom:34px; background:url('/images/arrow_btn_w.png') no-repeat 50% 50%; border-radius:50%;}
.mc03 .slide_list .ing i:after {background-color:var(--iden);}
.mc03 .slide_list .comming i {color:#000;}
.mc03 .slide_list .comming i:after {background-color:#000;}
.mc03 .slide_list .end i {color:#bebebe;}
.mc03 .slide_list .end i:after {background-color:#bebebe;}

.mc04_1  { padding-bottom:0px;}
.mc04_1 .inner {display:flex !important; gap:30px;}
.mc04_1 .box {flex:1; display:flex; flex-direction:column;}


.mc04_1 .mtit {margin-bottom:32px;}
.mc04_1 .mtit ~ .mtit {margin-top:130px;}
.mc04_1 .list {border-top:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid; padding:0; width:100%;}
.mc04_1 .list a {position:relative; font-size:19px; font-weight:600; line-height:64px; display:block; gap:15px; width:100%; /*padding:0 90px 0 42px;*/ border-bottom:#ebebeb 1px dashed; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mc04_1 .list a:last-child {border-bottom:0;}
.mc04_1 .list .date {position:absolute; top:50%; right:0; transform:translateY(-50%);}
.notice_icon {display:none; text-align:center;font-size:14px; color:#fff; font-weight:600;line-height:auto; height:auto; padding:0px; width:50px !important;  border-radius:10px;background:#f39c12;}
.notice_icon.notice2 {background:#27ae60;}
.notice_icon.notice3 {background:#34495e; display:none;}
.mc04_1 .schedule_list {border-top:#ebebeb 1px solid; border-bottom:#ebebeb 1px solid; padding:0 30px; width:100%;}
.mc04_1 .schedule_list dl {display:flex; }
.mc04_1 .schedule_list dl + dl {margin-top:175px;}
.mc04_1 .schedule_list dt {width:100px; font-size:30px; color:#222; font-weight:600; line-height:38px;padding-top:30px;}
.mc04_1 .schedule_list dt .month-eng {font-size:20px;}
.mc04_1 .schedule_list dd {position:relative; width:calc(100% - 110px); padding:30px 35px;  font-size:19px;  line-height:24px;}
.mc04_1 .schedule_list dd p {position:relative; padding-left:110px; margin:10px 10px; }
.mc04_1 .schedule_list dd p + p {margin-top:10px;}
.mc04_1 .schedule_list dd strong {position:absolute; top:0; left:0; color:var(--iden2); font-weight:500;}

.mc04_1 .gall_list {margin-top:30px;}
.mc04_1 .gall_list a {padding:0 14px;}
.mc04_1 .slick-prev {left:5px;}
.mc04_1 .slick-next {right:5px;}

.mc04_1 .banner-wrap {flex:1; display:flex; flex-direction:row; gap:20px;}
.mc04_1 .banner {flex:1; padding:40px 30px; box-sizing:border-box; color:#fff; text-align:center; display:flex; flex-direction:column; justify-content:center;}
.banner-top {display:flex; flex-direction:column; align-items:center; justify-content:center; margin:auto 0;}
.banner .icon {font-size:27px; margin-bottom:16px; opacity:0.9;}
.banner .en {font-size:14px; letter-spacing:0.12em; margin-bottom:10px; opacity:0.9;}
.banner .ko {font-size:26px; font-weight:600; margin-bottom:12px;}
.banner p {font-size:14px; line-height:1.6; margin-bottom:18px;}

.mc04_1 .banner .plus {font-size:26px; margin-top:auto;}
.mc04_1 .banner1 {background:#2b57a6;}
.mc04_1 .banner2 {background:#1f8d86;}

.mc04_1 .banner {transition:all .25s ease;}

.mc04_1 .banner {transition:box-shadow .25s ease;}

/* 파란 카드 — 매우 연한 파랑 그림자 */
.mc04_1 .banner1:hover {
    box-shadow:0 8px 18px rgba(80, 120, 200, 0.22);
}

/* 청록 카드 — 연한 틸 그림자 */
.mc04_1 .banner2:hover {
    box-shadow:0 8px 18px rgba(60, 150, 140, 0.20);
}





.mc04 {padding-bottom:130px;}
.mc04 .mtit {margin-bottom:32px;}
.mc04 .mtit ~ .mtit {margin-top:130px;}
.mc04 .gall_slide {margin:0 -14px;}
.mc04 .gall_slide .slick-slide > div {padding:0 14px;}
.mc04 .gall_slide a {display:block;}
.mc04 .gall_slide span {display:block;}
.mc04 .gall_slide .imgfit {width:100%; aspect-ratio:1/1;}
.mc04 .gall_slide .imgfit img {transition:.2s linear;}
.mc04 .gall_slide .txt {padding:30px 20px 20px; border:#ebebeb 1px solid;}
.mc04 .gall_slide .txt .tit {font-size:20px; font-weight:600; line-height:31px; height:62px; margin-bottom:20px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.mc04 .gall_slide .slick-prev {left:-19px;}
.mc04 .gall_slide .slick-next {right:-19px;}
.mc04 .lecture {margin-top:130px; background:url('/images/bg_lecture2.jpg') no-repeat 50% 50% / cover; padding:60px 80px; display:flex; justify-content:space-between; align-items:center; gap:20px;}
.mc04 .lecture dl {padding-left:10px; display:flex; align-items:center; gap:50px; line-height:1.5;}
.mc04 .lecture dt {font-size:32px; color:#fff; font-weight:700;}
.mc04 .lecture dd {font-size:15px; color:#f5f5f5; font-weight:500;}
.mc04 .lecture .btns {display:flex; gap:20px;}
.mc04 .btn{font-size:1.4em; font-weight:600; color:#222;}

.mc04 .btn:after {  content:"";  position:absolute;  top:0;  right:29px;  width:16px;  height:100%;  background:currentColor;   mask:url(/images/arrow_btn.png) no-repeat 50% 50%/contain;
  -webkit-mask:url(/images/arrow_btn.png) no-repeat 50% 50%/contain;  transition:.2s linear;}
.mc04 .btn:after{  background:currentColor !important;}


.mc05 {background:#f5f5f5;}
.mc05 p {margin-top:15px;}
.mc05 .bar {margin:90px 0 65px;}
.mc05 .ch_list {display:flex; gap:40px; margin-top:30px;}
.mc05 .ch_list a {width:calc((100% - 120px)/4); height:80px; display:flex; justify-content:center; align-items:center; background:#fff; border-radius:40px; overflow:hidden;}

.mc06 {padding:130px 0;}
.mc06 .mem_marquee_area {position:relative; height:82px; margin-top:40px; overflow:hidden;}
.mc06 .mem_marquee {position:absolute; top:0; left:0; display:flex; gap:18px; animation:mem_marquee 10s linear infinite;}
.mc06 .mem_marquee a {display:flex; justify-content:center; align-items:center; width:225px; aspect-ratio:225/82; border:#ebebeb 1px solid;}

.mc04 .monst, .mc05 .monst {font-size:16px; }

@keyframes mem_marquee {
	0% {transform:translateX(0);}
	100% {transform:translateX(calc(-50% - 9px));}
}

/* sub */
.svisual {position:relative; padding-top: 100px; height:365px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; line-height:1; background:no-repeat 50% 50% / cover;}
.svisual h2 {display:block; font-size:53px; font-weight:700;}
.svisual p {font-size:20px; margin-top:20px;}
.svisual.g01 {background-image:url('/images/svisual01.jpg');}
.svisual.g02 {background-image:url('/images/svisual02.jpg');}
.svisual.g03 {background-image:url('/images/svisual03.jpg');}
.svisual.g04 {background-image:url('/images/svisual04.jpg');}
.svisual.g05 {background-image:url('/images/svisual09.jpg');}
.svisual.g06 {background-image:url('/images/svisual09.jpg');}
.svisual.g09 {background-image:url('/images/svisual09.jpg');}
.svisual.g97 {background-image:url('/images/svisual97.jpg');} /* 마이페이지 */
.svisual.g98 {background-image:url('/images/svisual98.jpg');} /* 회원서비스 */
.svisual.g99 {background-image:url('/images/svisual99.jpg');} /* 회원서비스 */
.aside {border-bottom:#ebebeb 1px solid;}
.aside .inner {padding:0; max-width:1440px; border-left:#ebebeb 1px solid; border-right:#ebebeb 1px solid;}
.aside .g,
.aside .s dt {display:none;}
.aside dd {display:flex;}
.aside dd a {flex:1 1 25%; font-size:18px; color:#666; font-weight:500; line-height:70px; text-align:center; border-right:#ebebeb 1px solid;}
.aside dd a:last-child {border-right:0;}
.aside dd a.on {color:#fff; background:var(--iden);}
.container {padding:90px 20px 100px; font-size:18px; color:#5d5d5d; line-height:31px;}
.title {font-size:40px; color:#222; font-weight:700; line-height:1; text-align:center; margin-bottom:65px;}
.stit {position:relative; font-size:30px; color:#222; font-weight:700; line-height:1; padding-top:20px; margin:120px 0 30px;}
.stit:before {content:""; position:absolute; top:0; left:0; width:40px; height:4px; background:var(--iden);}
.stit.noico {padding-top:0; margin:65px 0 20px;}
.stit.noico:before {display:none;}
.stit.mtb {margin:100px 0 25px;}
.ctit {font-size:40px; color:#222; font-weight:700; line-height:1; text-align:center;}
.ctit + .cb {font-size:20px; color:#222; font-weight:500; line-height:1; text-align:center; margin-top:15px;}
.ctit + .cb.mb {margin-bottom:30px;}

.ttit {position:relative; font-size:25px; color:#222; font-weight:700; line-height:1; padding-top:20px; margin:0 0 30px;}

.tabs {display:flex; justify-content:center; gap:14px; margin-bottom:70px;}
.tabs a {display:block; color:#666; font-weight:300; line-height:62px; height:62px; padding:0 20px; text-align:center; background:#f5f5f5; border-radius:32px;}
.tabs a.on {color:#fff; background:var(--iden);}

.radios {gap:32px;}
label.radio {position:relative; padding-left:32px; color:#777;}
label.radio input {display:none;}
label.radio i {position:absolute; top:50%; left:0; width:22px; height:22px; border:#ddd 1px solid; border-radius:50%; transform:translateY(-50%); transition:.2s linear;}
label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:var(--iden); border-radius:50%; transform:translate(-50%,-50%); transition:.2s linear;}
label.radio input:checked + i {border-color:var(--iden);}
label.radio input:checked + i:before {width:12px; height:12px;}

.checks {gap:15px 30px; flex-wrap:wrap;}
.checks.gap2 {gap:30px 60px;}
label.check {position:relative; padding-left:32px; color:#777; }
label.check input {display:none;}
label.check i {position:absolute; top:50%; left:0; width:22px; height:22px; border:#ddd 1px solid; border-radius:5px; background:#c2c2c2; transform:translateY(-50%); transition:.2s linear;}
label.check i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/icon_check.png') no-repeat 50% 50%;}
label.check input:checked + i {background:var(--iden);}
label.check .red {color:#d21a1a;}
.check_area {margin-top:20px;}
label.check.b {padding-left:40px; color:#222;}
label.check.b i {width:26px; height:26px;}

/* 인사글 */
.greeting .tt {font-size:25px; color:#222; font-weight:700; line-height:38px; margin-bottom:30px;}
.greeting .name {margin-top:80px; display:flex; justify-content:flex-end; gap:5px; font-size:20px; color:#222;}

/* 협회소개 */
.about01 ul {display:flex;}
.about01 li {position:relative; width:20%; height:330px; border-radius:30px; padding:50px 30px; color:#fff;}
.about01 li + li:before {content:""; position:absolute; top:0; left:-3px; width:6px; height:100%; background:url('/images/dots_about01.png') repeat-y 0 0;}
.about01 li i {position:absolute; bottom:30px; right:20px; width:52px; aspect-ratio:13/14; background:no-repeat 50% 50% / contain;}
.about01 .tt {font-size:27px; font-weight:500; font-weight:500; padding-bottom:20px; border-bottom:#ffffff4d 1px solid; margin-bottom:40px;}
.about01 p {font-size:17px; font-weight:300; line-height:27px;}
.about01 .c1 {background:#782c80;}
.about01 .c22 {background:#aa3469;}
.about01 .c3 {background:#cc5c5a;}
.about01 .c4 {background:#d99861;}
.about01 .c5 {background:#d2ca6a;}
.about01 .c1 i {background-image:url('/images/icon_about01_01.png');}
.about01 .c22 i {background-image:url('/images/icon_about01_02.png');}
.about01 .c3 i {background-image:url('/images/icon_about01_03.png');}
.about01 .c4 i {background-image:url('/images/icon_about01_04.png');}
.about01 .c5 i {background-image:url('/images/icon_about01_05.png');}
.about01 .btm {font-size:20px; color:#222; font-weight:300; margin-top:30px;}
.about02 {position:relative;}
.about02:before {content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background:#e1e1e1;}
.about02 .box {position:relative; font-size:18px; color:#fff; font-weight:700; text-align:center; width:228px; height:66px; display:flex; justify-content:center; align-items:center;}
.about02 .head {background: linear-gradient(  163deg,  #2c3e50 0%,  #2c3e50 40%,  var(--iden) 100%); margin:0 auto;}
.about02 .head:before {content:""; position:absolute; top:50%; left:50%; width:calc(100% - 14px); height:calc(100% - 14px); transform:translate(-50%,-50%); border:#ffffff4d 1px solid;}
.about02 ul {position:relative; display:flex; justify-content:center; padding-top:40px; margin-top:50px;}
.about02 ul:before {content:""; position:absolute; top:0; left:50%; height:1px; background:#e1e1e1; transform:translateX(-50%);}
.about02 li:before,
.about02 li:after {content:""; position:absolute; left:50%;}
.about02 li:before {top:-40px; width:1px; height:40px; background:#e1e1e1;}
.about02 li:after {top:-5px; width:10px; height:10px; background:#fff; border-radius:50%; transform:translateX(-50%); border:1px solid;}
.about02 .tri {gap:50px;}
/*.about02 .tri:before {width:556px;}*/
.about02 .btm {gap:12px;}
.about02 .btm:before {width:calc(100% - ((100% - -21px)/5)); margin-left:1px;}
.about02 .c1 {background:#2796ae;}
.about02 .c22 {background:#27aea0;}
.about02 .c3 {background:#2c3e50; font-weight:500; width:calc((100% - 72px)/5);}
.about02 .c1:after {border-color:#2796ae;}
.about02 .c22:after {border-color:#27aea0;}
.about02 .c3:after {border-color:#2c3e50;}
.about02 .c3:before,
.about02 .c3:after {margin-left:1px;}
/* 학회소개 */
.about01c .c1 {background:#3a418d;}
.about01c .c22 {background:#356fad;}
.about01c .c3 {background:#35aba9;}
.about01c .c4 {background:#70c19e;}
.about01c .c5 {background:#a5ca9c;}

/* 연혁 */
.history_top {background:url('/images/bg_history_top.jpg') no-repeat 50% 50% / cover; display:flex; justify-content:center; align-items:center; flex-direction:column; height:330px; color:#fff; line-height:1.4;}
.history_top strong {font-size:34px;}
.history_top p {font-size:26px; text-align:center;}
.history_list {position:relative; padding-bottom:100px;}
.history_list:before {content:""; position:absolute; top:0; left:50%; width:1px; height:100%; background:#e1e1e1;}
.history_list dl {padding:100px 0 0 calc(50% + 50px);}
.history_list dt {position:relative; font-size:38px; color:#222; font-weight:600; line-height:1; margin-bottom:25px;}
.history_list dt:before {content:""; position:absolute; bottom:0; left:-62px; width:24px; height:24px; background:var(--iden); border:#f1faf4 5px solid; border-radius:50%;}
.history_list dd p {font-size:17px; line-height:31px;}
.history_list dl:nth-child(2n) {padding:100px calc(50% + 50px) 0 0; text-align:right;}
.history_list dl:nth-child(2n) dt:before {left:auto; right:-62px;}

/* 협회 정관·약관 */
.terms_area {font-size:17px; line-height:34px;}
.terms_area .tit {font-size:25px; color:#222; font-weight:700; line-height:1; margin:75px 0 35px;}
.terms_area .tit:first-child {margin-top:0;}
.terms_area .tt {font-size:18px; color:#222; font-weight:700; line-height:1; margin:35px 0 10px;}
.terms_area .tit + .tt {margin-top:0;}
.terms_area ul.pl {padding-left:20px;}
.terms_area li {padding-left:15px; text-indent:-15px;}

/* 교수진 소개 */
.faculty dl {border:#e1e1e1 1px solid;}
.faculty dl + dl {margin-top:22px;}
.faculty dt {font-size:25px; color:#222; font-weight:700; line-height:40px; padding:20px; background:#f5f5f5; border-bottom:#e1e1e1 1px solid; display:flex; gap:41px;}
.faculty dt p {position:relative; font-size:18px;}
.faculty dt p:before {content:""; position:absolute; top:50%; left:-21px; width:1px; height:20px; background:#e1e1e1; transform:translateY(-50%);}
.faculty dd {padding:30px 25px;}
.faculty dd p {position:relative; font-size:17px; font-weight:300; line-height:24px; padding-left:16px;}
.faculty dd p + p {margin-top:10px;}
.faculty dd p:before {content:""; position:absolute; top:9px; left:0; width:6px; height:6px; background:#d7d7d7; border-radius:50%;}

/* 오시는 길 */
.map_area .cont {display:none;}
.root_daum_roughmap {max-width:100%;}
.map_txt {background:#f5f5f5; padding:70px 55px; display:flex; align-items:center;}
.map_txt > * {width:50%;}
.map_txt .tit {font-size:28px; color:#222; font-weight:700; line-height:40px;}
.map_txt li {position:relative; padding-left:35px; font-size:20px; color:#666; line-height:24px; display:flex; flex-wrap:wrap;}
.map_txt li + li {margin-top:20px;}
.map_txt li:before {content:""; position:absolute; top:0; left:0; width:19px; height:24px; background:no-repeat 50% 50% / contain;}
.map_txt li strong {color:#000; width:75px;}
.map_txt li.i1:before {background-image:url('/images/icon_map01.png');}
.map_txt li.i2:before {background-image:url('/images/icon_map02.png');}
.map_txt li.i3:before {background-image:url('/images/icon_map03.png');}
.map_txt .btns {margin-top:30px; display:flex; gap:16px;}
.map_txt .btns a {position:relative; width:195px; height:54px; line-height:54px; padding:0 25px; border-radius:27px; font-size:16px; font-weight:500; border:0;}
.map_txt .btns a:after {content:""; position:absolute; top:0; right:20px; width:15px; height:100%; background:no-repeat 50% 50% / contain;}
.map_txt .btns .c1 {color:#371c1d; background:#fedd0d;}
.map_txt .btns .c22 {color:#fff; background:#10d265;}
.map_txt .btns .c1:after {background-image:url('/images/icon_kakao.png');}
.map_txt .btns .c22:after {background-image:url('/images/icon_naver.png');}
.traffic {border-top:#ebebeb 1px solid;}
.traffic li {position:relative; border-bottom:#ebebeb 1px solid; padding:40px 0 40px 325px; /*height:281px;*/}
.traffic .icon {position:absolute; top:50%; left:0; width:270px; height:200px; transform:translateY(-50%); border-right:#ebebeb 1px solid;}
.traffic .icon:before {content:""; position:absolute; top:50%; left:50%; width:154px; height:154px; background:#f5f5f5 no-repeat 50% 50%; border-radius:50%; transform:translate(-50%,-50%);}
.traffic .i1 .icon:before {background-image:url('/images/icon_traffic01.png');}
.traffic .i2 .icon:before {background-image:url('/images/icon_traffic02.png');}
.traffic .i3 .icon:before {background-image:url('/images/icon_traffic03.png');}
.traffic .tit {font-size:20px; color:#222; font-weight:700; line-height:1; margin-bottom:30px;}
.traffic .tt {position:relative; font-size:17px; line-height:30px; padding-left:65px; margin-bottom:10px;}
.traffic .tt ~ .tt {margin-top:30px;}
.traffic .tt span {position:absolute; top:0; left:0; width:60px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#fff; border-radius:15px;}
.traffic .tt b {color:#222; font-weight:500;}
.traffic .tt.c1 span {background:#00a84d;}
/*.traffic .tt.c2 span {background:#e5186e;}*/
.traffic .tt.c3 span {background:#0078ff;}
.traffic .ttc4  { width:60px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#fff; border-radius:15px; background:#b8ab8e;}
.traffic p {font-size:17px; line-height:1.5;}
.traffic .lh {color:#222; line-height:30px; font-weight:500;}

.c2 {display:flex; align-items:center; gap:8px; margin-top:10px;    margin-bottom:10px;}
.c2 span {display:inline-block; min-width:60px; height:30px; line-height:30px; text-align:center; font-size:15px; color:#fff; border-radius:15px; position:static;}
.line-8 {background:#e5186e;}
.line-9 {background:#b8ab8e;}
.c2 b { color:#222; font-weight:500;}


/* 센터 소개 */
.faculty.mt {margin-top:40px;}
.center_slide {position:relative; margin-bottom:30px;}
.center_slide .slick-arrow {position:absolute; top:50%; width:56px; aspect-ratio:1/1; border-radius:50%; background:rgba(255,255,255,.77) url('/images/arrow_slide2.png') no-repeat 50% 50%; font-size:0; z-index:1;}
.center_slide .slick-prev {left:30px; transform:translateY(-50%);}
.center_slide .slick-next {right:30px; transform:translateY(-50%) scaleX(-1);}
.reservation {display:flex; align-items:center; margin-top:135px;}
.reservation > * {width:50%;}
.reservation .txt {padding-left:70px;}
.reservation .tt {position:relative; font-size:30px; color:#222; font-weight:700; line-height:1; margin-bottom:35px;}
.reservation .tt:before {content:""; position:absolute; top:-10px; left:-18px; width:10px; height:10px; background:var(--iden); border-radius:50%;}
.reservation p {font-weight:300;}
.btns_btm {margin-top:80px; display:flex; justify-content:center; gap:10px;}
.btns_btm .btn_link {font-size:26px; color:#fff; font-weight:700; line-height:70px; height:70px; width:440px; background:var(--iden); text-align:center;}
.btns_btm .btn_slim {font-size:18px; line-height:56px; height:56px; width:220px;}
.btns_btm .btn_long {font-size:18px; line-height:56px; height:56px; width:490px;}
.btns_btm .btn_short {font-size:18px; line-height:56px; height:56px; width:180px;}
.type_area {display:flex; flex-wrap:wrap; gap:16px; margin-top:35px;}
.type_area li {font-size:17px; font-weight:700; line-height:1.2; height:46px; border:#e0e0e0 1px solid; text-align:center; flex:0 0 calc((100% - 96px)/6); display:flex; justify-content:center; align-items:center; text-align:center;}
.type_area li.w3 {flex-basis:calc(((100% - 96px)/7) * 3 + 32px);}
.type_area li.w2 {flex-basis:calc(((100% - 96px)/7) * 2 + 16px);}
.type_area.set6 li {flex-basis:calc((100% - 80px)/6);}
.type_area.set6 li.w1_8 {flex-basis:calc(((100% - 80px)/6) * 1.8 + 16px);}
.use_guide {border-top:#ebebeb 1px solid; margin-top:85px;}
.use_guide dl {padding:50px 0; border-bottom:#ebebeb 1px solid; display:flex;}
.use_guide dt {position:relative; width:210px; padding-left:40px; font-size:25px; color:#222; font-weight:700; background:no-repeat 0 5px;}
.use_guide .i1 dt,
.use_guide .i3 dt {background-image:url('/images/icon_map04.png');}
.use_guide .i2 dt {background-image:url('/images/icon_map05.png');}
.use_guide dd {width:calc(100% - 210px); font-size:17px;}
.use_guide dd strong {color:#222; font-weight:600;}
.use_guide dd p {display:flex;}
.use_guide dd p.pl strong {width:70px;}

.header-wrap {display:flex; justify-content:center; margin-top:50px; margin-bottom:50px;}
.mainlogo_area {display:flex; align-items:center; gap:18px;}
.mainlogo-img {width:70px; height:auto; display:block;}
.mainlogo-text {display:flex; flex-direction:column; justify-content:center;}
.mainlogo-sub {font-size:17px; color:#b7b7b7; font-weight:400; margin-bottom:2px;}
.mainlogo-main {font-size:32px; color:#231f20; font-weight:700; letter-spacing:-1.2px;}

.intrologo_wrap {margin-top:80px;display:flex; align-items:center; justify-content:center; gap:36px; background:#fafafa; padding:36px 32px; }
.intrologo_img {width:64px; height:auto; display:block;}
.intrologo_texts {display:flex; flex-direction:column; justify-content:center;}
.intrologo_tit {font-size:18px; font-weight:600; color:#543f3d; margin-bottom:10px;}
.intrologo_desc {font-size:14px; color:#543f3d; line-height:1.7;}

/*ci*/
.ci-wrap {margin:40px 0; color:#111;}
.ci-grid {display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:24px;}
.ci-card {background:#fff; border:1px solid rgba(0,0,0,.08);}
.ci-label {text-align:center; height:50px; line-height:50px;  padding:0 16px; font-weight:600; font-size:22px; background:var(--iden);; color:#fff;}
.ci-canvas {position:relative; min-height:220px; display:flex; align-items:center; justify-content:center; padding:28px; background:
linear-gradient(to right,rgba(0,0,0,.06) 1px,transparent 1px) 0 0/20px 20px,
linear-gradient(to bottom,rgba(0,0,0,.06) 1px,transparent 1px) 0 0/20px 20px,#fff; overflow:hidden;}
.ci-logo {max-width:80%; max-height:140px; height:auto; display:block; object-fit:contain;}
.sr-only {position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,1px,1px); white-space:nowrap; border:0;}


/* 달력 */
.board_write td .text.datepicker {background:url('/images/icon_month.png') no-repeat 15px 50%; padding-left:48px;}
.ui-datepicker {width:200px; margin-top:-1px; display:none;}
.ui-datepicker-header {position:relative; border:#ddd 1px solid; border-bottom:0; background:var(--iden); overflow:hidden;}
.ui-datepicker-title {text-align:center; font-size:13px; color:#fff; font-weight:700; line-height:40px; width:100%;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; top:0; height:40px; line-height:40px; width:40px; text-align:center;}
.ui-datepicker-prev {left:0;}
.ui-datepicker-prev .ui-icon,
.ui-datepicker-next .ui-icon {display:block; width:11px; height:20px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; font-size:0; margin:10px auto;}
.ui-datepicker-prev .ui-icon {background-image:url('/images/arrow_prev.png');}
.ui-datepicker-next {right:0;}
.ui-datepicker-next .ui-icon {background-image:url('/images/arrow_next.png');}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {border:#ddd 1px solid; text-align:center; background:#fff; line-height:24px;}
.ui-datepicker-calendar th {}
.ui-datepicker-calendar th:first-child {color:#d43333;}
.ui-datepicker-calendar th:last-child {color:var(--iden);}
.ui-datepicker-calendar td a {display:block;}
.ui-datepicker-calendar td:first-child a {color:#d43333;}
.ui-datepicker-calendar td:last-child a {color:var(--iden);}

.request01 {background:url('/images/bg_request01.jpg') no-repeat 50% 50% / cover; padding:45px 38px;}
.request01 .inbox {background:#fffffff7; padding:65px 55px;}
.request01 dl {display:flex; gap:30px; font-size:20px;}
.request01 dl + dl {margin-top:20px;}
.request01 dt {color:#fff; font-weight:700; line-height:50px; height:50px; width:114px; text-align:center; background:var(--iden); border-radius:25px;}
.request01 dd {width:calc(100% - 144px); font-weight:500; line-height:30px; padding:10px 0;}
.request02 p {color:#222;}
.dots_list.mtb {margin:15px 0 40px;}
.dots_list p {position:relative; padding-left:16px;}
.dots_list p:before {content:""; position:absolute; top:13px; left:0; width:6px;  height:6px; background:#d7d7d7; border-radius:50%;}
p.indent {padding-left:15px;} 


/* 게시판 쓰기 */
.board_write.mt {margin-top:65px;}
.board_write table {border-top:var(--iden) 1px solid;}
.board_write table + table {margin-top:50px;}
.board_write th,
.board_write td {border-bottom:#ddd 1px solid; padding:13px 18px; height:81px;}
.board_write th {width:260px; background:#f5f5f5; text-align:left; padding-left:25px;}
.board_write th span {color:#d21a1a;}
.board_write td .text {max-width:100%; padding:0 10px;}
.board_write td .w1 {width:600px;}
.board_write .flex.tel span {width:34px; line-height:50px; text-align:center;}
.board_write .flex.tel .text {width:140px;}
.board_write .flex.mail span {width:32px; line-height:50px; text-align:center;}
.board_write .flex.mail .text {width:170px;}
.board_write .flex.mail select.text {margin-left:10px;}
.board_write td strong.cb {color:#222;}
.board_write textarea.text {height:150px;}
.term_tit {position:relative; font-size:19px; color:#222; font-weight:500; line-height:32px; margin:40px 0 10px; padding-left:20px;}
.term_tit:before {content:""; position:absolute; top:12px; left:0; width:8px; height:8px; background:#b9b9b9; border-radius:50%;}
.term_area {border:#ddd 1px solid; height:140px; padding:20px; overflow:auto; font-size:13px; color:#777; font-weight:300; line-height:1.2;}
.request_end {text-align:center; line-height:1;}
.request_end strong {display:block; font-size:40px; color:#222;}
.request_end p {font-size:20px; color:#222; font-weight:500; margin-top:20px;}

.idphoto {display:flex; align-items:center; gap:12px;}
.idphoto-box {position:relative; width:140px; aspect-ratio:7/9; background:#f7f7f7; border:1px dashed #bbb; overflow:hidden;}
.idphoto-box img {display:block; width:100%; height:100%; object-fit:cover;} /* ← display:block로! */

.idphoto-box.has-img img {display:block;}
.idphoto-mark {position:absolute; left:0; right:0; bottom:0; padding:2px 0; text-align:center; font-size:12px; color:#666; background:rgba(255,255,255,.85);}
.idphoto-ctrl input[type="file"] {font-size:14px;}
.photo-note {font-size:14px;}

.file-list {display:flex; flex-direction:column; gap:8px;}
.file-item {display:flex; align-items:center; gap:8px;}
.file-item label {font-size:14px; min-width:60px; font-weight:500; color:#333;}
.file-input {flex:1; font-size:14px; padding:4px; border:1px solid #ccc; border-radius:4px;}
.btn-addfile {margin-top:8px; padding:6px 12px; font-size:14px; font-weight:600; color:#333; background:#f3f3f3; border:1px solid #ccc; border-radius:4px; cursor:pointer;}
.btn-addfile:hover {background:#e7e7e7;}
.file-note {margin-top:8px; color:#c00; font-size:0.9rem;}


/* 교육 프로그램 */
.flex_center {display:flex; justify-content:center; align-items:center;}
.edu_top {font-size:43px; color:#fff; font-weight:700; line-height:1; width:100%; height:310px;}
.edu_top.s31a {background-image:url('/images/bg_edu_top_s31a.jpg');}
.edu_top.s31b {background-image:url('/images/bg_edu_top_s31b.jpg');}
.edu_top.s31c {background-image:url('/images/bg_edu_top_s31c.jpg');}
.edu_top.s31d {background-image:url('/images/bg_edu_top_s31d.jpg');}

.tbl {border-top:var(--iden) 1px solid;}
.tbl col.w80 {width:80px;}
.tbl col.w90 {width:90px;}
.tbl col.w120 {width:120px;}
.tbl col.w140 {width:140px;}
.tbl col.w160 {width:160px;}
.tbl col.w190 {width:190px;}
.tbl col.w210 {width:210px;}
.tbl col.w250 {width:250px;}
.tbl col.w260 {width:260px;}
.tbl col.w350 {width:350px;}
.tbl th,
.tbl td {border:#ddd 1px solid; border-top:0; padding:10px 10px; text-align:center;}
.tbl th:first-child,
.tbl td:first-child {border-left:0;}
.tbl th:last-child,
.tbl td:last-child {border-right:0;}
.tbl th {background:#f5f5f5; font-weight:600;}
.tbl td .red {color:#f00;}
.tbl p,
.tbl + p {margin-top:10px; font-size:16px; color:#222;}
.pl_list p {padding-left:16px; text-indent:-16px;}
.tbl td.best { font-weight:700; color:#f00;}
.tbl .btn_link {position:relative; display:block; font-size:1.0em; color:#fff; font-weight:700; line-height:40px; height:40px; text-align:center; background:var(--iden); border-radius:20px;}
.tbl .btn_link:after {content:""; position:absolute; top:0; right:29px; width:16px; height:100%; background:#fff; mask:url('/images/arrow_btn.png') no-repeat 50% 50% / contain; -webkit-mask:url('/images/arrow_btn.png') no-repeat 50% 50% / contain; transition:.2s linear;}


/* 협회 교육과정 */
.linebox {border:#ebebeb 1px solid; border-radius:10px; padding:30px;}
.linebox + .linebox {margin-top:40px;}
.ntit {font-size:30px; color:#222; font-weight:700; line-height:44px; padding:15px 20px; background:#f5f5f5; border-radius:10px;}
.ntit span {font-size:32px; color:var(--iden2); font-weight:400; margin-right:35px; font-family:"Montserrat", sans-serif;}
.dtit {position:relative; font-size:24px; color:#222; font-weight:700; line-height:1; padding-left:26px; margin:50px 0 15px;}
.dtit:before {content:""; position:absolute; top:50%; left:0; width:10px; height:10px; background:var(--iden); border-radius:50%; transform:translateY(-50%);}
.gray_dotsbox {background:#7f8c8d; border-radius:10px; padding:20px 30px; margin-top:50px;}
.gray_dotsbox p {position:relative; color:#fff; font-weight:300; line-height:32px; padding-left:22px;}
.gray_dotsbox p + p {margin-top:10px;}
.gray_dotsbox p:before {content:""; position:absolute; top:11px; left:0; width:10px; height:10px; background:#fff; border-radius:50%;}

/* 행사 안내 */
.oneday_class {padding:30px 25px;}
.oneday_class + .oneday_class {margin-top:30px;}
.oneday_class .flex {gap:30px; align-items:flex-start;}
.oneday_class span {display:block;}
.oneday_class .imgfit {width:300px; aspect-ratio:1/1; border-radius:10px;}
.oneday_class .txt {position:relative; width:calc(100% - 330px);}
.oneday_class .tit {position:relative; font-size:25px; color:#222; font-weight:700; line-height:28px; padding:10px 130px 20px 0; border-bottom:#ebebeb 1px solid; margin-bottom:30px;    display:block;}
.oneday_class .flex:after {display:none !important;}
.oneday_class .tit .top_btn {
  position:absolute;
  right:0;
  line-height:34px;
  font-size:17px;  color:#fff;  border-radius:20px;  background:var(--iden);
  text-align:center;  display:flex;  align-items:center;  justify-content:center;  padding:0 16px;    height:34px;   
}

.oneday_class .tit i {position:absolute; top:0; right:0; font-size:16px; color:#666; line-height:34px; padding-right:56px;}
.oneday_class .tit i:after {content:""; position:absolute; top:50%; right:0; width:34px; height:34px; border-radius:50%; background:var(--iden) url('/images/arrow_more.png') no-repeat 50% 50%; transform:translateY(-50%);}
.oneday_class dl {display:flex; font-size:16px; line-height:20px;}
.oneday_class dl + dl {margin-top:15px;}
.oneday_class dt {width:75px; color:#222; font-weight:600;}
.oneday_class dd {position:relative; color:#666; width:calc(100% - 75px); padding-left:17px;}



/*자격증 취득 절차*/
.title-box {text-align:center; padding:20px 10px; border-top:3px solid #6dc6d1; border-bottom:3px solid #0a6fa3; background:#fff;}
.title-box h1 {font-size:2.5rem; font-weight:700; color:#000;line-height:70px; }
.title-box p {font-size:1.5rem; color:#0044ff; font-weight:600; margin:0;}
.txt_help {font-size:0.95rem; color:#555; text-indent:1em;}




/*.oneday_class dd:before {content:""; position:absolute; top:50%; left:0; width:2px; height:14px; background:#ebebeb; transform:translateY(-50%);}*/
.oneday_class .btns_btm {margin-top:50px;}
.oneday_class .btns_btm.btn_abso {position:absolute; top:0; right:0; margin:0;}

.board_bottom .paging {display:flex; justify-content:center; margin-top:40px;}
.board_bottom .paging a {position:relative; width:40px; height:40px; line-height:40px; text-align:center;}
.board_bottom .paging a:after {content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:var(--iden); transform:translateX(-50%); transition:.2s linear;}
.board_bottom .paging a.on {color:var(--iden);}
.board_bottom .paging a.on:after {width:16px;}
.board_bottom .paging .arrow {font-size:0;}
.board_bottom .paging .arrow:after {display:none;}
.board_bottom .paging .prev {margin-right:10px;}
.board_bottom .paging .next {margin-left:10px;}

/* 게시판 상세 */
.board_view {border-top:#181818 1px solid;}
.board_view .tit {position:relative; font-size:22px; color:#222; font-weight:700; line-height:30px; padding:30px 10px; border-bottom:#eee 1px solid;}
.board_view .tit .date {position:absolute; top:50%; right:12px; font-size:17px; color:#9f9f9f; font-weight:300; transform:translateY(-50%);}
.board_view .con {padding:35px 0 55px; border-bottom:#eee 1px solid;}
.board_view .prev_next a {position:relative; display:block; border-bottom:#eee 1px solid; line-height:70px; padding-left:175px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_view .prev_next a strong {position:absolute; top:0; left:0; width:150px; color:#222; padding-left:10px;}
.board_view .prev_next a strong:after {content:""; position:absolute; top:0; right:0; width:14px; height:100%; background:url('/images/arrow_prevnext.png') no-repeat 50% 50% / contain;}
.board_view .prev_next a.next strong:after {transform:scaleY(-1);}

.board_bottom .btns {display:flex; justify-content:flex-end; gap:5px; margin-top:40px;}
.board_bottom .btns a {width:114px; height:50px; line-height:48px; background:#fff; font-size:16px; color:#9f9f9f; text-align:center; border:#d7d7d7 1px solid; vertical-align:top;}

.registration_inputs .tbl th,
.registration_inputs .tbl td {padding:20px;}
label.check.solo {padding:0; display:block; width:18px; height:18px; margin:0 auto;}
label.check.type2 i {border:#5f6368 2px solid; border-radius:2px; background:#fff;}
label.check.type2 i:before {top:50%; left:50%; width:0; height:0; background:var(--iden); transform:translate(-50%,-50%); transition:.2s linear;}
label.check.type2 input:checked + i {background:#fff; border-color:var(--iden);}
label.check.type2 input:checked + i:before {width:10px; height:10px;}
.check_select_area {background:#f5f5f5; border-radius:10px; overflow:hidden; border:0;}
.check_select_area.on {margin-top:28px;}
.check_select_area td {border-bottom:0; padding:20px;}
.check_select_area tr + tr td {border-top:#ddd 1px solid;}
.registration_inputs .total {font-size:17px; color:#222; font-weight:500; text-align:right; margin-top:20px;}
.glbox_dots {border-radius:10px; padding:25px 30px; margin-top:80px; border:#d7d7d7 1px solid;}
.glbox_dots p {position:relative; color:#222; font-weight:300; line-height:22px; padding-left:22px;}
.glbox_dots p + p {margin-top:10px;}
.glbox_dots p:before {content:""; position:absolute; top:6px; left:0; width:10px; height:10px; background:#ccc; border-radius:50%;}
.glbox_dots p .red {color:#fa0000;}

/* 강의 의뢰 */
.board_write td .type_txt {display:flex; gap:36px;}
.board_write td .type_txt p {position:relative; color:#777;}
.board_write td .type_txt p + p:before {content:""; position:absolute; top:50%; left:-18px; width:2px; height:12px; background:#ccc; transform:translateY(-50%);}
.board_write .address {flex-wrap:wrap; gap:12px 0;}
.board_write .address .text {width:240px;}
.board_write .address .btn,
.board_write .dbl_chk .btn_chk {font-size:inherit; color:#fff; font-weight:600; line-height:50px; height:50px; width:130px; text-align:center; background:#222; border-radius:0; padding:0; border:0;}
.board_write .address .btn:after {display:none;}
.board_write textarea.text.htype2 {height:210px;}

/* 공지사항 */
.board_top {display:flex; justify-content:space-between; margin-bottom:35px;}
.board_top select.text {width:180px; padding:0 20px; border-radius:25px; background:#fff url('/images/arrow_select2.png') no-repeat right 26px center;}
.board_top .select_area {display:flex; border:#efefef 1px solid; border-radius:25px; overflow:hidden;}
.board_top .select_area .text {width:calc(100% - 72px); height:48px; border:0;}
.board_top .select_area .text::placeholder {color:#b2b2b2;}
.board_top .select_area .btn_search {width:72px; font-size:0; background:url('/images/icon_search.png') no-repeat 50% 50%;border:0px;}

.board_list {border-top:#c8cece 1px solid;}
.board_list .w80 {width:80px;}
.board_list .w90 {width:90px;}
.board_list .w130 {width:130px;}
.board_list .w150 {width:150px;}
.board_list .w190 {width:190px;}
.board_list .w200 {width:200px;}
.board_list .w210 {width:210px;}
.board_list .w300 {width:300px;}
.board_list th,
.board_list td {height:64px; font-size:18px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {color:#222; font-weight:600;}
.board_list td {color:#666;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .notice span {display:block; font-size:15px; color:#fff; font-weight:500; line-height:35px; height:35px; width:50px; background:#0078ff; text-align:center; margin:0 auto;}
.board_list.th_bg {border-top-color:var(--iden);}
.board_list.th_bg th {background:#f5f5f5;}
.board_list.bdlr th,
.board_list.bdlr td {border:#ddd 1px solid; border-top:0;}
.board_list.bdlr th:first-child,
.board_list.bdlr td:first-child {border-left:0;}
.board_list.bdlr th:last-child,
.board_list.bdlr td:last-child {border-right:0;}

/* 뉴스&이벤트 */
.gall_list {display:flex; flex-wrap:wrap; gap:20px;}
.gall_list a {width:calc((100% - 80px)/5);}
.gall_list span {display:block;}
.gall_list .imgfit {aspect-ratio:1/1;}
.gall_list .imgfit img {transition:.2s linear;}
.gall_list .txt {border:#ebebeb 1px solid; padding:25px 20px;}
.gall_list .tit {font-size:20px; color:#222; font-weight:600; line-height:32px; height:64px; text-overflow:ellipsis; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.gall_list .date {font-size:15px; color:#b4b4b4; line-height:1; padding-left:16px; background:url('/images/icon_month2.png') no-repeat 0 50%; margin-top:20px;}

/* 회원 */
.container.g00 {margin-top:100px; padding:120px 20px;}

/* 로그인 */
.login_select {position:relative; display:flex;width:100%;}
.login_select a {width:350px; text-align:center; margin:20px auto;}
.login_select span {flex-direction:column; gap:10px; color:#fff; padding:20px; width:330px; max-width:100%; background:rgba(0,0,0,.56);}
.login_select p {font-size:0.8em;}
.login_select strong {font-size:1.3em;}

.login_inputs {width:100%; max-width:490px; margin:0 auto;}
.login_inputs .text {height:55px; font-size:16px;}
.login_inputs .text + .text {margin-top:8px;}
.login_inputs .btn_login {display:block; font-size:18px; color:#fff; font-weight:700; line-height:56px; height:56px; width:100%; background:#222; text-align:center; border:0; margin-top:18px;}
.login_inputs .btn_login.btn_c {background:var(--iden);}
.login_inputs .links {margin:25px 0 60px; display:flex; justify-content:center; gap:35px;}
.login_inputs .links a {position:relative; font-size:16px; line-height:1.2;}
.login_inputs .links a + a:before {content:""; position:absolute; top:50%; left:-18px; width:1px; height:12px; background:#d1d1d1; transform:translateY(-50%);}
.login_inputs .sns_login a {position:relative; display:block; font-size:18px; font-weight:500; line-height:50px; height:50px; width:100%; text-align:center;}
.login_inputs .sns_login a:before {content:""; position:absolute; top:0; left:0; width:70px; height:100%; background:no-repeat 50% 50%;}
.login_inputs .sns_login .kakao {background:#fee500; color:#000;}
.login_inputs .sns_login .naver {background:#1ec800; color:#fff; margin-top:10px;}
.login_inputs .sns_login .kakao:before {background-image:url('/images/icon_kakao2.png');}
.login_inputs .sns_login .naver:before {background-image:url('/images/icon_naver2.png');}

.join_inputs {width:650px; max-width:100%; margin:0 auto;}
.join_inputs .text,
.join_inputs .btn {display:block; height:42px; line-height:40px; border-radius:5px;}
.join_inputs .text_area {margin-top:15px; border:#d7d7d7 1px solid; border-radius:5px; padding:20px 15px;}
.join_inputs .text_area.mt {margin-top:30px;}
.join_inputs .con {margin-top:20px; height:88px; font-size:14px; color:#666; line-height:22px; overflow:auto;}
.join_inputs .btns_tac .btn {margin:0;}
.join_inputs .tit {font-size:20px; color:#111; line-height:1; margin:20px 0px;}
.join_inputs .tit span {font-size:12px; margin-left:10px; display:inline-block; vertical-align:middle;}
.join_inputs .dls {border-top:#323232 1px solid; border-bottom:#e1e1e1 1px solid; padding:20px 0;margin-top:20px;}
.join_inputs .dls .inbox {width:550px; max-width:100%;}
.join_inputs .dls dl {padding:10px 0; display:flex; line-height:20px;}
.join_inputs .dls dl.thin {padding:0; line-height:34px;}
.join_inputs .dls dt {width:130px; font-size:14px; color:#2a2a2a;}
.join_inputs .dls dd {width:calc(100% - 130px); font-size:15px; display:flex; gap:6px; flex-wrap:wrap;}
.join_inputs .dls .text {display:block; height:40px; border-radius:5px; margin:0;}
.text::placeholder {color:#999; padding:5px;}
.join_inputs .dls .inbtn {display:flex; gap:5px;}
.join_inputs .dls .inbtn .text {width:200px; display:inline-block;}
.join_inputs .dls .inbtn .btn {width:100px; height:40px; line-height:42px; font-size:14px; text-align:center; color:#fff; background:#323232; border-radius:5px; margin:0; padding:0;}
.join_inputs .dls .tel {gap:0;}
.join_inputs .tel .text {width:calc((100% - 60px)/3);}
.join_inputs .tel select.text {padding:0 10px;}
.join_inputs .tel span {width:30px; line-height:42px; text-align:center; font-size:12px;}
.join_inputs .tooltip {font-size:0.9em; line-height:1.2em;}

.join_inputs .text {font-size:14px; border:#e1e1e1 1px solid; margin-top:14px;}
.join_inputs .btn {font-size:15px; color:#fff; background:#323232; margin-top:30px;}
.join_inputs .btn_frmline {margin-top:0px;}

.join_end {padding:60px 55px 50px; text-align:center;}
.join_end:before {content:""; display:block; width:48px; aspect-ratio:1/1; background:url('/images/icon_end.png') no-repeat 50% 50% / contain; margin:0 auto 35px;}
.join_end strong {display:block; font-size:33px; line-height:1;}
.join_end p {color:#777; font-weight:300; line-height:1; margin:12px 0 60px;}
.join_end .btns {display:flex; justify-content:center; gap:22px;}
.join_end .btn {width:calc(50% - 11px); border:var(--iden) 1px solid; line-height:62px;}
.join_end .btn_ln {color:var(--iden); background:#fff;}
.join_end .btn_bg {color:#fff; background:var(--iden);}

/* 회원가입 */
.board_write .yesno {gap:30px; margin-top:10px;}
.board_write .checks_colm {flex-direction:column; gap:10px;}
.board_write p.s {font-size:15px; line-height:25px; margin-top:10px;}
.board_write .check.mt {display:inline-block; margin-top:30px;}
.board_write .gbox {background:#f5f5f5; padding:20px; border-radius:10px; margin-top:30px; font-size:15px; line-height:25px;}
.board_write .gbox .tt {display:block; color:#bf0909; margin-bottom:10px;}
.board_write .gbox strong {color:#222;}
.board_write .gbox strong.mt {display:inline-block; margin-top:10px;}

.green_box {background:#f8fffb; border:#27ae60 2px dotted; margin-top:55px; padding:45px 30px;}
.green_box .tt {font-size:18px; color:#222; font-weight:700; line-height:20px; margin:35px 0 10px;}

/*약관*/
.gbox  { padding:25px;    background:#f5f5f5;    margin:7px 0px 10px 0px;    display:block;    letter-spacing:-0.02em;    line-height:1.7;}
.yaks strong {font-size:20px; color:#222; font-weight:700;}
.yaks .gbox strong {font-size:17px; color:#222; font-weight:700;}


/* 회원탈퇴 */
.secession_area {margin:30px 0; display:flex; justify-content:flex-end;}
.btn_secession {font-size:16px; color:#707070; line-height:48px; height:50px; width:100px; text-align:center; border:#e3e3e3 1px solid; border-radius:5px;}
/* 팝업 */
.popup,
.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
.popup {z-index:101; display:none;}
.popup .dm {background:#0009;}
.popup .inbox {position:absolute; top:50%; left:50%; max-width:90%; width:700px; background:#fff; border-radius:10px; transform:translate(-50%,-50%); padding:40px; text-align:center;}
.popup#secession i {display:block; width:104px; height:104px; border-radius:50%; background:var(--iden) url('/images/icon_secession.png') no-repeat 50% 50%; margin:0 auto 40px;}
.popup#secession strong {display:block; font-size:26px; color:#222; line-height:1;}
.popup#secession p {font-size:17px; color:#777; line-height:25px; margin:20px 0 30px;}
.popup#secession button {display:block; font-size:16px; line-height:50px; height:50px; width:230px; border-radius:5px; margin:0 auto;}
.popup#secession .btn_c {color:#fff; background:var(--iden);}
.popup#secession .btn_l {color:#bcbcbc; background:#fff; line-height:48px; border:#ebebeb 1px solid; margin-top:10px;}

.popup .btn_clo_set {position:absolute; top:0; right:0; width:46px; height:46px; font-size:0; z-index:2;}
.popup .btn_clo_set:before,
.popup .btn_clo_set:after {content:""; position:absolute; top:50%; left:50%; width:20px; height:2px; background:#6b6b6b; margin:-1px 0 0 -10px;}
.popup .btn_clo_set:before {transform:rotate(45deg);}
.popup .btn_clo_set:after {transform:rotate(-45deg);}
.popup .tit {position:relative; z-index:1; font-size:1.5em;  line-height:2em; color:#222; font-weight:700; border-bottom:#000 1px solid; margin-bottom:20px;}
.popup .con {font-size:1.1em; color:#555; line-height:1.5em; padding-bottom:12px; height:400px;  overflow-y:scroll}
.popup .btn {font-size:1.2em;  width:100%; line-height:40px; height:42px; text-align:center; color:#fff;background:#1e90ff; border:#1e90ff 1px solid; border-radius:5px;}

.jq_tab {display:flex; gap:20px; border:0px; margin-bottom:40px;}
.jq_tab li {font-size:18px; line-height:50px; height:52px;border-radius:25px;  border:#46b9bc 1px solid; color:#666;  text-align:center; cursor:pointer; transition:.2s linear;}
.jq_tab li.on {color:#fff; background:#46b9bc;}
.jq_tab li a {font-size:inherit; color:inherit; width:100%;display:block;}
.jq_tab.set5 li {width:calc((100% - 80px)/5);}
.jq_tab.set3 li {width:calc((100% - 40px)/3);}
.jq_tab.set2 li {width:calc((100% - 20px)/2);}

/* 준비중입니다 */
.cs{min-height:20vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5;padding:4vw;box-sizing:border-box}
.cs p{margin:0;font-size:30px;font-weight:400;color:#222;line-height:1.2;text-align:center}



/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}

.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}