.tbl{position:relative;float:left;width:100%;border-top:5px solid #449ef9;margin-bottom:180px;}
.tbl table{float:left;width:100%;}
.tbl table .hh {text-align:center;background:#ffffff;border-bottom:5px solid #449ef9;}
.tbl table th.hh {text-align:center;font-size:20px;font-weight:900;}

.tbl table th{text-align:center;font-size:16px;font-weight:400;color:#000;background:#f0f0f0;width:22%;}
.tbl table td{font-size:14px;color:#555;border-left:1px solid #b2b2b2;}
.tbl table th,.tbl table td{padding:10px;border-bottom:1px solid #b2b2b2;}


.tbl table td b{float:left;width:100%;font-size:16px;margin-top:10px;font-weight:400;}
.tbl table td span{float:left;height:44px;line-height:44px;font-size:26px;margin:0 10px;font-weight:400;}
.tbl table td .ip01{float:left;width:95%;height:42px;line-height:42px;font-size:16px;padding:0 12px;border:1px solid #ccc;}
.tbl table td .ip02{float:left;width:80%;height:42px;line-height:42px;font-size:16px;padding:0 12px;border:1px solid #ccc;}
.tbl table td textarea{float:left;width:95%;padding:10px;line-height:22px;font-size:16px;border:1px solid #ccc;}
.tbl table td select{float:left;width:15%;height:44px;line-height:24px;font-size:14px;padding:10px 12px;border:1px solid #ccc;}
input.tbl_btn{float:left;max-width:50%;min-width:140px;height:44px;line-height:44px;font-size:16px;font-weight:600;text-align:center;color:#fff;background:#000;border:none;}
.radio_btn{float:left;}
.radio_btn p{float:left;height:44px;line-height:44px;font-size:18px;font-weight:600;margin:0 40px 0 0;color:#777;}
.radio_btn input.rd_ip{float:left;width:18px;height:18px;margin:14px 10px 0 0;}

.terms{position:relative;float:left;width:96%;height:200px;padding:0 2% 2% 2%;overflow-x:hidden;overflow-y:scroll;font-size:14px;line-height:20px;background:#f4f4f4;}
.terms dl{float:left;width:100%;}
.terms dl dt{padding-bottom:10px;font-weight:600;font-size:16px;color:#555;margin-top:24px;}
.terms dl dd{padding-bottom:10px;font-size:14px;line-height:20px;color:#999;}

.agree{float:left;width:100%;margin:20px 0 60px 0;}
.agree input{float:left;width:18px;height:18px;line-height:18px;margin-right:10px;}
.agree label{float:left;font-size:18px;line-height:18px;}


.btn_w{position:fixed;bottom:0px;float:left;width:100%;text-align:center;margin-bottom:60px;}
input.btn{display:inline-block;width:200px;height:50px;line-height:25px;font-size:20px;font-weight:600;background:#aaa;text-align:center;color:#fff;border:2px solid #898989;margin:0 10px;cursor:pointer;}
input:hover.btn{background:#333;border:2px solid #000;}
input.btn2{display:inline-block;width:200px;height:50px;line-height:25px;font-size:20px;font-weight:600;background:#d24545;text-align:center;color:#fff;border:2px solid #b31515;margin:0 10px;cursor:pointer;}
input:hover.btn2{background:#fff;color:#d24545;border:2px solid #d24545;}


.btn_w2{position:relative;float:left;width:100%;text-align:center;margin-top:5px;margin-bottom:10px;}

input.btn3{display:inline-block;width:120px;height:28px;line-height:20px;font-size:14px;font-weight:600;background:#d24545;text-align:center;color:#fff;border:2px solid #b31515;margin:0 1px;cursor:pointer;}
input:hover.btn3{background:#fff;color:#d24545;border:2px solid #d24545;}

input.btn4{display:inline-block;width:120px;height:28px;line-height:20px;font-size:14px;font-weight:600;background:#aaa;text-align:center;color:#fff;border:2px solid #898989;margin:0 1px;cursor:pointer;}
input:hover.btn4{background:#333;border:2px solid #000;}

@media (max-width:1200px) {

.tbl table th{text-align:center;font-size:16px;font-weight:400;color:#000;background:#f0f0f0;width:30%;}
.tbl table td{font-size:14px;color:#555;border-left:1px solid #b2b2b2;}
.tbl table th.hh {text-align:center;font-size:20px;font-weight:900;}
}

@media (max-width:768px) {

.tbl table th{text-align:center;font-size:14px;font-weight:400;color:#000;background:#f0f0f0;width:30%;}
.tbl table th.hh {text-align:center;font-size:20px;font-weight:900;}
.tbl table td{font-size:12px;color:#555;border-left:1px solid #b2b2b2;}
.tbl table td .ip02{float:left;width:80%;height:42px;line-height:42px;font-size:16px;padding:0 5px;border:1px solid #ccc;}
.tbl table td select{float:left;width:15%;height:44px;line-height:24px;font-size:14px;padding:0 4px;border:1px solid #ccc;}


.btn_w{position:fixed;bottom:0px;float:left;width:100%;text-align:center;margin-bottom:60px;}
input.btn{display:inline-block;width:25%;height:40px;line-height:30px;font-size:14px;font-weight:600;background:#aaa;text-align:center;color:#fff;border:2px solid #898989;margin:0 10px;cursor:pointer;}
input:hover.btn{background:#333;border:2px solid #000;}
input.btn2{display:inline-block;width:25%;height:40px;line-height:30px;font-size:14px;font-weight:600;background:#d24545;text-align:center;color:#fff;border:2px solid #b31515;margin:0 10px;cursor:pointer;}
input:hover.btn2{background:#fff;color:#d24545;border:2px solid #d24545;}

}

@media (max-width:480px) {

.tbl table th{text-align:center;font-size:14px;font-weight:400;color:#000;background:#f0f0f0;width:30%;}
.tbl table th.hh {text-align:center;font-size:20px;font-weight:900;}
.tbl table td{font-size:12px;color:#555;border-left:1px solid #b2b2b2;}
.tbl table td .ip02{float:left;width:80%;height:42px;line-height:42px;font-size:16px;padding:0 5px;border:1px solid #ccc;}
.tbl table td select{float:left;width:15%;height:44px;line-height:24px;font-size:14px;padding:0 4px;border:1px solid #ccc;}


.btn_w{position:fixed;bottom:0px;float:left;width:100%;text-align:center;margin-bottom:60px;}
input.btn{display:inline-block;width:20%;height:40px;line-height:30px;font-size:14px;font-weight:600;background:#aaa;text-align:center;color:#fff;border:2px solid #898989;margin:0 10px;cursor:pointer;}
input:hover.btn{background:#333;border:2px solid #000;}
input.btn2{display:inline-block;width:20%;height:40px;line-height:30px;font-size:14px;font-weight:600;background:#d24545;text-align:center;color:#fff;border:2px solid #b31515;margin:0 10px;cursor:pointer;}
input:hover.btn2{background:#fff;color:#d24545;border:2px solid #d24545;}
}


/* 페이징 */
.paging_w{position:relative;float:left;width:100%;height:26px;margin-top:20px;}
.paging{text-align:center;}
.paging ul{display:inline-block;zoom:1;*display:inline;}
.paging ul li{float:left;margin:0 3px;}
.paging ul li a{float:left;text-align:center;height:22px;line-height:22px;font-size:13px;background:#eee;color:#777;padding:0 6px;}
.paging ul li a.on{background:#000;color:#fff;font-weight:600;}


/*list*/
#contain-wrap{width:98%;  max-width:1100px; position:relative; margin:30px auto; letter-spacing: -0.05em;}
.test-info{height: 32px; margin-bottom: 10px; position: relative; margin-top: 60px; font-family: "dotum"; font-size: 13px; color:#333;}
.test-list-type { margin-left: -10px;margin-right: -10px;padding:0 0 60px 0;}
.test-list-type:before {content: '';display: block;}
.test-list-type:after{content:""; display:table; clear:both;}
.test-list-type > li {width: 25%;padding: 10px;float: left; list-style: none; box-sizing:border-box;}
.test-list-type .card {box-sizing:border-box; width:100%; padding-bottom: 100%;position: relative;display: block;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; background-color:#444;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.13); box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);}
.test-list-type .card:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: #fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.test-list-type .pad {position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 70px 30px 30px; box-sizing:border-box;}

.label-tag {display: inline-block;padding: 5px 10px 4px;border: 1px solid #0a4c4a; font-size: 13px;font-style: normal;font-weight: normal;line-height: 1.3;position: absolute;top: 30px;left: 30px; color: #0a4c4a;font-family: 'Noto Sans Korean', sans-serif;}
.test-list-type .card:hover, .test-list-type .card:focus {-webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.35);box-shadow: 0 0 40px rgba(0, 0, 0, 0.35); }
.test-list-type .h4{font-size:21px; font-weight:300; line-height:1.3em; height:2.6em; overflow:hidden; color:#282828; font-family: 'Noto Sans Korean', sans-serif;text-overflow: ellipsis; margin-bottom:1em; word-break:keep-all; margin-top:0;}

.test-list-type .gara-button{width:100%; line-height:40px; text-align:center; background:#fff; color:#999; border:1px solid #ddd;display:block; border-radius:5px; box-sizing:border-box; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; font-family: 'Noto Sans Korean', sans-serif; font-size:13px; font-weight:400;}
.test-list-type .card:hover .gara-button{background: #0a4c4a; color: #fff; border: solid 1px #0a4c4a;}
.test-list-type .card time {color: #d9d9d9; font-size: 14px;  font-family: 'Noto Sans Korean', sans-serif;  display:block;position:absolute; bottom:30px; left:30px;}
.test-list-type .card:hover:before, .test-list-type .card:focus:before {top: -5px;left: -5px;right: -5px;bottom: -5px; }

/*paging*/
.test-paging{text-align:center;}
.test-paging a,
.test-paging strong{color:inherit; text-decoration:none; display:inline-block; width:40px; height:40px; line-height:40px; box-sizing:border-box; background:#fff; border:1px #ddd solid; font-family: 'Noto Sans Korean'; font-size:13px; font-weight:400; margin:0 2px; vertical-align:top; text-decoration:none; overflow:hidden;}
.test-paging strong{color:#fff; background:#0a4c4a; border-color:#0a4c4a;}
.test-paging img{border:0;vertical-align: middle; font-size:0;}

/*view*/
#contain-view-wrap{width:100%;  position:relative;  margin:0 auo;letter-spacing: -0.05em; background:#a9c5d3; padding:60px 0;}
#contain-view-wrap-area{width:98%; max-width:1100px; margin:0 auto;background: #fff; padding: 60px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); box-sizing:border-box;}
.test-top-title{text-align: center; padding: 0 auto; border-bottom: solid 1px #ddd; font-family: 'Noto Serif KR', serif; font-weight:900; font-size:34px; color:#333; letter-spacing:-0.08em;}
.test-view-list dl{margin:0; padding:0; padding-top:0px;}
.test-view-list dt{font-size:20px; font-weight:500; font-family: 'Noto Sans Korean', sans-serif; color:#333;}
.test-view-list dd{margin:0; padding:0; padding-top:10px;}
.test-view-list dl ul{margin:0; padding:0;}
.test-view-list dl li{list-style: none; box-sizing:border-box; width:100%;margin:0; padding:0; }
.test-view-list dl li input{opacity:0; height:0; display:block; width:0;}
.test-view-list dl li label{background:#fff; display:inline-block;  line-height:28px; height:auto; padding:0; cursor:pointer; vertical-align:top;margin:0; padding:0;color: #666; font-size:15px; font-weight:400;  font-family: 'Noto Sans Korean', sans-serif;}
.test-view-list dl li input:checked + label{color:#000; font-weight:500; background:url(image/red.gif) no-repeat; background-position:-6px -2px;}

.text-view-input {padding-top:40px;}
.text-view-input table{width:100%; table-layout:fixed; padding:0; border:0; border-spacing:0px; border-collapse:collapse; border-top:2px #555 solid;}
.text-view-input table tbody{border-bottom:1px #ddd solid; border-right:1px #ddd solid; }
.text-view-input table th,
.text-view-input table td{border-top:1px #ddd solid; padding:10px; border-left:1px #ddd solid; word-break:break-all;}
.text-view-input table td input[type="text"]{height: 32px; font-family: "doutm"; font-size: 12px; margin: 0; color: #000;  background: #fff; padding-left: 5px; vertical-align: middle;  box-sizing: border-box; border: 1px solid #dfe1e3; -webkit-appearance: none;  -moz-appearance: none;  appearance: none; box-sizing:border-box;}
.text-view-input table td input.i-name{width:360px;}
.text-view-input table td select{height: 32px; font-family: "doutm"; font-size: 12px; margin: 0; color: #000;  background: #fff; padding-left: 5px; vertical-align: middle;  box-sizing: border-box; border: 1px solid #dfe1e3; width:110px;}
.text-view-input table td input.i-mobile{width:110px;}
.text-view-input table td span{width:10px;}
.text-view-input table th{font-weight:700; font-size:14px; color:#333;font-family: 'Noto Sans Korean', sans-serif; background:#fcfcfc}
.text-view-input table .input-check{padding:0; margin:0;}
.text-view-input table .input-check li{list-style:none; box-sizing:border-box; display:inline-block;  font-size:14px; color:#333;font-family: 'Noto Sans Korean', sans-serif; vertical-align:middle; margin-right:20px;}
.text-view-input table .i-priv{border:1px #ddd solid; padding:20px; box-sizing:border-box; height:200px; overflow-y:scroll; font-size:13px; color:#666;}
.text-view-input table .i-priv h5,
.text-view-input table .i-priv h6,
.text-view-input table .i-priv p{margin:0; padding:0}
.text-view-input table .i-priv h5{font-size:1.2em; font-weight:900; margin-bottom:15px;}
.text-view-input table .i-priv h6{font-size:1.05em; font-weight:600; margin-bottom:5px; margin-top:10px;}
.text-view-input table .i-agree{margin-top:5px;}
.text-view-input table .i-agree label{font-size:14px;font-family: 'Noto Sans Korean', sans-serif; }
.text-view-btn{text-align:center; margin-top:30px;}
.text-view-btn .tvb-check{background-color:#333; background:linear-gradient(to bottom, #0ea8aa 0%,#0d989a 100%); border-radius:6px; width:220px; height:50px; line-height:50px; font-size:17px; color:#fff; border:none;font-family: 'Noto Sans Korean', sans-serif; }

/* 반응형******************************************************************/
@media (max-width:1024px) {
/*list*/
.test-list-type > li{width:33.333%;}
}



@media (max-width:767px) {
/*list*/
.test-info{margin-top:30px; height:15px;}

.test-list-type{padding-bottom:0;}
.test-list-type .pad{padding:55px 10px 10px;}
.test-list-type .card:hover:before, .test-list-type .card:focus:before {top:0px;left: 0px;right:0px;bottom:0px; }
.test-list-type .h4{font-size:17px;}
.label-tag{top:10px; left:10px; padding:5px 15px;}
.test-list-type .gara-button{position:absolute; left:0; bottom:0; border-radius:0; border-width:0;background: #0a4c4a; color: #fff; }
.test-list-type .card time{bottom:50px; left:10px;}
/*paging*/
.test-paging a,
.test-paging strong{width:10%; height:35px; line-height:35px;}
.test-paging a img{width:95%; max-width:38px; vertical-align:middle;}
.test-list-type .card{-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.13); box-shadow: 0 0 5px rgba(0, 0, 0, 0.13)}

/*view*/
#contain-view-wrap-area{padding:20px;}
.test-top-title{padding:10px 0 20px; font-size:25px;}
.test-view-list dl{padding-top:30px;}
.test-view-list dt{font-size:17px;}
.test-view-list dl li input:checked + label{background-size:20px 20px; background-position:-2px 2px;}

.text-view-input table td input.i-name{width:100%;}
.text-view-input table .i-priv{font-size:12px; padding:10px; height:150px;}
.text-view-input table td select{width:88%; margin-bottom:5px;}
.text-view-input table td input.i-mobile{width:45%;}
}

@media (max-width:450px) {
/*list*/
.test-list-type > li{width:50%; padding:5px;}
}


.sc-ma1{padding-top:80px;}
.sc-li1>li{float:left; width:32%; margin-left:2%; box-sizing:border-box; border:1px #e5e5e5 solid; border-top:2px #29166f solid;}
.sc-li1>li:first-child{margin-left:0;}
.sc-li1:after{clear:both; display:block; height:0; content:""; visibility:hidden;}
.sc-li1>li > dl{text-align:center;}
.sc-li1>li > dl > dt{background:#f1f3f6; font-size:20px; font-weight:700; padding:15px 10px;}
.sub-cont-paper-li{text-align:left; padding:10px 60px;}
.sub-cont-paper-li li{position:relative; margin:10px 0; padding-left:10px;}
.sub-cont-paper-li li:before{content:""; display:block; position:absolute; background:#838383; width:4px; height:4px; left:0; top:10px;}
.sub-cont-paper-li li span{display:inline-block; width:60px; font-weight:700;}

.sub-cont-tit1{padding-bottom:20px; background:url(img/sub-but.png) no-repeat 0px 12px; background-size:14px; padding-left:20px; font-size:25px; font-weight:700; letter-spacing:-0.05em;}

.s13-t1{background:#26284f; color:#fff; font-size:20px; padding:25px; text-align:center; border-radius:20px;}