@charset "euc-kr";
@import url('fonts_pre.css');
@import url('swiper-bundle.min.css');
@import url('slick.min.css');
@import url('xeicon.min.css');

/* common */
html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size: 3.467vw; /* 26px */}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0;}select{-webkit-appearance:none; -moz-appearance:none; appearance:none; border: 0;}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}a{color:inherit;text-decoration: none;}
html {
	/* Prevent font scaling in landscape */
	-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
	-moz-text-size-adjust: none; /*Firefox*/
	-ms-text-size-adjust: none; /*Ie*/
	-o-text-size-adjust: none; /*old versions of Opera*/
}
#changjo_mobile * {font-family: 'Pretendard',-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif; letter-spacing: -0.1vw;}
#changjo_mobile [class*=" xi-"], [class^=xi-] {font-family: 'xeicon' !important;}
img {vertical-align: middle; width: 100%;}
button {padding: 0; background: none; border: 0; cursor: pointer;}
em {font-style: normal; font-family: 'Pretendard',-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",sans-serif;}
.blind {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}
.hidden {position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden;}

body {overflow-x: hidden;}
::-webkit-scrollbar { width:1.333vw; height: 1.333vw; }
::-webkit-scrollbar-thumb { width:1.333vw; border-radius:1.333vw; background: rgba(0,0,0,.3); }
::-webkit-scrollbar-track { background:#fff}

:root {
	--white: #ffffff;
	--black: #000000;
	--color1: #2d3648;
	--color2: #c4161c;
	--color3: #eb1318;
	--color4: #c96835;
	--color5: #6e80ab;
	--color6: #4777b8;
	--red: #db5252;
	--red2: #c96835;
	--blue: #3e6db5;
	--blue2: #3f54a3;
	--blue3: #005dcc;
	--blue4: #404a5c;
	--gray:#80848e;
	--gray2:#898989;
	--gray3:#525252;
}

.white {color: var(--white) !important;}
.black {color: var(--black) !important;}
.color1 {color: var(--color1) !important;}
.color2 {color: var(--color2) !important;}
.color3 {color: var(--color3) !important;}
.color4 {color: var(--color4) !important}
.color5 {color: var(--color5) !important}
.color6 {color: var(--color6) !important}
.red {color: var(--red) !important;}
.red2 {color: var(--red2) !important;}
.blue {color: var(--blue) !important;}
.blue2 {color: var(--blue2) !important;}
.blue3 {color: var(--blue3) !important;}
.blue4 {color: var(--blue4) !important;}
.gray { color:var(--gray) !important}
.gray2 { color:var(--gray2) !important}
.gray3 { color:var(--gray3) !important}

/************************************************************************************************************************************************
	Àüü ÆäÀÌÁö °øÅë
************************************************************************************************************************************************/
/* Çì´õ */
.header {display: flex; align-items: center; justify-content: space-between; position: relative; padding: 0 4.762vw; width: 100%; height: 16.667vw; background-color: #fff;}
.header h1 {width: 57.667vw;}
.header h1 a {display: block; width: 40.238vw; height: 8.095vw;}
.header .top_banner {visibility: hidden; display: flex; gap: 2.381vw;}
.header .top_banner .bn_kakaotalk {display: block; width: 11.905vw; height: 11.905vw;}
.header .top_banner .bn_counseling {display: flex; align-items: center; justify-content: center; width: 11.905vw; height: 11.905vw; color: #fff; font-size: 3.095vw; font-weight: 600; line-height: 1.1; background-color: #c4161c; border-radius: 100%;}
.header .btn_gnb {width: 8.333vw; height: 5.476vw;}
.header .btn_save {}

.header.fixed {position: sticky; top: 0; left: 0; background-color: #f6f6f6; z-index: 100;}
.header.fixed .top_banner {visibility: visible;}
.header.fixed .btn_back { margin-left: -2vw; padding: 2vw; }
.header.fixed .btn_back img {width: 3.733vw; height: 6vw;}
.header.fixed p {margin: 0 auto; padding-left: 4.133vw; color: #101c33; font-size: 5.6vw; font-weight: 700;}


/* ³×ºñ°ÔÀÌ¼Ç */
.nav {padding: 0 4.762vw 0 2.976vw; width: 100%; height: 11.905vw;}
.nav .nav_list {display: flex; height: 100%;}
.nav .nav_list li {height: 100%;}
.nav .nav_list li a {display: flex; align-items: center; padding: 0 1.786vw; width: 100%; height: 100%; color: #000; font-size: 4.048vw; font-weight: 500;}


/* ³×ºñ°ÔÀÌ¼Ç - Àüü ¸Þ´º ·¹À̾î */
.gnb {overflow-y: auto; position: fixed; top: 0; right: -100%; width: 100%; height: 100%; background-color: #fff; z-index: 999;}
.gnb .gnb_wrap {position: relative; padding-bottom: 11.905vw; min-height: 100%;}
.gnb .gnb_header {padding: 4.762vw; width: 100%; height: 42.262vw; background-color: #c4161c;}
.gnb .btn_close {float: right;}
.gnb .btn_close {width: 7.619vw; height: 7.619vw;}

.gnb .gnb_login {padding-top: 7.143vw;}
.gnb .login_box p {margin-bottom: 5.357vw; color: #fff; font-size: 5.476vw;}
.gnb .login_box p strong {font-weight: 700;}
.gnb .login_box div {display: flex; gap: 2.381vw;}
.gnb .login_box div a {display: flex; align-items: center; justify-content: center; width: 35.714vw; height: 11.905vw; font-size: 4.286vw; font-weight: 500; border-radius: 1.190vw;}

.gnb .login_before .before_btn .btn_signup {color: #c4161c; background-color: #fff;}
.gnb .login_before .before_btn .btn_login {color: #fff; background-color: #c4161c; border: 0.357vw solid #fff;}

.gnb .login_after .after_btn .btn_my {color: #c4161c; background-color: #fff;}
.gnb .login_after .after_btn .btn_logout {color: #fff; background-color: #c4161c; border: 0.357vw solid #fff;}

.gnb .gnb_list .list_quick {display: flex; align-items: center; justify-content: space-evenly; width: 100%; height: 21.786vw; background-color: #fafbfd; border-bottom: 0.357vw solid #edeff2;}
.gnb .gnb_list .list_quick a {color: #152241; font-size: 4.286vw; font-weight: 500; text-align: center;}
.gnb .gnb_list .list_quick a img {margin-bottom: 1.786vw; width: 7.857vw; height: 7.857vw;}
.gnb .gnb_list .list_quick a span {display: block;}

.gnb .gnb_list .list_wrap {display: flex;}
.gnb .gnb_list .list_left {padding-top: 1.786vw; padding-bottom: 11.905vw; width: 39.643vw; border-right: 0.357vw solid #edeff2;}
.gnb .gnb_list .list_left .gnb_1depth li a {display: flex; padding: 2.976vw 4.762vw; color: #000; font-size: 4.524vw; font-weight: 600;}
.gnb .gnb_list .list_left .gnb_1depth li a .dot {display: inline-block; margin-top: -0.357vw; margin-left: 0.952vw; width: 1.667vw; height: 1.667vw; background-color: transparent; border-radius: 100%;}
.gnb .gnb_list .list_left .gnb_1depth li.on a {color: #c4161c;}
.gnb .gnb_list .list_left .gnb_1depth li.on a .dot {background-color: #c4161c;}

.gnb .gnb_list .list_right div {display: none;}
.gnb .gnb_list .list_right .gnb_2depth > li a {display: flex; padding: 4.762vw 4.762vw; color: #000; font-size: 4.167vw; font-weight: 600;}
.gnb .gnb_list .list_right .gnb_2depth > li:has(.gnb_3depth) a {padding-bottom: 2.381vw;}
.gnb .gnb_list .list_right .gnb_3depth {margin-bottom: 2.381vw;}
.gnb .gnb_list .list_right .gnb_3depth > li a {display: flex; padding: 2.381vw 4.762vw; color: #777; font-size: 3.571vw; font-weight: 400;}

.gnb .gnb_contact {position: fixed; bottom: -100%; left: 0; width: 100%; background-color: #151515;}
.gnb .gnb_contact .btn_contact {display: flex; align-items: center; justify-content: center; width: 100%; height: 11.905vw; color: #fff; font-size: 4.167vw; font-weight: 600;}
.gnb .gnb_contact .btn_contact::after {content: ""; display: inline-block; margin-left: 2.381vw; width: 3.095vw; height: 1.905vw; background-image: url(//img.artchangjo.com/mobile/images/common/btn_arr_down.png); background-size: contain; transform: rotate(180deg);}
.gnb .gnb_contact .contact_list {display: none; padding: 0.595vw 0 2.976vw;}
.gnb .gnb_contact .contact_list a {display: flex; align-items: center; justify-content: space-between; margin: 0 auto 2.381vw; padding: 0 8.095vw; width: 76.190vw; height: 13.095vw; background-color: #fff; border-radius: 6.548vw;}
.gnb .gnb_contact .contact_list a span {font-size: 4.048vw; font-weight: 600;}
.gnb .gnb_contact .contact_list a span:nth-of-type(1) {display: flex; align-items: center; gap: 1.786vw; color: #000;}
.gnb .gnb_contact .contact_list a span:nth-of-type(1)::before {content: ""; display: inline-block; width: 5.867vw; height: 5.867vw; background-image: url(//img.artchangjo.com/mobile/images/common/ico_call.png); background-size: contain;}
.gnb .gnb_contact .contact_list a span:nth-of-type(2) {color: #666;}
.gnb .gnb_contact .btn_contact.on::after {transform: rotate(0deg);}
.gnb .gnb_contact .btn_contact.on + .contact_list {display: block;}


/* ǪÅÍ */
.footer {padding-bottom: 8.929vw; background-color: #181c25;}
.footer .footer_box01 {position: relative; padding: 0 4.762vw;}
.footer h2 {padding: 7.5vw 4.048vw 5.952vw;}
.footer h2 a {display: block; width: 33.333vw; height: 6.667vw;}
.footer .btn_top {position: absolute; top: 0; right: 0; width: 14.286vw; height: 14.286vw;}

.footer .footer_box02 {padding: 0 4.762vw;}
.footer .addr {padding: 0 4.048vw; color: #d5d5d5; font-size: 3.095vw; line-height: 1.4;}
.footer .copyright {margin: 4.167vw 0 5.952vw; padding: 0 4.048vw; color: #777; font-size: 3.095vw; line-height: 1.4;}

.footer .footer_sns {height: 11.905vw; background-color: #282c34;}
.footer .footer_sns ul {display: flex; align-items: center; justify-content: space-evenly; height: 100%;}
.footer .footer_sns ul li {display: flex; align-items: center; color: #fff; font-size: 3.214vw;}
.footer .footer_sns ul li a {display: flex; align-items: center;}
.footer .footer_sns ul .sns_kakao a {display: block; width: 6.786vw; height: 6.310vw;}
.footer .footer_sns ul .sns_youtube a {display: block; width: 6.548vw; height: 4.881vw;}
.footer .footer_sns ul .sns_blog img {margin-right: 1.548vw; width: 6.548vw; height: 5.476vw;}
.footer .footer_sns ul .sns_blog a:last-of-type::before {content: ""; display: block; margin: 0 2.143vw; width: 0.238vw; height: 2.976vw; background-color: #fff;}
.footer .footer_sns ul .sns_insta img {margin-right: 1.548vw; width: 5.119vw; height: 5.119vw;}
.footer .footer_sns ul .sns_insta a:last-of-type::before {content: ""; display: block; margin: 0 2.143vw; width: 0.238vw; height: 2.976vw; background-color: #fff;}

.footer .footer_nav {padding: 2.976vw 8.690vw 1.190vw;}
.footer .footer_nav ul {display: flex; justify-content: space-evenly;}
.footer .footer_nav ul li a {display: block; padding: 2.976vw; color: #999; font-size: 3.214vw; font-weight: 600;}
.footer .footer_login ul {display: flex; justify-content: center;}
.footer .footer_login ul li {display: flex; align-items: center;}
.footer .footer_login ul li:last-of-type::before {content: ""; display: block; margin: 0 2.143vw; width: 0.119vw; height: 2.976vw; background-color: #666;}
.footer .footer_login ul li a {display: block; padding: 2.976vw 4.167vw; color: #666; font-size: 2.976vw;}


/* Ç÷¯±×ÀÎ */




/************************************************************************************************************************************************
	¸ÞÀÎ ÆäÀÌÁö
************************************************************************************************************************************************/
/* ¸ÞÀÎ ÄÜÅÙÃ÷ - ºò ¹è³Ê */
.main_visual {position: relative; width: 100%; height: 126.190vw;}
.main_visual .visual_cont .bigbn_bg {width: 100%; height: 116.667vw;}
.main_visual .visual_cont .bigbn_bg::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 116.667vw; backdrop-filter: blur(25px); z-index: 2;}
.main_visual .visual_cont .bigbn_bg .swiper-slide {width: 100%; height: 116.667vw; background-size: 120%; background-position: center bottom;}


.main_visual .bigbanner {position: absolute; top: 7.143vw; left: 4.762vw; width: 90.476vw; height: 119.048vw; border-radius: 1.190vw; box-shadow: 0 0 2.381vw rgba(0, 0, 0, .2);}
.main_visual .bigbanner .swiper-slide {width: 90.476vw; height: 119.048vw; background-size: contain;}
.main_visual .bigbanner .swiper-slide a {display: block; width: 100%; height: 100%;}
.main_visual .bigbanner .swiper-slide a .slide_text_wrap {padding: 15.476vw 5.952vw 0;}
.main_visual .bigbanner .swiper-slide a .slide_text_wrap p {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_visual .bigbanner .swiper-slide a .slide_text_wrap .slide_text01 {margin-bottom: 7.143vw; height: 11.905vw; font-size: 4.286vw; line-height: 1.4;}
.main_visual .bigbanner .swiper-slide a .slide_text_wrap .slide_text02 {margin-bottom: 7.143vw; height: 20.238vw; font-size: 7.857vw; font-weight: 700; line-height: 1.3;}
.main_visual .bigbanner .swiper-slide a .slide_text_wrap .slide_text03 {height: 10.476vw; font-size: 4.048vw; opacity: .5; line-height: 1.3;}

.main_visual .bigbanner .bigbanner__navigation {display: flex; gap: 2.381vw; position: absolute; bottom: 10.714vw; left: 28.571vw; z-index: 1;}
.main_visual .bigbanner .bigbanner__navigation .btn_bigbn {display: flex; align-items: center; gap: 2vw; padding-left: 15.476vw; width: 35.714vw; height: 13.095vw; color: #fff; font-size: 3.571vw; font-weight: 600; background-color: rgba(0, 0, 0, .4); border-radius: 6.548vw;}
.main_visual .bigbanner .bigbanner__pagination {display: flex; align-items: center; position: absolute; top: 0; left: 4.167vw; width: auto; height: 13.095vw; color: #fff; font-size: 3.571vw; font-weight: 600;}
.main_visual .bigbanner .bigbanner__navigation-btns {overflow: hidden; width: 13.095vw; height: 13.095vw;}
.main_visual .bigbanner .bigbanner__navigation-btns .play_btn {width: 13.095vw; height: 13.095vw;}
.main_visual .bigbanner .bigbanner__navigation-btns .play_btn button {width: 13.095vw; height: 13.095vw; background-color: rgba(0, 0, 0, .4); border-radius: 100%;}

.main_visual .layer_bigbn {display: none; opacity: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); z-index: 200;}
.main_visual .layer_bigbn .layer_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.main_visual .layer_bigbn .layer_inner .btn_close {margin-bottom: 4.762vw;}
.main_visual .layer_bigbn .layer_inner .btn_close img {width: 7.619vw; height: 7.619vw;}
.main_visual .layer_bigbn .layer_inner > div {margin: 0 auto; width: 78.571vw; background-color: #fff; border-radius: 0.595vw;}
.main_visual .layer_bigbn .layer_inner ul {overflow: hidden; overflow-y: auto; max-height: 80vh; border-radius: 0.595vw;}
.main_visual .layer_bigbn .layer_inner ul li {padding: 3.571vw 7.738vw; border-bottom: 0.357vw solid #edeff2;}
.main_visual .layer_bigbn .layer_inner ul li a {display: flex; align-items: center; gap: 4.762vw;}
.main_visual .layer_bigbn .layer_inner ul li a .bn_img {width: 19.048vw; height: 19.048vw; border-radius: 100%; background-repeat: no-repeat; background-size: 100%; background-position: center bottom;}
.main_visual .layer_bigbn .layer_inner ul li a p {max-height: 9.881vw; color: #000; font-size: 3.810vw; font-weight: 600; text-align: left; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}


/* ¸ÞÀÎ ÄÜÅÙÃ÷ - ÇÕ°Ý·ü */
.main_pass {margin-top: 9.524vw; padding-bottom: 21.429vw; background-image: url(//img.artchangjo.com/mobile/images/main/pass_bg.png); background-size: cover;}
.main_pass h2 {padding: 9.524vw 4.762vw 0; color: #000; font-size: 6.190vw; font-weight: 700; line-height: 1.3;}

.main_pass .pass_cont {margin-top: 11.905vw;}
.main_pass .pass_cont .count {display: flex; flex-wrap: wrap; justify-content: center;}
.main_pass .pass_cont .count .count_item {text-align: center;}
.main_pass .pass_cont .count .count_item span {display: inline-block; margin-bottom: 1.786vw; padding: 2.143vw 3.571vw; color: #fff; font-size: 4.048vw; font-weight: 600; border-radius: 4.762vw;}
.main_pass .pass_cont .count .count_item p {display: flex; align-items: baseline; justify-content: center; font-size: 4.048vw; font-weight: 600;}
.main_pass .pass_cont .count .count_item p em {overflow: hidden; display: inline-block; margin-right: 0.833vw; font-size: 6.429vw; font-weight: 600;}

.main_pass .pass_cont .count .count_item_1 {margin-right: 10.714vw;}
.main_pass .pass_cont .count .count_item_1 span {background-color: #1d5c52;}
.main_pass .pass_cont .count .count_item_1 p {color: #1d5c52;}
.main_pass .pass_cont .count .count_item_1 p em {max-width: 25.238vw;}
.main_pass .pass_cont .count .count_item_2 span {background-color: #c4151c;}
.main_pass .pass_cont .count .count_item_2 p {color: #c4151c;}
.main_pass .pass_cont .count .count_item_2 p em {max-width: 21.310vw;}
.main_pass .pass_cont .count .count_item_3 span {background-color: #152241;}
.main_pass .pass_cont .count .count_item_3 {margin-top: 5.952vw;}
.main_pass .pass_cont .count .count_item_3 p {display: flex; align-items: center; color: #152241;}
.main_pass .pass_cont .count .count_item_3 p em:nth-of-type(1) {max-width: 15.952vw;}
.main_pass .pass_cont .count .count_item_3 p em:nth-of-type(2) {max-width: 19.286vw;}
.main_pass .pass_cont .count .count_item_3 p em:last-child::before {content: ""; display: inline-block; margin: 0 3.571vw; width: 0.238vw; height: 6.905vw; background-color: #152241; transform: rotate(40deg); vertical-align: bottom;}


/* ¸ÞÀÎ ÄÜÅÙÃ÷ - Àΰ­ */
.main_best {margin-top: -4.762vw;}
.main_best h2 {padding: 0 4.762vw 6.548vw; color: #000; font-size: 6.190vw; font-weight: 700; line-height: 1.3;}

.main_best .best_cont .classbox .swiper-slide {width: 85.714vw; height: 97.619vw;}
.main_best .best_cont .classbox .swiper-slide a {display: block; width: 85.714vw; height: 83.333vw;}
.main_best .best_cont .classbox .swiper-slide span {display: inline-block; margin: 3.571vw 2.381vw 0 0; padding: 2.381vw 3.571vw; color: #097867; font-size: 3.810vw; border: 0.357vw solid #097867; border-radius: 4.762vw;}


/* ¸ÞÀÎ ÄÜÅÙÃ÷ - âÁ¶ tube + °øÁö»çÇ× + ÆíÀÔ´º½º (bg img °øÅë) */
.main_tube_news {background-image: url(//img.artchangjo.com/mobile/images/main/tube_news_bg.png); background-size: cover;}

/* ¸ÞÀÎ ÄÜÅÙÃ÷ - âÁ¶ tube */
.main_tube {margin-top: 10.714vw;}
.main_tube h2 {padding: 9.524vw 4.762vw 5.952vw; color: #000; font-size: 6.190vw; font-weight: 700; line-height: 1.3;}
.main_tube h2 .btn_more {margin-left: 0.952vw; vertical-align: 0.952vw;}
.main_tube h2 .btn_more img {width:4.524vw; height: 4.524vw;}

.main_tube .tubebox .swiper-wrapper {padding-left: 4.762vw;}
.main_tube .tubebox .swiper-slide {width: 73.810vw;}
.main_tube .tubebox .swiper-slide a {overflow: hidden; display: block; position: relative; width: 73.810vw; height: 41.429vw; border-radius: 1.190vw;}
.main_tube .tubebox .swiper-slide a .btn_play {display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10.714vw; height: 10.714vw; color: transparent; font-size: 0; background-image: url(//img.artchangjo.com/mobile/images/main/btn_play.png); background-size: contain;}

.main_tube .tubebox .tubebox__pagination {display: flex; align-items: center; justify-content: center; gap: 2.262vw; margin-top: 4.762vw;}
.main_tube .tubebox .tubebox__pagination .swiper-pagination-bullet {opacity: 1; margin: 0; width: 2.262vw; height: 2.262vw; background-color: #bfbdbd; border-radius: 1.190vw; transition: all .3s;}
.main_tube .tubebox .tubebox__pagination .swiper-pagination-bullet-active {width: 7.143vw; background-color: #000;}


/* ¸ÞÀÎ ÄÜÅÙÃ÷ - °øÁö»çÇ× + ÆíÀÔ´º½º */
.main_news {padding-bottom: 10.714vw;}
.main_news h2 {padding: 5.952vw 4.762vw 7.143vw; color: #000; font-size: 6.190vw; font-weight: 700; line-height: 1.3;}

/* °øÁö»çÇ× */
.main_news .notice_cont {margin: 0 4.762vw 2.381vw; padding: 4.167vw 5.952vw; background-color: #fff; border-radius: 1.190vw;}
.main_news .notice_cont h3 {display: inline-block; margin-bottom: 4.167vw; padding: 1.548vw 2.381vw; color: #bd7f06; font-size: 3.929vw; font-weight: 600; border: 0.357vw solid #bd7f06; border-radius: 4.167vw;}

.main_news .notice_cont .noticebox .swiper-slide a {height: 10.357vw; color: #000; font-size: 4.048vw; font-weight: 600; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_news .notice_cont .swiper-parent {position: relative;}
.main_news .notice_cont .noticebox__navigation-btns button {position: absolute; top: -10.119vw; width: 2.262vw; height: 3.690vw; background-size: cover;}
.main_news .notice_cont .noticebox__navigation-btns .noticebox__prev {right: 13.929vw; background-image: url(//img.artchangjo.com/mobile/images/main/btn_prev.png);}
.main_news .notice_cont .noticebox__navigation-btns .noticebox__next {right: 0; background-image: url(//img.artchangjo.com/mobile/images/main/btn_next.png);}
.main_news .notice_cont .noticebox__navigation-btns .swiper-button-disabled {opacity: .3;}


/* ÆíÀÔ´º½º */
.main_news .news_cont {margin: 0 4.762vw; padding: 4.167vw 5.952vw; background-color: #fff; border-radius: 1.190vw;}
.main_news .news_cont h3 {display: inline-block; margin-bottom: 4.167vw; padding: 1.548vw 2.381vw; color: #449aec; font-size: 3.929vw; font-weight: 600; border: 0.357vw solid #449aec; border-radius: 4.167vw;}

.main_news .news_cont .newsbox .swiper-slide a {height: 10.357vw; color: #000; font-size: 4.048vw; font-weight: 600; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main_news .news_cont .swiper-parent {position: relative;}
.main_news .news_cont .newsbox__navigation-btns button {position: absolute; top: -10.119vw; width: 2.262vw; height: 3.690vw; background-size: cover;}
.main_news .news_cont .newsbox__navigation-btns .newsbox__prev {right: 13.929vw; background-image: url(//img.artchangjo.com/mobile/images/main/btn_prev.png);}
.main_news .news_cont .newsbox__navigation-btns .newsbox__next {right: 0; background-image: url(//img.artchangjo.com/mobile/images/main/btn_next.png);}
.main_news .news_cont .newsbox__navigation-btns .swiper-button-disabled {opacity: .3;}


/* ¸ÞÀÎ ÄÜÅÙÃ÷ - °­Á¾ȳ» */
.main_guide h2 {padding: 10.714vw 0 7.143vw; color: #000; font-size: 6.190vw; font-weight: 700; line-height: 1.3; text-align: center;}

.main_guide .guidebox {padding: 11.905vw 0;}
.main_guide .guidebox .swiper-wrapper {height: 33.3vw;}
.main_guide .guidebox .swiper-slide {margin: 0 auto; width: 90.476vw; height: 23.810vw; border-radius: 4.762vw;}
.main_guide .guidebox .swiper-slide a {display: block; position: relative; width: 90.476vw; height: 23.810vw;}
.main_guide .guidebox .swiper-slide {filter: grayscale(1);}
.main_guide .guidebox .swiper-slide-active {filter: grayscale(0); box-shadow: 0 0 25px rgba(24, 28, 37, .4);}


/* ¸ÞÀÎ ÄÜÅÙÃ÷ - Contact Us */
.main_contact {padding-bottom: 10.714vw; text-align: center;}
.main_contact h2 {padding: 10.714vw 0 4.762vw; color: #000; font-size: 6.190vw; font-weight: 700; line-height: 1.3; text-align: center;}
.main_contact > a {overflow: hidden; display: inline-block; padding: 3.095vw 5.714vw; background-color: #f8f8f8; border-radius: 5.476vw;}
.main_contact > a span {float: left; font-size: 4.524vw;}
.main_contact > a span:nth-of-type(1) {display: flex; align-items: center; gap: 1.190vw; margin-right: 1.190vw; color: #666;}
.main_contact > a span:nth-of-type(1)::before {content: ""; display: inline-block; width: 5.867vw; height: 5.867vw; background-image: url(//img.artchangjo.com/mobile/images/common/ico_call.png); background-size: cover;}
.main_contact > a span:nth-of-type(2) {color: #c4151c;}

.main_contact .contact_list {margin: 4.762vw 4.762vw 0;}
.main_contact .contact_list div {display: flex; align-items: center; justify-content: space-between; padding: 4.167vw 5.952vw; border-top: 0.357vw solid #edeff2;}
.main_contact .contact_list div:last-of-type {border-bottom: 0.357vw solid #edeff2;}
.main_contact .contact_list div p {margin-right: 15vw; color: #000; font-size: 4.524vw; font-weight: 600;}
.main_contact .contact_list div a {display: flex; gap: 1.190vw; font-size: 4.524vw; font-weight: 500;}
.main_contact .contact_list div a:nth-of-type(1) {margin-right: 9.524vw; color: #c4161c;}
.main_contact .contact_list div a:nth-of-type(1)::before {content: ""; display: inline-block; width: 5.867vw; height: 5.867vw; background-image: url(//img.artchangjo.com/mobile/images/common/ico_call.png); background-size: cover;}
.main_contact .contact_list div a:nth-of-type(2)::before {content: ""; display: inline-block; width: 5.867vw; height: 5.867vw; background-image: url(//img.artchangjo.com/mobile/images/common/ico_map.png); background-size: cover;}


/* ETC */
/* ETC - ÇÏ´Ü ¹è³Ê */
.aside .top_banner {position: fixed; top: 15.476vw; right: 2.381vw; z-index: 100;}
.aside .top_banner .bn_counseling {display: flex; align-items: center; justify-content: center; margin-bottom: 1.786vw; width: 16.667vw; height: 16.667vw; color: #fff; font-size: 4.048vw; font-weight: 600; line-height: 1.1; background-color: #c4161c; border-radius: 100%;}
.aside .top_banner .bn_kakaotalk {display: block; width: 16.667vw; height: 16.667vw;}

/* ETC - ºñµð¿À ¸ð´Þ */
.layer_video {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .8); z-index: 200;}
.layer_video .layer_inner {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.layer_video .layer_inner .btn_close {margin-bottom: 4.762vw;}
.layer_video .layer_inner .btn_close img {width: 7.619vw; height: 7.619vw;}
.layer_video .layer_inner iframe {width: 90.476vw; height: 65.476vw;}



/************************************************************************************************************************************************
	¼­ºê ÆäÀÌÁö °øÅë
************************************************************************************************************************************************/
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb5 { margin-bottom: 0.667vw !important }
.mb10 { margin-bottom: 1.333vw !important }
.mb15 { margin-bottom: 2vw !important }
.mb20 { margin-bottom: 2.667vw !important }
.mb30 { margin-bottom: 4vw !important }
.mb40 { margin-bottom: 5.333vw !important }
.mb50 { margin-bottom: 6.667vw !important }
.mb60 { margin-bottom: 8vw !important }
.mb70 { margin-bottom: 9.333vw !important }
.mt0 { margin-top: 0 !important }
.mt10 { margin-top: 1.333vw !important }
.mt20 { margin-top: 2.667vw !important }
.mt30 { margin-top: 4vw !important }
.mt40 { margin-top: 5.333vw !important }
.mt50 { margin-top: 6.667vw !important }
.mt100 { margin-top: 13.333vw !important }
.ml10 { margin-left: 1.333vw !important }
.pd0 { padding: 0 !important }
.pdl0 { padding-left: 0 !important; }
.pdl32 { padding-left: 4.267vw !important; }
.pdr0 { padding-right: 0 !important; }
.pdr32 { padding-right: 4.267vw !important; }
.text-center { text-align: center !important; text-align-last: center !important; }
.text-left { text-align: left !important; text-align-last: left !important; }
.text-right { text-align: right !important; text-align-last: right !important; }
.f20 { font-size: 2.667vw !important; }
.f22 { font-size: 2.933vw !important; }
.f24 { font-size: 3.2vw !important; }
.f26 { font-size: 3.467vw !important; }
.f28 { font-size: 3.733vw !important; }
.bold { font-weight: 600 !important; }
.nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hr1 { display: block; width:100%; height: 0.267vw; margin: 3.333vw 0; background-color: #f6f7f9; }
.hr2 { display: block; width:100%; height: 2.133vw; background-color: #f6f7f9; border: 0;}
.w100 {width:100% !important;}

.text_gray { color: #969696; }
.text_black { color: #000; }
.text_orange { color: #ff9e2c; }
.text_primary { color: #c4161c; }

.ico-angle-right {display: inline-block; vertical-align: middle; width: 2vw; height: 3.333vw; background: url(//img.artchangjo.com/mobile/images/main/ico_angle_right.png) no-repeat; background-size: contain;}
.ico-pause {display: inline-block; vertical-align: middle; width: 2.4vw; height: 3.467vw; background: url(//img.artchangjo.com/mobile/images/main/ico_pause.png) no-repeat; background-size: contain;}
.ico-play {display: inline-block; vertical-align: middle; width: 2.533vw; height: 3.467vw; background: url(//img.artchangjo.com/mobile/images/main/ico_play.png) no-repeat; background-size: contain;}
.ico-tablet {display: inline-block; vertical-align: middle; width: 4.8vw; height: 6.533vw; background: url(//img.artchangjo.com/mobile/images/member/ico_tablet.png) no-repeat; background-size: contain;}
.ico-eye {display: inline-block; vertical-align: middle; width: 4.667vw; height: 3.733vw; background: url(//img.artchangjo.com/mobile/images/member/ico_eye.png) no-repeat; background-size: contain;}
.ico-eye-off {display: inline-block; vertical-align: middle; width: 4.667vw; height: 4.133vw; background: url(//img.artchangjo.com/mobile/images/member/ico_eye_off.png) no-repeat; background-size: contain;}
.ico-close-circle {display: inline-block; vertical-align: middle; width: 4.667vw; height: 4.667vw; background: url(//img.artchangjo.com/mobile/images/member/ico_close_circle.png) no-repeat; background-size: contain;}


.swiper-button-next::after,.swiper-button-prev::after {display: none;}

.inp { display: inline-block; vertical-align: middle; height: 9.333vw; padding: 0 0 0 2vw; font-size: 3.733vw; color: #101c33; border: 0.267vw solid #7b8292; border-radius: 0.8vw;}
.inp.text-center { padding-left: 0; }
.inp.text-right { padding-right: 2vw; }
.inp::placeholder,
.textarea::placeholder { color:#626a7a; }

.textarea { width:100%; height: 33.333vw; padding: 1.333vw 2vw; font-size: 3.733vw; color: #101c33; line-height: 1.4; border-radius: 0.8vw; background-color: #f1f1f5; border: 0; }
.textarea .txt-list {line-height: 1.6;}
.textarea p {line-height: 1.4;}

.select { width:100%; height: 9.333vw; padding: 0 5vw 0 2vw; font-size: 3.733vw; color: #101c33; border: 0.267vw solid #7b8292; border-radius: 0.8vw; background:#fff url(//img.artchangjo.com/mobile/images/sub/bu_select.png) no-repeat right 50%; background-position: right 1.6vw center; background-size: 2.267vw auto; }
.select.text-center { text-align-last: center !important; text-align: -webkit-center; direction: rtl;}

.btn { display: flex; align-items: center; justify-content: center; padding: 0 4vw; height: 12vw; border-radius: 1.333vw; border: 0.267vw solid transparent; font-size: 4vw; font-weight: 600; text-align: center; color: #fff; }
.btn-l { padding: 0 8vw; height: 16vw;}
.btn-m { padding: 0 8vw; font-size: 3.467vw; height: 8.8vw; border-radius: 0.533vw;}
.btn-s {padding: 0 8vw; font-size: 3.2vw; height: 5.333vw;}

.btn1 { border: 0.267vw solid #c4161c; background-color: #c4161c; }
.btn2 { border: 0.267vw solid #c96835; background-color: #c96835; }
.btn3 { border: 0.267vw solid #404a5c; background-color: #404a5c; }
.btn4 { border: 0.267vw solid #a3aabb; background-color: #a3aabb; }
.btn5 { border: 0.267vw solid #7b8292; background-color: #fff; color: #111d33; }

.btn1-1 {color: #c4161c; font-weight: 400; border: 0.267vw solid #c4161c; background-color: #fff;}
.btn3-1 {color: #404a5c; font-weight: 400; border: 0.267vw solid #404a5c; background-color: #fff;}


.radio { position: absolute;left: -9999px; }
.radio + div { cursor: pointer;}
.radio + div em { display: inline-block; vertical-align: middle; width: 4vw; height: 4vw; border-radius:100%; background-color: #f1f1f5; position: relative;}
.radio + div em::before{ content: ''; position: absolute; left: 0.933vw; top: 0.933vw; right: 0.933vw; bottom: 0.933vw; border-radius:100%; background-color: #c4161c; opacity:0; transform: scale(0.3); transition: all 0.5s ease;} 
.radio + div span { display: inline-block; vertical-align: middle; font-size: 3.733vw; margin:-3px 0 0 5px; color:#404a5c; }
.radio:checked + div em::before { transform: scale(1); opacity: 1; }
.radio-box { display: flex; flex-wrap: wrap; gap: 2.667vw;}

.checkbox { position: absolute;left: -9999px; }
.checkbox + div { display: inline-block; vertical-align: middle; color: #424a59; cursor: pointer; }
.checkbox + div em { display: inline-block; vertical-align: middle; width: 4vw; height: 4vw; background-color: #fff; border-radius: 0.267vw; border: 0.267vw solid #767676; position: relative;  }
.checkbox + div p { display: inline-block; vertical-align: middle; margin-left: 1.333vw;}
.checkbox:checked + div em { border-color:#000; background: #fff url(//img.artchangjo.com/mobile/images/member/ico_login_auto_on.png) no-repeat 50% 50%; background-size: 2.933vw auto;}

.checkbox-save { position: absolute; display: none;}
.checkbox-save + p { display: flex; align-items: center; justify-content: center; color: #404a5c; font-weight: 500; padding: 0 4vw; height: 8.8vw; border: 0.267vw solid #7b8292; border-radius: 0.533vw; background-color: #fff;}
.checkbox-save + p::before{ content:''; display: inline-block; margin-right: 1.333vw; width: 2.933vw; height: 2.133vw; background: url(//img.artchangjo.com/mobile/images/member/ico_login_auto_off.png) no-repeat; background-size: contain;}
.checkbox-save:checked + p { border-color:#c4161c; color:#c4161c; }
.checkbox-save:checked + p::before { background-image: url(//img.artchangjo.com/mobile/images/member/ico_login_auto_on.png);}

.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.flex1 {flex: 1;}
.justify-content-center { justify-content: center !important;}
.justify-content-between { justify-content: space-between !important;}
.justify-content-end { justify-content: flex-end !important}
.align-items-center { align-items: center !important;}
.align-items-end { align-items: end !important;}
.gap0 { gap:0px !important}
.gap10 { gap: 1.333vw !important}
.gap15 { gap: 2vw !important}
.gap20 { gap: 2.667vw !important}
.gap40 { gap: 5.333vw !important}

.inner {margin-bottom: 9.333vw; padding: 0 4.267vw;}

.input-form{font-size: 3.733vw; font-weight: 400;color:#838383; padding: 0 2vw; background-color: #f6f6f6;border-radius: 0.667vw;border:none;outline:none}
.input-form::placeholder{color:#838383;}
.input-form:disabled {background-color: #f6f6f6; opacity: 1;}

.chk-Box {position: relative; cursor: pointer;}
.chk-Box input{display:none}
.chk-Box span {padding-left: 5.333vw; font-size: 3.733vw;}
.chk-Box span::before{content: '';position: absolute;width: 4vw;height: 4vw;background-image: url(//img.artchangjo.com/mobile/images/member/ico_check_off.png);background-repeat: no-repeat;background-size: contain;top: -0.2vw;left: 0;}
.chk-Box input:checked + span::after{content: '';position: absolute;width: 4vw;height: 4vw;background-color: #fff;background-image: url(//img.artchangjo.com/mobile/images/member/ico_check_on.png);background-repeat: no-repeat;background-size: contain;top: -0.2vw;left: 0;z-index: 1;}
.chk-Box.type01 input:checked + span::after{content: '';position: absolute;width: 4vw;height: 4vw;background-color: #fff;background-image: url(//img.artchangjo.com/mobile/images/member/ico_check_on_black.png);background-repeat: no-repeat;background-size: contain;top: -0.2vw;left: 0;z-index: 1;}

.radio-type01 {cursor: pointer;}
.radio-type01 input{display:none}
.radio-type01 span{padding-left: 4.667vw;position: relative;}
.radio-type01 span::before{content: '';position: absolute;width: 4vw;height: 4vw;background-image: url(//img.artchangjo.com/mobile/images/member/ico_radio_off_v01.png);background-repeat: no-repeat;background-size: contain;top: 0.3vw;left: 0;}
.radio-type01 input:checked + span::after{content: '';position: absolute;width: 4vw;height: 4vw;background-color: #fff;background-image: url(//img.artchangjo.com/mobile/images/member/ico_radio_on_v01.png);background-repeat: no-repeat;background-size: contain;top: 0.3vw;left: 0;z-index: 1;}

.select-type01 /* left */ {padding: 0 5vw 0 2vw; font-size: 3.733vw; background:#f6f6f6 url(//img.artchangjo.com/mobile/images/member/angle_down.png) no-repeat right 2vw center; background-size: 2.4vw 1.467vw; border-radius: 0.667vw;}
.select-type02 /* center */ {padding: 0 5vw 0 2vw; color: #838383; text-align: center; text-align-last: center; font-size: 3.733vw; background:#f6f6f6 url(//img.artchangjo.com/mobile/images/member/angle_down.png) no-repeat right 2vw center; background-size: 2.4vw 1.467vw; border-radius: 0.667vw;}

.h2 { font-size: 5.6vw; font-weight: 700; padding: 5.333vw 0; }
.h2.type2 { font-size: 5.6vw; font-weight: 700; text-align: center; padding: 5.333vw 0;} /* ¿À¸¥ÂÊ ¿ÞÂÊ Æеù°ª X */
.h2.type3 { font-size: 5.6vw; font-weight: 700; text-align: center; padding: 5.333vw 4.267vw; } /* ¿À¸¥ÂÊ ¿ÞÂÊ Æеù°ª O */
.h3 { font-size: 5.333vw; color: #101c33; font-weight: 600;}
.more-loading { padding: 6.667vw 0; text-align: center; ;}
.more-loading img { width: 6.667vw; }

/* tabs1 (±³¼öÄ«Æä ¸ÞÀÎ, ) */
.tabs1 { display: flex; justify-content: space-between; flex-wrap: wrap;}
.tabs1 button { display: flex; flex:1; align-items: center; justify-content: center; border-radius: 5.333vw; padding: 1.333vw 2.667vw; font-size: 4vw; color:#404a5c; font-weight:500;}
.tabs1 button.active { background-color: #404a5c; color:#fff;}
.tabs1.nowrap { flex-wrap: nowrap; overflow: auto; padding: 0 2.667vw;}
.tabs1.noscroll{-ms-overflow-style: none;scrollbar-width: none;}
.tabs1.noscroll::-webkit-scrollbar{display: none;}

/* tabs2 (¸¶ÀÌÆäÀÌÁö, ) */
.tabs2 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 6.667vw; margin-bottom: 6vw; background-color: #efefef; border-radius: 5.333vw; }
.tabs2 button { display: flex; flex:1; align-items: center; justify-content: center; height: 10.667vw; border-radius: 5.333vw; padding: 0 1.333vw; font-size: 4vw; color: #404a5c; font-weight:500;text-align: center;}
.tabs2 button.active { background-color: #404a5c; color:#fff;}

/* tabs2-1 (¼ö°­½Åû, ) */
.tabs2-1 button.active { background-color: #c4161c; color:#fff;}

/* tabs3 (ÁøÇа¡À̵å - ÀüÇü¹æ¹ý, ) */
.tabs3 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 6vw; }
.tabs3 button {outline: none; border: 0; flex: 1; padding: 2vw; color: #8e94a0; font-size: 4vw; font-weight: 600; background-color: #f8f9fa; border-top: 0.267vw solid #f8f9fa;}
.tabs3 button.active {background-color: #fff; border-top-color: #c4161c; color: #c4161c;}


/* ¸ð´Þ */
.popup-wrap { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 5000; background: rgba(0, 0, 0, 0.5); overflow: auto; display: none; } 
.popup-wrap.confirm-type .popup { padding:0;}
.popup-box { display: table; width: 100%; height: 100%; } 
.popup-cont { display: table-cell; vertical-align: middle; padding: 4.267vw; } 
.popup { padding: 8vw 6vw;  border-radius: 4vw; background: #fff; margin: 0 auto; position: relative; } 
.h3-popup { font-size: 4.267vw; font-weight:600; color: #101c33; margin-bottom: 4vw;} 
.popup .btn-close { position: absolute; right: 2.667vw; top: 2.667vw; padding: 1.333vw; width: 6.267vw; height: 6.267vw; background: url(//img.artchangjo.com/mobile/images/sub/btn_close_modal.png) no-repeat 50% 50%; background-size: 3.6vw auto;}
.popup-btns { display: flex; justify-content: center; border-top: 0.267vw solid #d1d1d1; }
.popup-btns button { flex:1; height: 12vw; font-size: 3.2vw; color:#101c33; font-weight:600;}
.popup-btns button + button { border-left: 0.267vw solid #d1d1d1; }
.popup-btns button.b2 { color:#eb1318; }

.confirm-msg { text-align: center; padding: 3.333vw; font-size: 3.733vw; line-height: 1.5;; color:#101c33; font-weight:500 ;}

.tip-tabbox { padding-right: 14.933vw; position: relative;} 
.tip-tabbox .tips { position: absolute; right:0; top:0; }
.tip-tabbox .tips .btn-tip { width: 10.533vw; height: 10.533vw; border-radius:100%; background: url(//img.artchangjo.com/mobile/images/sub/ico_tip.png) no-repeat 50% 50%; background-size: contain;}

.tip-tit { font-size: 4.267vw; font-weight:600; color: #eb1318; margin-bottom: 4vw;}
.tip-tit::before { content:''; display:inline-block; vertical-align: middle; width: 6.4vw; height: 6.4vw; background: url(//img.artchangjo.com/mobile/images/sub/ico_tip.png) no-repeat 50% 50%; background-size: contain; margin: -0.4vw 1.333vw 0 0; border-radius:100%; box-shadow:0 0.4vw 0.4vw rgba(0,0,0,0.1);}
.tip-text p { position: relative; line-height: 1.3; color:#626a7a; font-weight:500; margin-bottom: 0.8vw; padding-left: 1.6vw;}
.tip-text p::before {content: "\00B7"; position: absolute; top: 0; left: 0;}
.tip-wrap .btn { display:block; width: 50%; margin: 5.333vw auto 0; }
.tip-wrap h4 { color:#c4161c; font-weight:600; margin: 0 0 1.333vw 0.667vw; }
.tip-box {margin: 2.667vw 0; padding: 2.667vw; background-color: #f8f6f2;}
.tip-box p {margin-bottom: 1.333vw;}
.tip-box a {display: block; padding: 0.667vw 2.667vw; color: #fff; border-radius: 0.533vw; background-color: #a4afba; border: 0.267vw solid #8a949e;}

.cont-wrap .btn { display:block; width: 50%; margin: 5.333vw auto 0; }
.cont-tit { font-size: 4.267vw; font-weight:600; color: #101c33; margin-bottom: 4vw;}
.cont-tit-sub { font-size: 3.733vw; font-weight:600; color: #101c33; margin-bottom: 2vw;}

.table2 table { width:100%; border-collapse: collapse; table-layout: fixed;   }
.table2 table thead th { padding: 1.333vw; text-align: center; font-weight:400; color: #101c33; background-color: #eef3f8;}
.table2 table thead th + th { border-left: 0.267vw solid #fff;}
.table2 table tbody td { padding: 1.333vw;  text-align: center; color: #5f707d; font-weight: 400; border: 0.267vw solid #eef3f8; }
.table2 table tbody td .icon {display: flex; align-items: center; justify-content: center; margin: 0 auto 1.333vw; padding: 1.333vw; width: 5.333vw; height: 5.333vw; color: #5f707d; font-weight: 600; background-color: #fff; border: 0.267vw solid #5f707d; border-radius: 50%;}
.table2.scroll { overflow: auto; margin-bottom: 5.333vw;}
.table2.scroll::-webkit-scrollbar { width: 0.667vw; height: 0.667vw; }
.table2.scroll td {background-color: #fff;}
.table2.border-bottom { border-bottom: 0.267vw solid #dbdee2;}
.pop-total { padding: 2.667vw; background-color: #eaedf2; ;}
.pop-total dl { display: flex; justify-content: space-between; align-items: center; color:#242e44;}
.pop-desc { margin: 2.667vw 0 2.667vw; color:#80848e; line-height: 1.4;}
.pop-desc p {position: relative; color:#80848e; line-height: 1.4; margin-bottom: 0.667vw; padding-left: 2vw;}
.pop-desc p::before {content: "- "; position: absolute; top: 0; left: 0;}

.board-write-desc p {position: relative; line-height: 1.3; color:#626a7a; font-weight:500; margin-bottom: 0.8vw; padding-left: 4vw; word-break: keep-all;}
.board-write-desc p::before{ content:''; position: absolute; left:0; top: 0.933vw; width: 4vw; height: 4vw; background: url(//img.artchangjo.com/mobile/images/sub/ico_board_write_chk.png) no-repeat; background-size: 70%;}
.board-write-desc p span {color: #c4161c;}
.board-write-desc p strong {padding: 0 0.667vw; color: #101d33; background: linear-gradient(0deg, #ffcf70 2vw, transparent 0);}


/* ¸ÞÀÎ Ç÷ÎÆà ÇÏ´Ü ¹è³Ê */
.floating-banner { position: fixed;left:0; right:0; bottom:0; display: none; z-index:1100;}
.floating-banner .img { border-radius:15px 15px 0 0; overflow: hidden ;}
.floating-banner .img img { width:100%; vertical-align: top;}
.floating-banner .btns { display: flex; justify-content: space-between; align-items: center; padding: 0 15px; height: 50px; background-color: #fff;}
.floating-banner .btns a { font-size:15px; color:#768291;font-weight:500; }
.floating-banner .btns a + a { color:#101c33; font-weight:600; }
.bg-fb { display: none; position: fixed; left:0; top:0; right:0; bottom:0; z-index:1000; background-color: rgba(0,0,0,0.8);}


/************************************************************************************************************************************************
	¼­ºê ÆäÀÌÁö
************************************************************************************************************************************************/
/* ¼­ºê ÄÜÅÙÃ÷ - ȸ¿ø°¡ÀÔ, ·Î±×ÀÎ */
/* °øÅë */
.member-wrap .logo {display: flex; align-items: end; justify-content: center; width: 100%; height: 20vw;}
.member-wrap .logo a {display: block; width: 49.6vw; height: 10.8vw;}
.member-wrap .member {padding: 8.667vw 7.333vw 12vw;}

.member {position: relative; margin: 0 auto;}
.member h2 {margin-bottom: 8vw; color: #202020; font-size: 4.267vw; font-weight: 500; line-height: 1.4;}

.member dl {margin-top: 8vw;}
.member dt {font-weight: 400; color:#25211f}
.member dd {border: 0.267vw solid #e5e5e5;border-radius: 0.667vw; padding: 5.333vw;}

.table-member {width: 100%; border-collapse: collapse;}
.table-member thead th {padding: 0.667vw; background-color: #eee; border: 0.267vw solid #eee;}
.table-member tbody td {padding: 0.667vw; border: 0.267vw solid #eee;}

.member .btn1 {border: 0.267vw solid #c0c0c0; background-color: #c0c0c0;}
.member .btn1.on {border: 0.267vw solid #c4161c; background-color: #c4161c;}
.member .btn1-s {color: #c4161c; font-size: 3.2vw; font-weight: 400; border: 0.267vw solid #c4161c; background-color: #fff;}

.eyes {position: absolute; top: 3.4vw; right: 2vw; cursor: pointer;}
.eyes i {color: #bbb; font-size: 5.067vw;}
.close-id {display: none; position: absolute; top: 3.4vw; right: 2vw; cursor: pointer;}
.close-id i {color: #bbb; font-size: 5.067vw;}


/* ȸ¿ø°¡ÀÔ */
.member .nomal_txt {min-height: 9.6vw; height: 9.6vw; line-height: 9.6vw; font-size: 3.733vw;}

.member .member-info {margin-bottom: 8vw;}
.member .member-info h3 {margin-bottom: 2.667vw; font-size: 4vw; font-weight: 500;}
.member .member-info h3 span {color: #838383; font-size: 3.2vw; font-weight: 400;}
.member .member-info h3:first-of-type {padding-bottom: 2vw; border-bottom: 0.267vw solid #e5e5e5;}
.member .member-info ul {display: flex; flex-direction: column; gap: 5.333vw;}
.member .member-info li > span {display: block; width: 100%; min-height: 9.6vw; height: 9.6vw; line-height: 9.6vw;}
.member .member-info li > div {position: relative; flex: 1; display: flex; gap: 2vw; font-size: 3.733vw; font-weight: 400; color:#838383;}
.member .member-info li > div.quarter{display: grid;grid-template-columns: repeat(3, 1fr)}
.member .member-info li.line > div{flex-direction: column;}
.member .member-info .input-form {flex: auto; height: 12vw;}
.member .member-info .input-pw-form{padding: 2.667vw 8vw 2.667vw 2vw;}
.member .member-info .select-type01 {height: 8vw;}
.member .member-info .select-type02 {height: 12vw;}
.member .member-info .w_line {margin: 5.333vw 0; width: 100%; height: 0.267vw; background-color: #e5e5e5;}

.member .member-info.step01 dt:first-child{padding-bottom: 2.667vw; border-bottom: 0.267vw solid #e5e5e5;}
.member .member-info.step01 dd{font-size: 2.933vw; font-weight: 300; line-height: 1.6; color: #8d8d8d; padding: 2.667vw; height: 24vw; min-height: 24vw; overflow-y: scroll;}

.member .member-info.step02 p{font-size: 4vw;}
.member .member-info.step02 p:nth-child(2){font-size: 4vw; padding-left: 0.667vw;}
.member .member-info.step02 span {display: block; position: relative; margin-bottom: 1.333vw; color:#8d8d8d; padding-left: 1.6vw; line-height: 1.5;}
.member .member-info.step02 span::before {content: "\00B7"; position: absolute; top: 0; left: 0;}


/* ¼­ºê ÄÜÅÙÃ÷ - ·Î±×ÀÎ */
.member .member-info .pw-reset {display: flex; align-items: center; justify-content: center; text-align: center;}
.member .member-info .pw-reset p {font-size: 4vw; line-height: 1.4;} 
.member .member-info .pw-reset a {margin: 2.667vw 0;} 

.member .member-info .mf-id {position: relative;}
.member .member-info .mf-pw {position: relative;}


/* ¼­ºê ÄÜÅÙÃ÷ - ¸¶ÀÌÆäÀÌÁö */
.sub-nav { border-bottom: 0.267vw solid #f6f7f9; position: relative;}
.sub-nav ul { display: flex; align-items: center; height: 11.2vw; flex-wrap:nowrap; padding: 0 4.267vw;  overflow: auto; }
.sub-nav ul li a { display: block; padding: 0 3.333vw; font-size: 4.267vw; color:#101c33; font-weight:600; white-space: nowrap;}
.sub-nav ul li.active a { color: #c4161c; }

.no-result { text-align: center; margin: 10.667vw 0; }
.no-result::before {content:''; display: block; margin:0 auto 2.667vw; width: 7.2vw; height: 6.533vw; background: url(//img.artchangjo.com/mobile/images/mypage/ico_no_result.png) no-repeat center; background-size: contain;}
.no-result p {color: #101c33; font-weight: 300; }
.no-result p + p { margin-top: 2.667vw;}

.desc1 { font-size: 3.2vw; line-height: 1.5; color:#757c8a; margin: 1.333vw 1.333vw 5.333vw; }
.desc2 {margin: 2.667vw 0;}
.desc2 p {position: relative; padding-left: 1.333vw; font-size: 3.2vw; line-height: 1.3; color:#757c8a; position: relative;}
.desc2 p + p { margin-top: 0.933vw; }
.desc2 p::before {content: '\00B7'; position: absolute; top: 0; left: 0;}
.desc2 p.blue { color: #1f4fec !important;}
.desc2 p.blue::before { background-color: #1f4fec; }
.desc2 p span {color: #eb1318 !important;}
.desc3 p {position: relative; font-size: 3.2vw; line-height: 1.3; color:#757c8a; position: relative;}

.lbs { display: flex; gap: 2vw;}
.lbs div {display: flex; align-items: center; height: 6.267vw; border-radius: 1.333vw; border: 0.267vw solid transparent; padding: 0 2vw; color:#fff; font-weight:500; }
.lbs .lb1 { background-color: #fff; color: #373737; border-color: #373737;}
.lbs .lb2 { background-color: #eb1318;}
.lbs .lb3 { background-color: #373737;}
.lbs .lb4 { background-color: #c96835;}
.lbs .lb5 { background-color: #a6a6a6;}

.labels { display: flex; margin-bottom: 2vw; align-items: center;}
.labels span { padding: 0.667vw 1.333vw; border-radius: 0.4vw; background-color: #131313; color:#fff; font-weight:500; }
.labels .lb2 { background-color: #fe541b;}
.labels .lb3 { background-color: #eb1318;}
.labels .lb4 { background-color: #959595;}
.labels .lb5 { background-color: #d800ff;}
.labels .lb6 { background-color: #8f96ac;}
.labels .lb7 { background-color: #575757;}

.aca-item a.head {display: flex; gap: 4.267vw; padding: 5.333vw 2.133vw; border-bottom: 0.267vw solid #f5f6fa;}
.aca-item div.head {display: flex; gap: 4.267vw; padding: 5.333vw 0 0; margin-bottom: 6.667vw;}
.aca-item .head .photo { width: 17.6vw; height: 17.6vw; overflow: hidden; border-radius: 3.067vw; }
.aca-item .head .photo.bg1 { background-color: #e8cbcb; }
.aca-item .head .photo.bg2 { background-color: #d9cdb1; }
.aca-item .head .photo img { width:100%; transform: scale(1.2);}
.aca-item .head .txt-box { flex:1; }
.aca-item .head .txt-box .types { display: flex; color:#757c8a; font-weight:500; margin-bottom: 2vw; }
.aca-item .head .txt-box .types span { padding-right: 1.333vw; margin-right: 1.067vw; position: relative;} 
.aca-item .head .txt-box .types span::before{ content:''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0.267vw; height: 2.4vw; background-color: #d57274;}
.aca-item .head .txt-box .types span:last-child::before { display: none;}
.aca-item .head .txt-box .types span strong { font-weight:500; color:#c4161c;}
.aca-item .head .txt-box .subj { display: flex; align-items: center; min-height: 3.6vw; font-size: 3.733vw; font-weight: 600; color:#101c33; line-height: 1.4; padding-right: 10.667vw; background: url(//img.artchangjo.com/mobile/images/sub/ico_now_arr.png) no-repeat; background-position: right center; background-size: 2.133vw 3.6vw; }
.aca-item .head .txt-box .subj.line2 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.aca-item .head .txt-box .subj.none { background: none; padding-right:0;;}
.aca-item .head .txt-box .end { color:#757c8a; font-weight:500; margin-top: 2vw; }

.aca-item .information { padding: 3.333vw 3.733vw 4.667vw; background-color: #f5f6fa; margin-top: 3.333vw;}
.aca-item .information .t1 { line-height: 1.5; color:#757c8a; font-weight:500;}
.aca-item .information .t1 span { color:#c4161c;}
.aca-item .information .t1 + .lbs { margin-top: 2.667vw; }

.lect-list ul li { border-bottom: 0.267vw solid #f5f6fa;}
.lect-list ul li .item { display: flex; align-items: center; padding: 5.333vw 2.133vw 4vw; justify-content: space-between; }
.lect-list ul li .title { flex:1;}
.lect-list ul li .title .lbs { margin-bottom: 2vw; }
.lect-list ul li .title .lbs div { height: auto; font-weight:500; padding: 0 2vw; border-radius: 0.4vw;}
.lect-list ul li .title .subj { font-size: 4vw; font-weight: 500; color: #101c33; line-height: 1.4;}
.lect-list ul li .file { width: 11.867vw; text-align: center; }
.lect-list ul li .play { width: 14.533vw; text-align: center; }
.lect-list ul li .file a,
.lect-list ul li .play a {display: block; padding: 3.333vw;}
.lect-list ul li .file img { width: 5.2vw;}
.lect-list ul li .play img { width: 9.2vw;}

.download-list ul { border-top:  0.267vw solid #f5f6fa; }
.download-list ul li { border-bottom: 0.267vw solid #f5f6fa; padding: 5.333vw 0; }
.download-list ul li .item { display: flex; align-items: center;}
.download-list ul li .item .title { flex:1; margin-right: 1.333vw; }
.download-list ul li .item .title .subj { font-size: 4vw; font-weight: 500; color: #101c33; margin-bottom: 1.333vw; line-height: 1.4;}
.download-list ul li .item .title .etc { display: flex; }
.download-list ul li .item .title .etc p { padding-right: 1.6vw; margin-right: 1.6vw; position: relative; font-weight:500; color:#757c8a;}
.download-list ul li .item .title .etc p span { color:#eb1318; }
.download-list ul li .item .title .etc p::before { content:''; position: absolute; right:0; top: 50%; transform: translateY(-50%); width: 0.267vw; height: 2.4vw; background-color: #757c8a;}
.download-list ul li .item .title .etc p:last-child::before {display: none;}

.radio-head1 { margin: 0 -4.267vw; padding: 2.667vw 4.667vw; background-color: #f6f7f9; display: flex; justify-content: flex-end;}
.switch { position: absolute;display: none;}
.switch + div{ display: flex; align-items: center; gap: 1.333vw; }
.switch + div span { font-size: 3.067vw; font-weight:500; color:#636d80; }
.switch + div span::after {content: 'OFF'; display: inline; font-weight:600 ; margin-left: 0.667vw;}
.switch + div em { width: 8.933vw; height: 5.067vw; border-radius: 2.533vw; background-color: #636d80; ; position: relative;}
.switch + div em::before{ content:''; position:  absolute; left: 0.4vw; top: 0.4vw; width: 4.267vw; height: 4.267vw; border-radius:100%; background-color: #fff; transition: all 0.5s ease;}
.switch:checked + div span { color:#eb1318}
.switch:checked + div span::after {content:'ON'}
.switch:checked + div em { background-color: #eb1318;}
.switch:checked + div em::before { left: 4.267vw; }

.cart-list ul { border-top: 0.267vw solid #f5f6fa; }
.cart-list ul li { border-bottom: 0.267vw solid #f5f6fa; padding: 6vw 0; }
.cart-list ul li .item { display: flex; align-items: center;}
.cart-list ul li .item .title { flex:1; margin-right: 4vw; }
.cart-list ul li .item .title .subj { font-size: 4vw; font-weight: 600; color: #101c33; margin-bottom: 2vw; ; line-height: 1.4;}
.cart-list ul li .item .title .name { font-weight:500;color:#757c8a; }
.cart-list ul li .item .price-box { height: 5.067vw; display: flex; align-items: center; gap: 4vw; margin-top: 4vw; }
.cart-list ul li .item .price { font-size: 3.467vw; color:#353644; font-weight:600; }
.cart-list ul li .item .nums { border-radius: 2.133vw; border: 0.267vw solid #a4aab6; display: flex;;}
.cart-list ul li .item .nums button { width: 9.067vw; height: 9.067vw; background: url(//img.artchangjo.com/mobile/images/mypage/ico_num_minus.png) no-repeat 50% 50%; background-size: 2.667vw auto;}
.cart-list ul li .item .nums .plus { background-image: url(//img.artchangjo.com/mobile/images/mypage/ico_num_plus.png);}
.cart-list ul li .item .nums input[type=tel] { width: 9.067vw; height: 9.067vw; background-color: transparent; border:0; border-left: 0.267vw solid #e5e7ed; border-right: 0.267vw solid #e5e7ed; text-align: center; font-size: 4vw; color:#353644; font-weight:600;;}

.fixed-cart-price { position: fixed; left:0;right:0; bottom:0; z-index:3000;}
.fixed-cart-price .price-pays { height: 22.267vw; padding: 5.333vw 4.267vw; background-color: #eb1318; display: flex; align-items: center; white-space: nowrap;}
.fixed-cart-price .price-pays .price { display: flex; align-items: center; gap: 0.667vw; font-size: 3.733vw; color:#fff; font-weight:600; }
.fixed-cart-price .price-pays .price strong { font-size: 5.067vw;}
.fixed-cart-price .price-pays .price small { font-size: 3.733vw;}
.fixed-cart-price .price-pays .price .btn-open { margin-left: 1.733vw; width: 7.2vw; height: 7.2vw; border-radius: 1.333vw; background: #fff url(//img.artchangjo.com/mobile/images/mypage/ico_price_flip_up.png) no-repeat 50% 50%; background-size: 3.733vw auto;}
.fixed-cart-price .price-pays .btn-pay { width: 100%; text-align: center; border-radius: 1.333vw; height: 12vw; text-align: center; background-color: #fff; font-size: 3.733vw; color:#c4161c; font-weight:600; margin-left: 4.667vw;}
.fixed-cart-price .price-box { display: none; border-radius: 2vw 2vw 0 0; background-color: rgba(255,255,255,0.9); padding: 12vw 4.267vw 5.333vw; position: relative; }
.fixed-cart-price .price-box dl { display: flex; justify-content: space-between; align-items: center;font-size: 3.733vw; color:#101c33; font-weight:500; }
.fixed-cart-price .price-box dl dt {font-size: 3.733vw;}
.fixed-cart-price .price-box dl dd {font-size: 3.733vw;}
.fixed-cart-price .price-box dl dd strong {font-size: 4.267vw;}
.fixed-cart-price .price-box dl dd small {font-size: 3.733vw;}
.fixed-cart-price .price-box dl + dl { margin-top: 5.333vw;}
.fixed-cart-price .price-box dl.total { font-size: 3.733vw; }
.fixed-cart-price .price-box dl.total dt {font-size: 4.267vw; font-weight: 700;}
.fixed-cart-price .price-box dl.total dd { color:#c4161c; }
.fixed-cart-price .price-box dl.total dd strong { font-size: 5.067vw; }
.fixed-cart-price .price-box dl.total dd small { font-size: 3.733vw; }
.fixed-cart-price .price-box .btn-close { position: absolute; right: 2.933vw; top: 3.2vw; padding: 1.333vw; width: 5.333vw; height: 5.333vw; background: url(//img.artchangjo.com/mobile/images/mypage/ico_price_flip_close.png) no-repeat 50% 50%; background-size: 2.667vw auto;}
.bg-fixed { display: none; position: fixed; left:0; top:0;right:0;bottom:0; background-color: rgba(0,0,0,0.5); z-index:2000;}

.payment-wrap { background: linear-gradient(180deg, rgba(199,223,247,0) 0%, rgba(199,223,247,1) 6%); padding: 4.267vw 4.267vw 13.333vw; }
.payment-wrap .round-box { padding: 4.667vw 4.667vw 6vw 4.667vw; border-radius: 2.133vw; background-color: #fff; box-shadow: 0 0 2.133vw #b5cfe2; margin-bottom: 2.667vw; }
.payment-wrap .item-cart { position: relative;}
.payment-wrap .tit-c { margin-bottom: 1.333vw; position: relative;}
.payment-wrap .tit-c span { display: inline-block; padding: 0.667vw 2.667vw; border-radius: 3.333vw; background-color: #7689b3; font-size: 3.467vw; color:#fff; font-weight: 600; }
.payment-wrap .cart-box .before { display: flex; align-items: center; gap: 3.333vw;}
.payment-wrap .cart-box .before .subj {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 58vw; line-height: 1.4;}
.payment-wrap .cart-box .subj { font-size: 4.267vw; color: #101c33; font-weight: 600; margin-bottom: 1.333vw; line-height: 1.4;}
.payment-wrap .cart-box .hit { font-size: 4vw; color:#c4161c; font-weight:500;white-space: nowrap; }
.payment-wrap .cart-box .btn-flip { width: 7.2vw; height: 7.2vw; border-radius: 1.467vw; background:#e5e7ee url(//img.artchangjo.com/mobile/images/mypage/ico_price_flip_up.png) no-repeat 50% 50%; background-size: 3.733vw auto; transform: rotate(180deg);}
.payment-wrap .item-cart.active .btn-flip { transform: rotate(0);}
.payment-wrap .cart-box .price { text-align: right; font-size: 4.267vw; font-weight: 700; color:#101c33;}
.payment-wrap .cart-box .after { display: none;}
.payment-wrap .cart-box .after .btn-flip { position: absolute; right:0; top:0; }
.payment-wrap .cart-box .after ul li { padding: 3.333vw 0; border-bottom: 0.267vw solid #e4e7ee; ;}
.payment-wrap .cart-box .after ul li:last-child { border-bottom: 0;}
.payment-wrap .item-cart.active .before { display: none;}
.payment-wrap .item-cart.active .after { display: block;}
.payment-wrap .form dl { display: flex; align-items: center ; padding: 1.2vw 0; }
.payment-wrap .form dl dt { flex: 0 0 18.133vw; font-size: 3.733vw; color:#626a7a; font-weight:500; }
.payment-wrap .form dl dd {display: flex; gap: 1.333vw; font-size: 3.733vw; }
.payment-wrap .form dl dd .inp{ padding: 0 4vw; font-size: 3.733vw; }
.payment-wrap .form dl dd  {flex:1; }
.payment-wrap .form .addr-box { display: flex; justify-content: space-between;}
.payment-wrap .form .addr-box .btn {padding: 0; height: 9.333vw; width: calc(30% - 1.333vw); justify-content: center;}
.payment-wrap .form .radio-box {margin: 2.667vw 0;}
.payment-wrap .form .radio-box label div p {display: inline-block; margin-left: 1.333vw;}
.payment-wrap .btn-payment { height: 17.333vw; font-size: 5.333vw; margin-bottom: 2.667vw;}

.check-box label {display: flex;}

.army-chk { display: flex; align-items: center; gap: 1.6vw; margin: 2.667vw 0 6.667vw; }
.army-chk a { display: flex; align-items: center; padding: 0 3.333vw; height: 8.8vw; border: 0.267vw solid #7b8292; border-radius: 1.333vw; font-size: 3.733vw; color:#404a5c; background-color: #fff;}
.army-chk span { color:#404a5c; }

.total-price { margin-bottom: 2.667vw;}
.total-price dl { border-radius: 2.133vw; border: 0.667vw solid #eb1318; background-color: #fff; }
.total-price dl { border-radius: 2.133vw; border: 0.667vw solid #eb1318; background-color: #fff; overflow: hidden;}
.total-price dl dt { line-height: 5.333vw; padding: 2.667vw 4.8vw; font-size: 4vw; color: #c4161c; font-weight:600;}
.total-price dl dd { line-height: 5.333vw; padding: 2.667vw 4.8vw; font-size: 4.267vw; color:#fff; font-weight: 500; background-color: #eb1318;}

.total-price-box  { border-radius: 2.133vw; border: 0.667vw solid #eb1318; background-color: #fff; margin-bottom: 5.333vw; overflow: hidden;}
.total-price-box .item { padding: 5.333vw 2.667vw 5.333vw 4.8vw; }
.total-price-box .item + .item { border-top: 0.267vw solid #e4e7ee;}
.total-price-box .item .title { display: flex; justify-content: space-between; align-items: center;}
.total-price-box .item .title h4 {font-size: 4vw; color: #c4161c; font-weight: 600; }
.total-price-box .item .title h4 .btn-tip img {width: 5.467vw; height: 5.467vw;}
.total-price-box .item .title .price { color:#757c8a; }
.total-price-box .item .title .price em { color:#101c33; font-size: 3.6vw; font-weight: 500;}
.total-price-box .item .title .price .btn { width: 43.467vw; margin-right: 10.667vw;}
.total-price-box .item .disc { display: flex; justify-content: flex-end; align-items: center; margin-top: 2.133vw;}
.total-price-box .item .disc .inp { width: 43.467vw; text-align: right; }
.total-price-box .item .disc div { width: 10.667vw; text-align: right; font-size: 3.6vw; color:#101c33; font-weight:500; }
.total-price-box .total { background-color: #eb1318; padding: 4.667vw 3.333vw; font-size: 5.867vw; color:#fff; font-weight:500; text-align: right; }
.total-price-box .total small { font-size: 4.8vw; }

.lect-start .title { padding-left: 10.667vw; background: url(//img.artchangjo.com/mobile/images/mypage/ico_price1.png) no-repeat 0 50%; background-size: 7.067vw auto; margin-bottom: 2.667vw;}
.lect-start .title strong { display: block; font-size: 4.8vw; color:#101c33; font-weight:600; }
.lect-start .title p { display: flex; align-items: center; gap: 2.667vw; font-size: 4.267vw; font-weight: 500; color:#101c33;  }
.lect-start .title p .select { width: 24.8vw; padding: 0 4vw; font-weight: 500;}
.lect-start .desc { padding-left: 2vw; ;}
.lect-start .desc p {position: relative; line-height: 1.3; color: #c4161c; padding-left: 2vw;}
.lect-start .desc p::before {content: "- "; position: absolute; top: 0; left: 0;}
.lect-start .desc p + p { margin-top: 1.333vw; }

.agree-box .t1 { font-size: 3.6vw; color:#101c33; font-weight: 500; margin-bottom: 2vw; }
.agree-box .t2 { font-size: 3.333vw; color:#757c8a; margin-bottom: 4vw; }
.agree-box .chk { display: flex; align-items: center; justify-content: space-between; font-size: 3.6vw; color:#101c33; margin-bottom: 4.667vw;}
.agree-box .chk .btn { width: 25.333vw; height: 7.467vw; font-size: 3.2vw;}

.payment-choice { border-radius: 2.133vw; border: 0.667vw solid #eb1318; background-color: #fff; margin-top: 5.333vw; margin-bottom: 4vw; overflow: hidden; padding: 7.333vw 4.667vw 5.333vw 4.667vw; }
.payment-choice hr { width: calc(100% + 5.333vw); margin: 4vw 0 4vw -2.667vw; height: 0.267vw; background-color: #e4e7ee; }
.payment-choice h4 { font-size: 4.267vw; font-weight: 600; color: #c4161c; margin-bottom: 0.667vw; }
.payment-choice dl { display: flex; justify-content: space-between; align-items: baseline;}
.payment-choice dl dt {font-size: 3.6vw; color:#101c33; font-weight: 500; }
.payment-choice dl dd { font-size: 5.6vw; color:#101c33; font-weight:600; }
.payment-choice dl dd small { font-size: 4.8vw; }
.payment-choice .board-search { margin-bottom: 0; margin-top: 2.667vw;}
.payment-choice .board-search .box { display: flex; gap: 2.667vw; }
.payment-choice .board-search .box label { flex:1 1 auto;}
.payment-choice .board-search .box label p {padding: 0 2.667vw;}

.description-chk { border-radius: 1.333vw; padding: 4vw 2.667vw; background-color: #ecf6ff; margin-bottom: 5.333vw;}
.description-chk .heading {padding-left: 0;}
.description-chk .heading::before {display: none;}
.description-chk p {font-size: 3.467vw !important;}
.description-chk > p {position: relative; line-height: 1.3 !important; color: #757c8a; font-size: 3.467vw !important; padding-left: 2vw; margin-bottom: 1.333vw !important;}
.description-chk > p::before {content: "- "; position: absolute; top: 0; left: 0;}
.description-chk li {line-height: 1.3 !important; color: #757c8a; font-size: 3.467vw !important; margin-bottom: 1.333vw !important;}

.round-box2 { padding: 4.667vw; background-color: rgba(255,255,255,0.6); border-radius: 2.133vw; margin-bottom: 2.667vw;}
.round-box2 .fl {  line-height: 1.6; color:#101c33;}
.round-box2 .fl dl::after { display: block;content:''; clear: both;}
.round-box2 .fl dl dt { float:left; margin-right: 0.667vw; }
.round-box2 .fl dl dd { overflow: hidden; font-weight:600;;}
.round-box2 .fl dl + dl { margin-top: 0.667vw; }

.pay-end { padding: 4.667vw; background-color: rgba(255,255,255,0.6); border-radius: 2.133vw; margin-bottom: 5.333vw;}
.pay-end h4 { font-size: 4.267vw; font-weight:600; margin-bottom: 2.667vw; color: #c4161c;}
.pay-end p { padding-left: 1.333vw; line-height: 1.4; color:#757c8a; position: relative;}
.pay-end p + p { margin-top: 0.933vw; }
.pay-end p::before {content:'\00B7'; position: absolute; top: 0; left: 0;}


/* ¼­ºê ÄÜÅÙÃ÷ - ±³¼öÄ«Æä */
/* ÇÁ¸®¹Ì¾ö ÄÁÆß */
.prof-top .box { margin: 3.333vw 0 5.333vw 4.267vw; border-radius: 2vw 0 0 2vw; overflow: hidden; background: url(//img.artchangjo.com/mobile/images/prof/bg_prof_top.png) no-repeat 50% 50%; background-size: cover; position: relative; height: 46.667vw; border: 0.267vw solid #ececec; border-right:0; box-shadow: 0 2vw 2vw #ebf2f3; }
.prof-top .txt-box { position: absolute; left: 4vw; bottom: 4vw; width: 52vw; }
.prof-top .txt-box .class { width: 100%; height: 18.667vw; font-size: 4.8vw; color:#404a5c; line-height: 1.3; margin-bottom: 4vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.prof-top .txt-box .name { color:#101c33;}
.prof-top .txt-box .name small { display: block; margin-bottom: 1.333vw; height: 6.933vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.prof-top .txt-box .name strong { font-size: 5.6vw; font-weight: 700; }
.prof-top .photo { position: absolute; right: -4vw; bottom: 0; width: 80vw; }

.board-list-btns { display: flex; gap: 2vw; padding: 4vw 4.267vw; background-color: #f1f1f1; margin: 0 -4.267vw 4vw; }
.board-list-btns .btn { flex:1; }

.board-search { margin-bottom: 9.333vw; }
.board-search .box { display: flex; gap: 2vw;}
.board-search .box + .box { margin-top: 2.667vw; }
.board-search .checks label  {flex:1; }
.board-search .checks .checkbox-save + p { width:100%; padding:0; text-align: center;}
.board-search .inp-box { position: relative;}
.board-search .inp-box .inp { width: 100%; height: 12vw; border-radius: 1.333vw; }
.board-search .inp-box .btn-srch { position: absolute; right: 2.667vw; /* top: 3.6vw; */ top: 50%; transform: translateY(-50%); width: 4.667vw; height: 4.667vw; background: url(//img.artchangjo.com/mobile/images/sub/ico_search.png) no-repeat 50% 50%; background-size: contain;}
.board-search .inp-box .btn-del { position: absolute; right: 2.667vw; /* top: 3.7vw; */ top: 50%; transform: translateY(-50%); width: 4.4vw; height: 4.4vw; background: url(//img.artchangjo.com/mobile/images/sub/btn_search_del.png) no-repeat 50% 50%; background-size: contain; display: none;}
.board-search .description {margin: 3.333vw -4.267vw 4.267vw; padding: 6vw 4.267vw; background-color: #f5f6fa;}
.board-search .description p {font-size: 4vw;}
.file-inp-box { width:100%; display: flex; gap: 1.333vw; }
.file-inp-box .file-name { flex:1; width:100%;}
.file-inp-box input[type=file] { position: absolute; display: none;}
.common-bottom-btns { display: flex; gap: 2vw; padding-bottom: 6vw;}
.common-bottom-btns .btn { flex:1}

.board-list { margin-bottom: 9.333vw;}
.board-list.border-top{  border-top: 0.267vw solid #e8ebf0; }
.board-list ul li { border-bottom: 0.267vw solid #e8ebf0; position: relative; }
.board-list ul li.noti:before {content:''; position: absolute; left: -4.267vw; right: -4.267vw; top: 0; bottom: 0; background-color: #f6f7f9;;}
.board-list ul li a { display: block; padding: 6vw 0; position: relative; flex:1}
.board-list ul li a .label { margin-bottom: 2vw; }
.board-list ul li a .label span {margin-right: 1.333vw; font-weight: 500; color: #c96835;}
.board-list ul li a .subj {position: relative; margin-bottom: 2vw; font-size: 4vw; font-weight: 500; line-height: 1.4; color: #101c33; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.board-list ul li a .subj.long_txt {padding-right: 4vw;}
.board-list ul li a .subj.long_txt .new {position: absolute; bottom: 0; right: 2.667vw;}
.board-list ul li a .new { font-size: 3.467vw; font-style: normal; font-weight: 900; color: #eb1318; }
.board-list ul li a .etc { display: flex; color: #757c8a; }
.board-list ul li a .etc p { padding-right: 1.333vw; margin-right: 1.333vw; position: relative; font-size: 3.467vw;}
.board-list ul li a .etc p::before {content:''; position: absolute; right:0; top: 50%; transform: translateY(-50%); width: 0.267vw; height: 2.667vw; background-color: #868c99;}
.board-list ul li a .etc p:last-child:before { display: none ;}
.board-list ul li.before,
.board-list ul li.ongoing,
.board-list ul li.after { display: flex; align-items: center;}
.board-list ul li.ongoing .status { background-color: #404a5c;}
.board-list ul li.after .status { background-color: #c96835;}
.board-list ul li .status { width: 13.333vw; height: 13.333vw; border-radius: 2.667vw; background-color: #4777b8; display: flex; justify-content: center; align-items: center; color:#fff; font-weight:500; text-align: center; margin-right: 2.667vw; z-index: 1;}
.board-list ul li .status p {line-height: 1.2;}

.board-view .head { padding: 6vw 0; }
.board-view .head .label { margin-bottom: 2vw; }
.board-view .head .label span {margin-right: 1.333vw; font-weight: 500; color: #c96835;}
.board-view .head .subj { font-size: 4vw; color:#101c33; font-weight: 500; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; /*-webkit-line-clamp: 2;*/ margin-bottom: 2vw; }
.board-view .head .new { font-size: 3.467vw; font-style: normal; font-weight: 900; color: #eb1318; }
.board-view .head .etc { display: flex; align-items: center; color: #757c8a; }
.board-view .head .etc p { padding-right: 1.333vw; margin-right: 1.333vw; position: relative; font-size: 3.467vw;}
.board-view .head .etc p::before {content:''; position: absolute; right:0; top: 50%; transform: translateY(-50%); width: 0.267vw; height: 2.667vw; background-color: #868c99;}
.board-view .head .etc p:last-of-type::before {display: none;}
.board-view .head .etc .file::before {content:''; position: absolute; left: -1.333vw; top: 50%; transform: translateY(-50%); width: 0.267vw; height: 2.667vw; background-color: #868c99;}
.board-view .head .etc .right-box { margin-left: auto;}
.board-view .head .file { display: flex; gap: 1.333vw; position: relative; }
.board-view .head .file a { width: 5.2vw; height: 5.2vw; }
.board-view .body { padding: 4.267vw; margin: 0 -4.267vw; background-color: #f6f7f9; line-height: 1.5; color:#101c33;}
.board-view .body .txt-box {font-size: 3.733vw;}
.board-view .body img { max-width:100%; }

.board-replay { padding: 6vw 0; }
.board-replay .tit { display: flex; align-items: center; gap: 2.667vw; font-size: 3.2vw; margin-bottom: 2.667vw; }
.board-replay .tit strong { padding: 1.333vw 2.667vw; color: #fff !important; text-align: center; border-radius: 1.333vw; background-color: #c96835; font-weight: 600; }
.board-replay .tit span { color: #c96835; font-weight: 600; }
.board-replay .files { margin: 2.667vw 0; padding: 1.333vw 2.667vw; background-color: #f9fafc; }
.board-replay .files ul li { width: 100%; }
.board-replay .files ul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 2vw 0; height: 5.2vw; line-height: 5.2vw; font-size: 3.2vw; color:#757c8a; padding-left: 6.667vw; background: url(//img.artchangjo.com/mobile/images/sub/ico_file.png) no-repeat; background-size: 5.2vw;}
.board-replay .txt-box { line-height: 1.5; color:#424a59; font-weight: 500; font-size: 3.733vw; padding-left: 2.667vw;}
.board-replay.ready .tit strong { background-color: #4777b8; }
.board-replay.ready .tit span { color: #4777b8; }
.board-replay.ready .txt-box { color: #4777b8; }
.board-replay.ongoing .tit strong { background-color: #404a5c; }
.board-replay.ongoing .tit span { color: #404a5c; }
.board-replay.ongoing .txt-box { color: #404a5c; }

.board_drop_wrap {margin-bottom: 2.667vw;}
.board_drop_wrap .board_drop_area {display: flex; align-items: center; gap: 2vw;}
.board_drop_wrap select {flex: 1; padding: 0; width: 40%; height: 8.8vw; color: #101c33; font-weight: 500; background-color: #fff; border: 0.267vw solid #edeff2; border-color: #7b8292;}
.board_drop_wrap p {width: 20%; font-size: 3.733vw; font-weight: 500; text-align: center;}












/* ¼­ºê ÄÜÅÙÃ÷ - °ü¸®´ÂâÁ¶ */
.prof_drop_wrap .prof_drop_area {display: flex; gap: 2vw; padding: 0 4.267vw;}
.prof_drop_wrap select {padding: 0 6vw 0 4vw; width: 100%; height: 11.2vw; color: #101c33; font-size: 4.267vw; font-weight: 600; background-color: #fff; border: 0.267vw solid #edeff2; border-color: #7b8292;}

.prof-index { padding: 2.667vw 0; }
.prof-list ul li {position: relative; margin-bottom: 3.333vw;}
.prof-item { background-color: #fff; border-radius: 1.333vw; overflow: hidden; box-shadow: 0 2vw 2vw #ebf2f3; display: flex; align-items: end; justify-content: space-between; position: relative; border: 0.267vw solid #ececec; }
.prof-item .photo { width: 26.667vw; height: 26.667vw; }
.prof-item .txt-box {padding: 8.667vw 0 6.667vw 4.667vw; width: 62.667vw;}
.prof-item .class { height: 13.467vw; color:#757c8a; margin-bottom: 1.333vw; line-height: 1.3; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.prof-item .name { font-size: 3.733vw; font-weight: 600; color: #101c33;}
.prof-item .name span::before {content: "|"; margin-left: 1vw; margin-right: 1vw;}
.prof-list ul li .label {position: absolute; left: 0; top: 0; width: 25.333vw; height: 6.533vw; z-index: 10;}


/* âÁ¶ Ä·ÆÛ½º */
.campus-map > div {border-radius: 0.667vw;}
.campus-desc {padding: 8vw 4vw 4vw;}
.campus-desc h4 {margin-bottom: 4vw; color: #000; font-size: 4.524vw; font-weight: 600;}
.campus-desc .addr {display: flex; align-items: center; gap: 1.190vw; margin-bottom: 2vw; color: #000; font-size: 3.733vw;}
.campus-desc .addr::before {content: ""; display: inline-block; min-width: 5.867vw; min-height: 5.867vw; background: url(//img.artchangjo.com/mobile/images/common/ico_map.png) no-repeat; background-size: contain; }
.campus-desc .tel {display: flex; align-items: center; gap: 1.190vw; color: #c4161c; font-size: 3.733vw; font-weight: 700;}
.campus-desc .tel::before {content: ""; display: inline-block; min-width: 5.867vw; min-height: 5.867vw; background: url(//img.artchangjo.com/mobile/images/common/ico_call.png) no-repeat; background-size: contain; }

.campus-img {overflow: hidden; position: relative; padding-bottom: 5.333vw;}
.campus-img .swiper-slide img {border-radius: 0.667vw;}
.campus-img .swiper-pagination {position: absolute; bottom: 0; left: 0;}
.campus-img .swiper-pagination span {width: 2vw; height: 2vw;}
.campus-img .swiper-pagination span.swiper-pagination-bullet-active {background-color: #c4161c;}


/* âÁ¶ tube */
.tube-tab-wrap { position: relative;}
.tube-tabs { display: flex; justify-content: center; position: relative; margin: 0 -4.267vw; padding: 2.667vw 0;}
.tube-tabs::before {content: ""; position: absolute; top: 2.667vw; left: 0; width: 6vw; height: 10vw; background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); z-index: 10; pointer-events: none;}
.tube-tabs::after {content: ""; position: absolute; top: 2.667vw; right: 0; width: 6vw; height: 10vw; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); z-index: 10; pointer-events: none;}
.tube-tabs .tabs1 {display: flex; justify-content: space-between; flex-wrap: wrap;}
.tube-tabs .tabs1.nowrap {flex-wrap: nowrap;overflow: auto; padding: 0;}
.tube-tabs .tabs1.noscroll{-ms-overflow-style: none; scrollbar-width: none; }
.tube-tabs .tabs1.noscroll::-webkit-scrollbar {display: none;}
.tube-tabs .tabs1::-webkit-scrollbar {height: 0.8vw;}
.tube-tabs .tabs1::-webkit-scrollbar-track {background: #fff;}
.tube-tabs .tabs1::-webkit-scrollbar-thumb {background: #C0C0C0;}
.tube-tabs .tabs1 > ul { display: flex; padding: 0 6vw 0.8vw;}
.tube-tabs .tabs1 > ul > li > a {display: flex; flex: 1; align-items: center; justify-content: center; border-radius: 5.333vw; padding: 1.333vw 2.667vw; font-size: 4vw; color: #404a5c; font-weight: 500;}
.tube-tabs .tabs1 > ul > li.active > a { background-color: #404a5c; color: #fff;}
.tube-cont {padding: 2.667vw 0;}
.tube-cont .cont-box {display: flex; flex-wrap: wrap; gap: 2vw; justify-content: space-between;}
.tube-cont .cont-box .tube-box {width: 43.733vw;}
.tube-cont .cont-box .tube-box .image_wrap {width: 43.733vw; height: 43.733vw;}
.tube-cont .cont-box .tube-box .image_wrap a {display: block; position: relative; width: 100%; height: 100%;}
.tube-cont .cont-box .tube-box .image_wrap a img {width: 100%; height: 100%; border-radius: 0.533vw;}
.tube-cont .cont-box .tube-box .tube-info {margin-bottom: 5.333vw;}
.tube-cont .cont-box .tube-box .tube-info .info-title {overflow: hidden; margin: 3vw 0 2vw; color: #111; font-weight: 500;}
.tube-cont .cont-box .tube-box .tube-info .info-date {color: #bbb; font-size: 3.467vw; font-weight: 500;}
.tube-cont .cont-box .none-tube {display: none; font-size: 3.467vw;}













/* ¼­ºê ÄÜÅÙÃ÷ - ¼ö°­½Åû */
.acad_topbn .topbnbox .swiper-slide {padding: 2.667vw 6.667vw; width: calc(100% - 13.333vw) !important; height: 100%;}
.acad_topbn .topbnbox a p {overflow: hidden; height: 6vw; text-align: center;}
.acad_topbn .topbnbox a .p1 {color: #757c8a;}
.acad_topbn .topbnbox a .p2 {font-size: 4.267vw; color: #101c33; font-weight: 600;}

.class-list ul li { border-bottom: 0.267vw solid #f5f6fa;}
.class-list ul li .item { display: flex; align-items: center; padding: 5.333vw 2.133vw 4vw; justify-content: space-between; }
.class-list ul li .title { flex:1;}
.class-list ul li .title .subj {width: 87.2vw; font-size: 4vw; font-weight: 500; color: #101c33; line-height: 1.4;}
.class-list .sugang_txt {margin-top: 2vw;}
.class-list .sugang_txt span {display: block; color: #8d8d8d; line-height: 1.4;}
.class-list .sugang_txt span::before {content: "¡¤"; margin-right: 0.667vw;}


/* °­Á¸®½ºÆ® */
#acad_classList .groupList {margin-bottom: 9.333vw;}
#acad_classList .groupClass {margin-bottom: 2vw;}
#acad_classList .class_open {display: flex; align-items: center; position: relative; padding: 2vw 8vw 2vw 4vw; min-height: 11.2vw; background-color: #f0e3e4; border-radius: 0.667vw; box-shadow: 0.133vw 0.267vw 0.8vw rgba(0, 0, 0, 0.1);}
#acad_classList .class_open .groupTit {width: 80.4vw; color: #101c33; font-size: 4vw; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#acad_classList .class_open .arrBtn {display: block; position: absolute; top: 4.5vw; right: 4vw; width: 2.4vw; height: 1.467vw; background: url(//img.artchangjo.com/mobile/images/member/angle_down.png) no-repeat; background-size: cover;}

#acad_classList .groupItem {display: none; position: relative; margin-bottom: 2.133vw; padding: 0 4vw; background-color: #fff; border: 0.267vw solid #eaeaea; border-top: 0; border-radius: 0 0 0.667vw 0.667vw;}
#acad_classList .groupItem li {padding-top: 4vw; border-bottom: 0.267vw solid #eaeaea;}
#acad_classList .groupItem li:last-child{border-bottom: none;}
#acad_classList .groupItem .itemSub {display: flex; align-items: center;}
#acad_classList .groupItem .itemSub p {position: relative; padding-right: 1.333vw; margin-right: 1.333vw; font-size: 3.2vw;}
#acad_classList .groupItem .itemSub p::before {content:''; position: absolute; right:0; top: 50%; transform: translateY(-55%); width: 0.267vw; height: 2.667vw; background-color: #868c99;}
#acad_classList .groupItem .itemSub p:last-of-type::before {display: none;}
#acad_classList .groupItem .itemTit {overflow: hidden; color: #101c33; font-size: 3.733vw; font-weight: 500; line-height: 1.5;}
#acad_classList .groupItem .itemTit .lbs {display: inline-block;}
#acad_classList .groupItem .itemTit .lbs div {display: inline-block; height: 4.667vw; font-weight: 500; padding: 0 2vw; font-size: 2.933vw; border-radius: 0.4vw;}
#acad_classList .groupItem .itemDate {margin-top: 2.667vw; color: #8d8d8d; font-size: 3.2vw; word-break: break-all;}
#acad_classList .groupItem .itemInfo {display: flex; gap: 1.333vw; margin: 2.667vw 0 4vw;}
#acad_classList .groupItem .itemInfo div{display: table-cell;position: relative;}
#acad_classList .groupItem .itemBtn {flex: 1;}
#acad_classList .groupItem .itemBtn button {padding: 0; width: 100%;}
#acad_classList .groupItem .itemBtn .btn_lect {justify-content: left; padding-left: 4vw; color: #101c33; background: url(//img.artchangjo.com/mobile/images/member/angle_down.png) no-repeat right 2vw center; background-size: 2.4vw 1.467vw; border: 0.4vw solid #a3aabb;}
#acad_classList .groupItem .itemLec_list {display: none; margin: 4vw 0; padding: 4vw; background: #f7f7f7;}
#acad_classList .groupItem .itemLec_list p {margin-bottom: 2vw; font-size: 3.2vw; line-height: 1.4;}

/* ¸Þ´º ¿­°í ´Ý±â */
#acad_classList .groupClass.on .groupItem {display: block;}
#acad_classList .groupClass.on .arrBtn {transform: rotate(180deg);}
#acad_classList .groupClass.on .class_open {height: auto;}
#acad_classList .groupClass.on .class_open .groupTit {white-space: unset; text-overflow: unset;}

#acad_classList .groupItem .itemInfo.on + .itemLec_list {display: block;}
#acad_classList .groupItem .itemInfo.on .btn_lect {justify-content: right; padding-right: 4vw; transform: rotate(180deg); background-position: 2vw center;}
#acad_classList .groupItem .itemInfo.on .btn_lect span {transform: rotate(180deg);}



































/* ¼­ºê ÄÜÅÙÃ÷ - °­Á¾ȳ» */
/* °øÅë */
.changjo-content p {font-size: 3.733vw; line-height: 1.6;}

.class_drop_wrap { position: sticky; top: 16.667vw; left: 0; padding: 2.133vw 4.267vw; background-color: #fff; z-index: 99;}
.class_drop_area select {padding: 0; width: 100%; height: 11.2vw; color: #101c33; font-size: 4.267vw; font-weight: 600; background-color: #fff; border: 0.267vw solid #edeff2; z-index: 100;}

.container {margin-bottom: 13.333vw; padding: 0 4.267vw;}

/* table */
.table_area { width: 100%; margin-top: -0.267vw; border-top: 0.267vw solid #c4161c; }
.table_area table { width: 100%; border: solid 0.267vw #ddd; border-collapse: collapse; }
.table_area th, .table_area td { padding: 1.333vw; border: solid 0.267vw #ddd; vertical-align: middle; }
.table_area th { font-size: 3.467vw; font-weight: 700; }
.table_area td { font-size: 3.2vw; text-align: left; }
.table_area thead th {background: #ececec;}
.table_area .text-center{background: #f0f6f6;}
.table_area.scroll {overflow-x: auto; width: 100%;}

.ico_wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #5389ff; text-decoration: underline; vertical-align: middle; }
.ico_pdf { display: block; width: 3.467vw; height: 3.467vw; background-image: url("//img.artchangjo.com/images/acad/ico_pdf@2x.png"); background-repeat: no-repeat; background-position: center; background-size: contain; }
.table_center td { padding: 2vw 1.333vw; text-align: center; }
.table_sm th, .table_sm td { font-size: 2.667vw; line-height: 1.6; }
.table_sm td { word-break: normal; word-wrap: normal; }
table.info thead th {background: #ececec;border-right: 0.267vw solid #e0e0e0;}
table.info tbody th {background: #f0f6f6;font-weight: 400;}
table.info tr.univ th,
table.info tr.univ td {border-top: 0.267vw solid #ccc !important;}

/* subtitle_area */
.subtitle_area { display: flex; justify-content: space-between; align-items: flex-end; position: relative; z-index: 2; margin-top: 13.333vw; margin-bottom: 2.667vw; padding-bottom: 1.333vw; border-bottom: 0.267vw solid #c4161c; }
.subtitle_area .title { font-size: 4vw; font-weight: 700; }

/* summary_area */
.summary_area { display: flex; align-items: center; height: 33.333vw; padding: 0 2.667vw; -o-object-fit: contain; object-fit: contain; border-radius: 0 2.667vw; font-size: 4vw !important; line-height: 1.4; font-weight: bold; color: #fff; word-break: keep-all; background-repeat: no-repeat; background-position: center; background-size: cover; }
.class_summary0 { background-image: url("//img.artchangjo.com/mobile/images/acad/img_class_summary0.png"); }
.class_summary1 { background-image: url("//img.artchangjo.com/mobile/images/acad/img_class_summary1.png"); }
.class_summary2 { background-image: url("//img.artchangjo.com/mobile/images//acad/img_class_summary2.png"); color: #000; }
.class_summary3 { background-image: url("//img.artchangjo.com/mobile/images/acad/img_class_summary3.png"); }
.class_summary4 { background-image: url("//img.artchangjo.com/mobile/images/acad/img_class_summary4.png"); }
.class_summary5 { background-image: url("//img.artchangjo.com/mobile/images/acad/img_class_summary5.png"); }
.class_summary6 { background-image: url("//img.artchangjo.com/mobile/images/acad/img_class_summary6.png"); }
.class_summary7 { background-image: url("//img.artchangjo.com/mobile/images/acad/img_class_summary7.png"); }
.class_summary8 { background-image: url("//img.artchangjo.com/mobile/images/acad/img_class_summary8.png"); }
.class_summary9 { background-image: url("//img.artchangjo.com/mobile/images/acad/img_class_summary9.png"); color: #000;}
.class_summary10 { background-image: url("//img.artchangjo.com/mobile/images/acad/img_class_summary10.png"); color: #000; }

/* bullet_list */
.bullet_list li { position: relative; margin-bottom: 0.667vw; padding-left: 2vw; line-height: 1.6; word-break: keep-all; }
.bullet_list li::before { content: '\2022'; position: absolute; top: 0; left: 0; }
.bullet_list li li { padding-left: 5.333vw; }
.bullet_list li li::before { content: '¡æ'; }

/* course_type1 */
.course_type1 { margin: 6.667vw 0 0; }
.course_type1 > li { display: flex; justify-content: space-between; position: relative; margin-bottom: 5.333vw; }
.course_type1 .bullet_list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; }
.course_type1 .circle { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width: 30.667vw; height: 30.667vw; text-align: center; }
.course_type1 .circle em { width: 100%; font-weight: bold; color: rgba(0, 0, 0, 0.15); }
.course_type1 .circle strong { position: relative; margin-top: 1vw; font-size: 3.733vw; font-weight: bold; line-height: 1.4; word-break: keep-all; }
.course_type1 > li:nth-child(4) {margin-top: 16vw;}
.course_type1 .arrow { position: absolute; bottom: -13.333vw; left: 11.067vw; width: 8.533vw; height: 10.933vw; background-image: url("//img.artchangjo.com/mobile/images/acad/img_arrow2@2x.png"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.course_type1 > li .circle::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 30.667vw; height: 30.667vw; border-radius: 100%; opacity: 0.9; }
.course_type1 .list_wrap { flex-grow: 1; margin-left: 2.667vw; padding: 2vw; width: 58.667vw; border-top: 0.233vw solid #979797; background: #fbfbfb; }

/* class_course */
.class_course0 > li:nth-child(4) .circle { color: #fff; }
.class_course0 > li:nth-child(1) .circle::before { background-color: rgba(255, 180, 180, 0.3); }
.class_course0 > li:nth-child(2) .circle::before { background-color: rgba(255, 180, 180, 0.5); }
.class_course0 > li:nth-child(3) .circle::before { background-color: rgba(255, 180, 180, 0.8); }
.class_course0 > li:nth-child(4) .circle::before { box-shadow: 0 0 1.333vw 0 #ff5959; background-color: #ff5959; }

.class_course1 > li:nth-child(4) .circle { color: #fff; }
.class_course1 > li:nth-child(1) .circle::before { background-color: rgba(165, 212, 145, 0.3); }
.class_course1 > li:nth-child(2) .circle::before { background-color: rgba(165, 212, 145, 0.5); }
.class_course1 > li:nth-child(3) .circle::before { background-color: rgba(165, 212, 145, 0.8); }
.class_course1 > li:nth-child(4) .circle::before { box-shadow: 0 0 1.333vw 0 #A5D491; background-color: #A5D491; }

.class_course2 > li:nth-child(4) .circle { color: #fff; }
.class_course2 > li:nth-child(1) .circle::before { background-color: rgba(182, 121, 255, 0.2); }
.class_course2 > li:nth-child(2) .circle::before { background-color: rgba(182, 121, 255, 0.4); }
.class_course2 > li:nth-child(3) .circle::before { background-color: rgba(182, 121, 255, 0.7); }
.class_course2 > li:nth-child(4) .circle::before { box-shadow: 0 0 1.333vw 0 #b679ff; background-color: #b679ff; }

.class_course3 > li:nth-child(4) .circle { color: #fff; }
.class_course3 > li:nth-child(1) .circle::before { background-color: rgba(83, 137, 255, 0.2); }
.class_course3 > li:nth-child(2) .circle::before { background-color: rgba(83, 137, 255, 0.4); }
.class_course3 > li:nth-child(3) .circle::before { background-color: rgba(83, 137, 255, 0.7); }
.class_course3 > li:nth-child(4) .circle::before { box-shadow: 0 0 1.333vw 0 #5389ff; background-color: #5389ff; }

.class_course4 > li:nth-child(4) .circle { color: #fff; }
.class_course4 > li:nth-child(1) .circle::before { background-color: rgba(208, 166, 116, 0.2); }
.class_course4 > li:nth-child(2) .circle::before { background-color: rgba(208, 166, 116, 0.4); }
.class_course4 > li:nth-child(3) .circle::before { background-color: rgba(208, 166, 116, 0.7); }
.class_course4 > li:nth-child(4) .circle::before { box-shadow: 0 0 1.333vw 0 #d0a674; background-color: #d0a674; }

.class_course5 > li:nth-child(4) .circle { color: #fff; }
.class_course5 > li:nth-child(1) .circle::before { background-color: rgba(255, 158, 44, 0.2); }
.class_course5 > li:nth-child(2) .circle::before { background-color: rgba(255, 158, 44, 0.4); }
.class_course5 > li:nth-child(3) .circle::before { background-color: rgba(255, 158, 44, 0.7); }
.class_course5 > li:nth-child(4) .circle::before { box-shadow: 0 0 1.333vw 0 #ff9e2c; background-color: #ff9e2c; }

.class_course6 > li:nth-child(1) .circle::before { background-color: rgba(139, 230, 239, 0.2); }
.class_course6 > li:nth-child(2) .circle::before { background-color: rgba(139, 230, 239, 0.4); }
.class_course6 > li:nth-child(3) .circle::before { background-color: rgba(139, 230, 239, 0.7); }
.class_course6 > li:nth-child(4) .circle::before { box-shadow: 0 0 1.333vw 0 #8be6ef; background-color: #8be6ef; }

.class_course9 > li:nth-child(1) .circle::before { background-color: rgba(201, 230, 171, 0.2); }
.class_course9 > li:nth-child(2) .circle::before { background-color: rgba(201, 230, 171, 0.4); }
.class_course9 > li:nth-child(3) .circle::before { background-color: rgba(201, 230, 171, 0.7); }
.class_course9 > li:nth-child(4) .circle::before { box-shadow: 0 0 1.333vw 0 #c9e6ab; background-color: #c9e6ab; }

.class_course10 > li:nth-child(1) .circle::before { background-color: rgba(118, 196, 255, 0.2); }
.class_course10 > li:nth-child(2) .circle::before { background-color: rgba(118, 196, 255, 0.4); }
.class_course10 > li:nth-child(3) .circle::before { background-color: rgba(118, 196, 255, 0.7); }
.class_course10 > li:nth-child(4) .circle::before { box-shadow: 0 0 1.333vw 0 #76c4ff; background-color: #76c4ff; }

/* course_type2 */
.course_type2 { margin: 6.667vw 0 0; display: flex; justify-content: space-around; }
.course_type2 .circle { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; width: 30.667vw; height: 30.667vw; text-align: center; }
.course_type2 .circle i { display: block; position: relative; width: 9.333vw; height: 9.333vw; background-repeat: no-repeat; background-position: center; background-size: contain; }
.ico_course1 { background-image: url("//img.artchangjo.com/images/acad/ico_course1@2x.png"); }
.ico_course2 { background-image: url("//img.artchangjo.com/images/acad/ico_course2@2x.png"); }
.course_type2 .circle strong { position: relative; margin-top: 1vw; font-weight: bold; line-height: 1.4; word-break: keep-all; }
.course_type2 > li { display: flex; justify-content: space-between; position: relative; margin-bottom: 5.333vw;}
.course_type2 > li .circle::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 30.667vw; height: 30.667vw; border-radius: 100%; opacity: 0.9; }

.class_course7 { position: relative; }
.class_course7::before { content: '+'; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 8vw; font-weight: bold; }
.class_course7 > .course_type2 > li:nth-child(1) .circle::before { background-color: rgba(71, 216, 183, 0.3); }
.class_course7 > .course_type2 > li:nth-child(2) .circle::before { background-color: rgba(71, 216, 183, 0.5); }

.class_course8 { position: relative; }
.class_course8::before { content: '+'; display: flex; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 8vw; font-weight: bold; }
.class_course8 > .course_type2 > li:nth-child(1) .circle::before { background-color: rgba(255, 220, 99, 0.5); }
.class_course8 > .course_type2 > li:nth-child(2) .circle::before { background-color: #ffdc63; }

/* class_curriculum */
.class_curriculum { margin: 0 auto; width: 73.333vw; }
.class_curriculum li { list-style: none; }
.class_curriculum .figure { overflow: hidden; position: relative; margin-top: 6.667vw; border-radius: 0 2.667vw; }
.class_curriculum .bullet_list { margin-top: 1.333vw; }
.class_curriculum .bullet_list strong { font-size: 3.733vw; font-weight: 700; }
.class_curriculum .title { display: block; width: 100%; margin-top: 1.333vw; padding: 1.333vw; border-radius: 0 1.333vw; background-color: #c4161c; font-size: 3.733vw; font-weight: bold; color: #fff; }

/* class_timetable */
.class_timetable { width: 100%; border: 0.267vw solid #d7e3f1; }
.class_timetable th, .class_timetable td { font-weight: bold; vertical-align: middle; }
.class_timetable tbody th:first-child { position: relative; }
.class_timetable tbody th:first-child::before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; width: 0.267vw; height: 100%; background: #d7e3f1; }
.class_timetable tbody th::after { content: ''; position: absolute; top: 0; left: 0; width: 91.2vw; height: 0.267vw; background: #d7e3f1; }
.class_timetable thead th { padding: 1.333vw; background: #f5fbff; }
.class_timetable tbody th, .class_timetable tbody td { padding: 1.333vw; }
.class_timetable tbody td { position: relative; padding: 1.333vw; }
.class_timetable div { display: flex; justify-content: center; align-items: center; position: absolute; z-index: 2; top: 1.333vw; right: 0.667vw; bottom: 1.333vw; left: 0.667vw; padding: 1.333vw 0; height: calc(100% - 2.667vw); border-radius: 1.333vw; text-align: center; color: #fff; }
.color_timetable1 { background: #ffc0c1; background: linear-gradient(90deg, #ffc0c1 0%, #ff8c8d 100%); }
.color_timetable2 { background: #ff9c79; background: linear-gradient(90deg, #ff9c79 0%, #ff6244 100%); }
.color_timetable3 { background: #ee5e60; background: linear-gradient(90deg, #ee5e60 0%, #d83032 100%); }
.color_timetable4 { background: #e33440; background: linear-gradient(90deg, #e33440 0%, #c4181e 100%); }
.color_timetable5 { background: #ff9c79; background: linear-gradient(90deg, #ff9c79 0%, #ff6244 100%); }

/* class_gallery */
.gallery_area { display: flex; margin-right: 0; margin-left: 0; }
.gallery_area > .col { position: relative; padding-right: 0; padding-left: 0; }
.gallery_area li {position: relative; overflow: hidden;}
.img_fluid { overflow: hidden; position: relative; background-repeat: no-repeat; background-position: center top; background-size: cover; width: 30.533vw; height: 30.533vw;}
.img_fluid a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }


/* scholarship */
.scholarship { background-image: url("//img.artchangjo.com/mobile/images/acad/img_summary_scholarship.png"); color: #000; }
.scholarship_wrap .description { margin-top: 4vw; font-size: 3.733vw; font-weight: 700; line-height: 1.6; }
.scholarship_wrap .subtitle { margin-top: 4vw; font-size: 3.733vw; font-weight: 700; }
.scholarship_wrap h4:first-of-type { margin-top: 4vw; }
.scholarship_wrap .bullet_list { margin-top: 2vw; }
.scholarship_wrap .bullet_list li { font-size: 3.2vw; }
.scholarship_wrap .bullet_list li::before { content: '*'; }
.scholarship_wrap .list_type1 { display: flex; justify-content: space-between; align-items: center; position: relative; margin-top: 2.667vw; margin-left: 4.267vw; margin-right: 4.267vw; }
.scholarship_wrap .list_type1::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 13.867vw; height: 2.933vw; background-image: url("//img.artchangjo.com/images/acad/ico_arrow@2x.png"); background-repeat: no-repeat; background-position: center; background-size: cover; }
.scholarship_wrap .list_type1 .sale { position: relative; }
.scholarship_wrap .list_type1 .sale p { font-weight: 700; color: #c4161c; text-align: right; }
.scholarship_wrap .list_type2 { margin-top: 4vw; margin-right: 4.267vw; }
.scholarship_wrap .list_type2 li { display: flex; justify-content: space-between; line-height: 1.6; }



/* ¼­ºê ÄÜÅÙÃ÷ - ÇÕ°ÝÀü´ç */
/* old_temp - ÇÕ°ÝÀü´ç(¿¬µµº° ÇÕ°Ý·ü 2011~2020) */
.old_temp .b_major { vertical-align: top; padding: 3px 0px 5px 0px; line-height: 1.3; color: #666666; background-color: #ffffff; border-right: 1px solid #eeeeee; }
.old_temp .b_univ { vertical-align: top; padding: 3px 0px 5px 0px; line-height: 1.3; color: #333333; width: 80px; background-color: #ffffff; }
.old_temp .em { color: #d22237; font-weight: bold; }
.old_temp table {width: 100%;}
.old_temp table td p {font-size: 2.667vw; line-height: 1.6; word-break: keep-all;} 
.old_temp table.list { margin: 2vw 0 6vw 0; }
.old_temp table.list th { padding: 1.333vw; border: solid 0.267vw #ddd; font-size: 2.667vw; line-height: 1.6; background-color: #f4f4f4; border-top: 0.4vw solid #e77; }
.old_temp table.list td { padding: 1.333vw; border: solid 0.267vw #ddd; font-size: 2.667vw; line-height: 1.6; word-break: keep-all; }
.old_temp .major3 { padding: 3px 0px 5px 0px; line-height: 1.3; width: 120px; background-color: #ffffff; border-right: 1px solid #eeeeee; }
.old_temp .major5 { padding: 1px 0px 3px 0px; line-height: 1.3; width: 55px; background-color: #ffffff; border-right: 1px solid #eeeeee; }
.old_temp .major6 { padding: 1px 0px 3px 0px; line-height: 1.3; width: 50px; background-color: #ffffff; border-right: 1px solid #eeeeee; }
.old_temp .name { vertical-align: top; padding: 3px 0px 5px 0px; line-height: 1.3; color: #666666; width: 60px; background-color: #ffffff; text-align: center; }
.old_temp .style1 { color: #cc0000; font-weight: bold; }
.old_temp .style4 { font-weight: bold; }
.old_temp .style7 { color: #990000; font-weight: bold; }
.old_temp .style9 { color: #999; }
.old_temp .style10 { color: #ff0; }
.old_temp .style11 { color: #f54d0c; font-weight: bold; }
.old_temp .style12 { color: #ff7c06; font-weight: bold; }
.old_temp .success01 { margin-bottom: 30px; }
.old_temp .univ2 { vertical-align: top; padding: 8px 0px 10px 8px; line-height: 1.3; font-weight: bold; width: 100px; color: #2d3648; }
.old_temp .univ3 { vertical-align: top; padding: 12px 0px 5px 8px; line-height: 1.3; font-weight: bold; width: 100px; color: #2d3648; }
.old_temp .ico_lock img{width: 13px; margin-left: 5px;}
.old_temp .txt_clean{font-size: 13px; text-align: left; line-height: 20px; width: 860px;}
.old_temp .txt_clean p.tit{background: #002060; width: 250px; padding: 5px 0; border-radius: 5px; text-align: center; color: #fff; margin-bottom: 12px;}
/* // old_temp */

.tab_nav {overflow: hidden; padding: 2.667vw 0;}
.tab_nav .swiper-container {position: relative; padding: 0 6vw;}
.tab_nav .swiper-container::before {content: ""; position: absolute; top: 0; left: 0vw; width: 6vw; height: 10vw; background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); z-index: 10; pointer-events: none;}
.tab_nav .swiper-container::after {content: ""; position: absolute; top: 0; right: 0vw; width: 6vw; height: 10vw; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); z-index: 10; pointer-events: none;}
.tab_nav .swiper-slide {width: auto;}
.tab_nav .swiper-slide a {display: inline-block; border-radius: 5.333vw; padding: 1.333vw 2.667vw; font-size: 4vw; color: #404a5c; font-weight: 500;}
.tab_nav .swiper-slide.active a {background-color: #404a5c; color: #fff;}
.tab_nav .swiper-scrollbar {position: absolute; bottom: -1.333vw; background: #fff; height: 0.8vw;}
.tab_nav .swiper-scrollbar .swiper-scrollbar-drag {background: #C0C0C0;}

.pass_wrap .vod iframe {width: 100%; height: 52vw;}
.pass_wrap .title_pass {display: block; text-align: center; margin-top: 2.667vw; font-weight: bold; color: #FFFFFF; background-color: #C4161C; border-radius: 0 1.333vw; padding: 2vw;}
.pass_wrap .title_pass span {display: block; width: 100%; text-align: center; color: #ffe400; font-weight: 400;}
.pass_wrap .table_area { margin-top: 2.667vw; }
.univ_area { padding-top: 2vw !important; padding-bottom: 2vw !important; vertical-align: top !important; }
.univ_area figure { width: 50%; margin: 0 auto 2vw; }
.univ_area strong { display: block; line-height: 1.4; }

.pass_wrap .visual {margin-bottom: 5vw; padding: 6vw; width: 100%; height: 47vw; background-size: cover; border-top-right-radius: 8vw; border-bottom-left-radius: 8vw; }
.pass_wrap .visual .txt {margin: 0 auto; padding-bottom: 1vw; width: 100%; color: #fff; font-size: 3.2vw; text-align: center; line-height: 5vw; border-bottom: 0.267vw solid #fff; opacity: 0.8;}
.pass_wrap .visual ul {overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 4vw; padding: 3vw 0;}
.pass_wrap .visual ul li {display: inline-block; color: #fff; font-weight: 900; text-shadow: 0.267vw 0.133vw 1.333vw rgba(0,0,0,0.5);}
.pass_wrap .visual ul li div {font-size: 6vw; line-height: 7vw; text-shadow: 0.267vw 0.133vw 1.333vw rgba(0,0,0,0.5);}
.pass_wrap .visual .bar {display: grid; align-items: center; margin: 0 auto; width: 92%; height: 8vw; text-align: center; color: #fff; font-size: 4vw; font-weight: 700; border-radius: 15vw;}

.pass_wrap .share {overflow: hidden; text-align: center;}
.pass_wrap .share li {display: inline-block; width: 32.5%; margin: 0.5% 0;}
.pass_wrap .share_bottom {margin-top: -5vw;}


/* Çհݼö±â */
.epilogue_table {width: 100%; border-collapse: collapse; table-layout: fixed; border-top: 0.267vw solid #e8ebf0;}
.epilogue_table caption {visibility: hidden; line-height: 0; font-size: 0;}
.epilogue_table td {padding: 6vw 0; text-align: center; color: #757c8a; font-weight: 500; border-bottom: 0.267vw solid #e8ebf0;}
.epilogue_table td a {display: flex; align-items: center; gap: 2.667vw;}
.university_logo {display: flex; align-items: center; justify-content: center; flex-flow: column-reverse; gap: 2vw; position: relative; padding: 2vw; min-width: 17.333vw; max-height: 17.333vw;}
.university_logo img {width: 13.333vw;}
.university_logo .king {position: absolute; top: -3vw; left: 0; padding: 0 1.333vw; color: #fff; font-size: 2.667vw; font-weight: 500; text-align: center; background-color: #c96835; border-radius: 0.4vw;}

.epilogue-contents {text-align: left;}
.epilogue-contents .heading {margin-bottom: 2vw; color: #111; line-height: 1.4;}

.epilogue_view {padding-top: 6vw;}
.epilogue_view .view-intro {margin: 0 -4.267vw; padding: 0 4.267vw; }
.epilogue_view .view-intro .intro-top {display: flex; gap: 5.333vw; align-items: center; padding: 4.267vw 0; border-top: 0.267vw solid #e8ebf0;}
.epilogue_view .view-intro .intro-top .top-txt {display: flex; align-items: center; justify-content: center; min-width: 13.333vw; height: 13.333vw; color: #fff; font-size: 3.2vw; font-weight: 600; line-height: 1.2; text-align: center; background-color: #eb1318; border-radius: 100%;}
.epilogue_view .view-intro .intro-top .top-uni {display: flex; flex-wrap: wrap; gap: 1.333vw;}
.epilogue_view .view-intro .intro-top .top-uni img {width: 10.667vw !important; height: 10.667vw !important;}

.epilogue_view .view-intro .intro-bottom {overflow: hidden; margin-bottom: 8vw; padding: 4.267vw 0 2vw; border-top: 0.267vw solid #e8ebf0; border-bottom: 0.267vw solid #e8ebf0;}
.epilogue_view .view-intro .intro-bottom .student_img {float: left; width: 13.333vw !important;; height: 13.333vw !important;}
.epilogue_view .view-intro .intro-bottom .student_img img {width: 13.333vw !important; height: 13.333vw !important;}
.epilogue_view .view-intro .intro-bottom .university_logo {float: left; padding: 1.333vw;}
.epilogue_view .view-intro .intro-bottom .university_logo img {width: 10.667vw !important; height: 10.667vw !important;}
.epilogue_view .view-intro .intro-bottom .epilogue-contents .heading {margin-bottom: 2.667vw; min-height: 13.333vw; color: #c4161c; font-size: 3.733vw; font-weight: 600; line-height: 1.4;}
.epilogue_view .view-intro .intro-bottom .epilogue-contents .heading span {display: block; color: #212121;}
.epilogue_view .view-intro .intro-bottom .epilogue-contents dl {display: flex; margin-bottom: 2vw; width: 100%; color: #757c8a;}
.epilogue_view .view-intro .intro-bottom .epilogue-contents dl dt {width: 25%; font-size: 3.2vw; font-weight: 600;}
.epilogue_view .view-intro .intro-bottom .epilogue-contents dl dd {width: 75%; font-size: 3.2vw;}

.epilogue_view .epilogue-interview {margin-bottom: 6.667vw;}
.epilogue_view .epilogue-interview h4 {padding: 0 4vw 1.333vw 0; color: #1c1c1c; font-size: 4vw; font-weight: 500; line-height: 1.4; border-bottom: 0.267vw solid #c4161c;}
.epilogue_view .epilogue-interview h4::before {content: "\2022"; margin-right: 0.4vw;}
.epilogue_view .epilogue-interview p {padding: 2vw; color: #424a59; font-size: 3.2vw; font-weight: 500; line-height: 1.6;}

.board-view .tit { margin-right: 1.333vw; margin-bottom: 2vw; padding: 6vw 0 0; font-size: 4vw; color: #101c33; font-weight: 500; line-height: 1.4;}
.board-view .tit strong { display: block; margin-bottom: 2vw; font-size: 3.467vw; font-weight: 500; color: #c96835; line-height: initial;}
.board-view .tit strong span {margin-right: 0.667vw;}
.board-view .info {display: flex; align-items: center; color: #757c8a;}
.board-view .info span {position: relative; margin-right: 1.333vw; padding-right: 1.333vw; font-size: 3.467vw; line-height: 1.6;}
.board-view .info span::before {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 0.267vw; height: 2.667vw;  background-color: #868c99;}
.board-view .info span:last-of-type::before {display: none;}


/* ÇÕ°ÝÀÚ °¶·¯¸® */
.pass-tab-wrap { position: relative;}
.pass-tabs { display: flex; justify-content: center; position: relative; margin: 0 -4.267vw; padding: 2.667vw 0;}
.pass-tabs::before {content: ""; position: absolute; top: 2.667vw; left: 0; width: 6vw; height: 10vw; background: linear-gradient(-90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); z-index: 10; pointer-events: none;}
.pass-tabs::after {content: ""; position: absolute; top: 2.667vw; right: 0; width: 6vw; height: 10vw; background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%); z-index: 10; pointer-events: none;}
.pass-tabs .tabs1 {display: flex; justify-content: space-between; flex-wrap: wrap;}
.pass-tabs .tabs1.nowrap {flex-wrap: nowrap;overflow: auto; padding: 0;}
.pass-tabs .tabs1.noscroll{-ms-overflow-style: none;scrollbar-width: none;}
.pass-tabs .tabs1.noscroll::-webkit-scrollbar{display: none;}
.pass-tabs .tabs1::-webkit-scrollbar {height: 0.8vw;}
.pass-tabs .tabs1::-webkit-scrollbar-track {background: #fff;}
.pass-tabs .tabs1::-webkit-scrollbar-thumb {background: #C0C0C0;}
.pass-tabs .tabs1 > ul { display: flex; padding: 0 6vw 0.8vw;}
.pass-tabs .tabs1 > ul > li > a {display: flex; flex: 1; align-items: center; justify-content: center; border-radius: 5.333vw; padding: 1.333vw 2.667vw; font-size: 4vw; color: #404a5c; font-weight: 500;}
.pass-tabs .tabs1 > ul > li.active > a { background-color: #404a5c; color: #fff;}
.pass-cont {padding: 2.667vw 0;}
.pass-cont .cont-box {display: flex; flex-wrap: wrap; gap: 2vw; justify-content: space-between;}
.pass-cont .cont-box .pass-box {width: 43.733vw;}
.pass-cont .cont-box .pass-box .image_wrap {width: 43.733vw; height: 43.733vw;}
.pass-cont .cont-box .pass-box .image_wrap a {display: block; position: relative; width: 100%; height: 100%;}
.pass-cont .cont-box .pass-box .image_wrap a img {width: 100%; height: 100%; border-radius: 0.533vw;}
.pass-cont .cont-box .pass-box .pass-info {margin-bottom: 5.333vw;}
.pass-cont .cont-box .pass-box .pass-info .info-title {overflow: hidden; margin: 3vw 0 2vw; color: #111; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.pass-cont .cont-box .pass-box .pass-info .info-date {color: #bbb; font-size: 3.467vw; font-weight: 500;}
.pass-cont .cont-box .none-pass {display: none; font-size: 3.467vw;}


/* ¼­ºê ÄÜÅÙÃ÷ - »ó´ã¼¾ÅÍ */
.description {margin: 0 -4.267vw; padding: 6vw 4.267vw; background-color: #f5f6fa;}

.list-circle li {position: relative; padding-left: 1.6vw; line-height: 1.6; word-break: keep-all;}
.list-circle li::before {content: "\00B7"; position: absolute; top: 0; left: 0;}
.list-circle li ul li {padding-left: 2.133vw;}
.list-circle li ul li::before {content: "-";}

.list-number li {margin-left: 4vw; line-height: 1.6; word-break: keep-all;}

.list-star li {position: relative; padding-left: 2.933vw; line-height: 1.6; word-break: keep-all;}
.list-star li::before {content: "¡Ø"; position: absolute; top: 0; left: 0;}

.table-view1 {}
.table-view1 table { width: 100%; border-collapse: collapse; border-top: 0.267vw solid #101d33}
.table-view1 table thead th { background-color: #edf1f7; padding: 2vw; color: #1c1c1c;}
.table-view1 table tbody th { background-color: #f7faff; padding: 2vw; color: #1c1c1c; font-weight: 500; border-bottom: 0.267vw solid #dbdee2; }
.table-view1 table tbody td { padding: 2vw; color: #757c8a; border-bottom: 0.267vw solid #dbdee2; }

.table-view2 {}
.table-view2 table { width: 100%; border-collapse: collapse; }
.table-view2 table tbody th { background-color: #eef3f8; padding: 2vw; color: #101c33; font-weight: 500; border-bottom: 0.267vw solid #fff; }
.table-view2 table tbody td { padding: 2vw; color: #5f707d; font-weight: 500;}
.table-view2 table tbody td select {width: 100%; font-size: 3.467vw;}
.table-view2 table tbody td input {width: 100%; font-size: 3.467vw;}


.table-view3 {}
.table-view3 table { width: 100%; border-collapse: collapse; border-top: 0.267vw solid #101d33; border-bottom: 0.267vw solid #dbdee2;}
.table-view3 table tbody th { background-color: #f9fafc; padding: 2vw; color:#404a5c; font-weight:500; border-bottom: 0.267vw solid #dbdee2; }
.table-view3 table tbody td { padding: 2vw; color: #101c33; border-bottom: 0.267vw solid #dbdee2; }

.table-view4 {}
.table-view4 table { width: 100%; border-collapse: collapse; }
.table-view4 table thead th { background-color: #edf1f7; color: #1c1c1c; border-right: 0.267vw solid #dbdee2; border-bottom: 0.267vw solid #dbdee2; font-weight: 500; }
.table-view4 table thead th:last-child { border-right: 0;}
.table-view4 table tbody th { background-color: #f7faff; padding: 2vw; color: #1c1c1c; font-weight: 500; border-bottom: 0.267vw solid #dbdee2; border-right: 0.267vw solid #dbdee2; }
.table-view4 table tbody td { padding: 2vw; color: #757c8a; border-bottom: 0.267vw solid #dbdee2; border-right: 0.267vw solid #dbdee2; text-align: center;}
.table-view4 table tbody td:last-child { border-right: 0; }


/* ȸ¿ø°¡ÀÔ ¾à°üµ¿ÀÇ ¼öÁ¤ 25.09.25 / 20250925 */
	.pdl40 { padding-left: 5.333vw !important; }
	.pdr20 { padding-right: 2.667vw !important; }
	.chk-Box.type02 input:checked + span::after{content: '';position: absolute;width: 4vw;height: 4vw;background-color: transparent; background-image: url(//img.artchangjo.com/mobile/images/member/ico_check_on_gray.png);background-repeat: no-repeat;background-size: contain;top: -0.2vw;left: 0;z-index: 1;}

	.member .member-info.step01 dt {position: relative; padding: 3.6vw 9.333vw 3.6vw 0; border-bottom: 0.133vw solid #e5e5e5;}
	.member .member-info.step01 dt:first-child {border-bottom: 0;}
	.member .member-info.step01 dt:last-child {padding-bottom: 0;}
	.member .member-info.step01 .comment {margin-top: 2.4vw; margin-right: -9.333vw; padding: 2.667vw; border: 0.133vw solid #e5e5e5; border-radius: 0.667vw;}
	.member .member-info.step01 .comment p {color: #8d8d8d; font-size: 3.2vw; line-height: 1.5;}
	.member .member-info.step01 dt span {display: inline-block; position: relative; font-weight: 500;}
	.member .member-info.step01 dt span em {color: #25211f;}
	.member .member-info.step01 dt .chk-Box span::before {top: 0.267vw;}
	.member .member-info.step01 dt .chk-Box input:checked + span::after {top: 0.267vw;}
	.member .member-info.step01 dt .check_agree_sub {margin-top: 2.667vw; margin-right: -9.333vw; padding: 2.667vw 6.667vw; background-color: #f5f5f5;}
	.member .member-info.step01 dt .check_agree_sub label {margin-right: 6vw;}
	.member .member-info.step01 .btn_pop {display: inline-block; position: absolute; top: 3.867vw; right: 1.333vw; padding: 0 2.667vw; width: 7.467vw; height: 3.6vw; background: url(//img.artchangjo.com/mobile/images/common/btn_back.png) no-repeat; background-color: transparent; background-size: 2.133vw 3.6vw; background-position: center; transform: rotate(180deg);}

	/* ȸ¿ø°¡ÀÔ ¸ð´Þ Æ˾÷ (S) */
	.member-popup .popup-head {margin-bottom: 4vw;}
	.member-popup .h3-popup {padding: 0 2.667vw; text-align: center; font-weight: 600;}
	.member-popup .popup-body {overflow: hidden; overflow-y: auto; max-height: 50vh; color: #25211f; font-size: 2.933vw; line-height: 1.6; word-break: keep-all;}
	.member-popup .popup-body p {font-size: 2.933vw;}

	.member-popup .table-container {overflow: hidden; overflow-x: auto; width: 78vw;}
	.member-popup .table-member {width: 140vw;}
	.member-popup .table-member tbody th {background-color: #f8f7f7; border: 0.267vw solid #eee;}
	.member-popup .table-member th, .member-popup .table-member td {padding: 1.333vw; line-height: 1.4; word-break: keep-all;}

	.member-popup .table-member2 th, .member-popup .table-member2 td {color: #8d8d8d;}
	/* ȸ¿ø°¡ÀÔ ¸ð´Þ Æ˾÷ (E) */
/* ȸ¿ø°¡ÀÔ ¾à°üµ¿ÀÇ ¼öÁ¤ 25.09.25 / 20250925 */