/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/**********************************/
/* rndkongju.gabia.io */
/* 공주대기전공학과 */
/* 2024-01-25 */
/**********************************/

/*****************/
/*     FONTS     */
/*****************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

body, h1, h2, h3, h4, h5, h6, p, span, input, textarea, select, figcaption, a, li { 
	font-family: dashicons, IcoMoon,'Roboto','Noto Sans KR'!important; 
	/*letter-spacing: -0.01em!important;*/
	word-break: keep-all;
	/*transform:rotate(-0.03deg);*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: auto;
	text-decoration: none !important;
}
/*
strong {font-weight: 700 !important;}
.normal		{ font-weight: 400 }
.bold		{ font-weight: 700 }
.bolder		{ font-weight: 800 }
.light		{ font-weight: 300 }
*/

/*********************/
/* header 
/*********************/
.sub-menu.elementor-nav-menu--dropdown {width: 100% !important;}
/*
.elementor-menu-toggle .elementor-menu-toggle__icon--open {
    filter: brightness(0.0);
}
*/
.elementor-location-header {position: relative;}

#header .elementor-nav-menu--main .elementor-item {padding: unset; justify-content: center;}
#header .elementor-widget-nav-menu {width: 100%;}
#header .elementor-widget-nav-menu ul.elementor-nav-menu {width: 100%; flex-wrap: nowrap; justify-content: space-evenly !important; height: 100px; max-width: 860px;}
#header .elementor-widget-nav-menu ul.elementor-nav-menu:after {display:none;}
#header .elementor-widget-nav-menu ul.elementor-nav-menu>li {justify-content: center;}
#header .elementor-widget-nav-menu ul.elementor-nav-menu>li ul.sub-menu {width: auto !important;}
#header .elementor-widget-nav-menu ul.elementor-nav-menu>li ul.sub-menu li a {justify-content: center; border-left: none !important;}

.header-top-nav {padding: 0px 50px; background-color: #00000060;}
.header-top-nav ul {
	list-style: none;
    padding-inline-start: unset;
    display: flex;
	justify-content: flex-end;
}
.header-top-nav ul li {border-right: solid 1px #ffffff3b;padding: 2px 10px 3px;}
.header-top-nav ul li a {color: #DDDDDD; font-size: 13px;}


/*********************/
/* titlebar
/*********************/

.titlebar:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/pattern.png);
}
.titlebar-title {margin-bottom: 0px !important; margin-top: 120px;}
.titlebar-title h1 {
	color: #ffffff70;
    font-size: 48px;
    font-weight: 200;
    letter-spacing: 0.13em;
	margin-bottom: 0px;
	padding-inline-start: 3px;
}
.titlebar-title h1 strong {color: #FFFFFF; font-weight: 600;}
.titlebar-title p {padding-left: 5px; margin-bottom: 10px;}
.titlebar #page-submenu ul {
	list-style: none;
	padding-inline-start: unset;
	justify-content: center;
	flex-wrap: wrap;
	display: none;
	width: fit-content;
	font-size: 18px;
}
.titlebar #page-submenu ul.on {display: flex; justify-content: flex-start;}
.titlebar #page-submenu ul li {padding: 6px 25px 8px; font-weight: 500; border-radius: 30px;}
.titlebar #page-submenu ul li a {color: #FFFFFF;}

.titlebar #page-submenu ul.on li.on {background-color: #FFFFFF;}
.titlebar #page-submenu ul.on li.on a {color: #121212;}



/*********************/
/* common
/*********************/
.title-wrap > .elementor-widget-container {height: auto !important;}
.title-wrap h1 {
    color: #000;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 2em;
}
.title-wrap p {
    font-size: 21px;
    font-weight: 400;
    color: #444;
}
.title-wrap:after {
    content: '';
    display: block;
    width: 1px;
    height: 30px;
    background-color: #000000;
    margin: 15px auto 15px;
}
#titlebar .titlebar-title p span {
	color: #1fc7a0 !important;
}
#titlebar .titlebar-title img {
	filter: hue-rotate(340deg);
}


/*********************/
/* MAIN
/*********************/

#main-s1 .swiper-slide-bg:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/pattern.png);
}
#main-s1 .icon-notice {
    position: absolute;
    top: 230px;
    left: 67px;
    z-index: 1;
}
#main-s1 .swiper-pagination {z-index: 1;}
#main-s1 .swiper-pagination:before {
    content: '';
    background-image: url(/wp-content/uploads/icon-scroll.png);
    display: block;
    width: 39px;
    height: 86px;
    background-repeat: no-repeat;
    background-position: center;
    margin:0 auto 10px;
}
#main-s1 .swiper-pagination:after {
    content: '';
    background-image: url(/wp-content/uploads/main-s1-bottom1_1.png);
    display: block;
    width: 151px;
    height: 19px;
    background-repeat: no-repeat;
    background-position: center;
    margin:15px auto 115px;
}


#main-s2 .item-wrap {
	filter: drop-shadow(7px 7px 0px #00000030);
	margin-top: -103px;
	margin-top: -103px;
    padding: 25px 30px 45px;
}
#main-s2 .item-wrap > .e-con-inner {row-gap: 35px;}
#main-s2 .item-wrap.item1 .elementor-widget-shortcode {height: 219px;}
#main-s2 .item-wrap.item2 .txt-wrap {height: 219px;}
#main-s2 .item-wrap.item2 .txt-wrap ul {
    list-style: none;
    padding-inline-start: 0;
    line-height: 2.5;
}
#main-s2 .item-wrap.item2 .txt-wrap ul li {border-bottom: solid 1px #ddd;}
#main-s2 .item-wrap.item2 .txt-wrap ul li:last-child {border-bottom: none;}
#main-s2 .item-wrap.item2 .txt-wrap ul li strong {color:#0387e2; font-weight: 500;}

#main-s2 .item-wrap.item3 .elementor-widget-shortcode {height: 219px; overflow: hidden;}

#main-s3 .item {width:calc(100% / 3 - 20px); filter: drop-shadow(7px 7px 0px #00000030);}
#main-s3 .item .elementor-image-box-wrapper {padding:25px 30px 45px;}
#main-s3 .item .elementor-image-box-wrapper .elementor-image-box-img img {margin-bottom: -10px;}
#main-s3 .item.elementor-widget-image > .elementor-widget-container {display: flex; align-items: flex-end; justify-content: center;}

#main-s4 .item {width:calc(100% / 5 - 16px); filter: drop-shadow(7px 7px 0px #00000030);}
#main-s4 .item .elementor-image-box-wrapper {padding:35px 0px}
#main-s4 .item .elementor-image-box-wrapper .elementor-image-box-img img {max-width: 200px; width: 90%;}

#main-s4 .corp ul {gap: 20px 22px;}
#main-s4 .corp ul li {border: none; padding: 0; width: auto;}
#main-s4 .corp ul li span {display:none;}

#main-s5 .elementor-widget-html {width:100%;}


/*********************/
/* PAGE
/*********************/
/* 교육과정 */
.page-id-429 .titlebar {background-image: url('/wp-content/uploads/titlebar-bg02.jpg') !important;}
/* 입학안내 */
.page-id-444 .titlebar {background-image: url('/wp-content/uploads/titlebar-bg03.jpg') !important;}
/* 커뮤니티
.page-id-161 .titlebar {background-image: url('/wp-content/uploads/titlebar-bg04.jpg') !important;} */

.page-wrap {
    padding-top: 70px;
    padding-bottom: 120px;
}

#about .imgbox-wrap .elementor-widget-image-box h3{font-size: 1.1em;}

.professor {border-top: solid 2px #0071bc !important;}
.professor .txt-wrap.info dl {line-height: 1.9;}
.professor .txt-wrap.info dl dt {
    font-weight: 500;
    border-radius: 20px;
    max-width: 90px;
    color: #0071bc;
    display: flex;
}
.professor .txt-wrap.info dl dd {
	 margin-inline-start: 100px;
	 margin-top: -30px;
 }
.professor .txt-wrap.info dl dd > ul {padding-inline-start: 20px;}

#history .items-wrap .elementor-widget-image-box {max-width: unset; width: 32%;}
#history .items-wrap .elementor-widget-image-box h3 {
    position: absolute;
    top: 2.9em;
    width: 100%;
    text-align: center;
    font-size: 1.4em;
    font-weight: 700;
    color: #0259b7;
}
#history .items-wrap .elementor-widget-image-box:nth-child(2n) h3 {color: #11b8c9;}
#history .items-wrap .elementor-widget-image-box dl {font-size: 0.95em; border-top: solid 2px #0259b7; padding-top: 10px;}
#history .items-wrap .elementor-widget-image-box:nth-child(2n) dl {border-top-color:#11b8c9;}
#history .items-wrap .elementor-widget-image-box dl dt {
	display: inline-block; 
	width: 70px;
	font-weight: 500;
    color: #0259b7;
	vertical-align: top;
}
#history .items-wrap .elementor-widget-image-box:nth-child(2n) dl dt {color: #11b8c9;}
#history .items-wrap .elementor-widget-image-box dl dd {
	margin-left: 0px;
	display: inline-block;
	width: calc(100% - 70px);
    text-align: left;
}

#curriculum .table-wrap {width: 100%; overflow: auto;}
#curriculum .table-wrap table {font-size: 16px; text-align: center;}
#curriculum .table-wrap table tbody>tr:nth-child(odd)>td, .table-wrap table tbody>tr:nth-child(odd)>th,
#curriculum .table-wrap table tbody tr:hover>td, .table-wrap table tbody tr:hover>th {background-color: transparent;}
#curriculum .table-wrap table thead {background-color: #e4ebf2;border-top: solid 2px #000;}
#curriculum .table-wrap table thead th, .table-wrap table tbody td {
	border-top:none;
	border-left: none;
	border-right: 1px solid #ccd0d7;
    border-bottom: 1px solid #ccd0d7;
	vertical-align: middle;
	padding: 15px 10px;
}
#curriculum .table-wrap table .noedge {border-right: none;}
#curriculum .table-wrap table .border-top {border-top: solid 2px #000;}
#curriculum .table-wrap table tr td.bg1 {}

.btn-bar ul {
	list-style: none;
    padding-inline-start: 0;
    display: flex;
    text-align: center;
    font-size: 21px;
}
.btn-bar ul li {
    width: 100%;
    border: solid 1px #ccc;
    border-right: none;
}
.btn-bar ul li:last-child {border-right: solid 1px #ccc;}
.btn-bar ul li a {color:#333; display: block; padding: 10px 5px;}
.btn-bar ul li a.on {background-color: #183d93; color: #fff;}
.btn-bar ul li.on {border: solid 1px #183d93;}
#guide .fade-bottom {
	position: absolute;
    bottom: 0;
	left: 0;
}
#guide .fade-bottom .elementor-widget-container:after {
    content: "VIEW MORE";
    display: inline-block;
    background-color: #0071bc;
    color: #fff;
    padding: 4px 15px 5px;
    border-radius: 25px;
	font-size: 14px;
}

#sitemap {padding: 15px 10px 40px;}
#sitemap .sitemap-title {text-align: center;}
#sitemap .contents-wrap {display: flex;}
#sitemap .contents-wrap dl {width: calc(100% / 4); text-align: center;}
#sitemap .contents-wrap dl dt {
    font-size: 1.2em;
    border-bottom: solid 1px;
    padding: 10px 0;
    margin-bottom: 15px;
	font-weight: 500;
}
#sitemap .contents-wrap dl a {color: #000000;}
#sitemap .contents-wrap dl dd {margin-inline-start: 0; padding: 5px 5px;}

.require-wrap {display: flex; justify-content: center; gap: 20px;}
.require-wrap .table-wrap {width:calc(100% / 3 - 40px); border: solid 1px #ccc; padding: 8px 10px;}
.require-wrap table {text-align: center;}
.require-wrap table th {
    border-left: none;
    border-right: none !important;
    border-top: solid 2px #004b98 !important;
    border-bottom: solid 1px #333;
	color: #004b98;
    font-size: 1.2em;
}
.require-wrap table td {border-right:solid 1px #ccd0d7 !important; padding: 10px !important;}
.require-wrap table td:last-child {border-right:unset !important;}
.require-wrap table tbody tr:hover>td, .require-wrap table tbody tr:hover>th {background-color: unset;}
.require-wrap table tbody>tr:nth-child(odd)>td, .require-wrap table tbody>tr:nth-child(odd)>th {background-color: unset;}

.corp ul {
    list-style: none;
    padding-inline-start: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.corp ul li {
	border: solid 2px #ccc;
    padding: 15px;
    width: calc(100% / 5 - 16px);
    text-align: center;
    font-size: 1.1em;
    font-weight: 500;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.corp ul li a span {display: block; color: #333;}

/*********************/
/* K-BOARD
/*********************/
/*작성자, poweredby 삭제*/
#kboard-default-list .kboard-list table td.kboard-list-user {display:none;}
.kboard-cross-link-poweredby ,
.kboard-contact-form-poweredby, 
.kboard-default-poweredby, 
.kboard-thumbnail-poweredby, 
.kboard-pure-gallery-poweredby,
.kboard-play-video-poweredby,
.kboard-ocean-gallery-poweredby { display: none; }

/*스킨별 k-board width값*/
#kboard-default-list, #kboard-default-editor { max-width: 1200px; margin: auto;display: block;}
.kboard-vote {display: none;}

/*폰트 스타일 수정 2020-03-24 toedge*/
#kboard-default-list .kboard-list thead tr td {font-size: 15px; font-weight: 400;}
#kboard-default-list .kboard-list table a {font-size: 15px;}


/** 메인 최근글 **/
#kboard-default-latest table thead {display: none;}
#kboard-default-latest table tr td {background: #ffffff;}
#kboard-default-latest table .kboard-latest-title {font-size: 16px !important; padding: 8px 0;}
#kboard-default-latest table .kboard-latest-date {font-size: 16px !important;}
#kboard-default-latest table tr:first-child td {border-top:none;}
#kboard-default-latest table {border-bottom:none !important;}
#kboard-default-latest table td {border-top-color: #dddddd !important;}

/*********************/
/* Elementor 테마관련
/*********************/
#kboard-default-latest table .kboard-latest-title a {color:#000000 !important;}
.kboard-default-new-notify {background-color: #0387e2 !important; padding: 2px 3px 4px !important; border-radius: 3px; vertical-align: text-bottom;}


/*********************/
/* RESPONSIVE
/* Mobile
/*********************/
@media (max-width: 1600px) {

}
@media (max-width: 1400px) {
}
@media (max-width: 1280px) {


}
@media (max-width: 1024px) {
	#header  .elementor-widget-nav-menu {
		width: auto;
		position: absolute;
		top: -5px;
		left: 0;
		right: 0;
		z-index: 1;
	}

	#header  .container-right {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		height: 120px;
	}
	#header  .container-right .elementor-menu-toggle {
		margin: 0 10px; 
		width: fit-content;
	}
	#header  .container-right .elementor-nav-menu--dropdown {border: none;}
	#header  .container-right .elementor-widget-nav-menu .elementor-widget-container {align-items: flex-end;}
	#header  .container-right .elementor-nav-menu--dropdown.elementor-nav-menu__container {
		margin: 0;
		position: absolute;
		left: 0;
		right: 0;
		top: 55px;
		border: none;
	}
	#header .elementor-widget-nav-menu nav.elementor-nav-menu--dropdown {
		height: calc(100vh - 80px);
	    padding-top: 30px;
	}
	#header .elementor-widget-nav-menu ul.elementor-nav-menu>li ul.sub-menu {background-color: #f2f2f2;}
	#header .elementor-widget-nav-menu ul.elementor-nav-menu>li ul.sub-menu li a {font-size: 14px;}

	#header .header-wrap {position: absolute; top: 30px; left: 0; padding: 0 10px;}

	#titlebar .titlebar-title {margin-bottom: 60px !important;}

	#main-s1 .elementor-slides .elementor-slide-button {text-align: left;}
	#main-s1 .elementor-slides .elementor-slide-button img {max-width: 180px;}
	#main-s1 .elementor-slides .elementor-slide-button:after {width: 180px !important; margin-left: 0px !important; background-size: contain;}

	.require-wrap {gap: 10px;}
	.require-wrap .table-wrap {width: calc(100% / 3 - 0px); overflow: hidden;}
	.require-wrap table td {padding: 5px !important;}
	
	.professor .txt-wrap.info {width:70%;}

}

@media (max-width: 767px) {

	.title-wrap h1 {font-size: 1.4em;}
	.title-wrap:after {height: 20px;}
	.page-wrap {padding-top: 25px; padding-bottom: 70px;}
	.txt-wrap.title h2 {font-size: 1.2em;}
	.txt-wrap.title h4 {font-size: 0.95em;}
	.txt-wrap.title h5 {font-size: 0.95em;}
	.txt-wrap.title p {font-size: 12px;}

	#titlebar .titlebar-title {margin-bottom: 10px !important;}
	#titlebar .titlebar-title h1 {font-size: 21px; margin-bottom: 0px;}
	#titlebar .titlebar-title p {font-size: 12px; padding-left: 0;margin-bottom: 4px;}
	#titlebar .titlebar-title img {max-width: 160px;}
	#titlebar #page-submenu ul {font-size: 14px;}
	#titlebar #page-submenu ul li {padding: 4px 10px 5px;}

	.btn-img img {height: 42px; width: auto;}
	.btn-img a {font-size: 14px !important; padding: 14px 14px 14px 14px !important;}
	.btn-img a .elementor-align-icon-left {margin-right: 10px !important;}
	
	#main-s1 .elementor-widget-slides {}
	#main-s1 .elementor-slides .elementor-slide-button img {max-width: 140px;}
	#main-s1 .elementor-slides .elementor-slide-button:after {width: 140px !important; margin-left: 30px;}

	#main-s1 .swiper-pagination:before {width: 39px; height: 60px;  background-size: contain; margin: 0 auto 10px;}
	#main-s1 .swiper-pagination:after {width: 120px; background-size: contain;margin: 5px auto 20px;}
	#main-s1 .swiper .elementor-swiper-button {font-size: 21px;top: 75%;}
	#main-s1 .elementor-slides .swiper-slide-inner {padding-bottom: 15%;}
	#main-s1 .elementor-slides .swiper-slide-inner .elementor-slide-heading {margin-bottom: 5px !important;}

	#main-s2 .item-wrap {margin-top: 0; padding: 15px 10px 15px;}
	#main-s2 .item-wrap .elementor-widget-heading h3 {font-size: 21px;}
	#main-s2 .item-wrap.item1 .elementor-widget-shortcode {height: auto;}
	#main-s2 .item-wrap.item2 .txt-wrap {height: auto;}
	#main-s2 .item-wrap.item2 .txt-wrap ul {font-size: 14px !important;}

	#main-s3 h3.elementor-heading-title {font-size: 21px;}
	#main-s3 .item-img img {height: 32px; width: auto;}
	#main-s3 .items-wrap {gap: 10px; justify-content: flex-start;}
	#main-s3 .item {width: calc(100% / 2 - 5px); filter: drop-shadow(3px 3px 0px #00000030);}
	#main-s3 .item .elementor-image-box-wrapper {padding: 10px 10px 15px;}
	#main-s3 .item .elementor-image-box-wrapper .elementor-image-box-img img {max-width: 72px;}
	#main-s3 .item .elementor-image-box-wrapper .elementor-image-box-title {font-size: 16px; margin-bottom: 8px;}
	#main-s3 .item .elementor-image-box-wrapper .elementor-image-box-description {font-size: 12px;}
	#main-s3 .e-con-inner > .elementor-element-359b15a {background-size: 600%; background-position: top; padding-bottom: 50px;margin-bottom: 20px;}
	#main-s3 .item.elementor-widget-image > .elementor-widget-container img {height: 155px; width: auto;}

	#main-s4 h3.elementor-heading-title {font-size: 21px;}
	#main-s4 .item .elementor-image-box-title {font-size: 14px;}
	#main-s4 .item {width: calc(100% / 2 - 3px); filter: drop-shadow(3px 3px 0px #00000030);}
	#main-s4 .item .elementor-image-box-wrapper .elementor-image-box-img img {margin: -30px 0;}
	#main-s4 .item .elementor-image-box-wrapper {padding: 20px 0px; overflow: hidden;}

	#main-s4 .corp ul li {width: calc(100% / 3 - 15px);}

	#main-s5 h3.elementor-heading-title {font-size: 21px;}
	#main-s5 .elementor-widget-container {margin-bottom:15px;}


	#kboard-default-latest table .kboard-latest-title {font-size: 14px !important;}

	#header .elementor-widget-nav-menu ul.elementor-nav-menu>li .sub-arrow {display:none;}
	#header .elementor-widget-nav-menu ul.elementor-nav-menu>li {border-bottom: solid 1px #ddd;}
	#header .elementor-widget-nav-menu ul.elementor-nav-menu {padding: 0 10px;}
	
	#about .imgbox-wrap > .e-con-inner {gap: 10px;}
	#about .imgbox-wrap .elementor-widget-image-box {max-width: calc(50% - 5px);}
	#about .imgbox-wrap .elementor-widget-image-box .elementor-image-box-img {margin-bottom: 0;}
	#about .imgbox-wrap .elementor-widget-image-box .elementor-image-box-title {font-size: 13px;}
	#about .section2 .elementor-widget-image-gallery .gallery-item {padding:15px 3px; max-width: calc(100% / 3 - 0px);}
	#about .section2 .elementor-widget-image-gallery .gallery-item .gallery-caption {font-size: 13px; padding: 0;}
	#about .section2 .elementor-widget-image-gallery .gallery-item .gallery-caption br {display:none;}
	#about .section2 .elementor-widget-image-gallery .gallery-item .gallery-icon img {max-width: 58px;}
	#about .section2 .elementor-widget-image-gallery .gallery {margin:0;}

	#history .items-wrap .elementor-widget-image-box {width: auto;;}
	#history .items-wrap .elementor-widget-image-box img {max-width: 75%;}
	#history .items-wrap .elementor-widget-image-box h3 {top: 17%; font-size: 18px;}
	#history .items-wrap .elementor-widget-image-box dl {font-size: 13px;}
	#history .items-wrap .elementor-widget-image-box dl dt {width: 60px;}
	#history .items-wrap .elementor-widget-image-box dl dd {width: calc(100% - 60px);}

	#curriculum .table-wrap table {font-size: 13px;}
	#curriculum .table-wrap table thead th, .table-wrap table tbody td {padding: 5px 5px;line-height: 1.4;}
	
	.professor {margin: 15px 0; padding: 15px;}
	.professor .txt-wrap.info {width:100%;}
	.professor .txt-wrap.info dl {font-size: 13px;}
	.professor .txt-wrap.info dl dt {max-width: 60px; line-height: 38px;}
	.professor .txt-wrap.info dl dd {margin-inline-start: 65px; line-height: 1.3;}
	.btn-bar ul {font-size: 14px;}

	.corp ul {gap: 7px;}
	.corp ul li {padding:4px;  width: calc(100% / 3 - 5px);  font-size: 0.8em; border-radius: 4px;border: solid 1px #ccc;}

	.require-wrap {flex-direction: column;}
	.require-wrap .table-wrap {width: calc(100% / 1 - 0px);}
	.require-wrap .table-wrap table tr td:first-child {width:45%;}
	.require-wrap table th {font-size: 1.0em;}
	.require-wrap table {font-size: 13px;}


	
}



@media (max-width: 1043px) {
	#guide .iframe-wrap iframe {margin-top: -680px !important; height: 2908px !important;}
	#guide .iframe-wrap iframe.m2 {margin-top: -680px !important; height: 4770px !important;}
	#guide .iframe-wrap iframe.m3 {margin-top: -680px !important; height: 2120px !important;}
}

@media (max-width: 787px) {
	#guide .iframe-wrap iframe {margin-top: -650px !important; height: 2920px !important;}
	#guide .iframe-wrap iframe.m2 {margin-top: -650px !important; height: 4910px !important;}
	#guide .iframe-wrap iframe.m3 {margin-top: -650px !important; height: 2160px !important;}
}

@media (max-width: 620px) {
	#guide .iframe-wrap iframe {margin-top: -700px !important; height: 3200px !important;}
	#guide .iframe-wrap iframe.m2 {margin-top: -700px !important; height: 6250px !important;}
	#guide .iframe-wrap iframe.m3 {margin-top: -700px !important; height: 2500px !important;}
}

@media (max-width: 440px) {
	#guide .iframe-wrap iframe {margin-top: -520px !important; height: 3130px !important;}
	#guide .iframe-wrap iframe.m2 {margin-top: -520px !important; height: 6470px !important;}
	#guide .iframe-wrap iframe.m3 {margin-top: -520px !important; height: 2500px !important;}
}
@media (max-width: 380px) {
	#guide .iframe-wrap iframe.m2 {margin-top: -520px !important; height: 6740px !important;}
}