@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
*{margin:0; padding:0; list-style:none; text-decoration:none; color:#333; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif;}
/* .container{margin:20px auto; padding:20px; background:#fafaf3; border:1px solid #ccc;} */
.container{margin:20px auto; padding:20px; background:#fafaf3; border:1px solid #ccc; box-shadow:1px 1px 2px #ccc;}
.container .title{padding:10px 0 35px 0; text-align:center;}
.container .title h1{font-size:1.8em;}
.container .box{margin-bottom:20px; background:#fff; border:1px solid #ccc; border-radius:5px; border-top:3px solid #0965a5; box-shadow:1px 1px 2px #ccc;}
.container .box h2{padding:10px; font-size:1.2em; text-align:center; border-bottom:1px solid #ddd; background:#1776b8; color:#fff;}
.container .box h3{padding:10px; font-size:1em; font-weight:bold; border-bottom:1px solid #ddd; background:#1776b8; color:#fff;}
.container .box h4{padding:10px; font-size:0.9em; border-bottom:1px solid #ddd;}
.container .box .info_ex{margin:10px; padding:10px; text-align:center; border:1px solid #ddd;}
.container .box .info_ex h5{font-weight:600;}
.container .box h3 span{color:white;}
.container .box h3 strong{color:white;}

/* .container .terms1{border-top:3px solid rgb(18, 148, 62);}
.container .terms2{border-top:3px solid rgb(148, 113, 18);}
.container .terms3{border-top:3px solid rgb(18, 31, 148);} */

.container .terms1,
.container .terms2,
.container .terms3{border-top:3px solid #0965a5;}

.container .box .terms_text{padding:10px; border-bottom:1px solid #ddd;}
.container .terms1 .terms_text{max-height:150px; overflow-y:scroll; padding:10px; line-height:27px; border-bottom:1px solid #ddd;}
.container .terms2 .terms_text{max-height:150px; overflow-y:scroll; padding:10px; line-height:27px; border-bottom:1px solid #ddd;}
.container .box .agree{padding:10px; text-align:center;}
.container .terms3 p{padding:5px 0;}
.container .terms3 p::before{display:inline-block; content:''; clear:both; width:4px; height:4px; margin:5px; background:#333;}
.container .terms3 input{width:80px; padding:5px; border-radius:5px;}
.container .terms3 input.school{width:200px;}
.container .terms3 .btn_confirm{padding:15px 0; text-align:center;}
.container .terms3 .btn_confirm button{display:inline-block; padding:15px 85px; color:#fff; font-size:1em; font-weight:bold; background:rgb(27, 90, 110); border:1px solid rgb(27, 94, 133); border-radius:3px; cursor:pointer;}
.container .answer{padding:15px 0; font-size:1.25em; font-weight:bold;}
.container .progress{width:100%; margin-bottom:30px; padding:5px 30px; background:#fff; border:1px solid #ccc;}
.container .progress h2{padding:0px 10px;}
.terms_table{padding:10px; background:#fff;}
.terms_table table{width:100%; text-align:center; border-spacing:0; border-collapse:collapse; border:1px solid #eee;}
.terms_table table th{padding:7px; font-weight:normal; background:#effbef; border:1px solid #eee;}
.terms_table table td{padding:7px; border:1px solid #eee;}
.terms_table table td:first-child{text-align:left;}
.terms_table table .txt_center{text-align:center !important;}
.terms_table table .txt_left{text-align:left !important;}
.terms_table table input[type=text]{border-radius:5px;}
.terms_table .won{width:50px; border:1px solid #6b7280;}
.btn_page{text-align:right;}
.btn_page a{display:inline-block; padding:15px 25px; color:#fff; font-size:1em; font-weight:bold; background:rgb(27, 90, 110); border:1px solid rgb(27, 94, 133); border-radius:3px;}
.btn_page2{text-align:right; display: flex; justify-content: center;}
.btn_page2 a{display:inline-block; padding:7px 13px; color:#fff; font-size:1em; font-weight:bold; background:rgb(27, 90, 110); border:1px solid rgb(27, 94, 133); border-radius:3px;}
.table_check_doz th{width:45px;}
.table_check_doz td:first-child{width:180px;}
.table_check_doz_won th{width:120px;}
.table_check_doz_won td:first-child{width:90px;}
.table_check_cow th{width:50px; font-size:0.8em;}
/* .table_check_cow td:first-child{width:180px;} */


.terms_line{display:flex; position:relative; justify-content:space-between; padding:10px; background:#fff;}
.terms_line .ex_box{width:45%; padding:15px; z-index:2;}
.terms_line .ex_box > div{display:flex; margin:5px 0; align-items: center; position:relative; height:150px; padding:20px; border:1px solid #ddd; cursor:pointer; background:#fff;}
.terms_line .ex_box > div input{position:absolute; top:calc(50% - 7px);}
.terms_line .left > div input{right:10px;}
.terms_line .right > div input{left:10px;}
.terms_line .left{padding-right:15px;}
.terms_line .left p{margin-right:15px;}
.terms_line .right p{margin-left:15px;}
.terms_line .ex_box > div.on{border:1px solid blue;}
.line_type{position:absolute;}
/* .line_type > div{display:none;} */
.line_type .q1a1{position:absolute; z-index:1; top:95px; left:400px; height:2px; width:150px; background:red;}
.line_type .q1a2{position:absolute; z-index:1; top:165px; left:350px; height:2px; width:250px; background:red; transform: rotate(50deg);}
.line_type .q1a3{position:absolute; z-index:1; top:245px; left:300px; height:2px; width:360px; background:red; transform: rotate(67deg);}
.line_type .q2a1{position:absolute; z-index:1; top:172px; left:330px; height:2px; width:300px; background:blue; transform: rotate(-50deg);}
.line_type .q2a2{position:absolute; z-index:1; top:251px; left:400px; height:2px; width:150px; background:blue;}
.line_type .q2a3{position:absolute; z-index:1; top:292px; left:300px; height:2px; width:300px; background:blue; transform: rotate(48deg);}
.line_type .q3a1{position:absolute; z-index:1; top:263px; left:295px; height:2px; width:360px; background:green; transform: rotate(-67deg);}
.line_type .q3a2{position:absolute; z-index:1; top:335px; left:350px; height:2px; width:250px; background:green; transform: rotate(-50deg);}
.line_type .q3a3{position:absolute; z-index:1; top:405px; left:400px; height:2px; width:150px; background:green;}
.line_type .q1a1.on{display:block;}
.line_type .q1a2.on{display:block;}
.line_type .q1a3.on{display:block;}

.btn_re{padding:15px 0; text-align:center;}
.btn_re a{display:inline-block; padding:15px 25px; color:#fff; font-size:1em; font-weight:bold; background:rgb(36, 185, 128);  border-radius:3px;}

/* progress */
.progress{position:relative;}
.progress .bar{position:relative;}
.progress .icon_parent{position:relative;}
.progress .icon_parent .icon_child{position:absolute; right:-20px; top:-16px; width:45px; height:42px; font-size:14px; text-indent:-9999px;}
.progress .icon_child.p20{background:url("../images/20per.png") no-repeat;}
.progress .icon_child.p40{background:url("../images/40per.png") no-repeat;}
.progress .icon_child.p60{background:url("../images/60per.png") no-repeat;}
.progress .icon_child.p80{background:url("../images/80per.png") no-repeat;}
.progress .icon_child.p100{background:url("../images/100per.png") no-repeat;}

/* 설문완료 */
.container.end_page{position:relative; margin:80px auto; text-align:center;}
.end_page h1{padding-bottom:15px; font-size:40px;}
.end_page h3{line-height:50px; font-size:24px !important;}
.end_page .icon{display:flex; padding:60px 0; justify-content:center;}

.div_diagonal_slash31 {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line class="path_line_31" x1="0" y1="100%" x2="100%" y2="0" stroke="gray" /></svg>');
}
.div_diagonal_slashred31 {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line class="path_line_31" x1="0" y1="100%" x2="100%" y2="0" stroke="red" /></svg>');
}
.div_diagonal_backslash31 {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line class="path_line_31" x1="0" y1="0" x2="100%" y2="100%" stroke="gray" /></svg>');
}
.div_diagonal_backslashred31 {
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><line class="path_line_31" x1="0" y1="0" x2="100%" y2="100%" stroke="red" /></svg>');
}
.drag_hovered {
	background: #aaa;
}

/* .btn_confirm_011{padding:15px 0; text-align:center; background:#1776b8; border:1px solid #eee;} */
.btn_confirm_011{padding:15px 0; text-align:center; background:#eee; border:1px solid #eee;}
.btn_confirm_011 button{display:inline-block; padding:15px 85px; color:#fff; font-size:1em; font-weight:bold; background:rgb(27, 90, 110); border:1px solid rgb(27, 94, 133); border-radius:3px; cursor:pointer;}

/* 디자인 수정 : 2024.09.06 */
body{background:url("../images/bg.jpg") repeat-x center bottom #ffe6e1;}
.uels_main .title{margin-top:20px;}

.uels_main .terms_text{padding:5px 45px 35px !important;}
.uels_main .terms_text .info{margin:15px 0; padding:20px; font-size:18px; text-align:center; background:#f3f3f3; border:1px solid #ccc; border-radius:5px;}

.uels_main .terms_text2{padding:5px 45px 35px !important;}
.uels_main .terms_text2 p{float:left; width:48%; margin:15px 0; padding:20px; border:1px solid #63b0e7; border-radius:5px;}
.uels_main .terms_text2 p:nth-child(odd){float:right;}
.uels_main .terms_text2 .info{margin:15px 0; padding:20px; font-size:18px; text-align:center; background:#f3f3f3; border:1px solid #ccc; border-radius:5px;}
.uels_main .btn_confirm_011{clear:both; background:none; border:0;}

/* 인증조회 버튼 추가 : 2024.09.11 */
.btn_number{display:inline-block; padding:4px 12px 5px 12px; color:#fff; background:#10854a; border:1px solid #10854a; border-radius:5px;}