/* include 공통 CSS */

/************************* 공통 시작*************************/
.sub_title_navi			{display:block; }
.sub_tab						{display:none;}

/* left menu 있을때... */
/*
.sub_left								{width:15%; max-width:200px; float:left;}
.sub_right						{width:82%; padding-right:1%; float:right; position:relative;}
*/

.sub_left								{display:none; }
.sub_right						{width:100%; position:relative;}

@media(max-width:1100px){
.sub_left	{display:none;}
.sub_title_navi			{display:none; }
.sub_tab	{display:block;}
.sub_right					{width:100%; padding-right:0%; padding:3%; float:none;}
}
@media(max-width:768px){
.sub_title_navi			{display:block;}
.sub_tab						{display:none;}
}

.content_title			{margin:15px 0; padding:15px 0; border-bottom:1px solid #dfdfdf;}
.content_title h1		{font-size:18px; font-weight:700; color:#000;}
.content_title p		{font-size:12px;}

.content_desc				{min-height:500px;}
/************************* 공통 끝 *************************/

/************************* header_inc 시작*************************/
/**/
.top_hd {height: 40px; display: flex; flex-flow:column wrap; justify-content:center; width: 100%; background: #8765b0; padding: 0 70px; transition: .3s ease all;}
.top_hd ul {display: flex; justify-content:flex-end;}
.top_hd ul li {margin-left: 20px;}
.top_hd ul li a {font-size: 14px; color: #fff;}

.header_t {
width:100%; 
height: 100px;
margin:0 auto; 
padding:14px 0; 
position:fixed; 
left:0; 
top:40px; 
z-index:99; 
background:#fff; 
display: flex;
flex-flow:column wrap;
justify-content:center;
-webkit-transition: all 200ms;
-moz-transition: all 200ms;
-o-transition: all 200ms;
transition: all 200ms;
}

.header-t {position: fixed; left: 0; top: 0; width:100%; background-color: #fff; -webkit-transition: all 200ms; -moz-transition: all 200ms; -o-transition: all 200ms; transition: all 200ms; z-index: 99;}
.header-cate {height: 75px; background-color: #fff; transition: .3s ease all;}
.header-cate__inner {display: flex; align-items: center; height: 100%;}
.header-cate__list {flex: 1; display: flex; justify-content: center; gap: 10em;}
.header-cate__item .header-cate__link {font-size: 18px; font-weight: 800; transition: .3s ease all;}
.header-cate__item .header-cate__link--busan {color: var(--prm);}
.header-cate__item .header-cate__link--seoul:hover {color: var(--seoul);}
.header-cate__item .header-cate__link--magok:hover {color: var(--magok);}
.header-logo img {max-width: 100px; width: 100%; vertical-align: middle;}

.header_logo {position: absolute; left: 50%; transform:translateX(-50%); margin-left:2px; z-index: 999; top: 10px; display:block; box-sizing:border-box;}
.header_logo img {max-width:132px; width: 100%; vertical-align: middle;}
.header_gnb				{position: relative; background-color: var(--prm);}

/* global navigation bar */
.menu .major ul {width:100%; display:flex; align-items:center; justify-content:space-around;}
.menu .major ul li {width:162px; padding:15px 0; text-align:center;}
.menu .major ul li a {display: block; position:relative; padding:0; color:#fff; font-size:17px; font-weight: 700; transition: .3s ease all;}
.menu .major ul li a span {padding-bottom: 55px;}
/* .menu .major ul li:hover a {color: #8765b0;} */
.menu .major ul li:hover a::after {width: 100%; background: #8765b0; left: 0; transition: all 0.3s;}

.menu .major .major-list {justify-content: center;}
.menu .major .major-list__item {}

/* .menu .major ul li.m3 {margin-right:79px;}
.menu .major ul li.m4 {margin-left:81px;} */


/* gnb Hover */
.menu .major li.active{z-index:2}
.menu .major li.active a::after {width: 100%; background: #8765b0; left: 0;}
.menu .major li.pactive a::after {width: 100%; background: #8765b0; left: 0;}

/* .menu .major li.active a {color: #8765b0; } */
/* .menu .major li.pactive a {color: #8765b0; } */
/*
.menu .major ul:hover li, #all_nav .nav_ul > li{border-left:1px solid #ccc;}
.menu .major ul:hover #all_nav .nav_ul > li:nth-of-type(3) {border-right:1px solid #ccc;}
*/
/* .header_gnb_bg:hover .major ul li, #all_nav .nav_ul > li{border-left:1px solid #ccc;}
.header_gnb_bg:hover .major ul li:nth-of-type(3), .nav_ul > li:nth-of-type(3) {border-right:1px solid #ccc;}
.header_gnb_bg:hover .major ul li:nth-of-type(6), .nav_ul > li:nth-of-type(6) {border-right:1px solid #ccc;} */


/* all nav */
#all_nav {width: 100%; background: var(--prm-bg);  display: none; position: fixed; top: 163px; left: 0; z-index: 3; height:130px;}
#all_nav .nav_ul {width: 100%; margin: 0 auto; display: flex; justify-content:space-between;}
#all_nav .nav_ul a:hover {color: #8765b0;}
#all_nav .nav_ul > li {flex:1; padding:15px 0 10px; margin-bottom:10px; text-align: center; position: relative; transition:all 0.3s ease; width:162px; max-width:162px;}
#all_nav .nav_ul > li:hover {transition:all 0.3s ease;}
/*#all_nav .nav_ul > li:first-child {left: 6px;}
#all_nav .nav_ul > li:nth-child(2) {left: 24px;}
#all_nav .nav_ul > li:nth-child(3) {margin-right: 190px; left: 0px;}
#all_nav .nav_ul > li:nth-child(4) {left: -12px;}
#all_nav .nav_ul > li:nth-child(5) {left: 7px;}
#all_nav .nav_ul > li:nth-child(6) {left: 6px;}*/

/* #all_nav .nav_ul > li:nth-child(3) {margin-right:81px;}
#all_nav .nav_ul > li:nth-child(4) {margin-left:81px;} */

#all_nav .nav_ul h2 {font-size: 18px; font-weight: 500; margin-bottom: 10px; color: #212121;}
#all_nav .nav_ul .sub {line-height: 2;}
#all_nav .nav_ul .sub a {font-size: 16px; color: #fff; font-weight: 700; transition: .3s ease all;}

#all_nav .nav-list {justify-content: center;}
/* #all_nav .nav_ul .sub a:hover {color: #8765b0;} */

/*
#all_nav .nav_ul > li {border-right:1px solid #ccc;}
#all_nav .nav_ul > li:nth-of-type(1), #all_nav .nav_ul > li:nth-of-type(4) {border-left:1px solid #ccc;}
*/

/* 햄벅 */
.mo_nav				{display:none; }
.mo_nav *{
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
.mo_nav .navbar-toggle {position: relative; padding:10px 10px; background-color:transparent; background-image:none; border-radius:3px; border:0;}
.mo_nav .navbar-toggle:focus {outline: 0;}
.mo_nav .navbar-toggle .icon-bar {background:#181818; display:block; width:28px; height:4px; border-radius:5px;}
.mo_nav .navbar-toggle .icon-bar + .icon-bar {margin-top:6px; height:4px; width:24px; }
.mo_nav .navbar-toggle .icon-bar + .icon-bar + .icon-bar{margin-top:6px; width:32px; height:4px; }

.mo_nav:hover .navbar-toggle .icon-bar								{transform:translateX(5px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar		{transform:translateX(16px);}
.mo_nav:hover .navbar-toggle .icon-bar + .icon-bar + .icon-bar		{transform:translateX(3px);}


.f-nav {height:55px; background:#fff;top: 0; box-shadow: 0 4px 12px 0 rgba(0,0,0,0.05);}
/* border-bottom:1px solid #dfdfdf; */
.header-t.f-nav {transform: translateY(-115px);}
.f-nav #all_nav {top: 163px;}

.header-mo-title-div {display: none;}

@media (max-width: 1300px) {
/*#all_nav .nav_ul {padding: 0;}
#all_nav .nav_ul > li:first-child {left: 32px;}
#all_nav .nav_ul > li:nth-child(2) {left: 35px;}
#all_nav .nav_ul > li:nth-child(3) {margin-right: 181px; left: 0px;}
#all_nav .nav_ul > li:nth-child(4) {left: -20px;}
#all_nav .nav_ul > li:nth-child(5) {left: -15px;}
#all_nav .nav_ul > li:nth-child(6) {left: -33px;}*/

}

@media (max-width: 1080px) {
.top_hd {display: none;}
.header_t {justify-content:space-between; flex-flow:wrap; align-items:center; padding: 0px 2%; top: 0;}

.header-t {display: flex; justify-content: space-between; align-items: center; padding: 0 4%;}
.header-t.f-nav {transform: translateY(0); height: auto;}
.header-cate__list {display: none;}
.header_gnb {display: none;}
.header_logo {display:block; position: relative; left: 0; margin-left: 0; top: 0; transform:translateX(0%); }
.mo_nav {display: block;}

.header-mo-title-div{width: 60%; display: block; text-align: center;}
.header-mo-title {font-size: 28px; font-weight: 900; color: var(--prm); font-family: 'Cafe24Ohsquare';}
}

@media(max-width:768px){
.header_t						{height: 70px; top: 0;}
.header_logo img  {width: 60%;}
.header-logo img {max-width: 80px;}
.header-mo-title {font-size: 24px;}
}
@media (max-width:500px) {
	.header-mo-title {font-size: 18px;}
}


/**/

/*.f-nav .header_btn			{transform:translateY(-99px); overflow:hidden; width:0; font-size:0;
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;}*/
/************************* header_inc 끝*************************/

/************************* main_inc 시작*************************/
.main_wrap .visual										{position:relative; margin:163px auto 0 auto; height: min(500px, 26vw); overflow: hidden; background: url('./img/m_visual_pc.jpg') #fff no-repeat center / cover;}
/* .main_wrap .visual										{position:relative; margin:110px auto 0 auto; height: 760px; overflow: hidden; background: url('./img/main_visual_pc.jpg') #fcf9f0 no-repeat center; background-size: contain;} */
.main_wrap .visual .inline-YTPlayer {height: 720px;}
.main_wrap .visual #bg_youtube { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; overflow:hidden; }
.main_wrap .visual #iframe_bg_youtube {top: -20% !important;}

.main_wrap .info {padding: 60px 0; background: #fff; position: relative; margin-bottom: 25px;}
.main_wrap .info .flx {display: flex; justify-content:center; flex-flow:row wrap;}
.main_wrap .info .flx > div {width: 50%; text-align: center;}
.main_wrap .info .flx > div.kif_b {padding-left: 100px;}
.main_wrap .info .flx .kif-title {font-size: 36px; font-weight: 900; color: var(--prm); font-family: 'Cafe24Ohsquare';}
.main_wrap .info .flx .kif_s .kif-title {color: var(--seoul);}
.main_wrap .info .flx .kif_m .kif-title {color: var(--magok);}
.main_wrap .info .kif-info {padding: 20px 0 30px; line-height: 1.6;}
.main_wrap .info .kif-info__date {font-size: 20px; font-weight: 800; padding: 0 0 0.5em;}
.main_wrap .info .kif-info__detail {font-size: 16px; font-weight: 700;}
.main_wrap .info .flx > div p.ready_center {display:flex; flex-flow:column wrap; justify-content:center; align-content:center;}
.main_wrap .info .kif-link {display: flex; justify-content: center;}
.main_wrap .info .kif-link__btn {display: block; width: 200px; padding: 12px 0; text-align: center; font-weight: 700; border: 2px solid var(--prm); background: #fff; margin-right: 15px; font-size: 18px; color: var(--prm); transition:all 0.3s;}
.main_wrap .info .kif-link__btn:last-child {margin-right: 0;}
.main_wrap .info .kif-link__btn--info {border-color: var(--prm-bg); color: var(--prm-bg);}
.main_wrap .info .kif_s .kif-link__btn {border-color: var(--seoul); color: var(--seoul);}
.main_wrap .info .kif_s .kif-link__btn--info {border-color: var(--seoul-bg); color: var(--seoul-bg);}
.main_wrap .info .kif_m .kif-link__btn {border-color: var(--magok); color: var(--magok);}
.main_wrap .info .kif_m .kif-link__btn--info {border-color: var(--magok-bg); color: var(--magok-bg);}
.main_wrap .info .flx .mo_btn {display: none;}
.main_wrap .info .txt {padding-top: 70px; display: flex; justify-content:space-between; align-items:flex-end;}
.main_wrap .info .txt p {font-size: 17px; color: #131313; line-height: 1.8;}
.main_wrap .info .txt .line_h {line-height: 1.2;}
.main_wrap .info .txt p span {font-size: 32px; color: #8765b0; font-weight: 700;}
.main_wrap .info .txt a {font-size: 17px; color: #8765b0; font-weight: 700; display: block; line-height: 1.8; transition:all 0.3s;}
.main_wrap .info .txt a:hover {letter-spacing: 2px;}

.main_wrap .gallery {padding: 0 30px; position: relative;}
.main_wrap .gallery .swiper-button-prev, .main_wrap .gallery .swiper-button-next {display: flex; align-items: center; background-image: none; background: #5f3c96; color: #fff; font-size: 22px; padding: 5px 3px;}
.main_wrap .gallery .swiper-button-prev {left: 15px;}
.main_wrap .gallery .swiper-button-next {right: 15px;}
.main_wrap .swiper-pagination {display: none;}
.main_wrap .gallery::after {content: ''; width: 100%; height: 640px; background: #8765b0; display: block; position: absolute; top: 19vh; z-index: -1; left: 0;}

.main_wrap .notice {padding: 80px 0 0; margin-bottom: 100px;}
.main_wrap .notice .title {display: flex; justify-content:space-between; align-items:flex-end; padding-bottom: 25px; border-bottom: 3px solid #fff; margin-bottom: 35px;}
.main_wrap .notice .title .flx {padding-top:60px; position: relative; color: #fff; width:70%;}
/*.main_wrap .notice .title .flx::before {content: ''; width: 87px; height: 134px; background: url('./img/kif_k.png') no-repeat center; background-size: cover; display: block; position: absolute; left: 0; top: 0;}*/
.main_wrap .notice .title .flx_logo {width:15%; min-width: 150px; font-size: 40px; font-family: 'Cafe24Ohsquare';color: #fff; letter-spacing:5px;}
.main_wrap .notice .title .flx h2 {font-size: 40px; font-family: 'Cafe24Ohsquare';}
.main_wrap .notice .title .flx p {font-size: 18px; color: #fbfbfb; padding-top: 10px;}
.main_wrap .notice .title a {font-size: 16px; color: #fff; transition:all 0.3s; display:block; padding: 5px 0;}
/*.main_wrap .notice .title a:hover {letter-spacing: 2px;}*/
.main_wrap .notice .more-btn {min-width: 120px;}
.main_wrap .notice a.pc_on	{display:block;}
.main_wrap .notice a.mo_on	{display:none;}

@media (hover:hover) {
	.main_wrap .info .kif-link__btn:hover {background: var(--prm); color: #fff; transition:all 0.3s;}
	.main_wrap .info .kif-link__btn--info:hover {background: var(--prm-bg); color: #fff;}
	.main_wrap .info .kif_s .kif-link__btn:hover {background-color: var(--seoul);}
	.main_wrap .info .kif_s .kif-link__btn--info:hover {background-color: var(--seoul-bg);}
	.main_wrap .info .kif_m .kif-link__btn:hover {background-color: var(--magok);}
	.main_wrap .info .kif_m .kif-link__btn--info:hover {background-color: var(--magok-bg);}
}
@media (max-width: 1400px) {
.inner {padding: 0 4%;}
.main_wrap .gallery::after {top: 15vh; height: 480px;}
.main_wrap .notice {padding: 80px 0 0;}
}

@media (max-width: 1200px) {
.inner2 {padding: 0 2%;}
.main_wrap .visual #iframe_bg_youtube {top: -10% !important;}
.main_wrap .notice .title .flx_logo {font-size:30px;}
.main_wrap .info .flx .kif-title {font-size: 30px;}
.main_wrap .info .flx > div div a {width: 180px; font-size: 17px;}
.main_wrap .info .txt p {word-break:keep-all; width: 90%;}
.main_wrap .info .txt p br {display: none;}
.main_wrap .gallery::after {top: 13vh; height: 450px;}
.main_wrap .notice .title .flx h2 {font-size: 30px;}
}

@media (max-width: 1080px) {
.main_wrap .visual {margin-top: 75px;}
.main_wrap .visual #iframe_bg_youtube {top: 0 !important;}
.main_wrap .info .flx > div.kif_b {padding-left: 0;}
.main_wrap .gallery::after {top: 16vh; height: 370px;}
.main_wrap .notice {padding: 60px 0 0;}
.main_wrap .notice .title .flx {padding-top: 28px;}
.main_wrap .notice .title .flx::before {width: 65px; height: 100px; top: 16px;}
.main_wrap .notice .title .flx p {width: 90%; word-break:keep-all;}
.main_wrap .notice .title a {}
}
@media (max-width: 768px) {
.main_wrap .visual {height: min(365px,46vw); background: url('./img/m_visual_mo.jpg') #fff no-repeat center / cover; top:0px;}
.main_wrap .info .flx > div {width: 100%; margin-bottom: 60px; text-align: center;}
.main_wrap .notice .title .flx_logo {font-size:24px;}
.main_wrap .info .flx .kif-title {font-size: 24px;}
.main_wrap .info .kif-info {padding: 15px 0 25px;}
.main_wrap .info .kif-info__date {font-size: 18px;}
.main_wrap .info .kif-info__detail {font-size: 14px;}
.main_wrap .info .flx > div div {justify-content:center;}
.main_wrap .info .flx > div div a {width: 160px; font-size: 14px;}
.main_wrap .info .flx .mo_btn {display: flex;}
.main_wrap .info .flx .pc_btn {display: none;}
.main_wrap .info .txt {padding-top: 0; display: block;}
.main_wrap .info .txt p {width: 100%; font-size: 14px;}
.main_wrap .info .txt .line_h {line-height: 1.6;}
.main_wrap .info .txt p span {font-size: 20px;}
.main_wrap .info .txt a {margin-top: 20px;}
.main_wrap .gallery::after {top: 20vh; }
.main_wrap .notice {padding: 40px 0 0; margin-bottom: 20px;}
.main_wrap .notice .title {padding-bottom: 15px; margin-bottom: 25px;}
.main_wrap .notice .title .flx p {display: none;}
.main_wrap .notice .title a {font-size: 16px;}
.main_wrap .notice .title .flx::before {width: 35px; height: 50px;}
.main_wrap .notice .title .flx {padding-top: 40px;}
.main_wrap .notice a.pc_on	{display:none;}
.main_wrap .notice a.mo_on	{display:block;}
}
@media (max-width:500px) {
	.main_wrap .notice .title {flex-flow: row wrap;}
	.main_wrap .notice .title .flx_logo {min-width: 100px;}
	.main_wrap .notice .title .flx {width: calc(100% - 120px); padding-top: 10px;}
	.main_wrap .notice .more-btn {width: 100%; text-align: right;}
}

/************************* main_inc 끝*************************/

/************************* sub 시작*************************/
.s21_wrap .outline {border-top: 3px solid #231f20; padding: 60px 0 0; background: url('./img/s21_kif.jpg') no-repeat right bottom;}
.s21_wrap .outline figure {width:50%; text-align:center; font-family: 'Cafe24Ohsquare'; font-size:30px; margin:0;}
.s21_wrap .outline > ul {padding-top: 30px; width: 50%;}
.s21_wrap .outline > ul li {display: flex; padding: 18px 0; border-bottom: 1px solid #d7d7d7;}
.s21_wrap .outline > ul li span {margin-left: 10px; font-size: 14px;}
.s21_wrap .outline > ul li h4 {width: 18%; font-size: 18px; color: #131313; font-weight: 700; line-height: 1.6;}
.s21_wrap .outline > ul li p {font-size: 18px; color: #343434; line-height: 1.6; display: flex; justify-content:space-between; align-items: center; flex-flow: row wrap;}
.s21_wrap .outline > p {padding-top:10px; font-family: 'Noto Sans KR',  '맑은고딕', '돋움', sans-serif; font-size:14px;}
.s21_wrap .outline > div {width:50%; text-align:right; margin-top:10px;}
.s21_wrap .file_btn ul {padding: 100px 0 120px; display: flex; justify-content:space-between; flex-flow:row wrap;}
.s21_wrap .file_btn ul li {width: 24%; border: 3px solid #000; padding: 25px; background: #fff; transition: all 0.3s;}
.s21_wrap .file_btn ul li a {width: 100%; height: 100%; display: block; color: #131313;}
.s21_wrap .file_btn ul li a p:first-of-type {font-size: 18px; font-family: 'Cafe24Ohsquare';}
.s21_wrap .file_btn ul li a h3 {font-size: 18px; padding: 10px 0 30px;}
.s21_wrap .file_btn ul li a p:last-of-type {display: flex; align-items:center; font-size: 18px;}
.s21_wrap .file_btn ul li a p:last-of-type span {display: block; font-size: 24px; margin-left: 5px;}
.s21_wrap .file_btn ul li:hover {background: #000;}
.s21_wrap .file_btn ul li:hover a {color: #fff;}
.s21_wrap .content { color: #fff; text-align: center; position: relative;}
/* .s21_wrap .content::after {content: ''; width: 513px; height: 99px; background: url('./img/s21_bg_aft.png') no-repeat center; background-size: cover; display: block; position: absolute; bottom: 0; right: 0;} */
.s21_wrap .content figure {margin: 0; padding: 0;}
.s21_wrap .content figure.comingSoon img {max-width:1340px; width: 100%;}
.s21_wrap .content p {font-size: 24px; color: #fff; font-weight: 700; padding-top: 40px;}

.s31_wrap .outline figure {width:100%;}
.s31_wrap .outline > div {width:100%;}
.s31_wrap .outline {background:none;}
.s31_wrap .content figure img {max-width:815px; width: 100%;}

@media (max-width: 1400px) {
.s21_wrap .outline {padding: 0 2% 0; border: none;}
.s21_wrap .outline figure {padding-top: 60px; border-top: 3px solid #000;}
.s21_wrap .content figure {padding: 0 2%;}

}

@media (max-width: 1080px) {
.s21_wrap .outline {background: none;}
.s21_wrap .outline > ul {width: 100%;}
.s21_wrap .file_btn ul {padding: 60px 0 60px;}
.s21_wrap .file_btn ul li {width: 49%; margin-bottom: 20px;}
.s21_wrap .outline > div {width:100%;}
}

@media (max-width: 768px) {
.s21_wrap .outline figure {width: 100%;padding-top: 30px;font-size: 24px;}
.s21_wrap .outline > ul {padding-top: 0;}
.s21_wrap .outline > ul li h4 {min-width: 20%; font-size: 16px;}
.s21_wrap .outline > ul li p {font-size: 16px;}
.s21_wrap .file_btn ul li {padding: 15px;}
.s21_wrap .file_btn ul li a p:first-of-type {font-size: 16px;}
.s21_wrap .file_btn ul li a h3 {font-size: 16px; padding: 10px 0 15px;}
.s21_wrap .file_btn ul li a p:last-of-type {font-size: 16px;}
.s21_wrap .file_btn ul li a p:last-of-type span {font-size: 20px; line-height: 0.5;}
.s21_wrap .content::after {width: 193px; height: 39px;}
.s21_wrap .content p {font-size: 17px;}
}
@media (max-width:500px) {
	.s21_wrap .outline figure {padding-top: 30px;} 
	.s21_wrap .outline > ul li h4 {font-size: 14px;}
	.s21_wrap .outline > ul li p {font-size: 14px;}
}

.kif_wrap {display:none;}

.kif_wrap h3 { font-size: 30px; font-family: 'Cafe24Ohsquare'; padding-bottom: 30px;}
.kif_wrap .form_info_1 h3:first-child {width:18%; text-align:center;}
.kif_wrap .flx li {display: flex; padding: 20px 0; border-bottom: 1px solid #ededed;}
.kif_wrap .flx li h4 {width: 18%; font-size: 18px; color: #000; font-weight: 700; text-align:center;}
.kif_wrap .flx li > div {width: 82%;}
.kif_wrap .flx li p {font-size: 18px; color: #343434; line-height: 1.6; word-break:keep-all;}
.kif_wrap .flx li > div .bol {font-weight: 700;}
.kif_wrap .flx .mb {margin-bottom: 20px;}
.kif_wrap .flx li > div .sml {font-size: 14px; display: inline-block; margin-top: 10px; transform: skew(-0.028deg);}
.kif_wrap .flx li > div .color {background: #8765b0; display: inline-block; padding: 3px 7px; color: #fff; margin-top: 10px;}
.kif_wrap .flx li > div .color span {font-weight: 700;}
.kif_wrap .flx li > div .color_r {color: #df0000; font-size: 15px; font-weight: 700; display: block; margin-top: 5px;}
.kif_wrap .flx li > div .end { font-size: 14px;}
.kif_wrap .flx + .sml {font-size: 14px; padding-top: 10px; margin-bottom: 60px; transform: skew(-0.028deg);}
.kif_wrap .step_tit {padding-top: 40px; font-size: 18px; color: #131313; font-weight: 700;}
.kif_wrap .step { display: flex; justify-content:space-between; margin: 20px 0 50px; padding: 40px 0; background: var(--prm);}
.kif_wrap .step li {width: 20%; color: #fff; padding: 20px; word-break:keep-all;}
.kif_wrap .step li h5 {font-size: 60px; text-align: center; font-family: 'Cafe24Ohsquare'; padding-bottom: 10px;}
.kif_wrap .step li h5 span {display: none; font-size: 36px;}
.kif_wrap .step li p {font-size: 19px; line-height: 1.6; text-align: center;}
.kif_wrap .step li p:nth-of-type(3) {font-weight:600; padding-top:10px; font-size:18px;}
.kif_wrap h3 span {font-size: 18px; font-family:'Noto Sans KR',  '맑은고딕', '돋움', sans-serif;;}
.kif_wrap .port_tit {padding-top: 60px;}
.kif_wrap .portfolio > div {display: flex; padding-bottom: 10px;}
.kif_wrap .portfolio > div p:first-child {padding-right: 5px;}
.kif_wrap .quick_form {display: flex; justify-content:center; margin: 60px 0;}
.kif_wrap .quick_form a {display: block; padding: 10px 15px; text-align: center; font-size: 18px; font-weight: 700; background: #000; color: #fff;}
.kif_wrap .quick_form a:first-child {margin-right: 10px;}
.kif_wrap .txt_box {height: 400px; overflow-y: scroll; padding: 20px; border: 3px solid #000;}
.kif_wrap .txt_box h3 {font-size: 20px; font-family: 'Noto Sans KR',  '맑은고딕', '돋움', sans-serif;; padding-bottom: 10px; font-weight: 700;}
.kif_wrap .txt_box h4 {font-size: 18px; color: #131313; font-weight: 700; padding: 10px;}
.kif_wrap .txt_box p {font-size: 16px; line-height: 1.7; word-break:keep-all; padding-bottom: 20px;  transform: skew(-0.028deg);}
.kif_wrap .agree {font-size: 18px; display: flex; justify-content:center; align-items:center; margin-top: 20px; color: #131313;}
.kif_wrap .agree span {margin-left: 4px;}
.kif_wrap .nex_cancel {margin: 40px 0 35px; display: flex; justify-content:center;}
.kif_wrap .nex_cancel a {display: block; padding: 10px 15px; text-align: center; font-size: 18px; font-weight: 700; background: #000; color: #fff;}
.kif_wrap .nex_cancel a:first-child {margin-right: 10px;}
.prev_form .fom_btn {margin-top: 60px;}
.onon {display:block;}
/* width */
.txt_box::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.txt_box::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.txt_box::-webkit-scrollbar-thumb {
  background: #000; 
}

/* Handle on hover */
.txt_box::-webkit-scrollbar-thumb:hover {
  background: #000; 
}

/* 220928 추가 */
.kif_wrap .form_new2022 { margin-bottom: 50px;}
.kif_wrap .form_new2022 table {width: 100%;}
.kif_wrap .form_new2022 thead th { background: var(--prm); color: #fff; font-size: 18px; padding: 15px 30px 15px 20px;}
.kif_wrap .form_new2022 tbody td { padding: 15px 0; text-align: center; font-size: 16px; border-bottom: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; color: #666; transform: skew(-0.028deg);} 
.kif_wrap .form_new2022 tbody td:last-child {border-right:0;}
.kif_wrap .form_new2022 tbody tr:first-child td {background: #f4f4f4; border-right:1px solid #dcdcdc;}
.kif_wrap .form_new2022 table span {font-weight: 600;}
.kif_wrap .form_new2022 p {padding-top: 10px; transform: skew(-0.028deg);}
.kif_wrap .form_new2022 p span {margin-left: 15px;}


@media (max-width: 1080px) {
	.kif_wrap .form_info_1 h3:first-child {width: 100%; text-align: left;}
.kif_wrap .form_new2022 thead th {padding: 15px;}
}

@media (max-width: 768px) {
	.kif_wrap .form_info_1 h3:first-child {text-align: center;}
.kif_wrap .form_new2022 thead th {padding: 10px; font-size: 16px;}
.kif_wrap .form_new2022 tbody td {font-size: 14px;}
}

/************************* sub 끝*************************/

/************************* title_navi 시작 *************************/
.navi_all {width:100%; margin:0 auto; background:#fff; height:50px; border-bottom:1px solid #ddd; }
.navi_in	{margin:0 auto; padding:0;max-width:1280px; margin:0 auto;}
.navi_in:after		{clear:both; content:''; display:block; width:100%;}

.home_btn_all						{float:left; width:10%; max-width:50px;  border-right:1px solid #efefef;}
.home_btn_all a					{display:block; height:49px; line-height:50px; text-align:center;}
.home_btn_all a:hover		{background:#f8f8f8; }
.home_btn_all a img			{max-width:100%; height:auto; vertical-align:middle;}

.navi_left					{float:left; width:90%; max-width:550px;}
.navi_left:after		{clear:both; content:''; display:block; width:100%;}
.navi_left div			{float:left;}

.navi_main		{width:50%; max-width:250px; padding:0 0 0 0; height:50px; position:relative; line-height:50px;  cursor:pointer; border-right:1px solid #efefef;}
.navi_title01	{padding:0 0 0 0; height:40px; width:100%; position:relative; line-height:50px; }
.navi_title01 h1 {color:#777; font-size:14px; margin-left:10px; width:100%;}
.navi_title01 h1.sub_menu:hover { color:#333; }

.navi_main h1 { color:#777; font-size:14px; margin-left:10px;}
.navi_main h1.sub_manu:hover { color:#333; }
.navi_main > .deco_right { float:right;  }

.navi_main >a.down_btn1	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn2	{position:absolute; right:10px; top:0px;}
.navi_main >a.down_btn3	{position:absolute; right:10px; top:0px;}

.h1_focus	{color:#333 !important;;}

.navi_sub {width:50%; max-width:250px; padding:0; height:50px; line-height:50px; position:relative; cursor:pointer; border-right:1px solid #efefef;}
.navi_sub > h2						{ color:#333333; font-size:14px;  cursor:pointer; margin-left:10px;}
.navi_sub>a.down_btn4	{position:absolute; right:10px; top:0px; }

.navi_sub > p						{float:right; }

.extend1							{position:relative; top:-1px; width:100%; }
.extend1 > ul				{position:absolute;left:-1px; min-height:1px;width:100%;padding-left: 0px; padding:0px 0 10px 0; border-top:0;z-index: 999; background:#fff; border:1px solid #efefef; display:none;}
.extend1 > ul a { text-decoration:none; }


.extend2							{position:relative; top:-1px; width:100%;}
.extend2 > ul				{position: absolute;left:-1px; min-height:1px; width:251px; padding-left:0px; z-index: 999; background:#fff; border:1px solid #efefef; display:none; padding:0px 0 10px 0; }
.extend2 > ul a { text-decoration:none; }
.extend2 h1 { }

/*
position:absolute; left:-20px; min-height:1px; width:256px; padding-left:20px;  border-top:1px solid #efefef; z-index:999; background:#ddd; 
*/

.extend > ul > li		{min-height:20px;}
.down_btn			{cursor:pointer; }

/************************* title_navi 끝 *************************/


/************************* footer_inc 시작 *************************/
footer .sns_news {display: flex; border: 5px solid #231f20; justify-content:space-between; flex-flow:row wrap;}
footer .sns_news > div {width: 50%; padding: 30px 40px 50px;}
footer .sns_news > div h3 {font-size: 40px; font-family: 'Cafe24Ohsquare';}
footer .sns_news > div p {font-size: 18px; padding-top: 10px;}
footer .sns_news > div.sns ul {display: flex; padding-top: 50px;}
footer .sns_news > div.sns ul li {margin-right: 35px;}
footer .sns_news > div.sns ul li:nth-child(2), footer .sns_news > div.sns ul li:nth-child(3) {margin-right: 30px;}
footer .sns_news > div.sns ul li img {max-width:38px; width: 100%;}
footer .sns_news > div.newsletter {background: #231f20; color: #fff;}
footer .sns_news > div.newsletter .apply {padding: 50px 0 10px; border-bottom: 3px solid #fff; display: flex; justify-content:space-between; align-items:center;}
footer .sns_news > div.newsletter .apply input {border: none; background: none; font-size: 18px; color: #fff; max-width:500px; width: 100%;}
footer .sns_news > div.newsletter .apply i {display: inline-block; font-size: 22px; color: #fff; opacity: 0.9; position: relative; top: 10px;}
footer .sns_news > div.newsletter .apply .submit_btn input {text-indent:-9999px;}


footer .f_b {padding: 40px 4%; background: #f8f8f8; display: flex; justify-content:center; align-items:center; margin-top: 100px;}
footer .f_b figure {padding: 0; margin: 0;}
footer .f_b figure h2 {font-size: 32px; font-family: 'Cafe24Ohsquare';}
footer .f_b .txt {margin-left: 40px; font-size: 14px; color: #212121; line-height: 1.8; transform: skew(-0.028deg);}
footer .f_b .txt2 {display: none;}

@media (max-width: 1080px) {
footer .sns_news > div {width: 100%; padding: 30px 20px;}
footer .sns_news > div h3 {font-size: 30px;}
footer .sns_news > div p {font-size: 17px; line-height: 1.6; word-break:keep-all;}
footer .f_b figure h2 {font-size:21px;}
}

@media (max-width: 768px) {
footer .sns_news > div.sns ul {justify-content:space-between;}
footer .sns_news > div.sns ul li {margin-right: 17px;}
footer .sns_news > div.sns ul li:nth-child(2), footer .sns_news > div.sns ul li:nth-child(3) {margin-right: 9px;}
footer .f_b {margin-top: 60px; display: block; text-align: center;}
footer .f_b .txt {margin-left: 0; display: none;}
footer .f_b .txt2 {display: block; margin-top: 20px; font-size: 13px; color: #343434;}
footer .f_b .txt2 p {line-height: 1.6;}
}
/************************* footer_inc 끝 *************************/



/************************* left_lnb_inc 시작 *************************/
.left_lnb		{  }
/************************* left_lnb_inc 끝 *************************/



/************************* ui.totop 시작 *************************/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url("./img/ui.totop6.png") no-repeat left top;
}

#toTopHover {
	background:url("./img/ui.totop6.png") no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}
/************************* ui.totop 끝 *************************/

/*서브에서 들어가는 등록버튼, 게시판*/
.board_btn2 {text-align: center; padding: 20px;}
.board_btn2 .btn_sub {padding: 10px 25px; background: #4b545e; color: #fff; border: 1px solid #4b545e; line-height: 100%; cursor: pointer;}

.request_table{border-collapse:collapse;padding:0; border-spacing:0px; border-spacing:0;table-layout:fixed; width:100%;  background:#FFF;border:1px solid #e8e8e8; margin-top:10px;}
.request_table th{text-align:left; padding: 16px 0 16px 20px; font:normal 9pt/30px; border-bottom:1px solid #e8e8e8;}
.request_table td{text-align:left; border-bottom:1px solid #e8e8e8; padding:15px 15px 15px 4px;}

#register_form {padding: 0 !important;}
.register_tb_w .radio_tit {font-size: 18px; color: #131313; text-align: center; font-weight: 700; padding-bottom: 20px;}
.register_tb_w .radio_tab {margin-bottom: 40px; display: flex; font-size: 20px; font-weight: 700;}
.register_tb_w .radio_tab label {display: flex; align-items:center; width: 50%; padding: 25px 20px; background: #000; color: #fff; margin-right: 10px; text-align: center; justify-content:center; transition:all 0.3s;}
.register_tb_w .radio_tab label:hover {letter-spacing: 3px;}
.register_tb_w .radio_tab label input {margin-top: 0; margin-right: 5px;}
.register_tb_w h2				{font-size:24px; color:#000; font-weight:700;}
.register_tb_w table		{border-collapse:collapse;  width:100%; border-top:1px solid #61666d;;}
.register_tb_w div{margin-bottom: 100px;}
.register_tb_w table {margin-bottom: 10px;}
.register_tb_w table th {padding:15px 30px 15px 20px; border-bottom:1px solid #dcdcdc; vertical-align:middle; background: #f9f9f9; line-height:24px; font-size: 15px; color: #444; font-weight:400; text-align:center; width:166px;}
.register_tb_w table td {padding:8px 20px 8px 20px; border-bottom:1px solid #dcdcdc; vertical-align:middle; color: #666; font-size: 16px;}
.register_tb_w table.b_type td {text-align:center;}
.register_tb_w table thead th { background: var(--prm); color: #fff;font-size: 18px;}
.register_tb_w table td span {margin-top:3px; line-height:130%; font-size: 14px;}
.register_tb_w table th.required {background-image:url('<?=G5_URL?>/img/require.png') !important; background-repeat:no-repeat !important; background-position:90% 50% !important;}
.register_tb_w table th.color_1 {background: #f4f4f4; color: #343434;}
.mb_100 {margin-top: 100px;}

.change tr td {padding:15px 0;text-align:center;}
.change tr td:nth-of-type(1), .change tr td.border {border-right:1px solid #dfdfdf; }
.change tr td span {font-size:12px; color:red;}
.change tr td.noBorder {border-right:0;}
.change .color_c {background-color:#f4f4f4;}

.change tr.tcolor span {font-size:14px; color:#666;}
.change tr td.textL {text-align:left; padding-left:15px;}

.press_txt {line-height: 1.8; font-size: 18px; color: #131313; margin-bottom: 30px;}
.press_txt span {font-weight: 700;}

span.ico {display: inline-block; margin-right: 6px; width: 100px; height: 40px; line-height: 40px !important; vertical-align: middle; text-align: center; font-weight: 700; font-size: 13px; color: #fff; background: #000; zoom: 1; letter-spacing: 0;}
span.ico  > a{color:#fff;}
div.fom_btn{text-align: center; margin-top: 60px;}
div.fom_btn input{display: inline-block; width: 100px; height: 40px; line-height: 40px !important; vertical-align: middle; text-align: center; font-weight: 700; font-size: 16px; color: #fff;  background: #000; zoom: 1; margin: 0px auto 0; border: none;}
.register_tb_w div:nth-child(5) {margin-bottom: 100px;}
.req_tit {text-align:right; margin-bottom: 10px; font-size: 17px;}
.register_tb_w .noti {font-size: 15px; line-height: 1.6;}
.register_tb_w .noti span {text-decoration:underline;}
.register_tb_w .noti_req {font-weight:bold; color:red;}
.total-price td {text-align: center;}
.portfolio > h2 + p, .directory > h2 + p {font-size: 17px; line-height: 1.6; margin-bottom: 20px; color: #131313;}
.portfolio table td input, .directory table td input {margin-bottom: 5px;}
.last_p {font-size: 16px; color: #343434; line-height: 1.6;}

@media (max-width: 1400px) {
.tab {padding: 0 2%;}
.kif_wrap {padding: 0 2%;}
#register_form {padding: 0 2% !important;}
}

@media (max-width: 1080px) {

}

@media (max-width: 768px) {
.kif_wrap h3 {padding-bottom: 10px; font-size: 24px; text-align:center; }
.kif_wrap h3:first-child {width:100%;}
.kif_wrap .flx li {display: block;}
.kif_wrap .flx li h4 {width: 100%; font-size: 16px; padding-bottom: 10px;}
.kif_wrap .flx li > div {width: 100%; }
.kif_wrap .flx li p {font-size: 15px;}
.kif_wrap .flx li > div .sml {margin-left: 0;}
.kif_wrap .step {display: block; padding: 0; margin: 20px 0 25px;}
.kif_wrap .step li {width: 100%; display: flex; padding: 20px 20px 0;}
.kif_wrap .step li:last-child {padding-bottom: 5px;}
.kif_wrap .step li h5 {text-align: left; font-size: 24px;}
.kif_wrap .step li p {margin-left: 20px; text-align: left; font-size: 16px;}
.kif_wrap .step li p:nth-of-type(3) {padding-top:0; font-size: 16px;}
.kif_wrap .txt_box {height: 220px;}
.kif_wrap .txt_box h3 {font-size: 16px;}
.kif_wrap .txt_box h4 {font-size: 16px;}
.kif_wrap .txt_box p {font-size: 14px;}
.kif_wrap .agree {font-size: 16px;}
.kif_wrap .flx li > div .bol {padding-bottom: 10px;}
.kif_wrap .step_tit {padding-top: 20px; font-size: 16px;}


#register_form {overflow: hidden;}
.register_tb_w .radio_tit {font-size: 15px; word-break:keep-all;}
.register_tb_w table {width: 100%;}
.register_tb_w table.p_info th {display: block; font-size: 14px; width:100%;}
.register_tb_w table.p_info td {display: block; font-size: 14px;}
.register_tb_w table.p_info td .homepage {width: 300px !important;}
.register_tb_w table.b_type th {font-size: 14px;}
.register_tb_w table.b_type td {font-size: 14px; padding: 8px 5px 8px 5px;}
.register_tb_w .noti {font-size: 14px;}
.register_tb_w table thead th {font-size: 14px;}
.register_tb_w table thead td {font-size: 14px;}
.register_tb_w h2 {font-size: 18px;}
.portfolio > h2 + p, .directory > h2 + p {font-size: 14px; word-break:keep-all;}
.register_tb_w div {margin-bottom: 60px;}
.portfolio {padding-top: 0px;}
.last_p {font-size: 14px; word-break:keep-all;}

.register_tb_w .radio_tab {font-size: 16px;}

.register_tb_w table colgroup {display: none;}
.register_tb_w table th {padding: 15px 10px;}
.register_tb_w table th:first-child {width: 40% !important;}

.register_tb_w .table_1 th:first-child {width: 100% !important;}

.press_txt {font-size: 15px; word-break:keep-all;}
.register_tb_w table th.mo_wd {width: 100% !important;}

}


.m_top {margin-top:10px;}

.discount_price {margin-bottom:0 !important; position:relative;}
.discount_price .arrow_td {position:relative; display: block; width:90%; height:2px; background-color: red; color: white; line-height:40px; white-space: nowrap; text-align:center; vertical-align: middle; margin-bottom:0 !important;top:-9px;}
.arrow_td:after{content:''; position:absolute; top:-7px; right:-8px; display: block; width: 0; height:0; border-left: 8px solid red; border-bottom: 8px solid transparent; border-top: 8px solid transparent;}

.radio_tab2{
width: 100%;
    display: flex;
    margin-bottom: 60px;
}
.radio_tab2 input[type=radio]{
	width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
}
.radio_tab2 input[type=radio] + label{
  width: 50%;
	padding: 25px 0;
	display: block;
	text-align: center;
	border: 3px solid #000;
	font-size: 20px;
	color: #131313;
	font-weight: 700;
	transition: all 0.3s;
}
.radio_tab2 input[type=radio]:checked + label{
	background: #000;
  color: #fff;
  transition:all 0.3s;
}

.radio_tab2 input[type=radio] + label:hover {
cursor: pointer;
}

@media (max-width: 768px) {
.discount_price .arrow_td {top: -27px; width: 100%; height: 1px;}
.arrow_td:after {
    content: '';
    position: absolute;
    top: -5px;
    right: -6px;
    display: block;
    width: 0;
    height: 0;
    border-left: 6px solid red;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    }

		.radio_tab2 input[type=radio] + label {padding: 20px 0; font-size: 18px;}
}