/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */
/* 1. header ******************************************************************************************************** */
body { 
	--header-height: 64px;
	max-width: 100%; 
	padding-top: var(--header-height);
	overflow-x: hidden;
	overflow-y: auto;
}
body[data-page="shop_event"] { --header-height: 55px; }
body[data-page="shop_event"] header { position: fixed!important; }

.disable-scroll { overflow: hidden; }
.spacer { height: 300%; background: orange; background: linear-gradient(#ff0, #f0f); }
.overlay { position: fixed; top: 20px; bottom: 20px; left: 20px; right: 20px; z-index: -1; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .3); overflow: auto; }
.overlay .spacer { background: linear-gradient(#88f, #0ff); }
.overlay-shown { z-index: 1; }
.preloading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%!important;
	content:  ' ';
	background-color: #fff;
	z-index: 10;
}

.land-nav {
	position: fixed;
	top: 0; left: 0; right: 0;
	width: 100%;
	background-color: #ffffff;
	z-index: 1030;
}
.land-nav .header-content {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
.land-nav .brand-wrapper {
	display: inline-block;
	float: left;
	width: 40%;
	padding: 15px 0px 15px 15px;
}
.land-nav .navbar-brand {
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
}
.land-nav .navbar-brand svg { width: auto; }

@media only screen and (min-width: 1200px) {
	.land-nav .navbar-brand svg { height: 34px; }
	.land-nav .header-content { max-width: 1170px; margin: 0 auto; }
}

@media only screen and (max-width: 1199px) {
	.land-nav .brand-wrapper { padding-left: 25px; }
}
@media only screen and (max-width: 991px) {
	body { padding-top: 54px; }
	.land-nav { height: 54px; }
	.land-nav .brand-wrapper { padding: 14px 0px 14px 24px; }
	.land-nav .navbar-brand svg { height: 27px; }
}
@media only screen and (max-width: 767px) {
	.land-nav .brand-wrapper { padding: 15px 0px 15px 15px; }
	.land-nav .navbar-brand svg { height: 24px; }
}


/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */
/* 2. common all **************************************************************************************************** */

section#plan { overflow: hidden; }
section {
	position: relative;
	width: 100%;
	background-color: #fff;
	text-align: center;
	/*overflow: hidden;*/
}
section h1,
section h3 {
	font-family: Noto Sans KR;
	font-weight: 300;
	line-height: 1.3;
}
section h1 {
	margin-top: 0;
	margin-bottom: 0;
	color: #222428;
}
section h1 strong {
	font-weight: 600;
}
section h3 {
	margin-bottom: 0;
	color: #484b50;
}
section .btn-wrap {
	display: block;
}
section .btn-wrap .btn {
	display: inline-block;
	max-width: 100%;
	padding: 12px 5px;
	font-family: Noto Sans KR;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: -0.48px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	background-color: #2f81f5;
	color: #fff;
}
section img { max-width: 100%; }

section .visible-xxs { display: none !important; }

@media only screen and (min-width: 768px) {
	section .container { width: auto; margin: 0 11px; }
}
@media only screen and (min-width: 1200px) {
	section { padding-top: 110px; padding-bottom: 120px; }
	section .container { width: 1170px; margin: 0 auto; } 
	section h1 { font-size: 56px; letter-spacing: -1.68px; }
	section h3 { font-size: 20px; letter-spacing: -0.6px; }
	section .btn-wrap .btn { min-width: 206px; padding: 16px 5px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	section { padding-top: 90px; padding-bottom: 100px; }
	section h1 { font-size: 44px; letter-spacing: -1.32px; }
	section h3 { margin-top: 16px; font-size: 18px; letter-spacing: -0.54px; }
	section .btn-wrap .btn { min-width: 180px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	section { padding-top: 80px; padding-bottom: 90px; }
	section h1 { font-size: 42px; letter-spacing: -1.26px; }
	section h3 { margin-top: 12px; font-size: 18px; letter-spacing: -0.54px; }
	section .btn-wrap .btn { min-width: 180px; }
}
@media only screen and (max-width: 767px) {
	section { padding-top: 60px; padding-bottom: 70px; }
	section .container { padding-right: 20px; padding-left: 20px; } 
	section .row { margin-right: -20px; margin-left: -20px; }
	section h1 { font-size: 36px; letter-spacing: -1.08px; }
	section h3 { margin-top: 16px; font-size: 16px; letter-spacing: -0.48px; }

	section .btn-wrap .btn { min-width: 172px; padding: 10px 5px; }
}
@media only screen and (max-width: 479px) {
	section .visible-xxs { display: block !important; }
	section .hidden-xxs { display: none !important; }
}
@media only screen and (max-width: 379px) {
	section:not(#block) h1 { font-size: 34px; }
}



/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */
/* 2-1. block ******************************************************************************************************* */

/*
transition:width 1s, height 2s

transition-timing-function: linear;
transition-timing-function: ease;
transition-timing-function: ease-in;
transition-timing-function: ease-out;
transition-timing-function: ease-in-out;
transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1.0);
transition-timing-function: cubic-bezier(.29,1,0,.99);

transition-timing-function: cubic-bezier(0, 0.6, 1, 0.3);

transition-delay:1s

*/

section#block {	background-color: #f3f3f5;  }
section#block .text-wrap { text-align: left; }
section#block h1 > span { display: block; }
section#block .bg-wrap { height: 0; }
section#block .block-item {
	line-height: 1;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.12);
	overflow: hidden;
}
section#block .block-item + .block-item { margin-top: 4px; }

section#block:not(._off) { overflow: hidden; height: calc(100vh + 850px); padding-bottom: 10vh; }
section#block:not(._off) .container,
section#block:not(._off) .row,
section#block:not(._off) .block-text,
section#block:not(._off) .block-site {
	position: relative;
	height: 100%;
}
section#block:not(._off) .fixed-wrap { width: 100%; max-width: 100%; bottom: 0; }
section#block:not(._off) .fixed-wrap._fixed { position: fixed; width: 1170px; left: 0; top: 64px; bottom: 10vh; }
section#block:not(._off) .fixed-wrap:not(._fixed) { position: absolute; left: 0; right: 0; height: 100%; }
section#block:not(._off) .text-wrap { position: absolute; bottom: 25vh; right: 0; margin-top: 0; width: 100%; }

section#block:not(._off) .bg-item,
section#block:not(._off) .block-item {
/*    will-change: transform;
    transition: transform 1s cubic-bezier(.52,0,.45,1);*/
}
section#block .text-wrap { 
	will-change: opacity;
    transition: opacity .5s cubic-bezier(.52,0,.45,1);
}

section#block._off .bg-wrap { display: none; }


@media only screen and (min-width: 768px) {
	section#block:not(._off) .text-wrap { z-index: 1; }
	section#block:not(._off) h1 { position: relative; }
	section#block:not(._off) h1 > span:before,
	section#block:not(._off) h1 > span:after { display: table; content: ' '; clear: both; }
	section#block:not(._off) h1 > span { display: inline-block; position: absolute; left: 0; }
	section#block:not(._off) .fixed-wrap._fixed { left: 50%; transform: translateX(-50%); }
	section#block:not(._off) .bg-wrap,
	section#block:not(._off) .block-wrap { position: absolute; bottom: 0; left: 15px; right: 15px; }
}
@media only screen and (min-width: 1200px) {
	section#block { padding-top: 43px; padding-bottom: 7vh; }
	section#block._off .text-wrap { margin-top: 25vh; }
	section#block h3 { margin-top: 20px; }
	section#block .btn-wrap { margin-top: 56px; }

	section#block:not(._off) .fixed-wrap._fixed { bottom: 7vh; }
	section#block:not(._off) h1 { height: 144px; }
	body[data-page="portfolio"] section#block:not(._off) h1 { height: 216px; }
	section#block:not(._off) h1 > span.line1 { top: 0; }
	section#block:not(._off) h1 > span.line2 { top: 72px; }
	section#block:not(._off) h1 > span.line3 { top: 144px; }
}
@media only screen and (min-width: 1061px) and (max-width: 1199px) {
	section#block:not(._off) .text-wrap,
	section#block:not(._off) .bg-wrap,
	section#block:not(._off) .block-wrap { width: 490px; }
}

/*@media only screen and (min-width: 992px) and (max-width: 1060px) and (orientation: portrait) { section#block:not(._off) { height: calc(100vh - 68px); } }
@media only screen and (min-width: 992px) and (max-width: 1060px) and (orientation: landscape) { section#block:not(._off) { height: calc(100vh + 500px); } }*/
@media only screen and (min-width: 992px) and (max-width: 1060px) {
	section#block:not(._off) .fixed-wrap { max-width: calc(100% - 60px); left: 30px; }
	section#block:not(._off) .fixed-wrap:not(._fixed) { left: 30px; }
	section#block:not(._off) .text-wrap,
	section#block:not(._off) .bg-wrap,
	section#block:not(._off) .block-wrap { width: 455px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	section#block._off .text-wrap { margin-top: 14.5vh; }
	section#block .btn-wrap { margin-top: 52px; }

	section#block:not(._off) h1 { height: 114px; }
	body[data-page="portfolio"] section#block:not(._off) h1 { height: 171px; }
	section#block:not(._off) h1 > span.line1 { top: 0; }
	section#block:not(._off) h1 > span.line2 { top: 57px; }
	section#block:not(._off) h1 > span.line3 { top: 114px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) and (orientation: portrait) {
	section#block:not(._off) { padding-bottom: 25vh; }
	section#block:not(._off) .fixed-wrap._fixed { bottom: 25vh; }
	section#block:not(._off) .text-wrap { bottom: 13vh; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	section#block { padding-top: 64px; }
	section#block._off .text-wrap { margin-top: 11vh; }
	section#block h1 { font-size: 40px; letter-spacing: -1.2px; }
	section#block .btn-wrap { margin-top: 48px; }
	section#block .block-item + .block-item { margin-top: 3px; }

	/*section#block:not(._off) { height: calc(120vh - 56px); }*/
	section#block:not(._off) .text-wrap,
	section#block:not(._off) .bg-wrap,
	section#block:not(._off) .block-wrap { width: 335px; }
	section#block:not(._off) h1 { height: 104px; }
	body[data-page="portfolio"] section#block:not(._off) h1 { height: 156px; }
	section#block:not(._off) h1 > span.line1 { top: 0; }
	section#block:not(._off) h1 > span.line2 { top: 52px; }
	section#block:not(._off) h1 > span.line3 { top: 104px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) { 
	section#block:not(._off) { padding-bottom: 25vh;  }
	section#block:not(._off) .fixed-wrap._fixed { bottom: 25vh; }
	section#block:not(._off) .text-wrap { bottom: 9vh; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation: landscape) {
	section#block:not(._off) { padding-bottom: 12vh;  }
	section#block:not(._off) .fixed-wrap._fixed { bottom: 12vh; }
	section#block:not(._off) .text-wrap { bottom: 13vh; }
}
@media only screen and (max-width: 767px) {
	section#block { padding-top: 9vh; }
	section#block .block-site { padding-left: 15vh; padding-right: 15vh; }
	section#block .text-wrap { text-align: center; margin-bottom: 9vh; }
	section#block h1 { font-size: 40px; letter-spacing: -1.2px; }
	section#block .btn-wrap { margin-top: 32px; }
/*
	section#block:not(._off) .block-text { position: absolute; bottom: 0; } 
	section#block:not(._off) .fixed-wrap._fixed { top: 54px; }
	section#block:not(._off) .block-site { position: absolute; left: 0; right: 0; bottom: 0; }
	section#block:not(._off) .block-site .block-wrap { position: absolute; left: 15vh; right: 15vh; bottom: 0; } 
	section#block:not(._off) .text-wrap { bottom: 22vh; }
*/
}
@media only screen and (max-width: 767px) and (orientation: portrait) { 
}
@media only screen and (max-width: 767px) and (orientation: landscape) { 
}
@media only screen and (max-width: 479px) {
	section#block .block-site { padding-left: 30px; padding-right: 30px; }
	section#block h1 { font-size: 36px; }

	/*section#block:not(._off) .block-site .block-wrap { left: 30px; right: 30px; } */
}
/*
@media only screen and (max-width: 479px) and (orientation: portrait) { 
	section#block:not(._off) .text-wrap { bottom: 20vh; } 
}
@media only screen and (max-width: 479px) and (orientation: landscape) {
	section#block:not(._off) .block-site { bottom: 4vh; }
	section#block:not(._off) .text-wrap { bottom: 12vh; }
}
@media only screen and (max-width: 379px) { 
	section#block:not(._off) { padding-bottom: 12vh; }
	section#block:not(._off) .fixed-wrap._fixed { bottom: 12vh; }
	section#block:not(._off) .block-site { bottom: 0; }
}
*/


/*
	if(w > 1199) browserSize = 0;		// 1200	~
	else if(w > 1060) browserSize = 1;	// 1061	~ 1199
	else if(w > 991) browserSize = 2;	// 992	~ 1060
	else if(w > 767) browserSize = 3;	// 768	~ 991
	else if(w > 479) browserSize = 4;	// 480	~ 767
	else browserSize = 5;				// 		~ 480
*/


/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */
/* 2-2. template **************************************************************************************************** */

section#template {}
section#template .template-text { margin-bottom: 80px; }
section#template .template-item {
	overflow: hidden;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16);
}

@media only screen and (min-width: 768px) {
	section#template { max-width: 100%; overflow: hidden; }
	section#template .container { margin: 0; width: 100%; }
	section#template .template-site { height: 39vw; padding-left: 0; padding-right: 0; }

	section#template .template-wrap:before, 
	section#template .template-wrap:after { content: ' '; display: table; clear: both; }
	section#template .template-wrap { width: calc(150vw + 48px); position: absolute; }
	section#template .template-wrap img { min-width: 100%; }
	section#template .template-wrap.left { left: -29vw; top: 0; }
	section#template .template-wrap.right { left: -20vw; bottom: 0; }
	section#template .template-item { width: 30vw; height: auto; display: inline-block; float: left; }
	section#template .template-item + .template-item { margin-left: 12px; }
}
@media only screen and (min-width: 992px) {
	section#template .template-wrap { width: calc(150vw + 60px); }
	section#template .template-item + .template-item { margin-left: 15px; }
}
@media only screen and (min-width: 1200px) {
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	section#template .template-text { margin-bottom: 64px; }
}
@media only screen and (max-width: 767px) {
	section#template .template-text { margin-bottom: 80px; }
	section#template .template-site { padding-left: 36px; padding-right: 36px; }
	section#template .template-wrap + .template-wrap,
	section#template .template-item + .template-item { margin-top: 32px; }
	section#template .template-item.template1,
	section#template .template-item.template6,
	section#template .template-item.template7,
	section#template .template-item.template8,
	section#template .template-item.template9,
	section#template .template-item.template10 { display: none; }
}
@media only screen and (max-width: 479px) {
	section#template .template-text { margin-bottom: 56px; }
}


/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */
/* 2-3. review ****************************************************************************************************** */

section#review { background-color: #fafafa; }
section#review .container { width: auto; margin: 0; }
section#review .review-wrap .swiper-container { padding: 10px 0px 20px; }
section#review .review-wrap .swp-none-box {
	position: absolute;
	top: 0; bottom: 0;
	height: 100%;
	background-color: rgba(250, 250, 250,0.8);
	z-index: 2;
}
section#review .review-wrap .swp-none-box.swpleft { left: 0; }
section#review .review-wrap .swp-none-box.swpright { right: 0; }
section#review .review-wrap ul li {
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
	background-color: #ffffff;
	float: left;
}
section#review .review-wrap ul li .re_subject {
	margin-bottom: 0;
	font-weight: normal;
	font-size: 18px; 
	letter-spacing: -0.54px;
	color: #222428;
	display: inline-block;
	width: 100%;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
}
section#review .review-wrap ul li .re_content {
	margin-top: 16px;
	margin-bottom: 22px;
	height: 88px;
	line-height: 22px;
	font-weight: 300;
	font-size: 14px;
	letter-spacing: -0.42px;
	color: #696c71;
	white-space: normal;
	word-wrap: break-word; 
	display: block; /* Fallback for non-webkit */
	display: -webkit-box; 
	-webkit-line-clamp: 4; 
	-webkit-box-orient: vertical;
	overflow :hidden;
}
section#review .review-wrap ul li .re_star svg { fill: #b1b3b7; }
section#review .review-wrap ul li .re_star svg.active { fill: #fed433; }
section#review .review-wrap ul li .re_star svg + svg { margin-left: 4px; }
section#review .review-wrap ul li .re_id {
	float: right;
	font-weight: 300;
	font-size: 14px; 
	letter-spacing: -0.42px;
	color: #b1b3b7;
}
section#review .review-wrap .slider-control {
	display: inline-block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3;
	width: 40px; height: 40px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(0,0,0,0.5);
}
section#review .review-wrap .slider-control svg { fill: #fff; margin: 8px; }

@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1200px) {
	section#review .review-text { margin-bottom: 92px; }
	section#review .btn-wrap { margin-top: 48px; }
	section#review .review-wrap ul li { padding: 48px 40px; }
	section#review .review-wrap ul li .re_subject  { font-size: 20px; letter-spacing: -0.6px; }
	section#review .review-wrap ul li .re_content { margin-top: 20px; height: 104px; line-height: 26px; font-size: 16px; letter-spacing: -0.48px; }
	section#review .review-wrap ul li .re_id { font-size: 13px; letter-spacing: -0.42px; }
	section#review .review-wrap .swp-none-box { width: 25%; }
	section#review .review-wrap .slider-control.left { left: calc(25% - 20px); }
	section#review .review-wrap .slider-control.right { right: calc(25% - 18px); }
}
@media only screen and (min-width: 1320px) {
	section#review .review-wrap .swp-none-box { width: 20%; }
	section#review .review-wrap .slider-control.left { left: calc(20% - 20px); }
	section#review .review-wrap .slider-control.right { right: calc(20% - 18px); }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	section#review .review-text { margin-bottom: 80px; }
	section#review .btn-wrap { margin-top: 44px; }
	section#review .review-wrap ul li { padding: 44px 24px; }
	section#review .review-wrap ul li .re_content { height: 88px; line-height: 22px; }
	section#review .review-wrap .slider-control.left { left: 20px }
	section#review .review-wrap .slider-control.right { right: 18px }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	section#review .review-text { margin-bottom: 72px; }
	section#review .btn-wrap { margin-top: 36px; }
	section#review .review-wrap ul li { padding: 44px 24px; }
	section#review .review-wrap ul li .re_content { margin-bottom: 42px; }
	section#review .review-wrap .slider-control.left { left: 22px; }
	section#review .review-wrap .slider-control.right { right: 24px; }
}
@media only screen and (max-width: 767px) {
	section#review .review-text { margin-bottom: 56px; }
	section#review .btn-wrap { margin-top: 36px; }
	section#review .review-wrap ul li { padding: 48px 24px; }
	section#review .review-wrap ul li .re_subject { font-size: 20px; letter-spacing: -0.6px; }
	section#review .review-wrap ul li .re_content { margin-top: 20px; margin-bottom: 54px; }
	section#review .review-wrap ul li .re_id { font-size: 13px; letter-spacing: -0.39px; }
	section#review .review-wrap .slider-control { width: 36px; height: 36px; }
	section#review .review-wrap .slider-control.left { left: 35px; }
	section#review .review-wrap .slider-control.right { right: 37px; }
	section#review .review-wrap .slider-control svg { margin: 7px; width: 22px; height: 22px; }
}
@media only screen and (max-width: 639px) {
	section#review .review-wrap .slider-control.left { left: 18px; }
	section#review .review-wrap .slider-control.right { right: 20px; }
}
@media only screen and (max-width: 479px) {
	section#review .review-item { padding: 48px 32px; }
	section#review .review-wrap .slider-control.left { left: 12px; }
	section#review .review-wrap .slider-control.right { right: 14px; }
}

/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */
/* 2-4. detail ****************************************************************************************************** */

section#detail {}
section#detail .fc-point { color: #2f81f5; }
section#detail .detail-wrap { margin: 0 auto; }
section#detail .detail-item { float: left; }
section#detail .detail-item .detail-icon { 
	display: inline-block;
	width: 92px; 
	height: 92px; 
	padding-top: 22px;
	background-color: #f8f8f8;
	-moz-border-radius: 50%; 
	border-radius: 50%; 
	overflow: hidden;
}
section#detail .detail-item .detail-icon svg { fill: #2f81f5; }
section#detail .detail-item p { margin-top: 24px; margin-bottom: 0; font-size: 16px; letter-spacing: -0.48px; }

@media only screen and (min-width: 991px) {
	section#detail .detail-item { width: 25% }
	section#detail .detail-item:nth-child(n+5) { margin-top: 121px; }
	section#detail .detail-item:nth-child(4n+1) { clear: left; }
}
@media only screen and (min-width: 1200px) {
	section#detail .detail-text { margin-bottom: 92px; }
	section#detail h1 { letter-spacing: -1.68px; }
	section#detail .btn-wrap { margin-top: 48px; }
	/*section#detail .detail-wrap { width: 98%; }*/
	section#detail .detail-item .detail-icon { width: 100px; height: 100px; padding-top: 26px; }
	section#detail .detail-item p { margin-top: 32px; font-size: 18px; letter-spacing: -0.54px; }
	section#detail .detail-bottom { padding-top: 30px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	section#detail .detail-text { margin-bottom: 80px; }
	section#detail .btn-wrap { margin-top: 44px; }
	/*section#detail .detail-wrap { width: 80%; }*/
	section#detail .detail-bottom { padding-top: 25px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	section#detail .detail-text { margin-bottom: 72px; }
	section#detail .btn-wrap { margin-top: 36px; }
	section#detail .detail-wrap { width: auto; margin-left: 50px; margin-right: 50px; }
}

@media only screen and (max-width: 991px) {
	section#detail .detail-item { width: 50% }
	section#detail .detail-item:nth-child(n+3) { margin-top: 72px; }
	section#detail .detail-item:nth-child(2n+1) { clear: left; }
	section#detail .detail-bottom { padding-top: 20px; }
}
@media only screen and (max-width: 767px) {
	section#detail .detail-text { margin-bottom: 60px; }
	section#detail .btn-wrap { margin-top: 36px; }
	section#detail .detail-wrap { width: auto; margin-left: 68px; margin-right: 68px; }
	section#detail .detail-item .detail-icon { width: 72px; height: 72px; padding-top: 12px; }
	section#detail .detail-item p { margin-top: 20px; }
}
@media only screen and (max-width: 479px) {
	section#detail .detail-wrap { width: auto; margin-left: 22px; margin-right: 22px; }

}
/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */
/* 2-5. plan ******************************************************************************************************** */

section#plan { background-color: #fafafa; }
section#plan .container { margin: 0; width: 100%; max-width: 100%; }
section#plan .plan-item { float: left; }
section#plan .plan-item .plan-box {
	width: 100%;
	height: 100%;
	background-color: #fff;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
	box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.08);
}
section#plan .plan-item h5 {
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 500;
	font-size: 22px; 
	letter-spacing: -0.66px;
	color: #222428;
}
section#plan .plan-item .plan-price {
	margin-top: 24px; 
	font-size: 14px; 
	letter-spacing: -0.42px;
	color: #b1b3b7;
}
section#plan .plan-item .plan-price > span {
	padding-right: 6px;
	font-weight: bold;
	font-size: 30px; 
	letter-spacing: -0.9px;
	color: #2f81f5;
}
section#plan .plan-item .plan-org-price {
	color: #b1b3b7;
	font-size: 20px;
	padding-top: 6px;
	height: 30px;
}
section#plan .plan-item .plan-org-price > span { position: relative; }
section#plan .plan-item .plan-org-price:not(.none) > span:before {
	content: ' ';
	display: inline-block;
	position: absolute;
	top: 50%; left: -2px;
	width: 88px;
	height: 2px;
	background-color: #b1b3b7;
}
section#plan .plan-item .plan-org-price.w-short > span:before { width: 77px; }
section#plan .plan-item p {
	margin-top: 24px;
	margin-bottom: 40px;
	font-size: 14px;
	letter-spacing: -0.42px;
	color: #696c71;
}
section#plan .plan-item .btn-wrap .btn.btn-line {
	background-color: #fff;
	border: 1px solid #2f81f5;
	color: #2f81f5;
}
section#plan .plan-info { color:#c6c8cb; font-size: 13px; letter-spacing: -0.39px; margin-top: 20px; }
section#plan .plan-btn { color: #2f81f5; font-size: 20px; letter-spacing: -0.6px; margin-top: 40px; cursor: pointer; }
section#plan .plan-btn svg { fill: #2f81f5; transform: translateY(3px); margin-left: 2px; }

section#plan .hidden-xs { display: inline!important; }

@media only screen and (min-width: 992px) {
	section#plan .plan-item { width: 25%; }
}
@media only screen and (min-width: 1200px) {
	section#plan .container { margin: 0 auto; width: 1200px; }
	section#plan .plan-text { margin-bottom: 80px; }
	section#plan .plan-item { width: 25%; padding: 0 15px; }
	section#plan .plan-item .plan-box { height: 423px; padding: 48px 5px; }
	section#plan .plan-item h5 { font-size: 26px; letter-spacing: -0.78px; }
	section#plan .plan-item .plan-price { margin-top: 32px; font-size: 16px; letter-spacing: -0.48px; }
	section#plan .plan-item .plan-price > span { padding-right: 8px; font-size: 34px; letter-spacing: -1.02px; }
	section#plan .plan-item p { margin-top: 36px; margin-bottom: 48px; font-size: 16px; letter-spacing: -0.48px; }
	section#plan .plan-item .btn-wrap .btn { min-width: 182px; padding: 10px 5px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	section#plan .plan-text { margin-bottom: 72px; }
	section#plan .plan-list { padding-left: 18px; padding-right: 18px; }
	section#plan .plan-item { width: 25%; padding: 0 8px; }
	section#plan .plan-item .plan-box { height: 377px; padding: 44px 5px; }
	section#plan .plan-item .plan-price { margin-top: 28px; }
	section#plan .plan-item p { margin-top: 32px; margin-bottom: 40px; }
	section#plan .plan-item .btn-wrap .btn { min-width: 175px; padding: 10px 5px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	section#plan .plan-text { margin-bottom: 64px; }
	section#plan .plan-list { padding-left: 12px; padding-right: 12px; }
	section#plan .plan-item { padding: 0 12px; }
	section#plan .plan-item .plan-box { height: 369px; padding: 40px 5px; }
	section#plan .plan-item p { margin-top: 32px; }
	section#plan .plan-item .btn-wrap .btn { min-width: 180px; padding: 10px 5px; }
	section#plan .plan-btn { font-size: 18px; letter-spacing: -0.54px; margin-top: 36px; }
}
@media only screen and (max-width: 991px) {
	section#plan .plan-item { width: 50%; }
	section#plan .plan-item:nth-child(n+3) { margin-top: 36px; }
	section#plan .plan-item:nth-child(2n+1) { clear: left; }
}
@media only screen and (max-width: 767px) {
	section#plan .container { padding-left: 15px; padding-right: 15px; }
	section#plan .row { margin-left: -15px; margin-right: -15px; }
	section#plan .plan-list { padding-left: 10px; padding-right: 10px; }
	section#plan .plan-text { margin-bottom: 56px; }
	section#plan .plan-item { padding: 0 6px; }
	section#plan .plan-item .plan-box { height: 298px; padding: 32px 5px; }
	section#plan .plan-item:nth-child(n+3) { margin-top: 15px; }
	section#plan .plan-item h5 { font-size: 20px; letter-spacing: -0.6px; }
	section#plan .plan-item .plan-price { margin-top: 20px; font-size: 13px; letter-spacing: -0.39px; }
	section#plan .plan-item .plan-price > span { padding-right: 4px; font-size: 22px; letter-spacing: -0.66px; }
	section#plan .plan-item .plan-org-price { font-size: 16px; padding-top: 3px; height: 24px; }
	section#plan .plan-item .plan-org-price:not(.none) > span:before { width: 71px; height: 1px; }
	section#plan .plan-item .plan-org-price.w-short > span:before { width: 62px; }
	section#plan .plan-item p { margin-top: 28px; margin-bottom: 32px; }
	section#plan .plan-item .btn-wrap .btn { min-width: 160px; padding: 6px 5px; }
	section#plan .plan-btn { font-size: 16px; letter-spacing: -0.48px; margin-top: 32px; }
	section#plan .plan-btn svg { width: 16px; height: 16px; transform: translateY(2px); }
	section#plan .hidden-xs { display: none!important; }
}
@media only screen and (max-width: 479px) {
	section#plan .plan-item .plan-box { height: 306px; }
	section#plan .plan-item p { margin-bottom: 20px; }
	section#plan .plan-item p.l-s-xs { letter-spacing: -1.3px;  }
	section#plan .plan-item .plan-org-price { padding-top: 3px; height: 30px; }
	section#plan .plan-item .plan-org-price > span { font-size: 18px; }
	section#plan .plan-item .btn-wrap .btn { min-width: 126px; }
}
/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */
/* 2-6. last ******************************************************************************************************** */

section#last { min-height: 100%; padding-top: 25vh; }
section#last .btn-wrap .btn {
	min-width: 260px; 
	padding: 15px 5px;
	font-size: 20px; 
	letter-spacing: -0.6px;
	-moz-border-radius: 36px;
	border-radius: 36px;
}


@media only screen and (min-width: 1200px) {
	section#last { /*padding-top: 240px;*/ padding-bottom: 240px; }
	section#last .btn-wrap { margin-top: 80px; }
	section#last .btn-wrap .btn { min-width: 320px; padding: 20px 5px; font-size: 22px; letter-spacing: -0.66px; }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	section#last { /*padding-top: 216px;*/ padding-bottom: 216px; }
	section#last .btn-wrap { margin-top: 72px; }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	section#last { /*padding-top: 200px;*/ padding-bottom: 200px; }
	section#last .btn-wrap { margin-top: 68px; }
}
@media only screen and (max-width: 767px) {
	section#last { /*padding-top: 88px;*/ padding-bottom: 120px; }
	section#last .btn-wrap { margin-top: 48px; }
	section#last .btn-wrap .btn { min-width: 240px; padding: 14px 5px; font-size: 17px; letter-spacing: -0.51px; line-height: 1.3; }
}

/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */
/* J.20220426. 졸업전시회 ******************************************************************************************** */

#event_gradu { color:#222428; font-family: Noto Sans KR; }
#event_gradu p { margin-bottom: 0; }
#event_gradu section { background-color: #f3f4f9; }
#event_gradu section:nth-child(2n) { background-color: #fff; }
#event_gradu h1.title { font-size: 45px; font-weight: 500; }
#event_gradu .btn-wrap .btn { border-radius: 50px;padding: 12px 5px;font-size: 24px;min-width: 222px; }
/*@media  only screen and (max-width: 479px){
	#event_gradu section { background-color: #fff; }
	#event_gradu section:nth-child(2n) { background-color: #f3f4f9; }
}*/

#event_gradu #header {
	background:url('//storage.googleapis.com/i.addblock.net/land/img_gradu_mainBg_v2.jpg') no-repeat 50% 0%;
	background-repeat: no-repeat;
	width:100%;
	text-align: center;
	position: relative;
	padding: 0px;
	line-height: normal;
	font-weight: 300;
	background-size: cover;
	overflow: hidden;
	height: 1044px; padding-top: 40px;
}
#event_gradu #header .slide_box_wrap {
	max-width: 1320px;
	width:100%;
	box-sizing: border-box;
	margin:auto;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	bottom: 0;
	padding:0px 20px;
}
#event_gradu #header .slide_box {
	position: relative;
	padding-bottom: 37.9%;
    height: 0;
    overflow: hidden;
    background:url('//storage.googleapis.com/i.addblock.net/land/img_gradu_box_v2.png') no-repeat 50% 0%;
	background-repeat: no-repeat;
	background-size: cover;
}
#event_gradu #header .slide_box_empty { width:100%; display: none; background-color: #fbfbfb; }

#event_gradu p span { font-weight: 500; }
#event_gradu #header .header_text .text { color:#484b50; font-size: 24px; margin-bottom: 10px; }
#event_gradu #header .header_text .headtitle { color:#222428; font-size: 56px; line-height: 1.3; letter-spacing: -1.4px; }
#event_gradu #header .gradu_slide_box {
	top: 268px;
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
}
#event_gradu #header .gradu_slide {
	background:url('//storage.googleapis.com/i.addblock.net/land/img_gradu_macbook.png') no-repeat 50% 0%;
	background-repeat: no-repeat;
	width: 594px;
	height:410px;
	margin:auto;
	background-size: cover;
	z-index: 1;
    position: relative;
}
#event_gradu #header .gradu_slide_box .carousel {
	position: absolute; top: 23px;
	width:472px; height:278px; margin: auto;
	left: 50%;
	transform: translateX(-50%);
}

#event_gradu #header .event_info {
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	width: 100%;
	max-width: 1280px;
	bottom: 56px;
}
#event_gradu #header .event_info .info_icon ul {
	display: flex;
	padding: 0px 50px;
    justify-content: space-around;
}
#event_gradu #header .event_info .info_icon li {
	text-align: left;
	color:#474747;
	font-size: 18px;
	font-weight: normal;
	display: flex;
	align-items: center;
}
#event_gradu #header .event_info .info_icon li svg {
	fill: #2F81F5;
	margin-right: 16px;
}
#event_gradu #header .event_info .info_icon li span { display: inline-block;line-height: 1.3; }

#event_gradu #header .event_info .info_text { font-size: 20px; text-align: left; margin-top: 60px; position: relative; padding: 0px 144px 0px 120px; }
#event_gradu #header .event_info .info_text svg { fill: #000; margin:0px 8px;padding: 2px; }
#event_gradu #header .event_info .info_text p { margin-bottom: 18px; }
#event_gradu #header .event_info .info_text p:last-child { margin-bottom: 0px; }
#event_gradu #header .event_info .info_text p span:nth-child(1) { width:81px; display: inline-block; }
#event_gradu #header .event_info .info_text p span:nth-child(2) { font-weight: 300;margin-left: 55px;color:#676767;display: inline-block; word-break: keep-all; }
#event_gradu #header .event_info .info_text .btn-wrap { position: absolute; right: 144px; top: 50%; transform: translateY(-50%); }
#event_gradu #header .header_text .headtitle .not-pc { display: none; }

@media  only screen and (max-width: 1199px){
	#event_gradu #header { height: 936px; padding-top: 40px; }
	#event_gradu #header .slide_box_wrap { max-width: 980px; }
	#event_gradu #header .header_text .text { font-size: 20px;margin-bottom: 18px; }
	#event_gradu #header .header_text .headtitle { font-size: 54px; }
	#event_gradu #header .gradu_slide_box { top: 268px; }
	#event_gradu #header .gradu_slide { width: 603px; height:396px;/*	top: 380px;*/ }
	#event_gradu #header .gradu_slide .carousel { width: 475px; height:282px;transform: translateY(22px); }
	#event_gradu #header .event_info { max-width: 940px; margin:auto; bottom: 22px; }
	#event_gradu #header .event_info .info_icon li,
	#event_gradu #header .event_info .info_text { font-size: 16px; }
	#event_gradu #header .event_info .info_text { padding:0px 58px;margin-top: 40px; }
	#event_gradu #header .event_info .info_text .btn-wrap { right: 58px; }
	/*#event_gradu #header .event_info .info_text .btn-wrap .btn { min-width: 175px; padding: 10px 0px; font-size: 18px; }*/
}
@media  only screen and (max-width: 991px){
	#event_gradu #header .header_text .text { font-size: 18px; margin-bottom: 16px; }
	#event_gradu #header .header_text .headtitle { font-size: 42px; }

	#event_gradu #header { height: 825px; padding-top: 60px; }
	#event_gradu #header .slide_box_wrap { max-width: 760px; }
	#event_gradu #header .gradu_slide_box { top: 260px; }
	#event_gradu #header .gradu_slide { width: 463px; height:303px;/*top:264px;*/ }
	#event_gradu #header .gradu_slide_box .carousel { width: 366px; height:215px; top: 16px;/*transform: translateY(17px);*/ }

	#event_gradu #header .event_info { max-width: 720px; padding-top: 0; bottom: 34px; }
	#event_gradu #header .event_info .info_text { padding:0px 45px; }
	#event_gradu #header .event_info .info_icon li  { font-size: 14px; }
	#event_gradu #header .event_info .info_text { font-size: 15px; margin-top: 34px; }
	#event_gradu #header .event_info .info_text p { margin-bottom: 12px; }
	#event_gradu #header .event_info .info_text p span:nth-child(1) { width: 56px; }
	#event_gradu #header .event_info .info_text p span:nth-child(2) { margin-left: 43px; }
	#event_gradu #header .event_info .info_text .btn-wrap { right:45px; }
	#event_gradu #header .event_info .info_icon li svg { width:48px; height:48px; }
	#event_gradu #header .slide_box_empty { height:50px; display: block; }

	#event_gradu #header .event_info .info_text .btn-wrap { right: 45px; }
	/*#event_gradu #header .event_info .info_text .btn-wrap .btn { min-width: 160px; padding: 8px 0px; }*/
}
@media  only screen and (max-width: 767px){
	#event_gradu #header .header_text .text { font-size: 16px; margin-bottom: 14px; }
	#event_gradu #header .header_text .headtitle { font-size: 36px; }
	#event_gradu #header .header_text .visible-xs { display: none !important; }
	#event_gradu #header .header_text .headtitle .not-pc { display: block; }

	#event_gradu #header { height: 870px; padding-top: 48px; }

	#event_gradu #header .slide_box_wrap { max-width: 488px;padding: 0px 16px; }
	#event_gradu #header .slide_box_empty { height:280px; }
	#event_gradu #header .gradu_slide_box { top: 270px; }
	#event_gradu #header .gradu_slide { width: 286px; height:190px;/*top: 278px;*/ }
	#event_gradu #header .gradu_slide_box .carousel { width: 226px; height:134px;top: 11px;/*transform: translateY(10px);*/ }
	
	#event_gradu #header .event_info { max-width: 456px;bottom:60px; }
	#event_gradu #header .event_info .info_icon ul { padding:0 20px; }
	#event_gradu #header .event_info .info_icon li { flex-direction: column; text-align: center;font-size: 13px; }
	#event_gradu #header .event_info .info_icon li svg { margin: 0px; }
	#event_gradu #header .event_info .info_text p { margin-bottom: 17px; }
	#event_gradu #header .event_info .info_text p span:nth-child(1) { vertical-align: top; }
	#event_gradu #header .event_info .info_text p span:nth-child(2) { width: calc(100% - 100px);margin-left: 40px; }
	#event_gradu #header .event_info .info_text svg { width: 10px; height: 10px; }

	#event_gradu #header .event_info .info_text .btn-wrap {
		position: relative;
		top: unset;
		right:unset;
		transform: unset;
		text-align: center;
		margin-top: 48px;
	}
	#event_gradu #header .event_info .info_text .btn-wrap .btn { min-width: 180px; padding: 11px 0px; font-size:18px; }
	#event_gradu #header .event_info .info_text { margin-top:40px;padding: 0px 20px;font-size: 14px; }

}
@media  only screen and (max-width: 479px){
	#event_gradu #header {
		height: auto;
		padding-top: 40px;
		padding-bottom: 50px;
		background:url('//storage.googleapis.com/i.addblock.net/land/img_gradu_mainBg2.jpg') no-repeat 50% 0%;
		background-size: cover;
	}
	#event_gradu #header .header_text .text { font-size: 16px; }
	#event_gradu #header .header_text .headtitle { font-size: 32px; word-break: keep-all; }
	#event_gradu #header .header_text .visible-xs { display: block !important; }
	#event_gradu #header .slide_box_wrap { padding:0px;top: 400px; }

	#event_gradu #header .gradu_slide_box {position: relative; top:unset; left:unset; transform:unset;margin-top: 34px;}
	#event_gradu #header .gradu_slide { width: 230px; height:160px; position: relative; top:unset; left:unset; transform:unset; }
	#event_gradu #header .gradu_slide_box .carousel { width: 183px; height:107px; top: 8px;/*transform: translateY(8px);*/ }

	#event_gradu #header .event_info { padding-top: 28px; }
	#event_gradu #header .event_info .info_icon ul { padding:0px; justify-content: space-between; }
	#event_gradu #header .event_info .info_text { padding: 0px;margin-top: 42px; }
	#event_gradu #header .event_info { max-width: 100%; position: relative; top:unset; bottom: unset; left:unset; transform:unset; padding-left: 20px; padding-right: 20px; }

	
	#event_gradu #header .event_info .info_text svg { width:10px; height: 10px; padding:1px; }
	#event_gradu #header .slide_box_empty { height:500px; }
}

#event_gradu #intro { padding:0; }
#event_gradu #intro .container { width: 100%; }
#event_gradu #intro .intro_img { text-align: right; }
#event_gradu #intro .intro_text_box { position: relative; height:570px; }
#event_gradu #intro .intro_text { position:absolute;top:50%; transform:translateY(-50%);line-height: normal; padding-left: 80px; }
#event_gradu #intro .intro_text p { font-size: 28px; text-align: left; margin-bottom: 40px; font-weight: 300;position: relative;padding-left: 58px;word-break: keep-all;letter-spacing: -0.7px; }

#event_gradu #intro .intro_text p:last-child { margin-bottom: 0px; }
#event_gradu #intro .intro_text svg { fill: #DA091D;position: absolute;top: 7px;left:0; }

@media  only screen and (max-width: 1199px){
	#event_gradu #intro { padding-bottom: 100px; }
	#event_gradu #intro .container { width: auto; }
	#event_gradu #intro .intro_box > div { width: 100%; }
	#event_gradu #intro .intro_img { text-align: center; }
	#event_gradu #intro .intro_text { position: relative; top: unset; transform: unset; }
	#event_gradu #intro .intro_text_box { position: relative; height:auto; }
	#event_gradu #intro .intro_text { max-width: 500px; margin: auto;padding-left: 30px; }
	#event_gradu #intro .intro_text p { font-size: 24px; margin-bottom: 36px;padding-left: 49px;letter-spacing: -0.6px; }
	/*#event_gradu #intro .intro_text svg { top: unset; }*/
	#event_gradu #intro .intro_text svg { width: 30px; height:30px; top: 5px; }
}
@media  only screen and (max-width: 991px){
	#event_gradu #intro { padding-bottom: 100px; }
	#event_gradu #intro .intro_img { padding:0px 45px; }
	#event_gradu #intro .intro_text { max-width: 530px;padding-left: 50px; }
	/*#event_gradu #intro .intro_text p { font-size: 30px; margin-bottom: 42px; }*/
	/*#event_gradu #intro .intro_text svg { width: 30px; height:30px; top: 6px; }*/
}
@media  only screen and (max-width: 767px){
	#event_gradu #intro { padding-bottom: 70px; }
	#event_gradu #intro .intro_text { max-width: 360px;padding-left: 0px; }
	#event_gradu #intro .intro_img { padding:0px; }
	/*#event_gradu #intro .intro_text p { font-size: 24px; margin-bottom: 32px;padding-left: 40px; }*/
	#event_gradu #intro .intro_text p { font-size: 20px; margin-bottom: 32px;padding-left: 45px;letter-spacing: -0.5px; }
	#event_gradu #intro .intro_text svg { width: 25px; height:25px; top: 2px; }
	#event_gradu #intro .intro_text .visible-xs { display: none !important; }
}
@media  only screen and (max-width: 479px){
	#event_gradu #intro { padding-bottom: 60px; }
	#event_gradu #intro .intro_img { padding: 0px; }
	#event_gradu #intro .intro_text {  }
	#event_gradu #intro .intro_text .visible-xs { display: block !important; }
}
@media  only screen and (max-width: 359px){
	#event_gradu #intro .intro_text .visible-xs { display: none !important; }
}


/* ****************************************************************************************************************** */
/* J.20220607. 졸업전시회_2차 **************************************************************************************** */
#event_gradu[data-type="gradu2"] #header {
	background:none;
	height:auto;
	padding: 0px;
}
#event_gradu[data-type="gradu2"] .plan-link {
	font-size: 13px;
	color: #8f8f8f;
	font-weight: normal;
	margin-left: 15px;
	text-decoration: underline;
}
#event_gradu[data-type="gradu2"] .plan-link:after {
	display: block;
	content:'';
}
#event_gradu[data-type="gradu2"] #header .full-width {
	display: flex;
    position: relative;
}
#event_gradu[data-type="gradu2"] #header .left-box {
	background:url('//storage.googleapis.com/i.addblock.net/land/img_gradu2_bg.jpg') no-repeat 50% 0%;
	background-size: cover;
	width:100%;
	flex-grow: 1;
}
#event_gradu[data-type="gradu2"] #header .slide-wrap-box {
	margin-top: 160px;
}
#event_gradu[data-type="gradu2"] #header .slide-wrap {
	background:url('//storage.googleapis.com/i.addblock.net/land/img_gradu2_macbook.png') no-repeat 50% 0%;
	background-size: cover;
	max-width: 887px;
	height: 600px;
	margin:auto;
	position: relative;
}
#event_gradu[data-type="gradu2"] #header .slide-wrap .slide {
	position: absolute;
    top: 32px;
    right: 95px;
}
#event_gradu[data-type="gradu2"] #header .slide-wrap .fiexd-main {
	position: absolute;
    top: 32px;
    left: 96px;
    z-index: 1;
}
#event_gradu[data-type="gradu2"] #header .responsive-slide .item,
#event_gradu[data-type="gradu2"] #header .pc-slide .item { transition-timing-function: cubic-bezier(.78,0,.2,1); }

#event_gradu[data-type="gradu2"] #header .pc-slide .item img { height: 417px; }
#event_gradu[data-type="gradu2"] #header .slide-wrap img { height: 417px; }
#event_gradu[data-type="gradu2"] #header .slide-box {
	max-width: 1100px;
	width: 100%;
	position: absolute;
    bottom: 0;
}

#event_gradu[data-type="gradu2"] #header .left-box,
#event_gradu[data-type="gradu2"] #header .right-box {
}
#event_gradu[data-type="gradu2"] #header:after {
	content:"";
	clear: both;
}
#event_gradu[data-type="gradu2"] #header .left-box .main-text { display: none; }
#event_gradu[data-type="gradu2"] #header .right-box .main-text { display: block; margin-bottom: 60px; }
#event_gradu[data-type="gradu2"] #header .right-box {
	text-align: left;
	padding-left: 100px;
	padding-top: 90px;
	width: 920px;
	max-width: 50%;
	flex-shrink: 0;
}
#event_gradu[data-type="gradu2"] #header .full-width {
	color:#4d4d4d;
}
#event_gradu[data-type="gradu2"] #header .full-width .pc-slide-box {
	position: absolute;transform-origin: bottom left; bottom:0; transform: scale(1);
}
#event_gradu[data-type="gradu2"] #header .full-width .pc-slide { position: relative; }
#event_gradu[data-type="gradu2"] #header .full-width .pc-slide .slide { position: absolute; top: 32px; right: 247px; }
#event_gradu[data-type="gradu2"] #header .responsive-slide { display: none; }
#event_gradu[data-type="gradu2"] #header .full-width h1 {
	display: inline-block;
	font-size: 24px;
	color:#fff;
	background-color: #00bcd4;
	line-height: 40px;
	padding: 0px 16px;
	letter-spacing: -0.72px;
}
#event_gradu[data-type="gradu2"] #header .full-width p.text1 {
	font-size: 80px;
	letter-spacing: -6px;
	font-weight: 500;
}
#event_gradu[data-type="gradu2"] #header .full-width p.text2 {
	font-size: 40px;
	letter-spacing: -3px;
}
#event_gradu[data-type="gradu2"] #header .full-width p.text2 b { font-weight: 500; }
#event_gradu[data-type="gradu2"] #header .right-box .info-text {

}
#event_gradu[data-type="gradu2"] #header .right-box .info-text li {
	margin-bottom: 20px;
	font-size: 20px;
}
#event_gradu[data-type="gradu2"] #header .right-box .info-text li:last-child { margin-bottom: 0px; }
#event_gradu[data-type="gradu2"] #header .right-box .info-text li span:first-child {
	width:74px;
	margin-right: 82px;
	display: inline-block;
	vertical-align: top;
	color:#4d4d4d;
	font-weight: bold;
}
#event_gradu[data-type="gradu2"] #header .right-box .info-text li span:last-child {
	display: inline-block;
	color:#676767;
}
#event_gradu[data-type="gradu2"] #header .right-box .info-text li:nth-child(2) span:last-child {
	font-size: 26px;
	color:#00bcd4;
	font-weight: bold;
	line-height: 45px;
}
#event_gradu[data-type="gradu2"] #header .right-box .btn-box {
	text-align: right;
	max-width: 674px;
	margin-top: 60px;
}
#event_gradu[data-type="gradu2"] #header .right-box .btn-box div {
	display: inline-block;
	vertical-align: middle;
}
#event_gradu[data-type="gradu2"] #header .right-box .btn-box .btn-share {
	border:1px solid #00bcd4;
	text-align: center;
	padding: 13px 15px 10px 12px;
	border-radius: 50%;
	margin-left: 20px;
	cursor: pointer;
}

#event_gradu[data-type="gradu2"] #intro {
	padding:140px 0px 150px;
}
#event_gradu[data-type="gradu2"] #intro ul {
	max-width: 870px;
	margin:auto;
}
#event_gradu[data-type="gradu2"] #intro ul li {
	margin-bottom: 39px;
}
#event_gradu[data-type="gradu2"] #intro ul li:last-child { margin-bottom: 0px; }
#event_gradu[data-type="gradu2"] #intro ul li:nth-child(1) svg { transform: rotate(-74deg); }
#event_gradu[data-type="gradu2"] #intro ul li:nth-child(1) svg,
#event_gradu[data-type="gradu2"] #intro ul li:nth-child(3) svg { margin-right: 48px; }
#event_gradu[data-type="gradu2"] #intro ul li:nth-child(2) svg,
#event_gradu[data-type="gradu2"] #intro ul li:nth-child(4) svg { margin-left: 48px; }
#event_gradu[data-type="gradu2"] #intro ul li:nth-child(1),
#event_gradu[data-type="gradu2"] #intro ul li:nth-child(3) { text-align: left; }
#event_gradu[data-type="gradu2"] #intro ul li:nth-child(2),
#event_gradu[data-type="gradu2"] #intro ul li:nth-child(4) { text-align: right; }
#event_gradu[data-type="gradu2"] #intro ul li svg,
#event_gradu[data-type="gradu2"] #intro ul li p {
	display: inline-block;
	vertical-align: middle;
}
#event_gradu[data-type="gradu2"] #intro ul li > p {	font-size: 36px; font-weight: 300;letter-spacing: -0.9px; }
#event_gradu[data-type="gradu2"] #intro ul li > p > span { color:#4d4d4d; font-size: 43px; font-weight: bold;letter-spacing: -1.08px; }
#event_gradu[data-type="gradu2"] #intro ul li:nth-child(3) svg {
	fill: #00bcd4;
}
#event_gradu[data-type="gradu2"] section .btn-wrap .btn {
	background-color: #00bcd4;
}
#event_gradu[data-type="gradu2"] #notice .notice_text .content span {
	color: #00bcd4;
}

@media  only screen and (max-width: 1560px){
	#event_gradu[data-type="gradu2"] #header .full-width {
		display: block;
	}
	#event_gradu[data-type="gradu2"] #header .left-box {
		background: none;
		position: relative;
		max-width: 100%;
		margin-top: 20px;
	}
	#event_gradu[data-type="gradu2"] #header .full-width .pc-slide-box { display: none; }
	#event_gradu[data-type="gradu2"] #header .responsive-slide { display: block; }
	#event_gradu[data-type="gradu2"] #header .slide-wrap {
		max-width: 748px;
		height: 546px;
	}
	#event_gradu[data-type="gradu2"] #header .slide-box {
		left: 50%;
		transform: translateX(-50%);
	}
	#event_gradu[data-type="gradu2"] #header .slide-wrap img { height: 373px; }
	#event_gradu[data-type="gradu2"] #header .slide-wrap .fiexd-main {
		top:28px;
		left: 63px;
	}
	#event_gradu[data-type="gradu2"] #header .slide-wrap .slide {
		top:28px;
		right: 63px;
	}
	#event_gradu[data-type="gradu2"] #header .slide-wrap-box {
		margin-top: 0px;
	}
	#event_gradu[data-type="gradu2"] #header .full-width {
		margin:0px;
		text-align: center;
	}
	#event_gradu[data-type="gradu2"] #header .left-box .main-text { display: block; }
	#event_gradu[data-type="gradu2"] #header .right-box .main-text { display: none; }
	#event_gradu[data-type="gradu2"] #header .right-box { padding-left: 0px;max-width: 600px;margin: auto;padding-top: 40px; padding-bottom: 140px;width: 100%; }

	#event_gradu[data-type="gradu2"] #header .left-box .main-text { margin-bottom: 30px; }
	#event_gradu[data-type="gradu2"] #header .full-width h1 { font-size: 20px; }
	#event_gradu[data-type="gradu2"] #header .full-width p.text1 { font-size: 72px;letter-spacing: -5.4px; }
	#event_gradu[data-type="gradu2"] #header .full-width p.text2 { font-size: 36px;letter-spacing: -2.7px; }

	#event_gradu[data-type="gradu2"] #intro { padding: 0px 0px 130px; }
	#event_gradu[data-type="gradu2"] #intro ul { max-width: 690px; }
	#event_gradu[data-type="gradu2"] #header .right-box .info-text li { font-size: 18px;margin-bottom: 23px; }
	#event_gradu[data-type="gradu2"] #header .right-box .info-text li:nth-child(2) span:last-child { font-size: 24px;line-height: 42px; }
	#event_gradu[data-type="gradu2"] #intro ul li svg { width: 80px; height: 80px; }
	#event_gradu[data-type="gradu2"] #intro ul li:nth-child(1) svg,
	#event_gradu[data-type="gradu2"] #intro ul li:nth-child(3) svg { margin-right: 40px; }
	#event_gradu[data-type="gradu2"] #intro ul li:nth-child(2) svg,
	#event_gradu[data-type="gradu2"] #intro ul li:nth-child(4) svg { margin-left: 40px; }
	#event_gradu[data-type="gradu2"] #intro ul li > p {	font-size: 32px; }
	#event_gradu[data-type="gradu2"] #intro ul li > p > span { font-size: 38px; }
	#event_gradu[data-type="gradu2"] .btn-box .btn-wrap .btn { min-width: 200px;padding: 10px 0px 11px;font-size: 22px; }
	#event_gradu[data-type="gradu2"] #header .right-box .btn-box .btn-share svg { width:27px;height: 27px; }
	#event_gradu[data-type="gradu2"] #header .right-box .btn-box .btn-share { padding: 12px 14px 9px 11px; }
}
@media  only screen and (max-width: 1199px){
	#event_gradu[data-type="gradu2"] #header .slide-box {
		max-width: 940px;
		left: 50%;
		transform: translateX(-50%);
	}
	#event_gradu[data-type="gradu2"] #header .slide-wrap {
		max-width: 691px;
		height: 476px;
	}
	#event_gradu[data-type="gradu2"] #header .slide-wrap img { height: 325px; }
	#event_gradu[data-type="gradu2"] #header .slide-wrap .fiexd-main {
		top:25px;
		left: 75px;
	}
	#event_gradu[data-type="gradu2"] #header .slide-wrap .slide {
		top:25px;
		right: 74px;
	}
	#event_gradu[data-type="gradu2"] #header .slide-wrap-box {
		margin-top: 0px;
	}
	#event_gradu[data-type="gradu2"] #header .right-box .info-text li:nth-child(2) span:last-child {
		line-height: 38.4px;
	}
}
@media  only screen and (max-width: 991px){
	#event_gradu[data-type="gradu2"] #header .slide-box { max-width: 720px; }
	#event_gradu[data-type="gradu2"] #header .slide-wrap {
		max-width: 512px;
		height: 353px;
	}
	#event_gradu[data-type="gradu2"] #header .slide-wrap img { height: 242px; }
	#event_gradu[data-type="gradu2"] #header .slide-wrap .fiexd-main {
		top:18px;
		left: 55px;
	}
	#event_gradu[data-type="gradu2"] #header .slide-wrap .slide {
		top:18px;
		right: 55px;
	}
	#event_gradu[data-type="gradu2"] #header .right-box .info-text li { font-size: 18px;margin-bottom: 23px; }
	#event_gradu[data-type="gradu2"] #header .right-box .info-text li:nth-child(2) span:last-child { font-size: 24px;line-height: 42px; }
	#event_gradu[data-type="gradu2"] #intro ul li { margin-bottom: 44px; }
	#event_gradu[data-type="gradu2"] #intro ul li:nth-child(1) svg,
	#event_gradu[data-type="gradu2"] #intro ul li:nth-child(3) svg { margin-right: 20px; }
	#event_gradu[data-type="gradu2"] #intro ul li:nth-child(2) svg,
	#event_gradu[data-type="gradu2"] #intro ul li:nth-child(4) svg { margin-left: 20px; }
	#event_gradu[data-type="gradu2"] #intro ul li > p { font-size: 30px; }
	#event_gradu[data-type="gradu2"] #intro ul li > p > span { font-size: 36px; }
	#event_gradu[data-type="gradu2"] #intro ul li { margin-bottom: 40px; }
	#event_gradu[data-type="gradu2"] #header .full-width p.text1 { font-size: 70px; }
	#event_gradu[data-type="gradu2"] #header .full-width p.text2 { font-size: 34px;	}
}
@media  only screen and (max-width: 767px){
	#event_gradu[data-type="gradu2"] .plan-link { display: block; margin-left: 0px;padding: 5px 0px; }
	#event_gradu[data-type="gradu2"] #header .slide-box { max-width: 446px; }
	#event_gradu[data-type="gradu2"] #header .slide-wrap {
		max-width: 326px;
		height: 225px;
	}
	#event_gradu[data-type="gradu2"] #header .slide-wrap img { height: 153px; }
	#event_gradu[data-type="gradu2"] #header .slide-wrap .fiexd-main {
		top:12px;
		left: 35px;
	}
	#event_gradu[data-type="gradu2"] #header .slide-wrap .slide {
		top:12px;
		right: 35px;
	}
	#event_gradu[data-type="gradu2"] #header .full-width h1 { font-size: 14px;line-height: 28px;margin-bottom: 10px; }
	#event_gradu[data-type="gradu2"] #header .full-width p.text1 { font-size: 52px;letter-spacing: -3.38px; }
	#event_gradu[data-type="gradu2"] #header .full-width p.text2 { font-size: 28px;letter-spacing: -1.73px; }
	#event_gradu[data-type="gradu2"] #header .right-box { padding:40px 16px 90px 16px;max-width: 500px; }
	#event_gradu[data-type="gradu2"] #header .right-box .info-text li { font-size: 16px;margin-bottom: 16px; }
	#event_gradu[data-type="gradu2"] #header .right-box .info-text li span:first-child {
		width: 60px;
		margin-right: 50px;
	}
	#event_gradu[data-type="gradu2"] #header .right-box .info-text li:nth-child(2) span:last-child { font-size: 20px; line-height: 32px; }

	#event_gradu[data-type="gradu2"] #intro { padding: 0px 0px 100px; }
	#event_gradu[data-type="gradu2"] #intro ul { max-width: 676px; padding:0px 46px; }
	#event_gradu[data-type="gradu2"] #intro ul li { margin-bottom: 40px; }
	#event_gradu[data-type="gradu2"] #intro ul li svg { width: 50px; height: 50px; }
	#event_gradu[data-type="gradu2"] #intro ul li > p {	font-size: 22px; }
	#event_gradu[data-type="gradu2"] #intro ul li > p > span { font-size: 30px; }

	#event_gradu[data-type="gradu2"] .btn-box .btn-wrap .btn { font-size: 20px;min-width: 185px; }
}
@media  only screen and (max-width: 479px){
	#event_gradu[data-type="gradu2"] #header .full-width p.text1 { font-size: 42px;letter-spacing: -2.93px; }
	#event_gradu[data-type="gradu2"] #header .full-width p.text2 { font-size: 22px;letter-spacing: -1.35px; }
	#event_gradu[data-type="gradu2"] #header .right-box { padding:40px 16px 80px 16px; }
	#event_gradu[data-type="gradu2"] #header .right-box .info-text li span { display: block !important; }
	#event_gradu[data-type="gradu2"] #header .right-box .info-text li span:first-child { margin-bottom: 10px; }

	#event_gradu[data-type="gradu2"] #intro { padding-bottom: 80px; }
	#event_gradu[data-type="gradu2"] #intro ul { padding:0px 28px; }
	#event_gradu[data-type="gradu2"] #intro ul li svg { width: 46px; height: 46px; }
	#event_gradu[data-type="gradu2"] #intro ul li > p {	font-size: 18px; }
	#event_gradu[data-type="gradu2"] #intro ul li > p > span { font-size: 26px; }
	#event_gradu[data-type="gradu2"] #intro ul li:nth-child(1) svg,
	#event_gradu[data-type="gradu2"] #intro ul li:nth-child(3) svg { margin-right: 5px; }
	#event_gradu[data-type="gradu2"] #intro ul li:nth-child(2) svg,
	#event_gradu[data-type="gradu2"] #intro ul li:nth-child(4) svg { margin-left: 5px; }
}
/* ****************************************************************************************************************** */


#event_gradu #portfolio { padding-top: 100px; }
#event_gradu #portfolio .title { font-weight: 300; line-height: normal;padding-bottom: 50px; word-break: keep-all; }
#event_gradu #portfolio .title span { font-weight: 500; }
#event_gradu #portfolio .bestsite-type { margin-top: 0px; margin-bottom: 50px; }

#event_gradu #portfolio .bestsite-type .nav-tabs {
  border-bottom: 0 none;
  display: inline-block;
}
#event_gradu #portfolio .bestsite-type .nav-tabs > li + li { margin-left: 50px; }
#event_gradu #portfolio .bestsite-type .nav-tabs > li > a { 
  font-family: 'Noto Sans', 'Noto Sans KR';
  font-size: 18px; 
  font-weight: bold;
  color: #a6a6a6;
  border-radius: 0;
  padding: 3px 0;
}
#event_gradu #portfolio .bestsite-type .nav-tabs > li > a:hover ,
#event_gradu #portfolio .bestsite-type .nav-tabs > li > a:focus {
  border-bottom-width: 2px;
  border-color: transparent;
  background-color: transparent;
}
#event_gradu #portfolio .bestsite-type .nav-tabs > li.active > a,
#event_gradu #portfolio .bestsite-type .nav-tabs > li.active > a:hover {
  color: #212327;
  border-bottom-width: 2px;
  background-color: transparent;
  border-color: transparent transparent #212327;
}

#event_gradu #portfolio a { font-family: "Open SansRaleway","Noto Sans KR", "Nanum Gothic"; font-size: 12px; color: #212327; text-decoration: none; word-wrap:break-word; }
#event_gradu #portfolio .bestsite-list .grid { 
  position: relative; 
  margin-bottom: 20px;
  min-height: 270px;
}
#event_gradu #portfolio .bestsite-list .grid .img-wrap { 
  position: absolute; 
  top: 0; left: 0; right: 0;
  padding: 50px  90px 0 90px;
}

#event_gradu #portfolio .bestsite-list .grid.tablet .img-wrap { padding: 56px  77px 0 85px; }
#event_gradu #portfolio .bestsite-list .grid.laptop .img-wrap { padding: 40px  70px 0 70px; }
#event_gradu #portfolio .bestsite-list .grid.desktop .img-wrap { padding: 15px  60px 0 60px; }
#event_gradu #portfolio .bestsite-list .grid > a > p { color: #999999; margin-bottom: 0; }
#event_gradu #portfolio .bestsite-list .grid > a > p > strong { color: #212327; font-weight: normal; }
#event_gradu #portfolio .btn-box { padding-top: 15px; }
#event_gradu #portfolio .btn-box .btn,
#event_gradu #portfolio .btn-box a { 
  font-size: 14px;
  letter-spacing: 0.02em;
  min-width: 195px;
  padding:16px 30px;
  color:#46505d;
  background-color:transparent;
  border:1px solid #46505d; 
  margin-top:35px; 
  -moz-border-radius: 0; 
  border-radius: 0; 
  display: inline-block; 
  text-decoration: none; 
  -webkit-transition:ease-in-out 0.5s;
  -moz-transition:ease-in-out 0.5s;
  -ms-transition:ease-in-out 0.5s;
  -o-transition:ease-in-out 0.5s;
  transition:ease-in-out 0.5s;
  position: relative;
}
#event_gradu #portfolio .btn-box .btn.bestsite-loadmore {
  padding: 8px 30px;
  min-width: 110px;
  color: #46505d;
  margin-top: 0; 
  text-align: left;
}
#event_gradu #portfolio .btn-box .btn .fa { 
  margin-left: 7px;
  position: absolute;
  top: 19px;
}
#event_gradu #portfolio .btn-box .btn.bestsite-loadmore .fa {
  top: 12px;
}
#event_gradu #portfolio .btn-box a.active, #event_gradu #portfolio .btn-box a:hover, #event_gradu #portfolio .btn-box a:focus { 
  color:#fff; 
  background-color:#46505d; 
  -webkit-transition:ease-in-out 0.5s;
  -moz-transition:ease-in-out 0.5s;
  -ms-transition:ease-in-out 0.5s;
  -o-transition:ease-in-out 0.5s;
  transition:ease-in-out 0.5s;
}
#event_gradu #portfolio a p { margin-bottom: 0;}

@media only screen and (max-width: 1199px) {
	#event_gradu #portfolio .title { font-size: 38px;padding-bottom: 64px; }
	#event_gradu #portfolio .bestsite-list .grid { min-height: 200px; }
	#event_gradu #portfolio .bestsite-list .grid.tablet .img-wrap { padding: 47px 68px 0 73px; }
	#event_gradu #portfolio .bestsite-list .grid.laptop .img-wrap { padding: 33px 62px 0 62px; }
	#event_gradu #portfolio .bestsite-list .grid.desktop .img-wrap { padding: 13px 52px 0 52px; }
	#event_gradu #portfolio .btn-box .btn.bestsite-loadmore { margin-top: 40px }
}
@media only screen and (max-width: 991px) {
	#event_gradu #portfolio { padding-top: 80px; padding-bottom: 80px; }
	#event_gradu #portfolio .title { padding-bottom: 60px; font-size: 35px; }
	#event_gradu #portfolio .bestsite-list .grid { min-height: 180px;margin-bottom: 40px; }
	#event_gradu #portfolio .bestsite-list .grid.tablet .img-wrap,
	#event_gradu #portfolio .bestsite-list .grid.laptop .img-wrap,
	#event_gradu #portfolio .bestsite-list .grid.desktop .img-wrap { padding:0 10px; }
	#event_gradu #portfolio .bestsite-list .grid .img-device { visibility: hidden; }
	#event_gradu #portfolio .btn-box .btn.bestsite-loadmore { margin-top: 0px }
}
@media  only screen and (max-width: 767px){
	#event_gradu #portfolio { padding-top: 50px; padding-bottom: 50px;}
	#event_gradu #portfolio .title .hidden-xs { display: block !important; }
	#event_gradu #portfolio .title { font-size: 27px; padding-bottom: 40px; }

	#event_gradu #portfolio .bestsite-list .grid { margin-bottom: 20px; }
	#event_gradu #portfolio .bestsite-list .grid.tablet .img-wrap,
	#event_gradu #portfolio .bestsite-list .grid.laptop .img-wrap,
	#event_gradu #portfolio .bestsite-list .grid.desktop .img-wrap { padding:0 13px; }
	#event_gradu #portfolio .title + p + .btn-box a { font-size: 13px; padding: 8px 25px;}
	#event_gradu #portfolio .btn-box .btn.bestsite-loadmore { font-size: 13px; padding: 8px 25px 8px 15px; min-width: 80px; }
	#event_gradu #portfolio .btn-box .btn .fa { top: 12px; }
}
@media  only screen and (max-width: 479px){
	#event_gradu #portfolio { padding-top: 50px; }
	#event_gradu #portfolio .title .hidden-xs { display: none !important; }
	#event_gradu #portfolio .title { font-size: 27px;padding-bottom: 48px; }

	#event_gradu #portfolio .bestsite-list .grid { min-height: auto;margin-bottom: 25px; }
	#event_gradu #portfolio > .container { padding:0 15px; }
	#event_gradu #portfolio .row { margin-right: -15px; margin-left: -15px; }

	#event_gradu #portfolio .btn-box .btn.bestsite-loadmore { margin-top: 25px }
	#event_gradu #portfolio .btn-box { padding-top: 0px; }
}


#event_gradu #eventform { padding-top: 100px; }
#event_gradu #eventform h1.title { margin-bottom: 90px; }
#event_gradu #eventform .eventform_box { max-width: 916px; margin: auto;line-height: normal; }
#event_gradu #eventform .eventform_box .event-form { display: flex;width: 100%;flex-direction: column; }
#event_gradu #eventform .eventform_box .event-form > div { display: flex;width: 100%;padding-top: 38px; }

#event_gradu #eventform .eventform_box label { font-size: 24px; font-weight: 300;text-align: left; padding: 0px;margin:0; }
#event_gradu #eventform .eventform_box .gr_box label:after { content:'*'; color:#ff0000; margin-left: 4px; display: inline-block; }
#event_gradu #eventform .eventform_box .event-form > div > label { flex-basis: 200px;flex-shrink: 0; }
#event_gradu #eventform .eventform_box .event-form > div > div { flex-grow: 1;text-align: left }
#event_gradu #eventform .eventform_box .gr_box span:not(.text) { padding-top: 20px; font-size: 16px; font-weight: 300; color:#707070;display: inline-block;padding-left: 22px;position: relative; }
#event_gradu #eventform .eventform_box .event-form .depart_box .control-input { position: relative;width: calc(100% - 200px);  }
#event_gradu #eventform .eventform_box .event-form .depart_box .control-input svg:not(.error-icon) { top: 6px; right:22px; position: absolute; }
#event_gradu #eventform .eventform_box .event-form .depart_box.depart_dis .control-input svg { opacity: 0.3; }
#event_gradu #eventform .eventform_box .form-control {
	border-radius: 0;
	box-shadow:none;
	-webkit-box-shadow:none;
	border:none;
	border-bottom: 1px solid #e5e8eb;
	padding: 0;
	padding-bottom: 24px;
    height: auto;
    font-size: 24px;
    background-color:transparent;
    padding-left: 22px;
}
#event_gradu #eventform .eventform_box .form-control::placeholder { color: #222428;font-size: 24px; font-weight: 300; }
#event_gradu #eventform .eventform_box .form-control::-webkit-input-placeholder { color: #222428;font-size: 24px; font-weight: 300; }
#event_gradu #eventform .eventform_box .form-control:-ms-input-placeholder { color: #222428;font-size: 24px; font-weight: 300; }
#event_gradu #eventform .eventform_box .form-control:-mos-input-placeholder { color: #222428;font-size: 24px; font-weight: 300; }

#event_gradu #eventform .eventform_box .depart_dis label { color:#e9e9e9; }
#event_gradu #eventform .eventform_box .depart_dis label:after { opacity: 0.3; }
#event_gradu #eventform .eventform_box .depart_dis .form-control::placeholder { color:#e9e9e9; }
#event_gradu #eventform .eventform_box .depart_dis .form-control::-webkit-input-placeholder { color:#e9e9e9; }
#event_gradu #eventform .eventform_box .depart_dis .form-control:-ms-input-placeholder { color:#e9e9e9; }
#event_gradu #eventform .eventform_box .depart_dis .form-control:-mos-input-placeholder { color:#e9e9e9; }

#event_gradu #eventform .eventform_box .depart_box .depart_dis_box { position: relative; }
#event_gradu #eventform .eventform_box .depart_box.select_depart { padding-top: 14px; }
#event_gradu #eventform .eventform_box .depart_box.select_depart label { padding-top: 20px; }

#event_gradu #eventform .eventform_box .event-manager-chk { text-align: left; font-size: 24px; font-weight: 300; }
#event_gradu #eventform .eventform_box .event-manager-chk:after { content: ''; clear: both; }
#event_gradu #eventform .eventform_box .event-manager-chk label { font-size: 18px;cursor: pointer; }
#event_gradu #eventform .eventform_box .event-manager-chk input[type='radio'],
#event_gradu #eventform .eventform_box .event-manager-chk input[type='radio']:checked {
	appearance: none;
	width: 24px;
	height: 24px;
	border-radius: 100%;
	border:none;
	box-shadow: 0px 0px 0px 1px #b3b3b3;
	vertical-align: middle;
	margin-top: -1px;
	margin-right: 8px;
	cursor: pointer;
}
#event_gradu #eventform .eventform_box .event-manager-chk input[type='radio'] {
	background-color: #fff;
}
#event_gradu #eventform .eventform_box .event-manager-chk input[type='radio']:checked {
	background-color: #000;
	border: 4px solid #fff;
}
#event_gradu #eventform .eventform_box .event-manager-chk label + input { margin-left: 34px; }

#event_gradu #eventform .eventform_box .event-terms-chk .terms-content-box {
	font-size: 14px;
	line-height: normal;
	width:100%;
	height: 160px;
	overflow: auto;
	border:1px solid #e5e8eb;
	padding:15px;
	margin-top: 24px;
    background-color: #fff;
}
#event_gradu #eventform .eventform_box .event-terms-chk .terms-content-box > span { color:#D0021B;font-weight: 500; }
#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox { display: inline-block; position: relative; width: 100%; }
#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox .checkbox-text { padding-left: 30px; }
#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox .newcheckboxSvg,
#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox svg { width:26px; height: 26px; }
#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox { font-size: 18px; color:#212327; font-weight: 300; }

#event_gradu #eventform .eventform_box .btn-wrap { padding-top: 80px; }
#event_gradu #eventform .eventform_box .terms-chk-box .terms-btn > span { text-decoration: underline; }

.depart-select .dropdown.bootstrap-select { height:auto !important; }
.depart-select.nonplace-holder > .bootstrap-select .btn.btn-default,
.depart-select.nonplace-holder > .bootstrap-select .btn.btn-default:hover { height:auto;font-size: 24px;font-weight: 300;color:#222428;padding:23px 22px; }
.depart-select > .bootstrap-select .btn.btn-default  { border: 1px solid #000 !important; border-radius: 0px !important; }
.depart-select > .bootstrap-select.open > .dropdown-menu  { border: 1px solid #a9a9a9 !important; border-radius: 0px !important; transform: translateY(-1px); }
.depart-select > .bootstrap-select.open.dropup > .dropdown-menu  { transform: translateY(1px); }
.depart-select .dropdown-menu > li > a:hover, .depart-select .dropdown-menu > li > a:focus { background-color: #f8f8f8; }
.depart-select > .bootstrap-select .dropdown-menu > li > a span { font-size: 20px !important; color:#222428 !important; }

.depart-select .dropdown { width:100% !important; max-width: 100% !important; left: 0; }
.depart-select .dropdown-toggle { width:100% !important; max-width: 100% !important; }
.depart-select .dropdown-menu.open { width: 100% !important; }
.depart-select .dropdown-menu.open .inner.open { max-height:345px !important;overflow: auto !important; }
.depart-select .dropdown-menu > li > a { white-space: normal; padding: 22px 24px !important; }
.depart-select .dropdown span { padding-top: 0px !important; }
.depart-select .dropdown .filter-option-inner-inner { color: #222428;white-space: nowrap; text-overflow: ellipsis; }

.depart-select ~ input[name='depart'] { padding-top: 25px !important; }

.depart-select svg { left: unset; right: 16px !important;top: 50% !important; }
.depart-select > .bootstrap-select .dropdown-toggle .bs-caret { display: none !important; }

@media  only screen and (max-width: 1199px){
	#event_gradu #eventform h1.title { font-size: 38px;margin-bottom: 80px; }
	#event_gradu #eventform .eventform_box .form-control { padding-left: 20px; }
}
@media  only screen and (max-width: 991px){
	#event_gradu #eventform { padding-bottom: 80px; }
	#event_gradu #eventform h1.title { font-size: 35px;margin-bottom: 70px; }
	#event_gradu #eventform .eventform_box .event-manager-chk { font-size: 20px; }
	#event_gradu #eventform .eventform_box label { font-size: 20px; }
	#event_gradu #eventform .eventform_box .form-control::placeholder { font-size: 20px; }
	#event_gradu #eventform .eventform_box .form-control::-webkit-input-placeholder { font-size: 20px; }
	#event_gradu #eventform .eventform_box .form-control:-ms-input-placeholder { font-size: 20px; }
	#event_gradu #eventform .eventform_box .form-control:-mos-input-placeholder { font-size: 20px; }
	#event_gradu #eventform .eventform_box .form-control { font-size: 20px;padding-bottom: 20px; }

	#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox .newcheckboxSvg,
	#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox svg {	width:20px; height:20px;}
	#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox label { transform: translateY(3px); }
	#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox { font-size: 16px; }
	#event_gradu #eventform .eventform_box .terms-chk-box .terms-btn { display: block; }

	#event_gradu #eventform .eventform_box .btn-wrap .btn,
	#event_gradu .btn-wrap .btn { min-width: 180px; padding: 11px 0px; font-size: 18px; }

	.depart-select.nonplace-holder > .bootstrap-select .btn.btn-default,
	.depart-select.nonplace-holder > .bootstrap-select .btn.btn-default:hover { height:auto;font-size: 20px;font-weight: 300;color:#222428; }
	.depart-select > .bootstrap-select .dropdown-menu > li > a span { font-size: 17px !important; color:#222428 !important; }
}
@media  only screen and (max-width: 767px){
	#event_gradu #eventform {padding-top: 50px; padding-bottom: 50px;}
	#event_gradu #eventform h1.title { font-size: 27px;margin-bottom: 48px; }
	#event_gradu #eventform .eventform_box .event-manager-chk,
	#event_gradu #eventform .eventform_box label { font-size: 17px; }
	#event_gradu #eventform .eventform_box .form-control::placeholder { font-size: 17px; }
	#event_gradu #eventform .eventform_box .form-control::-webkit-input-placeholder { font-size: 17px; }
	#event_gradu #eventform .eventform_box .form-control:-ms-input-placeholder { font-size: 17px; }
	#event_gradu #eventform .eventform_box .form-control:-mos-input-placeholder { font-size: 17px; }
	#event_gradu #eventform .eventform_box .form-control { font-size: 17px;padding-left: 16px; }
	#event_gradu #eventform .eventform_box .event-manager-chk .pull-right { float: unset !important;padding-top: 20px; }
	#event_gradu #eventform .eventform_box .event-manager-chk label { font-size: 16px; }

	#event_gradu #eventform .eventform_box .event-form > div > label { flex-basis: 135px; }
	#event_gradu #eventform .eventform_box .gr_box span:not(.text) { font-size: 12px; padding-top: 8px;padding-left: 16px; }

	#event_gradu #eventform .eventform_box .btn-wrap { padding-top: 50px; }
	#event_gradu #eventform .eventform_box .btn-wrap .btn { min-width: 180px; padding: 11px 0px; font-size: 18px; }

	#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox { font-size: 14px; padding-left: 18px; }
	#event_gradu #eventform .eventform_box .event-terms-chk > label { flex-basis: 0px !important; }
	#event_gradu #eventform .eventform_box .terms-chk-box .terms-btn { display: inline; }
	#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox svg {	width:18px; height:18px;}
	#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox label { transform: translateY(1px); }

	#event_gradu #eventform .eventform_box .event-form .depart_box .control-input { position: relative;width: calc(100% - 135px);  }
	.depart-select.nonplace-holder > .bootstrap-select .btn.btn-default,
	.depart-select.nonplace-holder > .bootstrap-select .btn.btn-default:hover { height:auto;font-size: 17px !important;font-weight: 300;color:#222428; }
	.depart-select > .bootstrap-select .dropdown-menu > li > a span { font-size: 14px !important; color:#222428 !important; }
	.depart-select .dropdown-menu.open .inner.open { max-height: 200px !important; }
}
@media  only screen and (max-width: 479px){
	#event_gradu #eventform {  }
	#event_gradu #eventform .eventform_box .event-form > div { flex-direction: column; }
	#event_gradu #eventform .eventform_box .event-form > div > label,
	#event_gradu #eventform .eventform_box .event-form > div > div { width: 100%; flex-basis: unset; }

	#event_gradu #eventform .eventform_box .event-form .control-input { padding-top: 20px; }
	#event_gradu #eventform .eventform_box .event-form .depart_box .control-input { width: 100%;  }
	#event_gradu #eventform .eventform_box .event-form .event-terms-chk { padding-top: 28px; }
	#event_gradu #eventform .eventform_box .event-form .event-terms-chk .control-input {padding-top: 0px;}
	#event_gradu #eventform .eventform_box .terms-chk-box .terms-chk .newcheckbox { padding-left: 0px; }

	#event_gradu #eventform .eventform_box .event-terms-chk .terms-content-box { background-color: rgba(255,255,255,0.3); }

	/*.depart-select.nonplace-holder > .bootstrap-select .btn.btn-default,
	.depart-select.nonplace-holder > .bootstrap-select .btn.btn-default:hover { background-color: #f3f4f9 !important; }*/

	.depart-select .dropdown .filter-option-inner-inner { max-width: 100%; }
}



#event_gradu #faq { position: relative; padding: 100px 0px 120px; }

#event_gradu #faq .faq-header { padding-bottom:90px; }
#event_gradu #faq .faq-header .title { font-size: 45px; font-weight: 500; }

#event_gradu #faq .container { max-width: 916px; margin: auto; }
#event_gradu #faq .container .text-center { padding:0; }
#event_gradu #faq #qnaaccordion { border-bottom: 1px solid #e5e8eb; }
#event_gradu #faq #qnaaccordion * { text-align: left; }
#event_gradu #faq #qnaaccordion .panel + .panel {
  margin-top: 0;
}
#event_gradu #faq #qnaaccordion .panel.panel-default,
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading, 
#event_gradu #faq #qnaaccordion .panel-default > .panel-body { 
  background-color: transparent;
  border: none transparent;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#event_gradu #faq #qnaaccordion .panel-default:not(:first-child) {
  border-top: 1px solid #e5e8eb;
}
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading {
  padding: 20px 0px 20px 0;
}
#event_gradu #faq #qnaaccordion .panel-default:first-child > .panel-heading { padding-top: 0; }
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading > .panel-title {
  position: relative;
}
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading > .panel-title > a {
  display: block;
  font-family: 'Open Sans', 'Noto Sans KR', 'Nanum Gothic';
  font-size: 24px;
  font-weight: 100; 
  letter-spacing: -0.03em; 
  color: #212327; 
  padding-right: 30px;
  text-decoration: none; 
}
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading > .panel-title > a:after {
  display: inline-block;
  content: '';
  position: absolute;
  top: 5px; right: 5px;
  width: 20px; height: 20px;
  background-image: url(https://storage.googleapis.com/i.addblock.net/icon/fa_intro_creatorlinkqna_plus.png);
  background-position: center center;
  background-repeat: no-repeat;
    -webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s; 
}
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading > .panel-title a:not(.collapsed),
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading > .panel-title a:hover,
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading > .panel-title a:focus { color: #4789e7; }
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading > .panel-title a.collapsed { color: #212327; }
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading > .panel-title a:not(.collapsed):after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body {
  font-size: 14px;
  font-weight: 300; 
  letter-spacing: 0.02em; 
  color: #878791; 
  border-top: none transparent;
  padding: 0 15px 20px 0;
}
#event_gradu #faq #qnaaccordion .panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom: none;
}
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol.naver-webmaster-guideline > li,
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol.google-webmaster-guidline > li {
    margin-bottom: 5px;
}
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol { list-style-type: none; counter-reset: item; -webkit-padding-start: 25px;  padding-left: 25px; }
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li { counter-increment: item; position: relative; margin-bottom:17px;}
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li:before { content: counters(item, ".") ". "; position: absolute; top: 0; left: -25px;}
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li.sub-ol:before { content: ''; }
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li.sub-ol > ol { list-style-type: none; counter-reset: item; -webkit-padding-start: 0; padding-left: 0; }
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li.sub-ol > ol > li { counter-increment: item; position: relative; }
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li.sub-ol > ol > li:before { content: counters(item, "-") ". "; position: absolute; top: 0; left: -25px;}
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body img.img-responsive { margin: 10px auto 15px 0; }
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body ul.list-unstyled { margin-left: 20px; }
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body a { color: #4789e7; }
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body p > b { color: #212327; }
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body p.qnanotice {
    background-color: rgba(255,255,255,0.5);
    border-radius: 4px;
    border-left: 5px solid #4789e7;
    padding: 20px 20px 20px 35px;
    position: relative;
}
#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body p.qnanotice svg {
    fill: #4789e7;
    position: absolute;
    left: 15px;
    top: 25px;
}

#event_gradu #faq .btn-spcenter { 
  font-family: 'Open Sans', 'Noto Sans KR', 'Nanum Gothic';
  display: inline-block;
  margin-top: 20px;
  color: #46505d; 
  font-size: 18px; 
  font-weight: 300; 
  position: relative; 
  text-transform: uppercase;
}
#event_gradu #faq .btn-spcenter:after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 6px; right: -15px;
  width: 10px; height: 10px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 1px solid #46505d;
  border-right: 1px solid #46505d;
} 
#event_gradu #faq .btn-spcenter:hover,
#event_gradu #faq .btn-spcenter:focus,
#event_gradu #faq .btn-spcenter:active {
  text-decoration: none;
  color: #4789e7;
}
#event_gradu #faq .btn-spcenter:hover:after,
#event_gradu #faq .btn-spcenter:focus:after,
#event_gradu #faq .btn-spcenter:active:after  {
  border-top-color: #4789e7;
  border-right-color: #4789e7;
}

@media only screen and (max-width: 992px){
	#event_gradu #faq .faq-header { padding-bottom: 70px; }
	#event_gradu #faq .faq-header .title { font-size: 42px; }
	#event_gradu #faq .container .text-center { padding:0 27px; }
}
@media only screen and (max-width: 768px){
	#event_gradu #faq { padding:50px 0px; }
	#event_gradu #faq .faq-header { padding-bottom: 40px; }
	#event_gradu #faq .faq-header .title { font-size: 35px; }
	#event_gradu #faq .container .text-center { padding:0 25px; }
	#event_gradu #faq #qnaaccordion .panel-default > .panel-heading > .panel-title > a {font-size: 17px;}
	#event_gradu #faq .btn-spcenter {font-size: 15px; margin-top: 28px;}
	#event_gradu #faq .btn-spcenter:after {width: 8px; height: 8px; top: 7px;}

	#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body p.qnanotice { padding: 15px 15px 15px 30px; }
  	#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body p.qnanotice svg { top: 17px; left:12px; }
}
@media only screen and (max-width: 479px){
	#event_gradu #faq { padding:50px 0px; }
	#event_gradu #faq .faq-header { padding-bottom: 40px; }
	#event_gradu #faq .faq-header .title { font-size: 27px; }
	#event_gradu #faq .container .text-center { padding:0 15px; }
	#event_gradu #faq #qnaaccordion .panel-default > .panel-heading { padding: 15px 0; }
	#event_gradu #faq #qnaaccordion .panel-default > .panel-heading > .panel-title > a { font-size: 17px; padding-right: 20px; }
	#event_gradu #faq #qnaaccordion .panel-default > .panel-heading > .panel-title > a:after { top: 4px; right: 4px; width: 14px; height: 14px; }
	#event_gradu #faq #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body { line-height: 1.4; font-size: 12px; padding: 0 0 15px 0; }
	#event_gradu #faq .btn-spcenter { font-size: 15px; margin-top: 28px; }
	#event_gradu #faq .btn-spcenter:after { width: 6px; height: 6px; top: 8px; right: -10px; }
}

#event_gradu #notice { max-width: 916px; line-height: 1.3; padding:80px 0px; margin: auto; }
#event_gradu #notice .notice_text { text-align: left; padding: 0; }
#event_gradu #notice .notice_text .title { font-size: 20px; color:#212327; margin-bottom: 20px; font-weight: 500; }
#event_gradu #notice .notice_text .content { font-size: 16px; color:#9b9fa2; padding-left: 15px; font-weight: 300;position: relative;margin-bottom: 3px;line-height: normal; word-break: keep-all; }
#event_gradu #notice .notice_text .content span { color:#4789e7;font-weight: normal; }
#event_gradu #notice .notice_text .content:before {
	content:'';
	display: inline-block;
	position: absolute;top: 8px; left:0;
	width:4px; height:4px; background-color: #222; border-radius: 50%;
}

@media  only screen and (max-width: 992px){
	#event_gradu #notice { padding:80px 28px; }
}
@media  only screen and (max-width: 767px){
	#event_gradu #notice { padding:40px 24px 40px 28px; }
	#event_gradu #notice .notice_text .title {font-size: 18px;}
	#event_gradu #notice .notice_text .content {font-size: 14px;}
}
@media  only screen and (max-width: 479px){
	#event_gradu #notice { padding:40px 16px 40px 28px; }
	#event_gradu #notice .notice_text .title { font-size: 18px; }
	#event_gradu #notice .notice_text .content { font-size: 14px; }
}


.event-form .ui-helper-hidden-accessible {display: none !important;}
body[data-page="gradu"] .ui-autocomplete {background-color: #fff; max-height: 340px; overflow-y: auto; border:1px solid #a9a9a9; font-size: 20px;}
body[data-page="gradu"] .ui-menu-item .ui-corner-all { width: 100%; display: inline-block;padding:22px 24px; }
body[data-page="gradu"] .ui-menu .ui-menu-item:hover,
body[data-page="gradu"] .ui-state-hover,
body[data-page="gradu"] .ui-widget-content .ui-state-hover,
body[data-page="gradu"] .ui-state-focus,
body[data-page="gradu"] .ui-widget-content .ui-state-focus {
    background-color: #f7f7f7;
}
@media  only screen and (max-width: 479px){
	body[data-page="gradu"] .ui-autocomplete { font-size: 17px; }
}

.event-gradu-modal .modal-body { padding:0 50px !important; }
.event-gradu-modal .modal-title { margin-bottom: 30px !important; font-weight: 300 !important; line-height: normal !important; }
.event-gradu-modal .modal-footer { display: none; }

.event-gradu-modal .modal-body .sns-text { font-size: 14px; color:#696c71; font-weight: 300; padding: 0px 35px; }
.event-gradu-modal .modal-body .sns-icon ul { display: flex;max-width: 250px;margin:auto;margin-top: 30px;margin-bottom: 40px;justify-content: space-around; }
.event-gradu-modal .modal-body .sns-icon li { cursor: pointer; }
.event-gradu-modal .modal-body .sns-icon li.kakao svg { fill: #F3D710; }
.event-gradu-modal .modal-body .sns-icon li.facebook svg { fill: #455E99; }
.event-gradu-modal .modal-body .sns-icon li.twitter svg { fill: #2BA9E0; }
.event-gradu-modal .modal-body .event-url-copy {
	max-width: 272px;
	width: 100%;
	border:1px solid #d7d7d7;
	background-color: #eee;
	position: relative;
	margin: auto;
	overflow: hidden;
	margin-bottom: 20px;
}
.event-gradu-modal .modal-body .event-url-copy .url-box { display: inline-block; padding:7px 12px;text-align: left; width: 100%; }
.event-gradu-modal .modal-body .event-url-copy .url-btn {
	display: inline-block;
	background-color: #fff;
	width: 84px;
	text-align: center;
	position: absolute;
	right: 0;
	line-height: 35px;
	border-left:1px solid #d7d7d7;
	cursor: pointer;
}
/*
.event-gradu-modal.register .close-button-dialog {
	margin-top: 50px; max-width: 240px; background-color: #4789e7;width: 100%; background-color: #4789e7 !important; font-size: 14px; padding: 16px 0px; }
@media  only screen and (max-width: 479px){
	.event-gradu-modal .modal-body { padding:0 20px !important; }
}
*/


/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */
/* J.20240626. 쇼핑페이지 리뉴얼 ************************************************************************************* */

#shopping_event3 {  }

#shopping_event3 section { padding:100px 0px; }
#shopping_event3 section * { font-family: 'Pretendard' !important; }

#shopping_event3 #main {
	background: linear-gradient(to bottom, #fff, #f5f9ff);
	position: relative;
	overflow: hidden;
	padding-top:70px;
}
#shopping_event3 #main img.confetti {
	position: absolute;
	top: 142px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
#shopping_event3 #main .main__wrap { padding:0px 15px; }
#shopping_event3 #main .main__header__text { margin-bottom: 40px; }
#shopping_event3 #main .main__header__text .point {
	color:#4789e7;
	font-size: 52px;
	font-weight: 800;
	letter-spacing: -1.04px;
}
#shopping_event3 #main .main__header__text .default {
	font-weight: 300;
	font-size: 36px;
	color:#8e9095;
	line-height: 2.78;
	letter-spacing: -0.72px;
}
#shopping_event3 #main .main__header__text h1 {
	font-size: 120px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 0.83;
	letter-spacing: -2.4px;
	color:#4789e7;
}
#shopping_event3 #main .main__header__object { position: relative; }
#shopping_event3 #main .main__header__object .main__header__bottom:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 150px;
	background: linear-gradient(to bottom, transparent, #fff);
	bottom: 0;
	left: 0;
	z-index: 1;
}
#shopping_event3 #main .main__header__object .main__header__top {
	position: relative;
	max-width: 354px;
	z-index: 1;
	margin:auto;
	padding-bottom:136px;
}
#shopping_event3 #main .main__header__object .main__header__top .img_mobile { display: none; }
#shopping_event3 #main .main__header__object .main__header__bottom {
	position: absolute;
	top: 120px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: 672px;
	opacity: 0.4;
}

#shopping_event3 #main .main__content {
	z-index: 1;
	position: relative;
	margin-top:-100px;
}
#shopping_event3 #main .main__content__item {
	flex: 1 1 30%;
	margin-right:15px;
	padding: 20px 30px 50px;
	border-radius: 20px;
	background-color: #fff;
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.05);
}
#shopping_event3 #plan .plan-item .plan-box {
	box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.05);
}
#shopping_event3 #plan .plan-item .plan-box:hover,
#shopping_event3 #main .main__content__item:not(.swiper-slide):hover {
	box-shadow: 3px 5px 10px 0 rgba(0, 0, 0, 0.1);

	-webkit-transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	transition:ease-in-out 0.2s;

	-webkit-transform: scale(1.01);
	-moz-transform: scale(1.01);
	-ms-transform: scale(1.01);
	-o-transform: scale(1.01);
	transform: scale(1.01);
}
#shopping_event3 #main .main__content__item:last-child { margin-right:0px; }
#shopping_event3 #main .main__content__item .img__box img {  }
#shopping_event3 #main .text__box { text-align: left; }
#shopping_event3 #main .text__box h1 {
	font-size: 32px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.64px;
	color:#222428;
}
#shopping_event3 #main .text__box h1 > span { font-weight: 800; }
#shopping_event3 #main .text__box p { margin:0; font-size: 20px; line-height: 1.45; letter-spacing: -0.4px; color:#8e9095; }
#shopping_event3 #main .text__box h1 + p { margin-top:30px; margin-bottom: 55px; }
#shopping_event3 #main .text__box p + p { margin-bottom:50px; }

#shopping_event3 #main .link__box {
	display: flex; justify-content: end; align-items: center;
	color:#4789e7; font-size: 14px; letter-spacing: -0.28px; width: 100%;
}
#shopping_event3 #main .link__box svg { fill:#4789e7; }
#shopping_event3 #main .link__box span { display: flex; align-items: center; cursor: hand; }


#shopping_event3 #main .main__bubble { position:absolute; }
#shopping_event3 #main .main__bubble svg { position:absolute; top: 0; left: 0; }
#shopping_event3 #main .main__bubble svg.mobile { display: none; }
#shopping_event3 #main .main__bubble span {
	position: relative;
	display: flex;
	z-index: 1;
	height: 104px;
	justify-content: center;
	align-items: center;
	line-height: 1.13;
	letter-spacing: -0.64px;
	font-size: 32px; color:#fff;
	font-weight: 600;
}
#shopping_event3 #main .main__bubble.bubble1 { left: -360px; top: 90px; width: 366px; }
#shopping_event3 #main .main__bubble.bubble2 { right: -269px; top: 15px; width: 354px; }
#shopping_event3 #main .main__bubble.bubble3 { right: -230px; top: 170px; width: 282px; }
#shopping_event3 #main .main__bubble.left span { padding-left: 15px; }
#shopping_event3 #main .main__bubble.right span { padding-right: 15px; }

#shopping_event3 #main .main__content__item .text__box { display:flex; flex-wrap: wrap; }
#shopping_event3 #main .text__box h1,
#shopping_event3 #main .text__box p { width:100%; }

.mainSwiper { display: none; }

@media only screen and (max-width: 1199px) {
	#shopping_event3 #main .main__header__text { margin-bottom: 100px; }
	#shopping_event3 #main .main__header__text .point { font-size: 40px; }
	#shopping_event3 #main .main__header__text .default { font-size: 30px; }
	#shopping_event3 #main .main__header__text h1 { font-size: 100px; }
	#shopping_event3 #main .main__header__object .main__header__top { max-width: 308px; }

	#shopping_event3 #main img.confetti { top:176px; max-width: unset; }

	#shopping_event3 #main .main__content__item { padding: 20px 20px 30px; }
	#shopping_event3 #main .text__box h1 { font-size: 24px; }
	#shopping_event3 #main .text__box p { font-size: 16px; }
	#shopping_event3 #main .text__box h1 + p { font-size: 18px;margin-top: 25px; margin-bottom: 25px; }

	#shopping_event3 #main .main__header__object .main__header__bottom { width: 585px;top: 70px; }

	#shopping_event3 #main .main__bubble span { font-size: 26px; height:87px; }
	#shopping_event3 #main .main__bubble.bubble1 { left: -280px; top: 54px; width: 312px; }
	#shopping_event3 #main .main__bubble.bubble2 { right: -236px; top: -26px; width: 302px; }
	#shopping_event3 #main .main__bubble.bubble3 { right: -206px; top: 122px; width: 244px; }

	#shopping_event3 #main .main__bubble.left span { padding-left: 15px; }
	#shopping_event3 #main .main__bubble.right span { padding-right: 15px; }
}
@media only screen and (max-width: 991px) {
	#shopping_event3 #main .main__header__object .main__header__top { max-width: 250px; padding-bottom: 177px; }
	#shopping_event3 #main .main__header__object .main__header__bottom { width: 500px;top: 70px; }

	#shopping_event3 #main .main__header__text { margin-bottom: 83px; }

	#shopping_event3 #main .main__header__text .point { font-size: 36px; }
	#shopping_event3 #main .main__header__text .default { font-size: 28px; }
	#shopping_event3 #main .main__header__text h1 { font-size: 80px; }

	#shopping_event3 #main .main__bubble span { font-size: 22px; height:77px; }

	#shopping_event3 #main .main__bubble.bubble1 { left: -216px; top: 15px; width: 276px; }
	#shopping_event3 #main .main__bubble.bubble2 { right: -210px; top: -43px; width: 268px; }
	#shopping_event3 #main .main__bubble.bubble3 { right: -186px; top: 90px; width: 218px; }

	#shopping_event3 #main .main__content { flex-wrap: wrap; }
	#shopping_event3 #main .main__content__item { flex:unset; margin-right: 0px; margin-bottom: 20px; padding: 20px; flex-wrap: nowrap; flex-grow: 1; justify-content: start; }
	#shopping_event3 #main .main__content__item:last-child { margin-bottom: 0px; }
	#shopping_event3 #main .main__content__item .img__box img { max-width: 220px; }
	#shopping_event3 #main .main__content__item .text__box { padding-left: 20px; width: 100%; }

	#shopping_event3 #main .text__box h1 { font-size: 22px; }
	#shopping_event3 #main .text__box p { line-height: 1.5; }
	#shopping_event3 #main .text__box h1 + p { font-size: 16px;margin-top: 20px; margin-bottom: 20px; }

}
@media only screen and (max-width: 767px) {
	#shopping_event3 #main .main__header__object .main__header__top .img_mobile { display: block;margin: unset; max-width: 174px; }
	#shopping_event3 #main  img.confetti,
	#shopping_event3 #main .main__header__object .main__header__top .img_pc,
	#shopping_event3 #main .main__header__object .main__header__bottom { display: none; }
	#shopping_event3 #main .main__header__object .main__header__top { margin:auto; max-width: 390px; padding-bottom:0px; }

	#shopping_event3 #main .main__bubble span { line-height: 2.25;letter-spacing: -0.32px;font-size: 16px; height: 56px; }
	#shopping_event3 #main .main__bubble.bubble1 { right: unset; left:193px; top: 116px; width: 202px; }
	#shopping_event3 #main .main__bubble.bubble2 { right: unset; left:193px; top: 37px; width: 196px; }
	#shopping_event3 #main .main__bubble.bubble3 { right: unset; left:193px; top: 195px; width: 160px; }
	#shopping_event3 #main .main__bubble.left span { padding-left: 10px; }
	#shopping_event3 #main .main__bubble.right span { padding-right: 0px; padding-left:10px; }

	#shopping_event3 #main .main__header__text { margin-bottom: 50px; }

	#shopping_event3 #main .main__header__text .point { font-size: 30px; }
	#shopping_event3 #main .main__header__text .default { font-size: 20px; }
	#shopping_event3 #main .main__header__text h1 { font-size: 66px; }

	#shopping_event3 #main .main__header__object { padding: 0px 28px 50px 28px; }

	#shopping_event3 #main .mainSwiper .main__content__item {
		border-radius: 20px;
		box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
		border: solid 1px #eeeff0;
		margin-bottom: 0px;
		height: unset;
		justify-content: center;
	}
	#shopping_event3 #main .main__bubble svg.mobile { display: block; }
	#shopping_event3 #main .main__bubble svg.pc { display: none; }

	#shopping_event3 #main .main__content__item .text__box { margin-top:20px; padding-left: 0px; }
	#shopping_event3 #main .text__box h1 { font-size: 20px; }
	#shopping_event3 #main .text__box p + p { margin-bottom:30px; }
	#shopping_event3 #main .main__content__item .img__box img { max-width: 100%; }

	#shopping_event3 #main .main__content { display: none; }
	#shopping_event3 #main .mainSwiper { display: block; position: relative; }
	#shopping_event3 #main .mainSwiper .main__content__item.swiper-slide { flex-wrap: wrap; flex: none; }
}
@media only screen and (max-width: 479px) {
	#shopping_event3 #main .main__header__text .point { font-size: 22px; }
	#shopping_event3 #main .main__header__text .default { font-size: 16px; }
	#shopping_event3 #main .main__header__text h1 { font-size: 52px; }
	#shopping_event3 #main .main__header__object .main__header__top .img_mobile { max-width: 150px; }
	#shopping_event3 #main .main__header__object { padding: 0px 1px 50px 1px; }
	#shopping_event3 #main .main__header__object .main__header__top { max-width: 328px; }
	#shopping_event3 #main .main__header__text { margin-bottom:20px; }
	#shopping_event3 #main .main__bubble.bubble1 { left:147px; top: 100px; width: 182px; }
	#shopping_event3 #main .main__bubble.bubble2 { left:147px; top: 36px; width: 176px; }
	#shopping_event3 #main .main__bubble.bubble3 { left:147px; top: 164px; width: 140px; }
	#shopping_event3 #main .main__bubble span { font-size: 16px; height: 50px; }
	#shopping_event3 #main .main__bubble.left span,
	#shopping_event3 #main .main__bubble.right span { padding-left: 8px; }

}

/* ****************************************************************************************************************** */

#shopping_event3 #info { padding: 100px 15px; }
#shopping_event3 #info .display-flex { align-items: stretch; }
#shopping_event3 #info .display-flex div { flex:1 1 50%; }
#shopping_event3 #info .image-box { text-align: right; }
#shopping_event3 #info .image-box img { position: sticky; top: 200px; }

#shopping_event3 #info .info__content {
  position: relative;
  padding: 15px 0 15px 75px;
  cursor: pointer;
  text-align: left;
}
#shopping_event3 #info .info__content:last-child { padding-bottom: 0px; }
#shopping_event3 #info .info__content h5 {
	color: #222428;
	font-family: Pretendard;
	font-size: 24px;
	font-weight: 800;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	letter-spacing: -0.48px;
	margin-bottom: 25px; margin-top: 0;
}
#shopping_event3 #info .info__content p {
	color: #8e9095;
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: -0.34px;
	margin-bottom: 0;
	word-break: keep-all;
}
#shopping_event3 #info .info__content .year {
	position: absolute;
	content: var(--year);
	width: 40px;
	aspect-ratio: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	border-radius: 50%;
	background-color: #fff;
	border: 2px solid #ededed;
	left: 10px;
	top: 30px;
	font-family: 'Roboto';
	color:#b4b4b4;
	letter-spacing: -0.5px;
	font-weight: bold;
    opacity: 0.4;
}
#shopping_event3 #info .info__content:not(:last-child):before {
  position: absolute;
  content: "";
  width: 2px;
  background-color: #ededed;
  left: 28px;
  top: 70px;
  bottom: -30px;
  z-index: 1;
}
#shopping_event3 #info .info__content .bubble {
	background-color: rgba(71,137,231, 0.05);
	padding:30px 42px;
	border-radius: 15px;
	position: relative;
    opacity: 0.4;
}
#shopping_event3 #info .info__content .bubble:before {
	content: " ";
	height: 0;
	position: absolute;
	top: 26px;
	width: 0;
	z-index: 1;
	left: -10px;
	border: medium solid rgba(71,137,231, 0.05);
	border-width: 10px 10px 10px 0;
	border-color: transparent rgba(71,137,231, 0.05) transparent transparent;
}
#shopping_event3 #info .info__content.active .bubble,
#shopping_event3 #info .info__content.active .year{
	opacity: 1;
	-webkit-transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	transition:ease-in-out 0.2s;
}
#shopping_event3 #info .info__content.active .year,
#shopping_event3 #info .info__content:hover .year {
	background-color: #4789e7;
	border: 1px solid #4789e7;
	color:#fff;
}
#shopping_event3 #info .info__content:not(.active):hover .bubble,
#shopping_event3 #info .info__content:not(.active):hover .year {
	opacity: 0.6;
	-webkit-transition:ease-in-out 0.2s;
	-moz-transition:ease-in-out 0.2s;
	-ms-transition:ease-in-out 0.2s;
	-o-transition:ease-in-out 0.2s;
	transition:ease-in-out 0.2s;
}

.infoSwiper { display: none; }
@media only screen and (max-width: 1199px) {
	#shopping_event3 #info .info__content .bubble { padding:30px; }
}
@media only screen and (max-width: 991px) {
	#info .display-flex { display: none; }
	.infoSwiper { display: block; position: relative; }
	#shopping_event3 #info { position: relative; overflow: hidden; }

	.infoSwiper .swiper-slide { display: flex; padding:0px 24px; }
	.infoSwiper .swiper-slide > div {  }
	.infoSwiper .swiper-slide .info__img {  }
	.infoSwiper .swiper-slide .info__img img { max-width: 297px; }
	.infoSwiper .swiper-slide .info__text { display: flex; align-items: center; text-align: left; flex-wrap: wrap; align-content: center; padding-left: 30px; }

	.infoSwiper .swiper-slide .info__text h5 { margin: 0;
		font-family: Pretendard;
		font-size: 20px;
		font-weight: 800;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.3;
		letter-spacing: -0.4px;
		margin-bottom: 25px;
	}
	.infoSwiper .swiper-slide .info__text p { margin: 0;
		font-family: Pretendard;
		font-size: 15px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.47;
		letter-spacing: -0.3px;
		color:#8e9095;
	}

	#info,
	#info .container,
	#info .row { margin-left: 0; margin-right: 0; padding-right: 0; padding-left: 0; }
}

@media only screen and (max-width: 767px) {
	.infoSwiper .swiper-slide { flex-wrap: wrap;justify-content: center; padding:0px; }
	.infoSwiper .swiper-slide .info__img img { max-width: 100%; width:100%; }
	.infoSwiper .swiper-slide .info__text { margin-top:20px; padding-left: 0px; }
	.infoSwiper .swiper-slide .info__text h5 { width: 100%; margin-bottom: 15px; }
	.infoSwiper .swiper-slide .info__text p { font-size: 16px; flex-grow: 1; }
}
@media only screen and (max-width: 479px) {
	.infoSwiper .swiper-slide .info__text p { font-size: 14px; }
}
/* ****************************************************************************************************************** */

#shopping_event3 #review {}

#review { overflow: hidden; }
.review-wrap { text-align: left;  }
section#review .review-text { margin:0; }


/* ****************************************************************************************************************** */

#shopping_event3 #bestsite {}

.bestsite-swiper { display: none; }
.bestsite-rolling { 
    display: flex;
    overflow: hidden;
}
.rolling-container {
    display: flex;
    animation: bestsiteroll 100s linear infinite;
    flex-wrap: nowrap;
}
.rolling-container .image-content {
    width:540px;
    margin-right: 30px;
    position: relative;
}
.bestsite-rolling:hover .rolling-container { animation-play-state: paused; }
.bestsite-rolling .rolling-container .image-content img { max-width:100%; border-radius: 10px; border: solid 1px #e7e8e9; overflow: hidden; }

.bestsite-rolling .rolling-container .image-content p { font-size: 20px; font-weight: bold; line-height: 1.5; letter-spacing: -0.4px; color:#222428; margin-top:15px; }
.bestsite-rolling .list1:last-child { animation-delay: 10s; }

.bestsite-rolling .image-content .img-wrap { position: relative; }
.bestsite-rolling .image-content .img-wrap .over-box {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background-color:rgba(8, 10, 12, 0.6);
	border-radius: 10px;
}
.bestsite-rolling .image-content a:hover .img-wrap .over-box {
	opacity: 1;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.bestsite-rolling .image-content .img-wrap .over-box span {
	position: inherit;
	font-family: 'Noto Sans', 'Noto Sans KR';
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	padding: 12px 60px;
	font-size: 14px;
	letter-spacing: -0.28px;
	text-transform: uppercase;
	color: #252525;
	background-color: #ffffff;
	line-height: 1;
	white-space: nowrap;
	border: 1px solid #dadce0;
	border-radius: 10px;
}

@keyframes bestsiteroll {
	0% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
}
@media only screen and (max-width: 1199px) {
	.rolling-container .image-content { max-width: 440px; }
	.rolling-container .image-content p { font-size: 16px; }
}
@media only screen and (max-width: 767px) {
	.bestSwiper .swiper-slide { flex-wrap: wrap;justify-content: center; }
	.bestsite-swiper { display: block; padding: 0 30px; }
	.bestsite-rolling { display: none; }
	.bestSwiper .swiper-slide img { border-radius: 10px; border: solid 1px #e7e8e9; }

	section#bestsite .bestsite-swiper .slider-control {
		display: inline-block;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 3;
		width: 36px; height: 36px;
		-moz-border-radius: 50%;
		border-radius: 50%;
		background-color: rgba(0,0,0,0.5);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section#bestsite .bestsite-swiper .slider-control svg { fill: #fff; width:22px; height:22px; }
	section#bestsite .bestsite-swiper .slider-control.right { right:12px; }
	section#bestsite .bestsite-swiper .slider-control.left { left: 12px; }
	section#bestsite .bestsite-swiper .swiper-slide p { margin:0; font-size: 14px; font-weight: bold;line-height: 1.43; letter-spacing: -0.28px; color:#222428; margin-top:15px; }
}
@media only screen and (max-width: 479px) {
	section#bestsite .bestsite-swiper .swiper-slide p { margin-top:10px; }
}

/* ****************************************************************************************************************** */

#shopping_event3 #template { background-color: #fafbff;position: relative; overflow: hidden; }
#shopping_event3 #template .swiper {
	width: 100%;
	padding-bottom: 50px;
	margin: 0 auto;
	position: relative;
	list-style: none;
	padding: 0;
	z-index: 1;
}
#shopping_event3 #template .swiper-slide img {
	border-radius: 10px;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
#shopping_event3 #template .swiper-pagination { display: none; }

@media only screen and (max-width: 1199px) {
	#shopping_event3 #template .swiper-pagination { display: block; }
}
@media only screen and (max-width: 767px) {
	#template .swiper-slide { width: 280px; }
}
@media only screen and (max-width: 479px) {
}

/* ****************************************************************************************************************** */

#shopping_event3 #detail {}

/* ****************************************************************************************************************** */

#shopping_event3 #plan {  }

section#plan .plan-btn { color:#222428; margin-bottom: 0; display: inline-block; margin-top:50px; }
section#plan .plan-btn svg { fill: #222428; }
section#plan .plan-btn:hover { color:#4789e7; }
section#plan .plan-btn:hover svg { fill: #4789e7; }


/* ****************************************************************************************************************** */

#shopping_event3 #shopqna {}
#shopping_event3 #shoppingqna {color:#000;width: 100%; position: relative; }
#shopping_event3 #shoppingqna #qnaaccordion { border-bottom: 1px solid #e5e8eb; }
#shopping_event3 #shoppingqna #qnaaccordion * { text-align: left; }
#shopping_event3 #shoppingqna #qnaaccordion .panel + .panel { margin-top: 0;}
#shopping_event3 #shoppingqna #qnaaccordion .panel.panel-default,
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading, 
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-body { 
  	background-color: transparent;
  	border: none transparent;
  	-moz-border-radius: 0;
  	border-radius: 0;
  	-webkit-box-shadow: none;
  	box-shadow: none;
}
#shopping_event3 #shoppingqna #qnaaccordion .panel-default:not(:first-child) {border-top: 1px solid #e5e8eb;}
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading { padding: 20px 15px 20px 15px;}
#shopping_event3 #shoppingqna #qnaaccordion .panel-default:first-child > .panel-heading { padding-top: 0; }
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading > .panel-title {position: relative;}
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading > .panel-title > a {
  	display: block;
  	font-family: Pretendard;
  	font-size: 24px;
  	font-weight: normal; 
  	letter-spacing: normal; 
  	color: #484b50; 
  	padding-right: 30px;
  	text-decoration: none; 
}
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading > .panel-title > a:after {
  	display: inline-block;
  	content: '';
  	position: absolute;
  	top: 3px; right: 0px;
  	width:21px; height: 21px;
  	background-image: url(https://storage.googleapis.com/i.addblock.net/icon/fa_intro_creatorlinkqna_plus.png);
  	background-position: center center;
	background-repeat: no-repeat;
	-webkit-transition: ease-in-out 0.3s;
    -moz-transition: ease-in-out 0.3s;
    -o-transition: ease-in-out 0.3s;
    -ms-transition: ease-in-out 0.3s;
    transition: ease-in-out 0.3s; 
}
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading > .panel-title a:not(.collapsed),
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading > .panel-title a:hover,
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading > .panel-title a:focus { color: #4789e7; }
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading > .panel-title a.collapsed { color: #212327; }
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading > .panel-title a:not(.collapsed):after {
  	-webkit-transform: rotate(45deg);
  	-moz-transform: rotate(45deg);
  	-ms-transform: rotate(45deg);
  	-o-transform: rotate(45deg);
  	transform: rotate(45deg);
}
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body {
  	font-size: 15px;
  	font-weight: 300; 
  	letter-spacing: normal; 
  	color: #878791; 
  	border-top: none transparent;
  	padding:0 15px 20px 15px;
}
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-footer + .panel-collapse .panel-body { border-bottom: none;}
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol { list-style-type: none; counter-reset: item; -webkit-padding-start: 25px;  padding-left: 25px; margin-bottom: 0px; }
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li { counter-increment: item; position: relative; margin-bottom: 5px;}
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li:before { content: counters(item, ".") ". "; position: absolute; top: 0; left: -25px;}
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li.sub-ol:before { content: ''; }
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li.sub-ol > ol { list-style-type: none; counter-reset: item; -webkit-padding-start: 0; padding-left: 0; }
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li.sub-ol > ol > li { counter-increment: item; position: relative; }
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body > ol > li.sub-ol > ol > li:before { content: counters(item, "-") ". "; position: absolute; top: 0; left: -25px;}
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body img.img-responsive { margin: 10px auto 15px 0; }
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body ul.list-unstyled { margin-left: 20px; }
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body a { color: #4789e7; }
#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body p > b { color: #212327; }
#shopping_event3 #shoppingqna .qna-btn-wrap {
  	display: inline-block; margin-top: 50px;
}
#shopping_event3 #shoppingqna .btn-spcenter { 
  	font-weight: 400; 
  	position: relative; 
  	text-transform: uppercase;
  	line-height: 1.2; letter-spacing: -0.4px; font-size: 20px; color:#222428; 
	display: flex;
	justify-content: center;
	align-items: center;
}
#shopping_event3 #shoppingqna .btn-spcenter svg { margin-left: 3px; }
#shopping_event3 #shoppingqna .btn-spcenter:hover,
#shopping_event3 #shoppingqna .btn-spcenter:active {text-decoration: none; color: #4789e7;}
#shopping_event3 #shoppingqna .btn-spcenter:hover svg,
#shopping_event3 #shoppingqna .btn-spcenter:active svg  {fill: #4789e7;}

@media only screen and (max-width: 1199px) {
	#shopping_event3 #shoppingqna .text-center { padding:0; }
	#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading { padding:20px 10px; }
	#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body { padding:0px 10px 20px 10px; }
	#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading > .panel-title > a { font-size: 20px; }
	#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading > .panel-title > a:after { top:0; }
}
@media only screen and (max-width: 991px) {
	#shopping_event3 #shoppingqna {padding:0px 15px; width:100%;}
}
@media only screen and (max-width: 767px) {
	#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading > .panel-title > a {
		font-size: 16px; padding-right: 50px;line-height: normal;letter-spacing: -0.32px;
	}
	#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading > .panel-title > a:after { top: -1px; }
	#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading { padding: 21px 10px 21px 10px; }
	#shopping_event3 #shoppingqna #qnaaccordion .panel-default > .panel-heading + .panel-collapse .panel-body {
		line-height: 1.4; font-size: 14px; padding: 0 0 22px 10px; }
	#shopping_event3 #shoppingqna .btn-spcenter { font-size: 16px; }
}
@media only screen and (max-width: 479px) {
}

/* ****************************************************************************************************************** */

#shopping_event3 #last { background-color: #fafbff; padding:100px 0px; min-height: auto; }

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

}

/* ****************************************************************************************************************** */
/* ****************************************************************************************************************** */
/* etc ************************************************************************************************************** */


/* ****************************************************************************************************************** */
/* explorer webfont ************************************************************************************************* */
/* ****************************************************************************************************************** */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }