@charset "utf-8";
/* popup - common */
/* ********************************************************************************************************** *
 * popup - confirm
 * ********************************************************************************************************** */
.popup{
	display:none;
	position:fixed;
	top: 0;
	left: 0;
	/*transform:translate(-50%,-50%);*/
	z-index:10; /*모달팝업을 윈도우팝업과 같이 드래그가 가능하도록 할때*/
}
.popup::before ,.alert::before{
	display:block; content:""; width:100%; height:100%;
	position:fixed; left:0; top:0; background:rgba(0, 0, 0, 0.3);
}
.popup.show, .alert.show{display:block;width: 100%;height: 100%;}

.popup + .popup.layer, .popup.windows + .popup[data-popidx="1"], 
.popup[data-popname="alert"], .popup[data-popname="confirm"], .popup[data-popname="confirm"]{width:100%;height:100%;}

.popup + .popup.layer::before, .popup.windows + .popup[data-popidx="1"]::before,
.popup[data-popname="alert"]::before, .popup[data-popname="confirm"]::before{
	top:0;left:0;background:rgba(0, 0, 0, .5);
}

.popup .popup-box{
	position:absolute; top:50%; right:50%;
	box-sizing:border-box; background:#fff; transform:translate(50%,-50%);
}
.popup .popup-head{
	position:relative; /*170/2*/
	width:calc(100% - 50px); height:auto; padding:34px 25px 18px 25px; /*68/2 39/2*/
}
.popup .popup-tit{position:relative; letter-spacing:-0.05em;}
.popup .popup-tit .txt{font-family:'NotoSansKR-Medium',sans-serif; font-size:34px; line-height:40px; color:#000;}
.popup .popup-tit .txt-noti{font-size:20px; font-weight:normal; color:#aa7944;}
/* 아스타리크*/
span.other{font-size:20px; color:#aa7944; font-weight:bold; font-family:'NotoSansKR',sans-serif; padding:0 5px; vertical-align:middle;}

.popup .popup-content{padding:25px 0 43px 0;margin: 0 25px 25px;border-top:2px solid #000;word-break:keep-all;max-height: 250px;overflow-y: auto;}

.popup .btn-close{
	position:absolute; top:37px; right:25px;
	width:30px; height:30px; background:none; border:0; cursor:pointer; outline:none;
}
.popup .btn-close:before{
	content:""; display:inline-block;
	position:absolute; top:0; left:0; width:30px; height:30px;
	background:url(../images/common/btn_pop_close.png) no-repeat 0 0; background-size:30px;
}

/* popup - windows */
.popup.windows{display:block;/*position:relative;top:auto;right:auto;bottom:auto;left:auto;*/}
.popup.windows:before{display:none;}
.popup.windows .popup-box{position:relative;top:auto;right:auto;height:100%;transform:translate(0,0);}
.popup.windows .btn-close{display:none;}
.popup.windows{display:block;top:auto;right:auto;bottom:auto;left:auto;transform:translate(0,0);}

/* popup - button style*/
.popup-box a.btn-save{background:#aa7944; color:#fff;}
.popup-box a.btn-cancel{background:#efefef; color:#000; margin-left:20px;}

/* alert popup */
.alert{
	display:none; position:fixed; top:0; left:0; z-index:10;
}
.alert-box{
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
	box-sizing:border-box; background:#efefef; width:250px; height:auto; padding-bottom:15px;
}
.alert-box .pop-txt{
	background:url('../images/customer/warning.png') no-repeat center 18px; background-size:41px 38px;
	text-align:center; padding:70px 10px 20px 10px; line-height:23px; word-break:keep-all;
}
.pop-cont-box{height:30px; text-align:center;}
.pop-cont-box button{background:#aa7944; font-size:14px; color:#fff; width:50%; outline:0; border:none; line-height:30px; font-weight:bold;}


@media (max-width:700px){
	.popup .popup-tit .txt{font-size:30px;}
	.popup .popup-tit .txt-noti{font-size:18px;}
	span.other{font-size:18px;}
	.popup .popup-content{padding:20px 0 39px 0;}
}
@media (max-width:530px){
	.popup .popup-tit .txt{font-size:24px; line-height:30px;}
	.popup .popup-tit .txt-noti{font-size:16px;}
	span.other{font-size:16px;}
	.popup .popup-content{/* padding:20px 0 28px 0; */}
	.popup .btn-close{top:30px;}
}
@media (max-width:414px){	
	.popup .popup-head{width:calc(100% - 40px); padding:24px 20px 18px 20px;}
	.popup .popup-tit .txt{font-size: 16px;line-height:26px;}
	.popup .popup-tit .txt-noti{font-size:14px;}
	span.other{font-size:14px;}
	.popup .btn-close{top:28px; right:20px; width:20px; height:20px;}
	.popup .btn-close:before{width:20px; height:20px; background-size:20px;}
}


/* ********************************************************************************************************** *
 * popup - 다운로드[data-popname="download_p"]
 * ********************************************************************************************************** */
[data-popname="download_p"] .popup-box{width:550px; height:auto;}
[data-popname="download_p"] .popup-box .down-cont-wrap{/*내용 PSD620/2 310*/
	position:relative; height:256px; padding:25px 0; margin:0 25px; overflow-y:auto;
	border-top:2px solid #000; border-bottom:2px solid #000;
}
[data-popname="download_p"] .down-cont-wrap .down-cont{
	width:100%; height:auto; margin-top:35px;
	font-size:20px; word-break:keep-all;
}
[data-popname="download_p"] .down-cont-wrap .down-cont:first-child{margin-top:0;}
.down-cont input[type="text"]{width:100%; height:55px; border:1px solid #d1d1d1; margin-top:15px;}

.emailTop, .emailBtm{height:auto; margin-top:15px;}/* @ 이메일 @ */
.emailTop:after, .emailBtm:after{content:''; display:block; clear:both;}
.emailTop .atSign{float:left; display:block; width:20px; margin:0 0 0 20px; line-height:55px;}
.emailTop input[type="text"]{margin-top:0 !important; display:block; float:left; width:calc(100% - 40px) !important;}
.emailBtm input[type="text"]{margin-top:0 !important; display:block; float:left; width:calc(100% - (35% + 20px)) !important;}
.emailBtm .selectbox{float:left; width:35%; height:auto; margin-left:20px;}

.dataUseBox{border-bottom:1px solid #9a9a9a; margin-top:15px; padding-bottom:35px;}/*자료사용처*/
.dataUseBox:after{content:''; display:block; clear:both;}
.dataUseBox > span{float:left; width:50%;}

[data-popname="download_p"] .down-cont-wrap .down-cont h6{/*이용동의*/
	margin-top:15px; font-size:19px; letter-spacing:-0.035em; font-family:'NotoSansKR',sans-serif; font-weight:normal;
}

[data-popname="download_p"] .popup-box .btn-wrap{/*다운로드와 취소버튼*/
	text-align:center; width:100%; height:60px; margin:40px 0 50px 0; 
}
[data-popname="download_p"] .popup-box .btn-box{display:inline-block; font-family:'NotoSansKR-Bold',sans-serif; text-align:center;}
[data-popname="download_p"] .popup-box .btn-box:after{content:''; display:block; clear:both;}
[data-popname="download_p"] .popup-box .btn-box a{display:inline-block; float:left; width:190px; height:60px; line-height:60px; font-size:20px;}

@media (max-width:700px){
	[data-popname="download_p"] .popup-box{width:450px;}
	[data-popname="download_p"] .popup-box .btn-wrap{margin:20px 0; height:40px;}
	[data-popname="download_p"] .popup-box .btn-box a{height:40px; line-height:40px; font-size:18px;}
	[data-popname="download_p"] .down-cont-wrap .down-cont{font-size:19px;}
	[data-popname="download_p"] .down-cont-wrap .down-cont h6{font-size:18px;}
	.down-cont input[type="text"]{height:40px;}
	.emailTop .atSign{line-height:40px;}
}
@media (max-width:530px){
	[data-popname="download_p"] .popup-box{width:380px;}
	[data-popname="download_p"] .popup-box .btn-box a{width:140px; font-size:16px;}
	[data-popname="download_p"] .down-cont-wrap .down-cont{font-size:17px; margin-top:20px;}
	[data-popname="download_p"] .down-cont-wrap .down-cont h6{font-size:16px; line-height:23px;}
	.down-cont input[type="text"]{height:35px; margin-top:5px;}
	.emailTop, .emailBtm{margin-top:5px;}
	.emailTop .atSign{line-height:35px; margin:0 0 0 5px;}
	.emailBtm input[type="text"]{width:calc(100% - (40% + 5px)) !important;}
	.emailTop input[type="text"]{width:calc(100% - 25px) !important;}
	.emailBtm .selectbox{width:40%; margin-left:5px;}
}
@media (max-width:414px){	
	[data-popname="download_p"] .popup-box{width:320px;}
	[data-popname="download_p"] .popup-box .btn-box a{width:100px; font-size:15px;}
	[data-popname="download_p"] .popup-box .down-cont-wrap{margin:0 20px;}
	[data-popname="download_p"] .down-cont-wrap .down-cont{font-size:15px; margin-top:20px;}
	[data-popname="download_p"] .down-cont-wrap .down-cont h6{font-size:15px;}
	.dataUseBox > span:first-child{width:60%;}
	.dataUseBox > span:last-child{width:40%;}
}

/* ********************************************************************************************************** *
 * popup - 개인정보동의[data-popname="download_info_agree_p"]
 * ********************************************************************************************************** */
[data-popname="download_info_agree_p"] .popup-box{width:540px; letter-spacing:-0.025em;}
[data-popname="download_info_agree_p"] .popup-box .popup-content h2{
	font-family:'NotoSansKR',sans-serif; font-weight:normal; 
	font-size:20px; color:#000; line-height:28px;
}
[data-popname="download_info_agree_p"] .popup-box .popup-content ul li{
	font-family:'NotoSansKR',sans-serif; font-size:20px; color:#000;
	line-height:28px; margin-top:18px; /*70/2 35*/
}
[data-popname="download_info_agree_p"] .popup-box .popup-content ul li h6{
	font-family:'NotoSansKR-Medium',sans-serif; font-size:20px; color:#000; line-height:30px;
}
[data-popname="download_info_agree_p"] .popup-box .popup-content ul li strong{
	font-family:'NotoSansKR-Bold',sans-serif; font-size:21px; color:#000; text-decoration:underline;
	line-height:28px; margin-top:18px; /*70/2 35*/
}

@media (max-width:700px){
[data-popname="download_info_agree_p"] .popup-box{width:440px;}
[data-popname="download_info_agree_p"] .popup-box .popup-content h2{font-size:18px; line-height:26px; word-break:keep-all;}
[data-popname="download_info_agree_p"] .popup-box .popup-content br{display:none;}
[data-popname="download_info_agree_p"] .popup-box .popup-content ul li{font-size:18px; line-height:25px; margin-top:10px;}
[data-popname="download_info_agree_p"] .popup-box .popup-content ul li strong{font-size:19px; line-height:25px; margin-top:10px;}
[data-popname="download_info_agree_p"] .popup-box .popup-content ul li h6{font-size:18px; line-height:27px;}
}

@media (max-width:530px){
[data-popname="download_info_agree_p"] .popup-box{width:370px;}
[data-popname="download_info_agree_p"] .popup-box .popup-content h2{font-size:16px; line-height:24px;}
[data-popname="download_info_agree_p"] .popup-box .popup-content ul li{font-size:16px; line-height:24px; margin-top:10px;}
[data-popname="download_info_agree_p"] .popup-box .popup-content ul li h6{font-size:16px; line-height:26px;}
[data-popname="download_info_agree_p"] .popup-box .popup-content ul li strong{font-size:17px; line-height:24px; text-decoration:underline;}

}
 
@media (max-width:414px){
[data-popname="download_info_agree_p"] .popup-box{width:310px;}
[data-popname="download_info_agree_p"] .popup-box .popup-content h2{font-size: 14px;line-height:22px;}
[data-popname="download_info_agree_p"] .popup-box .popup-content ul li{font-size: 14px;line-height:22px;}
[data-popname="download_info_agree_p"] .popup-box .popup-content ul li h6{font-size: 14px;line-height:24px;}
[data-popname="download_info_agree_p"] .popup-box .popup-content ul li strong{font-size: 14px;line-height:22px;text-decoration:underline;}
}
 
/* ********************************************************************************************************** *
 * popup - 마케팅[data-popname="download_mk_agree_p"] / 취급위탁 / 국외이전
 * ********************************************************************************************************** */
[data-popname="download_info_agree_p"] .popup-box,
[data-popname="download_mk_agree_p"] .popup-box,
[data-popname="download_info1_p"] .popup-box,
[data-popname="download_info2_p"] .popup-box{word-break:keep-all; width:540px; height:auto; letter-spacing:-0.025em;}

[data-popname="download_info_agree_p"] .popup-box .down-cont-wrap,
[data-popname="download_mk_agree_p"] .popup-box .down-cont-wrap,
[data-popname="download_info1_p"] .popup-box .down-cont-wrap,
[data-popname="download_info2_p"] .popup-box .down-cont-wrap{position:relative; padding-top:25px; height:243px; margin:0 25px 50px 25px; overflow-y:auto; border-top:2px solid #000;}

[data-popname="download_info_agree_p"] .down-cont-wrap .down-cont,
[data-popname="download_mk_agree_p"] .down-cont-wrap .down-cont,
[data-popname="download_info1_p"] .down-cont-wrap .down-cont,
[data-popname="download_info2_p"] .down-cont-wrap .down-cont{width:100%; height:auto; font-size:20px;}

[data-popname="download_mk_agree_p"] .down-cont-wrap .down-cont strong{
	font-size:21px; text-decoration:underline;
}

[data-popname="download_info_agree_p"] .down-cont h2,
[data-popname="download_mk_agree_p"] .down-cont h2,
[data-popname="download_info1_p"] .down-cont h2,
[data-popname="download_info2_p"] .down-cont h2{font-family:'NotoSansKR',sans-serif; font-weight:normal; font-size:20px; color:#000; line-height:28px;}

[data-popname="download_info_agree_p"] .down-cont dl,
[data-popname="download_mk_agree_p"] .down-cont dl,
[data-popname="download_info1_p"] .down-cont dl,
[data-popname="download_info2_p"] .down-cont dl{margin-top:35px; font-size:20px; letter-spacing:-0.025em;}

[data-popname="download_info_agree_p"] .down-cont dt,
[data-popname="download_mk_agree_p"] .down-cont dt,
[data-popname="download_info1_p"] .down-cont dt,
[data-popname="download_info2_p"] .down-cont dt{font-family:'NotoSansKR-Bold',sans-serif; color:#aa7944;}

[data-popname="download_info_agree_p"] .down-cont dd ul,
[data-popname="download_mk_agree_p"] .down-cont dd ul,
[data-popname="download_info1_p"] .down-cont dd ul,
[data-popname="download_info2_p"] .down-cont dd ul{padding-left:20px; line-height:32px;}

[data-popname="download_info_agree_p"] .down-cont dd ul li,
[data-popname="download_mk_agree_p"] .down-cont dd ul li,
[data-popname="download_info1_p"] .down-cont dd ul li,
[data-popname="download_info2_p"] .down-cont dd ul li{list-style:decimal; font-family:'NotoSansKR-Medium',sans-serif; color:#000; line-height:32px;}

[data-popname="download_info_agree_p"] .down-cont dd ul li span,
[data-popname="download_mk_agree_p"] .down-cont dd ul li span,
[data-popname="download_info1_p"] .down-cont dd ul li span,
[data-popname="download_info2_p"] .down-cont dd ul li span{font-family:'NotoSansKR',sans-serif;}


@media (max-width:700px){
	[data-popname="download_info_agree_p"] .popup-box,
	[data-popname="download_mk_agree_p"] .popup-box,
	[data-popname="download_info1_p"] .popup-box,
	[data-popname="download_info2_p"] .popup-box{width:440px;}
	
	[data-popname="download_info_agree_p"] .popup-box .down-cont-wrap,
	[data-popname="download_mk_agree_p"] .popup-box .down-cont-wrap,
	[data-popname="download_info1_p"] .popup-box .down-cont-wrap,
	[data-popname="download_info2_p"] .popup-box .down-cont-wrap{margin:0 25px 30px 25px;}
	
	[data-popname="download_info_agree_p"] .down-cont-wrap .down-cont,
	[data-popname="download_mk_agree_p"] .down-cont-wrap .down-cont,
	[data-popname="download_info1_p"] .down-cont-wrap .down-cont,
	[data-popname="download_info2_p"] .down-cont-wrap .down-cont{font-size:18px;}
	
	[data-popname="download_mk_agree_p"] .down-cont-wrap .down-cont strong{font-size:19px; text-decoration:underline;}
	
	[data-popname="download_info_agree_p"] .down-cont h2,
	[data-popname="download_mk_agree_p"] .down-cont h2,
	[data-popname="download_info1_p"] .down-cont h2,
	[data-popname="download_info2_p"] .down-cont h2{font-size:18px; line-height:26px;}
	
	[data-popname="download_info_agree_p"] .down-cont dl,
	[data-popname="download_mk_agree_p"] .down-cont dl,
	[data-popname="download_info1_p"] .down-cont dl,
	[data-popname="download_info2_p"] .down-cont dl{margin-top:30px; font-size:18px;line-height:26px;}
}

@media (max-width:530px){
	[data-popname="download_info_agree_p"] .popup-box,
	[data-popname="download_mk_agree_p"] .popup-box,
	[data-popname="download_info1_p"] .popup-box,
	[data-popname="download_info2_p"] .popup-box{width:370px;}
	
	[data-popname="download_info_agree_p"] .popup-box .down-cont-wrap,
	[data-popname="download_mk_agree_p"] .popup-box .down-cont-wrap,
	[data-popname="download_info1_p"] .popup-box .down-cont-wrap,
	[data-popname="download_info2_p"] .popup-box .down-cont-wrap{margin:0 15px 30px 15px;}
	
	[data-popname="download_info_agree_p"] .down-cont-wrap .down-cont,
	[data-popname="download_mk_agree_p"] .down-cont-wrap .down-cont,
	[data-popname="download_info1_p"] .down-cont-wrap .down-cont,
	[data-popname="download_info2_p"] .down-cont-wrap .down-cont{font-size:15px;}
	
	[data-popname="download_mk_agree_p"] .down-cont-wrap .down-cont strong{font-size:16px; text-decoration:underline;}
	
	[data-popname="download_info_agree_p"] .down-cont h2,
	[data-popname="download_mk_agree_p"] .down-cont h2,
	[data-popname="download_info1_p"] .down-cont h2,
	[data-popname="download_info2_p"] .down-cont h2{font-size:15px; line-height:26px;}
	
	[data-popname="download_info_agree_p"] .down-cont dl,
	[data-popname="download_mk_agree_p"] .down-cont dl,
	[data-popname="download_info1_p"] .down-cont dl,
	[data-popname="download_info2_p"] .down-cont dl{font-size:15px;}
	
	[data-popname="download_info_agree_p"] .down-cont dd ul li,
	[data-popname="download_mk_agree_p"] .down-cont dd ul li,
	[data-popname="download_info1_p"] .down-cont dd ul li,
	[data-popname="download_info2_p"] .down-cont dd ul li{line-height:26px;}
}
 
@media (max-width:414px){
	[data-popname="download_info_agree_p"] .popup-box,
	[data-popname="download_mk_agree_p"] .popup-box,
	[data-popname="download_info1_p"] .popup-box,
	[data-popname="download_info2_p"] .popup-box{width:310px;}
}
/* ********************************************************************************************************** *
 * popup - 개인정보처리방침 Footer [data-popname="per-Info"]
 * ********************************************************************************************************** */
[data-popname="per-Info"] .popup-box{word-break:keep-all; width:540px; letter-spacing:-0.025em;}
[data-popname="per-Info"] .popup-box .down-cont-wrap{
	position:relative; height:373px; padding-top:25px; margin:0 25px 50px 25px; overflow-y:auto; border-top:2px solid #000;
}
[data-popname="per-Info"] .down-cont-wrap .down-cont{width:100%; height:auto; font-size:20px;}
[data-popname="per-Info"] .down-cont h2{font-family:'NotoSansKR',sans-serif; font-weight:normal; font-size:20px; color:#000; line-height:28px;}

@media (max-width:700px){
[data-popname="per-Info"] .popup-box{width:440px;}
[data-popname="per-Info"] .popup-box .down-cont-wrap{height:323px; margin:0 25px 30px 25px;}
[data-popname="per-Info"] .down-cont-wrap .down-cont{font-size:18px;}
[data-popname="per-Info"] .down-cont h2{font-size:18px; line-height:26px;}
}

@media (max-width:530px){
[data-popname="per-Info"] .popup-box{width:370px;}
[data-popname="per-Info"] .popup-box .down-cont-wrap{margin:0 15px 30px 15px;}
[data-popname="per-Info"] .down-cont-wrap .down-cont{font-size:16px;}
[data-popname="per-Info"] .down-cont h2{font-size:16px; line-height:26px;}
}
 
@media (max-width:414px){
[data-popname="per-Info"] .popup-box{width:310px;}
}


/* ********************************************************************************************************** *
 * popup - 등록완료[data-popname="download_info_agree_p"]
 * ********************************************************************************************************** */
[data-popname="alert_p"] .popup-box{width:540px; letter-spacing:-0.025em;}
[data-popname="alert_p"] .popup-box .popup-content h2{
	font-family:'NotoSansKR',sans-serif; font-weight:normal; 
	font-size:20px; color:#000; line-height:28px;
}
[data-popname="alert_p"] .popup-box .popup-content ul li{
	font-family:'NotoSansKR',sans-serif; font-size:20px; color:#000;
	line-height:28px; margin-top:18px; /*70/2 35*/
}
[data-popname="alert_p"] .popup-box .popup-content ul li h6{
	font-family:'NotoSansKR-Medium',sans-serif; font-size:20px; color:#000; line-height:30px;
}
[data-popname="alert_p"] .pop-cont-box button{
	height:40px;
}
@media (max-width:700px){
[data-popname="alert_p"] .popup-box{width:440px;}
[data-popname="alert_p"] .popup-box .popup-content h2{font-size:18px; line-height:26px; word-break:keep-all;}
[data-popname="alert_p"] .popup-box .popup-content br{display:none;}
[data-popname="alert_p"] .popup-box .popup-content ul li{font-size:18px; line-height:25px; margin-top:10px;}
[data-popname="alert_p"] .popup-box .popup-content ul li h6{font-size:18px; line-height:27px;}
}

@media (max-width:530px){
[data-popname="alert_p"] .popup-box{width:370px;}
[data-popname="alert_p"] .popup-box .popup-content h2{font-size:16px; line-height:24px;}
[data-popname="alert_p"] .popup-box .popup-content ul li{font-size:16px; line-height:24px; margin-top:10px;}
[data-popname="alert_p"] .popup-box .popup-content ul li h6{font-size:16px; line-height:26px;}
}
 
@media (max-width:414px){
[data-popname="alert_p"] .popup-box{width:310px;}
[data-popname="alert_p"] .popup-box .popup-content h2{font-size:15px; line-height:22px;}
[data-popname="alert_p"] .popup-box .popup-content ul li{font-size:15px; line-height:22px;}
[data-popname="alert_p"] .popup-box .popup-content ul li h6{font-size:15px; line-height:24px;}
}