@charset "UTF-8";

.layerPopWrap {position: absolute; top: 85px; left: 14%; padding: 0; margin: 0; z-index: 99; overflow: hidden;}
.layerPopWrap .hide {position: absolute; top: -99999px; left: -99999px; width: 0; height: 0; margin: 0; padding: 0; font: 0/0 a; text-indent: -99999px;}
.layerPopup {display: none; position: relative; float: left; width: 500px; margin: 0 5px 5px 0; background: #FFF; border: 1px solid #cdd1d7; box-sizing: border-box;}
.layerPopup .layerCont {position: relative; padding: 40px 30px 30px; background: url('/images/layer_popup/layer_pop_bg01.gif') no-repeat 0 0; box-sizing: border-box;}
.layerPopup .layerCont p {margin-bottom: 30px; line-height: 1.8; font-size: 16px; text-align: center;}
.layerPopup .layerCont p strong {font-weight: bold;}
.layerPopup .layerCont p span {color: #3a9ed9;}
.layerPopup .layerCont .title {font-size: 24px; line-height: 1.3; font-weight: 700;}
.layerPopup .layerCont .title > span {color: #323236;}
.layerPopup .layerCont .logo {margin-bottom: 0px;}
.layerPopup .layerCont .btn a {display: inline-block; padding: 10px 30px; color: #FFF; background: #21ad70; border-radius: 10px;}
.layerPopup .layerCont table {width: 100%; padding: 0; margin: 0 0 30px; border-collapse: collapse; box-sizing: border-box;}
.layerPopup .layerCont table th,
.layerPopup .layerCont table td {padding: 5px; text-align: center; border: 1px solid #DDD; box-sizing: border-box; font-size: 16px;}
.layerPopup .layerCont table th {background: #EEE;}
.layerPopup .layerCont table th.back {background: #d3ffec;}
.layerPopup .layerCont table .em {font-weight: bold; text-decoration: underline;}
.layerPopup .btn_close {position: absolute; top: 20px; right: 10px; width: 30px; height: 30px; text-indent: -99999px; background: url('/images/common/icon_subsidiary_close_light.png') no-repeat 50% 50%; background-size: 20px auto;}
.layerPopup .btn_close.white {background-image: url('/images/common/icon_subsidiary_close_white.png');}
.layerPopup .todayBox {position: relative; height: 30px; padding: 7px; font-size: 13px; line-height: 1.2; border-top: 1px solid #cdd1d7; box-sizing: border-box;}
.layerPopup .todayBox input, .layerPopup .todayBox label {vertical-align: middle;}
.layerPopup .todayBox label {display: inline-block; margin-left: 5px;}
.layerPopup .todayBox .btn_close {position: absolute; top: 7px; right: 7px; width: auto; height: auto; text-indent: inherit; background: none;}

.layerPopup.pop2 .layerCont {padding: 90px 25px 80px;}
.layerPopup.pop2 .layerCont p {margin-bottom: 40px;}
.layerPopup.pop2 .layerCont .logo {margin-bottom: 0px;}

.layerPopup.pop3 .layerCont {padding: 30px 25px 0;}
.layerPopup.pop3 .layerCont p {margin-bottom: 10px;}
.layerPopup.pop3 .layerCont p img {width: 100%; max-width: 305px;}
.layerPopup.pop3 .layerCont .btn a {padding: 5px 50px;}
.layerPopup.pop3 .layerCont .logo img {width: auto; max-width: 138px;}

.layerPopup.pop4 .layerCont .title > span {display:block;font-size:18px}

.layerPopup.pop4 .layerCont ol li {position:relative;padding-left:24px;font-size:15px}
.layerPopup.pop4 .layerCont ol li+li {margin-top:8px}
.layerPopup.pop4 .layerCont ol li > span {position:absolute;top:0;left:0}
.layerPopup.pop4 .layerCont p.noti {position:relative;padding-left:24px;margin-top:20px;font-size:14px;text-align:left}
.layerPopup.pop4 .layerCont p.noti:before {content:'※';position:absolute;top:0;left:0}
.layerPopup.pop4 .layerCont .pop_link {margin-bottom:20px;text-align:center}
.layerPopup.pop4 .layerCont .pop_link a {font-size:16px;text-decoration:underline;}

.layerPopup.imgPop .layerCont {position: relative; padding: 0; width: 100%; max-width: 500px; height: auto;}
.layerPopup.imgPop .layerCont p {padding: 0; margin: 0; font: 0/0 a;}
.layerPopup.imgPop .layerCont p img {width: 100%;}
.layerPopup.imgPop .layerCont .btn {position: absolute; top: 88.87%; left: 30%; display: block; width: 40%; height: 5.63%; font: 0/0 a;}

@media (max-width: 1250px) and (min-width: 1025px) {
	.layerPopWrap {left: 10px;}
	.layerPopup {width: 470px;}
}

@media (max-width: 1024px) and (min-width: 768px) {
	.layerPopWrap {left: 2%; width: 96%; min-height: 700px;}
	.layerPopup {float: none; max-width: 500px; margin-right: 0;}
	.layerPopup + .layerPopup {position: absolute; top: 0; right: 0;}
}

@media (max-width: 767px) {
	.layerPopWrap {top: 185px; left: 3%; width: 94%; min-height: 580px; overflow: hidden;}
	.layerPopup {float: none; width: 100%; max-width: 420px; margin-bottom: 5px;}
	.layerPopup + .layerPopup {position: absolute; top: 0; left: 0;}
	.layerPopup .layerCont {padding: 30px 10px 20px;}
	.layerPopup .layerCont p {margin-bottom: 20px; font-size: 14px;}
	.layerPopup .layerCont .title {font-size: 20px;}
	.layerPopup .layerCont table th,
	.layerPopup .layerCont table td {font-size: 14px;}

	.layerPopup.pop2 .layerCont {width: 100%; padding: 30px 10px 20px;}
	.layerPopup.pop2 .layerCont p {margin-bottom: 20px;}
}

@media (max-width: 460px) {
	.layerPopWrap {top: 115px;}
}

/*2019-07-11 정기PM 일시 공지*/
.pm_wrap {margin-bottom: 30px; padding: 15px; background-color: #EEE;}
.pm_wrap li {position: relative; margin: 10px 30px; padding-left: 90px; font-size: 15px; color: #333;}
.pm_wrap li strong {position: absolute; top: 0px; left: 0px; display: block; font-weight: bold; color: #006ecd;}

/*2020-03-24 사명변경 동영상 레이어 클래스 추가*/
body.crollNo {overflow: hidden;}
.innoN_movie_layer * {box-sizing: border-box; line-height: 1.5; color: #000;}
.innoN_movie_layer {position: fixed; top: 0; left: 0; width: 100%; height: 100%; padding: 30px 0; z-index: 99999; background-color: rgba(0, 0, 0, 0.7); display: none;}
.innoN_movie_layer .layerWrap {position: relative; width: 90%; height: 94%; margin: 0px auto; background-color: #f2f5f8; overflow-y: auto;}

.innoN_movie_layer .layerWrap .contWrap .btn_close {position: absolute; top: 30px; right: 30px; display: block; width: 32px; height: 32px; opacity: 1; transition: transform .6s; transform-origin: center center; overflow: hidden; font-size: 0; z-index: 1;}
.innoN_movie_layer .layerWrap .contWrap .btn_close:focus,
.innoN_movie_layer .layerWrap .contWrap .btn_close:hover {transform: rotate(180deg);}
.innoN_movie_layer .layerWrap .contWrap .btn_close:before,
.innoN_movie_layer .layerWrap .contWrap .btn_close:after {position: relative; display: block; width: 44px; height: 4px; background-color: #a2aab7; border-radius: 10px 0 10px 0; transform-origin: center center; content: ''; transition: background-color .6s;}
.innoN_movie_layer .layerWrap .contWrap .btn_close:before {top: 14px; left: -5px; transform: rotate(45deg);}
.innoN_movie_layer .layerWrap .contWrap .btn_close:after {position: absolute; top: 14px; left: -5px; transform: rotate(-45deg);}
.innoN_movie_layer .layerWrap .contWrap .btn_close:focus:before,
.innoN_movie_layer .layerWrap .contWrap .btn_close:focus:after,
.innoN_movie_layer .layerWrap .contWrap .btn_close:hover:before,
.innoN_movie_layer .layerWrap .contWrap .btn_close:hover:after {background-color: #3a9dde;}

.innoN_movie_layer .layerWrap .contWrap {position: relative;}
.innoN_movie_layer .layerWrap .contWrap .cont {position: relative; width: 94%; max-width: 1280px; margin: 0 auto; padding: 200px 0 0;}
.innoN_movie_layer .layerWrap .contWrap .cont .box {margin-bottom: 150px;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .stitle {margin-bottom: 35px; font-size: 24px; color: #276ef1;}
.innoN_movie_layer .layerWrap .contWrap .cont .box h2 {margin-bottom: 45px; font-size: 48px;}
.innoN_movie_layer .layerWrap .contWrap .cont .box h2 span {color: #276ef1;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .movieWrap {position: relative; height: 0px; padding-bottom: 56.25%; margin-bottom: 130px;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .movieWrap iframe {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .normal {text-align: center; font-size: 24px;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style1,
.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 {margin-bottom: 120px; text-align: center;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 .btitle {margin-bottom: 40px; font-size: 70px; color: #276ef1; font-family: 'ManropeRegular'; font-weight: bold;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 .line {position: relative; max-width: 1060px; margin: 0 auto 40px; font-size: 0; line-height: 0;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 .line span {position: relative; display: inline-block; width: 59px; height: 59px; background: url('/images/layer_popup/movie_layer_img01.png') no-repeat 0px 0px;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 .line:before {content: ''; position: absolute; left: 0; top: 28px; display: block; width: 100%; height: 2px; background-color: #276ef1;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 ul {max-width: 1060px; margin: 0 auto; overflow: hidden;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 ul li {float: left; width: 33.333%; font-size: 70px; color: #999; font-family: 'ManropeRegular'; font-weight: bold;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 ul li strong {font-weight: bold; color: #276ef1;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 ul li span {display: block; font-size: 18px; color: #276ef1; font-family: 'SpoqaHanSansRegular'; font-weight: bold;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 .line {position: relative; max-width: 1060px; margin: 0 auto 60px; font-size: 0; line-height: 0;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 .line span {position: relative; display: inline-block; width: 71px; height: 30px; background: url('/images/layer_popup/movie_layer_img04.png') no-repeat 0px 0px;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 .line:before {content: ''; position: absolute; left: 0; top: 0px; display: block; width: 100%; height: 2px; background-color: #276ef1;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 ul {max-width: 1060px; margin: 0 auto 50px; overflow: hidden;}
.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 ul li {float: left; width: 50%;}

.innoN_movie_layer .layerWrap .todayBox {position: relative; padding: 20px; text-align: right; font-size: 14px;}
.innoN_movie_layer .layerWrap .todayBox p {display: inline-block; vertical-align: middle; margin-right: 10px;}
.innoN_movie_layer .layerWrap .todayBox p input,
.innoN_movie_layer .layerWrap .todayBox p label {vertical-align: middle;}
.innoN_movie_layer .layerWrap .todayBox p input {margin-right: 5px;}
.innoN_movie_layer .layerWrap .todayBox a {display: inline-block; vertical-align: middle; padding: 4px 10px; border: 1px solid #BBB; border-radius: 5px;}

@media (max-width: 1024px) and (min-width: 768px) {
	.innoN_movie_layer .layerWrap .contWrap .cont .box h2 {font-size: 42px;}
	/*.innoN_movie_layer .layerWrap .contWrap .cont .box h2 br {display: none;}*/
	.innoN_movie_layer .layerWrap .contWrap .cont .box .movieWrap {margin-bottom: 90px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 .btitle {margin-bottom: 20px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 .line {margin-bottom: 20px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 .line {margin-bottom: 30px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 ul {margin-bottom: 30px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 ul li img {height: 120px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 .logo img {width: 300px;}
}

@media (max-width: 767px) {
	.innoN_movie_layer {padding: 20px 0;}
	.innoN_movie_layer .layerWrap {width: 94%;}
	.innoN_movie_layer .layerWrap .contWrap .cont {padding-top: 50px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box {margin-bottom: 90px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .stitle {font-size: 16px; margin-bottom: 15px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box h2 {margin-bottom: 20px; font-size: 22px;}
	/*.innoN_movie_layer .layerWrap .contWrap .cont .box h2 br {display: none;}*/
	.innoN_movie_layer .layerWrap .contWrap .cont .box .movieWrap {margin-bottom: 40px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style1,
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 {margin-bottom: 60px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 .btitle {margin-bottom: 20px; font-size: 36px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 .line {margin-bottom: 25px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 .line span {width: 31px; height: 31px; background-size: 31px auto;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 .line:before {top: 15px; height: 1px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 ul li {font-size: 34px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style1 ul li span {font-size: 12px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 .line {margin-bottom: 25px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 .line span {width: 30px; height: 15px; background-size: 30px auto;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 .line:before {height: 1px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 ul {margin-bottom: 20px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 ul li img {height: 60px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .style2 .logo img {width: 160px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .normal {font-size: 14px;}
	.innoN_movie_layer .layerWrap .contWrap .cont .box .normal br {display: none;}
	.innoN_movie_layer .layerWrap .todayBox {padding: 0px 20px 20px 20px; font-size: 12px;}
	.innoN_movie_layer .layerWrap .contWrap .btn_close {width: 20px; height: 20px; top: 20px; right: 20px; background-image: url('/images/company/button_popup_close.png'); background-size: 100%;}
	.innoN_movie_layer .layerWrap .contWrap .btn_close:before,
	.innoN_movie_layer .layerWrap .contWrap .btn_close:after {display: none;}
}