@charset "utf-8";

.fixed {position: fixed !important;top: 0px;z-index:9999 !important;}
.lnb{font-size:0;text-align:center;}
.lnb > li{display:inline-block;width:20%;}
.lnb > li > a{display:block;border-bottom:1px solid #44af35;color:#fff;padding:15px 0;font-size:14px;}
.lnb > li:first-child > a{border-left:0;}
.lnb > li.active > a{position:relative;color:#cc9434;}
.lnb > li.active > a:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#cc9434;}

.header{overflow:hidden;padding:11px 12px 10px;background:#44af35;height: 50px;color:#fff;text-align:center;font-size:0;}
.header > h1{display:inline-block;width:101px;}
.header > h1 img{width:100%;}
.header > .btn-gnb{float:left;width:16px;height:11px;margin-top:7px;overflow:hidden;background:url(../../images/mobile/common/btn-gnb.png) no-repeat center center;background-size:16px 11px;font-size:0;text-indent:-999px;}
.header > .btn-setup{float:right;width:21px;height:21px;margin-top:3px;overflow:hidden;background:url(../../images/mobile/common/btn-setup.png) no-repeat center center;background-size:21px 21px;font-size:0;text-indent:-999px;}

.header h3 {font-size:18px;text-align: center;margin-top:10px;}
.header .btn_serch {position:absolute;top:14px; right:12px;width:21px;height:20px;overflow:hidden;background:url(../../images/mobile/common/btn_serch.png) no-repeat center center;background-size:21px 20px;font-size:0;text-indent:-999px;}

.sub-header{position:relative;width:100%;margin:0 0px;text-align: center;font-weight:400;color:#040000; height:28px;border-top:1px solid #8b8b89;border-bottom:1px solid #8b8b89;background:#f2f2f2;}
.sub-header h2 {font-size:13px;text-align: center;padding:0px 0px 0 26px;line-height:26px;display: inline-block;}
.sub .btn-gnb{float:left;width:16px;height:11px;margin-top:9px;overflow:hidden;background:url(../../images/mobile/common/btn-gnb.png) no-repeat center center;background-size:16px 11px;font-size:0;text-indent:-999px;}
.sub .btn_serch {position:absolute;top:4px; right:12px;width:21px;height:20px;margin-top:9px;overflow:hidden;background:url(../../images/mobile/common/btn_serch.png) no-repeat center center;background-size:21px 20px;font-size:0;text-indent:-999px;}

.tit01{background:url(../../images/mobile/sub/bg-tit-vote.png) no-repeat left center/17px auto;}
.tit02 {background:url(../../images/mobile/sub/bg-tit-complaint.png) no-repeat left center/17px auto;}
.tit03{background:url(../../images/mobile/sub/bg-tit-news.png) no-repeat left center/17px auto;}
.tit04{background:url(../../images/mobile/sub/bg-tit-market.png) no-repeat left center/17px auto;}
.tit05{background:url(../../images/mobile/sub/bg-tit-commu.png) no-repeat left center/17px auto;}
.tit06{background:url(../../images/mobile/sub/bg-tit-setup.png) no-repeat left center/17px auto;}

.side-bar {display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:10000;}
.side-bar .wrap{position:absolute;left:-265px;top:0;width:265px;height:100%;overflow-y:auto;padding:0 0px;background:#fff;color:#fff;}
.side-bar .wrap .side-head {background:#44af35; height:50px;}
.side-bar .wrap .side-head h1 {text-align:center; padding-top:13px; height:40px;}
.side-bar .wrap .side-head h1 img {height:100%;}
.side-bar .wrap .side-content {padding:0 0px;}
/* .side-bar .btn-close-gnb{position:absolute;top:14px;right:10px;width:26px;height:26px;overflow:hidden;background:transparent url(../../images/mobile/common/btn-close-gnb.png) no-repeat left top;background-size:100% auto;font-size:0;text-indent:-999px;} */
.side-bar .btn-close-gnb {position: absolute;top: 0;left: 265px;width: calc(100% - 265px);height: 100%;overflow: hidden; /* background: transparent url(../../images/mobile/common/btn-close-gnb.png) no-repeat left top; */ font-size: 0;text-indent: -999px;}
.side-bar .btn-setup {position:absolute;top:14px;right:10px;width:26px;height:26px;overflow:hidden;background:transparent url(../../images/mobile/common/btn-close-gnb.png) no-repeat left top;background-size:100% auto;font-size:0;text-indent:-999px;}

.side-bar .member{font-size:0;margin-top:50px;}
.side-bar .member > li{display:inline-block;width:48%;text-align:center;}
.side-bar .member > li:first-child{margin-right:4%;}
.side-bar .member > li > a{display:block;padding:12px 0;background:#44af35;color:#cc9434;font-size:16px;font-weight:bold;}
.side-bar .member > li.on > a{background:#fff;color:#44af35;}


.side-bar .info-menu {}

.side-bar .info-menu{text-align:left;padding:0 10px;border-bottom:3px solid #d6d8d8;background: #fff;}
.side-bar .info-menu > li{border-bottom:1px solid #c2c2c2;padding:0 0px 0 35px;background-repeat:no-repeat;background-size:22px auto; background-position:5px 10px;}
.side-bar .info-menu > li .btnChangeApt{position:absolute;top:9px;right:0px;display:inline-block;padding:3px 5px;border:1px solid #ddd;font-size:14px;height:20px;box-sizing:border-box;}
.side-bar .info-menu > li:first-child{color:#627a86}
.side-bar .info-menu > li {display:block;height:40px; line-height:40px;color:#253746;font-size:16px;letter-spacing:-1px;}
.side-bar .info-menu > li:first-child {font-size:18px;}
.side-bar .info-menu > li > a {float:right; font-size:14px;height:20px;margin-top: 9px;padding:3px 5px 3px 19px;background-repeat:no-repeat;background-size:16px auto; }
a.btnout {display: inline-block;font-size: 14px;height: 20px;margin-top: 9px;padding: 3px 5px 3px 19px;background-repeat: no-repeat;background-size: 16px auto;border:1px solid #0086cd; color:#0086cd;background-image:url(../../images/mobile/common/ico_btn1.png);background-position:3px 3px;}
a.btnmodify {display: inline-block;font-size: 14px;height: 20px;margin-top: 9px;padding: 3px 5px 3px 19px;background-repeat: no-repeat;background-size: 16px auto;border:1px solid #44af35; color:#44af35;background-image:url(../../images/mobile/common/ico_btn2.png);background-position:3px 1px;}
.side-bar .info-menu > li.menu1{background-image:url(../../images/mobile/common/ico_gnb1.png);}
.side-bar .info-menu > li.menu2{background-image:url(../../images/mobile/common/ico_gnb2.png);}
.side-bar .info-menu > li.menu3{border-bottom:none;background-image:url(../../images/mobile/common/ico_gnb3.png);}

.side-bar .gnb{padding:0 10px;}
.side-bar .gnb > li{position:relative;border-bottom:1px solid #c2c2c2;padding:0;background-repeat:no-repeat;}
.side-bar .gnb > li > a{position:relative;display:block;padding:10px 0 10px 35px;font-size:16px;background-repeat:no-repeat !important;background-size:16px auto;color:#253746;font-weight:700;text-align:left;}
.side-bar .gnb > li:first-child > a{background-image:url(../../images/mobile/common/ico_gnb4.png);background-position:7px 9px !important;}
.side-bar .gnb > li:nth-child(2) > a{background-image:url(../../images/mobile/common/ico_gnb5.png);background-position:7px 9px !important;}
.side-bar .gnb > li:nth-child(3) > a{background-image:url(../../images/mobile/common/ico_gnb6.png);background-position:8px 9px !important;}
.side-bar .gnb > li:nth-child(4) > a{background-image:url(../../images/mobile/common/ico_gnb7.png);background-position:8px 12px !important;}
.side-bar .gnb > li:nth-child(5) > a{background-image:url(../../images/mobile/common/ico_gnb8.png);background-position:7px 11px !important;}

.side-bar .side-foot{padding:10px 0 0 0;text-align:center;font-size:11px;color:#a1a1a1;}
.side-bar .side-foot > a{display:inline-block;width:48%;padding:5px 0;font-size:10px;margin:0px 0px 10px;color:#a1a1a1;}
.side-bar .side-foot > a:first-child {border-right:1px solid #a1a1a1}

.menu_v{position:relative;width:100%;font-size:12px;font-family:Tahoma, Geneva, sans-serif;line-height:normal}
.menu_v ul{margin:0;padding:0 !important;list-style:none}
.menu_v li a{display:block;position:relative;padding:8px 10px;color:#253746;font-weight:400;text-decoration:none;background:#fafafa;*zoom:1}
.menu_v li a .i{position:absolute;top:50%;left:100%;width:20px;height:12px;margin:-4px 0 0 -30px;color:#ccc;background:url(../../images/mobile/common/ico_sub.gif) no-repeat left top; background-size:60%;}
.menu_v li ul{padding:5px 0;background:#ebeeef }
.menu_v li li{margin:0;border-top:1px solid #c2c2c2;}
.menu_v li li:first-child {border-top:none;}
.menu_v li li a{padding:5px 10px 5px 40px;font-size:14px;line-height:30px;letter-spacing:-1px;border:0;background:#ebeeef url(../../images/mobile/common/bg-sub-lnb.png) no-repeat 8% center / 5%;font-weight:normal}
.menu_v li li a span{color:#253746}
.menu_v li.active{z-index:2;}
.menu_v li li.active{}
.menu_v li.active a{border:0;color:#000}
.menu_v li.active .i{background-position:0 -22px}
.menu_v li.active li a{border:0}
.menu_v li.active ul{display:block;border-top:1px solid #c2c2c2; background:#ebeeef;}
.menu_v li.active li.active a span{font-weight:400;color:#253746;letter-spacing:-1px}

.visual > img{width:100%;margin-bottom:20px;}

.footer{border-top:1px solid #8a8a89;background:#f2f2f2;  text-align:center;padding: 12px 0 20px;z-index: 0;}

.footer > .copyright{margin-top:8px;}
.footer > .copyright > .f-menu{font-size:0;margin-bottom:8px;}
.footer > .copyright > .f-menu > li{position:relative;display:inline-block;padding:0 0px; text-align: center;margin:0 8px;}
.footer > .copyright > .f-menu > li:last-child:after{content:none;}
.footer > .copyright > .f-menu > li:first-child{padding-left:0;}
.footer > .copyright > .f-menu > li:last-child{padding-right:0;}
.footer > .copyright > .f-menu > li > a{color:#373737;font-size:10px;letter-spacing:-0.5px;padding:3px 8px;background:#f9f9f9;border:1px solid #bdbdbd;}
.footer > .copyright > p{margin-top:12px;line-height:1.6;font-size:11px;color:#848484;}
.footer > .copyright > p > span{color:#003e21;font-weight: bold;}

.btn-top{position:fixed;bottom:85px;right:10px;width:50px; height:50px;text-indent:-9999px;border:1px solid #d7d7d7; border-radius:50%; box-shadow:2px 2px 2px #bbb;background:rgba(244,244,244,0.75) url(../../images/mobile/common/btn_top.png) no-repeat center center / 54px 54px;z-index: 999;}
.btn-prev {position:fixed;bottom:85px;left:10px;width:46px; height:46px;text-indent:-9999px;border:1px solid #d7d7d7;box-shadow:2px 2px 2px #bbb;background:rgba(244,244,244,0.75) url(../../images/mobile/common/btn_prev.png) no-repeat center center/ 50px 50px;;z-index: 999;}
.btn-prev img,
.btn-top img {width:100%;height:auto;}

.color-green{color:#44af35 !important;}
.color-red{color:#c30d23 !important;}
.color-brown{color:#cc9933 !important;}
.borderNone {border:none !important;}

.btn_group{font-size:0;display:flex;display:-webkit-flex;}
.btn_group .btn{/*width:100%;height:42px;*/font-size:16px;flex:1;-webkit-flex:1;margin:0 5px;box-sizing:border-box:}
.btn_group .answer-btn{position: absolute;bottom: 0;padding-top:10px; border-top:1px solid #45a637;font-size:0;width:calc(100% - 20px);margin:15px auto;text-align: center;}
.btn_group .answer-btn.border-none {border:none;}


.btn{height:32px;display:inline-block;font-size:14px;text-align:center;padding:0 10px;}
.btn.type1{background: #44af35;color: #fff;}
.btn.type2{background: #cfcfcf; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #cfcfcf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#cfcfcf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fcfcfc 0%,#cfcfcf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */
border:1px solid #a8a8a8;    margin: 0 auto;border-radius:3px;height: 23px;flex: none;font-size:12px;}
.btn.type2-1{background: #29901d; /* Old browsers */
background: -moz-linear-gradient(top,  #43ae34 0%, #29901d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #43ae34 0%,#29901d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #43ae34 0%,#29901d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43ae34', endColorstr='#29901d',GradientType=0 ); /* IE6-9 */
border:1px solid #29911e; margin: 0 auto;border-radius:3px;height: 23px;flex: none;font-size:12px;}
.btn.type3{width:100%;height:32px;line-height:32px;background: #ffffff;color: #393432;font-size:10px;border:1px solid #dadada; margin:0 0;}
.btn.type4{width: 59px;background: #d6d6d6; /* Old browsers */
background: -moz-linear-gradient(top,  #d6d6d6 0%, #727272 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #d6d6d6 0%,#727272 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #d6d6d6 0%,#727272 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#727272',GradientType=0 ); /* IE6-9 */
color:#fff;border:1px solid #ccc;border-radius:3px;padding:0 13px;height: 36px;}
.btn.type5{background:#003e21;color:#fff;}
.btn.type6{background:#fff;color:#535353;border:1px solid #b2b2b2;}
.btn.type7{background: #44af35;color: #fff;border-radius: 3px;margin: 0 auto !important;padding: 0 25px;height: 36px;flex: none;}
.btn.type8{width: 84px;background: #435a70; /* Old browsers */
background: -moz-linear-gradient(top,  #678095 0%, #435a70 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #678095 0%,#435a70 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #678095 0%,#435a70 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#678095', endColorstr='#435a70',GradientType=0 ); /* IE6-9 */
color:#fff;border-radius:6px;padding:0 3px;height: 38px;margin-left: 4px;}
.btn.type9{background: #cfcfcf; /* Old browsers */
background: -moz-linear-gradient(top,  #fcfcfc 0%, #cfcfcf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fcfcfc 0%,#cfcfcf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fcfcfc 0%,#cfcfcf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#cfcfcf',GradientType=0 ); /* IE6-9 */
border:1px solid #a8a8a8;padding:0 44px;margin: 0 auto;border-radius:3px;height: 30px;flex: none;font-size:12px;}
.btn.type10{background: #29901d; /* Old browsers */
background: -moz-linear-gradient(top,  #43ae34 0%, #29901d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #43ae34 0%,#29901d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #43ae34 0%,#29901d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43ae34', endColorstr='#29901d',GradientType=0 ); /* IE6-9 */
border:1px solid #29911e;margin: 0 auto;padding:0 44px;border-radius:3px;height: 30px;flex: none;font-size:12px;}
.btn.type11 {color:#373737;line-height: 1;height: 22px;font-size:10px;letter-spacing:-0.5px;padding:3px 8px;background:#f9f9f9;border:1px solid #bdbdbd;}
.btn_group .answer-btn button {margin:5px}
.btn_group.quickbtn {position: fixed;width: calc(100% - 20px);bottom:10px;left: 10px; z-index: 1;}
.btn_group.quickbtn.fix {position: relative !important;bottom: 0px !important;margin:0 0 10px;z-index: 99 !important;}
.btn_group.quickbtn .btn {margin:0 auto}
.btn_group .btn.type3 {margin:10px;}
.btn_group.bottom_area {position:absolute;left: 10px;bottom:0px;width: 100%;padding:28px 0; z-index: 1;}
.btn_group.center {margin:0 auto;}
.ico_more {display: inline-block;width:12px; height:6px;margin-right:3px; background:url(../../images/mobile/common/icon_more.png) no-repeat center center/ 12px 6px;}
.ico_write{display: inline-block;width:17px; height:17px;margin-right:3px; background:url(../../images/mobile/common/icon_write.png) no-repeat center center/ 17px 17px;}

.description{margin:25px 10px;font-size:14px;color:#808080;line-height:18px;}
.description.type1{margin:40px 10px;text-align:center;color:#cc9434;font-size:15px;line-height:22px;}
.msg-box{border:1px solid #b2b2b2;margin:0 5px 10px 5px;padding:5px;width:calc(100% - 10px);height:120px;box-sizing:border-box;font-size:14px;}

input[type="text"],
input[type="number"],
input[type="num"],
input[type="password"],
input[type="tel"]{background: #f1f1f1;color: #8d8d8d;border: 1px solid #d0d0d0;text-align:left}
select[disabled],
input[disabled],
textarea[disabled]{opacity:0.5;filter:alpha(opacity=50);cursor:not-allowed;}
select[readonly],
input[readonly] {border-color:#44af35}

textarea{height:150px;padding:10px;width:100%;margin-top:0px;border-width:1px ; border-style:solid ; border-color:#d0d0d0;background: #f1f1f1;color: #9a9a9a;}
select {border-width:1px ; border-style:solid ; border-color:#d8d8d8; height: 36px;width: 100%; padding: 0 8px; box-sizing: border-box;}
input.form-control-error[type="text"],
input.form-control-error[type="number"],
input.form-control-error[type="num"],
input.form-control-error[type="password"],
input.form-control-error[type="tel"]{background: #fff;color: #ff3c3c;border-color: #ff3c3c; text-align:right}

input.form-control-error::-webkit-input-placeholder{color: #ff3c3c !important;}
input.form-control-error::-moz-placeholder{color: #ff3c3c !important;}
input.form-control-error:-ms-input-placeholder{color: #ff3c3c !important;}
input.form-control-error:-moz-placeholder{color: #ff3c3c !important;}

input:focus,
select:focus,
textarea:focus{border-color:#44af35 !important;}

.bdt0{border-top:0 !important;}
.loading_wrap {position:fixed; top:0; left:0;margin:0 auto;width:100%;height:100%;z-index:100000;background:rgba(0,0,0,0.5)}
.loading_wrap .loading {position:absolute; top:50%; left:50%;width:75px;height:75px; margin:-37px 0 0 -37px;}
.loading_wrap .loading img {width:75px;height:75px;}



/*----- Tabs -----*/
.tabs {width:100%;display:inline-block;}
.tab-links {height:30px;width:100%;}

.tab-links:after {display:block;clear:both;content:'';}
.tab-links li {float:left;width:50%;text-align:center;border-left:1px solid #a5a5a5;}
.tab-links li:first-child{border-left:1px solid #fff;}
.tab-links a {display:inline-block;width:100%;background:#f1f1f1;border-bottom:1px solid #a5a5a5;font-size:13px;line-height:30px;font-weight:400;color:#535353;transition:all linear 0.15s;}
.tab-links li.active a {background:#fff;border-bottom:1px solid #fff}
.tab-links a:hover {background:#fff;text-decoration:none;}
.tab-links i.active a,.tab-links li.active a:hover {background:#fff;color:#4c4c4c;}
.tab-content {padding:15px;background:#fff;}
.tab {display:none;}
.tab.active {display:block;}