@charset "utf-8";

/*---------- layout ----------*/
/* header */
.header {position: fixed;}

/* footer */
.footer {background: #fff; height: 105px !important; position: relative;}

/*---------- module ----------*/
/* heading */
.mh-t1 {position: relative; font-weight: normal; font-size: 44px; margin-bottom: 25px; padding-bottom: 15px;}
.mh-t1 span {color: #e51b38; font-weight: bold;}
.mh-t1:after{content:""; position: absolute; bottom: 0; left: 50%; display: block; width: 28px; height: 2px; margin-left: -14px; background-color: #e51937;}
.mh-t2{color: #fff; padding-bottom: 50px; font-weight: normal; font-size: 44px;}

/* text */
.mtxt-t1 {font-size: 18px; color: #666;}

/* icon */
.ico-company {display: inline-block; vertical-align: middle; background: url(/resources/img/common/main/ico_company.png) no-repeat 0 0; margin-top: -115px; margin-bottom: 50px;}
.ico-company._1 {width: 210px; height: 210px; background-position: 0 0;}
.ico-company._2 {width: 210px; height: 210px; background-position: -220px 0;}
.ico-company._3 {width: 210px; height: 210px; background-position: -440px 0;}

/* layout */
.page {display: table; height: 100%; width: 100%;}
.page .inner {max-width: 1140px; padding: 80px 20px; width: 100%; margin: 0 auto; text-align: center; position: relative; display: table-cell; vertical-align: middle;}
.page .inner:after {display: block; clear: both; visibility: hidden; content: "";}


/*---------- main ----------*/
/* content 0 - visual */
.visual {position: relative; display: block; height: 949px;}

.visual-cont {position: absolute; color: #fff; left: 20%; top: 50%; margin-top: -180px; z-index: 1;}
.visual-cont h2 {font-family: 'NanumBarunGothicLight'; font-weight: normal; font-size: 56px; line-height: 70px;}
.visual-cont h2 strong {font-family: 'NanumBarunGothicBold';}
.visual-cont p {position: relative; margin-top: 20px; padding: 35px 0; font-size: 16px; line-height: 30px;}
.visual-cont p:before {content:""; position: absolute; top: 0; left: 0; display: block; width: 67px; height: 3px; background-color: #e51937;}
.visual-cont .btn-visual {display: block; width: 195px; height: 50px; line-height: 50px; font-weight: bold; text-align: center; font-size: 16px; border: 1px solid #bababa; background: rgba(255, 255, 255, 0.5); color: #111; -webkit-transition: background-color .5s; transition: background-color .5s;}
.visual-cont .btn-visual:hover{background-color: rgba(0, 0, 0, 0.5); color: #fff;}

.visual1 {background: url(/resources/img/common/main/visual_1.jpg) no-repeat center; background-size: cover;}
.visual2 {background: url(/resources/img/common/main/visual_2.jpg) no-repeat center; background-size: cover;}
.visual3 {background: url(/resources/img/common/main/visual_3.jpg) no-repeat center; background-size: cover;}
.visual4 {background: url(/resources/img/common/main/visual_4.jpg) no-repeat center; background-size: cover;}

.vslider_pause_play {position: absolute; top: 50%; right: 3%;margin-top: 112px;  z-index: 1;}
.bx-start {display: none; width: 16px; height: 16px; overflow: hidden; /* text-indent: -9999px; */ font-size: 5px; color: transparent; border-radius: 50%; background: url(/resources/img/common/main/ico_control.png) no-repeat 0 -16px; text-align: center;}
.bx-stop {display: block; width: 16px; height: 16px; overflow: hidden; /* text-indent: -9999px; */ font-size: 5px; color: transparent; border-radius: 50%; background: url(/resources/img/common/main/ico_control.png) no-repeat 0 0; text-align: center;}
 
.bx-next:focus,
.bx-prev:focus,
.bx-start:focus,
.bx-stop:focus{/* outline:1px dotted #fff; */}

.vslider_pager {position: absolute; top: 50%; right: 3%;margin-top: -30px; z-index: 1;}
.vslider_pager .bx-pager-item {margin-bottom: 20px;}
.vslider_pager .bx-pager-item .bx-pager-link {display: block; width: 16px; height: 16px; overflow: hidden; font-size: 3px; color: transparent; border: 3px solid #fff; border-radius: 100px; text-align: center;}
.vslider_pager .bx-pager-item .bx-pager-link.active {background: #fff; border: 3px solid #fff;}

.btn_mouse {
	width: 40px; height: 30px; position: absolute; bottom: 2%; left: 50%; margin-left: -20px; border: 0;
	z-index: 5; cursor: pointer; text-align: center;
}
.btn_mouse span {
	display: inline-block; width: 37px; height: 23px; overflow: hidden; text-indent: -9999px;
	background: url(/resources/img/common/main/ico_mouse.png) no-repeat 0 0;
	-webkit-animation: btmouse 2s infinite; animation: btmouse 2s infinite;
	-webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}
@-webkit-keyframes btmouse {
	0% {margin-top: 0;}
	50% {margin-top: -10px;}
	100% {margin-top: 0;}
}
@keyframes btmouse {
	0% {margin-top: 0;}
	50% {margin-top: -10px;}
	100% {margin-top: 0;}
}


/* content 1 - OUR COMPANY */
.section2 {background: #fff;}
.section2 ul {width: 100%; padding: 20px 0 0; max-width: 1140px; margin: 0 auto;}
.section2 li {float: left; width: 33.3%;}
.section2 li + li {padding-left: 30px;}
.section2 a {display: inline-block; vertical-align: top; width: 100%;}

.section2 .list-company{color: #fff;}
.section2 .list-company:after {content: ""; display: table; clear: both;}
.section2 .list-company h3{font-size: 28px;}
.section2 .list-company h3 span {position: relative; display: block; font-size: 18px; font-family: 'NanumBarunGothic'; font-weight: normal; padding-bottom: 10px; margin-bottom: 15px;}
.section2 .list-company h3 span:after {content:""; position: absolute; bottom: 0; left: 50%; display: block; width: 44px; height: 2px; margin-left: -22px; background-color: #fff;}
.section2 .list-company p{font-size: 16px; line-height: 24px;}
.section2 .list-company .box-com{padding: 0 0 85px; margin-top: 115px; margin-bottom: 25px; transition: all 300ms ease;}
.section2 .list-company .on .box-com{margin-top: 140px;  margin-bottom: 0px;}
.section2 .list-company .com1{background: #8c929c url(/resources/img/common/common/bg-line1.png) repeat;}
.section2 .list-company .com2{background: #738898 url(/resources/img/common/common/bg-line1.png) repeat;}
.section2 .list-company .com3{background: #666769 url(/resources/img/common/common/bg-line1.png) repeat;}


/* content 2 - INNOVATION */
.section3 {background: url(/resources/img/common/main/bg_con2.png) no-repeat center; background-size: cover;}
.section3 .wrap-key {position: relative; display: block; width: 100%; max-width: 1080px; margin: auto;}
.section3 .wrap-key:after {content: ""; display: table; clear: both;}
.section3 .box-img {float: left}
.section3 .box-img.img_key2 {float: right}
.section3 .box-key{display: table; vertical-align: middle; position: relative; width: 550px; height: 550px;}

.section3 .key-cont{position: absolute; color: #fff; text-align: left; padding-left: 70px; top: 140px; opacity: 0; transition:all 300ms ease-in-out;}
.section3 .key-cont.load{top: 160px; opacity: 1;}
.section3 .key2 .key-cont{top: 100px;}
.section3 .key2 .key-cont.load{top: 165px;}
.section3 .key-cont h3 {font-size: 40px; line-height: 60px;}
.section3 .key-cont h3 span {display: block; font-size: 50px; font-family: 'NanumBarunGothicLight'; font-weight: normal;}
.section3 .key-cont p {font-size: 16px; line-height: 30px; margin: 15px 0 35px 0;}
.section3 .key-cont .btn-more {display: block; width: 165px; height: 40px; line-height: 40px; font-weight: bold; text-align: center; font-size: 14px; border: 1px solid #fff; background: rgba(255, 255, 255, 0); color: #fff; -webkit-transition: background-color .5s; transition: background-color .5s;}

.section3 .key1{background: #be273d url(/resources/img/common/common/bg-line2.png) repeat; float: left; margin-left: -20px; margin-top: 40px; margin-bottom: 55px; -webkit-box-shadow: -30px 30px 20px rgba(0, 0, 0, 0.3); box-shadow: -30px 30px 20px rgba(0, 0, 0, 0.3);}
.section3 .key1 .btn-more:hover{color: #be273d; background-color: rgba(255, 255, 255, 1);}
.section3 .key2{position: absolute; background: #e18242 url(/resources/img/common/common/bg-line2.png) repeat; float: left; margin-left: 0px; margin-top: 40px; margin-bottom: 55px; -webkit-box-shadow: 30px 30px 20px rgba(0, 0, 0, 0.3); box-shadow: 30px 30px 20px rgba(0, 0, 0, 0.3);}
.section3 .key2 .btn-more:hover{color: #e18242; background-color: rgba(255, 255, 255, 1);}
.section3 .key3{background: #385385 url(/resources/img/common/common/bg-line2.png) repeat; float: left; margin-left: -20px; margin-top: 40px; margin-bottom: 55px; -webkit-box-shadow: -30px 30px 20px rgba(0, 0, 0, 0.3); box-shadow: -30px 30px 20px rgba(0, 0, 0, 0.3);}
.section3 .key3 .btn-more:hover{color: #385385; background-color: rgba(255, 255, 255, 1);}

.keyslider_pager {position: absolute; bottom: 6%; left: 50%; margin-left: -54px; z-index: 1;}
.keyslider_pager .bx-pager-item {display: block; float: left; margin: 0 10px;}
.keyslider_pager .bx-pager-item .bx-pager-link {display: block; width: 16px; height: 16px; overflow: hidden; border: 3px solid rgba(255, 255, 255, 0.5); color: transparent; line-height:0; border-radius: 100px;}
.keyslider_pager .bx-pager-item .bx-pager-link.active {background: #e51b38; border: 3px solid #e51b38;}

.bx-controls a {position: absolute; top: 50%;  margin-top: -30px; z-index: 5; display: block; width: 55px; height: 108px; overflow: hidden; text-indent: -9999px; cursor: pointer;}
.bx-controls .bx-prev {left: 9%; background: url(/resources/img/common/common/arrow_prev_key.png) no-repeat;}
.bx-controls .bx-prev:hover, .bx-controls .bx-prev:focus {background: url(/resources/img/common/common/arrow_prev_key_hover.png) no-repeat;}
.bx-controls .bx-next {right: 9%; background: url(/resources/img/common/common/arrow_next_key.png) no-repeat;}
.bx-controls .bx-next:hover, .bx-controls .bx-next:focus {background: url(/resources/img/common/common/arrow_next_key_hover.png) no-repeat;}


/* content 3 - NEWS */
.section4 {background: #f7f9ff; height: auto;}

.section4 .wrap-news {max-width: 1140px; width: 100%; margin: 0 auto; padding-top: 55px;}
.section4 .wrap-news:after {content: ""; display: table; clear: both;}
.section4 .box-Bnews{float: left; width: 50%; text-align: left;}
.section4 .box-Bnews .link{display: block;}
.section4 .box-Bnews .img{position: relative; height: 320px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
.section4 .box-Bnews .img:after{content:""; display: block; width: 100%; padding-bottom: 56%;}
.section4 .box-Bnews .cont{background: #fff; padding: 40px 30px 25px 30px;}
.section4 .box-Bnews .tit {font-family: 'NanumBarunGothicLight'; font-weight: normal; font-size: 32px; line-height: 40px; color: #111; margin-bottom: 15px; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.section4 .box-Bnews .tag {display: inline-block; width: 84px; height: 22px; line-height: 22px; text-align: center; vertical-align: middle; font-size: 13px; color: #737373; border: 1px solid #c8c8c8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-right: 10px;}
.section4 .box-Bnews .date {font-size: 13px;  color: #737373;}
.section4 .box-Bnews .desc{ font-family: 'NanumBarunGothicLight'; display: block; display: -webkit-box; height: 70px; margin: 22px 0 0 0; font-size: 14px; line-height: 24px; color: #666; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-break: break-all;}
.section4 .box-Bnews .link:hover .tit, .box-Bnews .link:focus .tit{color: #e51937;}
.section4 .box-Bnews .link:hover .tag, .section4 .box-Bnews .link:focus .tag {color: #fff; border: 1px solid #e51937; background: #e51937;}

.section4 .box-Snews{float: left; width: 50%; padding-left: 50px; text-align: left;}
.section4 .list-mainNews {border:1px #d3d5da; border-style: solid none;}
.section4 .list-mainNews li {padding: 50px 0;}
.section4 .list-mainNews li + li {border-top:1px solid #d3d5da;}
.section4 .list-mainNews li a {display: block;}
.section4 .list-mainNews li .img {display: inline-block; width: 35%; vertical-align: middle; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; background-size: cover;}
.section4 .list-mainNews li .img:after{content:""; display: block; width: 100%; padding-bottom: 56%;}
.section4 .list-mainNews li .tit {font-family: 'NanumBarunGothicLight'; margin-bottom: 12px; font-size: 20px; line-height: 26px; color: #111111; font-weight: normal;  display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.section4 .list-mainNews li .img + .cont {display: inline-block; width: 64%; padding-left: 30px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section4 .list-mainNews li .cont {display: inline-block; width: 100%; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.section4 .list-mainNews li .cont .tag {display: inline-block; width: 84px; height: 22px; line-height: 22px; text-align: center; vertical-align: middle; font-size: 13px; color: #737373; border: 1px solid #c8c8c8; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; margin-right: 10px;}
.section4 .list-mainNews li .cont .date {font-size: 13px;  color: #737373;}
.section4 .list-mainNews li a:hover .tit, .section4 .list-mainNews li a:focus .tit {color: #e51937;}
.section4 .list-mainNews li a:hover .tag, .section4 .list-mainNews li a:focus .tag {color: #fff; border: 1px solid #e51937; background: #e51937;}


/*========== media screen == 1024 ==========*/
@media screen and (max-width: 1024px){
/*---------- module ----------*/
/* heading */
.mh-t1 {font-size: 25px; margin-bottom: 15px; padding-bottom: 5px;}
.mh-t1:after {width: 14px; height: 1px; margin-left: -7px;}
.mh-t2{font-size: 25px; padding-bottom: 25px;}

/* text */
.mtxt-t1 {font-size: 12px;}

/* icon */
.ico-company {margin-top: -52px; margin-bottom: 21px}
.ico-company._1{width: 100px; height: 100px; background: url(/resources/img/common/main/ico_company_01_m.png) no-repeat 0 0;  -webkit-background-size: 100%; background-size: 100%;}
.ico-company._2{width: 100px; height: 100px; background: url(/resources/img/common/main/ico_company_02_m.png) no-repeat 0 0;  -webkit-background-size: 100%; background-size: 100%;}
.ico-company._3{width: 100px; height: 100px; background: url(/resources/img/common/main/ico_company_03_m.png) no-repeat 0 0;  -webkit-background-size: 100%; background-size: 100%;}

/* layout */
.page {display: block; height: auto !important;}
.page .inner {display: block; padding: 25px 40px;}


/*---------- main ----------*/
/* content 0 - visual */
.visual {height: 700px !important;}

.visual-cont {left: 7%;}
.visual-cont h2 {font-size: 28px; line-height: 35px;}
.visual-cont p {font-size: 12px; line-height: 18px; margin-top: 0; padding: 10px 0;}
.visual-cont p:before {display: none;}
.visual-cont .btn-visual {width: 105px; height: 30px; line-height: 30px; font-size: 10px;}

.btn_mouse {display: none;}


/* content 1 - OUR COMPANY */
.section2 li + li {padding-left: 15px;}

.section2 .list-company h3{font-size: 20px;}
.section2 .list-company h3 span {position: relative; display: block; font-size: 15px; font-family: 'NanumBarunGothic'; font-weight: normal; padding-bottom: 10px; margin-bottom: 10px;}
.section2 .list-company h3 span:after {content:""; position: absolute; bottom: 0; left: 50%; display: block; width: 22px; height: 1px; margin-left: -11px; background-color: #fff;}
.section2 .list-company p{font-size: 12px; line-height: 24px;}
.section2 .list-company .box-com{padding: 0 0 25px; margin-top: 30px; margin-bottom: 25px; transition: inherit;}
.section2 .list-company .on .box-com{margin-top: 30px;  margin-bottom: 25px;}


/* content 2 - INNOVATION */
.section3 .inner {padding: 25px 20px 25px 20px}

.section3 .box-img {width: 100%; float: none;}
.section3 .box-img.img_key1{background-image: url(/resources/img/common/main/img_key_1_m.jpg);}
.section3 .box-img.img_key2 {float: none; background-image: url(/resources/img/common/main/img_key_2_m.jpg);}
.section3 .box-img.img_key3{background-image: url(/resources/img/common/main/img_key_3_m.jpg);}

.section3 .box-key {position: static; float: none; max-width: 580px; width: 100%; height: auto; margin: auto;}

.section3 .key-cont {position: inherit; padding: 20px; opacity: 1;}
.section3 .key-cont.load {top: auto;}
.section3 .key2 .key-cont {top: auto;}
.section3 .key2 .key-cont.load {top: auto;}
.section3 .key-cont h3 {font-size: 20px; line-height: 30px;}
.section3 .key-cont h3 span {font-size: 25px;}
.section3 .key-cont p {font-size: 12px; line-height: 20px; margin: 15px 0 20px 0;}
.section3 .key-cont .btn-more {width: 100px; height: 30px; line-height: 30px; font-size: 10px;}

.section3 .key1{margin-bottom: 55px; -webkit-box-shadow: none; box-shadow: none;}
.section3 .key2{position: relative; margin-bottom: 55px; -webkit-box-shadow: none; box-shadow: none;}
.section3 .key3{margin-bottom: 55px; -webkit-box-shadow: none; box-shadow: none;}

.bx-controls {display: none;}

/* content 3 - NEWS */
.section4.page .inner {padding: 25px 40px 40px 40px;}

.section4 .wrap-news {padding-top: 25px;}
.section4 .box-Bnews {}
.section4 .box-Bnews .cont{padding: 15px 12px 15px 12px;}
.section4 .box-Bnews .tit {font-size: 16px; line-height: 21px; margin-bottom: 5px;}
.section4 .box-Bnews .tag {width: 60px; height: 17px; line-height: 17px; font-size: 10px; margin-right: 5px;}
.section4 .box-Bnews .date {font-size: 10px;}
.section4 .box-Bnews .desc {margin: 10px 0 0 0; font-size: 12px; line-height: 22px;}

.section4 .box-Snews {padding-left: 25px;}
.section4 .list-mainNews li {padding: 43px 0;}
.section4 .list-mainNews li .tit{font-size: 15px; line-height: 20px;}
.section4 .list-mainNews li .img + .cont {padding-left: 15px; width: 63%;}
.section4 .list-mainNews li .cont .tag {width: 60px; height: 17px; line-height: 17px; font-size: 10px; margin-right: 5px;}
.section4 .list-mainNews li .cont .date {font-size: 10px; }

}

/*========== media screen == 780 ==========*/
@media screen and (max-width: 780px){
/*---------- main ----------*/
/* content 3 - NEWS */
.section4 .box-Bnews {float: none; width: 100%;}

.section4 .box-Snews {float: none; width: 100%; padding-left: 0px; border: none;}
.section4 .list-mainNews li {padding: 15px 0;}

}

/*========== media screen == 640 ==========*/
@media screen and (max-width: 640px){
/*---------- module ----------*/
/* layout */
.page .inner {padding: 25px 20px;}


/*---------- main ----------*/
/* content 0 - visual */
.visual {height: 450px !important;}

.visual-cont {top: 45px; margin-top: 40px;}

.visual1 {background: url(/resources/img/common/main/visual_1_m.png) no-repeat center; background-size: cover;}
.visual2 {background: url(/resources/img/common/main/visual_2_m.png) no-repeat center; background-size: cover;}
.visual3 {background: url(/resources/img/common/main/visual_3_m.png) no-repeat center; background-size: cover;}
.visual4 {background: url(/resources/img/common/main/visual_4_m.png) no-repeat center; background-size: cover;}

.vslider_pause_play {/* display: none; */}
.vslider_pager {/* display: none; */}


/* content 1 - OUR COMPANY */
.section2 li {width: 100%;}
.section2 li + li {padding-left: 0;}


/* content 2 - INNOVATION */
.section3 {background: url(/resources/img/common/main/bg_con2_m.png) no-repeat center; background-size: cover;}

.keyslider_pager {margin-left: -48px;}
.keyslider_pager .bx-pager-item .bx-pager-link {width: 12px; height: 12px; border: 2px solid rgba(255, 255, 255, 0.5);}


/* content 3 - NEWS */
.section4.page .inner {padding: 25px 20px 40px 20px}

.section4 .box-Bnews .img {height: auto;}
.section4 .box-Bnews .desc {display: none;}

.section4 .box-Snews {float: none; width: 100%; margin-left: 0px;}

.section4 .list-mainNews {border: none;}
.section4 .list-mainNews li{padding: 0; margin: 15px 0;}
.section4 .list-mainNews li + li {border: none;}
.section4 .list-mainNews li .img {float: none; width: 100%; margin: 0px; border: none;}
.section4 .list-mainNews li .tit {font-size: 16px; line-height: 21px;}
.section4 .list-mainNews li .img + .cont {width: 100%;}
.section4 .list-mainNews li .cont{display: block; width: 100%; background: #fff; padding: 15px 12px 15px 12px;}
.section4 .list-mainNews li .cont .date {font-size: 11px; color: #999;}

}

/* 20210629 비디오 팝업 */
#video_popup {width: 660px; height: 447px; margin: -223px 0 0 -330px;}
#video_popup .popup_close {top: 10px; width: 24px; height: 24px; background: none;}
#video_popup .popup_close img {width: 24px; height: 24px;}
#video_popup .modal_body {padding: 20px 0;}
#video_popup video {max-width: 100%; height: 372px;}

@media screen and (max-width: 700px){
#video_popup {width: 310px; height: 250px; margin: -125px 0 0 -155px;}
#video_popup video {height: 176px;}
}

/* 20210915 추가 */
.img_pop .modal_body {padding: 0;}
.img_pop a {display: block;}
.img_pop #warn_popup {width: 415px; height: 389px; top: 380px; left: 620px;}

@media screen and (max-width: 1024px){
.img_pop #warn_popup {width: 310px; height: 298px; top: 50%; left: 50%; margin: -149px 0 0 -155px;}
}

/* 20211224 추가 */
.privacy_pop #warn_popup .modal_body strong.tit {font-size: 24px}
.privacy_pop #warn_popup .modal_body p.txt {font-size: 13px; line-height: 22px;}
.tbl-data.privacy {table-layout: fixed; display: inline-table; width: 100%; border-top: 2px solid #444; border-collapse: collapse; margin: 10px 0;}
.tbl-data.privacy .w8-mw12 {width: 8%;}
.tbl-data.privacy .w12-mw17, .tbl-data.privacy .w12-mw21 {width: 12%;}
.tbl-data.privacy tr th {padding: 5px; font-size: 12px; text-align: center; color: #000; font-weight: 700; line-height: 20px; border: 1px solid #e4e4e4; border-width: 1px 1px 1px 0; background: #f5f5f5;}
.tbl-data.privacy tr td {padding: 5px; font-size: 12px; text-align: left; color: #000; line-height: 20px; word-break: break-all; border: 1px solid #e4e4e4; border-width: 1px 0 1px 1px;}
.tbl-data.privacy tr td.t-l {text-align: left; padding-left: 30px;}
.tbl-data.privacy .bl-n {border-left: none;}
.tbl-data.privacy .br-n {border-right: none;}

@media screen and (max-width: 1024px){
	#warn_popup {width: 80%; height: 450px;}
	.privacy_pop .modal_header {padding: 40px 0 10px 0;}
	.privacy_pop .modal_body {height: 85%; overflow-y: scroll;}
}

/* 20220519 추가 */
.wrap-pageBan {position: fixed; bottom: 30px; right: 42px; z-index: 9;}
iframe.bot {position: fixed; bottom: 20px; z-index: 99; right: 20px; display: none;	width:400px; height:600px; max-width: 320px; border: 0; border-radius: 20px; box-shadow: rgb(0 0 0 / 30%) 0px 12px 60px 5px;}

@media screen and (max-width: 1024px){
	.wrap-pageBan {right: 20px;}
	.wrap-pageBan img {width: 90px; height: auto;}
	iframe.bot {bottom: 0; right: 0;}
}