@charset "euc-kr";
#container_main{position:relative; overflow:hidden; width:100%;}
#container_main h4{font-weight:500;}

#visual{z-index:1; position:relative; height:535px; padding:50px 0 0 0; box-sizing:border-box; background:url(/images/minutes/main/bg.jpg) no-repeat 50% 0; background-size:cover;}
#visual:before{content:''; display:block; position:absolute; bottom:0; left:50%; width:698px; height:262px; margin:0 0 0 -680px; background:url(/images/minutes/main/bg_visual.png) no-repeat 0 100%;}
#visual h3{float:left; line-height:100%; padding:46px 0 0 0; color:#1f3c5b; font-size:62px; letter-spacing:-3px;}
#visual h3:after{content:''; display:block; margin:73px 0 0 0; width:51px; height:1px; background:rgba(31,60,91,0.3);}

@keyframes slideup{
	0%{transform:translateY(20px); opacity:0; visibility:hidden;}
	100%{transform:translateY(0); opacity:1; visibility:visible;}
}
@media all and (max-width:1230px) {
	#visual:before{left:-70px; margin:0; width:58%; background-size:contain;}
}
@media all and (max-width:1024px) {
	#visual{height:auto; padding:64px 0 45px;}
	#visual:before{bottom:auto; left:auto; top:0; right:15px; width:50%; max-width:340px; height:165px;}
	#visual h3{padding:0 0 0 20px; font-size:41px; letter-spacing:-2px;}
	#visual h3:after{margin:34px 0;}
}
@media all and (max-width:768px) {
	#visual{padding:50px 0 40px;}
	#visual .inner{padding:0 15px;}
	#visual:before{max-width:270px; height:128px;}
	#visual h3{font-size:35px;}
	#visual h3:after{margin:25px 0;}
}
@media all and (max-width:568px) {
	#visual{padding:38px 0 35px;}
	#visual:before{max-width:190px; height:97px;}
	#visual h3{padding:0 0 0 15px; font-size:29px;}
	#visual h3:after{margin:18px 0; width:30px;}
}
@media all and (max-width:380px) {
	#visual{padding:36px 0 31px;}
	#visual:before{max-width:180px; height:86px;}
	#visual h3{padding:0 0 0 13px; font-size:28px;}
	#visual h3:after{margin:15px 0;}
}
@media all and (max-width:320px) {
	#visual:before{height:82px;}
	#visual h3{font-size:27px;}
}

/* �ٷΰ��� */
#link {position:relative; float:right; width:43.41%; height:437px; border-radius:40px 10px 10px 10px; background:#3f79b7;}
#link h4{padding:35px 0 26px 39px; font-size:23px; color:#fff; font-weight:500;}
#link h4:after{content:''; display:inline-block; vertical-align:middle; width:51px; height:1px; margin:-2px 0 0 20px; background:rgba(255,255,255,0.3);}
#link ul{display:flex; flex-wrap:wrap; justify-content:center; text-align:center;}
#link li{display:table; width:16.89%; max-width:88px; margin:0 3% 20px; vertical-align:top; box-sizing:border-box;}
#link li a{z-index:1; position:relative; display:table-cell; vertical-align:middle; height:88px; font-weight:400; font-size:14px; border-radius:50%; color:#fff; transition:0.25s ease-in-out; background:rgba(0,0,0,0.2); text-decoration:none; box-sizing:border-box;}
#link li a:hover{font-size:12px; background:rgba(0,0,0,0.5);}
#link li a:before{visibility:hidden; content:''; display:block; width:26px; height:0; margin:0 auto; transition:0.2s ease-in-out; background:url(/images/minutes/main/ico_lnk.png) no-repeat 50% 0;}
#link li a:hover:before{visibility:visible; height:25px; margin-bottom:8px;}

@media all and (max-width:1230px) {
	#link li{width:17.84%; margin:0 2.2% 20px;}
}
@media all and (max-width:1024px) {
	#link{width:100%; height:auto; padding:0 0 10px;}
	#link h4{padding:27px 0 23px 35px; text-align:center;}
	#link h4:after{display:block; margin:10px auto 0;}
	#link ul{padding:0 1%; box-sizing:border-box;}
}
@media all and (max-width:768px) {
	#link{border-radius:35px 10px 10px 10px;}
	#link h4{font-size:21px;}
	#link ul{padding:0 2%;}
	#link li{width:20%; max-width:80px; margin:0 1.5% 17px;}
	#link li a{height:80px;}
	#link li a:hover:before{margin-bottom:5px;}
}
@media all and (max-width:630px) {
	#link ul{padding:0 1%;}
	#link li{width:14%; margin:0 1% 17px;}
}
@media all and (max-width:568px) {
	#link{border-radius:30px 10px 10px 10px;}
	#link h4{padding:28px 0 18px 30px; font-size:20px;}
	#link ul{padding:0 3%;} 
	#link li{width:21%; max-width:75px; margin:0 1.5% 14px;}
	#link li a{height:75px; font-size:14px;}
	#link li a:before{width:23px; background-size:contain;}
	#link li a:hover:before{height:22px; margin-bottom:3px;}
}
@media all and (max-width:380px) {
	#link h4{padding:24px 0 15px 25px; font-size:19px;}
	#link li{max-width:70px; margin:0 1.5% 11px;}
	#link li a{height:70px; font-size:13px;}
	#link li a:before{width:21px;}
	#link li a:hover:before{height:20px;}
}
@media all and (max-width:350px) {
	#link li{width:22%; max-width:65px; margin:0 1.2% 11px;}
	#link li a{height:65px; font-size:12px;}
}


.unit{padding:51px 0 70px 0;}

/* �˻� */
#sch{height:126px; padding:38px 0 0 0; box-sizing:border-box; background:url(/images/minutes/main/bg_sch.jpg) no-repeat 50% 0; background-size:cover;}
#sch .inner{padding-left:183px;}
#sch h4{position:absolute; top:0; left:0; line-height:62px; color:#fff; font-size:27px;}
#sch fieldset{position:relative; display:block; overflow:hidden; padding:0 75px 0 650px; border-radius:10px; background:#fff; box-sizing:border-box;}

#sch select,
#sch input[type="text"]{height:64px; padding:0 0 0 20px; color:#061d53; border-color:#fff; border:none; font-weight:400; font-size:17px; box-sizing:border-box; transition:0.3s ease;}
#sch .sel{position:absolute; top:0; left:0;}
#sch .sel:before{z-index:1; content:''; display:block; position:absolute; top:50%; right:0; width:1px; height:19px; background:#b2b2b2; transform:translateY(-50%);}
#sch .sel2{left:190px;}
#sch .sel3{left:420px;}
#sch select{width:230px; padding:0 40px 0 20px; -webkit-appearance:none; -moz-appearance:none; -moz-appearance:none; background:#fff url(/images/common/ico_assem.png) no-repeat 90% 50%;}
#sch .sel1 select{width:190px;}
#sch select::-ms-expand{display:none;}
#sch input[type="text"]{width:100%;}
#sch button{position:absolute; right:18px; top:10px; height:45px; width:45px; font-size:0; text-indent:-999px;}
#sch button:before,
#sch button:after{content:''; display:block; position:absolute; top:8px; left:8px; width:23px; height:23px; border:3px solid #1c2533; border-radius:50%; box-sizing:border-box;}
#sch button:after{left:23px; top:29px; width:14px; height:3px; border:none; border-radius:0; transform:rotate(45deg); background:#1c2533;}
@media all and (max-width:1230px) {
	.unit{padding-left:15px; padding-right:15px;}
	#sch h4{left:15px}
	#sch fieldset{padding:0 70px 0 530px;}
	#sch .sel2{left:150px;}
	#sch .sel3{left:340px;}
	#sch select{width:190px;}
	#sch .sel1 select{width:150px;}
}
@media all and (max-width:1024px) {
	.unit{padding:51px 15px 45px;}
	#sch{height:auto; padding:30px 0;}
	#sch h4{display:none; font-size:23px;}
	#sch .inner{padding:0 15px;}
	#sch fieldset{padding:0 65px 0 500px;}
	#sch .sel2{left:100px;}
	#sch .sel3{left:300px;}
	#sch select, #sch input[type="text"]{padding:0 0 0 15px; font-size:16px;}
	#sch select{width:200px; padding:0 30px 0 15px;}
	#sch .sel1 select{width:100px;}
}
@media all and (max-width:768px) {
	#sch {padding:25px 0;}
	#sch fieldset{padding:0 60px 0 410px;}
	#sch .sel2{left:90px;}
	#sch .sel3{left:250px;}
	#sch select{width:160px;}
	#sch .sel1 select{width:90px;}
	#sch button{right:14px;}
}
@media all and (max-width:568px) {
	.unit{padding:45px 15px;}

	#sch{padding:22px 0;}
	#sch h4{font-size:20px;}
	#sch fieldset{padding:0; background:none;}
	#sch select{background-position:95% 50%;}
	#sch select, #sch input[type="text"]{width:100%; height:45px; margin:0 0 1px; font-size:15px;}
	#sch .sel,
	#sch button{position:relative; width:100%; margin:0;}
	#sch button{top:0; right:0; height:47px; line-height:48px; padding:0 0 0 40px; font-size:17px; text-indent:0; letter-spacing:-1px; font-weight:500; color:#fff; background:#3f79b7;}
	#sch button:before{top:11px; left:50%; width:18px; height:18px; margin:0 0 0 -50px; border-color:#fff;}
	#sch button:after{left:50%; top:27px; width:10px; margin:0 0 0 -38px; background:#fff;}
	#sch .sel2,
	#sch .sel3{left:0;}
	#sch .sel1 select{width:100%;}
	#sch .sel:before{display:none;}
}
@media all and (max-width:380px) {
	.unit{padding:41px 15px;}

	#sch h4{font-size:19px;}
	#sch select, #sch input[type="text"]{height:43px; font-size:14px;}
	#sch button{height:45px; line-height:46px; font-size:16px;}
}


/* �ֱ�ȸ�Ƿ� */
#late{position:relative; float:left; width:57%;}
#late h4{height:47px; line-height:100%; font-size:27px;}
#late .con{height:583px; font-size:15px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#late ul{padding:26px 10px 0; border-top:1px solid #ddd;}
#late li{margin:0 0 20px;}
#late li *,
#late .first *{display:inline-block; height:29px; line-height:29px; vertical-align:top;}
#late li a{position:relative; width:100%; padding:0 200px 0 0; box-sizing:border-box; text-decoration:none;}
#late .tit,
#late .sbj{max-width:98%; padding:0 20px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-sizing:border-box; font-size:17px;}
#late .tit{font-weight:400;}
#late .tit span{padding:0 16px; margin:0 6px 0 0; font-size:14px; font-weight:300; border-radius:29px; background:#f3f3f3;}
#late .tit .num{margin:0 19px 0 0; background:#fff7d9;}
#late a:hover .tit{font-weight:500;}
#late a:hover .tit span{background:#e7e7e7;}
#late a:hover .tit .num{background:#ffedab;}
#late .right{position:absolute; right:0; top:0;}
#late .cha{margin:0 25px 0 0;}
#late .date{color:#777;}
#late .new{display:inline-block; vertical-align:middle; width:18px; height:18px; line-height:18px; margin:-5px 0 0 -20px; font-size:11px; font-weight:400; text-align:center; color:#fff; border-radius:50%; background:#ffa517; text-transform:uppercase;}

#late .first{position:relative; padding:0 10px 0 0; box-sizing:border-box;}
#late .first a{position:relative; width:100%; height:109px; padding:25px 200px 0 120px; box-sizing:border-box; text-decoration:none;}
#late .first a:before{content:''; display:block; position:absolute; top:15px; left:12px; width:80px; height:80px; border-radius:50%; border:1px dashed #d8d8d8; box-sizing:border-box; transition:0.3s ease-in-out; background:url(/images/minutes/main/bg_board.jpg) no-repeat 50% 50%;}
#late .first a:hover:before{border:1px solid #ffa517;}
#late .first .sbj{font-size:20px;}
#late .first .tit{display:block; margin:0 0 11px;}
#late .first .right{top:50%; margin:-15px 0 0 0;}
#late .more{position: absolute; top:-3px; right:0; width:38px; height:38px; border-radius:50%; border:3px solid #eaeaea; box-sizing:border-box; background:url(/images/common/ico_ctrl.png) no-repeat 1px -33px; transition:0.2s ease-in-out;}
#late .more:hover{border-color:#ffa517; transform:rotate(180deg);}

@media all and (max-width:1024px) {
	#late{width:100%;}
	#late h4{height:42px; font-size:24px;}
	#late li{margin:0 0 13px;}
	
	#late .con{height:auto; min-height:300px;} 
	#late ul{padding:26px 10px 10px;}

	#late .first a{height:auto; padding-bottom:17px;}
	#late .first .sbj{font-size:19px;}
	#late .more{top:-8px;}
}
@media all and (max-width:768px) {
	#late h4{font-size:23px;}
	#late li a{padding-right:150px;}
	
	#late .tit span{padding:0 10px; line-height:31px; font-size:13px;}
	#late .tit .num{margin:0 10px 0 0;}
	#late .date span{display:none;}

	#late .first a{padding:19px 150px 13px 90px;}
	#late .first a:before{left:6px; width:63px; height:63px; background-size:47px;}
	#late .first .tit{margin:0 0 7px;}
	#late .first .sbj{font-size:18px;}
}
@media all and (max-width:568px) {
	#late h4{height:38px; font-size:21px;}
	#late li{margin:0 0 11px;}
	#late li a,
	#late .first a{padding-right:50px;}

	#late .tit, #late .sbj{font-size:15px;}
	#late .tit span{padding:0 9px;}
	#late .cha{margin:0;}
	#late .date{display:none;}
	#late ul{padding:23px 7px 10px;}

	#late .first a{padding:17px 50px 11px 75px;}
	#late .first a:before{left:0; width:60px; height:60px; background-size:45px;}
	#late .first .sbj{font-size:17px;}
	#late .more{top:-11px;}
}
@media all and (max-width:380px) {
	#late h4{height:35px; font-size:20px;}
	#late li{margin:0 0 9px;}
	#late li a,
	#late .first a{padding-right:45px;}
	#late .con,
	#late .tit, #late .sbj{font-size:14px;}
	#late .tit span{padding:0 8px; font-size:12px;}
	#late ul{padding:20px 5px 10px;}
	
	#late .first a{padding:15px 50px 9px 70px;}
	#late .first a:before{width:57px; height:57px; background-size:43px;}
	#late .first .tit{margin:0 0 4px;}
	#late .first .sbj{font-size:16px;}
	#late .more{top:-14px;}
}

/* �ٷΰ��� */
#quick{float:right; width:39.75%; word-break:keep-all;}
#quick li{display:table; margin:0 0 13px; width:100%;}
#quick a{position:relative; display:table-cell; vertical-align:middle; height:116px; padding:0 100px 0 36px; font-size:15px; color:#666; border:1px solid #ccecff; border-radius:30px 10px 10px 10px; box-sizing:border-box; text-decoration:none; transition:0.25s ease-in-out;}
#quick a:hover{border-color:#7fcfff; box-shadow:inset 0 0 0 4px #7fcfff;}
#quick .q1 a{background:#f7fcff;}
#quick a:after{content:''; display:block; position:absolute; right:23px; bottom:18px; width:75px; height:72px; background:url(/images/minutes/main/ico_link1.png) no-repeat 100% 100%;}
#quick .list2 a:after{background-image:url(/images/minutes/main/ico_link2.png);}
#quick .list3 a:after{background-image:url(/images/minutes/main/ico_link3.png);}
#quick .list4 a:after{background-image:url(/images/minutes/main/ico_link4.png);}
#quick .list5 a:after{background-image:url(/images/minutes/main/ico_link5.png);}
#quick .list6 a:after{background-image:url(/images/minutes/main/ico_link6.png);}
#quick a strong{display:block; padding:0 0 14px; line-height:100%; color:#333; font-size:22px;}


@media all and (max-width:1024px) {
	#quick{width:100%; margin:45px 0 0 0;}
	#quick ul{overflow:hidden; width:100%;}
	#quick li{float:left; width:32%; margin:0 0 20px 2%;}
	#quick li:first-child{margin-left:0;}
	#quick .q1 li{width:49%;}
	#quick a{padding:0 80px 0 25px; border-radius:20px 10px 10px 10px; font-size:14px;}
	#quick a:after{right:5px;}
	#quick a strong{padding:0 0 12px; font-size:20px;}
}
@media all and (max-width:768px) {
	#quick{margin:40px 0 0 0;}
	#quick a:after{bottom:20px; width:70px; background-size:contain;}
	#quick li{margin-bottom:15px;}

	#quick .q2 li{display:block;}
	#quick .q2 a{display:block; height:auto; padding:75px 0 16px 0; text-align:center;}
	#quick .q2 a span{display:none;}
	#quick .q2 a strong{padding:0; font-size:17px;}
	#quick .q2 a:after{bottom:auto; right:50%; top:-2px; width:61px; transform:translateX(50%);}
}
@media all and (max-width:568px) {
	#quick{margin:36px 0 0 0;}
	#quick li{width:31.7%; margin:0 0 0 2.4%;}
	#quick a{height:105px;}
	#quick a:after{width:65px;}
	#quick a strong{font-size:19px;}

	#quick .q1{padding:0 0 5px;}
	#quick .q1 li{width:100%; margin:0 0 10px;}

	#quick .q2 a{padding:70px 0 15px 0;}
	#quick .q2 a strong{font-size:16px;}
	#quick .q2 a:after{top:-5px; width:57px;}
}
@media all and (max-width:380px) {
	#quick{margin:32px 0 0 0;}
	#quick li{width:31.4%; margin:0 0 0 2.8%;}
	#quick a{height:102px; font-size:13px;}
	#quick a strong{font-size:18px;}
	
	#quick .q2 a{padding:68px 0 14px 0;}
	#quick .q2 a strong{font-size:15px;}
	#quick .q2 a:after{top:-8px; width:53px;}
}

#popupWrap {z-index: 100;position: absolute;top: 40px;left: 50%;margin: 0 0 0 -600px;background: #222;box-shadow: 0 0 20px 0 rgba(0,0,0,.1);}
#popupWrap .btn_wrap {display: flex;justify-content: space-between;padding: 0 10px;height: 30px;box-sizing: border-box;}
#popupWrap button {font-size: 14px; color: #fff; background: none;}

@media all and (max-width:1440px){
    #popupWrap {left: 10px; margin: 0;}
}
@media all and (max-width: 768px){
    #popupWrap img {max-width: 100%;}
}