@charset "utf-8";

/* body {background:url('../images/main/img_main_visual.jpg') no-repeat;} */

#container {position:relative;}

.mcnt {position:relative; max-width:1200px; margin:0 auto; }
.mcnt:after{content:'';display:block;clear:both}
.mcnt .box {float:left; width:400px; height:300px;}

.slogan {position:relative; height:300px;}
.slogan .tx {position:absolute; top:165px; left:22px;}
.slogan strong {color:#fff; font-size:48px; font-weight:700;}
.slogan span {display:block; padding-top:20px; color:#fff; font-size:22px; font-weight:300; word-break:keep-all; opacity:0.65;}

.login {position:relative; background:#f0f0f0;}
.login>.wrap {padding:65px 28px 0 28px;}
.login_form {position:relative; margin-bottom:26px; font-size:0; word-spacing:0; letter-spacing:0;}
.login_form strong {display:block; margin-bottom:9px; color:#444; font-size:24px; font-weight:800;}
.login_form .ipb {display:inline-block; vertical-align:top;}
.login_form .ipb.last {margin-left:-1px;}
.login_form input[type="text"], .login_form input[type="password"] {width:104px; height:43px; padding:0 10px; color:#000; border:1px solid #d1d1d1;}
.login_form .checks {position:absolute; top:2px; right:95px;}
.login_form .checks input[type="checkbox"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;} 
.login_form .checks input[type="checkbox"] + label {display:inline-block; position:relative; font-size:12px; color:#444; cursor:pointer; -webkit-user-select:none; -moz-user-select: none; -ms-user-select: none; } 
.login_form .checks input[type="checkbox"] + label:before {content: '\2714'; display:inline-block; width:21px; height:21px; line-height:21px; margin:-2px 5px 0 0; text-align:center; color:#b7b7b7; vertical-align:middle; background:#fafafa; border:1px solid #cacece; border-radius:21px; box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); } 
.login_form .checks input[type="checkbox"] + label:active:before, 
.login_form .checks input[type="checkbox"]:checked + label:active:before {box-shadow:0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);} 
.login_form .checks input[type="checkbox"]:checked + label:before {content: '\2714'; color:#6cb92b; text-shadow:1px 1px #fff; background:#e9ecee; border-color:#adb8c0; box-shadow:0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); }
.login_form .btn_login {position:absolute; top:3px; right:0; display:block; width:75px; height:75px; line-height:75px; text-align:center; color:#fff; font-weight:700; font-size:18px; background:#6cb92b; border-radius:100%;}
.login_link:after{content:'';display:block;clear:both}
.login_link li {float:left; width:80px; margin-right:7px; border-radius:8px; background:#dfdfdf; border:1px solid #dfdfdf; box-sizing:border-box;}
.login_link li>a {display:block; height:22px; padding-top:56px; text-align:center; color:#8c8c8c; font-size:13px;}
.login_link li:hover {border:1px solid #6cb92b; }
.login_link li:last-child {margin-right:0;}
.login_link .join>a {background:url('../images/main/ico_lg_join.png') no-repeat center 13px;}
.login_link .find>a {background:url('../images/main/ico_lg_find.png') no-repeat center 12px;}
.login_link .pay>a {background:url('../images/main/ico_lg_pay.png') no-repeat center 12px;}
.login_link .map>a {background:url('../images/main/ico_lg_map.png') no-repeat center 11px;}

/*181001yu*/
/*190417 수정 max-width*/
.login.on .tx_hellow {font-size:17px; color:#464646; line-height:1.4; max-width:250px;}
.login.on .login_link {text-align:center;}
.login.on .login_link li {display:inline-block; vertical-align:top; float:none;}
/*//181001yu*/

/**/
.ad {position:absolute; top:0; right:0; float:none; background:#21204e;}
.ad>.wrap {display:table; table-layout:fixed; width:100%; height:100%; vertical-align:middle;}
.ad>.wrap>a {display:table-cell; height:300px; text-align:center; vertical-align:middle;}
.ad>.wrap>a>img {max-width:100%; max-height:100%; vertical-align:middle;}

#slide>.wrap {display:table; table-layout:fixed; width:100%; height:100%; vertical-align:middle;}
#slide>.wrap>a {display:table-cell; height:300px; text-align:center; vertical-align:middle;}
#slide>.wrap>a>img {max-width:100%; max-height:100%; vertical-align:middle;}

.notice {background:#65b428;}
.notice>.wrap {padding:52px 27px 0 27px;}
.news {background:#2a7fde;}
.news>.wrap {padding:52px 27px 0 27px;}

.bbs .tit {padding-bottom:42px; text-align:center;}
.bbs .tit>strong {display:inline-block; padding-left:22px; color:#fff; font-size:22px; font-weight:700; background:url('../images/main/ic_mplus.gif') no-repeat 0 center;}
.bbs li {line-height:2.1; color:#fff; border-bottom:1px solid rgba(255, 255, 255, .3); -webkit-background-clip:padding-box; background-clip:padding-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
.bbs li>a {color:#fff;}

.book {float:left; width:400px; height:300px;  background:#fff; }
.book:after{content:'';display:block;clear:both}
.book .box {border-left:1px solid #e0e0e0; box-sizing:border-box;}
.book dl {position:relative; padding:50px 15px 0 196px;}
.book dt {display:block; min-height:80px; margin-bottom:20px; padding-top:10px; line-height:1.4; color:#000; font-size:26px; font-weight:700; word-wrap:break-word; word-break:keep-all;}
.book li {padding:7px 0 3px 0;}
.book li>a {display:inline-block; color:#549820; font-size:18px; font-weight:700; text-decoration:underline;}
.book .pic {position:absolute; top:50px; left:28px; display:table; width:100%; vertical-align:middle;  width:146px; border:2px solid #c7c7c7; box-sizing:border-box;}
.book .pic>span {display:table-cell; vertical-align:middle;}
.book .pic.nobd {border:none;}

.community {background:#f4f4f4;}
.community>.wrap {padding:52px 27px 0 27px;}
.community .tit>strong {color:#2f2f2f; background:url('../images/main/ic_mplus_bk.gif') no-repeat 0 center;}
.community.bbs li {color:#181818; border-bottom:1px solid rgba(0, 0, 0, .3);}
.community.bbs li>a {color:#181818;}

.schedule {max-width:1200px; margin:0 auto 60px auto; text-align:center; border-top:12px solid #d9d9d9; background:#fff;}
.schedule .tit {position:relative; display:inline-block; padding:40px 40px 20px 40px;}
.schedule .tit>strong {display:inline-block; vertical-align:top;}
.schedule .tit>strong>a {display:inline-block; padding-left:24px; padding-right:14px; color:#333; font-size:30px; font-weight:700; background:url('../images/main/ic_mplus_bk.gif') no-repeat 0 center;}
.schedule .tit>em {position:relative; display:inline-block; vertical-align:top; padding-left:14px; color:#333; font-size:30px; font-weight:300;}
.schedule .tit>em:after {content:''; position:absolute; top:0; left:0; bottom:0; width:1px; border-left:1px solid #b2b2b2;}
.schedule .tit>a {position:absolute; top:45px; display:block; width:12px; height:20px; text-indent:-99999px; font-size:0; overflow:hidden;}
.schedule .tit .btn_prev {left:0; background:url('../images/main/btn_cal_prev.gif') no-repeat;}
.schedule .tit .btn_next {right:0; background:url('../images/main/btn_cal_next.gif') no-repeat;}
.schedule .cal {position:relative; padding-top:21px; padding-bottom:32px; text-align:center; font-size:0; word-spacing:0; letter-spacing:0; border-top:1px solid #e5e5e5;}
.schedule .cal>span {display:inline-block; width:30px; height:30px; margin:1px 3px; line-height:30px; text-align:center; font-size:17px; color:#424242; font-weight:700;}
.schedule .cal>span>a {display:block; height:100%;}
.schedule .cal>span>a.on {position:relative; color:#fff; background:#65b428 ; border-radius:5px;}
.schedule .cal>span>a.on:after {content:""; position:absolute; top:30px; left:0; width:30px; height:32px; background:url('../images/main/ic_cal_arr.gif') no-repeat center;}
.schedule .cal_info {padding:30px 25px; text-align:left; background:#eee;}
.schedule .cal_info .day {display:inline-block; margin-right:44px;}
.schedule .cal_info .day>em {display:inline-block; vertical-align:middle; margin-right:15px; color:#65b428; font-size:24px; font-weight:700;}
.schedule .cal_info .day>em>span {font-weight:300;}
.schedule .cal_info .day>span {display:inline-block; vertical-align:middle; color:#333; font-size:18px; }

/*190920*/
.mlink {width:100%; padding:100px 0; background:url('../images/main/img_mdlink.jpg') no-repeat; background-size:cover; background-position:center;}
.mlink>.wrap {max-width:1200px; margin:0 auto; text-align:center; font-size:0; word-spacing:0; letter-spacing:0;}
.mlink.col3>.wrap, .mlink.col4>.wrap {text-align:left;}
.mlink a {display:inline-block; vertical-align:top; width:25%; margin:25px 0; text-align:center;}
.mlink.col3 a {width:33.3333%;}
.mlink.col4 a {width:25%;}
.mlink .icon {width:114px; height:114px; margin:0 auto; border:1px solid rgba(255, 255, 255, .3); -webkit-background-clip:padding-box; background-clip:padding-box; border-radius:100%;}
.mlink .icon.cal {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_cal.png') no-repeat center;}
.mlink .icon.app {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_app.png') no-repeat center;}
.mlink .icon.reg {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_reg.png') no-repeat center;}
.mlink .icon.dt  {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_dt.png') no-repeat center;}
.mlink .icon.gal {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_gal.png') no-repeat center;}
.mlink .icon.cat {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_cat.png') no-repeat center;}
.mlink .icon.mem {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_mem.png') no-repeat center;}
.mlink .icon.facebook {background:rgba(0,0,0,.25)  url('../images/main/ico_mdl_facebook.png') no-repeat center;}/*210608*/
.mlink .icon.linkedin {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_linkedin.png') no-repeat center;}/*210608*/
.mlink .icon.youtube {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_youtube.png') no-repeat center;} /*240514*/
.mlink .icon.insta {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_insta.png') no-repeat center;} /*240514*/
.mlink strong {display:block; margin-top:20px; color:#fff; font-size:21px; font-weight:400; word-break:keep-all; letter-spacing:-0.05em; line-height:1.2; text-shadow:1px 1px 1px rgba(0,0,0,.5);}
/*190920*/

/*190920_old
.mlink {width:100%; height:358px; background:url('../images/main/img_mdlink.jpg') no-repeat; background-size:cover;}
.mlink>.wrap {max-width:1200px; margin:0 auto; text-align:center; font-size:0; word-spacing:0; letter-spacing:0;}
.mlink a {display:inline-block; vertical-align:middle; margin:100px 70px 0 70px; text-align:center;}
.mlink .icon {width:114px; height:114px; margin:0 auto; border:1px solid rgba(255, 255, 255, .3); -webkit-background-clip:padding-box; background-clip:padding-box; border-radius:100%;}
.mlink .icon.cal {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_cal.png') no-repeat center;}
.mlink .icon.app {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_app.png') no-repeat center;}
.mlink .icon.reg {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_reg.png') no-repeat center;}
.mlink .icon.dt  {background:rgba(0,0,0,.25) url('../images/main/ico_mdl_dt.png') no-repeat center;}
.mlink strong {display:block; margin-top:20px; color:#fff; font-size:21px; font-weight:700; word-break:keep-all; text-shadow:1px 1px 1px rgba(0,0,0,.5);}
*/

.addbod {width:100%; padding:25px 0; background:#eeeeef;}
.addbod>.wrap {max-width:1200px; margin:0 auto; }
.addbod>.wrap:after{content:'';display:block;clear:both}
.addbod .list {float:left; width:600px; height:250px; padding:0 60px; border-left:1px solid #fff; box-sizing:border-box;}
.addbod .list .tit {padding:25px 0; text-align:center;}
.addbod .list .tit>strong {display:inline-block; padding-left:22px; color:#2f2f2f; font-size:22px; font-weight:700; background:url('../images/main/ic_mplus_bk.gif') no-repeat 0 center;}
.addbod .list li {line-height:2.1; color:#181818; border-bottom:1px solid rgba(0, 0, 0, .3); -webkit-background-clip:padding-box; background-clip:padding-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
.addbod .list li>a {position:relative; display:block;  color:#181818;}
.addbod .list li>a>span {display:block; width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -moz-binding:url('ellipsis.xml#ellipsis');}
.addbod .list li>a>em {position:absolute; top:4px; right:8px; color:#979798; font-size:14px;}
.addbod .list:last-child {border-right:1px solid #fff;}

.reorg {position:relative; padding:60px 0; background:#fff;}
.reorg>.wrap {max-width:1200px; margin:0 auto;}
.reorg .tit {display:block; padding-bottom:25px; text-align:center; border-bottom:1px solid #d9d9d9;}
.reorg .tit>strong {padding-left:22px; color:#000000; font-size:30px; font-weight:700; background:url('../images/main/ic_mplus_bk.gif') no-repeat 0 center;}
.orgarea {padding:25px 75px; font-size:0; word-spacing:0; letter-spacing:0;}
.orgarea li {display:inline-block; vertical-align:top; width:104px; height:36px; margin:0 6px; padding:15px 0;text-align: center;}
.orgarea li>a {display:block; height:100%; text-align:center;}

@media only screen and (max-width:1220px){
	#wrap {margin:0 auto;}
	#container {padding-top:0;}
	.mcnt .box {width:50%;}

	.slogan {width:384px;}
	.slogan .tx {top:145px;}

	.ad.box {top:88px; height:212px;}
	.ad>.wrap>a {height:212px; text-align:center;}

	.login>.wrap {max-width:344px; margin:0 auto; padding:65px 20px 0 20px;}

	.community {position:absolute; top:600px; right:0;}

	.book {width:50%;}
	.book .box:first-child {border-left:none;}
	.book .box:last-child {border-top:1px solid #e0e0e0; width:100%;}

	.schedule {max-width:none; margin:0 10px 60px 10px;}
	.schedule .cal {padding-left:35px; padding-right:35px; padding-bottom:21px;}
	.schedule .cal>span>a.on:after {display:none;}

	.mlink {/*height:400px;*/height:auto; padding:30px 0;}
	.mlink>.wrap {max-width:none;}
	/* .mlink a {width:180px; margin:15px 70px;} */
	.mlink a {width:33.3333%;}/*190920*/
	.mlink strong {margin-top:12px;}

	.addbod>.wrap {max-width:none;}
	.addbod .list {/*width:384px;*/width:50%; height:300px; padding:0 30px;}
	.addbod .list li>a>span {width:100%;}
	.addbod .list li>a>em {display:none;}
	.addbod .list:first-child {border-left:none;}
	.addbod .list:last-child {border-right:none;}

	.reorg {padding:30px 0;}
}

@media only screen and (max-width:767px){
	body {background-size:auto 452px;}
	#wrap {min-width:320px;}

	.slogan {width:100%; height:165px;}
	.slogan .tx {top:40px; left:20px; right:20px;}
	.slogan strong {font-size:36px;}
	.slogan span {font-size:16px;}

	.mcnt .box {float:none; width:100%; height:260px;}

	.ad.box {position:static;}
	.ad>.wrap>a {padding:0;}

	.login>.wrap {max-width:280px; padding:20px 20px 0 20px;}
	.login_form .ipb {display:block;}
	.login_form .ipb.last {margin-left:0; margin-top:-1px;}
	.login_form input[type="text"], .login_form input[type="password"] {width:170px; height:43px;}
	.login_form .btn_login {top:43px; right:0; display:block;}
	.login_link li {width:65px; margin-right:6px;}
	.login_link li>a {height:22px; padding-top:46px; font-size:12px;}
	.login_link .join>a {background-size:auto 40%;}
	.login_link .find>a {background-size:auto 40%;}
	.login_link .pay>a {background-size:auto 40%;}
	.login_link .map>a {background-size:auto 40%;}
    /*190417 수정 max-width*/
	.login.on .tx_hellow {padding:24px 0 14px 0; max-width:200px;}/*181001yu*/

	.community {position:static;}
	.community>.wrap {padding:24px 14px 0 14px;}

	.notice>.wrap {padding:24px 14px 0 14px;}
	.news>.wrap {padding:24px 14px 0 14px;}
	.bbs .tit {padding-bottom:20px;}

	.book {float:none; height:auto; width:100%}
	.book>.box {height:auto;}
	.book .box:last-child {border-left:none;}
	.book dl {min-height:180px; padding:27px 16px 27px 168px;}
	.book dt {min-height:auto; padding-top:0; font-size:24px;}
	.book .pic {top:27px; left:16px; width:128px;}
	.book li>a {word-break:keep-all;}

	.schedule {max-width:none; margin:0;}
	.schedule .tit {padding:23px 40px 23px 40px;}
	.schedule .tit>strong>a {width:24px; height:24px; padding:0; margin-top:-2px; vertical-align:top; text-indent:-999999px; font-size:0; background-position:center;}
	.schedule .tit>em {padding-left:5px; font-size:22px;}
	.schedule .tit>em:after {display:none;}
	.schedule .tit>a {top:24px;}
	.schedule .cal {padding-left:10px; padding-right:10px; text-align:left;}
	.schedule .cal>a {margin:0 6px;}
	.schedule .cal_info {padding:24px 20px;}
	.schedule .cal_info .day {display:block; margin-right:0;}

	/* .mlink a {width:114px; margin:24px 10px 0 10px; vertical-align:top;} */
	.mlink a {width:50% !important;}/*190920*/
	.mlink strong {font-size:18px; line-height:1.4;}

	.addbod {padding:0;}
	.addbod .list {width:100%; height:260px; padding:0 15px;}
	.addbod .list:last-child {background:#fff;}

	.reorg {padding:0;}
	.reorg .tit>strong {font-size:22px;}

	.orgarea {padding:35px 0; text-align:center;}
	.orgarea li {width:95px; margin:0 4px; padding:6px 0;}
}

/* 터널지하공간학회 하단 배너 */
.hd_util {z-index:200; position:relative; background-color:rgba(0,0,0,.5);}
.book dt {line-height:1.4; font-size:20px;}
.book li>a {padding:8px 15px 7px; border:1px solid #96ca6e; border-radius:12px; color:#549820; font-size:15px; line-height:1; text-decoration:none; background: rgba(248,248,248,1);
	background: -moz-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 22%, rgba(238,238,238,1) 80%, rgba(238,238,238,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,248,248,1)), color-stop(22%, rgba(248,248,248,1)), color-stop(80%, rgba(238,238,238,1)), color-stop(100%, rgba(238,238,238,1)));
	background: -webkit-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 22%, rgba(238,238,238,1) 80%, rgba(238,238,238,1) 100%);
	background: -o-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 22%, rgba(238,238,238,1) 80%, rgba(238,238,238,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 22%, rgba(238,238,238,1) 80%, rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(248,248,248,1) 0%, rgba(248,248,248,1) 22%, rgba(238,238,238,1) 80%, rgba(238,238,238,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#eee', GradientType=0 );}

.imgWrap {position:relative; width:100%; height:100%; display:table;}
.imgWrap .imgBox {width:100%; display:table-cell; vertical-align:middle;}
.imgWrap .imgBox img {width:100%;}