@charset "utf-8";


/* 폰트 */
.small { font-size:1.5rem; }

h2 .small,
h3 .small,
h4 .small { font-size:2rem; }


#container.sub #content h2,
#container.sub #content h3,
#container.sub #content h4 { display:flex; align-items:center; }

#container.sub #content h2 { margin-bottom:2.4rem; }
#container.sub #content h3 { margin-bottom:1.6rem; }
#container.sub #content h4 { margin-bottom:1.2rem; }

#container.sub #content h2::before,
#container.sub #content h3::before,
#container.sub #content h4::before { display:block; content:''; background:no-repeat center/cover; }

#container.sub #content h2::before { width:2.8rem; height:2.8rem; background-image:url(/images/council/sub/h2_bg.svg); margin-right:1.6rem; }
#container.sub #content h3::before { width:2.4rem; height:2.4rem; background-image:url(/images/council/sub/h3_bg.svg); margin-right:1.2rem; }
#container.sub #content h4::before { width:2rem; height:2rem; background-image:url(/images/council/sub/h4_bg.svg); margin-right:.8rem; }

#container.sub #content p { line-height:1.5; }

.icon-box { position:relative; min-height:12rem; padding:3.2rem 2.4rem 3.2rem 16.8rem; color:#58616A; border-radius:3.2rem 1.2rem 1.2rem 1.2rem; background:#F4F5F6; margin-bottom:3.2rem; }
.icon-box div.icon { position:absolute; top:-3.2rem; left:2.4rem; width:12rem; height:12rem; border-radius:1.6rem; background:#fff no-repeat center/64px; box-shadow:0 0 1rem rgba(0,0,0,.1); }
.icon-box h5 { font-size:2.4rem; color:#1E2124; margin-bottom:1.6rem; }




/* 정렬 */
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.flex { display:flex; }
.flex.side { justify-content:space-between; }

/* 뱃지 */
.badge { display:inline-flex; align-items:center; min-height:2.4rem; font-size:1.5rem; padding:0 .8rem; color:#fff; background:#004d40; border-radius:.4rem; }

.badge.m { min-height:2.4rem; }
.badge.l { min-height:3.2rem; }

.badge.line { border:.1rem solid; }

.badge.on { background:#D63D4A; }
.badge.off { border:.1rem solid #464C53; color:#464C53; background:#F4F5F6; }

/* 버튼 */
.btn { display:inline-flex; justify-content:center; align-items:center; min-height:4rem; padding:0 1.6rem; line-height:1; border-radius:8px; transition:.4s ease-in; }


/* 사이즈별 */
.btn.xs { min-height:2.4rem; padding:0 1rem; font-size:1.5rem; }
.btn.s { min-height:3.2rem; padding:0 1.2rem; font-size:1.6rem; }
.btn.m { min-height:4rem; font-size:1.7rem; }
.btn.l { min-height:4.8rem; padding:0 2rem; font-size:1.8rem; }
.btn.xl { min-height:5.6rem; padding:0 2.4rem; font-size:1.9rem; }

.btn.icon { width:3.2rem; height:3.2rem; min-height:auto; padding:0; border-radius:100%; }
.btn.icon.xs { width:2rem; height:2rem; }


.btn.round { border-radius:8rem; }

.btn-txt { min-height:3.2rem; height:auto !important; padding:0 .2rem; background:none; color:#1E2124 !important; }
.btn-txt:hover { background-color:#EEF2F7; }
.btn-txt:focus { background-color:#D6E0EB; }


/* 사이즈별 */
.btn-txt.xs { min-height:1.6rem; padding:0 .2rem; font-size:1.5rem; }
.btn-txt.s { min-height:2.4rem; padding:0 .2rem; font-size:1.6rem; }
.btn-txt.m { min-height:3.2rem; padding:0 .2rem; font-size:1.7rem; }
.btn-txt.l { min-height:4rem; padding:0 .2rem; font-size:1.8rem; }
.btn-txt.xl { min-height:4.8rem; padding:0 .2rem; font-size:1.9rem; }


/* 색상 */
.btn.primary { background:#00796B; color:#fff; }
.btn.primary:hover { background:#0a5f56; }

.btn.secondary { border:.1rem solid #00796B; background:#e0f2f1; color:#004d40; }

.btn.tertiary { border:.1rem solid #58616A; background:#fff; color:#1e2124; }
.btn.tertiary:hover { background-color:#F4F5F6; }
.btn.tertiary:active,
.btn.tertiary:focus { background-color:#E6E8EA; }

.btn.point { background-color:#D63D4A; color:#fff; }
.btn.excel { background-color:#217346; color:#fff; }

.btn.white { background-color:#fff; color:#222; }

/* 아이콘 & 기능 */
.svg-icon { display:inline-flex; width:2rem; height:2rem; background:no-repeat center/cover; }

	/* 사이즈 */
.xs .svg-icon,
.s .svg-icon { width:1.6rem; height:1.6rem; }
.l .svg-icon { width:2.4rem; height:2.4rem; }

.svg-icon.ico-excel { background-image:url(/images/icon/ico_excel-g.svg); }
.svg-icon.ico-go { background-image:url(/images/icon/ico_go.svg); }
.svg-icon.ico-go.white { background-image:url(/images/icon/ico_go_w.svg); }
.svg-icon.ico-angle { background-image:url(/images/icon/ico_angle.svg); }
.svg-icon.ico-down { background-image:url(/images/icon/ico_download.svg); }
.svg-icon.ico-angle.up { transform: rotate(180deg); }
.svg-icon.ico-angle.left { transform: rotate(90deg); }
.svg-icon.ico-angle.right { transform: rotate(-90deg); }
.svg-icon.ico-close { background-image:url(/images/icon/ico_close.svg); }
.svg-icon.ico-fold { background-image:url(/images/icon/ico_foldable.svg); }
.svg-icon.ico-fold.up { transform: rotate(90deg); }
.svg-icon.ico-fold.down { transform: rotate(-90deg); }
.svg-icon.ico-fold.right { transform: rotate(180deg); }
.svg-icon.ico-global { background-image:url(/images/icon/ico_global.svg); }
.svg-icon.ico-help { background-image:url(/images/icon/ico_help.svg); }
.svg-icon.ico-logout { background-image:url(/images/icon/ico_logout.svg); }
.svg-icon.ico-time { background-image:url(/images/icon/ico_clock.svg); }
.svg-icon.ico-play { background-image:url(/images/council/main/ico_play_default.png); }
.svg-icon.ico-play.white { background-image:url(/images/council/main/ico_play.png); }


.svg-icon.before { margin-right:.8rem; }
.svg-icon.after { margin-left:.8rem; }

.xs .svg-icon.before,
.s .svg-icon.before { margin-right:.4rem; }
.xs .svg-icon.after,
.s .svg-icon.after { margin-left:.4rem; }


.btn-navi { display:inline-flex; align-items:center; min-height:4rem; padding:.4rem 1.2rem 0; background:transparent; border-radius:.6rem; font-size:1.7rem; font-weight:700; color:#1e2124; transition:.4s; }
.btn-navi::before { display:flex; content:''; width:2rem; height:2rem; background:no-repeat center/cover; margin-right:.8rem; }
.btn-navi.search::before { background-image:url(/images/icon/ico_sch.svg); }
.btn-navi.all::before { background-image:url(/images/icon/ico_all.svg); }

@media (max-width: 1023px) {
	.btn-navi { flex-direction:column; padding:.4rem .8rem 0; font-size:1.5rem; }
	.btn-navi::before { margin-right:0; margin-bottom:.4rem; }
	
	
	.svg-icon.after { margin-left:0; }
	.svg-icon.before { margin-right:0; }
}

/* 드롭다운 -------------------------------------------------------------- */
.drop-wrap { position:relative; }

.drop-btn:after { content:''; display:inline-block; background:url(/images/icon/ico_angle.svg) no-repeat center/cover; margin-left:.2rem; }

.drop-btn.xs:after { width:1.6rem; height:1.6rem; }
.drop-btn.s:after { width:1.6rem; height:1.6rem; }
.drop-btn.m:after { width:2.4rem; height:2.4rem; }
.drop-btn.l:after { width:3.2rem; height:3.2rem; }
.drop-btn.xl:after { width:4rem; height:4rem; }

.drop-menu { position:absolute; left:50%; display:none; min-width:20rem; padding:1.2rem; background:#fff; border-radius:.8rem; border:1px solid #E6E8EA; box-shadow:0 3px 5px rgba(0,0,0,0.1); z-index:10; transform:translateX(-50%); margin-top:1.6rem; }
.drop-menu::before { content: ''; position: absolute; left: 50%; bottom: 100%; width: 1.6rem; height: 1.6rem; background:#fff; border:1px solid #E6E8EA; border-top-color: transparent; border-left-color: transparent; transform: translateX(-50%) rotate(-135deg); margin-bottom:-.8rem;}
.drop-menu button { width:100%; }

.drop-list > li { display:flex; }
.drop-list .item-link { display:inline-flex; align-items:center; width:100%; height:4rem; border-radius:.4rem; background-color:unset; font-size:1.7rem; padding:0 .4rem; transition:.3s; }
.drop-list .item-link:hover { background-color:#EEF2F7; }

@media (max-width: 1023px) {
	.drop-menu { min-width:14rem; }
}



/* 목록 ----------------------------------------------------------------- */
.info-list {  }
.info-list > li { position:relative; padding-left:1.2rem; margin-bottom:.8rem; }
.info-list.demical > li::before { position:absolute; top:0; left:0; content:'•'; }
.info-list.dashed > li::before { position:absolute; top:0; left:0; content:'-'; }


/* 박스 디자인 ----------------------------------------------------------------- */
.box { padding:3.2rem; background:#fff; border-radius:1.2rem; }
.box.line { border:.1rem solid #CDD1D5; }

@media (max-width:768px){
	.box { padding:2.4rem; }
}


/* 배경 ----------------------------------------------------------------- */
.bg-white { background-color:#fff !important; }
.bg-black { background-color:#000 !important; }
.bg-blue { background-color: #256EF4 !important; }
.bg-red { background-color: #D63D4A !important; }
.bg-light { background-color:#F4F5F6 !important; }

/* 탭 ----------------------------------------------------------------- */
.tab {position:relative; display:inline-flex; flex-wrap:nowrap; align-items:center; width:100%; box-sizing:border-box; overflow:visible;}
.tab.right { justify-content:flex-end; }
.tab li { width:100%; }
.tab li a { position:relative; width:100%; height:100%; text-align:center; padding:14px 0; transition: 0.3s; }

.tab li a:focus { outline-offset: -0.4rem; }
.tab li a:visited,
.tab li a:hover { background:#e0f2f1; }

	/* 탭 - 기본 디자인 */
.tab.type-box li a { border:1px solid var(--secondary-80); border-left:none; color:#8A949E; }
.tab.type-box li:first-child a { border-left:1px solid #CDD1D5; border-radius:8px 0 0 8px; }
.tab.type-box li:last-child a { border-radius: 0 8px 8px 0 ; } 

.tab.type-box li a.select { background:#00796B; color:#fff; font-weight: 700;  }
.tab.type-box li a.select:hover { background:#00796B; }

	/* 탭 -라인 디자인 */
.tab.type-line li a { border-bottom: 1px solid #CDD1D5; color:#8A949E; }
.tab.type-line li a:before { position: absolute; content:''; bottom: -0.2rem; left:50%; width:0%; height:0.4rem; background:#00796B; transition:0.4s ease-in-out;  }
.tab.type-line li a.select:before { left:0%; width:100%; }
.tab.type-line li a.select { color:#00796B; font-weight: 700; }


	/* 탭메뉴 안의 탭메뉴 */

.tab.tab-sub { flex-wrap: wrap; width:auto; }
.tab.tab-sub li { width:auto; margin:0 5px; }
.tab.tab-sub li a { padding:14px 16px;  }

.tab.tab-sub.type-box li a { border:0 !important; border-radius:8px !important; }

@media (max-width:768px){
	.tab.tab-sub li a { padding:.8rem 1rem; font-size:1.5rem; }
}


/* 폰트 컬러 ----------------------------------------------------------------- */
.white { color:#fff !important; }
.black { color:#000 !important; }
a.link,
.blue { color: #256EF4 !important; }
.red { color: #D63D4A !important; }
.green { color: #088a7c !important; }

.tel,
.underline { text-decoration:underline; }

.bold { font-weight:700; }


/* 페이지네이션 ----------------------------------------------------------------- */
.paging ul { display:flex; justify-content:center; align-items: center; flex-wrap: wrap; }
.paging ul li { margin-left:.8rem;  margin-bottom:.4rem; }
.paging ul li:first-child { margin-left:0; }

.paging ul li {  }
.paging ul li a { display:inline-flex; justify-content:center; align-items:center; min-width:4rem; min-height:4rem; padding:0 1.2rem; border:.1rem solid #F4F5F6; border-radius:.8rem; transition:.4s; }
.paging ul li a.select { color:#fff; background:#00796B; border-color:#00796B; }

.paging ul li a[href]:hover { background:#e0f2f1; }
.paging ul li a[href]:focus { background:#b2dfdb; }

@media (max-width: 1023px) {
	.paging ul li a { min-width:2.4rem; min-height:2.4rem; font-size:1.5rem; padding:0 .4rem; }
	.paging ul li a.btn.start,
	.paging ul li a.btn.prev,
	.paging ul li a.btn.next,
	.paging ul li a.btn.end { display:flex; align-items:center; font-size:0; text-shadow: none; color: transparent; text-indent: -9999px; max-height: 2.4rem; max-width: 2.4rem; }
}

/* 정렬 ----------------------------------------------------------------- */
.left { text-align:left !important; }
.center { text-align:center !important; }
.right { text-align:right !important; }




/* UL  */
ul.dot { overflow:hidden; }
ul.dot > li { position:relative; padding:4px 0 4px 12px; line-height:1.5; word-break:keep-all; }
ul.dot > li:before { position:absolute; content:''; display:block; left:0; top:12px; background:#444; width:4px; height:4px; border-radius:50%;}

ul.dash > li { position:relative; padding:4px 0 4px 12px; line-height:1.5; word-break:keep-all; }
ul.dash > li:before { position:absolute; content:''; display:block; left:0; top:16px; background:#444; width:6px; height:2px; }




/* 결과제목바 */
.resultBar2,
.resultBar { position:relative; width:100%; height:44px; line-height:42px; padding:0 0 0 60px; border:1px solid #b3d2ce; box-sizing:border-box;  background:#F0F9F8 ; color:#000; font-size:110%; border-radius: 5rem; margin-bottom: 20px; }

.resultBar2:before,
.resultBar:before { position:absolute; content:''; display:block; background:url(/images/common/ico_result.png) no-repeat center/cover; width:32px; height:32px;  left:16px; top:50%; transform:translateY(-50%); }

.resultBar strong { padding-right:5px; color:#00796B; }
.resultBar span.eng {  font-size:80%; color:#537c9e; letter-spacing:-1px; }
.resultBar span.num { color:#da131a; font-weight:bold; }
.resultBar span.date { color:#555; }
.resultBar span.time { padding-left:15px; color:#ee5f08; }

.resultAgenda .box { border-bottom:1px solid #ddd; }
.resultAgenda .box.none { border-bottom:none; } 

.resultBar2 strong { padding-right:5px; color:#00796B; }
.resultBar2 span.txt { font-size:95%; color:#333; }


@media (max-width:500px){
	.resultBar2 span.txt {  font-size:95%; color:#333; display:block; margin-top:5px; }
}






/* 세로형 - 의안발의 ----------------------------------------------------------------- */
	/* 기본 ** 공통 ** */
.bill-view > ul { display: flex; flex-wrap:wrap; word-break: keep-all;  }
.bill-view .bill-list { border-top:2px solid #00796B; margin-bottom:30px; overflow: hidden; }
.bill-view .bill-list li { border-bottom:1px solid #ddd; display: table; float:left; }
.bill-view .bill-list li strong { display: table-cell; padding: 3px 10px; background:#FFFDE7; width:180px; height:55px; vertical-align: middle; text-align: center; font-size:.9em; }
.bill-view .bill-list li span { display:table-cell; padding:3px 8px; text-align:left; vertical-align:middle; font-size: 15px; }

.bill-view .bill-list li.subject span { font-weight:bold; font-size:115%; color:#00796B; }
.bill-view .bill-list li.subject span a { display:flex; align-items:center; justify-content: center; }

.bill-view .bill-list li.subject span a img { margin-left:6px; }
.bill-view .bill-list li.line1 { width: 100% !important; }
.bill-view .bill-list li.line1 strong { width: 180px !important; }


	/* strong(th)이 2개일 때  */
.bill-view .bill-list.col2 > li { width:50%; }
.bill-view .bill-list.col2 > li strong { width:180px; }


	/* li 안에 strong(th)이 여러개일 경우 ** 공통 ** */
.bill-view .bill-list li ul li { width:100%; }
.bill-view .bill-list li ul li:last-child { border-bottom:none; }
.bill-view .bill-list li ul li strong { border-left:1px solid #ddd; }
.bill-view .bill-list li ul li span { min-width: 90px; }

		/* strong(th)이 4개일 때  */
.bill-view .bill-list.col4 > li { width:50%; }
.bill-view .bill-list.col4 > li strong { width:90px; }

	/* 첨부파일 box  */
.bill-view .bill-down ul { display:block; padding: 12px 10px; background:#FFFDE7; border-radius:10px; margin-bottom:30px; }
.bill-view .bill-down ul li { display:flex; align-items:center; flex-wrap: wrap; padding:5px 10px; }
.bill-view .bill-down ul li a { margin:0 10px; }

.bill-view .bill-down ul.dash > li:before { top:22px; }





@media (max-width:1024px){
	.bill-view .bill-list li strong { width:150px !important;  }
	.bill-view .bill-list li { width:100% !important; }
	
	
	/* strong(th)이 2개일 때 + 위원회 등 */
	.bill-view .bill-list.col2-2 > li strong { width:75px !important; }
	
	/* strong(th)이 4개일 때  */
	.bill-view .bill-list.col4 > li strong { width:75px !important; }
	
	/* strong(th)이 6개일 때  */
	.bill-view .bill-list.col6 > li > strong { display:flex; align-items:center; justify-content:center; width:100% !important; border-bottom:1px solid var(--gray-20);  }
	.bill-view .bill-list.col6 > li > ul > li strong { border-left:none; width:150px ; }
	
	
	.bill-view .bill-list li.line1 strong { width:150px !important; }
	
	.bill-view .bill-list li ul li.mbNone { display:none; }
}






/* 의원프로필 */
#pop_profile { position:relative; width:100%; height:100%; padding:10px; background:#ddd; box-sizing:border-box; }
#pop_profile .outbox { width:100%; height:100%; padding:10px; border:3px solid #ffda81; background:#fff; box-sizing:border-box; }
#pop_profile .outbox h1 { position:relative; display: inline-flex; align-items: center; width:100%; height:66px; background:#0b2557; color:#fff; border-radius:10px; margin-bottom:20px; font-size:180%; padding:0px 0 0 14px; box-sizing:border-box;}
#pop_profile .outbox h1:before {  display: block; content: ''; background: url(/images/common/mark.png) no-repeat center/contain; width: 5rem; height: 4.8rem; margin-right:.8rem; }


#pop_profile .outbox h1 img { position:absolute; left:13px; top:10px; height:70%; }
#pop_profile .outbox h1 strong { position:relative; top:5px; font-size:80%; padding:0 0 0 10px;}

#pop_profile .outbox .profile1 { width:100%; height:205px; padding:0; font-size:95%; box-sizing:border-box; }
#pop_profile .outbox .profile1 dl { width:100%; }
#pop_profile .outbox .profile1 dt { float:left; width:145px; }
#pop_profile .outbox .profile1 dd { width:calc(100% - 145px); margin-left:145px; }
#pop_profile .outbox .profile1 dt img { width:120px; padding:3px; border:1px solid #ccc; box-sizing:content-box; }
#pop_profile .outbox .profile1 dd.name { padding:5px 0 5px; font-weight:bold; font-size:130%; color:#113d8e; }
#pop_profile .outbox .profile1 dd.name .hanja { padding-left:5px; font-weight:normal; font-size:80%; font-family: Verdana, Geneva, sans-serif; color:#888; }
#pop_profile .outbox .profile1 dd table th { padding:4px 0 3px 9px; background: url(/images/common/blt_gray.gif) no-repeat 0 15px; text-align:left; font-weight:normal; color:#888; vertical-align:top; }
#pop_profile .outbox .profile1 dd table td { padding:4px 0 3px 0; text-align:left; word-break:break-all; }
#pop_profile .outbox .profile1 dd table td a:link,
#pop_profile .outbox .profile1 dd table td a:visited { color:#333; text-decoration:none; white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-break:break-all; }
#pop_profile .outbox .profile1 dd table td a:active,
#pop_profile .outbox .profile1 dd table td a:focus,
#pop_profile .outbox .profile1 dd table td a:hover { color:#06c; }

#pop_profile .outbox .profile1 dd table .thtd1 { width:70px;}
#pop_profile .outbox .profile1 dd table .thtd2 { width:calc(100% - 70px);}
#pop_profile .outbox .profile1 dd table .thtd3 { width:90px;}
#pop_profile .outbox .profile1 dd table .thtd4 { width:calc(100% - 90px);}


#pop_profile .outbox .profile2 { width:100%; height:269px; }
#pop_profile .outbox .profile2 h3 { height:30px; color:#00796B; font-weight:normal; display: flex; align-items: center; }
#pop_profile .outbox .profile2 h3::before { display: block; content: '';     background: no-repeat center / cover; width:2.4rem; height:2.4rem; background-image:url(/images/council/sub/h3_bg.svg); margin-right:1.2rem; }


#pop_profile .outbox .profile2 .profile2_box { width:100%; height:222px; padding:15px 15px 30px 15px; border:1px solid #ccc; overflow:auto; line-height:170%; font-size:95%; box-sizing:border-box; }

#pop_profile .close { width:100%; }
#pop_profile .close a { width:100%; height:36px; line-height:36px; border:1px solid #333; border-radius:3px; background:#333; text-align:center; color:#fff; display:block; }



@media (max-width:470px){
	#pop_profile .outbox h1 img { position:absolute; left:13px; top:10px; }

	#pop_profile .outbox .profile1 { height:auto; margin-bottom:15px; }
	#pop_profile .outbox .profile1 dt { float:left; width:82px; }
	#pop_profile .outbox .profile1 dd { width:calc(100% - 82px); margin-left:82px; }
	#pop_profile .outbox .profile1 dt img { width:70px; padding:0px; border:1px solid #ccc; }
	#pop_profile .outbox .profile1 dd table { font-size:90%; }
	
	#pop_profile .outbox .profile1 dd table .thtd1 { width:60px;}
	#pop_profile .outbox .profile1 dd table .thtd2 { width:calc(100% - 60px);}
	
	#pop_profile .outbox .profile2 { height:auto; margin-bottom:15px; }
	#pop_profile .outbox .profile2 .profile2_box { height:auto; }	
}




/* 발언회의록 */
.msr_list { width:100%; border-top:2px solid #00796B; margin-bottom:30px; }
.msr_list li { width:100%; padding:13px 0 12px 0; border-bottom:1px dashed #eee; display:block; overflow:hidden;  }
.msr_list li .num { float:left; width:70px; text-align:center; color:#888; }
.msr_list li .subject { float:left; width:calc(100% - 70px); color:#00796B; font-weight:bold; }
.msr_list li .subject a:link,
.msr_list li .subject a:visited { text-decoration:none; color:#333; font-weight:normal; }
.msr_list li .subject a:active,
.msr_list li .subject a:focus,
.msr_list li .subject a:hover { color:#1757b7; font-weight:bold; font-weight:normal; }


@media (max-width:768px){
	.msr_list li .num { width:50px; }
	.msr_list li .subject { width:calc(100% - 50px); }
}




/* 너비 ----------------------------------------------------------------- */
.wd5 { width:5% !important; }
.wd8 { width:8% !important; }
.wd10 { width:10% !important; }
.wd15 { width:15% !important; }
.wd20 { width:20% !important; }
.wd25 { width:25% !important; }
.wd30 { width:30% !important; }
.wd35 { width:35% !important; }
.wd40 { width:40% !important; }
.wd45 { width:45% !important; }
.wd50 { width:50% !important; }
.wd60 { width:60% !important; }
.wd70 { width:70% !important; }
.wd80 { width:80% !important; }
.wd90 { width:90% !important; }

.wd-full { width:100%; }
.wd-auto { width:auto; }

@media (max-width:76.8rem){
	.wd5 { width:15% !important; }
	.wd8 { width:18% !important; }
	.wd10 { width:25% !important; }
	.wd20 { width:30% !important; }
	
	.wd768-full { width:100% !important; }
}

@media (max-width:425px){
	.wd425-full { width:100% !important; }
}

@media (max-width:375px){
	.wd375-full { width:100% !important; }
}



/* 여백 ----------------------------------------------------------------- */

/* 마진 ----------------------------------------------------------------- */
/* m : top, bottom, left, right ---------------------------------------- */
/* mt : margin-top ----------------------------------------------------- */
/* mb : margin-bottom -------------------------------------------------- */
/* ml : margin-left ---------------------------------------------------- */
/* mr : margin-right --------------------------------------------------- */
/* mx : margin-left, margin-right -------------------------------------- */
/* my : margin-top, margin-bottom -------------------------------------- */

/* 패딩 ----------------------------------------------------------------- */
/* p : top, bottom, left, right ---------------------------------------- */
/* pt : padding-top ----------------------------------------------------- */
/* pb : padding-bottom -------------------------------------------------- */
/* pl : padding-left ---------------------------------------------------- */
/* pr : padding-right --------------------------------------------------- */
/* px : padding-left, padding-right -------------------------------------- */
/* py : padding-top, padding-bottom -------------------------------------- */

.m-0 { margin: 0 !important; }

.mt-0,
.my-0 { margin-top: 0 !important; }

.mr-0,
.mx-0 { margin-right: 0 !important; }

.mb-0,
.my-0 { margin-bottom: 0 !important; }

.ml-0,
.mx-0 { margin-left: 0 !important; }

.m-2 { margin: .2rem !important; }

.mt-2,
.my-2 { margin-top: .2rem !important; }

.mr-2,
.mx-2 { margin-right: .2rem !important; }

.mb-2,
.my-2 { margin-bottom: .2rem !important; }

.ml-2,
.mx-2 { margin-left: .2rem !important; }

.m-4 { margin: .4rem !important; }

.mt-4,
.my-4 { margin-top: .4rem !important; }

.mr-4,
.mx-4 { margin-right: .4rem !important; }

.mb-4,
.my-4 { margin-bottom: .4rem !important; }

.ml-4,
.mx-4 { margin-left: .4rem !important; }

.m-8 {
    margin: .8rem !important;
}

.mt-8,
.my-8 {
    margin-top: .8rem !important;
}

.mr-8,
.mx-8 {
    margin-right: .8rem !important;
}

.mb-8,
.my-8 {
    margin-bottom: .8rem !important;
}

.ml-8,
.mx-8 {
    margin-left: .8rem !important;
}

.m-12 {
    margin: 1.2rem !important;
}

.mt-12,
.my-12 {
    margin-top: 1.2rem !important;
}

.mr-12,
.mx-12 {
    margin-right: 1.2rem !important;
}

.mb-12,
.my-12 {
    margin-bottom: 1.2rem !important;
}

.ml-12,
.mx-12 {
    margin-left: 1.2rem !important;
}

.m-16 {
    margin: 1.6rem !important;
}

.mt-16,
.my-16 {
    margin-top: 1.6rem !important;
}

.mr-16,
.mx-16 {
    margin-right: 1.6rem !important;
}

.mb-16,
.my-16 {
    margin-bottom: 1.6rem !important;
}

.ml-16,
.mx-16 {
    margin-left: 1.6rem !important;
}

.m-20 {
    margin: 2rem !important;
}

.mt-20,
.my-20 {
    margin-top: 2rem !important;
}

.mr-20,
.mx-20 {
    margin-right: 2rem !important;
}

.mb-20,
.my-20 {
    margin-bottom: 2rem !important;
}

.ml-20,
.mx-20 {
    margin-left: 2rem !important;
}

.m-24 {
    margin: 2.4rem !important;
}

.mt-24,
.my-24 {
    margin-top: 2.4rem !important;
}

.mr-24,
.mx-24 {
    margin-right: 2.4rem !important;
}

.mb-24,
.my-24 {
    margin-bottom: 2.4rem !important;
}

.ml-24,
.mx-24 {
    margin-left: 2.4rem !important;
}

.m-32 {
    margin: 3.2rem !important;
}

.mt-32,
.my-32 {
    margin-top: 3.2rem !important;
}

.mr-32,
.mx-32 {
    margin-right: 3.2rem !important;
}

.mb-32,
.my-32 {
    margin-bottom: 3.2rem !important;
}

.ml-32,
.mx-32 {
    margin-left: 3.2rem !important;
}

.m-40 {
    margin: 4rem !important;
}

.mt-40,
.my-40 {
    margin-top: 4rem !important;
}

.mr-40,
.mx-40 {
    margin-right: 4rem !important;
}

.mb-40,
.my-40 {
    margin-bottom: 4rem !important;
}

.ml-40,
.mx-40 {
    margin-left: 4rem !important;
}

.m-48 {
    margin: 4.8rem !important;
}

.mt-48,
.my-48 {
    margin-top: 4.8rem !important;
}

.mr-48,
.mx-48 {
    margin-right: 4.8rem !important;
}

.mb-48,
.my-48 {
    margin-bottom: 4.8rem !important;
}

.ml-48,
.mx-48 {
    margin-left: 4.8rem !important;
}

.m-56 {
    margin: 5.6rem !important;
}

.mt-56,
.my-56 {
    margin-top: 5.6rem !important;
}

.mr-56,
.mx-56 {
    margin-right: 5.6rem !important;
}

.mb-56,
.my-56 {
    margin-bottom: 5.6rem !important;
}

.ml-56,
.mx-56 {
    margin-left: 5.6rem !important;
}

.m-64 {
    margin: 6.4rem !important;
}

.mt-64,
.my-64 {
    margin-top: 6.4rem !important;
}

.mr-64,
.mx-64 {
    margin-right: 6.4rem !important;
}

.mb-64,
.my-64 {
    margin-bottom: 6.4rem !important;
}

.ml-64,
.mx-64 {
    margin-left: 6.4rem !important;
}

.m-72 {
    margin: 7.2rem !important;
}

.mt-72,
.my-72 {
    margin-top: 7.2rem !important;
}

.mr-72,
.mx-72 {
    margin-right: 7.2rem !important;
}

.mb-72,
.my-72 {
    margin-bottom: 7.2rem !important;
}

.ml-72,
.mx-72 {
    margin-left: 7.2rem !important;
}

.m-80 {
    margin: 8rem !important;
}

.mt-80,
.my-80 {
    margin-top: 8rem !important;
}

.mr-80,
.mx-80 {
    margin-right: 8rem !important;
}

.mb-80,
.my-80 {
    margin-bottom: 8rem !important;
}

.ml-80,
.mx-80 {
    margin-left: 8rem !important;
}

.p-0 {
    padding: 0px !important;
}

.pt-0,
.py-0 {
    padding-top: 0px !important;
}

.mr-0,
.px-0 {
    padding-right: 0px !important;
}

.pb-0,
.py-0 {
    padding-bottom: 0px !important;
}

.pl-0,
.px-0 {
    padding-left: 0px !important;
}

.p-2 {
    padding: .2rem !important;
}

.pt-2,
.py-2 {
    padding-top: .2rem !important;
}

.mr-2,
.px-2 {
    padding-right: .2rem !important;
}

.pb-2,
.py-2 {
    padding-bottom: .2rem !important;
}

.pl-2,
.px-2 {
    padding-left: .2rem !important;
}

.p-4 {
    padding: .4rem !important;
}

.pt-4,
.py-4 {
    padding-top: .4rem !important;
}

.mr-4,
.px-4 {
    padding-right: .4rem !important;
}

.pb-4,
.py-4 {
    padding-bottom: .4rem !important;
}

.pl-4,
.px-4 {
    padding-left: .4rem !important;
}

.p-8 {
    padding: .8rem !important;
}

.pt-8,
.py-8 {
    padding-top: .8rem !important;
}

.mr-8,
.px-8 {
    padding-right: .8rem !important;
}

.pb-8,
.py-8 {
    padding-bottom: .8rem !important;
}

.pl-8,
.px-8 {
    padding-left: .8rem !important;
}

.p-12 {
    padding: 1.2rem !important;
}

.pt-12,
.py-12 {
    padding-top: 1.2rem !important;
}

.mr-12,
.px-12 {
    padding-right: 1.2rem !important;
}

.pb-12,
.py-12 {
    padding-bottom: 1.2rem !important;
}

.pl-12,
.px-12 {
    padding-left: 1.2rem !important;
}

.p-16 {
    padding: 1.6rem !important;
}

.pt-16,
.py-16 {
    padding-top: 1.6rem !important;
}

.mr-16,
.px-16 {
    padding-right: 1.6rem !important;
}

.pb-16,
.py-16 {
    padding-bottom: 1.6rem !important;
}

.pl-16,
.px-16 {
    padding-left: 1.6rem !important;
}

.p-20 {
    padding: 2rem !important;
}

.pt-20,
.py-20 {
    padding-top: 2rem !important;
}

.mr-20,
.px-20 {
    padding-right: 2rem !important;
}

.pb-20,
.py-20 {
    padding-bottom: 2rem !important;
}

.pl-20,
.px-20 {
    padding-left: 2rem !important;
}

.p-24 {
    padding: 2.4rem !important;
}

.pt-24,
.py-24 {
    padding-top: 2.4rem !important;
}

.mr-24,
.px-24 {
    padding-right: 2.4rem !important;
}

.pb-24,
.py-24 {
    padding-bottom: 2.4rem !important;
}

.pl-24,
.px-24 {
    padding-left: 2.4rem !important;
}

.p-32 {
    padding: 3.2rem !important;
}

.pt-32,
.py-32 {
    padding-top: 3.2rem !important;
}

.mr-32,
.px-32 {
    padding-right: 3.2rem !important;
}

.pb-32,
.py-32 {
    padding-bottom: 3.2rem !important;
}

.pl-32,
.px-32 {
    padding-left: 3.2rem !important;
}

.p-40 {
    padding: 4rem !important;
}

.pt-40,
.py-40 {
    padding-top: 4rem !important;
}

.mr-40,
.px-40 {
    padding-right: 4rem !important;
}

.pb-40,
.py-40 {
    padding-bottom: 4rem !important;
}

.pl-40,
.px-40 {
    padding-left: 4rem !important;
}

.p-48 {
    padding: 4.8rem !important;
}

.pt-48,
.py-48 {
    padding-top: 4.8rem !important;
}

.mr-48,
.px-48 {
    padding-right: 4.8rem !important;
}

.pb-48,
.py-48 {
    padding-bottom: 4.8rem !important;
}

.pl-48,
.px-48 {
    padding-left: 4.8rem !important;
}

.p-56 {
    padding: 5.6rem !important;
}

.pt-56,
.py-56 {
    padding-top: 5.6rem !important;
}

.mr-56,
.px-56 {
    padding-right: 5.6rem !important;
}

.pb-56,
.py-56 {
    padding-bottom: 5.6rem !important;
}

.pl-56,
.px-56 {
    padding-left: 5.6rem !important;
}

.p-64 {
    padding: 6.4rem !important;
}

.pt-64,
.py-64 {
    padding-top: 6.4rem !important;
}

.mr-64,
.px-64 {
    padding-right: 6.4rem !important;
}

.pb-64,
.py-64 {
    padding-bottom: 6.4rem !important;
}

.pl-64,
.px-64 {
    padding-left: 6.4rem !important;
}

.p-72 {
    padding: 7.2rem !important;
}

.pt-72,
.py-72 {
    padding-top: 7.2rem !important;
}

.mr-72,
.px-72 {
    padding-right: 7.2rem !important;
}

.pb-72,
.py-72 {
    padding-bottom: 7.2rem !important;
}

.pl-72,
.px-72 {
    padding-left: 7.2rem !important;
}

.p-80 {
    padding: 8rem !important;
}

.pt-80,
.py-80 {
    padding-top: 8rem !important;
}

.mr-80,
.px-80 {
    padding-right: 8rem !important;
}

.pb-80,
.py-80 {
    padding-bottom: 8rem !important;
}

.pl-80,
.px-80 {
    padding-left: 8rem !important;
}