@charset 'ANSI';

html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td, figure
{margin:0;padding:0;font:14px/1.5 'NanumSquareNeo','¸¼Àº°íµñ','Malgun Gothic','³ª´®°íµñ','nanumgothic',µ¸¿ò,Dotum,±¼¸²,Gulim,Sans-serif;color:#000;-webkit-text-size-adjust:none;letter-spacing:-0.5px;word-break:keep-all}
button, span, strong, input, b, em, a{font-size:inherit;font-family:inherit;color:inherit;font-style:normal;font-weight:inherit}
section, article, aside, header, footer, nav, hgroup, dialog, details, summary, figure, figcaption {display: block;}
cite{display:inline}
html, body {height:100%;} 
body {margin:0px;}
a:link {text-decoration:none;} 
a:visited {text-decoration:none;}
img{border:0;max-width:100%}
button{cursor:pointer;border:0;background:none;outline:none;padding:0;margin:0}
label, input, textarea, select{vertical-align:middle}
ol, ul{list-style:none;} 
table{border-collapse:collapse;table-layout:fixed;}
fieldset{border:none}

#skip_menu {}
#skip_menu>a {
	position:fixed;left:50%;top:22px;
	display:block;width:184px;height:36px;line-height:36px;margin:0 auto;
	box-sizing:border-box;
	padding:0 16px;margin-left:-92px;
	background: #d6142c;
	border-radius: 99px;
	text-align:center;color:#fff;font-size:0;font-weight:600;
	z-index:10000;transform: translateY(-200%);transition: transform .2s ease-out;
}
#skip_menu>a:active,
#skip_menu>a:focus {transform: translateY(0);font-size:16px;}

/* layout */
#container{
	position:relative;
	padding-top:102px;
	min-width:1300px;
}
header{
	position:absolute;top:0;left:0;
	width:100%;min-width:1300px;
	background:#fff;
	z-index:100;
}
.header_wrap{
	position:relative;
	width:1260px;
	margin:0 auto;
}
header h1 a{
	display:block;width:165px;height:102px;
	background:url(../img/layout/logo.svg) no-repeat center 29px;background-size:100% auto;
	font-size:0
}
header .search{
	position:absolute;top:29px;left:195px;
	width:70px;/*width:320px;*/height:45px;
	padding:0 50px 0 20px;
	box-sizing:border-box;
	border:2px solid #dd0746;border-radius:22px;
	overflow:Hidden;
	animation: search .5s linear 0.5s forwards alternate;
	overflow:hidden;
}
header .search input{
	display:block;width:100%;height:41px;
	border:0;outline:None;
	font-weight:400;
}
header .search button{
	position:absolute;top:0;right:0;
	width:50px;height:100%;
	background:url(../img/layout/search.svg) no-repeat center;background-size:24px auto;
	font-size:0
}

@keyframes search {
	0 {width:70px}
	100% {width:320px}
}
header .util{
	position:absolute;top:30px;right:0;
	font-size:0
}
header .util .menu,
header .util>a,
header .util p a{
	position:relative;
	display:inline-block;margin-right:5px;
	vertical-align:top
}
header .util .menu:before,
header .util>a:before,
header .util p a:before{
	content:'';
	display:block;width:50px;height:50px;
	background:#fff url(../img/layout/top_login.svg) no-repeat center;background-size:28px auto;
	border-radius:50%;
	transition:.4s;opacity:.5
}
header .util .menu span,
header .util>a span,
header .util p a span{
	position:absolute;left:50%;
	display:inline-block;height:29px;line-height:29px;
	padding:0 14px;
	background:#fff;
	border:2px solid #dd0746;border-radius:20px;
	font-size:12px;color:#dd0746;font-weight:700;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	transform:translate(-50%, 5px);transition:.4s;opacity:0;visibility:hidden
}
header .util a span:after, header .util a span:before{
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
header .util a span:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 5px;
	margin-left: -5px;
}
header .util a span:before {
	border-color: rgba(221, 7, 70, 0);
	border-bottom-color: #dd0746;
	border-width: 8px;
	margin-left: -8px;
}
header .util a:hover span{transform:translate(-50%, 0);opacity:1;visibility:visible;}
header .util a:hover:before{opacity:1;background-color:#ecf0f6}
header .util a.join:before{background-image:url(../img/layout/top_join.svg);background-size:28px auto}
header .util a.logout:before{background-image:url(../img/layout/top_logout.svg);background-size:29px auto}
header .util a.modify:before{background-image:url(../img/layout/top_modify.svg);background-size:27px auto}
header .util a.form:before{background-image:url(../img/layout/top_form.svg);background-size:28px auto}
header .util a.cs:before{background-image:url(../img/layout/top_cs.svg);background-size:28px auto}
header .util a.event:before{background-image:url(../img/layout/top_event.svg);background-size:26px auto}
header .util a.event{display:none}
header .util .menu:before{background-image:url(../img/layout/top_menu.svg);background-size:28px auto}
header .util p,
header .util .my{
	position:relative;
	display:inline-block;
	vertical-align:top
}
header .util .my{margin-right:10px;display:None}
header .util .my:before{
	content:'ÀϹÝ';
	display:block;width:50px;height:50px;line-height:50px;
	background:#ff7a19;
	border-radius:50%;
	text-align:center;font-size:14px;font-weight:700;color:#fff;
}
header .util.mb_nor .login,
header .util.mb_com .login{display:none}
header .util.mb_nor .my,
header .util.mb_com .my{display:inline-block}
header .util.mb_com .my:before{content:'°øÅë';background:#f82060}
header .util .my:hover>div{transform:translate(0, 0);transition:.4s;opacity:1;visibility:visible;}
header .util .my>div{
	position:absolute;right:0;top:50px;
	padding:14px;
	background:#fff;
	border:1px solid #4c4c4c;border-radius:10px;
	box-shadow:0 0 5px rgba(0,0,0,0.5);
	transform:translate(0, 5px);transition:.4s;opacity:0;visibility:hidden;
	z-index:1
}
header .util .my>div:after, header .util .my>div:before {
	bottom: 100%;
	left: calc(50% + 56px);
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
header .util .my>div:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 6px;
	margin-left: -6px;
}
header .util .my>div:before {
	border-color: rgba(221, 7, 70, 0);
	border-bottom-color: #4c4c4c;
	border-width: 7px;
	margin-left: -7px;
}
header .util .my>div dt{
	font-size:14px;font-weight:700;text-align:center;
}
header .util .my>div dd{
	display:flex;
	margin:5px 0 10px;
	border:1px solid #d3d3d3;border-radius:20px;
}
header .util .my>div dd a{
	position:relative;
	flex:1;
	display:inline-block;height:23px;line-height:23px;
	padding:0 10px;
	text-align:center;font-size:12px;color:#9d9d9d
}
header .util .my>div dd a:hover{color:#000;text-decoration:underline;text-underline-offset : 5px;}
header .util .my>div dd a+a:before{
	content:'';
	position:absolute;top:50%;left:0;
	display:block;width:1px;height:10px;
	margin-top:-5px;
	background:#9d9d9d
}
header .util .my>div li a{
	display:inline-block;
	position:relative;
	padding-left:10px;
	font-size:13px;color:#000;font-weight:700
}
header .util .my>div li a:before{
	content:'';
	position:absolute;top:6px;left:0;
	display:block;width:3px;height:3px;
	background:#000;border-radius:50%
}
header .util .my>div li a:hover{color:#f82060;text-decoration:underline;text-underline-offset : 5px;}
header .gnb{
	position:Relative;left:300px;
	width:calc(100% - 420px);
	display:none;gap:27px;align-items:center;justify-content:center
}
header .gnb>li{
	position:relative;
	height:78px;box-sizing:border-box;
	padding-top:27px;
}
header .gnb>li.event{display:none}
header .gnb a{
	position:relative;
	display:block;
	padding:0 4px;
	font-size:16px;font-weight:700;color:#000;white-space:nowrap;
	transition:.3s;opacity:.7
}
header .gnb>li>a:after{
	content:'';
	display:block;width:0;height:3px;
	background:#000;
	transition:.4s;transform:translateY(5px);opacity:0
}
header .gnb ul{display:none}
header .gnb li.on ul{
	position:absolute;left:50%;top:100%;
	display:flex;gap:42px;
	transform:translateX(-50%);
}
header .gnb ul li{
	height:60px;box-sizing:border-box;
	padding-top:20px;
}
header .gnb ul a{font-size:14px;opacity:1}
header .gnb ul a:before{
	content:'';
	position:absolute;bottom:0;left:0;
	display:block;width:0;height:8px;
	background:#ffeff4;
	z-index:-1;
	transition:.3s;
}
header .gnb>li.on>a,
header .gnb>li:hover>a,
header .gnb>li>a:hover{opacity:1;}
header .gnb>li.on>a:after,
header .gnb>li:hover>a:after,
header .gnb>li>a:hover:after{width:100%;opacity:1}
header .gnb ul a.on,
header .gnb ul a:hover{color:#f82060;font-weight:800}
header .gnb ul a.on:before,
header .gnb ul a:hover:before{width:100%}


header.simple{
	position:fixed;top:-130px;
	margin-top:0;
	border-bottom:1px solid #848484;
	box-shadow:0 2px 4px rgba(0,0,0,0.1);
	animation: simple .5s linear .1s forwards alternate;
}
header #header{
	transition:.3s;
	height:78px;
}
header.simple.open #header{height:137px;overflow:hidden;}
header.simple:before{
	content:'';
	position:absolute;top:78px;left:0;
	display:block;width:100%;height:2px;
	background:#f82060;
	z-index:-1
}
header.simple h1{position:absolute;top:20px;left:0;z-index:1}
header.simple h1 a{
	width:50px;height:45px;
	background:url(../img/layout/logo_simple.svg) no-repeat 3px center;
	background-size:35px auto;
}
header.simple .search{
	top:20px;left:0;
	width:300px;
	padding-left:50px;
	/*background:url(../img/layout/logo_simple.svg) no-repeat 3px center;*/
	border:0;border-radius:0
}
header.simple .search input{margin-top:2px}
header.simple .util{top:16px}
header.simple .util p{display:none}
header.simple .gnb{
	display:flex;
}
@keyframes simple {
	0 {margin-top:0}
	100% {margin-top:130px}
}

#all_menu{
	position:absolute;top:0;left:0;
	width:100%;height:100vh;
	background:rgba(0,0,0,0.5);
	visibility:hidden;opacity:0;transition:.3s;
	z-index:200
}
#all_menu .close{
	position:fixed;top:30px;left:50%;
	display:block;width:50px;height:50px;
	margin-left:575px;
	background:#eee url(../img/layout/top_menu.png) no-repeat center;
	font-size:0;opacity:.5
}
#all_menu .inner{
	background:#fff;
	transition:.4s;transform:translateY(-100%)
}

#all_menu.open{visibility:visible;opacity:1;}
#all_menu.open .inner{transform:translateY(0)}
.simple #all_menu .close{top:16px;}


#quick{
	position:fixed;top:47px;left:50%;
	margin-left:650px;
	z-index:99;transition:.3s
}
#quick a,
#quick button{
	display:block;width:56px;height:56px;
	box-sizing:border-box;
	background:#fff;
	border-radius:50%;overflow:Hidden;
	margin-bottom:10px;
}
#quick a span,
#quick button span{
	display:table-cell;width:56px;height:56px;
	background:#dd0746;
	font-size:12px;color:#fff;line-height:15px;font-weight:700;letter-spacing:-1px;
	text-align:center;vertical-align:middle;
}
#quick a.top{
	border:1px solid #e7e7e7;
	background:#fff url(../img/layout/quick_top.svg) no-repeat center;background-size:20px auto;
	font-size:0;
	visibility:Hidden;opacity:0;transition:.3s;transform:scale(0)
}
/*#quick ul{display:None}*/
#quick li a{display:flex;align-items:center}
#quick li a:before{
	content:'';
	display:inline-block;
	flex:none;
	width:56px;height:56px;
	margin-left:0;
}
#quick li a:before,
#quick li span{transition:.3s;animation: quickopen 6s forwards linear infinite;transform:translateX(0)}
@keyframes quickopen {
	0% {transform:translateX(0)}
	5% {transform:translateX(-56px)}
	15% {transform:translateX(-56px)}
	20% {transform:translateX(0)}
	100% {transform:translateX(0)}
}
#quick li a.q1:before,
#quick li a.q1 span{animation-delay:1s}
#quick li a.q2:before,
#quick li a.q2 span{animation-delay:2s}
#quick li a.q3:before,
#quick li a.q3 span{animation-delay:3s}
#quick li a.q4:before,
#quick li a.q4 span{animation-delay:4s}
#quick li a.q1:before{background:url(../img/layout/quick_01.svg) no-repeat center;background-size:56px auto}
#quick li a.q2:before{background:url(../img/layout/quick_02.svg) no-repeat center;background-size:56px auto}
#quick li a.q3:before{background:url(../img/layout/quick_03.svg) no-repeat center;background-size:56px auto}
#quick li a.q4:before{background:url(../img/layout/quick_04.svg) no-repeat center;background-size:56px auto}
#quick li a.q1{background:#ad2593}
#quick li a.q2{background:#6d469c}
#quick li a.q3{background:#fc4633}
#quick li a.q4{background:#0c6590}
#quick li span{
	height:auto;
	flex:none;display:inline-block;
	background:none
}
#quick li a:hover:before{margin-left:-56px}
#quick ul:hover li a::before,
#quick ul:hover li a span{animation-play-state:paused;transform:translateX(0) !important}
#quick button span{font-size:13px}
#quick button{
	border:1px solid #e7e7e7;
	background:#fff url(../img/layout/quick_close.svg) no-repeat center;background-size:16px auto;
}
#quick button span{display:none}
#quick button.close{border-color:#dd0746}
#quick button.close span{display:table-cell}
/*
#quick button.close{
	border:1px solid #e7e7e7;
	background:#fff url(../img/layout/quick_close.png) no-repeat center;
}
#quick button.close span{display:none}
*/
.scroll #quick{top:127px}
.scroll #quick a.top{visibility:visible;opacity:1;transform:scale(1)}

/* ǪÅÍ ¿µ¿ª¹è³Ê */
.foot_banners{
	width:100%;min-width:1300px;max-width:100%;
	box-sizing:border-box;
	padding:29px 0;
	border-top:1px solid #c6cccc;border-bottom:1px solid #c6cccc;
	background:#f5f5f5;
	overflow:Hidden;
}
.foot_banners .bn_univ {
	display:flex;gap:15px;
	max-width:1260px;
	margin:0 auto
}
.foot_banners .bn_univ li{flex:1;background:#fff;font-size:0}
.foot_banners .bn_univ li iframe{height:79px;width:100%;box-sizing:border-box;}
.foot_banners .bn_univ li a{height:79px;width:auto;padding:0 8px;font-size:0}
.foot_banners .bn_univ li .univ_logo{gap:0}
.foot_banners .bn_univ li .univ_logo b{width:116px;word-break:break-all}

footer{
	position:relative;
	width:1260px;
	margin:0 auto;
}
footer .noti{
	position:relative;
	padding:0 80px;
	border-bottom:1px solid #e2e2e2;
}
footer .noti:after{
	content:'°øÁö»çÇ×';
	position:absolute;top:50%;left:0;
	margin-top:-12px;
	font-size:17px;font-weight:800;
}
footer .noti{height:67px;overflow:Hidden;}
footer .noti .swiper-slide a{
	display:inline-block;height:67px;line-height:67px;
	font-size:15px;font-weight:600;color:#000;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
footer .noti .swiper-slide a.new:after{
	content:'';
	display:inline-block;width:19px;height:19px;
	margin:0 0 0 8px;
	background:url(../img/ico/new.svg) no-repeat;background-size:100% auto;
	vertical-align:middle;
}
footer .noti .swiper-slide a:hover{text-decoration:underline;text-underline-offset : 5px;}
footer .noti .more{
	position:absolute;top:25px;right:10px;
	display:block;width:22px;height:22px;
	font-size:0;
}
footer .noti .more:before,
footer .noti .more:after{
	content:'';
	position:absolute;top:50%;left:0;
	display:block;width:100%;height:2px;
	margin:-1px auto 0;
	background:#000
}
footer .noti .more:after{transform:rotate(-90deg)}
footer h2{padding:43px 0 20px}
footer h2 a{
	display:block;width:163px;height:44px;
	background:url(../img/layout/logo_en_gray.svg) no-repeat;background-size:100% auto;
	font-size:0
}
footer .familySite{
	position:absolute;bottom:176px;right:0;
	width:210px;
}
footer .familySite dt{
	position:relative;
	height:50px;line-height:50px;
	border-bottom:1px solid #000;
	font-size:16px;cursor:pointer
}
footer .familySite dt:after{
	content:'';
	position:absolute;top:28px;right:10px;
	display:block;width:14px;height:14px;
	border-top:1px solid #000;border-right:1px solid #000;
	transform:rotate(-44deg);transform-origin:top
}
footer .familySite.open dt:after{transform:rotate(134deg)}
footer .familySite.open dd{visibility:visible;opacity:1;transform:translateY(0);}
footer .familySite dd{
	position:absolute;bottom:50px;left:0;
	width:100%;
	padding:10px 0;
	border:1px solid #000;
	background:#fff;
	box-sizing:border-box;
	visibility:hidden;transition:.3s;opacity:0;transform:translateY(20px);z-index:1
}
footer .familySite dd a{
	display:block;
	padding:2px 10px;
	font-size:14px;color:#000;opacity:.7
}
footer .familySite dd a:hover{opacity:1;text-decoration:underline;text-underline-offset : 5px;}
footer .sns{display:none !important}
footer .sns{position:absolute;top:188px;right:0;font-size:0}
footer .sns dt{font-size:0}
footer .sns dd a{
	display:inline-block;width:40px;height:40px;
	margin-left:15px;
	background:url(../img/layout/foot_sns_01.png) no-repeat;
}
footer .sns dd a.ins{background-image:url(../img/layout/foot_sns_02.png)}
footer .sns dd a.yoube{background-image:url(../img/layout/foot_sns_03.png)}
footer .sns dd a.blog{background-image:url(../img/layout/foot_sns_04.png)}
footer .sns dd a.fb:hover{background-image:url(../img/layout/foot_sns_01_on.png)}
footer .sns dd a.ins:hover{background-image:url(../img/layout/foot_sns_02_on.png)}
footer .sns dd a.yoube:hover{background-image:url(../img/layout/foot_sns_03_on.png)}
footer .sns dd a.blog:hover{background-image:url(../img/layout/foot_sns_04_on.png)}
footer address{width:720px;font-size:14px;color:#9e9e9e}
footer address span{display:inline-block;margin-right:10px}
footer ul.util{display:flex;gap:54px;padding:30px 0 50px;font-size:0}
footer ul.util li{flex:none;}
footer ul.util li a{
	position:relative;
	display:inline-block;
	font-size:15px;font-weight:700;color:#000
}
footer ul.util li a:hover{color:#f82060;text-decoration:underline;text-underline-offset : 5px;}
footer ul.util li+li a:before{	
	content:'';
	position:absolute;top:50%;left:-27px;
	display:block;width:1px;height:12px;
	margin-top:-6px;
	background:#d8d8d8
}
footer .logo_isms{
	position:absolute;bottom:70px;right:0;
	display:block;width:61px;height:55px;
	background:Url(../img/layout/foot_isms.png);
	font-size:0
}



#contents{
	position:relative;
	width:1260px;
	margin:0 auto;
}


iframe{
	width:100%;/*height:100%;*/
	border:0;overflow:hidden;
}
.board_ct iframe{height:auto;}

/* ¹è³Ê ±âº» */
.univ_logo{
	display:flex;align-items:center;gap:8px;
	text-align:left;
}
.univ_logo i{
	flex:none;
	width:64px;max-height:64px;
	box-sizing:border-box;padding:5px;
	text-align:center;vertical-align:middle;
	font-size:0
}
.univ_logo i img{display:inline-block;max-height:54px;font-size:0;vertical-align:middle;}
.univ_logo b{
	flex:1;
	font-size:17px;color:#303030;font-weight:700;line-height:1.1em;
}
.univ_logo_r{
	
}
.bn_univ {display:grid;grid-template-columns:repeat(4, 1fr);gap:13px 10px;}
.bn_univ li{
	border:1px solid #cecece;border-radius:10px;
	overflow:Hidden;
	transition:.3s
}
.bn_univ li:hover{border-color:#e60012;box-shadow:0 0 10px #f28b9a}
.bn_univ li>a{
	display:table-cell;
	width:228px;height:75px;
	box-sizing:border-box;
	padding:0 10px;
	text-align:center;vertical-align:middle
}
.bn_univ li>a>img{display:inline-block;font-size:0}
.bn_univ .card{display:block;width:100%;height:250px;padding:0;}
.bn_univ .card .bg{
	width:100%;height:135px;
}
.bn_univ .card .bg img{object-fit:cover;width:100%;height:100%}
.bn_univ .card .univ_logo{
	position:relative;
	display:block;width:82px;height:82px;
	box-sizing:border-box;
	margin:-48px auto 10px;
}
.bn_univ .card .univ_logo i{
	position:absolute;top:0;left:0;
	display:block;width:100%;height:100%;max-height:100%;
	box-sizing:border-box;
	padding:0;
	border-radius:50%;
	border:1px solid #d3d3d3;border-radius:50%;
	background:#fff;
	overflow:Hidden;
	transition:.3s
}
.bn_univ .card .univ_logo i img{width:100%;height:100%;max-height:100%}

.bn_univ .card dt,
.bn_univ .card dd{
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
	font-size:22px;font-weight:800;color:#3f3f3f
}
.bn_univ .card dd{margin-top:5px;font-size:16px;font-weight:500}
.bn_univ .card:hover .univ_logo i{box-shadow:0 5px 5px rgba(0,0,0,0.1);}
.bn_univ .card:hover .univ_logo:after{opacity:1;}

.bn_univ .card_logo{padding-top:10px;text-align:center;}
.bn_univ .card_logo .univ_logo{display:inline-flex;padding:0 20px;height:64px}
.bn_univ .card_logo dl{margin-top:15px;}
.bn_univ .card_logo dt,
.bn_univ .card_logo dd{
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
	font-size:16px;font-weight:700;color:#3f3f3f
}
.bn_univ .card_logo dd{margin-top:5px;font-size:14px;font-weight:500}



/* etc */
.small{font-size:12px;font-weight:600}
.point{font-size:15px;font-weight:600}
.point_red{color:#e81727 !important}
.point_orange{color:#ea5d00 !important}
.underline{text-decoration:underline;text-underline-offset:5px;}
.font-16{font-size:16px !important}
.font-22{font-size:22px !important}
.word{display:inline-block;}
.mb30{margin-bottom:30px}
u{text-underline-offset:5px;}

i.rec{
	display:inline-block;width:18px;height:18px;line-height:16px;
	box-sizing:border-box;
	margin-right:5px;
	border:1px solid #ef1d5e;border-radius:50%;
	text-align:center;font-size:10px;color:#ef1d5e;font-style:normal;
	vertical-align:middle;
}
i.rec.finish{background:#dd0747;border-color:#dd0747;color:#fff}
i.rec.ing{background:#42af1e;border-color:#42af1e;color:#fff}
i.rec.plan{background:#f09800;border-color:#f09800;color:#fff}
/* i.rec.u{background:#f11658;border-color:#f11658;color:#fff} */
i.rec.u{background:url(../img/layout/logo_simple.svg)no-repeat;border:1px solid #e21b52; background-size:20px auto; background-position:top -2px left -2px; font-size:0;}
i.rec.j{background:#4299e6;border-color:#4299e6;color:#fff}
i.rec.na{border-color:#49b029;color:#49b029}
i.rec.da{border-color:#237aff;color:#237aff}
i.rec.san{background:#175dc7;border-color:#175dc7;color:#fff}
i.rec.jung{background:#fff0f1}
i.rec.su{background:#dbeeff;border-color:#237aff;color:#237aff}
i.rec.add{background:#ffead6 ;border-color:#ef7600;color:#ef7600 }
i.rec.fog{background:#f9e8ff;border-color:#a613d6 ;color:#a613d6 }
i.rec.clos{background:#929292;border-color:#929292 ;color:#fff }
i.rec.m{background:#00bfa2 ;border-color:#00bfa2  ;color:#fff }

.loding{
	position:fixed;top:0;left:0;
	width:100%;height:100vh;
	background:rgba(0,0,0,0.5);
	z-index:2000
}
.loding>div{
	position:fixed;top:50%;left:50%;
	width:300px;
	padding-top:100px;
	transform:translate(-50%, -50%)
}
.loding>div p{padding-top:20px;text-align:center;font-size:18px;color:#fff}
.loding>div:before{
	content:'';
	display:block;width:100px;height:100px;
	position:absolute;top:0;left:50%;
	margin-left:-50px;
	background:url(../img/bg/loding.png) no-repeat;
	animation: loding 1.5s linear infinite;
}
.loding>div:after{
	content:'';
	display:block;width:40px;height:40px;
	position:absolute;top:30px;left:50%;
	margin-left:-20px;
	background:url(../img/layout/logo_com.svg) no-repeat;background-size:auto 100%;
	border-radius:50%
}
@keyframes loding {
    from{
       transform: rotate(0deg);
    }
    to{
       transform: rotate(360deg);
    }
}

@media screen and (max-width:1420px){
	header .util a.event{display:inline-block;}
	#quick{display:none}
	header .gnb>li.event{display:block}
}