@charset "utf-8";
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');

.subTop, .subTop1 {display:none; }
.clearfix {clear:both;}
.f_noto {font-family:"Noto Sans KR","맑은 고딕",sans-serif;}
.fl {float:left;}
.fr {float:right;}
.tleft {text-align:left;}
.tright {text-align:right;}


@media all and (max-width:639px){

.mgt20 {margin:20px 0 0 0 !important;}

/* 모바일 서브 */
.subTop {display:block; width:100%; height:40px;  background:#fff; border-bottom:1px solid rgba(0,0,0,.2); box-shadow:0 2px 5px rgba(0,0,0,.1); font-family:"Noto Sans KR","맑은 고딕",sans-serif;}
.subTop span.menu a {margin:0 10px; font-size:14px; border-right:0px solid rgba(0,0,0,.1); line-height:40px; display:inline-block; }
.subTop span.menu a.on {color:#6ab123; font-weight:bold; border-bottom:3px solid #6ab123; line-height:31px ; }

.subTop1 {display:block; width:100%; height:80px;  background:#fff; border-bottom:1px solid rgba(0,0,0,.2); box-shadow:0 2px 5px rgba(0,0,0,.1); font-family:"Noto Sans KR","맑은 고딕",sans-serif;}
.subTop1 span.menu a {margin:0 10px; font-size:14px; border-right:0px solid rgba(0,0,0,.1); line-height:40px; display:inline-block; }
.subTop1 span.menu a.on {color:#6ab123; font-weight:bold; border-bottom:3px solid #6ab123; line-height:31px ; }

.width100 {width:90%; margin:35px auto; text-align:left; font-family:"Noto Sans KR","맑은 고딕",sans-serif; letter-spacing:-1.5px;}
.mTitle {font-size:25px; font-weight:bold; font-family:"Noto Sans KR","맑은 고딕",sans-serif; border-bottom:1px dotted rgba(0,0,0,.3); padding:0 0 7px 0; margin:30px 0 0 0; }
img.width100 {width:100%; height:auto; margin:50px 0 0 0;}
.width50 {width:50%; float:left; padding:5px 0; font-size:13px; font-weight:300; letter-spacing:-0.5px;}



.mSubmenu {position:absolute; width:90%; height:30px; top:165; left:5%; background:url(/images/arrow_down.png) no-repeat 90% center #fff; box-shadow:0 2px 5px rgba(0,0,0,.1); border:1px solid rgba(0,0,0,.2); text-align:left; color:rgba(0,0,0,.8); line-height:30px; text-indent:7%; font-size:13px; cursor:pointer; }
.mSubmenu .mSubmenuOn {display:none; cursor:pointer; z-index:99;}
.mSubmenu .mon {width:; height:26px; margin:-30px 0 0 0; background:url(/images/arrow_up.png) no-repeat 90% center #fff; font-size:0px;  line-height:30px; text-indent:7%; }
.mSubmenu ul {width:100.8%;  margin:0 0 0 -1px; padding:2px 0 5px 0; background: #fff; border-left:1px solid rgba(0,0,0,.2); border-right:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2); box-shadow:0 2px 5px rgba(0,0,0,.1);}
.mSubmenu ul li { padding:3px 0;  z-index:99999; }
.mSubmenu ul li a {display:block; color:rgba(0,0,0,.5);}
.mSubmenu ul li:hover {background:#737373; color:#000; z-index:99999;}
.mSubmenu ul li a:hover {color:#fff;}

.mSubmenu1 {position:absolute; width:30%; height:30px; top:178px; right:5%; background:url(/images/arrow_down.png) no-repeat 90% center #fff; box-shadow:0 2px 5px rgba(0,0,0,.1); border:1px solid rgba(0,0,0,.2); text-align:left; color:rgba(0,0,0,.8); line-height:30px; text-indent:3%; font-size:13px; cursor:pointer; }
.mSubmenu1 .mSubmenuOn {display:none; cursor:pointer; z-index:99;}
.mSubmenu1 .mon {width:; height:26px; margin:-30px 0 0 0; background:url(/images/arrow_up.png) no-repeat 90% center #fff; font-size:0px;  line-height:30px; text-indent:3%; }
.mSubmenu1 ul {width:100.8%;  margin:0 0 0 -1px; padding:2px 0 5px 0; background: #fff; border-left:1px solid rgba(0,0,0,.2); border-right:1px solid rgba(0,0,0,.2); border-bottom:1px solid rgba(0,0,0,.2); box-shadow:0 2px 5px rgba(0,0,0,.1);}
.mSubmenu1 ul li { padding:3px 0;  z-index:99999; }
.mSubmenu1 ul li a {display:block; color:rgba(0,0,0,.5);}
.mSubmenu1 ul li:hover {background:#737373; color:#000; z-index:99999;}
.mSubmenu1 ul li a:hover {color:#fff;}


.green_list {width:100%; padding:10px 0 50px 0 !important; overflow:hidden; }
.green_list table {border-top:2px solid #6ab123; font-family:"Noto Sans KR","맑은 고딕",sans-serif;}
.green_list table th {padding:10px 0; font-weight:400; border-bottom:1px solid rgba(0,0,0,.2); background:rgba(0,0,0,.015);}
.green_list table td {padding:10px 0; letter-spacing:-0.8px; text-align:center; font-size:11px; border-bottom:1px solid rgba(0,0,0,.15); overflow:hidden;}
.green_list table td.tleft {padding:10px 0 10px 8px;}
.green_list .input90 {width:90%; height:30px;}
.green_list .input50 {width:50%; height:30px;}
/* .green_list .input30 {width:30%; height:30px;} */
/* .green_list .input20 {width:20%; height:30px;} */
.green_list .input25 {width:25%; height:30px;}
}