/* reset */
img, input, button, select {vertical-align:middle; margin:0;}
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,hr,label {margin:0; padding:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
em,address {font-style:normal;}
a,a:active, a:hover, a:focus {text-decoration:none;}
button {display:inline-block; overflow:hidden; border:0; background:none; cursor:pointer;}
table {width:100%; border-spacing:0;}
caption,legend {overflow:hidden; top:0; left:0; width:0; height:0; line-height:0; font-size:0;}
textarea {resize:none; vertical-align:middle; border:1px solid #d8d8d8;}
label {cursor:pointer;}
strong {font-weight:bold;}
img {max-width:100%; height:auto;} 

/* 메인팝업 */
/* skinA :팝업1개 */
.newPOPUP.skinA {display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); position:fixed; top:0; bottom:0; left:0; z-index:9999;}
.newPOPUP.skinA .pop_cont {overflow:hidden; position:fixed; top:40%; left:50%; transform:translate(-50%, -40%); width:290px; height:auto;}

.newPOPUP.skinA .pop_wrap {position:relative;}
.newPOPUP.skinA .popIMG {overflow:hidden; min-height:300px; max-height:300px;}
.newPOPUP.skinA .popIMG img {width:100%; height:auto; min-height:300px; max-height:300px;}

.newPOPUP.skinA .popRoll {display:flex !important; justify-content:center; text-align:center; position:absolute; left:inherit; top:10px; bottom:inherit; width:100%; z-index:2;}
.newPOPUP.skinA .popRoll li {display:inline-block; width:24px; margin:0 0.1em;}
.newPOPUP.skinA .popRoll li a {display:block; background-color:rgba(0,0,0,.3); height:5px;}
.newPOPUP.skinA .popRoll li a:hover,
.newPOPUP.skinA .popRoll li.slick-active a {background:#ff9a11;}

.newPOPUP.skinA .pop_bn {width:100%; font-size:0; text-align:center; overflow:hidden; background:#fff;}
.newPOPUP.skinA .pop_bn a {display:inline-block; width:50%; height:40px; line-height:40px;}
.newPOPUP.skinA .pop_bn a img {width:100%; height:auto; max-height:40px; padding:0; box-sizing:border-box;}

.newPOPUP.skinA .pop_close {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); width:auto; text-align:center; z-index:999;}
.newPOPUP.skinA .pop_close a {display:block; float:left; padding:7px 14px; font-size:12px; background:#000; color:#fff; border-radius:50px;}
.newPOPUP.skinA .pop_close a:first-child {background:#ff9a11;}

/* skinB :팝업3개 */
.newPOPUP.skinB {display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); position:fixed; top:0; bottom:0; left:0; z-index:9999;}
.newPOPUP.skinB .pop_cont {overflow:hidden; position:fixed; top:40%; left:50%; transform:translate(-50%, -40%); width:290px; height:auto;}

.newPOPUP.skinB .pop_wrap {position:relative;}
.newPOPUP.skinB .popIMG {overflow:hidden; min-height:300px; max-height:300px;}
.newPOPUP.skinB .popIMG img {width:100%; height:auto; min-height:300px; max-height:300px;}

.newPOPUP.skinB .popRoll {text-align:center; position:absolute; left:inherit; top:0; bottom:inherit; width:100%; z-index:2;}
.newPOPUP.skinB .popRoll li {display:inline-block; width:35px; margin:0 0.1em;}
.newPOPUP.skinB .popRoll li a {display:block; background-color:rgba(0,0,0,.3); height:5px;}
.newPOPUP.skinB .popRoll li a:hover,
.newPOPUP.skinB .popRoll li.slick-active a {background:#098ed3;}

.newPOPUP.skinB .pop_bn {width:100%; font-size:0; text-align:center; overflow:hidden; background:#fff;}
.newPOPUP.skinB .pop_bn a {display:inline-block; width:50%; height:40px; line-height:40px;}
.newPOPUP.skinB .pop_bn a img {width:100%; height:auto; max-height:40px; padding:0; box-sizing:border-box;}

.newPOPUP.skinB .pop_close {position:absolute; bottom:30px; left:50%; transform:translateX(-50%); width:auto; text-align:center; z-index:999;}
.newPOPUP.skinB .pop_close a {display:block; float:left; padding:10px 20px; font-size:14px; background:#000; color:#fff; border-radius:50px;}
.newPOPUP.skinB .pop_close a:first-child {background:#098ed3;}

/* skinC :팝업8개 */
.newPOPUP.skinC {display:block; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); position:fixed; top:0; bottom:0; left:0; z-index:9999;}
.newPOPUP.skinC .pop_cont {overflow:hidden; position:fixed; top:40%; left:50%; transform:translate(-50%, -40%); width:100%; height:80%; overflow-y:auto;}

.newPOPUP.skinC .pop_close {width:100%;  height:50px; text-align:center; z-index:999; position:fixed; bottom:30px; left:0; display:inline-block;}
.newPOPUP.skinC .pop_close a {display:block; float:left; width:50%; height:40px; line-height:40px; font-size:14px; color:#fff; box-sizing:border-box; background:rgba(0,0,0,.5); transition:all 0.3s ease-out;}
.newPOPUP.skinC .pop_close a:first-child {background:#01b1ae;}

@media all and (min-width:767px) {
	/* skinA :팝업1개 */
	.newPOPUP.skinA .pop_cont {width:600px; height:90%; max-height:720px; overflow-y:auto;}
	.newPOPUP.skinA .popIMG {min-height:620px; max-height:620px;}
	.newPOPUP.skinA .popIMG img {min-height:620px; max-height:620px;}
	.newPOPUP.skinA .popRoll li {width:50px;}
	.newPOPUP.skinA .popRoll li a {height:10px;}

	.newPOPUP.skinA .pop_bn a {width:25%; height:50px; line-height:50px;}
	.newPOPUP.skinA .pop_bn a img {width:100%; height:auto; max-height:50px;}
	.newPOPUP.skinA .pop_close a {padding:10px 30px;}

	/* skinB :팝업3개 */
	.newPOPUP.skinB .pop_cont {width:580px; overflow-y:auto;}
	.newPOPUP.skinB .popIMG {min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popIMG img {min-width:290px; min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popRoll li {width:80px;}
	.newPOPUP.skinB .popRoll li a {height:10px;}

	.newPOPUP.skinB .pop_bn a {width:25%; height:50px; line-height:50px;}
	.newPOPUP.skinB .pop_bn a img {width:100%; height:auto; max-height:50px;}
	.newPOPUP.skinB .pop_close a {padding:10px 30px;}

	/* skinC :팝업8개 */
	.newPOPUP.skinC .pop_cont {width:100%; height:90%; max-height:720px; overflow-y:auto; top:40%; left:50%; transform:translate(-50%, -40%);}
	.newPOPUP.skinC .pop_close {position:fixed; bottom:40px; left:50%; transform:translateX(-50%); width:auto; display:inline-block;}
	.newPOPUP.skinC .pop_close a {width:auto; height:40px; line-height:42px; font-size:14px; border-radius:0; margin:0 5px; padding:0 30px; border-radius:50px;}
}

@media all and (min-width:1024px) {
	/* skinB :팝업3개 */
	.newPOPUP.skinB .pop_cont {width:870px; overflow-y:auto; top:50%; left:50%; transform:translate(-50%, -50%);}
	.newPOPUP.skinB .popIMG {min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popIMG img {min-width:290px; min-height:300px; max-height:300px;}
	.newPOPUP.skinB .popRoll li {width:80px;}
	.newPOPUP.skinB .popRoll li a {height:10px;}
}

@media all and (min-width:1200px) {
	.newPOPUP.skinA .pop_cont {top:50%; left:50%; transform:translate(-50%, -50%);}
	.newPOPUP.skinA .pop_close a {font-size:16px;}

	/* skinB :팝업3개 */
	.newPOPUP.skinB .pop_cont {max-width:1200px;}
	.newPOPUP.skinB .popIMG {min-height:413px; max-height:413px;}
	.newPOPUP.skinB .popIMG img {min-width:400px; min-height:413px; min-width:400px; max-height:413px;}

	/* skinC :팝업8개 */
	.newPOPUP.skinC .pop_cont {max-width:1600px;}
	.newPOPUP.skinC .popIMG {min-height:none; max-height:none;}
	.newPOPUP.skinC .popIMG img {min-width:inherit; min-height:inherit; max-height:inherit;}

	.newPOPUP.skinC .pop_close {position:fixed; top:30px; width:auto; display:inline-block;}
	.newPOPUP.skinC .pop_close a {height:40px; line-height:40px; font-size:16px;}
}

.newPOPUP.skinB .pop_cont {width:1200px;}

@media(max-width:1200px) {
	.newPOPUP.skinA .pop_cont {width:600px !important;}
	.newPOPUP.skinA .slick-slide {width:600px !important;}

	.newPOPUP.skinB .pop_cont {width:580px !important;}
	.newPOPUP.skinB .slick-slide {width:290px !important;}
}
@media(max-width:640px) {
	.newPOPUP.skinA .pop_cont {width:290px !important;}
	.newPOPUP.skinA .slick-slide {width:290px !important;}

	.newPOPUP.skinB .pop_cont {width:290px !important;}
	.newPOPUP.skinB .slick-slide {width:290px !important;}
}
@media(max-width:800px) {
	.newPOPUP.skinC .pop_cont {width:100% !important;}
}


.newPOPUP .BT {transition:all 0.3s ease-out; cursor:pointer; text-align:center; position:absolute; top:50%; z-index:2; width:30px; height:30px; margin-top:-15px; font-size:0; background:#fff;}
.newPOPUP .BT_L {left:0; border:1px solid rgba(0, 0, 0, 0.2); background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat; background-size:10px;}
.newPOPUP .BT_R {right:0; border:1px solid rgba(0, 0, 0, 0.2); background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat; background-size:10px;}

.newPOPUP .BT_L:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat; background-size:10px;}
.newPOPUP .BT_R:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat; background-size:10px;}

@media all and (min-width:1200px) {
	.newPOPUP .BT {width:50px; height:50px; margin-top:-25px;}

	.newPOPUP .BT_L {left:0; border:1px solid rgba(0, 0, 0, 0.2); background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat;}
	.newPOPUP .BT_R {right:0; border:1px solid rgba(0, 0, 0, 0.2); background:rgba(0, 0, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat;}

	.newPOPUP .BT_L:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_pre.png') center no-repeat;}
	.newPOPUP .BT_R:hover {border:1px solid rgba(255, 157, 0, 0.2); background:rgba(255, 157, 0, 0.8) url('/images/common/w_btn_next.png') center no-repeat;}
}


/* 상단 팝업 바로가기 */
.popup-open {top:20px; right:60px; position:absolute; clear:both; display:block;}
.popup-open li a {
	font-weight:400; position:relative; display:flex; align-items:center; justify-content:center; overflow:hidden; background:#0097ec; color:#fff; padding:8px 13px; 
	font-size:0.8em; border-radius:50px; text-decoration:none; line-height:1.5;
}
.popup-open li a i {font-style:normal; display:block; margin:0 0 0 5px;}

@media(min-width:1200px) {
	.popup-open {top:30px; right:240px; text-align:left; z-index:99;}
	.popup-open li a {font-size:15px; width:80px; height:40px; box-sizing:border-box; text-align:center; padding:0;	}
	.popup-open li:hover a {background:#1b5bb9; color:#fff;}
}


body {font-size:14px;}
input, textarea, select {font-size:14px; font-family:'NanumSquareNeo', 'S-CoreDream4', 'gothic', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif;}

@media(min-width:1024px) {
	body {font-size:16px;}
	input, textarea, select {font-size:16px;}
}

@media(min-width:1200px) {
	body {font-size:17px;}
	input, textarea, select {font-size:17px; outline-style:none;}
}



/* ======================================================
   팝업창
   .layer-pop{}
	.layer-pop { width:96%;max-width:500px; min-width:360px; position:fixed;  left:50%; top:50%; display:none;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
=========================================================*/
#pop-doc{z-index:9900; position:relative;}
.layer-pop { overflow:hidden;position:absolute; display:none; border:1px solid #111; box-shadow:2px 2px 15px rgba(0, 0, 0, 0.2); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-pop form{margin:0; padding:0;}

.layer-pop .chk{box-sizing:border-box; border-top:none;background:#fff; position:relative;}
.layer-pop .chk:after{display:block; content:"";clear:both;}
.layer-pop .chk:before{width:0.1px;height:100%; position:absolute ;left:50%; top:0;display:block; content:"";background:#000;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -o-transform:  translateX(-50%);transform: translateX(-50%);}
.layer-pop .close{position:absolute; right:0; top:-45px; width:25px;height:25px; display:block; height:25px;background:url(../img/Main/pop-close.png) no-repeat center center;background-size:100% auto;text-indent:-9999em;}
.layer-pop .check{float:left; width:50%; text-align:center;}
.layer-pop .check label{display:block; line-height:50px;line-height:52px; font-size:15px; color:#111; letter-spacing:-0.03em;-webkit-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;-moz-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;-o-transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;transition: background 0.3s ease-in-out,  color 0.3s ease-in-out;}
.layer-pop .check label:hover{background:#111; color:#fff;}
.layer-pop .check input[type="checkbox"]{display:none;}
.layer-pop .check input[type="checkbox"]:checked +  label{background:#111; color:#fff;}
.layer-pop .closev{float:left; width:50%; text-align:center;}
.layer-pop .closev a{display:block;line-height:52px; font-size:15px; color:#111; letter-spacing:-0.03em;}
.layer-pop .closev a:hover{background:#23408f; color:#fff;}
.layer-pop .img{padding:0; margin:0;background:#fff;overflow:hidden;}
.layer-pop .img a{display:block; padding:0; margin:0;}
.layer-pop .img img{width:100%;}

@media only screen and (max-width:680px) {	
	.layer-pop { width:75vw !important;height:auto !important; left:50% !important;transform:scale(1,1) translateX(-50%) !important}
	.layer-pop .img {width:100% !important;height:auto !important;}

	.layer-pop .close{width:20px;height:20px; top:-35px; }

	.layer-pop .check label{line-height:45px; font-size:14px; }
	.layer-pop .closev a{line-height:45px; font-size:14px; }
}

@media screen and (max-width:530px){
	.layer-pop { width:75vw !important;height:auto !important; left:50% !important; transform:scale(1,1) translateX(-50%) !important}
	.layer-pop .img {width:100% !important;height:auto !important;}
}
@media screen and (max-width:480px){
  .layer-pop {width:90vw !important;height:auto !important; left:50% !important;}
}
/*=========================================================*/