#content {width:100%;}
.con_top_title {width: 100%; height: 400px; background: url('/festa/img/content/subcon_bg.png') no-repeat center; background-size:cover; box-sizing:border-box; padding-top:200px;}
.con_top_title h2 { font-size: 48px; font-weight: 700; color:white; text-align:center;}
.con_top_title h2:before { width: 48px; height: 4px; background: #d93c1c;  content:""; display:block; margin:0 auto;}
.con_top_title p {font-size: 19px; font-weight: 300; color:white; text-align:center;}
.con_top_title h2:before { width: 48px; height: 4px; background: #d93c1c;  }

.inner > div  {padding:0 5%;}
.inner > div > div ,.inner > div > ul {max-width:1000px; margin:0 auto; }
.inner > div:first-child{padding-top:90px;}
.inner > div:last-child{padding-bottom:90px;}

.galleryvideo_bg {background: url('/festa/img/content/subcon_bg2.png') no-repeat center;}
.bg_step {background: url('/festa/img/content/subcon_bg1.png') no-repeat center;}
.program_bg {background: url('/festa/img/content/subcon_bg3.png') no-repeat center;}
.bg_college {background: url('/festa/img/content/subcon_bg4.png') no-repeat center;}
.bg_event {background: url('/festa/img/content/subcon_bg5.png') no-repeat center;}
.pre_bg {background: url('/festa/img/content/subcon_bg6.png') no-repeat center;}
.pi_bg {background: url('/festa/img/content/subcon_bg7.png') no-repeat center;}
.seminar_bg {background: url('/festa/img/content/subcon_bg8.png') no-repeat center;}

/****************************** 소개 일정 str ******************************/
.inner > div.sum_place {}
.inner > div.sum_place > .sum_txt {text-align:center;}
.inner > div.sum_place > .sum_txt > h2 {font-size:46px; font-weight:300; font-family:'GmarketSansLight'; }
.inner > div.sum_place > .sum_txt > h2 > span {font-family:'GmarketSansBold'; display:block; width:100%; margin-top:-10px;}
.inner > div.sum_place > .sum_txt > h2:after {display:block; content:""; width:48px; height:1px; background:#3b475e; margin:40px auto; }
.inner > div.sum_place .sum_info_box_group {display:flex; justify-content:space-between;}
.inner > div.sum_place .sum_info_box_group  .sum_info_box {display:flex; flex-wrap:wrap; margin-top:0px; width:49%;}
.inner > div.sum_place .sum_info_box_group  .sum_info_box img { width:100%; }
.inner > div.sum_place .sum_info_box_group  .sum_info_box ul {width:100%; margin-top:20px;}
.inner > div.sum_place .sum_info_box_group  .sum_info_box ul li {font-size:19px; display:flex; width:100%; border-bottom:1px solid #ccc; padding-top:20px; padding-bottom:20px; font-weight:400; text-align:left;}
.inner > div.sum_place .sum_info_box_group  .sum_info_box ul li > span {display:block; letter-spacing:-0.025em;}
.inner > div.sum_place .sum_info_box_group  .sum_info_box ul li > span:first-child { font-weight:600; color:#d93c1c; width:18%;}
.inner > div.sum_info_icon {}
.inner > div.sum_info_icon ul {display:flex; flex-wrap:wrap; justify-content:center;  margin-top:80px;}
.inner > div.sum_info_icon ul li {background:#f3f4fa; border:1px solid #6578e3; border-right:0; width:33%; height:130px; padding:20px; box-sizing:border-box; display:flex; align-items:center;}
.inner > div.sum_info_icon ul li:nth-child(3) , .inner > div.sum_info_icon ul li:nth-child(6) {border-right:1px solid #6578e3;}
.inner > div.sum_info_icon ul li:nth-child(4), .inner > div.sum_info_icon ul li:nth-child(5) , .inner > div.sum_info_icon ul li:nth-child(6) {border-top:0;}
.inner > div.sum_info_icon ul li p {font-size:19px; margin-left:20px; font-weight:500; color:#111;}
.inner > div.sum_map {margin-top:80px; }
.inner > div.sum_map .map_title_txt  h2 {font-size:42px; font-weight:600; color:#111; text-align:center;}
 {display:flex; justify-content:space-between; margin-top:80px;}
.inner > div.sum_map .map_con {display:flex; justify-content:space-between; margin-top:80px;}
.inner > div.sum_map .map_con .map_con_txt {width:100%; box-sizing:border-box; margin-right:50px;}
.inner > div.sum_map .map_con .map_con_txt h2 {font-size:32px; font-weight:500; line-height:37px; position:relative; padding-left:21px;}
.inner > div.sum_map .map_con .map_con_txt h2 > span {font-weight:100; font-size:25px;}
.inner > div.sum_map .map_con .map_con_txt h2:after {display:block; content:""; width:6px; height:67px; background:#3b475e; position:absolute; top:4px; left:0;;}
.inner > div.sum_map .map_con .map_con_txt ul {display:flex; flex-wrap:wrap;}
.inner > div.sum_map .map_con .map_con_txt ul li {font-size:19px; font-weight:400; padding:15px 0px; border-bottom:1px solid #ccc; box-sizing:border-box; display:flex;  letter-spacing:-0.025em;
width:100%;}
.inner > div.sum_map .map_con .map_con_txt ul li:first-child {border-top:1px solid #ccc; margin-top:15px;}
.inner > div.sum_map .map_con .map_con_txt ul li > span:nth-child(1) {font-weight:500; color:#D9422C; margin-right:30px; display:inline-block; width:70px;}
.inner > div.sum_map .map_con .map_con_txt ul li > span:nth-child(2) a {font-size:16px; color:#666; border:1px solid #ccc; line-height:27px; /*margin-left:10px;*/ padding:0 4px;}
.inner > div.sum_map .map_con .map_view_pc iframe {width:520px; height:375px; }
.inner > div.sum_map .map_con .map_view_m {display:none;}
.map_naver { position:absolute; bottom:0px; right:0px; z-index:101; width:163px; height:45px; text-align:center; font-size:16px; background:#00bd39; }
.map_naver > a { display:block; color:#fff !important; padding-top:12px;}
.map_view_pc > div {height: 383px; width:475px;}
/****************************** 소개 일정 end ******************************/

/****************************** 이전박람회 str ******************************/
.inner > div.gv_gallery {background:#F2F2F2; padding-bottom:50px;}
.inner > div.gv_gallery .gv_txt , .inner > div.gv_video .gv_txt {margin-bottom:30px;}
.inner > div.gv_gallery .gv_txt h2 , .inner > div.gv_video .gv_txt h2 {font-size:40px; font-weight:700;}
.inner > div.gv_gallery .gv_txt h2:before , .inner > div.gv_video .gv_txt h2:before {display:block; content:""; width:50px; height:5px; background:#d9422c;}
.inner > div.gv_gallery .gv_txt p , .inner > div.gv_video .gv_txt p {font-size:22px; font-weight:400;}
.inner > div.gv_gallery .gv_gallery_box ul {display:flex; flex-wrap:wrap; align-content:flex-start; flex-direction:row; justify-content:space-between;}
.inner > div.gv_gallery .gv_gallery_box ul li {width:24%; height:165px;  margin-bottom:2.1%; overflow:hidden;}
.inner > div.gv_gallery .gv_gallery_box ul li.empty_alt > div {width:100%; height:100%; background:#d9422c; text-align:center; box-sizing:border-box; position:relative;}
.inner > div.gv_gallery .gv_gallery_box ul li.empty_alt > div > p { color:white;  font-size:19px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.inner > div.gv_gallery .gv_gallery_box ul li.empty_alt > div > p > span {font-size:23px; font-weight:600;}
.inner > div.gv_gallery .gv_gallery_box ul li:nth-child(4), .gv_gallery .gv_gallery_box > ul > li:nth-child(8) {margin-right:0px;}
.inner > div.gv_gallery .gv_gallery_box ul li:nth-child(5) , .gv_gallery .gv_gallery_box > ul > li:nth-child(6) , .gv_gallery .gv_gallery_box > ul > li:nth-child(7) , .gv_gallery .gv_gallery_box > ul > li:nth-child(8) {margin-bottom:0px;}
.inner > div.gv_gallery .gv_gallery_box ul li > a {display:block; width:100%; height:100%; }
.inner > div.gv_gallery .gv_gallery_box ul li a img {max-width:100%; width:100%; height:100%; overflow:hidden; transition:all  ease 0.5s;}
.inner > div.gv_gallery .gv_gallery_box ul.picture li a:hover img {transform: scale(1.2); overflow:hidden; }
.inner > div.gv_gallery .gv_gallery_box ul li a p img {width:100%;}
.inner > div.gv_gallery > div.gellary_img_poopup {position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999999; max-width:100%;}
.inner > div.gv_gallery > div.gellary_img_poopup:before {display:block; background:rgba(0,0,0,0.9); content:""; width:100%; height:100%; position:absolute; top:0; left:0;}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%);  max-width:800px; min-width:716px; min-height:478px;}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > img {width:100%;}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll > .cancel_btn {position:absolute; top:10px; right:10px; display:block; width:46px; height:46px;}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll > a  {width:64px; height:64px;}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll > .left_btn {position:absolute; top:50%; left:-100px; display:block;  transform:translate(0,-50%);}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll > .right_btn {position:absolute; top:50%; right:-100px; display:block;  transform:translate(0,-50%);}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll > a > img {width:100%;}
.inner > div.gv_video {padding-top:90px;}
.inner > div.gv_video .gv_video_box {  opacity:0; }
.inner > div.gv_video .gv_video_box ul { width:100%; display:flex; flex-direction:row; justify-content:flex-start; flex-wrap:wrap;}
.inner > div.gv_video .gv_video_box ul li { position:relative; margin-bottom:40px; overflow:hidden; margin-right:1%; width:24%;}
.inner > div.gv_video .gv_video_box ul li:last-child { margin-right:0; }
.inner > div.gv_video .gv_video_box ul li a  {display:block; width:100%; height:auto;}
.inner > div.gv_video .gv_video_box ul li a > img {width:100%;}
.inner > div.gv_video .gv_video_box ul li a span {display:block; font-size:16px;  color:#363636; font-weight:600; margin-top:2%;}
.inner > div.gv_video .gv_video_box ul li a p { position:absolute; z-index:21;  /*display:none;*/ top:0; left:0px; width:100%; height:150px; }
.inner > div.gv_video .gv_video_box ul li a p img {width:100%;}
.inner > div.gv_video .gv_video_box .gray_line { width:1180px; height:1px; background:#d4d4d4; margin-bottom:40px; }

.pager {width:100%; margin-top:10px;}
.pager .pager_num {text-align:center; margin-top:20px;}
.pager .pager_num a {display:inline-block; width:50px; height:50px; line-height:50px; border-radius:500px; color:black; background:#fff; border:1px solid #ccc; margin-right:15px; transition:all ease 0.2s;}
.pager .pager_num a:last-child {margin-right:0px;}
.pager .pager_num a:hover {background:#d9422c; border:1px solid #d9422c; color:white;}
.pager .pager_num a.on {background:#d9422c; border:1px solid #d9422c; color:white;}
.pager .pager3 {margin-top:30px;}
.pager_control {display:none;z-index:31;}

.r_btn { background:#d9422c; position: relative; bottom:0; left:50%; width:250px;  margin-left:-125px; margin-top:30px; padding:17px 0 17px 0; text-align:center; font-size:19px; font-family:'Nanum Gothic', sans-serif; color:#fff; }
/****************************** 이전박람회 end ******************************/

/****************************** 자주묻는질문 str ******************************/
.inner > div.faq .faq_txt > h2 {font-size:36px;}
.inner > div.faq .faq_txt {position:relative;}
.inner > div.faq .faq_txt:after {content:""; display:block; width:50px; height:5px; background:#d9422c; position:absolute; top:-5px; left:0;}

.inner > div.faq .faq_content {margin-top:20px; border-top:2px solid #000;}
.inner > div.faq .faq_content > ul > li {border-bottom:1px solid #d5d5d5; letter-spacing:-0.025em;}
.inner > div.faq .faq_content > ul > li > a {display:block; width:100%; height:100%; font-size:18px; padding:20px;  padding-left:80px; position:relative; box-sizing:border-box;}
.inner > div.faq .faq_content > ul > li > a:before {content:"Q."; display:block; position:absolute; top:50%; left:50px; transform:translate(0%,-50%); font-family:'GmarketSansMedium';}
.inner > div.faq .faq_content > ul > li > a:after {content:""; display:block; width:12px; height:12px; border-bottom:2px solid #959595; border-right:2px solid #959595; position:absolute; top:50%; right:50px;
transform:rotate(45deg) translate(-50%,-50%); transition:0.2s ease all;}
.inner > div.faq .faq_content > ul > li > a.on:after {transform:rotate(225deg) translate(0%,-0%);}
.inner > div.faq .faq_content > ul > li > p {background:#fafafa; font-size:16px; font-weight:400; line-height:27px; color:#333333; padding:30px 80px; border-top:1px solid #d5d5d5; box-sizing:border-box; display:none; }
.inner > div.faq .faq_content > ul > li > p > span > a {color:blue; font-weight:300;}

/****************************** 자주묻는질문 end ******************************/

/****************************** 프로그램 str ******************************/
.inner > div.program .program_txt h2 , .inner > div.program_table_group h2 {font-size:42px; font-weight:600; text-align:center; letter-spacing:-0.05em;}
.inner > div.program .program_txt p , .inner > div.program_table_group p {font-size:31px; font-weight:100; text-align:center;}
.inner > div.program .program_box_group {display:flex; flex-direction:row; justify-content:space-between; margin-top:80px;}
.inner > div.program .program_box_group .program_box {width:24%; position:relative;}
.inner > div.program .program_box_group .program_box img {width:100%;}
.inner > div.program .program_box_group .program_box div {position:relative; box-sizing:border-box;}
.inner > div.program .program_box_group .program_box div h2 {font-size:29px; font-weight:600; margin-top:15px;}
.inner > div.program .program_box_group .program_box div p {box-sizing:border-box; padding-right:10px; font-size:15px; font-weight:300; margin-top:10px;}
.inner > div.program .program_box_group .program_box a {width:100%; display:block; border:1px solid #D9422C; color:#D9422C; font-weight:500; box-sizing:border-box; padding:15px; text-align:center; position:absolute; bottom:-80px;
transition: all 100ms;}
.inner > div.program .program_box_group > .program_box:hover > a {background:#D9422C; color:white; border:1px solid #D9422C;}
.inner > div.program_table_group:nth-child(2) {background:#f5f5f5; margin-top:150px; padding-top:80px; padding-bottom:80px;}
.inner > div.program_table_group:nth-child(3) {padding-top:80px;}
.inner > div.program_table_group .program_table {margin-top:30px;}
.inner > div.program_table_group .program_table > p { font-size:18px; font-weight:300; color:#000; text-align:center; margin-bottom:10px; letter-spacing:0.05em; }
.inner > div.program_table_group .program_table > p > span {font-weight:500; color:; }

.program_img_m {display:none;}
.inner .pro_txt h2 {text-align:center; font-size:48px; font-weight:500; font-weight:600; letter-spacing:-0.05em;}
.inner .pro_txt p {text-align:center; font-size:35px; font-weight:100; margin-bottom:50px; letter-spacing:-0.05em;}
.inner > div.pro01 ul {display:flex; margin-top:50px; justify-content:space-between;}
.inner > div.pro01 ul li {margin-right:15px;}
.inner > div.pro01 ul li:last-child {margin-right:0px;}
.inner > div.pro01 ul li img {width:100%;}
.inner > div.pro01 p {color:black; display:block; width:900px; text-align:center; margin-top:30px; font-size:25px; padding-top:37px; box-sizing:border-box; font-weight:700;}
.inner > div.pro01 p span {font-weight:100;}
.inner > div.pro01:nth-child(2) {background:#edebff; padding-top:80px; padding-bottom:80px; margin-top:100px;}
.inner > div.pro01:nth-child(2)  ul {display:flex; margin-top:50px; justify-content:space-between;}
.inner > div.pro01:nth-child(2)  ul  li {width:20%; text-align:center;}
.inner > div.pro01:nth-child(2)  ul  li  div {width:100%; margin:0 auto; background:white; border-radius:500px; position:relative;}
.inner > div.pro01:nth-child(2)  ul  li  div:after {display:block; width:1px; height:28px; content:""; background:#c0bdde; position:absolute; left:50%; bottom:-14px;}
.inner > div.pro01:nth-child(2)  ul  li  p {font-size:23px; letter-spacing:-0.025em; line-height:29px; margin-top:30px; width:auto;}
.inner > div.pro01:nth-child(2)  ul  li  p  span {display:block; width:100%; font-weight:600; margin-top:0px;}
.inner > div.pro01:nth-child(2)  ul  li  div  img {margin:0 auto;}
.inner > div.pro01:nth-child(3) {margin-top:0;
background-image: url('/festa/img/content/pro01_bg3.png') , linear-gradient(to right, rgba(123, 117, 172, 1), rgba(123, 117, 172, 1)); background-repeat:no-repeat; background-size:cover;}
.inner > div.pro01:nth-child(3) .pro_txt {padding-top:80px; color:white;}
.inner > div.pro01:nth-child(3) p {color:white; width:auto;}
.inner > div.pro02 ul {display:flex; flex-wrap:wrap; align-content:flex-start; }
.inner > div.pro02 ul  li {margin-right:1.3%; margin-bottom:25px; width:23%;}
.inner > div.pro02 ul  li:nth-child(4) ,#content01 .pro_group.pr02 > ul > li:nth-child(8) ,#content01 .pro_group.pr02 > ul > li:nth-child(12) {margin-right:0px;}
.inner > div.pro02 ul  li  img {width:100%;}
.inner > div.pro03  ul {display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; width:700px;}
.inner > div.pro03  ul:after {display:block; content:""; width:1px; height:30px; position:absolute; background:#3b475e; left:50%; bottom:-50px;}
.inner > div.pro03  ul  li {text-align:center; box-sizing:border-box; margin-bottom:20px; width:225px;}
.inner > div.pro03  ul  li:nth-child(3) , #content01 .pro_group.pr03 > ul > li:nth-child(6) {margin-right:0px;}
.inner > div.pro03  ul  li img {width:100%;}
.inner > div.pro03_02 {background:#8a9bd3;}
.inner > div.pro03_02 p {color:white; padding-top:80px; margin-top:50px; position:relative; font-size:25px; text-align:center; font-weight:700; width:100%; display:block;}
.inner > div.pro03_02 p:after {display:block; content:""; position:absolute; width:1px; height:30px; background:#fff; left:50%; top:0;}
.inner > div.pro03_02 span {font-weight:100;}
/****************************** 프로그램 end ******************************/

/****************************** 세미나 str ******************************/
.inner > div.seminar .semi_subtxt_box {border:1px solid #ccc; padding:34px; padding-left:140px; background:url('/festa/img/content/semi_i_img.png') no-repeat 50px; box-sizing:border-box;margin-bottom:20px;}
.inner > div.seminar .seminar_table h2 {color: white; font-size:19px; font-weight:700; background:#d93c1c;  text-align:center;  height:50px; line-height:50px; width:100%; box-sizing:border-box;}
.inner > div.seminar .seminar_table:nth-child(3) {margin-top:50px;}
.inner > div.seminar .seminar_table:nth-child(3) h2 {background:#057c52;}
.inner > div.seminar .seminar_table ul {display:flex; flex-wrap:wrap;}
.inner > div.seminar .seminar_table ul li { width:100%; display:flex; justify-content:space-between; border-bottom:1px solid #ccc;}
.inner > div.seminar .seminar_table ul li p {font-size:18px; text-align:left; padding:15px 0 10px 0; }
.inner > div.seminar .seminar_table ul li p img {width:100%; max-width:44px;}
.inner > div.seminar .seminar_table ul li p:nth-child(3) {display:flex;}
.inner > div.seminar .seminar_table ul li p:nth-child(3) span {width:50%; display:block;}
.inner > div.seminar .seminar_table ul li p span:nth-child(2) {font-weight:600;}
.inner > div.seminar .seminar_table ul li p:nth-child(1) {width:10%;}
.inner > div.seminar .seminar_table ul li p:nth-child(2) {width:10%;}
.inner > div.seminar .seminar_table ul li p:nth-child(3) {width:80%;}



/*2024/05/21 세미나 테이블 컬러 변경 요청*/
.inner > div.seminar .seminar_table.point_red ul li p span:nth-child(2){
	color:#d93c1c;
}
.inner > div.seminar .seminar_table.point_green ul li p span:nth-child(2){
	color:#057c52;
}


/****************************** 세미나 end ******************************/

/****************************** 박람회혜택 str ******************************/
.event_con ul li:nth-child(1) {background:url('/festa/img/event_bg_01.jpg') no-repeat center; width:100%; background-size:cover; }
.event_con ul li:nth-child(2) {background:url('/festa/img/event_bg_02.jpg') no-repeat center; width:100%; height:3016px; background-size:cover;}
.event_con ul li:nth-child(3) {background:url('/festa/img/event_bg_03.jpg') no-repeat top; width:100%; background-size:cover;}
.event_con ul li:nth-child(4) {background:#6d6768;}
.event_con ul li img {margin:0 auto;}
.event_lsa > ul > li {text-align:center;}
.event_lsa > ul > li:nth-child(1) {background:url('/festa/img/2403_event_lsa_bg_01.jpg') no-repeat center; width:100%; height:865px; background-size:cover; padding-top:30px; box-sizing:border-box;}
.event_lsa > ul > li:nth-child(2) {background:url('/festa/img/2403_event_lsa_bg_02.jpg') no-repeat center; width:100%; height:1920px; background-size:cover; padding-top:50px; box-sizing:border-box;}
.event_lsa > ul > li:nth-child(3) {background:#ee5443; color:white; text-align:left; padding:30px 0;  }
.event_lsa > ul > li:nth-child(3) h2 {font-size:30px; position:relative;}
.event_lsa > ul > li:nth-child(3) h2:after {display:block; content:""; width:615px; height:1px; background:white; position:absolute; top:22px; right:0; opacity:0.5;}
.event_lsa > ul > li:nth-child(3) > ul , .event_lsa > ul > li:nth-child(3) h2 {width:780px;  margin:0 auto;}
.event_lsa > ul > li:nth-child(3) > ul li {font-size:22px; position:relative; padding-left:15px; padding-right:15px;}
.event_lsa > ul > li:nth-child(3) > ul li:before {display:block; content:""; width:5px; height:5px; background:white; border-radius:500px; position:absolute; top:15px; left:0;}
.event_lsa > ul > li:nth-child(3) > ul li a {color:#fff799; font-weight:600; padding-left:35px; position:relative;}
.event_lsa > ul > li:nth-child(3) > ul li a.mail:before {display:block; content:""; width:30px; height:30px; background:url('/festa/img/lsa_e_mail.jpg') no-repeat center; background-size:cover;
position:absolute; left:0; top:5px;}
.event_lsa > ul > li:nth-child(3) > ul li a.phone:before {display:block; content:""; width:30px; height:30px; background:url('/festa/img/lsa_e_phone.jpg') no-repeat center; background-size:cover;
position:absolute; left:0; top:5px;}
.event_con , .event_lsa {text-align:center; padding-top:100px;}
/****************************** 박람회혜택 end ******************************/

/****************************** 참가신청 str ******************************/
.inner > div.pre .pre_txt {display:flex; position:relative;  padding-bottom:30px;}
.inner > div.pre .pre_txt h2 {font-size:35px; font-weight:700; margin-top:-8px; margin-right:10px;}
.inner > div.pre .pre_txt .pre_subtxt span {display:block; width:100%; color:#d93c1c; font-size:14px;}
.inner > div.pre .pre_txt .pre_inquiry_btn {position:absolute; right:5px; bottom:30px;}
.inner > div.pre .pre_txt .pre_inquiry_btn p {text-align: center; margin-left: 10px;}
.inner > div.pre .pre_txt .pre_inquiry_btn p a {display: block; width: 140px; padding: 10px 0; color: #d93c1c;border: 1px solid #d93c1c;  }
.inner > div.pre .pre_appli_form {}
.inner > div.pre .pre_appli_form > form > ul {display:flex; flex-wrap:wrap; border-top:1px solid #d9d9d9; padding:30px 0;}
.inner > div.pre .pre_appli_form > form > ul > li {display:flex; height:auto; line-height:30px; width:50%; margin-bottom:15px;}
.inner > div.pre .pre_appli_form > form > ul > li:last-child {margin-bottom:0;}
.inner > div.pre .pre_appli_form > form > ul > li > label {font-size: 16px; font-weight:400; text-align:left; width:80px; display:block; position:relative; margin-right:15px; box-sizing:border-box;}
.inner > div.pre .pre_appli_form > form > ul > li > label:after {position:absolute; display:block; content:""; height:18px; width:2px; background:#d9422c; top:15px; right:0px; transform:translate(0,-50%);}
.inner > div.pre .pre_appli_form > form > ul > li > div > span {font-size:16px; font-weight:300;}
.inner > div.pre .pre_appli_form > form > ul > li > div > span input[type="radio"] , .inner > div.pre .pre_appli_form ul li div span input[type="checkbox"] {margin-right:5px;}
.inner > div.pre .pre_appli_form > form > ul > li > div {display:flex; }
.inner > div.pre .pre_appli_form > form > ul > li > div > span {display:inline-block; width:auto; height:30px; line-height:30px; margin-right:20px; cursor:pointer;}
.inner > div.pre .pre_appli_form > form > ul > li > div > span input , .inner > div.pre .pre_appli_form > form > ul > li > div > span label {cursor:pointer;}
.inner > div.pre .pre_appli_form > form > ul > li.place {width:100%;}
.select_box {position:relative;}
.select_box > p {display:block; border:1px solid #ababab; font-family:'Noto Sans KR', sans-serif; width:260px; height:30px; line-height:30px; box-sizing:border-box; font-size:14px; padding-left:10px; position:relative; font-weight:300;}
.select_box > p:after {position:absolute; display:block; content:""; width:4px; height:4px; border-bottom:2px solid #000; border-right:2px solid #000; top:45%; right:10px; transform:rotate(45deg) translate(0,-50%);}
.select_box > div.select_sub_box {position:absolute; background:white; width:100%; border:1px solid #ababab; top:29px; box-sizing:border-box; box-shadow:4px 4px 10px 2px rgba(0,0,0,0.1);
 opacity:0; transition:0.2s ease all; display:none; z-index:100;}
.select_box > .select_sub_box.on {display:block; opacity:1;}
.select_box > .select_sub_box > p {font-size:15px; font-weight:300; display:block; border-bottom:1px dashed #dfe1e1; padding:8px 10px; letter-spacing:-0.025em;}
.select_box > .select_sub_box > ul {box-sizing:border-box; }
.select_box > .select_sub_box > ul > li {padding:2px 12px;}
.select_box > .select_sub_box > ul > li:hover {background:#f1f2ff; cursor:pointer;}
.select_box > .select_sub_box > ul > li:first-child {padding-top:8px;}
.select_box > .select_sub_box > ul > li:last-child {padding-bottom:12px;}
.select_box > .select_sub_box > ul > li > span {font-size:15px; font-weight:300; letter-spacing:-0.025em;}
.select_box > .select_sub_box > ul > li > span.progress_bar {position:relative; display:inline-block; width:100px; height:8px; background:#e2e4e8; top:-2px; left:5px; box-shadow:-1px 1px 2px 1px rgba(0,0,0,0.1) inset;}
.select_box > .select_sub_box > ul > li > span.progress_bar:before {display:block; content:""; width:80%; height:8px; background:#bdc2ed;}
.select_box > .select_sub_box > ul > li.time_end > span {color:#b8b9bc;}
.select_box > .select_sub_box > ul > li.time_end > span.progress_bar:before {background:#b8b9bc; width:100%;}
.select_box > .select_sub_box > ul > li.time_end > span.progress_bar:after {display:inline-block; content:"마감"; width:32px; height:16px; background:#aeaeae; color:white; font-size:13px; text-align:center; line-height:16px;
position:absolute; top:-5px; right:-42px; font-family:'Noto Sans KR', sans-serif;}
.inner > div.pre .pre_appli_form ul li input[type="text"] {font-size: 14px; font-family: 'Dotum'; width: 260px; height: 30px; padding-left: 14px; border: 1px solid #ababab; padding-left:5px; box-sizing:border-box;}
.inner > div.pre .pre_appli_form ul li input[type="text"]:focus {outline:none;}
.inner > div.pre .pre_appli_form ul li .input_btn {display:block; text-align: center; font-size: 15px; font-weight: 400; line-height: 30px; height: 30px; width: 88px; border: 1px solid #d9422c; color: #d9422c; margin-left: 5px; box-sizing:border-box;}
.inner > div.pre .pre_appli_form ul li select {font-size: 14px; font-family: 'Dotum'; width: 170px; height: 30px; padding-left: 10px; border: 1px solid #ababab; box-sizing:border-box;}
.inner > div.pre .pre_appli_form ul li select:focus {outline:none;}
.inner > div.pre .pre_appli_form ul li.addrs select {margin-right:10px;}
.inner > div.pre .pre_appli_form ul li.addrs select option:hover {background:blue;}
.inner > div.pre .pre_appli_form ul li.nation {width:100%; margin-bottom:30px;}
.inner > div.pre .pre_appli_form ul li.program {width:100%; }
.inner > div.pre .pre_appli_form ul li.program div span label br {display:none;}
.inner > div.pre .pre_appli_form ul li.qna {width:100%; line-height:unset; height:auto;}
.inner > div.pre .pre_appli_form ul li div textarea {width:800px; height:100px; padding:10px; box-sizing:border-box;}
.inner > div.pre .pre_appli_form ul li div textarea:focus {outline:none;}
.inner > div.pre .submit_box {text-align:center;}
.inner > div.pre .submit_box input[type="checkbox"] { width: 16px; height: 16px; border: 1px solid #6f6e6f; vertical-align:middle;}
.inner > div.pre .submit_box label { font-size: 15px; color: #363636; font-weight: 300;}
.inner > div.pre .submit_box a {font-size: 15px; color: #8e8e8e; font-weight: 300;}
.inner > div.pre .submit_box .apply_submit_btn {display: block; text-align: center; width: 200px; margin: 20px auto 0; padding: 10px 0; background: #d93c1c; color: #fff;  font-size: 21px;  font-weight: 300;}

.inner > div.pi { }
.inner > div.pi form .pi_txt h2 {text-align:center; font-size:35px; }
.inner > div.pi form .pi_info_box {width:560px; margin:0 auto; border-radius:15px; box-sizing:border-box; border: 1px solid #d9d9d9;  box-shadow:5px 5px 10px rgba(0,0,0,0.1); margin-top:20px; padding: 45px 35px;  }
.inner > div.pi form .pi_info_box ul li { margin-bottom:14px; }
.inner > div.pi form .pi_info_box ul li:last-child { margin-bottom:0; }
.inner > div.pi form .pi_info_box ul li p { color: #111111; display: inline-block; width: 80px; position:relative; font-size:17px;}
.inner > div.pi form .pi_info_box ul li p:after {position:absolute; content:""; display:block; background:#d93c1c; width:2px; height:18px; top:2px; left:80px;}
.inner > div.pi form .pi_info_box ul li span {margin-left:15px; display:inline-block;}
.inner > div.pi form .pi_info_box ul li span input {height:35px; border:1px solid #ccc; font-size:19px; padding-left:15px; box-sizing:border-box; font-size:15px;}
.inner > div.pi form .pi_info_box ul li span input:focus {outline:none;}
.inner > div.pi form .pi_info_box ul li.phone span select {height:35px; border:1px solid #ccc; width:80px; padding-left:15px; }
.inner > div.pi form .pi_info_box ul li.phone span select:focus {outline:none;}
.inner > div.pi form .pi_info_box ul li.phone span input {width:100px; padding-left:12px; vertical-align:top; font-size:15px;}
.inner > div.pi form .pi_info_box .submit_btn a { display: block; text-align: center; width: 200px; margin: 38px auto 0; padding: 10px 0; background: #d93c1c; color: #fff; font-size: 21px; font-weight: 300; color:white;}
.inner > div.pi_sub_box_bg {width:100%; background:#f3f3f3; padding:0; padding-bottom:0; margin-top:50px;}
.inner > div.pi_sub_box_bg .pi_sub_box { padding:30px;  box-sizing:border-box; position:relative; color:#444444; width:420px; margin:0 auto;}
.inner > div.pi_sub_box_bg .pi_sub_box:after {content:""; display:block; position:absolute; width:60px; height:60px; background:url('/festa/img/content/semi_i_img.png') no-repeat; top:25px; left:-50px;}
.inner > div.pi_sub_box_bg .pi_sub_box > p {position:relative; padding-left:10px;}
.inner > div.pi_sub_box_bg .pi_sub_box > p:before {display:block; content:""; width:10px; height:1px; background:#111; position:absolute; top:13px; left:-9px;}
/****************************** 참가신청 end ******************************/

/****************************** 참가학교 str ******************************/
.inner > div.college_list .tab_box {}
.inner > div.college_list .tab_box .text {font-size:15px; display:flex; justify-content:space-between;}
.inner > div.college_list .tab_box .text div p:nth-child(1) {font-size:17px; margin-bottom:5px;}
.inner > div.college_list .tab_box .text div p:nth-child(2) {font-size:13px;}
.inner > div.college_list .tab_box .text div p:nth-child(2) span {color:red;}
.inner > div.college_list .tab_box .text ul { display:flex;}
.inner > div.college_list .tab_box .text ul li {padding:0 20px 0 35px; border-right:1px solid #c7c7c7; height:20px; line-height:20px; position:relative; margin-top:29px;}
.inner > div.college_list .tab_box .text ul li:last-child {border-right:0; padding-right:0;}
.inner > div.college_list .tab_box .text ul li:nth-child(1):before {display:inline-block; content:""; width:8px; height:8px; background:#009a12; position:absolute; left:20px; top:7px;}
.inner > div.college_list .tab_box .text ul li:nth-child(2):before {display:inline-block; content:""; width:8px; height:8px; background:#1a61f0; position:absolute; left:20px; top:7px;}
.inner > div.college_list .tab_box .text ul li:nth-child(3):before {display:inline-block; content:""; width:8px; height:8px; background:#ffa903; position:absolute; left:20px; top:7px;}
.inner > div.college_list .tab_box .text ul li:nth-child(4):before {display:inline-block; content:""; width:8px; height:8px; background:#d52bff; position:absolute; left:20px; top:7px;}
.inner > div.college_list .tab_box ul.tab {  display:flex; margin-top:12px; justify-content:space-between; }
.inner > div.college_list .tab_box ul.tab li {border:1px solid #ccc; border-right:0; width:100%; height:60px; line-height:60px; text-align:center; box-sizing:border-box;}
.inner > div.college_list .tab_box ul.tab li:last-child { border-right:1px solid #ccc;  }
.inner > div.college_list .tab_box ul.tab li a { color:black; font-size:16px; display:block; width:100%; height:100%; transition:all ease 0.2s;}
.inner > div.college_list .tab_box ul.tab li a:hover , .inner > div.college_list .tab_box ul.tab li a.active {background:#d93c1c; color:white;}
.coll_thumb > div {display:none;}
.coll_thumb > div > ul {display:grid; grid-template-columns:1fr 1fr 1fr 1fr; grid-column-gap:5px; grid-row-gap:5px; margin-top:15px;}
.coll_thumb > div > ul > li {position: relative; width:100%;  height:130px; line-height:130px; box-shadow:0 0 0 1px #ccc inset; text-align:center;  }
.coll_thumb > div > ul > li > a {display:block; width:100%; height:100%;}
.coll_thumb > div > ul > li > a > img {vertical-align:middle; width:201px; max-width:99%;}
.coll_thumb > div > ul > li > p.organization_img {display:none; width:82px; height:40px; position:absolute; left:2px; top:7px; line-height:normal;}
.coll_thumb > div > ul > li > p.organization_img img {width:100%;}
.coll_thumb > div > ul > li  > ol.ic_dot  {position: absolute; bottom: 7px; right: 7px;}
.coll_thumb > div > ul > li  > ol.ic_dot > li {width:8px; height:8px; margin-top:5px;}
.coll_thumb > div > ul > li  > ol.ic_dot > li > span { display: block; width:100%; height: 100%; }
.coll_thumb > div > ul > li  > ol.ic_dot > li > span.c_ic01 {background: #009a12;}
.coll_thumb > div > ul > li  > ol.ic_dot > li > span.c_ic02 {background: #1a61f0;}
.coll_thumb > div > ul > li  > ol.ic_dot > li > span.c_ic03 {background: #ffa903;}
.coll_thumb > div > ul > li  > ol.ic_dot > li > span.c_ic04 {background: #d52bff;}
.coll_sang { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; display: block; background: rgba(0, 0, 0, 0.7);  }
.coll_sang_box { position: fixed; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 870px; height: auto; background: #fff; display:flex; }
.coll_sang_box .img { overflow:hidden;width: 227px; position: relative;}
.coll_sang_box .img img {height: 100%; position: absolute; top:50%; left:50%;transform: translate(-50%,-50%); width: 100%;}
.coll_sang_box .txt {  box-sizing:border-box; display: flex;flex-direction:column; flex: 1;}
.coll_sang_box .txt h2 , .coll_sang_box .txt ul , .coll_sang_box .txt .benefits_box  { padding:18px; box-sizing:border-box;}
.coll_sang_box .txt h2 {padding-bottom:14px; font-size:28px;}
.coll_sang_box .txt ul { padding: 0 18px 22px;  flex: 1;}


.coll_sang_box .txt ul li {font-size:16px; margin-bottom:8px; position:relative; padding-left:12px; font-weight:300; line-height:22px;}
.coll_sang_box .txt ul li:before {display:block; content:""; width:4px; height:4px; background:#d93c1c; position:absolute; left:0; top:10px;}
.coll_sang_box .txt ul li:last-child {margin-bottom:0;}
.coll_sang_box .txt .benefits_box {min-height:120px; background:#d93c1c; padding-top:14px;}
.coll_sang_box .txt .benefits_box p {color:white;}
.coll_sang_box .txt .benefits_box p:nth-child(1) {font-size:21px; border-bottom:1px solid #fff; padding-bottom:5px;}
.coll_sang_box .txt .benefits_box p:nth-child(2) {font-size:15px; margin-top:5px; font-weight:300;}

.coll_sang_prev,
.coll_sang_next{
    width: 50px;
    height: 50px;
}
.coll_sang_prev img,
.coll_sang_next img{
    display: block;
    width: 100%;
    max-width: 100%;
}
.coll_sang_prev { position: absolute; top: 50%; transform: translate(-100%,-50%); left: -50px; z-index: 1001; }
.coll_sang_next {position: absolute; top: 50%; transform: translate(100%,-50%); right: -50px; z-index: 1001; }
.snag_clo { position: absolute; top: 0; right: 0; display: block; padding: 10px; background: #d93c1c; }
.snag_clo img{filter:invert(1)}








.pop_box {
  box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.3);
  border-radius: 2rem;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 82rem;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  flex-direction: column;
}
.pop_box > div {
  width: 100%;
}
.pop_box > div:first-child {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  padding: 2rem;
  overflow: hidden;
  border-radius: 2rem 2rem 0 0;
  background-color: #ffffff;
}
.pop_box > div:first-child > div:first-child {
  width: 19.7rem;
  height: 26rem;
  border-radius: 2rem;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.pop_box > div:first-child > div:last-child {
  width: calc(100% - 19.7rem);
  padding: 0 3rem;
}
.pop_box > div:first-child > div:last-child > div:first-child {
  padding-bottom: 1.4rem;
  border-bottom: 1px solid #DDDDDD;
}
.pop_box > div:first-child > div:last-child > div:first-child > div.p_label {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.5rem;
}
.pop_box > div:first-child > div:last-child > div:first-child > div.p_label span {
  font-size: 1.3rem;
  font-weight: 600;
  border-radius: 1.2rem;
  padding: 0.3rem 0.8rem;
  line-height: 1;
}
.pop_box > div:first-child > div:last-child > div:first-child > div.p_label span.g {
  color: #009A12;
  border: 1px solid #009A12;
}
.pop_box > div:first-child > div:last-child > div:first-child > div.p_label span.b {
  color: #1A61F0;
  border: 1px solid #1A61F0;
}
.pop_box > div:first-child > div:last-child > div:first-child > div.p_label span.y {
  color: #FFA903;
  border: 1px solid #FFA903;
}
.pop_box > div:first-child > div:last-child > div:first-child > div.p_label span.p {
  color: #D52BFF;
  border: 1px solid #D52BFF;
}
.pop_box > div:first-child > div:last-child > div:first-child > div.p_title {
  margin-top: 0.5rem;
}
.pop_box > div:first-child > div:last-child > div:first-child > div.p_title h2 {
  font-size: 2.6rem;
  font-weight: 600;
  color: #333333;
  line-height: 1.3;
}
.pop_box > div:first-child > div:last-child > div:first-child > div.p_location {
  margin-top: 1.2rem;
}
.pop_box > div:first-child > div:last-child > div:first-child > div.p_location dl {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
}
.pop_box > div:first-child > div:last-child > div:first-child > div.p_location dl dt {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 500;
  color: #333333;
  white-space:nowrap;
}
.pop_box > div:first-child > div:last-child > div:first-child > div.p_location dl dd {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 300;
  color: #333333;
}
.pop_box > div:first-child > div:last-child > div:last-child {
  padding-top: 1.4rem;
}
.pop_box > div:first-child > div:last-child > div:last-child ul li {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 300;
  color: #333333;
  padding-left: 1.2rem;
}
.pop_box > div:first-child > div:last-child > div:last-child ul li::before {
  content: "";
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #333333;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
.pop_box > div:nth-child(2) {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  padding: 2.2rem 2rem;
  overflow: hidden;
  border-radius: 0 0 2rem 2rem;
  background-color: #FFE6E0;
}
.pop_box > div:nth-child(2) > div:first-child {
  width: 19.7rem;
}
.pop_box > div:nth-child(2) > div:first-child strong {
  color: #D93C1C;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  text-align: right;
  display: block;
  padding-right: 3.5rem;
}
.pop_box > div:nth-child(2) > div:last-child {
  border-left: 1px solid #BF7E71;
  width: calc(100% - 19.7rem);
  padding: 0 3rem;
}
.pop_box > div:nth-child(2) > div:last-child ul li {
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: 300;
  color: #333333;
  position: relative;
  padding-left: 1.2rem;
}
.pop_box > div:nth-child(2) > div:last-child ul li::before {
  content: "";
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background-color: #333333;
  position: absolute;
  top: 0.8rem;
  left: 0;
}
.pop_box > button {
  width: 4.6rem;
  height: 4.6rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("/img/header/p_close.png");
  background-size: contain;
  position: absolute;
  right: 1rem;
  top: 1rem;
}
.pop_box .arrow_box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 18.4rem);
  transform: translate(-50%, -50%);
  height: 6.4rem;
}
.pop_box .arrow_box button {
  display: block;
  position: absolute;
  width: 6.4rem;
  height: 100%;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.pop_box .arrow_box button.prev {
  left: 0;
  background-image: url("/img/content/p_arrow_left_off.png");
}
.pop_box .arrow_box button.prev:hover {
  background-image: url("/img/content/p_arrow_left_on.png");
}
.pop_box .arrow_box button.next {
  right: 0;
  background-image: url("/img/content/p_arrow_right_off.png");
}
.pop_box .arrow_box button.next:hover {
  background-image: url("/img/content/p_arrow_right_on.png");
}
@media screen and (max-width: 1024px) {
  .pop_box {
    width: calc(100% - 4rem);
    max-width: none;
  }
  .pop_box > div:first-child > div:first-child {
    display: none;
  }
  .pop_box > div:first-child > div:last-child {
    width: 100%;
    padding: 0;
  }
  .pop_box .arrow_box {
    position: absolute;
    top: unset;
    left: 0;
    bottom: -0.6rem;
    width: 100%;
    transform: translate(0, 100%);
    height: 6.4rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
  }
  .pop_box .arrow_box button {
    display: block;
    position: static;
    top: unset;
  }
  .pop_box .arrow_box button.prev {
    left: unset;
  }
  .pop_box .arrow_box button.next {
    right: unset;
  }
}
@media screen and (max-width: 768px) {
  .pop_box {
    width: calc(100% - 5.21vw);
    border-radius: 2.6vw;
  }
  .pop_box > div:first-child {
    padding: 3.91vw;
    border-radius: 2.6vw 2.6vw 0 0;
  }
  .pop_box > div:first-child > div:last-child > div:first-child {
    padding-bottom: 2.34vw;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_label {
    gap: 1.3vw;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_label span {
    font-size: 2.99vw;
    border-radius: 1.99vw;
    padding: 0.52vw 1.3vw;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_title {
    margin-top: 1.3vw;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_title h2 {
    font-size: 4.69vw;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_location {
    margin-top: 2.6vw;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_location dl dt {
    font-size: 3.13vw;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_location dl dd {
    font-size: 3.13vw;
  }
  .pop_box > div:first-child > div:last-child > div:last-child {
    padding-top: 2.34vw;
  }
  .pop_box > div:first-child > div:last-child > div:last-child ul li {
    font-size: 3.13vw;
    padding-left: 1.82vw;
  }
  .pop_box > div:first-child > div:last-child > div:last-child ul li::before {
    width: 0.39vw;
    height: 0.39vw;
    top: 1.6vw;
  }
  .pop_box > div:nth-child(2) {
    flex-direction: column;
    padding: 2.6vw 3.91vw;
    border-radius: 0 0 2.6vw 2.6vw;
    gap: 1.3vw;
  }
  .pop_box > div:nth-child(2) > div:first-child {
    width: 100%;
  }
  .pop_box > div:nth-child(2) > div:first-child strong {
    text-align: left;
    padding: 0;
    font-size: 3.91vw;
  }
  .pop_box > div:nth-child(2) > div:last-child {
    width: 100%;
    padding: 0;
    border-left: none;
  }
  .pop_box > div:nth-child(2) > div:last-child ul li {
    font-size: 3.13vw;
    padding-left: 1.82vw;
  }
  .pop_box > div:nth-child(2) > div:last-child ul li::before {
    width: 0.39vw;
    height: 0.39vw;
    top: 1.6vw;
  }
  .pop_box > button {
    width: 7.29vw;
    height: 7.29vw;
    right: 2.6vw;
    top: 2.6vw;
  }
  .pop_box .arrow_box {
    bottom: -1.3vw;
    height: 8.33vw;
    gap: 1.82vw;
  }
  .pop_box .arrow_box button {
    width: 8.33vw;
  }
}
@media screen and (max-width: 360px) {
  .pop_box {
    width: calc(100% - 2rem);
    border-radius: 1rem;
  }
  .pop_box > div:first-child {
    padding: 2rem;
    border-radius: 1rem 1rem 0 0;
  }
  .pop_box > div:first-child > div:last-child > div:first-child {
    padding-bottom: 1rem;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_label {
    gap: 0.5rem;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_label span {
    font-size: 1.2rem;
    border-radius: 1.2rem;
    padding: 0.3rem 0.8rem;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_title {
    margin-top: 0.5rem;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_title h2 {
    font-size: 2.1rem;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_location {
    margin-top: 1rem;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_location dl dt {
    font-size: 1.4rem;
  }
  .pop_box > div:first-child > div:last-child > div:first-child > div.p_location dl dd {
    font-size: 1.4rem;
  }
  .pop_box > div:first-child > div:last-child > div:last-child {
    padding-top: 1rem;
  }
  .pop_box > div:first-child > div:last-child > div:last-child ul li {
    font-size: 1.4rem;
    padding-left: 1rem;
  }
  .pop_box > div:first-child > div:last-child > div:last-child ul li::before {
    width: 0.2rem;
    height: 0.2rem;
    top: 0.7rem;
  }
  .pop_box > div:nth-child(2) {
    padding: 1.4rem 2rem;
    gap: 0.5rem;
    border-radius: 0 0 1rem 1rem;
  }
  .pop_box > div:nth-child(2) > div:first-child strong {
    font-size: 1.4rem;
  }
  .pop_box > div:nth-child(2) > div:last-child ul li {
    font-size: 1.4rem;
    padding-left: 1rem;
  }
  .pop_box > div:nth-child(2) > div:last-child ul li::before {
    width: 0.2rem;
    height: 0.2rem;
    top: 0.7rem;
  }
  .pop_box > button {
    width: 4rem;
    height: 4rem;
    right: 0.5rem;
    top: 0.5rem;
  }
  .pop_box .arrow_box {
    bottom: -0.6rem;
    height: 5.4rem;
    gap: 1rem;
  }
  .pop_box .arrow_box button {
    width: 5.4rem;
  }
}

















/****************************** 참가학교 end ******************************/

.inner > div.pe form .pe_txt h2 {font-size:35px; text-align:center;}
.inner > div.pe form .pe_info_box {position: relative; width: 560px; margin:0 auto; ; margin-top:20px; border: 1px solid #d9d9d9; border-radius:15px; box-sizing:border-box; box-shadow:5px 5px 10px rgba(0,0,0,0.1); overflow:hidden;}
.inner > div.pe form .pe_info_box h2 {font-size:24px; text-align:left; padding:10px 35px; background:#ffe8e6;}
.inner > div.pe form .pe_info_box ul { padding:15px 35px; }
.inner > div.pe form .pe_info_box ul li { font-size:17px; margin-bottom:15px; display:flex;}
.inner > div.pe form .pe_info_box ul li p {width:60px; position:relative; display:block; }
.inner > div.pe form .pe_info_box ul li p:before {display:block; content:""; width:2px; height:20px; background:#d93c1c; position:absolute; right:0; top:3px;}
.inner > div.pe form .pe_info_box ul li span {padding-left:15px; font-weight:300; }
.inner > div.pe form .pe_btn { display:flex; justify-content:center; }
.inner > div.pe form .pe_btn div {width:200px;}
.inner > div.pe form .pe_btn div:first-child {margin-right:15px;}
.inner > div.pe form .pe_btn div a {display:block; width:100%; height:50px; line-height:50px; box-sizing:border-box; text-align:center; font-size:21px; color:white; background:#d93c1c; margin:0 auto; margin-top:30px;  transition:all  ease 0.5s;}
.inner > div.pe form .pe_btn div:nth-child(1) a {background:white; border:1px solid #ccc; color:black; }
.inner > div.pe form .pe_btn div:nth-child(1) a:hover { background:#ECF0F4; }
.inner > div.pe form .pe_btn div:nth-child(2) a:hover { background:#B42D19; }
.inner > div.pe_text_box {background:#f3f3f3; margin-top:50px; padding:2%; box-sizing:border-box;}
.inner > div.pe_text_box div {padding-left:200px;}
.inner > div.pe_text_box div p.title_text {font-size:25px; font-weight:600;}
.inner > div.pe_text_box div ul {margin-top:10px;}
.inner > div.pe_text_box div ul li {margin-bottom:15px;}
.inner > div.pe_text_box div ul li p { font-size:16px; font-weight:500; margin-bottom:5px;}
.inner > div.pe_text_box div ul li span {font-size:16px; font-weight:300; display:block; width:100%; margin-bottom:2px;}
.inner > div.pe_text_box div p.phone {font-size:16px;}
.inner > div.pe_text_box div p.phone span {font-weight:500;}

.privacy_ar {position:fixed; background:rgba(0,0,0,0.7); width:100%; height:100%; z-index:111;}
.privacy_ar .privacy_box {width:70%; height:80%; transform:translate(-50% , -50%); left:50%; top:50%; background:white; position:relative; }
.privacy_ar .privacy_box .pri_clo {position:absolute; top:15px; right:15px; padding:10px; background:; width:50px; height:50px; box-sizing:border-box;}
.privacy_ar .privacy_box h2 {font-size:18px; height:80px; line-height:80px; padding-left:5%; box-shadow:0px 15px 15px 0px rgba(138,148,181,0.2); }
.privacy_ar .privacy_box .privacy_con { overflow-y:scroll; height:87%; padding:20px 5%; box-sizing:border-box; font-size:14px; font-weight:300;  }

.caution_text {margin-top:0px; margin-left:94px;}
.caution_text > ul > li {font-size:14px; font-weight:300; color:#000;}
.caution_text > ul > li:first-child {margin-bottom:-5px;}
.caution_text > ul > li > span {font-weight:500;}




/*************************************************************************************************** *******************************************************************************************************************/
/*************************************************************************************************** *******************************************************************************************************************/
/******************************************************************************테블릿 tablet 1280px *******************************************************************************************************************/
@media all and (max-width : 1280px) {
.inner > div { padding-left:5%; padding-right:5%; width:100%; box-sizing:border-box;}
.inner > div.sum_info_icon ul li p , .inner > div.sum_place .sum_info_box_group .sum_info_box ul li {font-size:16px;}
.inner > div.sum_info_icon ul li {width:50%;}
.inner > div.sum_info_icon ul li:nth-child(2) , .inner > div.sum_info_icon ul li:nth-child(4) {border-right:1px solid #6578e3;}
.inner > div.sum_info_icon ul li:nth-child(3) { border-right:0; border-top:0;}
.inner > div.sum_map .map_con {flex-wrap:wrap; margin-top:40px;}
.inner > div.sum_map .map_con:nth-child(3) {margin-top:60px;}
.inner > div.sum_map .map_con .map_con_txt {margin-right:0;}
.inner > div.sum_map .map_con  .map_view_pc {margin-top:20px; width:100%;}
.map_view_pc > div {width:100%; height:500px;}
.inner > div.sum_info_icon ul li img {margin:0 auto;}
.inner > div.gv_video .gv_video_box ul li a span {font-size:13px;}
.inner > div.pro01:nth-child(2) ul li p {font-size:18px; margin-top:0;}
.inner > div.seminar .seminar_table ul li p {font-size:16px;}
.inner > div.seminar .seminar_table ul li p:nth-child(3) span {padding-right:20px; box-sizing:border-box;}
.event_con , .event_lsa {padding-top:100px;}
.event_con ul , .event_lsa > ul > li {display:none;}
.evnet_dp2 {display:block !important;}
.event_lsa > ul > li:last-child {display:block;}
.event_lsa > ul > li:nth-child(3) > ul , .event_lsa > ul > li:nth-child(3) h2 {width:100%; padding-left:20px; box-sizing:border-box;}
.event_lsa > ul > li:nth-child(3) h2:after {left:180px;}
.inner > div.pre .pre_appli_form > form > ul > li  {width:100%; }
.inner > div.pre .pre_appli_form ul li div textarea {width:100%;}
.inner > div.pre .pre_appli_form > form > ul > li > label {width:12%;}
.inner > div.pre .pre_appli_form > form > ul > li > div {width:88%; flex-wrap:wrap;}
.inner > div.pre .pre_appli_form > ul > li:nth-last-child(2) {margin-bottom:15px;}
.inner > div.college_list .tab_box .text {font-size:14px; flex-wrap:wrap;}
.inner > div.college_list .tab_box .text div p:nth-child(1) {font-size:15px;}
.inner > div.college_list .tab_box .text div p:nth-child(2) {font-size:13px;}
.inner > div.college_list .tab_box ul.tab li a {font-size:14px;}
.inner > div.gv_gallery .gv_gallery_box ul li { height:auto;}

.inner > div.college_list .tab_box .text ul li:nth-child(1):before , .inner > div.college_list .tab_box .text ul li:nth-child(2):before , .inner > div.college_list .tab_box .text ul li:nth-child(3):before , .inner > div.college_list .tab_box .text ul li:nth-child(4):before {left:0;}
.inner > div.college_list .tab_box .text ul li {padding:0 8px 0 12px; margin-right:15px; margin-top:15px;}
.inner > div.college_list .tab_box .text {font-size:13px;}
.inner > div.pe_text_box div {padding-left:20px;}

.caution_text {margin-left:11%;}

}




/*************************************************************************************************** *******************************************************************************************************************/
/*************************************************************************************************** *******************************************************************************************************************/
/******************************************************************************모바일 mobile 767px *******************************************************************************************************************/
@media all and (max-width : 767px) {
.inner > div:first-child {padding-top:50px;}
.inner > div:last-child {padding-bottom:50px;}
.con_top_title {height:250px; padding-top:138px;}
.inner > div.sum_info_icon ul li { flex-wrap:wrap; height:auto; }
.inner > div.sum_info_icon ul li p {display:block; width:100%; text-align:center; font-weight:400; margin-left:0; font-size:14px; }
.map_view_pc > div {height:300px;}
.con_top_title h2 {font-size:28px;}
.inner > div.sum_place > .sum_txt > h2 {font-size:24px;}
.inner > div.sum_place > .sum_txt > h2:after {margin:20px auto;}
.inner > div.sum_place .sum_info_box_group {flex-wrap:wrap;}
.inner > div.sum_place .sum_info_box_group .sum_info_box {width:100%;}
.inner > div.sum_place .sum_info_box_group .sum_info_box:nth-child(2) {margin-top:40px;}
.inner > div.sum_place .sum_info_box_group .sum_info_box ul li {padding-top:15px; padding-bottom:15px;}
.inner > div.sum_map .map_title_txt h2 {font-size:28px;}
.inner > div.sum_map {margin-top:50px;}
.inner > div.sum_map .map_con {margin-top:30px;}
.inner > div.sum_map .map_con:nth-child(3) {margin-top:40px;}
.inner > div.sum_map .map_con .map_con_txt h2{font-size:24px; font-weight:400; line-height:1;}
.inner > div.sum_map .map_con .map_con_txt h2:after {height:50px;}
.inner > div.sum_map .map_con .map_con_txt h2 span {font-size:18px;}
.inner > div.sum_map .map_con .map_con_txt ul li {font-size:15px;}
.inner > div.sum_map .map_con .map_con_txt ul li > span:nth-child(1) { width:60px; margin-right:10px; }
.inner > div.sum_info_icon ul { margin-top:50px; }
.inner > div.sum_place .sum_info_box_group .sum_info_box ul {margin-top:0;}
.inner > div.gv_gallery .gv_gallery_box ul li {width:49%;}
.inner > div.gv_video .gv_video_box ul li {width:49%; margin-bottom:20px;}
.inner > div.gv_video {padding-top:50px;}
.pager .pager_num {margin-top:0;}
.inner > div.faq .faq_content > ul > li > a {font-size:16px; padding-left:40px; padding-right:40px; }
.inner > div.faq .faq_content > ul > li > a:before {left:10px;}
.inner > div.faq .faq_content > ul > li > a:after {right:5px;}
.inner > div.program .program_box_group {flex-wrap:wrap; margin-top:30px;}
.inner > div.program .program_box_group .program_box {width:100%; margin-top:120px;}
.inner > div.program .program_box_group .program_box:first-child {margin-top:0;}
.inner > div.program .program_txt h2, .inner > div.program_table_group h2 , .inner .pro_txt h2 {font-size:24px;}
 .inner > div.program .program_txt p, .inner > div.program_table_group p {font-size:18px;}
.inner > div.program .program_box_group .program_box div h2 {font-size:20px; margin-top:5px; background:white; margin-top:-44px; padding-top:12px; padding-left:15px; width:90%; }
.inner > div.program .program_box_group .program_box div p {padding-left:15px;}
.inner > div.program_table_group:nth-child(2) {padding-top:50px; padding-bottom:50px;}
.inner > div.program_table_group:nth-child(3) {padding-top:50px;}
.program_img_pc {display:none;}
.program_img_m {display:block;}
.inner > div.pro01 ul {flex-wrap:wrap; margin-top:30px;  justify-content:space-around;}
.inner > div.pro01 ul li {margin-right:0; width:49%;}
.inner > div.pro01:nth-child(2) {margin-top:50px; padding-top:50px;}
.inner > div.pro01:nth-child(2) ul {flex-wrap:wrap; justify-content:space-around; margin-top:30px;}
.inner > div.pro01:nth-child(2) ul li {width:49%; margin-top:15px;}
.inner > div.pro01:nth-child(2) ul li:nth-child(1) , .inner > div.pro01:nth-child(2) ul li:nth-child(2) {margin-top:0;}
.inner > div.pro01:nth-child(2) ul li p {padding-top:20px; line-height:23px;}
.inner > div.pro01 p {margin-top:0; font-size:18px;}
.inner .pro_txt p {font-size:18px; margin-bottom:30px;}
.inner > div.pro02 ul {flex-wrap:wrap; justify-content:space-around;}
.inner > div.pro02 ul li {width:49%; margin-right:0;}
.inner > div.pro03  ul  {width:100%;}
.inner > div.pro03 ul li {width:49%;}
.inner > div.pro03_02 p {font-size:18px;}
.inner > div.seminar .seminar_table ul li p {flex-wrap:wrap; }
.inner > div.seminar .seminar_table ul li p:nth-child(1) {font-size:15px; width:15%; justify-content:center; display:flex; align-items:center;}
.inner > div.seminar .seminar_table ul li p:nth-child(2) {width:15%; justify-content:center; display:flex; align-items:center;}
.inner > div.seminar .seminar_table ul li p:nth-child(2) img {width:30px;}
.inner > div.seminar .seminar_table ul li p:nth-child(3) {width:70%; box-sizing:border-box; padding-left:10px;}
.inner > div.seminar .seminar_table ul li p:nth-child(3) span {width:100%; font-size:13px;}
.inner > div.seminar .seminar_table ul li p:nth-child(3) span:nth-child(2) {font-size:15px;}
.event_lsa > ul > li:nth-child(3) h2 {font-size:18px;}
.event_lsa > ul > li:nth-child(3) > ul li {font-size:16px;}
.event_lsa > ul > li:nth-child(3) h2:after {left:120px; top:15px;}
.inner > div.pre .pre_txt {flex-wrap:wrap;}
.inner > div.pre .pre_txt h2 {font-size:27px; margin-bottom:5px; width:100%;}
.inner > div.pre .pre_txt .pre_subtxt span {font-size:12px;}
.inner > div.pre .pre_txt .pre_inquiry_btn {bottom:0px; top:-11px;}
.inner > div.pre .pre_txt .pre_inquiry_btn p a {width:120px; font-size:12px; font-weight:500;}
.inner > div.pre .pre_appli_form > form > ul > li {flex-wrap:wrap;}
.inner > div.pre .pre_appli_form ul li.program {margin-bottom:20px;}
.inner > div.pre .pre_appli_form > form > ul > li > label {width:100%; padding-left:10px; margin-bottom:5px;}
.inner > div.pre .pre_appli_form > form > ul > li.program > label , .inner > div.pre .pre_appli_form > form > ul > li.nation > label {margin-bottom:10px;}
.inner > div.pre .pre_appli_form > form > ul > li > div {width:100%;}
.inner > div.pre .pre_appli_form > form > ul > li > label:after {left:0; width:3px;}
.select_box , .select_box > p , .inner > div.pre .pre_appli_form ul li input[type="text"] {width:100%; height:35px;}
.inner > div.pre .pre_appli_form ul li.phone input[type="text"] {width:70%;}
.inner > div.pre .pre_appli_form ul li.phone .input_btn {width:28%; height:35px;}
.inner > div.pre .pre_appli_form > form > ul > li.addrs > div {justify-content:space-between;}
.inner > div.pre .pre_appli_form ul li.addrs select {margin-right:0; width:100%; height:35px; }
.inner > div.pre .pre_appli_form ul li.addrs select:nth-child(2) {margin-top:10px;}
.inner > div.pre .pre_appli_form ul li.qna label br {display:none;}
.inner > div.pre .pre_appli_form > form > ul > li.nation > div > span , .inner > div.pre .pre_appli_form > form > ul > li.program > div > span {width:33%; margin-right:0; height:40px; line-height:20px;}
.inner > div.pre .pre_appli_form > form > ul > li > div > span > label {display:inline-block; vertical-align:top;}
.inner > div.pre .pre_appli_form ul li.program div span label br {display:block;}
.inner > div.college_list .tab_box ul.tab {flex-wrap:wrap; margin-top:20px; justify-content:flex-start;  }
.inner > div.college_list .tab_box ul.tab li {width:20%; height:50px; line-height:50px;}
.inner > div.college_list .tab_box ul.tab li:nth-child(1) , .inner > div.college_list .tab_box ul.tab li:nth-child(2) , .inner > div.college_list .tab_box ul.tab li:nth-child(3) , .inner > div.college_list .tab_box ul.tab li:nth-child(3) {border-bottom:0;}
.inner > div.college_list .tab_box ul.tab li:nth-child(5) {border-right:1px solid #ccc; }
.coll_thumb > div > ul {grid-template-columns:1fr 1fr;}
.inner > div.college_list .tab_box .text ul li:nth-child(1):before , .inner > div.college_list .tab_box .text ul li:nth-child(2):before , .inner > div.college_list .tab_box .text ul li:nth-child(3):before , .inner > div.college_list .tab_box .text ul li:nth-child(4):before {left:0;}
.inner > div.college_list .tab_box .text ul li {padding:0 8px 0 12px; margin-right:15px; margin-top:15px;}
.inner > div.college_list .tab_box .text {font-size:13px;}
.inner > div.college_list .tab_box .text div p:nth-child(1) {font-size:13px; margin-bottom:2px; }
.inner > div.college_list .tab_box .text div p:nth-child(2) {font-weight:300;}
.coll_thumb > div > ul > li > p.organization_img {width:60px;}
.con_top_title p {font-size:16px;}
.inner > div.pe form .pe_info_box {width:100%;}
.inner > div.pe form .pe_txt h2 {font-size:23px;}
.inner > div.pi form .pi_info_box {width:100%;}
.inner > div.pi form .pi_info_box ul li p {width:100%; padding-left:10px;}
.inner > div.pi form .pi_info_box ul li span {margin-left:0; margin-top:8px;}
.inner > div.pi form .pi_info_box ul li p:after {left:0; top:5px;}
.inner > div.pi form .pi_info_box ul li.phone span input {width:81px;}
.inner > div.pe form .pe_info_box ul {padding:15px 15px;}
.inner > div.pe form .pe_info_box ul li:last-child {margin-bottom:0;}
.inner > div.pe form .pe_info_box ul li p {width:20%;}
.inner > div.pe form .pe_info_box ul li span {width:80%;}
.privacy_ar .privacy_box { width:90%; }
.privacy_ar .privacy_box h2 {height:50px; line-height:50px;}
.privacy_ar .privacy_box .pri_clo {padding:0; width:20px; height:20px; }
.privacy_ar .privacy_box .pri_clo img {width:100%;}
.inner > div.gv_gallery .gv_txt h2 , .inner > div.gv_video .gv_txt h2 {font-size:24px;}
.inner > div.gv_gallery .gv_txt, .inner > div.gv_video .gv_txt {margin-bottom:10px;}
.inner > div.gv_gallery .gv_txt p, .inner > div.gv_video .gv_txt p {font-size:16px;}
.pager .pager_num a {width:30px; height:30px; line-height:30px; font-size:13px;}
.inner > div.seminar .semi_subtxt_box {font-size:14px; background:#f6f6f6; padding:18px;}
.inner > div.pe form .pe_btn div {width:50%;}
.inner > div.pi form .pi_info_box ul li span , .inner > div.pi form .pi_info_box ul li span input {width:100%;}
.inner > div.pi form .pi_info_box ul li.phone span { display:flex; align-items:center; justify-content:space-between; }
.inner > div.pi form .pi_info_box ul li.phone span select {width:100%; margin-right:5px;}
.inner > div.pi form .pi_info_box ul li.phone span input {width:100%; margin-left:5px;}
.inner > div.pi_sub_box_bg .pi_sub_box {width:100%; font-size:14px; padding:20px; padding-left:70px;}
.inner > div.pi_sub_box_bg .pi_sub_box:after {left:20px; width:30px; height:30px; background-size:cover; top:36px; }
.inner > div.pi_sub_box_bg .pi_sub_box > p {padding-left:5px;}
.inner > div.pi_sub_box_bg .pi_sub_box > p:before {width:5px;}
.inner > div.pi_sub_box_bg {padding-bottom:0;}
.caution_text {margin-left:0%; line-height:20px; }
.caution_text > ul > li:first-child {margin-bottom:5px;}
.inner > div.program_table_group .program_table > p {font-size:14px;}

}




@media screen and (max-width:1100px)  {
    .coll_sang_box{
        width: calc(100% - 300px);
    }
    .coll_sang_prev,
    .coll_sang_next {
        width: 50px;
        height: 50px;
    }
}

@media screen and (max-width:1024px)  {
    .coll_sang_prev,
    .coll_sang_next {
        width: 4.88vw;
        height: 4.88vw;
    }
    .coll_sang_next{
        right: -2.88vw;
    }
    .coll_sang_prev{
        left: -2.88vw;
    }
    .snag_clo {
        padding: 0.97vw;
    }
    .coll_sang_box {
        width: calc(100% - 21.53vw);
    }
    .coll_sang_box .img{
        width: 22.26vw;
    }
    .coll_sang_box .txt h2{
        font-size: 2.78vw;
        padding: 1.75vw 3.63vw;
    }
    .coll_sang_box .txt ul{
        padding: 0 1.75vw 2.14vw;
    }

    .coll_sang_box .txt ul li {
        font-size: 1.56vw;
        margin-bottom: 0.75vw;
        padding-left: 1.17vw;
        line-height: 2.14vw;
    }
    .coll_sang_box .txt ul li:before {
        width: 0.39vw;
        height: 0.39vw;
        top: 0.97vw;
    }
    .coll_sang_box .txt .benefits_box {
        min-height: 11.71vw;
        padding-top: 1.36vw;
    }
    .coll_sang_box .txt .benefits_box p:nth-child(1) {
        font-size: 2.05vw;
        padding-bottom: 0.48vw;
    }
    .coll_sang_box .txt .benefits_box p:nth-child(2) {
        font-size: 1.46vw;
        margin-top:0.48vw;
    }




.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer {
    max-width: none;
    min-width: auto;
    min-height: auto;
	height:auto;
	width:calc(100% - 3.91vw);
}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	gap:10px;
}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll > .left_btn,
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll > .right_btn{
	position:static;
	transform:none;
	top:unset;
	right:unset;
	left:unset;

}






}/*1024*/
@media screen and (max-width:768px)  {
    .coll_sang_prev,
    .coll_sang_next {
        display: none;
    }
    .snag_clo {
        padding: 1.95vw;
        width: 7.81vw;
        height: 7.81vw;
    }
    .snag_clo img{
        display: block;
        width: 100%;
    }
    .coll_sang_box .img{
        display: none;
    }
    .coll_sang_box {
        width: calc(100% - 5.20vw);
    }
    .coll_sang_box .txt h2 {
        padding-bottom: 3.12vw;
        font-size: 4.94vw;
    }

    .coll_sang_box .txt ul {
        padding: 0 3.64vw 4.16vw;
    }

    .coll_sang_box .txt ul li {
        font-size: 3.38vw;
        margin-bottom: 2.34vw;
        padding-left: 2.86vw;
        line-height: 4.16vw;
    }
    .coll_sang_box .txt ul li:before {
        width: 0.78vw;
        height: 0.78vw;
        top: 1.56vw;
    }

    .coll_sang_box .txt .benefits_box {
        min-height: 16.91vw;
        padding-top: 3.12vw;
        padding: 3.12vw 3.64vw;
    }

    .coll_sang_box .txt .benefits_box p:nth-child(1) {
        font-size: 4.03vw;
        padding-bottom: 1.95vw;
    }
    .coll_sang_box .txt .benefits_box p:nth-child(2) {
        font-size: 3.25vw;
        margin-top: 1.95vw;
    }




    /*자주묻는질문*/
    .inner > div.faq .faq_content > ul > li > p{
        padding: 20px 10px;
        font-size: 14px;
    }




.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer {
	width:calc(100% - 5.21vw);
}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll > .cancel_btn{
	width: 7.29vw;
    height: 7.29vw;
}

.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll{
	gap:1.82vw;
}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll > a{
	width: 8.33vw;
	height:8.33vw;

}

}

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

.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer {
	width:calc(100% - 20px);
}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll > .cancel_btn{
	right:5px;
	top:5px;
	width: 40px;
    height: 40px;
}

.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll{
	gap:10px;
}
.inner > div.gv_gallery > div.gellary_img_poopup > .pop_layer > .pop_controll > a{
	width: 54px;
	height:54px;

}

}