@charset "utf-8";
@import url('layout_base.css');
@import url('font.css');

/* reset element */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, div, summary,
time, mark, audio, video {
	margin:0; padding:0;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:inherit;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, 
menu, nav, div {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

/* align, border, input */
img, fieldset, a {border:none;}
img {vertical-align:middle;}
table, thead, tbody, tfoot {border-collapse:collapse; border-spacing:0; border:0 none;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, button, form img, label {vertical-align:middle;}
button, input[type="submit"] {cursor:pointer;}
/* input:focus, button:focus, select:focus, textarea:focus {outline:0;} */
button::-moz-focus-inner {border:0 none; padding:0;}

/* anchor */
a {text-decoration:none;}
a:link {color:#333;}
a:visited {color:#333;}
a:hover {color:#333; text-decoration:none;}
a:focus {color:#333;}

*, ::after, ::before {box-sizing:initial;}

/* common */
* {-webkit-text-size-adjust:none; text-shadow:0 0 0 transparent;}
html, body {/* height:100%; */}
body {font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:400; font-size:18px; letter-spacing:-1px; color:#333; white-space:normal; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input, select, textarea {box-sizing:border-box; border-radius:0; padding:0; font-size:18px; font-family:'Noto Sans KR',sans-serif; font-style:normal; font-weight:400; color:#273237; letter-spacing:-1px; -webkit-appearance:none; vertical-align:middle;}
/* img {width:100%;} */
p {line-height:1.4;}
.dp_none {display:none;}
.hidden, legend {font-size:0; width:0 !important; height:0 !important; line-height:0; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0;}
caption {font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden;}/* wac 인증심사 받을 경우 visibility:hidden하지 말것. */
.hide{display:block; position:fixed;top:-9999999999999999999px; width:0; height:0;}
.clear:after {content:''; display:block; clear:both;}
.txt_color {color:#f6a81e !important;} /* 노랑 */
.no-js {display:none;}


/* input button design */
input:-ms-input-placeholder {color:#bbb;}
input::-webkit-input-placeholder {color:#bbb;}
input::-moz-placeholder {color:#bbb;} 
input[type=checkbox].css-checkbox {overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px;}
input[type=checkbox].css-checkbox + label {display:inline-block; height:17px; padding-left:25px !important; margin-right:30px; background:url('../img/bg_checkBox_off.png') no-repeat 0 0; background-size:17px; cursor:pointer; vertical-align:middle; font-size:18px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}
input[type=checkbox].css-checkbox:checked + label {background:url('../img/bg_checkBox_on.png') no-repeat; background-size:17px;}


/* radio button design */
input[type=radio].css-radio {overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px;}
input[type=radio].css-radio + label {display:inline-block; height:15px; padding-left:25px !important; margin-right:95px; background:url('../img/bg_radioBox_off.png') no-repeat 0 0; background-size:15px; cursor:pointer; vertical-align:middle; font-size:18px;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
}
input[type=radio].css-radio:checked + label {background:url('../img/bg_radioBox_on.png') no-repeat; background-size:15px;}


input:-ms-input-placeholder {color:#a5a5a5;}
input::-webkit-input-placeholder {color:#a5a5a5;}
input::-moz-placeholder {color:#a5a5a5;}
textarea:-ms-input-placeholder {color:#a5a5a5;}
textarea::-webkit-input-placeholder {color:#a5a5a5;}
textarea::-moz-placeholder {color:#a5a5a5;}


/* input_style */
input[type=text] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:36px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; line-height:36px; font-size:16px;}
input[type=password] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:36px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; line-height:36px; font-size:16px;}
input[type=tel] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:36px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; line-height:36px; font-size:16px;}
input[type=number] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:36px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; line-height:36px; font-size:16px;}
input[type=email] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:36px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; line-height:36px; font-size:16px;}
textarea {width:100%; -webkit-appearance:none; box-sizing:border-box; padding:17px; border:1px solid #cfd4d9; border-radius:4px; font-size:16px;}


/* select_style */
select {-moz-appearance:none; -webkit-appearance:none; box-sizing:border-box; width:100%; height:36px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; line-height:36px; font-size:16px; background:#fff url('../img/bg_select.png') no-repeat; background-position:calc(100% - 10px) 50%; background-size:7px 6px;}
select::-ms-expand {display:none;}


/* button-style */
button {height:34px; border:none; line-height:34px; text-align:center; box-sizing:border-box;}
.btn_area {text-align:center; font-size:0;}
.btn_area a {display:inline-block; min-width:130px; height:50px; margin-left:10px; padding:0 20px; text-align:center; font-size:18px; line-height:50px; box-sizing:border-box;}
.btn_area > a:first-child {margin-left:0;}
.btn_style01 {width:50% !important; height:58px; line-height:58px; background:#494949; color:#fff !important;}
.btn_style02 {width:50% !important; height:58px; line-height:58px; margin-left:0 !important; background:#2e3092; color:#fff !important;}


/* 레이어 팝업 */
.pop_wrap {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1400; display:none;}
.common_pop {position:absolute;top:20%;left:50%; width:530px; margin-left:-265px; background:#fff; box-sizing:border-box;}
.pop_con {width:100%; padding:35px 30px 50px 30px; box-sizing:border-box;}
.btn_closePop a {position:absolute;top:0;right:-77px; width:77px; height:77px; background:url('../img/btn_close_b.png') no-repeat; background-size:cover; text-indent:-9999px;}

.common_pop.full {position:absolute;top:0;left:0; width:100%; height:100%; background:#d57400;}
.common_pop.full .pop_con {padding-top:0;}
.common_pop.full .pop_con img {width:100%;}

.pop_tit {margin-bottom:30px; padding-bottom:15px; border-bottom:2px solid #333; font-size:24px; font-weight:700; color:#333;}
.scroll_box {height:362px; overflow-y:scroll;}
.scroll_box .tit {padding-top:25px; font-weight:500;}
.scroll_box p {word-break:keep-all;}

/* 접근성 패널 */
ul#skipnavi {position:fixed; left:0px; top:0px; width:100%; z-index:9999; line-height:0; font-size:0;}
ul#skipnavi li a {position:absolute; top:-500px; text-indent:-9999px; line-height:1; font-size:12px;}
ul#skipnavi li a:hover, 
ul#skipnavi li a:focus, 
ul#skipnavi li a:active {display:block; position:absolute;left:0px;top:0px; width:100%; height:20px; padding:4px 0 0 0; background:#f2f2f2; font-size:12px; font-weight:bold; text-align:center; text-indent:0px; line-height:1; z-index:1000;}


/* header */
#header {/*position:fixed;top:0;left:0; overflow:hidden; width:100%; height:97px; z-index:1000;*/}
.head {position:relative; width:1200px; height:110px; margin:0 auto;}
h1.logo {display:inline-block; float:left; width:100px; height:40px; margin-top:32px;}
h1.logo a {display:inline-block; width:100%; height:100%; background:url(../img/logo_c.png) no-repeat; background-size:contain; text-indent:-9999px;}
.main h1.logo a {display:inline-block; width:100%; height:100%; background:url(../img/logo.png) no-repeat; background-size:contain; text-indent:-9999px;}

#gnb {float:left; margin-left:50px; margin-top:41px;}/* width:820px; */
#gnb > li {display:inline-block; float:left; padding:0 23px; text-align:center; box-sizing:border-box;}
#gnb > li:first-child {padding-left:0;}
#gnb > li:last-child {padding-right:0;}
#gnb > li > a {display:inline-block; width:100%; font-size:20px; color:#333; box-sizing:border-box;}
.main #gnb > li > a {color:#fff;}
#gnb > li:hover > a, #gnb > li.on > a {border-bottom:3px solid #2e3092; color:#2e3092;}

#header .btn_menu {display:none;}
.menu {display:none;}

/* 공통 */
#container {position:relative; min-height:calc(100vh - 160px); /*padding-top:97px;*/ padding-bottom:80px; box-sizing:border-box;}
.con_wrap {width:1200px; margin:0 auto;}
.web {display:block;}
.mob {display:none;}
.txt_alt {position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0;}

/* footer */
#footer {padding:50px 0 35px; background:#363f4c;}
.foot_con {width:1200px; margin:0 auto; padding-left:140px; background:url('../img/logo.png') no-repeat 0 0; font-size:16px; font-weight:300; color:#fff;}

/* 메인 */
#wrap.main {background:url('../img/bg_main.jpg') no-repeat center top;}

.tis_box {padding:85px 0 0;}
.tis_box .tit {line-height:1; font-family:'Montserrat',sans-serif; font-size:75px; font-weight:700; color:#2e3092;}
.tis_box .tit:after {content:""; display:block; width:4px; height:66px; margin:35px 0 30px; background:#2e3092;}
.tis_box .txt {line-height:1.6; font-family:'Montserrat',sans-serif; font-size:24px; font-weight:300; color:#2e3092;}

.tis_box02 {padding-top:180px;}
.tis_box02 .txt01 {line-height:1; font-size:15px; font-weight:700; color:#333;}
.tis_box02 .txt02 {padding:10px 0 20px; font-size:28px; font-weight:500; color:#2e3092;}
.tis_box02 .txt02 strong {font-weight:700;}

.tis_box03 {padding-top:215px;}
.tis_box03 .web {margin-right:55px;}
.tis_box03 .web li {float:right; width:855px; margin-top:45px;}
.tis_box03 .web li:nth-child(2) {width:528px;}
.tis_box03 .web li:nth-child(3) {width:815px;}
.tis_box03 .web li:first-child {margin-top:0;}
.tis_box03 .web li dl {float:right;}
.tis_box03 .web li:nth-child(2) dl {float:left;}
.tis_box03 .web li:nth-child(3) dl {float:left;}
.tis_box03 .web li:nth-child(2) dl:nth-child(2) {margin-left:80px;}
.tis_box03 .web li:nth-child(3) dl:nth-child(2){margin-left:120px;}
.tis_box03 .web li:nth-child(3) dl:nth-child(3) {margin-left:110px;}
.tis_box03 .web li dl dt {margin-bottom:13px; text-align:right; font-size:24px; font-weight:500; color:#2e3092;}
.tis_box03 .web li:first-child dl dt {padding-top:90px; background:url('../img/ico_main01.png') no-repeat right 0;}
.tis_box03 .web li:nth-child(2) dl:first-child dt {padding-top:66px; background:url('../img/ico_main02.png') no-repeat right 0;}
.tis_box03 .web li:nth-child(2) dl:nth-child(2) dt {padding-top:66px; background:url('../img/ico_main03.png') no-repeat right 4px;}
.tis_box03 .web li:nth-child(3) dl:first-child dt {padding-top:72px; background:url('../img/ico_main04.png') no-repeat right 0;}
.tis_box03 .web li:nth-child(3) dl:nth-child(2) dt {padding-top:72px; background:url('../img/ico_main05.png') no-repeat right 9px;}
.tis_box03 .web li:nth-child(3) dl:nth-child(3) dt {padding-top:72px; background:url('../img/ico_main06.png') no-repeat right 0;}
.tis_box03 .web li dl dd {line-height:1.4; text-align:right; font-size:18px; font-weight:300; color:#333;}

.tis_box04 {padding:145px 0 25px;}
.tis_box04 .tit {line-height:1; padding-bottom:45px; font-size:24px; font-weight:700; color:#2e3092;}
.tis_box04 .txt {padding-bottom:20px;}
.tis_box04 a {display:block; width:270px; height:44px; line-height:44px; text-align:center; background:#2e3092; border-radius:44px; font-size:18px; font-weight:300; color:#fff;}
.tis_box04 a span {display:inline-block; width:15px; height:5px; margin-left:15px; background:url('../img/ico_arrow02.png') no-repeat 0 0; vertical-align:super;}

/* 서브 공통 */
.sub_title {line-height:1; margin-bottom:70px; padding:58px 0 59px; text-align:center; background:#2e3092; font-size:48px; font-weight:700; color:#fff;}
.sub_title span {font-weight:400;}
.tit_sub {line-height:1; margin-bottom:20px; font-size:24px; font-weight:700;}
.tit_sub:before {content:""; display:inline-block; width:7px; height:23px; margin-right:15px; background:#2e3092; vertical-align:bottom;}
.tit_sub02 {margin-top:80px;}

/* 주차 관제 서비스 */
.parkman_box01 {}
.parkman_box01 img {float:left; width:319px; margin-right:31px;}
.parkman_box01 p {float:left; width:calc(100% - 350px); line-height:1.6;}
.parkman_box01 p strong {color:#2e3092;}

.tit_parkman01 {padding:130px 0 55px; text-align:center;}
.tit_parkman01 strong {font-size:30px;}

.parkman_box02 {padding-bottom:129px; text-align:center;}

.parkman_list01 {margin-bottom:70px;}
.parkman_list01 > li {box-sizing:border-box; float:left; width:25%; height:418px; padding:139px 20px 0; border:1px solid #d1d1d1; border-right:none;}
.parkman_list01 > li:first-child {background:url('../img/ico_parkman01.png') no-repeat center 33px;}
.parkman_list01 > li:nth-child(2) {background:url('../img/ico_parkman02.png') no-repeat center 39px;}
.parkman_list01 > li:nth-child(3) {padding:139px 10px 0; background:url('../img/ico_parkman03.png') no-repeat center 37px;}
.parkman_list01 > li:nth-child(4) {border-right:1px solid #d1d1d1; background:url('../img/ico_parkman04.png') no-repeat center 44px;}
.parkman_list01 > li dl {} 
.parkman_list01 > li dl dt {height:42px; line-height:42px; margin-bottom:26px; text-align:center; border-radius:42px; background:#eaeaf4; font-size:20px; font-weight:500; color:#2e3092;}
.parkman_list01 > li dl dd {line-height:1.4; margin-left:32px; padding-left:14px; padding-top:10px; text-indent:-14px;}
.parkman_list01 > li:nth-child(3) dl dd {margin-left:14px;}
.parkman_list01 > li dl dd:before {content:""; display:inline-block; width:4px; height:4px; margin-right:10px; margin-bottom:5px; border-radius:4px; background:#2e3092;}

.parkman_list02 {margin-bottom:35px;} 
.parkman_list02 li {box-sizing:border-box; float:left; width:20%; text-align:center; border-left:1px solid #d9d9d9;} 
.parkman_list02 li:first-child {border-left:none;}
.parkman_list02 li .num {line-height:1; padding-bottom:45px; font-size:30px; font-weight:300; color:#2e3092;} 
.parkman_list02 li .txt {padding-bottom:11px;} 

.gray_box{padding:100px 0 77px; background:#dddde4;}  

.tit_parkman02 {line-height:1; padding-bottom:50px; text-align:center; font-size:30px; font-weight:700;}

.parkman_list03 {width:1040px; margin:0 auto 132px;}
.parkman_list03 li {position:relative; float:left; width:347px;}
.parkman_list03 li:nth-child(2) {width:346px;}
.parkman_list03 li p {box-sizing:border-box; position:absolute; left:0; top:0; width:96px; height:88px; line-height:1; padding:18px 0 0 5px; background:url('../img/bg_triangle.png') no-repeat 0 0; font-size:17px; color:#fff;}

.img_box {margin-bottom:70px;}

.parkman_box03 {box-sizing:border-box; padding:38px 44px 47px; border:1px solid #d1d1d1; border-bottom:none;}
.parkman_box03 dt {box-sizing:border-box; float:left; width:157px; padding-left:40px; background:url('../img/ico_parkman05.png') no-repeat 0 6px; font-size:24px; font-weight:700;}
.parkman_box03 dd {box-sizing:border-box; float:left; width:calc(100% - 197px); line-height:1.4; padding-left:40px; border-left:2px solid #afafaf;}

.parkman_box04 {box-sizing:border-box; margin-bottom:30px; padding:34px 34px 41px; border:1px solid #dadada; background:#eaeaf4;}
.parkman_box04 dt {box-sizing:border-box; float:left; width:166px; padding:11px 0 7px 48px; background:url('../img/ico_parkman06.png') no-repeat 0 0; font-size:24px; font-weight:700; color:#2e3092;}
.parkman_box04 dd {box-sizing:border-box; float:left; width:calc(100% - 214px); line-height:1.4; padding-left:40px; margin-top:11px; border-left:2px solid #2e3092;}
.parkman_box04 dd ol {}
.parkman_box04 dd ol li {padding-left:18px; text-indent:-18px;}

.tbl_sty01 {width:100%;}
.tbl_sty01 thead th {line-height:1.4; padding:15px 0; text-align:center; border-top:2px solid #7e7e7e; border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; font-size:18px; font-weight:700;}
.tbl_sty01 thead th:first-child {border-left:none;}
.tbl_sty01 tbody th {padding:15px 0; text-align:center; border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; font-size:18px; font-weight:700;}
.tbl_sty01 tbody th:first-child {border-left:none;}
.tbl_sty01 tbody td {line-height:1.4; padding:15px 0; text-align:center; border-bottom:1px solid #d1d1d1; border-left:1px solid #d1d1d1; font-size:18px;}
.tbl_sty01 tbody tr:last-child th,
.tbl_sty01 tbody tr:last-child td {border-bottom:2px solid #d1d1d1;}

/* 출입구 관제 */
.aptgate_list > li:first-child {border-left:1px solid #d1d1d1; background:url('../img/ico_aptgate01.png') no-repeat center 36px;}
.aptgate_list > li:nth-child(2) {background:url('../img/ico_aptgate02.png') no-repeat center 45px;}
.aptgate_list > li:nth-child(3) {padding:139px 20px 0; background:url('../img/ico_aptgate03.png') no-repeat center 42px;}
.aptgate_list > li:nth-child(4) {background:url('../img/ico_aptgate04.png') no-repeat center 44px;}

/* 출입 통제 */
.aptgate02_3_list {margin:0 auto; padding-bottom:109px;}
.aptgate02_3_list  li p {width:106px; height:98px; line-height:1.1; padding:14px 0 0 8px; background:url('../img/bg_triangle02.png') no-repeat 0 0; font-size:16px;}

/* 주차 순찰 */
.aptpark_area {margin-top:66px; padding:34px 0 29px; border-top:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;}
.aptpark_box {width:586px; margin:0 auto;}
.aptpark_box .demo {float:left; display:block; width:414px; height:94px; line-height:94px; margin-top:36px; text-align:center; background:#2e3092; box-shadow:10px 10px rgba(225, 225, 225, 0.2); border-radius:20px; font-size:26px; color:#fff;}
.aptpark_box .demo .ic {display:inline-block; width:33px; height:33px; margin-left:70px; background:url('../img/ico_arrow.png') no-repeat 0 0; vertical-align:middle;}

.qr_box {float:left; margin-left:54px;}
.qr_box .ico_google {padding-bottom:9px;}
.qr_box .txt {padding-bottom:10px; font-size:21px; color:#2e3092;}

.tit_aptpark01 {padding-top:70px;}

.aptpark_list01 li {padding-top:119px;}
.aptpark_list01 > li:first-child {background:url('../img/ico_aptgate01.png') no-repeat center 16px;}
.aptpark_list01 > li:nth-child(2) {background:url('../img/ico_aptgate02.png') no-repeat center 25px;}
.aptpark_list01 > li:nth-child(3) {padding-top:119px; background:url('../img/ico_aptgate03.png') no-repeat center 22px;}
.aptpark_list01 > li:nth-child(4) {background:url('../img/ico_aptgate04.png') no-repeat center 24px;}

.aptpark_wrap {width:1291px; margin:0 auto;}

.aptpark_area02 {width:931px; margin:0 auto 70px;}
.aptpark_area02 div {float:left; width:647px;}
.aptpark_list02 {float:right; width:calc(100% - 647px); margin-top:305px;}
.aptpark_list02 li {margin-top:25px;}
.aptpark_list02 li:first-child {margin-top:0;}
.aptpark_list02 li span {display:inline-block; width:25px; height:25px; line-height:25px; margin-right:15px; text-align:center; background:#2e3092; border-radius:25px; color:#fff;}

.aptpark_list03 {padding-bottom:85px;}
.aptpark_list03 li {float:left;}
.aptpark_list03 li:first-child {width:443px;}
.aptpark_list03 li:nth-child(2) {width:407px;}
.aptpark_list03 li:nth-child(3) {width:441px;}
.aptpark_list03 li p {line-height:1; text-align:center; font-size:20px;}

/* 무인 요금 정산기(KIOSK) */
.kiosk_gray_box {margin-top:60px;}

.kiosk_list {}
.kiosk_list li {float:left; width:376px; margin-left:35px;}
.kiosk_list li:first-child {margin-left:0;}

/* ARS 투표 */
.ars_list {}
.ars_list li {float:left; width:579px;}
.ars_list li:first-child {margin-right:40px;}

/* WebRTC 서비스 */
.webrtc_box {width:1080px; margin:0 auto;}

/* About Us */
.about_area {padding-bottom:100px;}
.about_box01 {float:left; width:calc(100% - 947px);}
.about_box01 span {display:block; font-family:'Montserrat',sans-serif; color:#2e3092;}
.about_box01 .txt01 {font-size:101px; font-weight:700;}
.about_box01 .txt01:after {content:""; display:block; width:4px; height:67px; margin:30px 0; background:#2e3092;}
.about_box01 .txt02 {line-height:1.8; font-size:24px; font-weight:300;}
.about_box02 {float:left; width:947px;}
.about_box02 p {padding-top:40px; text-align:center;}

.txt_q {padding-bottom:25px; font-size:18px; font-weight:700; color:#333;}

.tbl_write {width:100%; border-top:2px solid #363f4c;}
.tbl_write th {border-bottom:1px solid #d4d4d4; background:#eaeaed; font-size:18px; font-weight:700; color:#333;}
.tbl_write td {padding:10px 20px; border-bottom:1px solid #d4d4d4;}
.tbl_write td textarea {height:260px; resize:none;}
.tbl_write tr:last-child th {padding-top:20px; vertical-align:top;}

.chk_box {position:relative; padding:33px 0 110px;}
.chk_box label span{font-weight:700; text-decoration:underline;}
.chk_box a {position:absolute; right:0; top:15px;  display:block; width:163px; height:54px; line-height:54px; text-align:center; background:#2e3092; border-radius:4px; font-size:18px; font-weight:700; color:#fff;}

/* LPR 번호인식 Demo 서비스 */
.drop_box {padding:45px 0 50px;border:1px dotted #d1d1d1; border-bottom:none;}
.filebox {text-align:center;}
.filebox label {display: inline-block; width:42px; height:42px; font-size: inherit; line-height: normal; vertical-align: middle; background:url('../img/ico_picture.png') no-repeat 0 0; cursor: pointer; text-indent:-9999px;}
.filebox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}

.txt_drop {padding-top:20px; text-align:center; font-size:18px; color:#333;}
.txt_drop .blue {color:#2e3092;}
.txt_drop .red {color:#d60000;}

.drop_box02 {padding:30px 0; border:1px solid #d1d1d1; background:#e8e8f2;}
.drop_box02 ul {width:810px; margin:0 auto;}
.drop_box02 ul li {box-sizing:border-box; float:left; width:344px; height:55px; line-height:55px; margin-top:5px; padding:0 30px; border:1px solid #d1d1d1; border-radius:4px; background:#fff;}
.drop_box02 ul li:nth-child(2n) {margin-left:20px;}
.drop_box02 ul li:first-child,
.drop_box02 ul li:nth-child(2) {margin-top:0;}
.drop_box02 ul li .tit {box-sizing:border-box; position:relative; float:left; width:95px; font-size:18px; font-weight:700; color:#2e3092;}
.drop_box02 ul li .tit:after {content:""; position:absolute; right:0; top:20px; display:inline-block; width:1px; height:15px; background:#d1d1d1;}
.drop_box02 ul li .filebox02 {box-sizing:border-box; float:left; width:calc(100% - 120px); margin-left:25px;}
.drop_box02 ul li:last-child {height: 110px !important; width:400px;}

.filebox02 label {
	display: inline-block;
	color: #333;
	font-size: 18px;
	line-height: normal;
	vertical-align: middle;
	cursor: pointer;
}
  
.filebox02 input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.mouse {position:relative; width:1200px; margin:0 auto;}
.mouse img {position:absolute; right:-45px; bottom:120px;}
.mouse.aptgate img {bottom:650px;}
.mouse.aptgate02 img {bottom:1254px;}
.mouse.aptpark img {bottom:3022px;}
.mouse.votes img {bottom:1175px;}
.mouse.main img {bottom:1262px;}
.mouse.parkman img {bottom:5755px;}
.mouse.kiosk img {bottom:100px;}


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

@media only screen and (max-width : 399px) and (min-width: 360px) {
}

@media only screen and (max-width : 359px) {
}

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

@media all and (max-width:575px) {
	body, select {font-size:14px;}
	
	/* input_style */
	input[type=text] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:30px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; line-height:30px; font-size:14px;}
	input[type=password] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:30px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; line-height:30px; font-size:14px;}
	input[type=tel] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:30px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; line-height:30px; font-size:14px;}
	input[type=number] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:30px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; line-height:30px; font-size:14px;}
	input[type=email] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:30px; padding:0 10px; border:1px solid #d9d9d9; border-radius:4px; line-height:30px; font-size:14px;}
	textarea {width:100%; -webkit-appearance:none; box-sizing:border-box; padding:17px; border:1px solid #cfd4d9; border-radius:4px; font-size:14px;}

	/* input button design */
	input:-ms-input-placeholder {color:#bbb;}
	input::-webkit-input-placeholder {color:#bbb;}
	input::-moz-placeholder {color:#bbb;} 
	input[type=checkbox].css-checkbox {overflow:hidden; position:absolute; left:-1000px; width:1px; height:1px;}
	input[type=checkbox].css-checkbox + label {display:inline-block; height:12px; padding-left:17px !important; margin-right:30px; background:url('../img/bg_checkBox_off.png') no-repeat 0 0; background-size:12px; cursor:pointer; vertical-align:middle; font-size:12px;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
	}
	input[type=checkbox].css-checkbox:checked + label {background:url('../img/bg_checkBox_on.png') no-repeat; background-size:12px;}
	
	/* button-style */
	.btn_style01 {height:34px !important; line-height:34px !important; font-size:12px !important;}
	.btn_style02 {height:34px !important; line-height:34px !important; font-size:12px !important;}

	/* 레이어 팝업 */
	.pop_wrap {}
	.common_pop {top:95px;left:10px; width:calc(100% - 55px); margin:0 auto;}
	.pop_con {padding:15PX 15px 15px;}
	.btn_closePop a {position:absolute;top:0;right:-39px; width:39px; height:39px;}
	
	.pop_tit {padding-bottom:7px; margin-bottom:14px; font-size:14px; border-width:1px;}

	.scroll_box .tit {padding-top:20px;}

	/* header */
	#header {height:58px !important;}
	/* -webkit-transform:translateZ(0); -webkit-backface-visibility:hidden; */
	.head {position:relative; width:100%; height:100%;}
	h1.logo {display:block; float:none; width:61px; height:24px; margin-top:0; padding-top:17px; padding-left:15px;}
	h1.logo a {background:url(../img/logo_c_m.png) no-repeat; background-size:contain;}
	.main h1.logo a {background:url(../img/logo_m.png) no-repeat; background-size:contain;}

	#gnb {display:none;}

	#header .btn_menu {display:inline-block; position:absolute;top:0; right:0; width:58px; height:58px; background:url(../img/btn_menu_c.png) no-repeat 15px center / 21px 15px; text-indent:-9999px;}
	.main #header .btn_menu {background:url(../img/btn_menu.png) no-repeat 15px center / 21px 15px;}
	
	.menu {display:none; position:fixed;left:0;top:0px; overflow-x:hidden; width:100%; height:100%; z-index:10000;}
	.menu .dim {display:block; position:absolute;bottom:0; width:100%; height:100%; background:rgba(121, 94, 94, 0.7);}
	.menu .menuzone {position:absolute;left:-78%;top:0; width:100%; /* overflow-y:auto; */ background:#fff;}

	.menuzone .gnb_m_wrap {overflow-y:auto; height:calc(100% - 82px);}
	.gnb_m {border-top:4px solid #2e3092;}
	.gnb_m > li {border-bottom:1px solid #e5e5e5;}
	.gnb_m > li > a {display:inline-block; width:100%; height:57px; text-align:center; font-weight:400; line-height:57px; font-size:15px;}

	.menu .btn_close {display:inline-block; position:absolute; bottom:-40px; left:50%; width:190px; height:40px; line-height:40px; margin-left:-95px; text-align:center; background:url('../img/bg_btn_close.png') no-repeat center top / contain; font-size:15px; color:#fff;}
	.menu .btn_close .ic {display:inline-block; width:13px; height:13px; margin-right:9px; background:url('../img/btn_close.png') no-repeat 0 0 / 13px 13px;}
	
	/* 공통 */
	#container {position:relative; min-height:calc(100vh - 142px); padding-top:0; padding-bottom:87px;}
	.con_wrap {width:100%; padding:0; box-sizing:border-box;}
	.con_wrap02 {width:100%; padding:0 15px; box-sizing:border-box;}
	.web {display:none;}
    .mob {display:block;}
    .mob img {width:100%;}

	.mouse_wheel {display:none;}

	/* footer */
	#footer {padding:20px 0 23px;}
	.foot_con {width:100%; padding-left:0; padding-top:45px; background:url('../img/logo.png') no-repeat center 0 / 61px 24px; font-size:10px;}
	.foot_con p {text-align:center;}

	/* 메인 */
	#wrap.main {background:url('../img/bg_main_m.jpg') no-repeat center top / contain;}
	#wrap.main .con_wrap {width:100%; padding:0 15px; box-sizing:border-box;}
	#wrap.main #container {padding-bottom:0;}

	.tis_box {padding:12px 0 0;}
	.tis_box .tit {font-size:44px; color:#fff;}
	.tis_box .tit:after {width:2px; height:33px; margin:18px 0 12px; background:#fff;}
	.tis_box .txt {font-size:18px; color:#fff;}

	.tis_box02 {padding-top:240px;}
	.tis_box02 .txt01 {font-size:9px;}
	.tis_box02 .txt02 {padding:6px 0 14px; font-size:18px;}
	.tis_box02 .txt03 {font-size:12px; word-break:keep-all;}

	.tis_box03 {padding-top:450px;}
	.tis_box03 .mob {}
	.tis_box03 .mob {}
	.tis_box03 .mob li {box-sizing:border-box; float:left; width:50%; padding:46px 0 33px; text-align:center;}
	.tis_box03 .mob li:first-child {background:url('../img/ico_main01.png') no-repeat center 0 / 30px 29px;}
	.tis_box03 .mob li:nth-child(2) {background:url('../img/ico_main03.png') no-repeat center 8px / 31px 20px;}
	.tis_box03 .mob li:nth-child(3) {background:url('../img/ico_main06.png') no-repeat center 5px / 32px 27px;}
	.tis_box03 .mob li:nth-child(4) {background:url('../img/ico_main02.png') no-repeat center 3px / 23px 26px;}
	.tis_box03 .mob li:nth-child(5) {background:url('../img/ico_main05.png') no-repeat center 8px / 31px 20px;}
	.tis_box03 .mob li:nth-child(6) {background:url('../img/ico_main04.png') no-repeat center 1px / 25px 26px;}
	.tis_box03 .mob li dl {}
	.tis_box03 .mob li dl dt {padding-bottom:14px; font-size:18px; font-weight:700; color:#2e3092;}
	.tis_box03 .mob li dl dd {line-height:1.4; font-size:12px; color:#333;}

	.tis_box04 {padding:51px 0 34px;}
	.tis_box04 .tit {padding-bottom:21px; font-size:18px;}
	.tis_box04 .txt {padding-bottom:19px;}
	.tis_box04 a {width:187px; height:34px; line-height:34px; border-radius:34px; font-size:12px;}
	.tis_box04 a span {display:inline-block; width:11px; height:3px; margin-left:10px; background:url('../img/ico_arrow02.png') no-repeat 0 0 / 11px 3px; vertical-align:super;}


	/* 서브 공통 */
	.sub_title {margin-bottom:0; padding:22px 0 25px; font-size:18px;}
	.scrollx {position:relative; width:100%; overflow-x:auto;}
	.tit_sub {margin-bottom:15px; padding:0 15px; font-size:14px;}
	.tit_sub:before {width:4px; height:16px; margin-right:8px;}
	.tit_sub02 {margin-top:40px;}

	/* 주차 관제 서비스 */
	.parkman_box01 img {float:none; width:100%; margin-right:0;}
	.parkman_box01 p {float:none; width:100%; line-height:1.4; padding-top:15px; word-break:keep-all;}

	.tit_parkman01 {padding:40px 15px 25px; text-align:center;}
	.tit_parkman01 strong {font-size:24px;}

	.parkman_box02 {padding:0 15px 40px; text-align:center;}

	.parkman_list01 {margin-bottom:40px;}
	.parkman_list01 > li {width:50%; height:213px; padding:68px 17px 0;}
	.parkman_list01 > li:first-child {border-left:none; border-bottom:none; background:url('../img/ico_parkman01.png') no-repeat center 16px / 40px 40px;}
	.parkman_list01 > li:nth-child(2) {border-bottom:none; background:url('../img/ico_parkman02.png') no-repeat center 19px / 39px 33px;}
	.parkman_list01 > li:nth-child(3) {border-left:none; padding:68px 8px 0; background:url('../img/ico_parkman03.png') no-repeat center 18px / 59px 36px;}
	.parkman_list01 > li:nth-child(4) {border-right:none; background:url('../img/ico_parkman04.png') no-repeat center 22px / 30px 30px;}
	.parkman_list01 > li dl dt {height:20px; line-height:20px; margin-bottom:10px; border-radius:20px; font-size:11px;}
	.parkman_list01 > li dl dd {line-height:1.2; margin-left:10px; padding-left:12px; padding-top:8px; text-indent:-8px; font-size:11px;}
	.parkman_list01 > li:nth-child(3) dl dd {margin-left:14px;}
	.parkman_list01 > li dl dd:before {width:2px; height:2px; margin-right:5px; margin-bottom:3px;}

	.parkman_list02 {margin-bottom:40px;} 
	.parkman_list02 li {width:33.3%;} 
	.parkman_list02 li:first-child {border-left:none;}
	.parkman_list02 li:nth-child(4) {width:50%; margin-top:20px; border-left:none;}
	.parkman_list02 li:nth-child(5) {width:50%; margin-top:20px;}
	.parkman_list02 li .num {padding-bottom:20px; font-size:18px;} 
	.parkman_list02 li .txt {padding-bottom:4px;} 

	.gray_box{padding:32px 0 34px; background:#d9d9e1;}

	.img_box {margin-bottom:40px;}
	.scrollx .mob {width:600px;}
	.scrollx .mob.w547 {width:547px;}

	.parkman_box03 {padding:15px;}
	.parkman_box03 dt {float:none; width:100%; padding-left:24px; padding-bottom:10px; background:url('../img/ico_parkman05.png') no-repeat 0 2px / 14px 10px; border-bottom:1px solid #afafaf; font-size:13px;}
	.parkman_box03 dd {float:none; width:100%; line-height:1.4; padding-left:0; padding-top:13px; border-left:none;}

	.parkman_box04 {margin-bottom:25px; padding:14px 15px;}
	.parkman_box04 dt {float:none; width:100%; padding:6px 0 10px 24px; background:url('../img/ico_parkman06.png') no-repeat 0 0 / 19px 20px; border-bottom:1px solid #2e3092; font-size:13px;}
	.parkman_box04 dd {float:none; width:100%; line-height:1.4; padding-left:0; margin-top:13px; border-left:none;}
	.parkman_box04 dd ol li {padding-left:14px; text-indent:-14px; word-break:keep-all;}

	.scrollx .tbl_sty01 {width:600px;}
	.tbl_sty01 thead th {padding:6px 0; border-top:1px solid #7e7e7e; font-size:11px;}
	.tbl_sty01 tbody th {padding:6px 0; font-size:11px;}
	.tbl_sty01 tbody td {padding:6px 0; font-size:11px;}
	.tbl_sty01 tbody tr:last-child th,
	.tbl_sty01 tbody tr:last-child td {border-bottom:1px solid #d1d1d1;}

	/* 출입구 관제 */
	.aptgate_list > li:first-child {background:url('../img/ico_aptgate01.png') no-repeat center 17px / 39px 38px;}
	.aptgate_list > li:nth-child(2) {background:url('../img/ico_aptgate02.png') no-repeat center 20px / 46px 36px;}
	.aptgate_list > li:nth-child(3) {padding:68px 17px 0; background:url('../img/ico_aptgate03.png') no-repeat center 22px / 39px 38px;}
	.aptgate_list > li:nth-child(4) {background:url('../img/ico_aptgate04.png') no-repeat center 22px / 30px 36px;}

	.tit_parkman02 {padding-bottom:23px; font-size:15px;}

	.aptgate02_3_list {width:calc(100% - 30px); margin:0 auto; padding-bottom:42px;}
	.aptgate02_3_list li {width:calc(100% / 3) !important;}
	.aptgate02_3_list li img {width:100%;}
	.aptgate02_3_list li p {width:54px; height:49px; padding:5px 0 0 4px; background:url('../img/bg_triangle02.png') no-repeat 0 0 / 54px 49px; font-size:8px;}

	/* 주차 순찰 */
	.aptpark_area {margin-top:25px; padding:0; border-top:none; border-bottom:none;}
	.aptpark_box {width:calc(100% - 30px);}
	.aptpark_box .demo {float:none; width:207px; height:47px; line-height:47px; margin:0 auto; border-radius:10px; font-size:13px;}
	.aptpark_box .demo .ic {width:17px; height:17px; margin-left:35px; background:url('../img/ico_arrow.png') no-repeat 0 0 / 17px 17px;}

	.qr_box {display:none;}

	.tit_aptpark01 {padding-top:40px;}

	.aptpark_list01 li {height:232px;}

	.aptpark_wrap {width:calc(100% - 30px);}

	.aptpark_area02 {width:100%; margin:0 auto 45px;}
	.aptpark_area02 div {float:none; width:100%;}
	.aptpark_list02 {float:none; width:200px; margin:25px auto 0;}
	.aptpark_list02 li {margin-top:12px;}
	.aptpark_list02 li span {width:13px; height:13px; line-height:13px; margin-right:7px; border-radius:13px; font-size:8px;}

	.aptpark_list03 {padding-bottom:55px;}
	.aptpark_list03 li:first-child {width:50%;}
	.aptpark_list03 li:nth-child(2) {width:50%;}
	.aptpark_list03 li:nth-child(3) {float:none; width:141px; margin:0 auto;}
	.aptpark_list03 li img {width:100%; padding-top:16px;}
	.aptpark_list03 li p {padding-top:11px; font-size:11px;}

	/* 무인 요금 정산기(KIOSK) */
	.kiosk_gray_box {margin-top:39px;}

	.kiosk_list {width:calc(100% - 30px); margin:0 auto;}
	.kiosk_list li {width:calc(50% - 6px); margin:0;}
	.kiosk_list li:first-child {float:none; width:188px; margin:0 auto; padding-bottom:15px;}
	.kiosk_list li:nth-child(2) {margin-right:6px;}
	.kiosk_list li:nth-child(3) {margin-left:6px;}
	.kiosk_list li img {width:100%;}

	/* ARS 투표 */
	.ars_list {width:calc(100% - 30px); margin:0 auto;}
	.ars_list li {float:none; width:100%;}
	.ars_list li:first-child {margin-right:0; margin-bottom:15px;}
	.ars_list li img {width:100%;}

	/* WebRTC 서비스 */
	.webrtc_box {width:calc(100% - 30px);}

	/* About Us */
	.about_area {width:calc(100% - 30px); margin:15px auto 0; padding-bottom:0;}
	.about_box01 {width:85px;}
	.about_box01 .txt01 {font-size:44px;}
	.about_box01 .txt01:after {width:2px; height:20px; margin:15px 0;}
	.about_box01 .txt02 {font-size:14px;}
	.about_box02 {width:calc(100% - 85px);}
	.about_box02 p {padding-top:0; text-align:left; word-break:keep-all;}

	.txt_q {padding:25px 15px 14px; font-size:12px; font-weight:700; color:#333;}

	.write_list {width:calc(100% - 30px); margin:0 auto; border-top:1px solid #606070;}
	.write_list li {padding:10px; border-bottom:1px solid #d6d6d6;}
	.write_list li:first-child {padding-top:15px;}
	.write_list li label {display:block; width:100%; margin-bottom:4px; font-size:12px; font-weight:700; color:#333;}
	.write_list li textarea {height:162px; padding:11px 14px; resize:none;}

	.chk_box {position:relative; padding:12px 15px 38px;}
	.chk_box a {position:static; right:0; top:0; display:block; width:100%; height:38px; line-height:38px; margin-top:14px; font-size:14px;}

	/* LPR 번호인식 Demo 서비스 */
	.drop_box {padding:0 0 17px; border:none;}
	.filebox {text-align:center;}
	.filebox label {width:calc(100% - 30px); height:35px; line-height:35px; background:#2e3092; border-radius:4px; text-indent:initial; font-size:12px; color:#fff;}

	.txt_drop {padding-top:13px; font-size:12px;}

	.drop_box02 {padding:10px 0;}
	.drop_box02 ul {width:100%; margin:0 auto;}
	.drop_box02 ul li {float:none; width:calc(100% - 30px); height:32px; line-height:32px; margin:8px auto 0; padding:0 15px;}
	.drop_box02 ul li:nth-child(2n) {margin-left:auto;}
	.drop_box02 ul li:first-child {margin-top:0;}
	.drop_box02 ul li:nth-child(2) {margin-top:8px;}
	.drop_box02 ul li .tit {width:53px; font-size:12px;}
	.drop_box02 ul li .tit:after {top:8px; display:inline-block;}
	.drop_box02 ul li .filebox02 {box-sizing:border-box; float:left; width:calc(100% - 65px); margin-left:12px;}

	.filebox02 label {font-size:12px;}

	.mouse {display:none;}


















}