@charset "utf-8";

html, body {height:100%; font-weight:600; letter-spacing:-0.0625rem; word-break:keep-all;}
* {-webkit-text-size-adjust:none;}
body {font-family:'NanumSquareRound', sans-serif;}
body.noneScroll{overflow: hidden;}
blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, select, td, textarea, th, ul {margin:0; padding:0;}
article, aside, #footer, #header, hgroup, #main, nav, section {margin:0; padding:0; display:block;}
dl, li, menu, ol, ul {list-style:none;}
em, address {font-style:normal;}
a {text-decoration:none; border:none; color:#1a1a1a;}
fieldset {margin:0; padding:0; border:none;}
legend {display:none;}
button {font-family:inherit; vertical-align:top; cursor:pointer; white-space:nowrap; text-decoration:none; background:transparent; outline:none; border:none;}
input, textarea {font-family:inherit; border:none; border-radius:0; -webkit-appearance:none;}
img {border:none;}
.hide {visibility:hidden; position:absolute; width:0; height:0; font-size:0; line-height:0;}
.cboth {clear:both; width:0; height:0; font-size:0; line-height:0;}
p {cursor:default}
.mgt_10 {margin-top:10px}

/* public */
.list_t1 {}
.list_t1 li {position:relative; padding-left:0.625rem; font-size:1.125rem; font-weight:500; line-height:1.7em; color:#000;}
.list_t1 li > br {display: block}
.list_t1 li + li {margin-top:1.1875rem;}

.list_t2 {border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.list_t2 li {display:flex; flex-direction:row-reverse; align-items:flex-start; padding:2.375rem 0 2rem;}
.list_t2 li + li {border-top:1px solid #ccc;}
.list_t2 li .thum {flex:1 0 16.25rem; margin-top:-1.3125rem; margin-bottom:-0.75rem; background-position:center 0; background-size:cover;}
.list_t2 li .thum a {display:block; padding-bottom:57.69230769231%;}
.list_t2 li .con {flex:auto;}
.list_t2 li .thum + .con {margin-right:2%;}
.list_t2 li .subject {display:block; overflow:hidden; max-height:1.625rem; font-size:1.25rem; word-break:break-all; color:#000;}
.list_t2 li .txt {overflow:hidden; margin-top:1rem; max-height:4.875rem; font-size:1rem; line-height:1.7em; word-break:break-all; color:#666;}

.list_t3 {display:flex; justify-content:space-between;}
.list_t3 .bundle {display:flex; flex-direction:column; flex:1 1 50%; padding:1.1875rem 1.125rem; background-color:#f5f5f5; background-repeat:no-repeat; background-position:center 2.125rem; background-size:auto 40.42553191489%; border:2px solid #ccc;}
.list_t3 .bundle:nth-child(1) {background-image:url(../images/etc_picto1.png);}
.list_t3 .bundle:nth-child(2) {margin-left:1.25rem; background-image:url(../images/etc_picto2.png);}
.list_t3 .bundle .con {display:flex; position:relative; padding-bottom:84%;}
.list_t3 .bundle .con ul {position:absolute; bottom:0; padding:0 1.25rem 1.125rem; font-size:1.125rem; font-weight:500; line-height:2em; color:#000;}
.list_t3 .bundle .con ul li {position:relative; padding-left:0.7em;}
.list_t3 .bundle .con ul li:before {content:'-\00a0'; position:absolute; top:0; left:0;}
.list_t3 .bundle .con p {position:absolute; bottom:0; padding:0 1.25rem 1.4375rem; font-size:1.125rem; font-weight:500; line-height:1.7em; color:#000;}

.contit1 {font-family:'NanumSquare'; font-size:3.125rem; font-weight:800; text-align:center; color:#000;}

.btn_t1 {display:flex; flex-wrap:wrap; justify-content:space-between;}
.btn_t1 a {flex:auto; display:flex; justify-content:center; align-items:center; padding:1rem 0 0.8125rem; background:#2cb669; font-size:1.125rem; font-weight:500; text-align:center; line-height:1em; color:#fff;}
.btn_t1 a + a {margin-left:0.75rem;}
.btn_t1 a .bl {position:relative;}
.btn_t1 a .bl:after {content:'▶'; position:absolute; top:0; right:-1.1rem; bottom:0; font-size:0.5rem;}

.table_t1 {border-collapse:collapse; border:1px solid #ccc;}
.table_t1 caption {padding-bottom:1rem; font-size:1.25rem; font-weight:500; text-align:left;}
.table_t1 caption strong {font-size:1.375rem; font-weight:800;}
.table_t1 caption strong:before {content:'|\00a0'; color:#2cb669;}
.table_t1 thead th {padding:0.9375rem 0 0.75rem; background:#efefef; font-size:1.125rem; font-weight:800; color:#000; border:1px solid #ccc;}
.table_t1 thead th:nth-child(1) {width:24%;}
.table_t1.um thead th:nth-child(2) {width:45%;}
.table_t1.tres thead th:nth-child(2) {width:45%;}
.table_t1 tbody tr.bg {background:#efefef;}
.table_t1 tbody th {padding:0.8125rem 1.25rem 0.75rem; font-size:1rem; font-weight:800; line-height:1.5rem; text-align:center; color:#333;}
.table_t1 tbody td {padding:0.8125rem 1.25rem 0.75rem; font-size:1rem; line-height:1.5rem; text-align:center; color:#333; border:1px solid #ccc;}
.table_t1 tbody td.ta_l {text-align:left;}
.table_t1 tbody td .bold {font-weight:800;}
.table_t1 tbody td .title {font-weight:800;}


/* wrap */
#wrap {display:flex; flex-direction:column;}
#wrap .limit1 {position:relative; margin:0 auto; max-width:1000px;}
/* header */
#header {position:relative; background:#ecf4e9 url(../images/bg_header1.jpg) no-repeat center center; background-size:cover; font-family:'NanumSquare';}
#header:before {content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:url(../images/bg_header2.png) no-repeat center 0; background-size:auto 100%;}
#header .limit2 {padding-bottom:94.7%;}
#header .tit {position:absolute; left:0; right:0; bottom:6.4375rem; font-size:3.75rem; font-weight:800; text-align:center; line-height:1.65em; color:#333;}
#header .tit strong {display:block; font-size:1.334em; font-weight:inherit;}
#header .info {position:absolute; left:0; right:0; bottom:3.1875rem; font-size:1.875rem; text-align:center; color:#000;}
#header .logo_mt {position:absolute; top:2.5rem; left:0; width:14.875rem; background:url(../images/logo_mt1.png) no-repeat 0 0; background-size:100% auto; font-size:0; line-height:0;}
#header .logo_mt a {display:block; padding-bottom:21.8487394958%;}
/* 지난뉴스보기 */
#header .last_menu{position:absolute;top:3.5rem; right:0;text-align: end;}
#header .last_menu .list_show{font-size:1.125rem; line-height:18px; cursor:pointer;display: flex;justify-content: flex-end;}
#header .last_menu .list_show .txt:hover{color:#000000}
#header .last_menu .list_show .down_arrow{background:url(../images/down_arrow_icon.png) no-repeat 0 0; background-size:100% auto;width: 15px; height: 9px;margin-top:3px;margin-left: 8px;}
#header .last_menu .list_wrap{display:none; margin-top:0.5rem; cursor:pointer;background: #b4cc9d;}
#header .last_menu .list_wrap.show{display:block;}
#header .last_menu .list_wrap ul > li{width:100%; box-sizing:border-box; font-size:1.125rem; line-height:18px;}
#header .last_menu .list_wrap ul > li a{background:#b4cc9d; display: block; padding:10px 15px;}
#header .last_menu .list_wrap ul > li a:hover{background:#c4d582; color:#000000}
#header .hb_menu {display: none; position:absolute;top:1.25rem; right:0;width:2em;height:100%;background:url(../images/hb_icon.png) no-repeat 0 0; background-size:100% auto;}
#mobileMenu{display: none;}

/* footer */
#footer {background:#f1f1f1; font-size:1rem; color:#666;}
#footer .limit2 {display:flex; justify-content:center; align-items:center; padding:2.4375rem 0 2.5625rem;}
#footer .logo_mt {overflow:hidden; width:5.75rem; background:url(../images/logo_mt2.png) no-repeat 0 0; background-size:100% auto; font-size:0; line-height:0;}
#footer .logo_mt a {display:block; padding-bottom:21.73913043478%;}
#footer .copyright {margin-left:1.1875rem;}
/* container */
#container {flex:auto; padding:0 0 6.25rem;}
#container .con1 {}
#container .con1 .limit1 {padding:4.1875rem 0 5.1875rem;}
#container .con3 {padding:5.9375rem 0 6.625rem;}
#container .con3.pc_table{display: block;}
#container .con3.mobile_table{display: none;}
#container .con3 .contit1 + .table_t1 {margin-top:4.6875rem;}
#container .con3 .table_t1 + .btn_t1 {margin-top:1.25rem;}
#container .con3 .btn_t1 + .table_t1 {margin-top:6.125rem;}
#container .con4 {background:#ecf4e9;}
#container .con4 .conbox {padding:3.25rem 0 4.125rem; background:url(../images/etc_picto3.png) no-repeat right 36.02941176471%; background-size:15rem auto;}
#container .con4 .conbox .tit {font-size:1.875rem; text-align:center; color:#2cb669;}
#container .con4 .conbox .txt {margin-top:2.4375rem; padding-right:15rem; font-size:1.125rem; line-height:1.7778em; color:#000;}
#container .con4 .conbox .cmt {display:block; margin-top:0.25rem; padding-right:15rem; font-size:0.875rem; color:#666;}
#container .con4 .conbox .btn_t1 {margin:3.0625rem auto 0; width:25rem;}
#container .con5 {padding-top:5.625rem;}
#container .con5 .contit1 + .list_t2 {margin-top:4.5625rem;}


/*** 기준폰트 ***/
/*** 900px 이하 ***/
@media only screen and (max-width:900px) {
	html {font-size:15px;}
}
/*** 800px 이하 ***/
@media only screen and (max-width:800px) {
	html {font-size:14px;}
}
/*** 700px 이하 ***/
@media only screen and (max-width:700px) {
	html {font-size:13px;}
}
/*** 600px 이하 ***/
@media only screen and (max-width:600px) {
	html {font-size:12px;}
}
/*** 500px 이하 ***/
@media only screen and (max-width:500px) {
	html {font-size:11px;}
}
/*** 400px 이하 ***/
@media only screen and (max-width:400px) {
	html {font-size:10px;}
}

/*** 레이아웃 ***/
/*** 1000px 이하 ***/
@media only screen and (max-width:1000px) {
	#wrap .limit1 {margin-left:2rem; margin-right:2rem;}
}
/*** 900x 이하 ***/
@media only screen and (max-width:915px) {
	#header .tit {font-size:3.5rem;}
}
/*** 837x 이하 ***/
@media only screen and (max-width:837px) {
	.list_t1 li {font-size:1.5rem;}
    .list_t1 li > br {display: none}

	.btn_t1.svr a {flex:1 1 40%;}
	.btn_t1.svr a:nth-child(3) {margin-left:0; margin-top:1rem;}
	.btn_t1.svr a:nth-child(4) {margin-top:1rem;}

	#header .tit {font-size:2.5rem;}
	#header .info {font-size:1.5rem;}
	#header .logo_mt {top:1rem; width:9.4rem;}

	#container .con1 .limit1 {padding:2.6rem 0 2.5rem;}

    /*지난메뉴보기 - 햄버거메뉴*/
    #header .last_menu{display: none;}
    #header .hb_menu{display: block;}

    /* #mobileMenu {background: white;width: 80%;} */
    #mobileMenu {display: none; float:right;overflow: hidden;background: #FFFFFF;height: 100%;position: absolute;right: 0;z-index: 10;box-shadow: -3px 0px 10px grey;}
    #mobileMenu > div {}
    #mobileMenu > div .title{font-size: 1.5rem;padding: 20px 30px;border-bottom: 1px solid #000000;}
    #mobileMenu > div .list_wrap{}
    #mobileMenu > div .list_wrap > li{font-size: 1.25rem;border-bottom: 1px solid #000000;}
    #mobileMenu > div .list_wrap > li > a {display: flex;justify-content: space-between;padding: 20px 30px;}
    #mobileMenu > div .list_wrap > li .right_arrow{width:13px;height:18px;background:url(../images/left_arrow_icon.png) no-repeat 0 0; background-size:100% auto;}
    #dim{display: none; width: 100%;height: 100%;background: rgba(0,0,0,0.2);position: absolute;}
    #dim.open{display: block;}
}
/*** 700px 이하 ***/
@media only screen and (max-width:700px) {
	.list_t2 li {overflow:hidden; display:revert; padding:2rem 0 0.4rem;}
	.list_t2 li .thum {float:right; display:revert; margin:0; width:13rem;}
	.list_t2 li .con .subject {max-height:7.5rem; font-size:1.7rem; line-height:24px;}
	.list_t2 li .thum + .con .subject {padding-right:1.5rem; height:7.5rem;}
	.list_t2 li .con .txt {clear:both; max-height:7rem; font-size:1.5rem; line-height:1.6em;}

	.list_t3 {flex-direction:column;}
	.list_t3 .bundle {border-width:1px;}
	.list_t3 .bundle:nth-child(2) {margin-top:2rem; margin-left:0;}
	.list_t3 .bundle .con ul {font-size:1.5em; line-height:1.5em;}
	.list_t3 .bundle .con p {font-size:1.5em; line-height:1.5em;}

	.contit1 {font-size:3rem;}

	.table_t1 {display: none;}
    .table_t1.on {display: revert;}
	.table_t1 caption {line-height:1.7857em;}
	.table_t1 caption strong {font-size:1.5rem;}
	.table_t1 caption span {display:block; font-size:1.4rem;}
	.table_t1 thead th {padding:0.5rem 1rem; font-size:1.3rem;}
	.table_t1 tbody th,
	.table_t1 tbody td {padding:0.8rem 1rem 0.6rem; font-size:1.1rem; line-height:1.7rem;}
	.table_t1.um thead tr,
	.table_t1.tres thead tr {display:flex; flex-wrap:wrap; word-break:break-all;}
	.table_t1.um thead th,
	.table_t1.tres thead th {display:flex; flex:1; justify-content:center; align-items:center; border:none;}
	.table_t1.um thead th:nth-child(1),
	.table_t1.tres thead th:nth-child(1) {flex:0 1 100%; border-bottom:1px solid #ccc;}
	.table_t1.um thead th:nth-child(3),
	.table_t1.tres thead th:nth-child(3) {border-left:1px solid #ccc;}
	.table_t1.um tbody tr,
	.table_t1.tres tbody tr {display:flex; flex-wrap:wrap; word-break:break-all;}
	.table_t1.um tbody th,
	.table_t1.tres tbody th {display:flex; flex:0 1 100%; justify-content:center; align-items:center; width:calc(100% - 2rem); border-top:1px solid #ccc;}
	.table_t1.um tbody td,
	.table_t1.tres tbody td {display:flex; flex:1; justify-content:center; align-items:center; border:none;}
	.table_t1.um tbody td.ta_l,
	.table_t1.tres tbody td.ta_l {text-align:center;}
	.table_t1.um tbody td:nth-child(1),
	.table_t1.tres tbody td:nth-child(1) {flex:0 1 100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
	.table_t1.um tbody td:nth-child(3),
	.table_t1.tres tbody td:nth-child(3) {border-left:1px solid #ccc;}
	.table_t1.dois thead th:nth-child(1) {width:35%;}

	.btn_t1 {flex-direction:column;}
	.btn_t1 a {padding:1.7rem 0; font-size:1.5rem;}
	.btn_t1 a + a {margin:1rem 0 0;}
	.btn_t1 a .bl:after {right:-2.7rem;}

	#container {padding:0 0 5rem;}

	#container .con3 {padding:4.9rem 0 2rem;}
    #container .con3.pc_table{display: none;}
    #container .con3.mobile_table{display: block;}
    /* 오전/오후 영역 선택 버튼 */
    #container .con3.mobile_table .limit1 .btn_tg_area{display: flex;margin-top:40px;margin-bottom:20px;}
    #container .con3.mobile_table .limit1 .btn_tg_area button{width:100%;padding: 1.0rem 0;font-size: 1.5rem;color: #2cb669;font-weight: 800;text-align: center;line-height: 1em;background: #fff;border: 1px solid #ccc;}
    #container .con3.mobile_table .limit1 .btn_tg_area button.on{background:#2cb669;color:#FFFFFF;border: 1px solid #2cb669;}

    #container .con3.mobile_table table thead tr th {width: 50%;}
    #container .con3.mobile_table table tbody tr td {width: 50%;}

    #container .con3 .contit1 + .table_t1 {margin-top:2.6rem;}
	#container .con3 .table + .table_t1 {margin-top:2.6rem;}
	#container .con5 {padding-top:4.9rem;}
	#container .con5 .contit1 + .list_t2 {margin-top:2.2rem;}

}
/*** 440px 이하 ***/ /* iphone12 pro max : 428 */
@media only screen and (max-width:440px) {
	.contit1 {font-size:3rem;}
	.con5 .contit1 {font-size:2.5rem;}

	#header .limit2 {padding-bottom:100%;}
	#header .tit {bottom:3.4rem; font-size:2rem;}
	#header .info {bottom:1.3rem; font-size:1.3rem;}

	#footer {font-size:1.2rem;}
	#footer .limit1 {margin:0;}
	#footer .logo_mt {width:4.5rem;}
	#footer .copyright {margin-left:0;}

	#container .con4 .conbox {padding:4.8rem 0 2rem; background-position:center 27.5%; background-size:15.6rem auto;}
	#container .con4 .conbox .tit {font-size:2.3rem;}
	#container .con4 .conbox .txt {margin:19.6rem 0 0; padding:0; font-size:1.5rem; line-height:1.8em;}
	#container .con4 .conbox .cmt {padding:0; font-size:1.3rem; line-height:1.8em;}
	#container .con4 .conbox .btn_t1 {margin:0.9rem 0 0; width:auto;}
}
/*** 320px 이하 ***/
@media only screen and (max-width:320px) {
	.list_t3 .bundle {background-size:auto 33%;}
	.list_t3 .bundle .con {padding:50% 0 0;}
	.list_t3 .bundle .con ul {position:relative;}
	.list_t3 .bundle .con p {position:relative;}

	.btn_t1 a .bl:after {right:-2rem;}

	#footer {font-size:1rem;}
	#footer .limit2 {padding-left:1rem; padding-right:1rem;}
}
/*** 270px 이하 ***/
@media only screen and (max-width:270px) {
	.contit1 {word-break:break-all;}

	.list_t2 li {padding:1rem 0;}
	.list_t2 li .thum {float:initial; display:block; width:100%;}
	.list_t2 li .thum + .con {display:block; margin:1rem 0 0;}
	.list_t2 li .thum + .con .subject {height:auto;}

	#footer .limit2 {flex-direction:column; padding:1rem; text-align:center;}
	#footer .copyright {margin-top:1rem;}
}