@charset "utf-8";

/* 공통 타이틀 */
.title p {font-size:1.8rem;line-height:1.6;margin-top:2.5rem;}
.title_p {font-size:2rem;line-height:1.6;}

/* 공통 박스 리스트 */
.list_box {display:flex;flex-wrap:wrap;width:100%;gap:3rem 6rem;}
.list_box li {flex-wrap:wrap;min-height:18rem;flex:1 1 20%;border:1px dashed #000;border-radius:2rem;display:flex;justify-content:center;align-items:center;text-align:center;padding:4rem 2rem;font-weight:500;line-height:1.3;transition:all .4s;-webkit-transition:all .4s;}
.list_box li:hover {background:#f1f1f1;}
.list_box li i {font-size:3rem;background:#f1f1f1;border-radius:100%;padding:1rem;transition:all .4s;-webkit-transition:all .4s;}
.list_box li:hover i {background:#000;color:#fff;}
.list_box li p {width:100%;margin-top:3rem;}
    @media only screen and (max-width:1199px){
		.list_box {gap:3rem 4rem;}      
		.list_box li {flex:1 1 30%;}
	}
    @media only screen and (max-width:767px){
		.list_box {gap:2rem 0;}
		.list_box li {flex:1 1 100%;}
	}

/* 공통탭 */
.tab_box {margin:6rem auto 0 auto;}
.tab_box [class^="tab_menu_box"] {display: flex;flex-wrap: wrap;justify-content:center;gap:1rem;}
.tab_box [class^="tab_menu_box"] li {width:25rem;}
.tab_box [class^="tab_menu_box"] li a {display:flex;align-items:center;position:relative;height:55px;padding:2px 30px 0 20px;text-decoration: none;border: 2px solid #e5e5e5;border-radius: 5px;transition: .1s;font-size:1.6rem;background:#fff;}
.tab_box [class^="tab_menu_box"] li a:after {font-family:remixicon;font-size:2.5rem;content:"\EA68";position:absolute;right:1.5rem;top:0;color:#ccc;display:flex;height:100%;align-items:center;}
.tab_box [class^="tab_menu_box"] li:is(.on,:hover,:focus,:active) a {padding:4px 30px 0 20px;border: 2px solid #2a2e70;color:#2a2e70;font-weight:600;}
.tab_box [class^="tab_menu_box"] li:is(.on,:hover,:focus,:active) a:after {color:#2a2e70;font-weight:300}
.tab_box [class^="tab_content"] {display:none;}
.tab_box [class^="tab_content"].on {display:block;}
.tab_box [class^="tab_menu_box"] li a span {background:#ccc;color:#fff;position:absolute;top:-1.4rem;;left:1rem;font-size:1.2rem;padding:0.5rem 1rem;border-radius:3rem;font-weight:500;}
.tab_box [class^="tab_menu_box"] li:is(.on,:hover,:focus,:active) a span {background:#2a2e70;}

	@media only screen and (max-width:1399px){
		.tab_box {padding:0 5%;}
	}
    @media only screen and (max-width:1199px){
        .tab_box [class^="tab_menu_box"] li a {font-size:1.4rem;}
	}
	@media only screen and (max-width:1023px){
        .tab_box {margin:4rem auto 0 auto;}
		.tab_box [class^="tab_menu_box"] {flex-wrap:wrap;gap:1rem;}
		.tab_box [class^="tab_menu_box"] li {flex-grow:0;width:20rem;}
		.tab_box [class^="tab_menu_box"] li a {padding:0 35px 0 15px;height:45px;font-size:1.3rem;}
		.tab_box [class^="tab_menu_box"] li a:after {width: 15px;}
		.tab_box [class^="tab_menu_box"] li:is(.on,:hover,:focus,:active) a {padding:0 35px 0 15px;}
	}
	@media only screen and (max-width:767px){
		.tab_box [class^="tab_menu_box"] {flex-wrap:wrap;gap:0.5rem;}
		.tab_box [class^="tab_menu_box"] li {width:100%;}
		.tab_box [class^="tab_menu_box"] li a {height:45px;font-size:1.3rem;}
	}

/* 일반게시판(목록) */
/********** 숨김 **********/
.hide {overflow:hidden;position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);}

/* 게시판 상단검색 */
.search_area {display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem;}
.sch_top {display:flex;align-items:center;position:relative;z-index:1;width:-webkit-fill-available;}
/* 총게시물 수 */
.sch_top .total {}
.sch_top .total strong {font-size:1.7rem;font-weight:500;color:#666;}
.sch_top .total strong > em {color:#2a2e70;font-weight:700;}
.sch_top .total strong > span {font-size:1.6rem;color:#666;}
.sch_top .total strong > span em {color:#2a2e70;font-weight:700;}
/* 검색 */
.search_flex {display:flex;flex-wrap:wrap;width:100%;justify-content: flex-end;}
.search_flex form {display:flex;flex-wrap:wrap;width:100%;justify-content: flex-end;}
.search_flex select {cursor: pointer;}
.search_flex input,
.search_flex select,
.search_flex button {border:0;border-left:1px solid #ddd;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:1.6rem;line-height:5rem;height:5rem;}
.search_flex button {background:#2a2e70;color:#fff;display:flex;align-items:center;justify-content:center;width:6rem;border:0;}
.search_flex button i {font-size:2.5rem;}
/* 게시판 영역 */
.board_box {border-top:2px solid#000;border-bottom:1px solid #ddd;}
/* 게시판 페이지넘버 */
.page_number {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:40px;}
.page_number li {margin:0 2px;}
.page_number li a {display:grid;place-items:center;width:34px;height:34px;line-height:1.2;text-align:center;font-size:1.5rem;color:#000;text-decoration:none;border-radius:100%;}
.page_number li a em {}
.page_number li a.on,.page_number li a:is(:hover, :focus, :active) {}
.page_number .num a.on,.page_number .num a:is(:hover, :focus, :active) {background:#2a2e70;color:#fff;}
	@media only screen and (max-width:1399px){
		.notiwrap {padding:0;}
	}
	@media only screen and (max-width:1023px){
		.sch_top {margin-bottom:15px;}
		.sch_top .search_box .inputbox .btn_bace {height:45px;}
		.sch_top .search_box .inputbox .btn_bace img {width:20px;}
		.sch_top .search_box .inputbox select {width:100px;}
		.sch_top .search_box .inputbox input {width:327px;}
		.sch_top .search_box .inputbox button {width:50px;height:50px;}

		.page_number {margin-top:20px;}
	}
	@media only screen and (max-width:767px){
		.search_area {flex-wrap:wrap;}
		.sch_top {margin-bottom:1rem;gap:1rem;justify-content:end;}
		.sch_top .search_box {width:100%;}
		.sch_top .search_box .inputbox {flex-wrap:wrap;}
		.sch_top .search_box .inputbox .btn_bace {flex-grow:1;height:40px;}
		.sch_top .search_box .inputbox select {flex-grow:1;background:#fff;border-radius:5px;}
		.sch_top .search_box .inputbox input {flex-grow:1;background:#fff;border-radius:5px;}
		.sch_top .search_box .inputbox button {width:100%;height:45px;border-radius:5px;}
        
		.search_flex {flex-wrap:nowrap;}
		.search_flex form {flex-wrap:nowrap;}
		.search_flex input,
		.search_flex select,
		.search_flex button {line-height:4.5rem;height:4.5rem;}
	
		
		.page_number li {margin:0 1px;}
		.page_number li a {line-height:30px;}
	}

/* 공지사항(목록) */
.board_table {width:100%;line-height:1;margin-top:1px;border-collapse:collapse;color:#000;font-size:1.6rem;border-bottom:1px solid #000;}
.board_table thead th {position:relative;padding:28px 20px;font-weight:700;border-bottom:1px solid #000;border-top:3px solid #000;}
.board_table tbody tr {border-top:1px solid #ddd;}
.board_table tbody tr.noti {position:relative;background:#f1f1f1;}
.board_table tbody tr.noti:after {content:"";display:block;position:absolute;left:0;top:0;width:100%;height:1px;background:#fff;}
.board_table tbody td {padding:25px 12px;height:56px;font-weight:400;}
.board_table tbody td .ellipsis1 {display:-webkit-box;height:auto;max-width:90%;line-height:1.2;text-align: left;padding-left:0;}
.board_table tbody td.num {font-size:1.6rem;color:#000;}
.board_table tbody td.tit {font-weight:600;}
.board_table tbody td.tit a .new {background:#36be3a;color:#fff;font-size:1.2rem;padding:0 10px;border-radius:30px;line-height:2rem;display:inline-block;}
.board_table tbody td.tit .reply {display:inline-block;margin-left:14px;}
.board_table tbody td.filedown {}
.board_table tbody td.view {}
.board_table tbody td.view .btn_bace:first-child {margin-top:0;}
.board_table tbody td.view .btn_bace {margin-top:5px;}
.board_table tbody td.file {font-size:1.5rem;color:#000;}
.board_table tbody td.file img {opacity:0.5;}
.board_table tbody td.data {font-size:1.5rem;color:#000;}
.board_table tbody td a {height:35px;line-height:1;font-size:1.4rem;padding:0 2rem;display:flex;justify-content:center;align-items:center;}
.board_table tbody td a i {margin-left:1rem;}
.board_table tbody tr.noti {}
.board_table tbody tr.noti td {font-weight:500;}
.board_table tbody tr.noti .num span {display:grid;place-items:center;width:25px;height:25px;margin:0 auto;background:#000;text-align:center;border-radius:50px;font-size:1.4rem;color:#fff;font-weight:600;}
.board_table tbody tr:is(:hover,:focus,:active) {background:#f9f9f9;}
	@media only screen and (max-width:1199px){
		.board_table thead th {border-bottom:2px solid#000;}
	}
	@media only screen and (max-width:1023px){
		.board_table thead th {padding:10px 10px;}
		.board_table tbody td {padding:10px 10px;}
		.board_table tbody td .condition {display:inline-block;width:auto;}
		.board_table tbody td a {padding:0 2rem 0 0;}
		.board_table tbody td .ellipsis1 {line-height:1.7;}
	}
	@media only screen and (max-width:767px){
		.board_table {text-align:left;}
		.board_table colgroup,
		.board_table thead th {display:none;}
		.board_table tbody tr:first-child {border-top:0;}
		.board_table tbody tr.noti:after  {display:none;}
		.board_table tbody tr {display:flex;flex-wrap:wrap;padding:12px 0;}
		.board_table tbody td {display:block;height:auto;}
		.board_table tbody td.num {order:1;display:none;}
		.board_table tbody td.tit {order:2;width:100%;padding:0 6px 8px 6px;font-weight:600;}
		.board_table tbody td .ellipsis1 {font-size:1.5rem;}
		.board_table tbody td.file {order:4;display:inline-block;padding:0 6px;border-right:0;}
		.board_table tbody td.file img {width:18px;margin-top:3px;}
		.board_table tbody td.data {order:3;display:inline-block;padding:0 6px;margin:5px 0;border-right:1px solid #ddd;}
		.board_table tbody tr.noti td {font-weight:600;}
		.board_table tbody tr.noti td.num {display:block;}
		.board_table tbody tr.noti .num {padding:0 6px 10px 6px;text-align:left;}
		.board_table tbody tr.noti .num span {display:inline-block;width:25px;line-height:25px;height:25px;}
		.board_table tbody tr.noti .num span img {height:50%;vertical-align:middle;}
		.board_table tbody tr td.ta-c {width:100%;}
	}
	@media only screen and (max-width:529px){
		.board_table tbody td .ellipsis1 {max-width:98%;}
		.board_table tbody td.tit .reply {display:block;margin:10px 0 0 0;}
	}


/* 공지사항(상세), 문의하기(상세) */
.view_box{border-top:1px solid #000;color:#000;}
.view_box .tit {min-height:60px;padding:5rem 2rem;border-bottom:1px solid #ddd;font-size:2.3rem;color:#222;background:#f5f6f8;font-weight:500;/*font-family:'The Jamsil';*/}
.view_box .tit .cate {color:#2a2e70}
.view_box .tit .cate:after {display:inline-block;content:"";width:1px;height:10px;margin:0 12px;background-color:#ddd}
.view_box .info {height:6rem;padding:0 2rem;border-bottom:1px solid #ddd;font-size:1.4rem;line-height:6rem}
.view_box .info:after {display:block;content:"";visibility:hidden;clear:both}
.view_box .info p {float:left;}
.view_box .info ul {float:right;}
.view_box .info ul li {display:inline-block;margin-left:3rem}
.view_box .info b {font-weight:500;}
.view_box .info b:after {display:inline-block;content:"";width:1px;height:1rem;margin:0 12px;background:#ddd;}
.view_box .view_cont {padding:5rem 2rem;border-bottom:1px solid #ddd}
.view_box .view_cont img {max-width:100%;}
.view_box .file {overflow:hidden;padding:2rem 2rem;border-bottom:1px solid #e1e1e1;font-size:1.4rem;background-color:#f5f6f8}
.view_box .file p {float:left}
.view_box .file ul {float:left}
.view_box .file ul li i {padding:0 2rem;font-size:14px;color:#bbb}
.btn_area {overflow:hidden;position:relative;margin-top:2rem;}
.btn_area ul {overflow:hidden}
.btn_area ul li {float:left}
.btn_area .left {float:left}
.btn_area .left li {margin-right:0.5rem;}
.btn_area .right {float:right}
.btn_area .right li {margin-left:0.5rem;}
	@media only screen and (max-width:767px){
		.view_box .info b:after {margin:0 1rem;}
		.view_box .info ul li {margin-left:2rem;}
	}

/* 문의하기(쓰기) */
.write_table_box {table-layout:fixed;width:100%;font-size:1.4rem;border-top:2px solid #2a2e70;}
.write_table_box thead th {padding:10px 15px;border-left:1px solid #e4e4e4;color:#222;background:#f2f4fa;}
.write_table_box tbody th {color:#222;font-weight:800;background:#f2f4fa;}
.write_table_box tbody th,
.write_table_box tbody td {padding:10px 15px;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;word-break:break-all;}
.write_table_box thead th:first-child,
.write_table_box tbody td:first-child,
.write_table_box tbody th:first-child {border-left:none;}
.write_table_box tbody td {}
.write_table_box tbody td input {/*width:100%;*/border:1px solid #ddd;}
.write_table_box tbody td textarea {width:100%;height:285px;border:1px solid #ddd;}
.write_table_box tbody td .etc {margin-top:5px;}
.write_table_box tbody td .etc em {font-weight:500;}
.write_table_box tbody td .filebox .upload-name {display:inline-block;height:45px;padding:0 10px;vertical-align:top;border:1px solid #ddd;width:84.9%;color:#000;}
.write_table_box tbody td .filebox label {display:inline-flex;padding:1rem 15px;width:15%;height:45px;margin-right:-4px;text-align:center;color:#fff;background-color:#000;cursor:pointer;align-items:center;justify-content:center;}
.write_table_box tbody td .filebox input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;}
.write_table_box tbody td .fileicon {margin-top:10px;font-size:1.6rem;font-weight:500;color:#000;}
.write_table_box tbody td .fileicon span {margin-right:10px;}
.write_table_box tbody td .fileicon a {display:block;margin-top:15px;}
.write_table_box tbody tr th:first-child,
.write_table_box tbody tr td:first-child {border-left:0;}
.write_table_box tbody tr:first-child th,
.write_table_box tbody tr:first-child td {border-top:1px solid #fff;}
.write_table_box tbody tr th.bd_none,.write_table_box tbody tr td.bd_none,
.write_table_box thead tr th.bd_none,.write_table_box thead tr td.bd_none {border-left:0;}
.write_table_box tbody tr th.bd_left,.write_table_box tbody tr td.bd_left,
.write_table_box thead tr th.bd_left,.write_table_box thead tr td.bd_left {border-left:1px solid #cdd2d5;}
.write_table_box tbody td .list1 li {display:flex;flex-wrap:wrap;}
.write_table_box tbody td .list1 li strong {width:70px;}
.write_table_box tbody td .list1 li p {width:calx(100% - 70px);}
.write_table_box tbody td a {margin:1px 0;min-width:9.5rem;}
.write_table_box input, 
.write_table_box select,
.write_table_box .btn_bace {height:4rem;line-height:4rem;}

.fbox > div {display:inline-block;}
.flex_area > div {display:inline-block;}
.ox-group input {width:auto !important;}
.ox + .ox {margin-left:1rem;}

	@media only screen and (max-width:1199px){
		.write_table_box tbody td .filebox label {line-height:1.8;}
	}
	@media only screen and (max-width:1023px){
		.write_table_box tbody td textarea {height:185px;}
		.write_table_box tbody td .filebox .upload-name {height:45px;}
		.write_table_box tbody td .filebox label {height:45px;line-height:1.2;}
		
		.write_table_box.responsive tbody tr {display:flex;flex-wrap:wrap;}
		.write_table_box.responsive tbody tr th {width:100px;padding:0;}
		.write_table_box.responsive tbody tr td {width:100%;}
		.write_table_box.responsive tbody tr td:after {left:-3rem;}
		
	}
	@media only screen and (max-width:767px){
		.write_table_box tbody td input {width:100%;}
		.write_table_box tbody td .flexbox input {width:90%;margin:0.5rem 0 0;}
		.write_table_box tbody td #mailDomain {margin:0.5rem 0 0 0;width:90%;}
		.write_table_box tbody td .filebox .upload-name {width:65%;}
		.write_table_box tbody td .filebox label {width:35%;}
		.write_table_box tbody td .fileicon span {display:block;}
		
		.write_table_box tbody td .list1 li strong {width:100%;}
        .write_table_box tbody td .list1 li p {width:100%;}
		
		.fbox > div {width:100%;}
	}

/* 갤러리 리스트 */
.gallery_table {overflow:hidden;position:relative;}
.gallery_table .gallery_ul {display:flex;flex-wrap:wrap;gap:8rem 4rem;}
.gallery_table .gallery_ul li {width:calc(33.33% - 2.7rem);}
.gallery_table .gallery_ul li {display:block;text-decoration:none;position:relative;}
.gallery_table .gallery_ul li .img {overflow:hidden;position:relative;display:block;padding-top:65%;background:#f0f5ff;transition:.3s;}
.gallery_table .gallery_ul li .img iframe {position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);}
.gallery_table .gallery_ul li .img img {position:absolute;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);padding:2rem;}
.gallery_table .gallery_ul li .img .cnc {width:auto;filter:invert(60%) sepia(1%) saturate(0%) hue-rotate(356deg) brightness(150%) contrast(83%);}
.gallery_table .gallery_ul li .tit {margin:2rem 0;font-size:1.8rem;font-weight:600;color:#222;text-decoration:none;line-height:1.3;display:block;}
.gallery_table .gallery_ul li .tit em {font-size:1.5rem;color:#999;font-weight:300;margin-top:0.5rem;}
.gallery_table .gallery_ul li .origin {display:inline-flex;font-size:1.5rem;color:#666;line-height:1;}
.gallery_table .gallery_ul li .origin em {padding-right:10px;margin-right:10px;border-right:1px solid #ddd;color:#000;font-weight:600;}
/*.gallery_table .gallery_ul li:is(:hover,:focus,:active) .img {border:1px solid #222;box-shadow:0 0 25px rgba(0,0,0,0.15);}*/
.gallery_table .gallery_ul .nocont_li {width:100%;padding:0 0 0 40px;margin:0;}
.gallery_table .gallery_ul .nocont_li .nocont {padding:20px 15px 60px 15px;text-align:center;}
.gallery_table .gallery_ul li .res_btn {border:1px solid #2a2e70;color:#2a2e70;display:flex;justify-content:space-between;align-items:center;font-size:1.6rem;height:4.5rem;padding:0 3rem;font-weight:500;}
.gallery_table .gallery_ul li .res_btn i {transition:all .4s;-webkit-transition:all .4s;}
.gallery_table .gallery_ul li .res_btn:is(:hover,:focus,:active) {border:1px solid #2a2e70;color:#fff;background:#2a2e70;padding:0 4rem;}
.gallery_table .gallery_ul li .res_btn:is(:hover,:focus,:active) i {filter:brightness(100);}

	@media only screen and (max-width:1023px){
		.gallery_table .gallery_ul {gap:6rem 3rem;}
		.gallery_table .gallery_ul li {width:calc(33.33% - 2rem);}
		.gallery_table .gallery_ul li .img img {padding:1rem;}
		.gallery_table .gallery_ul li .tit {margin-top:15px;}
        .gallery_table .gallery_ul li .tit span {font-weight:600;}
	}
	@media only screen and (max-width:767px){
		.gallery_table .gallery_ul {gap:4rem 2rem;}
		.gallery_table .gallery_ul li {width:calc(50% - 1rem);}
		.gallery_table .gallery_ul li .tit {margin:1rem 0;font-size:1.5rem;}
		
		.gallery_table .gallery_ul li .res_btn {padding:0 1rem;font-size:1.4rem;}
		.gallery_table .gallery_ul li .res_btn:is(:hover,:focus,:active) {padding:0 1.5rem;}
	}

/* 갤러리 상세페이지 */
.flexbox {display:flex;flex-wrap:wrap;align-items:center;}
.flexbox .swiper_box {width:600px;position:relative;}
.flexbox .swiper_box .nb {position:absolute;left:20px;top:-15px;z-index:1;}
.flexbox .swiper-slide {border-radius:20px;overflow:hidden;display:flex;width:100%;height:100%;align-items:center;justify-content:center;position:relative;border:1px solid #ddd;}
.flexbox .swiper-slide::after {display:block;content:"";padding-bottom:100%;}
.flexbox .swiper-slide img{max-width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;object-fit:cover;}
.flexbox .thumbs {margin-top:10px;}
.flexbox .thumbs .swiper-wrapper {gap:1.0rem;justify-content:space-between;}
.flexbox .thumbs .swiper-wrapper .swiper-slide {width:100%;aspect-ratio:1/1;text-align:center;flex:1;border:1px solid #ddd;cursor:pointer;}
.flexbox .swiper-button-next:after, 
.flexbox .swiper-button-prev:after {color:rgba(0,0,0,0.8);}
.flexbox .txtbox {width:calc(100% - 600px);line-height:1.5;display:flex;flex-wrap:wrap;align-content:space-between;padding-left:10rem;}
.flexbox .rtxt_box {width:100%;overflow:hidden;}
.flexbox .rtxt_box > h4 {line-height:35px;padding-bottom:30px;margin-bottom:20px;font-size:30px;color:#000;border-bottom:2px solid #000;font-weight:600;margin-top:6rem;}
.flexbox .rtxt_box > h4 em {display:block;vertical-align:middle;width:100%;}
.flexbox .txtbox .btn_box {display:flex;justify-content:end;width:100%;padding-top:3rem;border-top:1px solid #000;}
.flexbox .txtbox .btn_box a {margin-left:10px;}
.info_ul > li {display:flex;flex-wrap:wrap;width:100%;padding:25px 0;border-bottom:1px dotted #ddd;}
.info_ul > li:last-child {border-bottom:0;}
.info_ul > li span.stit {position:relative;width:100px;color:#222;font-size:18px;font-weight:800;}
.info_ul > li span.stit:before {content:"";position:absolute;right:0;top:6px;width:1px;height:14px;background:#999;}
.info_ul > li span.stit:after {content:"";clear:both;display:block;}
.info_ul > li div {width:calc(100% - 100px);overflow:hidden;padding-left:4rem;}
.info_ul > li em {display:block;color:#666;}
.info_ul > li em a {word-break:break-all;display:inline-block;}
.info_ul > li em a:focus-visible {outline-offset:-5px !important;}
    @media only screen and (max-width:1399px){
        .flexbox .swiper_box {width:400px;}
        .flexbox .txtbox {width:calc(100% - 400px);padding-left:8rem;}
        .flexbox .rtxt_box > h4 {margin-top:3rem;}
	}
    @media only screen and (max-width:1199px){
		.flexbox .swiper_box {width:350px;}
        .flexbox .txtbox {width:calc(100% - 350px);padding-left:7rem;}
        .flexbox .rtxt_box > h4 {margin-top:0;font-size:2.5rem;margin-bottom:10px;padding-bottom:20px;}
        .info_ul > li {padding:20px 0;}
	}
    @media only screen and (max-width:1023px){
		.flexbox .swiper_box {width:300px;}
        .flexbox .txtbox {width:calc(100% - 300px);padding-left:6rem;}
        .flexbox .rtxt_box > h4 {margin-top:0;font-size:2.5rem;margin-bottom:10px;padding-bottom:20px;}
        .info_ul > li {padding:20px 0;}
        .info_ul > li span.stit {width:80px;}
        .info_ul > li div {width:calc(100% - 80px);padding-left:3rem;}
	}
	@media only screen and (max-width:767px){
		.flexbox .swiper_box {width:100%;}
        .flexbox .txtbox {width:100%;padding-left:0;margin-top:40px;}
        .flexbox .rtxt_box > h4 {font-size:2.3rem;line-height:1.2;}
        .info_ul > li {padding:10px 0;}
        .info_ul > li span.stit {font-size:1.6rem;}
        .info_ul > li em {font-size:1.6rem;}
        .info_ul > li .list1 > li {font-size:1.6rem;}
        .info_ul > li .list1 > li:after {top:8px;}
        .flexbox .txtbox .btn_box {padding-top:20px;}
	}

/* 파일첨부 */
.file_box {display:flex;flex-wrap:wrap;}
.file_box .btn_upload {width:110px;}
.file_box .btn_upload label {display:block;width:100%;padding:0 15px;line-height:40px;font-size:.9em;transition:all .4s;-webkit-transition:all .4s;}
.file_box input[type="file"] {position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0;cursor:pointer;transition:all .4s;-webkit-transition:all .4s;}
.file_box .upload_list  {display:block;width:calc(100% - 115px);}
.file_box .upload_list a {display:block;padding-left:15px;line-height:40px;border-radius:5px;font-size:.9em;color:#999;}
.file_box .upload_list a + a {margin-top:5px;}
.file_box .upload_list a span:hover {text-decoration:underline;}
.file_box .upload_list a .btn_del {display:inline-block;margin-left:20px;font-family:inherit;color:#999;background:none;}
.file_box .upload_list .lbl_userFile {line-height:40px;padding-left:1rem;}
	@media only screen and (max-width:1023px){
        .stxt {font-size:2.5rem;}
		.form_box table.responsive tbody tr {padding:0;}
		.form_box table.responsive tbody tr th {padding:12px 10px;text-align:left;}
		.form_box table.responsive tbody tr td {padding:15px 10px;}
	}
	@media only screen and (max-width:767px){
        .stxt {font-size:1.8rem;}
		[class*="form_box"] .wh200 {width:100%;}
		[class*="form_box"] .flex_area .flexbox {width:100%;}
		[class*="form_box"] .flex_area input {width:calc((100% - 30px)/2);}
		[class*="form_box"] .flex_area select {width:100%;margin:5px 0 0;}

		/* 폼박스 (테이블형) */
		.form_box .responsive tbody tr {padding:0 !important;}
		.form_box .responsive tbody tr th,
		.form_box .responsive tbody tr td {padding:15px;}
		.form_box tbody tr td .checks.flexbox {justify-content:center;}
		.form_box .num_area select {margin-bottom:5px;width:calc((100% - 40px)/3);}
		.form_box .num_area input {width:calc((100% - 40px)/3);}
		.form_box .num_area .flexbox .inblock {margin:0;width:20px;}

		/* 파일첨부 */
		.file_box {flex-direction:column;}
		.file_box .upload_list {width:100%;margin-top:10px;}
		.file_box .upload_list a .btn_del {visibility:visible;opacity:1;}
	}

/*서브 비주얼*/
.sub_top_wrap .sub_tit {font-size:6rem;font-weight:700;}
.sub_top_wrap .sub_tit strong {font-size:9rem;color:#05525f;}
.sub_top_wrap .img {padding-top:8rem;}
.sub_top_wrap .tit {font-size:7.5rem;font-weight:700;}
.sub_top_wrap .txt {margin-top:3rem;font-size:2rem;font-weight:500;line-height:1.3;}
    @media only screen and (max-width:1199px){
        .sub_top_wrap .sub_tit {font-size:5rem;}
	}
    @media only screen and (max-width:1023px){

	}
	@media only screen and (max-width:767px){
		.sub_top_wrap .sub_tit {font-size:4rem;}
		.sub_top_wrap .sub_tit strong {font-size:7rem;}
		.sub_top_wrap .txt {margin-top:2rem;font-size:1.8rem;}
	}

/* 컨텐츠 공통 */
.con_flex {display:flex;flex-wrap:wrap;}
.title {width:30rem;}
.title h2 {font-size:2.5rem;font-weight:600;position:relative;}
.h2_title:before {content:"";position:absolute;top:calc(50% - 1px);left:calc(-100% - 2rem);width:100%;height:1px;background:#000;}
.con_box .additional {font-weight:700;font-size:1.8rem;}
.con_box h3 {font-family:'The Jamsil';font-size:7rem;font-weight:900;}
.con_box h4 {font-family:'The Jamsil';font-size:4.5rem;font-weight:700;line-height:1.5;}
.con_box p {font-size:1.8rem;color:#666;line-height:1.5;}
.typing_container {word-break:keep-all;}
	@keyframes blink {
	  0% {
		opacity:1;
	 }
	  50% {
		opacity:0;
	 }
	  100% {
		opacity:1;
	 }
	}
.typing_container h4 {min-height:30rem;}
.typing_container img {width:100%;}
.full {width:100% !important;}
    @media only screen and (max-width:1399px){
        .con_box h3 {font-size:5rem;}
		.typing_container h4 {font-size:4rem;}
	}
    @media only screen and (max-width:1199px){
		
	}
    @media only screen and (max-width:1023px){
		.title {width:20rem;}
		.con_box {width:calc(100% - 20rem);}
		.con_box h3 {font-size:4rem;}
		.typing_container h4 {font-size:3rem;}
	}
	@media only screen and (max-width:767px){
		.title {width:100%;}
		.h2_title:before {left:calc(-100% - 1rem);}
		.con_box {width:100%;margin-top:2rem;}
		.typing_container h4 {font-size:2.5rem;}
	}

/* 0301 온라인강좌 */
.online_box {display:flex;}
.online_title {position:relative;width: 100%;}
.online_title .title_strong {background:#2a2e70;display:block;padding:2rem 2rem;color:#fff;font-size:1.8rem;line-height:1.2;}
.online_title > p {display:block;padding:2rem 2rem;border-bottom:1px solid #ccc;line-height:1.5;}
.online_title .title_flex {display:flex;justify-content:space-between;background:#2a2e70;padding:0.8rem 1.5rem;border-radius:1rem;}
.study_flex {width:12rem;position:relative;}
.study_flex .study_title {font-size:1.6rem;display:inline-flex;color:#fff;align-items:center;position:absolute;top:-2rem;right:0;left:0;margin:0 auto;width:fit-content;}
.study_flex .study_title i {color:#fff;font-size:2rem;}
.study_flex .study_title strong {padding-left:0.5rem;font-size:2rem;padding-right:0.5rem;color:#fff;line-height:1.2;}
.condition {color:#fff;border-radius:1rem;font-weight:600;font-size:1.6rem;padding:1rem 2rem;width:100%;text-align:center;height:100%;align-content:center;}
.attendance {margin-top:1rem;display: flex;gap:1rem;}
.condition {align-content:center;}
.condition1 {background:#9e9fb0;}
.condition2 {background:#2a2e70;}
.condition3 {background:#00a686;}
.condition4 {background:#050732;}
.progress-circle {position:relative;width:120px;height:120px;margin:0 auto;}
.progress-circle svg {transform:rotate(-90deg);}
.progress-circle .circle-bg {fill:none;stroke:#e6e6e6;stroke-width:8;}
.progress-circle .circle {fill:none;stroke:#00a686;stroke-width:8;stroke-linecap:round;stroke-dasharray:301.6;stroke-dashoffset:301.6;transition:stroke-dashoffset 0.5s ease;}
.progress-circle .percentage {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:20px;font-weight:bold;}
.video-wrap {position:relative;width:100%;max-width:100%;aspect-ratio:16 / 9;background:#000;}
.video-wrap iframe {width:100%;height:100%;display:block;}
    @media only screen and (max-width:1399px){
	}  
    @media only screen and (max-width:767px){
		
	}  

/* 0402 FAQ */
.faq_box {}
.faq_box .faq_cont {font-size:1.8rem;}
.faq_box .faq_cont em {display:inline-block;margin:0 40px 0 50px;font-weight: 700;font-size:2.5rem;vertical-align: middle;transform: translateY(-2px);text-decoration: none;}
.faq_box .faq_cont dt {position:relative;z-index:1;margin-top:10px;background:#fff;border:1px solid #ddd;border-radius:10px;color:#000;transition: .3s;}
.faq_box .faq_cont dt:first-child {margin-top:0;}
.faq_box .faq_cont dt a {display:flex;align-items:center;padding:30px 0;font-weight:500;text-decoration: none;font-size:1.6rem;transition:0s;}
.faq_box .faq_cont dt a p {width:-webkit-fill-available;}
.faq_box .faq_cont dt a span {margin:12px 40px 0 auto;transition: .3s;width:21px;}
.faq_box .faq_cont dt a .etc {position: relative;}
.faq_box .faq_cont dt a .etc:before {content:"";position:absolute;left:-10px;top:-6px;display: block;width: 21px;height:1px;background:#000}
.faq_box .faq_cont dt a .etc:after {content:"";position:absolute;left:0;top:-16px;display: block;width:1px;height: 21px;background:#000;}
.faq_box .faq_cont dt em {color:#2a2e70;}
.faq_box .faq_cont dd {position:relative;z-index:0;display:none;align-items:flex-start;margin-top:-30px;padding:70px 50px 50px 0;line-height:1.5;background:#fff;border:1px solid #d4d5e4;border-radius:10px;color:#000;}
.faq_box .faq_cont dd:after {content: "";display: block;clear: both;}
.faq_box .faq_cont dd em {float:left;color:#2a2e70;}
.faq_box .faq_cont dd p {overflow: hidden;font-size:1.6rem;}
.faq_box .faq_cont dt.on {background:#2a2e70;border:1px solid #2a2e70;color:#fff;}
.faq_box .faq_cont dt.on a {font-weight: 600;}
.faq_box .faq_cont dt.on a .etc:before {background:#fff;}
.faq_box .faq_cont dt.on a .etc:after {display: none;}
.faq_box .faq_cont dt.on em {color:#fff;}
.faq_box .faq_cont dt.on span {transform: rotate(-180deg);margin-top:-12px;}
.faq_box .faq_cont dt.on span img {filter: hue-rotate(315deg) brightness(10);}
	@media only screen and (max-width:1399px){
		.faq_box {padding:0;}
	}
	@media only screen and (max-width:1023px){
		.faq_box .faq_cont em {margin:1px 10px 0 20px;padding-right:10px;}
		.faq_box .faq_cont dt a {padding:20px 0;}
		.faq_box .faq_cont dt a span {margin:10px 30px 0 auto;}
		.faq_box .faq_cont dt a .etc:before {left:-8px;top:-7px;width: 18px;height: 2px;}
		.faq_box .faq_cont dt a .etc:after {left:0;top:-15px;width: 2px;height: 18px;}
		.faq_box .faq_cont dd {padding:50px 40px 30px 0;}
		.faq_box .faq_cont dd em {margin-right:10px;}
	}
	@media only screen and (max-width:767px){
		.faq_box .faq_cont dt a {line-height: 1.5;padding:15px 0;}
	}

/* 0405 온라인문의 */
.form_box table .priv_box {border:1px solid #e4e4e4;padding:20px;max-height:250px;overflow-y: auto;}
.form_box table .priv_box strong {display: block;color:#222;margin-bottom:5px;}
.write_table_box .checks {background:#f5f5f5;padding:1.5rem;}

/* 회원서비스_로그인 */
.login_box_wrap {width:clamp(0px,95%,470px);margin:0 auto;}
.login_box_wrap .login_box .login_top {text-align:center;}
.login_box_wrap .login_box .login_top i {vertical-align:middle;color:#2a2e70;margin:0 auto;font-size:4rem;background:#e8f0f7;width:8rem;height:8rem;border-radius:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1rem;}
.login_box_wrap .login_box .login_top p {background:#f1f1f1;padding:1.5rem;font-size:1.4rem;border-radius:0.5rem;}
.login_box_wrap .login_box .st_tit {display:block;text-align:center;margin-bottom:3rem;font-weight:700;color:#222;font-size:3.5rem;/*font-family: 'The Jamsil';*/}
.login_box_wrap .login_box .input_box {margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;}
.login_box_wrap .login_box .input_box label {display:block;font-weight:500;color:#222;font-size:1.8rem;width:10rem;}
.login_box_wrap .login_box .input_box input {width:calc(100% - 10rem);}
.login_box_wrap .login_box .btn_box2 {display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;}
.login_box_wrap .login_box .pwbtn {display:block;margin-bottom:1rem;font-size:1.6rem;color:#2a2e70;font-weight:500;}
.login_box_wrap .login_box .pwbtn i {vertical-align:middle;font-size:2rem;}
.login_box_wrap .login_box .btn_box {display:flex;gap:1rem;}
.login_box_wrap .login_box .btn_box button {flex:1;}
.login_box_wrap .login_box .btn_box .btn_line {border:1px solid #2a2e70;color:#2a2e70;}
.login_box_wrap .login_box .btn_box .btn_line:is(:hover,:focus,:active) {background:#000;color:#fff;border:1px solid #000;}
  @media only screen and (max-width:1023px){
    .login_box_wrap .login_box .st_tit {margin-bottom:2rem;}
	  .login_box_wrap .login_box .btn_box {flex-wrap:wrap;gap:0.5rem;}
	  .login_box_wrap .login_box .btn_box button {width:100%;flex:unset;}
	  .login_box_wrap .login_box .btn_box .btn_line {width: 100%;}
 }

/* 회원서비스_아이디 비밀번호 찾기 */
.recoverAccountContainer legend {display:none;}
.alert {border:2px solid #2a2e70;background:#f2f8fa;border-radius:5px;padding:3rem;font-weight:500;}
.alert p {color:#666;}
.alert p strong {color:#000;padding:0 0.5rem;}
.find-id-result {padding:5rem 3rem;text-align:center;font-size:2rem;line-height:1.5;color:#666;display:inline-block;margin:0 auto;width:50rem;border-top:3px solid #2a2e70;border-bottom:1px solid #ddd;}
.find-id-result i {color:#2a2e70;margin:0 auto;font-size:4rem;background:#e8f0f7;width:8rem;height:8rem;border-radius:100%;display:flex;justify-content:center;align-items:center;}
.find-id-result p {margin-top:2rem;}
.find-id-result span {font-weight:bold;color:#222;font-size:2.3rem;}
.find-id-result span.find_id {color:#2a2e70}
	@media only screen and (max-width:767px){
		.alert {padding:2rem 1rem;}
		
		.find-id-result {width:100%;padding:5rem 2rem;}
	}

/* 원서비스_회원가입(01약관동의) */
.privacy-policy-wrap {max-width:90rem;margin:0 auto;background-color:#fff;border:0.1rem solid #ddd;padding:4rem;box-shadow:0 0.4rem 0.8rem rgba(0, 0, 0, 05)}
.policy-title {font-size:2.8rem;color:#2a2e70;text-align:center;margin-bottom:2rem;border-bottom:0.3rem solid #2a2e70;padding-bottom:1rem}
.policy-intro {font-size:1.5rem;text-align:left;margin-bottom:1rem;padding:1rem;background-color:#f9f9f9;border-left:0.5rem solid #2a2e70}
.policy-section {margin-bottom:3.5rem}
.section-title {font-size:1.8rem;color:#222;margin-bottom:1rem;font-weight:500;padding-left:0;}
.section-content p {margin-bottom:1rem;font-size:1.4rem;padding-left:1rem}
.section-content ul {list-style:disc;margin-left:3rem;padding-left:1rem;margin-bottom:1rem}
.section-content ul li {margin-bottom:0.8rem;font-size:1.4rem}
.section-content ul strong {font-weight:bold;color:#555}
.note {font-style:italic;color:#888;font-size:1.4rem !important}
.contact-table {width:100%;border-collapse:collapse;margin-top:1.5rem;font-size:1.5rem}
.contact-table th,.contact-table td {border:0.1rem solid #ddd;padding:1.2rem;text-align:left}
.contact-table th {width:30%;background-color:#f5f5f5;font-weight:bold;color:#444}
.policy-footer {text-align:right;margin-top:4rem;padding-top:1.5rem;border-top:0.1rem solid #eee;display:flex;flex-wrap:wrap;justify-content:end;align-items:center;}
.effective-sub {font-weight:600;padding-right:0.5rem;}
.effective-date {font-size:1.4rem;color:#777}

.join_list {display:flex;flex-wrap:wrap;justify-content:center;gap:1%;padding-top:10rem;}
.join_list > li {position:relative;width:49.5%;}
.join_list > li a {display:block;padding:22rem 1rem 5rem 1rem;width:100%;height:38rem;background:#fff;border:0.2rem solid #ddd;border-radius:1rem;text-align:center;position:relative;}
.join_list > li a:hover {border:0.2rem solid #2a2e70;box-shadow:0.5rem 0.5rem 0.7rem rgba(0,0,0,.1);background:#f2f8fa;}
.join_list > li a .img {height:30rem;width:30rem;border-radius:100%;display:flex;align-items:center;justify-content:center;background:#f2f8fa;position:absolute;top:-10rem;left:0;right:0;margin:0 auto;box-shadow:1rem 1rem 1.5rem rgba(0,0,0,0.1);transition:all .4s;-webkit-transition:all .4s;}
.join_list > li a:hover .img {background:#fff;top:-12rem;}
.join_list > li a .tit {font-size:1.5rem;color:#444;line-height:normal;}
.join_list > li a .tit strong {position:relative;display:block;padding-top:2rem;margin-bottom:1rem;font-size:2.5rem;color:#222;}
.join_list > li a .tit strong:after {content:'';position:absolute;left:0;right:0;top:0;margin:auto;background:url(./../img/content/member/ico_join1.png) no-repeat center;width:6rem;height:6rem;background-size:contain;}
.join_list > li a .tit .li_sub span {display:block;margin-top:1rem;color:#757575;}
    @media only screen and (max-width:1023px) {
		.join_list > li a {height:36rem;}
	}
    @media only screen and (max-width:767px) {
		.policy-section {margin-bottom:2rem;}
		
		.join_list {gap:2rem;padding:0;}
 		.join_list > li {position:relative;width:100%;}
		.join_list > li a {padding:4rem 1rem;height:auto;}
		.join_list > li a .img {width:15rem;height:15rem;position:static;}
		.join_list > li a .img img {width:10rem;}
		.join_list > li a .tit strong {padding-top:3rem;}
		.join_list > li a .tit p br {display:none;}
	}

.infobox {padding:2rem;width:100%;border:0.1rem solid #ddd;height:20rem;overflow-y:auto;font-size:1.5rem;color:#666;border-radius:1rem;}
.infobox .h4 {font-size:2rem;}
.infobox .h5 {font-size:1.8rem;}
.infobox .h5:after {top:0.3rem;}
.infobox .h6 {font-size:1.6rem;}
.infobox .h6:after {top:1rem;}
.infobox .mt60 {margin-top:2rem;}
.infobox .mt20 {margin-top:1rem;}
.join .checks {display:flex;flex-wrap:wrap;}
.join .checks.ta-c {justify-content:center;}
.join .checks .p_info {text-align:left;margin-right:1rem;font-size:1.5rem;color:#666;}
.join .checks label {font-size:1.5rem;color:#666;}
.join .checks label.all_chk {color:inherit;font-size:inherit;}
	/*반응형*/
	@media only screen and (max-width:767px){
		.infobox {padding:1rem;}
		.infobox .h4 {font-size:1.8rem;}
		.infobox .h5 {font-size:1.6rem;}
		.infobox .h5:after {top:0.2rem;height:1.4rem;}
		.infobox .h6 {font-size:1.4rem;}
		.infobox .h6:after {top:0.7rem;}
		.infobox .mt60 {margin-top:1rem;}
		.infobox .mt20 {margin-top:0.5rem;}
		.infobox .list1 > li {font-size:1.4rem;}
		.infobox  p {font-size:1.4rem;}
		
		.join .tab_box {padding:0;}
		.join .tab_box [class^="tab_menu_box"] li {width:auto;flex:1 1 20%;}
	}
	@media only screen and (max-width:560px){
		.join .checks {justify-content:flex-start;}
		.join .checks .p_info {width:100%;}
	}

/*  회원서비스_회원가입(03가입완료) */
.registration {text-align:center;margin-top:6rem;}
.registration h4 {margin-top:2rem;font-weight:700;font-size:3rem;/*font-family: 'The Jamsil';*/}
.registration i {color:#2a2e70;font-size:10rem;}
.j_btn ul li {float:none;}
    /*반응형*/
	@media only screen and (max-width:767px){
        .registration i {font-size:8rem;}
	}

/* 마이페이지_비밀번호변경 */
/* 컨텐츠 상단박스 */
.icon_box {border:2px solid #00a382;border-radius:10px;padding:30px 50px;margin-bottom:40px;}
.icon_box .icon {width:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;}
.icon_box .icon .info_icon {flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:100%;background:#def8f3;}
.icon_box .icon .info_icon i {color:#00a382;font-size:3rem;}
.icon_box .text {width:calc(100% - 96px);padding-left:3.2rem;word-break:keep-all;}
.icon_box .text li {flex-grow:1;letter-spacing:-0.03em;line-height:1.4;}
.icon_box .text li:first-child {margin-top:0;}
.icon_box .text li:after {top:9px;}
.info_box {padding:40px;border:5px solid #ffece7;box-sizing:border-box;border-radius:30px;margin-bottom:40px;}
    @media only screen and (max-width:767px){
		.icon_box {padding:20px 30px;}
		.icon_box .icon .info_icon {display:none;}
		.icon_box .text {width:100%;padding-left:0;}
	}



/* 251231추가 */
/* 게시판 리스트 버튼(관리자 로그인 후 사용자 화면) */
.manageButton {display: flex;gap:0.4rem;}

/* 온라인 강좌 - 맛보기 강좌 */
.movie_control { display: flex; align-items: center; gap: 10px; background: rgba(0,0,0,0.8); padding: 10px 15px; border-radius: 5px; color: #fff; width: 100%; box-sizing: border-box; }
.movie_control button { background: none; border: 1px solid rgba(255,255,255,0.5); color: #fff; padding: 5px 10px; border-radius: 3px; cursor: pointer; font-size: 12px; transition: 0.2s; }
.movie_control button:hover { background: #fff; color: #000; border-color: #fff; }
.movie_control #timeText,
.movie_control #progressPercent { font-size: 12px; color: #ddd; white-space: nowrap; margin: 0 5px; }
.movie_control .progress { flex-grow: 1; height: 6px; background: #555; border-radius: 3px; cursor: pointer; position: relative; overflow: hidden; }
.movie_control .progressbar { width: 0%; height: 100%; background: #3498db; transition: width 0.1s linear; }

/* qa답글 */
.reply_box {display: flex;color:#4248af;}
.reply_box .reply {margin-right:4px;}

/* 260102추가 오민정*/
/* 컨텐츠 확장영역 */
.con_wrap {width:1400px;margin:0 auto;}
	@media only screen and (max-width:1399px){
		.con_wrap {max-width:none;padding:0 5%;width:100%;}
	}

/* 0101 인사말 */
.getting {padding:15rem 0;background:#f7f7f9;position:relative;overflow:hidden;padding-bottom:60rem}
.getting .bg {position:absolute;bottom:0;left:0;width:100%;}
.getting .bg img {display:block;width:100%;}
.getting .inner {display:flex;flex-wrap:wrap;gap:8rem;}
.getting .inner > div {width:40%;position:relative;}
.getting .title {font-size:2rem;margin-bottom:4rem;color:#000;letter-spacing:0.2em;display:block;width:100%;opacity:0.4;}
.getting .heading {margin-bottom:7rem;font-size:5rem;color:#000;font-weight:700;line-height:1.3;}
.getting .heading span {color:#2a2e70;font-weight:900;}
.getting .line {width:1px;height:100%;background:rgba(0,0,0,0.08);overflow:hidden;position:absolute;right:0;top:0;}
.getting .line .percentage {position:absolute;left:0;width:100%;height:15rem;background:linear-gradient(to bottom,transparent,#2a2e70,transparent);animation:moveUpDown 2s ease-in-out infinite;}
.getting .sbj {font-size:1.8rem;line-height:1.8;color:#222;flex:1 1 0;z-index:1;}
.getting .sbj span {font-weight:600;color:#000;font-size:2.3rem;}
	@keyframes moveUpDown {
		0% {
			top: -10rem;
		}
		100% {
			top: calc(100% + 10rem);
		}
	}
	@media only screen and (max-width:1399px) {
		.getting {padding-bottom:45rem;text-align:center;}
		.getting .inner {gap:0;}
		.getting .inner > div {width:100%;padding-bottom:10rem;margin-bottom:3rem;}
		.getting .heading {margin-bottom:0;}
		.getting .heading br {display:none;}
		.getting .heading .mo {display:block;}
		.getting .line {left:0;top:unset;bottom:0;height:8rem;width:2px;margin:0 auto;}
		.getting .line .percentage {height:5rem;}
	}
    @media only screen and (max-width:1023px){
		.getting {padding-bottom:40rem}
		.getting .heading {font-size:4.5rem;}
	}
	@media only screen and (max-width:767px) {
		.getting {padding:10rem 0;padding-bottom:30rem;position:relative;}
		.getting .bg {position:absolute;bottom:0;left:50%;transform:translate(-50%, 0);}
		.getting .bg img {height:50rem;width:auto;}
		.getting .title {margin-bottom:2rem;}
		.getting .heading {font-size:3.5rem;}
	}

/* 0102 오시는길 */
.way-wrap {margin:8rem auto;}
.way-address {display:flex;gap:4rem;flex-wrap:wrap;}
.way-address li i {color:#2a2e70;margin-right:0.5rem;}
.way-map iframe {margin:3rem 0 5rem;border-radius:1.5rem;overflow:hidden;}
.way-traffic {display:grid;gap:4rem;}
.traffic-item {background:#fff;border:1px solid #e3e7f0;border-radius:1.5rem;padding:3rem;}
.way_title {font-size:1.8rem;margin-bottom:2rem;border-bottom:2px solid#2a2e70;padding-bottom:2rem;display:flex;justify-content:space-between;align-items:center;width:100%;}
.traffic-item h3 {}
.traffic-item i {color:#2a2e70;margin-right:6px;}
.traffic-item strong {font-size:1.6rem;font-weight:800;margin-bottom:1rem;display:block;}
.traffic-item strong em {color:#222;font-size:1.4rem;font-weight:600;}
.way-links {margin-top:5rem;text-align:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;}
.way-links a {display:inline-block;padding:1.2rem 2rem;border:1px solid #2a2e70;border-radius:3rem;color:#2a2e70;font-weight:500;}
.way-links a:is(:hover,:focus,:active) {background:#2a2e70;color:#fff;}
.bus-list {display:flex;flex-wrap:wrap;gap:0.8rem;}
.bus-list span {font-weight:600;color:#2a2e70;}
.bus-list li {display:flex;align-items:center;gap:0.6rem;padding:0.6rem 1rem;border-radius:0.6rem;font-size:1.4rem;background:#f5f5f5;width:100%;}
.bus-list li.bus-main {border-left:4px solid #2a2e70;}
.bus-list li.bus-main span {background:#2a2e70;color:#fff;padding:0.3rem 0.6rem;border-radius:0.3rem;}
.bus-list li.bus-circle {border-left:4px solid #2fb7a3;}
.bus-list li.bus-circle span {background:#2fb7a3;color:#fff;padding:0.3rem 0.6rem;border-radius:0.3rem;}
.bus-list em {color:#666;font-size:1.3rem;}
.bus-list2 li {flex:1 1 0;display:block;padding:1rem;}
.bus-list2 li span {display:inline-block;}
.bus-list2 em {display:block;margin-top:0.5rem;}
.subway-line2 {color:#3CB44A;}
.subway-line2:before {content:"2";display:inline-block;width:2.5rem;height:2.5rem;font-size:1.4rem;color:#fff;line-height:2.5rem;text-align:center;border-radius:50%;background:#3CB44A;margin-right:0.5rem;}
.bus-legend {display:flex;gap:1rem;font-size:1.3rem;}
.bus-legend span {display:inline-flex;align-items:center;gap:0.4rem;}
.bus-legend span::before {content:'';width:12px;height:12px;border-radius:50%;display:inline-block;}
.bus-legend .main::before {background:#2a2e70;}
.bus-legend .circle::before {background:#2fb7a3;}
    @media only screen and (max-width:1023px){
		.way-wrap {margin:6rem auto;}
    }
    @media only screen and (max-width:767px){
		.way-wrap {margin:4rem auto;}
		.way-map iframe {height:35rem;}
		.way-address {gap:2rem;}
		.way-address li {width:100%;}
		.way-links a {padding:1.2rem 1.5rem;}
	} 

/* 0201 교육과정소개 */
.kbeauty-intro {/*font-family: 'The Jamsil';*/color:#222;}
.intro-visual {width:100%;margin-bottom:6rem;overflow:hidden;}
.intro-visual img {display:block;border-radius:1.6rem;width:100%;animation:visualZoom 4s ease-in-out infinite;transform-origin:center center;}
	@keyframes visualZoom {
		0% {
			transform:scale(1);
		}
		50% {
			transform:scale(1.05);
		}
		100% {
			transform:scale(1);
		}
	}
.kbeauty-intro .section-title {font-size:4rem;font-weight:800;color:#2a2e70;margin-bottom:2rem;letter-spacing:-0.02em;/*font-family: 'The Jamsil';*/}
.kbeauty-intro .section-desc {font-size:1.6rem;line-height:1.7;color:#444;margin-bottom:6rem;}
.kbeauty-intro .intro-vision {background:#f7f8fc;padding:5rem 4rem;border-radius:2rem;}
.kbeauty-intro .sub-title {font-size:2.4rem;font-weight:700;color:#2a2e70;margin-bottom:1.5rem;}
.kbeauty-intro .sub-desc {font-size:1.5rem;line-height:1.7;color:#555;margin-bottom:4rem;}
.kbeauty-intro .vision-list {display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;list-style:none;margin:0;padding:0;}
.kbeauty-intro .vision-list li {background:#fff;padding:3rem;border-radius:1.6rem;box-shadow:0 10px 30px rgba(0,0,0,0.06);}
.kbeauty-intro .vision-list li i {font-size:3rem;margin-bottom:2rem;display:block;opacity:0.3;}
.kbeauty-intro .vision-list strong {display:block;font-size:1.8rem;font-weight:700;margin-bottom:1.2rem;color:#222;}
.kbeauty-intro .vision-list p {font-size:1.4rem;line-height:1.6;color:#555;}
.kbeauty-intro .intro-footer {margin-top:6rem;text-align:center;}
.kbeauty-intro .intro-footer p {font-size:2.5rem;font-weight:700;color:#2a2e70;line-height:1.5;}
	@media only screen and (max-width:1023px){
		.vision-list {grid-template-columns:1fr;}
		.intro-vision {padding:4rem 2.5rem;}
		.kbeauty-intro .section-title {font-size:3.5rem;}
    }
	@media only screen and (max-width:767px){
		.intro-visual {margin-bottom:4rem;}
		.section-title {font-size:2.6rem;}
		.kbeauty-intro .section-title {font-size:3rem;}
		.kbeauty-intro .intro-vision {padding:4rem 3rem;}
		.kbeauty-intro .vision-list {grid-template-columns:repeat(1,1fr);}
		.sub-title {font-size:2rem;}
		.intro-footer p {font-size:1.6rem;}
	}

/* 0301 온라인강좌 */
.online_box {display:flex;}
.online_title {position:relative;}
.online_title .title_strong {background:#2a2e70;display:block;padding:2rem 2rem;color:#fff;font-size:1.8rem;line-height:1.2;}
.online_title > p {display:block;padding:2rem 2rem;border-bottom:1px solid #ccc;line-height:1.5;}
.online_title .title_flex {display:flex;justify-content:space-between;background:#2a2e70;padding:0.8rem 1.5rem;border-radius:1rem;}
.study_flex {width:auto;position:relative;}
.study_flex .study_title {font-size:1.6rem;display:inline-flex;color:#fff;align-items:center;position:absolute;top:-2rem;right:0;left:0;margin:0 auto;width:fit-content;}
.study_flex .study_title i {color:#fff;font-size:2rem;}
.study_flex .study_title strong {padding-left:0.5rem;font-size:2rem;padding-right:0.5rem;color:#fff;line-height:1.2;}
.condition {color:#fff;border-radius:1rem;font-weight:600;font-size:1.6rem;padding:1rem 2rem;width:100%;text-align:center;height:100%;align-content:center;}
.attendance {margin-top:1rem;}
.attendance form {flex-shrink: 0;}
.condition {align-content:center;}
.condition1 {background:#9e9fb0;}
.condition2 {background:#2a2e70;}
.condition3 {background:#00a686;}
.condition4 {background:#050732;}
.progress-circle {position:relative;width:120px;height:120px;margin:0 auto;}
.progress-circle svg {transform:rotate(-90deg);}
.progress-circle .circle-bg {fill:none;stroke:#e6e6e6;stroke-width:8;}
.progress-circle .circle {fill:none;stroke:#00a686;stroke-width:8;stroke-linecap:round;stroke-dasharray:301.6;stroke-dashoffset:301.6;transition:stroke-dashoffset 0.5s ease;}
.progress-circle .percentage {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:20px;font-weight:bold;}
.video-wrap {position:relative;width:100%;max-width:100%;aspect-ratio:16 / 9;background:#000;}
.video-wrap video {width:100%;height:100%;display:block;}
    @media only screen and (max-width:1399px){
	}  
    @media only screen and (max-width:767px){
		.attendance {flex-direction: column;}
	}  

/* 0202 과정별 커리큘럼 */
.visual-section {position:relative;width:100%;height:80vh;min-height:500px;overflow:hidden;}
.visual-bg {position:absolute;top:0;left:0;width:100%;height:100%;}
.visual-bg img {width:100%;height:100%;object-fit:cover;animation:zoomPulse 6s ease-in-out infinite;}
.visual-overlay {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);}
.visual-content {position:relative;z-index:2;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 20px;}
.visual-content .inner {max-width:800px;}
.visual-badge {display:inline-block;margin-bottom:16px;padding:6px 14px;font-size:14px;letter-spacing:0.05em;border:1px solid rgba(255,255,255,0.6);border-radius:30px;}
.visual-title {font-size:48px;font-weight:700;line-height:1.2;}
.visual-desc {margin-top:20px;font-size:18px;line-height:1.6;opacity:0.9;}
	@keyframes zoomPulse {0% {transform:scale(1);}
		50% {transform:scale(1.1);}
		100% {transform:scale(1);}
	}
.step-list {display:flex;justify-content:space-between;align-items:stretch;gap:4rem;}
.step-item {position:relative;flex:1;background:#fff;border-radius:22px;padding:3.5rem 2rem 4rem;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,0.06);}
.step-icon {width:6.5rem;height:6.5rem;margin:0 auto 18px;border-radius:50%;background:#2a2e70;color:#fff;display:flex;align-items:center;justify-content:center;font-size:3rem;}
.step-item:nth-child(even) .step-icon {background:#00a382;} 
.step-num {display:inline-block;margin-bottom:1.5rem;padding:0.5rem 1.5rem;border-radius:2rem;background:#f0f0f0;font-size:1.4rem;font-weight:600;}
.step-item h3 {font-size:1.8rem;margin-bottom:1rem;}
.step-item p {font-size:1.5rem;line-height:1.6;color:#555;white-space:pre-line;}
.step-item::after {font-family:remixicon;font-size:6rem;content:"\F2E5";position:absolute;right:-3.5rem;top:0;color:#000;display:flex;height:100%;align-items:center;}
.step-item:last-child::after {display:none;}
.cert-card {background:#fff;border:1px solid #e5e5e5;border-radius:2rem;padding:3rem 3.5rem;box-shadow:0 10px 25px rgba(0,0,0,0.06);}
.cert-card dl > div {display:flex;padding:1.5rem 0;border-bottom:1px dashed #e6e6e6;}
.cert-card dl > div:last-child {border-bottom:none;}
.cert-card dt {width:12rem;font-weight:600;color:#666;}
.cert-card dd {margin-left:0;font-size:16px;color:#111;}
.con_scroll {display:flex;flex-wrap:wrap;gap:0.5rem;}
    @media only screen and (max-width:1023px){
		.step-list {flex-wrap:wrap;}
		.step-item {flex:1 1 30%;}
	}
	@media only screen and (max-width:767px){
		.step-list {flex-direction:column;}
		.step-item {padding:3rem 1.5rem;}
		.step-item::after {content:"\F2E1";right:0;left:0;bottom:0;justify-content:center;align-items:flex-end;margin-top:4rem;}
		.cert-card dt {width:30%;}
		.cert-card dd {width:70%;font-size:1.6rem;}
		.con_scroll button {width:100%;}
	}

/* 0203 교육비 환불 정책 */
.kbeauty-course-wrap {display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;}
.course-card {position:relative;padding:3rem;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,0.08);transition:transform 0.3s ease;}
.course-card:hover {transform:translateY(-6px);}
.course-card.highlight {background:linear-gradient(135deg,#d8f1ec,#fff);}
.course-card h3 {margin:1.5rem 0 1rem;font-size:2rem;font-weight:700;/*font-family: 'The Jamsil';*/}
.course-card .price {font-size:2.8rem;font-weight:700;color:#00a382;}
.course-card .desc {margin-top:1rem;color:#666;font-size:1.4rem;}
.badge {position:absolute;top:2rem;right:2rem;padding:0.5rem 1.2rem;border-radius:2rem;font-size:1.4rem;font-weight:600;}
.badge.basic {background:#eee;}
.badge.cert {background:#00a382;color:#fff;}
.refund-card {grid-column:1 / -1;background:#fafafa;padding:4rem 3rem;border-radius:1.5rem;border:1px solid #e6e6e6;display:flex;position:relative;overflow:hidden;}
.refund-card h4 {margin-bottom:1.5rem;font-size:2rem;/*font-family: 'The Jamsil';*/font-weight:700;width:20rem;}
.refund-card ul {list-style:none;padding:0;width:calc(100% - 20rem);}
.refund-card li {display:flex;gap:1rem;margin-bottom:1rem;font-size:1.4rem;align-items:center;}
.refund-card li:last-child {margin-bottom:0;}
.refund-card li span i {color:#00a382;font-size:1.4rem;font-weight:600;}
.refund-card strong {color:#00a382;padding:0.2rem 1rem;border-radius:3rem;background:#e0fff9;}
.refund-card .no {color:#d9534f;background:#ffe8e7;}
.refund-card > i {position:absolute;bottom:-1rem;right:-2rem;font-size:13rem;opacity:0.1;}
.refund-card i {}
	@media only screen and (max-width:767px){
		.kbeauty-course-wrap {grid-template-columns:1fr;}
		.refund-card {flex-wrap:wrap;}
		.refund-card h4 {width:100%;}
		.refund-card ul {width:100%;}
		.refund-card > i {opacity:0.05;}
	}


/* 회원가입_레이어 팝업 */
.swal2-container .swal2-popup {padding:20px;}
.swal2-container .swal2-popup .swal2-title {font-size:20px;}

/* 회원가입_국적 */
.dialog_box {position: relative;}
.dialog_box .gh-dialog {position: fixed;left: 50%;top:50%;max-width: calc(100% - 2em - 6px);max-height:calc(100% - 2em - 6px);transform:translate(-50%, -50%);}
@media only screen and (max-width:767px){
	.dialog_box .gh-select-btn {width: 100%;}
}

.select_wrapper {position: relative;}
.select_wrapper .gh-dialog {position: fixed;left: 50%;top:50%;max-width: calc(100% - 2em - 6px);max-height:calc(100% - 2em - 6px);transform:translate(-50%, -50%);}
@media only screen and (max-width:767px){
	.select_wrapper .gh-select-btn {width: 100%;}
}


/* 과정별 커리큘럼 */
.online_p {margin-bottom:2rem;text-align: right;color:#2a2e70;font-size:2.2rem;font-weight: 700;}

/* 일본어 */
html:lang(ja) .getting .heading {font-size:4rem;}
html:lang(ja) .getting .sbj span br{display: none;}
@media only screen and (max-width:767px) {
	html:lang(ja) .getting .heading {font-size:4rem;word-break:auto-phrase;}
	html:lang(ja) .getting .heading br {display: none;}
	html:lang(ja) .getting .sbj{word-break:auto-phrase;}
	html:lang(ja) .getting .sbj span br{display: block;}
}


html:lang(ja) * {word-break: auto-phrase;}
html:lang(ja) .view_box .tit {font-family:auto;}
html:lang(ja) .con_box h3 {font-family:auto;}
html:lang(ja) .con_box h4 {font-family:auto;}
html:lang(ja) .login_box_wrap .login_box .st_tit {font-family: auto;}
html:lang(ja) .registration h4 {font-family: auto;}
html:lang(ja) .kbeauty-intro {font-family: auto;}
html:lang(ja) .kbeauty-intro .section-title {font-family: auto;}
html:lang(ja) .course-card h3 {font-family: auto;}
html:lang(ja) .login_box_wrap .login_box .input_box label {width:18rem;}
html:lang(ja) .login_box_wrap .login_box .input_box input {width:calc(100% - 18rem);}