:root {
	--main-color:#0C6E46;
	--sub-color:#305265;
	--point-color1:#21354E; 
	--point-color2:#416F89; 
	--point-color3:#00F0FF; 
	--point-color4:#00425C; 
	--point-color5:#FFCC33; 
	--main-color-bg:;
	--basic-bg:;
	--grd:linear-gradient(90deg, #01BEBE, #00F0FF);
	--grd2:linear-gradient(90deg, #556FDC, #6a83ff);
}

input, select, button{font-size:1rem}
body{font-size:16px;}
#wrap{background:#fff;}
.d_width		{width:1400px;margin:0 auto;position:relative;}
.c_width		{width:1400px;margin:0 auto;position:relative;transition:all 0.2s ease-out;}
/* .mh				{height:calc(100vh - 312px);min-height:940px;} */
.row-wrap		{display:flex;flex-direction:row;}
.board-list tbody td{border-right:none;}
.board-list tbody td.date{font-size:14px;}
button{cursor:pointer;}
.board-write em{color:#ff4f4f;}
.essential{color:#ff4f4f;}
.tv-toggle input[type="checkbox"]:checked ~ label .tv-toggle-slide:after{background:var(--sub-color);}
.mob_login span	{display:none;}
#m-login{display:none;}
#mo-menu	{display:none;position:absolute;left:0;top:10px;width: 40px;   height: 40px;z-index:99999}
#mo-menu a:before{content:"\f0c9";color:#fff;font-family:FontAwesome;display:block;width:40px;line-height:40px;text-align:center;font-size:20px; background:var(--main-color);}
.mm-vertical .topmn.mm-panel > a{display: flex;padding: 10px;font-size: 12px;text-align: center;/* border-bottom: 1px solid rgba(0,0,0,0.5); */ border:none; background: rgba(0,0,0,0.2);}
.mm-menu > .mm-panel:before, .mm-menu > .mm-panel:after{height:0 !important;}
.mm-menu > .mm-panel > .mm-listview{margin:0 !important;}
.mm-menu > .mm-panel{padding:0 !important;}
.mm-vertical .topmn.mm-panel a{flex:1;}
.topmn{display:none;} 

/* nodata */
.nodata	{color:#aaa;font-weight:300}
.nodata .tit{margin-top:30px; overflow:hidden; display:inline-block; text-overflow:ellipsis; white-space:nowrap; width:100%;}
.nodata .date{color:#aaa;}
/* //nodata */

@-webkit-keyframes gelatine {
  from,to {
    -webkit-transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
  }
  from,to {
    -webkit-transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
  }
}
@keyframes gelatine {
  from,to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
  from,to {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
    transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
    transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
    transform: scale(0.95, 1.05);
  }
}
/**/
@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Montserrat:700&display=swap');

body,h1,h2,h3,h4,input,button,textarea,select,div,table {font-family:pretendard,sans-serif;}

body {font-size:16px;}
.bodybg	{background-color:transparent;overflow-x:hidden;}
.mbg	{background-image:url(./img/mbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.mcbg	{background-image:url(./img/mcbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.sbg	{background-image:url(./img/sbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}
.cbg	{background-image:url(./img/cbg.jpg);background-repeat:repeat-y;background-position:50% 0;background-color:transparent}

#wrap		{position:relative;width:100%;padding:0;margin:0; min-width:1400px; }
#mvslide	{text-align:center;}
.bx-viewport:before{content:""; position:absolute; width:100%; height:35%; z-index:2; bottom:0; background:linear-gradient(0deg, #000000b5, rgba(0,0,0,0.0001));}
#svisual	{position:relative;width:100%;}
#svslide	{position:absolute;width:100%;}
#container	{position:relative;padding:0 0 80px 0;} /* d_width */
#container.sub_container{padding:30px 0}
#container:after	{content:"";clear:both;display:block;float:none;}

#banner				{display:none;padding:15px 0;background:#fff;border-top:1px solid #eee;text-align:center;}
#banner ul			{margin:0 -5px;}
#banner li			{float:left;}
#banner li img		{height:50px;padding:5px;}
#banner li a		{margin:0 5px;display:block;border:1px solid #eee;}
#banner ul.d4 li	{width:25%;}
#banner ul.d5 li	{width:20%;}

h1, h2, h3, h4, h5, h6 {clear:both;background:transparent;line-height:1.25;text-align:left;}
h1 {/*margin:0;padding:0;background:none;font-size:30px;color:#464C58;letter-spacing:-1px;*/}

h2{margin:30px 0 15px 0; padding:0; font-size:22px; font-weight:600; color:#01748A;}
h3 {margin:20px 0 15px 0;padding:0;font-size:20px;color:#00425C;}
h4 {margin:15px 0 5px 0;padding:0;font-size:15px;color:#5A6378;}
h5 {margin:10px 0 5px 0;padding:0;font-size:14px;font-weight:normal; }
/* h2:before{content:"\f046"; font-family:FontAwesome; color:#01748A; margin-right:5px; font-size:18px; font-weight:500;} */
h3:before{content:"\f138"; font-family:FontAwesome; color:#00425C; margin-right:5px; font-size:16px; vertical-align:middle; display:inline-block; margin-top:-2px;}
h4:before{content:"\f111";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px;}
h5:before{content:"\f10c";font-family:FontAwesome;color:#768395;margin-right:5px;font-size:12px;}
h6:before{content:"\f105";font-family:FontAwesome;color:#5A6378;margin-right:5px;font-size:12px;}

/**/
@media only screen and (max-width:1440px){
	#wrap			{min-width:1200px;}
	.d_width		{width:1200px;}
	.c_width		{width:1200px;border:1px dotted rgba(0,0,0,0.05);border:none !important}
}
@media only screen and (max-width:1240px){
	#wrap			{min-width:960px;}
	.d_width		{width:960px;}
	.c_width		{width:960px;border-color:yellow}
}
@media only screen and (max-width:1023px){
	#wrap			{min-width:720px;}
	.d_width			{width:720px;}
	.c_width		{width:720px;border-color:green}
}
@media only screen and (max-width:767px){
	#wrap			{min-width:320px;}
	.d_width		{width:auto; padding:0 20px; }
	.c_width		{width:auto; padding:0 20px; border-color:blue}
	.mh				{height:auto;min-height:auto;}
	.board-faq>ul>li a					{padding:1rem 3rem;}
	.board-faq>ul>li .answer			{padding:1rem 1rem 1rem 3rem;}
	.board-faq>ul>li .question:before,
	.board-faq>ul>li .answer:before		{left:1rem;line-height:60px;font-size:1.25rem;}
	.board-faq>ul>li .question:after	{font-size:1.25rem;}
}
@media only screen and (max-width:576px){
	.d_width		{padding:0 10px;}
	.c_width		{padding:0 10px; border-color:black}
}
@media only screen and (max-width:415px){
	.c_width		{border-color:red}
}

/* 기본layout */
#content	{float:left;width:1120px;padding:0;margin:0 0 0 40px;}
#aside		{float:right;width:0 !important;}

#body_head	{position:relative;}
#body_head .inwrap	{position:relative;margin:0 auto;width:1400px;}
#body_head:after	{content:"";display:block;float:none;clear:both;}
#location	{margin-right:200px;}
#location li{float:left;padding:0 10px;background:url(/images/ico_homearr.png) no-repeat 0 50%;font-size:12px;line-height:38px;}
#location li:first-child{padding-left:20px;background:url(/images/snb_home.png) no-repeat 0 50%;}
#location a	{color:#999}
#pnb		{position:absolute;right:0;top:0;}
#pnb .page_sns	{float:left;}
#pnb .page_sns li	{float:left;text-align:center;margin:5px 0 0 2px}
#pnb .page_sns a	{display:inline-block;width:28px;height:28px;line-height:28px;background:#ccc;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;color:#fff;}
#pnb .pnb_bx		{float:right;margin-left:5px;}
#pnb .pnb_bx li		{float:left;text-align:center;border-right:1px solid #eaeaea;width:38px;height:38px;line-height:38px;}
#pnb .pnb_bx li:first-child	{border-left:1px solid #eaeaea;}
#pnb .pnb_bx a	{color:#ccc}
#body_title		{clear:both;padding:10px 0 15px 0;margin:0 0 30px 0;border-bottom:1px solid #dadada;}
#body_content	{clear:both;padding:0 0 40px 0;margin:0;}

header				{position:absolute;left:0;top:0;width:100%;height:100px;padding:0;margin:0;z-index:100}
header #logo		{text-align:center; display:none; line-height:90px;}
header #logo img{height:35px;}
header #logo .logo2{display:none;}
header .sub_name	{display:inline-block;margin-left:5px;line-height:40px;font-size:16px;font-weight:bold;color:#000;vertical-align:middle;}
#topwrap .topmn		{position:absolute;top:65px;right:2rem;z-index:99;line-height:40px;height:40px;display:inline-block;}
#topwrap .topmn a	{margin-left:20px;font-size:14px;color:#fff;}
.topwrap {position:relative; background:var(--main-color); color:#fff; }
.topwrap .link{display:flex; justify-content:flex-end;}
.topwrap .link a {width:150px; font-size:14px; line-height:40px; border-right:1px solid #505051; text-align:center;}
.topwrap .link a.on{background-color:var(--main-color);}
#header .topwrap:before	{display:none; position:absolute; content:""; width:100%; height:2px; top:40px; right:0; background:linear-gradient(90deg, var(--main-color), var(--sub-color));}
#header.fix{position:fixed; left:0; top:0; box-shadow:0 5px 5px rgba(0,0,0,0.1); z-index:9999;}	
#gnb		{position:absolute; left:0; top:0; height:90px; width:100%;}
#gnbmn		{position:relative; width:1400px; padding:0; margin:0 auto; z-index:99;}
#gnbmn a	{display:block;}
/* #gnbmn a:hover	{color:var(--main-color) !important;} */
#header.active #gnb{background:#fff;}
#header.active #gnb #gnbmn ul.depth1 > li > a{color:#333; /* padding:0 3.25rem; */}
#gnb .pc-logo{position:absolute; right:0; top:25px; transition: all 0.3s;}
#gnb .logo-pc-active{display:none;}
#header.active .logo-pc-active{display:block;}
#header.active .logo-pc{display:none;}

#gnbmn a:hover, #gnbmn a.active, #gnbmn a.on { color: var(--main-color) !important;}
#gnbmn ul.depth1		{position:relative;padding:0;margin:0 auto; display:flex; justify-content:flex-start; flex-flow: row nowrap;}/*기본 margin: 0 100px 0 250px */
#gnbmn .mm-panels		{margin-left:150px;}
#gnbmn ul.depth1 > li		{ position:relative;padding:0;margin:0;text-align:center;}
#gnbmn ul.depth1 li a	{color:#fff;font-weight:500;margin:0;font-size:20px;line-height:90px; padding:0 5rem 0 20px;}
#gnbmn ul.depth2		{display:none;position:absolute;left:0;top:90px;padding:15px 0;margin:0;width:100%;z-index:4}
#gnbmn ul.depth2 li		{display:block;clear:both;padding:0;margin:0;text-align:center;width:100% !important;float:none;}
#gnbmn ul.depth1 > li:after					{content:'';display:block;position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:0%;height:3px;background-color:var(--main-color);transition:0.2s ease width;}
#gnbmn ul.depth1 > li:hover:after,
#gnbmn ul.depth1 > li.active:after			{width:100%;}

#gnbmn .depth2								{display:none;position:absolute;left:0;top:90px;width:200px;padding:15px 10px 15px 20px;margin:0;border-left:1px solid #ddd;text-align:left;}
#gnbmn .depth2>ul							{display:flex;flex-direction:column;align-items:flex-start;}
#gnbmn .depth2>ul>li>a						{color: #333; padding:0.5rem 0;margin:0;font-size:1.125rem;font-weight:500;line-height:1.25;;white-space:normal;word-break:keep-all;vertical-align:top;}
#gnbmn .depth2>ul>li>a>span					{display:inline-block;position:relative;text-align:left;}
#gnbmn .depth2>ul>li>a>span:before			{content:"";display:block;position:absolute;left:50%;bottom:0;width:0;transform:translateX(-50%);border-bottom:1px solid var(--main-color);transition:all ease-out 0.1s;}
#gnbmn .depth2>ul>li>a:hover>span:before	{width:100%;}

#gnbmn ul.depth3							{padding:0 0 0.325rem 0;}
#gnbmn ul.depth3>li>a						{padding:0;font-size:0.938rem;font-weight:300;}
#gnbmn ul.depth3>li>a:before				{content:"";display:inline-block;vertical-align:top;margin:0.725rem 0.5rem 0 0.25rem;width:2px;height:2px;border-radius:50%;background:#aaa}
#gnbmn ul.depth3>li>a:hover:before			{background:var(--main-color)}
#id_gnb_bg	{position:absolute;left:0;top:90px;z-index:3;}
.gnb_bg		{background-color:#f6f6f6;width:100%;padding:0;margin:0;box-shadow:0px 2px 1px rgba(0,0,0,1);
	-moz-box-shadow:0px 2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 2px 1px rgba(0,0,0,0.1);
	-ms-box-shadow:0px 2px 1px rgba(0,0,0,0.1);
	-o-box-shadow:0px 2px 1px rgba(0,0,0,0.1);
}
.gnb-btn{  position:absolute; left:0; top:22.5px; display:flex; gap:10px; z-index:9999;}
.gnb-btn .btn-h{width:45px; height:45px; border:none; text-align:center; line-height:45px; background: var(--main-color) url(/images/snb_home.png) no-repeat 50% 50%;}
/* .gnb-btn .btn-h i{color:#fff; text-align:center; font-size:18px;} */
.gnb-btn button{ width:45px; height:45px; background:#444; border:none;}  
.btn-s:hover #nav-icon span:nth-child(1){width:50%;}
.btn-s:hover #nav-icon span:nth-child(6){width:0;}
.btn-s:hover #nav-icon.open span:nth-child(6){width:50%;}

#nav-icon { width: 24px; height: 24px; position: relative; margin: 0 auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; }
#nav-icon span {display: block; position: absolute; height: 2px; width: 50%; background: #fff; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
#nav-icon span:nth-child(even) { left: 50%; }
#nav-icon span:nth-child(odd) { left:0px; }
#nav-icon span:nth-child(1){width:0; right:50%; left:auto;}
#nav-icon span:nth-child(1), #nav-icon span:nth-child(2) { top: 4px; }
#nav-icon span:nth-child(3), #nav-icon span:nth-child(4) { top: 12px; }
#nav-icon span:nth-child(5), #nav-icon span:nth-child(6) { top: 20px; } 
#nav-icon.open{width:50px; height:50px;}
#nav-icon.open span:nth-child(1),#nav-icon.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg);transform: rotate(45deg);}
#nav-icon.open span:nth-child(2),#nav-icon.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
#nav-icon.open span:nth-child(1) { left: 5px; top: 9px; width:50%; right:auto;}
#nav-icon.open span:nth-child(2) { left: calc(50% - 3px); top: 9px;}
#nav-icon.open span:nth-child(3) { left: -50%; opacity: 0;}
#nav-icon.open span:nth-child(4) { left: 100%; opacity: 0;}
#nav-icon.open span:nth-child(5) { left: 5px; top: 26px;}
#nav-icon.open span:nth-child(6) { left: calc(50% - 3px); top: 26px;}  
#nav-icon.open span{background:#444;}
#m-nav{display:none; /* position:absolute; right:0.25rem; top:40px; z-index:9999; */}
#m-nav a{line-height:40px; font-size:12px; padding:10px; color:#fff; border:none; text-align:center;}
#m-nav a:nth-child(2) {background:var(--main-color);}
#m-nav span{display: block; width:25px; height:3px; background-color:#000000; border-radius:5px; margin: 5px 0;}

/* sidequick */
.sidequick{	display:block; position:fixed; right:0; top:0; width:130px; height:700px; background:#fff; z-index:999;}
.sidequick .quick_log{	display:block; position:relative; width:130px; height:310px; padding-top:20px; text-align:center;}
.sidequick .quick_log > a {	display:inline-block; overflow:hidden; color:#333; font-size:30px; line-height:40px; text-align:right; font-family:'su-ba'}
.sidequick .quick_log::after{	content:""; display:block; position:absolute; left:50%; width:1px;  height:100px; background:#333; top:50%;}
.sidequick .more{width:58px; height:58px; background:var(--main-color); border-radius:50%; display:block; margin:20px auto; position:relative;}
.sidequick .more:before {content: ''; width: 18px; height: 18px; background: url(/images/collection-icon.png) no-repeat 0 0; position: absolute; top: 50%; left: 50%; animation: clticon 2s infinite; -webkit-animation: clticon 2s infinite;}
.sidequick .more:after {content: ''; width: 18px; height: 18px; background: url(/images/collection-icon.png) no-repeat 0 0; position: absolute; bottom: 50%; right: 50%; animation: clticon2 2s infinite; -webkit-animation: clticon2 2s infinite;}
.sidequick a:hover .more:before{animation:none; transform: translate(-6px, -6px);}
.sidequick a:hover .more:after{animation:none; transform: translate(6px, 6px);} 
.sidequick .quick_admission{	display:inline-table; width:100%; vertical-align:top;}
.sidequick .quick_admission .wrap{ display:table-cell;width:100%; height:200px; text-align:center; vertical-align:middle;}
.sidequick .quick_admission a{	font-family:'su-ba'; display:inline-block; overflow:hidden; width:100px; color:#333; font-size:18px; line-height:20px;}
.sidequick .quick_sitemap{ display:inline-table; width:100%; vertical-align:top; background:var(--main-color);  border-top:0; /* box-shadow:0 5px 20px 10px #999; */}
.sidequick .quick_sitemap .wrap{display:table-cell; width:100%; height:190px; text-align:center; vertical-align:middle; background:var(--main-color);}
.sidequick .quick_sitemap .wrap a { font-family:'su-ba';display:inline-block; overflow:hidden; width:100px; color:#fff; font-size:18px; line-height:20px;}

#main-tab	{position:fixed; top:320px; right:40px; text-align:center; z-index:100;  transition: all .4s;}
#main-tab a	{display:block;width:100px;height:100px;line-height: 1.2;padding: 34px 0;animation:tabbounce 0.4s ease-out both;margin-bottom:20px;border-radius:50%;text-align:center;background:rgba(0,0,0,0.5);color:#fff;}
#main-tab a.on{color:#fff;}
#main-tab a:nth-child(2){animation-delay:0.2s; background-color:var(--main-color);}
#main-tab a::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 100px; height: 100px; border: 1px dotted var(--sub-color); border-radius: 50%; opacity: 0; transition: all 1s;}
#main-tab a:hover {border:2px solid var(--sub-color);background-color:var(--sub-color);color:#fff;}
#main-tab a:hover::after {content: "";position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: inline-block; width: 140px; height: 140px; border: 1px dotted var(--sub-color); border-radius: 50%; opacity: 1;}
@keyframes clticon {
  0% {
     transform: translate(-6px, -6px);
  } 
  100% {
	transform: translate(-12px, -12px);
  }
}
@keyframes clticon2 {
  0% {
     transform: translate(6px, 6px);
  } 
  100% {
	transform: translate(12px, 12px);
  }
}
@-webkit-keyframes clticon {
  0% {
     transform: translate(-6px, -6px);
  } 
  100% {
	transform: translate(-12px, -12px);
  }
}
@-webkit-keyframes clticon2 {
  0% {
     transform: translate(6px, 6px);
  } 
  100% {
	transform: translate(12px, 12px);
  }
}

@keyframes tabbounce {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -200px, 0);
    transform: translate3d(0, -200px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/* //sidequick */

/* header반응형 */

@media only screen and (max-width:1480px){
	#main-tab a {font-size:16px; width: 75px; height:75px; padding:24px 0; font-size:14px; margin:0 0 10px;}
	#gnbmn	{width:1200px;}
	#gnbmn ul.depth1 > li > a	{font-size:1.25rem;}
	#gnbmn .depth2>ul>li>a	{max-width:120px;}
     
}
@media only screen and (max-width:1240px){
	#gnbmn	{width: 960px;}
	#gnbmn .mm-panels{margin-left:150px;}
	#gnbmn ul.depth1 .depth2 li a	{font-size:18px;}
	#gnbmn .depth2{width:150px;}
}
@media only screen and (max-width:1023px){
	#main-tab{display:none;} 
	#topgnb	{background:#fff;}
	#m-nav{display:block;}
	#m-nav a{line-height:30px; padding: 0 10px;}
	.gnb-btn{display:none;}
	#gnb{display:none;}
	header{height:90px;}
	header #logo{display:block;}
	#mo-menu{display:block;}
	.topmn{display:flex;}
	header #logo		{line-height:60px;}
}
@media only screen and (max-width:767px){
	#header.fix			{height:60px;}
	#mo-menu			{left:1.25rem;}
	#mo-menu a:before	{color:var(--main-color); background:inherit;}
}
@media only screen and (max-width:576px){
	#mo-menu			{left:0;}
	#logo				{top:1rem}
	#logo .logo-name	{font-size:0.725rem;}
	#header.header2 #gnb .topmn a.loginout,
	#header.header2 #gnb .topmn a.mypage    {font-size: 0.8rem;padding: 5px 7px;}
	#gnb .topmn a {margin-left: 0.3rem;}
	
}
@media only screen and (max-width:415px){
	header #logo		{line-height:50px;}
	#mo-menu			{top:6px;}
	header #logo img	{height:30px;}
}


/* //header반응형 */

/* footer */
footer .top-foot{background:url(/images/footer_img.png); background-color:#F6F6F6; display:block; width:100%; background-size:cover; background-repeat:no-repeat;}
footer .cotact-box{display:flex; justify-content:space-between; align-items:flex-end; padding:100px;}
footer .contact-textbx{max-width:calc(100% - 800px);}
footer .contact-textbx .tit{font-family:'su-ba';font-size:38px;}
footer .contact-textbx .txt{font-size:18px; color:#666; letter-spacing:-1px; font-weight:300; word-break:keep-all; max-width:550px; line-height:1.3;}
footer .contact-textbx .tit em{color:#305265;}
footer .cotact-box .contact-info{width:780px; height:80px; background:#fff; border-radius:10px; display:flex; padding:20px 30px; align-items:center; box-shadow:0 0 10px rgba(0,0,0,0.2);}
footer .cotact-box .contact-info p{font-size:23px; font-weight:900; color:#305265;}
footer .cotact-box .contact-info ul{display:flex; margin-left:30px;}
footer .cotact-box .contact-info ul li{font-size:16px; letter-spacing:-1px; font-weight:500;}
footer .cotact-box .contact-info ul li:first-child:after{content:""; margin:0 20px; border-left:1px solid #ccc;}
footer .cotact-box .contact-info ul li em{margin-right:10px;}
footer .btm-foot{padding:30px 0;background:var(--main-color); font-size:13px;}
footer .f_logo {display:none;}
footer .f_mn a {color:#0B3D91;margin-right:50px;font-size:17px; display:inline-block; margin:0 15px 0 0; line-height:45px;}
footer address{line-height:140%; color:#fff; padding:20px 0; margin-left:20px; font-size:14px; letter-spacing:-1px;}
footer address .copyright{margin-top:20px; color:#fff;}
footer .f-box{display:flex; align-items:center;}
footer .f_link{position:absolute; right:0;}
footer #fsite > a {background: #118354; color:#fff; padding:0 20px; position:relative; border-radius:5px; float:left; padding: 0 20px; margin-left:1px; height:55px; width:320px; font-size:16px; appearance:none; border:none;}
footer #fsite p{line-height:55px;}
footer .f_link option{color:inherit;}
footer #fsite span{width:55px; height:55px; display:block; position:absolute; top:0; right:0; text-align:center; line-height:55px; background-color:#525252;}
footer .f_link a i{color:#fff;}
#fsite > a:hover{background:#666;}
#fsite > a:hover p{color:#fff;}
#fsite .site-list{position:absolute; left:0; bottom:55px; width:100%; background:#444; z-index:11;}
#fsite .site-list a{font-size:14px; display:block; padding:10px 20px; color:#fff; border:2px solid #444;}
#fsite .site-list a:hover{border:2px solid #A0CA4A;color:#A0CA4A;font-weight:500;padding:10px 25px;}
/* //footer */
/* footer반응형 */
@media only screen and (max-width:1440px){
	footer .btm-foot	{padding:10px 0;}
}
@media only screen and (max-width:1240px){
	footer .cotact-box{padding:80px;}
}
@media only screen and (max-width:1023px){
	footer #fsite > a{width:250px;}
}
@media only screen and (max-width:767px){
	footer .cotact-box{padding:40px;}
	.f-logo{display:none;}
	footer #fsite > a{width:200px;}
	footer .f_link{right:20px;}
}
@media only screen and (max-width:576px){
	footer .f-box	{padding:10px;}
	#fsite			{display:flex; justify-content:center;}
	footer address	{text-align:center;}
	footer .f_link	{position:relative;}
	footer .f-box	{flex-direction:column-reverse;}
	footer .f_link	{width:100%; right:0;}
	footer #fsite > a{width:100%; height:45px;}
	footer #fsite p	{line-height:45px;}
	#fsite			{}
	#fsite .site-list{ left:auto;}
	footer .btm-foot{padding:0;}
	footer #fsite span{width:45px; height:45px; line-height:45px;}
	#fsite .site-list{bottom:45px;}
}
@media only screen and (max-width:415px){
}
/* //footer반응형 */

/* 메인비주얼 */
.mvcont{padding-top:250px;}
#main-visual:before{content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background:rgba(0,0,0,0.3);}
.mv-tit .m-tit{font-size:48px; color:#fff;}
.mv-tit .txt{color:#E0E0E0; font-size:20px; margin:40px 0 80px 0; font-family:'su-ba';}
.mv-tit .m-tit span{border-left:1px solid rgba(255,255,255,0.3); border-top:1px solid rgba(255,255,255,0.3); border-bottom:1px solid rgba(255,255,255,0.3);line-height:70px; display:inline-block; width:100px; height:100px; text-align:center; padding: 20px; font-family:'su-ba'; font-weight:700;}
.mv-tit .s-tit{font-size:43px; font-family:'su-ba'; color:#f1f1f1;}

.mv-tit p:first-child{margin-bottom:20px;}
.mv-tit span:last-child{ border-right:1px solid rgba(255,255,255,0.3);}
.mv-control .arr{position:relative; display:inline-block; vertical-align:middle; width:60px;}
.mv-control .arr-prev:before{content:"";position:absolute;left:0; top:-6px;display:inline-block;width:14px;height:14px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(-45deg);}
.mv-control .arr-next:after{content:"";position:absolute;right:0; top:-6px;display:inline-block;width:14px;height:14px;border-left:2px solid #fff;border-top:2px solid #fff;transform:rotate(135deg);}

.main-section{position:relative; z-index:1;}
.main-visual{position:relative; top:0; width: 100%; }   
.main-visual .swiper-slide{background:#fff; height:900px; overflow:hidden; }
.main-visual .swiper-slide > span{width:100%; height:100%; background-size:cover; background-position:center center; transform:scale(1.2); transition: all 1.4s ease-out; -webkit-transition: all 1.4s ease-out; opacity:0;}
.main-visual .swiper-container-fade .swiper-slide-active span, 
.main-visual .swiper-container-fade .swiper-slide-active .swiper-slide-active span{transform:scale(1); opacity:1;} 
.main-visual .swiper-slide { overflow: hidden;} 
.main-visual .slide-inner { position: absolute; width: 100%; height: 100%; left: 0; top: 0;background-size: cover; background-position: center; }    
.main-visual .slide-inner:after{content:''; width:100%; height:100%; position:absolute; top:0; right:0; z-index:1; background:linear-gradient(90deg, #0005, #0000);}
.main-visual .swiper-btn-wr{position:absolute; width:100%; bottom:27%;  left:0; } 
.main-visual .swiper-btn-wr button { opacity:.5; border:none;}
.main-visual .swiper-btn-wr button i{font-size:25px;}
.main-visual .swiper-btn-wr button i:last-child{margin-left:20px;}
.main-visual .swiper-btn-wr button:hover{opacity:1;} 
.main-visual .swiper-btn-wr button:active{opacity:1;}
.main-visual .swiper-button-prev{ }
.main-visual .swiper-button-next{ margin-left:118px; }
.main-visual .swiper-button-next, .main-visual .swiper-button-prev{background-color: transparent;   position:relative;  color:#fff; background:none; left:auto; right:auto; }
.main-visual .swiper-container-horizontal>.swiper-pagination-bullets, .main-visual .swiper-pagination-custom, .main-visual .main-visual .swiper-pagination-fraction{position:relative;   bottom:auto;  }
.main-visual .swiper-pagination-fraction{color:rgba(255,255,255,.5); font-size:18px;}
.main-visual .swiper-pagination-fraction em{ font-size:1.2em; vertical-align:baseline; font-weight:bold; margin-right:57px; color:#FFCC33; } 
.main-visual .swiper-pagination{text-align:left; position:relative; padding: 0 50px; bottom:0; line-height:20px;}
.main-visual .swiper-pagination-fraction span{vertical-align:baseline;  }
.main-visual .swiper-pagination-bullet{border-radius:10px;}
.wr{max-width:1400px; width:90%; margin:0 auto;}
.main-visual .swiper-pagination-bullet-active{ background: #b5aa58;} 
.visual-title{color:#fff; position:absolute; z-index:3; width:90%; left:5%; top:25%;}
.mv-swiper-paging{ position:absolute;bottom: 28%;width:100%;left:0; z-index:2;}
.mv-swiper-paging .d_width{}
.mv-swiper-paging .swiper-progress-bar { position: relative; width: 30px; display: block; z-index: 1; height: 2px; bottom:12px; left:90px;}
.mv-swiper-paging .swiper-progress-bar .slide_progress-bar { position: absolute; height: 100%;background: rgba(255,255,255, 0.3); width: auto; clear: both; opacity: 0;  width:100%;}
.mv-swiper-paging .swiper-progress-bar .slide_progress-bar:after { position: absolute; top: 0; left: 0;background: #fff; height: 100%; width: 0;content: "";}
.mv-swiper-paging .swiper-progress-bar.active .slide_progress-bar { opacity: 1;}
.mv-swiper-paging .swiper-progress-bar.animate .slide_progress-bar:after {  transition: width linear; transition-delay: unset; width: 100%; transition-duration: 3s;}



.arr-halp{width:27px; height:6px; background:url('/images/btn/arr-halp.png'); margin-left:10px; transition:all ease .3s;}
 
.main-visual .swiper-slide.swiper-slide-active .visual-title a,
.main-visual .swiper-slide.swiper-slide-active .visual-title small,
.main-visual .swiper-slide.swiper-slide-active .visual-title p {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.main-visual .visual-title a{
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1.5s;
  /* transform: translate3d(-40px, 0, 0);
  opacity: 0; */}
.main-visual .visual-title p{
 /*  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1.3s; */
  /* transform: translate3d(-40px, 0, 0); */
  /* opacity: 0; */}
.main-visual .visual-title small{
  /* opacity: 0; */
  transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
  /* transform: translate3d(-40px, 0, 0) */;
 }  
 

/* //메인비주얼 */
/* 메인비주얼 반응형 */
@media only screen and (max-width:1440px){
	.visual-title	{position:relative; width:auto; left:0;}
	.main-visual .swiper-slide{height:700px;}
	.mv-tit .txt{margin:10px 0 40px 0;}
}
@media only screen and (max-width:1240px){
	.visual-title{top:35%;}
	.main-visual .swiper-slide{height:600px;}
	.mv-tit .m-tit span	{width:80px; height:80px; line-height:50px;}
	.mv-tit .s-tit{ font-size:36px;}
	.mv-tit .txt{margin:10px 0 40px 0; font-size:18px;}
	.main-visual .swiper-btn-wr{bottom:18%;}
	.mv-swiper-paging{bottom:20%}
	.main-visual .swiper-btn-wr button i:last-child{margin-left:0;}
	.main-visual .swiper-pagination{padding:0 35px;}
	.mv-swiper-paging .swiper-progress-bar{left:80px;}



}
@media only screen and (max-width:1023px){
	.main-visual .swiper-slide{height:500px;}
	.mv-tit .m-tit{font-size:28px;}
	.mv-tit .m-tit span{width:60px; height:60px; line-height:70px; padding:0;}
	.mv-tit .s-tit{font-size:24px;}
	.mv-tit .txt{margin:20px 0;}
	
}
@media only screen and (max-width:767px){
	.main-visual .swiper-slide{height:400px;}
	.mv-tit .s-tit{font-size:20px;}
	.mv-tit .txt{margin:10px 0; font-size:16px;}
	.mv-swiper-paging{bottom:10%;}
	.mv-swiper-paging .swiper-progress-bar{left:75px; bottom:12px;}
	.main-visual .swiper-button-next{margin-left:115px;}
	.main-visual .swiper-pagination-fraction b{margin-right:50px;}
	.main-visual .swiper-btn-wr{bottom:7%;}

}
@media only screen and (max-width:576px){
	.mv-tit .m-tit{font-size:24px;}
	.mv-tit .m-tit span{width:40px; height:40px; line-height:45px;}
	.mv-tit .s-tit{font-size:18px;}
	.mv-tit .txt{font-size:14px;}
	.main-visual .swiper-pagination-fraction em{font-size:20px;}
}
@media only screen and (max-width:371px){
	.va-bl{display:block;}
}
@media only screen and (max-width:415px){
	.mv-tit p:first-child{text-align:center; margin-bottom:10px;}
	.mv-tit .s-tit{text-align:center;}
	.mv-tit .txt{text-align:center;}
	.main-visual .swiper-pagination{text-align:center;}
	.swiper-btn-wr > div{text-align:center;} 
	.mv-swiper-paging .swiper-progress-bar{left:50%; transform:translateX(-50%);}
/* 	.main-visual .swiper-pagination{text-align:center; display:flex; justify-content:center;}
	.mv-swiper-paging .swiper-progress-bar{left:135px;}
	.main-visual .swiper-btn-wr button i:last-child{margin-left:66px;}
	 	.mv-swiper-paging{left:-10px;} 
	.mv-swiper-paging .swiper-progress-bar{left:150px;}
	.main-visual .swiper-button-next{margin-left:132px;} */
}
/* //메인비주얼 반응형 */





/* 슬라이드 */
.mv-cont{position:relative; z-index:1;}
#section01 .col-wrap .col1{width:685px; float:left; margin-top:-130px;}
.slide-bx{height: 350px; padding: 140px 30px 0; background-size: cover;}

.slide-bx .tit-wrap p{color:#fff;}
.slide-bx .tit-wrap .tit{font-size:25px; margin-bottom:10px;}
.slide-bx .tit-wrap .txt{letter-spacing:-1px; max-width:450px; word-break:keep-all;}
.slide-bx.bg1{background-image:url(/images/slide-img.png);}
.slide-bx.bg2{background-image:url(/images/slide-img.png);}
.slide-bx.bg3{background-image:url(/images/slide-img.png);}
.mv-cont .bx-pager{position:absolute; top:55%; left:30px; z-index:99;}
.mv-cont .bx-pager-item{float:left; margin-right:5px;}
.mv-cont .bx-pager-link.active{border-color:#fff; background:var(--main-color); color:#fff;}
.mv-cont .bx-pager-link{display:block; width:40px; height:40px; line-height:37px; border-radius:50%; text-align:center; color:#637C8B; border:2px solid #363c5a55;}
/* //슬라이드 */
/* 퀵무브 */
.visual-con{width:calc(100% - 685px); display:flex; justify-content:center;}
.visual-con .icon-move{background:#fff;}
.visual-con .ico-box{width:600px; display:flex; padding:60px 0;}
.visual-con .ico-box a:hover img{animation:flipInY 0.5s both; transition:all 0.5s;}
.visual-con .ico-box a:hover p{color:var(--main-color);r}
.visual-con .ico-box a{text-align:center; position:relative;}
.visual-con .ico-box p{margin:10px 0 0; color:#999; display:inline-block; padding:0 15px;}
.visual-con .ico-box a:after{content:""; width:6px; height:90%; background:url(/images/pattern_line.png); position:absolute; top:5%; right:-3px;}
.visual-con .ico-box a:last-child:after{display:none;}
/* //퀵무브 */
/* section01 반응형 */

/* //section01 반응형 */

@media only screen and (max-width:1440px){
	#section01 .col-wrap .col1{width:600px;}
	.visual-con .ico-box{width:auto;}
	.visual-con{width:calc(100% - 600px);}
}
@media only screen and (max-width:1240px){
	#section01 .col-wrap .col1{margin-top : -50px;width:520px;}
	.visual-con{width:calc(100% - 520px);}
	.bx-viewport{height:250px !important;}
	.slide-bx{height:250px; padding:80px 30px 0;}
	.visual-con .ico-box{padding:30px 0;}
	.mv-cont .bx-pager{top:70%;}
}
@media only screen and (max-width:1023px){
	.visual-con .ico-box{flex-direction:column; padding:0;  align-items:flex-start;}
	.visual-con .ico-box a:after{display:none;}
	.visual-con .ico-box a{padding:10px 0; width:100%; text-align:left;}
	.visual-con .ico-box a:not(:last-child){border-bottom:1px dotted #ccc; }
	.visual-con .ico-box a img{height:50px; }
	.mv-cont .bx-pager{top:68%;}
}
@media only screen and (max-width:767px){
	#section01 .col-wrap .col1{margin:20px 0;  width:100%; float:none;}
	.visual-con{width:100%;}
	.visual-con .icon-move{width:100%;}
	.slide-bx .tit-wrap .tit{font-size:22px;}
	.slide-bx .tit-wrap .txt{max-width:380px;}
	.slide-bx{height:300px; padding:100px 30px;}
	.bx-viewport{height:300px !important;}
	.slide-bx .tit-wrap .txt{max-width:500px;}
	.mv-cont .bx-pager{top:48%; left:50px;}
	.visual-con .ico-box{flex-direction:row; justify-content:space-between;}
	.visual-con .ico-box a{width:calc(33.33% - 10px); text-align:center;}
	.visual-con .ico-box a p {display:block;}
	.visual-con .ico-box a img{height:80px;}
	.visual-con .ico-box a:after{display:block;}
	.visual-con .ico-box a:not(:last-child){border-bottom:none;}
}
@media only screen and (max-width:576px){
	.slide-bx{height:250px; padding: 50px 30px;}
	.bx-viewport{height:250px !important;}
	.visual-con .ico-box p{line-height:1.2; display:block;}
	.slide-bx .tit-wrap .tit{font-size:18px;}
	.mv-cont .bx-pager-link{width:30px;height:30px;line-height:26px;font-size:14px;}
	.slide-bx .tit-wrap .txt{max-width:400px;}
}
@media only screen and (max-width:415px){
	.slide-bx{padding:30px;}
	.visual-con .ico-box p{word-break:keep-all;}
	.visual-con .ico-box a img{height:50px;}
}


/* 새로운소식 */
#section2{position:relative;}
.mnotice{position:relative; padding:50px 0;}
.mnotice .tit{font-size:33px; font-weight:300;}
.mnotice .tit em{color:#000; font-weight:900;}
.mnotice .tab{margin-bottom:20px;}
.mnotice .cont{display:flex; margin:0 -20px; flex-wrap:wrap;}
.mnotice .cont li{width:calc(33.33% - 40px); margin:0 20px;}
.mnotice .cont li a{display:flex; justify-content:space-between; align-items:center; height:145px; padding:40px 0; border-bottom:1px solid #D3DAE4;}
.mnotice .cont li a:hover{padding:35px 0 45px;}
.mnotice .more:hover{color:#fff; background:var(--main-color); border-color:var(--main-color);}
.mnotice .subject{width: calc(100% - 65px); font-size: 21px; color: #000; overflow: hidden; display:inline-block; text-overflow: ellipsis; word-break: keep-all; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-height: 58px; line-height: 1.4; font-weight:400;}

.mnotice .cont .date{width:65px; margin-left:70px; font-size:15px; color:var(--main-color); text-align:center; letter-spacing:-1.5px;}
.mnotice .cont li a:hover .date{color:var(--sub-color);}
.mnotice .cont li a:hover {padding:20px 0 40px;}
.mnotice .cont li a:hover .subject span{background:#0c6e462e;}
.mnotice .cont .date span{font-family:'su-do';display:block; font-size:36px; line-height:36px;}
.mnotice .more{display:block; width:36px; height:36px; line-height:36px; border-radius:50%; border:1px solid #ccc; text-align:center; position:absolute; top:0px; right:0; font-size:15px;}
.no-data.no-notice{display:flex; justify-content:space-between; align-items:center; height:145px; padding:40px 0; border-bottom:1px solid #D3DAE4;}
.no-data.no-notice .subject{color:#666;}
.no-data.no-notice .date{color:#666;}
/* //새로운소식 */
/* 새로운소식 반응형 */
@media only screen and (max-width:1023px){ /* 720 */
	.mnotice .cont li{width:100%;}
	.mnotice .cont li a{height:auto;padding:20px 0;}
	.mnotice .cont li a:hover{padding:20px 0;}
	.no-data.no-notice{height:auto; padding:20px 0;}
	.mnotice{padding:20px 0;}
}
@media only screen and (max-width:767px){ /* auto */	

	.mnotice .d_width{padding:0 20px;}
	.mnotice .tit{font-size:1.8rem;}
	.mnotice .cont{margin:0;}
	.mnotice .cont li{width:100%;margin:0;}
	.mnotice .cont li:nth-child(4),
	.mnotice .cont li:nth-child(5),
	.mnotice .cont li:nth-child(6){display:none;}
	.mnotice .cont .date{margin-left:30px;}

	.mnotice .more{right:30px;}
}

@media only screen and (max-width:576px){ /* mobile-l */
	.mnotice{padding:30px 0;}
	.mnotice .tit{font-size:1.4rem;}
	.mnotice .more{width:30px;height:30px;line-height:30px;font-size:14px;top:-3px;}
	.mnotice .subject{font-size:1.1rem;}
	.mnotice .cont li a{padding:10px 0;}
	.mnotice .cont li a:hover{padding:10px 0;}
	.mnotice .cont .date span{font-size:28px;}
	.no-data.no-notice{padding:10px 0;}
}
@media only screen and (max-width:415px){ /* mobile-s */
	.mnotice .more{right:25px;top:0;}
	.mnotice .cont .date{font-size:14px;}
	.mnotice .cont .date span{font-size:22px; line-height:28px;}
}

/* //새로운소식 반응형 */

/* mlearn */
.mlearn{margin:70px 0 80px;}
.mlearn > .d_width{z-index:1;}
.mlearn .learn-box{width:calc(25% - 20px); width:calc(25% - 20px); float:left;}
.mlearn .learn-box .tit{font-size:25px; color:#333; font-weight:300; margin-top:0;}
.mlearn .learn-box .tit em{font-size:45px; font-weight:900; color:#333;}
.mlearn .learn-box .txt{color:#416F89; font-size:18px; letter-spacing:-1px;}
.mlearn .tab{ margin:60px 40px 0 0;}
.mlearn .tab a {display:block; width:100%;  color:#305265; font-size:19px; line-height:65px; font-size:1.2rem; font-weight:900; position:relative; border-bottom:1px solid #D3DAE4; letter-spacing:-0.5px;}
.mlearn .tab a:hover{color:var(--main-color);}
.mlearn .tab a:hover:before{transform:rotateX(180deg);background:var(--main-color);}
.mlearn .tab a:before{content:"\f30b"; font-family:fontAwesome; font-weight:100; font-size:16px; color:#F0F7FF; width:23px; height:23px; line-height:23px; border-radius:50%; background:#305265; margin-top:25px; position:absolute; right:0; top:-2px; transition:all 0.3s;}
.mlearn .learn-list{width:calc(75% - 20px); float:right; display:flex; margin:0 -10px;}
.mlearn .learn-list > li{width:calc(33.33% - 20px); margin:0 10px;}
.mlearn .learn-list > li a{display:block; background:#fff; overflow:hidden; border:1px solid #D3DAE4; text-align:left;}
.learn-list .img{height:200px; overflow:hidden; position:relative;}
.learn-list .thumb{ height:200px; width:100%;  overflow:hidden; position:relative; min-height:200px; border-bottom:1px solid #eaeaea;}
/* .learn-list > li:nth-child(2n){margin-top:30px;} */
.learn-list .cont{padding: 20px 15px; background:#fff;}
.learn-list .subject{font-size:21px; color:#333; font-weight:700; overflow: hidden; text-overflow:ellipsis; word-break:break-word; word-wrap: break-word; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 30px; line-height: 1.2; letter-spacing: -0.075rem;}
.learn-list .info{margin:25px 0; font-size:15px; color:#666; letter-spacing:-.08rem;}
.learn-list .info li{display:flex;}
.learn-list .info span{color:#305265; margin-right:10px;display:inline-block;width:50px;flex-shrink:0;}
.learn-list .state{line-height:34px; background:#F7F8FA; border-radius:34px; text-align:right; padding:0 20px; font-size:12px; position:relative; margin:5px 0;}
.learn-list .state span{display:block; width:120px; line-height:34px; border-radius:34px; text-align:center; position:absolute; top:0; left:0; font-size:14px; color:#fff;}
.learn-list .state span.app{background:#305265;}
.learn-list .state span.wait{background:#666666;}
.learn-list	 li:not(.no-data) > a:hover{box-shadow:10px 10px 20px rgba(0,0,0,0.2);transform:translateY(-10px);}
.learn-list .badge{position:absolute; margin-top:-37px;  z-index:9; border-radius:25px; font-size:14px; padding:7.5px 15px;}
.learn-list .badge.ing{background:var(--main-color); border:var(--main-color);}
.learn-list .badge.end{background:var(--sub-color); border:var(--sub-color);}
.learn-list .no-data .subject{color:#aaaaaa; font-weight:300; font-size:16px;}
.learn-list .no-data .info li{color:#aaaaaa;}
.learn-list .no-data .info li span{color:#aaaaaa;}
/* //mlearn */
/* mlearn반응형 */
@media only screen and (max-width:1240px){ /* 960 */
	.mlearn		{margin:0 0 80px 0;}
	.mlearn .tab{width:auto;float:none;margin:20px -20px 40px;}
	.mlearn .learn-box{float:none; width:auto;}
	.mlearn .learn-box .txt{text-align:center;}
	.mlearn .learn-box .txt br{display:none;}
	.mlearn .learn-list{width:auto;float:none;}
	.mlearn .tit{position:static;top:auto;left:auto;text-align:center;}
	.mlearn .tab a{width:100%; margin:0 20px;}
	.mlearn .learn-box .tit{font-size:20px;}
	.mlearn .learn-box .tit em{font-size:40px;}
}
@media only screen and (max-width:1023px){ /* 720 */
	.mlearn .learn-list .subject{font-size:1.4rem;}
	.learn-list .info span{font-weight:bold;}
	.mlearn .learn-list > li{width:100%;margin:0 10px;}
	.learn-list .thumb{min-height:150px !important; height:100% !important;}
	.mlearn .learn-list{display:flex; flex-wrap:wrap; gap:30px;}
	.mlearn .learn-list > li a{display:flex; height:100%; overflow:unset;}
	.mlearn .learn-list > li a > div{width:calc(50%);}
}
@media only screen and (max-width:767px){ /* auto */
	.mlearn .tab{margin:10px -10px 20px;}
	.mlearn .learn-list{flex-wrap:wrap;margin:0 -10px;}
	.learn-list .subject{-webkit-line-clamp:1;}
	.mlearn .learn-box .txt{display:none;}
	.mlearn .learn-box .tit{margin:15px 0;}
	.mlearn .learn-list > li a{flex-direction:column; }
	.mlearn .learn-list > li a > div{width:100%;}

}
@media only screen and (max-width:576px){ /* mobile-l */
	.mlearn	{margin:20px 0;}
	.mlearn .learn-box .tit{word-break:keep-all; font-size:1.4rem; margin:10px 0;}
	.mlearn .learn-box .tit em{font-size:30px;}
	.mlearn .learn-box .txt	{display:none;}
	.mlearn .tab a,
	.mlearn .learn-list > li{width:calc(100% - 20px);}
	.mlearn .tab a{font-size:1rem;line-height:50px;}
	.mlearn .learn-list{gap:15px;}


}
@media only screen and (max-width:415px){ /* mobile-s */
	.mlearn .learn-list .subject{font-size:1.2rem;}
	.mlearn .learn-list{gap:10px;}
}	
/* //mlearn반응형 */

/* mphoto */
.mphoto{padding:0 0 70px; background:#F6F6F6; position:relative;}
.mphoto:before{content:""; background:#F6F6F6; position:absolute; top:-140px; z-index:0; width: 100%;height:200px; transform:translate(0px,10px) skew(0deg, 3deg);}
.mphoto .d_width > .tit .wobble{font-weight:900;}
.mphoto .d_width > .tit{margin-bottom:40px; font-size:33px; color:#333; font-weight:300;}
.mphoto .d_width > .tit:after{content:""; width:70%; border-top:1px solid #D3DAE4; position:absolute; right:0; top:20px;}
.photo-list{display:flex; margin:0 -20px;}
.photo-list li{width:calc(20% - 40px); margin:0 20px; position:relative;}
.photo-list li a{display:block;}
.photo-list .img{height:auto; aspect-ratio:1/1;overflow:hidden; position:relative;}
.photo-list .img img{min-width:100%; min-height:100%; object-fit:cover;}
.photo-list a .tit{font-size:19px; font-weight:600; width:100%; margin-top:30px; overflow:hidden;display:inline-block;text-overflow:ellipsis;white-space:nowrap;}
.photo-list .txt{margin:0 0 30px 0; overflow:hidden; text-overflow:ellipsis; word-break:break-all; word-wrap:break-word; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:50px; line-height:1.5;}
.photo-list .date{font-size:14px; color:#666; padding:10px 0; border-top:1px solid #D3DAE4; letter-spacing:-1px;}
.photo-list .img:before{content:"";width:100%;height:100%;background:linear-gradient(0deg, #000c, rgba(0,0,0,0.2));position:absolute;top:0;left:0;opacity:0;transition:all 0.3s;}
.photo-list .img:after{content:"\2b";font-family:fontAwesome;font-size:3rem;color:#A0CA4A;position:absolute;top:50%;left:50%;transform:translate(-50%, 80%) rotate(180deg);opacity:0;transition:all 0.3s;}
.photo-list li a:hover .img:before{opacity:1;}
.photo-list li a:hover .img:after{opacity:1;transform:translate(-50%, -50%) rotate(0deg);}
/* //mphoto */

@media only screen and (max-width:1750px){ /* 1200 */	
	.mphoto .d_width > .tit:after{width:52%;}
}
@media only screen and (max-width:1240px){ /* 960 */
	.photo-list li{width:calc(25% - 40px);}
	.photo-list li:nth-child(5){display:none;}
	.mphoto .d_width > .tit:after{width:55%;}
	.mphoto:before{top:-80px;}
}
@media only screen and (max-width:1023px){ /* 720 */
	.mphoto:before{top:-40px;}
	.mphoto .d_width > .tit:after{width:40%;}
	.photo-list a .tit{margin-top:20px;}
	.photo-list{margin: 0 -10px;}
	.photo-list li{width:calc(33.33% - 20px); margin:0 10px;}
	.photo-list li:nth-child(4){display:none;}
	.nodata .tit{margin-top:20px;}
}
@media only screen and (max-width:767px){ /* auto */

	.mphoto .d_width > .tit{font-size:1.8rem;}
	.photo-list li{width:calc(50% - 20px); margin:0 10px;}
	.photo-list li:nth-child(3){display:none;}
	.mphoto{padding:0;}
	.mphoto .d_width > .tit:after{display:none;}
	.photo-list .txt{margin:20px 0;}
	.photo-list .img{aspect-ratio:unset; height:250px;}

}
@media only screen and (max-width:576px){ /* mobile-l */
	.mphoto .d_width > .tit{font-size:1.4rem; margin:15px 0;}
	.mphoto:before{top:-10px;}
	.mphoto{padding:10px 0;}
	.photo-list .txt{margin:10px 0;}

}
@media only screen and (max-width:415px){ /* mobile-s */
	.photo-list a .tit{margin-top:15px;}
	.mphoto .d_width > .tit{font-size:1.4rem; margin:10px 0;}
	.photo-list li{width:calc(100% - 10px);}
	.photo-list li:nth-child(2){display:none;}
	.photo-list .img{ height:300px;}


}


/*서브페이지*/
/*서브공통*/
#sub-container{padding:40px 0 0 0;}
#sub-container h2{font-size:var(--font-xlg);color:#333;margin:40px 0 25px;}
#sub-container h2:before{content:"";width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg, var(--main-color) 20%, #A0CA4A);display:inline-block;margin-right:5px;vertical-align:middle;}
#sub-container h3:before{display:none;}

#wrap.sbg #gnbmn ul.depth1 li a{color:#333;}
#wrap.sbg footer .top-foot{background-image:url(/images/footer_img-sub.png);}

.ico-bx{border-top:2px solid #30384B;border-bottom:1px solid #ccc;padding:20px 0;display:flex;align-items:center;}
.ico-bx:before{content:"";width:90px;height:90px;border-radius:50%;background:#f6f6f6 url(/images/ico-bx01.png) no-repeat 50% 50%;margin:0 20px;}
.ico-bx .tit{color:#305265;font-size:20px;font-weight:700;}
.ico-bx.ico2:before{background-image:url(/images/ico-bx02.png)} /*프로그램 상세 문의*/
.ico-bx em{font-weight:700;margin-right:5px;}

/*서브비주얼*/
#sub-visual			{position:relative;line-height:1;z-index:10;}
#sub-visual .svbg	{background:url(/images/sv-bg2.png) no-repeat 0% 30%/cover;z-index:1;}
#sub-visual .svbg .d_width{padding:120px 0 100px;}
#sub-visual .location{font-size:15px;font-weight:500;color:#30384B;margin:0 0 3px 5px;}
#sub-visual .location .home{font-weight:700;color:var(--main-color);}
#sub-visual .location a:after{content:"\f04b";font-family:fontAwesome;color:#0002;font-size:.6rem;margin:0 10px;vertical-align:middle;}
#sub-visual h1{font-size:var(--font-4xlg);color:#30384B;margin:0;}

.snb-wrap		{position:relative;left:0;margin-top:-70px;width:100%;height:70px;text-align:left;z-index:99;}
#snb			{position:relative;background:#0008;}
#snb a			{position:relative;display:block;height:100%;}
#snb ul			{}
#snb ul li			{position:relative;float:left;cursor:pointer;border-right:1px solid rgba(255,255,255,0.3);}
#snb ul li:first-child{border-right:0;}
#snb ul li span,
#snb ul li a		{display:block;padding:0 40px 0 20px;min-width:240px;line-height:70px;color:#fff;font-size:16px;white-space:nowrap;}
#snb ul li span:hover,
#snb ul li.on span	{color:#fff;}
#snb ul li.home a			{min-width:auto;width:70px;height:70px;border:none;background:var(--main-color) url(/images/snb_home.png) no-repeat 50% 50%;}
#snb ul li span:after		{content:"";position:absolute;right:20px;top:50%;margin-top:-7px;display:block;width:10px;height:10px;border-right:1px solid #AFAFAF;border-bottom:1px solid #AFAFAF;transform:rotate(45deg);transition:all 0.2s ease-out;}
#snb ul li:hover span:after	{transform:rotate(-135deg);margin-top:-4px;}
#snb ul ul			{visibility:hidden;opacity:0;position:absolute;left:0;top:70px;width:100%;border:1px solid rgba(0,0,0,0.1);border-top:none;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,0.15);}
#snb li:hover ul	{visibility:visible;opacity:1;transition:all .3s;}
#snb ul ul li		{position:relative;overflow:hidden;float:none;width:100%;}
#snb ul ul li:before	{content:"";display:block;position:absolute;left:-100%;top:0;width:100%;height:100%;background:#f6f6f6;transition:all 0.4s cubic-bezier(.65,.26,.19,1.23);}
#snb ul ul li:hover:before	{left:0;}
#snb ul ul li:after	{display:none}
#snb ul ul li.on	{margin:0 -1px;width:calc(100% + 2px);background:#416F89;border-bottom:none;}
#snb ul ul li a		{position:relative;min-width:auto;line-height:1;color:#777;font-size:15px;border:none;padding:15px 20px;background:none;overflow:hidden;border-top:1px dashed rgba(0,0,0,0.1);}
#snb ul ul li:first-child a,
#snb ul ul li.on a,
#snb ul ul li.on + li a		{border-top:none;}
#snb ul ul li a:hover		{color:#000;}
#snb ul ul li.on a,
#snb ul ul li.on a:hover	{color:#fff;}
#snb ul ul li.on:hover:before	{display:none;}
#snb a.newWin:after	{content:"\f35d";font-family:FontAwesome;font-weight:900;display:inline-block;position:absolute;right:20px;top:50%;margin-top:-8px;font-size:12px;color:#ccc;vertical-align:middle;}

.pnb		{position:absolute;right:0;top:0;margin:0;z-index:8;}
.pnb:after	{content:"";display:block;float:none;clear:both;}
.pnb ul		{float:left;vertical-align:middle;}
.pnb li		{float:left;}
.pnb li a,
.pnb li a i{position:relative;display:block;display:block;height:70px;width:50px;text-align:center;font-size:13px;color:#fff;line-height:70px;}
.pnb li a:before	{content:"";display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background:rgba(255,255,255,0.1);}
.pnb li:first-child a:before	{display:none;}
.pnb li:nth-child(2) a	{font-weight:600;}
.pnb .ico-print, .pnb .ico-share	{float:left;display:inline-block;width:60px;height:70px;background-image:url(/images/pnb_ico.png);background-repeat:no-repeat;vertical-align:middle;transition:all 0.2s ease-out;}
.pnb > .ico-print	{background-position:-60px 50%;}
.pnb > .ico-share	{background-position:0px 50%;background-color:#0003;}
.pnb .ico-share:before			{display:block;background-position:-5px -5px;}
.pnb .ico-print:before			{display:block;background-position:-5px -65px;}
.pnb .ico-share .share-sns		{display:none;position:absolute;right:0;top:60px;width:160px;background:var(--dgray1);border-radius:0.25rem;overflow:hidden;}
.pnb .ico-share .share-sns:after{content:"";display:block;float:none;clear:both;}
.pnb .ico-share:hover .share-sns{display:block;}
.pnb .ico-share .share-sns a	{float:left;display:block;width:40px;height:40px;line-height:40px;text-align:center;color:#fff;border-left:1px solid rgba(0,0,0,0.05)}
.pnb .ico-share .share-sns a:first-child{border:none;}
.pnb .ico-share .share-sns a:nth-child(1):hover{background:#1877f2}
.pnb .ico-share .share-sns a:nth-child(2):hover{background:#1d9bf0}
.pnb .ico-share .share-sns a:nth-child(3):hover{background:#03c85a}
.pnb .ico-share .share-sns a:nth-child(4):hover{background:#bf95f5}

@media (max-width:1440px){
}
@media (max-width:1240px){ /*960*/
	.snb-wrap{height:60px; margin-top:-60px;}
	#snb ul li.home a{width:60px;height:60px;padding:0;}
	#snb ul li span, #snb ul li a{line-height:60px;}
	#snb ul ul{top:60px;}
	.location{margin-bottom:10px;font-size:.9rem;}
	#snb	{padding:0;}
	.pnb	{display:none;}
}
@media (max-width:1023px){/*720*/
	.snb-wrap		{height:50px; margin-top:-50px;}
	#snb ul li.home a{width:50px;height:50px;}
	#snb ul li span, #snb ul li a	{line-height:50px;font-size:15px;min-width:180px;}
	#snb ul li:after	{margin-top:-5px;height:10px;}
	#snb ul ul	{top:50px;}

	#sub-visual .svbg .d_width{padding:120px 0 70px;}
	#sub-visual h1{font-size:2rem;}
	#sub-visual .location{font-size:.9rem;}

	.bg_gr, .bx1_wh, .bx1_rd{padding:20px;}
	.ico-bx{padding:10px 0;}
	.board-list .clip-list{left:-170px;}
}
@media (max-width:767px){/*mobile-l*/
	#sub-visual .svbg{display:none;}
	#snb > ul > li.home				{border:0;}
	#snb > ul > li:nth-last-child(3):not(.home)	{display:none;}
	.snb-wrap .d_width{padding:0 !important;}
	.snb-wrap{padding-top:90px;margin-top:0;}
	#sub-container{padding:70px 0 0;}
	#sub-container h1{margin-bottom:1.2rem;}
	#sub-container h2{font-size:1.3rem;margin:25px 0 15px;}
	#sub-container h2:before{width:15px;height:15px;}
	#sub-container h3{font-size:18px;margin:10px 0;}
	.ico-bx .tit{font-size:18px;}
	.ico-bx:before{width:70px;height:70px;}
}
@media (max-width:576px){/*mobile-s*/
	#snb > ul > li:not(.home)	{width:calc(100% - 50px);min-width:auto;border:0;}
	#snb > ul > li:nth-last-child(2):not(.home)	{display:none;}
	#snb ul ul		{width:100%;border-left:0;border-right:0; z-index:999;}
	#snb ul ul li.on	{width:100%;margin:0;}
}
@media (max-width:415px){/*mobile-xs*/
	.snb-wrap{padding-top:80px;margin-top:0;}
	#sub-container{padding:60px 0 0;}
}

/* 아카이브 */
.board-gallery.type1 a:hover .thumb:before	{content:"";opacity:1;position:absolute;left:0;top:0;width:100%;height:100%; background:linear-gradient(0deg, #000c, rgba(0,0,0,0.2))}
.board-gallery.type1 a:hover .thumb:after	{content:"\f067";transform:rotate(0deg);font-family:var(--faw);font-size:2rem;position:relative;width:100%;height:100%;vertical-align:middle;text-align:center;color:#A0CA4A;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;}
.board-gallery.type1	{padding-bottom:20px;}
.board-gallery ul{margin-bottom:-30px;}
.board-gallery li{margin-bottom:2rem;}
.board-gallery.type1 .thumb{height:auto;aspect-ratio:1/1;}
.board-gallery .item-wrap{margin:20px 0 10px; font-weight:500; font-size:.925rem;}
.board-gallery .date{ font-size:.925rem; font-weight:500;padding:10px 0 0;}
.board-gallery .subject{font-size:21px; font-weight:700; color:#333; }

.btnarea.row{flex-wrap:wrap;margin:0;}
/* //아카이브 */

/* 공지사항 */
.notice .board-list{margin:-20px 0 -2rem;}
.notice .board-info{font-size:17px; letter-spacing:0; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid var(--sub-color);}
.notice .board-list thead th{background:#fff; color:#333; border-bottom:1px solid #666;}
.notice .board-list tbody tr:last-child th, .board-list tbody tr:last-child td{border-bottom:0;}
.notice .board-paging{padding:30px; border-top:1px solid var(--sub-color);}
/* //공지사항 */

/*table*/
.table2 table{border-top:2px solid #174F77;}
.table2 table th{background:var(--sky-bg);color:#72839C;}
.table2 table th:first-child, .table2 table td:first-child{border-left:0;}
.table2 table th:last-child, .table2 table td:last-child{border-right:0;}

.table3 table thead tr:first-child  {border-top:2px solid #768395;}
.table3 table thead tr:last-child   {border-bottom:1px solid #DADADA;}
.table3 table thead th {background:#fff;color:#49738B;font-weight:700;border-bottom:1px solid #DADADA;}
.table3 table thead th:first-child {border-left:0;}
.table3 table thead th:last-child  {border-right:0;} 
.table3 table thead th,
.table3 table thead td 
.table3 table tfoot th, 
.table3 table tfoot td{padding:1.2rem 1rem;}
.table3 table tbody th,
.table3 table tbody td {padding:1rem;border-bottom:1px solid #dadada;;}
.table3 table tbody td:first-child{border-left:0;}
.table3 table tbody th{background:#F6F6F6;font-weight:700;color:#333;}
.table3 table tbody tr:last-child th,
.table3 table tbody tr:last-child td{border-bottom:1px solid #8c9eb6;}
.table3 table tfoot th, 
.table3 table tfoot td {border-bottom:1px solid #dadada;background:#fff;}
.table3 table tfoot th{color:#49738B;font-weight:700;}

.table-sm th,
.table-sm td			{padding:0.5rem !important;}
.table-sm thead th,
.table-sm tfoot td,
.table-sm tfoot th{padding:0.7rem 0.5rem !important;}

@media only screen and (max-width:1023px){
	.table.table1 td, .table.table1 th,
	.table.table2 td, .table.table2 th,
	.table.table3 td, .table.table3 th {display:table-cell;}
	.table.table1 tr,
	.table.table2 tr,
	.table.table3 tr {display: table-row;}
	
	.board-write .table table		{display:revert;width:100%}
	.board-write .table thead,
	.board-write .table tbody,
	.board-write .table tr,
	.board-write .table th,
	.board-write .table td	{display:revert;width:auto;}
	.board-write .table input	{width:auto !important;}
	.notice .board-info{border-bottom:none;}
	.board-list tbody tr, .board-list tbody th, .board-list tbody td{padding:.5rem;}
	.table-responsive > table	{margin-top:15px;}
	.table-responsive			{padding-top:10px;}
}
@media only screen and (max-width:599px){
	.board-info{flex-wrap:wrap;gap:5px;}
	.board-info > div{flex:auto;}
	.board-info-right form{display:flex;gap:3px;}
	.board-list tbody .subject{font-size:1rem;font-weight:500;}

}

/* 프로그램 신청 */
.search-bx {margin-bottom:40px;}
.search-bx .list-search{display:flex; justify-content:center; background:#f6f6f6; padding:20px 0;}
.search-bx .form-control{border:none;}
.search-bx .sch-btn{color:var(--main-color);}
.search-bx .sch-btn i{font-size:24px; text-align:center;}
.search-bx .input-wrap{line-height:1.2; border-radius:5px;width:850px; position:relative; display:flex; align-items:center; padding:0 20px; height:60px; border:2px solid var(--main-color); background:#fff;}
.board-info.d_width{font-size:17px; margin-bottom:20px; padding-bottom:10px; border-bottom:2px solid #36414F;}
.program-list{padding-top:10px; overflow:hidden;}
.program-list.sub{display:flex; flex-wrap:wrap; margin:0 -20px;}
.program-list .thumb{ height:200px; width:100%; min-height:200px; border-bottom:1px solid #eaeaea;}

.program-list.sub > li{width:calc(25% - 40px); margin:20px;position:relative;}
.program-list.sub > li > a{display:block; background:#fff;border:1px solid #D3DAE4;}
.program-list.sub .badge{position:absolute; margin-top:-37px;  z-index:9; border-radius:25px; font-size:14px; padding:7.5px 15px;}
.program-list.sub .badge.ing{background:var(--main-color); border:var(--main-color);}
.program-list.sub .badge.end{background:var(--sub-color); border:var(--sub-color);}
.program-list.sub li.pg-end:after{content:"";background:rgba(0,0,0,0.3); width:100%; height:100%; position:absolute; left:0; bottom:0; z-index:99;}
.program-list.sub li.pg-end .end-comment{color:#fff; position:absolute; z-index:999; top:50%; left:50%; transform:translate(-50%, -50%); font-size:18px; font-weight:900; display:block; width:140px; height:140px; border-radius:50%; background:rgba(0,0,0,0.5); text-align:center; line-height:140px;}
/* //프로그램 신청 */

/* 프로그램 신청 동의 */
.applicaton .app-intro{background:url(/images/sub-agree.png); background-repeat:no-repeat; background-size:cover;}
.applicaton .agree-intro-box{display:flex; gap:30px;}
.applicaton .agree-intro-box .thumb{width:300px;height:auto;aspect-ratio:1/0.67;border:1px solid #eaeaea;}
.applicaton .agree-intro-box .cont{width:calc(75% - 30px);}
.applicaton .agree-intro-box .cont .subject{font-size:23px; font-weight:700; padding-bottom:10px; margin-bottom:20px; border-bottom:1px dashed #DADADA;}
.applicaton .agree-intro-box .cont ul li em{color:#305265; font-weight:500; min-width:50px;}
.applicaton .agree-intro-box .cont ul li{display:flex; gap:30px; letter-spacing:-1px; color:#666666;}
.bg_alert{position:relative;}
.bg_alert .cmt{text-align:center;}
.bg_alert .cmt:before{content:"!"; width:45px; line-height:42px; border-radius:50%; font-size:30px; color:#fff;background:#FB5235;border:1px solid #FB5235; text-align:center; display:block;margin:0 auto;}
.bg_alert p:nth-child(1){padding:0;margin:0 0 20px;}
.bg_alert .txt{text-align:center; color:#666666; letter-spacing:-1px; font-weight:500;}
.ag-check-list{text-align:right;}
.tv-radio:last-child input[type="radio"] + label::after{margin:0;}
.agree-film .agree .cont .txt{border:1px solid #ccc; padding:30px; margin-bottom:20px;}
.agree-film .agree .cont .txt > div{height:210px; overflow-y:scroll;  color:#666666; word-break:keep-all; padding-right:10px; }
.agree-film .agree .cont .txt .tit{color:var(--sub-color); font-size:22px; font-weight:700; letter-spacing:-1px;}
.agree .cont .txt > div::-webkit-scrollbar{background-color:var(--main-color); border-radius:7px; width:7px; -webkit-box-shadow:none;}
.agree .cont .txt > div::-webkit-scrollbar-thumb{background-color:var(--main-color);  border-radius:7px;}
.agree .cont .txt > div::-webkit-scrollbar-track{background-color:#cccccc; border-radius:7px;}
.btnarea{margin:2rem 0;}
.btn-d.btn-lg{min-width:240px;}
.applicaton .btn-d.btn-xlg{min-width:240px;}
.applicaton .btn-d.btn-lg{line-height:60px; padding:0 75px; font-size:18px; }
.red_bx{margin-top:20px;}
/* //프로그램 신청 동의 */

/* 신청완료 */
.app-complete .bg_gr{padding:0; background:#F2F5F7;}
.app-complete .complete-box{display:flex;}
.app-complete .complete-box .thumb{ position:relative;width:450px; border:1px solid #eaeaea;}
.app-complete .complete-box .thumb:before{ content:""; background:rgba(0,0,0,0.3); width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;}
.app-complete .complete-box .thumb .txt-box{position:absolute; z-index:9; color:#fff; left:50%; top:20%; transform:translateX(-50%); text-align:center;}
.app-complete .complete-box .thumb .txt-box p {font-family:'ns-neo';font-weight:600;}
.app-complete .complete-box .thumb .txt-box .cmt-r i{color:#fff; font-size:50px;}
.app-complete .complete-box .thumb .txt-box .hid-tit{font-size:60px; letter-spacing:-1px;}
.app-complete .complete-box .thumb .txt-box .hid-txt{font-size:20px;}
.app-complete .complete-box .cont{width:calc(100% - 450px); padding:30px 40px;}
.app-complete .complete-box .cont .subject{color:#333;}
.app-complete .complete-box .cont .subject:first-child{border-bottom:1px dashed #DADADA; margin-bottom:20px;}
.app-complete .complete-box .cont .subject.info{font-size:20px; color:#333; font-weight:900;}
.app-complete .complete-box .cont .subject{font-size:23px; font-weight:700; padding-bottom:10px;}
.app-complete .complete-box .cont .info-list{border-bottom:1px solid #A8B5C1; padding-bottom:20px; margin-bottom:20px;}
.app-complete .complete-box .cont .detail-list{display:flex; flex-wrap:wrap;}
.app-complete .complete-box .cont ul li em{color:#305265; font-weight:600; min-width:50px;flex-shrink:0;}
.app-complete .complete-box .cont ul li{display:flex; gap:30px; letter-spacing:-1px; color:#666666; width:50%;}
.btn-d.btn-lg{line-height:60px; padding:0 75px; font-size:18px; min-width:240px;}
.app-complete .btn-d.btn-xlg{min-width:240px;}
/* //신청완료 */

/* 신청내역확인 */
.list-check .bg_gr{padding:0; background:#F2F5F7;}
input::placeholder{color:#ddd;}
.list-check .form-control:focus{color:#333;}
.list-check .list-check-box{display:flex;}
.list-check .list-check-box .thumb{width:500px;}
.list-check .list-check-box .thumb:before{content:""; background:url(/images/sub-logo.png); background-repeat:no-repeat; width:120px; height:193px; position:absolute; display:block; z-index:3; left:50%; top:50%; transform:translate(-50%, -50%);}
.list-check .cont{width:calc(100% - 500px); padding:60px;}
.list-check .cont .tit{font-size:28px; font-weight:900; color:#333; letter-spacing:-1px;}
.list-check .cont .txt{color:#666666;}
.list-check .board-write{padding:0; border-radius:0; background:transparent;}
.board-write table th{width:100px; color:var(--sub-color); font-weight:600; font-size:18px;}
/* //신청내역확인 */

/* ì‹ ì²­ë‚´ì—­ */
.app-result .tit-wrap{padding:40px 0;  text-align:center;border-radius:10px; color:#fff; background:#305265 url(/images/sub-deco.png) no-repeat 0 70% / 40%;}
.app-result .tit{font-family:'su-ba'; font-size:45px; display:inline-block; margin-right:20px; }
.app-result .tit:before{content:"\f058"; font-family:fontAwesome; font-weight:900; margin-right:20px; display:inline-block;}
.app-result .txt{text-align:left; display:inline-block; font-size:17px;line-height:1.2;vertical-align:sub;}
.app-result .btn-wrap{margin:20px 0; float:right;}
.app-result .cancle{display:inline-block;width:60px;line-height:28px;text-align:center;color:#fff;background:#ccc;border-radius:3px;}
/* ì‹ ì²­ë‚´ì—­ */

/* 공간소개 */
.place-info p{color:var(--main-color); font-size:18px; word-break:keep-all;}
.place-area p{font-size:18px;}
.place-area ul li{font-size:18px;}
.place-area ul li:before{display:none;}
.place-area ul.bu li{padding-left:0;}
.column_type1 .txt{padding-left:20px;}
.medium-txt p{font-size:18px; word-break:keep-all;}
.flex-box{display:flex; flex-direction:column;}
.flex-box > .thumb{width:calc(50% - 10px); height:751px;}
.flex-box .img-2box{display:flex; justify-content:space-between;}
.flex-box .txt{display:flex; max-width:calc(50% - 10px); align-items:flex-end;}
.flex-box .txt p {font-size:18px; word-break:keep-all;}
.flex-box .btm-box{margin-top:-350px; width:calc(50% - 10px); height:751px;}
.place-photo{display:flex; justify-content:space-between;}

@media only screen and (max-width:1440px){ /* 960 */
	.place-photo > div{width: calc(100% / 2 - 10px);}
}
@media only screen and (max-width:1240px){ /* 960 */
	.place-photo > div{width: calc(100% / 2 - 10px);}
	.place-photo .txt{display:flex; flex-direction:column; justify-content:space-between;}
	.place-photo .txt .mbp20{margin-bottom:0 !important;}
}

@media only screen and (max-width:1023px){ /* 720 */
	.flex-box > .thumb{height:500px;}
	.flex-box .btm-box{margin-top: -150px;height: 500px;}
}
@media only screen and (max-width:767px){ /* auto */
	.column_type2 .thumb{display:none;}
	.mb-logo{display:block; width:100%; height:100%; margin-bottom:10px;}
	.flex-box{margin-top:20px;}
	.flex-box > .thumb{width:100%; height:350px;}
	.flex-box .btm-box{margin-top:20px; width:100%; height:350px;}
	.flex-box .img-2box{flex-direction:column-reverse;}
	.flex-box .txt{max-width:100%; margin-top:20px;}
	.line_blank{display:none;}
	.place-info p.mbp20{margin:10px 0 !important;}
	.place-area .bu.mbp30{margin:10px 0!important;}
	.medium-txt{margin-bottom:10px;}
	.img-2box .txt p{margin-bottom:20px;}
	.d_width #map-frame{height:350px !important;}
	#mapWapper #map{height:350px !importat;}
	.place-photo{flex-direction:column; gap:20px;}
	.place-photo > div{width:100%;}
	.place-photo .txt .mbp20{margin-bottom:20px !important;}
}
@media only screen and (max-width:576px){ /* mobile-l */
	.place-info p{font-size:16px;}
	.place-area p{font-size:16px;}
	.place-area ul li{font-size:16px;}
	.medium-txt p{font-size:16px;}
	.flex-box .txt p{font-size:16px;}
	.flex-box{margin-top:10px;}
	.flex-box .txt{margin-top:10px;}
	.img-2box .txt p{margin-bottom:10px;}
	.medium-txt{margin:10px 0 !important;}
	.line_solid{margin:10px 0;}
	.flex-box .btm-box{height:250px;}
	.flex-box > .thumb{height:250px;}
	/* .place-photo .img{aspect-ratio:1 / 0.5;} */
	.place-photo{flex-direction:column; gap:10px;}
	.place-photo .txt .mbp20{margin-bottom:10px !important;}
	.mb-logo .img img{height:40px;}
}
@media only screen and (max-width:415px){ /* mobile-s */
}

/* 페이지준비중 */
.pre-box{padding:70px; background:url(/images/240405_prepareimg.png) no-repeat 50% 50% / cover;}
.pre-box .pre-tit{font-size:48px; font-family:su-ba; line-height:1.2;}
.pre-box .pre-tit em{color:#A0CA4A;}
.pre-box .pre-txt{margin:20px 0 70px 0; font-weight:100; line-height:1.2; }
.pre-box .pre-bt-txt{font-family:su-ba;}
.pre-box p {color:#fff; font-size:20px;}

@media only screen and (max-width:1240px){ /* 960 */
}
@media only screen and (max-width:1023px){ /* 720 */
	.pre-box{padding:50px;}
	.pre-box .pre-tit{font-size:36px;}
	.pre-box .pre-txt{margin:20px 0 30px 0;}
	.pre-box p{font-size:18px;}
}
@media only screen and (max-width:767px){ /* auto */
	.pre-box .pre-txt{display:none;}
	.pre-tit	{margin-bottom:20px;}
	.pre-box{padding:30px;}
}
@media only screen and (max-width:576px){ /* mobile-l */
	.pre-box .pre-tit{font-size:24px;}
	.pre-box p{font-size:16px;}
}
@media only screen and (max-width:415px){ /* mobile-s */
}

/*프로그램 신청*/
.learn-info{display:flex;justify-content:space-between;}
.learn-info > div{width:calc(50% - 20px);}
.learn-info .thumb{border:1px solid #eaeaea;}
.learn-info .subject{font-size:var(--font-2xlg);color:#333;font-weight:700;}
.learn-info .intro{background:#f6f6f6;padding:20px;margin:20px 0;}
.learn-info .intro .tit{color:#416F89;font-size:18px;font-weight:700;}
.learn-info .intro .txt{color:#666;word-break:keep-all;padding-right:10px;height:80px;overflow-y:scroll;}
.learn-info .intro .txt::-webkit-scrollbar {width:7px;}
.learn-info .intro .txt::-webkit-scrollbar-thumb {background:var(--main-color);border-radius:7px;}
.learn-info .intro .txt::-webkit-scrollbar-track {background:#ccc;border-radius:7px;}
.learn-info .info{padding:20px 0 0;margin:0 0 40px;border-top:1px dashed #DADADA;font-size:15px;}
.learn-info .info dl{display:flex;flex-wrap:wrap;}
.learn-info .info dt{width:70px;color:#305265;font-weight:500;}
.learn-info .info dd{width:calc(50% - 70px);color:#666;}
.learn-info .info em{color:var(--main-color);font-weight:700;}
.learn-info .app{display:flex;background:var(--main-color);color:#fff;line-height:60px;text-align:center;font-size:18px;}
.learn-info .app .num{width:160px;background:#666;display:block;}
.learn-info .app .num em{color:#FFCC00;font-weight:900;}
.learn-info .app p{width:calc(100% - 160px);display:block;}
.learn-info .app.end{background:#999;} /*접수마감*/
.learn-info .app.pre{background:#305265;} /*접수대기*/
.learn-info .app.wait{background:#247799;} /*대기자 접수*/

.learn-pro{display:flex;position:relative;padding:0 0 30px;border-bottom:1px dashed #dadada;margin:0 0 30px;}
.learn-pro > .thumb{width:300px;height:300px;margin-right:40px;position:relative; /* top:120px; */flex-shrink:0;/* border:1px solid #eaeaea; */border-radius:50%;}
.learn-pro .name{font-size:var(--font-2xlg);color:#333;font-family:'su-ba';display:flex;flex-wrap:wrap;word-break:keep-all;align-items:baseline;}
.learn-pro .name em{font-size:16px;font-weight:500;font-family:pretendard;}
.pro-info{display:flex;flex-wrap:wrap;color:#333;}
.pro-info li{width:50%;display:flex;word-break:keep-all;line-height:1.3;padding:5px 0;padding-right:10px;}
.pro-info span{display:inline-block;width:40px;text-align:center;margin-right:10px;color:#999;font-weight:500;font-style:italic;}
.art-list{margin:0 -10px;display:flex;}
.art-list .thumb{width:100%;aspect-ratio:1/1;margin-bottom:10px;border:1px solid #eaeaea;}
.art-list li{width:calc(25% - 20px);margin:0 10px;text-align:center;color:#999;font-size:var(--font-sm);line-height:1.2;}

@media (max-width:1440px){
}
@media (max-width:1240px){ /*960*/
	.learn-info > .thumb{width:calc(40% - 10px);}
	.learn-info > .cont{width:calc(60% - 10px);}
	.learn-info .intro{margin:10px 0;padding:15px;}
	.learn-info .info{padding:10px 0 0;margin:0 0 20px;}
	.learn-info .subject{font-size:var(--font-xlg);}
	.learn-info .app{line-height:50px;}
	.learn-pro > .thumb{width:200px;height:200px;margin-right:20px;}
}
@media (max-width:1023px){/*720*/
	.learn-info{flex-wrap:wrap;}
	.learn-info > .thumb{width:100%;aspect-ratio:1/0.5;}
	.learn-info > .cont{width:100%;margin-top:20px;}
	.pro-info li{width:100%;}
	.art-list{flex-wrap:wrap;}
	.art-list{margin:0 -5px;}
	.art-list li{width:calc(25% - 10px);margin:5px;}
	.learn-pro{display:block;}
	.learn-pro > .thumb{margin:0 auto 20px;}
	.learn-pro .name{justify-content:center;}
}
@media (max-width:767px){/*mobile-l*/
	.learn-info .subject{font-size:1.3rem;}
	.learn-info .app{font-size:1rem;}
	.learn-pro .name{font-size:var(--font-xlg);}
	.learn-pro .name em{font-size:.9rem;}
}
@media (max-width:576px){/*mobile-s*/
	.learn-info .info dd{width:calc(100% - 70px);}
	.art-list li{width:calc(50% - 10px);}
	
}
@media (max-width:415px){/*mobile-xs*/
}

/*서브페이지 반응형*/
@media (max-width:1440px){
	.program-list.sub{margin:-10px;}
	.program-list.sub > li{width:calc(25% - 20px);margin:10px;}
	.learn-list .info span{margin-right:10px;}
	.applicaton .app-intro{background-position:100%;}
	.bg_alert p:nth-child(1){margin:0 0 10px;}
	.bg_alert .cmt:before{width:35px;line-height:34px;font-size:20px;}
}
@media (max-width:1240px){ /*960*/
	.search-bx .list-search form{width:100%;}
	.search-bx .input-wrap{width:calc(100% - 120px);margin:0 auto;}
	.program-list.sub > li{width:calc(50% - 20px);}
	.app-complete .complete-box .cont{padding:20px;}
	.app-complete .complete-box .cont .subject:first-child{margin-bottom:10px;}
	.app-complete .complete-box .thumb{width:320px;}
	.app-complete .complete-box .cont{width:calc(100% - 320px);}
	.app-complete .complete-box .cont .info-list{display:flex;flex-wrap:wrap;}
	.app-complete .complete-box .thumb .txt-box .hid-tit{font-size:var(--font-3xlg);}
	.app-complete .complete-box .thumb .txt-box .hid-txt{font-size:1rem;font-weight:200;}
	.app-complete .complete-box .thumb .txt-box .cmt-r i{font-size:2rem;}
	.app-complete .complete-box .cont ul li{gap:10px;}
	.list-check .list-check-box{flex-wrap:wrap;}
	.list-check .list-check-box .thumb{width:100%;height:150px;}
	.list-check .list-check-box .thumb:before{scale:.7;transform-origin:top left;}
	.list-check .list-check-box .cont{width:100%;padding:40px;}
}
@media (max-width:1023px){/*720*/
	.search-bx{margin-bottom:20px;}
	.search-bx .list-search{padding:10px 0;}
	.search-bx .input-wrap{width:calc(100% - 40px);height:50px;}
	.applicaton .agree-intro-box{gap:20px;}
	.applicaton .agree-intro-box .cont .subject{font-size:var(--font-lg);margin-bottom:10px;}
	.applicaton .agree-intro-box ul{font-size:.9rem;}
	.app-complete .complete-box{flex-wrap:wrap;}
	.app-complete .complete-box .thumb{width:100%;height:90px;}
	.app-complete .complete-box .cont{width:100%;}
	.app-complete .complete-box .thumb .txt-box{display: flex;align-items: center;gap: 10px;}
	.app-complete .complete-box .thumb .txt-box .hid-txt{display:none;}
	.app-complete .complete-box .thumb .txt-box .hid-tit{font-size:var(--font-2xlg);}
	.app-complete .complete-box .cont .info-list{display:none;}
	.app-complete .complete-box .cont ul li{width:100%;}
	.list-check .cont .tit{font-size:var(--font-xlg);text-align:center;}
	.list-check .cont .txt{margin-bottom:10px !important;text-align:center;}
	.list-check .list-check-box .cont{padding:20px;}
	
	.app-result .tit{font-size:2.5rem;}
}
@media (max-width:767px){/*mobile-l*/
	.board-write{padding:20px;}
	.board-gallery li{margin-bottom:20px;}
	.program-list{padding:0;}
	.learn-list .cont{padding:15px;}
	.learn-list .state span{width:100px;}
	.learn-list .info{margin:10px 0;}
	.applicaton .app-intro{background:#f2f5f7;}
	.applicaton .agree-intro-box .thumb{display:none;}
	.applicaton .agree-intro-box .cont{width:100%;}
	.app-complete .complete-box .cont .subject{font-size:var(--font-lg);}
	.app-complete .complete-box .cont .subject.info{font-size:18px;}
	.app-complete .complete-box .cont ul{font-size:15px;}
	.app-complete .complete-box .thumb{height:60px;}
	.app-complete .complete-box .thumb .txt-box .hid-tit{font-size:var(--font-xlg);}
	.app-complete .complete-box .thumb .txt-box .cmt-r i{font-size:1.7rem;}
}
@media (max-width:576px){/*mobile-s*/	
	.board-info{margin:1rem 0;}
	.btnarea{margin:1rem 0;}
	.btnarea .btn-d.btn-lg{width:100%;line-height:40px;padding:0;font-size:1rem;margin:2px 0;}
	.btnarea.row > div{width:100%;flex:auto;}
	.board-write table th{font-size:1rem;}
	.board-write table th,
	.board-write table td{padding:.25rem;}
	.program-list.sub > li{width:calc(100% - 10px);}
	.list-check .cont .tit{font-size:var(--font-lg);}
	.list-check .cont .txt{font-size:.9rem;}
	.list-check .list-check-box .thumb{height:100px;}
	.list-check .list-check-box .thumb:before{scale:.5;}
	.app-result .tit{display:block;margin:0;}
	.app-result .tit:before{margin-right:10px;}
	.app-result .tit-wrap{background-size:100%;padding:20px 0;}
}
@media (max-width:415px){/*mobile-xs*/
	.board-gallery.type1 li{width:100%;}
	.board-write{padding:10px;}
	.list-check .list-check-box .cont{padding:10px;}
	.app-result .tit{font-size:1.6rem;}
	.app-result .txt{font-size:.9rem;}
}