/* RESET */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,img,strong,dl,dt,dd,ol,ul,li,table,tr,th,td,img,li,button{padding:0; margin:0;
font-size:12px; color: #333;}
 html {overflow-y:scroll;} 
select,input{vertical-align:middle;text-align:left;}
form legend, table caption{width:0;height:0;font-size:0;text-indent:-9999px;line-height:0;}
input[type=radio],input[type=checkbox],input[type=image]{margin:0;border:none;background:none;outline:none;}
textarea{font-size:12px;overflow:auto;}
fieldset,iframe{border:0 none;}
table,div{border-collapse:collapse;border-spacing:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
ul,li,ol{list-style:none;}
hr{overflow:hidden;height:0;width:0;border:0 none;}
li,p,dt,dd,div,span{white-space:normal;}
body,div{font-size:12px;color:#000000;}
input,select,textarea{padding:0; margin:0;font-size:12px;color:#333333;border:1px solid #d7d7d7;}
input[type=text],input[type=password]{height:19px;padding:1px;line-height:19px;background-color:#ffffff;}
a{text-decoration:none;}
label{display:inline-block;cursor:pointer;}
img{border:none;}
body {overflow-x : hidden;}

@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Thin';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard-Medium';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}




#wrap{width:100%}
#layout{margin:20px 10px;padding:10px 0}
#layout h1{font-family: 'Nanum Myeongjo', serif;font-size:3em;letter-spacing:-1px;text-align:center;margin:0 0 10px 0}
.title{overflow:hidden;margin:20px 0 0 0}
.title h2{font-family: 'Nanum Myeongjo', serif;float:left;font-size:1.6em;letter-spacing:-1px;margin:10px 0}
.title span{font-family: 'Nanum Myeongjo', serif;letter-spacing:-1px;font-size:0.7em}
.title ul{text-align:center;}
.title li{float:right;clear:both;margin:10px 0 0 0}
.title dt{float:left;margin:0 0 0 0;font-size:1em;width:50px;letter-spacing:0;border-left:1px solid #333;border-bottom:1px solid #333;border-top:1px solid #333;padding:11px 0 12px 3px}
.title dd{float:left}
.title input[type="password"]{background:#fff;padding:10px;border:1px solid #333}
.title input[type="radio"]{background:#fff;padding:10px;border:1px solid #333}

.title input[type="button"]{width:100%;text-align:center;cursor:pointer;font-size:1.3em;background:#f8f8f8;padding:10px 30px;font-family: 'Pretendard-Regular';}
.box{margin:10px 0;clear:both;border-left:4px solid #333;border-top:4px solid #333;border-right:2px solid #333;border-bottom:2px solid #333}
.box th{font-family: 'Nanum Myeongjo', serif;font-weight:bold;letter-spacing:-2px;font-size:1em;border-right:2px solid #0e050a;border-bottom:2px solid #0e050a;height:45px}
.box td{font-family: 'Nanum Myeongjo', serif;letter-spacing:-1px;text-align:center;font-size:1em;border-right:2px solid #0e050a;border-bottom:2px solid #0e050a;height:45px}
.box td.type01{text-align:right;padding:0 8px  0 0}
.box td.type02{border-bottom:none}
.box td input{border:none;font-size:0.8em;color:#333;width:95%}
.tb_btnlist{text-align:center;margin:20px 0}
.tb_btnlist input{width:120px;padding:17px 0;margin:0 5px;border:none;font-size:1.2em;font-family: 'Pretendard-Bold';text-align:center}
.tb_btnlist .tbbtn01{font-weight:bold;background:#f5c417;color:#333;}
.tb_btnlist .tbbtn02{font-weight:bold;background:#898989;color:#fff;}
.tb_btnlist .tbbtn03{font-weight:bold;background:#e7e7e7;color:#333;}

.pop_layout1{background:#ebe7da;padding:10px ;margin:0 auto}
.pop_layout1 ul{background:#fff;padding:20px}
.pop_layout1 h1{font-size:2em,;margin:0 0 10px 0}
.pop_layout1 li{font-size:1em;color:#919191;background:#f3f4f7;padding:10px 20px;margin:0 0 10px 0}
.pop_layout1 li select{font-size:1em;color:#919191;background:none;border:none;width:98%;height:30px;padding:1% 0}
.pop_layout1 p{font-size:1.2em;background:#31373c;color:#fff;text-align:center;width:150px;padding:15px 0;margin: 20px auto}

.pop_layout2{background:#ebe7da;padding:10px;margin:20px auto}
.pop_layout2 ul{background:#fff;padding:20px}
.pop_layout2 li{font-size:17px;color:#919191;background:#f3f4f7;padding:20px;margin:0 0 10px 0}
.pop_layout2 p{font-size:1.2em;background:#31373c;color:#fff;text-align:center;width:150px;padding:15px 0;margin: 20px auto}
.pop_layout2 table{border-top:2px solid #333;}
.pop_layout2 th{width:90px;height:40px;font-size:1em;background:#f4f4f4;border-bottom:1px solid #dfdfdf}
.pop_layout2 td{font-size:1em;border-bottom:1px solid #dfdfdf;padding:15px}
.pop_layout2 td b{font-size:1.6em}

.pop_layout3{background:#ebe7da;padding:10px;margin:20px auto}
.pop_layout3 ul{background:#fff;padding:20px}
.pop_layout3 li{font-size:1em;color:#919191;background:#f3f4f7;padding:20px;margin:0 0 10px 0}
.pop_layout3 table{border-top:2px solid #333;}
.pop_layout3 th{height:40px;font-size:1em;background:#f4f4f4;border-bottom:1px solid #dfdfdf}
.pop_layout3 td{text-align:center;font-size:1em;border-bottom:1px solid #dfdfdf;padding:10px}
.pop_layout3 tr.type02{background:#f7f7f7}

/* 모바일용 2022년 1월6일 추가 css */
.box td input{border:none;font-size:0.8em;color:#333;width:95%}
