@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* reset */
body { margin:0; padding:0; overflow-x: hidden; -webkit-text-size-adjust: none; font-family: 'Nanum Gothic', sans-serif; color: #545454; font-size: 15px; min-width: 320px; }
img { vertical-align:top; border:0; }
html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
input, select, textarea, button,
div, span { margin: 0; padding: 0; list-style: none; }
table { border-collapse: collapse; table-layout: fixed; }
td { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
input, select, textarea { border: 1px solid #dbdbdb; }
a, input { color: #545454; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
img { -ms-interpolation-mode: bicubic; }
/* call class */
.clear {*zoom:1} /* float clear */
.clear:after {content:" "; display:block; clear:both;} /* float clear */
.float_l {float:left;} /* float left */
.float_r {float:right;} /* float right */
.dtable {display:table;}
.none_blank { font-size: 0; line-height: 0; letter-spacing: -4px; } /* 이미지여백삭제 (letter-spacing: window 사파리) */
@-moz-document url-prefix() { .none_blank {letter-spacing: 0;} } /* 파폭 */

.pop-page { padding: 25px 20px 20px 20px; }
.pop-page h2 { font-size: 23px; color: #343434; font-weight: 700; padding: 0 0 15px; margin: 0 0 20px; border-bottom: 0px solid #888; position: relative; }
.pop-page h2 .btn-close { position: absolute; top: 0px; right: 0; width: 23px; height: 23px; background: url(/img/v2/common/btn-close-popup.png) no-repeat; }
.pop-page ul.info {padding: 0px 0 25px 0 ; }
.pop-page ul.info li { font-size: 15px; color: #787878; position: relative; padding: 0 0 0 5px; margin: 0 0 4px; line-height:16px;}
.pop-page .title { width: 100%; height:50px; line-height:18px; text-align:center; vertical-align:middle; color: #545454; font-weight: 700; background: #f4f4f4; border-top: 2px solid #555; border-bottom: 1px solid #dbdbdb; } /* 수정(170414)*/
.pop-page .title p {display:table-cell; vertical-align:middle; margin:8px; } /* 수정(170414)*/
.pop-page .table { display: table; width: 100%; table-layout: fixed; margin: 0 0 30px; }
.pop-page .table > div { display: table-row; }
.pop-page .table > div > p { display: table-cell; vertical-align: middle; padding: 10px; font-size: 15px; border-bottom: 1px solid #dbdbdb; }
.pop-page .table > div > p:nth-child(odd) { display: table-cell; width: 32%; color: #545454; font-weight: 700; background: #f4f4f4; }
.pop-page .table > div > p:nth-child(even) { display: table-cell; width: 68%; color: #787878; word-break: break-all; }
.pop-page ul.answer {margin: 0 0 40px 0 ; background:#fff; padding:15px; border:0px solid red;}
.pop-page ul.answer li {font-size: 16px; color: #777; font-weight:600; line-height:20px; padding: 0 0 0 15px; margin-bottom:5px; position: relative;border:0px solid red;}
.pop-page ul.answer li:before { content: ''; background: url(/img/v2/sub/icon-dot.gif) no-repeat 0 0; background-size: 3px auto; position: absolute; top: 9px; left: 5px; width: 3px; height: 3px; }
.pop-page ul.answer li span {font-weight:normal; margin-left:5px; }
.pop-page ul.answer li span.tit {font-weight:normal; margin-left:5px; width:88%; height:auto; line-height:18px; display:inline-block; overflow:visible; vertical-align:top;}
.pop-page .agree {width:100%; height:270px; font-family: 'Nanum Gothic', sans-serif; font-size: 14px; color: #777; letter-spacing: -1px; line-height: 1.6; padding: 20px; margin: 0 0 30px 0; box-sizing: border-box; text-align:left; border: 1px solid #c2c2c2; overflow-y:auto;} /* 180725 추가 */

.pop-page .area-btns { text-align: center;}
.pop-page .area-btns > p { display: inline-block; width: 120px; box-sizing: border-box; background: #555; text-align: center; border: 1px solid #555; margin: 0 5px; }
.pop-page .area-btns > p > a { display: block; color: #fff; font-size: 15px; padding: 10px 0 11px; letter-spacing: -1px; line-height: normal; }
.pop-page .area-btns > p > a:hover {background:#666; color:#fff;}

.pop-page .area-btns > p.blue { display: inline-block; width: 120px; box-sizing: border-box; background: #5a6fbc; text-align: center; border: 1px solid #5a6fbc; margin: 0 5px; }
.pop-page .area-btns > p.blue > a { display: block; color: #fff; font-size: 15px; padding: 10px 0 11px; letter-spacing: -1px; line-height: normal; }
.pop-page .area-btns > p.blue > a:hover {background:#6c82d0; color:#fff;}