/* @import url(notosans.css); */ /* @import url(montserrat.css); */ /* @import url(scoredream.css); */ /*----------------------------------------------------------------------------------- * 최초작성일 : 2018.06.09 * 작성자 : KIM SUNG MI -----------------------------------------------------------------------------------*/ /* 운영에서 사용 */ /* @import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css); */ /* 개발에서만 사용 */ html { font-family: Nanum Barun Gothic,"나눔고딕",NanumGothic,Malgun Gothic,"돋움",Dotum,AppleGothic,sans-serif !important; } body, th, tr, td, p, div, li, ul, a { font-family: Nanum Barun Gothic,"나눔고딕",NanumGothic,Malgun Gothic,"돋움",Dotum,AppleGothic,sans-serif !important; } /*======================== =======Typography========= ==========================*/ body { font-family: Nanum Barun Gothic,"나눔고딕",NanumGothic,Malgun Gothic,"돋움",Dotum,AppleGothic,sans-serif; font-size: 16px; color: #454545; background-color: #fff; } ul { list-style: outside none square; } .orange { color:#eb6100; } a { color: #000; text-decoration: none; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } a:focus, a:hover { text-decoration: none; outline: none; } a:focus, button:focus { outline: 1px solid black; } ol, ul, li { list-style: none; } h1 { font-size:36px; } h2 { font-size: 30px; color:#09afdf; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h1, h2, h3, h4, h5, h6 { font-family: Nanum Barun Gothic,"나눔고딕",NanumGothic,Malgun Gothic,"돋움",Dotum,AppleGothic,sans-serif; font-weight:300; text-transform:capitalize; } img { max-width: 100%; height: auto; } .padding { padding:0; } /* main header */ /*2018.09.07 shin */ /*관리자 코드관리 폰트 : bold 일정하게 설정되어져 있음. */ /* form label, .radio label, .checkbox label { font-weight: 300; } */ header { position: relative; } em, dfn, cite, address { font-style: normal; } .skip { visibility: hidden; position: absolute; overflow: hidden; height: 0; width: 0; font-size: 0; text-indent: -9999px; } .clear {clear:both;} /*============================== =======5 column customizing======= ================================*/ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height:1px; padding-right:10px; padding-left:10px; } .col-xs-15 { width:20%; float:left; } @media (min-width:768px) { .col-sm-15 { width:20%; float:left; } .sm-right { text-align:right;} /*2019-05-29 lsy */ .btn-smtop { margin: -5px 0 0 5px} /*2019-05-29 lsy */ } @media (min-width:992px) { .col-md-15 { width:20%; float:left; } } @media (min-width:1200px) { .col-lg-15 { width:20%; float:left; } } /***************************************/ /************* error *************/ div.error{padding:40px;width:400px;text-align:center;margin:80px auto 30px;background:#f2f2f2;border-radius:10px;-webkit-border-radius:10px;box-shadow:0 3px 5px #aaa;-webkit-box-shadow:0 3px 5px #aaa;} div.error h2{font:bold 25px arial;color:#000;text-align:center;} div.error h2 img{width:25px;margin-top:-2px} div.error p{text-align:center;font-size:12px;padding:20px 0} div.error button{width:150px;height:35px;color:#fff;background:#2faefe;border:0;font:bold 14px arial;border-radius:4px;cursor:pointer;} .chatroomBtn{width:100%; margin-top:20px; margin-bottom:-5px; height:30px;} div.error2{width:900px; margin:0 auto;} .pointer{cursor:pointer;} .mt10{margin-top:10px} .mb10{margin-bottom:10px} .wrapper-inbox{border: 0px !important} #pagetitle {text-align:left; margin:0 0 10px 0; padding:0; height:45px; border-bottom:1px solid #d1d1d1; width:100%} #pagetitle ul {float:left; margin:0; padding:0;} #pagetitle li {list-style-type:none; padding:3px 0px 2px 0px; float:left; font-size:23px; font-weight:bold; color:#000000;} #pagetitle .location {float:right; height:20px; margin:0; padding:5px 0 0 0; font-size:11px;} .nopadding{padding-left:0px} .sRightpadding{padding-right:5px} .divrightnopadding{padding-right:1px} .divnopadding{padding-left:1px;padding-right:1px} .form-group .telespan { float: left; display: inline-block; margin-left: .25em; margin-right: .25em;} .form-group .tele60 {width:60px; float:left; } .form-group .tele70 {width:70px; float:left; } .form-group .input100 {width:100px; float:left; } .form-group .input170 {width:170px; float:left; } .form-group .ipAdmspan {float: left; display: inline-block; margin-left: .25em; margin-right: .25em;} .form-group .ipAdm50 {width:52px; float:left; } .subtitle{margin-top:10px;font-size:18px;font-weight:700;color:#222;letter-spacing:-0.7px}/*2018.05.16 lsy*/ .subtitle i{display:inline-block;width:4px;height:18px;margin-right:5px;border-radius:15px;line-height:18px;vertical-align:middle;background:#bbb} .subtitle span{font-size:14px;font-weight:400}/*2018.05.16 lsy*/ .subtitle2{font-size:18px;font-weight:700;color:#222;letter-spacing:-0.7px}/*2018.05.16 lsy*/ .subtitle2 i{display:inline-block;width:4px;height:18px;margin-right:5px;border-radius:15px;line-height:18px;vertical-align:middle;background:#bbb} .subtitle2 span{font-size:14px;font-weight:400}/*2018.05.16 lsy*/ .subtitle3{margin-top:10px;font-size:13px;font-weight:700;color:#222;letter-spacing:-0.7px}/*2018.05.16 lsy*/ .subtitle3 i{display:inline-block;width:4px;height:18px;margin-right:5px;border-radius:15px;line-height:18px;vertical-align:middle;background:#bbb} .subtitle3 span{font-size:14px;font-weight:400}/*2018.05.16 lsy*/ .multi-titlebox{display:block;width:100%;margin-top:35px;padding-bottom:5px} .multi-titlebox h4{display:inline-block} .multi-titlebox .subtitle{margin-top:0 !important} @media (max-width : 320px){ .multi-titlebox .subtitle{display:block} }/*2019.03.19 lsy*/ .multi-titlebox button{float:right;vertical-align:top} @media (max-width : 320px){ .multi-titlebox button{float:left; margin-right:5px} } /*2019.03.19 lsy*/ .multi-titlebox2{display:block;margin-top:35px;padding-right:10px;padding-bottom:5px} .multi-titlebox2 h4{display:inline-block} .multi-titlebox2 .subtitle{margin-top:0 !important} .multi-titlebox2 button{vertical-align:top} .subtitle-m{margin-top:35px;font-size:17px;font-weight:700;color:#222}/*2018.05.16 lsy*/ .subtitle-m i{display:inline-block;width:4px;height:18px;margin-right:5px;border-radius:15px;line-height:18px;vertical-align:middle;background:#bbb} .subtitle-m span{font-size:15px;font-weight:400} .multi-titlebox{display:block;width:100%;margin-top:35px;padding-bottom:5px} .multi-titlebox h4{display:inline-block} .multi-titlebox .subtitle{margin-top:0 !important} .multi-titlebox button{float:right;vertical-align:top} .multi-titlebox3{display:inline-block;margin-top:35px;padding-right:10px;padding-bottom:5px} .multi-titlebox3 ul{margin:0;padding:0} .multi-titlebox3 ul li{float:left;list-style:none} .multi-titlebox3 h4{display:inline-block;margin:0 !important} .multi-titlebox3 ul li input{margin-left:25px;vertical-align:top} .multi-titlebox3 ul li label{padding-left:5px;font-weight:normal;vertical-align:top} .multi-titleboxs{display:inline-block;margin-top:20px;padding-right:10px;padding-bottom:5px} .multi-titleboxs ul{margin:0;padding:0} .multi-titleboxs ul li{float:left;list-style:none} .multi-titleboxs h4{display:inline-block;margin:0 !important} .multi-titleboxs ul li input{margin-left:25px;vertical-align:top} .multi-titleboxs ul li label{padding-left:5px;font-weight:normal;vertical-align:top} .multi-titleboxs2{display:inline-block;width: 100%;margin-top:0px;padding-right:10px;padding-bottom:5px;} .multi-titleboxs2 ul{margin:0;padding:0} .multi-titleboxs2 ul li{float:left;list-style:none} .multi-titleboxs2 h4{display:inline-block;margin:0 !important} .multi-titleboxs2 ul li input{display:inline-block;max-width: 100px;margin-left: 15px;vertical-align:top;} .multi-titleboxs2 ul li label{padding-left:5px;font-weight:normal;vertical-align:top} .multi-titleboxs2 .lb{padding-left: 65px;margin-top: -2px;} .dsubtit{margin-top:3px;font-size:16px;font-weight:700;color:#222} .dsubtit i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:10px;line-height:18px;vertical-align:middle;background:#aaa} .dsubtit span{font-weight:400} /* navigation */ #navi{display:block;text-align:right;height:25px;padding:3px 0;text-align:right;color:#aaa} #navi .home{font-size:1px;color:#fff;text-indent:-999999px} #navi .guide{font-size:12px;color:#aaa} #navi .text{padding:0 8px;font-size:12px;color:#888 !important} /* box */ .tb-box{display:inline-block;width:100%;margin-bottom:15px;padding:15px 10px 8px 10px;border:1px solid #ccc;border-radius:7px;background:#fff} .tb-box .form-group {margin-left:0;padding-bottom:2px} .tb-box .form-group .control-label{margin-left:0;padding:7px 0 0 0} .tb-box .form-group .control-label2{margin-left:0;padding:7px 15px 0 0;font-weight:normal} .tb-box .form-group .control-span{display:inline-block;max-width:100%;margin-bottom:0;margin-left:0;padding:7px 0 0 0;font-weight:bold;text-align:right} .tb-box .form-group .control-span2{display:inline-block;max-width:100%;margin-bottom:0;margin-left:0;padding:7px 20px 0 0;font-weight:bold;text-align:left} .tb-box .form-group .control-checkbox{display:inline-block;max-width:100%;margin-bottom:0;margin-left:0;padding:7px 20px 0 16px;font-weight:bold;text-align:left} .tb-box .form-group .text-span{display:inline-block;max-width:100%;margin-bottom:0;margin-left:0;padding:7px 0 0 8px} .tb-box .form-group .text-mspan{float:left;padding:7px 0 0 0} .tb-box2{display:inline-block;width:100%;margin-bottom:15px;padding:15px 10px 15px 10px;border:1px solid #ccc;border-radius:7px;background:#fff} .tb-box2 .form-group {margin-left:5px;padding-bottom:13px;margin-bottom:0 !important} .tb-box2 .form-group .control-span{display:inline-block;max-width:100%;margin-bottom:0;margin-left:0;padding:0;font-weight:bold;text-align:right} .tb-box2 .form-group .control-span2{float:left;padding:7px 15px 0 15px;margin-left:0;font-weight:bold} .box-header .form-group .control-label{padding:7px 0 0 0;margin-left:0;text-align:right} .tb-box2 .form-group .text-mspan{float:left;padding:7px 0 0 0} .box-header .form-group .control-span{display:inline-block;max-width:100%;margin-bottom:0;margin-left:0;padding:7px 0 0 0;font-weight:bold;text-align:right} .box-header .form-group .text-mspan{float:left;padding:7px 0 0 0} .tb-box3{display:inline-block;width:100%;margin-bottom:15px;padding:15px 10px 15px 10px;border:1px solid #ccc;border-radius:7px;background:#fff} .tb-box3 .form-group {margin-left:5px;/* padding-bottom:13px; */ margin-bottom:0 !important} .tb-box3 .form-group .control-span{display:inline-block;max-width:100%;margin-bottom:0;margin-left:0;padding:0;font-weight:bold;text-align:left} .tb-box3 .form-group .control-label{padding:7px 0 0 0;margin-left:0;text-align:left} .tb-box3 .form-group .control-span{display:inline-block;max-width:100%;margin-bottom:0;margin-left:0;padding:7px 0 0 0;font-weight:bold;text-align:left} .tb-box3 .form-group .text-mspan{float:left;padding:7px 0 0 0;text-align:left} .tb-sbox{display:inline-block;width:100%;margin-bottom:15px;padding:15px 0;font-size:14px;border:1px solid #ccc;border-radius:7px;background:#fff} .tb-sbox .form-group {margin-left:5px;padding-bottom:13px;margin-bottom:0 !important} .tb-sbox .form-group .control-span{display:inline-block;max-width:100%;margin-bottom:0;margin-left:0;padding:0;font-weight:bold;text-align:right} .tb-sbox .form-group .control-span2{float:left;padding:7px 15px 0 15px;margin-left:0;font-weight:bold} .box-header2{position:relative;display:block;margin-bottom:10px;padding:10px 15px 6px 3px;color:#444} .box-wrap{padding:20px} .round-box{position:relative;border:1px solid #ccc;border-radius:5px} .round-box2{position:relative;padding:10px;border:1px solid #ccc;border-radius:5px} .round-sm-box{position:relative;padding:10px;border:1px solid #ccc;border-radius:5px} .pd-25 .form-group .text-span{display:inline-block;max-width:100%;margin-bottom:0;margin-left:0;padding:7px 0 0 8px;text-align:left;;font-weight: bold;} .pd-25 .form-group .text-mspan{text-align:right;padding:7px 0 0 0;font-weight: normal;} .bt-roundbox{position:relative;display:block;padding:10px;border:1px solid #ccc;border-radius:5px} .bt-roundbox2{position:relative;display:block;padding:30px 8px 20px 8px} /* loading */ #loading { height: 100%; left: 0px; position: fixed; _position:absolute; top: 0px; width: 100%; filter:alpha(opacity=50); -moz-opacity:0.5; opacity : 0.5; } .loading { background-color: white; z-index: 199; } #loading_img{ position:absolute; top:50%; left:50%; height:35px; margin-top:-75px; margin-left:-45px; z-index: 200; } /* dash board */ .text-greeting{position:relative;padding:15px 5px} .text-greeting p{text-align:center} .text-greeting strong{font-size:20px;font-weight:700} .alarm-box{position:relative;text-align:right} .alarm-box button{padding:0;background:#fff;border:0} .alarm-box button i{color:#ef3718} .alarm-box button i:hover{color:#d61e00} .alarm-box button span{color:#ef3718} .alarm-box button span:hover{color:#d61e00} .dash-box{width:95%;padding:20px;margin:0 auto} .dash-box .icon-menubox{text-align:center} .dash-box .icon-menubox{float:left;padding:25px 10px 25px 10px;} .dash-box button{border-radius:6px} .dash-box .row{padding-left:5%} .ic-menu1{border:1px solid #70A0B4;background:#A3CDDF} .ic-menu2{border:1px solid #67B2BD;background:#9BDDE6} .ic-menu3{border:1px solid #5FB14A;background:#94DC81} .ic-menu4{border:1px solid #6BA72B;background:#9ED366} .ic-menu5{border:1px solid #34A08A;background:#6ECDBA} .ic-menu6{border:1px solid #C05E30;background:#F19B5B} .ic-menu7{border:1px solid #1D6F21;background:#33973C} .ic-menu8{border:1px solid #3E6524;background:#45781a} .ic-menu1 span{color:#1D353F} .ic-menu1 span:hover{color:#1D353F} .ic-menu2 span{color:#1E3438} .ic-menu2 span:hover{color:#1E3438} .ic-menu3 span{color:#112710} .ic-menu3 span:hover{color:#112710} .ic-menu4 span{color:#112710} .ic-menu4 span:hover{color:#112710} .ic-menu5 span{color:#112710} .ic-menu5 span:hover{color:#112710} .ic-menu6 span{color:#591500} .ic-menu6 span:hover{color:#591500} .ic-menu7 span{color:#fff} .ic-menu7 span:hover{color:#fff} .ic-menu8 span{color:#fff} .ic-menu8 span:hover{color:#fff} .ic-menu1 i{color:#165d86} .ic-menu2 i{color:#176e87} .ic-menu3 i{color:#176b00} .ic-menu4 i{color:#335a13} .ic-menu5 i{color:#06504a} .ic-menu6 i{color:#8c2100} .ic-menu7 i{color:#E7F2E8} .ic-menu8 i{color:#D2DECA} .dash-box button span{display:block} .dash-box .icon-menubox button i{vertical-align:middle} .dash-box .icon-menubox button span{margin-top:10px;font-weight:bold;vertical-align:bottom} .dash-box .contact{margin:25px auto 0 auto;padding:5px;text-align:center} .dash-box2{display:block;padding:20px 0 20px 0px} /*.dash-box2 button{display:inline-block;width:120px;height:120px;border:0;border-radius:150px;text-align:center}*/ .dash-box2 button{display:inline-block;width:105px;height:105px;border:0;border-radius:150px;text-align:center} .dash-box2 button i{display:inline-block;vertical-align:middle} .dash-box2 button span{display:block;font-size:14px;color:#fff} .icon-btn1{background:#0f612a} .icon-btn2{background:#4d8924} .icon-btn3{background:#896724} .icon-btn4{background:#0f6160} .ic-fm1{width:57px;height:51px;background:url(../../common/images/ic_farmhouse.png) no-repeat} .ic-fm2{width:52px;height:47px;background:url(../../common/images/icon_dshimg2.png) no-repeat} .ic-fm3{width:33px;height:55px;background:url(../../common/images/ic_chemical.png) no-repeat} .ic-fm4{width:50px;height:38px;background:url(../../common/images/icon_dshimg3.png) no-repeat} .ic-fm-alarm{width:57px;height:54px;background:url(../../common/images/ic_alarm.png) no-repeat} .ic-crd1{width:54px;height:53px;background:url(../../common/images/ic_farmmap.png) no-repeat} .ic-crd2{width:50px;height:38px;background:url(../../common/images/icon_dshimg3.png) no-repeat} .ic-crd3{width:52px;height:47px;background:url(../../common/images/icon_dshimg2.png) no-repeat} .ic-crd4{width:37px;height:54px;background:url(../../common/images/ic_question.png) no-repeat} .ic-fms2{display:inline-block;vertical-align:middle;width:52px;height:47px;background:url(../../common/images/icon_dshimg2.png) no-repeat} .ic-fms-cmp{display:inline-block;vertical-align:top;width:81px;height:80px;margin-left:0px;background:url(../../common/images/micon_fmbig_complex.png) no-repeat}/* 2018.05.29 lsy*/ .ic-fms-grw{display:inline-block;vertical-align:top;width:89px;height:80px;margin-left:0px;background:url(../../common/images/micon_fmbig_growing.png) no-repeat}/* 2018.05.29 lsy*/ .ic-fms-outb{display:inline-block;vertical-align:top;width:90px;height:71px;margin-left:0px;background:url(../../common/images/micon_fmbig_outbound.png) no-repeat}/* 2018.05.29 lsy*/ .ic-fms-exp{display:inline-block;vertical-align:top;width:90px;height:78px;margin-left:0px;background:url(../../common/images/micon_fmbig_export.png) no-repeat}/* 2018.05.18 lsy*/ .dash-box2 button .ic-fm1{margin-bottom:9px} .dash-box2 button .ic-fm2{margin-bottom:10px;margin-left:5px} .dash-box2 button .ic-fm3{margin-bottom:5px} .dash-box2 button .ic-fm4{margin-top:10px;margin-bottom:13px} .dash-box2 button .ic-fm-alarm{margin-bottom:5px} .dash-box2 button .ic-crd1{margin-bottom:8px} .dash-box2 button .ic-crd2{margin-top:10px;margin-bottom:13px} .dash-box2 button .ic-crd3{margin-bottom:10px;margin-left:5px} .dash-box2 button .ic-crd4{margin-bottom:6px} .hr-dashmline{display:block;width:90%;border-top:1px dotted #6c9e7d;-webkit-box-shadow:1px 1px 4px 0px rgba(0,0,0,0.45);box-shadow:1px 1px 4px 0px rgba(0,0,0,0.45)}/* 2018.05.08 */ .dash-fbox2{display:block;padding:5px 0 45px 0px}/* 2018.05.08 */ .dash-fbox2 button{display:inline-block;width:70px;height:70px;border:0;border-radius:150px;text-align:center}/* 2018.05.08 */ .dash-fbox2 button i{display:inline-block;vertical-align:middle;text-align:center} .dash-fbox2 button span{display:block;position:absolute;top:82px;font-size:15px;color:#444}/* 2018.05.08 */ .dash-fbox2 button.icon-fbtns1,.dash-fbox2 button.icon-fbtns2,.dash-fbox2 button.icon-fbtns3,.dash-fbox2 button.icon-fbtns4{width:63px !important;height:63px !important;border:0;border-radius:100px;} .dash-fbox2 button.icon-fbtns1 span,.dash-fbox2 button.icon-fbtns2 span,.dash-fbox2 button.icon-fbtns3 span,.dash-fbox2 button.icon-fbtns4 span{display:block;position:absolute;top:77px;font-size:14px;color:#444;letter-spacing:-0.8px} .icon-fbtn1{background:#68910f}/* 2018.05.10 */ .icon-fbtn2{background:#2d7b0a}/* 2018.05.10 */ .icon-fbtn3{background:#0a7b0f}/* 2018.05.10 */ .icon-fbtn4{background:#68910f}/* 2018.05.14 */ .icon-fbtns1{background:#68910f}/* 2018.05.25 */ .icon-fbtns2{background:#2d7b0a}/* 2018.05.25 */ .icon-fbtns3{background:#0a7b0f}/* 2018.05.25 */ .icon-fbtns4{background:#076b4b}/* 2018.05.25 */ .icon-btn1{background:#0f612a} .icon-btn2{background:#4d8924} .icon-btn3{background:#896724} .icon-btn4{background:#0f6160} .icon-fbtn1{background:#68910f}/* 2018.05.10 */ .icon-fbtn2{background:#2d7b0a}/* 2018.05.10 */ .icon-fbtn3{background:#0a7b0f}/* 2018.05.10 */ .icon-cbtn1{background:#68910f}/* 2018.05.14 */ .icon-cbtn2{background:#2d7b0a}/* 2018.05.14 */ .icon-cbtn3{background:#0a7b0f}/* 2018.05.14 */ .icon-cbtn1a{background:#68910f}/* 2018.05.15 */ .ic-fm1{width:57px;height:51px;background:url(../../common/images/ic_farmhouse.png) no-repeat} .ic-fm2{width:52px;height:47px;background:url(../../common/images/icon_dshimg2.png) no-repeat} .ic-fm3{width:33px;height:55px;background:url(../../common/images/ic_chemical.png) no-repeat} .ic-fm4{width:50px;height:38px;background:url(../../common/images/icon_dshimg3.png) no-repeat} .ic-fm-alarm{width:57px;height:54px;background:url(../../common/images/ic_alarm.png) no-repeat} .ic-fms2{display:inline-block;vertical-align:top;width:86px;height:79px;margin-top:5px;margin-left:20px;background:url(../../common/images/micon_fm_report.png) no-repeat}/* 2018.05.08 */ .ic-fms-performance{display:inline-block;vertical-align:top;width:89px;height:84px;margin-top:5px;margin-left:0px;background:url(../../common/images/micon_fmbig_performance.png) no-repeat}/* 2018.05.25 */ .ic-fms-shipment{display:inline-block;vertical-align:top;width:97px;height:67px;margin-top:5px;margin-left:0px;background:url(../../common/images/micon_fmbig_shipment.png) no-repeat}/* 2018.05.30 */ .ic-fmb1{width:39px;height:36px;background:url(../../common/images/micon_sfm_farm.png) no-repeat}/* 2018.05.14 */ .ic-fmb2{width:37px;height:28px;background:url(../../common/images/micon_sfm_history.png) no-repeat}/* 2018.05.14 */ .ic-fmb3{width:35px;height:34px;background:url(../../common/images/micon_sfm_noti.png) no-repeat}/* 2018.05.14 */ .ic-fmb4{width:39px;height:35px;background:url(../../common/images/micon_sfm_export.png) no-repeat}/* 2018.05.28 */ .ic-fmb5{width:36px;height:33px;background:url(../../common/images/micon_sfm_exportcp.png) no-repeat}/* 2018.05.28 */ .ic-fmb6{width:41px;height:35px;background:url(../../common/images/micon_sfm_global.png) no-repeat}/* 2018.05.28 */ .ic-fmsb1{width:34px;height:30px;background:url(../../common/images/micon_sfm2_export.png) no-repeat}/* 2018.05.25 */ .ic-fmsb2{width:31px;height:30px;background:url(../../common/images/micon_sfm2_complex.png) no-repeat}/* 2018.05.25*/ .ic-fmsb3{width:36px;height:24px;background:url(../../common/images/micon_sfm2_outbound.png) no-repeat}/* 2018.05.25 */ .ic-fmsb4{width:28px;height:30px;background:url(../../common/images/micon_sfm2_info.png) no-repeat}/* 2018.05.25 */ .ic-fmsb5{width:33px;height:26px;background:url(../../common/images/micon_sfm2_history.png) no-repeat}/* 2018.05.30 */ .ic-crdsb1{width:24px;height:36px;background:url(../../common/images/micon_sfm_inquiry.png) no-repeat}/* 2018.05.28 */ .ic-crdsb2{width:33px;height:30px;background:url(../../common/images/micon_sfm2_visiting.png) no-repeat}/* 2018.05.28 */ .ic-crdsb3{width:33px;height:33px;background:url(../../common/images/micon_sfm2_noti.png) no-repeat}/* 2018.05.28 */ .ic-crdsb4{width:25px;height:31px;background:url(../../common/images/micon_sfm2_estimate.png) no-repeat}/* 2018.05.28 */ .ic-crdsb5{width:35px;height:31px;background:url(../../common/images/micon_sfm2_codimanage.png) no-repeat}/* 2018.05.28 */ .ic-crdsb6{width:30px;height:32px;background:url(../../common/images/micon_sfm2_map.png) no-repeat}/* 2018.05.30 */ .ic-fmb-slt{width:36px;height:35px;background:url(../../common/images/micon_sfm_selectplace.png) no-repeat}/* 2018.05.18 lsy*/ .ic-fmb-expcp{width:36px;height:33px;background:url(../../common/images/micon_sfm_exportcp.png) no-repeat}/* 2018.05.18 lsy*/ .ic-fmb-exp{width:39px;height:35px;background:url(../../common/images/micon_sfm_export.png) no-repeat}/* 2018.05.18 lsy*/ .ic-fmb-expsrch{width:36px;height:34px;background:url(../../common/images/micon_sfm_expsrch.png) no-repeat}/* 2018.05.18 lsy*/ .ic-fmb-safe{width:37px;height:32px;background:url(../../common/images/micon_sfm_safe.png) no-repeat}/* 2018.05.18 lsy*/ .dash-fbox2 button .ic-fm1{margin-top:5px;margin-bottom:8px} .dash-fbox2 button .ic-fm2{margin-bottom:10px;margin-left:5px} .dash-fbox2 button .ic-fm3{margin-bottom:5px} .dash-fbox2 button .ic-fm4{margin-top:15px;margin-bottom:10px} .dash-fbox2 button .ic-fm-alarm{margin-bottom:5px} .dash-fbox2 button .ic-fmb1{margin-top:-5px}/* 2018.05.18 */ .icon-fbtn1 span{margin-left:-22px}/* 2018.05.18 lsy*/ .icon-fbtn2 span{margin-left:-16px}/* 2018.05.18 lsy*/ .icon-fbtn3 span{margin-left:-2px}/* 2018.05.18 lsy*/ .icon-fbtns1 .se01{margin-left:-4px}/* 2018.05.25 */ .icon-fbtns2 .se02{margin-left:-20px}/* 2018.05.30 */ .icon-fbtns3 .se03{margin-left:-14px}/* 2018.05.30 */ .icon-fbtns4 .se04{margin-left:-2px}/* 2018.05.30 */ .icon-fbtn1 .sec01{margin-left:-4px}/* 2018.05.28 */ .icon-fbtn2 .sec02{margin-left:-16px}/* 2018.05.28 */ .icon-fbtn3 .sec03{margin-left:-16px}/* 2018.05.28 */ .icon-fbtn1 .se01{margin-left:-2px !important}/* 2018.05.18 lsy*/ .icon-fbtn2 .se01{margin-left:-10px !important}/* 2018.05.18 lsy*/ .icon-fbtn3 .se01{margin-left:-17px !important}/* 2018.05.18 lsy*/ .icon-fbtn1 .se03{margin-left:4px !important}/* 2018.05.18 lsy*/ .icon-fbtn2 .se03{margin-left:-15px !important}/* 2018.05.18 lsy*/ .icon-fbtn3 .se03{margin-left:-1px !important}/* 2018.05.18 lsy*/ .icon-fbtn1 .se04{margin-left:-14px !important}/* 2018.05.18 lsy*/ .icon-fbtn2 .se04{margin-left:-15px !important}/* 2018.05.18 lsy*/ .icon-fbtn3 .se04{margin-left:-1px !important}/* 2018.05.18 lsy*/ .icon-fbtn1 .se05{margin-left:-2px !important}/* 2018.05.18 lsy*/ .icon-fbtn2 .se05{margin-left:4px !important}/* 2018.05.18 lsy*/ .icon-fbtn3 .se05{margin-left:-1px !important}/* 2018.05.18 lsy*/ .icon-fbtn1 .se06{margin-left:-2px !important}/* 2018.05.18 lsy*/ .icon-fbtn2 .se06{margin-left:4px !important}/* 2018.05.18 lsy*/ .icon-fbtn3 .se06{margin-left:-1px !important}/* 2018.05.18 lsy*/ .icon-fbtn1 .se07{margin-left:-8px !important}/* 2018.05.18 lsy*/ .icon-fbtn2 .se07{margin-left:-29px !important}/* 2018.05.18 lsy*/ .icon-fbtn3 .se07{margin-left:-20px !important}/* 2018.05.18 lsy*/ .icon-fbtns1 .secb01{margin-left:-2px}/* 2018.05.28 */ .icon-fbtns2 .secb02{margin-left:-2px}/* 2018.05.28 */ .icon-fbtns3 .secb03{margin-left:2px}/* 2018.05.28 */ .icon-fbtns4 .secb04{margin-left:-2px}/* 2018.05.28 */ .icon-fbtns4 .secb05{margin-left:9px}/* 2018.05.30 */ .icon-fbtns1 .secba01{margin-left:-2px}/* 2018.05.28 */ .icon-fbtns2 .secba02{margin-left:-2px}/* 2018.05.28 */ .icon-fbtns3 .secba03{margin-left:-2px}/* 2018.05.30 수정 */ .icon-fbtns4 .secba04{margin-left:9px}/* 2018.05.30 수정 */ .ic-crds2{display:inline-block;vertical-align:top;width:83px;height:82px;margin-left:0px;background:url(../../common/images/micon_fmbig_map.png) no-repeat}/* 2018.05.14 */ .ic-crds3{display:inline-block;vertical-align:top;width:69px;height:84px;margin-left:0px;background:url(../../common/images/micon_fmbig_approval.png) no-repeat}/* 2018.05.15 */ .ic-crds4{display:inline-block;vertical-align:top;width:87px;height:65px;margin-left:0px;background:url(../../common/images/micon_fmbig_history.png) no-repeat}/* 2018.05.28 */ .ic-crdb1{width:37px;height:28px;background:url(../../common/images/micon_sfm_history.png) no-repeat}/* 2018.05.14 */ .ic-crdb2{width:24px;height:37px;background:url(../../common/images/micon_sfm_inquiry.png) no-repeat}/* 2018.05.14 */ .ic-crdb3{width:35px;height:34px;background:url(../../common/images/micon_sfm_noti.png) no-repeat}/* 2018.05.14 */ .ic-crdb4{width:36px;height:36px;background:url(../../common/images/micon_sfm_map.png) no-repeat}/* 2018.05.14 */ .icon-cbtn1 span{margin-left:-20px}/* 2018.05.14 */ .icon-cbtn2 span{margin-left:-16px}/* 2018.05.14 */ .icon-cbtn3 span{margin-left:-2px}/* 2018.05.14 */ .icon-cbtn1a span{margin-left:0px}/* 2018.05.15 */ .main-imgbox{display:inline-block;width:100%;min-height:206px;margin:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background:url(../../common/images/main_img.png) no-repeat} .main-imgbox img{width:100%} .main-imgbox .main-copy{display:inline-block;margin:50px 0 0 30px;padding:10px 15px;background-color:rgba(27,42,9,0.7)} .main-imgbox .main-copy .tit{padding:7px 0 3px 0;color:#fff;font-size:20px;font-weight:bold;text-shadow: 1px 1px #333} .main-imgbox .main-copy .sub{color:#fff;font-size:16px;font-weight:bold;text-shadow: 1px 1px #333} .main-textbox{display:inline-block;width:100%;margin:20px 0 5px 0;padding:12px 0 12px 0;border-radius:5px ;border:1px solid #ccc;background:#f0f0f0} .main-textbox label{padding-right:10px;vertical-align:top} .main-textbox select{height:26px;padding:2px 2px 2px 3px} .main-textbox strong{padding-right:10px} .main-textbox ul {margin:0;padding:0 10px} .main-textbox div{float:left;list-style:none} .main-textbox ul li{list-style:none} .main-textbox .left{float:left;} .main-textbox .right{float:right;} .main-textbox .right a{margin-top:5px;vertical-align:middle} .main-textbox label{padding-top:3px} .main-textbox2{display:inline-block;width:100%;margin:10px 0 5px 0;padding:12px 0 12px 0;border-radius:5px ;border:1px solid #ccc;background:#f0f0f0} .main-textbox2 ul {margin:0;padding:0 0 0 0px} .main-textbox2 ul li{padding:5px 0;list-style:none;text-align:center} .main-greet{display:block;padding:8px 0 6px 0px} .main-greetbox{display:block;width:100%;margin:0;padding:7px 0 5px 0;border:1px dashed #9acc78;border-radius:5px;background:#f5f5f5} .main-greetbox p{padding:5px 0 0 15px} .main-fbtnbox{display:block;padding:12px 0 10px 0px;text-align:center}/*2018.05.08*/ .main-fbtnbox button{display:inline-block;width:195px;height:195px;border:6px solid #0f612a;border-radius:250px;text-align:center;background:url(../../common/images/micon_imgbg.gif)}/*2018.05.08*/ .main-fbtnbox button span{display:block;padding-top:20px;font-size:18px;color:#0f612a;line-height:22px;font-weight:700;text-align:center} .hr-dashpline{display:block;width:90%;border-top:1px dotted #6c9e7d;-webkit-box-shadow:1px 1px 4px 0px rgba(0,0,0,0.45);box-shadow:1px 1px 4px 0px rgba(0,0,0,0.45)}/* 2018.05.17 lsy*/ .dash-pbox2{display:block;padding:25px 0 85px 0px}/* 2018.05.17 lsy*/ .dash-pbox2 button{display:inline-block;width:110px;height:110px;border:0;border-radius:150px;text-align:center}/* 2018.05.17 lsy*/ .dash-pbox2 button i{display:inline-block;vertical-align:middle;text-align:center}/* 2018.05.17 lsy*/ .dash-pbox2 button span{display:block;position:absolute;top:122px;font-size:15px;color:#444}/* 2018.05.17 lsy*/ .icon-pbtn1{background:#68910f}/* 2018.05.17 lsy*/ .icon-pbtn2{background:#2d7b0a}/* 2018.05.17 lsy*/ .icon-pbtn3{background:#0a7b0f}/* 2018.05.17 lsy*/ .icon-pcbtn1{background:#68910f}/* 2018.05.17 lsy*/ .icon-pcbtn2{background:#2d7b0a}/* 2018.05.17 lsy*/ .icon-pcbtn3{background:#0a7b0f}/* 2018.05.17 lsy*/ .icon-pcbtn1a{background:#68910f}/* 2018.05.17 lsy*/ .ic-pm1{width:57px;height:51px;background:url(../../common/images/ic_farmhouse.png) no-repeat}/* 2018.05.17 lsy*/ .ic-pm2{width:52px;height:47px;background:url(../../common/images/icon_dshimg2.png) no-repeat}/* 2018.05.17 lsy*/ .ic-pm3{width:33px;height:55px;background:url(../../common/images/ic_chemical.png) no-repeat}/* 2018.05.17 lsy*/ .ic-pm4{width:50px;height:38px;background:url(../../common/images/icon_dshimg3.png) no-repeat}/* 2018.05.17 lsy*/ .ic-pm-alarm{width:57px;height:54px;background:url(../../common/images/ic_alarm.png) no-repeat}/* 2018.05.17 lsy*/ .ic-pms2{display:inline-block;vertical-align:top;width:105px;height:95px;margin-left:20px;background:url(../../common/images/micon_fm_report.png) no-repeat}/* 2018.05.08 */ .ic-pmb1{width:39px;height:36px;background:url(../../common/images/micon_sfm_farm.png) no-repeat}/* 2018.05.17 lsy*/ .ic-pmb2{width:37px;height:28px;background:url(../../common/images/micon_sfm_history.png) no-repeat}/* 2018.05.17 lsy*/ .ic-pmb3{width:35px;height:34px;background:url(../../common/images/micon_sfm_noti.png) no-repeat}/* 2018.05.17 lsy*/ .dash-pbox2 button .ic-pm1{margin-top:5px;margin-bottom:8px}/* 2018.05.17 lsy*/ .dash-pbox2 button .ic-pm2{margin-bottom:10px;margin-left:5px}/* 2018.05.17 lsy*/ .dash-pbox2 button .ic-pm3{margin-bottom:5px}/* 2018.05.17 lsy*/ .dash-pbox2 button .ic-pm4{margin-top:15px;margin-bottom:10px}/* 2018.05.17 lsy*/ .dash-pbox2 button .ic-pm-alarm{margin-bottom:5px}/* 2018.05.17 lsy*/ .dash-pbox2 button .ic-pmb1{margin-top:-5px}/* 2018.05.17 lsy*/ .icon-pbtn1 span{margin-left:-6px}/* 2018.05.17 lsy*/ .icon-pbtn2 span{margin-left:4px}/* 2018.05.17 lsy*/ .icon-pbtn3 span{margin-left:18px}/* 2018.05.17 lsy*/ .ic-pcrds2{display:inline-block;vertical-align:top;width:97px;height:96px;margin-left:0px;background:url(../../common/images/micon_fmbig_map.png) no-repeat}/* 2018.05.17 lsy*/ .ic-pcrds3{display:inline-block;vertical-align:top;width:81px;height:99px;margin-left:0px;background:url(../../common/images/micon_fmbig_approval.png) no-repeat}/* 2018.05.17 lsy*/ .ic-pcrdb1{width:37px;height:28px;background:url(../../common/images/micon_sfm_history.png) no-repeat}/* 2018.05.17 lsy*/ .ic-pcrdb2{width:24px;height:37px;background:url(../../common/images/micon_sfm_inquiry.png) no-repeat}/* 2018.05.17 lsy*/ .ic-pcrdb3{width:35px;height:34px;background:url(../../common/images/micon_sfm_noti.png) no-repeat}/* 2018.05.17 lsy*/ .ic-pcrdb4{width:36px;height:36px;background:url(../../common/images/micon_sfm_map.png) no-repeat}/* 2018.05.17 lsy*/ .icon-pcbtn1 span{margin-left:-20px}/* 2018.05.17 lsy*/ .icon-pcbtn2 span{margin-left:-16px}/* 2018.05.17 lsy*/ .icon-pcbtn3 span{margin-left:-2px}/* 2018.05.17 lsy*/ .icon-pcbtn1a span{margin-left:0px}/* 2018.05.17 lsy*/ .main-pbtnbox{display:block;padding:12px 0 30px 0px;text-align:center}/*2018.05.17 lsy*/ .main-pbtnbox button{display:inline-block;width:195px;height:195px;border:6px solid #0f612a;border-radius:250px;text-align:center;background:url(../../common/images/micon_imgbg.gif)}/*2018.05.29*/ .main-pbtnbox button span{display:block;padding-top:20px;font-size:18px;color:#0f612a;font-weight:700;text-align:center}/* 2018.05.17 lsy*/ .main-textpbox2{display:block;width:90%;margin:70px auto 5px auto;padding:15px 0 15px 0;border-radius:8px ;border:1px solid #ccc;background:#f0f0f0}/* 2018.05.17 lsy*/ .main-textpbox2 ul {margin:0;padding:0 0 0 0px}/* 2018.05.17 lsy*/ .main-textpbox2 ul li{padding:5px 0;list-style:none;text-align:center}/* 2018.05.17 lsy*/ .main-wbox{display:inline-block;width:100%;margin:10px 0 5px 0;padding:8px 0 8px 0;border-radius:5px ;border:1px dotted #ccc;background:#fff}/* 2018.05.08 */ .main-wbox ul {margin:0;padding:0 0 0 0px} .main-wbox ul li{padding:2px 0;list-style:none;text-align:center} /* map */ .agr-mapbox{padding:0} .agr-item1{display:inline-block;width:31px;height:46px;line-height:30px;background:url(/common/images/item/item1.png) no-repeat} .agr-item2{display:inline-block;width:40px;height:36px;line-height:30px;background:url(/common/images/item/item2.png) no-repeat} .agr-item3{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/item3.png) no-repeat} .agr-item0101{display:inline-block;width:40px;height:36px;line-height:30px;background:url(/common/images/item/item0101.png) no-repeat} .agr-item0102{display:inline-block;width:40px;height:36px;line-height:30px;background:url(/common/images/item/item0102.png) no-repeat} .agr-item0103{display:inline-block;width:31px;height:46px;line-height:30px;background:url(/common/images/item/item0103.png) no-repeat} .agr-item0104{display:inline-block;width:40px;height:36px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0105{display:inline-block;width:40px;height:36px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0106{display:inline-block;width:40px;height:36px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0107{display:inline-block;width:40px;height:36px;line-height:30px;background:url(/common/images/item/item0156.png) no-repeat} .agr-item0109{display:inline-block;width:40px;height:36px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0110{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/item0110.png) no-repeat} .agr-item0114{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0150{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0151{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0152{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0153{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0154{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/item0110.png) no-repeat} .agr-item0155{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0156{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/item0156.png) no-repeat} .agr-item0213{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/item3.png) no-repeat} .agr-item0260{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/item0260.png) no-repeat} .agr-item0261{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/item0261.png) no-repeat} .agr-item0262{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/item0262.png) no-repeat} .agr-item0263{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/item3.png) no-repeat} .agr-item0271{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/item0271.png) no-repeat} .agr-item0272{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0275{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0276{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/item0276.png) no-repeat} .agr-item0341{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0342{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0343{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0347{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0380{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0381{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0383{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0384{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0385{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0386{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0387{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0388{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0389{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0390{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .agr-item0391{display:inline-block;width:38px;height:40px;line-height:30px;background:url(/common/images/item/no_image.png) no-repeat} .round-box p{padding-top: 10px; text-align: center} .agr-itemsfont{padding-left: 15px; font-size: 22px; font-weight: 700;display:inline-block;width:40%;text-align:left} .agr-itemfont{padding-left: 15px; font-size: 20px; font-weight: 700;display:inline-block;width:40%;text-align:left} .agr-itemscntfont{padding-left: 15px; font-size: 22px; font-weight: 700;display:inline-block} .agr-items1{background: #9ED366;} .agr-items2{background: #9BDDE6;} .agr-items3{background: #A3CDDF;} .p-agrtext{padding-top:10px;text-align:center} .num-emp{font-size:34px;font-weight:700} .num-sub{padding-left:15px;font-size:30px;font-weight:700} /* join */ .joinstep1-wrap{padding:25px} .joinstep1-title{display:block;padding:15px 0;font-size:16px;text-align:center} .joinstep1-box{display:block;padding:20px 15px;text-align:center;border-radius:8px;background:#f7f7f7} .joinstep1-box button{margin:10px 15px 30px 10px;padding:15px 25px;border:1px solid #ededed;border:1px solid #ddd;border-radius:5px;background:#fff} .joinstep1-box button i{display:inline-block;width:65px;height:75px;padding:15px 0 0 0;background:url(/common/images/img_person1.png) no-repeat} .joinstep1-box button:hover,.joinstep1-box button:focus{background:#dfdfdf} .joinstep1-box button span{display:block;padding:2px;text-align:center;color:#fff;border-radius:5px;background:#888} .term-text{display:inline-block;width:99%;padding:20px;font-size:13px;line-height:22px;overflow-x:hidden;overflow-y:scroll} .term-height1{} .agree-box{display:block;width:100%;padding:5px 0 10px 0} .agree-box input[type=checkbox]{display:inline-block;margin:0 !important;vertical-align:middle} .agree-box label{display:inline-block;margin-left:5px;max-width:none;font-weight:400;vertical-align:top} .joinstep-wrap{padding:25px} .joinstep2-box{display:block;padding:20px 15px;text-align:center;border-radius:8px;background:#f7f7f7} .joinstep2-box p{text-align:left} .joinstep2-box button:hover,.joinstep2-box button:focus{background:#dfdfdf} .btn-person{margin:10px 10px 30px 10px;padding:15px 15px;border:1px solid #ededed;border:1px solid #ddd;border-radius:5px;background:#fff} .btn-person i{display:inline-block;width:207px;height:135px;background:url(/common/images/img_person.png) no-repeat} .btn-person span{display:block;color:#fff;border-radius:5px;background:#888} .joinstep-box{display:block;padding:20px 15px;text-align:center;border-radius:8px;background:#f7f7f7} .joinstep-box .step-title{margin-top:20px;margin-bottom:55px;font-size:22px;color:#454545;text-align:center} .joinstep-box .step-title strong{font-size:24px;font-weight:normal;color:#27760d} .joinstep-box .step-mtext{font-size:15px;line-height:18px;color:#0c8a39} .joinstep-box .step-text{padding-top:5px} .joinstep-box .step-btnset{padding:35px 0 30px 0} .joinstep-box .step-btnset button{margin:0 2px} /* login */ .login-title{display:block;padding-top:5px;padding-bottom:8px;font-size:20px;color:#222;font-weight:700;text-align:center} .login-title span{display:inline-block;padding-bottom:8px;border-bottom:1px solid #cdcdcd} .login-logo{display:block;padding:5px 0; text-align:center} .login-box{position:relative;margin-top:15px;padding:40px 15px 35px 15px; border:1px solid #e5e5e5;border-radius:8px;background:#fff} .login-btnset{margin:15px 0 0 0;padding:15px 0 15px 0;text-align:center;border-top:1px dashed #cdcdcd} /* id password search*/ .title-center{margin-top:20px;font-size:18px;font-weight:bold} .center-btnset{padding:25px 0 20px 0} /* main */ .m-wrap{min-height: 630px;} .m-static-text{padding:10px 15px 10px 25px;text-align:left} .m-static-text strong{font-size:28px;font-weight:700} .m-roundbox{position:relative;padding:15px;border:1px solid #ccc;border-radius:5px} .m-roundbox button{} .m-banner-text{font-size:14px} .m-banner-text strong{font-size:18px} .m-bt-box{display:inline-block;width:100%;margin-top:20px;background:#fff;border-top:1px solid #ddd} .m-rolling-banner{display:block;height:60px;padding:10px 0 0 0} .rolling-banner{padding:0} .rolling-banner button,.rolling-banner div{display:inline;vertical-align:middle} .rolling-banner button{background:#fff;border:0;padding-top:10px} .rolling-banner button i{color:#777} .rolling-banner a{padding:0} .m-mdtitle{margin:0 0 10px 0;padding:9px 10px;font-size:16px;font-weight:bold;text-align:center;border-bottom:1px solid #cdcdcd;background:#dedede}/* 2019.01.24 lsy */ .m-mdtitle span{font-size:15px} .m-itembox{display:inline-block;width:100%;padding:4px 0;clear:both} .m-itembox dl dt,.m-itembox dl dd{display:inline} .m-itembox dl dd{padding:6px 0 0 10px;font-size:16px} .m-bannerbox{display:block;width:100%;min-height:93px;border:1px solid #bcbcbc;border-radius:5px;text-align:center;background:url(/common/images/m-bannerimg.png) left bottom no-repeat #eaeaea} .m-bannerbox p{padding-top:18px;font-size:14px;} .m-bannerbox p strong{font-size:18px} .m-bannerbox2{display:block;width:100%;min-height:93px;border:1px solid #bcbcbc;border-radius:5px;text-align:center;background:url(/common/images/m-bannerimg2.png) left bottom no-repeat #eaeaea} .m-bannerbox2 p{padding-top:18px;font-size:14px;} .m-bannerbox2 p strong{font-size:18px} /* main footer */ .ft-inbox{padding:0;padding:0 0 10px 0 } .m-ft-menu{position:relative;padding:0} .m-ft-menu a{text-decoration:none;font-size:12px;color:#888} .m-ft-menu a:hover,.m-ft-menu a:focus,.m-ft-menu a:active{text-decoration:underline;color:#222} .m-ft-menu a.emp{font-weight:bold;color:#222} /* main notice popup */ .m-notice-wrap{position:relative;padding:5px 0;background:#444} .m-notice-inbox{width:98%;margin:0 auto;} .m-notice-container{padding:10px 20px 0 10px} .m-notice-box{position:relative;width:100%;min-height:30px} .m-notice-box .img{display:inline-block;border:0}/*2018.08.01 lsy*/ .m-notice-box .img img{} .m-notice-box .mpop-title{display:block;font-size:13px;font-weight:700;color:#f0f0f0} .m-notice-box .mpop-text{display:block;margin:5px 0 0 0;font-size:12px;font-weight:400;color:#c0c0c0} .m-notice-wrap .pull-right input[type=checkbox]{vertical-align:middle} .m-notice-wrap .pull-right .nview-text{padding:6px 10px 0 2px;font-size:12px;color:#fff !important;font-weight:normal !important;vertical-align:middle} .main-pull-right .nview-text{padding:6px 10px 0 2px;font-size:12px;color:#fff !important;font-weight:normal !important;vertical-align:middle}/*2018.08.01 lsy*/ /* tab */ .sub-tabbox{display:inline-block;margin-top:10px;margin-bottom:0;width:100%;font-size:18px;} .sub-tabbox ul{padding:0px 10px 4px 10px;height:50px;border-bottom:solid 2px #058232;} .sub-tabbox ul li{display:inline-block;color:#939393;text-align:center;background-color:#f7f7f7;border-top-right-radius:4px;border-top-left-radius:4px;border-top:solid 1px #ddd;border-left:solid 1px #ddd;border-right:solid 1px #ddd;border-bottom:solid 2px #058232} .sub-tabbox ul li.on{border-top:solid 2px #058232;border-left:solid 2px #058232;border-right:solid 2px #058232;border-bottom:solid 2px #fff;background-color:#fff;} .sub-tabbox ul li:hover{border-top:solid 1px #aaa;border-left:solid 1px #aaa;border-right:solid 1px #aaa;background-color:#fff;border-bottom:solid 1px #fff !important} .sub-tabbox ul li:hover a{color:#282828;} .sub-tabbox ul li a{display:inline-block;width:100%;padding:12px 0px 9px 0px;color:#888787;text-decoration:none;font-weight:700} .sub-tabbox ul li.on a{color:#282828;text-decoration:none;font-weight:700} /* title */ #pagetitle2 {float:left;text-align:left; margin:0; padding:0 0 0 0; height:45px; border-bottom:1px solid #d1d1d1; width:100%} #pagetitle2 ul {float:left; margin:0; padding:0;} #pagetitle2 li {list-style-type:none; padding:3px 0px 2px 0px; float:left; font-size:23px; font-weight:bold; color:#000000;} #pagetitle2 .location {float:right; height:20px; margin:0; padding:5px 0 0 0; font-size:11px;} .msubtitle{display:inline-block;margin-top:35px;font-size:18px;font-weight:700;color:#222;letter-spacing:-0.7px}/*2018.05.16 lsy*/ .msubtitle i{display:inline-block;width:4px;height:18px;margin-right:5px;border-radius:15px;line-height:18px;vertical-align:middle;background:#bbb} .msubtitle span{font-size:14px;font-weight:400}/*2018.05.16 lsy*/ .msubtitle2{display:inline-block;margin-top:15px;font-size:18px;font-weight:700;color:#222;letter-spacing:-0.7px}/*2018.05.16 lsy*/ .msubtitle2 i{display:inline-block;width:4px;height:18px;margin-right:5px;border-radius:15px;line-height:18px;vertical-align:middle;background:#bbb} .msubtitle2 span{font-size:14px;font-weight:400}/*2018.05.16 lsy*/ /* step */ .stepbox{float:left;width:100%;margin:0;padding:15px 0 10px 0;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;background:#f5f5f5} .stepbox ol{display:block;width:100%;margin:0 auto;padding:0 10px;text-align:center} .stepbox ol li,.stepbox ul li{list-style:none} .stepbox > ol > li{float:left;margin:0;text-align:center} .stepbox > ol > li:last-child{float:left;margin:0;text-align:center} .stepbox > ol > li.off{width:31%} .stepbox > ol > li.off2{width:31%} .stepbox > ol > li.on{width:38%} .stepbox .step-tit{float:left;width:100%;text-align:center} .stepbox .step-cont{display:block;padding:0 10px;text-align:center} .stepbox .step-tit a{float:left;width:100%;margin:0;padding:5px 0;border-radius:5px;border:1px solid #ddd;background:#fff} .stepbox > ol > li.on .step-tit a{font-size:15px;color:#111;border:1px solid #9a9a9a;background:#fff} .stepbox > ol > li.off .step-tit a{color:#777;border:1px dashed #bbb;background:#fff} .stepbox > ol > li.arrow{padding-top:5px;} .stepbox > ol > li.arrow .guide {padding:0 3px;font-size:18px;font-weight:bold;color:#9e9e9e} .stepbox > ol > li.arrow i{padding:0 2px 0 2px;font-size:12px;color:#9e9e9e} .stepbox .step-cont ul{margin:5px 0 0 0;padding:0} .stepbox .step-cont ul li{display:inline-block;width:100%;margin:-2px 0 0 0;text-align:center} /* .stepbox .step-cont ul li.off2 a{display:inline-block;width:100%;margin:-2px 0 0 0;text-align:center;background:#d0d0d0} */ .stepbox .step-cont a{float:left;width:100%;padding:5px 0;font-size:14px;border-radius:4px;border:1px solid #ccc;background:#fff} .stepbox > ol > li.on .step-cont .on a{color:#000;font-weight:700;border:1px solid #93be5f;background:#a4cc74} .stepbox > ol > li.on .step-cont .off a{color:#333;border:1px solid #8a8a8a;background:#fff} .stepbox > ol > li.on .step-cont .off2 a{color:#222;border:1px solid #b0b0b0;background:#d0d0d0} .stepbox > ol > li.on .step-cont .off2 a .compt{display:inline-block;margin-top:3px;padding-left:2px;font-size:12px} .stepbox > ol > li.off .step-cont a{color:#777;background:#fff} .stepbox > ol > li.off .step-cont ul .off2 a{font-size:14px;color:#222;border:1px solid #b0b0b0;background:#d0d0d0} .stepbox > ol > li.off2 .step-cont a{font-size:14px;color:#222;border:1px solid #b0b0b0;background:#d0d0d0} .stepbox > ol > li.off2 .step-cont a .compt{display:inline-block;margin-top:3px;padding-left:2px;font-size:12px} .ic-vconnect{display:inline-block;width:3px;height:9px;margin:-3px 0 0 0;line-height:10px;padding:0;background:url(../../common/images/ic_connect.png) no-repeat;vertical-align:middle} /* table */ .table-bordered > tbody > tr > th.gbg{background:#f0f0f0} .table-bordered > tbody > tr > td.gbg{background:#f0f0f0} .table-bordered > tbody > tr > td input[type=radio],.table-bordered > tbody > tr > td input[type=text],.table-bordered > tbody > tr > td label,.table-bordered > tbody > tr > td select{vertical-align:middle} .table-bordered > tbody > tr > td input.jn0-mth1{width:28% !important;float:left;padding:4px 5px;} .table-bordered > tbody > tr > td input.jn0-mth{width:34% !important;float:left;padding:4px 5px;margin-left:0px;} .table-bordered > tbody > tr > td label{padding-top:7px;font-weight:normal} .table-bordered > tbody > tr > td select{height:26px;padding:2px 2px 2px 3px} .table-bordered > tbody > tr > td.calbg{color:#2e3025;background:#e8efb8;} .table-bordered > tbody > tr > td.calbg a{display:block;color:#000} .atadm-table > tbody > tr > td a{color:#048aa5 !important;} /*2019.01.22 lsy */ .calendar > thead > tr > th{font-size:13px} .calendar > tbody > tr > td{height:50px;vertical-align:top} .calendar > tbody > tr > td p,.calendar > tbody > tr > td a{font-size:12px;line-height:16px} .calendar > tbody > tr > td a{padding-bottom:2px;font-size:12px;line-height:16px} .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {float:none !important;margin:0 auto;clear:both;display:block;width: 30px;height: 30px;background: transparent;line-height: 28px;border-radius: 30px;text-align: center} /* 달력테이블 날짜 숫자의 배경*/ .fc td {padding:1px 0 !important;vertical-align: middle !important;text-align:center;} .fc-sun {background-color:transparent !important} .fc-sat {background-color:transparent !important} .fc-day-top.fc-on {height: 37px;background-color: #e2e2e2 !important;}/*2019.05.28 lsy*/ label.pd{padding:0 15px 0 3px} .tb-wrap1{display:inline-block;width:100%;margin-top:15px} .tb-wrap2{display:inline-block;width:100%;margin-top:5px} .tb-wrap-m{display:inline-block;width:100%;margin-top:10px;padding-bottom:5px} .table-overflow {table-layout: fixed;} .table-overflow td {white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis} /* notification */ .notic-at{display:inline-block;width:43px;height:29px;background:url(../../common/images/notimg_at.png) no-repeat} .notic-open{display:inline-block;width:41px;height:29px;background:url(../../common/images/notimg_closed.png) no-repeat} .notic-closed{display:inline-block;width:41px;height:47px;background:url(../../common/images/notimg_open.png) no-repeat} .noti-ic{text-align:center;vertical-align:top} .noti-ic .notic-at{margin-top:4px} .noti-ic .notic-open{margin-top:4px} .noti-ic .notic-closed{margin-top:4px} /* login */ .panel-info{border-color:#ccc} .panel{margin-bottom:5px;background:#f0f0f0} .panel-body{padding:15px 15px 5px 15px} .login-top{padding:5px 0 5px 0;text-align:center} .login-top h1{margin:5px 0 5px 0} .login-top h2{font-size:18px;font-weight:700;padding:2px 0 10px 0} .login-ftbox1{display:inline-block;width:100%;text-align:center} .login-ftbox1 label{padding:0 0 0 3px;font-size:14px;font-weight:400} .login-ftbox2 {padding:5px 0 3px 0;text-align:center} #loginbox .input-group .input-group-addon{border-radius:0;border:1px solid #bbb !important;background:#fff} #loginbox .input-group .form-control{border:1px solid #bbb !important} #loginbox input::-webkit-input-placeholder{color:#777} #loginbox input::-moz-placeholder{color:#777} #loginbox input:-ms-input-placeholder{color:#777} #loginbox input::-ms-input-placeholder{color:#777} #loginbox input::placeholder{color:#777} /* skin */ .skin-green-light .main-header .navbar {background-color: #05a2c2}/*2019.01.22 lsy*/ .skin-green-light .main-header .navbar .nav > li > a:hover, .skin-green-light .main-header .navbar .nav > li > a:active, .skin-green-light .main-header .navbar .nav > li > a:focus, .skin-green-light .main-header .navbar .nav .open > a, .skin-green-light .main-header .navbar .nav .open > a:hover, .skin-green-light .main-header .navbar .nav .open > a:focus, .skin-green-light .main-header .navbar .nav > .active > a { background: rgba(0, 0, 0, 0.2); color: #f6f6f6;}/*2019.01.22 lsy*/ .skin-green-light .main-header .navbar .sidebar-toggle:hover {background-color: #06819a}/*2019.01.22 lsy*/ @media (max-width: 767px) { .skin-green-light .main-header .navbar .dropdown-menu li.divider {background-color: rgba(255, 255, 255, 0.4)} .skin-green-light .main-header .navbar .dropdown-menu li a:hover {background: #05a2c2} }/*2019.01.22 lsy*/ .skin-green-light .main-header .logo {background-color: #05a2c2; color: #ffffff; border-bottom: 0 solid transparent;}/*2019.01.22 lsy*/ .skin-green-light .main-header .logo:hover {background-color: #06819a}/*2019.01.22 lsy*/ .skin-green-light .main-header li.user-header {background-color: #05a2c2} /*2019.01.22 lsy*/ .skin-green-light .sidebar-menu > li.active > a {font-weight:600; border-left-color: #05a2c2}/*2019.01.22 lsy*/ .skin-green-light .sidebar-menu > li:hover > a, .skin-green-light .sidebar-menu > li.active > a { color: #000000; background: #f0f0f0; } .skin-green-light .sidebar-menu > li { -webkit-transition: border-left-color 0.3s ease; -o-transition: border-left-color 0.3s ease; transition: border-left-color 0.3s ease; border-bottom:1px dashed #e0e0e0 } /* box */ .mid-box{float:left;width:100%;margin:10px 0;padding:7px 0 5px 0;text-align:center;border-radius:5px ;border:1px solid #ccc;background:#f0f0f0} .mid-box label{padding-right:10px} .mid-box select{height:26px;padding:2px 2px 2px 3px} .mid-box strong{padding-right:10px} .mid-box a i{padding:0 10px;font-size:26px;color:#666;vertical-align:top}/*2018.05.11*/ .mid-box button{vertical-align:top}/*2018.05.11*/ .mid-box ul{width:100%;margin:0;padding:0}/*2018.05.11*/ .mid-box ul li{display:inline-block;width:100%;padding:3px 0;list-style:none;text-align:center}/*2018.05.11*/ .mid-gbox p{margin-bottom:0 !important ;padding:2px 5px 0 15px;text-align:left}/*2018.05.17 lsy*/ .noti-box{float:left;width:100%;margin:5px 0;padding:5px 0;text-align:center;border-radius:5px ;border:1px solid #ccc} .noti-box p{padding:3px 5px 2px 15px;text-align:left} .noti-gbox{float:left;width:100%;margin:5px 0;padding:5px 0;text-align:left;border-radius:5px ;border:1px solid #ccc;background:#f0f0f0} .noti-gbox p{margin-bottom:0 !important ;padding:2px 5px 0 15px;text-align:left} .noti-gnbox{float:left;width:100%;margin:10px 0 20px 0;padding:5px 0;text-align:left;border-radius:10px ;border:4px solid #c2cdb4;background:url(/common/images/micon_imgbg.gif)}/*2018.05.17 lsy*/ .noti-gnbox p{margin-bottom:0 !important ;padding:2px 5px 0 15px;color:#116811;text-align:left}/*2018.05.17 lsy*/ .noti-gnbox ul{float:left;width:100%;margin:0;padding:0} .noti-gnbox ul li{float:left;width:99%;padding:5px 5px;list-style:none} .noti-gnbox ul li.left{text-align:left;} .noti-gnbox ul li.right{text-align:right} .noti-gnbox ul li.center{text-align:center;} .noti-lbox{float:left;width:100%;margin:5px 0;padding:5px 0;text-align:left;border-radius:5px ;border:1px solid #ccc} .noti-lbox button{float:right;} .noti-lbox a{float:left;} .mid-lbox{float:left;width:100%;margin:10px 0 5px 0;padding:7px 0 5px 0;border-radius:5px ;border:1px solid #ccc;background:#f0f0f0} .mid-lbox label{padding-right:10px;vertical-align:top} .mid-lbox select{height:26px;padding:2px 2px 2px 3px} .mid-lbox strong{padding-right:10px} .mid-lbox {} .mid-lbox div{float:left;list-style:none} .mid-lbox .left{text-align:center} .mid-lbox .right{text-align:left} .mid-lbox label{padding-top:3px} .date-box{float:left;width:100%;margin:10px 0;padding:7px 0 5px 0;text-align:center} .date-box select{height:26px;padding:2px 2px 2px 3px} .date-box a i{padding:0 10px;font-size:26px;color:#666;vertical-align:top} .date-box button{vertical-align:top} .category-box{float:left;width:100%;margin:3px 0;padding:7px 0 5px 0;text-align:center} .category-box label{padding-right:10px;font-weight:normal;vertical-align:top} .category-box input[type=radio]{vertical-align:top} .category-box dl{margin:0} .category-box dl dt,.category-box dl dd{display:inline} .category-box dl dt{font-weight:700} .category-box dl dd{padding-left:10px} .category-box2{float:left;width:100%;margin:3px 0;padding:7px 0 5px 0;text-align:center} .category-box2 label{padding-right:5px;font-weight:normal;vertical-align:top} .category-box2 input[type=radio]{vertical-align:top} .category-box2 dl{margin:0} .category-box2 dl dt,.category-box2 dl dd{display:inline} .category-box2 dl dt{font-weight:700} .category-box2 dl dd{padding-left:10px} .img-mapbox{float:left;width:100%;margin:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd} .img-mapbox img{width:100%} .img-wbox{float:left;width:100%;margin:10px 0 0 0;} .img-wbox img{width:100%} .tb-topbox{display: block;text-align:right;} /* pop up */ .popup-box{position:absolute;width:100%;top:-80px;padding:10px 15px 8px 15px;border:3px solid #a0a0a0;background:#fff;-webkit-box-shadow:5px 5px 5px -2px rgba(110,110,110,0.55);box-shadow:5px 5px 5px -2px rgba(110,110,110,0.55);z-index:100} hr.hr-pop{display:inline-block;width:100%;margin:20px 0 10px 0;border-top:1px dashed #aaa} .btpop-btnbox{display:inline-block;width:100%;padding:2px 0 5px 0;text-align:right} .btpop-btnbox button{margin-left:5px} /* etc */ body{font-size:16px} .bottom-box{margin-bottom:10px;border-bottom:1px dashed #ccc;background:#fff} .content{padding-bottom:150px} .main-footer{position:fixed;bottom:0;width:100%;font-size:12px} .blind{position:absolute;top:0;left:-99999px;font-size:1px;color:#fff;text-indent:-999999px;line-height:0} .f12{font-size:12px} .f13{font-size:13px} .f14{font-size:14px} .f-gray{color:#666} .f-info{color:#385490}/*2019.01.17 lsy*/ .f-info:hover,.f-info:focus{text-decoration:underline;color:#385490}/*2019.01.17 lsy*/ .fl-right{float:right} .f-blue{color:#385490}/*2019.01.17 lsy*/ .f-red{color:#e33b30}/*2019.01.17 lsy*/ .text-ln{padding:5px 3px;font-size:12px} .text-center{text-align:center} .table-responsive{border:1px solid #dfdfdf !important} table th{vertical-align:middle !important} .tb_mwrap{float:left;width:100%;margin-top:35px} .p-exp{display:inline-block;margin-top:15px;font-size:16px;font-weight:400;color:#222} .p-exp i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:8px;line-height:16px;vertical-align:middle;background:#bbb} .mgt-5{margin-top:5px !important} .mgt-10{margin-top:10px !important} .mgt-15{margin-top:15px !important} .mgt-20{margin-top:20px !important} .mgt-25{margin-top:25px !important} .mgt-30{margin-top:30px !important} .mgt-35{margin-top:35px !important} .mgb-5{margin-bottom:5px !important} .mgb-0{margin-bottom:0 !important} .mgb-10{margin-bottom:10px !important} .mgb-15{margin-bottom:15px !important} .mgb-25{margin-bottom:25px !important} .mgt-mid{margin-top:120px} .mgt-mid2{margin-top:90px} .mgl-3{margin-left:3px} .mgl-5{margin-left:5px} .mgl-10{margin-left:10px} .mgl-15{margin-left:15px} .mgl-m11{margin-left:-11px} .mgr-10{margin-right:10px} .pd-10{padding:10px} .pd-15{padding:15px} .pd-25{padding:25px} .pdt-mid{padding-top:12px !important} .pdt-15{padding-top:15px} .pdt-25{padding-top:25px} .pdb-15{padding-bottom:15px} .pdb-25{padding-bottom:25px} .pdl-5{padding-left:5px} .pdl-10{padding-left:10px} .pdl-15{padding-left:15px} .pdr-15{padding-right:15px !important} .pdlr-5{padding-left:15px;padding-right:5px} .pd-blk1{padding-left:32px} .banner-high1{height:100px} input[type=text].wd-100,textarea.wd-100{width:100%} .wd-60p{width:60%} .color-white{color:#fff} .color-grn{color:#0c8a39} .color-dngrn{color:#558473} .color-lgray{color:#aaa} .color-sred{color:#f14e4e} .box-inpop{position:relative;padding:20px 10px 10px 10px} .bg-white{background-color:#fff} .bg-ltgray{background:#f7f7f7} .bg-ltgray2{background:#f0f0f0} .bg-yellow-icon{background:#ffff00;font-size:18px;border-radius:50%;} .lb-blue{display:block;width:100%;padding:5px;border-radius:3px;border:1px solid #b1d6ed;text-align:center;background:#b0d5ec}/*2019.01.24 lsy*/ .lb-pur{display:block;width:100%;padding:5px;border-radius:3px;border:1px solid #d6b8ef;text-align:center;background:#cab4da}/*2019.01.24 lsy*/ .lb-org{display:block;width:100%;padding:5px;border-radius:3px;border:1px solid #cebd9b;text-align:center;background:#dccab3}/*2019.01.24 lsy*/ .lb-lgpct{display: inline-block;margin:35px 0 0 0;padding: 15px 20px 14px 20px;font-size:18px;line-height: 18px;background: #3f69e0;color: #fff;border-radius: 4px} /* 2018.12.10 새로 추가*/ .dv-wrap{display:block} /* 2018.12.10 새로 추가*/ .tb-box2 a:not(:text-primary){ /* 2019.12.12 bootstrap.css 중복으로 인한 제외 */ color:#333 } .ic-view{display:inline-block;padding-top:17px;vertical-align:top} .ic-view i{font-size:30px;color:#aaa} .ic-view2{display:inline-block;padding-top:10px;vertical-align:top} .ic-view2 i{font-size:30px;color:#aaa} .ic-view-tb{display:inline-block;padding:0 0 0 10px;vertical-align:middle} .ic-view-tb i{font-size:23px;color:#aaa} .lb-sred{display:inline-block;margin:0;padding:6px 2px 5px 2px;font-size:12px;color:#fff;border-radius:3px;background:#eb6007}/*2019.01.22 lsy*/ .lb-sgray{display:inline-block;margin:0;padding:6px 2px 5px 2px;font-size:12px;color:#fff;border-radius:3px;background:#797979} hr.hr-lns{ display:inline-block; width:100%; margin-top: 15px; margin-bottom: 15px; border: 0; border-top: 1px dashed #ccc; } hr.hr-ln { display:inline-block; width:100%; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px dashed #ccc; } hr.hr-lnd{display:inline-block;width:100%; margin-top: 20px; margin-bottom: 20px; border: 0;border-top: 1px dashed #ccc} hr.hr-lns2{display:inline-block;width:100%; margin-top: 10px; margin-bottom: 10px; border: 0;border-top: 1px dashed #aaa} .inputright{ text-align: right; } .bt-btnbox{display:inline-block;width:100%;padding:25px 0 10px 0;text-align:center} .bt-btnbox button{margin-left:5px} .bt-btnbox ul{width:100%;margin:0;padding:0} .bt-btnbox ul li{float:left;width:50%;display:inline;list-style:none;text-align:right} .btm-btnbox{display:inline-block;width:100%;padding:5px 0 10px 0;text-align:center} .btm-btnbox button{margin-left:5px} .btm-btnbox ul{width:100%;margin:0;padding:0} .btm-btnbox ul li{float:left;width:50%;display:inline;list-style:none;text-align:right} .btr-btnbox{display:inline-block;width:100%;padding:5px 0 10px 0;text-align:right} .btr-btnbox button{margin-left:6px} .btf-btnbox{display:inline-block;width:100%;padding:0px 0 5px 0;text-align:center} .btf-btnbox button{margin-left:6px} .btf-btnbox ul{width:100%;margin:0;padding:0} .btf-btnbox ul li{float:left;width:50%;display:inline;list-style:none;text-align:right} .btn-dpgray {color: #fff;background-color: #888; border-color: #787878} .btn-dpgray:focus,.btn-dpgray.focus {color: #fff;background-color: #777;border-color: #787878} .btn-dpgray:hover {color: #333; background-color: #ddd;border-color: #adadad} .btn-black {color: #fff;background-color: #222; border-color: #333} .btn-black:focus,.btn-dpgray.focus {color: #fff;background-color: #666;border-color: #777} .btn-black:hover {color: #fff; background-color: #666;border-color: #777} .btn-white {color: #444;background-color: #fff; border-color: #787878} .btn-white:focus,.btn-dpgray.focus {color: #444;background-color: #777;border-color: #fff} .btn-white:hover {color: #444; background-color: #ddd;border-color: #adadad} .btn-dpgray:active, .btn-dpgray.active, .open > .dropdown-toggle, .btn-dpgray {color: #333;background-color: #ddd;border-color: #adadad;} .btn-gray-s{display:inline-block;padding:3px 7px;font-size:14px;color:#fff;border:0;border-radius:3px;background:#696969} .btn-olive2{color:#fff;border:1px solid #0982b6;background:#0982b6}/*2019.01.22 lsy*/ .btn-olive2:hover{color:#444;border:1px solid #ababab;background:#fff} .btn-olives2{padding:3px 2px !important;font-size:14px;font-weight:400;color:#fff;border:1px solid #0982b6;border-radius:3px;background:#0982b6}/*2019.01.22 lsy*/ .btn-olives3{padding:6px 12px !important;font-size:14px;font-weight:400;color:#fff;border:1px solid #0982b6;border-radius:3px;background:#0982b6}/*2019.01.22 lsy*/ .btn-grays2{padding:3px 2px !important;font-size:14px;font-weight:400;color:#fff;border:1px solid #686868;border-radius:3px;background:#777} .btn-green2{padding:3px 2px !important;font-size:14px;font-weight:400;color:#fff;border:1px solid #019ebe;border-radius:3px;background:#019ebe}/*2019.01.22 lsy*/ .btn-btngrp1{margin: 0 0 0 -12px; width: 40px;} .btn-btngrp2{margin: 8px 0 0 -12px; width: 40px;} .btn{margin-left:2px;margin-bottom:5px;padding:6px 20px}/*2019.03.19 lsy*/ .btn i{display:none}/*2019.01.17 lsy*/ .btn i.ic-on{display:inline-block !important} /* 2019.03.19 lsy*/ .btn-info {background-color: #019ebe !important;border-color: #019ebe !important;}/*2019.01.22 lsy*/ .btn-info:hover,.btn-info:active,.btn-info.hover {background-color: #06819a !important;border-color: #06819a !important;}/*2019.01.22 lsy*/ .btn-imprt{color:#fff;background-color:#eb6007;border-color:#eb6007}/*주요버튼에 사용 - 저장 등*//*2019.01.22 lsy*/ .btn-imprt:hover,.btn-imprt:active{color:#fff;background-color:#eb4800;border-color:#eb4800}/*2019.01.22 lsy*/ .btn-warning {background-color: #888; border-color: #888;} /* 삭제버튼에 사용 *//*2019.01.17 lsy*/ .btn-warning:hover,.btn-warning:active,.btn-warning.hover{background-color: #767676;border-color:#767676}/*2019.01.17 lsy*/ .btn-whbk{color:#222 !important;background-color: #fff !important;border-color: #777 !important;}/*2019.01.24 lsy*/ .btn-sm,.btn-group-sm{padding:4px 3px 3px 3px !important;font-size:12px;border-radius:3px}/*2019.01.24 lsy*/ .btn-md,.btn-group-md{padding:9px 25px !important;font-size:14px;border-radius:3px}/*2019.05.29 lsy*/ .btn-inbox-g{display:inline-block;padding:5px 7px;font-size:14px;color:#fff;border-radius:3px;background:#777} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index:2;color:#ffffff;background-color:#0482b7;border-color:#0482b7;cursor:default;}/*2019.01.22 lsy*/ table caption{position:absolute;top:0;left:-99999px;font-size:1px;color:#fff;text-indent:-999999px;line-height:0} #map { width: 100%; } /*2018.07.19 lsy*/ /* dash board */ .dsb-box{padding:0;-webkit-box-shadow:3px 3px #dfdfdf;box-shadow:3px 3px #dfdfdf;border-radius:4px;border:1px solid #bababa;background:#fff} .dsb-title{float:left;width:100%;padding:5px 15px;border-bottom:1px solid #cbcbcb;-webkit-box-sizing:border-box;box-sizing:border-box;/* background:url(../../common/images/title_patbg2.gif) */} .dsb-title ul{margin:0;padding:0} .dsb-title ul li{display:inline;list-style:none} .dsb-title .title{float:left;padding-right:10px} .dsb-title .etc{float:right;padding:7px 0 0 0} .dsb-title h4{display:inline-block;font-size:18px;font-weight:700} .dsb-title select{width:120px;padding:3px 1px 2px 1px;font-size:14px}/* 2018.07.25 lsy */ .dsb-title input[type=date]{width: 140px;font-size:14px;}/* 2018.11.21 lsy */ .dsb-title input[type=month]{width: 135px;font-size:14px;}/* 2018.11.21 lsy */ .dsb-title button{padding:2px 10px;font-size:14px;color:#fff;text-align:center;border:1px solid #05a2c2;border-radius:2px;background:#05a2c2}/* 2019.01.22 lsy*/ .dsb-title a{display:inline-block;padding:2px 10px;font-size:14px;color:#fff;text-align:center;border: 1px solid #05a2c2;border-radius:2px;background: #05a2c2;}/* 2019.01.22 lsy*/ .dsb-title span{display:inline-block;padding-top:5px} .dsb-title span strong{color:#0088a3}/* 2019.01.22 lsy*/ .dsb-section1{padding-top:10px} .dsb-section2{padding-top:15px} .dsb-section3{padding-top:15px} .dsb-section4{padding-top:15px} .dsb-textbox{float:left;width:100%;padding-top:25px} .dsb-textbox ul{margin:0;padding:0} .dsb-textbox ul li{width:100%;list-style:none;padding:7px 0 7px 0;border-bottom:1px dashed #cdcdcd;-webkit-box-sizing:border-box;box-sizing:border-box}/* 2019.01.17 lsy*/ .dsb-textbox ul li:before{display:inline-block;content:'';width:4px;height:4px;margin:10px 8px 0 0;background:#05a2c2;vertical-align:top}/* 2019.01.22 lsy*/ .dsb-textbox ul li strong{color:#ff5012}/* 2019.01.17 lsy*/ .dsb-graphbox{display:inline-block;width:100%;margin-top:10px;margin-bottom:10px} .dsb-graphbox2{display:inline-block;width:100%;} .table-layout{width:100%;min-height:.01%;margin-bottom:15px;padding:0 !important;} .dsb-inbox{display:inline-block;width:100%;padding-top:10px} .p-dsbtop{display:inline-block;width:100%;margin-top:7px;line-height:18px;text-align:right;font-size: 12px} .p-dsbtop2{display:inline-block;width:100%;margin: 5px 0 5px 0;line-height:18px;text-align:left;font-size: 12px; } .dsb-box > div{padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;box-sizing:border-box} .dsb-box > .table-layout{padding:0 15px !important} .dsb-box > .div-mapChart {padding:0;} .dsb-box p{padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;box-sizing:border-box} .dsb-box p strong{color: #048aa5}/* 2019.01.22 lsy*/ .dsb-inbox{padding-left:0 !important;padding-right:0 !important} .dsb-box .num{color:#048aa5}/* 2019.01.22 lsy*/ .box-footer{padding:10px 3px 10px 3px} .form-control{font-size:14px}/*2018.09.10 shin */ select.text-center{text-align:center} /* main header */ /*2018.09.07 shin */ /*관리자 메뉴 수정 .main-header .navbar-custom-menu{display:inline-block;width:100%; float:right} */ .main-header .sidebar-toggle{padding:15px 15px 13px 15px}/*2018.05.16 lsy*/ .navbar-custrom-menu > .navbar-nav{display:inline-block;width:100%;margin:0} .navbar-custom-menu{} .navbar-custom-menu .logo{width:100%;padding-left:0;padding-right:0px;color:#fff;text-align:center} .navbar-custom-menu .logo .logo-lg{font-size:20px;text-align:center} .main-header .ic-home{float:left;padding:16px 0 0 0;font-family:fontAwesome;color:#fff;background-color:transparent;background-image:none} .main-header .ic-home i{font-size:19px !important} .nav > li > a{padding: 15px 8px }/*2018.05.16. lsy*/ .nav a .ic-topbell{display:inline-block;margin-top:-2px;vertical-align:top} .nav a .ic-topbell i{color:#fff;font-size:13px} .navbar-menu li:first-child a{padding-left:0} .nav > li > a{display:inline-block} .nav > li{display:inline-block} .mhead{width:100% !important;margin:0 !important;padding:0 !important} .mhead li{margin:0 !important;padding:0 !important} .mhead .fl{float:left !important;;width:30%} .mhead .cnt{display:inline-block;width:40%;text-align:center !important} .mhead .fr{float:right !important;;width:30%;text-align:right !important} /* main header */ /*2018.09.07 shin */ /*관리자 메뉴 수정 #topMenuWrap{display:block;width:100%;text-align:center} #topMenuWrap li{display:inline-block;float:none} */ /*2018.09.10. shin 관리자 상단 주 메뉴 */ #topMenuWrap > .nav > li > a{padding: 15px 8px } .main-header .nav > li > a{padding: 14px 8px } /* 2018.06.27 디자인추가 */ .text-left {text-align: left;} .pdt-20 {padding-top: 20px !important;} .form-group .telespan2 {float: left; margin-left: .25em; margin-right: .25em;} .form-group .mtele1 {float: left; width: 27%} @media(min-width:768px){ .hidden-phone{display: none} .newline-phone{font-size:18px;} .form-horizontal .control-login-label{ padding-top:10px;margin-bottom:0;font-size:16px;text-align:right } .text-sm-way{text-align:left} .mpd-01{padding-left:0 !important} .btr-btnbox{display:inline-block;width:70%;padding:5px 0 10px 0;text-align:right} .btf-btnbox{display:inline-block;width:70%;padding:0px 0 5px 0;text-align:center} .rolling{padding:0 20px}/*2018.05.16 lsy*/ /* 2018.06.27 디자인 추가 */ .sm-top{padding-top:15px;} .form-group .telespan2{float: left; padding: 5px 0 0 16px;} .form-group .mtele1{float: left; width: 20%;} .newline-phone-intro{display: block;} .left-menu .date-access{display:none}/*2019.01.03 lsy*/ } @media(max-width:767px){ .hidden-phone{position:absolute;top:0;left:-99999px;font-size:1px;color:#fff;text-indent:-999999px;line-height:0} .newline-phone{display: block;font-size:18px;} .newline-phone-intro{display: block;} .alarm-box{width:98%;padding:10px 20px 10px 5px} .alarm-box button i{font-size:30px} .alarm-box button span{font-size:14px} .dash-box .icon-menubox button{width:95%;height:100px;padding:2px} .dash-box .icon-menubox button i{font-size:32px} .icon-menubox button span{font-size:12px} .term-height1{height:120px} #map{height:350px} #frmhsmap{height:350px} .mgt-sm-15{margin-top:15px} .mgt-sm-25{margin-top:25px} .mgt-sm-35{margin-top:35px} .text-sm-way{text-align:left} .btn-sm-height{margin-left:15px} .btn-sm-height2{margin-left:15px} .m-ft-menu a{display:inline-block;width:60%;padding:1px 0 2px 0} .ft-inbox .input-group{margin:7px 0} .round-sm-box{margin-bottom:15px} .dash-box .col-sm-4{width:40%;} .dash-box .col-sm-offset-1{margin-left: 6.3%} .mpd-0{padding:0 !important} .mpd-01{padding:0 !important} .main-header .navbar-custom-menu{display:inline-block} .navbar-custom-menu > .navbar-nav{display:inline-block !important;} /* main header */ /*2018.09.07 shin */ /*관리자 메뉴 수정 .main-header{background:#058232;margin:0;padding:0;height:50px} 2018.05.16 lsy */ .main-header{background:#05a2c2;margin:0;padding:0;}/*2019.01.22 lsy*/ .main-header > .logo{width:100%;text-align:center;}/*2018.09.07 shin*/ .rolling-banner div button,.rolling-banner div{display:inline-block;vertical-align:middle}/*2018.05.16 lsy*/ .rolling{width:65%;height:40px;overflow-y:hidden}/*2018.05.16 lsy*/ .navbar-custom-menu .navbar-nav .mn-text{position:absolute;text-indent:-999999px;font-size:1px}/*2018.05.16 lsy*/ /*.main-header > .logo{display:inline-block;width:56%;text-align:right}2018.05.16 lsy*/ .main-header .head-right{float:right !important;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}/*2018.05.16 lsy*/ .head-right a{padding:15px 8px !important}/*2018.05.16 lsy*/ .xs-top{padding-top:13px !important} .xs-top-lb{padding-top:20px !important} .intro-subbox{display:block;width:100%;margin:0 auto;padding:10px 0}/*2018.12.12 lsy*/ .intro-subbox > div{display:block;width:100%;margin:5px 0 30px 0;padding:10px 0;text-align:center;border-bottom:1px solid #ccc;-webkit-box-shadow:0 3px 1px #eee;box-shadow:0 3px 1px #eee}/*2018.12.12 lsy*/ .intro-subbox > div:last-child{border-bottom:0;-webkit-box-shadow:none;box-shadow:none}/*2018.12.12 lsy*/ .intro-subbox .sub-img{display:block;vertical-align:top}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-11{margin:0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-12{margin:10px auto 0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-13{margin:10px auto 0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-21{margin:10px auto 0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-22{margin:0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-31{margin:10px auto 0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-32{margin:10px auto 0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-11{margin:0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-12{margin:10px auto 0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-21{margin:10px auto 0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-22{margin:10px auto 0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-31{margin:0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-32{margin:10px auto 0 auto}/*2018.12.12 lsy*/ .intro-subbox .sbimg3-11{margin:10px auto 0 auto}/*2018.12.12 lsy*/ /* 2019.01.15 lsy */ .multi-titleboxs2 ul{margin:0;padding:0} .multi-titleboxs2 ul li{width:100%;padding:0 0 15px 0} .multi-titleboxs2 ul li input{margin-left: 15px;vertical-align:top;} .multi-titleboxs2 ul li label{font-weight:normal;vertical-align:top} .multi-titleboxs2 .lb{padding:0;margin-top: -2px;} /* 2019.01.16 main lsy */ .main-slidewrap{width:78%;height:242px} .main-slide{height:206px} .main-slide > ul > li > div{width:95%;height:170px;margin:40px auto 0 auto} h2.main-titnew{margin:15px 0 0 25px;font-size:16px} .main-sidebox{width:22%;height:242px} .main-sidebox a{width:100%;font-size:15px;line-height:80px;} .btn-msd1{height:81px;border-bottom:1px solid #003e62}/*2019.01.31 lsy*/ .btn-msd2{height:80px;border-bottom:1px solid #0e4260}/*2019.01.31 lsy*/ .btn-msd3{height:81px}/*2019.01.31 lsy*/ .main-tools{width:75%;margin:214px 9px 0 0} .main-ctbox > div{width:100%} .m-ctbx1{} /* 2019.04.30 lsy*/ .m-ctbx2{} /* 2019.04.30 lsy */ .main-ctbox > div > div{ width: 100%;} /* 2019.04.30 lsy*/ .main-ctbox > div > div:first-child{border-bottom:1px solid #c3c8ca} /*2019.04.30 lsy*/ .main-ctbox h3.mc-titnew{margin:14px 0 0 0;font-size:15px} .main-ctbox h3.mc-titnew span{font-size:12px} .ng-txtbox{margin:15px 0 0 0} .ng-txtbox ul{width:85%;margin:0 auto} .ng-txtbox ul li{padding:7px 0 8px 0;font-size:13px;line-height:18px;letter-spacing:-1px} .ng-txtbox ul li:before{margin:7px 5px 0 0} .ng-txtbox ul li strong{font-size:16px;line-height:16px} .m-chart{height:150px;margin:10px auto 0 auto} .m-btfbox{padding:12px 15px 10px 15px} .m-btfbox a{display:inline-block;width:100%;padding:12px 0;font-size:16px} } @media (min-width: 768px) and (max-width: 991px) { .alarm-box{width:95%;padding:10px 20px 10px 5px} .alarm-box button i{font-size:30px} .alarm-box button span{font-size:16px} .dash-box .icon-menubox button{width:90%;height:140px;padding:5px} .dash-box .icon-menubox button i{font-size:62px} .icon-menubox button span{font-size:15px} .term-height1{height:250px} select.form-control{min-width:50px;padding:4px 2px !important} select.form-control.mgl-sm{margin-left:13px}/* 2019.03.22 lsy */ .mgl-sm {margin-left: 13px !important;} /*2019.05-24 lsy*/ label.control-label.pdl-sm{padding-left:13px !important}/* 2019.03.22 lsy*/ input.form-control{margin-left:13px} .text-sm-way{text-align:right} } @media(max-width:991px){ .navbar-custom-menu > .navbar-nav{display:inline-block !important;} } @media (min-width: 992px) and (max-width: 1199px) { .alarm-box{width:95%;padding:10px 40px 10px 5px} .alarm-box button i{font-size:40px} .alarm-box button span{font-size:20px} .dash-box .icon-menubox button{width:85%;height:140px;padding:5px} .dash-box .icon-menubox button i{font-size:62px} .icon-menubox button span{font-size:18px} .term-height1{height:250px} #map{height:400px} #frmhsmap{height:400px} select.form-control{min-width:50px;padding:4px 2px !important} .m-wrap{width:95%;margin:0 auto} .text-sm-way{text-align:right} .btn-sm-height{margin-top:20px} .btn-sm-height2{margin-top:47px} .wrapper-inbox{min-height: 570px} .m-ft-menu a{margin:0 15px} } @media (min-width: 1200px) { .alarm-box{width:95%;padding:10px 35px 10px 5px} .alarm-box button i{font-size:35px} .alarm-box button span{font-size:20px} .dash-box .icon-menubox button{width:80%;height:150px;padding:5px} .dash-box .icon-menubox button i{font-size:62px} .icon-menubox button span{font-size:20px} .term-height1{height:250px} #map{height:700px} #frmhsmap{height:500px} select.form-control{min-width:50px;padding:4px 2px !important} .multi-titlebox2{display:block;margin-top:35px;padding-right:16px;padding-bottom:5px} .m-wrap{width:95%;margin:0 auto} .text-sm-way{text-align:right} .btn-sm-height{margin-top:20px} .btn-sm-height2{margin-top:47px} .wrapper-inbox{min-height:570px} .m-ft-menu a{margin:0 15px} .mpd-01{padding-left:0 !important} .intro-subbox{display:block;width:1100px;margin:0 auto;padding:15px 0}/*2018.12.12 lsy*/ .intro-subbox > div{display:block;width:100%;margin:5px 0 40px 0;padding:10px 0;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:7px;border:1px solid #ccc;background:#fff}/*2018.12.12 lsy*/ .intro-subbox .sub-img{display:inline-block;vertical-align:top}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-11{width:459px;height:444px;margin:0 0 0 3px;background:url(../images/imgncnt_fpc1_1.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-12{width:296px;height:462px;margin:0 0 0 15px;background:url(../images/imgncnt_fm1_11.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-13{width:296px;height:515px;margin:0 0 0 15px;background:url(../images/imgncnt_fm1_12.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-21{width:459px;height:444px;margin:0 0 0 10px;background:url(../images/imgncnt_fpc1_2.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-22{width:296px;height:462px;margin:0 0 0 30px;background:url(../images/imgncnt_fm1_21.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-31{width:459px;height:444px;margin:0 0 0 10px;background:url(../images/imgncnt_fpc1_3.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-32{width:296px;height:494px;margin:0 0 0 30px;background:url(../images/imgncnt_fm1_31.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-11{width:459px;height:444px;margin:0 0 0 100px;background:url(../images/imgncnt_fpc2_1.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-12{width:296px;height:649px;margin:0 0 0 100px;background:url(../images/imgncnt_fm2_11.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-21{width:459px;height:444px;margin:0 0 0 100px;background:url(../images/imgncnt_fpc2_2.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-22{width:296px;height:939px;margin:0 0 0 100px;background:url(../images/imgncnt_fm2_21.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-31{width:459px;height:444px;margin:0 0 0 100px;background:url(../images/imgncnt_fpc2_3.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-32{width:296px;height:531px;margin:0 0 0 100px;background:url(../images/imgncnt_fm2_31.png) no-repeat}/*2018.12.12 lsy*/ .intro-subbox .sbimg3-11{width:459px;height:394px;margin:0 0 0 100px;background:url(../images/imgncnt_fpc3_1.png) no-repeat}/*2018.12.12 lsy*/ } /***************************************/ .section-title { margin-bottom: 70px; padding-bottom: 0; font-weight:400; font-size:16px; } .section-title h1 { margin-top:10px; margin-bottom:15px; font-weight:700; } .section-title h1 i { margin-right:22px; } /* main header */ /*2018.09.07 shin */ /*관리자 > 코드관리 신규등록 수정*/ .btn-primary {border-color: #056e84;background-color: #056e84}/*2019.01.24 lsy*/ .btn-primary:hover,.btn-primary:active,.btn-primary.hover {border-color: #056e84;background-color: #056e84}/*2019.01.24 lsy*/ .btn-success { background-color: #00659f; border-color: #00659f;}/*2019.01.24 lsy*/ .btn-success:hover,.btn-success:active,.btn-success.hover {border-color: #00659f; background-color: #00659f;}/*2019.01.24 lsy*/ .parallax-section { background-position: 50% 0; background-repeat: no-repeat; background-size: cover; background-attachment:fixed; width: 100%; min-height:437px; color:#fff; position:relative; } .navbar-toggle { border: 1px solid rgb(255, 255, 255); margin-top: 13px; margin-right: 15px; } .navbar-toggle .icon-bar { background-color: #1c1c1c; } .navbar-nav li .nav-link { border-bottom: 1px solid #f3f3f3; padding: 10px 15px; padding-right: 15px; } .navbar-nav li .nav-link { color: #333333; font-size: 16px; padding: 28px 15px 27px 15px; z-index: 102; border: none; border-right: 1px solid transparent; border-left: 1px solid transparent; } .main-menu .navbar-left > li { margin-left: 10px; } .main-menu li a { padding: 8px 10px; color: #232729; line-height: 18px; font-weight: 400; } .main-menu .navbar-collapse .navbar-nav.navbar-left:last-child { margin-right: -10px; } .main-menu .navbar-collapse { -webkit-box-shadow: none; box-shadow: none; } .main-menu .navbar-toggle { margin: 0px; } .main-menu .navbar-toggle .icon-bar { background: #333739; } .sub_menu { display: block; float: left; width: 100%; } .sub_menu li { width:100%; } @media screen and (min-width: 768px) { .sub_menu li { width:auto; } } @media screen and (max-width: 768px) { .navbar-collapse { width:100%; } } /*============================== =========navigation-section========= ================================*/ .navbar-fixed-top { background-color:rgba(37, 124, 193, 0.30); -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .navbar-fixed-top.main-nav { background-color:rgba(58, 58, 99, 0.90); } .active a { font-weight:700; } .navbar-brand { height:83px; padding: 10px 10px 10px 10px; } .menu-hide .navbar-fixed-top { top:-61px; } .menu-icon { float: right; font-size:small; margin:0; } .menu-icon > div:first-child { padding-left: 0; } .menu-icon > div { padding-top: 30px; float: left; padding-right:20px; } .menu-icon > div.login a { background-color:#eb6100; border-color: #eb6100; color: #fff; border-radius: 7px; padding:8px; } .menu-icon > div a { color: #eb6100; } .menu-icon > div button i, .menu-icon > div a i { font-size: 17px; } /* Small devices (tablets, phones less than 767px) */ @media screen and (max-width: 321px) { .navbar-brand { padding:3px; } } @media screen and (max-width: 500px) { .menu-icon > div { padding-right: 8px; } .navbar-header { width:auto; } } @media screen and (min-width: 221px) { .menu-icon { float:right; } } @media screen and (max-width: 376px) { .menu-icon > div { padding-right: 1px; } .menu-icon > div button i, .menu-icon > div a i { padding-right:2px;} } /*============================== =========slider-section========= ================================*/ #main-slider-wrapper, #slider-bg-wrapper { position:relative; overflow:hidden; } #slider-section, #home-section { background-repeat:no-repeat; background-size:cover; background-color:#fff; position:relative; color:#fff; height:100%; } .main-slider .slider-content { margin-top:100px; font-size:24px; font-weight:100; overflow:hidden; position:relative; z-index:10; padding-bottom:50px; margin-bottom: 30px; } .main-slider .slider-content .slider-text { max-width:500px; } .main-slider.full-height .slider-content { margin-top:100px; } .slider-content .mobile-mockup { text-align:center; } .slider-content .mobile-mockup img { display:inline-block; } .main-slider .slider-content h1 { font-size:32px; text-transform:initial; margin-bottom:25px; line-height:38px; color:#393339; font-weight:500; } .main-slider .slider-content P { font-size:16px; font-weight:300; text-transform:initial; color:#5d5d5d; } .separator { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 1px; margin: 20px auto 15px; position: relative; -webkit-transform: translateZ(0px) scale(1, 1); transform: translateZ(0px) scale(1, 1); width: 100%; } .separator::after { background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(transparent), color-stop(35%, rgba(0, 0, 0, 0.09)), color-stop(70%, rgba(0, 0, 0, 0.09)), to(transparent)) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.09) 35%, rgba(0, 0, 0, 0.09) 70%, transparent 100%) repeat scroll 0 0; bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } .separator-2 { height: 1px; margin-bottom: 15px; position: relative; width: 100%; } .separator-2::after { background: rgba(0, 0, 0, 0) -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), to(transparent)) repeat scroll 0 0; background: rgba(0, 0, 0, 0) -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%) repeat scroll 0 0; background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, transparent 100%) repeat scroll 0 0; bottom: -1px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; } .main-slider .slider-content h1 span { font-weight:700; } .main-slider .slider-content .version { font-size:16px; font-weight:400; margin-top:50px; } .social li a { background-color: #2a2a2a; padding: 15px; font-size: 30px; display:block; color:#fff; } .social li a:hover .fa-facebook { color:#566C9E; } .social li a:hover .fa-twitter { color:#0EB1F2; } .social li a:hover .fa-google-plus { color:#D54831; } .social li a:hover .fa-linkedin { color:#1F84D2; } .social li a:hover .fa-pinterest { color:#CD565C; } .social-icons { font-size:16px; font-weight:600; margin-bottom:125px; } .social-icons ul { margin-top:20px; } .social-icons ul li i { background-color:#fff; color:#ed145b; height:25px; width:25px; font-size:18px; line-height:25px; display:block; border-radius:3px; text-align:center; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .social-icons ul li i:hover { color:#fff; } .social-icons ul li i:hover.fa-facebook { background-color:#566C9E; } .social-icons ul li i:hover.fa-twitter { background-color:#0EB1F2; } .social-icons ul li i:hover.fa-google-plus { background-color:#D54831; } .social-icons ul li i:hover.fa-linkedin { background-color:#1F84D2; } .social-icons ul li i:hover.fa-pinterest { background-color:#CD565C; } .bubbles .bubble { height:200px; width:200px; border-radius:100%; background-color:rgba(77, 15, 140, 0.11); position:absolute; } .bubbles .bubble.bubble-one { left:-50px; bottom:-100px; } .bubbles .bubble.bubble-two { left:5%; bottom:-150px; } .bubbles .bubble.bubble-three { left:15%; bottom:-170px; } .bubbles .bubble.bubble-four { left:25%; bottom:-120px; } .bubbles .bubble.bubble-five { left:30%; bottom:-140px; } .bubbles .bubble.bubble-six { left:40%; bottom:-170px; } .bubbles .bubble.bubble-seven { left:48%; bottom:-150px; } .bubbles .bubble.bubble-eight { left:55%; bottom:-100px; } .bubbles .bubble.bubble-nine { left:60%; bottom:-130px; } .bubbles .bubble.bubble-ten { left:70%; bottom:-100px; } .bubbles .bubble.bubble-eleven { left:75%; bottom:-120px; } .bubbles .bubble.bubble-twelve { left:80%; bottom:-150px; } .bubbles .bubble.bubble-thirteen { left:85%; bottom:-170px; } .bubbles .bubble.bubble-fourteen { left:90%; bottom:-130px; } .bubbles .bubble.bubble-fifteen { left:95%; bottom:-100px; } .bubbles .bubble.bubble-fifteen { left:100%; bottom:-100px; } .main-slider { } .main-slider .btn-primary { margin-bottom:25px; } .main-slider .apps-icons li a { color: #fff; font-size: 26px; margin-right: 10px; } .main-slider .apps-icons li a i { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .main-slider .apps-icons li a .fa-apple:hover { color:#000; } .main-slider .apps-icons li a .fa-windows:hover { color:#0078D7; } .main-slider .apps-icons li a .fa-android:hover { color:#A4C639; } #main-banner-section #slider-section { margin: 0 auto; padding: 35px 15px 0; } #slider-section { background-image:url(../images/main_img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; } #slider-bg-wrapper #slider-section .overlay-bg { background-color:rgba(0, 174, 239, 0.40); z-index:2; } #slider-bg-wrapper .vegas-timer { display:none; } #main-banner-section #slider-section { overflow:hidden; } /*=========Features-section==========*/ .owl-item > div, .owl-item .item h2, .owl-prev, .owl-next { color:#ebebeb; } .owl-item.active > div { color: #000 } #features .padding { padding-bottom:40px; } #features .section-title h1 { color:#00aeef; } #features-slider { margin-top:85px; } #features-slider .item img { display:inline-block; filter: grayscale(100%); -webkit-filter: grayscale(100%); opacity:0.3; margin-bottom:12px; } #features-slider .owl-item.active img { filter: grayscale(0); -webkit-filter: grayscale(0); opacity:1; } .owl-item .item { padding:0 20px; } .owl-item .item h2 { font-weight:700; margin-bottom:15px; } .owl-item.active .item h2 { color:#000; } .owl-prev, .owl-next { position:absolute; top:50%; margin-top:-50px; font-size:72px; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .owl-prev { left:-60px; } .owl-next { right:-60px; } .owl-prev:hover, .owl-next:hover { color:#000; } /*================Description==============*/ #description { background-color:#09afdf; color:#fff; } #description h3 { font-size:32px; font-weight:600; } #description .section-title { margin-bottom:45px; } #description .section-title h1 { margin-bottom:35px; } .description-section img { display:inline-block; } .descriptions { position:relative; } .description { padding-left:50px; font-size:15px; padding-top:20px; padding-right:20px; padding-bottom:10px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .description i { position:absolute; left:0; font-size:24px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .description:hover { background-color:rgba(37, 124, 193, 0.30); padding-left:65px; } .description:hover i { left:20px; } /*================Promotion==============*/ .promo-content { margin-top:125px; padding:0 25px; color:#000; font-size:16px; } .promo-content h1 { font-weight:700; margin-bottom:35px; } #promotion-two { background-color:#37393d; background-image:url(../images/others/promo-bg.jpg); background-size:cover; background-repeat:no-repeat; color:#fff; position:relative; } #promotion-two .overlay-bg { background-color:rgba(24, 27, 38, 0.75); } #promotion-two img { display:inline-block; } #promotion-two .container { position:relative; } #promotion-two h1 { text-transform:initial; margin-bottom:25px; } #promotion-two .section-title { max-width:735px; display:inline-block; } #promotion-two .section-title img { margin-bottom:20px; } /*================Choose Color==============*/ #choose-color { color:#707070; background-image:url(../images/others/color-bg.jpg); font-size:16px; background-color:#fff; } #choose-color .section-title { margin-bottom:35px; } #choose-color .section-title h1 { color:#531296; } .color-tab .color-images { max-width:350px; margin-top:25px; } .color-tab .color-images li { margin-right:10px; margin-bottom:20px; } .color-tab .tab-list { margin-bottom:15px; } .color-tab .tab-list li a { color:#8e8e8e; font-size:18px; font-weight:700; } .color-tab .tab-list .active a { color:#00aeef; } .tab-content .tab-pane { position: relative; } .color-tab { overflow:hidden; } /*================Screenshots==============*/ #screenshots { background-color:#893d9c; color:#fff; } #screenshots .section-title { margin-bottom:30px; } #screenshots .section-title h1 { margin-bottom:25px; } .owl-controls { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-theme .owl-controls { margin-top: 50px; text-align: center; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; border-radius: 20px; background-color: #5c2969; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { background-color:#fff; } /*================video-section==============*/ #video-section { padding-bottom:15px; } #video-section .section-title { margin-bottom:55px; } #video-section .section-title h1 { color:#e85642; margin-bottom:30px; } #video-section .video { margin-right:25px; position:relative; } #video-section .video .overlay-bg { background-color:rgba(232, 86, 66, 0.70); z-index:1; } .video img { position:relative; } .video .video-link { position: absolute; color: #fff; font-size: 100px; left: 50%; top: 50%; z-index: 1; text-align: center; margin-top: -50px; margin-left: -50px; line-height:100px; } .video .video-link:hover { opacity:0.7; } #video-section .content h3 { font-weight:400; text-transform:initial; margin-bottom:35px; line-height:28px; } #video-section .content>p { margin-bottom:25px; } #video-section .btn-primary { background-color:#e85642; margin-top:10px; } #video-section .btn-primary:before { border-top:2px solid #e85642; } #video-section .btn-primary:after { border-bottom:2px solid #e85642; } #video-section .btn-primary:hover:before { background-color:rgba(209, 85, 68, 0.7); } #video-section .btn-primary:hover:after { background-color:rgba(209, 85, 68, 0.7); } #video-section .btn-primary:hover, #video-section .btn-primary:focus { -webkit-box-shadow: 0px 0px 0px 1px #d15544; box-shadow: 0px 0px 0px 1px #d15544; border-color:#d15544; } /*================Pricing-section==============*/ #pricing-section { background-color:#f4f4f4; color:#777; } #pricing-section .section-title h1 { margin-bottom:30px; } .plans .plan { background-color:#fff; color:#616060; padding:10px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .plans .plan2:hover { background-color:#00bff3; color:#fff; } .plans .plan2:hover h1, .plans .plan2:hover h2 { color:#fff; } .plans .plan h1, .plans .plan h2 { font-weight:700; color:#000; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .plans .plan h1 { margin-top:10px; margin-bottom:30px; } .plans .plan h2 { font-size:20px; } .plans .plan .btn-primary { background-color:#00bff3; font-size:16px; padding:8px 20px; margin-top:20px; } .plans .plan .btn-primary:before { border-top:2px solid #04629e; } .plans .plan .btn-primary:after { border-bottom:2px solid #04629e; } .plans .plan:hover .btn-primary:hover:before { background-color:rgba(4, 98, 158, 0.7); } .plans .plan:hover .btn-primary:hover:after { background-color:rgba(4, 98, 158, 0.7); } .plans .plan:hover .btn-primary:hover, .plans .plan:hover .btn-primary:focus { -webkit-box-shadow: 0px 0px 0px 1px #04629e; box-shadow: 0px 0px 0px 1px #04629e; border-color:#04629e; } .plans .plan:hover .btn-primary { background-color:#0072bc; } .plans .map-plan { padding-left: 0px; padding-right: 0px; } /*================Review Section==============*/ #reviews .section-title { margin-bottom:45px; } #reviews .section-title h1 { margin-bottom:25px; color:#5db442; } #reviews .padding { padding-bottom:55px; } #reviews .section-title .review-count { margin-top:30px; color:#ababab; } #reviews .section-title .review-count h1 { font-weight:300; font-size:60px; margin-bottom:10px; } #reviews .section-title .review-count ul li { padding:0; font-size:24px; } #review-slider .owl-item .item { color:#000; } #review-slider .review-person { float:left; margin-right:25px; } #review-slider .review h3, .review .review-stars { display:inline-block; } #review-slider .review h3 { font-weight:800; } .review .review-stars { color:#5db442; margin-left:10px; font-size:14px; } #review-slider .owl-prev:hover, #review-slider .owl-next:hover { color:#5db442; } /*================Download-app==============*/ #download-app { background-color:#3a3a63; color:#fff; } #download-app .section-title { margin-bottom:50px; } #download-app .apps { margin-bottom:10px; } .apps .apps-icons li { margin:0 18px; } .apps .apps-icons li a { font-size:36px; color:#fff; } .apps .apps-icons li a:hover { opacity:0.6; } /*================Contact us==============*/ #contact-us .section-title h1 { color:#3a3a63; margin-bottom:25px; } #contact-us .contact-form { padding-top:90px; padding-bottom:75px; } #contact-form #message { height:220px; resize:none; padding:18px; } #contact-form .btn-primary { padding:12px 55px; display:inline-block; margin-top:35px; background-color:#3a3a63; } #footer-bottom { background-color:#3a3a63; color:#fff; padding:40px 0 30px; font-weight:300; } #footer-bottom a { color:#00aeef; font-weight:600; } /*================Index Blue==============*/ #blue .navbar-fixed-top { background-color:rgba(37, 124, 193, 0.90); } #blue .navbar-fixed-top.main-nav { background-color:rgba(0, 174, 239, 0.90); border-bottom: 1px solid rgba(12, 154, 208, 100); } #blue #description, #blue #screenshots, #blue #pricing-section, #blue #download-app, #blue #footer-bottom, #blue #promotion-two { background-color: #00aeef; } #blue #choose-color .section-title h1, #blue #video-section .section-title h1, #blue #reviews .section-title h1, #blue .review .review-stars, #blue #contact-us .section-title h1 { color: #00aeef; } #blue #choose-color { background-image: url(../images/others/why-bg.jpg); } #blue .owl-theme .owl-controls .owl-page span { background-color:#0362c0; } #blue .owl-theme .owl-controls .owl-page.active span, #blue .owl-theme .owl-controls.clickable .owl-page:hover span { background-color:#fff; } #blue #video-section .video .overlay-bg { background-color:rgba(0, 174, 239, 0.70); } #blue #video-section .btn-primary, #blue #contact-form .btn-primary, #blue #promotion-two .overlay-bg { background-color: #00aeef; } #blue #video-section .btn-primary:before, #blue #contact-form .btn-primary:before { border-top: 2px solid #1b99ce; } #blue #video-section .btn-primary:after, #blue #contact-form .btn-primary:after { border-bottom: 2px solid #1b99ce; } #blue #video-section .btn-primary:hover, #blue #video-section .btn-primary:focus, #blue #contact-form .btn-primary:hover, #blue #contact-form .btn-primary:focus { -webkit-box-shadow: 0px 0px 0px 1px #1b99ce; box-shadow: 0px 0px 0px 1px #1b99ce; border-color: #1b99ce; } #blue #video-section .btn-primary:hover:before, #blue #contact-form .btn-primary:hover:before { background-color:rgba(27, 153, 206, 0.7); } #blue #video-section .btn-primary:hover:after, #blue #contact-form .btn-primary:hover:after { background-color:rgba(27, 153, 206, 0.7); } #blue .plans .plan:hover { background-color:#0362c0; } #blue .plans .plan:hover .btn-primary:hover:before { background-color:rgba(7, 164, 207, 0.7); } #blue .plans .plan:hover .btn-primary:hover:after { background-color:rgba(7, 164, 207, 0.7); } #blue .plans .plan:hover .btn-primary:hover, #blue .plans .plan:hover .btn-primary:focus { -webkit-box-shadow: 0px 0px 0px 1px #00aeef; box-shadow: 0px 0px 0px 1px #00aeef; border-color:#00aeef; } #blue .plans .plan:hover .btn-primary { background-color:#00bff3; } #blue #footer-bottom a { color:#000; } #apps-imagebg #slider-section, #static-imagebg #slider-section { background-image:url(../images/slider/1.jpg); background-size:cover; background-color:#000; } #apps-imagebg .navbar-fixed-top, #static-imagebg .navbar-fixed-top { background-color: rgba(0, 0, 0, 0.90); } #apps-imagebg #description, #apps-imagebg #screenshots, #apps-imagebg #pricing-section, #apps-imagebg #download-app { background-size:cover; position:relative; } #apps-imagebg #description { background-image:url(../images/others/description-bg.jpg); } #apps-imagebg #description .overlay-bg { background-color:rgba(57, 181, 74, 0.75); } #apps-imagebg #screenshots { background-image:url(../images/others/screenshot-bg.jpg); } #apps-imagebg #screenshots .overlay-bg { background-color:rgba(137, 61, 156, 0.85); } #apps-imagebg #pricing-section { background-image:url(../images/others/plan-bg.jpg); } #apps-imagebg #pricing-section .overlay-bg { background-color:rgba(0, 114, 188, 0.85); } #apps-imagebg #download-app { background-image:url(../images/others/download-bg.jpg); } #apps-imagebg #download-app .overlay-bg { background-color:rgba(237, 20, 91, 0.85); } .carousel-left i, .carousel-right i { position: absolute; top: 50%; width: 50px; height: 50px; margin-top: -25px; line-height: 50px; font-size: 32px; text-align: center; background-color: rgba(0, 0, 0, 0.10); color:#fff; z-index: 999; -webkit-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .carousel-left i { left:-200px; border-radius:0 10px 10px 0; } .carousel-right i { right:-200px; border-radius:10px 0 0 10px; } .carousel-left i:hover, .carousel-right i:hover { background-color: rgba(0, 0, 0, 0.20); } #content-slide-wrapper:hover .carousel-left i { left:0; } #content-slide-wrapper:hover .carousel-right i { right:0; } @-webkit-keyframes slideFadeInUp { 0% { opacity: 0; -webkit-transform: translateY(5px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes slideFadeInUp { 0% { opacity: 0; -webkit-transform: translateY(5px); transform: translateY(5px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } #content-slide-wrapper .main-slider .slider-text { -webkit-animation: slideFadeInUp 300ms linear 700ms both; animation: slideFadeInUp 300ms linear 700ms both; } #content-slide-wrapper .main-slider .mobile-mockup { -webkit-animation: slideFadeInUp 300ms linear 900ms both; animation: slideFadeInUp 300ms linear 900ms both; } /*================Index Dark==============*/ #dark { background-color:#2c353a; color:#fff; } #dark #slider-section .overlay-bg { background-color:rgba(0, 0, 0, 0.75); } #dark #slider-section { background-image:url(../images/slider/4.jpg); background-color:rgba(0, 0, 0, 0.85); } #dark .navbar-fixed-top { background-color:rgba(25, 30, 33, 0.80); } #dark .navbar-fixed-top.main-nav { background-color:rgba(25, 30, 33, 0.99); } #dark #features-slider .item img { filter: grayscale(45%); -webkit-filter: grayscale(45%); } #dark #features-slider .item.active img { filter: grayscale(0); -webkit-filter: grayscale(0); opacity:1; } #dark .owl-item.active > div, #dark .owl-item.active .item h2, #dark #choose-color .section-title h1, #dark #video-section .section-title h1, #dark #reviews .section-title h1, #dark #review-slider .owl-item .item, #dark #contact-us .section-title h1, #dark #footer-bottom a, #dark .promo-content { color:#fff; } #dark #description { background-image:url(../images/others/dark-description-bg.jpg); background-repeat:no-repeat; background-size:cover; background-color:rgba(0, 0, 0, 0.85); } #dark .description:hover { background-color:rgba(127, 127, 127, 0.30); } #dark #choose-color { color:#fff; background-image: url(../images/others/dark-color-bg.jpg); } #dark #screenshots { background-color:#181919; background-image:url(../images/others/dark-screenshot-bg.jpg); } #dark .owl-theme .owl-controls .owl-page span { background-color:#111; } #dark .owl-theme .owl-controls .owl-page.active span, #dark .owl-theme .owl-controls.clickable .owl-page:hover span { background-color:#fff; } #dark #pricing-section, #dark #download-app { background-image:url(../images/others/dark-plan-bg.jpg); background-repeat:no-repeat; background-size:cover; } #dark #download-app { background-image:url(../images/others/dark-download-bg.jpg); } #dark #contact-form .btn-primary { background-color: #00aeef; } #blue #contact-form .btn-primary:before { border-top: 2px solid #1b99ce; } #dark #contact-form .btn-primary:after { border-bottom: 2px solid #1b99ce; } #dark #contact-form .btn-primary:hover, #dark #contact-form .btn-primary:focus { -webkit-box-shadow: 0px 0px 0px 1px #1b99ce; box-shadow: 0px 0px 0px 1px #1b99ce; border-color: #1b99ce; } #dark #contact-form .btn-primary:hover:before { background-color:rgba(27, 153, 206, 0.7); } #dark #contact-form .btn-primary:hover:after { background-color:rgba(27, 153, 206, 0.7); } #dark #footer-bottom { background-color: #191e21; } .pl-5 { padding-left: 5px; } .pl-10 { padding-left: 10px; } .pl-20 { padding-left: 20px; } .pr-5 { padding-right: 5px; } .pr-10 { padding-right: 10px; } .pr-20 { padding-right: 20px; } .p-20 { padding: 20px; } .p-30 { padding: 30px; } .p-40 { padding: 40px; } .ph-20 { padding-left: 20px; padding-right: 20px; } .ph-30 { padding-left: 30px; padding-right: 30px; } .ph-40 { padding-left: 40px; padding-right: 40px; } .pv-20 { padding-bottom: 20px; padding-top: 20px; } .pv-30 { padding-bottom: 30px; padding-top: 30px; } .pv-40 { padding-bottom: 40px; padding-top: 40px; } .pv-45 { padding-bottom: 45px; padding-top: 45px; } .mt-5 { margin-top: 5px; } .mb-5 { margin-bottom: 5px; } .mt-10 { margin-top: 10px; } .mb-10 { margin-bottom: 10px; } .mt-20 { margin-top: 20px; } .mb-20 { margin-bottom: 20px; } /*================table==============*/ .table.table-colored { border-bottom-color: #09afdf; } .table-colored > thead > tr > th { background-color: #09afdf; border-color: #09afdf; color: #ffffff; text-align:center; } .tbody { background-color: #ffffff; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #f3f3f3; padding: 8px 15px; } .table th, .table td { border-top: 1px solid #dee2e6; padding: 0.75rem; vertical-align: top; } .copyrights { background: hsl(224, 22%, 14%) none repeat scroll 0 0; display: block; overflow: hidden; padding-top: 6px; position: relative; } .copyrights .main-pull-right { margin-top:30px; } .txt-copyright { padding-bottom: 21px; padding-top: 30px; } .txt-copyright .samll { color:#aeaeae; display:block; float:left; } .left-menu { color: #9b9b9c; float: left; font-size: 13px; padding-bottom:10px; } .left-menu > li { float: left; list-style: outside none none; padding-right: 30px; } .left-menu a { color: #d6d6d6; font-size: 13px; } /* Small devices (tablets, phones less than 767px) */ @media screen and (max-width: 813px) { .left-menu { /* display:none */ } .txt-copyright { padding-top: 15px; } .txt-copyright .samll { color:#aeaeae; display:block; float:left; } .main-pull-right { /*display:none;*/ /*2019.04.05 lsy mobile 에서도 보이게 수정 */ } } .scrollup { background: #222222 none repeat scroll 0 0; bottom: 70px; color: #ffffff; display: none; height: 42px; opacity: 0.2; position: fixed; right: 20px; -webkit-transition: opacity 0.2s ease 0s; -o-transition: opacity 0.2s ease 0s; transition: opacity 0.2s ease 0s; width: 42px; z-index: 9999; } .scrollup i { color: #ffffff; font-size: 20px; left: 14px; position: absolute; top: 8px; } .scrollup:hover { opacity: 0.7; } .circle { border-radius: 100% !important; } .margin-clear { margin-top: 0 !important; margin-bottom: 0 !important; } .justify-content-lg-center { -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } /*======================== ==========Login============ ==========================*/ .login-container-bg { color:#fff; background-position: 50% 0; background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; z-index: 1; padding: 100px 0; } .login-container-bg::after { -webkit-backface-visibility: hidden; backface-visibility: hidden; content: ""; height: 100%; left: 0; position: absolute; top: 0; -webkit-transform: translateZ(0px) scale(1, 1); transform: translateZ(0px) scale(1, 1); -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; width: 100%; z-index: 2; } .login-container-bg > div { position: relative; z-index: 3; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none; width: auto; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; margin-top: 8px; } .object-non-visible { opacity: 0; } .object-visible, .object-non-visible.object-visible { opacity: 1; } .light-gray-bg.form-block h2, .light-gray-bg.form-block a, .light-gray-bg.form-block a:hover, .light-gray-bg.form-block { color: #777777; } .light-gray-bg.form-block a { /* text-decoration:underline; */ } .light-gray-bg.form-block a:hover { /* text-decoration:none; */ text-decoration:underline; } .light-gray-bg { background-color: #fafafa; border-bottom: 1px solid #f3f3f3; border-top: 1px solid #f3f3f3; } .login_form { max-width:550px; } .form-block { border-radius: 10px; } .form-block ul { list-style-position: inside; padding-left: 0; } .border-clear { border: medium none; } .has-feedback { position: relative; } .ml-md-auto, .mx-md-auto { margin-left: auto; width:100%; } .form-check { margin-bottom: 5px; display: block; padding-left: 1.25rem; position: relative; } .btn_login { border-radius: 3px; font-size: 18px; line-height: 1.46667; margin: 10px 0; padding: 12px 20px; background-color: #09afdf; border-color: #0c9ec7; color:#fff; vertical-align: middle; width: 100%; } .btn-animated { min-width: 0; position: relative; } .btn-animated i { min-width: 0; position: relative; height: 100%; right: 0; top: 0; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; width: 35px; z-index: 2; position: inherit; } .login_form_label_label { padding-left:0 !important; } .space-top { padding-top: 20px; } .join_txt a { color:#fff; text-decoration:underline; font-weight:600; } .space_top { margin-bottom: 0px; } .space_top li:first-child{ margin: 5px 0 8px 0; } /*======================== ==========Dashbord============ ==========================*/ #dashbord { background-color: #37393d; background-image: url(../images/dashbord_bg_img.jpg); background-size: cover; background-repeat: no-repeat; color: #fff; position: relative; padding: 55px 0; margin:84px 0 0 0; } #dashbord .overlay-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; ; } .icon-area { max-width: 735px; font-weight: 400; font-size: 16px; margin-top:50px; border-radius: 8px; background-color: rgba(255, 255, 255, 0.85); padding-top: 59px; } .icon-links { } .icon-links p.large a { width: 130px; height: 130px; font-size: 85px; } .icon-links p.large a i { line-height: 130px; } .icon-links p a i { line-height: 40px; } .icon-links p { display: inline-block; margin: 0 2px 2px 0; background-color: #eb6100; border-radius: 50%; } .icon-links p a { width: 40px; height: 40px; display: block; text-align: center; font-size: 18px; border: 1px solid #eb6100; color: #ffffff; border-radius: 4px; } .icon-links p a:hover { } .icon-links.circle p a { border-radius: 100%; } .icon-links.animated-effect-1 p.main a:hover { border-color: #eb6100; } .icon-links:not(.animated-effect-1) p.main a:hover, .colored.icon-links p.main a, .icon-links.animated-effect-1 p.main a:after, .btn.main { background-color: #eb6100; border-color: #eb6100; color: #ffffff; } .icon-links.animated-effect-1 p a { color: #ffffff !important; position: relative; z-index: 1; } #dashbord .section-title { max-width: 735px; display: inline-block; } #dashbord h2 { text-transform: initial; margin-bottom: 25px; font-size:40px; } .section-title h2 { margin-top: 30px; margin-bottom: 15px; font-weight: 600; color:#000; } #dashbord_02 { background-color: #fff; padding:40px 0; } .plans2 .plan2 { background-color: #0072bc; color: #616060; padding: 30px 10px; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-bottom: 15px; } .plans2 .plan2-padding { padding: 30px 5px; } .plan2 p i { color:#fff; font-size:3rem; } .plan2 h3 a { color:#fff; font-weight:600; font-size:0.7em; } @media screen and (min-width: 665px) { .plan2 h3 a { font-size:1em; } } @media screen and (max-width: 414px) { .icon-area { margin:0; padding-top:15px; } .section-title { margin-bottom:-8px; } #dashbord { padding:10px 0; margin:84px 0 0 0; } #dashbord_02 { padding:10px 0; } } @media screen and (max-width: 360px) { .icon-area { margin:0; padding-top:15px; } .section-title { margin-bottom:-8px; } #dashbord { padding:10px 0; margin:84px 0 0 0; } #dashbord_02 { padding:10px 0; } } @media screen and (max-width: 320px) { .icon-area { margin:0; padding-top:15px; } .section-title { margin-bottom:-8px; } #dashbord { padding:10px 0; margin:84px 0 0 0; } #dashbord h2 { font-size:30px; } } /*======================== ==========Calling============ ==========================*/ #icon_box_call { border-top: none; padding: 0 0 30px 0; } .icon-box--left .icon-box__item { padding: 30px 45px; background-color: #f1f1f1; } .icon-box--left .icon-box__item i { float: left; margin: 10px 20px 0 0; } .icon-box__item { position: relative; overflow: hidden; } .icon-box__item i { position: relative; font-size: 36px; color: #eb6100; } .icon-box__item-content h3 { margin: 0; line-height: 35px; font-size: 16px; } .icon-box__item-content h3 a { color: #909090; font-weight: bold; letter-spacing: 0; } .icon-box__item-content p { color: #575757; font-weight: normal; letter-spacing: 0; font-size: 14px; } .icon-box--left .icon-box__item-content { display: table; } .icon-box--left .icon-box__item-content { display: table; } .icon-box__item { margin-bottom:5px; } /*======================== ==========step box02======== ==========================*/ /*.pro_grids {}*/ /*.pro_left h5 {*/ /* font-size: 20px;*/ /* color: #ecc800;*/ /* border: 1px solid #ccc;*/ /* border-top-left-radius: 12px;*/ /* border-bottom-right-radius: 12px;*/ /* width: 46px;*/ /* height: 46px;*/ /* line-height: 2.1em;*/ /* margin: 0 auto;*/ /* background-color:#fff;*/ /*}*/ /*.pro_left h5.on {*/ /* background-color:#eb6100;*/ /* color:#fff;*/ /*}*/ /*.pro_left h5.off {*/ /* background-color:#c9c9c9;*/ /* color:#fff;*/ /*}*/ /*.pro_spa h5:after {*/ /* width: 114px;*/ /* display: inline-block;*/ /* content: "";*/ /* background: #ccc;*/ /* height: 1px;*/ /* position: absolute;*/ /* top: 50%;*/ /* left: 100%;*/ /*}*/ /*.pro_left h6 {*/ /* font-size: 18px;*/ /* font-weight: 400;*/ /* margin-top: 21px;*/ /* color: #464646;*/ /*}*/ /*.pro_spa h5{*/ /* position:relative; */ /*}*/ /*.pro_spa h5:after {*/ /* width: 114px;*/ /* display: inline-block;*/ /* content: "";*/ /* background: #ccc;*/ /* height: 1px;*/ /* position: absolute;*/ /* top: 50%;*/ /* left: 100%;*/ /*}*/ .pro_grids {display:block;width:285px;padding:0;text-align:center;margin:0 auto} /*2018.06.27 lsy*/ /*.pro_left h5 { font-size: 1px; color: #ecc800; border: 1px solid #ccc; border-top-left-radius: 12px; border-bottom-right-radius: 12px; width: 46px; height: 46px; line-height: 2.1em; margin: 0 auto; background-color:#fff;} .pro_left h5{display:inline-block;width:97px;height:115px;margin:0;padding:0}*/ .pro_left h5 {display:inline-block;width: 95px; height: 81px; margin: 0; padding: 0} /* .pro_left h5.step0{background:url(../../common/images/step_01_off.png) no-repeat} .pro_left h5.step0_on{background:url(../../common/images/step_01_on.png) no-repeat} .pro_left h5.step0_blank{background:url(../../common/images/step_01_blank.png) no-repeat} .pro_left h5 span{position:absolute; top:0px; left:-10000px;font-size:1px;color:#fff;text-indent:-99999px;line-height:0;} .pro_left h5.step1{background:url(../../common/images/step_02_off.png) no-repeat} .pro_left h5.step1_on{background:url(../../common/images/step_02_on.png) no-repeat} .pro_left h5.step1_blank{background:url(../../common/images/step_02_blank.png) no-repeat} .pro_left h5.step2{background:url(../../common/images/step_03_off.png) no-repeat} .pro_left h5.step2_on{background:url(../../common/images/step_03_on.png) no-repeat} .pro_left h5.step2_blank{background:url(../../common/images/step_03_blank.png) no-repeat} .pro_left h5.step3{background:url(../../common/images/step_04_off.png) no-repeat} .pro_left h5.step3_on{background:url(../../common/images/step_04_on.png) no-repeat} .pro_left h5.step3_blank{background:url(../../common/images/step_04_blank.png) no-repeat} .pro_left h5.step4{background:url(../../common/images/step_05_off.png) no-repeat} .pro_left h5.step4_on{background:url(../../common/images/step_05_on.png) no-repeat} .pro_left h5.step4_blank{background:url(../../common/images/step_05_blank.png) no-repeat} .pro_left h5.step5{background:url(../../common/images/step_06_off.png) no-repeat} .pro_left h5.step5_on{background:url(../../common/images/step_06_on.png) no-repeat} .pro_left h5.step5_blank{background:url(../../common/images/step_06_blank.png) no-repeat} */ .fl_left{float:left} /*2018.06.27 lsy*/ /*======================== ==========New Topmenu======== ==========================*/ .sticky-wrapper { border-bottom: 1px solid #e4e4e4; /* position: fixed; esummer9 */ background-color: #fff; width: 100%; /* z-index: 101; */ z-index: 1020; height: 90px; } #masthead { -webkit-transition: -webkit-box-shadow .5s,opacity .3s,min-height .4s; -o-transition: -o-box-shadow .5s,opacity .3s,min-height .4s; -webkit-transition: opacity .3s,min-height .4s,-webkit-box-shadow .5s; transition: opacity .3s,min-height .4s,-webkit-box-shadow .5s; -o-transition: box-shadow .5s,opacity .3s,min-height .4s; transition: box-shadow .5s,opacity .3s,min-height .4s; transition: box-shadow .5s,opacity .3s,min-height .4s,-webkit-box-shadow .5s; -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 1px 0 rgba(0,0,0,.1); width: 100%; top: 0; left: 0; border: 0; background: #fff; color: #1c1c1c; } #masthead .container { position: relative; } #masthead.navbar { min-height: 90px; border-bottom:solid 1px #c1c1c1; } #masthead .navbar-brand { padding: 0; line-height: 90px; height: 90px; font-weight: 700; font-size: 24px; margin-top: 0; margin-left: 0; position: relative; text-shadow: none; -webkit-transition: height .4s,width .4s,line-height .4s; -o-transition: height .4s,width .4s,line-height .4s; transition: height .4s,width .4s,line-height .4s; white-space: nowrap; background-size: auto 100%; background-position: left; background-repeat: no-repeat; color: #1c1c1c; } #masthead, #masthead .navbar-brand { margin-bottom: 0; -webkit-backface-visibility: hidden; } #masthead .navbar-brand img { left: 0px; vertical-align: middle; max-height: 100%; } #masthead .navbar-brand img { left: 0; vertical-align: middle; max-height: 100%; position: relative; top: -2px; display: inline-block; margin-left:20px; margin-right:0; } #masthead .navbar-collapse { padding-left: 0; padding-right: 0; font-size:18px; } #masthead .nav > li > a { padding-top: 33px; text-shadow: none; font-style: normal; position: relative; -o-transition: all .4s; -webkit-transition: all .4s; transition: all .4s; background:none; } #masthead .nav > li > a:hover { color:#eb6100; background:none; } .menu-main-menu-container {} .dropdown-submenu .dropdown-menu{ min-width: 220px; border-radius: 0; text-shadow: none; margin-top: 0; padding-top: 0; padding-bottom: 0; border: 0; font-size:1em; color:#1c1c1c; } .dropdown-submenu .dropdown-menu li { } .dropdown-submenu .dropdown-menu li a { font-size: 18px; padding-top: 8px; padding-bottom: 8px; color:#1c1c1c; } #menu-main-menu .dropdown-menu li a:hover { background:#82c9ed; color:#fff; } #masthead .dropdown-submenu { position: relative; display:block; } .menu-item { margin-left:50px; } #masthead .dropdown-submenu a { margin-right:30px; } .menu-sidebar { display: inherit; margin-top:-30px; } .menu-sidebar ul li { display: inline-block; text-align: center; padding-left: 0; line-height: 36px; margin-bottom:0; padding:0 5px; } .menu-sidebar ul li a{ display: inline-block; font-size: 14px; height: 36px; line-height: 36px; } .menu-sidebar .top-text{display:inline-block;padding:3px 10px 5px 10px;font-size:14px;line-height:18px;color:#1c1c1c;border-radius:15px;border:1px solid #666}/*2019.01.03 lsy*/ .nav > li { position: relative; display: block;} .navbar-nav { margin-left: 0; margin-right: 0;} /*2018.09.10 shin 사용자 주 메뉴 PC */ #menu-main-menu > li > a {font-size: 1.15em;font-weight: 400;padding: 22px 15px 22px 20px;/*line-height: 44px;*/vertical-align: middle; display: block;} /* main header */ /*2018.09.07 shin */ /*관리자 메뉴 수정 .navbar-nav > li > a {font-size: 1.15em;font-weight: 400;padding: 22px 40px 22px 20px;line-height: 44px;vertical-align: middle; display: block;} */ .navbar-nav ul { display: none; padding: 0;font-size:14px;list-style: none;} .navbar-nav ul li { position: relative;} /* .navbar-nav ul li a { padding: 11px 20px; display: block; background:#fff;font-size:14px;} */ .navbar-nav ul li a { padding: 11px 20px; display: block; background:#fff;font-size:14px;} .menu-main-menu .navbar-nav li { border-bottom: 1px solid #555;} @media(min-width:768px){ .navbar-nav ul { width: 190px;position: absolute;top: 88px;left: 0;z-index: 1024;} .menu-main-menu-container .pull-left { float:none !important;} } @media(max-width:768px){ .menu-main-menu-container .navbar-nav li { border-color: #eee;} .navbar-nav ul {width:120%;} } .navbar-toggle { color:#1c1c1c; font-size:1em; } /*======================== ==========Icon menu======== ==========================*/ .icon_menu_box { position:relative; /*2018.09.10 shin padding-top:90px; */ } /*.icon_menu {display:block;padding:0;color:#fff;text-align:center;border-bottom:solid 1px #135866;border-right:solid 1px #135866;background-color:#13b0cf}*2019.01.17 lsy*/ .icon_menu {display:block;padding:0;color:#fff;text-align:center;border-bottom:solid 1px #135866;border-right:solid 1px #135866;}/*2019.01.23 lsy*/ /*.icon_menu img { margin-top:8px;}*/ /*2019.01.23 lsy*/ .icon_menu a{width:100%} .icon_menu a .img{display:block;width:100%;height:116px;background-size:cover !important;background-repeat:no-repeat !important;background-position:top center !important} .icon_menu .imn-fm1 .img{background:url(../images/dsbimg_fm1.jpg)}/*농가*/ .icon_menu .imn-fm2 .img{background:url(../images/dsbimg_fm2.jpg)} .icon_menu .imn-fm3 .img{background:url(../images/dsbimg_fm3.jpg)} .icon_menu .imn-fm4 .img{background:url(../images/dsbimg_fm4.jpg)} .icon_menu .imn-cpx1 .img{background:url(../images/dsbimg_cpx1.jpg)}/*단지*/ .icon_menu .imn-cpx2 .img{background:url(../images/dsbimg_cpx2.jpg)} .icon_menu .imn-cpx3 .img{background:url(../images/dsbimg_fm3.jpg)} .icon_menu .imn-cpx4 .img{background:url(../images/dsbimg_cpx4.jpg)} .icon_menu .imn-cpx5 .img{background:url(../images/dsbimg_cpx5.jpg)}/*2019.01.31 lsy*/ .icon_menu .imn-cod1 .img{background:url(../images/dsbimg_cod1.jpg)}/*코디*/ .icon_menu .imn-cod2 .img{background:url(../images/dsbimg_cod2.jpg)} .icon_menu .imn-cod3 .img{background:url(../images/dsbimg_cod3.jpg)} .icon_menu .imn-cod4 .img{background:url(../images/dsbimg_cod4.jpg)} .icon_menu .imn-cod5 .img{background:url(../images/dsbimg_fm4.jpg)} .icon_menu .imn-mcod1 .img{background:url(../images/dsbimg_mcod1.jpg)}/*마스터코디 2019.02.01*/ .icon_menu .imn-mcod2 .img{background:url(../images/dsbimg_cod3.jpg)} .icon_menu .imn-mcod3 .img{background:url(../images/dsbimg_mcod3.jpg)} .icon_menu .imn-mcod4 .img{background:url(../images/dsbimg_mcod4.jpg)} .icon_menu .imn-mcod5 .img{background:url(../images/dsbimg_fm4.jpg)} .icon_menu .imn-rda1 .img { background:url(../images/dsbimg_rda1.jpg)} /* 농촌진흥청 2019.02.25 */ .icon_menu .imn-rda2 .img { background:url(../images/dsbimg_rda2.jpg)} .icon_menu .imn-rda3 .img { background:url(../images/dsbimg_fm3.jpg)} .icon_menu .imn-rda4 .img { background:url(../images/dsbimg_rda4.jpg)} .icon_menu .imn-qia1 .img { background:url(../images/dsbimg_fm3.jpg)} /* 검역본부 2019.02.25 */ .icon_menu .imn-qia2 .img { background:url(../images/dsbimg_qia2.jpg)} .icon_menu .imn-qia3 .img { background:url(../images/dsbimg_rda1.jpg)} .icon_menu .imn-qia4 .img { background:url(../images/dsbimg_rda4.jpg)} .icon_menu .imn-do1 .img { background:url(../images/dsbimg_cpx4.jpg)} /* 지자체 2019.02.25 */ .icon_menu .imn-do2 .img { background:url(../images/dsbimg_do2.jpg)} .icon_menu .imn-do3 .img { background:url(../images/dsbimg_rda1.jpg)} .icon_menu .imn-do4 .img { background:url(../images/dsbimg_rda4.jpg)} .icon_menu .imn-naqs1 .img { background:url(../images/dsbimg_fm3.jpg)} /* 국립농산물품질관리원 2019.02.25 */ .icon_menu .imn-naqs2 .img { background:url(../images/dsbimg_qia2.jpg)} .icon_menu .imn-naqs3 .img { background:url(../images/dsbimg_rda1.jpg)} .icon_menu .imn-naqs4 .img { background:url(../images/dsbimg_rda4.jpg)} /*.icon_menu.on {background-color:#ea6008}*2019.01.17 lsy*/ .icon_menu h3 {display:block;margin:0; padding:8px 0 7px 0;font-size:24px;color:#fff;font-weight:700;background-color:#13b0cf;text-align:center}/*2019.01.23 lsy*/ .icon_menu.on h3{background-color:#ea6008}/*2019.01.23 lsy*/ .icon_menu a h3:hover,.icon_menu a h3:active{color:#fff} .icon_menu a h3.org{height:41px; padding:10px 0 7px 0; font-size:18px} @media screen and (max-width:767px) { .icon_menu .last { width:50%; float:left; } .icon_menu .ma{ margin-top:40px;} .footer-menu-l1{width:100%}/*2019.01.03 하단메뉴 lsy*/ .left-menu .date-access{float:right;margin: -3px 15px 0 0;padding: 3px 8px 3px 8px;font-size: 13px;color:#d1d1d1;line-height: 13px;border-radius: 15px;border: 1px solid #ddd;}/*2019.01.03 하단메뉴 lsy*/ } /*======================== ==========연락처 form======== ==========================*/ .bx_charge { float: left; width: 100%; clear: both; padding: 15px 3%; margin-bottom: 20px; margin-top: 20px; border: 1px solid #d9d9d9; font-size: 18px; color: #040000; font-weight:500; } .bx_hide { display: block; position: absolute; left: -10000px; top: -10000px; width: 0px; height: 0px; visibility: hidden; } .bx_charge ul { padding: 4px 0 4px 0; } .bx_charge li { float: left; margin-top: 0px; border: 0; color: #000; } .bx_charge li.cg01 { background: url(../images/respon.png) no-repeat 0 50%; margin: 6px 34px 6px 0; padding-left: 30px; } .bx_charge li.cg02 { background: url(../images/tell.png) no-repeat 0 50%; margin: 6px 34px 6px 0; padding-left: 30px; } /*======================== ==========연락변경버튼======== ==========================*/ .visual_card { margin-top:50px; position:relative; margin-bottom:30px; } .visual_card li { position: relative; float: left; width: 25%; height: 619px; } .visual_card li.img_01 { background: url(../images/card01.jpg) no-repeat left top; background-size: auto auto; background-size: 100% 100%; } .visual_card li.img_02 { background: url(../images/card02.jpg) no-repeat left top; background-size: auto auto; background-size: 100% 100%; } .visual_card li.img_03 { background: url(../images/card03.jpg) no-repeat left top; background-size: auto auto; background-size: 100% 100%; } .visual_card li.img_04 { background: url(../images/card04.jpg) no-repeat left top; background-size: auto auto; background-size: 100% 100%; } .visual_card li a:hover{background:none;} .visual_card li a { display: block; width: 100%; height: 619px; text-align: center; background: rgba(0,0,0,0.4); } .v_card_txt { display: block; padding: 79px 0 0 0; font-size: 30px; font-weight: 600; color: #fff; line-height: 36px; } .v_card_txt em { font-weight: normal; display: block; } .btn_visual_card { display: inline-block; position: absolute; bottom: 80px; left: 50%; margin-left: -73px; border: 1px solid rgba(255, 255, 255, 0.4); padding: 15px 0; width: 146px; color: #fff; } @media screen and (max-width:1200px){ .visual_card li a{height:400px;} .visual_card li{width:25%; height:400px;} /*.visual_card li.img_01 { background: url(../images/card01_1.jpg) no-repeat left top; } .visual_card li.img_02 { background: url(../images/card02_1.jpg) no-repeat left top; } .visual_card li.img_03 { background: url(../images/card03_1.jpg) no-repeat left top; } .visual_card li.img_04 { background: url(../images/card04_1.jpg) no-repeat left top; } */ } @media screen and (max-width:760px){ .visual_card li{height:auto; -webkit-box-sizing:border-box; box-sizing:border-box; border-bottom-width:1px; border-style:solid; border-color:rgba(0,0,0,0.7);} .visual_card li a{height:auto; background:rgba(0,0,0,0.6); } .btn_visual_card{display:none;} .visual_card li.img_01,.visual_card li.img_02, .visual_card li.img_03, .visual_card li.img_04{background-size:100%;} .visual_card li,.visual_card li:nth-child(3),.visual_card li:nth-child(4){width:100%;} .v_card_txt{padding:28px 10px; font-size:24px; line-height:30px;} .visual_card li.img_01{background:url(../images/card01.jpg) no-repeat left top; background-size:100% 100%; } .visual_card li.img_02{background:url(../images/card02.jpg) no-repeat left top; background-size:100% 100%; } .visual_card li.img_03{background:url(../images/card03.jpg) no-repeat left top; background-size:100% 100%; } .visual_card li.img_04{background:url(../images/card04.jpg) no-repeat left top; background-size:100% 100%; } .bx_charge li.cg01 { font-size: 16px; padding-left: 30px; } .bx_charge li.cg02 { font-size: 16px; padding-left: 30px; } } /*======================== ==========일지step======== ==========================*/ .step_menu { position:relative; padding-top:90px; background:#fff; } .step_menu p { margin-top:10px; } /*======================== ==========main_menu======== ==========================*/ /*2018.09.07 shin #main_container { padding-top:90px; } */ /*2018.09.07 shin form 관련 추가. */ .input-sm { font-size: 12px; } .slideshow_wrap{padding:0; position:relative; width:100%; z-index:0;} .slideshow{margin:auto; width:100%;} .mslides { border: 0; margin: auto; position:relative; padding:0;} .mslides li { display: none;} .mslides img { width: 100%; max-width: 100%;} @media all and (max-width:768px){ .slideshow{margin:auto;} .mslides img {height:110px; /*max-height:auto;*/} } .top_main {} .top_main ul { width: 100%; float:left; position:relative;background-color:#5e2804; margin:0; padding:5px 0;} .top_main li { width: 25%; float: left; text-align: center; padding:0 10px;} .top_main li img {width:auto; height:auto;} .top_main li a span { display: block; width: 100%; height: 100%; font-size: 0.8em; color: #fff; text-align: center; font-weight:600;} /*main_title*/ .main_tit { text-align:center; font-size:1.5em; font-weight:700; color:#eb6100; padding-top:15px;} .main_intro { padding:5px; position:relative; width:100%; background:#21b8d7; text-align:center;} .main_intro h2 a{color:#fff; font-size:1em; font-weight:600;} /* new main 2019.01.16 lsy */ .mnew-content{display:inline-block;width:100%;margin:0;padding:0} .main-bxwrap{float:left;width:100%;border-bottom:1px solid #c3c8ca} .main-slidewrap{float:left;margin:0;vertical-align:top} .main-slide{width:100%;margin:0;padding:0} .main-slide > ul{width:100%;margin:0;padding:0} .main-slide > ul > li{float:left;margin:0;padding:0;width:100%;margin:0;display:none} .main-slide > ul > li.on{display:block} .main-slide > ul > li > div{width:95%} h2.main-titnew{float:left;padding:0;font-size:16px;font-weight:600;color:#222} h2.main-titnew span{padding-left:5px;font-size:12px;font-weight:400;color:#464646} .main-sidebox{float:left;width:22%;margin:0;vertical-align:top} .main-sidebox a{float:left;font-size:15px;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box} .main-sidebox a > span{display:block;margin:0;padding:0} /*2019.02.26 lsy*/ .main-sidebox a .img{width:100%;height:70%;background-size:cover;background-repeat:no-repeat;background-position:top center} /*2019.02.26 lsy*/ .main-sidebox a .text{width:100%;height:30%;line-height:22px} /*2019.02.26 lsy*/ .btn-msd1{color:#fff;background:#05a2c2}/*2019.01.22 lsy*/ .btn-msd2{color:#fff;background:#005389}/*2019.01.22 lsy*/ .btn-msd3{color:#fff;background:#059de4}/*2019.01.22 lsy*/ .btn-msd1 .img{background:url(../images/dsbimg_fm1.jpg)} /*2019.02.26 lsy*/ .btn-msd2 .img{background:url(../images/dsbimg_cpx4.jpg)} /*2019.02.26 lsy*/ .btn-msd3 .img{background:url(../images/dsbimg_cpx2.jpg)} /*2019.02.26 lsy*/ .btn-msd1 .text{color:#fff;background:#05a2c2} /*2019.02.26 lsy*/ .btn-msd2 .text{color:#fff;background:#005389} /*2019.02.26 lsy*/ .btn-msd3 .text{color:#fff;background:#059de4} /*2019.02.26 lsy*/ .btn-msd1 .text:hover, .btn-msd1 .text:active{color:#fff;background:#003755} /*2019.02.26 lsy*/ .btn-msd2 .text:hover, .btn-msd2 .text:active{color:#fff;background:#08437c} /*2019.02.26 lsy*/ .btn-msd3 .text:hover, .btn-msd3 .text:active{color:#fff;background:#0578e4} /*2019.02.26 lsy*/ .main-tools{position:absolute;float:right;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:right} .main-tools a{display:inline-block;width:10px;height:10px;margin:0 6px;border-radius:30px;vertical-align:middle;background:#1b90ab}/*2019.01.22 lsy*/ .main-tools a.on{width:16px;height:16px;line-height:20px;border:4px solid #1b90ab;background:#fff !important}/*2019.01.22 lsy*/ .main-ctbox{float:left;width:100%;margin:0;padding:0} .main-ctbox > div{float:left;width:100%;margin:0;padding:0;border-bottom:1px solid #c3c8ca} .main-ctbox > div > div{float:left;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .main-ctbox h3.mc-titnew{display:block;color:#222;font-weight:600;letter-spacing:-0.5px;text-align:center} .main-ctbox h3.mc-titnew span{padding-left:3px;font-weight:400;color:#464646} .ng-txtbox{display:inline-block;width:100%} .ng-txtbox ul{padding:0;color:#464646;-webkit-box-sizing:border-box;box-sizing:border-box} .ng-txtbox ul li{width:100%;padding:5px 0;vertical-align:middle} .ng-txtbox ul li:before{display:inline-block;content:'';width:4px;height:4px;background:#05a2c2;vertical-align:top}/*2019.01.22 lsy*/ .ng-txtbox ul li strong{display:inline-block;vertical-align:top} .f-morg{color:#ff3f20} .f-mblue{color:#293e6a} .m-chart{display:block;width:90%;padding:5px} .m-btfbox{display:inline-block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box} .m-btfbox a{display:inline-block;width:100%;font-weight:600;color:#fff;border-radius:4px;text-align:center;background:#0589a4} .m-btfbox a:hover{color:#fff;background:#036377} /*======================== ==========intro=========== ==========================*/ .intro-style { padding-top:1px;} /*2018.06.27 lsy*/ .intro-style .tit { padding:15px; font-size:1.5em; color:#eb6100; font-weight:600; border:solid 1px #CCC; background-color:#fce8c6;} .intro-style .txt { padding:15px;} .intro-style p img { text-align:center; margin:0 auto; display:block;} .intro-style .business {border: 1px solid #d7d7d7; padding:15px; background-color: #f8f8f8; color:#000; margin-bottom:20px;} .business h3 { margin: 0; font-size: 21px;padding-left: 17px;position: relative; font-weight: 500; margin-bottom: 20px;} .business ul {} .business li { position: relative; padding-left: 10px; line-height: 2; font-size: 18px;} .privacy-style { padding-top:50px;} .privacy-style .tit { font-weight:bold; color:#eb6100; padding:8px 0;} .privacy-style .shortcut {overflow: hidden; margin: 30px 0 7px; padding: 24px 27px 20px; border: 3px solid #e5e5e5;} /*.map-style { padding:15px 25px;}*/ .map-style { padding:15px 0;}/* 2019.03.29 lsy .container-fluid 로 내용이 들어가면서 수정 */ .dTable{width:100%;border-top:2px solid #585858; border-bottom:1px solid #ddd; margin-bottom:20px;} .dTable caption{height:0;line-height:0;} .dTable th{ font-weight:500; color:#222;} .dTable th{padding:13px; border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc; margin-left:-1px; vertical-align:middle;} .dTable th:first-child {border-left:none; } .dTable th:last-child {border-right:none; } .dTable td{padding:14px 10px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; margin-left:-1px; vertical-align:middle;} .dTable td:first-child {border-left:none; } .dTable td:last-child {border-right:none; } .dTable th.col_style{border-bottom:1px solid #fff;} .dTable thead th {background:#fafafa; vertical-align:middle;} .dTable tbody th {background:#f7f7f7; color:#333; vertical-align:middle;} .dTable tfoot{background:none;} .dTable .left{text-align:left;} .dTable > tbody > tr > td > a {color:#0a72dd; font-weight:500; } .dTable > tbody > tr > td > a:hover{text-decoration:underline;} /* 2018.07.17 lsy */ .intro-img1{display:block;width:100%;height:415px;background-size:cover;background-image:url(../../common/images/imgbg_nz1.jpg);background-repeat: no-repeat} .intro-img1 p{width:85%;margin:10px 0 0 30px;padding-top:10px;font-size: 15px;color:#fff;font-weight: 700;line-height: 24px;text-shadow: 3px 1px 2px rgba(2, 2, 2, 1);}/*2018.10.04 lsy*/ .intro-img1 p:first-child{margin:0 0 0 30px;padding-top: 10px;}/*2018.10.04 lsy*/ .intro-jp-img1{display:block;width:100%;height:415px;background-size:cover;background-image:url(../../common/images/imgbg_sft1_wd.jpg);background-repeat: no-repeat} .intro-jp-img1 p{width:85%;margin:10px 0 0 30px;padding-top:10px;font-size: 15px;color:#fff;font-weight: 700;line-height: 24px;text-shadow: 3px 1px 2px rgba(2, 2, 2, 1);} .intro-jp-img1 p:first-child{margin:0 0 0 30px;padding-top: 10px;} .intro-tw-img1{display:block;width:100%;height:415px;background-size:cover;background-image:url(../../common/images/imgbg_sft2_wd.jpg);background-repeat: no-repeat} .intro-tw-img1 p{width:85%;margin:10px 0 0 30px;padding-top:10px;font-size: 15px;color:#fff;font-weight: 700;line-height: 24px;text-shadow: 3px 1px 2px rgba(2, 2, 2, 1);} .intro-tw-img1 p:first-child{margin:0 0 0 30px;padding-top: 10px;} .intro-hk-img1{display:block;width:100%;height:415px;background-size:cover;background-image:url(../../common/images/imgbg_sft3_wd.jpg);background-repeat: no-repeat} .intro-hk-img1 p{width:85%;margin:10px 0 0 30px;padding-top:10px;font-size: 15px;color:#fff;font-weight: 700;line-height: 24px;text-shadow: 3px 1px 2px rgba(2, 2, 2, 1);} .intro-hk-img1 p:first-child{margin:0 0 0 30px;padding-top: 10px;} .intro-expbox{display:block;width:100%;margin:10px auto 0 auto} /*.intro-epbox div dl{float:right;width:60%;margin:15px 0 0 0;vertical-align:top} .intro-epbox div dl dt{display:inline-block;width:100%;font-size:18px;color:#444;text-align:left} .intro-epbox div dl dd{display:inline-block;width:100%;margin:7px 0 0 0;padding:0;font-size:14px;color:#666;text-align:left;line-height:18px} .intro-epbox div dl dd p{display:inline-block;width:100%;margin:0;padding:2px 0;text-align:left} .intro-epbox div dl dd strong{color:#f35813} .intro-epbox .ic-ebox1 span strong,.intro-epbox .ic-ebox2 span strong,.intro-epbox .ic-ebox3 span strong,.intro-epbox .ic-ebox4 span strong{color:#f35813}*/ .intro-expbox .intro-pimg{display:block;width:199px;height:66px;margin:5px auto;background:url(../../common/images/intro_pimg.png) no-repeat} .intro-expbox .intro-pimg span{position:absolute; top:0px; left:-10000px;font-size:1px;color:#fff;text-indent:-99999px;line-height:0} .intro-epbox > div{display:inline-block; vertical-align: top;}/*2018.10.04 lsy*/ .intro-epbox > div i{float:left;margin: 0;text-align:left;vertical-align:top;background-repeat:no-repeat;}/*2018.10.04 lsy*/ .intro-epbox > div > dl{float:left;width: 100%;margin: 15px 0 0 0px;padding:0 0 0 10px;vertical-align:top;-webkit-box-sizing: border-box;box-sizing: border-box;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt{font-size: 18px;} .intro-epbox > div > dl > dt > span{display:inline-block;padding: 10px 0 0 15px;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt > p{display: inline-block;width: 70%;margin: 0;font-size: 16px;padding: 3px 0 0 15px;font-weight: 400;text-align: left;color: #454545;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt > p > strong{color: #f35813;}/*2018.10.04 lsy*/ /* .intro-epbox > div > dl > dt > p > strong{color: #f35813; vertical-align: top;}2018.10.04 lsy */ .intro-epbox > div > dl > dd{display:inline-block;width:100%;margin:7px 0 0 0;padding:0;font-size:14px;color:#666;text-align:left;line-height:18px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > p{display:inline-block;width:100%;margin:0;font-size: 18px;padding: 3px 0;text-align:left;color: #454545;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > p > strong{vertical-align:top} .intro-epbox > div > dl > dd > div{display:inline-block;width:100%;margin: 10px 0 0 0;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 5px 10px 5px 15px;border: 1px dashed #aaa;border-radius: 5px;background: #fff;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > div > dl{width:100%;margin:0;padding: 5px 0 10px 0;} .intro-epbox > div > dl > dd > div > dl > dt{display:inline-block;width:100%;font-size: 14px;font-weight:700;color:#125a69;letter-spacing: -0.5px;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > div > dl > dd{display:inline-block;width:100%;margin: 4px 0 0 0;padding: 0 0 5px 15px;color:#454545;line-height:22px;-webkit-box-sizing:border-box;box-sizing:border-box;}/*2018.10.04 lsy*/ .intro-epbox .lblabel{display:inline-block;margin-right: 3px;width: 16px;height: 16px;font-size:14px;line-height: 14px;color:#fff;font-weight:700;text-align:center;border-radius:25px;background:#18859c;}/*2018.10.04 lsy*/ .intro-subbox .sbimg1-11{width:296px;height:495px;background:url(../images/imgncnt_fm1_1.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg1-12{width:296px;height:462px;background:url(../images/imgncnt_fm1_11.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg1-13{width:400px;height:515px;background:url(../images/imgncnt_fm1_12.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg1-21{width:296px;height:495px;background:url(../images/imgncnt_fm1_2.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg1-22{width:500px;height:462px;background:url(../images/imgncnt_fm1_21.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg1-31{width:296px;height:495px;background:url(../images/imgncnt_fm1_3.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg1-32{width:296px;height:494px;background:url(../images/imgncnt_fm1_31.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg2-11{width:296px;height:495px;background:url(../images/imgncnt_fm2_1.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg2-12{width:500px;height:649px;background:url(../images/imgncnt_fm2_11.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg2-21{width:296px;height:495px;background:url(../images/imgncnt_fm2_2.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg2-22{width:500px;height:600px;background:url(../images/imgncnt_fm2_21.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg2-31{width:296px;height:495px;background:url(../images/imgncnt_fm2_3.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg2-32{width:500px;height:600px;background:url(../images/imgncnt_fm2_31.png) no-repeat}/*2019.01.03 lsy*/ .intro-subbox .sbimg3-11{width:296px;height:395px;background:url(../images/imgncnt_fm3_1.png) no-repeat}/*2019.01.03 lsy*/ /*======================== =======adnmin_footer======== 2018.09.10 shin ==========================*/ .atadm-footer { background-color: #fff !important; color: #444 !important; padding: 15px !important; font-size:16px !important; } .atadm-footer a { color: #3c8dbc !important; } /*======================== =======mobile_footer======== ==========================*/ .main-footer {font-size:14px; background-color:#000; color:#aeaeae; padding:0; width:100%; z-index:1000;} .main-footer strong { padding:0 15px;} .main-footer a {color:#aeaeae; text-decoration:none;} .btf-btnbox {display:block; padding:0;} .bottom-box { border-bottom:none;} /*======================== =======error_page======== ==========================*/ .error_box {padding-top:90px; background-color:#F5F5F7;} .error_img {background:url(../images/sorry.png) center 10px no-repeat; padding-top:170px; top:0;} .error_box p {margin:0 auto; width:400px;padding-bottom:30px; line-height:1.5em;} .error_box .title { text-align:center; font-size:2em;} @media screen and (max-width: 400px) { .error_box p { width:90%;} } /*======================== ==========intro=========== ==========================*/ .intro {background:url(../images/intro_bg.png) center 0 no-repeat fixed; border:0; padding:0; background-size:cover; text-align:center; max-height:100%; background-size: cover; /* Set rules to fill background */ min-height: 100%; /* Set up proportionate scaling */ width: 100%; height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; } .intro img { margin:0 auto; max-height:100%;} @media screen and (min-width: 768px) { .intro img { margin-top:180px;} } @media screen and (width: 812px) { .intro img { margin-top:-30px;} } @media screen and (min-width: 1024px) { .intro img { margin-top:280px;} } /* Small devices (tablets, phones less than 767px) */ @media screen and (max-width: 376px) { .bx_charge li.cg01 { font-size: 16px; background: none; margin: 6px 0 6px 0; padding-left: 3px; } .bx_charge li.cg02 { font-size: 16px; background: none; margin: 6px 0 6px 0; padding-left: 3px; } } /*2018.10.04 lsy*/ @media only screen and (max-width : 320px) { .intro-img1{height: 220px;background-position:top center;}/*2018.10.04 lsy*/ .intro-jp-img1{height: 220px;background-position:top center;} .intro-tw-img1{height: 220px;background-position:top center;} .intro-hk-img1{height: 220px;background-position:top center;} .intro-epbox .ic-ebox1 i{width:67px;height:65px;background:url(../../common/images/intro_ic1.png) no-repeat}/*2018.10.04 lsy*/ .intro-epbox .ic-ebox2 i{width:67px;height:64px;background:url(../../common/images/intro_ic2.png) no-repeat}/*2018.10.04 lsy*/ .intro-epbox .ic-ebox3 i{width:67px;height:43px;background:url(../../common/images/intro_ic3.png) no-repeat}/*2018.10.04 lsy*/ .intro-epbox .ic-ebox4 i{width:67px;height:59px;background:url(../../common/images/intro_ic4.png) no-repeat}/*2018.10.04 lsy*/ .intro-epbox > div {padding: 5px 0 25px 0;border-bottom:1px solid #ddd}/*2018.10.04 lsy*/ .intro-epbox > div:last-child{border-bottom:0}/*2018.10.04 lsy*/ .intro-epbox > div i{margin: 5px 0 0 0}/*2018.10.04 lsy*/ .intro-epbox .ic-ebox3 i{margin: 5px 0 0 10px}/*2018.10.04 lsy*/ .intro-epbox > div > dl{width: 100%;margin:15px 0 0 0;padding:0 0 0 10px;vertical-align:top;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd{width:100%;margin:7px 0 0 0;padding:0;font-size:14px;;text-align:left;line-height:18px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > p{width:100%;margin:0;padding:2px 0}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt > span{padding: 0px 0 0 15px;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt > p{width: 70%;margin: 0;font-size: 16px;padding: 3px 0 0 15px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > div > dl > dt{letter-spacing: -0.5px;}/*2018.10.04 lsy*/ .phone-box{height:200px;overflow:scroll} .fc-basic-view .fc-body .fc-row {min-height: 2.5em !important} /* 달력테이블 날짜별 최소 높이값 */ .fc-scroller{min-height: 239px !important} /* 달력테이블 전체 최소 높이값 */ } /*2018.10.04 lsy*/ /* @media(max-width:767px)이 @media (min-width: 321px) and (max-width: 767px)로 수정*/ @media (min-width: 321px) and (max-width: 767px) { .intro-img1{height: 220px;background-position:top center;}/*2018.10.04 lsy*/ .intro-jp-img1{height: 220px;background-position:top center;} .intro-tw-img1{height: 220px;background-position:top center;} .intro-hk-img1{height: 220px;background-position:top center;} .intro-expbox .intro-epbox{display:block;width: 100%;margin:0 auto;}/*2018.10.04 lsy*/ .intro-epbox .ic-ebox1 i{width:67px;height:65px;background:url(../../common/images/intro_ic1.png) no-repeat} .intro-epbox .ic-ebox2 i{width:67px;height:64px;background:url(../../common/images/intro_ic2.png) no-repeat} .intro-epbox .ic-ebox3 i{width:67px;height:43px;background:url(../../common/images/intro_ic3.png) no-repeat} .intro-epbox .ic-ebox4 i{width:67px;height:59px;background:url(../../common/images/intro_ic4.png) no-repeat} .intro-epbox > div {padding: 5px 0 25px 0;border-bottom:1px solid #ddd}/*2018.10.04 lsy*/ .intro-epbox > div:last-child{border-bottom:0}/*2018.10.04 lsy*/ .intro-epbox > div i{margin: 5px 0 0 0}/*2018.10.04 lsy*/ .intro-epbox .ic-ebox3 i{margin: 15px 0 0 10px}/*2018.10.04 lsy*/ .intro-epbox > div > dl{width: 100%;margin:15px 0 0 0;padding:0 0 0 10px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd{width:100%;margin:7px 0 0 0;padding:0;font-size:14px;line-height:18px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > p{width:100%;margin:0;padding:2px 0}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt > p{width:76%;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt > span{width:76%}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > div > dl > dt{letter-spacing: -0.5px;}/*2018.10.04 lsy*/ .phone-box{height:200px;overflow:scroll} .fc-basic-view .fc-body .fc-row {min-height: 2.5em !important} /* 달력테이블 날짜별 최소 높이값 */ .fc-scroller{min-height: 239px !important} /* 달력테이블 전체 최소 높이값 */ } /* 2018.07.17 lsy */ @media only screen and (min-width : 414px) and (max-width : 736px) and (orientation : landscape) { .intro-epbox .ic-ebox1 i{width:70px;height:68px;background:url(../../common/images/intro_ic1.png) no-repeat} .intro-epbox .ic-ebox2 i{width:70px;height:68px;background:url(../../common/images/intro_ic2.png) no-repeat} .intro-epbox .ic-ebox3 i{width:92px;height:60px;background:url(../../common/images/intro_ic3.png) no-repeat} .intro-epbox .ic-ebox4 i{width:60px;height:60px;background:url(../../common/images/intro_ic4.png) no-repeat} } /*2018.07.17 lsy*/ @media (min-width: 768px) and (max-width: 1199px) { .intro-section1 div{margin-bottom:10px} .intro-img1{height: 250px;background-image:url(../../common/images/imgbg_nz1_wds.jpg);}/*2018.10.04 lsy*/ .intro-img1 p{width:70%;margin:10px 0 0 90px;font-size: 20px;line-height: 30px;}/*2018.10.04 lsy*/ .intro-img1 p:first-child{margin:50px 0 0 90px;padding-top: 30px;}/*2018.10.04 lsy*/ .intro-jp-img1{height: 250px;background-image:url(../../common/images/imgbg_sft1_wd.jpg);} .intro-jp-img1 p{width:70%;margin:10px 0 0 90px;font-size: 20px;line-height: 30px;} .intro-jp-img1 p:first-child{margin:50px 0 0 90px;padding-top: 30px;} .intro-tw-img1{height: 250px;background-image:url(../../common/images/imgbg_sft2_wd.jpg);} .intro-tw-img1 p{width:70%;margin:10px 0 0 90px;font-size: 20px;line-height: 30px;} .intro-tw-img1 p:first-child{margin:50px 0 0 90px;padding-top: 30px;} .intro-hk-img1{height: 250px;background-image:url(../../common/images/imgbg_sft3_wd.jpg);} .intro-hk-img1 p{width:70%;margin:10px 0 0 90px;font-size: 20px;line-height: 30px;} .intro-hk-img1 p:first-child{margin:50px 0 0 90px;padding-top: 30px;} /* .intro-expbox .intro-epbox{display:block;width:98%;margin:25px auto;} .intro-epbox .ic-ebox1,.intro-epbox .ic-ebox2,.intro-epbox .ic-ebox3{display:inline-block;width:24%;margin:0 auto;padding-bottom:10px;text-align:center;border-right:1px solid #ddd;border-bottom:0;vertical-align:top} .intro-epbox .ic-ebox4{display:inline-block;width:24%;margin:0 auto;padding-bottom:10px;text-align:center;border-bottom:0;vertical-align:top} .intro-epbox .ic-ebox1 i,.intro-epbox .ic-ebox2 i,.intro-epbox .ic-ebox4 i{float:left;margin:15px 0 0 10px;text-align:left;vertical-align:top} .intro-epbox .ic-ebox3 i{float:left;margin:25px 0 0 10px;text-align:left;vertical-align:top}*/ .intro-expbox{width:90%}/*2018.10.04 lsy*/ .intro-epbox > div{width: 100%;margin:0;padding: 10px 0 25px 0;border-bottom:1px solid #ddd}/*2018.10.04 lsy*/ .intro-epbox > div:last-chlid{border-bottom:0}/*2018.10.04 lsy*/ .intro-epbox > div i{margin: 0 }/*2018.10.04 lsy*/ .intro-epbox .ic-ebox3 i{margin: 5px 0 0 10px}/*2018.10.04 lsy*/ .intro-epbox .ic-ebox1 i{width:50px;height:48px;background:url(../../common/images/intro_ic1s.png) no-repeat} .intro-epbox .ic-ebox2 i{width:50px;height:50px;background:url(../../common/images/intro_ic2s.png) no-repeat} .intro-epbox .ic-ebox3 i{width:50px;height:33px;background:url(../../common/images/intro_ic3s.png) no-repeat} .intro-epbox .ic-ebox4 i{width:50px;height:43px;background:url(../../common/images/intro_ic4s.png) no-repeat} /*.intro-epbox div dl{float:left;width:55%;margin:15px 0 0 10px;padding:0 0 0 10px;vertical-align:top} .intro-epbox div dl dd{display:inline-block;width:100%;margin:7px 0 0 0;padding:0;font-size:14px;color:#666;text-align:left;line-height:18px} .intro-epbox div dl dd p{display:inline-block;width:100%;margin:0;padding:4px 0;text-align:left}*/ .intro-epbox > div > dl{width: 100%;margin: 15px 0 0 0px;padding:0 0 0 10px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt{font-size: 22px;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt > span{padding: 0px 0 0 15px;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt > p{width: 85%;margin: 0;font-size: 18px;padding: 3px 0 0 15px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd{width:100%;margin:7px 0 0 0;padding:0;font-size:14px;line-height:18px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > p{width:100%;margin:0;font-size: 18px;padding: 3px 0}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > div{width:100%;margin: 15px 0 0 0;padding: 10px 20px 5px 22px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > div > dl{width:100%;margin:0;padding: 5px 0 10px 0;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > div > dl > dt{width:100%;font-size:16px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > div > dl > dd{width:100%;margin: 4px 0 0 0;padding: 0 0 5px 15px}/*2018.10.04 lsy*/ .intro-epbox .lblabel{margin-right:5px;width:20px;height:20px;font-size:14px;line-height:18px;border-radius:25px}/*2018.10.04 lsy*/ .intro-subbox{display:block;width:100%;margin:0 auto;padding:10px 0}/*2018.12.12 lsy*/ .intro-subbox > div{display:block;width:100%;margin:5px 0 30px 0;padding:10px 0;text-align:left;border-bottom:1px dashed #aaa;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:7px;border:1px solid #ccc;background:#fff}/*2018.12.12 lsy*/ .intro-subbox .sub-img{display:inline-block;vertical-align:top}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-11{margin:0 0 0 3px}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-12{margin:0 0 0 5px}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-13{margin:0 0 0 5px}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-21{margin:0 0 0 3px}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-22{margin:0 0 0 5px}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-31{margin:0 0 0 3px}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-32{margin:0 0 0 5px}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-11{margin:0 0 0 130px}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-12{margin:0 0 0 100px}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-21{margin:0 0 0 130px}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-22{margin:0 0 0 100px}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-31{margin:0 0 0 130px}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-32{margin:0 0 0 100px}/*2018.12.12 lsy*/ .intro-subbox .sbimg3-11{margin:0 0 0 130px;}/*2018.12.12 lsy*/ } /*2018.07.17 lsy*/ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .intro-img1{height: 250px;background-image:url(../../common/images/imgbg_nz1_wds.jpg);}/*2018.10.04 lsy*/ .intro-img1 p{width:70%;margin:10px 0 0 90px;font-size: 20px;line-height: 30px;}/*2018.10.04 lsy*/ .intro-img1 p:first-child{margin:50px 0 0 90px;padding-top: 30px;}/*2018.10.04 lsy*/ .intro-jp-img1{height: 250px;background-image:url(../../common/images/imgbg_sft1_wd.jpg);} .intro-jp-img1 p{width:70%;margin:10px 0 0 90px;font-size: 20px;line-height: 30px;} .intro-jp-img1 p:first-child{margin:50px 0 0 90px;padding-top: 30px;} .intro-tw-img1{height: 250px;background-image:url(../../common/images/imgbg_sft2_wd.jpg);} .intro-tw-img1 p{width:70%;margin:10px 0 0 90px;font-size: 20px;line-height: 30px;} .intro-tw-img1 p:first-child{margin:50px 0 0 90px;padding-top: 30px;} .intro-hk-img1{height: 250px;background-image:url(../../common/images/imgbg_sft3_wd.jpg);} .intro-hk-img1 p{width:70%;margin:10px 0 0 90px;font-size: 20px;line-height: 30px;} .intro-hk-img1 p:first-child{margin:50px 0 0 90px;padding-top: 30px;} .intro-epbox .ic-ebox1 i{width:50px;height:48px;background:url(../../common/images/intro_ic1s.png) no-repeat} .intro-epbox .ic-ebox2 i{width:50px;height:50px;background:url(../../common/images/intro_ic2s.png) no-repeat} .intro-epbox .ic-ebox3 i{width:50px;height:33px;background:url(../../common/images/intro_ic3s.png) no-repeat} .intro-epbox .ic-ebox4 i{width:50px;height:43px;background:url(../../common/images/intro_ic4s.png) no-repeat} } @media (min-width : 768px) and (max-width : 1023px){ .intro-subbox{display:block;width:100%;margin:0 auto;padding:10px 0}/*2018.12.12 lsy*/ .intro-subbox > div{display:block;width:100%;margin:5px 0 30px 0;padding:10px 0;text-align:left;border-bottom:1px solid #ddd;-webkit-box-shadow:0 2px 1px #eee;box-shadow:0 2px 1px #eee}/*2018.12.12 lsy*/ .intro-subbox > div:last-child{border-bottom:0;-webkit-box-shadow:none;box-shadow:none}/*2018.12.12 lsy*/ .intro-subbox .sub-img{display:inline-block;vertical-align:top}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-11{margin:0 0 0 10px}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-12{margin:0 0 0 10px}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-13{margin:10px 0 0 10px}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-21{margin:0 0 0 10px}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-22{margin:0 0 0 10px}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-31{margin:0 0 0 10px}/*2018.12.12 lsy*/ .intro-subbox .sbimg1-32{margin:0 0 0 10px}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-11{margin:0 0 0 50px}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-12{margin:0 0 0 50px}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-21{margin:0 0 0 50px}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-22{margin:0 0 0 50px}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-31{margin:0 0 0 50px}/*2018.12.12 lsy*/ .intro-subbox .sbimg2-32{margin:0 0 0 50px}/*2018.12.12 lsy*/ .intro-subbox .sbimg3-11{margin:0 0 0 50px;}/*2018.12.12 lsy*/ /* 2019.01.16 main lsy */ .main-slidewrap{width:78%;height:280px} .main-slide{height:240px} .main-slide > ul > li > div{width:95%;height:190px;margin:40px auto 0 auto} h2.main-titnew{margin:15px 0 0 25px;font-size:17px} .main-sidebox{width:22%;height:280px} .main-sidebox a{width:100%;font-size:15px;line-height:93px;} .btn-msd1{height:94px;border-bottom:1px solid #003e62}/*2019.01.31 lsy*/ .btn-msd2{height:93px;border-bottom:1px solid #0e4260}/*2019.01.31 lsy*/ .btn-msd3{height:93px} .main-tools{width:75%;margin:244px 9px 0 0} .main-ctbox > div{width:100%} .m-ctbx1{height:240px} .m-ctbx2{height:240px} .main-ctbox > div > div{width:50%} .main-ctbox > div > div:first-child{border-right:1px solid #c3c8ca} .main-ctbox h3.mc-titnew{margin:16px 0 0 0;font-size:16px} .main-ctbox h3.mc-titnew span{font-size:12px} .ng-txtbox{margin:15px 0 0 0} .ng-txtbox ul{width:75%;margin:0 auto} .ng-txtbox ul li{padding:8px 0 10px 0;font-size:15px;line-height:20px} .ng-txtbox ul li:before{margin:7px 5px 0 0} .ng-txtbox ul li strong{font-size:18px;line-height:18px} .m-chart{height:175px;margin:15px auto 0 auto} .m-btfbox{padding:12px 15px 10px 15px} .m-btfbox a{display:block;width:80%;margin:0 auto;padding:12px 0;font-size:16px} .main-sidebox a .text{padding:5px 0}/*2019.02.26 lsy*/ } /* 2019.01.16 main lsy */ @media (min-width : 1024px) and (max-width : 1199px){ .main-slidewrap{width:78%;height:400px} .main-slide{height:360px} .main-slide > ul > li > div{width:95%;height:300px;margin:50px auto 0 auto} h2.main-titnew{margin:18px 0 0 25px;font-size:20px} .main-sidebox{width:22%;height:400px} .main-sidebox a{width:100%;font-size:17px;line-height:133px;} .btn-msd1{height:134px;border-bottom:1px solid #003e62}/*2019.01.31 lsy*/ .btn-msd2{height:133px;border-bottom:1px solid #0e4260}/*2019.01.31 lsy*/ .btn-msd3{height:133px} .main-tools{width:75%;margin:360px 9px 0 0} .main-ctbox > div{width:100%} .m-ctbx1{height:350px} .m-ctbx2{height:350px} .main-ctbox > div > div{width:50%} .main-ctbox > div > div:first-child{border-right:1px solid #c3c8ca} .main-ctbox h3.mc-titnew{margin:18px 0 0 0;font-size:18px} .main-ctbox h3.mc-titnew span{font-size:14px} .ng-txtbox{margin:20px 0 0 0} .ng-txtbox ul{width:75%;margin:0 auto} .ng-txtbox ul li{padding:12px 0 14px 0;font-size:18px;line-height:24px} .ng-txtbox ul li:before{margin:9px 5px 0 0} .ng-txtbox ul li strong{padding-left:5px;font-size:22px;line-height:22px} .m-chart{height:270px;margin:18px auto 0 auto} .m-btfbox{padding:15px 15px 14px 15px} .m-btfbox a{display:block;width:70%;margin:0 auto;padding:12px 0;font-size:16px} .main-sidebox a .text{padding:7px 0}/*2019.02.26 lsy*/ } /*2018.10.04 lsy*/ @media (min-width: 1200px) { .intro-img1{height:320px;background-image:url(../../common/images/imgbg_nz1_wd.jpg)}/*2018.10.04 lsy*/ .intro-img1 p{width:75%;margin:10px 0 0 200px;font-size:22px;line-height:35px}/*2018.10.04 lsy*/ .intro-img1 p:first-child{margin:0 0 0 200px;padding-top:50px;}/*2018.10.04 lsy*/ .intro-jp-img1{background-image:url(../../common/images/imgbg_sft1_wd.jpg)} .intro-jp-img1 p{width:75%;margin:10px 0 0 200px;font-size:22px;line-height:35px} .intro-jp-img1 p:first-child{margin:0 0 0 200px;padding-top:50px;} .intro-tw-img1{background-image:url(../../common/images/imgbg_sft2_wd.jpg)} .intro-tw-img1 p{width:75%;margin:10px 0 0 200px;font-size:22px;line-height:35px} .intro-tw-img1 p:first-child{margin:0 0 0 200px;padding-top:50px;} .intro-hk-img1{background-image:url(../../common/images/imgbg_sft3_wd.jpg)} .intro-hk-img1 p{width:75%;margin:10px 0 0 200px;font-size:22px;line-height:35px} .intro-hk-img1 p:first-child{margin:0 0 0 200px;padding-top:50px;} .intro-expbox{width:90%}/*2018.10.04 lsy*/ /* .intro-epbox .ic-ebox1,.intro-epbox .ic-ebox2,.intro-epbox .ic-ebox3{display:inline-block;width:24%;margin:0 auto;padding-bottom:10px;text-align:center;border-right:1px solid #ddd;box-sizing:border-box;border-bottom:0;vertical-align:top} .intro-epbox .ic-ebox4{display:inline-block;width:24%;margin:0 auto;padding-bottom:10px;text-align:center;box-sizing:border-box;border-bottom:0;vertical-align:top} .intro-epbox .ic-ebox1 i,.intro-epbox .ic-ebox2 i,.intro-epbox .ic-ebox4 i{float:left;margin:15px 0 0 20px;text-align:left;vertical-align:top} .intro-epbox .ic-ebox3 i{float:left;margin:25px 0 0 20px;text-align:left;vertical-align:top}*/ .intro-epbox > div{margin:0;padding:20px 0 25px 0}/*2018.10.04 lsy*/ .intro-epbox > div:nth-child(2n-1){width: 49%}/*2018.10.04 lsy*/ .intro-epbox > div:nth-child(2n){width: 50%;}/*2018.10.04 lsy*/ .intro-epbox > div:nth-child(1),.intro-epbox > div:nth-child(2){;border-bottom:1px solid #ddd}/*2018.10.04 lsy*/ .intro-epbox > div i{margin: 15px 0 0 0px}/*2018.10.04 lsy*/ .intro-epbox .ic-ebox3 i{margin: 25px 0 0 0}/*2018.10.04 lsy*/ .intro-epbox .ic-ebox1 i{width:67px;height:65px;background:url(../../common/images/intro_ic1.png)} .intro-epbox .ic-ebox2 i{width:67px;height:64px;background:url(../../common/images/intro_ic2.png)} .intro-epbox .ic-ebox3 i{width:67px;height:43px;background:url(../../common/images/intro_ic3.png)} .intro-epbox .ic-ebox4 i{width:67px;height:59px;background:url(../../common/images/intro_ic4.png)} /*.intro-epbox div dl{float:right;width:52%;margin:15px 0 0 0;padding:0 0 0 10px;vertical-align:top} .intro-epbox div dl dd{display:inline-block;width:100%;margin:7px 0 0 0;padding:0;font-size:14px;color:#666;text-align:left;line-height:18px} .intro-epbox div dl dd p{display:inline-block;width:100%;margin:0;padding:2px 0;text-align:left}*/ .intro-epbox > div > dl{width: 90%;margin:15px 0 0 20px;padding:0 0 0 10px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt{font-size: 22px;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt > span{padding: 20px 0 0 15px;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dt > p{width: 85%;margin: 0;font-size: 18px;padding: 3px 0 0 15px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd{width:100%;margin:7px 0 0 0;padding:0;font-size:14px;color:#666;text-align:left;line-height:18px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > p{width:100%;margin:0;font-size: 18px;padding: 3px 0}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > p > strong{vertical-align:top}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > div{width:100%;margin: 15px 0 0 0;padding: 10px 20px 5px 22px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > div > dl{width:100%;margin:0;padding: 5px 0 10px 0;}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > div > dl > dt{width:100%;font-size:16px}/*2018.10.04 lsy*/ .intro-epbox > div > dl > dd > div > dl > dd{width:100%;margin: 4px 0 0 0;padding: 0 0 5px 15px;line-height:22px}/*2018.10.04 lsy*/ .intro-epbox .lblabel{margin-right:5px;width:20px;height:20px;font-size:14px;line-height:18px;border-radius:25px}/*2018.10.04 lsy*/ /* 2019.01.16 main lsy */ .main-slidewrap{width:75%;height:360px}/*2019.01.24 lsy*/ .main-slide{height:260px} .main-slide > ul > li > div{height:260px;margin:50px auto 0 auto} h2.main-titnew{margin:15px 0 0 25px;padding:0;font-size:18px} h2.main-titnew span{font-size:14px} .main-sidebox{width:25%;height:360px}/*2019.01.24 lsy*/ .main-sidebox a{font-size:18px} .btn-msd1{width:100%;height:120px;line-height:120px;border-bottom:1px solid #003e62}/*2019.01.31 lsy*/ .btn-msd2{width:100%;height:120px;line-height:120px;border-bottom:1px solid #0e4260}/*2019.01.31 lsy*/ .btn-msd3{width:100%;height:120px;line-height:120px}/*2019.01.31 lsy*/ .main-tools{width:73%;margin:320px 9px 0 0}/*2019.01.24 lsy*/ .main-ctbox > div{width:50%} .m-ctbx1{height:300px} .m-ctbx2{height:300px} .main-ctbox > div > div{width:50%;border-right:1px solid #c3c8ca} .m-ctbx2 > div:last-child{border-right:0} .main-ctbox h3.mc-titnew{display:block;margin:20px 0 0 0;font-size:17px} .main-ctbox h3.mc-titnew span{padding-left:3px;font-size:14px} .ng-txtbox{margin:25px 0 0 0} .ng-txtbox ul{display:block;width:70%;margin:0 auto} .ng-txtbox ul li{padding:9px 0 12px 0;font-size:15px;line-height:20px} .ng-txtbox ul li:before{margin:7px 5px 0 0} .ng-txtbox ul li strong{padding-left:5px;font-size:18px;line-height:18px} .m-chart{height:220px;margin:15px auto 0 auto} .m-btfbox{padding:16px 15px 13px 15px} .m-btfbox a{display:block;width:40%;margin:0 auto;padding:12px 0;font-size:16px} .main-sidebox a .text{padding:7px 0}/*2019.02.26 lsy*/ } /*2018-09-11 shin*/ .atm-subtitle { text-align:left;} p.but-down{ border: 1px solid #5f5f5f; padding: 8px 20px !important; text-align: center !important; display: inline-block; margin-top: 12px !important; background-color: #ddd; color: #444; } .em-text{display:inline-block;padding:3px 10px 5px 10px;font-size:14px;line-height:18px;color:#1c1c1c;border-radius:15px;border:1px solid #666} .exp-textbox{display: inline-block;width: 100%;margin-bottom: 10px;padding: 10px 12px 6px 12px;color: #555;line-height: 20px;border-radius: 7px;background: #CBEAF1;} .exp-textbox p{display:block;padding:2px 0 3px 0} @media (min-width: 768px) {.container-fluid{min-height: calc( 100vh - 190px);}} /* 2019.03.29 lsy 왼쪽 메뉴없이 컨텐츠만 있는 페이지 적용 pc */ /* 2019-05-10 lsy*/ @media (max-width : 767px){.pmb-img {max-width:220px}} /* 모바일 이미지 최대 사이즈 조절 */ @media (min-width : 768px)and (max-width : 1024px){.pmb-img {max-width:480px}} /* 태블릿 이미지 최대 사이즈 조절 */ @media (min-width : 1025px){.pmb-img {max-width:600px}} /* pc 이미지 최대 사이즈 조절 */ /* 20191104 추가 박태훈 */ .division20 {overflow: hidden; margin-bottom: 20px;} ul.progress_area {overflow: hidden;} ul.progress_area li {margin: 10px 0;} ul.progress_area li div{display: table; width: 100%; height: 40px; margin-left: -4px; position: relative; font-weight: bold; color: #000000; text-align: center; background: #dddddd;} ul.progress_area li div span {display: table-cell; height: 40px; padding-left: 20px; font-size: 11px; vertical-align: middle; line-height: 1em;} ul.progress_area li.on div {color: #ffffff; background-color: #05a2c2;} ul.progress_area li div:after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 0; border-left: 20px solid white; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } ul.progress_area li div:before { content: ""; position: absolute; right: -20px; bottom: 0; width: 0; height: 0; z-index: 100; border-left: 20px solid #dddddd; border-top: 20px solid transparent; border-bottom: 20px solid transparent; } ul.progress_area li.on div:before {border-left: 20px solid #05a2c2;} .vertical_middle {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} ul.dot_list li {list-style: initial;} .main_notice{padding-left:15px;position:relative;} .main_notice .noti_tab{position:relative;float:left;margin-right:30px;width:48.5%;} @media all and (max-width: 1575px){ .main_notice .noti_tab{float:left;width:99%;} } .main_notice ul{border:1px solid rgb(204,204,204);height:200px;padding:0 30px;border-radius:0 0 4px 4px;overflow:hidden;} .main_notice .noti_tab:last-child{margin-right:15px;} .main_notice ul li{font-size:16px;color:rgb(34,34,34);margin-top:15px;list-style:disc;margin-left:20px;width:100%;padding-right:20px;} .main_notice ul li.new{list-style:none;margin-left:0;padding-right:0;} .main_notice .list a{color:rgb(34,34,34);} .main_notice .list li a{display:inline-block; vertical-align:middle; width:75%;} .main_notice .list .new_head{margin-left:0;font-size:25px;border-bottom:2px dashed rgb(172,172,172);padding-bottom:30px;margin-bottom:15px; padding-right:0px;} .main_notice .list .new_head b{color:rgb(0,89,83);font-size:30px;font-weight:500;display:block;letter-spacing:-2px;width:100%;padding-bottom:10px;} .main_notice .list .new_head .desc{color:rgb(102,102,102);float:left;width:100%;} .main_notice .list .new_head .date{float:right;} .main_notice .list .more{color:rgb(136,136,136);font-size:20px;float:right;} .main_notice .list .date{color:rgb(136,136,136);font-size:12px;float:right;margin-top:3px;} #txt_line{padding:0 5px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; width:100%; white-space:nowrap; margin:0;} .main_notice .noti_tit{font-weight:500;height:50px;background-color:#019ebe !important;padding:10px 0 0 30px;border:1px solid #019ebe; border-radius:4px 4px 0 0;} .main_notice .noti_tit1{font-weight:500;height:50px;background-color:#019ebe !important;padding:10px 0 0 30px;border:1px solid #019ebe; border-radius:4px 4px 0 0;} .main_notice .noti_tit .title{font-size:23px;color:#FFF;} .main_notice .noti_tit1 .title{font-size:23px;color:#FFF;} .dsb-box2 > div{padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;box-sizing:border-box} .dsb-box2{padding:0;-webkit-box-shadow:3px 3px #dfdfdf;box-shadow:3px 3px #dfdfdf;border-radius:4px;border:1px solid #bababa;background:#fff} .dsb-textbox2{float:left;width:100%;padding-top:25px;} .dsb-textbox2 ul{margin:0px;padding:0px;height:270px;overflow:hidden;} .dsb-textbox2 ul li{width:100%;list-style:none;padding:7px 0 7px 0;border-bottom:1px dashed #cdcdcd;-webkit-box-sizing:border-box;box-sizing:border-box}/* 2019.01.17 lsy*/ .dsb-textbox2 ul li a{display:inline-block; vertical-align:middle;} .dsb-textbox2 ul li .date{float:right;} .dsb-textbox2 ul li:before{display:inline-block;content:'';width:4px;height:4px;margin:10px 8px 0 0;background:#05a2c2;vertical-align:top}/* 2019.01.22 lsy*/ .dsb-textbox2 ul li strong{color:#ff5012} #txt_line2{padding:0 5px; overflow:hidden; -o-text-overflow:ellipsis; text-overflow:ellipsis; width:100%; white-space:nowrap; margin:0;} .dsb-title2{float:left;width:100%;padding:5px 15px;border-bottom:1px solid #cbcbcb;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../common/images/title_patbg2.gif)} .dsb-title2 ul{margin:0;padding:0} .dsb-title2 ul li{display:inline;list-style:none} .dsb-title2 .title{float:left;padding-right:10px} .dsb-title2 .etc{float:right;padding:7px 0 0 0} .dsb-title2{float:left;width:100%;padding:5px 15px;border-bottom:1px solid #cbcbcb;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../common/images/title_patbg2.gif)} .dsb-title2 h4{display:inline-block;font-size:18px;font-weight:700;text-transform:none;} /************* 20220307 추가 *************/ /****** 공통 *******/ body, th, tr, td, p, div, li, ul, a, h1, h2, h3, h4, i, b{font-family:'Noto Sans KR', sans-serif !important; font-size: 15px; letter-spacing: -0.05em;} .wrap{width:100%; max-width: 1520px; margin: 0 auto; position: relative;} .w100p{width: 100%;} html.overhide{overflow: hidden;} /* header */ .sticky-wrapper{border: 0; height: 80px; background: none;} #masthead.navbar{min-height: 80px; height: 80px; border-bottom: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; background: #fff;} .container{width: 100%; max-width: 1520px;} #masthead .container{padding:0;} #masthead .logo{line-height:1; position: absolute; left: 0; top: 11px;width:36px; height:52.5px; background: url(../images/common/img_logo.png) no-repeat center center; background-size:36px;} #masthead .logo a{display: block; width: 100%; height: 100%;} #masthead .logo img{display: none;} #menu-main-menu{ text-align: center;} #menu-main-menu{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; width: 100%; max-width: 950px;} #masthead.logout_header #menu-main-menu{padding-right:100px;} #menu-main-menu>li{display: inline-block;} #masthead #menu-main-menu.nav >li>a{font-size: 19px; line-height: 80px; font-weight: 500; color: #222; padding: 0 !important; text-align: center; display: block; padding-left: 0px !important; padding-right: 0px !important; min-width: 100px; outline: none !important;} #menu-main-menu::before, #menu-main-menu::after{display: none;} .navbar-collapse::before, .navbar-collapse::after{display: none;} .navbar-right{margin-right: 0; padding: 0;} .menu-sidebar{position: absolute; right: 135px; margin: 0; top: 29px;} .menu-sidebar ul li{line-height: 1; padding: 0;} .menu-sidebar ul li::after{content: ''; display: block; width: 1px; height: 16px; background: #ABABAB; position: absolute; left: 0px; top: 1px;} .menu-sidebar ul li:first-of-type::after{display: none;} .menu-sidebar ul li a{font-size: 16px; line-height: 1; display: block; padding: 0 10px !important; height: auto !important;} .btn_go_sf{position: absolute; display: block; top: 23px; right: 27px; text-align: center;} .btn_go_sf .img_area{display: block; width: 100px; height: 25px; background: url(../images/common/img_logo_sf_color.png) no-repeat center center; margin: 0 auto;;} .btn_go_sf span{font-size:13px; font-weight:500; color: #313131; display: block; padding-top: 5px; font-family: 'Scoredream'; font-weight: 500;} .btn_go_sf span::after{content:''; display:inline-block; width: 12px; height:12px; display: inline-block; margin-left: 3px; vertical-align: -1px; background:url(../images/common/i_link_black.png) no-repeat center center; background-size:12px;} #mo_gnb{display: none;} .navbar-nav ul{top: 79px; z-index: 9999; border: 1px solid #eee; width: 215px;} .navbar-nav ul li{border-bottom: 1px solid #eee;} .navbar-nav ul li a{padding: 0 15px; height: 40px; line-height: 40px; font-size: 16px; text-align: left; position: relative;} .navbar-nav ul li:last-of-type{border-bottom: 0;} .navbar-nav ul li a:hover{background: #f2f2f2; color: #000; color: #00534F;} @media all and (max-width:1520px){ #masthead .container{padding-left: 40px; padding-right:40px;} #masthead .logo{left:40px;} #menu-main-menu{width: 66%; margin: 0; margin-left: 100px;} #masthead #menu-main-menu.nav >li>a{padding: 0 !important;} .menu-sidebar{right: 150px;} } @media all and (max-width:1200px){ #masthead #menu-main-menu.nav >li>a{font-size: 17px;} } @media all and (max-width:1024px){ .wrap{padding-left: 20px; padding-right: 20px;} .sticky-wrapper{height: 14vw;} #main-navbar.collapse{display: none !important;} #main-navbar.collapse.in{display: block !important;} .navbar-toggle{display: block !important;} #masthead.navbar{top: 6vw; height: 8vw; min-height: 0;} #masthead .logo{top: 1vw; left: 20px; background-size: 4vw; width: 4vw; height: 5.8vw;} /* #main-navbar{display: none;} */ .btn_go_sf{width: 100%; left: 0; right: inherit; top: -6.2vw; width: 100%; text-align: center; background: #00554F; height: 6.2vw; line-height: 6.2vw;} .btn_go_sf .img_area, .btn_go_sf span{display: inline-block;} .btn_go_sf .img_area{vertical-align: -5px; background-image: url(../images/common/img_logo_sf.png); background-size: 100px;} .btn_go_sf span{padding-left: 10px; font-size: 17; vertical-align: -2px; color: #fff;} .btn_go_sf span::after{background:url(../images/common/i_link.png) no-repeat center center; background-size: 12px;} .menu-sidebar{display: none;} .navbar-toggle{position: absolute; right: 20px; top: 1.2vw; border: 0; border-radius: 0;} .navbar-toggle{padding:0 10px!important; text-indent:-9999px; width: 3vw !important; height: 3vw !important; background-size:3vw !important; background-position: center center; background-repeat: no-repeat;} .navbar-toggle.join{background-image: url(../images/common/i_join_black.png) !important; right: calc(6vw + 75px); } .navbar-toggle.login{background-image: url(../images/common/i_login_black.png) !important; right: calc(3vw + 47px);} .navbar-toggle.btn_all_menu{display: inline-block; right: 5px; z-index: 10000;} .navbar-toggle.btn_all_menu span{display: none;} .navbar-toggle.btn_all_menu{background-image: url(../images/common/i_allmenu_black.png); outline: none !important;} .navbar-toggle.btn_all_menu[aria-expanded='true']{background: url(../images/common/i_allmenu_close.png);} #masthead .container{padding: 0;} #main-navbar{width: 100%; z-index: 9999;} #menu-main-menu{width: 100%; margin:0; display: block; position: fixed; background-color: #fff; top: 14vw; left: 0; bottom: 0; overflow-y: auto; max-width: none; padding: 0 20px; } #menu-main-menu>li{float: none; width: 100%; display: block; padding-top: 3vw;} #masthead.logout_header #menu-main-menu>li{padding-bottom: 3vw; border-bottom: 1px solid #ddd;} #masthead.logout_header #menu-main-menu.nav >li>a{height: 4vw; line-height: 4vw;} .navbar-nav ul{display: block !important; position: static; width: 100%; padding-left: 10vw; overflow: hidden; border:0; border-bottom: 1px solid #D4D4D4; padding-top: 2vw; padding-bottom: 2vw;} #masthead #menu-main-menu.nav >li>a{font-size: 3vw; color: #505050; text-align: left; line-height: 1;} .navbar-nav ul li{border: 0; float: left; width: 33.333%;} .navbar-nav ul li a{font-size: 2vw; position: relative; padding-left: 3vw;} .navbar-nav ul li a::before{content: ''; display: block; width: 15px; height: 3px; background: #A4CD42; position: absolute; left: 0; top:2.2vw ;} #masthead #menu-main-menu.nav >li{text-align: left;} #masthead #menu-main-menu.nav >li>a{display: inline-block; position: relative; font-weight: bold; min-width: 0; padding-right: 19px !important;} #masthead #menu-main-menu.nav >li>a::after{content: ''; display: block; width: 2vw; height: 2vw; background: url(../images/common/i_gnb_bullet.png) no-repeat center center; background-size: 2vw; position: absolute; right: -1vw; top: -1vw;} #masthead #menu-main-menu.nav >li:last-of-type ul{border-bottom: 0;} .navbar-nav ul{display: -webkit-box !important;display: -ms-flexbox !important;display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: top; -ms-flex-align: top; align-items: top;} .navbar-nav ul li a{line-height: 1.3; height: auto; padding-top:10px; padding-bottom:10px;} #masthead.logout_header #menu-main-menu{padding-right: 20px;} } @media all and (max-width:768px){ .sticky-wrapper{height: 123px;} #masthead.navbar{top: 46px; height: 77px; min-height: 0;} #masthead .logo{top: 15px; background-size: 31px; width: 31px; height: 47px;} .btn_go_sf{top: -46px; height: 46px; line-height: 46px;} .navbar-toggle{top: 12px !important; width: 25px !important; height: 25px !important; background-size:25px !important; } .navbar-toggle.join{right: 125px;} .navbar-toggle.login{right: 73px;} #menu-main-menu{ top: 123px; } #menu-main-menu>li{padding-top: 23px;} .navbar-nav ul{padding-left: 55px;padding-top: 15px; padding-bottom: 15px;} #masthead #menu-main-menu.nav >li>a{font-size: 23px; } .navbar-nav ul li a{font-size: 16px; padding-left: 20px;} .navbar-nav ul li a::before{width: 10px; height: 3px; top: 19px;} #masthead #menu-main-menu.nav >li>a::after{width: 15px; height: 15px; background: url(../images/common/i_gnb_bullet.png) no-repeat center center; background-size: 15px; right: -8px; top: -8px;} #masthead.logout_header #menu-main-menu>li{padding:23px 0; padding-bottom: 20px;} #masthead.logout_header #menu-main-menu.nav >li>a{line-height: 1; font-size: 23px; height: auto;} #masthead.logout_header #menu-main-menu.nav >li>a::after{width: 13px; height: 13px; background-size:13px; top: -8px; right: -3px;} } @media all and (max-width:600px){ .navbar-nav ul li{width: 50% !important;} .navbar-nav ul{padding-left: 7%;} .navbar-nav ul li{width: 100% !important;} } /* footer */ #footer{background: #3d3e3d; height: auto; position: relative; z-index: 100;} #footer .ft_menu .wrap{position: relative;} #footer .ft_menu{border-bottom: 1px solid #4d4d4d; height: 70px;} #footer .ft_menu .ft_ul{padding-top: 25px; padding-left: 0; margin-left: 0;} #footer .ft_menu .ft_ul li{display: inline-block; position: relative;} #footer .ft_menu .ft_ul li::after{content:''; display: block; width: 1px; height: 11px; background: #707070; position: absolute; right: -5px; top: 3px;} #footer .ft_menu .ft_ul li a{display: block; font-size: 15px; color: #a7a7a7; padding: 0 17px; line-height: 1; } #footer .ft_menu .ft_ul li:first-of-type a{padding-left: 0;} #footer .ft_menu .ft_ul li:last-of-type::after{display: none;} #footer .relate{ width:210px; position: absolute; right: 0; top: 0;} #footer .relate span{border-left: 1px solid #707070; border-right: 1px solid #707070; display: block; width: 100%; height: 70px; color: #fff; line-height: 70px; font-size: 14px; padding-left: 25px; cursor: pointer; position: relative;} #footer .relate span::after{content: ''; display: block; width:11px; height: 8px; background: url(../images/common/i_select_bullet.png) no-repeat center center; position: absolute; right: 20px; top: 30px; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s;} #footer .relate span.on::after{-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s;} #footer .relate ul{position: absolute; bottom:70px; left: 0; background: #3d3e3d; border: 1px solid #707070; width: 100%; max-height: 400px; overflow-y: auto; display: none; z-index: 9999; padding-left: 0; margin: 0;} #footer .relate ul li{border-bottom: 1px solid #4d4d4d;} #footer .relate ul li a{display: block; width: 100%; height: 100%; line-height: 37px; padding: 0 10px; color: #fff; font-size: 14px;} #footer .relate ul li:last-of-type{border-bottom: 0;} #footer .footer_logo{position: absolute; left: 0; top: 23px;} #footer .footer_logo img{width: 39px;} #footer .txt{padding-top: 28px; padding-bottom: 40px; padding-left: 65px;} #footer .txt p, #footer .txt small{color: #888888; font-size: 15px;line-height: 25px; margin-bottom: 0;} #footer p .mo_blank{display: inline-block; width: 30px;} /****** 반응형 ********/ /* 1520 ~ 1024*/ @media all and (max-width:1520px){ .wrap{padding-left: 40px; padding-right: 40px;} #footer .footer_logo{left: 40px;} #footer .relate{display: none;} #footer .ft_menu{border-bottom: 0; height: auto;} #footer .ft_menu .ft_ul{text-align: center; margin-bottom: 0;} } /* 1024 ~ 768*/ @media all and (max-width:1024px){ .wrap{padding-left: 20px; padding-right: 20px;} #footer .footer_logo{left: 20px;} #footer .ft_menu .ft_ul li a{padding: 0 13px;} #footer .mo_blank{display: block;} } /* 768~ */ @media all and (max-width:768px){ #footer .ft_menu .ft_ul{max-width:480px; margin: 0 auto;} #footer .ft_menu .ft_ul li a{line-height: 1.4; font-size: 14px;} #footer p .mo_blank{display: block; width: 0;} #footer .txt p, #footer .txt small{font-size:14px; line-height:1.3; display: block;} #footer .txt{padding-top: 15px; padding-bottom: 30px;} #footer .txt small{padding-top:15px;} #footer .footer_logo{display: none;} #footer .txt{padding-left:0; text-align:center;} } @media all and (max-width:550px){ #footer .ft_menu .ft_ul{max-width:350px;} } /****** main1, main2 ********/ #ds-container.bgcolor{background: #F8F8F8; } #ds-container .subContent{padding-top: 100px;} #ds-container .subContent::after{content: ''; display: block; clear: both;} /* renewSubMain-nav */ .renewSubMain-nav{position: absolute; top: 260px; left: 0; /* z-index: 1; */ width: 100%; background: none !important; } .renewSub-Wrap{width: 100% !important; max-width: 1520px !important;} .renewSubMain-nav-list{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .renewSubMain-nav-list>li{float: none !important; width: auto; background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2); box-shadow: 0px 0px 15px rgba(0,0,0,0.2); height: 100px; padding: 0 !important;} .renewSubMain-nav-list.nav-four>li{width:23% !important} .renewSubMain-nav-list.nav-five>li{width: 19%;} .renewSubMain-nav-list li a:before, .renewSubMain-nav-list li a:after{display: none !important;} .renewSubMain-nav-list:after{display: none !important;} .renewSubMain-nav-list a{color: #000 !important; font-size: 22px !important; position: relative; padding-left: 117px; display: -webkit-box !important; display: flex !important; display:-ms-flexbox; justify-content: center; -ms-flex-pack:center; -webkit-box-pack:center; height: 100% !important; align-items: center; -webkit-box-align:center; -ms-flex-align:center; text-indent: -50px;} .renewSubMain-nav-list li a .img_area{display: -webkit-box;display: flex; display:-ms-flexbox; width: 62px; height: 100px; top:0; text-align: center; justify-content: center; -ms-flex-pack:center; -webkit-box-pack:center; align-items: center; -webkit-box-align:center; -ms-flex-align:center; left: 55px; position: absolute; } .renewSubMain-nav-list li a .img_area img{width: auto; margin: 0 !important;} .renewSubMain-nav .renewSub-Wrap{display: block !important;} .renewSubMain-nav-list.nav-five> li a .img_area{left: 35px;} /*.renewSubMain-nav-list.nav-five>li a{font-size: 20px !important;}*/ /* subMain-visual */ #ds-container .subMain-visual{padding: 0; background: url(../images/main/bg_main_top.png) no-repeat center center; background-size: cover ; height: 230px;} #ds-container .subMain-visual .renewSub-Wrap{max-width: 1520px; padding-top: 60px; height: 100%; position: relative;} #ds-container .subMain-visual h3{display: block; text-align: center; font-size: 35px; font-weight: 900; color: #fff; font-family: 'Noto Sans KR', sans-serif !important;} #ds-container .subMain-visual h3 b{font-size: inherit;} #ds-container .subMain-visual h3:before{display: none !important;} #ds-container .subMain-visual h3 small{display: block; font-size: 18px; font-weight: 300; margin-top: 15px;} #ds-container .subMain-visual p.no-margin{position: absolute; right: 0; top: 70px; padding: 0; font-size: 16px; text-align: right;} #ds-container .subMain-visual p.no-margin img{display: none;} #ds-container .subMain-visual p.no-margin span{display: block; font-size: 19px; font-family: 'montserrat'; font-weight: 500; letter-spacing: 0.05em;} /* subContent */ .subContent{padding-bottom: 70px !important;} .subContent .renewSub-Wrap{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .renewSub-Wrap .renewSub-box{background: #fff; border:1px solid #DCDCDC !important; padding: 25px 30px; height: auto !important; margin-bottom: 30px; width: 49% !important;} .col-2 .renewSub-box:nth-child(2n){margin-left: 2% !important;} .renewSub-box .renew-tit{padding: 0; font-size: 20px; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; border-bottom: 1px solid #999999; padding-bottom: 13px !important; margin-bottom: 20px;} .renewSub-box .renew-tit:after{display: none;} .renewSub-box .renew-tit~p{margin-bottom: 10px !important;} .renew-tit > .more-btn{margin: 0 !important; margin-top: 2px !important;} .renewSub-box .more-btn a{display: block; text-indent: -9999px; background: url(../images/main/btn_more.png) no-repeat center center; width:16px; height: 15px; border-radius: 0; padding: 0;} .renewSub-box .notice, .renewSub-box p small{padding: 0; font-size: 14px; margin-bottom: 0;display: block;} .renew-tit .titDate{padding-right: 2px; padding-top: 2px; font-size: 15px;} .renewSub-box .rMateH5__SubCaption, .subCaptionStyle{font-size: 13.5px !important; color: #454545;} .tableRenew-style.table-responsive > .table{} .tableRenew-style.table-responsive > .table thead{background: #E7F4EA; height: 40px; line-height: 40px;} .tableRenew-style.table-responsive > .table thead th{ color: #4B7555 !important; font-size: 15px; font-weight: 400; border-bottom: 0 !important;} .tableRenew-style.table-responsive > .table thead th p{padding: 0; line-height: 1; border: 0;} .tableRenew-style.table-responsive > .table thead th:first-of-type{border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .tableRenew-style.table-responsive > .table thead th:last-of-type{border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .tableRenew-style.table-responsive > .table td{font-size: 15px; padding: 0; height: 40px;} .tableRenew-style.table-responsive > .table tbody tr:nth-of-type(2n){background: #F2F2F2;} .tableRenew-style.table-responsive > .table td p{border: 0; line-height: 1;} .tableRenew-style.table-responsive > .table tbody td:first-of-type{border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .tableRenew-style.table-responsive > .table tbody td:last-of-type{border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .tableRenew-style.table-responsive{margin-bottom: 0;} .tableRenew-style.table-responsive~p{padding-top: 10px;} .renewSub-Wrap.main_footer_right{width: 100%; background: #fff; border: 4px solid #56CEA0; height: 110px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-top: 20px !important; float: right; width: 55% !important; max-width: 780px !important;} .renewSub-Wrap.main_footer_right.w100p{width: 100% !important; max-width: 100% !important; float: none;} .renewSub-Wrap.main_footer_right::before{content: ''; display: block; width: 100px; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/main/i_callcenter.png) no-repeat center right;} .renewSub-Wrap.main_footer_right .callCenter-info{margin: 0 !important; width: calc(100% - 100px); margin-left: 100px !important;} .renewSub-Wrap.main_footer_right .callCenter-info li{border: 0; background: #fff; padding: 5px; margin: 0 !important; font-size: 16px; color: #666666; letter-spacing: -0.025em; font-weight: 500; position: relative;} .renewSub-Wrap.main_footer_right .callCenter-info li::before{content: ''; display: block; width: 1px; height: 100%; background: #CCCCCC; position: absolute; left: 0; top: 0;} .renewSub-Wrap.main_footer_right .callCenter-info li:first-of-type::before{display: none;} .renewSub-Wrap.main_footer_right .callCenter-info li img{display: none;} .renewSub-Wrap.main_footer_right .callCenter-info li a{display: block; font-size: 22px; color: #56CEA0; font-family: 'montserrat' !important; font-weight: 600; letter-spacing: 0; cursor: default;} .renewSub-Wrap.main_footer_left{float: left; width: 45% !important;} .renewSub-Wrap.main_footer_left .renew-bt-btn{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%;} .renewSub-Wrap.main_footer_left .renew-bt-btn a{-webkit-box-flex:1;-ms-flex:1;flex:1; height: 110px; border: 0; font-size: 19px; font-weight: bold; color: #555555; line-height: 25px !important; padding: 0; position: relative; text-align: left; padding-left: 135px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 10px;} .renewSub-Wrap.main_footer_left .renew-bt-btn a img{position: absolute; left: 0; top: 0;} /****** 반응형 ********/ /* 1520 ~ 1024*/ @media all and (max-width:1520px){ #ds-container .subMain-visual p.no-margin{right: 40px;} .renewSubMain-nav .renewSub-Wrap, .subContent{padding-left: 40px; padding-right: 40px;} .renewSubMain-nav-list a{font-size: 20px !important;} .renewSubMain-nav-list li a .img_area{left: 10%;} } @media all and (max-width:1400px){ .renewSubMain-nav-list.nav-five> li a .img_area{left: 20px;} .renewSub-Wrap.main_footer_left .renew-bt-btn a{font-size: 17px;} } @media all and (max-width:1200px){ .renewSub-Wrap.main_footer_left{float: none; width: 100% !important;} .renewSub-Wrap.main_footer_left .renew-bt-btn{margin-top: 0;} .renewSub-Wrap.main_footer_right{width: 100% !important; float: none; max-width: 100% !important;} .renewSubMain-nav-list.nav-five>li a{font-size: 18px !important;} } /* 1024 ~ 768*/ @media all and (max-width:1024px){ .renewSubMain-nav .renewSub-Wrap, .subContent{padding-left: 20px; padding-right: 20px;} .renewSubMain-nav{top: calc(16vw + 180px);} .renewSubMain-nav-list{-ms-flex-wrap: wrap;flex-wrap: wrap;} .renewSubMain-nav-list li{margin-bottom: 15px;} .renewSubMain-nav-list.nav-four>li{width: 49% !important;} .renewSubMain-nav-list.nav-five>li{width: 32% !important;} .renewSubMain-nav-list.nav-five>li:nth-of-type(1), .renewSubMain-nav-list.nav-five>li:nth-of-type(2){width: 49% !important;} .renewSubMain-nav-list li a {padding-left: 0; text-indent: 0; line-height: 1.2; font-size: 18px !important;} .renewSubMain-nav-list li a .img_area{position: static; margin-right: 10px;} #ds-container .subContent{padding-top: 220px;} .renewSub-Wrap .renewSub-box{float: none !important; width: 100% !important; padding: 20px;} .col-2 .renewSub-box:nth-child(2n){margin-left: 0 !important;} .renewSub-Wrap.main_footer_right{margin-top: 0 !important;} .renewSub-Wrap.main_footer_left{margin-bottom: 15px;} } /* 768~ */ @media all and (max-width:768px){ #ds-container .subMain-visual .renewSub-Wrap{padding-top: 40px; } #ds-container .subMain-visual h3{font-size: 30px;} #ds-container .subMain-visual h3 small{font-size: 16px; margin-top: 10px;} #ds-container .subMain-visual p.no-margin{position: static; text-align: center; padding-top: 20px; font-size: 14px;} #ds-container .subMain-visual p.no-margin span{display: inline-block; vertical-align: -1px; margin-left: 5px;} #ds-container .subContent{padding-top: 170px; padding-bottom: 50px !important;} .renewSubMain-nav{top: 310px;} .renewSubMain-nav-list li{height: 80px !important; line-height: 1.5; border: 0 !important;} .renewSubMain-nav-list.nav-four li{border: 0 !important;} .renewSubMain-nav-list li a .img_area{width: 50px; height: 80px; } .renewSubMain-nav-list li a, .renewSubMain-nav-list.nav-five>li a{font-size: 16px !important;} .col-2 .renewSub-box{margin-bottom: 20px !important;} .renewSub-box .renew-tit{font-size: 18px !important; padding-bottom: 10px !important; margin-bottom: 15px;} .renew-tit .titDate{display: inline-block !important; padding-left: 5px;} .renewSub-Wrap.main_footer_right{height: auto; padding: 10px; margin-top: 10px !important;} .renewSub-Wrap.main_footer_right::before{display: none;} .renewSub-Wrap.main_footer_right .callCenter-info{width: 100% !important; margin-left: 0 !important;} .callCenter-info li{float: left !important; width: 33.333% !important;} .renewSub-Wrap.main_footer_left .renew-bt-btn a{justify-items: left; padding-left: 0;} .renewSub-Wrap.main_footer_left .renew-bt-btn a img{position: static;} .renew-bt-btn a > img, .renew-bt-btn button > img{width: 70px !important; margin-right: 10px;} } @media all and (max-width:600px){ .renewSubMain-nav-list li a .img_area{width: 45px;} .renewSub-Wrap .renewSub-box{padding: 15px;} .callCenter-info{} .renewSub-Wrap.main_footer_right .callCenter-info li{width: 85% !important; border-bottom: 1px solid #ddd !important; margin: 0 auto !important; float: none !important;} .renewSub-Wrap.main_footer_right .callCenter-info li:last-of-type{border-bottom: 0 !important;} .renewSub-Wrap.main_footer_right .callCenter-info li::before{display: none;} .renewSubMain-nav-list.nav-five>li{width: 49% !important;} .main2#ds-container .subContent{padding-top: 260px;} .renewSub-Wrap.main_footer_left .renew-bt-btn a{font-size: 15px;} } @media all and (max-width:500px){ .renewSub-Wrap.main_footer_left{margin-bottom: 10px !important;} .renew-bt-btn a > img, .renew-bt-btn button > img{width: 45px !important;} .renewSub-Wrap.main_footer_left .renew-bt-btn{-ms-flex-wrap: wrap;flex-wrap: wrap;} .renewSub-Wrap.main_footer_left .renew-bt-btn a{width: 100% !important; -webkit-box-flex: 0; -ms-flex: none; flex: none; height: 60px !important; font-weight: normal; border-bottom: 1px solid #ddd; margin-bottom: 0 !important; padding: 7px 0 !important;} .renewSub-Wrap.main_footer_left .renew-bt-btn a:last-of-type{border-bottom: 0; margin-bottom: 0 !important;} .renewSub-Wrap.main_footer_left .renew-bt-btn a br{display: none;} } /* 단지 로그인 화면(main2) */ .main2#ds-container .subMain-visual .renewSub-Wrap{padding-top: 63px !important;} /* 마스터코디 로그인 화면(main3) */ #masthead.navbar.hd_opacity{background:none; border-bottom: 1px solid rgba(171,171,171,0.5);} #masthead.navbar.hd_opacity.on{background: #fff; border-bottom: 1px solid #ddd;} .container-fluid{padding: 0; position: relative;} .container-fluid::before{content: ''; display: block; width: 100%; height: 582px; position: absolute; left: 0; top: -80px; background: rgb(169,204,82); background: -webkit-gradient(linear, left top, right top, from(rgba(169,204,82,1)), to(rgba(250,214,82,1))); background: -o-linear-gradient(left, rgba(169,204,82,1) 0%, rgba(250,214,82,1) 100%); background: linear-gradient(90deg, rgba(169,204,82,1) 0%, rgba(250,214,82,1) 100%);} .container-fluid::after{content: ''; display: block; width: 100%; height: 600px; position: absolute; left: 0; top: -80px; background: url(../images/main/bg_main2.png) no-repeat center center; background-size: cover;} .container-fluid .bg{width: 100%; height: 142px; position: absolute; right: 0px; top: 75px; background:url(../images/main/bg_main1.png) no-repeat 104% center;} .container-fluid .container{position: relative;} .container-fluid .row{width: 100%; max-width: 1520px; position: relative; z-index: 999; margin:0 auto; padding-top: 70px !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 310px; bottom: -90px;} .container-fluid .row::before, .container-fluid .row::after{display: none;} .container-fluid .container{padding: 0;} .icon_menu{width: 24% !important; background-color: #fff; border: 0; height: 430px; border-radius: 10px; -webkit-box-shadow: 0px 5px 30px rgba(0,0,0,0.1); box-shadow: 0px 5px 30px rgba(0,0,0,0.1); overflow: hidden;} .icon_menu a{display: block; width: 100%; height: 100%; position: relative; z-index: 999;} .icon_menu h3{background: none !important; color: #343434; font-size: 26px !important; padding: 0 !important; height: auto !important;} .icon_menu a .img{height: 287px !important; position: relative; background-size: auto !important;} .icon_menu .img::before{content: ''; display: block; width: 180px; height: 180px; background-color: #E9E9E9; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); border-radius: 100px; z-index: -1; -webkit-transition: background-color 0.2s;-o-transition: background-color 0.2s;transition: background-color 0.2s} .icon_menu .imn-mcod1 .img{background: url(../images/main/i_main_1.png) no-repeat center center !important; } .icon_menu .imn-mcod2 .img{background: url(../images/main/i_main_2.png) no-repeat center center !important;} .icon_menu .imn-mcod4 .img{background: url(../images/main/i_main_3.png) no-repeat center center !important;} .icon_menu .imn-mcod5 .img{background: url(../images/main/i_main_4.png) no-repeat center center !important;} .icon_menu i{display: block; width: 125px; height: 35px; line-height: 35px; border-radius: 100px; color: #fff; background: #A9CC52; margin: 0 auto; margin-top: 34px; font-style: normal; text-align: left; padding-left: 23px; position: relative;} .icon_menu i::after{content: ''; display: block; width: 5px; height: 9px; background: url(../images/main/i_mmenu_white.png) no-repeat center center; position: absolute; right: 24px; top: 13px; } .icon_menu::after{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; background-color: rgb(18,158,183); background: -webkit-gradient(linear, left top, left bottom, from(rgba(18,158,183,1)), to(rgba(116,191,83,1))); background: -o-linear-gradient(top, rgba(18,158,183,1) 0%, rgba(116,191,83,1) 100%); background: linear-gradient(180deg, rgba(18,158,183,1) 0%, rgba(116,191,83,1) 100%); -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s; z-index: 0; opacity: 0; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;} .icon_menu:hover::after{opacity: 1; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s;} .icon_menu:hover .img::before{background-color: rgba(0,0,0,0.2); -webkit-transition: background-color 0.2s;-o-transition: background-color 0.2s;transition: background-color 0.2s} .icon_menu:hover h3{color: #fff; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;} .icon_menu:hover i{background: #fff; color: #65BA62; } .icon_menu:hover i::after{background-image: url(../images/main/i_mmenu_green.png);} .container-fluid .bx_charge{padding: 0; margin: 0; border: 0;} .container-fluid .bx_charge li{min-width: 230px; height: 70px; border-radius: 10px; border: 3px solid #A9CC52; position: absolute; right: 0; bottom: 80px; z-index: 999; padding: 0; margin: 0; padding-left: 70px; padding-top: 15px; font-size: 15px; line-height: 1; padding-right: 10px;} .container-fluid .bx_charge li::before{content: ''; display: block; width: 36px; height: 36px; background: url(../images/main/i_call.png) no-repeat center center; position: absolute; left: 19px; top: 14px;} .container-fluid .bx_charge li a{display: block; font-size: 18px; font-family: 'montserrat' !important; font-weight: 500; margin-top: 5px; letter-spacing: 0.05em;} .icon_menu .imn-rda1 .img{background: url(../images/main/i_main_5.png) no-repeat center center !important; } .icon_menu .imn-rda2 .img{background: url(../images/main/i_main_6.png) no-repeat center center !important;} .icon_menu .imn-rda3 .img{background: url(../images/main/i_main_7.png) no-repeat center center !important;} .icon_menu .imn-rda4 .img{background: url(../images/main/i_main_8.png) no-repeat center center !important;} /****** 반응형 ********/ /* 1520 ~ 1024*/ @media all and (max-width:1520px){ .container-fluid .row{padding-left: 40px; padding-right: 40px;} .container-fluid .bx_charge li{right: 40px;} } @media all and (max-width:1200px){ .container-fluid .icon_menu .img{background-size: 160px !important;} .container-fluid .icon_menu .imn-mcod1 .img{background-size: 150px !important;} .icon_menu .imn-rda1 .img::before, .icon_menu .imn-rda2 .img::before, .icon_menu .imn-rda3 .img::before, .icon_menu .imn-rda4 .img::before{display: none !important;} .icon_menu h3{word-break: keep-all; line-height: 1.2; padding: 0 10px !important;} .icon_menu a h3.org .mo_blank{display: block;} .icon_menu a h3.org{min-height: 63px;} .icon_menu .imn-rda3 h3{line-height: 57px;} .icon_menu_box2 .icon_menu a .img{height: 257px !important;} } /* 1024 ~ 768*/ @media all and (max-width:1024px){ .container-fluid{min-height: 0 !important;} .container-fluid::before{height: 680px;} .container-fluid .bg{top: 10px; background-size: 500px;} .container-fluid .row{padding-top: 0px !important; padding-bottom: 200px; padding-left: 20px; padding-right: 20px;} .icon_menu{width: 49% !important; margin-bottom: 20px; height: 350px;} .icon_menu a .img{height: 230px !important;} .icon_menu_box2 .icon_menu a .img{height: 210px !important;} .icon_menu h3{font-size: 23px !important;} .icon_menu i{margin-top: 28px;} .icon_menu_box2 .icon_menu i{margin-top: 13px;} .container-fluid .bx_charge li{bottom: 35px; right: 20px;} } /* 768~ */ @media all and (max-width:768px){ .container-fluid::before{height: 610px;} .icon_menu{height: 290px;} .container-fluid .icon_menu .img{background-size: 130px !important; height: 180px !important;} .icon_menu_box2 .icon_menu a .img{height: 170px !important;} .icon_menu a h3.org{min-height: 50px;} .icon_menu .imn-rda3 h3{line-height: 50px;} .container-fluid .icon_menu .imn-mcod1 .img{background-size: 110px !important;} .icon_menu{width: 48.5% !important; margin-bottom: 3%;} .icon_menu .img::before{width: 130px; height: 130px;} .icon_menu i{margin-top: 22px; font-size: 14px;} .container-fluid .bx_charge li{min-width: 200px; padding-left: 50px;} .container-fluid .bx_charge li::before{background-size: 27px; left: 7px;} .icon_menu h3{font-size: 20px !important;} } @media all and (max-width:500px){ .container-fluid .bg{background-size: 400px;} .container-fluid::before{height: 820px;} .icon_menu{width: 100% !important;} .container-fluid .icon_menu .img{height: 160px !important;} .icon_menu_box2 .icon_menu a .img{height: 160px !important;} .icon_menu i{margin-top: 16px;} .icon_menu{height: 250px; margin-bottom: 15px;} .icon_menu a h3.org .mo_blank{display: inline-block; } .icon_menu a h3.org {min-height: 0 !important; line-height: 1 !important;} .icon_menu_box2 .icon_menu i{margin-top: 16px;} } /******** login, join *********/ .no_af::after{display: none !important;} .fl{float: left;} .fr{float: right;} .content{padding: 0; margin: 0;} /* login */ .login-area{} .login-area .content{padding: 0;} .login-area .content-wrapper{padding: 0; margin: 0; border: 0;min-height: 0 !important; padding-bottom: 170px;} .lg_page_title{font-size: 45px; font-weight: 700; color: #3D3E3D; letter-spacing: -0.025em; text-align: center; margin: 0; line-height: 1; margin-bottom: 60px;padding-top: 70px;} .lg_page_title span{position: relative; line-height: 1.2;} .lg_page_title span::after{content: ''; display: block; width: 30px; height: 30px; background: url(../images/common/i_title_bullet.png) no-repeat center center; position: absolute; left: -35px; top: -5px;} .login_box {position: relative;display: table; width: 95%; max-width:1200px; border: 1px solid #dcdcdc;margin: 0 auto; border-radius: 20px; background: #fff; -webkit-box-shadow: 10px 10px 20px rgba(0,0,0,0.1); box-shadow: 10px 10px 20px rgba(0,0,0,0.1); /* height: 450px; */ overflow: hidden;} .login_txt {position: relative; display: table-cell; width: 53%; vertical-align: top; background-color: #F6FCE5; background-image:url(../images/common/bg_login_1.png), url(../images/common/bg_login_2.png); background-repeat:no-repeat; background-position: left top, 65% bottom; padding-top: 85px; position: relative;} .login_txt p{width: 95%; max-width: 500px; margin: 0 auto; font-size: 16px; font-weight: 400; color: #272727; letter-spacing: -0.025em; line-height: 26px;} .login_txt p strong{color: #272727; font-size: 20px; font-weight: bold; } .blank{display: block;} .login_box fieldset legend{text-indent: -9999px; height: 0px; border: 0; margin: 0;} .login_box .login_content{padding: 50px 70px;} .login_box .login_content ul{padding: 0;} .login_box .login_content ul li{clear: both; overflow:hidden; margin-bottom: 7px;} .login_box .login_content ul li>label{font-size: 18px; font-weight: 400; line-height: 50px; width: 80px; float: left; color: #000; } .login_box .login_content .error {color:#a94442;font-weight: bold; width: 250px;} .login_box .login_content .form-control{width: calc(100% - 80px); float: left; height: 50px !important; line-height: 50px !important;} .login_box .login_content ul li.id_save{border-top: 1px dashed #b6b6b6; padding-top: 15px; margin-top: 12px; margin-bottom: 30px;} .checkboxs {display: block; line-height: 1;} .checkboxs input[type="checkbox"] {position: absolute;left: -9999em;} .checkboxs label {display: inline-block;line-height: 19px;padding-left:25px;min-width: 18px; min-height: 18px; background: url(../images/common/btn_chk_off.png) no-repeat 0 50%; font-size: 16px; color:#555555; font-weight: 400; margin-bottom: 0; background-size: 18px;} .checkboxs input[type="checkbox"]:checked + label {background: url(../images/common/btn_chk_on.png) no-repeat 0 50%; background-size: 18px;} .btn_login, .btn_join{margin: 0; height: 60px; line-height: 60px; padding: 0; border-radius: 5px; font-size: 20px; font-weight: 500; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; width: 100%;} .btn_login{background: #A9CC52; color:#fff; border: 0;} .btn_join{margin-top: 10px; background: #fff; color: #A9CC52; border: 2px solid #A9CC52;} .login_link{margin-top: 15px;} .login_link a{font-size: 16px; color: #555555; font-weight: 400; padding-left: 10px; position: relative;} .login_link a::before{content: ''; display: block; width: 3px; height: 3px; background: #555555; position: absolute; left: 3px; top: 9px;} @media all and (max-width:1200px){ /* login-area */ .login-area .content-wrapper{padding-bottom: 100px;} .lg_page_title{font-size: 40px; margin-bottom: 35px;} .login_txt{width: 50%; background-size: 40%,75%;} .login_box .login_content{padding: 30px;} } @media all and (max-width:1000px){ /* login-area */ .login_txt{display: block; width: 100%; height: auto; padding: 20px; background:#F6FCE5 url(../images/common/bg_login_1.png) no-repeat left top; background-size: 150px; text-align: center;} } @media all and (max-width:768px){ /* login-area */ .login-area .content-wrapper{padding: 0px 0px 80px;} .lg_page_title{font-size: 35px;} .lg_page_title span::after{width: 20px; background-size: contain; left: -25px;} .login_box .login_content{padding: 20px;} .login_box .login_content ul li>label{font-size: 16px; line-height: 40px;} .login_box .login_content .form-control{height: 40px !important; line-height: 40px !important;} .checkboxs label, .login_link a{font-size: 15px;} .checkboxs label{background-size: 16px !important;} .checkboxs label{padding-left: 22px; background-position: 0px 1px !important;} .btn_login, .btn_join{font-size: 16px;} .login_txt p{line-height: 1.4;} } @media all and (max-width:500px){ .login_txt p{display:none;} .lg_page_title {font-size: 30px;} .login_txt p{font-size: 14px; word-break: keep-all;} .login_txt .mo_blank{display: block;} .login_txt .blank{display: none;} .login_box .login_content{padding: 15px;} .btn_login, .btn_join{height: 45px; line-height: 45px;} } /* join */ .wrapper-inbox{padding-bottom: 80px;} .wrapper-inbox .content{max-width: 1520px; width: 100%; margin: 0 auto;} .subtitle, .subtitle2{font-size: 22px; letter-spacing: -0.05em; margin-top: 0; margin-bottom: 20px; position: relative;} .wrapper-inbox .box-footer{padding: 0; padding-top: 50px;} .subtitle i, .subtitle2 i{display: block; width: 11px; height: 11px; background: url(../images/sub/i_subtitle_bullet.png) no-repeat center center; border-radius: 0; position: absolute; left: -2px; top: -13px;} .agree-box input[type=checkbox]{vertical-align: -1px;} .agree-box{padding: 0; padding-top: 10px;} .agree-box label{margin-bottom: 0; cursor: pointer;} .term-text{width: 100%; font-size: 14px;} .row{margin-left: 0px; margin-right: 0px;} .row .col-xs-12{padding-left: 0 !important; padding-right: 0 !important;} .join_2{text-align: center;} .join_2 .join_img{display: block; margin: 0 auto; margin-top: 20px; margin-bottom: 80px; position: relative; left: -10px;} .join_2 .btns{margin-bottom: 60px;} .join_2 p{font-weight: 300; color: #000; line-height: 1.66;} .join_3{padding-top: 20px;} .join_3 .box-header{background: #fff; border-radius: 5px; padding: 20px;} .color_red{color: #E13D3D;} .join_3 .sub_txt{font-size: 16px; font-weight: 300;} .join_3 .tb-box{background: #F3F3F3; border: 1px solid #ccc; padding: 25px;} .join_3 .tb-box .form-group .control-label{padding: 0; margin: 0;} .join_3 .col-sm-2{float: left; width: 15%;} .join_3 .col-sm-4{width: 35%; float: left;} .join_3 .form-group:first-of-type{padding-top: 0;} .join_3 .form-group{margin: 0; padding-top: 18px; padding-bottom: 18px; border-bottom: 1px solid #DDDDDD; font-size: 15px;} .join_3 .form-group:last-of-type{padding-bottom: 0; border-bottom: 0;} .join_3 .tb-box .form-group .control-label{text-align: right !important; position: relative; top: 0px; width: 130px; display: block !important; padding-left: 0; padding-right: 10px; line-height: 40px;} .join_3 .tb-box .form-group.no_input .control-label{top: 0; } .join_3 .tb-box .form-group.no_input .control-label::before, .join_3 .tb-box .form-group .control-label::before{display: none;} .form-control{height: 40px;} .join_3 select.form-control{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 8px !important; background: #fff url(../images/common/i_arrow_select.png) no-repeat right center;} .join_3 .box-footer{padding-top: 30px; text-align: center;} .join_3 .tb-box .form-group{margin-top: 0; padding-top: 15px; padding-bottom: 15px;} .join_3 .tb-box{padding-top: 10px;} .join_3 .col-sm-4{width: calc(50% - 130px);} .join_3 .tb-box .form-group .col-sm-4 .control-label{text-align: left !important;} .wrapper-inbox .btn-default, .wrapper-inbox .btn-default:hover{border-width: 2px !important;} .wrapper-inbox .btn-info, .wrapper-inbox .btn-info:hover{border: 0 !important;} .wrapper-inbox .btn-default{background: #fff; color: #A9CC52; border: 2px solid #A9CC52;} .wrapper-inbox .btn-default:hover{background: #fff; color: #6D6D6D; border: 2px solid #DBDBDB;} .wrapper-inbox .join_3 .btn-default{color: #6D6D6D; border-color: #DBDBDB;} .wrapper-inbox .join_3 .btn-default:hover{color: #6D6D6D; border-color: #DBDBDB; background: #EEEEEE; } @media all and (max-width:1520px){ .wrapper-inbox .content{padding: 0 40px;} .join_2{padding: 0 40px;} .join_3 .tb-box .form-group .col-sm-4{width: calc(50% - 130px) !important;} } @media all and (max-width:1024px){ .wrapper-inbox .content{padding: 0 20px;} .wrapper-inbox{padding-top: 6vw;} .join_2{padding: 0 20px;} .join_3{padding-top: 0px;} .join_3 .tb-box .form-group{padding-top: 0; padding-bottom: 0; border: 0;} .join_3 .tb-box .form-group .control-label{width: 130px !important; padding-top: 10px !important; padding-bottom: 10px !important; height: 61px !important; line-height: 40px !important;} .join_3 .tb-box .form-group .col-sm-4{width: calc(100% - 130px) !important; padding-left: 5px; padding-top: 10px !important; padding-bottom: 10px !important;} .join_3 .tb-box .form-group .col-sm-4 .control-label{padding-top: 0 !important; padding-bottom: 0 !important; height: auto !important;} .join_3 .tb-box{padding-top: 15px; padding-bottom: 15px;} .join_3 .col-sm-2, .join_3 .col-sm-4{border-bottom: 1px solid #ddd;} .join_3 .tb-box .form-group.no-bd .control-label, .join_3 .tb-box .form-group.no-bd .col-sm-4{border-bottom: 0;} } @media all and (max-width:768px){ .wrapper-inbox{padding-top: 45px;} .subtitle, .subtitle2{font-size: 20px; letter-spacing: -0.05em; margin-top: 0; margin-bottom: 15px; position: relative;} .wrapper-inbox .box-footer{padding-top: 30px;} .agree-box.mar_b50{margin-bottom: 30px !important;} .join_2 .join_img{max-width: 50%; margin-bottom: 50px;} .join_2 .btns{margin-bottom: 40px;} } @media all and (max-width:550px){ .wrapper-inbox .box-footer .btn, .join_2 .btns .btn{width: 100%; margin:0; margin-bottom: 10px !important;} .join_2 .join_img{max-width: 60%;} .join_3 .tb-box {padding-top: 10px !important;} .join_3 .tb-box .form-group .control-label{float: none !important; width: 100% !important; height: auto !important; text-align: left !important; padding-top: 0 !important; padding-bottom: 0 !important; border-bottom: 0 !important;} .join_3 .tb-box .form-group .col-sm-4{width: 100% !important; padding-left: 0 !important; padding-top: 0 !important; padding-bottom: 0px !important;} .join_3 .tb-box .form-group .col-sm-4 .form-control{margin-bottom: 10px !important;} .join_3 .tb-box{padding: 15px;} } /******** 서브공통 *********/ .skin-green-light .content-wrapper{min-height: 700px !important;} .skin-green-light .content-wrapper>.content{width: 100%; max-width: 1520px; margin: 0 auto; padding-bottom: 100px;} .skin-green-light .wrapper .main-sidebar{width: 0px !important; height: 0px !important;} .skin-green-light .content-wrapper, .skin-green-light .main-footer{border-left: 0 !important; margin-left: 0 !important;} .skin-green-light .content-header{padding: 0;} .box-footer{padding-left: 0; padding-right: 0;} input[type="radio"], input[type="checkbox"]{margin-right: 5px;} /* navi */ #navi{background: rgb(169,204,82); background: -webkit-gradient(linear, left top, right top, from(rgba(169,204,82,1)), to(rgba(250,214,82,1))); background: -o-linear-gradient(left, rgba(169,204,82,1) 0%, rgba(250,214,82,1) 100%); background: linear-gradient(90deg, rgba(169,204,82,1) 0%, rgba(250,214,82,1) 100%); height: 50px; position: relative; z-index: 999; text-align: left; padding: 0;} #navi .fa-home{width: 50px; text-indent: -9999px; height: 50px; background: url(../images/sub/i_home.png) no-repeat center center; vertical-align: middle; background-size: 21px;} #navi .fa-home::before{display: none;} #navi .text{padding: 0; display: inline-block; line-height: 50px; vertical-align: middle; font-size: 15px; color: #fff !important; font-weight: normal; padding-left: 47px; position: relative;} #navi .text::before{content: ''; display: block; width: 7px; height: 11px; background: url(../images/sub/i_arrow_navi.png) no-repeat center center; background-size: 7px; position: absolute; left: 12px; top: 20px;} /* pagetitle */ #pagetitle, #pagetitle2{text-align: center;; border: 0; padding: 0; margin: 0; float: none; height: auto;} #pagetitle2 ul{float: none;} #pagetitle li, #pagetitle2 li{font-size: 45px; font-weight: 700; color: #3D3E3D; letter-spacing: -0.025em; text-align: center; margin: 0; line-height: 1; margin-bottom: 60px;padding-top: 70px; float: none;} #pagetitle li span, #pagetitle2 li span{position: relative; line-height: 1.2;} #pagetitle li span::after, #pagetitle2 li span::after{content: ''; display: block; width: 30px; height: 30px; background: url(../images/common/i_title_bullet.png) no-repeat center center; position: absolute; left: -35px; top: -5px;} /* pagination */ .box-footer .pagination{padding-top: 10px;} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {background-color:#a9cc52;border-color:transparent;cursor:default;} .pagination-sm > li > a, .pagination-sm > li > span{padding: 9px 15px; font-size: 13px; line-height: 1.5;} .pagination-sm > li.page_first a, .pagination-sm > li.page_next a, .pagination-sm > li.page_prev a, .pagination-sm > li.page_last a{text-indent: -9999px; width: 40px !important; background-repeat: no-repeat;} .pagination-sm > li.page_first a{background-image: url(../images/sub/i_page_first.png); background-position: center center;} .pagination-sm > li.page_prev a{background-image: url(../images/sub/i_page_prev.png); background-position: center center;} .pagination-sm > li.page_next a{background-image: url(../images/sub/i_page_next.png); background-position: center center;} .pagination-sm > li.page_last a{background-image: url(../images/sub/i_page_last.png); background-position: center center;} /* 게시판 리스트 */ .box-body{padding-left: 0; padding-right: 0;} .box-body>.col-md-6:nth-of-type(1){padding-left: 0;} .box-body>.col-md-6:nth-of-type(2){padding-right: 0;} .box-body>.pull-right{font-weight: 300; color: #666666; } .pull-right .btn-olives2{background: #52CCA3; border: 0; padding: 9px 13px !important; display: inline-block; font-size: 13px; margin-left: 7px; line-height: 1 !important;} .pull-right .btn-olives2::after{content: ''; display: inline-block; width: 12px; height: 12px; background: url(../images/common/i_link.png) no-repeat center center; background-size: 12px; margin-left: 6px; vertical-align: -1px;} .pull-right .btn-olives2:hover{background: #1EC58D;} .table-responsive{border-top: 0 !important;} .table-bordered{margin-bottom: 0; border-top: 3px solid #A9CC52 !important; letter-spacing: -1px !important;} .table-bordered > thead > tr > th{height: 50px; border-top: 0 !important; background: #eff5e0; font-weight: normal; font-size: 15px;} .table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width: 1px; font-size: 15px;} .table > tbody > tr > td{font-size: 15px !important;} .table > tbody > tr > td{height: 45px; font-weight: 400;} .box-primary .notice{font-size:14px; padding: 0; margin: 0; margin-top: 10px;} .box-footer .btn{margin-bottom: 0 !important;} .tb-box2 p{margin-bottom: 0;} .table-bordered > thead > tr > th .btn{line-height: 30px; font-size: 13px !important; padding: 0 15px;} .tb-box2 .col-sm-12{padding-top: 10px; padding-bottom: 10px;} .tb-box2 .form-group .col-sm-12{padding-top: 0;} .text-center .btn-md{padding-top: 0 !important; padding-bottom: 0 !important;} .box .pageTitle{border: 0; margin-bottom: 50px; font-size: 30px; color: #3D3E3D; display: inline-block; position: relative; z-index: 99;} .box .pageTitle::before{content: ''; display: block; width: 105%; height: 14px; background: #EFF5E0; position: absolute; left: -2.5%; bottom: 1px; z-index: -1;} .box .report-wrap{background: #f6f6f6; padding: 20px;} .col-md-6>.table > thead > tr > th{font-weight: 500;} .col-md-6>.table .tableTitle{height: 50px;} .subtitle+.col-md-12{padding-left: 0; padding-right: 0;} b .subtitle{margin-top: 40px;} .noti-gbox{float: none; padding: 10px 5px !important;} /* box-header (검색부분) */ .content-wrapper .content .box .box-header{padding: 0px 15px; border: 1px solid #ddd; background: #f6f6f6; border-radius: 6px; position: relative; margin-bottom: 50px;} .content-wrapper .content .box .box-header .form-group{padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #DDDDDD; margin: 0 !important; width: 100%;} .content-wrapper .content .box .box-header .form-group::after{content: ''; display: block; clear: both;} .content-wrapper .content .box .box-header .form-group:last-of-type{border-bottom: 0;} .content-wrapper .content .box .box-header .form-group .control-label{text-align: left; padding:0; margin:0; padding-left: 40px; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; color: #444444; position: relative; vertical-align: middle; line-height: 40px; width: 180px !important; margin: 0 !important;} .content-wrapper .content .box .box-header .form-group .control-label::before{content: ''; display: block; width: 11px; height: 14px; background:url(../images/sub/i_sch_bullet.png) no-repeat center center; position: absolute; left: 19px; top: 14px;} .content-wrapper .content .box .box-header .col-sm-10, .content-wrapper .content .box .box-header .col-sm-9{padding: 0; width: 90%;} .content-wrapper .content .box .box-header .col-sm-2, .content-wrapper .content .box .box-header .col-sm-4, .content-wrapper .content .box .box-header .col-sm-3{padding: 0;} select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none; height: 40px; line-height: 30px; padding: 0 8px !important; border: 1px solid #D2D6DE; font-size: 15px; color: #000; background: #fff url(../images/common/i_arrow_select.png) no-repeat right center;} .form-control{border: 1px solid #D2D6DE; font-size: 15px; color: #000;} .content-wrapper .content .box .box-header .col-sm-2{width: calc(25% - 97.5px); position: static;} .content-wrapper .content .box .box-header .col-sm-4, .content-wrapper .content .box .box-header .col-sm-3{width: calc(50% - 185px);} .content-wrapper .content .box .box-header .col-sm-2:nth-of-type(1){margin-right: 4px;} .content-wrapper .content .box .box-header .col-sm-2:nth-of-type(2){margin-left: 4px;} /*.content-wrapper .content .box .box-header .col-sm-2:nth-of-type(3){margin-left: 8px;}*/ label[for="area_code_m"]+.col-sm-2{margin-right: 9px;} .content-wrapper .content .box .box-header .form-group .control-label+.col-sm-3 .control-label{padding-left: 0;} .content-wrapper .content .box .box-header .form-group .control-label+.col-sm-3 .control-label::before{display: none;} .content-wrapper .content .box .box-header .col-sm-1{padding: 0; position: static; width: 13%;} .content-wrapper .content .box .box-header .btn.btn-info{margin-top: 0; width: 100%; height: 40px; border-radius: 5px; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; font-size: 16px; padding: 0 10px !important; position: absolute; right: 20px; bottom: 10px; max-width: 140px;} .content-wrapper .content .box .box-header .btn.btn-info::before{content: ''; display: inline-block; width: 17px; height: 17px; background: url(../images/sub/i_sch.png) no-repeat center center; vertical-align: -2px; margin-right: 10px;} .content-wrapper .content .box .box-header .btn.btn-info:hover{background: #7EAB0F !important; border: 1px solid #7EAB0F !important;} .box-header .form-group .control-span{text-align: left; font-weight: normal;} .input-group-sm > .form-control{height: 40px; font-size: 15px;} .content-wrapper .content .box .box-header .divnopadding{padding-left: 7px !important;} .content-wrapper .content .box .box-header .divnopadding.mgt-5{margin-top: 0 !important;} .input-group-btn{width: auto;} .input-group-sm > .input-group-btn > .btn{margin-left: -1px; height: 40px;padding: 0 20px !important; font-size: 16px; position: static !important; border-top-left-radius:0px !important; border-bottom-left-radius:0px !important;} .input-group-sm > .input-group-btn > .btn::before{content: ''; display: inline-block; width: 17px; height: 17px; background: url(../images/sub/i_sch.png) no-repeat center center; vertical-align: -2px; margin-right: 10px;} .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-1{width: 10%;} .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-2{width: 25%; position: relative;} .content-wrapper .content .box .box-header .form-group .input-group{width: 100%; position: relative;} .content-wrapper .content .box .box-header .form-group .control-label~.col-sm-1{width: calc(25% - 97.5px) !important; margin-right: 4px !important;} .box-header.onelineForm{padding-top: 15px !important; padding-bottom: 15px !important;} .box-header.onelineForm .col-sm-3{width: 25% !important;} .box-header input#yyyy_mm, input#dlivy_yy, #search_year1{background: #fff url(../images/sub/i_calendar.png) no-repeat right center;} .content-wrapper .content .box .box-header .col-sm-6{padding-left: 0; padding-right: 0;} .content-wrapper .content .box .box-header .col-sm-1[style="text-align:center"]{display: none;} .content-wrapper .content .box .box-header .date_col{margin-right: 7px; width: 15.3%;} .content-wrapper .content .box .box-header input.numeric{background: #fff url(../images/sub/i_calendar.png) no-repeat right center;} .content-wrapper .content .box .box-header .form-group .control-label+.col-sm-6{width: 49.5%;} .content-wrapper .content .box .box-header .col-sm-4, .content-wrapper .content .box .box-header .col-sm-10, .content-wrapper .content .box .box-header .col-sm-3, .content-wrapper .content .box .box-header .col-sm-5, .content-wrapper .content .box .box-header .col-sm-6{position: static; padding-left: 0; padding-right: 0;} .content-wrapper .content .box .box-header label{padding-left: 20px;} .input-group .form-control{border-radius: 0 !important;} .content-wrapper .content .box .box-header .control-checkbox label{padding-left: 5px; margin-right: 10px; } .content-wrapper .content .box .box-header .col-sm-3 input.numeric{width:98%} .content-wrapper .content .box .box-header .btn.btn-info[name="btn_schAgchm"]{position: static !important; margin-left: 10px; max-width: 120px !important;} .content-wrapper .content .box .box-header .btn.btn-info[name="btn_schAgchm"]::before{display: none;} @media all and (max-width:1520px){ .skin-green-light .content-wrapper>.content{padding-left:40px; padding-right:40px;} .content-wrapper .content .box .box-header .btn.btn-info{max-width: 9.5%} .content-wrapper .content .box .box-header .form-group .control-label~.col-sm-1{width: calc(25% - 97.5px) !important; margin-right: 4px !important;} .content-wrapper .content .box .box-header .date_col{width: 15.8% !important;} .content-wrapper .content .box .box-header label{max-width: 50%;} } @media all and (max-width:1260px){ .content-wrapper .content .box .box-header{padding: 7px 15px;} .content-wrapper .content .box .box-header .form-group{padding-top: 10px; padding-bottom: 10px;} .content-wrapper .content .box .box-header .form-group .control-label{padding-top: 0; width: 170px !important; padding-left: 25px;} .content-wrapper .content .box .box-header .form-group .control-label::before{left: 7px;} .content-wrapper .content .box .box-header .col-sm-4, .content-wrapper .content .box .box-header .col-sm-3{width: calc(50% - 170px) !important;} .content-wrapper .content .box .box-header .col-sm-2{width: calc(25% - 89.5px);} .content-wrapper .content .box .box-header .form-group .control-label~.col-sm-1{width: calc(25% - 89.5px) !important; } .content-wrapper .content .box .box-header .btn.btn-info{max-width: 8.5%; bottom: 8px; right: 15px;} .content-wrapper .content .box .box-header .date_col{width: 16.8% !important;} } @media all and (max-width:1200px){ #pagetitle li, #pagetitle2 li{font-size: 40px; margin-bottom: 35px;} .content-wrapper .content .box .box-header .col-sm-10, .content-wrapper .content .box .box-header .col-sm-9{width: 100%; position: static;} .content-wrapper .content .box .box-header .btn.btn-info{margin-bottom: 5px; max-width:none; width: 130px; float: right; bottom: 12px;} .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-2{position: static;} .input-group, .input-group-btn{position: static;} .content-wrapper .content .box .box-header .form-group .input-group{position: static;} .input-group-sm > .input-group-btn > .btn{position: absolute !important; right: 15px; bottom: 11px; width: 130px; border-radius: 5px !important;} .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-1{width: 19%;} .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-2{width: 31%;} .content-wrapper .content .box .box-header .form-group .divnopadding{padding-left: 0.8%;} .content-wrapper .content .box .box-header .form-group .divnopadding:first-of-type{padding-left: 0;} .box-header.onelineForm .col-sm-3{width: 31% !important;} .box-header.onelineForm .col-sm-6{position: static;} .content-wrapper .content .box .box-header .col-sm-10, .content-wrapper .content .box .box-header .col-sm-9{width: calc(100% - 150px);} .content-wrapper .content .box .box-header.onelineForm{padding-right:160px; padding-top: 7px !important; padding-bottom: 7px !important;} .content-wrapper .content .box .box-header.onelineForm>div{padding-top: 10px; padding-bottom: 10px;} .content-wrapper .content .box .box-header .btn.btn-info[name="btn_schAgchm"]{float: left;} } @media all and (max-width:1024px){ .skin-green-light .content-wrapper>.content{padding-left:20px; padding-right:20px;} .content-wrapper .content .box .box-header .col-sm-2, .content-wrapper .content .box .box-header .col-sm-1, .content-wrapper .content .box .box-header .col-sm-5{width: calc(50% - 89.5px) !important; padding-top: 5px !important; padding-bottom: 5px !important;} .content-wrapper .content .box .box-header .col-sm-4, .content-wrapper .content .box .box-header .col-sm-3{width: calc(100% - 170px) !important; padding-top: 5px; padding-bottom: 5px;} .content-wrapper .content .box .box-header .form-group{padding: 0; border: 0;} .content-wrapper .content .box .box-header .col-sm-2:nth-of-type(1){margin-right: 9px;} .content-wrapper .content .box .box-header .col-sm-2:nth-of-type(2){margin-left: 0;} .content-wrapper .content .box .box-header .col-sm-1{ margin-bottom: 0; padding: 5px 0;} .content-wrapper .content .box .box-header .form-group .control-label~.col-sm-1{margin-right: 9px !important; width: calc(50% - 89.5px) !important;} .content-wrapper .content .box .box-header .form-group .divnopadding{padding-left: 0; padding:5px 0; margin-bottom: 0px;} .content-wrapper .content .box .box-header .form-group .divnopadding:last-of-type{margin-bottom: 10px !important;} .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-1, .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-2{width: 49.5% !important;} .content-wrapper .content .box .box-header .form-group .divnopadding:nth-of-type(2n){margin-left: 1% !important;} .content-wrapper .content .box-header.onelineForm {padding:7px 15px !important; padding-bottom: 55px !important;} .content-wrapper .content .box-header.onelineForm .col-sm-3, .content-wrapper .content .box-header.onelineForm .col-sm-6{width: 49.5% !important; padding-top: 5px; padding-bottom: 5px; padding-left: 0 !important;} .content-wrapper .content .box-header.onelineForm .col-sm-6 .input-group{width: 100%; margin-bottom: 5px;} .content-wrapper .content .box-header.onelineForm .divnopadding:last-of-type{float: right; margin-bottom: 5px;} .content-wrapper .content .box-header.onelineForm .col-sm-6 .input-group .input-group-btn{margin-top: 10px !important;} .content-wrapper .content .box .box-header .form-group .control-label{clear: both; float: left;} .content-wrapper .content .box .box-header .col-sm-6{padding-top: 5px; padding-bottom: 5px;} .content-wrapper .content .box .box-header .col-sm-1+.date_col{clear: both; float: left; margin-left: 170px !important; margin-right: 9px !important;} .content-wrapper .content .box .box-header .date_col{margin-right: 0;} .content-wrapper .content .box .box-header .col-sm-6{width: calc(100% - 170px);} .content-wrapper .content .box .box-header .form-group .control-label+.col-sm-6{width: calc(100% - 170px)} .content-wrapper .content .box .box-header .form-group .divnopadding{width: 49.5% !important; padding-left: 0 !important; padding-right: 0 !important;} .content-wrapper .content .box .box-header .form-group .divnopadding{clear: none !important; float: left !important;} .content-wrapper .content .box .box-header label{padding-left: 170px; max-width: 100%;} .content-wrapper .content .box .box-header .control-checkbox label{padding-left: 5px;} .box-footer .btn{margin-top: 5px; margin-bottom: 5px;} .content-wrapper .content .box .box-header{padding-bottom: 55px;} .content-wrapper .content .box .box-header.onelineForm{padding-bottom: 55px !important;} .content-wrapper .content .box .box-header .col-sm-10, .content-wrapper .content .box .box-header .col-sm-9{width: 100% !important;} .content-wrapper .content .box .box-header.onelineForm>div{padding-top: 5px !important; padding-bottom: 5px !important;} .content-wrapper .content .box .box-header .date_col{width:calc(50% - 89.5px) !important; margin-right: 9px !important;} .content-wrapper .content .box .box-header .date_col:last-of-type{clear: none; margin: 0 !important;} .content-wrapper .content .box .box-header .col-sm-3 input.numeric{width: 100%;} .content-wrapper .content .box .box-header .form-group .control-label::before{top: 18px;} .content-wrapper .content .box .box-header .form-group .col-sm-1.divnopadding{ width: calc(50% - 89.5px) !important; margin: 0 !important;} label[for="area_code_m"]+.col-sm-2{margin-right: 9px !important;} .content-wrapper .content .box .box-header .col-sm-3.btn_box{float: left; width: 30% !important; } } @media all and (max-width:992px){ .box-body>.col-md-6{padding-left: 0; padding-right: 0;} } @media all and (max-width:768px){ body, th, tr, td, p, div, li, ul, a, h1, h2, h3, h4, i, b{font-size: 14px;} .box-body>.pull-right{text-align: left !important; left: -10px;} .skin-green-light .content-wrapper>.content{padding-bottom: 80px;} #pagetitle li, #pagetitle li span, #pagetitle2 li, #pagetitle2 li span{font-size: 35px !important;} #pagetitle li span::after, #pagetitle2 li span::after{width: 20px; background:url(../images/common/i_title_bullet_big.png) no-repeat center center; background-size: 20px; left: -25px;} #navi .fa-home{background: url(../images/sub/i_home_big.png) no-repeat center center; background-size: 21px;} #navi .text::before{background: url(../images/sub/i_arrow_navi_big.png) no-repeat center center; background-size: 7px; } .content-wrapper .content .box .box-header .form-group .divnopadding:last-of-type{margin-bottom: 5px !important;} .content-wrapper .content .box-header.onelineForm .divnopadding:last-of-type{margin-bottom: 10px !important;} .content-wrapper .content .box .box-header .form-group .control-label{width: 100% !important; line-height: 30px; float: none !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-bottom: 5px !important; font-size: 15px;} .content-wrapper .content .box .box-header .form-group .control-label::before{top: 8px; background:url(../images/sub/i_sch_bullet_big.png) no-repeat center center; background-size: 11px;} .content-wrapper .content .box .box-header .col-sm-10~.col-sm-1{margin-top: 0; } .content-wrapper .content .box .box-header{padding-top: 7px;} .content-wrapper .content .box .box-header .col-sm-4, .content-wrapper .content .box .box-header .col-sm-3{width: 100% !important; padding: 0; padding-bottom: 5px; clear: both;} .content-wrapper .content .box .box-header .col-sm-2{float: left; padding-top: 0 !important; width: 49% !important;} .content-wrapper .content .box .box-header .col-sm-1{width: 49% !important; margin-right: 0 !important; float: left; padding-top: 0 !important;} .content-wrapper .content .box .box-header .form-group .control-label~.col-sm-1{width: 49% !important; margin-right: 0 !important;} .content-wrapper .content .box .box-header .col-sm-1~.col-sm-2{margin-left: 0 !important; } .content-wrapper .content .box .box-header .col-sm-2:nth-of-type(1){margin-right: 0 !important;} .content-wrapper .content .box .box-header .col-sm-2:nth-of-type(2){float: right !important;} .content-wrapper .content .box .box-header .btn.btn-info{margin-top: 15px; width: 120px; padding: 0; height: 40px; line-height: 37px; font-size: 15px !important; width: 120px; } .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-1, .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-2{width: 49% !important; float: left; padding: 5px 0 !important;} .content-wrapper .content .box .box-header .form-group .divnopadding:nth-of-type(2n){margin-left: 2% !important;} .input-group-sm > .input-group-btn > .btn{width: 120px;} .content-wrapper .content .box-header.onelineForm .col-sm-3{width: 49% !important; float: left; padding-top: 5px;} .content-wrapper .content .box-header.onelineForm .col-sm-6{width: 49% !important;} .content-wrapper .content .box .box-header .col-sm-6{width: 100%;} .content-wrapper .content .box .box-header .form-group .control-label+.col-sm-2{float: left !important;} .content-wrapper .content .box .box-header .col-sm-1+.date_col{float: left !important; margin-right: 7px !important;} .content-wrapper .content .box .box-header .form-group .control-label+.col-sm-6{width: 100%;} .content-wrapper .content .box .box-header .form-group .divnopadding:nth-of-type(2n){margin-left: 0 !important; float: right !important;} .content-wrapper .content .box .box-header label{padding-left: 0; clear: both; display: block;} .content-wrapper .content .box .box-header .form-group:last-of-type{margin-bottom: 5px !important;} .content-wrapper .content .box .box-header .col-xs-1{padding-bottom: 0 !important;} .content-wrapper .content .box .box-header .date_col{width: 49% !important;} .content-wrapper .content .box .box-header .date_col:first-of-type{margin-right: 1.5% !important; clear: none !important; float: left;} .content-wrapper .content .box .box-header .date_col:last-of-type{margin-right: 0 !important;} .table-bordered > thead > tr > th{height: 45px;} .table > tbody > tr > td{height: 40px;} /* .content-wrapper .content .box .box-header .form-group .col-sm-1.divnopadding{padding-top: 0 !important;} */ .content-wrapper .content .box .box-header .control-checkbox label{display: inline-block;} label[for="area_code_m"]+.col-sm-2{margin-right: 2% !important;} .box .report-wrap{padding: 10px;} .content-wrapper .content .box-header.onelineForm .divnopadding:last-of-type{margin-bottom: 5px !important;} .content-wrapper .content .box .box-header .col-xs-1{padding-top: 5px;} .content-wrapper .content .box .box-header .btn.btn-info::before, .input-group-sm > .input-group-btn > .btn::before{margin-right: 5px; vertical-align: -3px; background: url(../images/sub/i_sch_big.png) no-repeat center center; background-size: 17px;} .content-wrapper .content .box .box-header .form-group .control-label+.col-sm-2.date_first{margin-right: 2% !important;} .content-wrapper .content .box .box-header .col-sm-5{width: 100% !important;} .content-wrapper .content .box .box-header .col-sm-3.btn_box{float: none; width: 100% !important; padding-bottom: 0;} .content-wrapper .content .box .box-header .btn.btn-info[name="btn_schAgchm"]{margin-left: 0; margin-top: 5px; margin-bottom: 0;} } @media all and (max-width:500px){ #pagetitle li, #pagetitle li span, #pagetitle2 li, #pagetitle2 li span {font-size: 30px !important;} #pagetitle ul, #pagetitle li, #pagetitle2 ul, #pagetitle2 li{max-width: 310px; margin-left: auto; margin-right: auto; word-break: keep-all;} .content-wrapper .content .box .box-header .col-sm-2{width: 100%;} .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-1, .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-2{width: 100% !important; margin-left: 0 !important;} .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-1, .content-wrapper .content .box .box-header .form-group .divnopadding.col-sm-2{padding-top: 0 !important;} .content-wrapper .content .box .box-header .form-group .divnopadding{margin-top:0; margin-bottom: 5px; clear: both; padding-top: 0 !important; width: 100% !important; margin-bottom: 0;} .content-wrapper .content .box .box-header .form-group .divnopadding:first-of-type{padding-top: 10px !important;} .content-wrapper .content .box .box-header .form-group .divnopadding:last-of-type{margin-bottom: 5px !important;} .content-wrapper .content .box .box-header .col-sm-2, .content-wrapper .content .box .box-header .col-sm-1{width: 100% !important;} .content-wrapper .content .box .box-header .form-group .control-label~.col-sm-1{width: 100% !important;} .content-wrapper .content .box-header.onelineForm .col-sm-3, .content-wrapper .content .box-header.onelineForm .col-sm-6{width: 100% !important;} .content-wrapper .content .box-header.onelineForm .divnopadding:last-of-type{margin-bottom: 5px !important; padding-top: 0 !important;} .content-wrapper .content .box-header.onelineForm{padding-top: 12px !important;} .content-wrapper .content .box .box-header.onelineForm>div:first-of-type{padding-top: 10px !important;} .content-wrapper .content .box .box-header .date_col{width: 100% !important;} label[for="area_code_m"]+.col-sm-2{margin-right: 0 !important;} } /* 게시판 상세 (view) */ .tb-box .col-sm-8{padding-left: 0; padding-right: 0;} .tb-box2{background: #f6f6f6; border: 1px solid #ddd; padding: 0px 15px;} .tb-box2{} .tb-box2 .form-group{margin: 0; padding: 10px 0; border-bottom: 1px solid #ddd;} .tb-box2 .form-group::after{content: ''; display: block; clear: both;} .tb-box2 .form-group:last-of-type{border-bottom: 0;} .tb-box2 .form-group .control-span, .tb-box2 .form-group .col-sm-3, .tb-box2 .form-group .col-sm-4, .tb-box2 .form-group .col-sm-5, .tb-box2 .form-group .col-sm-6, .tb-box2 .form-group .col-sm-10{padding: 0; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 40px;} .tb-box2 .form-group .control-span:after, .tb-box2 .form-group .col-sm-3:after, .tb-box2 .form-group .col-sm-4:after, .tb-box2 .form-group .col-sm-5:after, .tb-box2 .form-group .col-sm-6:after, .tb-box2 .form-group .col-sm-10:after{content:''; min-height:inherit; font-size:0;} .tb-box2 .form-group .control-span{width: 180px; font-weight: 500; height:40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; padding:0; margin:0; padding-left: 40px; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; color: #444444; position: relative; padding-right: 10px;} .tb-box2 .form-group .control-span::before{content: ''; display: block; width: 11px; height: 14px; background:url(../images/sub/i_sch_bullet.png) no-repeat center center; position: absolute; left: 19px; top: 14px;} .tb-box2 .form-group .col-sm-4{width:calc(50% - 185px)} .tb-box2 .form-group .col-sm-10{width:calc(100% - 185px)} .bdt{border-top: 1px solid #dfdfdf !important} .subtitle-m{margin-top: 60px; font-size: 22px; letter-spacing: -0.05em; margin-bottom: 20px; position: relative;} .subtitle-m>i{display: block; width: 11px; height: 11px; background: url(../images/sub/i_subtitle_bullet.png) no-repeat center center; border-radius: 0; position: absolute; left: -2px; top: -13px;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9{width: 75%;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9 .btn.btn-info{position: static; margin: 0; max-width: 100px; background: #A9CC52 !important; border: 0 !important;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9 .btn.btn-info:hover{background:#8BB229 !important;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9 .btn.btn-info::before{width: 18px; height: 14px; background: url(../images/sub/i_sch_2.png) no-repeat center center; vertical-align: -1px;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9 .col-sm-3+.col-sm-1{display: none;} .multi-titlebox{margin-top: 60px;} .tb-box .form-group{margin-bottom: 0;} .tb-box{padding-bottom: 15px;} .tb-box .form-group .control-label{width: 180px; font-weight: 500; height:40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; padding:0; margin:0; padding-left: 40px; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; color: #444444; position: relative; padding-right: 10px;} .tb-box .form-group .control-label::before{content: ''; display: block; width: 11px; height: 14px; background:url(../images/sub/i_sch_bullet.png) no-repeat center center; position: absolute; left: 19px; top: 14px;} .tb-box2+.subtitle, .table-responsive+.subtitle{margin-top: 45px;} .tb-box2 hr.hr-ln{/* display: none; */} hr.hr-ln{border-top: 2px dashed #c0c0c0;} /* #3B8E2D; */ hr.hr-ln+.subtitle, hr.hr-ln+.subtitle2{margin-top: 40px;} @media all and (max-width:1260px){ .tb-box2 .form-group .control-span{padding-top: 0; width: 170px !important; padding-left: 25px;} .tb-box2 .form-group .control-span::before{left: 7px;} .tb-box2 .form-group{padding-top: 10px; padding-bottom: 10px;} .tb-box2 .form-group .col-sm-4{width: calc(50% - 170px);} .tb-box2 .form-group .col-sm-10{width: calc(100% - 170px);} } @media all and (max-width:1200px){ .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9>div{margin-right: 7px;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9>div:last-of-type{width: auto !important;} } @media all and (max-width:1024px){ .tb-box2 .form-group {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .tb-box2 .form-group .col-sm-4, .tb-box2 .form-group .col-sm-3, .tb-box2 .form-group .col-sm-10{width: calc(100% - 170px);} .tb-box2 .form-group .control-span, .tb-box2 .form-group .col-sm-3, .tb-box2 .form-group .col-sm-4, .tb-box2 .form-group .col-sm-5, .tb-box2 .form-group .col-sm-6, .tb-box2 .form-group .col-sm-10{border-bottom: 1px solid #ddd; height: auto; padding-top: 15px; padding-bottom: 15px;} .tb-box2 .form-group{padding: 0; border: 0;} .tb-box2 .form-group:last-of-type .control-span:last-of-type, .tb-box2 .form-group:last-of-type .col-sm-4:last-of-type, .tb-box2 .form-group:last-of-type .col-sm-10:last-of-type, .tb-box2 .form-group:last-of-type .col-sm-3:last-of-type, .tb-box2 .form-group:last-of-type .col-sm-5:last-of-type{border-bottom: 0 !important;} .tb-box2 .form-group .control-span::before{top: 20px;} .tb-box2 .form-group .control-span{-webkit-box-align: normal;-ms-flex-align: normal;align-items: normal;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9{position: static; width: calc(100% - 170px) !important;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9 .col-sm-3{width: 49% !important;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9 .col-sm-1+.col-sm-3{margin-right: 0 !important;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9 .col-sm-3:first-of-type{margin-right: 2% !important;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9 .btn.btn-info{position: absolute;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9 .col-sm-2{padding: 0 !important;} .tb-box{padding-top: 10px; padding-bottom: 10px; padding-left: 15px; padding-right: 15px;} .tb-box .form-group{margin: 0 !important;} .tb-box .form-group div.col-sm-2, .tb-box .form-group div.col-sm-3{padding-left:0; padding-right: 0; width: calc(100% - 170px) !important;} .tb-box .form-group .control-label{width: 170px !important; padding-top: 5px !important; padding-bottom: 5px !important; height: 50px; padding-left: 25px;} .tb-box .form-group .control-label::before{top: 18px; left: 7px;} .tb-box .form-group>div{padding-top: 5px; padding-bottom: 5px;} } @media all and (max-width:768px){ .multi-titlebox{margin-top: 50px;} .subtitle-m{font-size: 20px; letter-spacing: -0.05em; margin-top: 50px; margin-bottom: 15px; position: relative;} .subtitle i, .subtitle2 i, .subtitle-m i{background: url(../images/sub/i_subtitle_bullet_big.png) no-repeat center center; background-size:11px; } .tb-box2 .form-group .control-span{font-size: 15px;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9{width: 100% !important;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9>div{float: left !important; clear: none;} .tb-box .form-group .control-label{width: 100% !important; padding-top: 0 !important; padding-bottom: 7px !important; height: 30px !important; font-size: 15px;} .tb-box .form-group .control-label::before{top: 5px; background:url(../images/sub/i_sch_bullet_big.png) no-repeat center center; background-size: 11px;} .tb-box .form-group div.col-sm-2, .tb-box .form-group div.col-sm-3{padding-top: 0; padding-bottom: 7px; width: 100% !important;} .tb-box2+.subtitle{margin-top: 35px;} } @media all and (max-width:500px){ .tb-box2 .form-group .control-span{width: 100% !important; border-bottom: 0; padding-bottom: 0; padding-top: 10px !important;} .tb-box2 .form-group .control-span::before{top: 13px; background:url(../images/sub/i_sch_bullet_big.png) no-repeat center center; background-size: 11px;} .tb-box2 .form-group .col-sm-3, .tb-box2 .form-group .col-sm-4, .tb-box2 .form-group .col-sm-10, .tb-box2 .form-group .col-sm-5, .tb-box2 .form-group .col-sm-6{width: 100% !important; padding-left: 23px !important; padding-top: 5px !important; padding-bottom: 10px; min-height: 35px !important;} .content-wrapper .content .box .box-header .col-sm-10 .col-sm-9 .col-sm-3{width: 100% !important; margin:0 !important;} .tb-box2 .form-group .control-span, .tb-box2 .form-group .col-sm-3, .tb-box2 .form-group .col-sm-4, .tb-box2 .form-group .col-sm-5, .tb-box2 .form-group .col-sm-6, .tb-box2 .form-group .col-sm-10{min-height: 35px;} } /* 모달 팝업 */ .modal-content{width: auto !important;} .modal-footer .btn{margin-bottom: 0;} .modal {text-align: center; } .modal:before {display: inline-block;vertical-align: middle;content: " ";height: 100%;} .modal-dialog{text-align: left;width: 90%;display: inline-block;vertical-align: middle; max-width: 1000px;} .modal-header{border: 0; min-height: 60px; padding: 15px 20px; background: rgb(169,204,82); background: -webkit-gradient(linear, left top, right top, from(rgba(169,204,82,1)), to(rgba(250,214,82,1))); background: -o-linear-gradient(left, rgba(169,204,82,1) 0%, rgba(250,214,82,1) 100%); background: linear-gradient(90deg, rgba(169,204,82,1) 0%, rgba(250,214,82,1) 100%);} .modal-title{font-size: 20px; font-weight: 500;} .modal-header .close{opacity: 1; text-indent: -9999px; margin-top: 7px; width: 17px; height: 17px; background: url(../images/sub/btn_modal_close.png) no-repeat center center; opacity: 1 !important;} .modal .table{margin-bottom: 0; border-top: 3px solid #A9CC52; letter-spacing: -1px !important;} #modal-body{padding: 15px !important;} .modal select.form-control{min-width: 120px;} .modal .form-inline .input-group.mgt-5{margin-top: 0 !important;} .modal .form-inline .form-group{margin-bottom: 0 !important; margin-left: 7px !important;} .modal .input-group-sm > .input-group-btn > .btn{margin-bottom: 0 !important;} .modal .box-header .input-group-btn .btn{background-color: #A9CC52 !important; border:1px solid #9CBD49 !important; color: #fff !important;} .modal .box-header .input-group-btn .btn:hover{background-color: #7EAB0F !important; border: 1px solid #7EAB0F !important;} .modal .table .btn{margin-bottom: 0;} .modal .table td{padding-top: 7px !important; padding-bottom: 7px !important;} .modal .table-bordered > thead > tr > th{font-weight: 500 !important;} .modal .table-bordered > tbody > tr > th label{font-weight: 500 !important;margin-bottom: 0;} /* .table-responsive.no_bdl{border-left: 0 !important;} */ .btn-plus{background: #52CCA3 !important; border: 0 !important; color: #fff !important;} .btn-plus:hover{background: #1EC58D !important;} .btn-minus{background: #C54C3E !important; border: 0 !important; color: #fff !important;} .btn-minus:hover{background: #AF291A !important;} .btn-plus::before{content: ''; display: inline-block; width: 15px; height: 15px; background: url(../images/sub/i_btn_plus.png) no-repeat center center; margin-right: 3px; vertical-align: -2px; background-size:15px;} .btn-minus::before{content: ''; display: inline-block; width: 15px; height: 15px; background: url(../images/sub/i_btn_minus.png) no-repeat center center; margin-right: 3px; vertical-align: -2px; background-size:15px;} .modal .btn-plus::before{width: 13px; height: 13px; background: url(../images/sub/i_btn_plus_sm.png) no-repeat center center; margin-right: 3px; vertical-align: -2px; background-size:13px;} .modal .btn-minus::before{width: 13px; height: 13px; background: url(../images/sub/i_btn_minus_sm.png) no-repeat center center; margin-right: 3px; vertical-align: -2px; background-size:13px;} .modal .table .btn{min-width: 65px; padding: 0 10px; line-height: 32px; font-size:14px; } .modal .box-footer{background: none;} .modal .wrapper{background: #fff;} .modal .box{margin-bottom: 0;} .modal .box-footer .pagination{padding-top: 0;} .modal .box-footer{padding-top: 0; padding-bottom: 0;} .modal-footer{padding: 10px 15px;} .modal .hidden-phone{display: table-cell;} .modal .box-header{padding-bottom: 10px;} .modal input[type="file"]{font-size: 14px;} .modal .table-bordered > tbody > tr > td input.jn0-mth1{margin-right: 2%;} .modal .table-bordered > tbody > tr > td input.jn0-mth:last-of-type{margin-left: 2%;} .modal .box-footer .pull-left{padding-top: 10px;} .modal .box-header .col-sm-10{padding-left: 0; padding-right: 0; width: calc(100% - 130px); position: static;} .modal .box-header .col-sm-2, .modal .box-header .col-sm-4, .modal .box-header .col-sm-3{position: static; padding: 0;} .modal .box-header .btn.btn-info{position: absolute; right: 15px; bottom: 10px; margin-bottom: 0; height: 40px; padding-top: 0 !important; padding-bottom: 0 !important; line-height: 38px; font-size: 16px; width: 130px; border-radius: 5px;} .modal .box-header .btn.btn-info::before{content: ''; display: inline-block; width: 17px; height: 17px; background: url(../images/sub/i_sch.png) no-repeat center center; vertical-align: -2px; margin-right: 10px;} .modal .form-horizontal .form-group{margin: 0;} .modal .form-horizontal .form-group .form-control{margin-top: 0 !important;} .modal .box-header .form-group .control-label{text-align: left; padding:0; margin:0; padding-left: 40px; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; color: #444444; position: relative; vertical-align: middle; line-height: 40px; width: 180px !important; margin: 0 !important;} .modal .box-header .form-group .control-label::before{content: ''; display: block; width: 11px; height: 14px; background:url(../images/sub/i_sch_bullet.png) no-repeat center center; position: absolute; left: 19px; top: 14px;} .modal .box-header .col-sm-2, .modal .box-header .col-sm-4{width: 35%;} .modal .box-header .col-sm-10 .visible-xs-block+.form-group{margin-top: 10px !important;} .modal .box-header .col-sm-3{width: calc(50% - 190px);} #search_year1{width: 100%;} .modal .search_btn{background: #A9CC52 !important; border:1px solid #9CBD49 !important; display: inline-block; margin-top: 5px;} .modal .search_btn:hover{background: #7EAB0F !important; border:1px solid #7EAB0F !important;} .modal .box-footer .pull-right{padding-top: 10px;} .modal .box-primary{padding: 0 !important;} .modal-footer .btn{margin-bottom: 0 !important;} @media all and (max-width:1260px){ .modal .box-header .form-group .control-label{width: 170px !important; padding-left: 25px;} .modal .box-header .form-group .control-label::before{left: 7px;} } @media all and (max-width:1200px){ .modal .form-inline {text-align: left;} .modal .input-group-sm > .input-group-btn > .btn{right: 15px; bottom: 9px;} .modal .hidden-phone{position: static; text-indent: 0; color: inherit;} .modal .input-group-sm > .input-group-btn > .btn, .modal .box-header .btn.btn-info{width: 100px;} .modal .input-group-sm > .input-group-btn > .btn::before, .modal .box-header .btn.btn-info::before{margin-right: 5px;} } @media all and (max-width:1024px){ .modal .box-header .col-sm-3{width: 35%; padding-bottom: 5px;} .modal .box-header .form-group .control-label{clear: both;} .modal .box-header .col-sm-10{margin-bottom: 0 !important;} /*.modal .box-header .col-sm-10 .form-group{margin-bottom: 5px;}*/ .modal .box-header .col-sm-10:last-of-type .form-group .col-sm-3:last-of-type{padding-bottom: 0;} } @media all and (max-width:992px){ .modal .table-bordered > tbody > tr > td input.jn0-mth1{margin-right: 2% !important;} .modal .table-bordered > tbody > tr > td input.jn0-mth:last-of-type{margin-left: 2% !important;} } @media all and (max-width:768px){ .modal-header .close{background: url(../images/sub/btn_modal_close_big.png) no-repeat center center; background-size: 17px;} .modal .form-inline .form-group{width: 49%; float: left;} .modal .form-inline .input-group.mgt-5{width: 100%;} .modal .input-group-btn{display: block; padding-top: 45px;} .modal .form-inline .form-group{margin-left: 0 !important;} .modal .form-inline{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .modal .box-header{padding-bottom: 50px;} .modal .input-group-sm > .input-group-btn > .btn{right: 10px; bottom: 10px;} .modal .box-header .btn.btn-info{width: 120px; font-size: 15px;} .modal .box-header .form-group .control-label{height: auto; line-height: 30px; padding-bottom: 7px; font-size: 15px; width: 100% !important;} .modal .box-header .form-group .control-label::before{top: 10px; background:url(../images/sub/i_sch_bullet_big.png) no-repeat center center; background-size: 11px;} .modal .box-header .col-sm-10, .modal .box-header .col-sm-2, .modal .box-header .col-sm-4{width: 100% !important;} .modal .box-header .btn.btn-info{right: 10px;} .modal .box-header .col-sm-2{padding-bottom: 3px;} .modal .box-header .col-sm-10 .visible-xs-block+.form-group{margin-top: 0px !important;} .modal .box-footer .pull-right{padding-top: 0px;} .modal .box-footer .pull-right .btn{margin-top: 0;} .modal .box-header .col-sm-10 .form-group{margin-bottom: 0;} .modal .box-header .col-sm-3{width: 100%;} .modal .input-group-sm > .input-group-btn > .btn, .modal .box-header .btn.btn-info{font-size: 15px; width: 80px; height: 35px; padding: 0 !important; line-height: 30px !important;} .modal .box-header .btn.btn-info::before{margin-right: 5px; vertical-align: -3px; background: url(../images/sub/i_sch_big.png) no-repeat center center; background-size: 17px;} } @media all and (max-width:500px){ .modal .form-inline{display: block;} .modal .form-inline .form-group{width: 100% !important; float: none; margin-bottom: 5px !important;} .modal .box-header{padding-bottom: 45px;} .modal .table-bordered > tbody > tr > td input.jn0-mth1, .modal .table-bordered > tbody > tr > td input.jn0-mth{width: 100% !important; margin-bottom: 5px;} .modal .table-bordered > tbody > tr > td input.jn0-mth:last-of-type{margin-bottom: 0;} .modal .table-bordered > tbody > tr > td input.jn0-mth1{margin-right: 0 !important;} .modal .table-bordered > tbody > tr > td input.jn0-mth:last-of-type{margin-left: 0 !important;} .btn-plus::before, .btn-minus::before{margin-right: 5px;} .btn-plus::before{background: url(../images/sub/i_btn_plus_big.png) no-repeat center center; background-size: 15px;} .btn-minus::before{background: url(../images/sub/i_btn_minus_big.png) no-repeat center center; background-size: 15px;} .modal .box-header .col-sm-2{padding-bottom: 0;} .modal .box-header .col-sm-10+.col-sm-2{padding-bottom: 10px;} } /* 쓰기, 일반 보기 페이지 */ .tb-box{background: #f6f6f6; border: 1px solid #ddd; padding-left: 15px; padding-right: 15px;} .tb-box .form-group{margin-top: 10px; margin-left: 0; margin-right: 0; border-bottom: 1px solid #ddd; padding-bottom: 10px; } .tb-box .form-group::after{content:''; display:block; clear:both;} .tb-box .form-group .btn{margin-bottom: 0;} .tb-box .form-group:first-of-type{margin-top: 0;} .tb-box .form-group:last-of-type{border-bottom: 0; padding-bottom: 0;} .tb-box .form-group.last{border-bottom: 0;} .tb-box .col-sm-1, .tb-box .col-sm-2, .tb-box .col-sm-3, .tb-box .col-sm-4, .tb-box .col-sm-5,.tb-box .col-xs-6, .tb-box .col-sm-11{padding-left: 0; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 40px;} .tb-box .col-sm-1:after, .tb-box .col-sm-2:after, .tb-box .col-sm-3:after, .tb-box .col-sm-4:after, .tb-box .col-sm-5:after,.tb-box .col-xs-6:after, .tb-box .col-sm-11:after{content:''; min-height:inherit; font-size:0;} .tb-box .col-sm-11{width: 41.666%;} #adres2{margin-left: 10px;} .tb-box .col-xs-6:last-of-type{padding-left: 10px;} #ctvt_evid_file0{margin-left: 0 !important;} .tb-box .col-xs-9+label{display: inline-block !important; vertical-align: -11px; padding-left: 10px; margin: 0; font-weight: normal;} .tb-box .col-sm-5+label input{margin-right: 5px;} /*.tb-box + .subtitle, .box-body+ .subtitle2{margin-top: 30px;}*/ .tb-box + .box-footer{padding:0;} .tb-box + .box-footer + .subtitle{margin-top:30px;} .tb-box .form-group .control-label{vertical-align: 0 !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important;} .tb-box .col-sm-3 .btn, .tb-box .col-sm-1 .btn{margin-left: 10px;} .tb-box .col-sm-2, .tb-box .col-sm-5{width: calc(50% - 180px);} .tb-box .col-sm-2.col-xs-4{width: 16%;} img.attach_file{vertical-align: -2px;} .box-body>h3{font-size: 20px; font-weight: bold; color: #444; margin-top: 0;} .sub_view_box.tb-box .col-sm-11{width: calc(100% - 180px);} @media all and (max-width:1520px){ .tb-box .col-sm-5, .tb-box .col-sm-4{width: calc(50% - 190px) !important;} } @media all and (max-width:1024px){ .tb-box .col-sm-5, .tb-box .col-sm-4, .tb-box .col-sm-11{width: calc(50% - 30px)!important;} .tb-box .mgl-sm{margin-left: 0 !important;} .tb-box .form-group .control-label{clear: both; float: left;} .tb-box .col-sm-5+.col-sm-5{float: left; width: 28.5% !important; margin-left: 1%;} .tb-box .form-group{position: relative;} .tb-box .col-sm-1{position: static;} #zipcode{width: 75% !important;} .btn[data-target="#postModal"]{position: absolute; left: calc(70% + 85px); top: 5px;} .tb-box .form-group div.col-sm-2.col-xs-4{width: calc(30% - 30px)!important} #zipcode{width: 100% !important;} .btn[data-target="#postModal"]{left: calc(30% + 145px);} .tb-box .form-group div.col-sm-5+.col-sm-3{width: auto !important; padding-left:1%;} .tb-box .col-sm-3 .btn{margin-left: 0;} #adres2{margin-left: 0;} .tb-box .form-group{border-bottom: 0; padding: 0;} .tb-box .col-sm-1, .tb-box .col-sm-2, .tb-box .col-sm-3, .tb-box .col-sm-4, .tb-box .col-sm-5, .tb-box .col-xs-6, .tb-box .col-sm-11{min-height: 50px;} .sub_view_box.tb-box .col-sm-11, .sub_view_box.tb-box .col-sm-2, .sub_view_box.tb-box .col-sm-5{width: calc(100% - 170px) !important;} .sub_view_box.tb-box{padding-top: 0; padding-bottom: 0;} } @media all and (max-width:768px){ .tb-box .form-group .control-label{height: 30px !important; line-height: 30px !important; } .tb-box .xs-top{padding-top: 0 !important;} .tb-box .form-group>div{padding-top: 0; padding-bottom: 0; width: 100% !important; padding-bottom: 5px !important;} .tb-box .form-group div.col-sm-2.col-xs-4{width: calc(100% - 90px) !important;} .btn[data-target="#postModal"]{top: 30px; right: 0; left: inherit; height: 40px; line-height: 38px;} .tb-box .col-sm-5+.col-sm-5{width: 100% !important; padding-left: 0 !important; margin-left: 0 !important;} #adres2{margin-left: 0;} .tb-box .form-group div.col-sm-5+.col-sm-3{padding-left: 0; display: block;} .tb-box .form-group div.col-sm-5+.col-sm-3 .btn{margin-left: 0;} .tb-box .col-xs-9+label{vertical-align: 0; padding-left: 0; padding-bottom: 5px;} .tb-box .col-sm-1, .tb-box .col-sm-2, .tb-box .col-sm-3, .tb-box .col-sm-4, .tb-box .col-sm-5,.tb-box .col-xs-6, .tb-box .col-sm-11{min-height: 30px;} .tb-box .col-sm-1{min-height: 0;} .tb-box .col-sm-5, .tb-box .col-sm-4{width: calc(100% - 170px);} .tb-box .form-group>div.col-sm-5{padding-top: 0 !important;} .sub_view_box.tb-box .col-sm-11, .sub_view_box.tb-box .col-sm-2, .sub_view_box.tb-box .col-sm-5{width: 100% !important; padding-left: 23px !important; clear: both; min-height: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .sub_view_box.tb-box .col-sm-11:after, .sub_view_box.tb-box .col-sm-2:after, .sub_view_box.tb-box .col-sm-5:after{content:''; min-height:inherit; font-size:0;} .sub_view_box.tb-box .form-group .control-label{margin-top: 7px;} .sub_view_box.tb-box .form-group .control-label+div{border-bottom: 1px solid #ddd; padding-bottom: 9px !important;} .tb-box .form-group:last-of-type div:last-of-type{border-bottom: 0;} } @media all and (max-width:500px){ .tb-box .col-xs-6{width: 100%;} .tb-box .col-xs-6:last-of-type{padding-left: 0;} .tb-box .col-xs-6:nth-of-type(2){margin-top: 5px;} .tb-box .col-sm-1, .tb-box .col-sm-2, .tb-box .col-sm-3, .tb-box .col-sm-4, .tb-box .col-sm-5, .tb-box .col-xs-6, .tb-box .col-sm-11{display: block;} } /* 영농일지 */ #calendar{max-width: none !important; } .fc-view-container{margin-bottom: 60px !important;} .fc-toolbar.fc-header-toolbar{background: #52CCA3; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 0; margin: 0; margin-bottom: 0 !important; height: 90px; overflow:hidden; position: relative;} .fc-toolbar .fc-center h2{font-size: 30px; color: #fff; line-height: 1; font-weight: 500; margin-top: 30px; font-family: 'Montserrat', 'Noto Sans KR' !important; letter-spacing: 0;} .fc-toolbar .fc-left button{text-indent: -9999px; display: block; border: 0; width: 14px; height: 24px; border-radius: 0; background: url(../images/sub/i_calendar_prev.png) no-repeat center center; margin-left: 40px !important; margin-top: 33px; -webkit-box-shadow: none; box-shadow: none; text-shadow: none;} .fc-toolbar .fc-right button{text-indent: -9999px; display: block; border: 0; width: 14px; height: 24px; border-radius: 0; background: url(../images/sub/i_calendar_next.png) no-repeat center center; margin-right: 40px !important; margin-top: 33px; -webkit-box-shadow: none; box-shadow: none; text-shadow: none;} .fc th{height: 40px; color: #454545;} .fc-sat span{color: #0C85DF !important;} .fc-basic-view .fc-body .fc-row{height: auto !important; min-height: 130px !important;} .fc-day-grid-container{height: auto !important;} .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{width: auto; height: auto; border-radius: 0; text-align: left; line-height: 1; font-size: 18px; font-weight: 500; margin-left: 12px; margin-top: 15px; font-family: 'montserrat';} .fc-day-grid-event{background: #A9CC52; border: 0 !important; padding-left: 5px !important; padding-right: 5px !important;} .fc-day-grid-event .fc-title{font-size: 14px; line-height: 25px;} @media all and (max-width:1024px){ .fc-toolbar.fc-header-toolbar{height: 70px;} .fc-toolbar .fc-center h2{font-size: 25px; margin-top: 22px;} .fc-toolbar .fc-left button, .fc-toolbar .fc-right button{margin-top: 25px;} .fc-toolbar .fc-left button{margin-left: 20px !important;} .fc-toolbar .fc-right button{margin-right: 20px !important;} .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{font-size: 17px; margin-left: 7px; margin-top: 6px;} .fc-day-grid-event .fc-title{font-size: 13px; line-height: 21px;} .fc-basic-view .fc-body .fc-row{min-height: 110px !important;} .col-sm-3 #agchm_nm{width: calc(100% - 100px); margin-right: 10px !important;} .tb-box .col-sm-8{width: calc(100% - 170px);} } @media all and (max-width:768px){ .col-sm-3 #agchm_nm{margin-right: 0 !important; margin-bottom: 40px; width: 100%;} .col-sm-3 #agchm_nm+.btn{position: absolute; left: 0; bottom: 3px;} .fc-toolbar.fc-header-toolbar{height: 65px;} .fc-toolbar .fc-center h2{font-size: 20px;} .fc-toolbar .fc-left button, .fc-toolbar .fc-right button{margin-top: 21px;} .fc th{height: 35px;} .fc th span{font-size: 14px;} .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{font-size: 14px;} .fc-day-grid-event .fc-title{font-size: 12px; line-height: 20px;} .fc-view-container{overflow-x: auto;} .fc-basic-view{min-width: 750px;} .fc-view-container{margin-bottom: 50px !important;} hr.hr-ln+.subtitle, hr.hr-ln+.subtitle2{margin-top: 20px;} .tb-box .form-group .control-label+.col-sm-2 input[type="radio"], .tb-box .form-group .control-label+.col-sm-5 input[type="radio"]{margin-top: 0;} .tb-box .form-group .control-label2{padding-top: 0;} } @media all and (max-width:500px){ #shipmnt_qty{width: 95%;} #we_unit{position: absolute; right: 0; top: 40px; font-size: 14px;} .fc-basic-view{min-width: 600px;} .fc-basic-view .fc-body .fc-row{min-height: 95px !important;} .fc-toolbar.fc-header-toolbar{height: 50px;} .fc-toolbar .fc-center h2{margin-top: 16px; font-size: 18px;} .fc-toolbar .fc-left button, .fc-toolbar .fc-right button{margin-top: 0px; background-size: 10px; width: 50px; height: 50px; margin-left: 0 !important; margin-right: 0 !important;} #apc_seq+br{display: none;} .fc th span, .fc-ltr .fc-basic-view .fc-day-top .fc-day-number{font-size: 13px;} } /* 내작물 등록 */ .col-xs-5 #map, .col-xs-5 #frmhsmap{height: 400px !important;} @media all and (max-width:1024px){ .col-xs-5 #map{display: none;} .row> .col-xs-7{width: 100%; float: none; padding: 0;} .tb-box .form-group .control-label+.col-sm-10{width: calc(100% - 170px); padding-left: 0; padding-right: 0;} } /* 알림 페이지 */ .box-alarm{overflow-y: auto; max-height: 600px; overflow-x: hidden; padding-right: 10px;} .box-alarm::-webkit-scrollbar {width: 10px;} .box-alarm::-webkit-scrollbar-track {background-color: #E5E5E5; border-radius: 100px;} .box-alarm::-webkit-scrollbar-thumb { background-color: #AACC52; border-radius: 100px;} .box-alarm .mgt-15{margin: 0 !important;} .box-alarm .tb-sbox{padding:15px 0; margin-bottom: 20px; border: 1px solid #D5D5D5; background: #FAFAFA; position: relative; overflow: hidden;} .box-alarm p.col-sm-12{border: 0 !important; margin: 0; padding: 0; display: none;} .box-alarm .tb-sbox .form-group{margin: 0; padding: 0; float: none;} .box-alarm .tb-sbox .noti-ic{float: left; width: auto; padding: 0; position: absolute; left: 40px; top: 0px; z-index: 99; } .box-alarm .tb-sbox .noti-ic span{padding-left: 23px !important;} .box-alarm .tb-sbox .noti-ic span::before{content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 100px; background: #fff; position: absolute; left: 12px; top: 11px;} .box-alarm .tb-sbox .noti-ic .lb-sgray{border-radius: 10px; width: auto !important; padding: 5px 7px; min-width: 80px; height: 30px; line-height: 20px; font-size: 13px; -webkit-box-sizing: border-box; box-sizing: border-box;} .box-alarm .tb-sbox .visible-xs-block{display: none !important;} .box-alarm .tb-sbox .col-sm-6{padding-left: 13%; padding-top: 4px; max-width: 30%; min-height: 30px; position: relative; padding-right: 60px;} .box-alarm .tb-sbox .col-sm-6::after{content:''; display: block; width: 1px; height: 20px; border-left: 1px solid #D5D5D5; position: absolute; right: 40px; top: 4px;} .box-alarm .tb-sbox .col-sm-6 p, .box-alarm .tb-sbox .col-sm-6 p strong{ font-weight: 500; margin: 0; color: #333;} .box-alarm .tb-sbox .col-sm-4{position: absolute; right: 45px; top: 5px; width: auto; padding: 0;} .box-alarm .tb-sbox .col-sm-4 p{font-size: 15px; margin: 0; color: #555;} .box-alarm .tb-sbox .col-sm-10{width: calc(70% - 130px); padding: 0; margin-left: 0; margin-top: 0 !important; padding-top: 4px;} .box-alarm .tb-sbox .col-sm-10 p{margin: 0; color: #555;} .box-alarm .tb-sbox::before{content: ''; display: block; width: 8px; height: 100%; position: absolute; left: 0; top: 0;} .box-alarm .tb-sbox.status1::before{background-color: #AACC52;} .box-alarm .tb-sbox.status2::before{background-color: #C9C9C9;} .box-alarm .tb-sbox.status1 .noti-ic span{background-color: #AACC52;} .box-alarm .tb-sbox.status2 .noti-ic span{background-color: #C9C9C9;} .box-alarm .tb-sbox.status2 .col-sm-6 p, .box-alarm .tb-sbox.status2 .col-sm-6 strong{font-weight:normal; color: #A4A4A4;} .box-alarm .tb-sbox.status2 .col-sm-10 p, .box-alarm .tb-sbox.status2 .col-sm-4 p{color: #A4A4A4;} @media all and (max-width:1200px){ .box-alarm .tb-sbox .noti-ic{left: 25px;} .box-alarm .tb-sbox .col-sm-6{max-width: 280px; padding-left: 120px; padding-right: 40px;} .box-alarm .tb-sbox .col-sm-6::after{right: 25px;} .box-alarm .tb-sbox .col-sm-10{width: calc(100% - 380px);} .box-alarm .tb-sbox .col-sm-4{right: 25px;} } @media all and (max-width:768px){ .box-alarm .tb-sbox{padding: 10px 0;} .box-alarm .tb-sbox .col-sm-6{max-width: none; padding-right: 0; width: calc(100% - 100px)} .box-alarm .tb-sbox .col-sm-6::after{display: none;} .box-alarm .tb-sbox .col-sm-10{width: 100%; padding: 0 25px; margin-top: 10px !important;} .box-alarm p.col-sm-12{display: none !important;} .box-alarm .tb-sbox .col-sm-10 p{font-size: 14px;} .box-alarm::-webkit-scrollbar {width: 6px;} } /* about */ .about{} .about::after{content: ''; display: block; clear: both;} .about .tab_menu{float: left; width: 30%; max-width: 480px; margin-top: 15px; padding-left: 0;} .about .tab_menu li{height: 110px; margin-bottom: 13px; position: relative;z-index: 99;} .about .tab_menu li a{display: block; width: 100%; height: 100%; position: relative; padding-left: 110px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; width: 100%; outline: none !important; padding-right: 20px;} .about .tab_menu li a>i{display: block; font-size: 38px; font-family: 'montserrat' !important; font-style: normal; line-height: 1; position: absolute; left: 36px; top: 35px; letter-spacing: -0.025em; color: #D6D6D6;} .about .tab_menu li a:hover{color: inherit;} .about .tab_menu li p{margin-bottom: 0;} .about .tab_menu li p b{display: block; font-size: 28px; color: #454545; } .about .tab_menu li span{display: block; font-size: 16px; color: #9C9D9C;} .about .tab_menu li span i{font-style: normal; color: #49AF91; } .about .tab_menu li.on::before{content: ''; display: block; width: 112%; height: 100%; border-top-left-radius: 5px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 5px; position: absolute; left: 0; top:0; background: rgb(18,158,183); background: -webkit-gradient(linear, left top, right top, from(rgba(18,158,183,1)), to(rgba(116,191,83,1))); background: -o-linear-gradient(left, rgba(18,158,183,1) 0%, rgba(116,191,83,1) 100%); background: linear-gradient(90deg, rgba(18,158,183,1) 0%, rgba(116,191,83,1) 100%); -webkit-box-shadow: 2px 4px 20px rgba(0,0,0,0.2); box-shadow: 2px 4px 20px rgba(0,0,0,0.2);} .about .tab_menu li.on::after{content: ''; display: block; width: 231px; height: 58px; background: url(../images/sub/img_nongzip.png) no-repeat center center; position: absolute; right: -9%; top: 5px;} .about .tab_menu li.on a>i{color: #fff; font-weight: 600;} .about .tab_menu li.on p b{ color: #fff;} .about .tab_menu li.on span{color: #fff;} .about .tab_menu li.on span i{color: #fff; font-weight: 500;} .about .tab_cont{float: left; width:70%; background: #F2F2F2; border-top-left-radius: 5px; border-bottom-left-radius: 25px; border-top-right-radius: 25px; border-bottom-right-radius: 5px; padding: 40px 80px;} .about .box{background: #fff; border-radius: 10px; -webkit-box-shadow: 2px 4px 15px rgba(0,0,0,0.1); box-shadow: 2px 4px 15px rgba(0,0,0,0.1); padding: 15px; margin-bottom: 20px; overflow: hidden;padding-left: 30px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .about .box:last-of-type{margin-bottom: 0;} .about .box .title{display: block; position: relative; font-size: 21px; font-weight: bold; color: #404040; letter-spacing: -0.025em; padding-left: 45px; margin-bottom: 3px; width: 100%;} .about .box .title i{display: block; width: 32px; height: 32px; border-radius: 100px; text-align: center; line-height: 32px; background: #A9CC52; font-style: normal; color: #fff; font-size: 14px; font-family: 'montserrat' !important; font-weight: 500; position: absolute; left: 0; top: 0px;} .about .box p{padding-left: 45px; font-size: 17px; color: #878787; letter-spacing: -0.05em; margin-bottom: 0; font-weight: 300; width: 100%;} .about .box .ul_txt{padding-left: 35px; margin-bottom: 0;} .about .box .ul_txt li{font-size: 17px; color: #878787; letter-spacing: -0.05em; font-weight: 300; position: relative; margin-bottom: 8px; padding-left: 15px; line-height: 1.2;} .about .box .ul_txt li:last-of-type{margin-bottom: 0;} .about .box .ul_txt li::before{content: '-'; display: block; position: absolute; left: 0; top: 0;} .about .box .txt{float: left; width: 70%; word-break: keep-all;} .about .box>img{ max-width: 30%; float: right;} .about .box a{display: inline-block; min-width: 125px; height: 35px; line-height: 33px; border-radius: 100px; border: 1px solid #5AA6A8; text-align: center; color: #429B9D; font-size: 14px; letter-spacing: -0.025em; margin-left: 45px; margin-top: 12px; padding:0 22px; -webkit-transition: all 0.15s; -o-transition: all 0.15s; transition: all 0.15s;} .about .box a:hover{background: #FAFFEF;} .about .box a i{display: inline-block; margin-left: 20px; vertical-align: middle;} .about .box a.btn_go i{width: 6px; height: 9px; background: url(../images/sub/i_arrow.png) no-repeat center center;} .about .box a.btn_download i{width: 13px; height: 14px; background:url(../images/sub/i_down.png) no-repeat center center; margin-left: 10px;} .about .box a.btn_write i{width: 11px; height: 16px; background:url(../images/sub/i_write.png) no-repeat center center; } .about .box.box2{padding-right: 60px; padding-top: 30px; padding-bottom: 25px;} .about .box .step{padding-top: 20px; padding-bottom: 0px; width: 100%;} .about .box .step ul{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 45px;} .about .box .step li{width: 120px; position: relative;} .about .box .step li::before{content: ''; display: block; width: 110%; height: 1px; background: #B6B6B6; position: absolute; left: 100%; top: 60px;} .about .box .step .img_area{width: 120px; height: 120px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 5px solid #E7E7E7; border-radius: 100px; background: #fff;} .about .box .step span{display: block; text-align: center; font-size: 16px; font-weight: 300; line-height: 1.5; margin-top: 9px;} .about .box .step li::after{content: ''; display: block; width: 32px; height: 21px; background: url(../images/sub/img_arrow_2.png) no-repeat center center; position: absolute; right: -52%; top: 51px;} .about .box .step.typeB li::after{width: 24px; height: 21px; background: url(../images/sub/img_arrow_1.png) no-repeat center center; right: -50%;} .about .box .step li:last-of-type::before, .about .box .step li:last-of-type::after{display: none;} @media all and (max-width:1520px){ .about{padding-left: 0; padding-right: 0;} .about .tab_cont{padding: 40px;} .about .tab_menu li.on::before{width: 105%;} .about .tab_menu li.on::after{right: -4%; background-size: 200px;} .about .box .step li::after{right: calc(100% - 12.3vw);} .about .box .step.typeB li::after{right: calc(100% - 12vw);} } @media all and (max-width:1200px){ .about .tab_menu{float: none; width: 100%; max-width: none; margin-top: 0;} .about .tab_menu li{float: left; width: 50%;} .about .tab_menu li.on::before{width: 100%;} .about .tab_menu li.on::after{right: 0;} .about .tab_menu li{height: 95px;} .about .tab_menu li a>i{top: 28px;} .about .tab_cont{width: 100%; float: none; clear: both;} .about .box .step li::after{right: calc(100% - 17vw);} .about .box .step.typeB li::after{right: calc(100% - 16.5vw);} } @media all and (max-width:1024px){ #wrapper>.content{padding-top: 6vw;} .about .box{padding-left: 20px;} .about .tab_menu li p b{font-size: 24px;} .about .box .step li::after{right: calc(100% - 17.3vw);} .about .box .step ul{-ms-flex-wrap: wrap;flex-wrap: wrap;} .about .box .step li{width: 50%; margin-bottom: 10px; overflow: hidden;} .about .box .step li span{width: 120px; margin-top: 0;} .about .box .step li::before{left: 0;} .about .box .step .img_area{position: relative; z-index: 999;} .about .box .title{line-height: 1.3;} .about .box p, .about .box .ul_txt li{font-size: 15px;} .about .box.box2{padding-right: 20px;} .about .box .step ul{padding-right: 20px;} .about .box .step li::after{right: calc(100% - 26.3vw);} .about .box .step.typeB li::after{right: calc(100% - 25.8vw);} } @media all and (max-width:768px){ #wrapper>.content{padding-top: 46px;} .about{padding-top: 10px; padding-left: 0; padding-right: 0;} .about .box>img{display: none;} .about .box .txt{float: none; width: 100%; padding-right: 10px;} .about .tab_cont{padding: 20px;} .about .box .title{margin-top: 7px;} .about .box, .about .box.box2{ padding-top: 20px; padding-bottom: 20px;} .about .tab_menu li{width: 100%; float: none; margin-bottom: 6px;} .about .tab_menu li a>i{font-size: 27px; left: 32px;} .about .tab_menu li{height: 87px;} .about .tab_menu li a{padding-left: 90px;} .about .box .step li::before{display: none;} .about .box p, .about .box .ul_txt li{font-size:14px;} .about .box .ul_txt li{padding-left: 12px;} .about .box .step ul{padding: 0; padding-right: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; left: -10%;} .about .box .step li{width: 43%; overflow: visible;} .about .box .step .img_area{margin: 0 auto;} .about .box .step li span{margin: 0 auto; margin-top: 2px;} .about .box .title{font-size: 19px; margin-bottom: 10px; line-height: 1.2; word-break: keep-all;} .about .box .step li::after{right: calc(6% - 28px);} .about .box .step.typeB li::after{right: calc(6% - 24px);} .about .box.box2{padding-bottom: 0;} .about .box .step li span{font-size: 14px;} } @media all and (max-width:600px){ .about .box .step ul{left: 0;} } @media all and (max-width:500px){ .about .tab_menu li a{padding-left: 80px;} .about .tab_menu li a>i{left: 26px;} .about .tab_menu li p b{font-size: 20px;} .about .tab_menu li span{font-size: 15px;} .about .box .title i{width: 25px; height: 25px; line-height: 25px; top: 2px;} .about .box{padding: 15px;} .about .box .title{margin-top: 0; padding-left: 35px;} .about .box p{padding-left: 35px;} .about .box a{margin-left: 35px; height: 32px; line-height: 30px; padding: 0 15px; min-width: none;} .about .box .txt{padding-right: 0;} .about .box .step li{width: 50%;} .about .box .step .img_area{width: 100px; height: 100px;} .about .box .step span{font-size: 14px;} .about .box .step ul{left: 0px;} .about .box .step li::after{top: 39px; background-size: 25px; right: calc(6% - 25px);} .about .box .step.typeB li::after{background-size: 20px; right: calc(6% - 22px);} } @media all and (max-width:400px){ .about .box .step .img_area{width: 80px; height: 80px;} .about .box .step .img_area img{max-height: 60%; width: auto; max-width: 50px;} .about .box .step li::after{top: 30px; } } /* location */ .location {padding-left: 0 !important; padding-right: 0 !important;} .location .map{width: 100%; margin-bottom: 30px;} .root_daum_roughmap{width: 100% !important;} .wrap_controllers{display: block !important; width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; z-index: 999;} .root_daum_roughmap .wrap_controllers .wrap_btn_roadview .txt{font-size: 14px !important; padding-top: 0 !important;} .dTable-wrap{border-top: 2px solid #A9CC52 !important;} @media all and (max-width:768px){ .root_daum_roughmap .wrap_map{height: 350px !important;} .dTable-wrap table{table-layout: fixed;} .dTable-wrap table colgroup, .dTable-wrap table caption{display: none;} .dTable-wrap table tr th{width: 100px;} } /* sub_content1 */ .subcon1 { padding-left: 0 !important; padding-right: 0 !important;} .subcon1 .sub-map-content .table-area{width: 50%; background: #F6F6F6; padding: 40px; border:1px solid #CACACA;} .subcon1 .sub-map-content .search-cnt{padding: 0 !important; background: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 24px !important;} .sub-map-content .search-cnt select, .sub-map-content .search-cnt input{height: 50px; line-height: 50px; border-radius: 5px; border: 1px solid #D0D0D0; font-weight: 300; color: #434343;} .sub-map-content .search-cnt select{background: #fff url(../images/sub/i_arrow_select.png) no-repeat 94% center; margin: 0;} .sub-map-content .search-cnt select:nth-of-type(1){width: 27% !important;} .sub-map-content .search-cnt select:nth-of-type(2){width: 27% !important;} .sub-map-content .search-cnt select:nth-of-type(3){width: 40% !important;} .sub-map-content .search-cnt input{width: 74% !important;} .sub-map-content .search-cnt button{width: 23% !important; height: 50px !important; background: #A9CC52 !important; border: 1px solid #9CBD49; border-radius: 5px; font-weight: normal !important; font-size: 17px !important; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; margin-right: 0;} .sub-map-content .search-cnt button::before{content: ''; display: inline-block; width: 17px; height: 17px; background: url(../images/sub/i_sch.png) no-repeat center center; vertical-align: middle; margin-right: 10px;} .sub-map-content .search-cnt button:hover{background: #7EAB0F !important; border: 1px solid #7EAB0F !important;} .sub-map-content .com-table{margin-top: 7px !important; background: #fff; padding: 20px; border-radius: 5px; overflow: hidden; border: 1px solid #D0D0D0;} .sub-map-content .com-table table{border-top: 0 !important;} .sub-map-content .com-table th{background: #fff !important; border: 0; border-bottom: 2px solid #ACCC52; font-size: 17px; font-weight: normal; color: #000;} .sub-map-content .com-table td{border: 0; background: none;} .sub-map-content .com-table td a{color: #171717; font-weight: 300; font-size: 16px;} .sub-map-content .com-table td:first-of-type a{font-weight: normal;} .sub-map-content .com-table tbody td:first-of-type{border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .sub-map-content .com-table tbody td:last-of-type{border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .sub-map-content .com-table tbody tr:nth-of-type(2n){background: #F6f6f6;} .sub-map-content .com-table~.box-footer{padding-bottom: 0px !important; background: none; padding-top: 20px !important;} .sub-map-content .com-table .tbl_title{display: block; font-size: 20px; font-weight: bold; color: #242424; margin-bottom: 10px; position: relative; padding-left: 32px;} .sub-map-content .com-table .tbl_title::before{content: ''; display: block; width: 24px; height: 24px; background: url(../images/sub/i_tbl_title.png) no-repeat center center; position: absolute; left: 0; top: 2px;} /* map_box */ .map_box{float:left; width: 50%; position: relative; padding-right: 65px;} .map_box .map_wrap{position: relative;} .map_box .map{position: relative; float: right; width: 420px; height: 710px;} .map_box .main_map_over{position: absolute; z-index: 9999; left: 0; top: 0;;} .map_box .map_hover>div{position: absolute; display: none; font-size: 18px; color: #fff; font-weight: bold; } .map_box .map_hover .map_hover_1{top: 145px;left: 103px;} .map_box .map_hover .map_hover_2{top: 121px;left: 242px;} .map_box .map_hover .map_hover_3{top: 259px;left: 167px;} .map_box .map_hover .map_hover_4{top: 304px;left: 73px;} .map_box .map_hover .map_hover_5{top: 412px;left: 105px;} .map_box .map_hover .map_hover_6{top: 527px;left: 80px;} .map_box .map_hover .map_hover_7{top: 330px;left: 296px;} .map_box .map_hover .map_hover_8{top: 468px;left: 357px;} .map_box .map_hover .map_hover_9{top: 471px;left: 238px;} .map_box .map_hover .map_hover_10{top: 658px;left: 103px;} .map_box .status_box{float: left; margin-top: 50px;} .map_box .status_box li{height: 40px; line-height: 40px; margin-bottom: 15px; text-align: center; } .map_box .status_box li a{display: block; width: 200px; height: 100%; border: 1px solid #444444; background: #F8F8F8; border-radius: 17px; overflow: hidden; -webkit-box-shadow: 0px 7px 15px rgba(0,0,0,0.1); box-shadow: 0px 7px 15px rgba(0,0,0,0.1); position: relative; -webkit-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s;} .map_box .status_box li a::after{content: ''; display: block; width: 21px; height: 7px; background: url(../images/main/i_map_arrow.png) no-repeat center center; position: absolute; right: 25px; top: 17px; opacity: 0;} .map_box .status_box li span{display: inline-block; text-align: center; font-size: 17px; font-weight: bold; color: #333333; float: left; width: 75%; position: relative;} .map_box .status_box li span::after{content: ''; display: block; width: 1px ; height: 10px; background: #B9B9B9; position: absolute; right: 0; top: 16px;} .map_box .status_box li b{display: inline-block; float: left; width: 25%; font-size: 14px; color: #A5A3A3; font-weight: bold;} .map_box .status_box li a:hover, .map_box .status_box li.on a, .map_box .status_box li.fix a{width: 225px; border: 0; background: rgb(169,204,82); background: -webkit-gradient(linear, left top, right top, from(rgba(169,204,82,1)), to(rgba(250,214,82,1))); background: -o-linear-gradient(left, rgba(169,204,82,1) 0%, rgba(250,214,82,1) 100%); background: linear-gradient(90deg, rgba(169,204,82,1) 0%, rgba(250,214,82,1) 100%); -webkit-transition: width 0.2s; -o-transition: width 0.2s; transition: width 0.2s;} .map_box .status_box li a:hover span, .map_box .status_box li.on a span, .map_box .status_box li.fix a span{color: #fff;} .map_box .status_box li a:hover span::after, .map_box .status_box li.on a span::after, .map_box .status_box li.fix a span::after{display: none;} .map_box .status_box li a:hover b, .map_box .status_box li.on a b, .map_box .status_box li.fix a b{display: none;} .map_box .status_box li a:hover::after, .map_box .status_box li.on a::after, .map_box .status_box li.fix a::after{opacity: 1;} .map_box .map_hover>div.fix{display: block !important; } .map_box .map_hover>div.fix.off{display: none !important;} @media all and (max-width:1520px){ .subcon1 .sub-map-content .table-area{padding: 25px;} .sub-map-content .search-cnt select:nth-of-type(1), .sub-map-content .search-cnt select:nth-of-type(2){width: 29% !important;} .subcon1 .sub-map-content .search-cnt{padding-bottom: 10px !important;} .sub-map-content .search-cnt input{width: 76% !important;} .pagination-sm > li > a, .pagination-sm > li > span{padding: 5px 11px;} .pagination-sm > li.page_first a, .pagination-sm > li.page_next a, .pagination-sm > li.page_prev a, .pagination-sm > li.page_last a{width: 30px !important;} .map_box{padding-right: 40px;} .map_box .status_box li a{width: 180px;} .map_box .map{width: 60%; height: auto;} .map_box .map_hover .map_hover_1{top: 20.5%;left: 25%;} .map_box .map_hover .map_hover_2{top: 17%;left: 57%;} .map_box .map_hover .map_hover_3{top: 36.5%;left: 40%;} .map_box .map_hover .map_hover_4{top: 43%;left: 17%;} .map_box .map_hover .map_hover_5{top: 58%;left: 25%;} .map_box .map_hover .map_hover_6{top: 74%;left: 19%;} .map_box .map_hover .map_hover_7{top: 46.5%;left: 70%;} .map_box .map_hover .map_hover_8{top: 66%;left: 84%;} .map_box .map_hover .map_hover_9{top: 66.5%;left: 57%;} .map_box .map_hover .map_hover_10{top: 92.5%;left: 24%;} .map_box .map img{width: 100%;} .map_box .status_box li a:hover, .map_box .status_box li.on a, .map_box .status_box li.fix a{width: 200px;} } @media all and (max-width:1200px){ .sub-map-content .search-cnt input{width: calc(99% - 160px) !important;} .sub-map-content .search-cnt button{width: 160px !important;} .map_box{float: none;} .map_box::after{content: ''; display: block; clear: both;} .subcon1 .sub-map-content .table-area{width: 100%; float: none; clear: both; margin-top: 40px;} .map_box{width: 100%; padding-right: 0;} .map_box .map{width: 349px; height: 590px;} .map_box .map_wrap{max-width: 750px; margin: 0 auto; padding: 0 65px;} } @media all and (max-width:768px){ .subcon1{} .subcon1 .sub-map-content .table-area{padding: 15px;} .sub-map-content .search-cnt select, .sub-map-content .search-cnt input{height: 40px !important; line-height: 40px !important;} .sub-map-content .search-cnt input{width: 75% !important;} .sub-map-content .search-cnt button{height: 40px !important; line-height: 37px !important; font-size: 15px !important;} .sub-map-content .search-cnt select{background-size: 10px; background-position: 90% center;} .sub-map-content .search-cnt button::before{margin-right: 5px; vertical-align: -3px; background: url(../images/sub/i_sch_big.png) no-repeat center center; background-size: 17px;} .subcon1 .sub-map-content .search-cnt{padding-bottom: 5px !important;} .sub-map-content .search-cnt select:nth-of-type(1), .sub-map-content .search-cnt select:nth-of-type(2){width: 28% !important;} .sub-map-content .com-table{margin-top: 14px !important; overflow-x: auto; padding-top: 10px;} .sub-map-content .com-table~.box-footer{padding-left: 20px; padding-right: 20px;} .sub-map-content .com-table table{min-width: 500px;} .sub-map-content .com-table td a{font-size: 15px;} .sub-map-content .search-cnt input{width: calc(98% - 120px) !important;} .sub-map-content .search-cnt button{width: 120px !important;} .map_box{padding-bottom: 20px;} .map_box .map_wrap{max-width: none; padding: 0 10px;} .map_box .map{float:none; margin: 0 auto; margin-top: 30px; width: 300px; height: auto;} .map_box .map_hover>div{font-size:15px;} .map_box .map_hover .map_hover_1{top: 103px;left: 75px;} .map_box .map_hover .map_hover_2{top: 85px;left: 170px;} .map_box .map_hover .map_hover_3{top: 184px;left: 119px;} .map_box .map_hover .map_hover_4{top: 217px;left: 50px;} .map_box .map_hover .map_hover_5{top: 294px;left: 74px;} .map_box .map_hover .map_hover_6{top: 376px;left: 54px;} .map_box .map_hover .map_hover_7{top: 235px;left: 209px;} .map_box .map_hover .map_hover_8{top: 334px;left: 253px;} .map_box .map_hover .map_hover_9{top: 335px;left: 169px;} .map_box .map_hover .map_hover_10{top: 468px;left: 73px;} .map_box .map img{width: 100%;} .map_box .status_box{float: none; max-width: 80%; margin: 0 auto; margin-top: 30px;} .map_box .status_box ul{display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap;} .map_box .status_box li{width: 48%;} .map_box .status_box li span{font-size: 15px;} .map_box .status_box li a{width: 100%;} .map_box .status_box li a:hover, .map_box .status_box li.on a, .map_box .status_box li.fix a{width: 100%;} .sub-map-content .com-table .tbl_title{margin-top: 10px; font-size: 18px; padding-left: 28px;} .sub-map-content .com-table .tbl_title::before{width: 20px; height: 20px; background-size: 20px;} } @media all and (max-width:550px){ .map_box .status_box{max-width: 90%;} .map_box .status_box li span{font-size: 14px;} } @media all and (max-width:400px){ .map_box .status_box{max-width:100%} } /* sub_content2 */ .subcon2{padding-left: 0 !important; padding-right: 0 !important;} .subcon2 .top-search-content{margin-top: 0; padding: 0px 15px; border: 1px solid #ddd; background: #F6f6f6; border-radius: 6px;} .subcon2 .top-search-content .form-group{display: none !important;} .subcon2 .top-search-content .txt{text-align: left; padding-left: 40px; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; color: #444444; position: relative; vertical-align: middle; line-height: 40px; width: 180px;} .subcon2 .top-search-content .txt::before{content: ''; display: block; width: 11px; height: 14px; background:url(../images/sub/i_sch_bullet.png) no-repeat center center; position: absolute; left: 19px; top: 14px;} .top-search-content .send-info select{height: 40px; line-height: 40px;} .top-search-content .send-info{width: calc(50% - 185px) !important; vertical-align: middle; } .subcon2 .top-search-content .line{padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #DDDDDD; margin: 0 !important;} .subcon2 .top-search-content .line:last-of-type{border-bottom: 0;} .top-search-content .send-info select{-webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 8px !important; background: #fff url(../images/common/i_arrow_select.png) no-repeat right center; border: 1px solid #D2D6DE;} .top-search-content input[type="radio"]{margin-top: 0 !important;} .top-search-content label{font-weight: normal; font-size: 16px !important;} .subcon2 .top-search-content .line .send-info:last-of-type{padding-right: 15px;} .subcon2 .search-btn-content{margin-top: 30px;} .subcon2 .search-btn-content button{width: 160px; height: 50px; line-height: 48px; border-radius: 5px; background: #A9CC52 !important; border: 1px solid #9CBD49; font-weight: normal !important; font-size: 17px !important; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;} .subcon2 .search-btn-content button::before{content: ''; display: inline-block; width: 17px; height: 17px; background: url(../images/sub/i_sch.png) no-repeat center center; vertical-align: -2px; margin-right: 10px;} .subcon2 .search-btn-content button:hover{background: #9CBD49 !important;} .subcon2 .com-table table{border-top: 3px solid #A9CC52 !important; border-bottom: 1px solid #ddd;} .subcon2 .com-table th{background: #EFF5E0 !important; border: 0 !important; font-size: 17px; font-weight: 500; color: #171725; height: 55px;} .subcon2 .com-table td{border: 0 !important; font-size: 16px !important; color: #000; background: none;} .subcon2 .com-table tr:nth-of-type(2n){background: #F6f6f6;} @media all and (max-width:1260px){ .subcon2 .top-search-content{padding: 7px 15px;} .subcon2 .top-search-content .line{padding-top: 10px; padding-bottom: 10px;} .subcon2 .top-search-content .txt{padding-top: 0; width: 165px; display: inline-block; padding-left: 25px;} .subcon2 .top-search-content .txt::before{left: 7px;} .top-search-content .send-info{width: calc(50% - 170px) !important;} .subcon2 .top-search-content .line .send-info:last-of-type{padding-right: 0px;} } @media all and (max-width:1024px){ .subcon2 .search-btn-content{margin-top: 20px;} .subcon2 .top-search-content .txt{width: 170px; padding-left: 25px;} .subcon2 .top-search-content .txt::before{left: 5px;} .subcon2 .top-search-content .send-info{width: calc(100% - 175px) !important; padding-top: 5px; padding-bottom: 5px;} .subcon2 .top-search-content .line{padding: 0; border: 0;} .subcon2 .top-search-content .line .send-info:last-of-type{padding-right: 0;} } @media all and (max-width:768px){ .subcon2 .top-search-content .txt{width: 100%; line-height: 30px; margin-bottom: 5px; font-size: 15px;} .subcon2 .top-search-content .txt::before{top: 8px; background:url(../images/sub/i_sch_bullet_big.png) no-repeat center center; background-size: 11px;} .subcon2 .top-search-content .send-info{width: 100% !important; padding: 0; padding-bottom: 5px;} .subcon2 .top-search-content{padding-bottom: 20px;} .subcon2 .top-search-content label{font-size: 15px !important; margin-left: 2px !important;} .subcon2 .top-search-content input[type="radio"]{margin: 0 !important; vertical-align: -3px !important; width: 15px; height: 15px;} .subcon2 .search-btn-content button{height: 40px; line-height: 37px; font-size: 15px !important; width: 120px;} .subcon2 .search-btn-content button::before{margin-right: 5px; vertical-align: -4px;} .subcon2 .com-table th{font-size: 16px !important;} .subcon2 .com-table td{font-size: 15px !important;} } /* btn */ .btn{-webkit-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s; line-height: 38px; padding: 0 13px !important; font-size: 15px; font-weight: 400; min-width: 90px; } .btn:hover{-webkit-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;} .btn.btn_xlg{width: 250px; height: 60px; line-height: 56px; text-align: center;padding: 0 10px !important; font-size: 20px; margin: 0 8px;} .btn.btn_lg{width: 180px; height: 50px; line-height: 46px; text-align: center; padding: 0 10px !important; font-size: 17px; margin: 0 5px;} .btn-info{background-color: #00ACCE !important; border: 1px solid #00ACCE !important;} .btn-info:hover{background-color: #008CA8 !important; border: 1px solid #008CA8 !important;} /*.btn-default{background: #fff; color: #6D6D6D; border: 1px solid #ccc;} .btn-default:hover{background: #EEEEEE; color: #6D6D6D; border: 1px solid #ccc;}*/ .btn-default{background: #919191; color: #fff; border: 1px solid #919191;} .btn-default:hover{background: #6A6A6A; color: #fff; border: 1px solid #6A6A6A;} .btn .fa-download{display: inline-block; width: 14px; height: 15px; background: url(../images/sub/i_down_white.png) no-repeat center center;} .btn-warning:focus, .btn-warning.focus{background-color: #767676 !important; border-color: #767676 !important; } .btn-primary {border: 1px solid #919191; background: #919191; } .btn-primary:hover, .btn-primary:active, .btn-primary.hover {border: 1px solid #6a6a6a; background: #6A6A6A;} .btn-blue{background-color: #2C5985 !important; border: 1px solid #2C5985 !important; color: #fff;} .btn-blue:hover{background-color: #1B6CBB !important; border: 1px solid #1B6CBB !important; color: #fff;} .modal .btn-default{background: #fff; color: #6D6D6D; border: 1px solid #ccc;} .modal .btn-default:hover{background: #EEEEEE; color: #6D6D6D; border: 1px solid #ccc;} @media all and (max-width:768px){ .btn{font-size: 14px; line-height: 32px; padding: 0 10px; min-width: 80px;} .btn.btn_xlg{width: 220px; height: 45px; line-height: 41px; font-size: 16px;} .box-footer .pull-right{text-align: right;} .btn .fa-download{background: url(../images/sub/i_down_white_big.png) no-repeat center center; background-size: 14px;} } /**** 220418 추가 ****/ .tableRenew-style td p, .tableRenew-style td, .tableRenew-style th{font-family: 'montserrat','Noto Sans KR', sans-serif !important; } .dTable-wrap table thead th{background: #EBF2F5 !important; border-bottom: 1px solid #dfdfdf !important; height: 50px; text-align: center;} .dTable-wrap table thead th:last-of-type{border-right: 0;} .dTable-wrap table tbody td.tac{text-align: center;} .map_box .main_map_over{z-index: 999;} .term-height1 table th, .term-height1 table td{font-size: 14px;} .table-bordered{border-top: 3px solid #00ACCE !important;} .table-bordered > thead > tr > th{background: #EBF2F5;} #navi{background: rgb(0,172,206); background: -webkit-gradient(linear, left top, right top, from(rgba(0,172,206,1)), to(rgba(205,217,106,1))); background: -o-linear-gradient(left, rgba(0,172,206,1) 0%, rgba(205,217,106,1) 100%); background: linear-gradient(90deg, rgba(0,172,206,1) 0%, rgba(205,217,106,1) 100%);} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{background-color: #00ACCE;} .sub-map-content .com-table th{border-bottom: 2px solid #00ACCE;} .dTable-wrap{border-top: 2px solid #00ACCE !important;} .dTable-wrap table tbody th{background: #EBF2F5 !important;} .dTable-wrap table th, .dTable-wrap table td{border-color: #dfdfdf !important;} .layer-pop #popup_layer .scroll-content > .title{font-size: 19px !important; font-weight: 500;} .layer-pop #popup_layer .com-table table {border-top: 3px solid #00ACCE !important} .layer-pop #popup_layer .com-table table.tdc td{text-align: center;} .layer-pop #popup_layer .com-table th {height: 50px;background: #EBF2F5;border: 1px solid #dfdfdf;font-size: 15px;color: #454545; font-weight: normal;} .layer-pop #popup_layer .com-table td {height: 50px;border : 1px solid #dfdfdf;background: #fff;font-size: 15px;color: #454545 ; text-align: left; padding: 0 10px;} .layer-pop #popup_layer .com-table2+.title {display: block;margin-top: 25px;font-size: 22px;line-height: 30px; font-size: 19px !important; font-weight: 500;} .layer-pop #popup_layer .scroll-content .top-info-txt2{font-size: 15px; margin-top: 0;} .layer-pop #popup_layer .scroll-content .top-info-txt2 + .com-table{margin-top: 0;} .layer-pop #popup_layer .com-table td:last-child, .layer-pop .com-table th:last-child{border-right: 1px solid #dfdfdf;} .layer-pop #popup_layer .top-content .title{font-size: 24px !important;} #popup_layer{padding: 0 !important;} .layer-pop #popup_layer .top-content{margin: 0 !important; border: 0 !important;} .layer-pop #popup_layer .top-content, .modal-header{border: 0; min-height: 60px; padding: 15px 20px !important; background: rgb(0,172,206); background: -webkit-gradient(linear, left top, right top, from(rgba(0,172,206,1)), to(rgba(205,217,106,1))); background: -o-linear-gradient(left, rgba(0,172,206,1) 0%, rgba(205,217,106,1) 100%); background: linear-gradient(90deg, rgba(0,172,206,1) 0%, rgba(205,217,106,1) 100%);} .layer-pop #popup_layer .top-content .title{font-size: 20px !important; font-weight: 500 !important; color: #fff; line-height: 1.42857143 !important;} .layer-pop #popup_layer .top-content .close{opacity: 1; text-indent: -9999px; width: 17px; height: 17px; background: url(../images/sub/btn_modal_close.png) no-repeat center center; opacity: 1 !important; right: 20px; top: 23px;} .layer-pop .scroll-content{padding: 15px !important;} .layer-pop #popup_layer .scroll-content > .title:first-of-type{margin-top: 0;} .box-body.no-padding.faq{padding: 20px !important; border: 1px solid #ddd; border-radius: 15px; margin-bottom: 20px;} .box-body.no-padding.faq h3{font-size: 25px; margin-bottom: 15px;} .tableRenew-style.table-responsive > .table thead{background: #EBF2F5;} .tableRenew-style.table-responsive > .table thead th{color: #4B5F75 !important; height: 40px;} .tableRenew-style.table-responsive > .table thead tr:first-of-type th:last-of-type{border-bottom-right-radius: 0px;} .tableRenew-style.table-responsive > .table thead tr:last-of-type th:last-of-type{border-bottom-right-radius: 5px;} .tableRenew-style.table-responsive > .table thead tr:last-of-type th:last-of-type{border-top-right-radius: 0px;} .tableRenew-style.table-responsive > .table thead tr:first-of-type th:last-of-type{border-top-right-radius: 5px;} .tableRenew-style.table-responsive > .table.tbl_brd thead th{border-bottom: 1px solid #fff !important; border-right: 1px solid #fff;} .subcon2 .com-table table{border-top: 2px solid #00ACCE !important;} .subcon2 .com-table th{background: #EBF2F5 !important;} .subcon2 .com-table th, .subcon2 .com-table td{border-right: 1px solid #dfdfdf !important} .subcon2 .com-table th:last-of-type, .subcon2 .com-table td:last-of-type{border-right: 0 !important;} .box-alarm .tb-sbox.status1::before{background: #00ACCE;} .box-alarm .tb-sbox.status1 .noti-ic span{background: #00ACCE;} .box-alarm::-webkit-scrollbar-track {background-color: #F2F2F2;} .box-alarm::-webkit-scrollbar-thumb { background-color: #76CEDF;} .fc-toolbar.fc-header-toolbar{background: #52CCCC;} .renewSub-box .renew-tit{overflow: visible;} .renewSub-Wrap .renewSub-box.w100p{width: 100% !important;} .renewSub-Wrap .renewSub-box{position: relative; } .renewSub-Wrap .renewSub-box *{font-family:'Montserrat', 'Noto Sans KR' !important;} .renewSub-Wrap .renewSub-box strong{font-weight: 500;} .renewSub-Wrap .renewSub-box div.etc{position: absolute; top: -3px; right: 0px;} .renewSub-Wrap .renewSub-box div.etc .mgr-10{margin-right: 8px !important;} .renewSub-Wrap .renewSub-box div.etc span{font-weight: normal; color: #454545;} .renewSub-Wrap .renewSub-box div.etc span strong{font-weight: normal; color: #0088a3;} .renewSub-Wrap .renewSub-box div.etc input[type='text'], .renewSub-Wrap .renewSub-box div.etc select{height:30px; line-height: 30px; border: 1px solid #E7E7E7; color: #6A6A6A; font-size: 13px; width: 100px !important; vertical-align: middle; padding: 0 10px;} .renewSub-Wrap .renewSub-box div.etc select{-webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../images/common/i_arrow_select_2.png) no-repeat 90% center;} .renewSub-Wrap .renewSub-box table tr.bold td, .renewSub-Wrap .renewSub-box table tr.bold td p{font-weight: 500;} .renewSub-Wrap .renewSub-box div.etc a{border-radius: 5px; background: #00ACCE; color: #fff; padding: 0 15px; height: 30px; line-height: 30px; display: inline-block; vertical-align: middle; border: 0 !important; font-weight: 400; font-size: 14px;} .renewSub-Wrap .renewSub-box div.etc a::before{content: ''; display: inline-block; width: 14px; height: 14px; background: url(../images/sub/i_sch_sm.png) no-repeat center center; vertical-align: -2px; margin-right: 5px;} .renewSub-Wrap .renewSub-box div.etc a:hover{background: #008CA8 !important; border: 0 !important} .renewSub-Wrap .renewSub-box .status, .renewSub-Wrap .renewSub-box .btn_find{display: inline-block; width: 60px; height: 24px; line-height: 24px; border-radius: 5px; color: #fff; font-size: 12px; text-align: center; border: 0;} .renewSub-Wrap .renewSub-box .status.status1{background-color: #DCD4CA;} .renewSub-Wrap .renewSub-box .status.status2{background-color: #00ACCE;} .renewSub-Wrap .renewSub-box .status.status3{background-color: #F36C2C;} .renewSub-Wrap .renewSub-box .btn_find{background: #F36C2C;} .renewSubMain-nav-list.nav-five>li{width: 18%;} #ds-container .subMain-visual .renewSub-Wrap{padding-top: 63px;} .renewSubMain-nav-list a{letter-spacing: -0.05em !important;} .renewSubMain-nav-list a>span{text-indent: 0; position: relative; left: -25px;} .renewSubMain-nav-list.nav-four li.long .img_area{left: 25px;} .renewSubMain-nav-list.nav-four li a span{display: block; text-align: left; line-height: 1.1;} .btn_menual_download{border: 0; padding: 15px 25px; line-height: 1; display: inline-block; background: #F36C2C; border-radius: 10px; color: #fff; position: absolute; right: 0; top: 75px; -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px rgba(0,0,0,0.16);} .btn_menual_download::after{content: ''; display: inline-block; width: 14px; height: 14px; background: url(../images/main/i_menual_down.png) no-repeat center center; vertical-align: -1px; margin-left: 7px; } .tableRenew-style::-webkit-scrollbar {width: 6px; height: 6px;} .tableRenew-style::-webkit-scrollbar-track {background-color: #F2F2F2; border-radius: 100px;} .tableRenew-style::-webkit-scrollbar-thumb { background-color: #00ACCE; border-radius: 100px;} .menu-sidebar{top: 23px;} .btn_go_sf{top: 19px;} .navbar-right{text-align: center;} .menu-sidebar ul li.my_info{display: block; margin-bottom: 5px;} .menu-sidebar ul li.join::after{display: none;} #masthead .nav > li > a{font-size: 13px; color: #7D7D7D; padding: 0 6px !important;} .menu-sidebar ul li::after{height: 10px; background: #CFCFCF; top: 2px;} .menu-sidebar ul li.my_info i{display: inline-block; width: 15px; height: 15px; background: url(../images/common/i_my_info.png) no-repeat center center; vertical-align: middle;} .menu-sidebar ul li.my_info b{color: #00ACCE; font-weight: 500;} .btn_go_sf .img_area{width: 102px;} .about .btn_menual_download{border: 0; padding: 15px 25px; line-height: 1; display: inline-block; background: #F36C2C; border-radius: 10px; color: #fff; position: absolute; -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px rgba(0,0,0,0.16); left: 0px; bottom: 0; top: inherit; right: inherit;} .about .btn_menual_download::after{content: ''; display: inline-block; width: 14px; height: 14px; background: url(../images/main/i_menual_down.png) no-repeat center center; vertical-align: -1px; margin-left: 7px; } .mar_t50{margin-top: 50px;} .tabmenu_typeA{padding: 0; border-bottom: 1px solid #ddd;} .tabmenu_typeA::after{content: ''; display: block; clear: both;} .tabmenu_typeA li:first-of-type{border-left: 1px solid #ddd;} .tabmenu_typeA li{float: left; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ddd; border-left: 0; border-bottom: 0; position: relative;} .tabmenu_typeA.m2 li{width: 300px; } .tabmenu_typeA li.on{} .tabmenu_typeA li.on::before{content: ''; display: block; width: 100%; height: 3px; background: #00ACCE; position: absolute; top: -1px; left: 0;} .tabmenu_typeA li.on::after{content: ''; display: block; width: 100%; height: 3px; background: #fff; position: absolute; bottom: -1px; left: 0; z-index: 999;} .tabmenu_typeA li a{font-size: 20px; display: block; padding: 20px 20px; text-align: center; font-weight: 500; color: #555;} .tabmenu_typeA li a:focus, .tabmenu_typeA li a:active{color: #00ACCE; outline: none;} .tabmenu_typeA li.on a{color: #00ACCE;} .tab_cont .subtitle-m{font-size: 20px; font-weight: 500; padding-left: 20px;} .tab_cont .subtitle-m>i{width: 11px; height: 14px; background: url(../images/sub/i_sch_bullet.png) no-repeat center center; top: 5px; left: 0;} #masthead.navbar.m4 .nav > li > a{font-size: 16px; padding: 0 10px !important;} #masthead.navbar.m4 .menu-sidebar{top: 32px;} #masthead.navbar.m4 .menu-sidebar ul li::after{height: 16px; top: 1px;} .pagination > li.active + li a:hover{z-index: 0;} .pagination > li a:hover{color: #008CA8;} .atadm-table > tbody > tr > td a{color: inherit !important; font-weight: 500;} @media all and (max-width: 1540px){ .btn_menual_download{right: 40px;} } @media all and (max-width: 1400px){ .renewSub-box .renew-tit{overflow: hidden; padding-top: 3px; } .renewSub-Wrap .renewSub-box div.etc{position: relative; top: 0; padding-top: 5px; text-align: right;} .renewSub-Wrap .renewSub-box.w100p div.etc{float: right; padding-top: 0; top: -3px;} } @media all and (max-width: 1200px){ .renewSubMain-nav-list.nav-five> li a>span{display: block;} .about .tab_cont{overflow: hidden;} .about .btn_menual_download{position: static; margin-top: 20px; float: right;} } @media all and (max-width: 1024px){ .renewSubMain-nav-list a>span{left: 0;} .renewSub-Wrap .renewSub-box.w100p div.etc span{display: block; padding-top: 5px; } .main2#ds-container .subMain-visual .renewSub-Wrap, .main4#ds-container .subMain-visual .renewSub-Wrap{text-align: center;} .btn_menual_download{position: static; margin-top: 15px;} .main2#ds-container .subMain-visual .renewSub-Wrap.btn_in, .main4#ds-container .subMain-visual .renewSub-Wrap.btn_in{padding-top: 33px !important;} .renewSub-Wrap .renewSub-box div.etc{float: right; padding-top: 0; top: -3px;} .renewSub-Wrap .renewSub-box.w100p div.etc{top: -3px; text-align: right;} .renewSub-Wrap .renewSub-box.w100p div.etc a{margin-right: 0;} .renewSubMain-nav-list.nav-four li a br{display: none;} .btn_go_sf{display: none;} .sticky-wrapper{height: 8vw;} #masthead.navbar{top: 0;} .renewSubMain-nav{top: calc(9vw + 180px);} #menu-main-menu{top: 8vw;} #pagetitle li, #pagetitle2 li{font-size: 36px;} .subtitle, .subtitle2{font-size: 20px;} .tabmenu_typeA{display: -webkit-box;display: -ms-flexbox;display: flex; } .tabmenu_typeA.m2 li{width: 50%;} .tabmenu_typeA li a{padding: 13px; font-size: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%;} .tab_cont .subtitle-m{font-size: 17px; padding-left: 16px;} .tab_cont .subtitle-m>i{top: 3px;} } @media all and (max-width:768px){ .sticky-wrapper{height: 77px;} .renewSubMain-nav{top: 255px;} #menu-main-menu{top: 77px;} #ds-container .subMain-visual .renewSub-Wrap{padding-top: 40px;} .about .btn_menual_download{padding: 13px 15px;} } @media all and (max-width:600px){ .renewSub-Wrap .renewSub-box div.etc{display: -webkit-box;display: -ms-flexbox;display: flex; padding-top: 10px;-ms-flex-wrap: wrap;flex-wrap: wrap; float: none;} .renewSub-Wrap .renewSub-box div.etc input[type='text'], .renewSub-Wrap .renewSub-box div.etc select{ width: 30% !important; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .renewSub-Wrap .renewSub-box div.etc.etc1>*{-webkit-box-flex:0 !important;-ms-flex:none !important;flex:none !important} .renewSub-Wrap .renewSub-box.w100p div.etc{text-align: left; padding-top: 7px; top: 0;} .renewSub-Wrap .renewSub-box.w100p div.etc input[type='text'], .renewSub-Wrap .renewSub-box.w100p div.etc select{-webkit-box-flex: 0;-ms-flex: none;flex: none;} .renew-tit > .more-btn{right: 0px !important; top: 0 !important;} .renewSubMain-nav-list.nav-four li a span{max-width: 60%;} .renewSubMain-nav-list li a, .renewSubMain-nav-list.nav-five>li a{font-size: 15px !important;} .tabmenu_typeA{display: block; border: 0;} .tabmenu_typeA.m2 li{width: 100%;} .tabmenu_typeA li{border: 1px solid #ddd; border-bottom: 0;} .tabmenu_typeA li a{font-size: 16px;} .tabmenu_typeA li:last-of-type{border-bottom: 1px solid #ddd;} .tabmenu_typeA li.on::after, .tabmenu_typeA li.on::before{display: none;} .tabmenu_typeA li.on{background: #00ACCE; border: 0;} .tabmenu_typeA li.on a{color: #fff;} } @media all and (max-width: 500px){ .renewSubMain-nav-list.nav-five>li .mo_blank{display: block;} .renewSubMain-nav-list.nav-five> li a .img_area{display: inline-block; vertical-align: middle; position: relative; left: 0;} .renewSubMain-nav-list.nav-five> li a .img_area img{position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);} .renewSubMain-nav-list.nav-five> li a>span{display: inline-block; vertical-align: middle; text-align: left; display: block;} } /* btn 색상변경 */ .btn{} .content-wrapper .content .box .box-header .btn.btn-info{background: #00ACCE;} .content-wrapper .content .box .box-header .btn.btn-info:hover{background: #008CA8 !important; border: 1px solid #008CA8 !important;} .sub-map-content .search-cnt button{background: #00ACCE !important; border: 1px solid #00ACCE; } .sub-map-content .search-cnt button:hover{background: #008CA8 !important; border: 1px solid #008CA8 !important;} .pull-right .btn-olives2{background: #00ACCE;} .pull-right .btn-olives2:hover{background: #008CA8;} .btn-blue{background-color: #00ACCE !important; border: 1px solid #00ACCE !important;} .btn-blue:hover{background-color: #008CA8 !important; border: 1px solid #008CA8 !important;} .btn-minus{background: #E64800 !important; border: 0 !important; color: #fff !important;} .btn-minus:hover{background: #C43D00 !important;} .btn-default{background: #AEABA8;border: 1px solid #AEABA8;} .btn-default:hover{background: #858079; border: 1px solid #858079;} .wrapper-inbox .btn-default{background: #fff; color: #00ACCE; border: 2px solid #00ACCE;} .subcon2 .search-btn-content button{background: #00ACCE !important; border: 0 !important;} .subcon2 .search-btn-content button:hover{background: #008CA8 !important;} .modal .box-header .input-group-btn .btn{background: #00ACCE !important; border: 0 !important;} .modal .box-header .input-group-btn .btn:hover{background: #008CA8 !important; border: 0 !important;} .btn_login:hover{background: #8BB229;} .btn_join:hover{border: 2px solid #DBDBDB; color: #6D6D6D;} /* header 풀다운으로 변경 */ #masthead .navbar-collapse{margin: 0 auto; position: relative; left: -20px;} #menu-main-menu{max-width: 1314px;} #masthead .navbar-collapse.m4, #masthead .navbar-collapse.m4 #menu-main-menu{max-width: 950px; padding-right: 0;} #masthead .navbar-collapse.m5, #masthead .navbar-collapse.m5 #menu-main-menu{max-width: 1080px;} #masthead .navbar-collapse.m6, #masthead .navbar-collapse.m6 #menu-main-menu{max-width: 1150px;} #masthead .navbar-collapse.m7, #masthead .navbar-collapse.m7 #menu-main-menu{max-width: 1314px;} #masthead .navbar-collapse.m8, #masthead .navbar-collapse.m8 #menu-main-menu{max-width: 1360px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} #masthead .navbar-collapse.m4 #menu-main-menu.nav >li>a{padding-left: 0 !important; min-width: 0;} #masthead .navbar-collapse.m4 #menu-main-menu.nav >li{width: auto;} #masthead .navbar-collapse.m4{left: 0;} #menu-main-menu>li{width: 180px;} #masthead #menu-main-menu.nav >li>a{padding-left: 19px !important; z-index: 9999; position: relative;} .navbar-nav ul{display: block !important; width: 180px; left: 50%; margin-left: -90px; border: 0; top:0; padding-top: 80px; background: none; z-index: 9996;} .navbar-nav ul li:first-of-type{margin-top: 10px;} .navbar-nav ul li a{text-align: center; position: relative; z-index: 99; -webkit-transition: 0s; -o-transition: 0s; transition: 0s; background: none; padding: 0;} .navbar-nav ul li a:hover{background: #A9CC52; color: #fff; -webkit-transition: 0s; -o-transition: 0s; transition: 0s;} .navbar-nav ul li{border: 0;} .gnb_bg{position: absolute; height: 300px; background: #fff; width: 100%; top: 80px; left: 0; z-index: 9995; } .gnb_bg{height: 0; overflow: hidden;} .gnb_bg.on{-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px rgba(0,0,0,0.16); } .navbar-nav ul{height: 0; overflow: hidden;} #masthead .navbar-collapse.m8 #menu-main-menu>li{width: 170px;} #masthead .navbar-collapse.m8 .navbar-nav ul{width: 170px; margin-left: -85px;} #masthead .navbar-collapse.m8 .navbar-nav ul li a{font-size: 15px; letter-spacing: -0.05em;} #masthead .navbar-collapse{position: relative; z-index: 9999; } @media all and (max-width:1520px){ #masthead .gnb_bg{display: none;} #masthead .navbar-collapse{left: -50px;} #menu-main-menu{margin: 0 auto; max-width: none; width: 100%;} #masthead .navbar-collapse.m5, #menu-main-menu{max-width: 950px;} #masthead .navbar-collapse.m6, #masthead .navbar-collapse.m6 #menu-main-menu{max-width: 950px;} #masthead .navbar-collapse.m7, #masthead .navbar-collapse.m7 #menu-main-menu{max-width: 950px;} #masthead .navbar-collapse.m8{max-width: 100%;padding-left: 70px; padding-right: 70px;} #masthead .navbar-collapse.m8 #menu-main-menu{max-width: none; width: 100%; } #masthead .navbar-collapse #menu-main-menu>li{width: 150px;} .navbar-nav ul li a{-o-text-overflow: ellipsis;text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} #masthead .navbar-collapse #menu-main-menu>li ul{background: #fff; padding-top: 0px; width: 184px; left: 50%; margin-left: -92px; height: auto !important; display: none !important; border: 1px solid #dfdfdf; top: 80px; border-top:0;} #masthead .navbar-collapse .navbar-nav ul li a{font-size: 15px;} #masthead #menu-main-menu.nav >li>a{white-space: nowrap;} #masthead nav.navbar-collapse.m4{margin: 0; left: 0; margin-left: 100px; max-width: none;} #masthead div.navbar-collapse.m4 {max-width: none; width:59%; margin-left: 0;} #masthead .navbar-collapse.m4 #menu-main-menu{width: 100%;} } @media all and (max-width:1200px){ #masthead .navbar-collapse{max-width: 100% !important; padding-left: 70px !important; padding-right: 70px !important;} #masthead .navbar-collapse #menu-main-menu{max-width: none !important; width: 100% !important; } #masthead div.navbar-collapse.m4{width: 61%;} #masthead nav.navbar-collapse.m4, #masthead div.navbar-collapse.m4{padding-left: 0 !important; padding-right: 0 !important;} } @media all and (max-width:1024px){ #masthead #menu-main-menu.nav >li>a{padding-left: 0 !important;} #masthead .navbar-collapse #menu-main-menu>li ul{display: block !important; width: 100%; border: 0; padding: 0; left: 0; margin-left: 0; margin-top: 15px; padding-left: 10vw; border-bottom: 1px solid #d4d4d4; padding-top: 2vw; padding-bottom: 2vw; margin-top: 0;} #masthead .navbar-collapse #menu-main-menu>li{width: 100% !important;} #masthead .navbar-collapse .navbar-nav ul li a, #masthead .navbar-collapse.m8 .navbar-nav ul li a{font-size: 2vw; text-align: left; padding-left: 3vw; padding-top: 10px; padding-bottom: 10px; line-height: 1.3;} .navbar-nav ul li a:hover{background: inherit; color: #000;} #masthead nav.navbar-collapse, #masthead div.navbar-collapse{margin-top: 70px;} } @media all and (max-width:768px){ #masthead .navbar-collapse #menu-main-menu>li ul{ padding-left: 55px; padding-top: 15px; padding-bottom: 15px; } #masthead .navbar-collapse .navbar-nav ul li{width: 50%;} #masthead .navbar-collapse .navbar-nav ul li a, #masthead .navbar-collapse.m8 .navbar-nav ul li a{font-size: 16px; padding-left: 20px; -o-text-overflow: inherit; text-overflow: inherit; white-space:normal; padding-right: 10px;} #masthead .navbar-collapse{position: relative; z-index: 999; } .navbar-toggle{z-index:1000;} } @media all and (max-width:600px){ #masthead .navbar-collapse #menu-main-menu>li ul{padding-left: 7%;} } /* 220516 추가 */ @media all and (max-width:1024px){ .navbar-toggle.login{background-image: url(../images/common/i_join_black.png) !important; right: calc(3vw + 47px);} .navbar-toggle.logout{background-image: url(../images/common/i_logout_black.png) !important; right: calc(3vw + 43px);} } @media all and (max-width:768px){ .navbar-toggle.login{right: 73px;} .navbar-toggle.logout{right: 70px;} .content-wrapper .content .table-responsive::-webkit-scrollbar {width: 5px; height: 5px;} } /* 영농일지 mobile */ h1, h2, h3, h4, h5, h6{font-family: 'Noto Sans KR', sans-serif !important;} /*tab*/ .sub-tabbox{display:block;margin-top:20px;width:95%; margin: 0 2.5%; margin-bottom: 40px; overflow: hidden;} .sub-tabbox ul{padding: 0; height: auto; border: 0; margin: 0; } .sub-tabbox ul li{float:left; width:50%; color:#979797;text-align:center;background-color:#fff;border-radius:0px; border:0; border-bottom: 2px solid #fff;} .sub-tabbox ul li.on, .sub-tabbox ul li:hover{border:0 !important; border-bottom: 2px solid #02ACCC !important;} .sub-tabbox ul li a{display: block; padding: 20px 0px; font-size: 20px; font-weight: 400;} .sub-tabbox ul li.on a, .sub-tabbox ul li:hover a{color:#3D3E3D; font-weight: 500;} .btf-btnbox{width: 100%;} .tableSubTitle, .tableTitle{background:#f6f6f6 !important;} .content-wrapper .content .table-responsive::-webkit-scrollbar {width: 10px; height: 10px;} .content-wrapper .content .table-responsive::-webkit-scrollbar-track {background-color: #F2F2F2; border-radius: 100px;} .content-wrapper .content .table-responsive::-webkit-scrollbar-thumb { background-color: #75C7D7; border-radius: 100px;} /* step */ .pro_grids {width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 0px; position: relative;} .pro_grids::before{content: ''; display: block; width: 95%; height: 2px; background: #C8C8C8; position: absolute; top: 37px; left: 2.5%;} .pro_grids>div{width: auto; height: auto;} .pro_left h5 {display:inline-block; position: relative; cursor: pointer; width: auto; height: auto;} .pro_left h5 span{position: static; font-size: 18px; line-height: 1; color: #AAAAAA; font-weight: 400; line-height: 1; top: 0; left: 0;} .pro_left h5 span::before{content: ''; display: block; width: 72px; height: 72px; border-radius: 100px; border: 2px solid #C8C8C8; margin: 0 auto; margin-bottom: 8px; background-color: #fff; position: relative; z-index: 99;} .pro_left h5.step0_on span, .pro_left h5.step1_on span, .pro_left h5.step2_on span, .pro_left h5.step3_on span, .pro_left h5.step4_on span, .pro_left h5.step5_on span{color: #00ACCE; font-weight: 500;} #step0 .step0_blank span::before{background:#fff url(../../common/images/sub/i_diary_step1.png) no-repeat center center;} #step1 .step1_blank span::before{background:#fff url(../../common/images/sub/i_diary_step2.png) no-repeat center center;} #step2 .step2_blank span::before{background:#fff url(../../common/images/sub/i_diary_step3.png) no-repeat center center;} #step3 .step3_blank span::before{background:#fff url(../../common/images/sub/i_diary_step4.png) no-repeat center center;} #step4 .step4_blank span::before{background:#fff url(../../common/images/sub/i_diary_step5.png) no-repeat center center;} #step5 .step5_blank span::before{background:#fff url(../../common/images/sub/i_diary_step6.png) no-repeat center center;} #step0 .step0_on span::before, #step0 .step0 span::before{background:url(../../common/images/sub/i_diary_step1_white.png) no-repeat center center; border: 0;} #step1 .step1_on span::before, #step1 .step1 span::before{background:url(../../common/images/sub/i_diary_step2_white.png) no-repeat center center; border: 0;} #step2 .step2_on span::before, #step2 .step2 span::before{background:url(../../common/images/sub/i_diary_step3_white.png) no-repeat center center; border: 0;} #step3 .step3_on span::before, #step3 .step3 span::before{background:url(../../common/images/sub/i_diary_step4_white.png) no-repeat center center; border: 0;} #step4 .step4_on span::before, #step4 .step4 span::before{background:url(../../common/images/sub/i_diary_step5_white.png) no-repeat center center; border: 0;} #step5 .step5_on span::before, #step5 .step5 span::before{background:url(../../common/images/sub/i_diary_step6_white.png) no-repeat center center; border: 0;} #step0 .step0_on span::after, #step1 .step1_on span::after, #step2 .step2_on span::after, #step3 .step3_on span::after, #step4 .step4_on span::after, #step5 .step5_on span::after{content: ''; display: block; width: 72px; height: 72px; background: url(../../common/images/sub/bg_diary_on.png) no-repeat center center; position: absolute; left: 0px; top: 0; z-index: 0;} #step0 .step0 span::after, #step1 .step1 span::after, #step2 .step2 span::after, #step3 .step3 span::after, #step4 .step4 span::after, #step5 .step5 span::after{content: ''; display: block; width: 72px; height: 72px; background: #C8C8C8; border-radius:100px; position: absolute; left: 11px; top: 0; z-index: 0;} #step0 .step0 span::after, #step1 .step1 span::after, #step2 .step2 span::after, #step3 .step3 span::after, #step4 .step4 span::after, #step5 .step5 span::after{left: 0;} @media all and (max-width:600px){ .pro_grids{-ms-flex-wrap: wrap;flex-wrap: wrap;} .pro_grids>div{width: auto; margin-bottom: 10px;} .pro_grids::before, .pro_grids::after{content: ''; display: block; width: 80%; height: 2px; background: #C8C8C8; position: absolute; top: 37px; left: 10%;} .pro_grids::after{top: 150px;} .pro_left h5 span{font-size: 16px;} .pro_grids>div#step1, .pro_grids>div#step4{width: 66%;} .sub-tabbox ul li a{font-size: 18px; padding: 15px 0;} } @media all and (max-width:470px){ .pro_grids>div#step1, .pro_grids>div#step4{width: 60%;} } @media all and (max-width:400px){ .pro_grids>div#step1, .pro_grids>div#step4{width: 40%;} } /* content */ .multi-titlebox3{margin-top: 0;} .noti-gbox+.multi-titlebox3{margin-top: 40px;} .noti-box{border: 1px solid #ddd;} .noti-gbox{background: #f6f6f6; border-color: #ddd; margin-top: 0 !important; overflow: hidden;} .noti-gbox .btn{margin-bottom: 0;} .noti-gbox p{padding: 0 10px;} .div_cont{padding-top: 40px;} .msubtitle{font-size: 20px; letter-spacing: -0.05em; margin-top: 0; margin-bottom: 20px; position: relative;} .msubtitle i{display: block; width: 11px; height: 11px; background: url(../images/sub/i_subtitle_bullet.png) no-repeat center center; border-radius: 0; position: absolute; left: -2px; top: -13px;} @media all and (max-width:768px){ .msubtitle{font-size: 20px; letter-spacing: -0.05em; margin-top: 0; margin-bottom: 15px; position: relative;} } label{margin-bottom: 0; margin-top: 0;} .plnt_box_top{padding-top: 10px; padding-bottom: 10px;} .plnt_box_top label{font-weight: 500; font-size: 15px;} #divCtvtPlotPlnt .error_msg{padding-left: 50px; font-size: 15px; color: #E64800; padding-top: 10px;} .plnt_box, .plnt_box_top{border-bottom: 2px dashed #ddd; position: relative; padding-left: 50px;} .plnt_box:last-of-type{border-bottom: 0;} .plnt_box input[type='checkbox'], .plnt_box_top input[type='checkbox']{position: absolute; top: 50%; left: 20px; margin-top: -7px;} #divMaxWrtDt{margin-top: 0;} .table-bordered > tbody > tr > td select{height: inherit;} .div_cont .table-responsive > .table > tbody > tr > th, .div_cont .table-responsive > .table > tbody > tr > td{padding: 7px;} .div_cont .table-responsive{margin-bottom: 5px;} .div_cont th.text-center.pdt-mid{border-bottom: 0;} .div_cont th.text-center label, .div_cont th{font-weight: 400; font-size: 15px;} .div_cont table input[type="radio"], .div_cont table input[type="checkbox"]{margin-top: 0 !important; vertical-align: 0px !important;} .div_cont table input[type="radio"]+label{vertical-align: 1px;} .div_cont .table > tbody > tr > td, .div_cont .table > tbody > tr > th, .div_cont .table > thead > tr > th{font-size: 14px !important;} .div_cont .table tr:hover{background: inherit;} .no-bdb{border-bottom: 0 !important;} #fmwkView{margin-top: 0 !important;} .div_cont .table-bordered > tbody > tr > td label{padding-top: 0; margin-right: 20px;} .din{display: inline-block;} .btn-green{background:#A9CC52;} .btn-gray-light{background: #EEEEEE; border: 1px solid #DBDBDB; color: #6D6D6D;} @media all and (max-width:500px){ #we_unit{position: static;} } .mobile .fc-basic-view{min-width: 0;} .mobile .fc-basic-view .fc-body .fc-row{min-height: 0 !important; height: 60px !important;} .mobile .fc-scroller{min-height: 300px;} .mobile .fc-toolbar.fc-header-toolbar{height: 55px;} .mobile .fc-toolbar .fc-center h2{font-size: 20px; margin-top: 18px;} .mobile .fc-toolbar .fc-left button, .mobile .fc-toolbar .fc-right button{margin-top: 17px;} @media all and (max-width:500px){ .mobile .fc-toolbar .fc-left button, .mobile .fc-toolbar .fc-right button{margin-top: 4px;} } /*.table-responsive { -ms-overflow-style: auto !important; } .table-responsive::-webkit-scrollbar {display:block; background:#f2f2f2;} .table-responsive::-webkit-scrollbar-thumb{background:rgba(0,0,0,0.1);}*/ .renewSub-box{overflow:visible;} .bootstrap-datetimepicker-widget .prev span, .bootstrap-datetimepicker-widget .next span{font-family:'Glyphicons Halflings' !important;} .bootstrap-datetimepicker-widget table td span.month{text-align:center !important; padding:0;} .bootstrap-datetimepicker-widget .picker-switch{font-weight:600;} .btn-delete{background: #E64800 !important; border: 0 !important; color: #fff !important;} /* 220530 추가 */ select.form-control::-ms-expand{display: none;} .renewSubMain-nav{z-index: 999;} .renewSub-box .etc select::-ms-expand {display: none;} .content-wrapper .content .box .box-header .sch_txt{display: inline-block; padding-left: 10px; font-size: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 40px;} /* 20220609 추가 */ .tb-box3 .form-group .control-span,.tb-box3 .form-group .col-sm-3,.tb-box3 .form-group .col-sm-4,.tb-box3 .form-group .col-sm-5,.tb-box3 .form-group .col-sm-6,.tb-box3 .form-group .col-sm-10{padding: 0; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 40px;} .tb-box3 .form-group .control-span{width: 180px; font-weight: 500; height:40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; padding:0; margin:0; padding-left: 40px; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; color: #444444; position: relative; padding-right: 10px;} .tb-box3 .form-group .control-span::before{content: ''; display: block; width: 11px; height: 14px; background:url(../images/sub/i_sch_bullet.png) no-repeat center center; position: absolute; left: 19px; top: 14px;} .back-out-color {background-color: beige}