@charset 'utf-8';

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

html {-webkit-text-size-adjust:none;}
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td, hr, fieldset, legend, form,
article, aside, canvas, details, embed,  footer, header, hgroup, figure, label
menu, nav, output, ruby, section, summary, time, mark, audio, video,figcaption, img {margin:0;padding:0;}
img, fieldset, form, label, legend, figure, figcaption,
abbr, acronym {border:0;}

/* Base */
h1, h2, h3, h4, h5, h6 {font-size:100%;}
ul, ol {list-style:none;}
table {margin:0;padding:0;border-spacing:0;border-collapse:collapse;}
*+html table {border-collapse:collapse;}

address, caption, cite, code, dfn, em, var {font-style:normal;font-weight:normal;}
q:before, q:after {content: '';}
input, select, button, textarea {color:#222222;font-size:14px;font-family:Nanum Gothic;}
textarea {border:1px solid #c0c0c0;}
form{display:inline;}

body {margin:0;padding:0;font-family:Nanum Gothic, Dotum,Tahoma,Arial,sans-serif;font-size:14px;line-height:15px;color:#222222;overflow-x:hidden;}
s
hr {display:none}

caption, legend,
a {color:#222222;}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:underline;}
input.text,
textarea {padding:2px 0;border:1px solid #d9d9d9;}
input {vertical-align:middle;}
input[type="button"] {border-radius:0;-webkit-appearance:none}

label,
input.button, input.submit , input.image,
button {cursor:pointer;}
textarea, pre {overflow:auto;}

/********************************************************
* 뉴스레터 신청
*********************************************************/

caption {overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0;}

table{margin-top:20px;border-top:2px solid #333333;font-size:15px;font-weight:bold;width:100%;}
table thead th{padding: 20px 0;border-bottom:1px solid #eaeaea;}
table tbody td{text-align:center;padding:20px 0;border-bottom:1px solid #eaeaea;}
table tbody td.tit{text-align:left;padding-left:20px;}

/* ------------------------------------------------------------------------------------------------------------ PC 반응형 ------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width: 1100px){
.pop-wrap{width:775px;max-height:1000px;background:#f4f4f4;margin:0 auto;padding:55px;}
.pop-wrap img{width:100%; height:auto;}
.pop-wrap .pop-in{background:#fff;padding:63px;height:auto;}
.pop-wrap .pop-in h4{font-size:17px;font-weight:800;margin:42px 0 15px 0;}
.pop-wrap .pop-in table{font-size:14px;margin-top:15px;}
.pop-wrap .pop-in table tbody th {background:#f9f9f9;border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.pop-wrap .pop-in table tbody th{padding:15px 0;}
.pop-wrap .pop-in table tbody td{text-align:left;padding:0px 0 0 25px;}
.pop-wrap .pop-in table tbody td input[type="text2"]{height:25px;padding-left:10px;width:200px; background:#fafafa; margin:0 5px;border: 1px solid #dfdfdf;}
.pop-wrap .pop-in table tbody td input[type="text"]{height:25px;padding-left:10px;width:200px; background:#fafafa; margin:0 5px;border: 1px solid #dfdfdf;}
.pop-wrap .pop-in table tbody td select{margin:0 5px;border: 1px solid #dfdfdf;background:#fafafa;height:29px; width:120px;vertical-align:middle;}
.pop-wrap .pop-in .joinbox{padding:30px; background:#fbfbfb; border:1px solid #dfdfdf;}
.pop-wrap .pop-in .joinbox p.tit{font-size:14px;color:#0079C0;font-weight:bold;margin-bottom:3px;}
.pop-wrap .pop-in .joinbox p.li{margin-top:15px; padding-left:12px;background:url('../images/dot.png') no-repeat 0 5px; font-size:13px; color:#1f1f1f;}
.pop-wrap .pop-in .joinbox p.left-one{margin-top:11px; margin-left: 129px; }
.pop-wrap .pop-in .agree_txt{margin:20px 0 35px 0; text-align:center;}
.pop-wrap .pop-in .agree_txt input[type="radio"]{margin-top:0;}
.pop-wrap .pop-in .agree_txt label{vertical-align:middle;font-weight:600;}
.pop-wrap .pop-in .agree_btns{text-align:center;}
.pop-wrap .pop-in .agree_btns .btn01{border:2px solid #0079C0; color:#0089b1;font-weight:bold;padding: 15px 60px;display: inline-block;}
.pop-wrap .pop-in .agree_btns .btn02{border:2px solid #0079C0; background:#0079C0; color:#fff;font-weight:bold;padding: 15px 60px;display: inline-block;}
}

/* ------------------------------------------------------------------------------------------------------------ 태블릿 반응형------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width:800px) and (max-width:1099px) {
.pop-wrap{width:775px;max-height:1000px;background:#f4f4f4;margin:0 auto;padding:55px;}
.pop-wrap img{width:100%; height:auto;}
.pop-wrap .pop-in{background:#fff;padding:63px;height:auto;}
.pop-wrap .pop-in h4{font-size:17px;font-weight:800;margin:42px 0 15px 0;}
.pop-wrap .pop-in table{font-size:14px;margin-top:15px;}
.pop-wrap .pop-in table tbody th {background:#f9f9f9;border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.pop-wrap .pop-in table tbody th{padding:15px 0;}
.pop-wrap .pop-in table tbody td{text-align:left;padding:0px 0 0 25px;}
.pop-wrap .pop-in table tbody td input[type="text2"]{height:25px;padding-left:10px;width:200px; background:#fafafa; margin:0 5px;border: 1px solid #dfdfdf;}
.pop-wrap .pop-in table tbody td input[type="text"]{height:25px;padding-left:10px;width:200px; background:#fafafa; margin:0 5px;border: 1px solid #dfdfdf;}
.pop-wrap .pop-in table tbody td select{margin:0 5px;border: 1px solid #dfdfdf;background:#fafafa;height:29px; width:120px;vertical-align:middle;}
.pop-wrap .pop-in .joinbox{padding:30px; background:#fbfbfb; border:1px solid #dfdfdf;}
.pop-wrap .pop-in .joinbox p.tit{font-size:14px;color:#0079C0;font-weight:bold;margin-bottom:3px;}
.pop-wrap .pop-in .joinbox p.li{margin-top:15px; padding-left:12px;background:url('../images/dot.png') no-repeat 0 5px; font-size:13px; color:#1f1f1f;}
.pop-wrap .pop-in .joinbox p.left-one{margin-top:11px; }
.pop-wrap .pop-in .agree_txt{margin:20px 0 35px 0; text-align:center;}
.pop-wrap .pop-in .agree_txt input[type="radio"]{margin-top:0;}
.pop-wrap .pop-in .agree_txt label{vertical-align:middle;font-weight:600;}
.pop-wrap .pop-in .agree_btns{text-align:center;}
.pop-wrap .pop-in .agree_btns .btn01{border:2px solid #0079C0; color:#0089b1;font-weight:bold;padding: 15px 60px;display: inline-block;}
.pop-wrap .pop-in .agree_btns .btn02{border:2px solid #0079C0; background:#0079C0; color:#fff;font-weight:bold;padding: 15px 60px;display: inline-block;}

}

/* ------------------------------------------------------------------------------------------------------------ 모바일 반응형------------------------------------------------------------------------------------------------------------ */

@media only screen and (min-width:1px) and (max-width:799px) {
.pop-wrap{width:90%;max-height:1000px;background:#f4f4f4;padding:25px;}
.pop-wrap img{width:100%; height:auto;}
.pop-wrap .pop-in{background:#fff;padding:25px;height:auto;}
.pop-wrap .pop-in h4{font-size:17px;font-weight:800;margin:42px 0 15px 0;}
.pop-wrap .pop-in table{font-size:14px;margin-top:15px;}
.pop-wrap .pop-in table tbody th {background:#f9f9f9;border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;}
.pop-wrap .pop-in table tbody th{padding:15px 0;}
.pop-wrap .pop-in table tbody td{text-align:left;padding:0px 0 0 25px;}
.pop-wrap .pop-in table tbody td input[type="text2"]{height:25px;padding-left:10px;width:200px; background:#fafafa; margin:0 5px;border: 1px solid #dfdfdf;}
.pop-wrap .pop-in table tbody td input[type="text"]{height:25px;padding-left:10px;width:200px; background:#fafafa; margin:0 5px;border: 1px solid #dfdfdf;}
.pop-wrap .pop-in table tbody td select{margin:0 5px;border: 1px solid #dfdfdf;background:#fafafa;height:29px; width:120px;vertical-align:middle;}
.pop-wrap .pop-in .joinbox{padding:20px; background:#fbfbfb; border:1px solid #dfdfdf;}
.pop-wrap .pop-in .joinbox p.tit{font-size:14px;color:#0079C0;font-weight:bold;margin-bottom:3px;}
.pop-wrap .pop-in .joinbox p.li{margin-top:15px; padding-left:12px;background:url('../images/dot.png') no-repeat 0 5px; font-size:13px; color:#1f1f1f;}
.pop-wrap .pop-in .joinbox p.left-one{margin-top:11px; }
.pop-wrap .pop-in .agree_txt{margin:20px 0 35px 0; text-align:center;}
.pop-wrap .pop-in .agree_txt input[type="radio"]{margin-top:0;}
.pop-wrap .pop-in .agree_txt label{vertical-align:middle;font-weight:600;}
.pop-wrap .pop-in .agree_btns{text-align:center;}
.pop-wrap .pop-in .agree_btns .btn01{border:2px solid #0079C0; color:#0089b1;font-weight:bold;padding: 5% 10%;display: inline-block;}
.pop-wrap .pop-in .agree_btns .btn02{border:2px solid #0079C0; background:#0079C0; color:#fff;font-weight:bold;padding: 5% 10%;display: inline-block;}

}