@charset "utf-8";

.tabmenu2 {display:flex; position:relative; overflow:hidden; width:100%; margin:0 0 32px;}
.tabmenu2 > li{display:table; width:20%; float:left; flex:1 1 auto; padding:0 4px 9px; font-size:17px; letter-spacing:-1px; box-sizing:border-box;}
.tabmenu2 > li > a{position:relative; display:table-cell; vertical-align:middle; width:100%; height:70px; line-height:120%; border-radius:5px; transition:0.2s ease-in; text-decoration:none; font-weight:800; color:#0b2b61; background:#fff; border:1px solid #0b2b61; box-sizing:border-box; text-align:center;}
.tabmenu2 > li > a.on,
.tabmenu2 > li > a:hover{color:#fff; background:#0b2b61;}
.tabmenu2 > li > a > span{display:block;}

@media all and (max-width:1024px) {
	.tabmenu2 > li{font-size:17px;}
	.tabmenu2 > li > a{height:63px;}
}
@media all and (max-width:768px) {
	.tabmenu2{display:block; margin:0 0 25px;}
	.tabmenu2 > li{display:table; width:33.33%; font-size:16px;}
	.tabmenu2 > li > a{height:59px; padding:0; text-align:center; word-break:keep-all;}
}
@media all and (max-width:568px) {
	.tabmenu2 {margin:0 0 20px;}
	.tabmenu2 > li{font-size:15px; padding:0 3px 6px 3px;}
	.tabmenu2 > li > a{height:55px;}
}
@media all and (max-width:380px) {
	.tabmenu2{margin:0 0 17px;}
	.tabmenu2 > li{font-size:14px;}
}

.form_sc{position:relative; overflow:hidden; width:100%; padding:45px 0 45px 50px; background:#fff; box-sizing:border-box;}
.form_sc + .taR{padding:8px 0 35px 0; font-size:95%;}
.form_sc div{position:relative; float:left; width:59%; padding:0 0 0 130px; box-sizing:border-box;}
.form_sc label{position:absolute; left:55px; top:0; display:block; width:60px; line-height:42px; font-weight:700; color:#000; text-align:right;}
.form_sc .sel{position:relative; width:30%;}
.form_sc .sel2{width:59%;}
.form_sc select{-webkit-appearance:none; -moz-appearance:none; -moz-appearance:none; color:#000;}
.form_sc select::-ms-expand{display:none;}
.form_sc .sel:after{content:''; display:block; position:absolute; top:49%; right:15px; width:8px; height:8px; transform:translateY(-50%) rotate(45deg); border:3px solid #053d67; border-radius:2px; border-width:0 2px 2px 0;}
.form_sc .sel2:after{right:55px;}
.form_sc select,
.form_sc input[type="text"]{width:100%; height:42px; line-height:42px; padding:0 0 0 12px; border:1px solid #d7dcee; border-radius:5px; background-color:#e5f5f5; color:#000;}
.form_sc input[type="text"],
.form_sc .sel2{padding-right:42px;}
.form_sc .btn{position:absolute; right:0; top:0; height:42px; width:44px; line-height:42px; min-width:0; padding:0; font-size:0; text-indent:-999px; border:none; border-radius:0 5px 5px 0; background:#003964;}
.form_sc .btn:before,
.form_sc .btn:after{content:''; display:block; position:absolute; top:12px; left:14px; width:15px; height:15px; border:2px solid #fff; border-radius:50%; box-sizing:border-box;}
.form_sc .btn:after{left:24px; top:25px; width:8px; height:2px; border:none; border-radius:2px; transform:rotate(45deg); background:#fff;}
.form_sc .btn:hover{background-color:#004e96;}
.form_sc .intxt{padding-right:50px;}

@media all and (max-width:1024px) {
    #sub_default {font-size: 16px;}
	.form_sc{padding-left:35px;}
	.form_sc + .taR{font-size:15px;}
}
@media all and (max-width:768px) {
	.form_sc{padding:35px 0 35px 50px;}
	.form_sc div{padding:0 0 0 100px;}
	.form_sc .sel{width:34%; padding:0 0 0 90px;}
	.form_sc .sel2{width:52%; padding:0 42px 0 90px;}
	.form_sc label{left:25px;}
	.form_sc .sel label{left:20px;}
}
@media all and (max-width:568px) {
     #sub_default {font-size: 15px;}
	.form_sc{padding:25px 0 27px 10px;}
	.form_sc div{padding:0 0 0 65px;}
	.form_sc label{left:10px; width:50px; font-size:17px;}
	.form_sc .sel{width:35%; padding:0 0 0 55px;}
	.form_sc .sel2{width:60%; padding:0 42px 0 55px;}
	.form_sc .sel label{left:0;}
	.form_sc select,
	.form_sc input[type="text"]{padding:0 0 0 10px;}
	.form_sc input[type="text"]{padding-right:45px;}
	.form_sc + .taR{font-size:14px;}
}
@media all and (max-width:380px) {
    #sub_default {font-size: 14px;}
	.form_sc{padding:22px 0 24px 10px;}
	.form_sc div{padding:0 0 0 55px;}
	.form_sc label{left:0; width:50px; font-size:16px; line-height:40px;}
	.form_sc .sel{padding:0 0 0 45px;}
	.form_sc .sel label{left:-10px;}
	.form_sc .sel:after{right:12px;}
	.form_sc .sel2:after{right:52px;}
	.form_sc + .taR{font-size:13px;}
}

/* 의안개요 */
#sub_bill1 .box_info {margin: 0 0 50px; padding: 30px; border-radius: 10px; background: #f4f4f4; box-sizing: border-box;}
#sub_bill1 .box_info em {font-weight: 600;}
#sub_bill1 .txt_wrap{padding: 0 0 40px 28px;}

@media all and (max-width:568px){
    #sub_bill1 .box_info {margin: 0 0 25px;padding: 20px;}
    #sub_bill1 .txt_wrap {padding: 0 0 30px 22px;} 
}

/* 회의록이란 공통 */
#sub_default h5 {font-size: 24px; font-weight: 600; color: #111;}
#sub_default h5:before {content: ''; display: inline-block; margin: 0 11px -2px 0; width: 5px; height: 22px; background: #262d52;}
h4 + .txt_wrap {margin:0 0 45px;}
.txt_wrap {font-size: 18px; font-weight: 400; line-height: 1.6;}
.g_box {margin: 0 0 45px;}
.g_box em {font-size: 20px; font-weight: 600;}
.g_box .dot {display: flex; flex-wrap: wrap; align-items: center; margin: 10px 0 25px; padding: 25px 30px;  background: #f3f9f9; border-radius: 5px; box-sizing: border-box;}
.g_box .dot > li:before {top: 11px; background: #259b97; border-radius: 1.5px;}

@media all and (max-width:1024px){
    #sub_default h5 {font-size: 20px;}
    #sub_default h5:before {margin: 0 8px -2px 0; height: 19px;}
    h4 + .txt_wrap {margin:0 0 30px;}
    .txt_wrap {font-size: 16px;}
    .g_box em {font-size: 18px;}
    .g_box .dot > li:before {top: 10px;}
}
@media all and (max-width:568px){
    #sub_default h5 {font-size: 18px;}
    #sub_default h5:before {margin: 0 5px -2px 0; height: 18px;}
    .txt_wrap {font-size: 15px;}
    .g_box em {font-size: 16px;}
    .g_box .dot {margin: 8px 0 15px; padding: 15px 20px;}
    .g_box .dot > li:before {top: 9px;}
}

/* 회의록작성 및 보존 */
.proc {padding: 50px 8.33%; background: #fff; border: 1px solid #cdcdcd; border-radius: 5px; box-sizing: border-box;}
.proc > li {position: relative; display: flex; width: 100%; margin: 0 0 53px;}
.proc > li:last-child{margin: 0;}
.proc > li:not(:last-child):after {content: ''; display: block; position: absolute; bottom: -33px; left: 16.43%; width: 22px; height: 13px; background: url(/minutes/images/assembly/sub/ico_arrow2.png)no-repeat;}
.proc > li > * {display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 100px; border-radius: 5px;}
.proc > li em {margin: 0 5% 0 0; padding: 0 10px; width: 35.07%; font-size: 20px; font-weight: 600; color: #fff; text-align: center; background: #262d52 url(/minutes/images/assembly/sub/bg_proc1.jpg)no-repeat bottom right; box-sizing: border-box;}
.proc > li .dot {flex-direction: column; align-items: flex-start; padding: 0 30px; width: 60%; background: #f3f4fa; border: 1px solid #b2b7d5; box-sizing: border-box;}
.proc > li .dot > li:before {background: #262d52; border-radius: 1.5px;}

.proc > li.pink em {background: #eb546d url(/minutes/images/assembly/sub/bg_proc2.jpg)no-repeat bottom right;}
.proc > li.pink .dot {color: #111; background: #f8f1f2; border-color: #ee9ea9;}
.proc > li.pink .dot > li:before {background: #eb546d;}

@media all and (max-width:768px){
    .proc {padding: 35px;}
    .proc > li:not(:last-child):after {left: 15.43%;}
    .proc > li > * {height: 90px;}
    .proc > li em {font-size: 18px;}
}
@media all and (max-width:568px){
    .proc {padding: 25px;}
    .proc > li {display: block;}
    .proc > li:not(:last-child):after {left: 50%; transform: translateX(-50%);}
    .proc > li em, .proc > li .dot {width: 100%;}
    .proc > li em {height: 50px; font-size: 16px; border-radius: 5px 5px 0 0;}
    .proc > li .dot {padding: 0 20px; border-radius: 0 0 5px 5px;}
}

/* 회의록 관련서식 */
#sub_format .file_wrap {padding: 70px 0;background:#fff;border:1px solid #cdcdcd;border-radius:5px;box-sizing:border-box;}
#sub_format .file_wrap li {margin: 0 auto 20px;width:430px;}
#sub_format .file_wrap li:last-child {margin-bottom:0;}
#sub_format .file_wrap li a {display:flex;justify-content: space-between;align-items:center;padding: 0 48px;height: 80px;font-size: 20px;font-weight: 600;color: #fff;text-decoration: none;background:#259b97 url(/minutes/images/assembly/sub/bg_file.jpg)no-repeat right bottom;border-radius: 40px;box-sizing: border-box;}
#sub_format .file_wrap li a::after {content:'';display:inline-block;width:35px;height:35px;background:url(/minutes/images/assembly/sub/ico_download.png)no-repeat;background-size: cover;}

@media all and (max-width:568px){
	#sub_format .file_wrap {padding:50px 0;}
	#sub_format .file_wrap li {width:80%;}
	#sub_format .file_wrap li a {padding: 0 10%;height: 60px;font-size: 16px;}
	#sub_format .file_wrap li a::after {width:30px; height:30px;}
}
@media all and (max-width:380px){
	#sub_format .file_wrap {padding:35px 0;}
	#sub_format .file_wrap li {width:90%;}
	#sub_format .file_wrap li a {padding:0 8%; height:50px; font-size:15px;}
	#sub_format .file_wrap li a::after {width:25px; height:25px;}
}