@charset "utf-8";
@font-face { font-family: 'BMDOHYEON'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/BMDOHYEON.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Shiningstar';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Shiningstar.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'JalnanGothic';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_231029@1.1/JalnanGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NanumSquareNeoBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}
@font-face {
    font-family: 'NanumSquareNeoExtraBold';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}
@font-face {
    font-family: 'NanumSquareNeoHeavy';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}
@font-face {
    font-family: 'NanumSquareNeo';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}




html { 
  scroll-behavior: smooth; 
}

.curribn3dc img{max-width: 100%;}
.curribn img{max-width: 100%;}
.curribn_m {display: none;}

/* 3D 캐릭터과정 */
.curribn3dc_m {display: none;}
.curribtn {align-content: center; text-align: center; margin: 0 auto; margin-bottom: 120px;}
.curribtn img {border: 1px solid black;}
.curribtn img:hover {filter: invert(100%); border: 1px solid white;}
.section_bg1 {background: #2f2f2f; padding: 50px 0 100px 0;}
.section_bg1 p{color: white;}
.vline {display: flex; align-items: center; flex-direction: column;}
.vertical-line {width: 2px; background-color: white; height: 80px; margin: 30px 0 20px 0;}

.mini_title_3dc {
	height: 30px; 
	text-align: center; 
	font-size: 25px; 
	font-weight: 500; 
	line-height: 40px; 
	padding-top: 80px;
	color: #000;
	}
.title_3dc {
	height: 80px; 
	text-align: center; 
	font-size: 45px; 
	font-weight: 600; 
	line-height: 55px; 
	padding-top: 40px;
	color: #000;
	}
.title_3dc span{font-weight: 900;}
.sub_title_3dc span{font-weight: 800;}
.mini_title_3dc span {background-color: #000; padding: 5px 10px; color: #fff; font-weight: 800;}
.mini_title_3dc1 span {background-color: #fff; padding: 5px 10px; color: #2f2f2f; font-weight: 800;}
.sub_title_3dc {
	height: 30px; 
	text-align: center; 
	font-size: 25px; 
	font-weight:500; 
	line-height: 30px; 
	color: #000; 
	padding-bottom: 10px;
}
.sub_title_3dc1 {
	height: 30px; 
	text-align: center; 
	font-size: 25px; 
	font-weight:500; 
	line-height: 30px; 
	color: #000; 
	padding-bottom: 0px;
}

.teacherint {
	height: 70px; 
	text-align: center; 
	font-size: 21px; 
	font-weight:500; 
	line-height: 30px; 
	color: #000; 
	padding-bottom: 10px;
}

.sam_3dc {text-align: center; margin: 0 auto; padding-top: 30px;}
.sam_3dc li{display: inline-block; padding-left: 7px; padding-right: 7px; height: 420px; vertical-align: top; margin-bottom: 100px; padding-top: 30px;}
.sam_3dc p{width: 290px; text-align:left; word-break: keep-all; padding-top: 10px;}
.sam_3dc .sample_title {
	font-size: 20px;
	font-weight: 900;
	height: 25px;
	padding-top: 25px;
}
.sam_3dc .sample_story {
	font-size: 17px;
	font-weight: 500;
	line-height: 25px;
	color: #7D7D7D;
	height: 130px;
	border-bottom: solid 3px #243072;
}

.review_3dc li{display: inline-block; padding-left: 7px; padding-right: 7px; height: 200px; vertical-align: top; margin-bottom: 50px; padding-top: 20px;}
.sam_3dc1 {padding-top: 3px;}

.info_3d {width: 100%; height:180px; align-content: center; background-color: #363636; color: white;}
.info_3d div {width: 1400px; margin: 0 auto; display: flex; flex-direction: row; align-content: center; align-items: center; text-align: center; justify-content: space-evenly;}
.info_3d div li {list-style: none; font-size: 24px; font-weight: bold;}
.info_3d div li p:first-child {font-size: 15px; font-weight: normal;}
.info_3d div li p span {font-size: 19px; color: #afaeae; text-decoration: line-through;}
.info_3d div li p:last-child {font-size: 16px; font-weight: normal;}

.portfolio_3d {width: 100%; background-color: black;}
.hover_zone {width: 1400px; margin: 0 auto; display: flex; flex-direction: row; align-content: center; align-items: center; text-align: center; justify-content: space-evenly; height: 250px;}
.hover_zone li {list-style: none;}
.hover_zone li p {font-size: 30px; padding: 7px 0; color: white;}
.hover_zone li p:last-child {font-size: 18px; line-height: 1.2em;}

/* 레이아웃(필요시 조정) */
.hover_zone{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(250px,1fr));
  gap:16px;
}

/* 카드 기본 스타일 */
.hover_zone > li{
  list-style:none;
  text-align:center;
  padding:16px;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
  cursor:default;
}

/* 이미지: 기본은 그대로, 호버 시 살짝 축소 */
.hover_zone > li img{
  display:block;
  width:80px;       /* 이미지 크기 조정은 여기서 */
  height:auto;
  margin:0 auto 8px;
  transition:transform .25s ease;
  transform-origin:center;
}
.hover_zone > li:hover img,
.hover_zone > li:focus-within img{
  transform:scale(.92);  /* 약간 작아짐 */
}

/* 텍스트: 첫 번째 p는 항상 보이게, 두 번째 p는 처음엔 숨김 */
.hover_zone > li p{
  margin:4px 0;
}

/* 두 번째 p만 숨기고, 부드럽게 열리도록 */
.hover_zone > li p:nth-of-type(2){
  opacity:0;
  max-height:0;
  overflow:hidden;
  transition:opacity .25s ease, max-height .25s ease;
}

/* 호버/포커스 시 두 번째 p 보이기 */
.hover_zone > li:hover p:nth-of-type(2),
.hover_zone > li:focus-within p:nth-of-type(2){
  opacity:1;
  max-height:5em;   /* 내용 길면 늘리세요 */
}


.graphic3d_pof {display: grid; grid-template-columns: repeat(5, 1fr); max-width: 100%;}
.graphic3d_pof img {width: 100%; height: auto;}

        .graphic3d_pof img:hover {
			opacity: 0.6;
			transition: opacity 0.3s ease;
        }

.caution3d p{padding-left: 15%; padding-bottom: 5px; opacity: 0.4; font-weight: lighter; color: white;}

.company_list {background-color: white; padding: 80px 0;}
.company_img {display: grid; grid-template-columns: repeat(7, 1fr); max-width: 1400px; margin: 0 auto; margin-top: 30px;}
.company_img img {width: 100%; height: auto; padding:15px 5px;}


/* 2D 원화 과정 */
.curri_title_2d {
	height: 90px; 
	text-align: center; 
	font-size: 30px; 
	font-weight:900; 
	line-height: 40px; 
	color: #000; 
	z-index: 0; 
	position: relative;
}
.curri_title_2d::before {
	z-index: -1;
	content: attr(data-content);
	position: absolute;
	margin: 0 auto;
	-webkit-text-stroke: 6px #fff;
				}
.curri_title_2d span{color: #360481;}

.graphic2d_intro {display: flex; width: 1200px; margin: 0 auto; text-align: center; padding: 100px 0;}

.intro_txt {width: 50%; text-align: left;}
.intro_txt .txt_mini {
	font-size: 25px;
	color: #545353;
	height: 55px;
	font-family: 'GmarketSansMedium';
}

.intro_txt .txt_big {
	font-size: 40px;
	color: #360481;
	height: 190px;
	font-family: 'GmarketSansBold';
	line-height: 47px;
	word-spacing : -5px;
}
.intro_txt .txt_big span {
	background: linear-gradient(to top, #faedc8 50%, transparent 50%);
}

.txt_listbox {display: flex;}
.txt_btn {width: 7%;}
.txt_btn li {height: 35px;}
.txt_list {width: 92%; padding-top: 6px;}
.intro_txt .txt_list p{
	color: #454444;
	font-size: 19px;
	vertical-align: baseline;
	font-family: 'GmarketSansMedium';
}
.intro_txt .txt_list li {height: 36px;}

.intro_pic {text-align: right; width: 50%;}
.intro_pic img{width: 100%; margin: 0; padding: 0;}

.graphic2d_pof {display: grid; grid-template-columns: repeat(4, 1fr); max-width: 100%;}
.graphic2d_pof img {width: 100%; height: auto; transition: transform 0.4s;}

.graphic2d_pof img:hover {
            animation: brightnessAnimation 0.5s forwards;
        }

.caution2d {transform : rotate(0.03deg);}
.caution2d p{padding-left: 15%; padding-bottom: 5px;}

.review2dbox {text-align: center; padding-top: 100px;}
.review2dbox .txt_bb {
	width: 350px;
	background-color: black;
	color: yellow;
	font-family: 'GmarketSansBold';
	font-size: 22px;
	border-radius: 30px;
	padding: 15px 0 10px 0;
	margin: 0 auto;
}
.review2dbox .txt_big{
	font-size: 60px;
	color: #360481;
	height: 80px;
	font-family: 'GmarketSansBold';
	word-spacing : -5px;
	padding-top: 15px;
}
.review2dbox .curri_title {
	font-family: 'GmarketSansBold';
	height: 45px;
	padding-top: 16px;
	padding-bottom: 20px;
	font-size: 33px;
}
.review2dbox .curri_sub_title {
	padding-bottom: 20px;
	color: #454545;
	font-family: 'GmarketSansMedium';
	font-weight: 500;
	line-height: 1.2;
	height: 55px;
}
.review2d img {box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2)}
.review2d li {height: 600px;}

.qnabox {background-color: #dedede; text-align: center; padding: 100px 0; color: black;}
.qnabox .txt_bb {
	width: 250px;
	background-color: black;
	color: yellow;
	font-family: 'GmarketSansBold';
	font-size: 22px;
	border-radius: 30px;
	padding: 15px 0 10px 0;
	margin: 0 auto;
}
.qnabox .txt_big{
	font-size: 44px;
	color: #360481;
	font-family: 'GmarketSansBold';
	word-spacing : -5px;
	line-height: 55px;
	padding-top: 30px;
}
.qnabox .curri_title {
	font-family: 'GmarketSansBold';
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 33px;
	position: relative;
	line-height: 1.7em;
	height: 55px;
}
.qnabox .curri_title span {color: #350481;}
.qnabox .txt_mini {
	font-size: 21px;
	color: #444444;
	font-family: 'GmarketSansMedium';
}

.qna_container {
	width: 1200px;
    max-width: 100%;
    border: 2px solid #360481;
    background-color: #ffffff;
    padding: 70px 130px 20px 20px;
    position: relative;
	margin: 0 auto;
	justify-content: center;
	margin-top: 80px;
	box-sizing: border-box;
}

.qna_title {
    position: absolute;
    top: -40px;
	left: 50%;
	transform:translateX(-50%);
    background-color: #ffffff;
    padding: 10px 15px 5px;
    font-size: 30px;
    font-family: 'GmarketSansBold';
    border: 2px solid #360481;
    border-radius: 50px;
	height: 65px;
	width: 370px;
	align-content: center;
}
.qna_container .qna_txt {text-align: left; padding-left: 130px;}
.qna_container .qna_txt .qna_q {
	font-size: 30px;
	color: #360481;
	height: 60px;
	font-family: 'GmarketSansBold';
	word-spacing : -5px;
	line-height: 50px;
	position: relative;
}
.qna_q img {position: absolute; top: 7px; left: -50px;}
.qna_container .qna_txt .qna_a {
	font-size: 22px;
	color: #454444;
	font-family: 'GmarketSansMedium';
	line-height: 1.3;
	padding-bottom: 40px;
	word-break: keep-all;
}
.qna_more {width: 1200px; max-width: 100%; height: 100px; background-color: #360481; text-align: center; margin: 0 auto; align-content: center; position: relative;}
.qna_more a {color: white;}
.qna_more p {
	font-size: 30px;
	font-family: 'GmarketSansMedium';
	font-weight: 500;
	text-align: left;
	padding-left: 150px;
	height: 100px;
	align-content: center;
}
.qna_more span {
	font-size: 30px;
	font-family: 'GmarketSansBold';
}
.qna_more img {position: absolute; width: 12%; top: 20px; right: 150px;}

@keyframes brightnessAnimation {
            from {
        filter: brightness(1);
    }
    to {
        filter: brightness(0.6);
    }
        }

.school_list {background-color: white; padding-bottom: 80px; color: black;}
.school_img {display: grid; grid-template-columns: repeat(6, 1fr); max-width: 75%; margin: 0 auto; text-align: center;}
.school_img img {width: 70%; height: auto; padding:20px;}

.school_list .review2dbox .txt_bb {
	width: 350px;
	background-color: black;
	color: yellow;
	font-size: 25px;
	border-radius: 30px;
	padding: 15px 0 10px 0;
	margin: 0 auto;
	font-weight: 700;
}
.school_list .review2dbox .txt_big{
	font-size: 60px;
	color: #360481;
	word-spacing : -5px;
	padding-top: 15px;
	font-weight: 900;
	line-height: 1.5em;
}
.school_list .review2dbox .curri_title {
	padding-top: 16px;
	padding-bottom: 20px;
	font-size: 35px;
	font-weight: 700;
}
.school_list .review2dbox .curri_sub_title {
	padding-bottom: 23px;
	font-weight: 400;
	line-height: 1.4em;
}


/* 웹툰 과정 */
.title_mobile {display: none;}
.tipcont_mobile {display: none;}
.curri_wt {text-align: center;}
.curri_title {
	height: 90px; 
	text-align: center; 
	font-size: 30px; 
	font-weight:900; 
	line-height: 40px; 
	color: #000; 
	z-index: 0; 
	position: relative;
				}
.curri_title::before {
	z-index: -1;
	content: attr(data-content);
	position: absolute;
	margin: 0 auto;
	-webkit-text-stroke: 6px #fff;
				}
.curri_title span{color: #0850f9;}

.1{
	height: 60px; 
	text-align: center; 
	font-size: 30px; 
	font-weight:900; 
	line-height: 40px; 
	color: #000;
				}
.curri_sub_title {
	height: 50px; 
	text-align: center; 
	font-size: 20px; 
	font-weight:700; 
	line-height: 30px; 
	color: #000; 
	padding-bottom: 50px;
}

.webtoon_tipcont {max-width: 1200px; margin: 0 auto;}
.webtoon_tip {display: grid; grid-template-columns: 45% 55%; grid-template-rows: 150px auto;}
.webtoon_tiplim {grid-row: span 2; text-align: right; padding-right: 40px; padding-bottom: 50px;}
.webtoon_tipti {padding-top: 30px}
.curri_ex {
	word-break: keep-all;
	width: 570px;
	text-align: left;
	padding-left:10px;
	padding-top: 30px;
	font-size: 25px; 
	font-weight:500; 
	line-height: 35px;
	color: #000; 
}

.sample_mobile {display: none;}
.webtoon_sam {text-align: center; margin: 0 auto; padding-top: 30px;}
.webtoon_sam li{display: inline-block; padding-left: 7px; padding-right: 7px; height: 650px; vertical-align: top;}
.webtoon_sam p{width: 235px; text-align: left; padding-top: 15px;}
.sample_title {
	font-size: 20px;
	font-weight: 800;
	height: 25px;
}
.sample_writer span{color: #7D7D7D;}
.sample_writer {font-size: 17px; font-weight: 700;}
.sample_story {
	font-size: 17px;
	font-weight: 500;
	line-height: 25px;
	color: #7D7D7D;
}

.curri_rewiew {margin: 0 auto; text-align: center;}
.curri_rewiew img{max-width: 100%;}

.section_bg {background: url('../images/temp/section_bg_02.png') top left no-repeat; background-size:cover; background-repeat: no-repeat; background-position: left;}

.wt_bg img {max-width: 100%;}
.wt_bg .txt ul {display: flex; flex-wrap: wrap; gap:10px;}
.wt_bg .txt li {background:#252c54; padding: 20px 0; text-align: center; margin: 0 auto; border: solid 1px white;}
.wt_bg .txt a {color:#fff;font-weight:bold;text-align:center;font-size:22px; flex: 1 1 20%;}
.wt_bg .txt {position: absolute; left: 50%; transform: translateX(-50%); bottom: 80px; width: 1200px;}
.wt_bg {position: relative;}

.wt_txt {width: 70%; text-align: left;}
.wt_txt .txt_mini {
	font-size: 27px;
	color: #545353;
	height: 60px;
	padding-top: 20px;
	font-family: 'GmarketSansMedium';
}

.wt_txt .txt_big {
	font-size: 50px;
	color: #064fec;
	height: 180px;
	line-height: 1.3em;
	word-spacing : -5px;
	font-weight: 800;
	font-family: 'GmarketSansBold';
}
.wt_txt .txt_big span {
	background: linear-gradient(to top, #faedc8 50%, transparent 50%);
}

.wt_txt .txt_listbox {display: flex; list-style: none; margin-top: 70px;}
.wt_txt .txt_btn {width: 7%;}
.wt_txt .txt_btn li {height: 60px;}
.wt_txt .txt_list {width: 92%; padding-top: 10px;}
.wt_txt .txt_list p{
	color: #454444;
	font-size: 25px;
	vertical-align: baseline;
	font-family: 'GmarketSansMedium';
}
.wt_txt .txt_list li {height: 60px;}

.wt_txt .wt_pic {text-align: right; width: 40%;}

.wt_pic {text-align: center; width: 50%;}
.wt_pic img{width: 85%; margin: 0; padding: 0;}

.wtbox .txt_big{
	color: #1962ff;
}

.graphicwt_intro {padding-bottom: 0px;}

.wt_school {background-color: white; padding-bottom: 80px; color: black;}
.wt_school .school_img img {width: 100%; height: auto; padding:10px;}

.school_list .wtbox .txt_big{
	color: #064fec;
}

.wt_qnabox .txt_big{
	color: #064fec;
}
.wt_qnabox .curri_title span {color: #064fec;}

.wt_qna_container {
    border: 2px solid #064fec;
}

.wt_qna_container .qna_title {
    border: 2px solid #064fec;
}
.wt_qna_container .qna_txt .qna_q {
	color: #064fec;
}
.wt_qna_more {background-color: #064fec;}



/*프로그래밍*/
.proc_title {
	width: 1300px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 250px;
}
.proc_sub {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 300px;
}
.proc_sub ul {
	display: flex;
	gap:0 20px;
}
.proc_sub ul li {
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	font-family: 'GmarketSansBold';
	width: 350px;
	height: 120px;
	background-color: rgba(21,20,103,0.6);
	border: 1px solid rgba(255,255,255,0.5);
}
.proc_sub ul li:nth-child(2) {width: 390px;}
.proc_sub ul li img {padding-right: 15px; max-width: 70px;}
.proc_sub ul li p {
	font-size: 23px;
	line-height: 1.3em;
	letter-spacing: -0.5px;word-spacing: -1px;
	padding-top: 5px;
}
.proc_sub ul li span {color: #67f16a;}

.proc_review {
	background: url('../images/temp/proc_bg.png') top no-repeat; background-size:cover; background-repeat: no-repeat; background-position:center;
	color: white;
	text-align: center;
	padding-bottom: 80px;
}
.proc_txt_big {
	font-family: 'GmarketSansLight';
	font-size: 70px;
	padding-top: 100px;
	word-spacing: -3px;
}
.proc_txt_big span {
	font-family: 'GmarketSansBold';
	color: #b494ff;
}
.proc_txt_sub {
	font-family: 'GmarketSansLight';
	font-size: 20px;
	font-weight:400;
	padding: 10px 0 100px;
}


.proc_swiper-wrap{
  max-width: 1000px;
  box-sizing: border-box;
  margin: 0 auto;
	position: relative;
	padding-bottom: 80px;
}

.swiper.proc_swiper{
  overflow: hidden;
}

    .proc_swiper .swiper-slide{
		background: linear-gradient(-135deg, rgba(72,72,136,0.25) 12%, rgba(21,20,103,0.3) 13%);
	border: 1px solid rgba(255,255,255,0.5);
      padding: 30px;
      box-sizing: border-box;
      align-items:center;
		justify-content:center;
		align-content: center;
      height: 600px; /* 데모용 높이 */
    }

.proc_swiper-wrap .swiper-button-prev.proc_swiper-btn-prev {
	background: url("../images/icon/arrow_prev3.png") no-repeat center top !important;top:50%; transform: translateX(-50%); width:30px;height:30px; left: -5%; opacity: 0.7;
	color: transparent;
}
.proc_swiper-wrap .swiper-button-next.proc_swiper-btn-next {
	background: url("../images/icon/arrow_next3.png") no-repeat center top !important;top:50%; transform: translateX(-50%); width:30px;height:30px; right: -8%; opacity: 0.7;
	color: transparent;
}

.proc_name {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
}
.proc_name img {
	padding-right: 20px;
	width: 150px;
}
.proc_name div {
	font-family: 'GmarketSansLight';
	font-size: 18px;
}
.proc_name div p:first-child {
	font-family: 'GmarketSansBold';
	font-size: 30px;
	line-height: 1em;
	letter-spacing: 5px;
}
.proc_name div p:first-child span {
	font-family: 'GmarketSansLight';
	font-size: 20px;
	letter-spacing: normal;
}
.proc_name div p:nth-child(2) {
	margin: 10px 0 11px;
}
.proc_name div p:nth-child(3) {
	line-height: 1em;
}
.proc_name div p:nth-child(2) span,.proc_name div p:nth-child(3) span {
	color: #3c3c3c;
	font-size: 16px;
	background-color: #69bbfa;
	padding: 5px 20px 3px;
	border-radius: 50px;
	font-weight: bolder;
}
.proc_slogan p {
	font-family: 'GmarketSansMedium';
	font-size: 23px;
	line-height: 1.2em;
	height: 120px;
	align-content: center;
	align-items: center;
}
.proc_ment {
	font-family: 'GmarketSansLight';
	font-size: 16px;
	text-align: left;
	height: 270px;
	border: 1px solid rgba(255,255,255,0.2);
	box-sizing: border-box;
	padding: 15px;
	border-radius: 5px;
	background: radial-gradient(circle at right top, rgba(255,255,255,0.1) 0%, transparent 25%),radial-gradient(circle at left bottom, rgba(255,255,255,0.1) 0%, transparent 25%);
	background-color: rgba(18,18,86,0.8);
	align-content: center;
	align-items: center;
	line-height: 1.7em;
	word-break: keep-all;
	box-shadow: 0px -1px 1px rgba(255,255,255,0.3);
}

.proc_job {
	width: 1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.job_where {
	text-align: left;
	font-family: 'GmarketSansBold';
	font-size: 23px;
	line-height: 1.2em;
}
.job_where span {color: #67f16a;}
.jobkind ul {
	display: flex;
	gap: 0 10px;
}
.jobkind ul li {
	width: 255px;
	height: 50px;
	font-family: 'GmarketSansLight';
	font-size: 20px;
	font-weight: bold;
	align-items: center;
	align-content: center;
	border: 1px solid rgba(255,255,255,0.5);
	padding-top: 5px;
	box-sizing: border-box;
	background: linear-gradient(45deg, rgba(0,0,0,0.2) 50%, rgba(255,255,255,0.1) 51%);
}

.jobcompany{
  position: relative;
  overflow: hidden;
  padding: 8px 0; /* 선택 */
  width: 1050px;
}

.jobcompany ul{
  display: flex;
  gap: 0 10px;
  width: max-content;
  will-change: transform;
}

/* 리스트 아이템/이미지: 기존 시각 유지 */
.jobcompany ul li img{
  border: 1px solid rgba(255,255,255,0.5);
  height: 90px;  /* 기존 유지 */
  width: auto;
  display: block;
}

@media (prefers-reduced-motion: reduce){
  .jobcompany ul{ transform: none !important; }
}


.proc_free .proc_txt_big {
	font-family: 'GmarketSansBold';
	font-size: 80px;
	padding-top: 100px;
	word-spacing: -3px;
	line-height: 1.2em;
}
.proc_free .proc_txt_big .free_line2 {
	color: #b494ff;
}
.proc_free .proc_txt_big span {
	font-family: 'GmarketSansLight';
}
.proc_free .proc_txt_sub {
	font-family: 'GmarketSansLight';
	font-size: 25px;
	font-weight:400;
	padding: 20px 0 0;
	line-height: 1.2em;
}

.proc_steps {
	display: flex;
	width: 750px;
	height: 150px;
	margin: 0 auto;
	align-content: center;
	align-items: center;
	border: 1px solid rgba(255,255,255,0.15);
	background: linear-gradient(to right, rgba(0,0,0,0.3) 28%, rgba(50,25,88,0.3) 28%);
	margin-top: 80px;
	margin-bottom: 70px;
}
.proc_steps ul {
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-around;
	padding: 0 40px;
	box-sizing: border-box;
}
.proc_steps ul li p {
	font-family: 'GmarketSansLight';
	font-size: 14.5px;
	padding-top: 10px;
	line-height: 1.3em;
}
.proc_steps ul .arrow p {
	margin-top: -30px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
}
.free_step2 {
	width: 72%;
}
.free_step {
	text-align: left;
	font-family: 'GmarketSansLight';
	font-size: 23px;
	line-height: 1.2em;
	padding-top: 10px;
	width: 28%;
}
.free_step p {padding: 30px;}
.free_step span {
	color: #67f16a;
	font-family: 'GmarketSansBold';
}

.proc_link ul {
	display: flex;
	gap: 0 10px;
	justify-content: center;
}
.proc_link ul li img {
	width: 410px;
}

.proc_linkgo {
	width: 350px;
	height: 50px;
	align-items: center;
	align-content: center;
	border: 1px solid rgba(255,255,255,0.5);
	box-sizing: border-box;
	background: linear-gradient(45deg, rgba(0,0,0,0.2) 50%, rgba(255,255,255,0.1) 51%);
	margin: 0 auto;
	margin-top: 50px;
}
.proc_linkgo a {
	color: white;
	font-family: 'GmarketSansMedium';
	font-size: 22px;
	padding: 14px 90.5px 9px; 
}

.proc_res {
	display: flex;
	justify-content: center;
	gap: 0 45px;
	text-align: left;
	font-family: 'GmarketSansLight';
}
.res_box {
	width: 380px;
	height: 500px;
	background-color: rgba(74,52,255,0.1);
	border: 1px solid rgba(180,148,255,0.5);
	box-sizing: border-box;
	padding: 20px 30px 30px;
}
.res_box .res_title {
	display: flex;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	font-family: 'GmarketSansBold';
	color: #67f16a;
	font-size: 31px;
}
.res_box .res_title p {line-height: 1.2em;}
.res_sub {
	padding: 5px 0 10px;
	border-bottom: 1px solid rgba(180,148,255,0.5);
}
.res_sub p {
	font-family: 'GmarketSansMedium';
	font-size: 25px;
	padding-bottom: 15px;
}
.res_sub p span {
	font-family: 'GmarketSansLight';
	font-size: 20px;
	word-spacing: -2px;
	line-height: 1.3em;
}

.res_list {
	list-style: armenian;
	margin-top: 30px;
	font-size: 19px;
}
.res_list li {
	margin-bottom: 13px;
}

.proc_secrets {
	display: flex;
	flex-wrap: wrap;
	gap:45px;
	width: 1200px;
	margin: 0 auto;
	justify-content: center;
}
.proc_secrets .secret_box {
	width: 350px;
	height: 280px;
	background-color: rgba(74,52,255,0.1);
	border: 1px solid rgba(180,148,255,0.5);
	box-sizing: border-box;
	padding: 20px 30px 30px;
}
.secret_box .secret_title {
	font-family: 'GmarketSansMedium';
	color: #67f16a;
	font-size: 26px;
	padding: 7px 0;
}
.secret_box .secret_sub {
	font-family: 'GmarketSansLight';
	font-size: 19px;
	line-height: 1.5em;
}

.proc_detail .proc_txt_big1 {
	font-family: 'GmarketSansLight';
	font-size: 70px;
	padding-top: 100px;
	word-spacing: -3px;
}
.proc_detail .proc_txt_big1 span {
	font-family: 'GmarketSansBold';
}
.proc_detail .proc_txt_big2 {
	font-family: 'GmarketSansLight';
	line-height: 1em;
	font-size: 70px;
	word-spacing: -3px;
	color: #b494ff;
}
.proc_detail .proc_txt_big2 span {
	font-family: 'GmarketSansBold';
}

.proc_level div ul {
	display: flex;
	justify-content: space-around;
	width: 1300px;
	margin: 0 auto;
	gap:0 10px;
}
.proc_level .level_title {
	font-family: 'GmarketSansBold';
	font-size: 27px;
	text-align: left;
	width: 1300px;
	margin: 0 auto;
}
.proc_level .level_title li {
	width: 360px;
	margin-bottom: 12px;
}
.proc_level .level_title .level_off {width: 140px; padding-right: 0px;}
.level_line {
	position: relative;
	height: 12px;
	width: 1070px;
	background: linear-gradient(to right, #ef74f7, #8d8aff, #2a22c3);
	float: right;
	margin-right: 90px;
}
.level_line::after {
	content: '';
	position: absolute;
	right: -90px;
	bottom: 0px;
	border-bottom: 30px solid #2a22c3;
	border-left: 0px solid transparent;
	border-right: 90px solid transparent;
}
.proc_level .level_top {
	font-family: 'GmarketSansLight';
	font-size: 19px;
	text-align: left;
}
.proc_level .level_top p {
	color: #d4d3d3;
	line-height: 1.4em;
	padding-top: 15px;
}
.proc_level .level_top span {
	font-family: 'GmarketSansMedium';
	color: white;
	font-size: 22px;
	line-height: 2.5em;
}
.proc_level .level_top li {
	height: 220px;
	width: 380px;
	padding-left: 20px;
	box-sizing: border-box;
	background: linear-gradient(to bottom, rgba(74,52,225,0.2), transparent 50%);
	border: 1px solid transparent;
	border-top: none;
	border-bottom: none;
	border-image: linear-gradient(to bottom, rgba(207,207,207,0.2), transparent 60% );
	border-image-slice: 1;
}
.proc_level .level_top li .level_tri {
	background-image: linear-gradient(to top, rgba(74,52,225,0.2), transparent 90%);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	width: 380px;
	height: 50px;
	margin-left: -20px;
}
.proc_level .level_top li .level_trib {
	width: 380px;
	height: 50px;
	background-image: linear-gradient(to top, rgba(207,207,207,0.2), transparent 90% );
	clip-path: polygon(50% 97%, 100% 0, 100% 3%, 50% 100%, 0 3%, 0 0);
	margin-top: 30px;
}
.proc_level .level_top ul .level_gray {
	width: 130px;
	height: 220px;
	padding-left: 0px;
	background: rgba(107,122,155,0.47);
	border: none;
	text-align: center;
	align-content: center;
	align-items: center;
}
.proc_level .level_top ul .level_gray p {
	font-family: 'GmarketSansMedium';
	font-size: 23px;
	line-height: 1.2em;
	color: white;
}
.proc_level .level_bottom ul .level_gray {
	height: 430px;
}
.proc_level .level_bottom li {
	height: 430px;
	background: linear-gradient(to bottom, rgba(74,52,225,0.2), transparent 20%);
	border: 1px solid transparent;
	border-top: none;
	border-bottom: none;
	border-image: linear-gradient(to bottom, rgba(207,207,207,0.2), transparent 20% );
	border-image-slice: 1;
	margin-top: 5px;
}
.proc_level .level_bottom p {
	padding-top: 20px;
}
.proc_level .level_bottom li:nth-child(2),.proc_level .level_bottom li:nth-child(3),.proc_level .level_bottom li:nth-child(4) {
	position: relative;
}
.proc_level .level_bottom .level_pink::before {
	content: '';
	position: absolute;
	top: -4px;
	left: -1px;
	background-color: #f15fff;
	height: 4px;
	width: 380px;
}
.proc_level .level_bottom .level_violet::before {
	content: '';
	position: absolute;
	top: -4px;
	left: -1px;
	background-color: #9690f0;
	height: 4px;
	width: 380px;
}
.proc_level .level_bottom .level_purple::before {
	content: '';
	position: absolute;
	top: -4px;
	left: -1px;
	background-color: #4d43e0;
	height: 4px;
	width: 380px;
}

.proc_level .level_bottom .level_program {
	height: 257px;
	padding: 20px;
	box-sizing: border-box;
	margin-top: 20px;
	margin-left: -20px;
	background-color: rgba(74,52,225,0.1);
}
.proc_level .level_bottom .level_program div {
	display: flex;
	justify-content: flex-start;
	height: 120px;
}
.proc_level .level_bottom .level_program ul {
	display: flex;
	flex-direction: column;
	width: auto;
	margin: 0;
	justify-content: flex-start;
}
.proc_level .level_bottom .level_program ul li {
	height: auto;
	width: auto;
	text-align: left;
	padding-left: 0px;
	border: none;
	background: none;
	margin: 0;
	margin-bottom: 15px;
	font-size: 18px;
	word-spacing: -2px;
}
.proc_level .level_bottom .level_program p {
	width: 130px;
	font-family: 'GmarketSansMedium';
	padding: 0;
	font-size: 20px;
	line-height: 1.2em;
}
.prog_pink { border: 1px solid rgba(241,95,255,0.4);}
.prog_violet { border: 1px solid rgba(124,118,250,0.4);}
.prog_purple { border: 1px solid rgba(77,67,224,0.4);}
.proc_level .level_bottom .prog_pink p { color: rgba(241,95,255,1);}
.proc_level .level_bottom .prog_violet p { color:  rgba(124,118,250,1);}
.proc_level .level_bottom .prog_purple p { color:  rgba(77,67,224,1);}


/*UIUX 페이지*/
.curriculum {
	position: relative;
}
.curriculum .bg_title {
	content: "";
	text-transform: uppercase;
	position: absolute;
	color: white;
	top: 30%;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	font-family: 'GmarketSansBold';
	font-size: 90px;
	line-height: 1em;
}
.curriculum .bg_title span {
	font-family: 'GmarketSansMedium';
	font-size: 30px;
	display: inline-block;
	line-height: 1em;
}

.curriculum_wrap {
	background-color: #0f1012;
	color: white;
	padding: 80px;
}
.curri_reason {
	width: 1000px;
	margin: 0 auto;
}
.reason_title p:first-child {
	font-family: 'GmarketSansMedium';
	font-size: 23px;
	padding-bottom: 20px;
}
.reason_title {
	font-family: 'GmarketSansLight';
	font-size: 18px;
	line-height: 1em;
	margin-bottom: 50px;
}
.curri_reason .reason_box ul {
	display: flex;
	gap:10px;
	justify-content: center;
	text-align: center;
}
.curri_reason .reason_box ul li {
	width: 325px;
	height: 200px;
	border: 1px solid #787878;
	border-radius: 15px;
	background-color: #1e2024;
	align-content: center;
	box-sizing: border-box;
}
.curri_reason .reason_box ul li p {
	font-family: 'GmarketSansLight';
	line-height: 1.5em;
	font-size: 16px;
}
.curri_reason .reason_box ul li p:nth-child(2) {
	font-family: 'GmarketSansMedium';
	padding: 20px 0 10px;
	line-height: 1em;
	font-size: 20px;
}

.curri_level .level_box {
	width: 1000px;
	margin: 0 auto;
	margin-top: 60px;
}
.curri_level .level_box ul li {
	align-content: center;
	border: 1px solid #787878;
	border-radius: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100px;
}
.curri_level .level_box ul li:nth-child(1) {
	background: linear-gradient(to right, transparent 20%, rgba(30,32,36,1) 33%), url(../images/temp/uiux_lvl1.png);
}
.curri_level .level_box ul li:nth-child(2) {
	margin: 10px 0;
	background: linear-gradient(to right, transparent 20%, rgba(30,32,36,1) 33%), url(../images/temp/uiux_lvl2.png);
}
.curri_level .level_box ul li:nth-child(3) {
	background: linear-gradient(to right, transparent 20%, rgba(30,32,36,1) 33%), url(../images/temp/uiux_lvl3.png);
}
.curri_level .level_box ul li p {
	font-family: 'GmarketSansMedium';
	margin-left: 370px;
	font-size: 20px;
	line-height: 1em;
}
.curri_level .level_box ul li span {
	font-family: 'GmarketSansLight';
	font-size: 17px;
	display: inline-block;
	padding-top: 10px;
}

.curri_checksteps {
	padding-top: 80px;
	width: 1000px;
	margin: 0 auto;
}
.curri_checksteps .checksteps_box {
	display: flex;
	gap: 10px;
	justify-content: center;
}
.curri_checksteps .checksteps_box > li {
	width: 325px;
	height: 220px;
	background-color: #1e2024;
	border: 1px solid #787878;
	border-radius: 10px;
	padding: 30px 20px 20px;
	box-sizing: border-box;
	font-family: 'GmarketSansLight';
}
.curri_checksteps .checkstep_stage {
	font-size: 15px;
	margin-bottom: 10px;
}
.curri_checksteps .checkstep_title {
	font-family: 'GmarketSansMedium';
	font-size: 22px;
	margin-bottom: 30px;
}
.curri_checksteps .checksteps_box ul li {
	display: flex;
	gap: 5px;
	margin-bottom: 10px;
	font-size: 15px;
}
.curri_checksteps .checksteps_box ul li img {
	height: 12px;
	width: 12px;
}
.curri_checksteps .checksteps_caution {
	font-family: 'GmarketSansMedium';
	font-size: 13px;
	color: #767676;
	margin-top: 10px;
}
.curri_portfolio {
	width: 1000px;
	margin: 0 auto;
	padding-top: 80px;
}
.curri_portfolio .portfolio_box ul {
	display: flex;
	gap:9.5px;
	flex-wrap: wrap;
	justify-content: center;
}
.curri_portfolio .portfolio_box ul li:hover {
	opacity: 0.6;
	transition: opacity 0.3s ease;
}

/*이펙트 페이지*/
.curri_level .effect_box ul li:nth-child(1) {
	background: linear-gradient(to right, transparent 20%, rgba(30,32,36,1) 33%), url(../images/temp/effect_lvl1.png);
}
.curri_level .effect_box ul li:nth-child(2) {
	margin: 10px 0;
	background: linear-gradient(to right, transparent 20%, rgba(30,32,36,1) 33%), url(../images/temp/effect_lvl2.png);
}
.curri_level .effect_box ul li:nth-child(3) {
	background: linear-gradient(to right, transparent 20%, rgba(30,32,36,1) 33%), url(../images/temp/effect_lvl3.png);
}
.curri_effqna {
	width: 1000px;
	margin: 0 auto;
	margin-top: 60px;
}
.curri_effqna .effqna_title {
	display: flex;
	text-align: center;
}
.curri_effqna .effqna_title div:first-child {
	width: 250px;
	padding-left: 60px;
}
.curri_effqna .effqna_title div:last-child {
	width: 280px;
}
.curri_effqna .effqna_title p {
	font-family: 'GmarketSansBold';
	font-size: 23px;
}
.curri_effqna .effqna_title p span {
	color: #3ab54a;
}
.curri_effqna .effqna_title .effqna_line {
	width: 220px;
	position: relative;
	border-bottom: 1px solid #3ab54a;
	margin-bottom: 7px;
}
.curri_effqna .effqna_title .effqna_line::after {
	content: "";
	position: absolute;
	width: 30px;
	right: 0px;
	bottom: -1px;
	border-bottom: 1px solid #3ab54a;
	transform-origin: 100% 50%;
	transform: rotate(45deg);
}
.curri_effqna .effqna_box {
	margin-top: 30px;
}
.curri_effqna .effqna_box ul {
	display: flex;
	font-family: 'GmarketSansLight';
	margin-bottom: 15px;
}
.curri_effqna .effqna_box ul .effqna_q {
	width: 450px;
	height: 70px;
	background-color: #252525;
	border: 1px solid #787878;
	border-radius: 40px;
	align-content: center;
	align-items: center;
	box-sizing: border-box;
	padding-left: 30px;
}
.curri_effqna .effqna_box ul .effqna_q p {
	line-height: 1em;
	padding-top: 2px;
}
.curri_effqna .effqna_box ul .effqna_a {
	width: 640px;
	height: 70px;
	margin-left: -90px;
	background-color: #252525;
	border: 2px solid #3ab54a;
	border-radius: 40px;
	align-content: center;
	align-items: center;
	box-sizing: border-box;
	padding-left: 40px;
}
.curri_effqna .effqna_box ul .effqna_a p {
	padding-top: 3px;
	line-height: 1.3em;
	font-family: 'GmarketSansMedium';
}

/*애니메이션 페이지*/
.animation-bg .bg_title {
	color: #252c54;
}
.curri_level .animation_box ul li:nth-child(1) {
	background: linear-gradient(to right, transparent 20%, rgba(30,32,36,1) 33%), url(../images/temp/animation_lvl1.png);
}
.curri_level .animation_box ul li:nth-child(2) {
	margin: 10px 0;
	background: linear-gradient(to right, transparent 20%, rgba(30,32,36,1) 33%), url(../images/temp/animation_lvl2.png);
}
.curri_level .animation_box ul li:nth-child(3) {
	background: linear-gradient(to right, transparent 20%, rgba(30,32,36,1) 33%), url(../images/temp/animation_lvl3.png);
}



@media screen and (max-width:1200px){
	
.info_3d {height:450px;}
.info_3d div {width: 100%; height: 450px; flex-direction: column; justify-content: space-evenly; position: relative;}
.info_3d div li {list-style: none; font-size: 22px; font-weight: bold;}
.info_3d div li:nth-child(2)::before {
	position: absolute;
	content: "";
	width: 50%;
	height: 1px;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	border-top: 1px solid #8C8C8C; 
	border-bottom: 1px solid #848484;
	height: 140px;
	opacity: 0.5;
	}
	
	.section_bg {background: url('../images/temp/section_bg_03.png') top left no-repeat; background-size: cover; background-repeat: no-repeat; background-position: left;}
	.section_bg1 {padding: 50px 0 30px 0;}
	.vertical-line {height: 40px; margin: 0;}
	
	.title_pc {display: none;}
	.title_mobile {display: block;}
	.curri_wt {width: 80%; margin: 0 auto;}
	.curri_title {
	height: 70px; 
	text-align: center; 
	font-size: 23px; 
	font-weight:900; 
	line-height: 33px; 
	padding-top: 15px;
	}
	.curri_sub_title {padding-top: 30px;}

	.wt_bg .txt ul {gap:10px;}
.wt_bg .txt li {padding: 20px 0; text-align: center; margin: 0 auto; border: solid 1px white;}
.wt_bg .txt a {color:#fff;font-weight:bold;text-align:center; font-size:18px; flex: 1 1 40%;}
.wt_bg .txt {position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; top: 72%; width: 70%;}
	
	
	.tipcont_pc {display: none;}
	.tipcont_mobile {display: block; padding-top: 30px;}
	.webtoon_tipcont {padding-left: 10px; padding-right: 30px;}
	.webtoon_tip {grid-template-columns: 40% 60%; grid-template-rows: 25% auto;}
	.webtoon_tiplim {grid-row: span 2; text-align: center; padding-bottom: 20px; padding-right: 0;;}
	.webtoon_tiplim img {width: 100%; margin-left: 10px;}
	.webtoon_tipti {padding-top: 5px; text-align: center;}
	.webtoon_tipti img {width: 100%; margin-left: 15px;}
	.webtoon_tipl {text-align: center; margin: 0 auto;}
	.curri_ex {
	word-break:normal;
	width: auto;
	max-width: 100%;
	text-align:justify;
	padding-left:15px;
	padding-top: 10px;
	padding-bottom: 50px;
	font-size: 15px; 
	font-weight:600; 
	line-height: 20px;
	color: #000; 
}
	
	.sample_pc {display: none;}
	.sample_mobile {display: block;}
	.sample_mobile {text-align:justify; margin: 0 auto; padding-top: 30px;}
	.sample_mobile li{display:block; padding-left: 30px; padding-right: 30px; height: auto; vertical-align: top;}
	.sample_mobile img {max-width: 100%;}
	.sample_mobile p{width: 100%; text-align:justify; padding-top: 15px; word-break: break-all;}
	.sample_title {
	font-size: 20px;
	font-weight: 800;
	height: 25px;
	}
	.sample_writer span{color: #7D7D7D;}
	.sample_mobile .sample_writer {font-size: 17px; font-weight: 700; text-align: left; padding-top: 5px;}
	.sample_mobile .sample_story {
	font-size: 18px;
	font-weight: 500;
	line-height: 23px;
	color: #7D7D7D;
	padding-top: 13px;
	padding-bottom: 50px;
	}
	
	.sam_3dc .sample_story {
		height: 50px;
		border-bottom: solid 2px #243072;
		font-size: 17px;
		padding-top: 3px;
	}
	.sam_3dc .sample_title {
	font-size: 20px;
	font-weight: 900;
	height: 30px;
	padding-top: 22px;
}
	
	.sam_3dc li {margin-bottom: 30px; padding: 0 30px 0 30px;}
	.sam_3dc p{text-align:left;}
	
	
	.review li{height: 520px;}
	.review_3dc {padding-bottom: 60px;}
	.review_3dc img{max-width: 95%;}
	.review_3dc li{height: auto;}
	
	
	.title_3dc {
	height: 100px; 
	text-align: center; 
	font-size: 37px; 
	font-weight: 600; 
	line-height: 48px; 
	padding-top: 40px;
	color: #000;
	}
	
	.sub_title_3dc {
	height: 50px; 
	text-align: center; 
	font-size: 19px; 
	font-weight:500; 
	line-height: 25px; 
	color: #000; 
	padding-top: 25px;
	padding-bottom: 50px;
	}
	
	.sub_title_3dc1 {
	height: 60px; 
	text-align: center; 
	font-size: 22px; 
	font-weight:500; 
	line-height: 28px; 
	color: #000; 
	padding-bottom: 0px;
	}
	
	.sub_title_3dc2 {font-size: 18px; padding-top: 5px; padding-bottom: 20px;}
	.subt_re { padding-bottom: 5px;}
	
	
	.mini_title_3dc {
	height: 25px; 
	text-align: center; 
	font-size: 20px; 
	font-weight: 500; 
	line-height: 30px; 
	padding-top: 40px;
	color: #000;
	}
	
.hover_zone {width: 90%; display: grid; grid-template-columns: repeat(2, 1fr); margin: 0 auto;}
.hover_zone li p {font-size: 19px; padding: 5px 0;}
.hover_zone li p:last-child {font-size: 13px; line-height: 1.2em;}
/* 텍스트: 첫 번째 p는 항상 보이게, 두 번째 p는 처음엔 숨김 */
.hover_zone > li p{
  margin:0px 0;
}
/* 레이아웃(필요시 조정) */
.hover_zone{
  gap:30px 10px;
	height: auto;
	margin-top: 80px;
	margin-bottom: 30px;
}

/* 카드 기본 스타일 */
.hover_zone > li{
  list-style:none;
  text-align:center;
  padding:3px;
  box-shadow:0 4px 12px rgba(0,0,0,.06);
  transition:box-shadow .25s ease, transform .25s ease;
  cursor:default;
}
.hover_zone > li img{
  display:block;
  width:50px;       /* 이미지 크기 조정은 여기서 */
  height:auto;
  margin:0 auto 5px;
  transition:transform .25s ease;
  transform-origin:center;
}

/* 두 번째 p만 숨기고, 부드럽게 열리도록 */
.hover_zone > li p:nth-of-type(2){
  opacity:1;
  max-height:5em;
  overflow:hidden;
  transition:opacity .25s ease, max-height .25s ease;
}

/* 호버/포커스 시 두 번째 p 보이기 */
.hover_zone > li:hover p:nth-of-type(2),
.hover_zone > li:focus-within p:nth-of-type(2){
  opacity:1;
  max-height:5em;   /* 내용 길면 늘리세요 */
}
.hover_zone > li:hover img,
.hover_zone > li:focus-within img{
  transform:scale(1);  /* 약간 작아짐 */
}
	
.graphic3d_pof {display: grid; grid-template-columns: repeat(2, 1fr); max-width: 100%; background-color: black;}
.graphic3d_pof img {width: 100%; height: auto;}

        .graphic3d_pof img:hover {
			opacity: 1;
        }

.caution3d p{padding-left: 0; padding-bottom: 5px; opacity: 0.5; font-weight: lighter; text-align: center; font-size: 12px; line-height: 1.4em;}
	
.company_list {background-color: white; padding-bottom: 30px;}
.company_img {display: grid; grid-template-columns: repeat(3, 1fr); max-width: 80%; margin: 0 auto;}
.company_img img {width: 100%; height: auto; padding:15px 5px;}

	/* 2D 캐릭터 원화 */
	
	.graphic2d_intro {
		display: block;
		max-width: 90%;
		padding-top: 50px;
		padding-bottom: 70px;
	}
	
	.intro_txt {width: 100%;}
	.intro_txt .txt_mini {font-size: 18px; height: 40px; text-align: center;}
	.intro_txt .txt_big {font-size: 27px; line-height: 35px; height: 130px; text-align: center;}
	
	.txt_listbox {width: 100%;}
	.txt_listbox li {height: 25px;}
	.txt_btn img {width: 16px;}
	.txt_btn {width: 6%;}
	.intro_txt .txt_list li {height: 25px;}
	.txt_list {width: 94%; padding-top: 1px;}
	.intro_txt .txt_list p{font-size: 13px;}
	
	.intro_pic {width: 100%; padding-top: 20px;}
	
	.curri_title_2d {
	height: 70px; 
	font-size: 22px; 
	line-height: 30px;
	}
	.caution2d p {padding-left: 2%; font-size: 8px;}
	
	.graphic2d_pof {grid-template-columns: repeat(2, 1fr);}
	.graphic2d_pof img:hover {
            animation: none;
        }
	.review2d {padding-top: 20px;}
	.review2dbox .txt_bb {
	width: 200px;
	font-size: 18px;
	padding: 5px 0 2px 0;
}
.review2dbox .txt_big{
	font-size: 34px;
	height: 70px;
	line-height: 1.1;
	
}
.review2dbox .curri_title {
	height: 13px;
	padding-top: 10px;
	padding-bottom: 27px;
	font-size: 18px;
	line-height: 1.2;
}
.review2dbox .curri_sub_title {
	font-size:14px;
	padding-bottom: 17px;
	font-weight: 500;
	line-height: 1.2;
	height: 55px;
}
.review2d img {max-width: 90%;}
.review2d li {height: 500px;}
	
	.school_list .review2dbox .txt_bb {
	width: 200px;
	font-size: 18px;
	padding: 5px 0 2px 0;
}
.school_list .review2dbox .txt_big{
	font-size: 34px;
	line-height: 1.1em;
	
}
.school_list .review2dbox .curri_title {
	padding-top: 10px;
	padding-bottom: 25px;
	font-size: 18px;
	line-height: 1.2;
}
.school_list .review2dbox .curri_sub_title {
	font-size:14px;
	padding-bottom: 17px;
	font-weight: 500;
	line-height: 1.2;
}
	
.school_list {background-color: white; padding-bottom: 30px;}
.school_img {display: grid; grid-template-columns: repeat(3, 1fr); max-width: 80%; margin: 0 auto; text-align: center;}
.school_img img {width: 80%; height: auto; padding:10px;}
	
	
.qnabox {padding: 70px 0;}
.qnabox .txt_bb {
	width: 150px;
	font-size: 18px;
	padding: 5px 0 2px 0;
}
.qnabox .txt_big{
	font-size: 30px;
	line-height: 1.15;
	padding-top: 15px;
}
.qnabox .curri_title {
	padding-top: 15px;
	padding-bottom: 0px;
	font-size: 18px;
	line-height: 1.2;
}
.qnabox .txt_mini {
	font-size: 14px;
	padding-top: 25px;
	line-height: 1.2;
}

.qna_container {
    max-width: 90%;
    padding: 50px 40px 20px 20px;
	margin-top: 50px;
}

.qna_title {
    top: -27px;
    font-size: 19px;
	width: 200px;
	height: 50px;
}
.qna_container .qna_txt {text-align: left; padding-left: 45px;}
.qna_container .qna_txt .qna_q {
	font-size: 18px;
	height: auto;
	line-height: 1.1;
	word-spacing: 0;
	position: relative;
	padding-bottom: 10px;
	word-break: keep-all;
}
.qna_q img {position: absolute; top: 0px; left: -25px; width: 15px;}
.qna_container .qna_txt .qna_a {
	font-size: 14px;
	line-height: 1.3;
	padding-bottom: 40px;
	word-break: keep-all;
}
.qna_more {max-width: 90%; height: 170px; background-color: #360481; text-align: center; margin: 0 auto; align-content: center;}
.qna_more a {color: white;}
.qna_more p {
	font-size: 23px;
	text-align: center;
	padding-left: 0;
	height: 80px;
	align-content: center;
}
.qna_more span {
	font-size: 23px;
}
.qna_more img {position: static; width: 20%;}
	
	
	
/*웹툰 모바일*/
	.wt_txt {width: 100%;}
	.wt_txt .txt_mini {font-size: 18px; height: 40px; text-align: center; padding-top: 10px;}
	.wt_txt .txt_big {font-size: 27px; line-height: 35px; height: 130px; text-align: center;}
	
	.wt_txt .txt_listbox {width: 100%; margin-top: 0px;}
	.wt_txt .txt_listbox li {height: 25px;}
	.wt_txt .txt_btn img {width: 16px;}
	.wt_txt .txt_btn {width: 6%; padding-top: 3px;}
	.wt_txt .txt_list li {height: 25px;}
	.wt_txt .txt_list {width: 94%; padding-top: 1px;}
	.wt_txt .txt_list p{font-size: 13px;}
	
	.wt_pic {width: 100%; padding-top: 20px;}
	
	.wt_qna_more {background-color: #064fec;}
	
	
	
/*프로그래밍 모바일*/
.wt_bg .txt.process_btn {top: 77%;}
.proc_title {
	width: 70%;
	top: 80px;
}
.proc_sub {
	bottom: auto;
	top: 275px;
}
.proc_sub ul {
	flex-direction: column;
	gap:5px;
}
.proc_sub ul li {
	justify-content: flex-start;
	font-family: 'GmarketSansMedium';
	width: 230px;
	height: 70px;
}
.proc_sub ul li:nth-child(2) {width: 230px;}
.proc_sub ul li img {padding-right: 7px; max-width: 40px; padding-left: 12px;}
.proc_sub ul li p {
	font-size: 15px;
}

.proc_review {
	background: url('../images/temp/proc_bg.png') top no-repeat; background-size:cover; background-repeat: no-repeat; background-position:center;
	color: white;
	text-align: center;
	padding-bottom: 60px;
}
.proc_txt_big {
	font-size: 35px;
	padding-top: 60px;
}
.proc_txt_big p {line-height: 1.2em;}
.proc_txt_sub {
	font-size: 15px;
	padding: 10px 0 40px;
	word-break: keep-all;
	width: 80%;
	margin: 0 auto;
}
.proc_txt_sub {line-height: 1.3em;}


.proc_swiper-wrap{
  max-width: 80%;
	padding-bottom: 60px;
}

.proc_swiper .swiper-slide{
	padding: 20px;
    height: 470px; /* 데모용 높이 */
    }

.proc_swiper-wrap .swiper-button-prev.proc_swiper-btn-prev {
	display: none;
}
.proc_swiper-wrap .swiper-button-next.proc_swiper-btn-next {
	display: none;
}
.proc_name img { 
	padding-right: 20px;
	width: 100px;
}
.proc_name div {
	font-size: 18px;
}
.proc_name div p:first-child {
	font-size: 24px;
}
.proc_name div p:first-child span {
	font-size: 17px;
}
.proc_name div p:nth-child(2) {
	margin: 10px 0 9px;
}
.proc_name div p:nth-child(2) span,.proc_name div p:nth-child(3) span {
	font-size: 14px;
	padding: 5px 15px 3px;
}
.proc_slogan p {
	font-size: 20px;
	height: 80px;
}
.proc_ment {
	font-size: 14px;
	height: 240px;
	padding: 15px;
	line-height: 1.7em;
}

.proc_job {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.job_where {
	text-align: center;
	font-size: 23px;
	margin-bottom: 5px;
}
.jobkind ul {
	flex-wrap: wrap;
	justify-content: center;
	gap: 5px;
}
.jobkind ul li {
	width: 155px;
	height: 70px;
	font-size: 16px;
	padding-top: 5px;
	line-height: 1.2em;
}

.jobcompany{
  overflow:auto;
  padding: 0;
  width: 100%;
}

.jobcompany ul{
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  width: 100%;
  justify-content: center;
  margin: 0 auto;
}

/* 리스트 아이템/이미지: 기존 시각 유지 */
.jobcompany ul li img{
  height: auto;
  width: 100px;
  background-color: rgba(0,0,0,0.7);
}



.proc_free .proc_txt_big {
	font-size: 27px;
	padding-top: 60px;
}
.proc_free .free_line2 {font-size: 36px;}
.proc_free .proc_txt_sub {
	font-size: 15px;
	padding: 10px 0 40px;
	word-break: keep-all;
	width: 80%;
	margin: 0 auto;
}

.proc_steps {
	flex-direction: column;
	width: 80%;
	height: 120px;
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 29%, rgba(50,25,88,0.3) 29%);
	margin-top: 0;
	margin-bottom: 50px;
}
.proc_steps ul {
	padding: 0;
}
.proc_steps ul li p {
	font-size: 10px;
	padding-top: 8px;
	line-height: 1.3em;
}
.proc_steps ul li img {
	width: 50%;
	}
.proc_steps ul .arrow p {
	margin-top: -35px;
	font-size: 12px;
}
.free_step2 {
	width: 100%;
}
.free_step {
	text-align: center;
	font-size: 18px;
	padding-top: 10px;
	width: 100%;
}
.free_step p {padding: 0; padding-bottom: 15px;}

.proc_link ul {
	flex-direction: column;
	gap: 10px;
	justify-content: center;
}
.proc_link ul li img {
	width: 70%;
	margin-left: 20px;
}

.proc_linkgo {
	width: 300px;
}
.proc_linkgo a {
	font-size: 22px;
	padding: 14px 65.5px 9px; 
}

.proc_res {
	flex-direction: column;
	gap: 15px;
}
.res_box {
	width: 70%;
	height: 410px;
	margin: 0 auto;
	padding: 20px;
}
.res_box .res_title {
	font-size: 26px;
	justify-content: space-between;
}
.res_box .res_title p {line-height: 1.2em; width: 100%;}
.res_box .res_title li {width: 70%;}
.res_box .res_title li img {width: 100%;}
.res_sub {
	padding: 0 0 5px;
}
.res_sub p {
	font-family: 'GmarketSansMedium';
	font-size: 21px;
	padding-bottom: 10px;
}
.res_sub p span {
	font-family: 'GmarketSansLight';
	font-size: 15px;
	word-spacing: -2px;
	line-height: 1.3em;
}

.res_list {
	list-style: armenian;
	margin-top: 25px;
	font-size: 15px;
}
.res_list li {
	margin-bottom: 13px;
}

.proc_secrets {
	flex-direction: column;
	flex-wrap: nowrap;
	gap:15px;
	width: 80%;
}
.proc_secrets .secret_box {
	width: 100%;
	height: 120px;
	padding: 5px;
	display: flex;
	align-items: center;
}
	.proc_secrets .secret_box div {text-align: left;}
	.proc_secrets .secret_box img {height: 80px; padding-right: 10px;}
	.proc_secrets .secret_box:nth-child(5) img {padding-left: 5px;}
.secret_box .secret_title {
	font-size: 20px;
	padding: 0;
}
.secret_box .secret_sub {
	font-size: 14px;
}

.proc_detail .proc_txt_big1 {
	font-size: 27px;
	padding-top: 60px;
}
.proc_detail .proc_txt_big2 {
	font-size: 36px;
}

.proc_level div ul {
	width: 85vw;
	gap:0 5px;
	padding-left: 10px;
}
.proc_level .level_title {
	font-size: 15px;
	width: 85vw;
	margin: 0 auto;
}
.proc_level .level_title li {
	width: 100px;
	margin-bottom: 12px;
}
.proc_level .level_title .level_off {width: 60px; padding-right: 0px;}
	.proc_level .level_title p {line-height: 1.2em;}
.level_line {
	height: 7px;
	width: 68vw;
	margin-right: 24px;
}
.level_line::after {
	right: -29px;
	border-bottom: 15px solid #2a22c3;
	border-right: 30px solid transparent;
}
.proc_level .level_top ul .level_gray {
	width: 60px;
	height: 220px;
	padding-right: 0px;
}
.proc_level .level_top ul .level_gray p {
	font-size: 10px;
	height: auto;
}
.proc_level .level_bottom ul .level_gray {
	height: 415px;
}
.proc_level .level_top {
	font-size: 13px;
}
.proc_level .level_top p {
	line-height: 1.4em;
	padding-top: 15px;
	height: 140px;
}
.proc_level .level_top span {
	font-size: 15px;
	line-height: 1.3em;
	display: inline-block;
	margin-bottom: 7px;
}
.proc_level .level_top li {
	height: 220px;
	width: 100px;
	padding-left: 5px;
	padding-right: 5px;
}
.proc_level .level_top li .level_tri {
	clip-path: polygon(50% 70%, 0 0, 100% 0);
	width: 100px;
	margin-left: -5px;
}
.proc_level .level_top li .level_trib {
	width: 100px;
	clip-path: polygon(50% 67%, 100% 0, 100% 3%, 50% 100%, 0 3%, 0 0);
	margin-top: 10px;
}
.proc_level .level_bottom li {
	height: 430px;
	margin-top: 5px;
}
.proc_level .level_bottom p {
	padding-top: 20px;
	height: 100px;
}
.proc_level .level_bottom .level_pink::before {
	width: 100px;
}
.proc_level .level_bottom .level_violet::before {
	width: 100px;
}
.proc_level .level_bottom .level_purple::before {
	width: 100px;
}

.proc_level .level_bottom .level_program {
	height: 230px;
	padding: 5px;
	margin-top: 5px;
	margin-left: -5px;
}
.proc_level .level_bottom .level_program div {
	flex-direction: column;;
	height: 120px;
}
.proc_level .level_bottom .level_program ul {
	display: flex;
	flex-direction: column;
	width: auto;
	margin: 0;
	padding-left: 5px;
	justify-content: flex-start;
}
.proc_level .level_bottom .level_program ul li {
	margin-bottom: 7px;
	font-size: 10px;
	word-spacing: -2px;
}
.proc_level .level_bottom .level_program p {
	width: 100px;
	height: 36px;
	font-family: 'GmarketSansMedium';
	padding: 0;
	padding-bottom: 5px;
	font-size: 15px;
	line-height: 1.2em;
}
.prog_pink { border: 1px solid rgba(241,95,255,0.4);}
.prog_violet { border: 1px solid rgba(124,118,250,0.4);}
.prog_purple { border: 1px solid rgba(77,67,224,0.4);}
.proc_level .level_bottom .prog_pink p { color: rgba(241,95,255,1);}
.proc_level .level_bottom .prog_violet p { color:  rgba(124,118,250,1);}
.proc_level .level_bottom .prog_purple p { color:  rgba(77,67,224,1);}
	
	
/*UIUX 페이지 모바일*/
.curriculum .bg_title {
	top: 35%;
	font-size: 54px;
}
.curriculum .bg_title span {
	font-size: 20px;
}

.curriculum_wrap {
	background-color: #0f1012;
	color: white;
	padding: 80px 0;
}
.curri_reason {
	width: 80%;
}
.reason_title p:first-child {
	font-size: 25px;
	line-height: 1.3em;
}
.reason_title {
	font-size: 16px;
	line-height: 1.4em;
	margin-bottom: 50px;
	text-align: center;
	word-break: keep-all;
}
.curri_reason .reason_box ul {
	display: flex;
	flex-direction: column;
}
.curri_reason .reason_box ul li {
	width: 100%;
}

.curri_level .level_box {
	width: 80%;
}
.curri_level .level_box ul li {
	height: 200px;
	align-content: flex-end;
	padding: 15px;
	box-sizing: border-box;
}
.curri_level .level_box ul li:nth-child(1) {
	background: linear-gradient(to bottom, transparent 0%, rgba(30,32,36,1) 49%), url(../images/temp/uiux_lvl1.png);
}
.curri_level .level_box ul li:nth-child(2) {
	margin: 10px 0;
	background: linear-gradient(to bottom, transparent 0%, rgba(30,32,36,1) 49%), url(../images/temp/uiux_lvl2.png);
}
.curri_level .level_box ul li:nth-child(3) {
	background: linear-gradient(to bottom, transparent 0%, rgba(30,32,36,1) 49%), url(../images/temp/uiux_lvl3.png);
}
.curri_level .level_box ul li p {
	margin-left: 0px;
	font-size: 18px;
}
.curri_level .level_box ul li span {
	font-size: 15px;
	word-break: keep-all;
}

.curri_checksteps {
	padding-top: 70px;
	width: 80%;
}
.curri_checksteps .checksteps_box {
	flex-direction: column;
}
.curri_checksteps .checksteps_box > li {
	width: 100%;
}

.curri_checksteps .checksteps_caution {
	font-size: 11px;
}
.curri_portfolio {
	width: 80%;
	padding-top: 70px;
}
.curri_portfolio .portfolio_box ul {
	display: flex;
	gap:7px;
	flex-wrap: wrap;
	justify-content: center;
}
	.curri_portfolio .portfolio_box ul li {
		width: 39vw;
	}
	.curri_portfolio .portfolio_box ul li img {width: 100%;}
	
	
/*이펙트 모바일*/
.curri_level .effect_box ul li:nth-child(1) {
	background: linear-gradient(to bottom, transparent 0%, rgba(30,32,36,1) 49%), url(../images/temp/effect_lvl1.png);
}
.curri_level .effect_box ul li:nth-child(2) {
	margin: 10px 0;
	background: linear-gradient(to bottom, transparent 0%, rgba(30,32,36,1) 49%), url(../images/temp/effect_lvl2.png);
}
.curri_level .effect_box ul li:nth-child(3) {
	background: linear-gradient(to bottom, transparent 0%, rgba(30,32,36,1) 49%), url(../images/temp/effect_lvl3.png);
}
.curri_effqna {
	width: 80%;
}
.curri_effqna .effqna_title {
	justify-content:space-between;
	}
.curri_effqna .effqna_title div:first-child {
	width: auto;
	padding-left: 0px;
}
.curri_effqna .effqna_title div:last-child {
	width: auto;
}
.curri_effqna .effqna_title p {
	font-size: 18px;
}
.curri_effqna .effqna_title .effqna_line {
	width: 80px;
}
.curri_effqna .effqna_title .effqna_line::after {
	width: 20px;
}
.curri_effqna .effqna_box ul {
	flex-direction: column;
}
.curri_effqna .effqna_box ul .effqna_q {
	width: 100%;
	height: 70px;
	padding-left: 0px;
	text-align: center;
	margin-bottom: 5px;
}
.curri_effqna .effqna_box ul .effqna_a {
	width: 100%;
	height: 122px;
	margin-left: 0px;
	border-radius: 40px;
	padding-left: 0px;
	padding: 15px;
	text-align: center;
}
.curri_effqna .effqna_box ul .effqna_a p {
	word-break: keep-all;
}
	

/*애니메이션 모바일*/
.curri_level .animation_box ul li:nth-child(1) {
	background: linear-gradient(to bottom, transparent 0%, rgba(30,32,36,1) 49%), url(../images/temp/animation_lvl1.png);
}
.curri_level .animation_box ul li:nth-child(2) {
	margin: 10px 0;
	background: linear-gradient(to bottom, transparent 0%, rgba(30,32,36,1) 49%), url(../images/temp/animation_lvl2.png);
}
.curri_level .animation_box ul li:nth-child(3) {
	background: linear-gradient(to bottom, transparent 0%, rgba(30,32,36,1) 49%), url(../images/temp/animation_lvl3.png);
}
	
}


/* 모달 */

/* 스크롤 커스텀 */
.modal::-webkit-scrollbar {
    width: 6px;
	height: 6px;
  }
.modal::-webkit-scrollbar-thumb {
    background-color: #D1D1D1;
	border-radius:10px;
	border: 2px solid white;
  }
.modal::-webkit-scrollbar-track {
	background-color: white;
	border-radius:8px;
  }

  /* 모달 열릴 때 바디 스크롤 잠금 + 레이아웃 흔들림 방지 */
  body.modal-open {
    overflow: hidden;
    padding-right: var(--scrollbar-width);
  }

  /* ====== 갤러리 ====== */
  .gallery,
  .gallery2 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 50px;
  }

  .gallery div,
  .gallery2 div {
    overflow: hidden;
    background-color: #000;
  }

  .gallery img,
  .gallery2 img {
    display: block;
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: transform .4s ease, opacity .3s ease;
  }

  .gallery img { max-width: 420px; }
  .gallery2 img { max-width: 450px; }

  .gallery img:hover,
  .gallery2 img:hover {
    opacity: .6;
  }

  /* ====== 모달 ====== */
  .modal {
    display: none;                 /* 기본은 감춤 */
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.8);
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity .3s ease;
    z-index: 1000;
    animation: fadeInOpacity .4s ease both;
  }

  .modal.is-open {                 /* 열렸을 때 */
    display: flex;
    opacity: 1;
    pointer-events: auto;
  }

  @keyframes fadeInOpacity {
    from { opacity: 0; }
    to   { opacity: 1; }
  }

  /* 컨텐츠 래퍼: 화면에 맞게 상한선 부여 */
  .modal-content {
    position: relative;
    display: grid;
    place-items: center;
    max-width: 90vw;
    max-height: 90vh;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,.5);
    overflow: visible;             /* 닫기 버튼이 바깥으로 나가도 보이게 */
  }

  /* 모든 이미지가 화면 안에 '맞춰' 보이도록 */
  .modal-content img {
    display: block;
    width: auto;                   /* 가로/세로 강제 금지 */
    height: auto;
    max-width: 90vw;               /* 뷰포트 90% 상한 */
    max-height: 90vh;
    object-fit: contain;           /* 비율 유지하며 컨테이너에 맞춤 */
    border-radius: 8px;
    z-index: 1;
  }

  /* 스크롤이 필요한 모달(텍스트 등)용 옵션 */
  .modal--scrollable .modal-content {
    max-height: 80vh;
    overflow: auto;
    scrollbar-width: none;   /* Firefox */
    -ms-overflow-style: none;/* IE/구형 Edge */
  }
  .modal--scrollable .modal-content::-webkit-scrollbar { display: none; }

  /* 닫기 버튼: 컨텐츠 기준 바깥 */
  .close {
    position: absolute;
    top: -40px;
    right: -40px;
    transition: transform .35s ease, background-color .2s ease;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    line-height: 1;
    cursor: pointer;
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 999px;
    background: rgba(0,0,0,.5);
    box-shadow: 0 2px 6px rgba(0,0,0,.4);
    -webkit-tap-highlight-color: transparent;
    z-index: 2;
  }
  .close:hover {
    transform: rotate(90deg);
    background: rgba(0,0,0,.65);
  }




@media screen and (max-width:1200px){
	/* 모달 */
	.gallery {width: 80%; margin: 0 auto;}

        .gallery2 img {
            width: 100%;
            max-width: 450px;
            height: auto;
            cursor: pointer;
            transition: transform 0.4s;
        }

        .gallery img:hover {
			opacity: 1;
        }

        .gallery div {
            overflow: hidden;
			background-color: black;
        }


/* 이미지가 화면에 '맞춰' 보이도록 */
.modal-content3 img {
  display: block;
  max-width: 90vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  border-radius: 8px;
}

        .modal-scroll .modal-content {
            max-height: 80%;
			max-width: 90%;
			border-radius: 8px;
			/*overflow-y: scroll;*/
        }

        .modal-scroll {
            overflow-y: auto;
			  /* 스크롤바 숨김 */
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE/구형 Edge */
        }

/* 닫기 버튼: 컨텐츠 모서리 기준 '바깥'에 위치 */
.close {
  position: absolute;
  top: 10px;
  right: 10px;
  transform: none;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  cursor: pointer;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  background: rgba(0,0,0,.5);
  box-shadow: 0 2px 6px rgba(0,0,0,.4);
  -webkit-tap-highlight-color: transparent;
}

/* 호버 시: 같은 translate에 회전만 추가 */
.close:hover {
  transform: none;
  background: rgba(0,0,0,.65);
}

@media (prefers-reduced-motion: reduce) {
  .close { transition: background-color .2s ease; }
  .close:hover { transform: none; }
}ㄴㄴ
}

/* .webtoon_tipl .curri_ex {text-align: left;} */


.wrap.sub { font-family: 'NanumSquare'; font-weight: 400; background: #fff; }

.wrap.sub #container { padding-bottom: 0px; }
.wrap.sub .contents { background: none; }
.wrap.sub .wrap-board { background: none; height: auto; }

.route .home { background: url("../images/icon/icon-home.png") no-repeat; display: inline-block; width: 14px; height: 12px; vertical-align: middle; }
.route span { display: inline-block; }
.route span:before { display: inline-block; content: '>'; padding: 0 8px; text-align: center; color: #fff; }

.wrap-sub-visual { height: 190px; position: relative; background: #252c54;  }
.wrap-sub-visual:before { display: block; content: ''; clear: both; position: absolute; left: 50%; top: 0; height: 190px; transform: translateX(-50%); width: 100%; background: url("../images/img/bg-sub-visual.png") center top no-repeat; z-index: 0; }
.wrap-inner-sub-visual { max-width: 1200px; padding: 44px 0; box-sizing: border-box; margin: 0 auto; height: 190px;  background-repeat: no-repeat; background-position: right top; position: relative; z-index: 1; text-align: center; margin-top: 190px; }
.wrap-inner-sub-visual > img {position: absolute; top: 0; right: 0;}
/* background-image: url("../images/img/img-sub-visual.png"); */
.wrap-inner-sub-visual .title-page { color: #fff; font-size: 30px; font-weight: 700; position: relative; }
.wrap-inner-sub-visual .title-page:after { display: block; content: ''; clear: both; position: absolute; width: 30px; height: 1px; background: #fff; left: 50%; transform: translateX(-50%); top: 54px; }
.wrap-inner-sub-visual .title-page.nation:after {top:84px; left: 35%;}
.wrap-inner-sub-visual .route { color: #fff; font-size: 14px; padding-top: 48px; position: relative; z-index: 5;}
.wrap-inner-sub-visual01 { background-image: url("../images/img/img-sub-visual01.png"); background-repeat: no-repeat; background-position: right top;  }
.wrap-inner-sub-visual02 { background-image: url("../images/img/img-sub-visual02.png"); background-repeat: no-repeat; background-position: right top;  }
.wrap-inner-sub-visual03 { background-image: url("../images/img/img-sub-visual03.png"); background-repeat: no-repeat; background-position: right top;  }
.wrap-inner-sub-visual04 { background-image: url("../images/img/img-sub-visual04.png"); background-repeat: no-repeat; background-position: right top;  }
.wrap-inner-sub-visual05 { background-image: url("../images/img/img-sub-visual05.png"); background-repeat: no-repeat; background-position: right top;  }


.wrap-lnb { background: #181e32; }
.wrap-lnb ul { max-width: 1200px; margin: 0 auto; text-align: center; font-size: 0; }
.wrap-lnb ul li { display: inline-block; font-size: 18px; padding: 0 2%; font-weight: 800; background: #181e32; transition: background 0.2s ease-in-out; }
.wrap-lnb ul li:hover { background: #858994; }
.wrap-lnb.curriculum ul li { padding: 0 5px; }
.wrap-lnb.notice ul li {padding: 0 2%;}
.wrap-lnb ul li a { display: block; color: #fff; height: 60px; line-height: 60px; font-size:17px; }
.wrap-lnb ul li.active { background: #fff; }
.wrap-lnb ul li.active a { color: #e10060; }
.wrap-lnb ul li.active:hover {background: #fff;}

.wrap-lnb.curriculum.mobile {display:none; }
.wrap-lnb.curriculum ul { text-align: center; display: table; width: 100%; max-width: 1240px;}
/* .wrap-lnb.curriculum ul { text-align: center; display: flex; flex-wrap: wrap; gap: 0 2%; width: 100%; justify-content: center; } */
.wrap-lnb.curriculum ul li { display: table-cell; vertical-align: middle;}
.wrap-lnb.curriculum ul li.kdt {width: 180px;}

.top-curriculum { max-width: 1200px; margin: 0 auto; position: relative; text-align: center; }
.top-curriculum:before { position: absolute; display: block; content: ''; z-index: -1; height: 419px; width: 444px; left: -215px; }
.top-curriculum strong { display: block; word-break: keep-all; }
.top-curriculum .top-curriculum-txt { padding: 0 15%; word-break: keep-all; }

.contents.curriculum.bg2dcharacter .top-curriculum:before {background: url("../images/img/img-2d-character-01.png") left top no-repeat; left: -138px; height: 475px; }
.contents.curriculum.bg3dcharacter .top-curriculum:before {background: url("../images/img/img-3d-character-01.png") left top no-repeat; left: -218px; height: 475px; }
.contents.curriculum.bg2dBack .top-curriculum:before {background: url("../images/img/img-2d-back-01.png") left top no-repeat; }
.contents.curriculum.bg3dBack .top-curriculum:before {background: url("../images/img/img-3d-back-01.png") left top no-repeat; }

.curriculum .top-curriculum strong { font-size: 30px; color: #333; line-height: 1.3 }
.curriculum .top-curriculum strong span { color: #e10060; }
.curriculum .top-curriculum .top-curriculum-txt { font-size: 20px; color: #5d5d5d; margin-top: 30px; line-height: 1.3; }
.curriculum .top-curriculum .curriculum-level { margin-top: 50px; }
.curriculum .top-curriculum .curriculum-level ol li { /*background-image: url("../images/img/bg-curriculum-shape.svg"); background-repeat: no-repeat; background-size: contain;*/ width: 340px; height: 374px; box-sizing: border-box; padding: 70px 0; display: inline-block; vertical-align: top; }
.curriculum .top-curriculum .curriculum-level ol li + li { margin-left: 60px; }
/*.curriculum .top-curriculum .curriculum-level ol li:before { display: inline-block; width: 68px; height: 68px; background: #e10060; color: #fff; font-size: 40px; border-radius: 50%; line-height: 68px; text-align: center; margin-bottom: 30px; }*/
.curriculum .top-curriculum .curriculum-level ol li div:before { display: inline-block; width: 68px; height: 68px; background: #e10060; color: #fff; font-size: 40px; border-radius: 50%; line-height: 68px; text-align: center; margin-bottom: 30px; }
.curriculum .top-curriculum .curriculum-level ol li p { color: #fff; line-height: 1.5; word-break: keep-all; font-size: 18px; display: block; }
.curriculum .top-curriculum .curriculum-level ol li .small-text { font-size: 15px; }
.curriculum .top-curriculum .curriculum-level ol li p span { color: #e10060;font-weight:bold; }

.curriculum .top-curriculum .curriculum-level ol li:before { display: block; content: ''; background-image: url("../images/img/bg-curriculum-shape-top.svg"); left: 0; right: 0; height: 99px; background-repeat: no-repeat; background-size: cover; }
.curriculum .top-curriculum .curriculum-level ol li:after { display: block; content: ''; background-image: url("../images/img/bg-curriculum-shape-bottom.svg"); left: 0; right: 0; height: 99px; background-repeat: no-repeat; background-size: cover; }
.curriculum .top-curriculum .curriculum-level ol li { /*background: #08174d; */padding-top: 0; position: relative; z-index: 1 }
.curriculum .top-curriculum .curriculum-level ol li div { background: #08174d; padding-left: 30px; padding-right: 30px; height: 206px;}
/*.curriculum .top-curriculum .curriculum-level ol li:before { display: block; }*/

.curriculum .top-curriculum .curriculum-level ol li:first-child div:before { content: '01' }
.curriculum .top-curriculum .curriculum-level ol li:nth-child(2) div:before { content: '02' }
.curriculum .top-curriculum .curriculum-level ol li:nth-child(3) div:before { content: '03' }

.curriculum .top-curriculum .curriculum-level ol li:nth-child(3) { z-index: 0 }

.curriculum .top-curriculum .curriculum-level p.txt { font-size: 20px; color: #323232; text-align: center; padding: 60px 0 75px; }
.curriculum .top-curriculum .curriculum-level .tit {font-size: 21px; font-weight: bolder;}

.curriculum .curriculum-table { max-width: 1200px; margin: 50px auto ; }
.curriculum .curriculum-table strong { display: block; font-size: 30px; margin-bottom: 22px; }
.curriculum .curriculum-table .table-type2 { position: relative; }
.curriculum .curriculum-table .table-type2:before { display: block; content: ''; position: absolute; left: 0; right: 0; height: 70px; top: 0; z-index: 0;
    background: rgb(32,37,51);
    background: -moz-linear-gradient(left, rgba(32,37,51,1) 0%, rgba(225,0,96,1) 100%);
    background: -webkit-linear-gradient(left, rgba(32,37,51,1) 0%,rgba(225,0,96,1) 100%);
    background: linear-gradient(to right, rgba(32,37,51,1) 0%,rgba(225,0,96,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202533', endColorstr='#e10060',GradientType=1 );
}
.curriculum .curriculum-table  { position: relative; z-index: 1; border:1px solid #9b9b9b;display:table;width:100%;}
.curriculum .curriculum-table ul {display:table-cell; width:33.33333%; background-color: #f3f3f3; border-right:1px solid #c2c2c2;}
.curriculum .curriculum-table ul li.con { height:630px;}
.curriculum .curriculum-table ul li.con.h190 { height:190px;}
.curriculum .curriculum-table ul li.con.h250 { height:250px;}
.curriculum .curriculum-table ul li.con.h335 { height:auto;}
.curriculum .curriculum-table ul li.con.h170{ height:auto;text-align:center;}
.curriculum .curriculum-table ul li.con.h170 p {padding: 0;}
.curriculum.webtoon .curriculum-table ul li.con  { height:auto;}
.curriculum.youtube .curriculum-table ul li.con  { height:230px;}
.curriculum .curriculum-table ul.portfolio  li.con { border-right:0}
.curriculum .curriculum-table .tit { font-family: 'BMDOHYEON'; height: 70px; text-align: center; vertical-align: middle; color: #fff; font-size: 29px; font-weight:normal;line-height:70px;}
.curriculum .curriculum-table .con {background: #f3f3f3; vertical-align: middle;box-sizing:border-box;padding:30px;}
.curriculum .curriculum-table .basic .tit { background:#292e40;}
.curriculum .curriculum-table .lavel .tit{ background:#7e194f;}
.curriculum .curriculum-table .portfolio .tit { background:#e10060; }
.curriculum .curriculum-table .con p { font-size:20px;color:#292e40;font-weight:bold;line-height:33px;letter-spacing:-1px; word-break: keep-all; position: relative; padding-left: 40px;}
.curriculum .curriculum-table .con p em  {  display: inline-block;font-size:normal;color:#fff;font-size:18px;font-weight:bold;text-align:center;width:30px;height:30px;line-height:30px;margin-right:5px;vertical-align:middle;background:#292e40; position: absolute; left: 0; top: 2px;}
.curriculum .curriculum-table .con span { display:block;margin-bottom:30px;font-size:17px;color:#666666;line-height:24px;margin-top:5px;letter-spacing:-0.8px}
.curriculum .curriculum-table .lavel .con p em  {background:#7e194f}
.curriculum .curriculum-table  .lavel .con p {color:#7e194f }
.curriculum .curriculum-table .portfolio .con p em  {background:#e10060}
.curriculum .curriculum-table  .portfolio .con p {color:#e10060 }

.curriculum .curriculum-table.job-step { display:block;margin-top:-51px;}
.curriculum .curriculum-table.job-step ul {display:block; width:100%;}
.curriculum .curriculum-table.job-step .tit { background:#850073;}
.curriculum .curriculum-table.job-step .con {;height:auto;}
.curriculum .curriculum-table.job-step ul  li { border-right:0}
.curriculum .curriculum-table.job-step ul  li .box { width:33%;display:inline-block;padding-right:60px;box-sizing:border-box;vertical-align:top;}
.curriculum .curriculum-table.job-step ul  li .box01  { width:24%;display:inline-block;padding-right:60px;box-sizing:border-box;vertical-align:top;}
.curriculum .curriculum-table.job-step p em  {background:#850073}
.curriculum .curriculum-table.job-step p {color:#850073 }


.curriculum-table, .curriculum-content { max-width: 1200px; margin: 0 auto; position: relative; }

.curriculum-content { margin-top: 140px; }
.curriculum-content.nation { margin-top: 60px; margin-bottom:100px;position:relative;}
.curriculum-content .row + .row { margin-top: 88px; }


@media screen and (max-width:1200px) {

.curriculum .curriculum-table { margin:0;}
.curriculum .curriculum-table.job-step { display:block;margin-top:0px;}
.curriculum .curriculum-table ul li.con ,
.curriculum .curriculum-table ul li.con.h250,
.curriculum .curriculum-table ul li.con.h170,
.curriculum .curriculum-table ul li.con.h335{ height:auto;}
.curriculum .curriculum-table { border:0}
.curriculum .curriculum-table .con { padding:20px;}
.curriculum .curriculum-table ul {display:block; width:100%;}
.curriculum-table, .curriculum-content { max-width: auto }
.curriculum .curriculum-table.job-step ul  li .box { width:100%;display:block;padding-right:0;box-sizing:border-box;vertical-align:top;}
.curriculum .curriculum-table.job-step ul  li .box01 { width:100%;display:block;padding-right:0;box-sizing:border-box;vertical-align:top;}
}


.portfolio-banner-info { margin-top:30px;}
.portfolio-banner-info p.tit { font-size:60px;color:#e10060;font-weight:800;}
.portfolio-banner-info span.s-txt{display:block;font-size:24px;line-height:33px;font-weight:400;text-decoration:underline;padding:20px 0;}
.portfolio-banner-info p.m-txt  { font-size:30px;line-height:40px;font-weight:800;}
.portfolio-banner-info p.m-txt span { color:#e10060;}

.curriculum-content.process  { margin-top:10px;margin-bottom:100px;}
.process .mobile { display:none;}
.contents .curriculum-content.nation .row { padding-top: 0; }
.contents .curriculum-content.nation .row .title { margin-bottom: 10px; }
.contents .curriculum-content.nation .row p.txt { font-size: 20px; color: #5d5d5d; padding-left: 26px; line-height: 1.4 }
.contents .curriculum-content.nation .nation-banner-info { margin-top: 34px; }
.contents .curriculum-content.nation .nation-banner-info .inner p { position: relative; font-size: 32px; color: #222a35; }
.contents .curriculum-content.nation .nation-banner-info .inner p:after { display: block; content: ''; position: absolute; left: 50%; bottom: -18px; width: 37px; height: 3px; background: #8b8b8b; transform: translate(-50%, -50%) }
.contents .curriculum-content.nation .nation-banner-info .inner strong { font-size: 82px; color: #e10060; font-weight: 800; display: block; margin-top: 48px; }
/*.contents .curriculum-content.nation .nation-banner-info .inner strong span { font-size: 109px; }*/
.contents .curriculum-content.nation .nation-banner-info .nation-banner-left { margin-right: 40px; }
.contents .curriculum-content.nation .nation-banner-info .nation-banner-left,
.contents .curriculum-content.nation .nation-banner-info .nation-banner-right { width: 328px; height: 328px; border-radius: 50%; text-align: center; background: #fff; display: inline-block; padding: 80px 0; box-sizing: border-box; }
.contents .curriculum-content.nation .nation-banner-info .nation-banner-right { margin-left: 40px; }
.contents .curriculum-content.nation .nation-banner-info .nation-banner-right .inner strong span { display: block; font-size: 22px; color: #222a35; font-weight: 400 }
.contents .curriculum-content.nation .nation-banner-info .nation-banner-right .inner strong { font-size: 53px; }

/* .right-photo { position:absolute;right:0;top:465px;z-index:0} */
.right-photo { position:relative;}
.target-wrap {display: flex; align-items: center;}


.contents .curriculum-content.nation .row.row-2 p.txt + strong.title { margin-top: 80px; }
.contents .curriculum-content.nation .row.row-2 ul > li { font-size: 20px; color: #5d5d5d; padding-left: 30px; line-height: 1.4; position: relative; margin-top: 28px; }
.contents .curriculum-content.nation .row.row-2 ol.target > li { font-size: 20px; color: #5d5d5d; padding-left: 60px; line-height: 1.4; position: relative; margin-top: 28px; text-indent: -21px; word-break: keep-all;}
.contents .curriculum-content.nation .row.row-2 ul > li p { padding-left: 16px; }
.contents .curriculum-content.nation .row.row-2 ul > li p.br_exist br {display: block;}
.contents .curriculum-content.nation .row.row-2 ul > li:before { display: block; position: absolute; content: ''; width: 6px; height: 6px; background: #e41b71; left: 30px; top: 9px; }
.contents .curriculum-content.nation .row.row-2 ul > li img { margin:50px 0 20px;}
.contents .curriculum-content.nation .row.row-2 ul li ol:after { display: block; content: ''; clear: both; }
.contents .curriculum-content.nation .row.row-2 ul li ol li { width: 20%; float: left; box-sizing: border-box; padding-right: 20px; background-image: url("../images/img/bg-nation-02.png"); background-repeat: no-repeat; background-position: right bottom 10px; position: relative; text-align: center; padding-top: 36px; }
.contents .curriculum-content.nation .row.row-2 ul li ol li + li + li + li + li { background-image: none; }
.contents .curriculum-content.nation .row.row-2 ul li ol li + li + li + li + li + li { background: url("../images/img/bg-nation-04.png") right 43px top no-repeat, url("../images/img/bg-nation-03.png") left -22px bottom 10px no-repeat; }
.contents .curriculum-content.nation .row.row-2 ul li ol li + li + li + li + li + li { float: right;  }
.contents .curriculum-content.nation .row.row-2 ul li ol li + li + li + li + li + li + li { background: url("../images/img/bg-nation-03.png") right -13px bottom 10px no-repeat, url("../images/img/bg-nation-03.png") left -22px bottom 10px no-repeat; }
.contents .curriculum-content.nation .row.row-2 ul li ol li:last-child { background: url("../images/img/bg-nation-03.png") right -13px bottom 10px no-repeat }
.contents .curriculum-content.nation .row.row-2 ul li ol li:last-child p { background: #222a35; border: 0; color: #fff; font-weight: bold }
.contents .curriculum-content.nation .row.row-2 ul li ol li.arr_none { background:none;}
.contents .curriculum-content.nation .row.row-2.w04 ul li ol li { width:25%;}
.contents .curriculum-content.nation .row.row-2 ul li ol li p { padding: 0 24px 0 64px; box-sizing: border-box; border: 1px solid #d4d4d4; height: 74px; border-radius: 74px; word-break: keep-all; letter-spacing: -1px; background: #fff; line-height: 1.2 }
.contents .curriculum-content.nation .row.row-2 ul li ol li p span { display: inline-block; position: relative; top: 50%; transform: translateY(-50%) }
/*.contents .curriculum-content.nation .row.row-2 ul li ol li p { padding: 0 24px 0 64px; }*/

.contents .curriculum-content.nation .row.row-2 ul li ol li:before { display: block; width: 38px; height: 38px; background: #222a35; color: #fff; font-size: 22px; border-radius: 50%; line-height: 38px; text-align: center; font-weight: bold; position: absolute; left: 21px; top: 63%; transform: translateY(-50%) }
.contents .curriculum-content.nation .row.row-2 ul li ol li:first-child:before { content: '01' }
.contents .curriculum-content.nation .row.row-2 ul li ol li:nth-child(2):before { content: '02' }
.contents .curriculum-content.nation .row.row-2 ul li ol li:nth-child(3):before { content: '03' }
.contents .curriculum-content.nation .row.row-2 ul li ol li:nth-child(4):before { content: '04' }
.contents .curriculum-content.nation .row.row-2 ul li ol li:nth-child(5):before { content: '05' }
.contents .curriculum-content.nation .row.row-2 ul li ol li:nth-child(6):before { content: '06' }
.contents .curriculum-content.nation .row.row-2 ul li ol li:nth-child(7):before { content: '07' }
.contents .curriculum-content.nation .row.row-2 ul li ol li:nth-child(8):before { content: '08' }
.contents .curriculum-content.nation .row.row-2 ul li ol li:nth-child(9):before { content: '09' }
.contents .curriculum-content.nation .row.row-2 ul li ol li:nth-child(10):before { content: '10'; background: #fff; color: #222a35; }


.contents .curriculum-content .row .title.bt30 { margin-top:70px;}
.contents .curriculum-content .row .title { display: block; position: relative; font-size: 30px; color: #161616; padding-left: 26px; margin-bottom: 56px; }
.contents .curriculum-content .row .title:before { display: block; content: ''; position: absolute; width: 10px; height: 23px; transform: skew(-30deg); background: #e10060; left: 0; top: -20%; }
.contents .curriculum-content .row .column.left { padding-right: 60px; box-sizing: border-box; width: 55%; float: left; }
.contents .curriculum-content .row .column.right { background: #fff; width: 45%; float: right; }

.contents .curriculum-content .row:nth-child(even) .column.left { width: 45%; float: right }
.contents .curriculum-content .row:nth-child(even) .column.right { background: #fff; width: 55%; float: left; }

.contents .curriculum-content .row .column ol { padding-left: 26px; }
.contents .curriculum-content .row .column ol li { position: relative; padding-left: 56px; }
.contents .curriculum-content .row .column ol li + li { margin-top: 40px; }
.contents .curriculum-content .row .column ol li strong { display: block; font-size: 22px; line-height: 1.4 }
.contents .curriculum-content .row .column ol li p { font-size: 18px; color: #323232; line-height: 1.4 }

.contents .curriculum-content .row .column ol li:before { display: block; width: 38px; height: 38px; background: #e10060; color: #fff; font-size: 22px; border-radius: 50%; line-height: 38px; text-align: center; font-weight: bold; position: absolute; left: 0; top: -5px; }
.contents .curriculum-content .row .column ol li:first-child:before { content: '01' }
.contents .curriculum-content .row .column ol li:nth-child(2):before { content: '02' }
.contents .curriculum-content .row .column ol li:nth-child(3):before { content: '03' }
.contents .curriculum-content .row .column ol li:nth-child(4):before { content: '04' }
.contents .curriculum-content .row .column ol li:nth-child(5):before { content: '05' }

.wrap.sub .contents { padding-top: 100px; }
.top-info-txt { font-size: 30px; color: #333333; text-align: center; padding: 0 20px; box-sizing: border-box; position: relative; z-index: 1; }

.visual-top-btn { background: url("../images/img/bg-sub-info-title-middle.png") top center repeat-x; text-align: center; padding: 55px 0; position: relative; max-width: 1200px; margin: 0 auto; }
.visual-top-btn:before { display: block; content: ''; position: absolute; left: 0; top: 0; z-index: 0; width: 266px; height: 147px; background-image: url("../images/img/bg-sub-info-title-left.png"); background-position: top center; background-repeat: no-repeat; }
.visual-top-btn:after { display: block; content: ''; position: absolute; right: 0; top: 0; z-index: 0; width: 253px; height: 147px; background-image: url("../images/img/bg-sub-info-title-right.png"); background-position: top center; background-repeat: no-repeat; }
.visual-top-btn a { display: inline-block; font-size: 18px; width: 130px;background: #fff; color: #181e32; height: 38px; border-radius: 38px; line-height: 38px; position: relative; z-index: 1 }
.visual-top-btn a.active {  background: #181e32; color: #fff; margin-left: 12px; }

.visual-top-btn.dark { background: url("../images/img/bg-sub-info-title-middle-dark.png") top center repeat-x; }
.visual-top-btn.dark:before { background-image: url("../images/img/bg-sub-info-title-left-dark.png"); }
.visual-top-btn.dark:after { background-image: url("../images/img/bg-sub-info-title-right-dark.png"); }
.visual-top-btn ul { display: inline-block; }
.visual-top-btn ul li { font-size: 18px; display: inline-block; height: 38px; line-height: 38px; position: relative; z-index: 1; color: #fff; }
.visual-top-btn ul li:first-child { padding: 0 45px 0 26px; }
.visual-top-btn ul li:first-child:before { display: block; width: 19px; height: 19px; position: absolute; content: ''; background: url("../images/icon/icon-phone-grey.png") no-repeat; left: 0; top: 50%; transform: translateY(-50%); }
.visual-top-btn ul li:first-child:after { display: block; width: 1px; height: 14px; position: absolute; right: 23px; top: 50%; transform: translateY(-50%); content: ''; background: #4e555d; }
.visual-top-btn ul li:last-child:before { display: block; width: 20px; height: 14px; position: absolute; content: ''; background: url("../images/icon/icon-email-grey.png") no-repeat; left: 0; top: 50%; transform: translateY(-50%); }
.visual-top-btn ul li:last-child { padding-left: 29px; }

.visual-top-txt { background: url("../images/img/bg-sub-info-title-middle.png") top center repeat-x; text-align: center; /*padding: 62px 0 55px;*/ height: 148px; position: relative; max-width: 1200px; margin: -15px auto 0; }
.visual-top-txt.process-page {margin-top: 35px; background: url("../images/img/bg_1.png") top center repeat-x; height: 185px;}
.visual-top-txt:before { display: block; content: ''; position: absolute; left: -8%; top: 0; z-index: 0; width: 266px; height: 147px; background-image: url("../images/img/bg-sub-info-title-left.png"); background-position: top center; background-repeat: no-repeat; }
.visual-top-txt:after { display: block; content: ''; position: absolute; right: -8%; top: 0; z-index: 0; width: 253px; height: 147px; background-image: url("../images/img/bg-sub-info-title-right.png"); background-position: top center; background-repeat: no-repeat; }
.visual-top-txt p { font-size: 26px; color: #222a35; position: relative; top: 50%; transform: translateY(-50%); z-index: 1 }
.visual-top-txt p span { color: #e10060; }
.visual-top-txt.process-page::before {background-image: url("../images/img/bg_side_1.png"); height: 185px; width: 266px; top: 1px;}
.visual-top-txt.process-page::after {background-image: url("../images/img/bg_side_2.png"); height: 185px; width: 266px; top: 1px;}

.visual-top-txt.t-small p { font-size:20px; padding: 0 15px; word-break: keep-all;}
.visual-top-txt.process-page p {font-size: 22px;}

.visual-top1-txt  { font-size:18px;color:#5ea3dd;font-weight:400;text-align:center;}

.wrap-searchBar { text-align: center; font-size: 18px; margin-bottom: 37px; }
.wrap-searchBar .searchForm,
.wrap-searchBar .wrap-btn-search { display: inline-block; }

.wrap-searchBar .select-searchBar { width: 130px; height: 50px; box-sizing: border-box; padding: 0 10px; display: inline-block; vertical-align: top; }
.wrap-searchBar .select-searchBar .selectric { background: #fff; border: 1px solid #d4d4d4; border-radius: 4px; box-sizing: border-box }
.wrap-searchBar .select-searchBar .selectric .label { font-size: 18px; color: #282e40; line-height: 50px; padding-left: 10px; box-sizing: border-box; height: 48px; }
.wrap-searchBar .select-searchBar .selectric .button { height: 50px; }
.wrap-searchBar .select-searchBar .selectric-items ul,
.wrap-searchBar .select-searchBar .selectric-items li { font-size: 18px; }

.wrap-searchBar input { width: 360px; height: 50px; border: 1px solid #d4d4d4; border-radius: 4px; box-sizing: border-box; font-size: 18px; padding: 0 10px; }
.sub .btn {display:inline-block; width: 130px; height: 50px; line-height:50px;border: 1px solid #d4d4d4; border-radius: 4px; box-sizing: border-box; font-size: 18px; text-align:center;}
.sub .btn.bgPink { border: 0;  background: #e10060; color: #fff; font-weight: 700; }
.sub .btn.bgGrey { border: 0;  background: #828282; color: #fff; font-weight: 700; }
.sub .btn + .btn { margin-left: 5px; }


.top-info-txt + .wrap-searchBar { margin-top: 50px; }

.wrap-board.qna { max-width: 1200px; margin: 0 auto; }
.wrap-board.qna ul { border-top: 1px solid #828282; }
.wrap-board.qna ul li dl dt { border-bottom: 1px solid #d4d4d4; }
.wrap-board.qna ul li dl dt a { display: block; font-size: 18px; padding: 23px 20px 23px 58px ; line-height: 1.3; background: url("../images/icon/icon-board.png") left 21px center no-repeat; }
.wrap-board.qna ul li dl dd { display: none; border-bottom: 1px solid #d4d4d4; background: #f9f9f9; padding: 20px 34px 38px 34px; line-height: 1.3; color: #747474; word-break: keep-all; }
.wrap-board.qna ul li.active dl dd { display: block; }
.wrap-board.qna ul li.active dl dt a { background: url("../images/icon/icon-board-active.png") left 21px center no-repeat; }

.wrap-board.notice { max-width: 1200px; margin: 0 auto; }
.wrap-board.notice ul { border-top: 1px solid #828282; /*display: flex; flex-wrap: wrap; justify-content: space-between;*/ border-bottom: 1px solid #d4d4d4; box-sizing: border-box; /*padding: 0 20px;*/ padding-top: 50px; }
.wrap-board.notice ul:after { display: block; content: ''; clear: both;2019-01-25 }
.wrap-board.notice ul li { margin-bottom: 80px; width: 300px; float: left; padding: 0 20px; box-sizing: border-box }
.wrap-board.notice ul li a { width: 260px; height: auto; margin: 0 auto; display: block; }
.wrap-board.notice ul li a figure {height:auto; aspect-ratio: 1.6/1;}
.wrap-board.notice ul li img { width: 100%; height: 100%;}
.wrap-board.notice ul li strong.title { font-size: 18px; height: 60px; text-align: center; display: block; /*border-bottom: 1px solid #eee;*/ line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrap-board.notice ul li p { display: flex; flex-wrap: wrap; justify-content: space-between; }
.wrap-board.notice ul li p span { display: block; height: 30px; line-height: 30px; color: #9c9c9c; }
.wrap-board.notice ul li p span b { font-weight: normal; }
.wrap-board.notice ul li p span:first-child { text-align: left; padding-left: 17px; }
.wrap-board.notice ul li p span:last-child { text-align: right; padding-right: 17px; }

.wrap-board.portfolio { max-width: 1200px; margin: 0 auto; }
.wrap-board.portfolio ul { box-sizing: border-box; padding-top: 50px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; align-items: flex-start;}
.wrap-board.portfolio ul li { margin-bottom: 12px; display:inline-block;margin:1%;display: grid;   align-items: flex-start;}
.wrap-board.portfolio ul li a { width: 100%; height: auto; margin: 0 auto; display: block; position: relative ; aspect-ratio: 1/1; flex: 1;}
.wrap-board.portfolio ul li a figure{height: 100%;}
.wrap-board.portfolio ul li a figure img{height: 100%; object-fit: cover;}
.wrap-board.portfolio ul li img { width: 100%; }
.wrap-board.portfolio ul li .board-hover { display: none; position: absolute; }
.wrap-board.portfolio ul li a img:hover .board-hover { display: flex; }
.wrap-board.portfolio ul li.active .board-hover { display: flex; flex-wrap: wrap; left: 0; right: 0; top: 0; bottom: 0; align-content: center; justify-content: center; background: rgba(0,0,0,.7); }
.wrap-board.portfolio ul li .board-hover .title { width: 80%; text-align: center }
.wrap-board.portfolio ul li .board-hover .title strong { font-size: 20px; color: #fff; line-height: 1.4; }
.wrap-board.portfolio ul li .board-hover .title p { font-size: 16px; color: #b1b1b1; line-height: 1.4; }
.wrap-board.portfolio ul li .board-hover .title + p { width: 126px; height: 32px; line-height: 32px; border: 1px solid rgba(255,255,255, .3); border-right: 0; border-left: 0; display: inline-block; font-size: 16px; color: #fff; text-align: center; margin-top: 26px; }

.wrap-board.portfolio ul li .port-title {text-align:center; margin:10px 0 25px 0;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-top:5px;}

.wrap-board.write { max-width: 1200px; margin: 0 auto; }
.wrap-board.write .table-style { margin-top: 24px; display: table; width: 100%; border-top: 1px solid #828282; }
.wrap-board.write .table-style2 { margin-top: 0px; display: table; width: 100%; border-top: none; }
.wrap-board.write .table-style dl { display: table-row; }
.wrap-board.write .table-style dt { width: 196px; background: #f9f9f9; font-size: 18px; color: #000; text-align: center; font-weight: 700; }
.wrap-board.write .table-style dt,
.wrap-board.write .table-style dd { display: table-cell; padding: 17px 20px; height: 70px; vertical-align: middle; border-bottom: 1px solid #d4d4d4; box-sizing: border-box; }
.wrap-board.write .table-style dd.check-box-wrap { padding: 17px 0; }
.wrap-board.write .table-style3 dd { width: 400px;}
.wrap-board.write .table-style3 .size10 input:nth-child(1) { width: 26%;}
.wrap-board.write .table-style3 .size10 input:nth-child(3) { width: 26.3%;}
.wrap-board.write .table-style3 .size10 input:nth-child(5) { width: 26.3%;}
.wrap-board.write .table-style2 dd label span a {font-size: 16px; color: #aaa;}

 .wrap-board.write .table-style dd p { font-size:17px;}
.wrap-board.write .table-style dd input[type="text"] { border: 1px solid #d4d4d4; height: 41px; width: 314px; box-sizing: border-box; padding: 0 10px }
.wrap-board.write .table-style dd .form-inline { display: inline-block; vertical-align: middle; box-sizing: border-box; }
.wrap-board.write .table-style dd .form-inline select,
.wrap-board.write .table-style dd .form-inline input[type="text"] { width: 100%; }
.wrap-board.write .table-style dd .form-inline.num { width: 94px; }
.wrap-board.write .table-style dd .form-inline.email { width: 203px; }
.wrap-board.write .table-style dd .form-inline.time { width: 303px;margin-right:10px;}
.wrap-board.write .table-style dd .form-inline.time.bt10 { margin-bottom:10px;}
.wrap-board.write .table-style dd textarea { height: 250px; border: 1px solid #d4d4d4; width: 100%; padding: 24px 20px; box-sizing: border-box; }
.wrap-board.write .table-style dd #phone {width: 150px;}

.wrap-board.write .table-style dd label input[type="checkbox"]{ position: absolute; z-index: -1; background: transparent; opacity: 0; }
.wrap-board.write .table-style dd label { overflow: hidden; position: relative; display: inline-block; line-height: 1; cursor: pointer }
.wrap-board.write .table-style dd.check-box-wrap label { margin: 0 6px 0 20px; }
.wrap-board.write .table-style dd label { margin: 0 6px 0 0; }
.wrap-board.write .table-style dd label span { font-size:17px;}
.wrap-board.write .table-style dd label span:before { display: inline-block; content: ''; position: relative; box-sizing: border-box; width: 12px; height: 12px; border: 1px solid #282e40; margin-right: 7px; }
.wrap-board.write .table-style dd label input[type="checkbox"]:checked + span:after { display: inline-block; content: ''; box-sizing: border-box; position: absolute; left: 4px; top: 3px; width: 4px; height: 7px; transform: rotate(45deg); border-bottom: 2px solid #e10060; border-right: 2px solid #e10060; }
.wrap-board.write .table-style dd .txt-scroll-box { height: 162px; background: #fff; overflow-y: scroll; box-sizing: border-box; padding: 24px 20px; font-size: 15px; border: 1px solid #d4d4d4; }
.wrap-board.write .table-style dd .txt-scroll-box p { line-height: 1.5; color: #82848b; }
.wrap-board.write .table-style dd .txt-scroll-box p strong { color: #282e40; }
.wrap-board.write .table-style dd .txt-scroll-box + label { margin-top: 20px; }
.wrap-board.write .table-style dd .selectric { background: #fff; }
.wrap-board.write .table-style dd .selectric .label,
.wrap-board.write .table-style dd .selectric-items ul, .selectric-items li { font-size: 17px; color: #000; }
.wrap-board-btn { max-width: 1200px; margin: 35px auto 0; text-align: center; }
.wrap-board.write .table-style dd .txt-scroll-box li{ line-height:1.5;font-size:17px;}
.wrap-board-paging { text-align: center; margin-top: 40px; }
.wrap-board-paging a { display: inline-block; width: 40px; height: 40px; border: 1px solid #d4d4d4; box-sizing: border-box; font-size: 15px; text-align: center; line-height: 40px; color: #474747; vertical-align: middle; }
.wrap-board-paging a.btn-board-first { background: url("../images/icon/icon-paging-first.png") center no-repeat; }
.wrap-board-paging a.btn-board-prev { background: url("../images/icon/icon-paging-prev.png") center no-repeat; }
.wrap-board-paging a.btn-board-last { background: url("../images/icon/icon-paging-first.png") center no-repeat; transform: rotate(180deg) }
.wrap-board-paging a.btn-board-next { background: url("../images/icon/icon-paging-prev.png") center no-repeat; transform: rotate(180deg) }
.wrap-board-paging a.btn-board-first span,
.wrap-board-paging a.btn-board-prev span,
.wrap-board-paging a.btn-board-next span,
.wrap-board-paging a.btn-board-last span { font-size: 0; line-height: 0; }
.wrap-board-paging a.active  { background:#e10060 !important;color:#fff;border:1px solid #e10060}

.wrap-bottom-cs { background: #f0f0f0; }
.wrap-bottom-cs .inner { max-width: 1200px; margin: 0 auto; padding: 30px 30px 62px 15px; box-sizing: border-box; }
.wrap-bottom-cs .inner:after { display: block; content: ''; clear: both }
.wrap-bottom-cs .title {font-family: 'GyeonggiTitle';  font-weight: 400; font-size: 30px; font-weight: 700; display: block; text-align: center;}
.wrap-bottom-cs dl { display: table; font-size: 17px; color: #282e40; width: 100%; }
.wrap-bottom-cs dl dt,
.wrap-bottom-cs dl dd { display: table-cell; }
.wrap-bottom-cs dl dt { vertical-align: top; width: 160px; text-align: right; padding-right: 30px; height: 60px; padding-top: 20px; box-sizing: border-box; }
.wrap-bottom-cs dl dd { vertical-align: middle; }
.wrap-bottom-cs input { font-size: 17px; padding: 0 10px; }
.wrap-bottom-cs input.input-line { border: 0; border-bottom: 1px solid #08174d; background: transparent; height: 60px; width: 100%; }
.wrap-bottom-cs input.tellnum:nth-child(1) { width: 26.8%; }
.wrap-bottom-cs input.tellnum:nth-child(3) { width: 35%; }
.wrap-bottom-cs input.tellnum:nth-child(5) { width: 35%; }
.wrap-bottom-cs select { border: 0; border-bottom: 1px solid #08174d; height: 60px; background: transparent; border-radius: 0 }
.wrap-bottom-cs .select-wrap-num { display: inline-block; width: 100px; }
.wrap-bottom-cs .select-wrap-num + span + input.input-line {  }
.wrap-bottom-cs .st-table { width: auto; }
.wrap-bottom-cs .st-table .table-inner { display: table; width: 100%; }
.wrap-bottom-cs .st-table .select-wrap-num,
.wrap-bottom-cs .st-table span,
.wrap-bottom-cs .st-table .input-wrap-num { display: table-cell; }
.wrap-bottom-cs .st-table span { padding: 0 5px; width: 18px; }

.wrap-bottom-cs .select-wrap-num .selectric { background: transparent; border: 0; border-bottom: 1px solid #08174d; box-sizing: border-box }
.wrap-bottom-cs .select-wrap-num .selectric .label { font-size: 17px; color: #282e40; line-height: 60px; padding-left: 10px; box-sizing: border-box; }
.wrap-bottom-cs .select-wrap-num .selectric .button { height: 60px; }

.wrap-bottom-cs label input[type="checkbox"]{ position: absolute; z-index: -1; background: transparent; opacity: 0; }
.wrap-bottom-cs label { overflow: hidden; position: relative; display: inline-block; line-height: 1; cursor: pointer ;width:23%;}
.wrap-bottom-cs label + label { margin-right: 20px;}
.wrap-bottom-cs label span:before { display: inline-block; content: ''; position: relative; box-sizing: border-box; width: 12px; height: 12px; border: 1px solid #282e40; margin-right: 7px; }
.wrap-bottom-cs label input[type="checkbox"]:checked + span:after { display: inline-block; content: ''; box-sizing: border-box; position: absolute; left: 4px; top: 3px; width: 4px; height: 7px; transform: rotate(45deg); border-bottom: 2px solid #e10060; border-right: 2px solid #e10060; }
.wrap-bottom-cs .txt-scroll-box { height: 162px; background: #fff; overflow-y: scroll; box-sizing: border-box; padding: 24px 20px; font-size: 15px; }
.wrap-bottom-cs .txt-scroll-box p { line-height: 1.5; color: #82848b; }
.wrap-bottom-cs .txt-scroll-box p strong { color: #282e40; }
.wrap-bottom-cs .txt-scroll-box + label { margin-top: 20px; }
.wrap-bottom-btn { width: calc(100% - 162px); float: right; margin-top: 26px; text-align:center;}

.wrap-recruit-banner { max-width: 1200px; margin: 50px auto 40px; background: #f0f0f0; position: relative }
.wrap-recruit-banner:before { display: block; content: ''; position: absolute; left: 0; background: url("../images/img/bg-table-top-left.png") left top no-repeat; top: 0; bottom: 0; width: 209px; z-index: 0; }
.wrap-recruit-banner:after { display: block; content: ''; position: absolute; right: 0; background: url("../images/img/bg-table-top-right.png") right top no-repeat; top: 0; bottom: 0; width: 302px; z-index: 0; }
.wrap-recruit-banner .inner { position: relative; z-index: 1; padding: 40px 50px; }
.wrap-recruit-banner .inner:after { display: block; content:''; clear: both; }

.wrap-recruit-banner .banner-mgs { width: 200px; height: 190px; /*float: left; */background: #fff; border: 1px solid #d4d4d4; box-sizing: border-box; position: relative; /*display: table-cell; vertical-align: middle; text-align: center; */}
.wrap-recruit-banner .banner-mgs img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; max-width: 132px; max-height: 142px; object-fit: contain; }
.wrap-recruit-banner ul { width: 100%; /*width: calc(100% - 216px);*/ /*float: right;*/ box-sizing: border-box; }
.wrap-recruit-banner ul li { float: left; width: calc(((100% - 216px)/5) - 5px); box-sizing: border-box; border: 1px solid #d4d4d4; height: 60px; background: #fff; margin: 0 5px 5px 0 }
.wrap-recruit-banner ul li.first { width: 200px; height: 190px; border: 0; margin-right: 16px; }
.wrap-recruit-banner ul li .table-cell { display: table; width: 100%; height: 60px; }
.wrap-recruit-banner ul li .table-cell div { display: table-cell; vertical-align: middle; text-align: center; width: 100%; height: 60px; }
.wrap-recruit-banner ul li .table-cell div img { max-width: 90%; }
 

/*취업연계방법*/
.connection {  background:#e10060  url("../images/temp/connection-bg.jpg") center -40px no-repeat; margin-top:-30px;padding-bottom:50px;margin-bottom:-50px;}
.connection .con { max-width:1200px;margin:0 auto 50px;}
.connection .txt-top  { text-align:center;font-size:24px;color:#5d5d5d;font-weight:bold;;}
.connection .txt-top .line { margin:20px auto;height:1px;width:40px;background:#000;;}
.connection .txt-top p { font-size:48px;color:#141111;font-weight:bold;padding-top:30px;}
.connection .txt-top p span { color:#e10060;}
.connection .box { max-width:1200px;margin:0 auto;;margin-top:35px;box-sizing:border-box;padding-top:60px;}
.connection .box li  { display:inline-block;width:576px;position:relative;height:230px;;margin-top:40px;border:3px solid #e10060;background-color:rgba(0,0,0,.8)}
.connection .box li:nth-child(2n)  { margin-left:32px;}
.connection .box li span{display:inline-block;vertical-align:top;width:117px;padding-top:10px;height:90px;}
.connection .box li p { display:inline-block;vertical-align:top;width:43%;font-size:30px;color:#fff;font-weight:bold;margin-left:15px;margin-top:3px;line-height:40px;padding-top:30px;}
.connection .box li>img { position:absolute;right:0;bottom:0}
.connection .box li p em { font-style:normal;color:#000;font-size:18px;line-height:28px;color:#fff;display:block;width:78%;margin-top:20px;}


.table-board { margin: 0 auto; max-width: 1200px; border-top: 1px solid #828282; box-sizing: border-box; }
.table-board .table-type1 { width: 100%;  border-collapse: collapse; }
.table-board .table-type1 tr { border-bottom: 1px solid #d4d4d4; }
.table-board .table-type1 thead th { background: #fbfbfb; font-weight: bold; }
.table-board .table-type1 th,
.table-board .table-type1 td { border-left: 1px solid #d4d4d4; text-align: center; vertical-align: middle; }
.table-board .table-type1 th { height: 60px; }
.table-board .table-type1 th:first-child,
.table-board .table-type1 td:first-child { border-left: 0 }
.table-board .table-type1 td { height: 50px; }

.wrap-board.introduce{padding-top:40px;}
.wrap-board.introduce .row-list { max-width: 1200px; margin: 0 auto; padding: 30px 0 80px 0;}
.wrap-board.introduce .row-list .img-list { text-align: center; display: grid; grid-template-columns: repeat(3, 1fr); gap: 39px;}
.wrap-board.introduce .row-list .img-list .inner-intro { display: block ;position:relative;}
.wrap-board.introduce .row-list .img-list:after { display: block; content: ''; clear: both; }
.wrap-board.introduce2 .row-list .img-list:after { display: none; content: ''; clear: both; }
.wrap-board.introduce .row-list .img-list > li { box-sizing: border-box; text-align: left;}
.wrap-board.introduce .row-list .img-list > li:nth-child(3n) { margin-right: 0; }
.wrap-board.introduce .row-list .img-list > li .intro-txt { width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; box-sizing: border-box; padding: 32px 150px 0 34px; word-break: keep-all; aspect-ratio: 1.15/1;}
.wrap-board.introduce .row-list .img-list > li .intro-txt .title { position: relative; padding-bottom: 46px; line-height: 1.3 }
.wrap-board.introduce .row-list .img-list > li .intro-txt .title:after { display: block; content: ''; position: absolute; left: 0; bottom: 14px; width: 28px; height: 1px; background: #161616; }
.wrap-board.introduce .row-list .img-list > li .intro-txt .title strong { font-size: 36px; color: #161616; display: block; }
.wrap-board.introduce .row-list .img-list > li .intro-txt .title strong + span { font-size: 19px; color: #9f9f9f; display: block; }
.wrap-board.introduce .row-list .img-list > li .intro-txt p { font-size: 16px; line-height: 1.3; letter-spacing: -1px;}
.wrap-board.introduce .row-list .img-list > li .intro-banner { height: 60px; background: #f0f0f0; }
.wrap-board.introduce .row-list .img-list > li .intro-banner ul { display: table; width: 100%; }
.wrap-board.introduce .row-list .img-list > li .intro-banner ul li { display: table-cell; vertical-align: middle; text-align: center; height: 60px; }
.wrap-board.introduce .row-list .img-list > li .intro-banner ul li img {  }

.wrap-board.introduce .row-list .default-list:after { display: block; content: ''; clear: both; }
.wrap-board.introduce .row-list .default-list > li { float: left; width: 270px; height: 300px; position: relative; box-sizing: border-box; background-image: url("../images/img/bg-teacher-default.png"); background-repeat: no-repeat; background-position: right bottom; margin: 0 30px 30px 0;  border: 1px solid #d4d4d4;} 
.wrap-board.introduce .row-list .default-list > li .intro-title-default { padding: 74px 21px 0; }
.wrap-board.introduce .row-list .default-list > li .intro-title-default:before { display: block; position: absolute; content: '특강 강사진'; width: 107px; height: 34px; line-height: 34px; color: #fff; background: #282e40; font-weight: bold; font-size: 16px; left: 0; top: 0; text-align: center; }
.wrap-board.introduce .row-list .default-list > li .intro-title-default strong { display: block; font-size: 19px; line-height: 1.3; margin-bottom: 16px; }
.wrap-board.introduce .row-list .default-list > li .intro-title-default p { font-size: 15px; line-height: 1.5; color: #a6a6a6; letter-spacing: -1px; }
.wrap-board.introduce .row-list .default-list > li:nth-child(4) { margin-right: 0 }
.wrap-board.introduce .row-list .default-list.special-teacher-list {display: grid; grid-template-columns: repeat(3, 1fr); gap: 39px;}
.wrap-board.introduce .row-list .default-list.special-teacher-list > li {margin: 0; width: 100%; }


.wrap-board.introduce .row-list + .row-list { margin-top: 46px; }


.wrap-board.introduce .row-list strong.title { display: block; position: relative; font-size: 30px; color: #161616; padding-left: 26px; margin-bottom: 34px; }
.wrap-board.introduce .row-list strong.title:before { display: block; content: ''; position: absolute; width: 10px; height: 23px; transform: skew(-30deg); background: #e10060; left: 0; top: -20%; }




.wrap-board.introduce .row-list .board-hover { display: none;width:100%;height:100%;; left: 0; right: 0; top: 0; bottom: 0; align-content: center; justify-content: center; background: rgba(0,0,0,.7); position:absolute;z-index:99}
.wrap-board.introduce .row-list .board-hover p { color:#fff;font-size:20px;text-align:center;margin-top:100px;}
.wrap-board.introduce .row-list .board-hover  img { display:block;margin:0 auto 20px;}



.wrap-board.interview { max-width: 1200px; margin: 0 auto; }
.wrap-board.interview .interview-list { border-top: 1px solid #828282; border-bottom: 1px solid #d4d4d4; box-sizing: border-box; padding-top: 50px; }
.wrap-board.interview .interview-list:after { display: block; content: ''; clear: both; }
.wrap-board.interview .interview-list > li { float: left; width: 300px; box-sizing: border-box; padding: 0 20px; margin-bottom: 80px;}
.wrap-board.interview .interview-list > li .inner-interview { position: relative; }
.wrap-board.interview .interview-list > li .inner-interview .interview-txt { padding: 86px 110px 0 21px; word-break: keep-all; height: auto; aspect-ratio: 1.6/1; border: 1px solid #d4d4d4; background-repeat: no-repeat; background-position: center; box-sizing: border-box;background-size:cover; }
.wrap-board.interview .interview-list > li .inner-interview .interview-txt .title { position: relative; padding-bottom: 24px; line-height: 1.3 }
.wrap-board.interview .interview-list > li .inner-interview .interview-txt .title p { height: 32px; margin-bottom: 25px; }
.wrap-board.interview .interview-list > li .inner-interview .interview-txt .title p img { height: 100%; }
.wrap-board.interview .interview-list > li .inner-interview .interview-txt .title strong { display: block; font-size: 19px; }
.wrap-board.interview .interview-list > li .inner-interview .interview-txt .title:after { display: block; content: ''; position: absolute; left: 0; bottom: 14px; width: 28px; height: 1px; background: #161616; }
.wrap-board.interview .interview-list > li .inner-interview .interview-txt .title + p { color: #a6a6a6; line-height: 1.2; letter-spacing: -1px }
.wrap-board.interview .interview-list > li:nth-child(4n) { margin-right: 0; }
.wrap-board.interview .interview-list > li .inner-interview:before { display: block; position: absolute; content: '취업성공인터뷰'; width: 127px; height: 34px; line-height: 34px; color: #fff; background: #282e40; font-weight: bold; font-size: 16px; left: 0; top: 0; text-align: center; }
.wrap-board.interview .interview-list > li .inner-interview strong { position: relative; display: block; height: 70px; background: #f0f0f0; line-height: 70px; box-sizing: border-box; padding: 0 50px 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrap-board.interview .interview-list > li .inner-interview strong:after { display: block; content: ''; width: 25px; height: 25px; background-image: url("../images/icon/icon-more.png"); background-size: 25px; background-repeat: no-repeat; border-radius: 50%; top: 50%; transform: translateY(-50%); right: 23px; position: absolute; }

.wrap-board.interviewDetail { max-width: 1200px; margin: 0 auto; }
.wrap-board.interviewDetail .view-table-header { padding: 35px 30px; border-bottom: 1px solid #d4d4d4; border-top: 1px solid #828282; box-sizing: border-box; margin-top: 50px;  }
.wrap-board.interviewDetail .view-table-header strong { display: block; font-size: 24px; color: #333; }
.wrap-board.interviewDetail .view-table-header p { font-size: 15px; color: #999999; padding-top: 10px; }
.wrap-board.interviewDetail .content-table-body { padding: 35px 10px; }
.wrap-board.interviewDetail .content-table-body > .inner { min-height: 400px; text-align: center;}
.wrap-board.interviewDetail .content-table-body > .inner img { text-align: center;}
.wrap-board.interviewDetail .table-style { display: table; width: 100%; border-top: 1px solid #d4d4d4; }
.wrap-board.interviewDetail .table-style dl { display: table-row }
.wrap-board.interviewDetail .table-style dt { width: 186px; background: #f9f9f9; font-size: 18px; color: #000; text-align: center; font-weight: 700; }
.wrap-board.interviewDetail .table-style dt,
.wrap-board.interviewDetail .table-style dd { display: table-cell; padding: 12px 20px; height: 60px; vertical-align: middle; border-bottom: 1px solid #d4d4d4; box-sizing: border-box; }

.icon.circle { display: inline-block; width: 19px; height: 19px; line-height: 18px; color: #fff; font-weight: 800; text-align: center; border-radius: 50%; font-size: 14px; vertical-align: middle; }
.icon.circle.green { background: #3cb44a; }
.icon.circle.orange { background: #ff8939; }

.icon.bus { position: relative }
.icon.bus:before { display: block; position: absolute; width: 47px; height: 22px; line-height: 21px; color: #fff; border-radius: 2px; text-align: center; font-weight: 700; font-size: 14px; }
.icon.bus.coral1:before { content: '좌석'; background: #f86e55 }
.icon.bus.coral2:before { content: '직행'; background: #f86e55 }
.icon.bus.mint:before { content: '일반'; background: #00aeab }
.icon.bus.blue:before { content: '간선'; background: #7182f5 }
.icon.bus.green:before { content: '마을'; background: #5fb73c }
.icon.bus.purple:before { content: '시외'; background: #a37ad5 }

.sub .wrap-bottom-btn button.btn  { width: 100%; height: 70px; font-size: 30px; font-weight: 700 }

.st-table { display: table; width: 100% }

/*레이어 팝업*/
.wrap-layer { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: -100; display: block; }
.wrap-layer.teacher.active { z-index: 100; opacity: 1 }
.wrap-layer.teacher .inner { width: 1198px; max-height: 852px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.wrap-layer.teacher .inner .layer-header { height: 92px; background: #cf045b; position: relative }
.wrap-layer.teacher .inner .layer-header .title { width: 100%; box-sizing: border-box; padding: 32px 44px; font-size: 30px; }

.wrap-layer.teacher .inner .layer-content { background: #f9f9f9; max-height: auto; width: 100%; min-height: 760px; height: auto; }

.wrap-layer.teacher .inner .layer-content { background-repeat: no-repeat; background-position: right bottom; padding: 93px 68px; box-sizing: border-box; }
.wrap-layer.teacher .inner .layer-content .intro-txt { position: relative; margin-bottom: 78px; }
.wrap-layer.teacher .inner .layer-content .intro-txt .title p:first-child { font-size: 22px; color: #e10060; margin-bottom: 10px; }
.wrap-layer.teacher .inner .layer-content .intro-txt .title p:nth-child(2) { margin-bottom: 25px }
.wrap-layer.teacher .inner .layer-content .intro-txt .title p:nth-child(2) strong { font-size: 48px; font-weight: 800; letter-spacing: 20px; }
.wrap-layer.teacher .inner .layer-content .intro-txt .title p:nth-child(2) span { font-size: 24px; color: #9f9f9f; }
.wrap-layer.teacher .inner .layer-content .intro-txt .title p:last-child { font-size: 28px; color: #555; padding-bottom: 37px; }
.wrap-layer.teacher .inner .layer-content .intro-txt:after { display: block; content: ''; position: absolute; width: 30px; height: 3px; background: #e10060; left: 0; bottom: 0; }

.wrap-layer.teacher .inner .layer-content .history-list { font-size: 20px; color: #555; }
.wrap-layer.teacher .inner .layer-content .history-list div{position: relative; margin-bottom:20px; padding-right:42%;}
.wrap-layer.teacher .inner .layer-content .history-list div .tit{position: absolute; left:0; top:0; color:#000; font-size:22px;}
.wrap-layer.teacher .inner .layer-content .history-list div ul{padding-left:110px;}
.wrap-layer.teacher .inner .layer-content .history-list div ul li { position: relative; font-size:18px; word-break:keep-all;}
.wrap-layer.teacher .inner .layer-content .history-list div ul li:before { display: block; content: ''; position: absolute; width: 6px; height: 6px; background: #afafaf; border-radius: 50%; left: 0; top: 9px; }
.wrap-layer.teacher .inner .layer-content .history-list div ul li p { padding-left: 17px; line-height: 1.3; }
.wrap-layer.teacher .inner .layer-content .history-list div ul li + li { margin-top: 2px; }




/*레이어 팝업*/
.wrap-layer01 { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.8); z-index: -100; display: block; }
.wrap-layer01.teacher.active { z-index: 100; opacity: 1 }
.wrap-layer01.teacher .inner { width: 1198px; max-height: 852px; background: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) }
.wrap-layer01.teacher .inner .layer-header { height: 92px;position: relative; background-color: #26272b; }
/* background-image: url("../../images/temp/teacher-top-bg.jpg");  */
.wrap-layer01.teacher .inner .layer-header .title { width: 100%; box-sizing: border-box; padding: 32px 44px; font-size: 30px; text-align:center;}

.wrap-layer01.teacher .inner .layer-content { position:relative; background: #f9f9f9 url("../../images/temp/teacher-con-bg.jpg") 0 0 no-repeat; max-height: auto; width: 100%; min-height: 760px; height: auto; }

.wrap-layer01.teacher .inner .layer-content .img-box {display:inline-block;width:48%;vertical-align:bottom;text-align:center;}
.wrap-layer01.teacher .inner .layer-content .img-box img { position:absolute;bottom:0;left:30px}
.wrap-layer01.teacher .inner .layer-content .right-con { display:inline-block;width:48%;padding:60px  0 0 60px;box-sizing:border-box;vertical-align:top;}
.wrap-layer01.teacher .inner .layer-content .intro-txt { position: relative; margin-bottom: 20px; }
.wrap-layer01.teacher .inner .layer-content .intro-txt .title p:first-child { font-size: 22px; color: #000; margin-bottom: 10px; }
.wrap-layer01.teacher .inner .layer-content .intro-txt .title p:nth-child(2) { margin-bottom: 25px }
.wrap-layer01.teacher .inner .layer-content .intro-txt .title p:nth-child(2) strong { font-size: 48px; font-weight: 800; }
.wrap-layer01.teacher .inner .layer-content .intro-txt .title p:nth-child(2) span { font-size: 30px; color: #000; font-weight:300;margin-left:25px;}
.wrap-layer01.teacher .inner .layer-content .intro-txt .title p:last-child { font-size: 28px; color: #555; padding-bottom: 37px; }
.wrap-layer01.teacher .inner .layer-content .intro-txt:after { display: block; content: ''; position: absolute; width: 30px; height: 3px; background: #e10060; left: 0; bottom: 0; }

.wrap-layer01.teacher .inner .layer-content .history-list { font-size: 17px; color: #555; line-height:30px;width:425px;height:410px;overflow-y:auto; padding-right: 15px;}
	.wrap-layer01.teacher .inner .layer-content .history-list::-webkit-scrollbar {
    width: 6px;
	height: 6px;
  }
	.wrap-layer01.teacher .inner .layer-content .history-list::-webkit-scrollbar-thumb {
    background-color: #D1D1D1;
	border-radius:10px;
	border: 2px solid #f9f9f9;
  }
	.wrap-layer01.teacher .inner .layer-content .history-list::-webkit-scrollbar-track {
	background-color: #f9f9f9;
	border-radius:8px;
  }



.privacy{max-width: 1100px; margin: 0 auto; border:1px solid #ddd; padding:50px; font-size:17px; line-height:170%; margin-top:30px;}
.privacy p{margin-bottom:30px;}
.privacy h3{margin-bottom:10px;font-size:20px;}
.privacy ul{margin-bottom:30px;}
.privacy ul li{margin-bottom:10px;}
.portfolio-banner-info  img.mobile {display: none;}

@media screen and (max-width:1200px) {
.wrap.sub #container { padding-bottom:0px;}
.sub .wrap-bottom-btn button.btn { font-size:20px;height:45px;}
    /*.wrap-lnb.curriculum ul li { padding: 0 0.8%; }*/

	.wrap-bottom-cs .inner { padding: 30px 20px 62px; max-width: 90%; }
    .wrap-bottom-cs .select-wrap-num { width: 100px; }
    .wrap-bottom-cs dl + dl { margin-top: 10px; }
    .wrap-bottom-cs dl dt { width: 100%; text-align: left; }
    .wrap-bottom-cs dl dt,
    .wrap-bottom-cs dl dd { display: block; }
    .wrap-bottom-cs input.input-line { height: 30px; }
    .wrap-bottom-cs dl dd.st-table { display: table; width: 100%; }
    .wrap-bottom-cs dl dd label { display: inline-table; padding-bottom: 10px; }
	.wrap-bottom-cs dd .personal span { font-size: 14px; letter-spacing: -0.7px; }
    .wrap-bottom-cs label { width: 100% }
    .wrap-bottom-cs label + label { margin-left: 0%; }
    .wrap-bottom-cs label:nth-child(odd) { margin-left: 0 }
    .wrap-bottom-cs .txt-scroll-box + label { width: 100%; }
    .wrap-bottom-btn { width: 100%; float: inherit; clear: both; }
	
	.wrap-bottom-cs input.tellnum:nth-child(1) { width: 26.5%; }
	.wrap-bottom-cs input.tellnum:nth-child(3) { width: 32%; }
	.wrap-bottom-cs input.tellnum:nth-child(5) { width: 32%; }

    .wrap-bottom-cs .select-wrap-num { height: 30px; }
    .wrap-bottom-cs .select-wrap-num .selectric .label { line-height: 30px; height: 30px; }
    .wrap-bottom-cs .select-wrap-num .selectric .button { height: 30px; }

    .wrap-board.notice ul { justify-content: center }
    .wrap-board.notice ul li { width: 50%; }

    .wrap-board.portfolio ul { padding: 50px 20px 0; grid-template-columns: repeat(3, 1fr);}
    

    .wrap-board-paging a { width: 30px; height: 30px; line-height: 30px; }

    .curriculum .top-curriculum .curriculum-level ol li + li { margin-left: 5px; margin-top: -65px; vertical-align: bottom; }
    .contents.curriculum .row + .row .column.left { background: none; }
    .contents .curriculum-content .row .column .wrap-img { text-align: center; margin-top: 50px; }
    .contents .curriculum-content .row .column .wrap-img img { max-width: 100%; }
    .contents .curriculum-content .row .column.left,
    .contents .curriculum-content .row .column.right,
    .contents .curriculum-content .row:nth-child(even) .column.left,
    .contents .curriculum-content .row:nth-child(even) .column.right { width: 100%; float: inherit; }

    .contents .curriculum-content.nation .row.row-2 ul li ol li { width: 50%; background-image: none }
    .contents .curriculum-content.nation .row.row-2 ul li ol li + li + li + li + li + li { background: none; float: left; }
    .contents .curriculum-content.nation .row.row-2 ul li ol li + li + li + li + li + li + li { background: none; }
    .contents .curriculum-content.nation .row.row-2 ul li ol li:last-child { background: none; }

    .contents .curriculum-content.nation .row.row-2.w04 ul li ol li { width:50%;}

    .wrap-board.introduce .row-list { margin: 0 0 20px; }
    .wrap-board.introduce .row-list .img-list { display: grid; grid-template-columns: 1fr; }
    .wrap-board.introduce .row-list .img-list > li { width: 100%; /*39px 39px 0*/ }
    /*.wrap-board.introduce .row-list .img-list > li:nth-child(3n) { margin-right: 39px; }*/
    /*.wrap-board.introduce .row-list .img-list > li:nth-child(2n) { margin-right: 0; }*/

    .wrap-board.introduce .row-list .img-list > li .intro-txt .title strong { font-size: 1.5em; }
    .wrap-board.introduce .row-list .img-list > li .intro-txt .title strong + span { font-size: 1em; }
    .wrap-board.introduce .row-list .img-list > li .intro-txt p { font-size: 1em; }

    .wrap-board.introduce .row-list .default-list.special-teacher-list {grid-template-columns: 1fr; gap: 20px;}

    /*.wrap-board.introduce .row-list .default-list { max-width: 570px; margin: 0 auto }*/
    .wrap-board.introduce .row-list .default-list > li { width: 100%; margin: 0 0 20px; height: 230px; background-position: right top 12px; }
    /*.wrap-board.introduce .row-list .default-list > li:nth-child(even) { margin-right: 0; }*/
    /*.wrap-board.introduce .row-list .default-list > li .intro-title-default { padding: 68px 21px 0; }*/
    .wrap-board.introduce .row-list .default-list > li .intro-title-default:before { font-size: 0.8em; width: 80px; height: 26px; line-height: 26px; }
    .wrap-board.introduce .row-list .default-list > li .intro-title-default strong { font-size: 1.1em; }
    .wrap-board.introduce .row-list .default-list > li .intro-title-default p { font-size: 0.9em; }

    .wrap-board.introduce .row-list .default-list > li .intro-title-default { padding: 42px 21px 0; }

    .wrap-board.contact .wrap-map { width: auto; height: 300px; margin: 0 20px; }
    .wrap-info-traffic { margin: 0 20px; }
    .wrap-board.contact .contact-info-txt { font-size: 1em }
    .wrap-board.contact .wrap-info-traffic .traffic { display: block; }
    .wrap-board.contact .wrap-info-traffic .traffic > dt,
    .wrap-board.contact .wrap-info-traffic .traffic > dt + dd { display: block; }
    .wrap-board.contact .wrap-info-traffic .traffic > dt strong { width: auto; font-size: 1.5em; padding: 17px 0; padding-left: 77px; }
    .wrap-board.contact .wrap-info-traffic .traffic > dt strong:before { width: 66px; height: 66px; }
    .wrap-board.contact .wrap-info-traffic .traffic.metro > dt + dd { margin-top: 20px; }
    .wrap-board.contact .wrap-info-traffic .traffic.metro dd p { display: block; font-size: 1.1em; }
    .wrap-board.contact .wrap-info-traffic .traffic.metro dd p + p { margin-top: 10px; }
    .wrap-board.contact .wrap-info-traffic .traffic.metro dd p:first-child:after { display: none; }
    .wrap-board.contact .wrap-info-traffic .traffic.metro dd p .icon { font-size: 0.8em; }
    .wrap-board.contact .wrap-info-traffic .traffic.bus dd .table-cell dt { font-size: 1.3em }
    .icon.bus:before { font-size: 0.9em; }
    .wrap-board.contact .wrap-info-traffic .traffic.bus dd .table-cell p span { font-size: 1em; }
    .wrap-board.contact .wrap-info-traffic .traffic.bus dd .table-cell { float: inherit; width: auto }
    .wrap-board.contact .wrap-info-traffic .traffic.bus:after { left: auto; right: -35px; bottom: -62px; }

    .wrap-board.interview .interview-list > li { width: 50%; padding: 0 20px; margin: 0 0 50px; }
    .wrap-board.interview .interview-list > li:nth-child(4n) { margin-right: 0 }

    .wrap-layer.teacher .inner { width: 100%; height: auto; max-height: 100% }
    .wrap-layer.teacher .inner .layer-content { /*height: calc(100vh - 92px);*/ background-size: contain; }

    .wrap-layer01.teacher .inner { width: 100%; height: auto; max-height: 100% }
    .wrap-layer01.teacher .inner .layer-content { /*height: calc(100vh - 92px);*/ background-size: contain; }



	
	.portfolio-banner-info {  background: url("../images/img/img-portfolio-img01.jpg") no-repeat 0 0;background-size:cover;padding:0;margin-top:20px;}
  .portfolio-banner-info  img { max-width:100%}
	.portfolio-banner-info p.tit { font-size:2em;}
	.portfolio-banner-info span.s-txt{font-size:1.2em;line-height:1.6em}
	.portfolio-banner-info p.m-txt  { font-size:1.4em;line-height:1.4em;}


	.curriculum-content.process { margin-bottom:20px;}
	.curriculum-content.process img{ max-width:100%}
	.process .mobile { display:block;width:100%;margin-bottom:-150px;margin-top:-38px;}
	.process .pc { display:none;}

	
/*학원소개*/
.visual-top2-txt { margin:-40px auto;font-size:1.2em;line-height:1.5em;padding:30px 10% 80px}
.introduce { margin:-37px 10% 0;}
.introduce .top-img { display:block;margin:0 auto 50px;width:80%;}
.introduce .b-txt { text-align:right;font-size:16px;line-height:20px;margin-bottom:30px;}
.introduce .s-txt { text-align:right;font-size:14px;line-height:20px;letter-spacing:-1px}
.introduce .s-txt span { font-size:14px;}
.introduce  .line { height:30px;margin:20px auto 20px;}
.introduce  .left-img { display:none;}
.introduce  .bottom-img { position:relative;right:0px;bottom:0px;width:30%;margin:20px auto 0;display:block;}



.visual-top1-txt  { font-size:14px;padding:0 5%;}




/*시설현황*/

.facility  { padding:30px 5%;border:0}
.facility .swiper-container {height:250px; width: 100%; box-sizing:border-box}
.facility .gallery-top {height: 250px;;}
.facility .gallery-thumbs {height: 80px   }
.facility .gallery-thumbs .swiper-slide {width:20%;}
.facility  .gallery-top .swiper-slide { width:100% !important;}




/*취업연계방법*/
.connection { background:#e10060  url("../images/temp/connection-bg.jpg") center 0 no-repeat;background-size:140%; margin-top:-30px;}
.connection .con {margin:0 5% 0px;}
.connection .txt-top  {font-size:14px;color:#fff}
.connection .txt-top .line { margin:10px auto 30px}
.connection .txt-top p { font-size:20px;color:#141111;font-weight:bold;padding-top:30px;}
.connection .box { margin-top:0px}
.connection .box li  { height:auto;;padding:20px 0;margin:0px 0 20px !important;width:100%;}
.connection .box li span{display:inline-block;vertical-align:top;width:40px;height:auto;padding-top:0;;}
.connection .box li span img { width:40px;}
.connection .box li p { display:inline-block;vertical-align:top;width:50%;font-size:16px;color:#fff;font-weight:bold;margin-left:15px;margin-top:3px;line-height:20px;padding-top:0;}
.connection .box li img { max-height:100% }
.connection .box li p em { font-style:normal;color:#000;font-size:14px;line-height:20px;color:#fff;display:block;width:78%;}


.wrap-board.write .table-style3 dd { width: auto;}
.wrap-board.write .table-style3 .size10 input:nth-child(1) { width: 30%;}
.wrap-board.write .table-style3 .size10 input:nth-child(3) { width: 31%;}
.wrap-board.write .table-style3 .size10 input:nth-child(5) { width: 31%;}
.wrap-board.write .table-style2 dd label span {font-size: 14px;}
.wrap-board.write .table-style2 dd label span a {font-size: 14px;}

}


@media screen and (max-width:1000px) {
    .curriculum .top-curriculum .curriculum-level ol li + li { margin-left: 0; }
    .curriculum .top-curriculum .curriculum-level ol li + li + li { position: relative }
}

@media screen and (max-width:959px) {
  .portfolio-banner-info  img.pc {display: none;}
  .portfolio-banner-info  img.mobile {display: block; width: 100%;}
  .contents .curriculum-content.nation .row.row-2 ul > li p.br_exist br {display: none;}

	.wrap-layer.teacher .inner .layer-content .history-list div{padding-right:22%;}
	.wrap-layer.teacher .inner .layer-content .history-list div .tit{position: absolute; left:0; top:0; color:#000; font-size:14px;}
	.wrap-layer.teacher .inner .layer-content .history-list div ul{padding-left:70px;}
	.wrap-layer01.teacher .inner .layer-content {overflow-y:auto}
	.wrap-layer01.teacher .inner .layer-content .img-box {display:block;width:100%;vertical-align:bottom;text-align:center;margin-bottom:30px;}
.wrap-layer01.teacher .inner .layer-content .img-box img { display:block;max-width:90%;position:relative!important;;bottom:auto;left: 0px; margin: 0 auto;}
.wrap-layer01.teacher .inner .layer-content .right-con { display:block;width:100%;padding:0;box-sizing:border-box;vertical-align:top;margin-bottom:150px; padding-left: 15px;}
.wrap-layer01.teacher .inner .layer-content .history-list { font-size: 14px; color: #555; line-height:20px;width:95%;height:auto;overflow-y:auto;padding-bottom:50px;}



    .wrap-inner-sub-visual { background-position: right -122px top; }

    .visual-top-btn:before { left: -220px }
    .visual-top-btn:after { right: -159px; }

    .wrap-searchBar .searchForm { display: table; width: 100%; padding: 0 20px; box-sizing: border-box; }
    .wrap-searchBar .select-searchBar { display: table-cell; padding: 0 10px 0 0; }
    .wrap-searchBar input { width: 100%; }
    .wrap-searchBar .wrap-btn-search { margin-top: 15px; width: 100%; padding: 0 20px; box-sizing: border-box; }
    .sub .wrap-searchBar .wrap-btn-search .btn { width: 100% }

    .wrap-lnb { position: relative }
    .wrap-lnb ul { position: absolute; width: 100%; z-index: 10; top: 60px }
    .wrap-lnb ul li { display: none; background: #181e32; width: 100%; padding: 0 20px; text-align: left; box-sizing: border-box; font-size: 22px }
    .wrap-lnb.open ul li { display: block; }
    .wrap-lnb ul li.active { display: block; background: #181e32; position: absolute; top: -60px; }
    .wrap-lnb ul li.active a { color: #fff; background-image: url("../images/icon/icon-arrow-mobile-sub-lnb.png"); background-position: right top 23px; background-size: 30px auto; background-repeat: no-repeat; }
	.wrap-lnb ul li.active:hover {background: #181e32;}

    .wrap-lnb.curriculum ul { display: block }
    .wrap-lnb.curriculum ul li { display: none; padding: 0 20px; }
    .wrap-lnb.curriculum.open ul li { display: block; }
    .wrap-lnb.curriculum ul li.active { display: block; }
	
	.wrap-lnb.curriculum.mobile {display:block; }
	.wrap-lnb.curriculum.pc {display:none; }
    .top-curriculum:before { display: none; }
    .curriculum .top-curriculum strong { font-size: 1.3em; }
    .top-curriculum-title { padding: 24px 20px 0 145px; text-align: left; }

    .top-curriculum-title:before { position: absolute; display: block; content: ''; z-index: -1; height: 200px; width: 444px; left: -50px; background-repeat: no-repeat; background-size: contain; top: 0; }

    .contents.curriculum.bg2dBack .top-curriculum-title,
    .contents.curriculum.bg3dBack .top-curriculum-title{ padding: 19px 20px 36px 176px }
    .contents.curriculum.bg2dcharacter .top-curriculum-titlze{ padding: 59px 20px 81px 176px }
    .contents.curriculum.bg3dcharacter .top-curriculum-title{ padding: 39px 20px 51px 190px }

    .contents.curriculum.bg2dcharacter .top-curriculum-title:before {background-image: url("../images/img/img-2d-character-01.png"); background-repeat: no-repeat; background-position: left top; background-size: contain; height: 305px; left: -20px }
    .contents.curriculum.bg3dcharacter .top-curriculum-title:before {background-image: url("../images/img/img-3d-character-01.png"); background-repeat: no-repeat; background-position: left top; background-size: contain; height: 235px; left: -20px; top: 22px; }
    .contents.curriculum.bg2dBack .top-curriculum-title:before {background-image: url("../images/img/img-2d-back-01.png"); background-repeat: no-repeat; background-position: left top; background-size: contain}
    .contents.curriculum.bg3dBack .top-curriculum-title:before {background-image: url("../images/img/img-3d-back-01.png"); background-repeat: no-repeat; background-position: left top; background-size: contain}

    .curriculum .top-curriculum .top-curriculum-txt,
    .curriculum .top-curriculum .curriculum-level p.txt{ font-size: 1.2em; }
    .curriculum .top-curriculum .curriculum-level p.txt{ padding: 60px 20px 75px; }
    .curriculum .curriculum-table strong { font-size: 1.5em; text-align: center; }

    .wrap-recruit-banner ul { margin: 0 auto }
    .wrap-recruit-banner ul:after { display: block; content: ''; clear: both }
    .wrap-recruit-banner ul li { float: left; width: calc((100%/3) - 5px); box-sizing: border-box; border: 1px solid #d4d4d4; height: 60px; background: #fff; margin: 0 5px 5px 0 }
    .wrap-recruit-banner ul li.first { width: calc((100%/3) - 5px); margin-right: 5px; margin-bottom: 5px; }
    .wrap-recruit-banner .banner-mgs { width: 100%; height: 190px; }
    /* .wrap-recruit-banner .banner-mgs img { max-width: 80%; } */

    /*.curriculum .top-curriculum .curriculum-level ol li { width: 40%; height: auto; }*/

    .curriculum .curriculum-table .table-type2 { word-break: keep-all; }
    .curriculum .curriculum-table .table-type2 thead th { font-size: 1.1em; }
    .curriculum .curriculum-table .table-type2 td p:first-child { font-size: 0.8em; }
    .curriculum .curriculum-table .table-type2 td p:last-child { font-size: 1em; }

    .curriculum-content { margin-top: 0; }
    .contents.curriculum  .curriculum-content .row .column.left { padding-right: 0; padding: 0 20px; }

    .contents .curriculum-content .row .column .title { font-size: 1.3em; margin-bottom: 25px; padding-left: 16px; }
    .contents .curriculum-content .row .column .title:before { width: 6px; height: 16px; }
    .contents .curriculum-content .row .column ol { padding-left: 16px }
    .contents .curriculum-content .row .column ol li { padding-left: 35px; }
    .contents .curriculum-content .row .column ol li:before { width: 24px; height: 24px; font-size: 1em; line-height: 24px; top: -3px; }
    .contents .curriculum-content .row .column ol li strong { font-size: 1.1em; }
    .contents .curriculum-content .row .column ol li p { font-size: 1em; }
    .contents .curriculum-content .row .column ol li + li { margin-top: 20px; }

    .top-info-txt { font-size: 1.3em; padding: 0 50px; word-break: keep-all; }
    .visual-top-txt p { font-size: 1em }
    .visual-top-txt:before { left: -220px }
    .visual-top-txt:after { right: -159px; }
.right-photo { display:none;}
.contents .curriculum-content.nation .row.row-2 ul > li img  { max-width:100%;margin:15px 0;}
.curriculum-content.nation { margin-bottom:20px;}

    .contents .curriculum-content.nation .nation-banner-info { margin: 0 20px; margin-top: 34px; padding: 0px 0; height: auto; background-size: 20px; }
	    .contents .curriculum-content.nation .nation-banner-info img { max-width:100%}
    .contents .curriculum-content.nation .nation-banner-info .nation-banner-left,
    .contents .curriculum-content.nation .nation-banner-info .nation-banner-right { width: 130px; height: 130px; padding: 30px 0; }
    .contents .curriculum-content.nation .nation-banner-info .inner p { font-size: 1.2em; }
    .contents .curriculum-content.nation .nation-banner-info .inner p:after { width: 24px; height: 2px; bottom: -10px; }
    .contents .curriculum-content.nation .nation-banner-info .inner strong { font-size: 2em; margin-top: 18px; }
    .contents .curriculum-content.nation .nation-banner-info .nation-banner-right .inner strong { font-size: 1.2em; }
    .contents .curriculum-content.nation .nation-banner-info .nation-banner-right .inner strong span { font-size: 0.5em; }
    .contents .curriculum-content.nation .nation-banner-info .nation-banner-left { margin-right: 15px; }
    .contents .curriculum-content.nation .nation-banner-info .nation-banner-right { margin-left: 15px; }

    .contents .curriculum-content .row .title { font-size: 1.3em; margin-bottom: 25px; padding-left: 16px; }
    .contents .curriculum-content .row .title:before { width: 6px; height: 16px; }
    .contents .curriculum-content.nation .row p.txt { font-size: 1.1em; padding-right: 20px }
    .contents .curriculum-content.nation .row.row-2 ul > li { font-size: 1.1em; padding-right: 20px }

    .contents .curriculum-content.nation .row.row-2 ul li ol li { font-size: 0.8em }
    .contents .curriculum-content.nation .row.row-2 ul li ol li p { padding: 0 15px 0 46px }
    .contents .curriculum-content.nation .row.row-2 ul li ol li:before { width: 28px; height: 28px; font-size: 1em; line-height: 28px; top: 66%; left: 15px; }

    .contents .curriculum-content.nation .box-txt { background-position: right -143px top; margin: 0 20px; height: auto; }
    .contents .curriculum-content.nation .row:last-child .box-txt { background-position: right -179px top; }
    .contents .curriculum-content.nation .box-txt .inner { padding: 25px 20px 28px 22px; margin-right: 100px; background: #fff; height: 100% }
    .contents .curriculum-content.nation .box-txt ol li { font-size: 0.9em; letter-spacing: -1px; word-break: break-all; }

    .curriculum-content .row:nth-last-child(2) { margin-top: 40px; }
    .curriculum-content .row:last-child { margin-top: 15px; }

    .wrap-board.introduce .row-list strong.title { font-size: 1.3em; margin-bottom: 25px; padding-left: 16px; }
    .wrap-board.introduce .row-list strong.title:before { width: 6px; height: 16px; }

    .wrap-board.contact .wrap-info-traffic .traffic.bus:after { width: 190px; height: 289px; left: auto; right: -35px; bottom: -41px; background-size: contain; }

    .wrap-layer.teacher .inner .layer-header { height: 50px; }
    .wrap-layer.teacher .inner .layer-header .title { font-size: 1.3em; padding: 13px 20px; }

    .wrap-layer.teacher .inner .layer-content { height: calc(100vh - 50px); padding: 25px 20px; }
    .wrap-layer.teacher .inner .layer-content .intro-txt { margin-bottom: 35px; }
    .wrap-layer.teacher .inner .layer-content .intro-txt .title p:first-child { font-size: 1em; margin-bottom: 5px }
    .wrap-layer.teacher .inner .layer-content .intro-txt .title p:nth-child(2) { margin-bottom: 15px; }
    .wrap-layer.teacher .inner .layer-content .intro-txt .title p:nth-child(2) strong { font-size: 1.8em; letter-spacing: 10px; }
    .wrap-layer.teacher .inner .layer-content .intro-txt .title p:nth-child(2) span { font-size: 1em; }
    .wrap-layer.teacher .inner .layer-content .intro-txt .title p:last-child { font-size: 1.2em; padding-bottom: 20px; }
    .wrap-layer.teacher .inner .layer-content .history-list ul li:before { width: 4px; height: 4px; }
    .wrap-layer.teacher .inner .layer-content .history-list ul li p { font-size: 0.6em; padding-left: 10px; }


	
    .wrap-layer01.teacher .inner .layer-header { height: 50px; }
    .wrap-layer01.teacher .inner .layer-header .title { font-size: 1.3em; padding: 13px 20px; }

    .wrap-layer01.teacher .inner .layer-content { height: calc(100vh - 50px); padding: 25px 20px; box-sizing:border-box;}
	.wrap-layer01.teacher .inner .layer-content::-webkit-scrollbar {
    width: 6px;
	height: 6px;
	display: none;
  }
	.wrap-layer01.teacher .inner .layer-content::-webkit-scrollbar-thumb {
    background-color: #D1D1D1;
	border-radius:10px;
	border: 2px solid white;
  }
	.wrap-layer01.teacher .inner .layer-content::-webkit-scrollbar-track {
	background-color: white;
	border-radius:8px;
  }
    .wrap-layer01.teacher .inner .layer-content .intro-txt { margin-bottom: 35px; }
    .wrap-layer01.teacher .inner .layer-content .intro-txt .title p:first-child { font-size: 1em; margin-bottom: 5px }
    .wrap-layer01.teacher .inner .layer-content .intro-txt .title p:nth-child(2) { margin-bottom: 15px; }
    .wrap-layer01.teacher .inner .layer-content .intro-txt .title p:nth-child(2) strong { font-size: 1.8em; letter-spacing: 10px; }
    .wrap-layer01.teacher .inner .layer-content .intro-txt .title p:nth-child(2) span { font-size: 1em; }
    .wrap-layer01.teacher .inner .layer-content .intro-txt .title p:last-child { font-size: 1.2em; padding-bottom: 20px; }
    .wrap-layer01.teacher .inner .layer-content .history-list ul li:before { width: 4px; height: 4px; }
    .wrap-layer01.teacher .inner .layer-content .history-list ul li p { font-size: 0.6em; padding-left: 10px; }

    .visual-top-btn ul li { font-size: 1em; height: auto; line-height: 1.4 }
    .wrap-board.write .table-style dt { width: 100%; font-size: 1em; }
    .wrap-board.write .table-style dt,
    .wrap-board.write .table-style dd { display: block; height: auto; }
    .wrap-board.write .table-style dd input[type="text"] { width: 100%; }
    .wrap-board.write .table-style dd .form-inline.num { width: 30%; }
    .wrap-board.write .table-style dd .form-inline.email { width: 45%; }
    .wrap-board.write .table-style dd .form-inline.email + span { display: inline-block; width: 7%; text-align: center; }
    .wrap-board.write .table-style dd .form-inline.email.select { width: 100%; margin-top: 10px; }

.wrap-board.write .table-style dd .form-inline.time { width: 100%;margin-right:0px;margin-top:10px;}
.wrap-board.write .table-style dd .form-inline.time.bt10 { margin-bottom:10px;margin-top:0;}
    .wrap-board.write .table-style dd .selectric .label,
    .wrap-board.write .table-style dd .selectric-items ul, .selectric-items li { font-size: 1em }

    .wrap-board.interviewDetail .view-table-header strong { font-size: 1.3em }
    .wrap-board.interviewDetail .view-table-header p { font-size: 0.9em; }
    .wrap-board.interviewDetail .table-style dt { width: auto; word-break: keep-all; }
    .wrap-board.interviewDetail .table-style dt, .wrap-board.interviewDetail .table-style dd { font-size: 1em; }
}

@media screen and (max-width:829px) {
  .visual-top-txt.process-page p {font-size: 20px;} 
  .wrap-board.portfolio ul {grid-template-columns: repeat(2, 1fr);}

  .wrap-inner-sub-visual > img {
    right: -120px;
    z-index: -1;
  }

  .wrap-inner-sub-visual:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.4);
  }
}

/*@media screen and (max-width:830px) {*/
    /*.wrap-board.introduce .row-list .img-list > li { width: 49%; margin: 0 2% 2% 0; }*/
    /*.wrap-board.introduce .row-list .img-list > li:nth-child(3n) { margin-right: 0 }*/
    /*.wrap-board.introduce .row-list .img-list > li:nth-child(2n) { margin-right: 0 }*/
    /*.wrap-board.introduce .row-list .img-list > li:nth-child(odd) { margin-right: 2% }*/
    /*.wrap-board.introduce .row-list .img-list > li .intro-txt { padding: 20px 10px 0 10px; background-size: 60% }*/
    /*.wrap-board.introduce .row-list .img-list > li .intro-txt .title { padding-bottom: 30px; }*/
    /*.wrap-board.introduce .row-list .img-list > li .intro-txt .title strong { font-size: 1.5em; }*/
    /*.wrap-board.introduce .row-list .img-list > li .intro-txt .title strong + span { font-size: 1em; }*/
    /*.wrap-board.introduce .row-list .img-list > li .intro-txt p { font-size: 1em; }*/
    /*.wrap-board.introduce .row-list .img-list > li .intro-banner,*/
    /*.wrap-board.introduce .row-list .img-list > li .intro-banner ul li { height: 40px; }*/
    /*.wrap-board.introduce .row-list .img-list > li .intro-banner ul li img { width: 85%; }*/
/*}*/
@media screen and (max-width:660px) {

    .curriculum .top-curriculum .curriculum-level ol { position: relative; }
    .curriculum .top-curriculum .curriculum-level ol:after { display: block; content: ''; clear: both; }
    .curriculum .top-curriculum .curriculum-level ol li { width: 163px; height: 226px; padding: 70px 0; padding: 0; vertical-align: top; }
    .curriculum .top-curriculum .curriculum-level ol li div {height: auto; position: relative; padding: 30px 15px 0 15px; box-sizing: border-box; min-height: 126px; }
    .curriculum .top-curriculum .curriculum-level ol li:before { background-size: contain; height: 47px; }
    .curriculum .top-curriculum .curriculum-level ol li:after { background-size: contain; height: 58px; }
    .curriculum .top-curriculum .curriculum-level ol li div:before { font-size: 1.2em; width: 34px; height: 34px; line-height: 34px; position: absolute; left: 50%; top: -20px; transform: translateX(-50%) }
    .curriculum .top-curriculum .curriculum-level ol li p { font-size: 0.7em; }
    .curriculum .top-curriculum .curriculum-level .tit { font-size: 14px; }
    .curriculum .top-curriculum .curriculum-level ol li .small-text { font-size: 0.7em; }
    .curriculum .top-curriculum .curriculum-level ol li + li { margin-top: 0px; }
	
}
@media screen and (max-width:580px) {
    .wrap-board.notice ul li { width: 50%; margin-bottom: 50px; }
    .wrap-board.notice ul li a { width: 95% }
    .wrap-board.notice ul li p { display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 10px; }
    .wrap-board.notice ul li p span { width: 100%; height: 24px; line-height: 24px; }
    .wrap-board.notice ul li p span b { font-weight: normal; }
    .wrap-board.notice ul li p span:first-child { padding-left: 10px; }
    .wrap-board.notice ul li p span:last-child { text-align: left; padding-left: 10px; }

    .wrap-board.portfolio ul li { width: 100%; margin-bottom: 12px; }
    .wrap-board.portfolio ul li a { width: 95% }

}

@media screen and (max-width:497px) {
    .curriculum .top-curriculum .curriculum-level ol li:nth-child(3) { margin-top: -50px; }
}
@media screen and (max-width:330px) {
    .curriculum .top-curriculum .curriculum-level ol li:nth-child(3) { margin-top: 0px; }
}


h3.s-top-tit { text-align:center;font-size:40px;color:#333;font-weight:bold;;}
h3.s-top-tit .line { width:70px;height:1px;background:#000;margin:30px auto 40px;}

.top-curriculum-con { background:#fafafa;border-top:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;padding:0 50px;}
.top-curriculum-con img { display:inline-block;margin-right:75px;vertical-align:middle;}
.top-curriculum-con .txt {word-break: keep-all; display:inline-block;vertical-align:middle;font-size:16px;line-height:24px;color:#666666;font-weight:normal;text-align:left;width:540px;}
.top-curriculum-con .txt p { font-size:32px;color:#e10060;font-weight:bold;margin-bottom:30px;}
.top-curriculum-con .txt a { display:inline-block; width:130px;color:#fff;font-weight:bold;text-align:center;font-size:16px;height:47px;line-height:47px;margin-right:2px;background:#e10060;margin-top:50px;}

@media screen and (max-width:1200px) {
.top-curriculum-con { padding: 10px 20px 25px;}
.top-curriculum-con img { width:60%;margin:0 auto 0;display:block;}
.top-curriculum-con .txt { width:100%;text-align:center;margin-top:30px;}
.top-curriculum-con .txt p { margin-bottom:15px;}
.top-curriculum-con .txt a { display:inline-block; width:23%;color:#fff;font-weight:bold;text-align:center;font-size:12px;height:30px;line-height:30px;margin-right:1%;background:#e10060;margin-top:20px;}
h3.s-top-tit  { font-size:30px;}

.wrap-board.notice ul li a {width:100%;}

}

.bottom-type01 { background:#30468f;padding:90px 0;}
.bottom-type01>.inner { width:1200px;margin:0 auto;}
.bottom-type01 .dcharacter-bottom {width:580px;display:inline-block;text-align:center;vertical-align:top;margin-right:2.5%;;}
.bottom-type01 .info ul {display:table;margin-bottom:25px; height:300px;width:100%;}
.bottom-type01 .info li {color:#333333;width:80%;display:table-cell;;background:#fff;font-size:17px;line-height:30px;border:1px solid #9e9e9e;padding:15px;box-sizing:border-box;letter-spacing:-1px;text-align:left;}
.bottom-type01 .info li.tit { font-family: 'BMDOHYEON';display:table-cell;width:20%;background:#9e9e9e;font-size:20px;text-align:center;color:#fff;}
.bottom-type01 .dcharacter-bottom img { display:inline-block; margin-bottom:20px;margin-right:19px;}
.bottom-type01 .dcharacter-bottom img.noright  { margin-right:0;}


@media screen and (max-width:1200px) {
.bottom-type01 { background:#30468f;padding:30px 0;}
.bottom-type01>.inner { width:auto;margin:0 20px;}
.bottom-type01 .dcharacter-bottom {width:100%;display:block;text-align:center;vertical-align:top;margin:0;}
.bottom-type01 .dcharacter-bottom img { width:30%;margin-right:2%}
}


.wrap-bottom-cs-new { background:#fff;width:582px;display:inline-block;}
.wrap-bottom-cs-new .title {  font-family: 'BMDOHYEON';font-size: 30px; font-weight: normal; display: block; text-align: center;color:#e00060;height:60px;line-height:60px;border-bottom:1px solid #000}
.wrap-bottom-cs-new dl {  font-size: 17px; color: #282e40; width: 100%; padding:20px;box-sizing:border-box}
.wrap-bottom-cs-new dl.line-cc { border-bottom:1px solid #ececec}
.wrap-bottom-cs-new dl dt,
.wrap-bottom-cs-new dl dd { display: inline-block }
.wrap-bottom-cs-new dl dt { vertical-align: top;  height: 60px; padding-top: 20px; box-sizing: border-box; ;font-size:17px;font-weight:bold;color:#000000}
.wrap-bottom-cs-new dl dd { vertical-align: middle; }
.wrap-bottom-cs-new dl dd .etc-tit { display:inline-block;margin-top:5px;vertical-align:middle;margin-right:1%;}
.wrap-bottom-cs-new input.etc { height:35px;line-height:35px;width:90%;bordeR:1px solid #ccc;margin-top:5px;}
.wrap-bottom-cs-new input { font-size: 17px; padding: 0 10px; }
.wrap-bottom-cs-new input.input-line { border: 0;background: transparent; height: 35px; width: 100%; }
.wrap-bottom-cs-new select { border:1px solid #ccc; height: 35px; background: #fff; border-radius: 0 ;width:100px !important;}

.wrap-bottom-cs-new  .box {border:1px solid #ccc }
.wrap-bottom-cs-new  .box>ul>li {border-bottom:1px solid #ccc ;padding:15px 15px;}
.wrap-bottom-cs-new  .box li dt { height:35px;line-height:35px;padding-top:0;width:10%;}
.wrap-bottom-cs-new  .box li.nopadd { padding:0;}
.wrap-bottom-cs-new  .box li:last-child  {border-bottom:0 }
.wrap-bottom-cs-new .txt-scroll-box p strong { font-size:17px;color:#000;}
.wrap-bottom-cs-new .txt-scroll-box li { line-height:1.5;font-size:14px;}

.wrap-bottom-cs-new label input[type="checkbox"]{ position: absolute; z-index: -1; background: transparent; opacity: 0; }
.wrap-bottom-cs-new label { overflow: hidden; position: relative; display: inline-block; line-height: 1; cursor: pointer }
.wrap-bottom-cs-new label { margin-right: 40px; margin-bottom:15px;vertical-align:top;}
.wrap-bottom-cs-new label span:before { display: inline-block; content: ''; position: relative; box-sizing: border-box; width: 12px; height: 12px; border: 1px solid #282e40; margin-right: 7px; }
.wrap-bottom-cs-new label input[type="checkbox"]:checked + span:after { display: inline-block; content: ''; box-sizing: border-box; position: absolute; left: 4px; top: 3px; width: 4px; height: 7px; transform: rotate(45deg); border-bottom: 2px solid #e10060; border-right: 2px solid #e10060; }
.wrap-bottom-cs-new .txt-scroll-box { height: 200px; background: #fff; overflow-y: scroll; box-sizing: border-box; padding: 15px; font-size: 15px; }
.wrap-bottom-cs-new .txt-scroll-box p { line-height: 1.5; color: #82848b; font-size:14px}
.wrap-bottom-cs-new .txt-scroll-box p strong { }
.wrap-bottom-cs-new .txt-scroll-box + label { margin-top: 20px; }
.wrap-bottom-btn-new { width: 100%; margin-top:0; text-align:center;}
.wrap-bottom-btn-new a { display:block;}
.wrap-bottom-btn-new a span { display:block !important;width:100% !important;font-size:30px  !important;height:70px !important;line-height:70px !important;border-radius:0 !important}
.wrap-bottom-cs-new  .box-bottom { padding:20px 0 0;}
.wrap-bottom-cs-new   .stit {padding-top:0;height:auto;padding-bottom:15px}




@media screen and (max-width:1200px) {

.wrap-bottom-cs-new {width:100%;}
.wrap-bottom-cs-new .box li dt { width:100%;}
.wrap-bottom-cs-new input  { padding-left:0;}
.wrap-bottom-cs-new .txt-scroll-box { height:100px;;}
.wrap-bottom-cs-new  .box-bottom  {font-size:13px}
.wrap-bottom-cs-new label { width:100%;}
}



.bottom-type03 { background:#222;text-align:center;}

@media screen and (max-width:1200px) {

.bottom-type03 img { max-width:100%;}
}


.class-room {padding:60px 0; text-align:center; display: none;}
.class-room .tit {font-family: 'BMDOHYEON'; font-size:35px;color:#33333;margin-bottom:35px}
.class-room .swiper-container { width:1200px;margin:0 auto;}
.class-room .swiper-button-next, .class-room .swiper-button-prev { width:95px;height:95px;background-size:95px}
.class-room .swiper-button-prev {background-image:url("../images/temp/bt-pre.png");left:0}
.class-room .swiper-button-next {background-image:url("../images/temp/br-next.png");right:0}


@media screen and (max-width:1200px) {
.class-room {padding:30px 0; text-align:center;}
.class-room .swiper-container { width:auto;margin:0 auto;}
.class-room .swiper-slide { height:auto;}
.class-room .swiper-slide img { max-width:100%}
.class-room .swiper-button-next, .class-room .swiper-button-prev { width:30px;height:30px;background-size:30px}
}


.bottom-fedd { background:#eef4f4;text-align:center;padding:88px 0 40px; /*숨김*/display: none;}
.bottom-fedd .inner { width:1200px;;margin:0 auto;}
.bottom-fedd .feed-box { margin-bottom:60px;}
.bottom-fedd .tit {font-family: 'BMDOHYEON'; font-size:35px;color:#33333;margin-bottom:35px}
.bottom-fedd li {width:374px; ; border:1px solid #d4d4d4;position:relative;margin-right:3%;background:#fff;box-sizing:border-box}
.bottom-fedd li img.photo {width:100%; }
.bottom-fedd li .txt { position:absolute;text-align:left;left:30px;top:35px}
.bottom-fedd li .txt p { font-size:36px;color:#161616;font-weight:bold;}
.bottom-fedd li .txt p em { font-style:normal;font-size:19px;color:#9f9f9f;font-weight:normal;display:block;margin-top:30px;}
.bottom-fedd li .txt .line { height:1px; width:30px;margin:25px 0;background:#000;}
.bottom-fedd li .txt  span { color:#161616;font-size:16px;line-height:22px;font-weight:bold;}
.bottom-fedd li .logo { background:#f0f0f0;padding:10px 0;;border-top:1px solid #d4d4d4}
.bottom-fedd .swiper-button-next, .bottom-fedd .swiper-button-prev { display:none;}
@media screen and (max-width:1200px) {
.bottom-fedd { padding:30px 0 30px;}
.bottom-fedd .inner { width:auto;;margin:0 0 0 20px}
.bottom-fedd li .logo  img { max-width:100%;}
.bottom-fedd .feed-box { padding-right:20px;}
.bottom-fedd .feed-box img  {max-width:100%;}
.bottom-fedd  .swiper-button-next { right:4.5%}
.bottom-fedd .slide-box { position:relative;width:auto;;}
.bottom-fedd .swiper-button-next, .bottom-fedd .swiper-button-prev {display:block; width:30px;height:30px;background-size:30px}
.bottom-fedd .swiper-button-prev {background-image:url("../images/temp/bt-pre.png");left:0}
.bottom-fedd .swiper-button-next {background-image:url("../images/temp/br-next.png");right:0}


}
.bottom-type02 {padding:100px 0 115px; text-align:center; background-color:#eef4f4; }
.bottom-type02 .tit {font-family: 'BMDOHYEON'; font-size:35px;color:#33333;margin-bottom:60px}
.bottom-type02 .inner { width:1200px;;margin:0 auto;position:relative;height:280px;}
.bottom-type02 ul{position:absolute;z-index:9;width:100%;height:280px; }
.bottom-type02 li {width:250px;height:280px;border:2px solid #e00060;border-radius:45px ;overflow:hidden;display:inline-block;margin-right:4%;z-index:999;background:#fff;}
.bottom-type02 li.nomr { margin-right:0;}
.bottom-type02 li span { font-family: 'BMDOHYEON';display:inline-block;font-size:20px;color:#333333;;padding:30px 0 0;padding-bottom:1px;border-bottom:1px solid #333;;}
.bottom-type02 li p { font-family: 'BMDOHYEON';color:#e00060;font-size:26px;margin-bottom:25px;margin-top:25px;text-transform:uppercase;}
.bottom-type02 li .con { background:#f0f0f0;padding:;padding:25px 10px;font-size:17px;line-height:27px;color:#666666;height:165px;letter-spacing:-1px}
.bottom-type02 .line { position:absolute;width:100%;height:2px;background:#f79ac2;top:116px;z-index:0;width:95%;left:50%;transform:translateX(-50%)}
.youtube01.bottom-type02 li  { height:329px;}

@media screen and (max-width:1200px) {
.bottom-type02 .tit {font-family: 'BMDOHYEON'; font-size:30px;color:#33333;margin-bottom:20px;word-break:break-all}

.bottom-type02 .inner { width:auto;;margin:0 20px;position:relative;height:auto;}
.bottom-type02 {padding:30px 0 30px; text-align:center;}
.bottom-type02 ul{position:relative;;height:auto; }
.bottom-type02 li {width:47%;height:280px;border:2px solid #e00060;border-radius:45px ;overflow:hidden;display:inline-block;margin-right:2%;z-index:999;background:#fff;margin-bottom:30px;}
.bottom-type02 li:nth-child(2n)   { margin-right:0;}
.bottom-type02 li .con { background:#f0f0f0;padding:;padding:25px 10px;font-size:14px;line-height:23px;color:#666666;height:165px;letter-spacing:-1px}
.bottom-type02 li p { font-family: 'BMDOHYEON';color:#e00060;font-size:16px!important;margin-bottom:25px;margin-top:25px;text-transform:uppercase;}
.bottom-type02 .line { display:none;}
}

.dcharacter-bottom .box-txt { height: 401px;  box-sizing: border-box; background:#fff url("../images/temp/img-nation-02.png"); background-position: right bottom; background-repeat: no-repeat; text-align:left;}
.dcharacter-bottom .box-txt .inner { padding: 40px 0 0 30px; box-sizing: border-box; }
.dcharacter-bottom .row:last-child .box-txt { background-image: url("../images/temp/img-nation-03.png"); }
.dcharacter-bottom .row .box-txt .title {display:block; font-size:30px;font-weight:bold;color:#161616;padding-bottom:25px; }
.dcharacter-bottom .row .box-txt .title:before { display: none; }

.dcharacter-bottom .box-txt ol li { position: relative; font-size: 17px; color: #333333; padding-left: 36px; line-height: 1.4; word-break: keep-all; min-height:28px;}
.dcharacter-bottom .box-txt ol li + li { margin-top: 13px; }
.dcharacter-bottom ol li:before { display: block; width: 28px; height: 28px; background: #e10060; color: #fff; font-size: 15px; border-radius: 50%; line-height: 28px; text-align: center; font-weight: bold; position: absolute; left: 0; top: 0; }
.dcharacter-bottom .box-txt ol li:first-child:before { content: '01' }
.dcharacter-bottom .box-txt ol li:nth-child(2):before { content: '02' }
.dcharacter-bottom .box-txt ol li:nth-child(3):before { content: '03' }

.dcharacter-bottom .row.h-type .box-txt {height:802px; background:#fff url("../images/temp/img-nation-04.png"); background-position: right bottom;background-repeat: no-repeat; text-align:left}


@media screen and (max-width:1200px) {
.dcharacter-bottom .row .box-txt .title { font-size:20px;}
.dcharacter-bottom .box-txt { height: 555px; }
.dcharacter-bottom .box-txt .inner { padding:20px;}
.dcharacter-bottom .row.h-type .box-txt {height:770px; background:#fff url("../images/temp/img-nation-04.png"); background-position: center bottom;background-repeat: no-repeat; text-align:left}

}

.mb20p p{margin-bottom:15px; }


.center-type027 { display:block;margin:80px auto 0;}
img.center-type027 {width: 100%; max-width: 1200px;}



/* 프로게이머  */
#progamerWrap .contents{background:#000;}
#progamerWrap h3.s-top-tit{color:#fff;}
#progamerWrap h3.s-top-tit .line{background: #fff;}
#progamerWrap .top-curriculum-con{background:#000; border-top:1px solid #212121; border-bottom:1px solid #212121;}
#progamerWrap .top-curriculum-con .txt p{color:#1eff9f; line-height:1.1;}
#progamerWrap .top-curriculum-con .txt a{background:#1eff9f; color:#081000;}
#progamerWrap .center-type027{margin:0 auto;}



@media screen and (max-width:1200px){ 
    
    /* 프로게이머  */
    #progamerWrap .img_wrap img{width:100%;}

}


@media screen and (max-width:1200px){ 
    
    /* 웹툰과정  */
	.curribn {display: none;}
	.curribn_m {display:block;}
	.curribn_m img{width: 100%;}
	
	
    /* 3D 캐릭터 과정  */
	.curribn3dc {display: none;}
	.curribn3dc_m {display:block;}
	.curribtn {align-content: center; text-align: center; margin: 0 auto;}
	.curribn3dc_m img{width: 100%;}

}


/* 학원소개 페이지 리뉴얼 */
.intro_mo {display: none;}

.introduce_logo {text-align: center; padding: 100px 0 10px 0;}
.introduce_logo p{
	font-size: 40px;
	line-height: 40px;
	height: 50px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px;
}
.introduce_logo span {color: #90157f;}
.introduce_logo .mini_title {
	font-size: 22px;
	line-height: 30px;
	height: 30px;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 0px;
}

.introduce_sub p {
	font-size: 22px;
	line-height: 30px;
	font-weight: 500;
	margin-top: 60px;
	margin-bottom: 50px;
	text-align: center;
	color: #555555;
}
.introduce_sub span {color: #90157f; font-weight: 700;}

.scroll_wrap {text-align: center; width: 1200px; max-width: 100%; margin: 0 auto; margin-bottom: 100px; display:grid; grid-template-columns: repeat(2,1fr); grid-template-rows: repeat(auto 1fr);
}
.scroll_wrap div {grid-column: span 2;}
.scroll_wrap li img{outline: 1px solid #cecece;}
.scroll_on {text-align: center;opacity: 0;transition: all 1s;}
.scroll_on.active {opacity: 1 !important;transform: translate(0, 0) !important;}
.scroll_on.type_bottom {transform: translate(0, 50px);}
.award_win {width: 100%; text-align: center;}
.award_win img {max-width: 100%;}

/*시설현황*/

.facility2  {!important;margin:20px auto 0;box-sizing:border-box;padding-bottom: 100px;}
.facility2 .swiper-container {width: 1200px; margin-left: auto;margin-right: auto; }
.facility2 .swiper-slide { filter: brightness(40%); background-size: cover;position:relative;}
.facility2 .swiper-slide-active {filter: brightness(100%);}
.facility2 .gallery-top {box-sizing:border-box; height: 450px;}
.facility2 .gallery-thumbs {height: 150px;box-sizing: border-box;padding: 10px 0;}
.facility2 .gallery-thumbs .swiper-slide {height: 100%;filter: brightness(40%);width:16.666%;}
.facility2 .gallery-thumbs .swiper-slide-thumb-active {filter: brightness(100%);}
.facility2 .swiper-button-next { background: url("../images/icon/btn_next.png") no-repeat center top !important;top:50%;background-size:50px 50px;width:50px;height:50px; right: 0px;}
.facility2 .swiper-button-prev { background: url("../images/icon/btn_prev.png") no-repeat center top !important; top:50%;background-size:50px 50px;width:50px;height:50px; left: 0px;}
.facility2 .swiper-slide p { width:100%;height:0px;text-align:center;color:#fff;font-size:19px;font-weight:bold;line-height:58px;background-color:rgba(0,0,0,.5);position:absolute;bottom:0}

/* 오시는 길 */
.introduce_loca {background-color: #f1f4fa; padding-bottom:30px; text-align: center; margin: 0 auto; align-items: center;}

.location_frame {width: 1200px; text-align: center; margin: 0 auto; display: flex; padding: 50px 0 70px 0; transform : rotate(0.03deg);}
.location_frame .loca_title {
	font-size: 29px;
	font-weight: 700;
	padding-bottom: 50px;
	text-align: left;
}
.location_frame span {
	font-size: 15px;
	font-weight: 700;
}
.loca_pic {width: 40%;}
.loca_map {width: 60%; text-align: left; padding-left: 60px;}
.loca_map p {
	padding-bottom: 30px;
	font-size: 15px;
	line-height: 22px;
	font-weight: 700;
}
.loca_map .loca_backg {width: 120px; color: white; background-color: #383838; text-align: center; padding:2px 0 2px 0;}
.loca_map .loca_way {padding-top: 14px; padding-bottom: 25px;}
.loca_map .loca_way .line100 {border-radius: 15px; background-color: #19b441; color: white;}
.loca_map .loca_way .line101 {border-radius: 15px; background-color: #f05500; color: white;}

.loca_map .maparea{height: 54%;}

@media screen and (max-width:1200px) {
	
	.intro_pc {display: none;}
	.intro_mo {display: block;}
	
	.introduce_logo {text-align: center; padding: 60px 0 10px 0;}
	.introduce_logo img {max-width: 40%; padding-top: 50px;}
	.introduce_logo p{
	font-size: 32px;
	line-height: 35px;
	height: 70px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 10px;
}
	.introduce_sub {width: 90%; text-align: center; margin: 0 auto;}
	.introduce_sub p {
	font-size: 17px;
	line-height: 30px;
	font-weight: 500;
	margin-top: 20px;
	margin-bottom: 50px;
	text-align: center;
	color: #555555;
	transform : rotate(0.03deg);
	word-break: keep-all;
}
	.scroll_wrap {display: block; margin-bottom: 50px;}
	
	.scroll_wrap img{width: 100%;}
	.award_win img {width: 100%;}
	.scroll_on {opacity: 0;transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease;}
	.scroll_on.active {opacity: 1 !important;transform: translateY(0) !important;}
	
	
	/*시설*/
.facility2  { padding:30px 2%;border:0}
.facility2 .swiper-container {height:auto; width: 100%; box-sizing:border-box}
.facility2 .gallery-top {height: 500px; max-height: 500px;}
.facility2 .gallery-thumbs {height: 80px;}
.facility2 .gallery-thumbs .swiper-slide {width:20%;}
.facility2  .gallery-top .swiper-slide { width:100% !important;}
	.facility2 .swiper-slide { filter: brightness(100%);}
	
	
	/* 오시는 길 */
.introduce_loca {background-color: #f1f4fa; padding-bottom:30px; text-align: center; margin: 0 auto; align-items: center;}

.location_frame {width: 90%; text-align: center; margin: 0 auto; display: block; padding: 50px 0 70px 0; transform : rotate(0.03deg);}
.location_frame .loca_title {
	font-size: 29px;
	line-height: 21px;
	font-weight: 700;
	padding-bottom: 20px;
	text-align: left;
}
.location_frame span {
	font-size: 15px;
	font-weight: 700;
}
.loca_pic {width: 100%;}
.loca_pic img {width: 100%;}
.loca_map {width: 100%; text-align: left; padding-left: 0px; padding-top: 30px;}
.loca_map2 {width: 100%; text-align: left; padding-bottom: 20px;;}
.loca_map p {
	padding-top: 30px;
	padding-bottom: 40px;
	font-size: 15px;
	font-weight: 700;
}
.loca_map .loca_backg {width: 120px; color: white; background-color: #383838; text-align: center; padding:2px 0 2px 0;}
.loca_map .loca_way {padding-top: 14px; padding-bottom: 25px;}
.loca_map .loca_way .line2 {border-radius: 15px; background-color: #19b441; color: white;}
.loca_map .loca_way .line3 {border-radius: 15px; background-color: #f05500; color: white;}

.loca_map .maparea{height: 300px;}
}

@media screen and (max-width:956px) {
	.facility2 .gallery-top {height: 400px; max-height: 400px;}
}

@media screen and (max-width:750px) {
	.facility2 .gallery-top {height: 300px; max-height: 300px;}
}


.wrap.sub .intro_wrap {padding-top: 0px; padding-bottom: 0px; }


/* 비포&애프터 */
.bna_wrap {background-color: #1b1b1b;  text-align: center; padding: 80px 0;}
.bna_wrap .txt_bb {
	width: 250px;
	background-color: white;
	color: black;
	font-family: 'GmarketSansBold';
	font-size: 22px;
	border-radius: 30px;
	padding: 15px 0 10px 0;
	margin: 0 auto;
}
.bna_wrap .txt_big{
	font-size: 60px;
	color: white;
	height: 80px;
	font-family: 'GmarketSansBold';
	word-spacing : -5px;
	padding-top: 15px;
}
.bna_wrap .curri_title {
	font-family: 'GmarketSansMedium';
	color: #dedede;
	height: 45px;
	padding-top: 16px;
	padding-bottom: 40px;
	font-size: 27px;
}
.bna_wrap .curri_sub_title {
	padding-bottom: 20px;
	color: #454545;
	font-family: 'GmarketSansMedium';
	font-weight: 500;
	line-height: 1.2;
	height: 55px;
}

.bna_wrap .bna_txt {
	display:grid; 
	grid-template-columns: 50% 50%; 
	text-align: center; 
	margin: 0 auto; 
	width: 840px; 
	align-content: center; 
	align-items: center; 
	color:white;
	font-size: 2.2em;
	font-family: 'Cafe24Shiningstar';
	padding-bottom: 10px;
}

.bna_wrap .bna_list {padding: 0 20px; max-width: 100%;   display: flex;}
.bna_wrap .bna_list li{padding: 0 5px;}

.bna_wrap .swiper-wrapper {height: auto; width: 100%; max-width: 100%; }
.bna_wrap .swiper-container {width: 100%; margin-left: auto;margin-right: auto; }
.bna_wrap .swiper-slide { filter: brightness(20%); background-size: cover;position:relative;background-position: center; flex: 1 0 auto; width: auto; min-width: 0; max-width: 100%;}
.bna_wrap .swiper-slide-active {filter: brightness(100%);}
.bna_wrap .bna_img {box-sizing:border-box; max-width: 100%;}
.bna_wrap .swiper-slide img {width: 100%; height: auto; object-fit: cover; max-width: 100%;}

.bna_wrap .swiper-slide .title { 
	padding-top: 15px;
	font-family: 'GmarketSansMedium';
	font-size: 25px;
	color: white;
	display: none;
}
.bna_wrap .swiper-slide-active .title { display: block;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 27%;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 26%;
    right: auto;
}

@media screen and (max-width:1200px) {
	
	.bna_wrap {background-color: #1b1b1b;  text-align: center; padding: 80px 0; max-width: 100%;}
.bna_wrap .txt_bb {
	width: 200px;
	background-color: white;
	color: black;
	font-family: 'GmarketSansBold';
	font-size: 20px;
	border-radius: 30px;
	padding: 10px 0 5px 0;
	margin: 0 auto;
}
.bna_wrap .txt_big{
	font-size: 32px;
	height: 40px;
}
.bna_wrap .curri_title {
	font-family: 'GmarketSansMedium';
	color: #dedede;
	height: 45px;
	padding-top: 16px;
	font-size: 18px;
	line-height: 1.2;
}
.bna_wrap .curri_sub_title {
	padding-bottom: 20px;
	color: #454545;
	font-family: 'GmarketSansMedium';
	font-weight: 500;
	line-height: 1.2;
	height: 55px;
}

.bna_wrap .bna_txt {
	display:grid; 
	grid-template-columns: 50% 50%; 
	text-align: center; 
	margin: 0 auto; 
	width: 840px; 
	max-width: 100%;
	align-content: center; 
	align-items: center; 
	color:white;
	font-size: 2.2em;
	font-family: 'Cafe24Shiningstar';
	padding-bottom: 10px;
}

.bna_wrap .bna_list {padding: 0 5px; max-width: 100%; display: flex; text-align: center; margin: 0 auto;}
.bna_wrap .bna_list li{padding: 0 5px;}

.bna_wrap .swiper-wrapper {height: auto; width: 100%; max-width: 100%; }
.bna_wrap .swiper-container {max-width: 100%; margin-left: auto;margin-right: auto; }
.bna_wrap .swiper-slide { filter: brightness(20%); background-size: cover;position:relative;background-position: center; flex: 1 0 auto; width: auto; min-width: 0; max-width: 100%;}
.bna_wrap .swiper-slide-active {filter: brightness(100%); max-width: 100%;}
.bna_wrap .bna_img {box-sizing:border-box; max-width: 100%;}
.bna_wrap .swiper-slide img {width: 100%; height: auto; object-fit: cover; max-width: 100%;}

.bna_wrap .swiper-slide .title { 
	padding-top: 15px;
	font-family: 'GmarketSansMedium';
	font-size: 25px;
	color: white;
	display: none;
}
.bna_wrap .swiper-slide-active .title { display: block;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 2%;
    left: auto;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 2%;
    right: auto;
}
	
}

/* 생활관 안내 페이지 */
.wrap.sub .living_wrap.contents {
	background: url('../images/temp/living_bg.png') #e8e8e8; 
	background-size:contain; 
	background-repeat: no-repeat; 
	background-position: left top;
	padding-bottom: 80px;}
.living_bg {width: 100%; max-width: 100%; padding-top: 150px;}
.living_bg .sub_title {width: 500px; margin: 0 auto; text-align: center; background-color: white; border-radius: 50px;
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3); /* x축, y축, 흐림, 색상 */
}
.living_bg .living_bg_title {
	font-family: 'GmarketSansMedium';
	font-size: 25px;
	padding: 20px 0;
}
.living_bg h1 {
	font-family: 'yg-jalnan';
	font-size: 150px;
	background: linear-gradient(39deg, #ff7a95 20%, #ffb696);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	text-align: center;
	margin: 0 auto;
}
.living_bg .living_bg_title span {color:#fe7a94; }
.living_star {text-align: center; padding: 50px 0;}
.living_star span {
	font-family: 'GmarketSansMedium';
	font-size: 40px;
	letter-spacing: 10px;
}

.living_bg .sub_img {margin: 0 auto; text-align: center; padding-top: 100px; width: 1200px;}

.living_list {
	width: 1200px; 
	max-width: 85%; 
	text-align: center; 
	margin: 0 auto; 
	background-color: white; 
	border-radius:30px; 
	position: relative; 
	box-shadow: 7px 7px 0px rgba(219, 216, 219, 1); /* x축, y축, 흐림, 색상 */
	margin-bottom: 100px;
}
.living_list .head {background-color: #fe7a94; border-radius: 30px 30px 0 0; color: white; height: 50px; align-content: center; align-items: center;}
.living_list .head p {
	text-align: left;
	font-family: 'GmarketSansMedium';
	font-weight: 100;
	font-size: 20px;
	position: absolute;
	left: 40px; 
	top: 15px;
}
.living_list .head div {text-align: right; padding-right: 40px;}
.living_list .head li {display: inline-block; padding-top: 5px; padding-right: 5px;}
.living_list .head li img {width: 70%;}

.living_list .link_page {
	width: 650px;
	display: flex;
	margin: 0 auto;
	align-content: center;
}
.living_list .link {background-color: #282e40; border-radius: 30px; height: 60px; align-content: center; width: 300px; margin: 0 auto; margin-bottom: 20px; }
.living_list .link p {
	font-family: 'GmarketSansBold';
	font-size: 27px;
	color: white;
	text-align: center;
}

.living_list .title {
	font-family: 'yg-jalnan';
	font-size: 60px;
	color: #232323;
	line-height: 1.5;
}

.living_list .price {align-content: center; height: 50px; padding-bottom: 10px;}
.living_list .price li {display: inline-block;}
.living_list .price .maruevent {
	color: white;
	background-color: #fe7a94;
	border-radius: 20px;
	font-family: 'GmarketSansBold';
	font-size: 20px;
	padding: 13px 15px 10px;
}
.living_list .price .maruprice {
	color: #6f6f6f;
	font-family: 'GmarketSansBold';
	font-size: 27px;
	padding-left: 10px;
	vertical-align: middle;
}

.living_list .gallery-top1 {box-sizing:border-box; height: 400px; max-height: auto;}
.living_list .swiper-wrapper {height: auto; width: 100%; max-width: 100%;}
.living_list .swiper-container {width: 1200px; max-width:90%; margin-left: auto;margin-right: auto; }
.living_list .swiper-slide { filter: brightness(20%); background-size: cover;position:relative;background-position: center; display: flex;}
.living_list .swiper-slide-active {filter: brightness(100%);}
.living_list .bna_img {box-sizing:border-box; max-width: 100%;}
.living_list .swiper-slide img {width: 100%; height: auto; object-fit: cover; max-width: 100%; vertical-align:bottom;}

.gallery-top1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 13%;
    left: auto;
}
.gallery-top1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 13%;
    right: auto;
}
.gallery-top1 .swiper-button-next { background: url("../images/icon/next_thick.png") no-repeat center top; height: 50px;}
.gallery-top1 .swiper-button-prev { background: url("../images/icon/prev_thick.png") no-repeat center top; height: 50px;}


.living_list .option {
	display: flex; 
	align-items: flex-start;
	text-align: left;
	font-family: 'GmarketSansMedium';
	line-height: 2;
	color: #232323;
	margin: 20px 20px 0;
	padding: 20px 0 30px;
}
.living_list .option ul {
	column-count: 2;
	column-gap: 10px;
}
.living_list .option li {
	list-style:disc; 
	margin-bottom: 15px;
	font-size: 20px;
	margin-left: 40px;
}
.living_list .option p {
	font-family: 'GmarketSansBold';
	font-size: 30px;
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 1.5;
}
.living_list .option .opt {
	flex: 1;
	padding-left: 30px;
	position: relative;
	padding-top: 30px;
}
.living_list .option .bene {
	flex: 2;
	background-color: #ffe4ea;
	border-radius: 150px;
	padding-top: 50px;
	padding-bottom: 50px;
	margin-right: 40px;
	position: relative;
	width: 700px;
}
.living_list .option .bene li {margin-left: 100px;}
.living_list .option .bene p {
	position: absolute;
	top: -21px;
	left: 50%;
	transform: translateX(-50%);
}
.living_list .option .opt p {
	position: absolute;
	top: -21px;
}

.living_list .option .highlight {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 265px;}
.living_list .option .highlight1 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 315px;}
.living_list .option .highlight2 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 100px;}
.living_list .option .highlight3 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 250px;}
.living_list .option .highlight4 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 195px;}
.living_list .option .highlight5 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 200px;}
.living_list .option .highlight6 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 295px;}
.living_list .option .highlight7 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 270px;}
.living_list .option span {font-family: 'GmarketSansBold';}

@media screen and (max-width:1200px) {
	.living_bg .sub_img {width: 85%; max-width: 85%; padding-top: 10px;}
	.living_bg .sub_img img {max-width: 100%;}
	
	.living_bg .sub_title {width: 300px;
	box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3); /* x축, y축, 흐림, 색상 */
}
.living_bg .living_bg_title {
	font-size: 15px;
	padding: 10px 0;
}
.living_bg h1 {
	font-size: 60px;
}
.living_bg .living_bg_title span {color:#fe7a94; }
.living_star {text-align: center; padding: 30px 0;}
.living_star span {
	font-family: 'GmarketSansMedium';
	font-size: 40px;
	letter-spacing: 10px;
}
	
	.living_list .head p {
	font-size: 14px;
	left: 20px; 
	top: 20px;
}
	.living_list .head div {text-align: right; padding-right: 20px;}
	
	.living_list .link_page {
	width: 100%;
	display: block;
}
.living_list .link {background-color: #282e40; border-radius: 30px; height: 50px; align-content: center; width: 250px; margin: 0 auto; margin-bottom: 20px; }
.living_list .link p {
	font-family: 'GmarketSansBold';
	font-size: 20px;
	color: white;
	text-align: center;
}
	
	.living_list .title {
	font-size: 40px;
	padding-top: 20px;
}
	
	.living_list .price li {display: block;}
	.living_list .price .maruevent {
	width: 120px;
	font-size: 20px;
	padding: 8px 10px 5px;
	margin: 0 auto;
	margin-top: 10px;
}
	.living_list .price .maruprice {
	font-size: 30px;
	padding-left: 0px;
	padding: 10px 0;
}
	
	.living_list .gallery-top1 {box-sizing:border-box; height: auto;}
	.living_list .swiper-wrapper {height: auto; width: 100%; max-width: 100%;}
	.living_list .swiper-slide { filter: brightness(100%);}
	.living_list .swiper-container {width: 1200px; max-width:90%; margin-left: auto; margin-right: auto; padding-top: 30px; }
	.living_list .swiper-slide img {width: 100%; height: auto; object-fit: cover; max-width: 100%; vertical-align:bottom;}

	.gallery-top1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: 1%;
    left: auto;
	top: 55%;
}
	.gallery-top1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: 1%;
    right: auto;
	top: 55%;
}
	
	.living_list .option {
	display: block;
	text-align: left;
	line-height: 2;
	margin: 10px;
	padding: 20px 0 15px;
}
.living_list .option ul {
	column-count: 2;
	column-gap: 5px;
}
.living_list .option .opt ul {padding-bottom: 50px;}
.living_list .option .bene ul {
	column-count: 1;
}
.living_list .option li {
	list-style:none; 
	margin-bottom: 20px;
	font-size: 19px;
	margin-left: 0px;
	text-align: center;
}
.living_list .option p {
	font-size: 28px;
	margin-bottom: 0px;
	padding-left: 0px;
}
.living_list .option .opt {
	padding-left: 0px;
	position: relative;
	padding-top: 40px;
}
.living_list .option .bene {
	border-radius: 50px;
	padding-top: 60px;
	padding-bottom: 30px;
	margin-right: 0px;
	position: relative;
	max-width: 95%;
	margin: 0 auto;
}
.living_list .option .bene li {margin-left: 0; text-align: center; margin: 0 auto; margin-bottom: 20px;}
.living_list .option .bene p {
	position: absolute;
	top: -26px;
	left: 35%;
	transform: translateX(-20%);
}
.living_list .option .opt p {
	position: absolute;
	top: -20px;
	left: 50%;
	transform: translateX(-55%);
}

.living_list .option .highlight {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 260px;}
.living_list .option .highlight1 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 310px;}
.living_list .option .highlight2 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 95px;}
.living_list .option .highlight3 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 245px;}
.living_list .option .highlight4 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 190px;}
.living_list .option .highlight5 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 195px;}
.living_list .option .highlight6 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 290px;}
.living_list .option .highlight7 {background: linear-gradient(to top, #feafbf 50%, transparent 50%); width: 265px;}
	
}

.wt_bg.contents, .living_wrap.contents {padding: 0;}
.wrap.sub .wt_bg.contents, .wrap.sub .living_wrap.contents {padding-top: 0;}

@media screen and (max-width:959px) {
	.wrap.sub .wt_bg.contents, .wrap.sub .living_wrap.contents {padding-top: 60px;}
}

/*왼쪽 플로팅 배너*/
.wrap-bottom-cs-float {
  position: fixed;
  bottom: 5%;
  left: 20px;
  z-index: 998;
  transition: transform 0.3s ease-in-out, width 0.3s ease, height 0.3s ease;
  transform: translateX(0);
}

.wrap-bottom-cs-float.hidden {
	transform: translateX(-120%);
}

  /* 작은 탭 상태 */
.wrap-bottom-cs-float.small-tab {
  left: 0; /* 왼쪽 끝에 고정 */
  transform: translateX(-100%); /* 살짝 보이게 설정 */
  cursor: pointer;
  transition: transform 0.5s ease-in-out;
}

.wrap-bottom-cs-float.small-tab::after {
  content: "상담문의"; /* 왼쪽에서 보이도록 방향 표시 */
  font-size: 14px;
  font-weight: 900;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 100px;
  padding-left: 15px;
  background-color: #e10060;
  position: absolute;
  border-radius: 0 3px 3px 0;
  left: 100%; /* 컨테이너 바로 옆에 표시 */
  top: 70%;
  transform: translateY(-50%);
  line-height: 1.2;
}

.wrap-bottom-cs-float .inner {
	width: 230px;
	height: 300px;
	background-color: white;
	border-radius: 25px 25px 20px 0;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); /* x축, y축, 흐림, 색상 */
}

.wrap-bottom-cs-float .inner .cs_title {
	height: 50px;
	background-color: #282e40;
	border-radius: 20px 20px 0 0;
	font-family: "NanumSquare";
	font-weight: 700;
	padding-left: 20px;
	color: white;
	font-size: 17px;
	line-height: 50px;
	position: relative;
}


.wrap-bottom-cs-float .inner .layer-btn {
  position: absolute;
  right: 15px;
  transform: translateY(-50%);
  top: 50%;
  z-index: 999;
}
.wrap-bottom-cs-float .inner .layer-btn a {
  display: block;
  width: 15px;
  height: 15px;
  background-image: url("../../images/icon/icon-btn-close.png");
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
}
.wrap-bottom-cs-float .inner .layer-btn a span {
  font-size: 0;
  line-height: 0;
}


.wrap-bottom-cs-float .cs_input {
	align-content: center;
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
}

.wrap-bottom-cs-float input.input-line {
    border: solid 1px #d6d6d6;
    background: transparent;
    height: 35px;
    width: 200px;
	padding-left: 5px;
	margin-bottom: 5px;
	font-size: 12px;
}

.wrap-bottom-btn-float {
	width: 200px;
	background-color: #232323;
	font-family: "NanumSquare";
	font-weight: 700;
	color: white;
	height: 35px;
	margin: 0 auto;
	text-align: center;
	margin-top: 5px;
}

.wrap-bottom-btn-float .csbtn {
	font-family: "NanumSquare";
	font-weight: 700;
	color: white;
	font-size: 17px;
	line-height: 35px;
}

.wrap-bottom-cs-float .box-bottom input[type="checkbox"] {
	width: 12px;
    height: 12px;
    border: 1px solid #282e40;
	background-color: transparent;
	margin: 10px 5px 0 15px;
	border-radius: 2px;
	position: relative;
}

.wrap-bottom-cs-float .box-bottom input[type="checkbox"]:checked {
    background-color: #282e40;
}

/* 체크된 상태에서 체크 표시 모양 만들기 */
.wrap-bottom-cs-float .box-bottom input[type="checkbox"]::after {
    content: '✔'; /* 체크 표시 */
    font-size: 8px;
    color: white; /* 체크 표시 색상 */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: none; /* 기본적으로 숨김 */
}

/* 체크된 상태일 때 체크 표시 보이게 */
.wrap-bottom-cs-float .box-bottom input[type="checkbox"]:checked::after {
    display: block;
}

.wrap-bottom-cs-float .box-bottom label {
	display: flex;
}

.wrap-bottom-cs-float .box-bottom p {
	font-size: 12px;
	color: #6f6f6f;
	padding-top: 10px;
}


@media screen and (max-width: 1200px) {
	.wrap-bottom-cs-float {
		bottom: 10%;
		left: 10px;
	}
}




/* 강사소개 */
.top-wrap-mo {display: none;}

.wrap.sub .cont2 { padding-top: 0; }
.top-title {
	background: url("../../images/temp/teacher_bg.png");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	max-width: 100%;
	text-align: center;
	color: white;
	padding: 100px 0;
}
.top-title li:nth-child(1) span {
	font-size: 22px;
	font-weight: 800;
	border: 1px solid #fff;
	padding: 12px;
}
.top-title li:nth-child(2) p {
	font-size: 55px;
	font-family: 'JalnanGothic';
	line-height: 1.3;
	padding-top: 50px;
}
.top-title li:nth-child(2) span {
	color: #d67eff;
}
.top-title li:nth-child(3) p {
	font-size: 23px;
	padding-top: 40px;
	font-family: "NanumSquare";
	font-weight: 500;
}

.top-info-txt2 {
	font-size: 27px;
	color: #333333; 
	text-align: center; 
	padding: 0 20px; 
	padding-top: 100px;
	box-sizing: border-box; 
	position: relative; z-index: 1; 
	font-weight: 600;
	line-height: 1.5;
}

@media screen and (max-width: 1200px) {
.top-wrap-mo {display: block;}
.top-wrap-pc {display: none;}
	
.top-title {
	padding: 120px 0 50px;
	transform : rotate(0.03deg);
}
.top-title li:nth-child(1) span {
	font-size: 15px;
	font-weight: 800;
	border: 1px solid #fff;
	padding: 10px;
}
.top-title li:nth-child(2) p {
	font-size: 22px;
	font-family: 'JalnanGothic';
	line-height: 1.4;
	padding-top: 25px;
}
.top-title li:nth-child(3) p {
	font-size: 15px;
	padding-top: 30px;
	font-family: "NanumSquare";
	font-weight: 500;
	line-height: 1.2;
}

.top-info-txt2 {
	font-size: 17px;
	padding: 0 20px; 
	padding-top: 30px;
	box-sizing: border-box; 
	position: relative; z-index: 1; 
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: -0.6px;
}
}


/* 국가기간 전략산업 직종 페이지 리뉴얼 */
.wrap.sub .cont3 { padding-top: 0; background-color: #f0f2f3; }
.wrap.sub .nation-wrap { 
	padding: 80px 0; 
	background: url("../../images/temp/nation-bg.png");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	max-width: 100%;
	text-align: center;
}
.wrap.sub .nation-wrap .nation-title > ul {
	display: flex;
	justify-content: center;
	padding: 10px 0;
	background-color: #082d3f;
	width: 500px;
	margin: 0 auto;
	border-radius: 50px;
}
.wrap.sub .nation-wrap .nation-title > ul > li:nth-child(2) {
	padding: 0 50px;
}
.wrap.sub .nation-wrap .nation-title > li:nth-child(2) p {
	font-family: 'GmarketSansBold';
	color: white;
	font-size: 110px;
	line-height: 1.1;
	padding: 40px 0 10px;
	letter-spacing: -3px;
	word-spacing: -15px;
	text-shadow:  3px 3px 2px rgba(0, 0, 0, 0.4),
             -2px -2px 2px rgba(255, 255, 255, 0.3);
}
.wrap.sub .nation-wrap .nation-title > li:nth-child(2) span {
	color: #ffe587;
}
.wrap.sub .nation-wrap .nation-title > li:nth-child(3) p {
	color: white;
	font-weight: 700;
	font-size: 23px;
	width: 900px;
	margin: 0 auto;
	border-bottom: solid 1px white;
	border-top: solid 1px white;
	text-shadow: 1.5px 1.5px 2px rgba(0, 0, 0, 0.3);
	padding: 20px 0;
	margin-bottom: 60px;
}


.nation-wrap .mobile {display: none;}
.wrap.sub .nation-wrap .tab-container {
  width: 1200px;
  margin: 0 auto;
  max-width: 90%;
}

.wrap.sub .nation-wrap .tab-menu {
  display: flex;
}

.wrap.sub .nation-wrap .tab {
  flex: 1;
  padding: 25px 0;
  text-align: center;
  cursor: pointer;
  background: #d8edf2;
  transition: background 0.3s;
  font-family: "NanumSquare";
	font-size: 22px;
	font-weight: 800;
}
.wrap.sub .nation-wrap .tab span {
	opacity: 0.4;
	transition: opacity 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wrap.sub .nation-wrap .tab.active {
  background: #fff;
}
.wrap.sub .nation-wrap .tab.active span {
	opacity: 1;
}

.wrap.sub .nation-wrap .tab:hover {
  background: #fff;
}
.wrap.sub .nation-wrap .tab:hover span {
	opacity: 1;
}
.wrap.sub .nation-wrap .tab-icon {
  width: 30px;
  height: 30px;
  padding-right: 15px;
  transform : rotate(0.03deg);
}


.wrap.sub .nation-wrap .tab-content {
  display: none;
  padding: 20px;
  background: #fff;
  opacity: 0;
  transition: opacity 0.5s;
  font-family: "NanumSquare";
}

.wrap.sub .nation-wrap .tab-content.active {
  display: block;
  opacity: 1;
}

.wrap.sub .nation-wrap .tab-content .tab1-top {
	padding-bottom: 100px;
}
.wrap.sub .nation-wrap .tab-content .tab1-top li:nth-child(1) p {
	color: #454545;
	font-size: 36px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab1-top li:nth-child(1) span {
	color: #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab1-top li:nth-child(2) p {
	color: #454545;
	font-size: 22px;
	font-weight: 600;
	line-height: 1.4;
	padding-top: 30px;
}

.wrap.sub .nation-wrap .tab-content .tab1-mid {
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid ul {
	text-align: left;
	padding-right: 90px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid ul > li:nth-child(1) p {
	font-size: 30px;
	font-family: "NanumSquare";
	font-weight: 900;
	line-height: 1;
	padding: 30px 0 20px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid ul > li:nth-child(1) span {
	color: #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid ul > li:nth-child(2) p {
	font-family: "NanumSquare";
	font-size: 20px;
	line-height: 1.5;
	font-weight: 600;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid > li {
	padding-right: 100px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid ul > li:nth-child(3) {
	margin-top: 30px;
	font-weight: 800;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid ul > li:nth-child(3) span {
	font-size: 18px;
	color: #767676;
	padding: 10px 30px;
	border: 1px solid #767676;
	border-radius: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid ul > li:nth-child(3) span:hover {
	color: #0879b5;
	border: 1px solid #0879b5;;
}
.wrap.sub .nation-wrap .tab-content .tab1-card {
	display: flex;
	justify-content: center;
}
.wrap.sub .nation-wrap .tab-content .tab1-plus {
	align-content: center;
	align-items: center;
	width: 70px;
}
.wrap.sub .nation-wrap .tab-content .tab1-plus span {
	font-size: 25px;
	color: white;
	font-weight: 900;
	background-color: #0879b5;
	border-radius: 50px;
	padding: 0 6px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1, .tab1-card2 {
	font-family: "NanumSquare";
	width: 400px;
	background-color: #e6f1f7;
	border: 1px solid #0879b5;
	border-radius: 10px;
	padding: 15px 0;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 > li {
	font-size: 17px;
	color: #515151; 
	font-weight: 800;
	padding-bottom: 10px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(1) p:nth-child(1) {
	font-size: 24px;
	font-weight: 600;
	color: #383838;
	text-align: left;
	line-height: 1.3;
	letter-spacing: -1px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(1) p:nth-child(1) span {
	font-size: 13px;
	color: #808080;
	vertical-align: text-top;
	padding-left: 2px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(1) p:nth-child(2) {
	font-size: 13px;
	color: #808080;
	font-weight: 500;
	transform : rotate(0.03deg);
	vertical-align: middle;
	text-align: left;
	letter-spacing: -0.9px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(2) {
	font-size: 30px;
	color: #383838;
	font-weight: 600;
	align-items: center;
	align-content: center;
	padding: 0 6px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(3) {
	color: #383838;
	font-size: 60px;
	font-weight: 800;
	align-content: center;
	letter-spacing: -0.7px;
	line-height: 1;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(3) span:nth-child(1) {
	color: #808080;
	font-size: 14px;
	font-weight: 600;
	margin-right: -8px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(3) span:nth-child(2) {
	font-size: 16px;
	font-weight: 600;
	padding-left: 2px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card2 > li {
	font-size: 17px;
	color: #515151; 
	font-weight: 800;
	padding-bottom: 10px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card2 ul > li:nth-child(1) {
	color: #383838;
	font-size: 50px;
	font-weight: 800;
	align-content: center;
	letter-spacing: -0.7px;
	line-height: 1;
}
.wrap.sub .nation-wrap .tab-content .tab1-card2 ul > li:nth-child(1) span:nth-child(1) {
	color: #808080;
	font-size: 14px;
	font-weight: 600;
	margin-right: 3px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card2 ul > li:nth-child(1) span:nth-child(2) {
	font-size: 14px;
	color: #808080;
	vertical-align: top;
	padding-left: 3px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card2 ul > li:nth-child(1) span:nth-child(3) {
	font-size: 16px;
	font-weight: 600;
	margin-left: -7px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card2 ul > li:nth-child(2) p {
	font-size: 13px;
	color: #808080;
	font-weight: 500;
	transform : rotate(0.03deg);
	vertical-align: middle;
	text-align: center;
	padding-left: 50px;
}

.wrap.sub .nation-wrap .tab-content .tab1-mid2 {
	padding: 50px 0;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 li:nth-child(1) p {
	color: #454545;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 li:nth-child(1) span {
	color: #7800b6;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 li:nth-child(2) p {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	padding-top: 20px;
}

.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 50px 0 30px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps .steps {
	display: flex;
	width: 285px;
	justify-content: center;
	background-color: #f4ebf9;
	border: 1px solid #c999e2;
	border-radius: 10px;
	margin: 5px;
	align-items: center;
	text-align: left;
	justify-content: flex-start;
	padding: 20px 0 20px 25px;
	box-sizing: border-box;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps .steps ul {
	padding-left: 20px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps .steps ul li:nth-child(1) span {
	font-size: 12px;
	color: white;
	width: 60px;
	background-color: #7800b6;
	padding: 3px 10px;
	font-family: 'NanumSquareNeoExtraBold';
	transform : rotate(0.03deg);
	border-radius: 3px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps .steps ul li:nth-child(2) p {
	padding: 10px 0 5px;
	font-size: 17px;
	color: #7800b6;
	font-weight: 800;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps .steps ul li:nth-child(3) p {
	font-size: 15px;
	font-family: "NanumSquare";
	font-weight: 600;
	line-height: 1.2;
	transform : rotate(0.03deg);
	color: #383838;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 > p {
	width: 250px;
	margin: 0 auto;
	padding: 10px 0;
	border: #767676 1px solid;
	font-size: 20px;
	font-weight: 900;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 > p a {
	color: #767676;
	font-family: "NanumSquare";
	padding: 10px 47px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 > p:hover {
	border: #7800b6 1px solid;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 > p a:hover {
	color: #7800b6;
}

.wrap.sub .nation-wrap .tab-content .tab1-bottom li:nth-child(1) p {
	color: #454545;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom li:nth-child(1) span {
	color: #515151;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom li:nth-child(2) p {
	color: #000;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	padding-top: 20px;
}

.curri_schedule {
	padding-top: 50px; 
	padding-left: 145px;
	text-align: left;
	font-size: 13px;
	font-family: 'NanumSquareNeo';
	color: #B0B0B0;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom .bottom-curri {
	padding: 5px 0 30px;
	display: flex;
	justify-content: center;
	text-align: left;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom .bottom-curri ul {
	margin: 0 5px;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom .bottom-curri ul li:nth-child(2) {
	margin: 8px 0;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom .bottom-curri ul span {
	font-size: 12px;
	color: white;
	width: 50px;
	background-color: red;
	padding: 5px;
	transform : rotate(0.03deg);
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom .bottom-curri ul li:nth-child(3) p {
	font-size: 19px;
	font-family: "NanumSquare";
	font-weight: 800;
	line-height: 1.2;
	transform : rotate(0.03deg);
	color: #383838;
	letter-spacing: -0.5px;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom > p {
	width: 250px;
	margin: 0 auto;
	padding: 10px 0;
	border: #767676 1px solid;
	font-size: 19px;
	font-weight: 900;
	margin-bottom: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom > p:hover {border: #000 1px solid;}
.wrap.sub .nation-wrap .tab-content .tab1-bottom > p a:hover {color: #000; }
.wrap.sub .nation-wrap .tab-content .tab1-bottom > p a {
	font-family: "NanumSquare";
	padding: 10px 46px;
	color: #767676;
}

.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card {
	display: flex;
	justify-content: center;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card > li {
	padding-right: 30px;
	align-content: center;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card {
	display: flex;
	justify-content: flex-start;
	text-align: left;
	align-items: center;
	width: 580px;
	height: 130px;
	border: 1px solid #efefef;
	border-radius: 10px;
	margin: 10px 0;
	box-sizing: border-box;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card > li {
	padding-left: 40px;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card ul {
	padding-left: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card ul > li:nth-child(1) {
	font-size: 20px;
	font-family: 'NanumSquareNeoExtraBold';
	line-height: 1;
	padding-bottom: 10px;
	color: #00203a;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card ul > li:nth-child(2) {
	color: #383838;
	font-size: 17px;
	line-height: 1.3;
	font-weight: 700;
	font-family: "NanumSquare";
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card ul > li:nth-child(2) span {
	color: #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul {
	display: flex;
	justify-content: center;
	margin-top: 10px;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li a {
	font-size: 17px;
	font-weight: 700;
	font-family: "NanumSquare";
	color: #767676;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li a:hover {
	color: #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li p {
	padding: 10px 0;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li {
	width: 130px;
	height: 40px;
	align-content: center;
	border: 1px solid #767676;
	border-radius: 50px;
	margin-right: 15px;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li:hover {
	border: 1px solid #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li:nth-child(1) {
	width: 230px;
	margin-right: 50px;
	margin-left: 20px;
	border-radius: 0;
	border: 1px solid #767676;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li:nth-child(1) a {
	color: #767676;
	font-weight: 800;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li:nth-child(1):hover {
	border: 1px solid #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li:nth-child(1) a:hover {
	color: #0879b5;
}

.wrap.sub .nation-wrap .tab-content .tab2-yes li:nth-child(1) p {
	color: #0879b5;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 100px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes li:nth-child(1) span {
	color: #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes li:nth-child(2) p {
	color: #454545;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px 0 30px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table {
	text-align: left;
	width: 870px;
	margin: 0 auto;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr td:nth-child(1) {
	width: 150px;
	font-size: 17px;
	font-family: 'NanumSquareNeoExtraBold';
	color: #0879b5;
	padding: 15px 0 0 15px;
	box-sizing: border-box;
	border-right: 3px solid #fff;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr td:nth-child(2) {
	font-size: 16px;
	font-family: 'NanumSquareNeoBold';
	color: #383838;
	padding: 15px 0 0 40px;
	box-sizing: border-box;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr td:nth-child(2) li {
	line-height: 1.6;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(1) {
	height: 55px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(1) td:nth-child(1) {
	border-top: 3px solid #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(1) td:nth-child(2) {
	border-top: 3px solid #e6e6e6;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(2) {
	height: 105px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(2) td:nth-child(1) {
	background-color: #e6f1f7;
	border-top: 1px solid #0879b5;
	border-bottom: 1px solid #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(2) td:nth-child(2) {
	background-color: #f7f8f8;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(3) {
	height: 55px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(4) {
	height: 225px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(4) td:nth-child(1) {
	background-color: #e6f1f7;
	border-top: 1px solid #0879b5;
	border-bottom: 1px solid #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(4) td:nth-child(2) {
	background-color: #f7f8f8;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(4) td li {
	line-height: 1.7;
}


.wrap.sub .nation-wrap .tab-content .tab2-no li:nth-child(1) p {
	color: #b5087a;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 70px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no li:nth-child(1) span {
	color: #b5087a;
}
.wrap.sub .nation-wrap .tab-content .tab2-no li:nth-child(2) p {
	color: #454545;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px 0 30px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table {
	text-align: left;
	width: 870px;
	margin: 0 auto;
	border-bottom: 1px solid #d6d6d6;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr td:nth-child(1) {
	width: 150px;
	font-size: 17px;
	font-family: 'NanumSquareNeoExtraBold';
	color: #b5087a;
	padding: 15px 0 0 15px;
	box-sizing: border-box;
	border-right: 3px solid #fff;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr td:nth-child(2) {
	font-size: 16px;
	font-family: 'NanumSquareNeoBold';
	color: #383838;
	padding: 15px 0 0 40px;
	box-sizing: border-box;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr td:nth-child(2) li {
	line-height: 1.6;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(1) {
	height: 105px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(1) td:nth-child(1) {
	border-top: 3px solid #b5087a;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(1) td:nth-child(2) {
	border-top: 3px solid #e6e6e6;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(2) {
	height: 105px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(2) td:nth-child(1) {
	background-color: #f7e6f1;
	border-top: 1px solid #b5087a;
	border-bottom: 1px solid #b5087a;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(2) td:nth-child(2) {
	background-color: #f7f8f8;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(3) {
	height: 55px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(4) {
	height: 195px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(4) td:nth-child(1) {
	background-color: #f7e6f1;
	border-top: 1px solid #b5087a;
	border-bottom: 1px solid #b5087a;
	line-height: 1.4;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(4) td:nth-child(2) {
	background-color: #f7f8f8;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(4) td li {
	line-height: 1.7;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(5) td {
	height: 110px;
	border-right: none;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(5) li:nth-child(1) {
	font-size: 14px;
	color: #b5087a;
	line-height: 2.5;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(5) li:nth-child(2) {
	font-size: 12px;
	color: #767676;
	font-family: 'NanumSquareNeoBold';
	word-break: keep-all;
	line-height: 1.6;
}


.wrap.sub .nation-wrap .tab-content .tab2-bonus {
	padding-bottom: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus li:nth-child(1) p {
	color: #7800b6;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 70px;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus li:nth-child(1) span {
	color: #7800b6;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus > li:nth-child(2) p {
	color: #454545;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px 0 30px;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus > ul {
	display: flex;
	justify-content: flex-start;
	text-align: left;
	width: 870px;
	margin: 0 auto;
	margin-bottom: 10px;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus > ul > li:nth-child(1) {
	width: 170px;
	height: 70px;
	align-content: center;
	text-align: center;
	font-family: 'NanumSquareNeoExtraBold';
	font-size: 18px;
	color: #7800b6;
	background-color: #e3d0ee;
	border: 1px solid #8e2ec0;
	border-radius: 100px;
	z-index: 1;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus > ul > li:nth-child(2) {
	align-content: center;
	height: 70px;
	width: 750px;
	font-family: 'NanumSquareNeoBold';
	font-size: 15px;
	color: #383838;
	background-color: #f7f8f8;
	border: 1px solid #e6e6e6;
	border-radius: 0 100px 100px 0;
	margin-left: -30px;
	padding-left: 50px;
	line-height: 1.5;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus > ul:nth-child(5) > li:nth-child(2) {
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus > ul:nth-child(6) > li:nth-child(1) {
	color: #f10033;
	background-color: #f6d0d9;
	border: 1px solid #ef2e57 ;
}

.wrap.sub .nation-wrap .tab-content .tab3-mid {
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid ul {
	text-align: left;
	padding-right: 20px;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid ul > li:nth-child(1) p {
	font-size: 30px;
	font-family: "NanumSquare";
	font-weight: 900;
	line-height: 1;
	padding: 30px 0 20px;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid ul > li:nth-child(1) span {
	color: #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid ul > li:nth-child(2) p {
	font-family: "NanumSquare";
	font-size: 20px;
	line-height: 1.5;
	font-weight: 600;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid > li {
	padding-right: 20px;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid ul > li:nth-child(3) {
	margin-top: 30px;
	font-weight: 800;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid ul > li:nth-child(3) span {
	font-size: 18px;
	color: #767676;
	padding: 10px 30px;
	border: 1px solid #767676;
	border-radius: 30px;
}


.wrap.sub .nation-wrap .tab-content .tab3-type {
	width: 870px;
	margin: 0 auto;
	margin-top: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 > li {
	margin-bottom: -10px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 > li span {
	background-color: #0879b5;
	font-size: 20px;
	font-family: 'NanumSquareNeoExtraBold';
	color: white;
	padding: 10px 50px;
	border-radius: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div {
	background: #e6f1f7;
	border: solid 1px #0879b5;
	border-radius: 10px;
	padding: 40px 15px 20px;
	box-sizing: border-box;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div ul:nth-child(1) {
	display: flex;
	justify-content: space-around;
	font-size: 15px;
	color: #515151;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div ul:nth-child(1) li:nth-child(2) {
	padding-left: 100px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div ul:nth-child(2) {
	font-size: 38px;
	letter-spacing: -2px;
	padding-top: 5px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div ul:nth-child(2) span {
	font-size: 15px;
	font-family: 'NanumSquareNeoBold';
	letter-spacing: -0.2px;
	color: #515151;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div ul:nth-child(2) .multi {
	font-size: 25px;
	font-family: "NanumSquare";
	font-weight: 300;
	padding: 0 5px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div ul:nth-child(2) .plus {
	font-size: 20px;
	color: white;
	background-color: #0879b5;
	line-height: 1;
	border-radius: 30px;
	padding: 0 4.5px;
	margin: 0 5px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 {
	margin-top: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 > li {
	margin-bottom: -10px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 > li span {
	background-color: #009345;
	font-size: 20px;
	font-family: 'NanumSquareNeoExtraBold';
	color: white;
	padding: 10px 50px;
	border-radius: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div {
	background: #e5f4ec;
	border: solid 1px #009345;
	border-radius: 10px;
	padding: 40px 15px 20px;
	box-sizing: border-box;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div ul:nth-child(1) {
	display: flex;
	justify-content: space-around;
	font-size: 15px;
	color: #515151;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div ul:nth-child(1) li:nth-child(2) {
	padding-left: 100px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div ul:nth-child(2) {
	font-size: 38px;
	letter-spacing: -2px;
	padding-top: 5px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div ul:nth-child(2) span {
	font-size: 15px;
	font-family: 'NanumSquareNeoBold';
	letter-spacing: -0.2px;
	color: #515151;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div ul:nth-child(2) .multi {
	font-size: 25px;
	font-family: "NanumSquare";
	font-weight: 300;
	padding: 0 5px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div ul:nth-child(2) .plus {
	font-size: 20px;
	color: white;
	background-color: #009345;
	line-height: 1;
	border-radius: 30px;
	padding: 0 4.5px;
	margin: 0 5px;
}


.wrap.sub .nation-wrap .tab-content .tab3-service {
	display: flex;
	text-align: left;
	width: 870px;
	margin: 0 auto;
	margin-top: 40px;
	font-family: 'NanumSquareNeoBold';
	justify-content: space-between;
}
.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(1) {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	padding: 15px 0;
	box-sizing: border-box;
}
.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(1) li:nth-child(1) {
	font-family: 'NanumSquareNeoExtraBold';
	font-size: 23px;
	line-height: 1.2;
}
.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(1) li:nth-child(2) {
	font-size: 17px;
	color: #383838;
}
.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(2) {
	display: flex;
}
.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(2) li {
	margin-left: 10px;
	width: 155px;
	height: 130px;
	background-color: #f7f7f7;
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 1.2;
}
.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(2) li img {
	float: right;
	padding-top: 5px;
}

.wrap.sub .nation-wrap .tab-content .tab3-mid2 {
	padding: 50px 0 30px;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid2 li:nth-child(1) p {
	color: #454545;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid2 li:nth-child(1) span {
	color: #009345;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid2 li:nth-child(2) p {
	color: #454545;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	padding-top: 20px;
}

.wrap.sub .nation-wrap .tab-content .tab3-table {
	width: 876px;
	margin: 0 auto;
	font-family: 'NanumSquareNeoBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-table-top {
	position: relative;
}
.wrap.sub .nation-wrap .tab-content .tab3-table-top > ul {
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table-top > ul li a {
	font-size: 17px;
	font-weight: 800;
	font-family: "NanumSquare";
	color: #767676;
}
.wrap.sub .nation-wrap .tab-content .tab3-table-top > ul li p {
	padding: 10px 0;
}
.wrap.sub .nation-wrap .tab-content .tab3-table-top > ul li {
	width: 160px;
	height: 40px;
	align-content: center;
	border: 1px solid #767676;
	border-radius: 50px;
	margin-right: 15px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table-top > ul li:hover {
	border: 1px solid #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab3-table-top > ul li a:hover {
	color: #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table {
	margin-top: 15px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table .border-table {
	width: 875px;
	height: 570px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.wrap.sub .nation-wrap .tab-content .tab3-table .border-table td {border: none;}
.wrap.sub .nation-wrap .tab-content .tab3-table .border-table td:nth-child(2) {border: 1px solid #0879b5;}
.wrap.sub .nation-wrap .tab-content .tab3-table .border-table td:nth-child(3) {border: 1px solid #009345;}
.wrap.sub .nation-wrap .tab-content .tab3-table table td {
	border: solid 1px white;
	vertical-align: middle;
	box-sizing: border-box;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table tr:nth-child(8) {
	border-top: 3px solid #fff;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .gray1 {
	background-color: #dbdbdb;
	height: 110px;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .gray2 {
	background-color: #e7e7e7;
	width: 89px;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .gray3 {
	background-color: #ededed;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .gray4 {
	background-color: #f3f3f3;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .blue1 {
	background-color: #0879b5;
	font-family: 'NanumSquareNeoExtraBold';
	color: white;
	height: 50px;
	font-size: 18px;
	width: 291px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .blue2 {
	background-color: #b4d7e9;
	color: #0879b5;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .blue3 {
	background-color: #cee4f0;
	width: 97px;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .blue4 {
	background-color: #e6f1f7;
	font-size: 15px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .green1 {
	background-color: #009345;
	font-family: 'NanumSquareNeoExtraBold';
	color: white;
	width: 291px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .green2 {
	background-color: #b2dec7;
	color: #009345;
	width: 97px;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .green3 {
	background-color: #e5f4ec;
	font-size: 15px;
}

.wrap.sub .nation-wrap .tab-content .tab3-bottom {
	padding: 50px 0 30px;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom li:nth-child(1) p {
	color: #454545;
	font-size: 30px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom li:nth-child(1) span {
	color: #7800b6;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom li:nth-child(2) p {
	color: #454545;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.4;
	padding-top: 20px;
}

.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide.mobile {display: none;}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide {
	width: 870px;
	margin: 0 auto;
	display: flex;
	justify-content :space-between;
	flex-wrap: wrap;
	font-family: 'NanumSquareNeoBold';
	margin-bottom: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .guides {
	width: 210px;
	height: 200px;
	align-content: center;
	background-color: #f4ebf9;
	border: 1px solid #c999e2;
	border-radius: 10px;
	margin-top: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .guides li:nth-child(1) {
	font-family: 'NanumSquareNeoExtraBold';
	font-size: 17px;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .guides li:nth-child(3) {
	font-size: 15px;
	line-height: 1.4;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .guides img {
	padding: 15px 0;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .steps {
	width: 210px;
	height: 70px;
	background-color: #f1f1f1;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	align-content: center;
	margin-top: 10px;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .steps span {
	font-size: 17px;
	padding-top: 0;
	line-height: 1.3;
	color: #000;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .steps p {
	font-size: 15px;
	padding-top: 0;
	color: #383838;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom > p {
	width: 260px;
	margin: 0 auto;
	padding: 10px 0;
	border: #767676 1px solid;
	font-size: 20px;
	font-weight: 900;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom > p:hover {
	border: #7800b6 1px solid;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom > p a:hover {
	color: #7800b6;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom > p a {
	color: #767676;
	font-family: "NanumSquare";
	padding: 10px 47px;
}

/* 국가기간 전략산업 직종 모바일 */
@media screen and (max-width: 1200px) {
.nation-wrap .pc {display: none;}
.nation-wrap .mobile {display: block;}


.wrap.sub .nation-wrap { 
	padding: 120px 0 50px; 
	background: url("../../images/temp/nation-bg.png") top center;
	background-repeat: no-repeat;
	background-size:auto;
	width: 100%;
	max-width: 100%;
	text-align: center;
}
.wrap.sub .nation-wrap .nation-title > ul {
	max-width: 90%;
}
.wrap.sub .nation-wrap .nation-title > ul > li:nth-child(2) {
	padding: 0 20px;
}
.wrap.sub .nation-wrap .nation-title > li:nth-child(2) p {
	font-size: 60px;
	padding: 30px 0 30px;
	letter-spacing: -3px;
	word-spacing: -10px;
}
.wrap.sub .nation-wrap .nation-title > li:nth-child(3) p {
	font-size: 18px;
	max-width: 90%;
	margin-bottom: 60px;
	line-height: 1.4;
}


.wrap.sub .nation-wrap .tab-container {
  width: 1200px;
  margin: 0 auto;
  max-width: 90%;
}

.wrap.sub .nation-wrap .tab-menu {
  display: flex;
}

.wrap.sub .nation-wrap .tab {
  flex: 1;
  padding: 20px 0;
  text-align: center;
  cursor: pointer;
  background: #d8edf2;
  transition: none;
	font-size: 16px;
	line-height: 1.3;
}
.wrap.sub .nation-wrap .tab span {
	opacity: 0.4;
	transition: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.wrap.sub .nation-wrap .tab span img {padding-bottom: 10px;}

.wrap.sub .nation-wrap .tab.active {
  background: #fff;
}
.wrap.sub .nation-wrap .tab.active span {
	opacity: 1;
}

.wrap.sub .nation-wrap .tab:hover {
  background: #fff;
}
.wrap.sub .nation-wrap .tab:hover span {
	opacity: 1;
}
.wrap.sub .nation-wrap .tab-icon {
  width: 30px;
  height: 30px;
  padding-right: 0px;
  transform : rotate(0.03deg);
}


.wrap.sub .nation-wrap .tab-content .tab1-top {
	padding-bottom: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab1-top li:nth-child(1) p {
	color: #454545;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: -0.7px;
	line-height: 1.4;
	padding-top: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab1-top li:nth-child(2) p {
	color: #454545;
	font-size: 17px;
	line-height: 1.6;
	padding-top: 30px;
	word-break: keep-all;
	letter-spacing: -0.3px;
	word-spacing: -0.3px;
}

.wrap.sub .nation-wrap .tab-content .tab1-mid {
	display: block;
	justify-content: center;
	margin: 0 auto;
	max-width: 100%;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid ul {
	text-align: center;
	padding-right: 0px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid ul > li:nth-child(1) p {
	font-size: 25px;
	font-family: "NanumSquare";
	font-weight: 900;
	line-height: 1.4;
	padding: 30px 0 20px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid ul > li:nth-child(2) p {
	font-family: "NanumSquare";
	font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
	transform : rotate(0.03deg);
}
.wrap.sub .nation-wrap .tab-content .tab1-mid > li {
	padding-right: 0px;
	margin-top: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid ul > li:nth-child(3) {
	margin-top: 30px;
	font-weight: 800;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid ul > li:nth-child(3) span {
	font-size: 18px;
	color: #767676;
	padding: 10px 30px;
	border: 1px solid #767676;
	border-radius: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.wrap.sub .nation-wrap .tab-content .tab1-plus {
	align-content: center;
	align-items: center;
	width: 90px;
	margin: 20px auto;
}
.wrap.sub .nation-wrap .tab-content .tab1-plus span {
	font-size: 25px;
	color: white;
	font-weight: 900;
	background-color: #0879b5;
	border-radius: 50px;
	padding: 0 6px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1, .tab1-card2 {
	font-family: "NanumSquare";
	max-width: 100%;
	background-color: #e6f1f7;
	border: 1px solid #0879b5;
	border-radius: 10px;
	padding: 15px 0;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 > li {
	font-size: 17px;
	color: #515151; 
	font-weight: 800;
	padding-bottom: 10px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(1) p:nth-child(1) {
	font-size: 20px;
	font-weight: 600;
	color: #383838;
	text-align: left;
	line-height: 1.3;
	letter-spacing: -1px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(1) p:nth-child(1) span {
	font-size: 13px;
	color: #808080;
	vertical-align: text-top;
	padding-left: 2px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(1) p:nth-child(2) {
	font-size: 10.5px;
	color: #808080;
	font-weight: 500;
	transform : rotate(0.03deg);
	vertical-align: middle;
	text-align: left;
	letter-spacing: -0.9px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(2) {
	font-size: 23px;
	color: #383838;
	font-weight: 600;
	align-items: center;
	align-content: center;
	padding: 0 6px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(3) {
	color: #383838;
	font-size: 50px;
	font-weight: 800;
	align-content: center;
	letter-spacing: -0.7px;
	line-height: 1;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(3) span:nth-child(1) {
	color: #808080;
	font-size: 13px;
	font-weight: 600;
	margin-right: -8px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card1 ul > li:nth-child(3) span:nth-child(2) {
	font-size: 16px;
	font-weight: 600;
	padding-left: 2px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card2 > li {
	font-size: 17px;
	color: #515151; 
	font-weight: 800;
	padding-bottom: 10px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card2 ul > li:nth-child(1) {
	color: #383838;
	font-size: 45px;
	font-weight: 800;
	align-content: center;
	letter-spacing: -0.7px;
	line-height: 1;
}
.wrap.sub .nation-wrap .tab-content .tab1-card2 ul > li:nth-child(1) span:nth-child(1) {
	color: #808080;
	font-size: 14px;
	font-weight: 600;
	margin-right: 3px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card2 ul > li:nth-child(1) span:nth-child(2) {
	font-size: 14px;
	color: #808080;
	vertical-align: top;
	padding-left: 3px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card2 ul > li:nth-child(1) span:nth-child(3) {
	font-size: 16px;
	font-weight: 600;
	margin-left: -7px;
}
.wrap.sub .nation-wrap .tab-content .tab1-card2 ul > li:nth-child(2) p {
	font-size: 13px;
	color: #808080;
	font-weight: 500;
	transform : rotate(0.03deg);
	vertical-align: middle;
	text-align: center;
	padding-left: 30px;
}

.wrap.sub .nation-wrap .tab-content .tab1-mid2 {
	padding: 30px 0 50px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 li:nth-child(1) p {
	color: #454545;
	font-size: 25px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 li:nth-child(2) p {
	color: #454545;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	padding-top: 20px;
}

.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 30px 0;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps .steps {
	display: flex;
	width: 285px;
	max-width: 46%;
	justify-content: center;
	background-color: #f4ebf9;
	border: 1px solid #c999e2;
	border-radius: 10px;
	margin: 5px;
	align-items: center;
	text-align: center;
	justify-content: center;
	padding: 15px 0;
	box-sizing: border-box;
	flex-direction: column;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps .steps ul {
	padding-left: 0px;
}
	.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps .steps ul li:nth-child(1) {
		margin-top: 15px;
	}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps .steps ul li:nth-child(1) span {
	font-size: 12px;
	color: white;
	width: 60px;
	background-color: #7800b6;
	padding: 3px 10px;
	font-family: 'NanumSquareNeoExtraBold';
	transform : rotate(0.03deg);
	border-radius: 3px;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps .steps ul li:nth-child(2) p {
	padding: 10px 0 5px;
	font-size: 16px;
	color: #7800b6;
	font-weight: 800;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 .mid2-steps .steps ul li:nth-child(3) p {
	font-size: 14px;
	font-family: "NanumSquare";
	font-weight: 600;
	line-height: 1.2;
	transform : rotate(0.03deg);
	color: #383838;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 > p {
	width: 250px;
	margin: 0 auto;
	padding: 10px 0;
	border: #7800b6 1px solid;
	font-size: 20px;
	font-weight: 900;
}
.wrap.sub .nation-wrap .tab-content .tab1-mid2 > p a {
	color: #7800b6;
	font-family: "NanumSquare";
	padding: 10px 47px;
}

.wrap.sub .nation-wrap .tab-content .tab1-bottom li:nth-child(1) p {
	color: #454545;
	font-size: 25px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom li:nth-child(1) span {
	color: #515151;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom li:nth-child(2) p {
	color: #454545;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	padding-top: 20px;
	word-break: keep-all;
}

.curri_schedule {
	padding-top: 30px; 
	padding-left: 00px;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom .bottom-curri {
	padding: 0px 0 30px;
	display: flex;
	justify-content: center;
	text-align: left;
	flex-direction: column;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom .bottom-curri ul {
	margin: 10px 0;
	display: flex;
	flex-wrap: wrap;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom .bottom-curri ul li:nth-child(2) {
	margin: 8px 0;
}
	.wrap.sub .nation-wrap .tab-content .tab1-bottom .bottom-curri ul li img {max-width: 100%;}
.wrap.sub .nation-wrap .tab-content .tab1-bottom .bottom-curri ul span {
	font-size: 12px;
	color: white;
	width: 50px;
	background-color: red;
	padding: 5px;
	transform : rotate(0.03deg);
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom .bottom-curri ul li:nth-child(3) p {
	font-size: 20px;
	font-family: "NanumSquare";
	font-weight: 800;
	line-height: 1.2;
	transform : rotate(0.03deg);
	color: #383838;
	letter-spacing: -0.5px;
	margin: 6px 0 8px 10px;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom > p {
	width: 250px;
	margin: 0 auto;
	padding: 10px 0;
	border: #000 1px solid;
	font-size: 19px;
	font-weight: 900;
	margin-bottom: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab1-bottom > p a {
	font-family: "NanumSquare";
	padding: 10px 46px;
}

.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card {
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card > li {
	padding-right: 0;
	align-content: center;
	margin-bottom: 20px;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card > li img {
	width: 70%;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card {
	display: flex;
	justify-content: flex-start;
	text-align: left;
	align-items: center;
	width: 580px;
	max-width: 100%;
	height: 130px;
	border: 1px solid #efefef;
	border-radius: 10px;
	margin: 10px 0;
	box-sizing: border-box;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card > li {
	padding: 0 15px;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card > li img {
	width: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card ul {
	padding-left: 0px;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card ul > li:nth-child(1) {
	font-size: 17px;
	font-family: 'NanumSquareNeoExtraBold';
	line-height: 1;
	padding-bottom: 10px;
	color: #00203a;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card ul > li:nth-child(2) {
	color: #383838;
	font-size: 14px;
	line-height: 1.3;
	font-weight: 700;
	font-family: 'NanumSquareNeoBold';
}
.wrap.sub .nation-wrap .tab-content .tab2-mid .tab2-card .about-card ul > li:nth-child(2) span {
	color: #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	flex-wrap: wrap;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li a {
	font-size: 17px;
	font-weight: 700;
	font-family: "NanumSquare";
	color: #767676;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li p {
	padding: 10px 0;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li {
	width: 130px;
	height: 40px;
	align-content: center;
	border: 1px solid #767676;
	border-radius: 50px;
	margin-right: 0;
	margin-top: 15px;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li:nth-child(1) {
	width: 230px;
	margin: 0 auto 20px;
	border-radius: 0;
	border: 1px solid #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li:nth-child(1) a {
	color: #0879b5;
	font-weight: 800;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li:nth-child(2) {
	margin-left: 0px;
	margin-right: 15px;
	border-radius: 0;
	border-radius: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab2-mid > ul li:nth-child(4) {
	margin-right: 15px;
}

.wrap.sub .nation-wrap .tab-content .tab2-yes li:nth-child(1) p {
	color: #0879b5;
	font-size: 27px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 70px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes li:nth-child(2) p {
	color: #454545;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px 0 30px;
	letter-spacing: -0.5px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table {
	text-align: left;
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr td:nth-child(1) {
	width: 100px;
	font-size: 15px;
	font-family: 'NanumSquareNeoExtraBold';
	color: #0879b5;
	padding: 15px 0 0 10px;
	box-sizing: border-box;
	border-right: 3px solid #fff;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr td:nth-child(2) {
	font-size: 14px;
	font-family: 'NanumSquareNeoBold';
	color: #383838;
	padding: 15px;
	box-sizing: border-box;
	letter-spacing: -0.4px;
	word-break: keep-all;
	max-width: 100%;
	text-indent: -7px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr td:nth-child(2) li {
	line-height: 1.6;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(1) {
	height: 55px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(1) td:nth-child(1) {
	border-top: 3px solid #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(1) td:nth-child(2) {
	border-top: 3px solid #e6e6e6;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(2) {
	height: 105px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(2) td:nth-child(1) {
	background-color: #e6f1f7;
	border-top: 1px solid #0879b5;
	border-bottom: 1px solid #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(2) td:nth-child(2) {
	background-color: #f7f8f8;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(3) {
	height: 55px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(4) {
	height: 225px;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(4) td:nth-child(1) {
	background-color: #e6f1f7;
	border-top: 1px solid #0879b5;
	border-bottom: 1px solid #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(4) td:nth-child(2) {
	background-color: #f7f8f8;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(4) td li {
	line-height: 1.7;
}
.wrap.sub .nation-wrap .tab-content .tab2-yes table tr:nth-child(4) td li span {
	font-family: 'NanumSquareNeoExtraBold';
	color: #383838;
	}


.wrap.sub .nation-wrap .tab-content .tab2-no li:nth-child(1) p {
	color: #b5087a;
	font-size: 27px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 70px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no li:nth-child(1) span {
	color: #b5087a;
}
.wrap.sub .nation-wrap .tab-content .tab2-no li:nth-child(2) p {
	color: #454545;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px 0 30px;
	letter-spacing: -0.7px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table {
	text-align: left;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	border-bottom: 1px solid #d6d6d6;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr td:nth-child(1) {
	width: 100px;
	font-size: 15px;
	font-family: 'NanumSquareNeoExtraBold';
	color: #b5087a;
	padding: 15px 0 0 10px;
	box-sizing: border-box;
	border-right: 3px solid #fff;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr td:nth-child(2) {
	font-size: 14px;
	font-family: 'NanumSquareNeoBold';
	color: #383838;
	padding: 15px;
	box-sizing: border-box;
	text-indent: -7px;
	letter-spacing: -0.4px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr td:nth-child(2) li {
	line-height: 1.6;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(1) {
	height: 105px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(1) td:nth-child(1) {
	border-top: 3px solid #b5087a;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(1) td:nth-child(2) {
	border-top: 3px solid #e6e6e6;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(2) {
	height: 105px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(2) td:nth-child(1) {
	background-color: #f7e6f1;
	border-top: 1px solid #b5087a;
	border-bottom: 1px solid #b5087a;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(2) td:nth-child(2) {
	background-color: #f7f8f8;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(3) {
	height: 55px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(4) {
	height: 195px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(4) td:nth-child(1) {
	background-color: #f7e6f1;
	border-top: 1px solid #b5087a;
	border-bottom: 1px solid #b5087a;
	line-height: 1.4;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(4) td:nth-child(2) {
	background-color: #f7f8f8;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(4) td li {
	line-height: 1.7;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(5) td {
	height: 170px;
	border-right: none;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(5) li:nth-child(1) {
	font-size: 14px;
	color: #b5087a;
	line-height: 1.5;
	margin-bottom: 10px;
}
.wrap.sub .nation-wrap .tab-content .tab2-no table tr:nth-child(5) li:nth-child(2) {
	font-size: 12px;
	color: #767676;
	font-family: 'NanumSquareNeoBold';
	word-break: keep-all;
	line-height: 1.6;
}


.wrap.sub .nation-wrap .tab-content .tab2-bonus {
	padding-bottom: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus li:nth-child(1) p {
	color: #7800b6;
	font-size: 27px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 70px;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus li:nth-child(1) span {
	color: #7800b6;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus > li:nth-child(2) p {
	color: #454545;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4;
	padding: 10px 0 20px;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus > ul {
	display: flex;
	justify-content: flex-start;
	flex-direction: column;
	text-align: left;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	margin-bottom: 10px;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus > ul > li:nth-child(1) {
	width: 170px;
	height: 40px;
	align-content: center;
	text-align: center;
	font-family: 'NanumSquareNeoExtraBold';
	font-size: 17px;
	color: #7800b6;
	background-color: #e3d0ee;
	border: 1px solid #8e2ec0;
	border-radius: 100px;
	z-index: 99;
	margin: 10px auto;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus > ul > li:nth-child(2) {
	align-content: center;
	height: 150px;
	width: 100%;
	max-width: 100%;
	font-family: 'NanumSquareNeoBold';
	font-size: 14px;
	color: #383838;
	background-color: #f7f8f8;
	border: 1px solid #e6e6e6;
	border-radius: 20px;
	margin-left: 0;
	padding: 40px 15px 30px;
	line-height: 1.5;
	box-sizing: border-box;
	margin-top: -30px;
	text-align: center;
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus > ul:nth-child(5) > li:nth-child(2) {
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab2-bonus > ul:nth-child(6) > li:nth-child(1) {
	color: #f10033;
	background-color: #f6d0d9;
	border: 1px solid #ef2e57 ;
}

	
.wrap.sub .nation-wrap .tab-content .tab3-mid {
	display: block;
	justify-content: center;
	margin: 0 auto;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid ul {
	text-align: center;
	padding-right: 0px;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid ul > li:nth-child(1) p {
	font-size: 25px;
    font-family: "NanumSquare";
    font-weight: 900;
    line-height: 1.4;
    padding: 30px 0 20px;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid ul > li:nth-child(1) span {
	color: #0879b5;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid ul > li:nth-child(2) p {
	font-family: "NanumSquare";
	font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
	transform: rotate(0.03deg);
}
.wrap.sub .nation-wrap .tab-content .tab3-mid > li {
	padding-right: 0px;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid > li img {
	max-width: 100%;
	padding-top: 30px;
}


.wrap.sub .nation-wrap .tab-content .tab3-type {
	width: 870px;
	max-width: 100%;
	margin: 0 auto;
	margin-top: 50px;
	position: relative;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 > li {
	margin-bottom: -10px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 > li span {
	background-color: #0879b5;
	font-size: 17px;
	font-family: 'NanumSquareNeoExtraBold';
	color: white;
	padding: 10px 50px;
	border-radius: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div {
	background: #e6f1f7;
	border: solid 1px #0879b5;
	border-radius: 10px;
	padding: 55px 15px 20px;
	box-sizing: border-box;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div ul:nth-child(1) {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	font-size: 14px;
	color: #515151;
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div ul:nth-child(1) li:nth-child(2) {
	padding-left: 0px;
	padding: 78px 0;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div ul:nth-child(2) {
	font-size: 30px;
	letter-spacing: -2px;
	padding-top: 5px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div ul:nth-child(2) span {
	font-size: 15px;
	font-family: 'NanumSquareNeoBold';
	letter-spacing: 0px;
	color: #515151;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div ul:nth-child(2) .multi {
	font-size: 22px;
	font-family: "NanumSquare";
	font-weight: 300;
	padding: 0 5px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type1 div ul:nth-child(2) .plus {
	font-size: 17px;
	color: white;
	background-color: #0879b5;
	line-height: 1;
	border-radius: 30px;
	padding: 1px 3px 0;
	margin: 10px 0 30px;
	display: inline-block;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 {
	margin-top: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 > li {
	margin-bottom: -10px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 > li span {
	background-color: #009345;
	font-size: 20px;
	font-family: 'NanumSquareNeoExtraBold';
	color: white;
	padding: 10px 50px;
	border-radius: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div {
	background: #e5f4ec;
	border: solid 1px #009345;
	border-radius: 10px;
	padding: 55px 15px 20px;
	box-sizing: border-box;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div ul:nth-child(1) {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	font-size: 14px;
	color: #515151;
	position: absolute;
	top: 387px;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div ul:nth-child(1) li:nth-child(2) {
	padding-left: 0px;
	padding: 78px 0;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div ul:nth-child(2) {
	font-size: 30px;
	letter-spacing: -2px;
	padding-top: 5px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div ul:nth-child(2) span {
	font-size: 15px;
	font-family: 'NanumSquareNeoBold';
	letter-spacing: -0.2px;
	color: #515151;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div ul:nth-child(2) .multi {
	font-size: 25px;
	font-family: "NanumSquare";
	font-weight: 300;
	padding: 0 5px;
}
.wrap.sub .nation-wrap .tab-content .tab3-type .type2 div ul:nth-child(2) .plus {
	font-size: 17px;
	color: white;
	background-color: #009345;
	line-height: 1;
	border-radius: 30px;
	padding: 1px 3px 0;
	margin: 10px 0 30px;
	display: inline-block;
}


.wrap.sub .nation-wrap .tab-content .tab3-service {
	display: flex;
	flex-direction: column;
	text-align: left;
	max-width: 100%;
	margin: 0 auto;
	margin-top: 40px;
	font-family: 'NanumSquareNeoBold';
	justify-content: space-between;
}
.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(1) {
	display: flex;
	flex-flow: column;
	justify-content: space-between;
	padding: 15px 0;
	box-sizing: border-box;
	text-align: center;
}
.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(1) li:nth-child(1) {
	font-family: 'NanumSquareNeoExtraBold';
	font-size: 23px;
	line-height: 1.2;
}
	.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(1) li:nth-child(1) p {
		padding-bottom: 10px;
	}
.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(1) li:nth-child(2) {
	font-size: 17px;
	color: #383838;
}
.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(2) {
	display: flex;
	flex-wrap: wrap;
	gap:10px;
	justify-content: center;
}
.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(2) li {
	margin-left: 0;
	width: 155px;
	height: 130px;
	background-color: #f7f7f7;
	border: 1px solid #d2d2d2;
	border-radius: 10px;
	padding: 15px;
	box-sizing: border-box;
	font-size: 18px;
	line-height: 1.2;
}
.wrap.sub .nation-wrap .tab-content .tab3-service ul:nth-child(2) li img {
	float: right;
	padding-top: 5px;
}

.wrap.sub .nation-wrap .tab-content .tab3-mid2 {
	padding: 50px 0 15px;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid2 li:nth-child(1) p {
	color: #454545;
	font-size: 25px;
	font-weight: 800;
	letter-spacing: -0.5px;
	line-height: 1.2;
	padding-top: 30px;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid2 li:nth-child(1) span {
	color: #009345;
}
.wrap.sub .nation-wrap .tab-content .tab3-mid2 li:nth-child(2) p {
	color: #454545;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	padding-top: 20px;
}

.wrap.sub .nation-wrap .tab-content .tab3-table {
	max-width: 100%;
	margin: 0 auto;
	font-family: 'NanumSquareNeoBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-table-top {
	position: relative;
}
.wrap.sub .nation-wrap .tab-content .tab3-table-top > ul {
	display: flex;
	justify-content: flex-start;
	margin-top: 0;
	gap:10px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table-top > ul li a {
	font-size: 15px;
	font-weight: 800;
	font-family: "NanumSquare";
	color: #767676;
}
.wrap.sub .nation-wrap .tab-content .tab3-table-top > ul li p {
	padding: 10px 0;
}
.wrap.sub .nation-wrap .tab-content .tab3-table-top > ul li {
	width: 170px;
	height: 40px;
	align-content: center;
	border: 1px solid #767676;
	border-radius: 50px;
	margin-right: 0;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table {
	margin-top: 15px;
	font-size: 14px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table .border-table {
	width: 875px;
	height: 570px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.wrap.sub .nation-wrap .tab-content .tab3-table .border-table td {border: none;}
.wrap.sub .nation-wrap .tab-content .tab3-table .border-table td:nth-child(2) {border: 1px solid #0879b5;}
.wrap.sub .nation-wrap .tab-content .tab3-table .border-table td:nth-child(3) {border: 1px solid #009345;}
.wrap.sub .nation-wrap .tab-content .tab3-table table td {
	border: solid 1px white;
	vertical-align: middle;
	box-sizing: border-box;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table tr:nth-child(8) {
	border-top: 3px solid #fff;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .gray1 {
	background-color: #dbdbdb;
	height: 80px;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .gray2 {
	background-color: #e7e7e7;
	width: 50px;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .gray3 {
	background-color: #ededed;
	width: 40px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .gray4 {
	background-color: #f3f3f3;
	width: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .blue1 {
	background-color: #0879b5;
	font-family: 'NanumSquareNeoExtraBold';
	color: white;
	height: 50px;
	font-size: 17px;
	width: 291px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .blue2 {
	background-color: #b4d7e9;
	color: #0879b5;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .blue3 {
	background-color: #cee4f0;
	width: 60px;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .blue4 {
	background-color: #e6f1f7;
	font-size: 12px;
	height: 60px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .green1 {
	background-color: #009345;
	font-family: 'NanumSquareNeoExtraBold';
	color: white;
	width: 291px;
	height: 60px;
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .green2 {
	background-color: #b2dec7;
	color: #009345;
	width: 72px;
	font-family: 'NanumSquareNeoExtraBold';
}
.wrap.sub .nation-wrap .tab-content .tab3-table table .green3 {
	background-color: #e5f4ec;
	font-size: 12px;
	height: 60px;
}

.wrap.sub .nation-wrap .tab-content .tab3-bottom {
	padding: 50px 0 30px;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom li:nth-child(1) p {
	color: #454545;
	font-size: 25px;
	font-weight: 800;
	letter-spacing: -0.8px;
	line-height: 1.2;
	padding-top: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom li:nth-child(1) span {
	color: #7800b6;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom li:nth-child(2) p {
	color: #454545;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;
	padding-top: 20px;
}
	
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide.pc {display: none;}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide.mobile {display: inline-flex;}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide {
	max-width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content :space-between;
	flex-wrap: wrap;
	font-family: 'NanumSquareNeoBold';
	margin-bottom: 50px;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .guides {
	width: 48%;
	height: 200px;
	align-content: center;
	background-color: #f4ebf9;
	border: 1px solid #c999e2;
	border-radius: 10px;
	margin-top: 30px;
}
	.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .guides:nth-child(3),.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .guides:nth-child(4) {margin-top: 100px;}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .guides ul {
	height: 200px;
	vertical-align: middle;
	align-items: center;
	align-content: center;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .guides li:nth-child(1) {
	font-family: 'NanumSquareNeoExtraBold';
	font-size: 17px;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .guides li:nth-child(3) {
	font-size: 15px;
	line-height: 1.4;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .guides img {
	padding: 15px 0;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .steps {
	width: 100%;
	height: 70px;
	background-color: #f1f1f1;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	align-content: center;
	margin-top: 10px;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .steps ul {
	height: 70px;
	}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .steps span {
	font-size: 15px;
	padding-top: 0;
	color: #000;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom .bottom-guide .steps p {
	font-size: 13px;
	padding-top: 0;
	color: #383838;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom > p {
	width: 260px;
	margin: 60px auto 0;
	padding: 10px 0;
	border: #7800b6 1px solid;
	font-size: 20px;
	font-weight: 900;
}
.wrap.sub .nation-wrap .tab-content .tab3-bottom > p a {
	color: #7800b6;
	font-family: "NanumSquare";
	padding: 10px 47px;
}
}



/*수강상담 영역 리뉴얼*/
.bottom-type11 {background:#282e40;padding:80px 0;}
.bottom-type11 .inner form {border-radius: 20px;}
.bottom-type12 {background:#f0f0f0;padding:50px 0 90px;}

.wrap-bottom-cs-2025 {
	background:#fff;
	width:1200px;
	display:inline-block;
	border-radius: 20px;
	position: relative;
}
.bottom-type12 .wrap-bottom-cs-2025 {
	background:transparent;
	width:1200px;
	display:inline-block;
	border-radius: 20px;
	position: relative;
}
.wrap-bottom-cs-2025 .title {  
	font-family: 'GmarketSansBold';
	font-size: 45px; 
	line-height: 1.1;
	display: block; 
	text-align: center;
	color:#e00060;
	padding: 40px 0 10px;
}
.bottom-type12 .wrap-bottom-cs-2025 .title {  
	padding: 40px 0 30px;
}
.wrap-bottom-cs-2025 .title-sub {
	font-family: 'NanumSquareNeoBold';
	font-size: 20px; 
	text-align: center;
	margin-bottom: 30px;
}
.wrap-bottom-cs-2025 .title-sub:after {
	display: block;
	content: ''; 
	clear: both; 
	position: absolute; 
	width: 1000px; 
	height: 1px; 
	background: #dfdfdf; 
	left: 50%; 
	transform: translateX(-50%); 
	top: 150px;
}
.bottom-type12 .wrap-bottom-cs-2025 .title:after {  
	display: block;
	content: ''; 
	clear: both; 
	position: absolute; 
	width: 1000px; 
	height: 1px; 
	background: #dfdfdf; 
	left: 50%; 
	transform: translateX(-50%); 
	top: 110px;
}
.wrap-bottom-cs-2025 dl {  
	font-size: 17px; 
	color: #282e40; 
	width: 1000px; 
	padding:20px 0 5px;
	box-sizing:border-box;
	margin: 0 auto;
	text-align: center;
}
.wrap-bottom-cs-2025 .line-cc {  
	padding-top:0;
	margin-bottom: 57px;
}
.bottom-type12 .wrap-bottom-cs-2025 .line-cc {  
	margin-top: 30px;
	margin-bottom: 45px;
}
.wrap-bottom-cs-2025 dl dt, .wrap-bottom-cs-2025 dl dd { display: inline-block }
.wrap-bottom-cs-2025 dl dt { 
	vertical-align: top;  
	height: 60px; 
	padding-top: 20px; 
	box-sizing: border-box; 
	font-size:17px;
	font-weight:bold;color:#000000;
}
.wrap-bottom-cs-2025 dl dd { vertical-align: middle; margin: 0 auto; justify-content: center; align-content: center; align-items: center;}
.wrap-bottom-cs-2025 input { font-size: 16px; padding: 0 10px; }
.wrap-bottom-cs-2025 input.input-line { border: 0;background: transparent; height: 40px; width: 100%; }
.bottom-type12 .wrap-bottom-cs-2025 input.input-line { border-bottom:1px solid #282e40}
.wrap-bottom-cs-2025 input:focus {outline: none;} /* outline 테두리 속성 수정 */
.wrap-bottom-cs-2025 select { border:1px solid #ccc; height: 40px; background: #fff; border-radius: 0 ;width:100% !important;}

.wrap-bottom-cs-2025  .box {border:1px solid #ccc; width: 98%; margin: 0 auto; align-items: center; text-align: left;}
.bottom-type12 .wrap-bottom-cs-2025  .box {border:none;}
.wrap-bottom-cs-2025  .box>ul { display: flex; flex-wrap: wrap;}
.wrap-bottom-cs-2025  .box>ul>li {padding:10px 15px; box-sizing: border-box;}
.bottom-type12 .wrap-bottom-cs-2025  .box>ul>li {padding:10px 0; box-sizing: border-box;}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(1) {width: 100%; border-bottom:1px solid #ccc ;}
.bottom-type12 .wrap-bottom-cs-2025  .box>ul>li:nth-child(1) {width: 100%; border-bottom:none;}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(1)>dd {width: 840px;}
.bottom-type12 .wrap-bottom-cs-2025  .box>ul>li:nth-child(1)>dd {width: 875px;}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(2) {border-right:1px solid #ccc ;}
.bottom-type12 .wrap-bottom-cs-2025  .box>ul>li:nth-child(2) {border-right:none;}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(2)>dd>input:nth-child(1) {width: 80px;}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(2)>dd>input:nth-child(3) {width: 100px;}
.wrap-bottom-cs-2025 .box>ul>li:nth-child(2)>dd>input:last-child {width: 100px;}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(2), .wrap-bottom-cs-2025  .box>ul>li:nth-child(3) {width: 50%;}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(2)>dd>input {text-align: center;}
.wrap-bottom-cs-2025  .box li dt { height:40px;line-height:40px;padding-top:0;width:100px; text-align: left;}
.wrap-bottom-cs-2025  .box li.nopadd { padding:0;}
.wrap-bottom-cs-2025  .box li:last-child  {border-bottom:0 }
.wrap-bottom-cs-2025 .txt-scroll-box p strong { font-size:17px;color:#000;}
.wrap-bottom-cs-2025 .txt-scroll-box li { line-height:1.5;font-size:14px;}

.wrap-bottom-cs-2025 label input[type="checkbox"]{ position: absolute; z-index: -1; background: transparent; opacity: 0; }
.wrap-bottom-cs-2025 label { overflow: hidden; position: relative; display: inline-block; line-height: 1; cursor: pointer }
/*.wrap-bottom-cs-2025 label { margin-right: 40px; margin-bottom:15px;vertical-align:top;}*/
.wrap-bottom-cs-2025 label:last-child span:before { display: inline-block; content: ''; position: relative; box-sizing: border-box; width: 12px; height: 12px; border: 1px solid #282e40; margin-right: 7px; }
.wrap-bottom-cs-2025 label:last-child input[type="checkbox"]:checked + span:after { display: inline-block; content: ''; box-sizing: border-box; position: absolute; left: 4px; top: 3px; width: 4px; height: 7px; transform: rotate(45deg); border-bottom: 2px solid #e10060; border-right: 2px solid #e10060; }
.wrap-bottom-cs-2025 .txt-scroll-box { height: 200px; background: #fff; overflow-y: scroll; box-sizing: border-box; padding: 15px; font-size: 15px; }
.wrap-bottom-cs-2025 .txt-scroll-box p { line-height: 1.5; color: #82848b; font-size:14px}
.wrap-bottom-cs-2025 .txt-scroll-box p strong { }
.wrap-bottom-cs-2025 .txt-scroll-box + label { margin-top: 20px; }
.wrap-bottom-btn-2025 { width: 100%; margin-top:0; text-align:center;}
.wrap-bottom-btn-2025 a { display:block;}
.wrap-bottom-btn-2025 a span { display:block !important;width:100% !important;font-size:30px  !important;height:70px !important;line-height:70px !important;border-radius:0 !important}
.wrap-bottom-cs-2025  .box-bottom { padding:20px 0 15px; margin-left: 10px; float: left;}
.bottom-type12 .wrap-bottom-cs-2025  .box-bottom { padding:10px 0 10px 15px;margin-left: 0; }
.wrap-bottom-cs-2025  .box-bottom a { color: #AAA; font-size: 16px;}
.wrap-bottom-cs-2025 .stit {padding-top:0; height:auto; padding-bottom:15px; margin-left: 10px; width: 1000px; text-align: left;}


        /* 체크박스 숨기기 */
        .wrap-bottom-cs-2025 .menu-chk .checkbox {
            display: none;
        }

        /* 라벨을 버튼처럼 스타일링 */
.wrap-bottom-cs-2025 .menu-chk {width: 245px; height: 45px; text-align: center; margin-bottom: 12px;}
        .wrap-bottom-cs-2025 .menu-chk span {
            display: inline-block;
            padding: 5px 20px;
            font-size: 16px;
			font-family: 'NanumSquareNeoBold';
            border: 1px solid #282e40;
            background-color: transparent;
            color: #282e40;
            border-radius: 5px;
            cursor: pointer;
            transition: all 0.3s;
			width: 95%;
			height: 100%;
			box-sizing: border-box;
			vertical-align: middle;
			align-items: center;
			align-content: center;
        }
.wrap-bottom-cs-2025 .menu-chk span:hover {
            background-color: #282e40;
            color: white;
}

        /* 체크된 버튼 스타일 */
        .wrap-bottom-cs-2025 .menu-chk .checkbox:checked + span {
            background-color: #282e40;
            color: white;
            border-radius: 5px;
            padding: 10px 20px;
            display: inline-block;
        }

.wrap-bottom-cs-2025 .selectric-wrapper {width: 355px;}
.bottom-type12 .wrap-bottom-cs-2025 .selectric-wrapper {width: 385px;}
.wrap-bottom-cs-2025 .selectric-wrapper .selectric {background-color: transparent; border: 1px solid #DDD;}
.bottom-type12 .wrap-bottom-cs-2025 .selectric-wrapper .selectric {background-color: transparent; border:none; border-bottom: 1px solid #282e40;}
.bottom-type12 .wrap-bottom-cs-2025 .selectric-wrapper .selectric .button {color: #282e40;}
.bottom-type12 .wrap-bottom-cs-2025 .selectric-wrapper .selectric .button:after {border-top-color: #282e40;}
.wrap-bottom-cs-2025 .selectric-wrapper .selectric .label {font-size: 16px; height: 40px; font-family: 'NanumSquareNeoBold';}


.wrap-bottom-cs-2025 .wrap-bottom-btn-new {border-radius: 0 0 20px 20px;}
.wrap-bottom-cs-2025 .wrap-bottom-btn-new a {border-radius: 0 0 20px 20px;}
.sub .wrap-bottom-cs-2025 .wrap-bottom-btn-new .btn.bgPink {
    border: 0;
	font-family: 'NanumSquareNeoExtraBold';
	font-size: 28px;
    background: #e10060;
    color: #fff;
    border-radius: 0 0 20px 20px;
	width: 100%;
	height: 70px;
	line-height: 70px;
}
.bottom-type12 .wrap-bottom-cs-2025 .wrap-bottom-btn-new .btn.bgPink {
    border-radius: 0 0 20px 20px;
	width: 100%;
}
.bottom-type12 .wrap-bottom-cs-2025 .wrap-bottom-btn-new {width: 82%; margin: 0 auto;}


@media screen and (max-width:1200px) {

.wrap-bottom-cs-2025 .menu-chk {width: 46%; height: 45px;margin-bottom: 12px;}
.bottom-type11 .inner form {width: 100%; max-width: 100%;}
.wrap-bottom-cs-2025 {max-width:100%; width: 100%;}
.wrap-bottom-cs-2025 .inner {width: 100%; max-width: 100%;}
.wrap-bottom-cs-2025 .box li dt { width:100%; font-size: 16px;}
.wrap-bottom-cs-2025 input  { padding-left:0;}
.wrap-bottom-cs-2025 .txt-scroll-box { height:100px;;}
.wrap-bottom-cs-2025  .box-bottom  {font-size:13px; margin-left: 20px;}
	.bottom-type12 .wrap-bottom-cs-2025  .box-bottom  {margin-left: 10px;}
.wrap-bottom-cs-2025 label { width:100%;}
.wrap-bottom-cs-2025 .stit {padding-bottom:15px; margin-left: 0; width: 90%;}
.wrap-bottom-cs-2025 dl {  
	font-size: 17px; 
	width: 100%; 
	padding:20px 0 10px;
}
.wrap-bottom-cs-2025 .title-sub {
	font-size: 17px;
	margin-bottom: 30px;
}
.wrap-bottom-cs-2025 .title-sub:after {
	display: block;
	content: ''; 
	clear: both; 
	position: absolute; 
	width: 90%; 
		top: 140px;
}
	.bottom-type12 .wrap-bottom-cs-2025 .title:after {  
	display: block;
	content: ''; 
	clear: both; 
	position: absolute; 
	width: 90%;
}
.wrap-bottom-cs-2025 .menu-chk span {
            padding: 5px 20px;
            font-size: 14px;
			width: 95%;
			height: 100%;
        }
.wrap-bottom-cs-2025 .menu-chk span:hover {
            background-color: white;
            color: #282e40;
}

.wrap-bottom-cs-2025 .box {
    width: 90%;
}
	.wrap-bottom-cs-2025 input {
    font-size: 17px;
    padding: 0;
}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(1)>dd {width: 100%;}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(2), .wrap-bottom-cs-2025  .box>ul>li:nth-child(3) {width: 100%;}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(2)>dd>span {padding:0 5px;}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(2) {border-right:none;border-bottom: 1px solid #ccc;}
	.bottom-type12 .wrap-bottom-cs-2025  .box>ul>li:nth-child(2) {border-right:none;border-bottom:none;}
	.wrap-bottom-cs-2025  .box>ul>li:nth-child(2)>dd>input {text-align: center;}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(2)>dd>input:nth-child(1) {width: 65px;}
.wrap-bottom-cs-2025  .box>ul>li:nth-child(2)>dd>input:nth-child(3) {width: 90px;}
.wrap-bottom-cs-2025 .box>ul>li:nth-child(2)>dd>input:last-child {width: 90px;}
	
.wrap-bottom-cs-2025 .selectric-wrapper {width: 100%;}
.wrap-bottom-cs-2025 dl dd { width: 100%;}
	
.wrap-bottom-cs-2025 .box-bottom a {
    font-size: 12px;
}
	
.sub .wrap-bottom-cs-2025 .wrap-bottom-btn-new .btn.bgPink {
    font-size: 20px;
	height: 50px;
	line-height: 50px;
}
.wrap-bottom-cs-2025 .line-cc {  
	margin-bottom: 53px;
}
	.bottom-type12 .wrap-bottom-cs-2025 .wrap-bottom-btn-new {width: 90%; margin: 0 auto;}
	.bottom-type12 .wrap-bottom-cs-2025 .selectric-wrapper {width: 100%;}
	.bottom-type12 .wrap-bottom-cs-2025  .box>ul>li:nth-child(1)>dd {width: 100%;}
	.bottom-type12 .wrap-bottom-cs-2025  .box>ul>li:nth-child(2)>dd>input:nth-child(1) {width: 22%;}
	.bottom-type12 .wrap-bottom-cs-2025  .box>ul>li:nth-child(2)>dd>input:nth-child(3) {width: 31%;}
	.bottom-type12 .wrap-bottom-cs-2025 .box>ul>li:nth-child(2)>dd>input:last-child {width: 31%;}
	
.wrap-bottom-btn-new a span { display:block !important;width:100% !important;font-size:20px  !important;height:50px !important;line-height:50px !important;border-radius:0 !important}
	
}


/* 20주년 기념 100기 출정식 */
.cere_mo {display: none;}

.ceremony_logo {padding-top: 80px;}

.wrap.sub .cere_wrap {
  padding-top: 0px;
  padding-bottom: 0px;
  background: url('../images/temp/ring1_05.png') top center no-repeat,
       linear-gradient(to right,#09112c,#0d3875 50%,#09112c);
  background-blend-mode: color-dodge, normal;
}

.cere_title { width: 100%; height: 580px; margin: 0 auto;}
.cere_title .logo {padding-bottom: 30px;}
.cere_title p {color: #66bccd; font-size: 23px; font-family: 'NanumSquareNeoBold'; letter-spacing: 2px;}
.cere_title .vline{
  display:block;
  width:1px;
  height:20px;
  background:#66bccd;
  margin:10px auto;
}
.cere_title .aniv_subtitle {margin-top: 5px;}
.cere_title .aniv_title {font-size: 31px; font-family: 'NanumSquareNeoExtraBold'; letter-spacing: 0.5px;}
.cere_title .aniv_sub {color: white; font-size: 13px; font-family: 'NanumSquareNeoBold'; letter-spacing: 0px; line-height: 1.5em; padding-top: 20px;}
.cere_title .aniv_sub2 {color: white; font-size: 22px; font-family: 'NanumSquareNeoExtraBold'; letter-spacing: 0.5px; line-height: 2em; padding-top: 10px;}

.cere_sub {height: 170px; width: 100%;}

.cere_box {margin: 0 auto; width: 640px; height: 150px; border: 2px solid #66bccd; align-items: center; align-content: center; color: #66bccd; font-family: 'NanumSquareNeoBold'; font-size: 17px; line-height: 1.4em;}
.cere_box p:first-child {font-size: 26px; padding-bottom: 20px;}


.cere_sketch {padding-top: 30px; color: white; font-family: 'NanumSquareNeoBold';}
.sketch_mini {color: #66bccd; font-size: 16px; font-family: 'NanumSquareNeoExtraBold';}
.sketch_title {font-size: 40px; padding: 30px 0;}
.sketch_sub {line-height: 1.5em; font-size: 17px; padding-bottom: 50px;}

.cere_video iframe {width:1000px; height:563px; margin: 0 auto;}

.cere_button ul {display: flex; flex-direction: row; justify-content: center; margin: 20px 0 80px;}
.cere_button li {width: 300px; height: 60px; align-content: center; margin: 0 30px;}
.cere_button li a {color: #0d254c; font-family: 'NanumSquareNeoExtraBold'; background-color: white; padding: 20px 90px; border: solid 1px white;}
.cere_button li a:hover {color: white; background-color: #0d254c;}


.cere_line {padding: 25px 0;}
.divider
{
  position: relative;
  height: 2px;
}

.div-transparent
{
  width: 100%;
	max-width: 1000px;
  height: 2px;
	background-color: #74fb93;
	margin: 0 auto;
}

.div-tab-down:after
{
  content: "";
  position: absolute;
  z-index: 1;
  top: -22px;
  left: calc(50% - 70px);
  width: 120px;
  height: 40px;
  border: 4px solid transparent;
  border-radius: 30px;
  background-image: linear-gradient(#0d3875, #0d3875), linear-gradient(to bottom, #43ea80,  #38f8d4);
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.div-tab-down span {
	position: absolute;
	z-index: 2;
	top: -7px;
	left: calc(50% - 47px);
	color: white;
	font-family: 'NanumSquareNeoBold';
	font-size: 14px;
}


/*슬라이드*/
.cere_photo  {!important;margin:80px auto 0; box-sizing:border-box; padding-bottom: 70px; width: 950px; display: flex; flex-direction: row;justify-content: flex-end;}
.cere_photo .swiper-container {width: 650px; height: 300px; margin: 0 0; }
.cere_photo .swiper-slide { filter: brightness(100%); background-size: cover;position:relative;}
.cere_photo .swiper-slide img { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.cere_photo .swiper-button-next { background: url("../images/icon/arrow_next2.png") no-repeat center top !important;top:50%;background-size:50px 50px;width:50px;height:50px; right: 0px; opacity: 0.7;}
.cere_photo .swiper-button-prev { background: url("../images/icon/arrow_prev2.png") no-repeat center top !important; top:50%;background-size:50px 50px;width:50px;height:50px; left: 0px; opacity: 0.7;}
.cere_photo .swiper-slide p { width:100%;height:0px;text-align:center;color:#fff;font-size:19px;font-weight:bold;line-height:58px;background-color:rgba(0,0,0,.5);position:absolute;bottom:0}

.cere_photo .photo_txt {color: white; font-family: 'NanumSquareNeoBold'; font-size: 25px; text-align: left; width: 300px; align-content: center; align-items: center; line-height: 1.3em;}
.cere_photo .photo_txt span {font-size: 17px; color: #74fb93; line-height: 1em;}
.cere_photo .photo_txt p {margin-top: 30px; letter-spacing: 0.5px;}

.cere_photo.sec2 {margin-top: 10px; flex-direction: row-reverse;}
.cere_photo.sec2 .photo_txt {text-align: right;}
.cere_photo.sec3 {margin-top: 10px; padding-bottom: 150px;}


.cere_rev {
	width: 100%;
	height: 200px;
background-color: black;}

/* ====== CSS ====== */
:root{
  --item-w: 250px;   /* 이미지 카드 가로 */
  --item-h: 200px;   /* 이미지 카드 세로 */
  --gap: 0px;       /* 카드 간격 */
  --duration: 30s;   /* 한 사이클 시간(느리게=크게, 빠르게=작게) */
}

.loop-scroller{
  position: relative;
  overflow: hidden;
  width: 100%;
  /* 양 끝 부드럽게 사라지는 마스크(옵션) */
  -webkit-mask-image: linear-gradient(
      to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) 15%,
    rgba(0,0,0,.85)   30%,
    rgba(0,0,0,.85)   70%,
    rgba(0,0,0,0) 85%,
    rgba(0,0,0,0) 100%
  );
          mask-image: linear-gradient(
      to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) 15%,
    rgba(0,0,0,.85)   30%,
    rgba(0,0,0,.85)   70%,
    rgba(0,0,0,0) 85%,
    rgba(0,0,0,0) 100%
  );
}

.loop-track{
  display: flex;
  gap: var(--gap);
  width: max-content;
  animation: scroll-left var(--duration) linear infinite;
  will-change: transform;
}
.loop-scroller:hover .loop-track{ animation-play-state: paused; } /* 호버 시 일시정지(옵션) */

@keyframes scroll-left{
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-1 * (var(--item-w) + var(--gap)) * 12)); }
  /* 12장은 원본 개수 — 복제분까지 합치면 총 24장이며,
     딱 절반(원본 12장)만큼 이동하면 끊김 없이 반복됩니다. */
}

/* 카드와 캡션 */
.loop-track .card{
  position: relative;
  width: var(--item-w);
  height: var(--item-h);
  flex: 0 0 var(--item-w);
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.15);
  background: #111;
}
.loop-track .card img{
  width: 100%; height: 100%;
  object-fit: cover; display: block;
 opacity: 0.7;
}

/* 하단에 캡션 오버레이 */
.loop-track .card .caption{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 8px 10px;
  font-size: 12px; line-height: 1.3; color: #fff;
  text-align: center;
font-family: 'NanumSquareNeoBold'
}

/* 접근성: 모션 줄이기 선호 시 멈춤 */
@media (prefers-reduced-motion: reduce){
  .loop-track{ animation: none; }
}



@media screen and (max-width:1200px) {
	
	.cere_pc {display: none;}
	.cere_mo {display: block;}
	
	
  .wrap.sub .cere_wrap {
    /* 원하는 대로만 바꾸면 됨 */
    --img-width: 160%;   /* ← 이미지 가로 배율(예: 120~180%) */
    --img-pos-x: 50%;    /* ← 가로 포커스(0% left ~ 100% right) */
    --img-pos-y: 0%;     /* ← 세로 포커스(0% top ~ 100% bottom) */

    /* 가로 기준 배율: 비율 유지 위해 height는 auto */
    background-size: var(--img-width) auto, 100% 100%;
    background-position: var(--img-pos-x) var(--img-pos-y), center;

    /* 섹션이 너무 낮아 보이면 최소 높이로 체감 키우기 (옵션) */
    min-height: 55vh;
  }
	
/* iPhone Safari(터치 디바이스) 한정 오버라이드 */
@supports (-webkit-touch-callout: none) {
  @media (hover: none) and (pointer: coarse) {
    .wrap.sub .cere_wrap{
      /* iPhone에서만 이미지 레이어 배율/포커스 조정 */
      background-size: 130%, 100% 100%;   /* 150~180% 사이로 조절 */
      background-position: 50% 2%, center;     /* 초점 Y를 살짝 위로(0~10%) */
      min-height: clamp(320px, 58svh, 640px);  /* 높이 안정화 */
    }
  }
}
	
	
.cere_title { height: 450px;}
.cere_title .logo {padding-bottom: 20px;}
.cere_title .logo img {width: 150px;}
.cere_title .big_logo img {width: 80%;}
.cere_title p {font-size: 18px;}
.cere_title .aniv_subtitle {margin-top: 5px;}
.cere_title .aniv_title {font-size: 23px;}
.cere_title .aniv_sub {font-size: 13px; line-height: 1.5em;}
.cere_title .aniv_sub2 {font-size: 16px;}
	
	
.cere_sub {height: 200px; width: 100%;}

.cere_box {margin: 0 auto; width: 80%; height: 180px; font-size: 14px;}
.cere_box p:first-child {font-size: 20px; font-family: 'NanumSquareNeoExtraBold';}
	

.cere_sketch {width: 80%; margin: 0 auto;}
.sketch_mini {color: #66bccd; font-size: 16px; font-family: 'NanumSquareNeoExtraBold';}
.sketch_title {font-size: 25px; line-height: 1.3em;}
.sketch_sub {line-height: 1.5em; font-size: 14px; padding-bottom: 50px;}
	
.cere_video iframe {width: 100vw; height: min(100dvh, calc(100vw * 9/16));}

.cere_button ul {margin: 20px 0 50px;}
.cere_button li {width: 155px; height: 60px; margin: 0 10px;}
.cere_button li a {padding: 15px;}
	
.cere_line {padding: 10px 0;}
.divider
{
  position: relative;
  height: 2px;
}

.div-transparent
{
  width: 85%;
}
	
	
/*슬라이드*/
.cere_photo  {!important;margin:50px auto 0; padding-bottom: 30px; width: 100%; flex-direction: column; justify-content: center;}
.cere_photo .swiper-container {width: 80%; height: 280px; margin: 0 auto; }

.cere_photo .photo_txt {color: white; font-family: 'NanumSquareNeoBold'; font-size: 20px; text-align: center; width: 80%; align-content: center; align-items: center; line-height: 1.3em; margin: 0 auto;}
.cere_photo .photo_txt span {font-size: 14px; color: #74fb93; line-height: 1em;}
.cere_photo .photo_txt p {margin-top: 15px; letter-spacing: 0.5px;}

.cere_photo.sec1 .photo_txt {text-align: left;}	
.cere_photo.sec2 {margin-top: 20px; flex-direction: column;}
.cere_photo.sec2 .photo_txt {text-align: right;}
.cere_photo.sec3 {margin-top: 20px; padding-bottom: 100px;}
.cere_photo.sec3 .photo_txt {text-align: left;}	
	
	

.loop-scroller{
  position: relative;
  overflow: hidden;
  width: 100%;
  /* 양 끝 부드럽게 사라지는 마스크(옵션) */
  -webkit-mask-image: linear-gradient(
      to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.85)   0%,
    rgba(0,0,0,.85)   100%,
    rgba(0,0,0,0) 100%,
    rgba(0,0,0,0) 100%
  );
          mask-image: linear-gradient(
      to right,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,.85)   0%,
    rgba(0,0,0,.85)   100%,
    rgba(0,0,0,0) 100%,
    rgba(0,0,0,0) 100%
  );
}

.loop-track{
  display: flex;
  gap: var(--gap);
  width: max-content;
  animation: scroll-left var(--duration) linear infinite;
  will-change: transform;
}
.loop-scroller:hover .loop-track{ animation-play-state: paused; } /* 호버 시 일시정지(옵션) */

@keyframes scroll-left{
  from { transform: translateX(0); }
  to   { transform: translateX(calc(-1 * (var(--item-w) + var(--gap)) * 12)); }
  /* 12장은 원본 개수 — 복제분까지 합치면 총 24장이며,
     딱 절반(원본 12장)만큼 이동하면 끊김 없이 반복됩니다. */
}

/* 카드와 캡션 */
.loop-track .card{
  position: relative;
  width: var(--item-w);
  height: var(--item-h);
  flex: 0 0 var(--item-w);
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.15);
  background: #111;
}
.loop-track .card img{
  width: 100%; height: 100%;
  object-fit: cover; display: block;
 opacity: 0.5;
}

/* 하단에 캡션 오버레이 */
.loop-track .card .caption{
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 8px 10px;
  font-size: 12px; line-height: 1.3; color: #fff;
  text-align: center;
font-family: 'NanumSquareNeoBold'
}

/* 접근성: 모션 줄이기 선호 시 멈춤 */
@media (prefers-reduced-motion: reduce){
  .loop-track{ animation: none; }
}
	
	
	
}


/*취업연계방법 2025*/
.con_mo {display: none;}

.con_bg {background-color: #f4f2f0;}
.con_wrap {
	width: 1100px;
	margin: 0 auto;
	padding: 100px 0;
}
.con_wrap div {
	font-family: 'NanumSquareNeoExtraBold';
	text-align: center;
	font-size: 25px;
	color: #30395b;
}
.con_title {
	border-bottom: 3px solid #30395b;
	border-top: 3px solid #30395b;
	padding: 15px 0;
	margin: 30px 0 20px;
}
.con_title p {
	font-family: 'NanumSquareNeoBold';
	font-size: 57px;
}
.con_title span {
	font-family: 'NanumSquareNeoHeavy';
}
.con_sub p {
	font-family: 'NanumSquareNeoBold';
	font-size: 28px;
	line-height: 1.4em;
	margin-bottom: 70px;
}

.con_box_wrap {
	display: flex;
	position: relative;
	margin-bottom: 120px;
}
.con_box {
	background-color: white;
	box-shadow: 0 0 0 1px #adacac;
	border-radius: 7px;
	width: 275px;
	position: relative;
}
.circle {
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
	width: 100px;
	height: 100px;
	background-color: #f4f2f0;
	border-radius: 50px;
	border: 1px solid transparent;
	box-sizing: border-box;
	background-origin: border-box;
	background-clip: content-box, border-box;
	background-image: linear-gradient(#f4f2f0, #f4f2f0), linear-gradient(180deg, #f4f2f0 49%, #adacac 50%);
	align-content: center;
}
.circle p {padding-top: 40px;}

.con_box_title {
	padding-top: 100px;
	line-height: 1.3em;
}
.con_box_title p {font-size: 30px;}
.con_box_title span {
	color: #444;
	font-family: 'NanumSquareNeoBold';
}
.con_box_icon {padding: 30px 0 35px;}
.con_box_sub p {
	color: #444;
	font-family: 'NanumSquareNeo';
	font-size: 19px;
	line-height: 1.4em;
	padding-bottom: 100px;
}

.con_box_line {
	position: absolute;
	bottom: 10px;
	left: -1px;
	background-color: #30395b;
	text-align: center;
	height: 50px;
	width: 1102px;
	align-content: center;
}
.con_box_line p {
	font-size: 15px;
	color: #a3a5b1;
	font-family: 'NanumSquareNeoBold';
}

.con_line {
	display: flex;
	border: 2px solid #241818;
	height: 160px;
	justify-content: flex-start;
	align-items: center;
	margin-top: 40px;
}
.line1 { background-image: linear-gradient(106deg, #f4f2f0 26%, #8cd8ef 26.1%); }
.line2 { background-image: linear-gradient(106deg, #f4f2f0 26%, #a0cbf0 26.1%); }
.line3 { background-image: linear-gradient(106deg, #f4f2f0 26%, #a0adf0 26.1%); }
.line4 { background-image: linear-gradient(106deg, #f4f2f0 26%, #8cd8ef 26.1%); }
.line5 { background-image: linear-gradient(106deg, #f4f2f0 26%, #a0cbf0 26.1%); }

.con_line p {text-align: left;}
.con_line_title p {
	font-size: 40px;
	line-height: 1.3em;
	padding-left: 30px;
}
.con_line_img {align-self: flex-end; margin-bottom: -2px; padding-left: 70px; padding-right: 60px;}
.con_line_sub p {
	font-family: 'NanumSquareNeoBold';
	color: #30395b;
	line-height: 1.4em;
}
.con_line_sub p span {
	background-color: #241818;
	color: white;
	font-size: 23px; 
	padding: 5px;
}

.con_online {
	width: 300px;
	height: 70px;
	background-color: #241818;
	align-content: center;
	margin: 0 auto;
	text-align: center;
	margin-top: 50px;
}
.con_online a {
	width: 300px;
}
.con_online p {
	color: white; 
	line-height: 1em; 
	padding: 22.5px 0; 
	font-family: 'NanumSquareNeoExtraBold';
}
.con_online p span {font-family: 'NanumSquareNeo';}

.con_company {display: grid; grid-template-columns: repeat(4, 1fr); margin: 0 auto; grid-gap: 20px 10px; margin-top: 50px;}




@media screen and (max-width:1200px) {
	.con_pc {display: none;}
	.con_mo {display: block;}
.con_wrap {
	width: 83%;
	padding: 80px 0;
}
.con_wrap div {
	font-size: 19px;
	letter-spacing: -0.3px;
}
.con_title {
	margin: 12px 0;
}
.con_title p {
	font-size: 30px;
	line-height: 1.3em;
	letter-spacing: -1px;
}
.con_sub p {
	font-size: 16px;
	line-height: 1.4em;
	margin-bottom: 50px;
}

.con_box_wrap {
	flex-wrap: wrap;
	margin-bottom: 80px;
	gap: 0 7px;
}
.con_box {
	width: 48.5%;
	margin-bottom: 15px;
}
.circle {
	top: -40px;
	width: 80px;
	height: 80px;
	background-color: transparent;
	background-image: linear-gradient(transparent 47%, #f4f2f0 47%), linear-gradient(180deg, transparent 49%, #adacac 50%);
}
.circle p {padding-top: 30px;}
	
.con_box_title {
	padding-top: 60px;
}
.con_box_title p {font-size: 20px; line-height: 1.3em;}
.con_box_icon {padding: 20px 50px 25px;}
.con_box_sub p {
	font-size: 14px;
	padding: 0 15px 30px;
	word-break: keep-all;
}

.con_box_line {
	position:static;
	bottom: 0px;
	left: 0px;
	height: 100px;
	width: 100%;
	margin-top: 0px;
	border-radius: 7px;
}
.con_box_line p {
	line-height: 1.3em;
}
	
.con_line {
	display: flex;
	flex-direction: column;
	height: 340px;
	justify-content: space-between;
	align-items: center;
	margin-top: 40px;
}
.line1 { background-image: linear-gradient(180deg, #f4f2f0 18%, #8cd8ef 18.1%); }
.line2 { background-image: linear-gradient(180deg, #f4f2f0 18%, #a0cbf0 18.1%); }
.line3 { background-image: linear-gradient(180deg, #f4f2f0 18%, #a0adf0 18.1%); }
.line4 { background-image: linear-gradient(180deg, #f4f2f0 18%, #8cd8ef 18.1%); }
.line5 { background-image: linear-gradient(180deg, #f4f2f0 18%, #a0cbf0 18.1%); }

.con_line p {text-align: center;}
.con_line_title p {
	font-size: 26px;
	line-height: 1.3em;
	padding-left: 0px;
	padding-top: 15px;
}
.con_line_img {align-self: flex-end; margin-bottom: -2px; padding-left: 30px; padding-right: 30px;}
.con_line_sub p {
	font-family: 'NanumSquareNeoBold';
	color: #30395b;
	line-height: 1.5em;
	font-size: 20px;
}
.con_line_sub p span {
	background-color: #241818;
	color: white;
	font-size: 18px; 
	padding: 3px;
}

.con_online {
	width: 250px;
	height: 50px;
	background-color: #241818;
	align-content: center;
	margin: 0 auto;
	text-align: center;
	margin-top: 30px;
}
.con_online a {
	width: 250px;
}
.con_online p {
	color: white; 
	line-height: 1em; 
	padding: 13.5px 0; 
	font-family: 'NanumSquareNeoExtraBold';
}
.con_online p span {font-family: 'NanumSquareNeo';}

.con_company {display: grid; grid-template-columns: repeat(2, 1fr); margin: 0 auto; grid-gap: 20px 10px; margin-top: 50px;}
}


















/*	transform : rotate(0.03deg); */