/* GNB 감추기 */#common_header {display:none;}.tit_cont {display:none;}/* 와이드 형으로 변환 */#contents { width: 100%; margin: 0 auto; padding: 0 20px 27px 20px; display: contents;/* position: absolute; */}.tit_cont { position: relative; padding-right: 20px; max-width: 980px; margin: 0 auto;}.eventDetailCont.type1 { position: relative; width: 100%; left: 0;}.eventDetailCont.type1 { padding: 0; background: none;}.eventDetailCont .box_txtPhoto .txt_p { width: 100%; margin: 0;}.theme_con img {width:100%;}.event_info_btn { width: 26%; position: absolute; z-index: 100; left: 37%; margin-top: -7%; cursor:pointer;}.event_area {display:none; background-color:#eb3942; width:100%;}.con_event {background-color:#eb3942;}.con_body li {width:25%; display:inline-block; cursor: pointer;}.box_txtPhoto .txt_p {font-size:0px;}.event_area {width:100%;}.join_step {width:40%; text-align:left; margin-bottom:2%; margin: 0% auto 2% auto;}#event_close {display:none;}.theme_logo { width: 20.4%; position: absolute; left: 2%; top: 2%; z-index: 100; cursor: pointer;}.themearea_Wrap {width:49%; max-width:940px; margin: 0 auto;}.bg_object {position:absolute; left:0; bottom:0; width:25.5%; max-width: 490px;}/* theme01 영역 */.theme_area01, .theme_area02, .theme_area03, .theme_area04 {display:none;}.theme_area01 {background-color:#f5ca47; text-align:center;}.theme_area02 {background-color:#01a684; text-align:center;}.theme_area03 {background-color:#f5b2db; text-align:center;}.theme_area04 {background-color:#005ac8; text-align:center;}.theme_header {width:100%; margin-bottom:3%;}.themearea_Wrap li {display:inline-block; width:46%; margin-bottom: 6%; cursor:pointer; position: relative;}.themearea_Wrap li:nth-child(odd) {margin-right:3.191%;}.themearea_Wrap li:nth-child(even) {margin-left:3.191%;}.joininfo li {display:inline-block; width:20%; padding:0% 0.5%;}/* aside 배너 */.theme_aside {position:fixed;width:5%; max-width:165px; left:77%; top:50px;}.aside_btn_wrap {width:100%; position: absolute; top: 7%; padding: 7%;}.aside_btn_wrap li {display:inline-block; width:100%; padding: 2.5% 0%;}#aside_event {width:100%;}.theme_aside {display:none;}.mo_con {display:none;}.pc_con {display:block;}.join_title {width: 17.34%; text-align: center; display: inline-block; margin: 1% 0%;}.theme_aside img {width:100%;}.event_info {width:66.66%; text-align:center; background:url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=ce57cbcd-37d3-47fe-aa0c-547108490d13') no-repeat; margin:0 auto; background-size:100%;}.event_go {width: 35.46%; margin: 0 auto; padding: 3% 0%;}.event_more {width:100%; text-align:center; display:inline-block; margin: 2% 0%;}.event_more li { display: inline-block; width: 20%; cursor: pointer; padding: 0% 2%;}.eventFormDetail {display:none;}.info_btn {background-color: #333; color: #fff; padding: 0.3% 1%; margin-left: 1%; font-size: 0.5em; display: inline-block; vertical-align: middle;}.theme_area01 .themearea_Wrap li::after, .theme_area04 .themearea_Wrap li::after,.theme_area02 .themearea_Wrap li:nth-child(2)::after,.theme_area02 .themearea_Wrap li:nth-child(5)::after,.theme_area02 .themearea_Wrap li:nth-child(7)::after,.theme_area03 .themearea_Wrap li:nth-child(1)::after,.theme_area03 .themearea_Wrap li:nth-child(2)::after,.theme_area03 .themearea_Wrap li:nth-child(3)::after,.theme_area03 .themearea_Wrap li:nth-child(4)::after,.theme_area03 .themearea_Wrap li:nth-child(5)::after,.theme_area03 .themearea_Wrap li:nth-child(6)::after{ content: ; background-image: url('https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=c71829f6-fc34-484d-b1c4-c5572f7a4a7d'); background-repeat: no-repeat; background-size: 100%; width: 13%; height: 13%; position: absolute; top: 6.7%; right: 5%; display: inline-block; text-align: right; }.mo_con_header {display:none;}.theme_logo {display:block;}.tit01, .tit02 {font-size: initial; width:50%; display:block; float:left; margin: 2% 0%;}.tit01 {text-align:right;}.tit02 {text-align:left; padding-left:3%; }.joininfo {width:100%;}.join_detail {width:100%;} 이벤트 기간 : 2021.07.01 ~ 2021.07.07 당첨자 발표: 2021.07.08 var logo_state =N;/* 이벤트 설문 응답 시작 및 제어 */ function event_start(){ joinForm('59531677-f6c0-4f05-af40-98a4d1ba588b'); setTimeout(function(){ if ($('#login').css(display)==block){ } else { $('.eventFormDetail').css(display,block); } },500); } /* 페이지의 변경 사항이 있을 경우 사이즈 체크를 진행한다 */ $(window).resize(widthCheck); $(document).ready(function () { /* jquery로 상단 마진 없애기 */ $('.eventDetailCont.type1').css(margin-top,0px); var imgpath = https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=; widthCheck(); /*width 값 체크 */ ThemeSwiper(); $('.con_body li img').mouseover(function(){ var choiceID = $(this).attr('id'); switch (choiceID) { case areabtn01 : $('#areabtn01').attr(src,imgpath+deb886d5-6c04-4ac9-bc76-54d595227e97); break; case areabtn02 : $('#areabtn02').attr(src,imgpath+83283d3e-2f08-489c-8841-36ae11d01c17); break; case areabtn03 : $('#areabtn03').attr(src,imgpath+78df5eb6-c88e-4573-acc8-ccd341374e1e); break; case areabtn04 : $('#areabtn04').attr(src,imgpath+5db4d2ca-17b0-4f8f-a754-ec37ed872b2b); break; } }); $('.con_body li img').mouseout(function(){ var choiceID = $(this).attr('id'); switch (choiceID) { case areabtn01 : $('#areabtn01').attr(src,imgpath+a5d79db3-7d7c-4241-8279-d093102a8368); break; case areabtn02 : $('#areabtn02').attr(src,imgpath+c48651ba-14e3-46fe-bf3b-631363942607); break; case areabtn03 : $('#areabtn03').attr(src,imgpath+f078da85-cf3e-4163-a9fa-aa324215f193); break; case areabtn04 : $('#areabtn04').attr(src,imgpath+52199d10-2769-4ec8-b165-40553946038e); break; } });});$('.event_info_btn').click(function(){ openEvent();});function openEvent(e){ if (e==aside) { $('#event_open').css(display,none); $('#event_close').css(display,block); $('.event_area').css(display,block); } else { $('#event_open').slideToggle(); $('#event_close').slideToggle(); $('.event_area').slideToggle(); }};$('.theme_logo, .mo_con_header').click(function(){ if (logo_state==N) { $('.theme_logo img').attr(src,https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=869e3d77-e4aa-45e1-95c6-064af1160241); $('.mo_con_header img').attr(src,https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=073ec1ce-1962-4751-ae33-08c91c885ca8); $('#common_header').css(display,block); $('.tit_cont').css(display,block); $('.eventDetailCont.type1').css(margin-top,50px); if ($(window).width() > 1024) { $('.theme_aside').css(top,300px);} logo_state =Y; } else { $('.theme_logo img').attr(src,https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=869e3d77-e4aa-45e1-95c6-064af1160241); $('.mo_con_header img').attr(src,https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=0b392b63-0465-49ba-8354-54b9a60102e0); $('#common_header').css(display,none); $('.tit_cont').css(display,none); $('.eventDetailCont.type1').css(margin-top,0px); if ($(window).width() > 1024) { $('.theme_aside').css(top,50px);} logo_state =N; };});function goLayer(layer_no){ widthCheck(); $('.theme_main').css(display,none); $('.theme_area01').css(display,none); $('.theme_area02').css(display,none); $('.theme_area03').css(display,none); $('.theme_area04').css(display,none); $('.theme_aside').css(display,none); switch (layer_no) { case 1 : $('.theme_aside li').css(display,inline-block); $('.theme_area01').css(display,block); $('.theme_aside').css(display,inline-block); $('#aside_01').css(display,none); break; case 2 : $('.theme_aside li').css(display,inline-block); $('.theme_area02').css(display,block); $('.theme_aside').css(display,inline-block); $('#aside_02').css(display,none); break; case 3 : $('.theme_aside li').css(display,inline-block); $('.theme_area03').css(display,block); $('.theme_aside').css(display,inline-block); $('#aside_03').css(display,none); break; case 4 : $('.theme_aside li').css(display,inline-block); $('.theme_area04').css(display,block); $('.theme_aside').css(display,inline-block); $('#aside_04').css(display,none); break; case 5 : $('.theme_main').css(display,block); $('.theme_aside').css(display,none); openEvent('aside'); location.href=#event_line; break; case 6 : $('.theme_main').css(display,block); $('.theme_aside').css(display,none); openEvent('aside'); location.href=#event_line; break; default : $('.theme_main').css(display,block); $('.theme_aside').css(display,none); break; };}function widthCheck(){ var Cwidth = $(window).width(); console.log('현재 가로 넓이: '+Cwidth); if (Cwidth @media screen and (max-width: 1023px) {.mo_con {display:block;}.pc_con {display:none;}#change01 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=5f5739cf-8521-43c7-889d-639389b72d88);} #change02 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=8bb2af7f-de11-46d1-acc6-549ebd3c8ae0);} #areabtn01 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=8532ae50-1c34-419f-bb06-f1768fe824ac);} #areabtn02 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=eced99c7-146d-4172-b135-465d04e7f2f3);} #areabtn03 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=5b0cfe9b-6565-4008-8cce-0da8de5e2a60);} #areabtn04 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=ff174a06-4221-4880-ae4e-63196212fa3a);} #change03 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=3d65a5b9-fdfe-4fe3-834e-662837dac822);} /*풋터*/#change04 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=d14fc48c-dba2-4ed3-99c8-c684361cb5e9);} #change05 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=03c84653-6775-4c0d-b8c1-e885ed2caee8);} #change06 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=4873020a-d593-4277-a358-b63b88ffeaec);} #change07 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=d210cc2a-0229-4a40-89d3-b5c4b2b32647);} #img02_01 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=61103dcb-3fe3-4604-bae7-9c0f3920c748);} #img02_02 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=311c7284-a9c6-4f52-9fb8-d1edce73a126);} #img02_03 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=f8f4b968-2195-4c2d-8ca7-6679475feb63);} #img02_04 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=117e7f0b-2b1a-44e5-bd72-fcecf36498c7);} #img02_05 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=05654ddd-eaeb-4c17-8033-811df5452c28);} #img02_06 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=750038e2-304f-4ebe-b6da-c36189f7321f);} #img04_01 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=8e940520-b48f-4371-a1c4-b928573bcd03);} #img04_02 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=048c37aa-dd8c-4b7c-a558-58ae4927e12f);} #img04_03 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=f37c5ae2-f681-4fe9-a7f6-d1ab3fc834e3);} #img04_04 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=0f159360-fa78-457a-9240-e7b54c11b0ad);} #img04_05 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=5cf662a5-769f-458b-9578-442830c29931);} #img04_06 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=ea4acd1a-64ba-4884-bf1f-270ab991f80e);} #img04_07 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=e23397b0-d116-4c5c-ba9d-00644f28440c);} #img04_08 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=b1204eba-361b-4f81-a375-2101ac42ef18);} #bt_change01 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=bd3e514d-4e18-4c47-8f5b-b0a6a5bb0a60);} #bt_change02 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=82463e2b-2e0f-4732-a108-7d668485a242);} #bt_change03 { content: url(https://cdn.visitkorea.or.kr/img/call?cmd=VIEW&id=a18ed225-2c6c-48c3-9fcd-55e44afc90b7);} .theme_logo { width: 50%; left: 25%; top: 0%;}.theme_header { padding-top: 10%;}.theme_aside { width: 100%; max-width: none; z-index: 100; position: fixed; left: 0; bottom: 0; top: unset;}.themearea_Wrap { width: 100%; max-width: none;}.aside_btn_wrap { position: relative; background-color: #ccc; padding: 3% 0%;}.theme_aside li {width:20%; }.con_body li {width:100%;}.theme_area02 li {width:50%;}.theme_area04 li {width:50%;}.event_info_btn { width: 70%; position: absolute; left: 15%; margin-top: -15%;}.themearea_Wrap li:nth-child(odd) {margin-right:0px;}.themearea_Wrap li:nth-child(even) {margin-left:0px;}.themearea_Wrap ul { margin: 5% auto; padding: 0% 10% 5% 5%; }.theme_area02 .themearea_Wrap ul, .theme_area04 .themearea_Wrap ul {padding: 5% 3% 5% 3%;}.theme_area02 .themearea_Wrap li, .theme_area04 .themearea_Wrap li {padding: 1%; width:48%;}.event_info {background-image: none; background-color: #fff; width:95%; border-radius: 5px;}.join_step {width:80%;}.event_go {width:80%; padding:3% 0%; margin-top:5%;}.event_more li { width: 80%; margin-bottom: 2%; font-size: 0.8em;}.mo_con_header {display:block; width:100%;}.theme_logo {display:none;}.tit01, .tit02 { width: 100%; float: none; font-size: 14px;}.tit01 {text-align:center; padding-top:2%;}.tit02 {text-align:center;}.joininfo li { width: 100%;}.join_title {width:50%;}}