@charset "utf-8";
/******************************************************
	레이어 팝업
******************************************************/

.view-layer .pop-container {position:relative;padding: 0 25px;font-size: 15px;}
.view-layer .btn-area { width: 100%; margin: 0px 0 20px; padding-top: 15px; text-align: center;z-index: 999; }
.view-layer {display: none; position: absolute;top: 50%;left: 50%;width: 600px;margin: -302px 0 0 -300px;height: auto;background-color: #fff;border-top: 3px solid #1ab7ea;z-index: 999;}
.dim-layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}
.dim-layer .dimBg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;filter: alpha(opacity=70);}

.view-layer p.title {color: #111;line-height: 1em;font-weight: 500;font-size: 1.563em;padding: 20px 0 15px;margin: 0 !important;background-size: cover;border-bottom: 1px solid #111;}
.view-layer p { padding:0 30px; }
.view-layer .txt {text-align:center;font-size:15px;line-height: 1.6;margin-bottom: 15px;letter-spacing: -0.05em;}
.view-layer .inputBox { width:100%;}

.pop-conts{padding: 20px 0;}
.pop-conts .president_history{margin: 0;text-align: center;background: #1ab7ea url('../images2020/sub/top_box_mark.png') no-repeat 103% 135%;background-size: 150px;width: 100%; padding: 2px; padding-right: 0}
.pop-conts .president_history dt{ float:left;}
.pop-conts .president_history dt em{display:none;}
.pop-conts .president_history dt img{width: 140px;height: 165px;display: block;border: 0;}
.pop-conts .president_history dd{float:left;color:#fff;padding: 78px 25px 25px 25px;text-align: left;width: 408px; }
.pop-conts .president_history dd b{ font-size:1.575em; font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;}
.pop-conts .president_history dd time{ color:#fff; font-size:1em; font-weight: 300;}
.pop-conts .txt_con{text-align: left;margin-top: 30px;overflow-y: auto;height: 310px;}
.pop-conts .txt_con .ttl01:first-child,
.pop-conts .txt_con .ttl02:first-child{margin-top: 0;}
.pop-conts .txt_con .list_p{padding: 0 0 0 13px; margin-bottom: 5px !important; line-height: 1.2em;}
.pop-conts .txt_con .list01 li{line-height: 1.2em; }
.pop-conts .txt_con .list_p:before,
.pop-conts .txt_con .list01 li:before{ top:8px; background:#2b2b2b; font-size: 0.95em;}


.view-layer .btn-layerClose {display: block;position:absolute;right:20px;top:12px;padding:5px;width: 40px;height: 40px;font-size:0; overflow:hidden; text-indent:-1000px; z-index: 999 }
.view-layer .btn-layerClose:before,
.view-layer .btn-layerClose:after{
  content:""; display:block; position:absolute; left:20%; top:calc(50% - 1px); width:60%; height:2px; background-color:#000;
  transition:transform 0.3s ease;
  -webkit-transition:transform 0.3s ease;
}
.view-layer .btn-layerClose:before{
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
}
.view-layer .btn-layerClose:after{
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
}
.view-layer .btn-layerClose:hover:before{
  transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
}
.view-layer .btn-layerClose:hover:after{
  transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
}

/* 로긴창 */
.view-layer.login-Box {width: 400px;margin: -200px 0 0 -200px;min-width:340px;}
.login-conts fieldset{padding:30px 0;margin:0 auto}
.login-conts fieldset h2{width:100%;height:84px;	background:url(../images2020/common/ci.png) no-repeat center 0;	font-size:0; }
.login-conts fieldset .txt{	display:block;width: 100%;text-align: left;	height:50px;line-height:50px;	padding:0 15px;margin-bottom:10px;	border-color:#d1d2d3;font-size:16px;text-indent: 0;}
.login-conts fieldset button{display:block;width:100%;height:50px;line-height:50px;	background:#00a0e3;	text-align:center;font-size:17px;font-weight:600;color:#fff}
.login-conts fieldset p{padding-left:8px;margin-top:10px;font-size:13px;color:#918e8e; 	margin-bottom: 0}

/* 사이버 헌화 */
.view-layer.flower-Box {margin: -200px 0 0 -200px; border: none;width: 400px; height: 400px; background:transparent}
.view-layer.flower-Box .btn-layerClose {right:0px;top:0px; }
.flower-conts {position: relative;text-align: center;color: #fff;height: 400px;width: 400px;border-radius: 50%;padding: 42% 10% 0 12%;}
.flower-conts.mv1 { background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
background-size: 400% 400%;
animation-name:grave_flower_ani;
animation-fill-mode:forwards;
animation-iteration-count:infinite;
animation-duration:5s;
-webkit-animation-name:grave_flower_ani;
-webkit-animation-fill-mode:forwards;
-webkit-animation-iteration-count:infinite;
-webkit-animation-duration:5s;}
.flower-conts.mv2 { display: none_; background: #fff; color: #000}
.flower-conts.mv2:before { content: ""; display: block; background: url("../images2020/lpop/flower.png") no-repeat 50% 0; width: 492px; height: 492px; position: absolute; left: -46px; top:-46px}
.flower-Box h2 {font-size:0; height: 0}
.flower-Box h3 { font-size: 2.3em; line-height:1; }
.flower-Box p { font-weight: 400; font-size: 1.1em; margin: .8em 1em 0; line-height:1.3}
.view-layer.flower-Box .btn-layerClose:before,
.view-layer.flower-Box .btn-layerClose:after { background:#fff; }

.flower-mv {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 889;}

@media all and (max-width: 640px) {
	.view-layer,
	.view-layer.login-Box{width: 95%;margin:0 0 0 -47.5%;min-width:300px;top: 10px;}  
	.view-layer.flower-Box{width: 300px; height: 300px; margin: -150px 0 0 -150px;min-width:300px;}  
    .pop-conts{padding:15px 0 25px; font-size: 15px}
	.pop-conts .president_history{float:none;margin: 0 auto 15px auto; }
	.pop-conts .president_history dd{width:auto;padding: 95px 15px 15px 15px;}
	.pop-conts .president_history dd b{font-size:1.3em;}
	.pop-conts .txt_con{float:none;margin:0 auto;width:100%;padding: 0;height: 200px;}
	.pop-conts .txt_con .ttl01{margin-top:20px;}
	.pop-conts .txt_con .list01 li{font-size: .95em;}
	
	.login-conts fieldset h2 {background-size: contain}
	
	.view-layer.flower-Box {margin: 10% 0 0 -205px;width: 370px;height: 370px;padding: 20% 10% 0;}
	.flower-conts{width: 280px;height: 280px; }
	.flower-conts.mv2:before { background: url("../images2020/lpop/flower.png") no-repeat 50% 0; width: 370px; height: 370px; position: absolute; left: -35px; top:-35px; background-size: 100%}
	.flower-Box h3 { font-size: 1.7em; margin-bottom: .3em}
	.flower-Box p { font-size: 13px}
	
}
@media all and (max-width: 400px) {
	.pop-conts .president_history{background-size:130px;background-position: 100% 100%;}
	.pop-conts .president_history dt,
	.pop-conts .president_history dd{float:none;}
	.pop-conts .president_history dt img{margin:10px auto;}
	.pop-conts .president_history dd{padding: 0 0 15px; text-align:center;}

}


/* big_view */
.big_view{border:0;}
.big_view .pop-container,
.big_view .pop-conts{ padding:0; margin:0}
.big_view .btn-layerClose{ background:#000; right:0; top:0; width:60px; height:60px;}
.big_view .btn-layerClose:before,
.big_view .btn-layerClose:after{ background:#fff;}
.big_view .pop-conts{overflow:auto;max-height: 550px;}
.big_view .pop-conts span{display:none;}

@media all and (max-width: 640px) {
	.big_view { margin-top:0; top:20px;}
	.big_view .btn-layerClose{ width:50px; height:50px;}
	.big_view .pop-conts{min-height:400px;}
}