﻿@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700&display=swap');
/*font-family: 'Montserrat', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap');
/*font-family: 'Noto Sans KR', sans-serif;*/




/*------------------------------------------------------------- 초기화 css -------------------------------------------------------------*/
* {margin:0; padding:0; box-sizing:border-box; word-break: keep-all;}
html,body{max-width: 100%; min-height: 100%;}
html{overflow-x: hidden;}
/* body{background: #fefaee; font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-style: normal; font-size: 16px; font-weight: 300; color: #0f0f0f; line-height: 1.2; letter-spacing: -0.5px;} background 컬러 빼놧음 220503 현승 */
body{ font-family: 'Montserrat', 'Noto Sans KR', sans-serif; font-style: normal; font-size: 16px; font-weight: 300; color: #0f0f0f; line-height: 1.2; letter-spacing: -0.5px;}
ul, li, dl,dt,dd {margin:0;padding:0;list-style:none}
a{color:#0f0f0f;text-decoration:none;}
img {border: 0; font-size: 0; max-width: 100%;}
h1, h2, h3, h4, h5, h6{font-size:1em;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
textarea, select{font-family: 'Montserrat', 'Noto Sans KR', sans-serif;font-size:1em}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/source/img/sel_arrow02.png) no-repeat center right 10px;
}
select::-ms-expand {display: none;}
input, button{margin:0;padding:0;font-family: 'Montserrat', 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"], button{cursor:pointer}
table, tr, td { border-collapse: collapse;}
p{word-break: keep-all;}

input[type="teext"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea {
	-webkit-border-radius:0; /* 모서리 스타일 제거 */
	-webkit-appearance:none; /* 인풋내 그림자 제거 */
}


input[type="teext"]::placeholder, input[type="tel"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="search"]::placeholder, textarea::placeholder{color: #0f0f0f;}
/* .ju_mbboxx */
input::placeholder{color: #0f0f0f;}


/* * IE8/9에서 정의되지 않은 HTML5 요소를 'block'으로 지정. * IE10/11, Firefox에서 정의되지 않은 `detail` 혹은 `summary` 를 `block`으로 지정. * IE11에서 정의되지 않은 `main`을 `block`으로 지정 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block;}

/** * 1. IE8/9에서 `inline-block`으로 정의되지 않은 것을 올바르게 지정. * 2. Chrome, Firefox, Opera에서 `progress`의 세로 정렬을 표준화. */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/** * 모던 브라우저들에서 controls 속성없이 audio 요소가 렌더링 되는 것을 예방 * iOS 5 기기에서 높이를 초과하는 것을 제거 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/** * `[hidden]` 속성의 스타일이 IE 8/9/10에서 존재하지 않는 것을 해결. * IE 8/9/10/11, Safari, Firefox < 22 에서 `template` 요소를 숨김. */
[hidden],
template {
    display: none;
}

/* Links ========================================================================== */
/** * IE10에서 활성화(active)된 링크의 회색 배경을 제거. */
a {
	text-decoration: none;
    background-color: transparent;
	color: inherit;
}

/** * active/hover 상태일때에도 포커스된 요소의 가독성을 향상. */
a:active,
a:hover {
    outline: 0;
}

/* Text-level semantics ========================================================================== */
/** * IE 8/9/10/11, Safari, Chrome에서 존재하지 않는 스타일을 부여. */
abbr[title] {
    border-bottom: 1px dotted;
}

/** * Firefox 4+, Safari, Chrome에서 `bolder`로 설정되어 있는 것을 `bold`로 수정. */
b,
strong {
    font-weight: bold;
}

/** * Safari,Chrome에서 존재하지 않는 스타일을 부여. */
dfn {
    font-style: italic;
}

/** * Firefox 4+, Safari, Chrome에서 `section`과 `article` 내부의 `h1` 요소의 글꼴 크기와 마진값이 서로 다른 것을 통일시킴. */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/** * IE 8/9에서 존재하지 않는 스타일을 부여. */
mark {
    background: #ff0;
    color: #000;
}

/** * 브라우저마다 다른 글꼴 크기를 통일시킴. */
small {
    font-size: 80%;
}

/** * `sub`과 `sup`요소가 모든 브라우저에서 `line-height`에 영향을 미치는 것을 예방. */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content ========================================================================== */
/** * IE 8/9/10에서 `a` 요소안에 이미지가 위치할 경우 생기는 테두리 제거. */
img {
    border: 0;
}

/** * IE 9/10/11에서 `svg` 요소가 영역의 크기를 벗어나지 않도록 수정. */
svg:not(:root) {
    overflow: hidden;
}

/* Grouping content ========================================================================== */
/** * IE 8/9, Safari에서 존재하지 않는 `margin` 값을 부여. */
figure {
    margin: 1em 40px;
}

/** * Firefox와 다른 브라우저들 사이의 차이점 해결. */
hr {
    box-sizing: content-box;
    height: 0;
}

/** * 모든 브라우저에서 `pre` 요소의 `overfolow` 값을 통일. */
pre {
    overflow: auto;
}

/** * 모든 브라우저에서 글꼴과 글꼴 크기가 다른 것을 해결. */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms ========================================================================== */
/** * 알려진 한계: 기본적으로 OS X의 Chrome과 Safari는 `border` 속성을 지정하지 않는 한 * `select` 요소의 스타일링에 매우 제한적이다. */
/** * 1. color 속성이 상속되지 않는 것을 수정. * 알려진 문제: disabled 된 요소의 color 속성에도 영향을 미친다. * 2. font 속성이 상속되지 않는 것을 수정. * 3. Firefox 4+, Safari, Chrome에서 마진이 서로 다른 것을 해결. */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
	box-sizing: border-box;
}

/** * IE 8/9/10/11에서 `overflow` 속성값이 `hidden`으로 설정되어 있는 것을 수정 */
button {
    overflow: visible;
}

/** * `button`과 `select` 요소에 `text-transform` 상속이 일치하지 않는 것을 해결 * 모든 다른 폼 컨트롤 요소는 `text-transform` 값을 상속하지 않는다. * IE 8/9/10/11, Firefox, Opera에서 `button` 요소의 스타일 상속 수정. * Firefox에서 `select` 요소의 스타일 상속 수정. */
button,
select {
    text-transform: none;
}

/** * 1. Android 4.0.*에서 `audio`와 `video` 컨트롤을 파괴하는 웹킷 버그를 방지. * 2. iOS에서 클릭가능한 `input` 유형에 스타일링을 할 수 없는 것을 수정. * 3. `input` 요소와 다른 요소들의 image-type의 커서 모양을 일치시켜 가용성을 향상. * `input` and others. */
button,
html input[type="button"],
/* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/** * disabled된 요소의 기본 커서를 재설정 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/** * Firefox 4+에서 내부 `padding`과 `border`를 제거 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/** * Firefox 4+에서 UA(User Agent) 스타일시트에 `!important`를 사용한 `input` 요소의 * `line-height` 설정값을 해결. */
input {
    line-height: normal;
}

/** * 이러한 요소의 스타일을 설정하려고하지 않는 것이 좋다. * Firefox에서 아래의 요소에서 box-sizing, padding, width가 구현될꺼라 기대하지 말자. * * 1. IE 8/9/10에서 box sizing 속성값을 `content-box`에서 `border-box`로 변경 * 2. IE 8/9/10에서 영역을 벗어나지 않도록 `padding`을 제거 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/** * Chrome의 증가/감소 버튼의 커서 모양을 수정. * `input` 요소의 특정 `font-size` 값에 대해 감소 버튼의 커서 모양이 `default`에서 `text`로 변한다. */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/** * OS X의 Safari, Chrome에서 내부(inner) `padding`과 검색 취소 버튼을 제거. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/** * `border`, `margin`, `padding`을 일치. */
fieldset {
    border: none;
    margin: 0 2px;
    /* padding: 0.35em 0.625em 0.75em; */
}

/** * 1. IE 8/9/10/11에서 `color`는 상속되지 않는다. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}

/** * IE 8/9/10/11에서 기본 세로 스크롤바를 제거 */
textarea {
    overflow: auto;
	resize: none;
}

/** * `font-weight`는 상속되지 않는다.(applied by a rule above). * 주의: OS X의 Chrome과 Safari에서 기본값을 변경하는 것은 안전하지 않다. */
optgroup {
    font-weight: bold;
}

/* Tables ========================================================================== */
/** * 테이블 요소 사이의 간격을 제거 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*------------------------------------------------------------- //초기화 css -------------------------------------------------------------*/


#hd_pop{position: absolute; z-index: 999; left: 50px; top: 120px;}
.hd_pops_footer{display: inline-block; width: 100%; overflow: hidden; background: #fff;}
.hd_pops_reject {
	display: inline-block;
    border: none;
    background: #fff;
	font-weight: 400;
    color: #0f0f0f;
    line-height: 23px;}
.hd_pops_close {
	display: inline-block;
    float: right;
    border: none;
    background: #fff;
	font-weight: 400;
    color: #0f0f0f;
    line-height: 23px;
    padding: 0 10px;
}

/*------------------------------------------------------------- //팝업 css -------------------------------------------------------------*/


/*------------------------------------------------------------- 공통 css -------------------------------------------------------------*/
.font_bak{padding-left: 30px; font-weight: 400;}
.area_box{width: 100%; height: 140px; resize: none; border:1px solid #dedede; padding: 20px; letter-spacing: -0.5px; color: #555666;}
.terms_subtitle{margin-bottom: 15px; letter-spacing: -1.2px; font-size: 1.3em; font-weight: 500; color: #333333;}
/* 약관 */
.star_red{color: #da0000;}
.msg_look{letter-spacing: -1px; font-weight: 300; color: #555; margin-top: 5px;}
.same_mbbox{width: 427px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #0f0f0f; font-size: 16px; font-weight: 400;}
.same_mbboxx{width: 100%; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #0f0f0f; font-size: 16px; font-weight: 400;}
.same_mbboxx1{width: 100%; height: 45px; margin: 2px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; font-size:16px;}
.same_mbboxx2{width: calc(60% - 5px); width: -webkit-calc(60% - 5px); width: -moz-calc(60% - 5px); height: 45px; margin: 10px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; float: left;}
.same_mbboxx3{width: calc(40% - 5px); width: -webkit-calc(40% - 5px); width: -moz-calc(40% - 5px); height: 45px; margin: 10px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; float: right;}
.same_mbbox2{width: 185px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555;}
.same_mbbox3{width: 395px; height: 45px; margin: 5px 0 0 5px; padding-left: 10px; border: 1px solid #dedede; color: #555;}
.same_mbbox4{width: 185px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555;}
.same_mbbox5{width: 210px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; font-size:16px;}
.same_mbbox55{width: 350px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; font-size:16px;}
.same_mbbox6{width: calc(100% - 160px); width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px); height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; font-size:16px;}
.mid_sel{margin: 0 9px;}
.jb_btn{/* width: 171px; */ width: 150px; height: 45px; border: none; background: #f4f4f4; color: #555; font-size:16px; float: right; margin: 5px 0;}
.midline_bar{margin: 0 5px; color: #dedede;}
.up_textda{clear: both; font-size: 16px; font-weight: 400; color: #0f0f0f;margin-bottom: 5px;}
.gray_txt{color: #555;}
.font_samegaja{letter-spacing: -1px; color: #555;}
.milja_go{margin-right: 30px;}
.milja_go2{margin-right: 45px;}
/* 가입 폼 */
.regi_title{width: 100%; height: 295px; background: url("/img/newimg/subbanner1.png") no-repeat; background-size: cover;}
.regi_title .rg_bigtitle{padding-top: 80px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 400; color: #fff;}
.regi_title .point_line{margin: 10px 0 20px; text-align: center;}
.regi_title .rg_minititle{letter-spacing: -0.8px; text-align: center; font-weight: 300; color: #fff;}
/* 센터소개페이지 헤더 이미지/텍스트 */
.sub_title2{width: 100%; height: 295px; background: url("/img/newimg/subbanner4.png") no-repeat; background-size: cover;}
.sub_title2 .sub_bigtitle{padding-top: 80px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 400; color: #fff;}
.sub_title2 .point_line{margin: 10px 0 20px; text-align: center;}
.sub_title2 .sub_minititle{letter-spacing: -0.8px; text-align: center; font-weight: 300; color: #fff;}
/* 인터넷접수페이지 헤더 이미지/텍스트 */
.info_title{width: 100%; height: 295px; background: url("/img/newimg/subbanner3.png") no-repeat; background-size: cover;}
.info_title .info_bigtitle{padding-top: 80px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 400; color: #fff;}
.info_title .point_line{margin: 10px 0 20px; text-align: center;}
.info_title .info_minititle{letter-spacing: -0.8px; text-align: center; font-weight: 300; color: #fff;}
/* 이용안내페이지 헤더 이미지/텍스트 */
.pick_title{width: 100%; height: 295px; background: url("/img/newimg/subbanner5.png") no-repeat; background-size: cover;}
.pick_title .pick_bigtitle{padding-top: 80px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 400; color: #fff;}
.pick_title .point_line{margin: 10px 0 20px; text-align: center;}
.pick_title .pick_minititle{letter-spacing: -0.8px; text-align: center; font-weight: 300; color: #fff;}
/* 대전장애인운전지원페이지 헤더 이미지/텍스트 */
.notice_title{width: 100%; height: 295px; background: url("/img/newimg/subbanner6.png") no-repeat; background-size: cover;}
.notice_title .notice_bigtitle{padding-top: 80px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 400; color: #fff;}
.notice_title .point_line{margin: 10px 0 20px; text-align: center;}
.notice_title .notice_minititle{letter-spacing: -0.8px; text-align: center; font-weight: 300; color: #fff;}
/* 공지사항 헤더 이미지/텍스트 */
.hidden_link_wr{position: fixed; width: 100%; background: #fff; -webkit-box-shadow: 1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 1px 5px 10px rgba(0,0,0,.2); box-shadow: 1px 5px 10px rgba(0,0,0,.2); z-index: 50; top: 0; transition: 0.5s;}
.hidden_link_wr div{position: absolute; top: -100px; width: 100%; height: 40px; line-height: 2.5; text-align: center; font-weight: 400;  background: #fff; border-bottom: 1px solid #ddd; -webkit-box-shadow: 1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 1px 5px 10px rgba(0,0,0,.2); box-shadow: 1px 5px 10px rgba(0,0,0,.2); transition: 0.5s;}
/*헤더 hidden menu*/
.hidden_link_wr a.hidden_link_1:hover, .hidden_link_wr a.hidden_link_1:focus{/* top: 0; z-index: 50; */}

/*------------------------------------------------------------- //공통 css -------------------------------------------------------------*/

.gnbWrap{
    padding-top: 10px; padding-bottom: 8px; width: 890px; margin: 0 auto;
}
.gnbWrap>img{
    width: 250px; height: 42px;
}
/* 모바일 메뉴 버튼 */
.menu {position: absolute; top: 10%; right:5%; transform: translateY(-50%);}
.menu>a{width: 100%;height: 100%; display: block;}

a.close{
	 width: 50px; height: 50px; position: absolute; right: 5px; top: 0; color: #000; line-height: 50px; text-align: center;
}
.left_gnbWrap{
    height: 100%;
    width: 100%;
    position: fixed; right: -100%; top: 0;
    background-color: #fff;
    /* padding-top: 50px; */
    z-index: 999;
    transition: all 0.3s;
	display: none;
}
.left_gnbWrap.on{
    right:0;
	display: block;
}
.left_gnb>li{
    width: 100%; border-bottom: 1px solid #ddd;
}
.left_gnb>li>a{
    display: block; text-align: center; line-height: 50px;
    width: 100%; height: 50px; background-color: #fff;
    color: #0f0f0f;
}
.left_gnb>li>a.on{
    background-color: #00a0a8; color: #fff;
}
.left_gnb>li>ul{
    display: none;
}
.left_gnb>li>ul>li>a{
    display: block; text-align: center; line-height: 50px; width: 100%; height: 50px; border-top: 1px dashed #ddd; background-color: #fff; color: #555;
}
.left_gnb>li>ul>li:first-child>a{border-top: none;}
.left_gnb>li>ul>li>a:hover{color: #00a0a8;}

.sub_navbox{display: none; position: absolute; width: 100%; height: 273px; padding-top: 15px; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); background: #fff; z-index: 2; border-top: 1px solid #e7e7e7;}
.sub_box2da{width: 1280px; height: 100%; margin: 0 auto;}
.sub_leftbox{float: left; width: 42.6%; height: 100%;}
.sub_rightbox{float: left; width: 57.4%; height: 100%;}
.sub_menuji{float: left; height: 100%;}
.menu_mlja1{}
.menu_mlja2{margin-left: 40px;}
.menu_mlja3{margin-left: 40px;}
.menu_mlja4{margin-left: 50px;}
.menu_mlja5{margin-left: 50px;}
.sbmu_li a{display: block; padding: 15px 10px 5px; text-align: center; letter-spacing: -1px;  font-size: 18px; font-weight: 300; color: #555; }

.plus_text {text-align :left; font-weight:400; padding-top:5px;}
.plus_text.red {color:red;}
.tb_st01.tbl_add td:nth-of-type(2) {width:20%;}
.tb_st01.tbl_add td:nth-of-type(1) {width:20%;}


/*------------------------------------------------------------- head(snb) css -------------------------------------------------------------*/
.snb_linebox{width: 100%; height: 44px; border-bottom: 1px solid #e7e7e7; background-color: #fff;}
.snb_linebox .snb_midbox{width: 1280px; height: 100%; margin: 0 auto; background-color: #fff;}
.sub_ul{float: right; height: 100%;}
.sub_ul .snb_li{float: left; margin: 0 5px; /* padding: 10px 0; */ line-height: 43px;}
.sub_ul .snb_li .snb_acolor{font-size: 15px; font-weight: 300; color: #555555;}
.first_btn{display: inline-block;}
/*------------------------------------------------------------- //head(snb) css -------------------------------------------------------------*/

/*------------------------------------------------------------- head(gnb) css -------------------------------------------------------------*/
.nav_box{overflow: hidden; position: absolute; top: 44px; left: 0; z-index: 100; width: 100%; height: 90px; border-bottom: 1px solid #e7e7e7; background: #fff; transition: 0.3s; border-bottom: 5px solid #0080FF;}
.nav_box:after{content: ""; display: block; width: 100%; height: 1px; background: #e7e7e7; position: absolute; top: 90px; left: 0; }
.nav_box_bottom{border-bottom: 5px solid #0080FF; z-index: 1;}
.nav_box.on{height: 350px;}
.nav_box .nav_marginbox{width: 1280px; height: 100%; margin: 0 auto;}
.logo_click{display: inline-block; float: left; width: 280px; height: 100%; margin: 0;}
.logo_link{display: block; padding: 18px 0;}

.gnb_box{float: right; width: calc(100% - 280px); width: -webkit-calc(100% - 280px); width: -moz-calc(100% - 280px); height: 100%;}
.gnb_box .gnb_ulbox{float: right; height: 100%;}
.gnb_limenu{position: relative; float: left;}
.gnb_limenu.on{color: #00a0a8;}
.gnb_limenu.on:after{content: ""; display: block; width: 100%; height: 3px; background: #00a0a8; position: absolute; top: 87px; left: 0; z-index: 5;}
.gnb_link{display: block; position: relative; padding: 0 50px; line-height: 90px; letter-spacing: -1.5px; font-size: 1.3em; font-weight: 400; }
.gnb_marginbak{}
.alink_marginbak{padding-right: 30px;}
.bugermenu{display: none;}

.gnb_2dp{display: none; margin: 22px 0 -8PX; text-align: center;}
.gnb_marginbak .gnb_2dp{margin-right: -40px;}
.gnb_2dp > li{margin: 0;}
.gnb_2dp > li > a{display: block; padding: 15px 0; font-size: 18px; font-weight: 300; color: #555;}

/*------------------------------------------------------------- //head(gnb) css -------------------------------------------------------------*/


/*------------------------------------------------------------- tali css -------------------------------------------------------------*/
.footer_upbox{width: 100%; background: #f7f7f7;/* margin-top:50px; */}
.footer_upbox .footer_bottomline{width: 100%; height: 65px; border-bottom: 1px solid #e7e7e7;}
.footer_upbox .footer_bottomline .footer_marginbox{width: 1280px; height: 100%; margin: 0 auto;}
.footer_marginbox{position: relative;}
.line_guidebox1{float: left; /* width: 35%; */ height: 65px;}
.line_guidebox2{float: right; /* width: 65%; */ height: 65px;}

.line_guidebox1 .guideline_ul{width: 100%; height: auto;}
.line_guidebox1 .guideline_ul:after{content: ""; display: table; clear: both;}
.guide_li{float: left;}
.guide_li .a_listchk{display: block; padding: 25px 20px; letter-spacing: -0.5px; font-size: 14px; font-weight: 300; color: #555555;}
.leftmarginbak{padding-left: 0 !important; margin-left: 0 !important;}

.line_guidebox2 .jiwon_center{width: 100%; height: 100%;}
.center_li{float: left;}
.center_li .a_listchk{display: block; /* padding: 21px; */padding: 25px 15px; letter-spacing: -0.5px; font-size: 14px; font-weight: 300; color: #555555;}
.rightmarginbak{padding-right: 0 !important;}over

.last_address{position: relative; clear: both; width: 1280px; height: auto; margin: 0 auto; padding: 25px 0 50px;}
.last_address .business_class{margin: -5px -20px; font-size: 0;}
.last_address .business_class .business_li{display: inline-block; padding: 5px 20px; letter-spacing: -0.5px; font-size: 14px; font-weight: 400; color: #555555; line-height: 1.4;}
.copy_text{margin-top: 10px; font-size: 14px; font-weight: 300; color: #555555; text-align: center;}

.top_btn{display: block; position: absolute; top: 50%; right: 0px; z-index: 50; width: 40px; height: 40px; margin-top: -20px; border: 0; border-radius: 50%; line-height: 40px; text-align: center; background: #00a0a8; cursor: pointer;}
.top_btn i.arrow{border: solid #fff; border-width: 0 1px 1px 0; padding: 3px;}

.ft_wa_mark{position: absolute; top: 25px; right: 0;}
/*------------------------------------------------------------- //tail css -------------------------------------------------------------*/

/*------------------------------------------------------------- index.ph p css  왜안바뀌어?-------------------------------------------------------------*/

.gnb_limenu::before{
	content: "ㅣ";
	font-size: 20px;
	font-weight: bold;
	padding: 0px 15px;
	color: #676e70;
	position: absolute;
	top: 32px;
	right: -20px;
}
.gnb_limenu:nth-child(5)::before{
	content: "ㅣ";
	color: white;
}



#main{height: calc(100vh - 134px); margin-top: 40px; padding-top: 90px; background: #fff no-repeat center/contain; background-size:100% 100%; background-image: linear-gradient(rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.2) ),url(https://chungbuk-th-back.essetel.com/img/gj/main_bg02.jpg);}
/* #main-back{ height: calc(93vh - 134px);  background: #fff url('/img/gj/main_bg05.jpg')no-repeat center/cover; background-size:200vh 80vh; } */
#main2{height: calc(100vh - 134px); margin-top: 40px; padding-top: 90px;   background: #fff url('/img/gj/main_bg09.jpg') no-repeat center/cover; }
#main3{height: calc(100vh - 134px); margin-top: 40px; padding-top: 90px;   background: #fff url('/img/gj/main_bg07.jpg') no-repeat center/cover; }
#slider{ overflow: hidden; }
.slide-container{width: 300vw; transition: all 1s; transform: translateX(-000vw);}
.slides {width: 100vw; float: left; }
.slide-box {height:100%;}
.main_sec .main_sec_wr{padding: 0 0px; animation: fadein 2s;}
@keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1;}
}
.main_sec01{width: 100%; text-align: center;}
.main_top_txt01{display: block; font-size: 56px; font-weight: 400; color: #0f0f0f; letter-spacing: -3px;}
.main_top_txt01 b{font-weight: 600;}
.main_top_txt02{display: block; margin-top: 20px; font-size: 26px; font-weight: 400; color: #0f0f0f;}

.main_sec02{margin-top: 40px;}
.main_sec02 .main_sec_wr{padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.4);}
.main_contents{margin: 0 -20px; font-size: 0;}
.main_contents > li{display: inline-block; width: 33.333%; padding: 0 20px; font-size: 14px; vertical-align: top;}
.main_link{display: table; width: 100%; height: 138px; padding: 0 40px; border-radius: 12px; font-size: 0;}
.main_link01{background: #00a0a8; color: #fff}
.main_link02{margin-top: 15px; background: rgba(0,0,0,0.4);}
/* .main_link_in{display: ; vertical-align: middle;} */
.main_link_in{display: inline-block; vertical-align: middle; margin-top: 50px;}
.main_link_icon{display: inline-block; width: 140px; vertical-align: middle;}
.main_link_txt{display: inline-block; width: calc(100% - 71px); vertical-align: middle; position: absolute; bottom: 0; left: 10%;}
.main_link_txt01{font-size: 35px; font-weight: 400; color: #fff; letter-spacing: -2px; margin-bottom: 60px; }
.main_link_txt02{margin-top: 10px; font-size: 18px; font-weight: 400; color: #f7f7f7; margin-bottom: 60px;}
.main_link_txt03{font-size: 26px; font-weight: 400; color: #f7f7f7;}
.main_link_txt04{margin-top: 10px;font-size: 30px; font-weight: 400; color: #f7f7f7;}

.main_adv{display: block; height: 400px; border-radius: 12px 12px 0 0; overflow: hidden; background: #ddd; text-align: center;}
.main_adv img{display: inline-block; max-height: 100%;}
.main_board_inner{min-height: 380px; padding: 35px 40px 0; border-radius: 12px; background: rgba(0,0,0,0.5); text-align: center; position: relative;}
.main_board_tit{padding-bottom: 20px;}
.main_board_tit span{float: left; font-size: 26px; font-weight: 400; color: #fff;}
.main_board_tit a{float: right; padding-top: 5px; font-size: 16px; font-weight: 300; color: #ddd;}
.main_board_contents{}
.main_board_contents > li{padding: 15px 0; border-top: 1px dashed #bebec0;}
.main_board_contents > li > a{display: block;}
.main_board_contents_tit{width: 100%; font-size: 16px; font-weight: 300; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_board_contents_date{padding-top: 9px; font-size: 16px; font-weight: 300; color: #fff;}

.pic_box{width: 1220px; height: 80px; margin: 90px auto 0; border-radius: 15px; background: #f7f7f7;}
.pic_box .picbox_tbl{width: 100%; height: 80px;}
.point_put{float: left; margin: 17px 7px;}
.point_put .point_txt{letter-spacing: -0.8px; font-size: 1em; font-weight: 500; color: #0f0f0f;}
.first_point{margin-left: 10px;}
.same_putbox{width: 300px; height: 45px; padding-left: 20px; border: 1px solid #dddddd; border-radius: 10px;}
.same_putbox2{width: 155px; height: 45px; padding-left: 20px; border: 1px solid #ddd; border-radius: 10px; color: #555666;}
.accept_btn{width: 170px; height: 45px; border: none; border-radius: 10px; font-size: 1em; color: #fff; background: #00a0a8;}

select {
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url("/img/newimg/barrow_con.png") no-repeat 90% 50%; /* 화살표 모양의 이미지 */
}
select::-ms-expand { display: none; }/* IE 10, 11의 네이티브 화살표 숨기기 */

.f_content{width: 1220px; height: 320px; margin: 150px auto 0;}
.f_content .click_gopage{width: 100%; height: 100%; overflow: hidden;}
.subpage_list{float: left; width: 360px; height: 100%; border: 1px solid rgba(108, 114, 121, 0.7); border-radius: 10px; background: rgba(0,0,0,0.5); text-align: center;}
.subpage_list thead{border-bottom: 1px solid #fff; vertical-align: top; width: 100%; display: inline-block;}
.subpage_list tbody{vertical-align: top;display: block;}
.subpage_list tr{vertical-align: top; display: inline-block; width: 100%;}
.subbox_margin{margin: 0 67px; /* border: none; background: none; */}
.push_my{display: block; height: 100%; text-align: center;}
.hook_top{margin-top: 73px;}
.hook_top2{margin-top: 62px;}
.big_fontda{margin: 40px 0 23px;}
.plus_btn{margin-top: 20px;}

.ntlittle_tbl{width: 85%; height: 100%; margin: 0 auto; display: inline-block; vertical-align: top;}
.line_bb{padding: 20px 0; /* border-bottom: 1px solid #fff; */ display: inline-block; vertical-align: top; overflow: hidden;}
th.line_bb{float: left;}
td.line_bb{float: right; padding: 25px 0;}
tr:first-child .td_listtxt {border-top: none;}
.mlja_btn{display: block; text-align: right;}
.td_listtxt{border-top: 1px solid #fff; vertical-align: middle; display: block; width: 100%; padding: 19px 0;}
.notice_gogo{display: block;}
.look_txt{letter-spacing: -0.8px; font-size: 1em; color: #fff; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.look_date{letter-spacing: -1px; font-size: 1em; color: #555; text-align: left; margin-top: 5px;}
.last_linebak{border-bottom: none;}

.tbl_captitle{display: none;}

.two_eyong{width: 100%; height: 100%;}
.two_eyli{border: 1px solid rgba(108, 114, 121, 0.7); border-radius: 10px; background: rgba(0,0,0,0.5);}
.two_btmargin{margin-bottom: 35px;}
.hook_line{/* display: inline-block; float: left; padding-left: 50px; */ margin-top: 73px;}

/*
.main_adv_box .slick-dots{position: absolute; bottom: 10px; left: 0; font-size: 0; margin: 0 -3px; width: 100%; text-align: center;}
.main_adv_box .slick-dots li{display: inline-block; padding: 0 3px;}
.main_adv_box .slick-dots li button{width: 25px; height: 25px; font-size: 14px; font-weight: 400; color: #fff; background: #000; border: 0; border-radius: 50%;}
.main_adv_box .slick-dots li.slick-active button{background: #00a0a8}
.main_adv_box .slick-dots li.slick-active button{color: #fff;}
*/
.main_adv_box .slick-arrow{display: none !important;}
.main_adv_box .slick-dots{display: none !important;}

.main_adv_box_btnbox{overflow: hidden; padding: 10px; border-radius: 0 0 12px 12px; background: #fff;}
.main_adv_box_btnbox:after{content: ""; display: table; clear: both;}
.main_adv_dots{float: left; margin: 0 -2px; font-size: 0;}
.main_adv_dots > li{display: inline-block; padding: 0 2px;}
.main_adv_dots > li > button{display: block; width: 25px; height: 25px; line-height: 25px; border: 0; border-radius: 50%; font-size: 16px; font-weight: 500; color: #000; background: #fff; border: 1px solid #222;}
.main_adv_dots > li.active > button{background: #00a0a8; color: #fff; border-color: #00a0a8;}

.main_adv_ctrl{float: right; margin: 6px -7px 0; font-size: 0;}
.main_adv_ctrl > li{display: inline-block; padding: 0 7px; cursor: pointer;}
.main_adv_ctrl > li button{border: 0; background: none;}
.main_adv_prev img{width: 8px;}
.main_adv_next img{width: 8px;}
/*------------------------------------------------------------- //index.php css -------------------------------------------------------------*/

/*------------------------------------------------------------- sub css -------------------------------------------------------------*/
.sub{margin-top: 90px;}

.nolook_cpt{position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0;}

/* sub_visual */
.sub_title{width: 100%; height: 295px;}
.sub_title .sub_bigtitle{padding-top: 80px; padding-bottom: 30px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 400; color: #fff;}
/* .sub_title .sub_bigtitle:after{content: ""; display: block; width: 28px; height: 2px; margin: 15px auto 20px; background: #00a0a8;} */
.sub_title .sub_minititle{letter-spacing: -0.8px; text-align: center; font-weight: 300; color: #fff;}

/*sub_location*/
.sub_location{border-bottom: 1px solid #ddd;}
.sub_location ul{font-size: 0;}
.sub_location ul li{display: inline-block; border-right: 1px solid #ddd; text-align: center;}
.sub_location ul li:first-child{border-left: 1px solid #ddd;}
.sub_location ul li a{display: block; padding: 20px 0; font-size: 18px; font-weight: 400; color: #555;}
.sub_location ul li.active a{background: #00a0a8; font-weight: 400; color: #fff;}
.sub_location ul.child-2 li{width: 50%;}
.sub_location ul.child-3 li{width: 33.333%;}
.sub_location ul.child-4 li{width: 25%;}
.sub_location ul.child-5 li{width: 20%;}

.center_bg{background: url(/img/gj/sub_center_bg.jpg) no-repeat top center; background-attachment: fixed;}
.use_bg{background: url(/img/gj/sub_use_bg.jpg) no-repeat top center; background-attachment: fixed;}
.receipt_bg{background: url(/img/gj/sub_receipt_bg.jpg) no-repeat top center; background-attachment: fixed;}
.information_bg{background: url(/img/gj/sub_information_bg.jpg) no-repeat top center; background-attachment: fixed;}
.community_bg{background: url(/img/gj/sub_information_bg.jpg) no-repeat top center; background-attachment: fixed;}
.privacy_bg{background: url(/img/gj/sub_privacy_bg.jpg) no-repeat top center; background-attachment: fixed;}
.mypage_bg{background: url(/img/gj/sub_receipt_bg.jpg) no-repeat top center; background-attachment: fixed;}

/* sub_contents*/
.sub_contents{width:100%; padding: 60px 0 100px;}

	/*tab*/
.tab_btn{font-size: 0; text-align: center;}
.tab_btn > ul{display: inline-flex; padding: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 0;}
.tab_btn > ul > li{display: inline-block; padding: 0 50px; border-left: 1px solid #ddd; font-size: 18px; font-weight: 300; color: #555; cursor: pointer;}
.tab_btn > ul > li:first-child{border-left: 0;}
.tab_btn > ul > li.on{font-weight: 400; color: #00a0a8;}
.tab_contents{margin-top: 50px;}
.tab_contents > div{display: none;}
.tab_contents > div:first-child{display: block;}

	/*table*/
.tb_st01{width: 100%;}
.tb_st01 th{padding: 13px 0px; border-top: 1px solid #00a0a8; border-left: 1px solid #ddd; background: #f7f7f7; font-size: 16px; font-weight: 400; color: #0f0f0f;}
.tb_st01 th:first-child{border-left: 0;}
.tb_st01 td{padding: 18px 10px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; font-size: 16px; font-weight: 400; color: #555;}
/* .tb_st01 td:first-child{border-left: 0;} */
.tb_st01 .no_border{border-left: 0;}
.tb_st01 td.ta_l{text-align: left;}


/*들여쓰기*/
ul.hypen{margin: -3px 0;}
ul.hypen > li{padding: 3px 0 3px 10px; text-indent: -10px;}
ul.dot{margin: -3px 0;}
ul.dot > li{padding: 3px 0 3px 10px; text-indent: -10px;}

/*text_icon*/
.icn_St-01{position: relative; padding-left: 12px;}
.icn_St-01:before{content: ""; display: block; width: 2px; height: 14px; background: #00a0a8; position: absolute; top: 3px; left: 0;}

/*주의문구*/
.caut_txt{padding: 10px 0 0 10px; font-size: 16px; font-weight: 300; color: #555; text-align: left; text-indent: -10px;}

/*스크롤 문구*/
.scroll_drag{display: none; text-align: center; font-size: 16px; color: #555; font-style: italic; padding: 15px 0 0;}

.arrow{
    display: inline-block;
    border: solid black;
    border-width: 0 1px 1px 0;
    padding: 3px;
}

.up{transform: rotate(-135deg);}
.down{transform: rotate(45deg);}
.right{transform: rotate(-45deg);}
.left{transform: rotate(135deg);}
/*------------------------------------------------------------- //sub css -------------------------------------------------------------*/

/*------------------------------------------------------------- 체크박스/라디오버튼 css -------------------------------------------------------------*/
.fregister_agree {position:absolute; bottom: 0; left:0;}
/* .fregister_agree input[type="checkbox"]{display: none;} */
.fregister_agree input[type="checkbox"] + label {color:#676e70}
.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8}
.fregister_agree input[type="checkbox"] + label span {position:absolute;bottom: 0; left:0;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.fregister_agree .font_bak{padding-left: 5px;}
.fregister_agree input[type="checkbox"]:checked + label {color:#000}
.fregister_agree input[type="checkbox"]:checked + label span {background:url('/img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
/* 약관 체크박스*/
.save_idbox {/* position:absolute; bottom: 0; left:0; */ padding-top: 5px;}
.save_idbox input[type="checkbox"]{display: none;}
.save_idbox input[type="checkbox"] + label {color:#555; font-size: 16px; margin-top: 2px;}
.save_idbox input[type="checkbox"] + label:hover {color:#2172f8}
.save_idbox input[type="checkbox"] + label span {position:absolute;bottom: 0; left:0;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.save_idbox input[type="checkbox"]:checked + label {color:#000}
.save_idbox input[type="checkbox"]:checked + label span {background:url('/img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
/* 로그인 체크박스 */
.chk_color {position: relative; margin-top: 8px;}
.chk_color input[type="radio"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.chk_color input[type="radio"] + label { display: inline-block; position: relative; padding-left: 30px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; padding-bottom: 5px;}
.chk_color input[type="radio"] + label:before { content: ''; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; text-align: center; background: #fff; border: 1px solid #cacece; border-radius: 100%;  }
.chk_color input[type="radio"] + label:active:before, .chk_color input[type="radio"]:checked + label:active:before{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); }
.chk_color input[type="radio"]:checked + label:before { background: #fff; border-color: #00a0a8; }
.chk_color input[type="radio"]:checked + label:after { content: ''; position: absolute; top: 5px; left: 4px; width: 12px; height: 12px; background: #00a0a8; border-radius: 100%; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); }
/* 회원가입 라디오버튼 */
/*------------------------------------------------------------- //체크박스/라디오버튼 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 회원가입 약관 css -------------------------------------------------------------*/
.terms_allbox{width: 1280px; height: auto; margin: 0 auto;}
.terms_titlebox{clear: both; padding-top: 95px; padding-bottom: 60px; letter-spacing: -2px; font-size: 30px; font-weight: 400; color: #0f0f0f; position: relative; display: inline-block;}
.terms_titlebox:before{display: block; content:""; width: 104px; height: 104px; border-radius: 50%; background: #f2fbfe; z-index: -1; position: absolute; left: 100%; top: 30%; -webkit-transform: translateX(-30%);
-moz-transform: translateX(-30%);
-ms-transform: translateX(-30%);
-o-transform: translateX(-30%);
transform: translateX(-30%);}
.terms_titlebox:after{display: block; content:""; width: 138px; height: 1px; background: #00a0a8; z-index: 0; position: absolute; /* left: 115%; */ top: 60%; left: calc(100% + 20px); left: -webkit-calc(100% + 20px); left: -moz-calc(100% + 20px)}

#fregister_term{position: relative; width: 100%; height: 210px; margin: 40px 0;}
#fregister_private{position: relative; width: 100%; height: 210px; margin: 40px 0;}
#fregister_observance{position: relative; width: 100%; height: 210px; margin: 40px 0;}
#fregister_chkall{position: relative; border-top: 1px solid #dedede; padding-top: 10px; margin-bottom: 40px;}
.btn_confirm{width: 100%; height: 55px; text-align: center; margin-bottom: 100px;}
.next_gobtn{width: 200px; height: 100%; border: none; color: #fff; background: #00a0a8;}

#fregisterform .btn_confirm{margin: 30px auto 0;}
/*------------------------------------------------------------- //회원가입 약관 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 회원가입 폼 css -------------------------------------------------------------*/
.member_ingbox{width: 100%; height: auto; margin: 0 auto;}

.phone_box{width: 100%; height: 130px; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #dedede;}
.phone_injeung{margin-bottom: 20px; letter-spacing: -1.3px; font-size: 1.3em; font-weight: 500; color: #333;}
.phone_ul{float: left; width: 70%; height: 70px;}
.phone_ul .phone_li{letter-spacing: -1px; color: #555;}
.injeung_box{float: left; width: 30%; height: 70px;}
.injeung_box .inj_li{text-align: right;}
.choos_btn{width: 200px; height: 50px; border: none; letter-spacing: -0.8px; border: 1px solid #00a0a8; background: #fff; color: #00a0a8;}
.choos_btn:hover{background: #00a0a8; color: #fff;}

.star_con{width: 100%; height: 50px;}
.star_con .star_text{letter-spacing: -1.3px; color: #da0000;}

.member_ingbox #register_form{width: 100%; height: auto;}
.member_ingbox #register_form .register_form_inner{width: 100%; height: auto;}
.member_ingbox #register_form .register_form_inner:after{content: ""; display: table; clear: both;}

.customer_box{float: left; width: 50%; height: auto; padding-right: 20px;}
.customer_boxright{float: left; width: 50%; height: auto; padding-left: 20px;}
.midde_boxing{float: left; width: 5%; height: 100%;}

.customer_box .customer_write{width: 100%; height: auto; margin-bottom: 15px; font-size: 0; /* overflow: hidden; */}
.customer_boxright .customer_write{width: 100%; height: auto; margin-bottom: 15px;}
.customer_write .double_list{width: 100%; height: 100%;}
.customer_write .double_list .dd_pwd{float: left; width: 100%; height: 100%;}
.customer_write .double_list .msg_boda{clear: both;}


.customer_write .double_list2{width: 100%; /* height: 100px; */}
.customer_write .double_list2 .add_box{float: left; width: 100%; /* height: 50px; */ position: relative; }

#daum_juso_pagemb_zip{position: absolute !important; z-index: 50;}

/*컨텐츠 가이드라인*/
.wrapper{width: 1280px; max-width: 100%; margin: 0 auto;}

/*clearfix*/
.cf:before,
.cf:after{content: " "; display: table;}
.cf:after{clear: both;}
.cf{*zoom: 1;}

.customer_write .double_list3{width: 100%; height: 80px;}
.customer_write .double_list3 .dd_agent{width: 100%; height: 100%;}

.customer_write .dd_nanugi{width: 100%; /* height: 75px; */ overflow: hidden;}
.customer_write .dd_nanugi .nanugi_li{float: left; height: auto; margin-right: 5px;}

.filebox{font-size: 0;}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.filebox label {/* padding: 13px 50px; */ padding: 13px 0; width: 150px; border: none; text-align: center;  background: #f4f4f4; color: #555; font-size: 16px; float: right; margin: 5px 0;} /* named upload */
/* .filebox .upload-name { display: inline-block; padding: .5em .75em; label의 패딩값과 일치 font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius: .25em; -webkit-appearance: none; 네이티브 외형 감추기 -moz-appearance: none; appearance: none; } */

#register_form input[type="text"]{color: #000; font-weight: 400;}
#register_form input[type="text"]::placeholder{color: #555 !important;}
#register_form input[type="password"]{color: #333; font-weight: 300;}
#register_form input[type="password"]::placeholder{color: #555 !important;}
#register_form input[type="number"]{color: #333; font-weight: 300;}
#register_form input[type="number"]::placeholder{color: #555 !important;}
.register .sub_ct_title{margin-bottom: 20px;}
.register .sub_ct_title:after{display: none;}
/*------------------------------------------------------------- //회원가입 폼 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 회원가입 완료 css -------------------------------------------------------------*/
.reg_allbox{width: 100%; height: 400px;}
.reg_allbox .reg_okbox{width: 575px; height: 100%; margin: 0 auto;}
.reg_oktitle{padding-top: 100px; text-align: center; letter-spacing: -2px; font-size: 2.5em; font-weight: 500; color: #0f0f0f;}
.reg_subtitle{margin-top: 20px; text-align: center; letter-spacing: -0.8px; font-weight: 400; color: #555666;}

.reg_ul{width: 410px; height: 70px; margin: 60px auto 0;}
.reg_ul .reg_li{float: left; width: 200px; height: 100%;}
.reg_mid{width:10px !important;}
.same2_btn{display: block; padding: 20px; text-align: center; color: #fff; background: #00a0a8;}
.same3_btn{display: block; padding: 20px; text-align: center; color: #fff; background: #555999;}
/*------------------------------------------------------------- //회원가입 완료 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 로그인 css -------------------------------------------------------------*/
#mb_login{width: 100%; height: auto;}
#mb_login .mbskin_box{float: left; width: 59%; height: 100%; padding: 0 0 0 90px;}
.login_tttxt{padding-top: 100px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 500;}
#login_fs legend{display: none;}

.login_ulbox{float: left; width: 400px; height: 120px;}
.login_ulbox2{float: left; width: 170px; height: 120px; margin-left: 7px;}

.lg_littlebox{width: 100%; height: 55px;}
.lg_littlebox:first-child{margin-bottom: 10px;}
.lg_samebox{width: 100%; height: 100%; padding-left: 20px; border: 1px solid #ddd; color: #555;}
.lg_samebox::placeholder{color: #555 !important;}

.lg_going{width: 100%; height: 100%;}
.lg_gogosing{width: 100%; height: 100%; border: none; font-size: 1.15em; background: #00a0a8; color: #fff;}

#login_info{clear: both; width: 100%; height: auto;;}
.login_if_auto{position: relative; width:100%; /*height: 20px; padding-top: 15px;*/}
.save_idbox label{margin-left: 25px; color: #555;}
.login_if_lpl{width: 100%; height: auto; margin-top: 15px;}
.goaway_box{width: 100%; height: 100%;}
.goaway_box .goaway_li{float: left; width: 400px; height: 100%;}
.goaway_box .goaway_li2{float: left; width: 170px; height: 100%; margin-left: 7px;}
.goaway_box .goaway_li a,
.goaway_box .goaway_li2 a{display: block; letter-spacing: -1px; text-align: center;}
.idpw_push{padding: 15px; color: #555; border: 1px solid #e7e7e7; background: #f7f7f7;}
.j_start{padding: 15px; color: #fff; border: 1px solid #555; background: #555;}

.mb_midbox{width: 100%; height: auto;; margin: 250px auto 200px; padding: 50px 70px; border: 1px solid #d0d0d0;}
.mb_midbox:after{content: ""; display: table; clear: both;}
.mblog_box{float: left; width: 41%; height: 100%; border-right: 1px solid #ddd;}
.login_ttda{padding: 0; letter-spacing: -1.3px; font-size: 1em; font-weight: 400; color: #555;}
.last_btbak{padding-top: 20px; font-size: 18px; font-weight: 400; color: #333; line-height: 1.5;}
.log_bigtt{letter-spacing: -2px; font-size: 40px; font-weight: 400; color: #00a0a8;}
.line_midda{width: 82%; margin: 0 auto; border: 1px solid #ddd;}

.mid_boxg{float: left; width: 5%; height: 100%;}
/*------------------------------------------------------------- //로그인 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 마이페이지 상단메뉴 css -------------------------------------------------------------*/
.my_tab{width: 100%; height: 60px; margin: 55px 0 0;}
.my_tab .my_pagelist{width: 770px; height: 100%; margin: 0 auto;}
.m_menulist{width: 100%; height: 100%; border: 1px solid #ddd;}
.m_menulist .m_menuli{float: left; width: 256px; height: 100%;}
/* 3단 */
.my_tab2{width: 100%; height: 60px; margin: 55px 0 0;}
.my_tab2 .my_pagelist{width: 770px; height: 100%; margin: 0 auto;}
/* 3단_2 */
.my_tab .my_pagelist2{width: 513px; height: 100%; margin: 0 auto;}
.m_menulist2{width: 100%; height: 100%; border: 1px solid #ddd;}
.m_menulist2 .m_menuli{float: left; width: 255px; height: 100%;}
/* 2단 */
.m_menulist3{width: 256px; height: 100%; margin: 0 auto;}
.m_menulist3 .m_menuli{width: 100%; height: 100%;}
/* 1단 */
.bluekp{display: block; padding: 19px; letter-spacing: -1px; text-align: center; color: #555; transition: all, 0.2s; box-sizing: border-box; border: 1px solid transparent;}
.bluekp:hover{color: #fff; background: #00a0a8; border: 1px solid #00a0a8;}
.bluekp.on{color: #fff; background: #00a0a8; border: 1px solid #00a0a8;}
.mid_sideline{border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.mid_sideline2{border-left: 1px solid #ddd;}
/*------------------------------------------------------------- //마이페이지 상단메뉴 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 접수내역 및 취소 css -------------------------------------------------------------*/
.my_reception{width: 1280px; height: auto; margin: 0 auto;}
.tbl_wrap{width: 100%; height: auto; border-top: 1px solid #333; border-bottom: 1px solid #333;}
.look_reception{width: 100%; height: auto; }
.look_reception caption{display: none;}
#receipt_list .tbl_wrap{border-top: 2px solid #00a0a8;}
.rphistory_tb caption{display: block;}

.recep_th{padding: 20px 0; border-bottom: 1px solid #333; letter-spacing: -0.8px; font-size: 18px; font-weight: 500; color: #333;}
.r_line{display: block; border-right: 1px solid #333;}
.empty_table{text-align: center;height:50px;}
.recep_td{padding: 20px; border-bottom: 1px solid #ddd; letter-spacing: -1px; text-align: center; color: #0f0f0f; font-weight: 400;}
.red_font{color: #da0000;}
.addr_left{text-align: left;}

.pg_wrap{margin-top: 20px;}
.paging_box{width: auto; /* height: 50px; margin: 40px auto 0; */ text-align: center;}
.paging_box .pg_ul{display: inline-block;}
.pg_ul .pg_li{float: left; width: 50px; height: 100%;}
.margin_li{margin: 0 4px;}
.num_a{display: block; padding: 14px; border: 1px solid #ddd; text-align: center; color: #555;}
.num_a.on{border: 1px solid #ff5454; font-weight: 500; color: #fff; background: #ff5454;}
.arrow_cc{border: 1px solid #ff5454; color: #ff5454;}
/*------------------------------------------------------------- //접수내역 및 취소 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 내 위치 즐겨찾기 css -------------------------------------------------------------*/
.my_location{width: 100%; height: 100%; border-top: 2px solid #00a0a8; padding-top: 30px;}
.location_midbox{width: 1280px; height: auto; margin: 0 auto;}

.lc_listbox{width: 100%; height: 150px;}
.my_loctxt{letter-spacing: -1px; font-size: 1.3em; font-weight: 500; color: #333; margin-bottom: 10px;}

.lc_listbox .loca_ul{width: 100%; height: 90px;}
.loca_ul .loca_li{float: left; width: 30%; height: 100%; margin-right: 24px; padding: 20px; border: 1px solid #ddd; box-sizing: border-box;margin-bottom:24px;}
.last_Rmargin{margin-right: 0 !important;}

.loca_li .addr_1{margin-bottom: 5px; letter-spacing: -1px; font-size: 1em; color: #555;}
.addr_2{margin-right: 20px; font-weight: 500; color: #333;}
.clik_u{border: none; background: none; font-weight: 400; color: #555;}
.clik_u img{margin-right: 10px;}

.loc_minibox1{float: left; width: 100%; height: 110px;}
.loc_minibox2{float: left; width: 15%; height: 43px;}

.loc_search{width: 100%; height: 200px; margin-top: 50px;clear:both;}
.src_box{float: left; width: 100%; height: 45px; margin-top: 10px;}
.src_box .src_xxx{float: left; height: 100%; margin-right: 10px; padding: 10px;  letter-spacing: -1px; font-size: 1.2em; font-weight: 500; color: #333; box-sizing: border-box;}
.src_box .src_tt{position: relative; float: left; width: 22%; height: 100%; box-sizing: border-box;}
.src_box .src_tt2{float: left; width: 22%; height: 100%; margin: 0 5px; box-sizing: border-box;}
.src_box .src_tt3{float: left; /* width: 10%; */ width: 9%; height: 100%; margin: 0 0 0 5px; /* margin: 0 0 0 1%; */ box-sizing: border-box; position: relative;}
.src_box .src_tt3.src_tt3_fin{width: 12%;}

.src_look{width: 100%; height: 100%; border: 1px solid #ddd; padding-left: 20px;}
.src_look::placeholder{color: #555;}
.look_con{/* position: absolute; top: 13px; right: 10px; */ display: block; width: 100%; height: 100%; line-height: 45px; border:0; background: #f0f0f0; text-align: center; cursor: pointer;}
.src_box2{width: 100%; height: 100%; margin: 10px 0;}
.src_box2 .src_tt2{width: 100%; height: 100%;}

.src_look2{display: block; width: 100%; height: 100%; border: 1px solid #ddd; padding-left: 20px;}
.src_look2::placeholder{color: #333;}
/*.last_src{width: 180px !important; margin-right: 0 !important; border: none;}*/
.src_look3{width: 100%; height: 100%; border: none; background: #00a0a8; color: #fff;}

.addr_glist{width: 100%; height: 300px; margin-bottom: 100px; border-top: 1px solid #0f0f0f; border-bottom: 1px solid #0f0f0f;}
.addr_glist .addr_ul{width: 100%; height: 100%; overflow: auto;}
.addr_li{padding: 15px; border-bottom: 1px solid #ddd;}
.addr_link{display: block; color: #555;}
/*------------------------------------------------------------- //내 위치 즐겨찾기 css -------------------------------------------------------------*/


/*------------------------------------------------------------- //예약하기 css -------------------------------------------------------------*/
.addr_pop_wr{width: 600px; position: fixed; top: 50%; left: 50%; /*left: 65%;*/ display: none; -webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.addr_pop_top{width: 100%; display: block; padding: 20px; font-size: 0; background: #00a0a8; }
.addr_pop_tit{font-size: 18px; color: #fff; font-weight: 400; display: inline-block; width: calc(100% - 60px); width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); vertical-align: middle;}
.addr_pop_cl{font-size: 16px; display: inline-block; width: 60px; vertical-align: middle; color: #f9f9f9; cursor: pointer;}
.addr_pop_con{padding: 30px 20px; background: #fff; border: 1px solid #ddd;}
.addr_pop_sch_wr{overflow: hidden;}
.addr_pop_sch{display: inline-block; float: left; clear: both; width: -webkit-calc(100% - 54px); width: -moz-calc(100% - 54px); width: calc(100% - 54px); height: 45px; padding-left: 20px; border: 1px solid #ddd; border-right: 0; font-size: 16px; font-weight: 400; vertical-align: middle; outline: none; box-shadow: none;}
.addr_pop_sch_btn{width: 54px; height: 45px; border: 1px solid #ddd; border-left: 0; background: url(/img/newimg/sch_btn_gray.png) no-repeat center; vertical-align: middle; display: inline-block; float: left;}
.addr_pop_sch_map{width: 100%; display: block; height: 300px; background: #ddd;}
.addr_pop_btn{font-size: 0; text-align: center; padding: 25px 0 0;}
.addr_pop_btn div{display: inline-block; width: 100px; line-height: 40px; text-align: center; font-size: 16px; margin: 0 5px;}
.addr_pop_btn a{display: block;}
.addr_btn_fin{background: #00a0a8; border: 1px solid #00a0a8; color: #fff;}
.addr_btn_can{background: #f7f7f7; border: 1px solid #ddd;}

/*------------------------------------------------------------- //예약하기 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 기관소개 및 조직도 css -------------------------------------------------------------*/
.sub_ct_title{ margin-bottom: 20px; font-size: 30px; font-weight: 400; color: #00a0a8; text-align: center;}
.sub_ct_title:after{content: ""; display: none; width: 1px; height: 31px; margin: 15px auto 20px; background: #00a0a8;}
.sub_ct_title_expl{font-size: 18px; font-weight: 400; color: #333; text-align: center;}
.sub_ct_title_expl2{margin-top: 25px; font-size: 16px; font-weight: 300; color: #555; line-height: 1.5; text-align: center;}

.greeting{margin-top: 30px; font-size: 0; background: #fafafa;}
/* .greeting_img{display: inline-block; width: 330px; font-size: 16px; vertical-align: top;} */
.greeting_txtbox{display: inline-block; width: 100%; margin: -5px 0; padding: 50px 60px; font-size: 16px; vertical-align: top; text-align: center;}
.greeting_txt01{padding: 5px 0; font-size: 16px; font-weight: 300; color: #555; line-height: 1.5; text-indent: 1em;}
.greeting_txt02{padding: 5px 0; font-size: 16px; font-weight: 400; color: #0f0f0f; line-height: 1.5; text-indent: 1em;}
.greeting_txt02 b{font-size: 20px;}

#center_sec02{margin-top: 50px; text-align: center;}
.orgn_chart{position: relative; margin-top: 50px; padding: 50px 0 60px; border: 1px solid #d0d0d0;}
.orgn_chart:after{content: "ORGANIZATION"; font-size: 100px; font-weight: 700; color: #fafafa; position: absolute; top: 0; left: 0; z-index: -1; line-height: 0.7; letter-spacing: -4px;}
.orgn_chart_wr > ul{font-size: 0;}
.orgn_chart_wr > ul > li > div{display: table; width: 100%; height: 100%;}
.orgn_chart_wr > ul > li > div > p{display: table-cell; vertical-align: middle;}

.orgn_chart_wr > ul.orgn_lev1{font-size: 0;}
.orgn_chart_wr > ul.orgn_lev1 > li{display: inline-block; width: 183px; height: 183px; border: 5px solid #00a0a8; border-radius: 50%; font-size: 14px; /*background: #fff;*/ vertical-align: top;}
.orgn_chart_wr > ul.orgn_lev1 > li > div > p{font-size: 22px; font-weight: 400; color: #00a0a8;}

.orgn_chart_wr > ul.orgn_lev2{font-size: 0;}
.orgn_chart_wr > ul.orgn_lev2.first{margin-top: 0;}
.orgn_chart_wr > ul.orgn_lev2:before{content: ""; display: block; width: 1px; height: 20px; margin: 0 auto; background: #ddd;}
.orgn_chart_wr > ul.orgn_lev2.first:before{height: 40px;}
.orgn_chart_wr > ul.orgn_lev2 > li{display: inline-block; width: 125px; height: 125px; border: 5px solid #ddd; border-radius: 50%; font-size: 14px; vertical-align: middle;}
.orgn_chart_wr > ul.orgn_lev2 > li.orgn_none{border: 0;}
.orgn_chart_wr > ul.orgn_lev2 > li.orgn_center{border-color: #0A4A92;}
.orgn_chart_wr > ul.orgn_lev2 > li.orgn_left{margin-right: 80px; position: relative;}
.orgn_chart_wr > ul.orgn_lev2 > li.orgn_right{margin-left: 80px; position: relative;}
.orgn_chart_wr > ul.orgn_lev2 > li.orgn_left:after{content: ""; display: block; width: 80px; height: 1px; background: #ddd; position: absolute; top: 50%; right: -85px; margin-top: -0.5px;}
.orgn_chart_wr > ul.orgn_lev2 > li.orgn_right:after{content: ""; display: block; width: 80px; height: 1px; background: #ddd; position: absolute; top: 50%; left: -85px; margin-top: -0.5px;}
.orgn_chart_wr > ul.orgn_lev2 > li.orgn_none:after{display: none;}
.orgn_chart_wr > ul.orgn_lev2 > li > div > p{font-size: 18px; font-weight: 400; color: #333;}

.orgn_chart_wr > ul.orgn_lev3{font-size: 0;}
.orgn_chart_wr > ul.orgn_lev3:before{content: ""; display: block; width: 1px; height: 50px; margin: 0 auto; background: #ddd;}
.orgn_chart_wr > ul.orgn_lev3 > li{display: inline-block; width: 184px; padding: 15px 12px 20px; border-radius: 8px; background: #f1f1f1; font-size: 14px; vertical-align: top;}
.orgn_chart_wr > ul.orgn_lev3 > li.orgn_left{margin-right: 70px;}
.orgn_chart_wr > ul.orgn_lev3 > li.orgn_right{margin-left: 70px;}
.orgn_chart_wr > ul.orgn_lev3 > li > p{padding-bottom: 15px; border-bottom: 1px dashed #c2c2c2; font-size: 18px; font-weight: 400; color: #333;}
.orgn_chart_wr .orgn_lev3_in{padding: 20px 0 0 20px; text-align: left;}
.orgn_chart_wr .orgn_lev3_in > li{margin-top: 10px; font-size: 16px; font-weight: 300; color: #555;}
.orgn_chart_wr .orgn_lev3_in > li:first-child{margin-top: 0;}

#center_sec03{margin-top: 80px; text-align: center;}
.mo_tab_sel{}
.mo_tab_sel_txt{display: none; text-align: center;}

/* 조직도 이미지삽입 */
.orgn_img_wr{width: 800px; margin: 0 auto;}

/*------------------------------------------------------------- //기관소개 및 조직도 css -------------------------------------------------------------*/





/*------------------------------------------------------------- 연혁 css -------------------------------------------------------------*/
#history_sec01{text-align: center;}
.history_all{margin-top: 30px; padding: 0 50px; border: 1px solid #d0d0d0; text-align: left;}
.history_comp{padding: 50px 0 60px; border-top: 1px dashed #c8c8c8; font-size:0;}
.history_comp:first-child{border-top: 0;}
.history_list{display: inline-block; width: 50%; font-size: 0; vertical-align: top;}
.history_list_r{padding-left: 40px;}
.history_list_in_l{display: inline-block; width: 175px; padding-right: 50px; font-size: 16px; vertical-align: top;}
.history_list_in_r{display: inline-block; width: calc(100% - 175px); padding-top: 20px; font-size: 16px; vertical-align: top;}
.history_year{width: 125px; height: 125px; border: 5px solid #0A4A92; border-radius: 50%; font-size: 22px; font-weight: 500; color: #333; line-height: 120px; text-align: center;}
.history_contents{margin: -7px 0;}
.history_contents > li{padding: 7px 0; font-size: 0; line-height: 1.4;}
.history_date{display: inline-block; width: 70px; font-size: 16px; font-weight: 400; color: #555; vertical-align: top;}
.history_ct{display: inline-block; width: calc(100% - 70px); font-size: 16px; font-weight: 400; color: #333;  vertical-align: top;}
/*------------------------------------------------------------- //연혁 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 센터 차량소개 css -------------------------------------------------------------*/
#car_sec01{text-align: center;}
.car_cnt_tb th{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #0f0f0f;}
.car_cnt_tb td{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #555;}
.car_cnt_tot{padding: 17px 0; border-bottom: 1px solid #ddd; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; color: #0f0f0f;}
.car_cnt_detail{margin-top: 30px; padding: 30px; border: 1px solid #ddd; text-align: left;}
.car_cnt_detail > ul{margin-top: 20px; font-size: 0;}
.car_cnt_detail > ul:first-child{margin-top: 0;}
.car_cnt_detail > ul > li{display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; vertical-align: top; line-height: 1.5;}
.car_cnt_detail > ul > li:nth-child(1){width: 144px; font-weight: 400; color: #0f0f0f;}
.car_cnt_detail > ul > li:nth-child(2){width: calc(100% - 144px); font-weight: 300; color: #555;}
.car_cnt_detail > ul > li.icn_St-01:before{top: 6px;}

#car_sec02{margin-top: 80px;}
.car_intro_all{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.car_intro_comp{padding: 40px 30px; border-top: 1px dashed #ddd; font-size: 0;}
.car_intro_comp:first-child{padding-top: 30px; border-top: 0;}
.car_intro_comp_l{display: inline-block; width: 200px; font-size: 16px; vertical-align: top;}
.car_intro_comp_r{display: inline-block; width: calc(100% - 200px); font-size: 16px; vertical-align: top;}
.car_intro_txt{font-size: 24px; font-weight: 400; color: #0f0f0f;}
.car_intro_photo{margin: -15px; font-size: 0;}
.car_intro_photo > li{display: inline-block; padding: 15px; vertical-align: top;}
.car_intro_photo > li > a{border: 1px solid #dddddd;display:inline-block;}

#car_sec03{margin-top: 80px; text-align: center;}
.person_current_tb th{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #0f0f0f;}
.person_current_tb td{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #555;}
.person_current_tb tr.col th{border-top: 1px solid #ddd;}

#car_sec04{margin-top: 80px; text-align: center;}
.performance_tb th{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #0f0f0f;}
.performance_tb td{font-family: 'Noto Sans KR', sans-serif; font-weight: 300; color: #555;}
.performance_tb tr.col th{border-top: 1px solid #ddd;}
/*------------------------------------------------------------- //센터 차량소개 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 오시는 길 css -------------------------------------------------------------*/
#map_sec01{text-align: center;}
.map_expl{padding: 50px 20px; background: #fafafa; font-size: 20px; font-weight: 400; color: #333; line-height: 1.5;}
.map_all{margin-top: 40px;}
.map_box{position: relative;}
.mapskip{display: block; position: absolute; top: 0; left: 0; z-index: 50; width: 1px; height: 1px; overflow: hidden; padding: 10px 0; font-size: 16px; font-weight: 300; color: #fff; background: #00a0a8;}
.mapskip:focus, .mapskip:hover, .mapskip:active{width: 100%; height: auto;}

.map_box .root_daum_roughmap .wrap_controllers{display: none !important;}
.map_box .root_daum_roughmap{width: 100% !important;}
.addr_box{margin-top: 20px; padding: 30px; border: 1px solid #ddd; text-align: left;}
.addr_box > ul{margin: -10px -50px; font-size: 0;}
.addr_box > ul > li{display: inline-block; padding: 10px 50px; font-size: 16px; vertical-align: top;}
.addr_box > ul > li .addr_tit{font-size: 16px; font-weight: 400; color: #0f0f0f;}
.addr_box > ul > li .addr_txt{font-size: 16px; font-weight: 400; color: #555;}
/*------------------------------------------------------------- //오시는 길 css -------------------------------------------------------------*/

/*------------------------------------------------------------- //관련사이트 css -------------------------------------------------------------*/
.ptn_all{padding: 0 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center;}
.ptn_list{margin: 0 -33px; font-size: 0; text-align: left;}
.ptn_list > li{display: inline-block; width: 261px; height: auto; margin-bottom: -1px; padding: 40px 33px 50px; border-bottom: 1px dashed #ddd; font-size: 16px; vertical-align: top; text-align: center;}
.ptn_logo{display: table; width: 100%; height: 195px; border: 5px solid #ddd; border-radius: 50%; overflow: hidden; line-height: 185px;}
.ptn_logo img{vertical-align: middle;}
.ptn_name{margin-top: 10px; font-size: 16px; font-weight: 400; color: #000;}
/*------------------------------------------------------------- //관련사이트 css -------------------------------------------------------------*/

/*------------------------------------------------------------- //이용안내 css -------------------------------------------------------------*/
.use_mem{}
.use_mem > ul{font-size: 0;}
.use_mem > ul > li{
	display: inline-block;
	width: 33.333%;
	padding: 30px 0 40px;
	font-size: 16px;
	vertical-align: top;
	text-align: center;
	box-shadow:
    1px 0 0 0 #ddd,
    0 1px 0 0 #ddd,
    1px 1px 0 0 #ddd,
    1px 0 0 0 #ddd inset,
    0 1px 0 0 #ddd inset;
}
.use_mem_num{font-size: 16px; font-weight: 600; color: #00a0a8;}
.use_mem_txt{margin-top: 15px; font-size: 18px; font-weight: 300; color: #555; line-height: 1.5;}

#use_sec02{text-align: center;}
#use_sec02 .sub_ct_title_expl2{margin-top: 0;}
.use_mth_box{margin-top: 30px;}
.use_mth_tb th{font-family: 'Noto Sans KR', sans-serif;}
.use_mth_tb td{font-family: 'Noto Sans KR', sans-serif;}
.use_mth_tb td.ta_l{padding-left: 50px; line-height: 1.5;}

.use_mth_add_box{margin-top: 30px; padding: 30px; border: 1px solid #ddd; text-align: left;}
.use_mth_add_box > ul{margin-top: 20px; font-size: 0;}
.use_mth_add_box > ul:first-child{margin-top: 0;}
.use_mth_add_box > ul > li{display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; vertical-align: top; line-height: 1.5;}
.use_mth_add_box > ul > li:nth-child(1){font-weight: 400; color: #0f0f0f;}
.use_mth_add_box > ul > li:nth-child(2){padding-left: 20px; font-weight: 300; color: #555;}
.use_mth_add_box > ul > li.icn_St-01:before{top: 6px;}

.use_link_box{margin-top: 20px; text-align: left;}
.use_link_box > ul{margin: -5px; font-size: 0;}
.use_link_box > ul > li{display: inline-block; padding: 5px; vertical-align: top;}
.use_link_box > ul > li > a{display: block; position: relative; width: 230px; height: 62px; padding: 0 5px 0 28px; border: 1px solid #747474; font-size: 16px; font-weight: 300; color: #555; line-height: 62px;}

.use_link_box > ul > li.link_join > a{padding-right: 30px;}
.use_link_box > ul > li.link_app_use > a{padding-right: 30px;}
.use_link_box > ul > li.link_paper > a{padding-right: 45px;}

.use_link_box > ul > li.link_join > a:after{content: ""; display: inline-block; position: absolute; top: 50%; right: 25px; border: solid #00a0a8; border-width: 0 1px 1px 0; padding: 4px; transform: translateY(-50%) rotate(-45deg);}
.use_link_box > ul > li.link_app_use > a:after{content: ""; display: inline-block; position: absolute; top: 50%; right: 25px; border: solid #00a0a8; border-width: 0 1px 1px 0; padding: 4px; transform: translateY(-50%) rotate(-45deg);}
.use_link_box > ul > li.link_app_and > a img{margin: -4px 15px 0 0; vertical-align: middle;}
.use_link_box > ul > li.link_app_ios > a img{margin: -4px 20px 0 0; vertical-align: middle;}
.use_link_box > ul > li.link_paper > a:after{content: ""; display: inline-block; position: absolute; top: 50%; right: 25px; width: 17px; height: 16px; background: url(/img/gj/down_icon01.jpg) no-repeat center; transform: translateY(-50%);}

.use_contact_box{margin-top: 20px; padding: 40px 50px; background: #fafafa; text-align: left;}
.use_contact_box > ul{font-size: 0;}
.use_contact_box > ul > li{display: inline-block; border-left: 1px dashed #c5c5c5; font-size: 0; vertical-align: top;}
.use_contact_box > ul > li:nth-child(1){padding: 0 130px 0 60px; border-left: 0;}
.use_contact_box > ul > li:nth-child(2){padding: 0 130px 0 60px;}
.use_contact_box > ul > li:nth-child(3){padding: 0 0 0 60px;}
.use_contact_box > ul > li .use_contact_icon_box{display: inline-block; font-size: 16px; vertical-align: top;}
.use_contact_box > ul > li .use_contact_txt_box{display: inline-block; padding-left: 20px; font-size: 16px; vertical-align: top;}
.use_contact_box > ul > li .use_contact_txt01{font-size: 16px; font-weight: 300; color: #555;}
.use_contact_box > ul > li .use_contact_txt02{margin-top: 4px; font-size: 18px; font-weight: 500; color: #000;}

#use_sec03{margin-top: 80px;}
.use_area_box{margin-top: 30px; padding: 30px; border: 1px solid #ddd; text-align: left;}
.use_area_box > ul{margin-top: 20px; font-size: 0;}
.use_area_box > ul:first-child{margin-top: 0;}
.use_area_box > ul > li{display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; vertical-align: top; line-height: 1.5;}
.use_area_box > ul > li:nth-child(1){font-weight: 400; color: #0f0f0f;}
.use_area_box > ul > li:nth-child(2){padding-left: 30px; font-weight: 300; color: #555;}
.use_area_box > ul > li.icn_St-01:before{top: 6px;}

.use_area_tb_box{margin-top: 30px;}
.use_area_tb th{font-family: 'Noto Sans KR', sans-serif;}
.use_area_tb td{font-family: 'Noto Sans KR', sans-serif;}
.use_area_tb td.ta_l{padding-left: 30px; line-height: 1.5;}

#use_sec04{margin-top: 80px;}
.use_fare_box{margin-top: 30px;}
.use_fare_box > ul{font-size: 0;}
.use_fare_box > ul > li{
	display: inline-block;
	width: 33.333%;
	padding: 30px 0 40px;
	font-size: 16px;
	vertical-align: top;
	text-align: center;
	box-shadow:
    1px 0 0 0 #ddd,
    0 1px 0 0 #ddd,
    1px 1px 0 0 #ddd,
    1px 0 0 0 #ddd inset,
    0 1px 0 0 #ddd inset;
}
.use_fare_txt01{font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; color: #0f0f0f;}
.use_fare_txt02{margin-top: 10px; font-size: 30px; font-weight: 400; color: #00a0a8; line-height: 1.5;}
.use_fare_txt02 b{font-weight: 500;}

.use_fare_add_box{margin-top: 30px; padding: 30px; border: 1px solid #ddd; text-align: left;}
.use_fare_add_box > ul{margin-top: 20px; font-size: 0;}
.use_fare_add_box > ul:first-child{margin-top: 0;}
.use_fare_add_box > ul > li{display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; vertical-align: top; line-height: 1.5;}
.use_fare_add_box > ul > li:nth-child(1){font-weight: 400; color: #0f0f0f;}
.use_fare_add_box > ul > li:nth-child(2){padding-left: 20px; font-weight: 300; color: #555;}
.use_fare_add_box > ul > li.icn_St-01:before{top: 6px;}

#use_sec05{margin-top: 80px;}
.use_info_box{margin-top: 30px; padding: 30px; border: 1px solid #ddd; text-align: left;}
.use_info_box > ul{margin-top: 20px; font-size: 0;}
.use_info_box > ul:first-child{margin-top: 0;}
.use_info_box > ul > li{display: inline-block; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; vertical-align: top; line-height: 1.5;}
.use_info_box > ul > li:nth-child(1){font-weight: 400; color: #0f0f0f;}
.use_info_box > ul > li:nth-child(2){padding-left: 20px; font-weight: 300; color: #555;}
.use_info_box > ul > li.icn_St-01:before{top: 6px;}

#use_sec06{margin-top: 80px; padding: 60px 0 70px; background: #fafafa;}
.use_caution_box{padding: 40px 0 50px; background: #fff; border: 1px solid #ddd;}
.use_caution_box > ul{margin-top: 40px; padding-top: 40px; border-top: 1px dashed #ddd;}
.use_caution_box > ul:first-child{margin-top: 0; padding-top: 0; border-top: 0;}
.use_caution_dep-1{padding: 0 35px;}
.use_caution_dep-2{margin: 5px 0 -5px; padding-left: 23px;}
.use_caution_dep-3{margin: 2px 0 -3px; padding-left: 10px;}
.use_caution_dep-1 > li{}
.use_caution_dep-2 > li{padding: 5px 0;}
.use_caution_dep-3 > li{padding: 3px 0;}
.use_caution_txt01{padding-left: 30px; font-size: 20px; font-weight: 400; color: #0f0f0f; line-height: 1.5; text-indent: -30px;}
.use_caution_txt01 b{font-size: 20px; font-weight: 600; color: #00a0a8;}
.use_caution_txt02{padding-left: 10px; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; color: #555; line-height: 1.5; text-indent: -10px;}
.use_caution_txt02 b{font-size: 16px; font-weight: 400; color: #0f0f0f;}
.use_caution_txt03{padding-left: 19px; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; color: #555; line-height: 1.5; text-indent: -19px;}
.use_caution_txt03_exp{padding-left: 35px; text-indent: -35px;}
.use_caution_txt_e{padding-left: 10px; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; font-weight: 400; color: #555; line-height: 1.5; text-indent: -10px;}

#use_sec07{margin-top: 80px;}
.use_carry_box{margin-top: 30px;}
.use_carry_box > ul{font-size: 0;}
.use_carry_box > ul > li{
	display: inline-block;
	width: 50%;
	padding: 30px 30px 40px;
	font-size: 16px;
	vertical-align: top;
	box-shadow:
    1px 0 0 0 #ddd,
    0 1px 0 0 #ddd,
    1px 1px 0 0 #ddd,
    1px 0 0 0 #ddd inset,
    0 1px 0 0 #ddd inset;
}
.use_carry_txt01{padding-bottom: 15px; font-size: 18px; font-weight: 400; color: #0f0f0f;}
.use_carry_txt02{font-size: 16px; font-weight: 400; color: #555;}

.use_carry_add_box{margin-top: 20px; padding: 30px 30px 40px; background: #fafafa;}
.use_carry_add_dep-2{margin: 10px 0 -3px; padding-left: 25px;}
.use_carry_add_dep-2 > li{padding: 3px 0;}
.use_carry_add_txt01{font-size: 18px; font-weight: 400; color: #0f0f0f;}
.use_carry_add_txt01 img{margin: -2px 10px 0 0; vertical-align: middle;}
.use_carry_add_txt02{padding-left: 15px; font-size: 16px; font-weight: 300; color: #555; line-height: 1.5; text-indent: -15px;}

#use_sec08{margin-top: 80px;}
.use_step_box{text-align: center;}
.use_step_box > ul{display: inline-block; margin: -20px -30px; font-size: 0;}
.use_step_box > ul > li{display: inline-block; padding: 20px 30px; font-size: 16px; vertical-align: top;}
.use_step_box > ul > li > div{width: 195px; height: 195px; padding: 30px 0 0 0; border: 5px solid #ddd; border-radius: 50%; font-size: 16px;}
.use_step_box > ul > li:nth-child(1) .use_step_icon img{margin-left: 11px;}
.use_step_box > ul > li:nth-child(2) .use_step_icon img{}
.use_step_box > ul > li:nth-child(3) .use_step_icon img{}
.use_step_box > ul > li:nth-child(4) .use_step_icon img{}
.use_step_box > ul > li:nth-child(5) .use_step_icon img{margin-left: 11px;}
.use_step_txt{margin-top: 10px; font-size: 16px; font-weight: 400; color: #000;}
/*------------------------------------------------------------- //이용안내 css -------------------------------------------------------------*/

/*------------------------------------------------------------- //새빛콜 앱 이용방법 css -------------------------------------------------------------*/
#useapp_sec01 .sub_ct_title_expl2 b{font-weight: 400; color: #0f0f0f;}
#useapp_sec01 .caut_txt{text-align: center;}

.app_down_box{margin-top: 20px; font-size: 0; text-align: center;}
.app_down_box > ul{display: inline-block; margin: 0 -5px; font-size: 0; text-align: left;}
.app_down_box > ul > li{display: inline-block; padding: 0 5px; vertical-align: top;}
.app_down_box > ul > li > a{display: block; position: relative; width: 230px; height: 62px; padding: 0 5px 0 28px; border: 1px solid #747474; font-size: 16px; font-weight: 300; color: #555; line-height: 62px;}

.app_down_box > ul > li.down_app_and > a img{margin: -4px 15px 0 0; vertical-align: middle;}
.app_down_box > ul > li.down_app_ios > a img{margin: -4px 20px 0 0; vertical-align: middle;}

.app_down_add_box{margin-top: 20px; padding: 30px 30px 40px; background: #fafafa;}
.app_down_add_txt01{font-size: 18px; font-weight: 400; color: #0f0f0f;}
.app_down_add_txt01 img{margin: -2px 10px 0 0; vertical-align: middle;}
.app_down_add_txt02{padding: 10px 0 0 27px; font-size: 16px; font-weight: 300; color: #555; line-height: 1.5;}

#useapp_sec02{margin-top: 80px;}
.useapp_tab{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.useapp_tab > ul{font-size: 0;}
.useapp_tab > ul > li{display: inline-block; width: 16.666%; margin: -1px 0; padding: 20px 0; border-bottom: 1px solid #ddd; text-align: center; vertical-align: top; cursor: pointer;}
.useapp_tab > ul > li > a{display: block; height: 100%; border-left: 1px solid #ddd; font-size: 18px; font-weight: 300; color: #555;}
.useapp_tab > ul > li:nth-child(1) > a,
.useapp_tab > ul > li:nth-child(6n+1) > a{border-left: 0;}

.use_app_comp_all{margin-top: 60px; border-top: 1px solid #ddd;}
.use_app_comp{width: 100%; padding: 40px 0 50px; border-top: 1px dashed #ddd;}
.use_app_comp01{border-top: 0;}
.use_app_comp_inner{font-size: 0;}
.use_app_comp_left{display: inline-block; width: 160px; padding-left: 30px; font-size: 16px; vertical-align: top;}
.use_app_comp_right{display: inline-block; width: calc(100% - 160px); padding: 0 30px 0 50px; font-size: 16px; vertical-align: top;}
.use_app_comp_tit{font-size: 24px; font-weight: 400; color: #0f0f0f;}
.use_app_step{margin: -20px; font-size: 0;}
.use_app_step > li{display: inline-block; width: 33.333%; padding: 20px; font-size: 16px; verticaL-align: top;}
.use_app_step_txt{margin: 12px 0 -3px;}
.use_app_step_txt > li{padding: 3px 0 3px 23px; font-size: 16px; font-weight: 400; color: #555; line-height: 1.5; text-indent: -23px;}
.use_app_step_txt > li > b{display: inline-block; width: 22px; font-weight: 500; color: #0f0f0f; vertical-align: top; text-indent: 0;}
.use_app_step_img > img{border: 1px solid #ddd;}
/*------------------------------------------------------------- //새빛콜 앱 이용방법 css -------------------------------------------------------------*/

/*------------------------------------------------------------- //웹 접수방법 css -------------------------------------------------------------*/
#useweb_sec01{margin-top: 80px;}
.useweb_tab{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.useweb_tab > ul{font-size: 0;}
.useweb_tab > ul > li{display: inline-block; width: 16.666%; margin: -1px 0; padding: 20px 0; border-bottom: 1px solid #ddd; text-align: center; vertical-align: top; cursor: pointer;}
.useweb_tab > ul > li > span{display: block; height: 100%; border-left: 1px solid #ddd; font-size: 18px; font-weight: 300; color: #555;}
.useweb_tab > ul > li:nth-child(1) > span,
.useweb_tab > ul > li:nth-child(6n+1) > span{border-left: 0;}

.use_web_comp_all{margin-top: 60px; border-top: 1px solid #ddd;}
.use_web_comp{padding: 40px 0 50px; border-top: 1px dashed #ddd;}
.use_web_comp01{border-top: 0;}
.use_web_comp_inner{font-size: 0;}
.use_web_comp_left{display: inline-block; width: 160px; padding-left: 30px; font-size: 16px; vertical-align: top;}
.use_web_comp_right{display: inline-block; width: calc(100% - 160px); padding: 0 30px 0 50px; font-size: 16px; vertical-align: top;}
.use_web_comp_tit{font-size: 24px; font-weight: 400; color: #0f0f0f;}
.use_web_step{margin: -20px; font-size: 0;}
.use_web_step > li{display: inline-block; width: 50%; padding: 20px; font-size: 16px; verticaL-align: top;}
.use_web_step_img{height: 0; padding-bottom: 60%; border: 1px solid #ddd;}
.use_web_step_img > img{}
.use_web_step_txt{margin: 12px 0 -3px;}
.use_web_step_txt > li{padding: 3px 0 3px 23px; font-size: 16px; font-weight: 400; color: #555; line-height: 1.5; text-indent: -23px;}
.use_web_step_txt > li > b{display: inline-block; width: 22px; font-weight: 500; color: #0f0f0f; vertical-align: top; text-indent: 0;}
/*------------------------------------------------------------- //웹 접수방법 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 접수하기 css -------------------------------------------------------------*/
.receipt_all{width: 100%; height: auto; padding-top: 0px; }
#rcp_go{overflow: hidden;}
.rece_box{width: 1280px; margin: 0 auto;}
.rece_box .rcp_ulbox{float: left; width: calc(50% - 30px); width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); overflow: hidden;}
.rece_box .rcp_ulbox.rcp_ulbox_r{float: right;}
.rece_box .rcp_ulbox.rcp_ulbox_r.rcp_ulbox_rr{/* margin-top: 40px; */}
.rece_box .mid_boxda{float: left; width: 5%;}
.rcp_ulbox .rcp_write{width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; font-weight: 400;}
.rcp_ulbox .rcp_write .same_mbboxx1{margin: 10px 0; /* margin: 5px 0; */}
#msg_Address{margin-top: 10px; display: block;}
.rcp_ulbox .rcp_write.rcp_href{width: 50%;float:left}
.rcp_ulbox .rcp_write.rcp_href_l{width: calc(50% - 5px); width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); float:left}
.rcp_ulbox .rcp_write.rcp_href_r{width: calc(50% - 5px); width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); float:right}
.box_shasha{width: 100%; height: 75px;}
.md_view{float: left; width: 157px; height: 45px; margin: 25px 0 0; background: #f4f4f4;}
.md_margin{margin: 25px 10px;}
.modal_go{display: block; text-align: center; padding: 10px;  box-sizing: border-box; color: #555;}
.rcp_write select{background-position: 95% 50%; color: #555; font-weight: 300;}
.ju_mbboxx{float: left; width: 76%; height: 45px; margin: 5px 0 10px; padding-left: 10px; border: 1px solid #dedede; color: #0f0f0f;}
.src_jicgo{float:left;width: 22%; height:45px; line-height:45px; margin-top:5px; margin-left: 12px; border:0px;}

.addr_sch_wr{width: 100%; display: block; font-size: 0;}
.addr_sch_wr li{overflow: hidden; width: 15%; display: inline-block; padding-left: 10px;}
.addr_sch_wr li:first-child{padding: 0; width: 55%;}
.addr_sch_wr li .src_jicgo{width: 100%; margin-left: 0; font-size: 16px; margin: 10px 0; background: #f7f7f7; border: 1px solid #ddd;}
.addr_sch_wr li .ju_mbboxx{font-size: 16px; width: 100%; margin: 10px 0;}

.rcp_btnbox{width: 100%; clear: both; text-align: center;margin-bottom: 100px; }
.rcp_btnbox .choos_btn{margin-top: 40px;}
.src_3box{margin-bottom: 15px;}

.rece_box input[type="text"]::placeholder{font-weight: 300; color: #555;}

/* 모달css */
.mask{display: none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1; background:#000; opacity:.5; filter:alpha(opacity=50);}

#jusobox{display:none; position:relative;}
#jusobox .juso_content{width:670px; height: 850px; padding:30px; border:1px solid #ccc; position:fixed; left:50%; top:50%; z-index:11; background:#fff;}
.close_byebye{position:absolute; right:30px; top:30px; cursor:pointer; border: none; background: none;}
.moda_title{margin-bottom: 30px; letter-spacing: -1px; font-size: 1.3em; font-weight: 500; color: #333;}
.s_cha{width: 100%; height: 170px;}
.s_cha .s_chaul{float: left; width: 8%; height: 100%;}
.s_cha .s_chaul2{float: left; width: 92%; height: 100%;}
.s_chaul .s_chali{width: 100%; height: 100%;}
.s_txt{padding-top: 10px; font-size: 1.2em; font-weight: 500; color: #333;}

.s_chaul2 .s_srcli{position: relative; width: 100%; height: 45px; margin-bottom: 5px;}
.s_chaul2 .s_srcli2{width: 100%; height: 50px; margin-bottom: 5px;}
.juso_put{width: 100%; height: 100%; padding-left: 20px;}
.juso_put2{width: 100%; height: 100%; padding-left: 20px;}
.juso_put2::placeholder{color: #333;}

.search_u{position: absolute; top: 15px; right: 20px; border: none; background: none;}
/* 승차 */

.h_cha{width: 100%; height: 180px;}
.h_cha .h_chaul{float: left; width: 8%; height: 100%;}
.h_cha .h_chaul2{float: left; width: 92%; height: 100%;}
.h_chaul .h_chali{width: 100%; height: 100%;}
.h_txt{padding-top: 10px; font-size: 1.2em; font-weight: 500; color: #333;}

.h_chaul2 .h_srcli{position: relative; width: 100%; height: 45px; margin-bottom: 5px;}
.h_chaul2 .h_srcli2{width: 100%; height: 50px; margin-bottom: 5px;}
.juso_put{width: 100%; height: 100%; padding-left: 20px;}
.juso_put2{width: 100%; height: 100%; padding-left: 20px;}
.juso_put2::placeholder{color: #333;}

.search_u{position: absolute; top: 15px; right: 20px; border: none; background: none;}
/* 하차 */

.modal_mapbox{width: 100%; height: 305px;}
.modal_mapbox img{width: 100%;}

.juso_btnbox{margin-top: 20px; width: 100%; height: 60px; text-align: center;}


#mixbox{display:none; position:relative;}
#mixbox .myobox{width:670px; height: auto; padding:30px; border:1px solid #ccc; position:fixed; left:50%; top:50%; z-index:11; background:#fff;}
.toto_box{width: 90%; height: 300px; margin: 0 auto;}
.toto_box .sh_box{position: relative; width: 100%; height: 85px; margin-bottom: 10px; padding: 15px 20px; border: 1px solid #ddd; box-sizing: border-box;}
.sh_box .sh_li{width: 100%; height: 25px;}
.sh_txtbox{letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #555;}
.one_tt{margin-right: 20px; font-weight: 500; color: #333;}

.datemount{position: absolute; top: 10px; right: 20px;}
.datenumbering{letter-spacing: -1.2px; font-size: 1em; font-weight: 300; color: #555;}
.tac_li{position: absolute; bottom: 20px; right: 20px;}
.tac_push{border: none; background: none; font-weight: 400; color: #00a0a8;}

#mixbox2{display:none; position:relative;}
#mixbox2 .myobox2{width:670px; height: auto; padding:30px; border:1px solid #ccc; position:fixed; left:50%; top:50%; z-index:11; background:#fff;}
/* 모달css */
/*------------------------------------------------------------- //접수하기 css -------------------------------------------------------------*/

/*------------------------------------------------------------- //차량소개 css -------------------------------------------------------------*/
.car_box{width: 1280px; height: auto; margin: 0 auto;}
.car_introduce_out_div{width:100%;overflow-x:scroll;}
.car_introduce{width: 1280px; height: auto; margin-bottom: 100px; border-bottom: 1px solid #00a0a8;}
.car_introduce caption{display: none;}
.car_th{padding: 10px; border-right: 1px solid #ddd; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #fff; background: #00a0a8;}
.car_td{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #333;}
.car_td .carimg_mg{margin: 20px 30px;}
.car_end{border-right: 0;}
.car_btx{border-bottom: 0;}
.car_ppd{padding: 0 10px;}
.car_tr_03 .car_end{padding: 60px 0;}

.car_box2{display:none;}

/*------------------------------------------------------------- //차량소개 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 이용대상 및 서류접수 css -------------------------------------------------------------*/
.info_all{width: 100%; height: 100%; margin-bottom: 100px; }
.info_hdbox{width: 1280px; height: auto; margin: 0 auto;}

.textbox_info{width: 100%; height: auto; margin-bottom: 30px;}
.f_infotxt{letter-spacing: -1.5px; font-size: 20px; font-weight: 500; color: #0f0f0f; margin-bottom: 20px;}
.sub_infotxt{width: 100%; height: auto; margin-top: 10px; margin-left: 20px;}
/* .bt_infotit{letter-spacing: -1px; font-size: 20px; font-weight: 400; color: #0f0f0f;} */
.bt_infotxt{letter-spacing: -1px; font-size: 17px; font-weight: 400; color: #333; line-height: 1.7;}
.bt_infotxt_0{margin-bottom: 15px;}
.last_infotxt{letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #333;}
.blue_txt{margin-left: 15px; color: #0f20ff;}
.blue_txt2{color: #0f20ff;}
.ft_infored{margin-top: 30px; letter-spacing: -1px; color: #da0000;}

.pri_table{margin-bottom: 20px; text-align: center;}
.pri_table th{font-weight: 400;}
.pri_table td{padding: 0 20px;}

.info_tblbox{width: 100%; height: 650px;}
.tbl_allbox{width: 100%; height: 450px;}
.info_tbl{float:left; width: 33.3%; height: 420px;}
.info_tbl:last-child .lesion_tbl{border-right: none;}
.info_tbl caption{display: none;}
.lesion_tbl{width: 100%; height: 100%; border-bottom: 1px solid #00a0a8; border-right: 1px solid #00a0a8;}
.info_th{padding: 10px; border-right: 1px solid #ddd; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #fff; background: #00a0a8;}
.info_tds{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #555;}
.info_end{border-right: 0 !important;}
.info_btx{border-bottom: 0 !important;}
/*------------------------------------------------------------- //이용대상 및 서류접수 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 이용방법 css -------------------------------------------------------------*/

.eyong_txt{letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #555;}
.eyong_tbl{width: 420px; height: 100%; border-bottom: 1px solid #00a0a8;}
.eyong_tbl2{width: 420px; height: 100%; border-bottom: 1px solid #00a0a8;}
.eyong_tbl caption{letter-spacing: -1.5px; text-align: left; line-height: 60px; font-size: 1.15em; font-weight: 500; color: #333;}
.eyong_tbl2 caption{display: none;}
.info_tds2{padding: 15px 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #555;}

.eybang_info{width: 100%; height: auto;}
.eybang_info .eybang_ul{width: 100%; height: 270px;}
.eybang_li{float: left; height: 260px; margin-right: 17px;}
.last_eyright{margin-right: 0;}
.eyong_txt{letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #555;}
.ey_money{width: 100%; height: auto; border-bottom: 1px solid #00a0a8;}
.ey_money caption{display: none;}
/*------------------------------------------------------------- //이용방법 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 접수방법 css -------------------------------------------------------------*/
.jubsu_tbl{width: 600px; height: 100%; border-bottom: 1px solid #00a0a8;}
.jubsu_tbl caption{display: none;}
.jubsu_txt{margin-top: 25px; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #555;}
.info_tds3{padding: 15px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #555;}

.baecha_box{clear: both; width: 100%; height: 600px;}
.baecha_box .bc_ul{width: 100%; height: 100%;}
.bc_li{float: left; margin-bottom: 30px;}
.bd_mid{margin-right: 30px; margin-left: 30px;}

.callgo_txt{margin: 20px 0; letter-spacing: -1.5px; font-size: 1.2em; font-weight: 400; color: #333;}
.app_callbox{clear: both; width: 100%; height: 600px;}
.app_callbox .app_ul{width: 100%; height: 100%;}
.app_li{float: left;}
.app_mid{margin-right: 25px;}

.web_callbox{clear: both; width: 100%; height: auto;}
.web_callbox .web_ul{width: 100%;}
.web_callbox .web_ul:after{content: "";display: table; clear: both;}
.web_li{float: left; margin-bottom: 25px;}
.web_mid{margin-left: 25px;}

.app_callbox_all:after{content: ""; display: table; clear: both;}
.app_callbox_n{float: left;}
.app_callbox_n02{margin-left: 26px;}
.callgo_txt_n{margin: 30px 0 20px; letter-spacing: -1.5px; font-size: 1.2em; font-weight: 400; color: #333;}
.app_ul_n{margin: -13px; font-size: 0;}
.app_ul_n li{display: inline-block; padding: 13px;}


/*------------------------------------------------------------- //접수방법 css -------------------------------------------------------------*/


/*------------------------------------------------------------- 대전장애인운전지원 css -------------------------------------------------------------*/
.pick_all{width: 100%; height: 100%; margin-bottom: 100px;}
.pickup_box{width: 1280px; height: 1050px; margin: 0 auto;}
.red_txt{margin-top: 10px; margin-left: 15px; letter-spacing: -1.5px; font-size: 1em; font-weight: 400; color: #da0000;}
.study_view{width: 100%; height: auto; margin: 5px 0 20px;}



.pic_tbl caption{display: none;}
.pic_tbl{width: 830px; height: 100%; border-bottom: 1px solid #00a0a8;}
.pic_th{padding: 10px; border-right: 1px solid #ddd; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #fff; background: #00a0a8;}
.pic_tds{padding: 10px 0; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #555;}
.pic_end{border-right: 0 !important;}
.pic_btx{border-bottom: 0 !important;}
.max_title{margin-bottom: 10px; letter-spacing: -1px; font-weight: 500; color: #0f0f0f;}
.pic_qatxt{margin-top: 10px; margin-left: 20px; letter-spacing: -1.3px; font-size: 1em; font-weight: 400; color: #555;}
.study_lastbox{width: 100%; height: auto; margin: 70px 0 0; text-align: center;}
/*------------------------------------------------------------- //대전장애인운전지원 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 개인정보, 이용약관, 이메일무단수집거부 css -------------------------------------------------------------*/
.priv_cont{}
.priv_cont > ul{}
.priv_cont > ul > li{padding: 40px 30px 45px; border-top: 1px dashed #cecece;}
.priv_cont > ul > li:first-child{border-top: 2px solid #00a0a8;}
.priv_tit{font-size: 18px; font-weight: 400; color: #333;}
.priv_txt_box{margin-top: 20px;}
.priv_txt{font-size: 16px; font-weight: 300; color: #555; line-height: 1.5;}
.priv_txt2{font-size: 16px; font-weight: 400; color: #0f0f0f; line-height: 1.5;}
.priv_txt.pt{padding-top: 10px;}
.priv_hypen_txt{padding: 10px 0;}
.priv_hypen_txt.pd0{padding: 0 0 0 10px;}
.priv_hypen_txt > li{padding-left: 12px; font-size: 16px; font-weight: 300; color: #555; line-height: 1.5; text-indent: -12px;}

#email_terms .priv_cont > ul > li{font-size: 0;}
.email_terms_icon{display: inline-block; width: 200px; vertical-align: middle;}
.email_terms_txtbox{display: inline-block; width: calc(100% - 200px); padding-left: 30px; vertical-align: middle;}
/*------------------------------------------------------------- //개인정보, 이용약관, 이메일무단수집거부 css -------------------------------------------------------------*/








/*------------------------------------------------------------- (공지사항,회원소리함,자유게시판)리스트/ 뷰/ 글쓰기 css -------------------------------------------------------------*/
.notic_mbox{display: none;}

.not_viewbox{width: 100%; height: auto;}
#bo_v{width: 100%; height: auto; margin: 0 auto;}
#bo_v .view_tbl{width: 100%; height: 100%; display: block; border-bottom: 1px solid #333;}
.view_tbl .not_looktbl{width: 100%; height: 100%; border-top: 2px solid #00a0a8; display: block;}
#bo_v .not_looktbl caption{position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0;}
.not_looktbl thead, .not_looktbl tbody, .not_looktbl tr, .not_looktbl td, .not_looktbl tfoot{width: 100%; display: block;}
.not_looktbl thead tr{font-size: 0;}
.not_looktbl tfoot{/* padding: 20px; */}

/*본문표 - 오류*/
.not_looktbl td.bonmoon_txt table{width: 70%;}
.not_looktbl td.bonmoon_txt thead{display: table-header-group;}
.not_looktbl td.bonmoon_txt tbody{display: table-row-group;}
.not_looktbl td.bonmoon_txt tr{display: table-row;}
.not_looktbl td.bonmoon_txt td{display: table-cell; width: auto;}

.bo_vc_w{padding: 20px;}
.view_notth{padding: 20px; border-bottom: 1px solid #333; letter-spacing: -1px; font-size: 20px; font-weight: 400; color: #333; }
.text_leftgo{text-align: left; width: calc(100% - 300px); width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_rightline{display: block; border-right: 1px solid #333; font-size: 16px;}
.view_pdx{padding-left: 0; padding-right: 0; font-size: 1em; color: #555;width: 150px; display: inline-block; vertical-align: bottom;}
.mot_text{font-family: 'Montserrat', sans-serif; font-size: 16px;}

.file_tr{}
.file_th{width: 100%; display: block; text-align: left;}
.file_ul{padding: 10px; border-bottom: 1px solid #ddd; width: 100%;}
.file_icon{display: inline-block; vertical-align: top; margin-right: 10px;}
.file_icon_txt{color: #0f20ff; font-weight: 300 !important; font-size: 16px !important; display: inline-block; vertical-align: top;}

.view_mibth{padding: 15px; border-bottom: 1px solid #ddd; text-align: left; }
.ck_udown{display: block;}
.click_down{margin-left: 20px; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #0f20ff;}

.bonmoon_txt{padding: 20px; border-bottom: 0px solid #333; letter-spacing: -1px;  font-size: 16px; font-weight: 300; color: #555; width: 100%; display: block; min-height: 300px; -ms-word-break: break-word; word-break: break-word; line-height: 1.6;}

.bo_vc_w_wr{width: 100% ;height: 100%; margin-bottom: 20px; }
.daet_title{margin: 0 0 20px; letter-spacing: -1px; font-size: 20px; font-weight: 400; color: #333;}
.bo_vcbox{width: 100%; height: 80px; overflow: hidden; display: none;}
.bo_vcli{float: left; margin-right: 5px;}
.bovc_txt{margin-bottom: 8px; text-align: left;}
.captcha_box,
.view_input{width: 250px; height: 45px; padding-left: 10px; border: 1px solid #ddd;}
#captcha_img{float: right; width: 110px; height: 45px; margin-left: 5px; border: 1px solid #ddd; background: #f7f7f7; box-sizing: border-box;}
#captcha_reload{display: none;}
.btn_rightgo{float: right; margin-right: 0; /* margin-top: 24px; */}
.view_gobtn{width: 180px; height: 45px; border: none; font-size: 1em; font-weight: 400; border: 1px solid #00a0a8; background: #fff; color: #00a0a8;}
.view_txtarea{width: 100%; height: 125px;}
.view_daetchang{width: 100%; height: 100%; padding: 10px; resize: none;}
.btn_confirm2{/* width: 100%; height: 35px; */  text-align: left; margin-bottom: 0; margin-top: 10px; overflow: hidden;}

.daet_topline{/* padding: 20px; */ border-bottom: 1px solid #333;}
#bo_vc_empty{padding: 80px 20px; border-top: 1px solid #ddd;}
.cmt_contents{margin-top: 10px; text-align: left;}
.om_wrap{position: relative; padding: 20px; border-top: 1px solid #ddd; text-align: right;}
.bo_vl_xcon{/* position: absolute; top: 5px; right: 10px; */display: inline-block;}
.bo_vc_act{margin-top: 5px;}
.bo_vc_act li{display: inline-block; padding: 5px 8px; border: 1px solid #ddd; background: #f7f7f7;}
.bo_vd_date2{margin-left: 15px; color: #555; font-size: 16px; vertical-align: top;}
.daet_name{font-size: 18px; font-weight: 400; color: #555; text-align: left;}

#bo_v_info{position: relative; /* width: 100%; height: 60px;  */margin: 40px 0 80px; text-align: center;}
.vw_gongul{position: absolute; top: 15px; right: 0;}
.vw_gongul .vw_gongli{float: left; margin: 0 5px;}
.vw_dpbye a{}
#bo_v_info #bo_v_top{/* width: 450px; height: 100%; margin: 0 auto; */ display: inline-block;}
.bo_v_com{width: 100%; height: 100%; overflow: hidden; margin: 10px 0 20px;}
.last_chkview{float: left; /* width: auto; */ width: 120px; /* height: 50px; */ border: 1px solid #ddd; text-align: center; letter-spacing: -1px; font-size: 16px; line-height: 50px; font-weight: 300; color: #555; background: #f7f7f7;}
.last_midda{width: 180px; margin: 0 5px; color: #333; background: none;}
.last_midda a{ color: #333;}
.last_chkview a{display: block; padding: 0 20px;}

.view_btn{width: 90px; height: 50px; line-height: 50px; border: 1px solid #ddd; background: #f7f7f7; text-align: center;}
.view_btn a{display: block; font-size: 16px;}

.adm_tagbox{position: absolute; top: 0; right: 0;}
.btn_bo_user .adm_usrli{float: left; margin: 0 5px;}

#bo_list2{width: 100%; height: auto;}
.notice_box{position: relative; height: auto; margin: 0 auto;}
.notice_box .notice_wrap{position: relative; width: 100%;}
.look_notice{width: 100%; height: 100%; border: 1px solid #ddd; border-top: 2px solid #00a0a8;}
.look_notice caption{position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0;}
.look_notice thead tr{border-bottom: 1px solid #ddd;}
.look_notice tbody tr{border-bottom: 1px solid #ddd;}
.not_th{padding: 20px 0; letter-spacing: -1px; font-size: 1em; font-weight: 400;}
.not_td{padding: 20px 0; letter-spacing: -1px; text-align: center; font-size: 1em; font-weight: 300; color: #555; width: 12%;}
.td_chk {width: 10px;}
.td_subject{padding-left: 30px !important; text-align: left; width: 52%;}
.td_num2{width: 8%;}
.td_num{width: 8%;}

/*다시 살려야함*/
/* a.btn_b01.btn{display: none;} */
.fa-list{display: none !important;}

.bo_fx{width: 100%; margin-top: 40px; overflow: hidden;}
.bo_fx .more_opt{display: inline-block; float: left; font-size: 0;}
.bo_fx .more_opt li{display: inline-block;}
.bo_fx .more_opt li:first-child{margin-right: 10px;}
.bo_fx .more_opt li button{font-size: 16px;}
.bo_fx .adm_btda{border: 1px solid #ddd; background: #f7f7f7; width: 100px; line-height: 50px;}
.bo_fx .vw_bojago{border: none; background: none;}
.bo_fx .btn_bo_user{display: inline-block; float: right;}
.bo_fx .btn_bo_user li{width: 100%; height: 100%;}
.write_ntbtn{display: block; /* padding: 12px; */ width: 180px; line-height: 50px; text-align: center; border: 1px solid #ddd;}


/*글쓰기*/
#bo_w{width: 100%; height: 100%;}
.bo_wtboxda{width: 1280px; height: auto; margin: 0 auto 100px;}

#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .wr_content textarea{padding: 10px;}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {width: 100%; padding-right:120px; padding-left: 10px; height: 45px;}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:0;right:5px;line-height:45px;height:45px; border: none; background: none;}
#bo_w .bo_w_link label {position:absolute; top:1px; left:1px; border-radius:3px 0 0 3px; line-height:43px; width:130px; font-size:1.2em; text-align:center; color:#b2b2b2; border-right: 1px solid #aaa;}
#bo_w .bo_w_link .frm_input {width: 100%; padding-left:140px; height: 45px;}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px; line-height:43px; width:130px; font-size:1.2em; text-align:center; color:#b2b2b2; border-right: 1px solid #aaa;}
#bo_w .bo_w_flie .frm_file {width: 80%; padding-left:140px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #aaa;background:#fff;color:#000;vertical-align:middle;padding:5px;height:45px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
/* 글쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:45px;right:0;width:350px;height:auto; border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#555}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

#bo_w .write_div.btn_confirm{margin-top: 40px;}
.btn_confirm a{width: 120px; height: 50px; border: 1px solid #ddd; text-align: center; letter-spacing: -1px; font-size: 16px; font-weight: 400; color: #555; background: #fff; display: inline-block; vertical-align: top; line-height: 50px;}
.btn_confirm button{width: 120px; height: 50px; border: 1px solid #00a0a8; text-align: center; letter-spacing: -1px; font-size: 16px; font-weight: 400; color: #00a0a8; background: #fff; display: inline-block; vertical-align: top; line-height: 50px;}
/*------------------------------------------------------------- //(공지사항,회원소리함,자유게시판)리스트/ 뷰/ 글쓰기 css -------------------------------------------------------------*/

.bo_sch_wrap{text-align: center; margin-top: 20px;}
.bo_sch #sfl{display: inline-block; width: auto; vertical-align: middle; height: 40px; border: 1px solid #ddd; padding: 0 5px; font-size: 14px;}
.bo_sch .sch_bar{display: inline-block; width: auto; vertical-align: middle; font-size: 0;}
.bo_sch .sch_bar #stx{width: 152px; height: 40px; padding: 5px; vertical-align: middle; font-size: 14px; border-radius: 0; border: 1px solid #ddd;}
.bo_sch .sch_btn{display: inline-block; width: 40px; height: 40px; vertical-align: middle; font-size: 14px; border-radius: 0; border: 1px solid #00a0a8; border-left: 0; background: #00a0a8; color:#fff;}

#null_area{height:80px;}



/* 이용안내 추가 - 2020.10.28 */ 
.ta_l_add{}
.ta_l_add li{}
.ta_l_add .ta_pop_btn{
	font-weight: 500; 
	color: #fff; 
	cursor: pointer;
	background: #00a0a8;
	padding: 0 10px 3px;
	border-radius: 5px;
	border: 1px solid transparent;
}
.ta_l_add .ta_pop_btn:hover{
	background: #fff;
	border-color: #00a0a8;
	color: #00a0a8;
}
.tbl_add_wr{padding: 0; height: 0; overflow: hidden;}
.tbl_add_wr.act{padding: 50px 0; height: 100%;}
.tb_st01 th.th_mark{width: 150px;}

.btn_addTbl_x{
	display: inline-block;
	font-weight: 400;
    color: #fff;
    cursor: pointer;
    background: #333;
    padding: 3px 10px;
    border-radius: 5px;
    border: 1px solid transparent;
}
.tbl_add{margin-top: 20px;}

.tb_st01.tbl_add td{padding: 8px 10px;}


.ta_pop_wr{position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); display: none; z-index: 500;}
.ta_pop_bg{width: 100%; height: 100%; display: none;}
.ta_pop_img{position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); height: 90%;}
.ta_pop_img img{width: auto; height: 100%;}
.ta_pop_close{position: absolute; top: 10px; right: -30px; cursor: pointer; width: 19px; height: 19px;}
.ta_pop_close span{width: 25px; height: 1px; background-color: #fff; display: block; position: absolute; left: 35%;}
.ta_pop_close span:first-child{bottom: 0; transform: rotate(45deg) translate(-50%, -50%);}
.ta_pop_close span:last-child{top: 0; transform: rotate(-45deg) translate(-50%, -50%);}












/*------------------------------------------------------------- 반응형 헤더/푸터 메인 페이지 css -------------------------------------------------------------*/
@media (max-width:1290px){

	.snb_linebox .snb_midbox{width: 100%; padding: 0 20px;}
	.nav_box .nav_marginbox{width: 100%; padding: 0 20px;}
	.alink_marginbak{padding-right: 0;}
	.sub_box2da{width: 100%;}
	/* .sub_leftbox{width: 39%;}
	.sub_rightbox{width: 61%;} */
	.sub_leftbox{display: none;}
	.sub_rightbox{display: inline-block; float: right; width: auto;}
	.menu_mlja5{margin-right: 10px;}
	/* 헤드 */
	.f_content{width: 100%;}
	.subbox_margin{margin: 0 36px;}
	.subpage_list{width: 31%;}

	.logo_click{width: 200px;}
	.logo_link{padding: 24px 0;}
	.gnb_box{
		width: calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
		width: -moz-calc(100% - 200px);
	}
	.gnb_link{padding: 0px 10px; font-size: 18px;}
	.gnb_marginbak .gnb_2dp{margin-right: -5px;}
	.gnb_2dp > li > a{font-size: 16px;}
	/* 메인 컨텐츠 */
	.footer_upbox .footer_bottomline .footer_marginbox{width: 100%; padding: 0 20px;}
	.guide_li .a_listchk{padding: 25px 5px;}
	.center_li .a_listchk{padding: 25px 10px;}
	.last_address{width: 100%; padding: 25px 20px;}
	/* 푸터 */
	#null_area{height:80px;}

	/***메인***/
	#main{height: auto; padding-bottom: 90px;}
	.main_contents{margin: 0 -2%;}
	.main_contents > li{width: 50%; padding: 0 2%;}
	.main_contents > li.main_link_box{width: calc(100% - 414px);}
	.main_contents > li.main_link_box:after{content: ""; display: table; clear: both;}
	.main_contents > li.main_adv_box{width: 414px;}
	.main_contents > li.main_bord_box{display: block; width: 100%; margin-top: 30px;}
}

@media (max-width:1150px){

	.gnb_limenu{padding: 0 25px;}
	.menu_mlja2{margin-left: 10px;}
	.menu_mlja3{margin-left: 12px;}
	.menu_mlja4{margin-left: 20px;}
	.menu_mlja5{margin-right: 47px; margin-left: 17px;}
	/* 헤드 */

	.f_content{width: 100%;}
	.subbox_margin{margin: 0 15px;}
	.subpage_list{width: 32%;}
	.two_btmargin{margin-bottom: 15px;}
	.big_fontda{margin: 45px 0 28px;}
	.plus_btn{margin-top: 0;}
	/* 메인 컨텐츠 */
	.center_li .a_listchk{padding: 25px 7px;}
	/* 푸터 */
}

@media (max-width:1023px){

	#nav_top{border-bottom: 1px solid #ddd;}
	.snb_tab{width: 100%; height: 64px; padding-left: 40px; border-bottom: 1px solid #ddd;}
	.snb_ligo{float: left; margin: 18px 5px;}
	.liner{font-size: 0.6em; color: #555;}
	.snb_ligo a{display: block;  padding: 3px; font-size: 0.85em; font-weight: 400; color: #555;}

	.gnb_limenu{display: none;}
	.bugermenu{display: block; margin: 32px 8px;}
	.sub_navbox{display: none !important;}
	.gnb_link{padding: 15px 0px;}
	/* 헤드 */
	.hook_line{padding-left: 20px;}
	.sub_ul .snb_li{margin: 0 3px;}
	.snb_li.snb_li_mo_none{display: none;}
	.sub_ul .snb_li .snb_acolor{font-size: 13px;}
	.hidden_link_wr{}
	.hidden_link_menu{display: none !important;}

	.nav_box.on{height: 90px !important;}
	.gnb_2dp{display: none !important;}

	/* 메인 컨텐츠 */
	.main_contents > li.main_link_box{width: calc(100% - 380px);}
	.main_contents > li.main_link_box:after{content: ""; display: table; clear: both;}
	.main_contents > li.main_adv_box{width: 380px;}
	.main_link{height: 113px;}
	.main_link_txt01{font-size: 24px;}
	.main_link_txt03{font-size: 22px;}
	.main_link_txt04{font-size: 26px;}

}
@media (max-width:930px){

	#nav_top{border-bottom: 1px solid #ddd;}
	.snb_tab{width: 100%; height: 64px; padding-left: 40px; border-bottom: 1px solid #ddd;}
	.snb_ligo{float: left; margin: 18px 5px;}
	.liner{font-size: 0.6em; color: #555;}
	.snb_ligo a{display: block;  padding: 3px; font-size: 0.85em; font-weight: 400; color: #555;}
	.x_conbox{margin-left: 330px; cursor: pointer;}

	/* 헤드 */
	.pic_box{width: 750px;}
	.bak_list{display: none;}

	.subbox_margin{margin: 0 2%;}
	.hook_line{clear: both; padding-left: 10px; text-align: center;}
	/* 메인 컨텐츠 */
	.ft_baklist{display: none;}
	.ft_maglist{margin-left: 0 !important;}
	
}

@media (max-width: 768px){
	.gnb_limenu{display: none;}
	.bugermenu{display: block; margin: 32px 8px;}
	.gnb_link{padding: 15px 0px;}
	/* 헤드 */

	.hook_top{margin-top: 40px;}
	.subpage_list tbody tr:last-child{display: none;}

	.f_content{width: 90%; height: auto; margin: 20px auto 0;}
	.subbox_margin{margin: 0 30px;}
	.subpage_list{float: none; width: 100%; /* height: 240px; */ margin-top: 15px;}
	.subbox_margin{margin-left: 0; margin-right: 0;}
	.two_btmargin{margin-bottom: 15px;}
	.hook_line{margin-top: 40px;}
	.hook_txt{/* width: 100px; */}
	.sp-slides-container{height: 1000px;}
	.sp-mask, .sp-grab{height: 1000px !important;}
	.sp-slides{height: 1000px;}
	.sp-slide, .sp-selected{height: 1000px !important;}
	.sp-image-container{height: 1000px !important;}
	.big_fontda.big_fontda01{margin: 30px 0 0px;}
	.big_fontda{margin: 30px 0 0;}
	.plus_btn{margin-top: 10px; margin-bottom: 35px;}
	/* 메인 컨텐츠 */

	.footer_upbox{height: auto;}
	.center_li .a_listchk{padding: 8px 5px;}
	.ft_baklist{display: none;}
	.ft_maglist{margin-left: 0 !important;}
	.last_address .business_class{height: auto; margin: 0 auto;}
	.last_address .business_class .business_li{clear: both; margin: 5px 0; padding: 0;}
	.last_address {padding: 15px 20px 20px;}
	.line_guidebox2{height: auto;}
	.line_guidebox2 .jiwon_center{overflow: hidden; padding: 8px 0;}
	.line_guidebox1{height: 55px;}
	.footer_upbox .footer_bottomline{height: 55px;}
	.guide_li .a_listchk{padding: 20px 5px; font-size: 13px;}

	.tb_st01 td:first-child{word-break: break-all;}

	/* 푸터 */
	#null_area{height:0px;}
}

@media (max-width: 672px){

	#menu-container .menu-list{width: 480px;}
	.x_conbox{margin-left: 170px;}

	.gnb_limenu{display: none;}
	.bugermenu{display: block; margin: 32px 8px;}
	.gnb_link{padding: 15px 0px;}
	/* 헤드 */


	/* 메인 컨텐츠 */

	.ft_baklist{display: none;}
	.ft_maglist{margin-left: 0 !important;}
	/* 푸터 */
}

@media (max-width: 500px){
	.gnb_limenu{display: none;}
	.bugermenu{display: block; margin: 32px 8px;}
	.gnb_link{padding: 15px 0px;}
	/* 헤드 */


	.hook_top{margin-top: 30px;}
	.hook_top2{margin-top: 28px;}

	.hook_line{/* width: 70px; padding-left: 20px; */ margin-top: 30px;}
	.hook_txt{/* width: 100px; */}
	/* 메인 컨텐츠 */

	.ft_baklist{display: none;}
	.ft_maglist{margin-left: 0 !important;}
	/* 푸터 */
}

@media (max-width: 480px){
	#menu-container .menu-list{width: 100%;}
	.snb_tab{padding-left: 30px;}
	.x_conbox{margin-left: 150px;}


	.sp-slides-container{height: 1040px;}
	.sp-mask, .sp-grab{height: 1040px !important;}
	.sp-slides{height: 1040px;}
	.sp-slide, .sp-selected{height: 1040px !important;}
	.sp-image-container{height: 1040px !important;}

	.line_guidebox1{height: auto; border-bottom: 1px solid #e7e7e7;}
	.footer_upbox .footer_bottomline{height: auto;}
}

@media (max-width: 420px){
	.snb_tab{padding-left: 10px;}
	.x_conbox{margin-left: 80px;}
	/* 헤더 */


	.subbox_margin{margin-left: 0; margin-right: 0;}
	/* 메인 컨텐츠 */

	/* 푸터 */
}

@media (max-width: 380px){
	.snb_tab{padding-left: 10px;}
	.x_conbox{margin-left: 80px;}



	.subbox_margin{margin-left: 0; margin-right: 0;}
	/* 메인 컨텐츠 */

	/* 푸터 */
}

@media (max-width: 350px){
	.x_conbox{margin-left: 30px;}
}
/*------------------------------------------------------------- //반응형 헤더/푸터 메인 페이지 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 센터소개(운영기관 및 연혁) 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){



	.oper_box{width: 100%;padding: 0 20px;}
	.history_box{width: 100%; padding: 0 20px;}
	.mid_mlja{/* margin: 0 32px; */}
	.his_ul .his_li .center_moa{padding: 20px 10px;}
	.day_bb{margin: 0 15px;}
}
@media (max-width: 1024px){
	.his_ul .his_li{width: 50%; margin: 0 0 40px;}
	.mid_mlja{margin: 0;}
}
@media (max-width: 930px){
	.my_tab{display: none;}
}
@media (max-width: 768px){
	.respon_li1{display: none;}
	.respon_li2{display: block;}
	.terms_titlebox{padding-top: 60px; padding-bottom: 40px; font-size: 26px;}
	.terms_titlebox:before{width: 84px; height: 84px; top: 20%;}
	.terms_titlebox:after{width: 98px; top: 55%;}
	.history_box .his_ul{margin: 0;}
	.his_ul .his_li{width: 100%; margin: 0 0 20px; padding: 0; height: auto;}
	.his_ul .his_li .center_moa{padding: 10px 10px 40px;}
	.mid_mlja{margin: 0;}
	.ey_money{width: 100%; display: block; overflow-x: auto;}

	.pg_ul .pg_li{width: 35px;}
	.arrow_cc{height: 35px;}
	.num_a{padding: 8px; height: 35px;}
	.margin_li{margin: 0 1px !important;}
	.pg_ul .pg_li{margin: 0 3px;}

}
@media (max-width: 480px){
	.respon_li1{display: none;}
	.respon_li2{display: none;}
	.respon_li3{display: block;}
	.title_wd2{width: 100%;}

	.terms_titlebox:before{width: 64px; height: 64px; top: 30%; left: 95%;}
	.terms_titlebox:after{width: 35px; left: calc(100% + 10px); left: -webkit-calc(100% + 10px); left: -moz-calc(100% + 10px);}
}
@media (max-width: 320px){
	.respon_li1{display: none;}
	.respon_li2{display: none;}
	.respon_li3{display: block;}

	.his_ul .his_li .center_moa{padding: 10px 5px 30px;}
	/* .day_num{font-size: 0.9em;}
	.day_txt{font-size: 0.7em;} */

	.his_ul .his_li{width: 100%; margin: 0 0 20px;}
	.mid_mlja{margin: 0;}
}
/*------------------------------------------------------------- //센터소개(운영기관 및 연혁) 반응형 페이지 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 센터소개(차량소개) 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.car_box{width: 90%;}
/*	.car_td .carimg_mg{width: 90%; margin: 0;}*/
}
@media (max-width: 1024px){

}
@media (max-width: 768px){

}
@media (max-width: 400px){

}
@media (max-width: 320px){
	.car_box{display: none;}
	.car_box2{display: block; width: 90%; margin: 0 auto;}

	.car_ul{width: 100%; height: 470px; margin-bottom: 20px; border: 1px solid #00a0a8;}
	.car_ul2{width: 100%; height: 300px; margin-bottom: 20px; border: 1px solid #00a0a8;}
	.car_li{width: 100%; height: 50px; border-bottom: 1px solid #fff; background: #00a0a8;}
	.car_liend{border-bottom: none !important;}
	.sarang_txt{text-align: center; padding: 10px;  font-size: 1em; font-weight: 300; color: #fff;}

	.car_liimg{width: 100%; height: 170px; margin: 10px 0; border-bottom: 1px solid #ddd;}
	.car_sstxt{font-size: 1em; font-weight: 300; text-align: center; color: #555;}
	.car_2ul{width: 100%; height: 120px; margin-top: 15px;}
	.car_2img{float: left; width: 50%; height: 100%; padding: 0 10px; box-sizing: border-box;}
	.car_2img img{width: 100%; height: 100%; }
	.car_3img{width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box;}
	.car_3img img{width: 100%;}

}
/*------------------------------------------------------------- //센터소개(차량소개) 반응형 페이지 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 이용안내(이용대상) 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.info_hdbox{width: 90%;}
	/* 이용안내 공통 큰 박스 */

	.eybang_info .eybang_ul{height: 550px;}
	/* 이용방법 */
	.baecha_box{height: 880px;}
	.baecha_box .bc_ul{width: 815px; margin: 0 auto;}
	.bd_mid{margin-left: 0; margin-right: 0;}

	.app_callbox{height: 1200px;}
	.app_callbox .app_ul{width: 600px; margin: 0 auto;}
	.app_mid{margin-right: 0;}

	.web_callbox{height: 2350px;}
	.web_callbox .web_ul{width: 625px; margin: 0 auto;}
	.web_mid{margin-left: 0;}
	/* 접수방법 */
}
@media (max-width: 1024px){
	/* 이용대상 및 서류접수 */

	/* 이용방법 */

	/* 접수방법 */
}
@media (max-width: 900px){
	.baecha_box .bc_ul{width: 700px; margin: 0 auto;}
	.bc_li{width: 50%;}
	.bc_li img{width: 100%;}
}
@media (max-width: 850px){
	.eybang_info .eybang_ul{height: 800px;}
}
@media (max-width: 768px){
	/* 이용대상 및 서류접수 */

	/* 이용방법 */
	.info2_tbl{width: 100%; height: auto;}
	.jubsu_tbl{width: 100%;}
	.baecha_box{height: 680px;}
	.baecha_box .bc_ul{width: 520px;}

	.app_callbox{height: 1050px;}
	.app_callbox .app_ul{width: 520px;}
	.app_li{width: 50%;}
	.app_li img{width: 100%;}

	.web_callbox{height: 1950px;}
	.web_callbox .web_ul{width: 520px;}
	.web_li{width: 100%;}
	.web_li img{width: 100%;}
	/* 접수방법 */
}
@media (max-width: 550px){
	.info_tbl{float: none; clear: both; width: 100%;}
	.info_tblbox{height: auto;}
	.tbl_allbox{height: auto;}
	.lesion_tbl{border-bottom: none; border-right: none;}
	/* 이용대상 및 서류접수 */

	.eybang_info .eybang_ul{width: 240px; height: 1330px; margin: 0 auto;}
	.eybang_li{float: none; clear: both; margin-right: 0; margin-bottom: 10px;}
	.info2_tbl{width: 100%; height: auto;}
	.eyong_tbl2{width: 100%; height: 100%;}
	.eyong_tbl{width: 100%; height: 100%;}
	/* 이용방법 */

	.baecha_box{height: 470px;}
	.baecha_box .bc_ul{width: 400px;}
	.app_callbox{height: 800px;}
	.app_callbox .app_ul{width: 400px;}
	.web_callbox{height: 1550px;}
	.web_callbox .web_ul{width: 400px;}
	/* 접수방법 */
}
@media (max-width: 400px){
	.title_wd3{width: 100%;}
	/* 이용대상 및 서류접수 */

	/* 이용방법 */
	.baecha_box{height: 370px;}
	.baecha_box .bc_ul{width: 300px;}
	.app_callbox{height: 620px;}
	.app_callbox .app_ul{width: 300px;}
	.web_callbox{height: 1200px;}
	.web_callbox .web_ul{width: 300px;}
	/* 접수방법 */
}
@media (max-width: 320px){
	/* 이용대상 및 서류접수 */

	.sub_infotxt{margin-left: 10px;}
	/* 이용방법 */
	.baecha_box{height: 370px;}
	.baecha_box .bc_ul{width: 280px;}
	.app_callbox{height: 620px;}
	.app_callbox .app_ul{width: 280px;}
	.web_callbox{height: 1200px;}
	.web_callbox .web_ul{width: 280px;}
	/* 접수방법 */
}
/*------------------------------------------------------------- //이용안내(이용대상) 반응형 페이지 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 인터넷접수(접수하기,내역 및 취소) 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.rece_box{width: 90%;}
	.ju_mbboxx{width: 75.5%;}
	/* 접수하기 */
	.my_reception{width: 90%;}
	/* 접수내역 및 취소 */
}
@media (max-width: 1150px){
	.ju_mbboxx{width: 74%;}
	/* 접수하기 */
	/* 접수내역 및 취소 */
}
@media (max-width: 1024px){
	/* 접수하기 */
	.tbl_wrap{overflow-x: auto;}
	.look_reception{min-width: 1280px;}
	.rece_box .rcp_ulbox{width: calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px);}
	/* 접수내역 및 취소 */
}
@media (max-width: 768px){
	.rece_box{height: auto;}
	.rece_box .rcp_ulbox{float: none; clear: both; width: 100%; height: auto;}
	.rece_box .mid_boxda{display: none;}
	.rece_box .rcp_ulbox.rcp_ulbox_r.rcp_ulbox_rr{margin-top: 0;}
	/* 접수하기 */
	/* 접수내역 및 취소 */
}
@media (max-width: 400px){
	/* 접수하기 */
	.title_wd4{width: 100%;}
	.paging_box{}
	.pg_ul .pg_li{}
	/* 접수내역 및 취소 */
}
@media (max-width: 320px){
	.ju_mbboxx{width: 73%;}
	.addr_sch_wr li{padding-left: 5px;}
	/* 접수하기 */
	.pg_ul .pg_li{}
	/* .num_a{padding: 14px 0;} */
	/* 접수내역 및 취소 */
}
/*------------------------------------------------------------- //인터넷접수(접수하기,내역 및 취소) 반응형 페이지 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 대전장애인운전지원 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.pickup_box{width: 90%;}
	.study_view img{width: 100%;}
}
@media (max-width: 1024px){
	.pic_tbl{width: 100%;}
}
@media (max-width: 768px){
	.study_lastbox img{width: 100%;}
}
@media (max-width: 400px){
	.title_wd7{width: 100%;}
}
@media (max-width: 320px){

}
/*------------------------------------------------------------- //대전장애인운전지원 반응형 페이지 css -------------------------------------------------------------*/

/*------------------------------------------------------------- (공지사항,회원소리함,자유게시판) 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1024px){
	.not_lastth1{display: none;}
	.not_lasttd1{display: none;}
	.not_endline{border-right: none;}
}
@media (max-width: 930px){
	.adm_tagbox{top: 20px;}
}
@media (max-width: 768px){

	.look_notice thead{display: none;}
	.not_td{/*display: block; width: 100%;*/ text-align: left; padding: 3px 0;}
	.not_td.td_num2{display: none;}
	.not_td.td_subject{display: block; width: 100%; padding: 5px 0 8px !important;}
	.not_td.td_name {display: inline-block; width: 48%; float: left;}
	.not_td.td_datetime {display: inline-block; width: 48%; float: right; text-align: right; padding-right: 3px;}
	.not_td.not_lasttd1{display: none;}
	.look_notice tbody tr{padding: 15px 10px; display: block; overflow: hidden;}
	.bo_fx .adm_btda{width: 80px;}
	.write_ntbtn{width: 80px;}
	.bo_fx{margin-top: 20px;}

}
@media (max-width: 400px){

}
@media (max-width: 320px){

}
/*------------------------------------------------------------- //(공지사항,회원소리함,자유게시판) 반응형 페이지 css -------------------------------------------------------------*/
/*------------------------------------------------------------- (공지사항,회원소리함,자유게시판) 뷰 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	#captcha_audio{display: none;}
	.view_pdx{padding-left: 10px; padding-right: 10px;}
	.view_rightline{padding-right: 20px;}
}
@media (max-width: 1024px){
	.vw_gongul{top: unset; bottom: -30px;}
	.captcha_box, .view_input{width: 200px;}
	.not_td.td_subject .bo_tit {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.not_td.td_subject .bo_tit a{width: 100%;}
	/* .look_notice{display: block;}
	.not_td{width: 100px; display: inline-block;}
	.not_td.td_num2{width: 50px;}
	.not_td.td_chk{width: 50px;} */
}
@media (max-width: 768px){
	.my_tab2{display: none;}
	.bo_vc_w{padding: 0;}
	.bo_vcbox{height: auto;}
	.bo_vcli{width: calc(33.33% - 5px); width: -webkit-calc(33.33% - 5px); width: -moz-calc(33.33% - 5px);}
	.bo_vcli.btn_rightgo{width: 100%; display: block; margin-top: 8px; margin-bottom: 8px;}
	.bo_vcli.btn_rightgo .view_gobtn{width: 100%; }
	.captcha_box, .view_input{width: 100%;}
	.vw_gongul{bottom: -30px; top: unset;}
	#bo_vc_empty{padding: 40px 20px;}
	.text_leftgo{width: 100%; display: block;}
	.view_pdx{ display: inline-block; width: calc(50% - 2px); width: -webkit-calc(50% - 2px); width: -moz-calc(50% - 2px);}
	.view_notth{border-bottom: none; padding: 16px 20px 8px;}
	.file_ul{border-top: 1px solid #ddd; border-bottom: none;}
	.view_rightline{text-align: left; border-right: none;}
	.view_pdx{text-align: right; padding: 0 20px 15px;}
	.not_looktbl thead{border-bottom: 1px solid #333;}
	.look_notice{display: block;}
	.look_notice tbody{width: 100%; display: block;}
	.view_btn{width: 60px;}

}
@media (max-width: 650px){

	.daet_title{margin: 0 0 10px;}
	.bo_vcli{width: 100%;}
	.bovc_txt{margin-top: 10px; margin-bottom: 5px;}
	.last_chkview.last_midda{width: 90px;}
	.last_chkview.last_midda a{margin-left: 0;}
	.last_chkview{width: 60px;}
	.last_chkview a{padding: 0; margin-left: -10px;}
	.last_chkview:last-child a{margin-right: -10px;}
	.last_chkview a i{display: none;}
	#bo_v_info{margin: 20px 0 80px;}

	.bt_infotxt_ta{overflow-x: auto;}
	.pri_table{width: 700px;}

}
@media (max-width: 400px){
	.bo_vcli{float: none; clear: both;}
	#captcha_img{float: none; clear: both; margin-left: 0;}

	.view_notth{padding: 13px 5px 5px;}
	.view_pdx{padding: 0 5px 13px;}
	.file_ul{padding: 3px 5px;}
	.file_ul li{padding: 5px !important;}
	.bonmoon_txt{padding: 10px 5px;}
	.comment_textbox{padding: 10px 5px;}
}
/*------------------------------------------------------------- //(공지사항,회원소리함,자유게시판) 뷰 반응형 페이지 css -------------------------------------------------------------*/

/*------------------------------------------------------------- (공지사항,회원소리함,자유게시판) 글쓰기 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.bo_wtboxda{width: 90%;}
}
@media (max-width: 800px){
	#bo_w .bo_w_tit #btn_autosave{top: -45px;}
}
/*------------------------------------------------------------- //(공지사항,회원소리함,자유게시판) 글쓰기 반응형 페이지 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 마이페이지 (나의 정보,내위치 즐겨찾기) 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.same_mbbox{width: 60%;}
	.location_midbox{width: 90%;}
}
@media (max-width: 1024px){
	.same_mbbox{width: 50%;}
	/* .jb_btn{width: 45%;} */
	.filebox label{width: 110px;}
	.jb_btn{width: 110px;}
	.same_mbbox6{width: calc(100% - 120px); width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px);}
	.loca_ul .loca_li{width: 45%;}
	.src_box .src_tt{width: 25%;}
	.src_box .src_tt2{width: 24%;}
	.src_box .src_tt3{width: 9%;}
	.src_look{padding-left: 10px;}
	.src_box .src_tt2:last-child{width: 100%; margin: 10px 0;}


    .main_top_txt01 b{display: block;}
}
@media (max-width: 900px){
	.member_ingbox #register_form{height: auto;}
	.customer_box{float: none; width: 100%; clear: both; padding-right: 0;}
	.midde_boxing{display: none;}
	.customer_boxright{float: none; width: 100%; clear: both; padding-left: 0;}
	.same_mbbox{width: 427px;}
	/* .jb_btn{width: 171px;} */

	.phone_box{height: 200px;}
	.phone_ul{float: none; clear: both; width: 100%;}
	.injeung_box{float: none; clear: both;}
}
@media (max-width: 767px){
	.loc_search{height: 270px;}
	.src_box .src_tt{width: 80%;}
	.src_box .src_tt3{width: 19%; margin: 0 0 0 1%;}
	.src_box .src_tt3.src_tt3_fin{width: 100%; margin: 8px 0 0 0;}
	.src_box .src_tt.src_tt_fin{width: 100%;}
	.src_box .src_tt2{width: 100%; margin: 8px 0;}
	.loca_ul .loca_li{width: 100%; margin-right: 0; margin-bottom: 15px;}

    /*메인*/
    .main_contents{}
    .main_contents > li.main_link_box{display: block; width: 100%;}
    .main_contents > li.main_adv_box{margin-top: 30px;width:320px;}
    .main_contents > li.main_bord_box{display: inline-block; width: 50%;}
    .main_board_inner{min-height: 315px;}

}
@media (max-width: 694px){
    /*메인*/
    #main{padding-top: 50px;}
    .main_top_txt01{font-size: 30px;}
    .main_top_txt02{font-size: 20px;}

    .main_sec02{margin-top: 50px;}
    .main_contents > li.main_link_box,
    .main_contents > li.main_adv_box,
    .main_contents > li.main_bord_box{display: block; width: 100%;}

    .main_contents > li.main_adv_box,
    .main_contents > li.main_bord_box{margin-top: 20px;}

    .main_link{padding: 0 25px;}
    .main_link02{margin-top: 10px;}
    .main_link_icon{width: 45px;}
    .main_link_txt01{font-size: 20px;}
    .main_link_txt02{font-size: 14px;}
	.main_link_txt03{font-size: 18px;}
	.main_link_txt04{font-size: 18px;}

    .main_board_inner{padding: 30px 25px 0;}
    .main_board_tit span{font-size: 20px;}
}
@media (max-width: 530px){
	.phone_box{height: 250px;}
	.phone_ul{height: 110px;}
	.filebox label{width: 90px;}
	.jb_btn{width: 90px;}
	.same_mbbox6{width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px);}
	.customer_write .dd_nanugi .nanugi_li{width: 100%;}
	.same_mbbox55{width: 100%;}
}
@media (max-width: 400px){
	.same_mbbox{width: 196px;}
	.same_mbbox3{width: 100%;}
	.same_mbbox5{width: 170px;}
	.phone_ul{height: 140px;}
	.title_wd6{width: 100%;}
}
@media (max-width: 380px){
}
@media (max-width: 320px){
	.same_mbbox{width: 176px;}
}
/*------------------------------------------------------------- //마이페이지 (나의 정보,내위치 즐겨찾기) 반응형 페이지 css -------------------------------------------------------------*/

/*------------------------------------------------------------- 회원가입 약관 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.terms_allbox{width: 90%;}
}
@media (max-width: 400px){
	.terms_subtitle{font-size: 1.1em;}
	.title_wd5{width: 100%;}
}
/*------------------------------------------------------------- //회원가입 약관 페이지 css -------------------------------------------------------------*/
/*------------------------------------------------------------- //회원가입 약관 페이지 css -------------------------------------------------------------*/
ul.ul1{float:left;padding:0px;margin:0px;clear:both;width:100%;}
li.li1{float:left;padding:0px;margin:0px;display:none;margin:10px 0px;}
li.li0{float:left;padding:0px;margin:0px;display:block;}
.bar1{display:none}
@media (max-width: 1280px){
	ul.ul1{float:left;padding:0px;margin:0px;clear:both;width:100%;}
	li.li1{float:left;padding:0px;margin:0px;display:none}
	li.li0{float:left;padding:0px;margin:0px;display:block}
}
@media (max-width: 720px){
	.li1.bar1{display:none}
	li.li0{float:left;padding:0px;margin:0px;display:none}
	li.li1{float:left;padding:0px;margin:0px;display:block;margin:10px 0px;}
.pick_all{height:2000px;}
}

@media (max-width: 320px){
	.li1.bar1{display:none}
	li.li0{float:left;padding:0px;margin:0px;display:none}
}
/*------------------------------------------------------------- //회원가입 약관 페이지 css -------------------------------------------------------------*/

.sound_only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.sound_only2{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.new_icon{display:none}

#quickMenu{margin-left: 650px; width: 102px; right:200px; z-index: 300; position: fixed; top: 354px;}
.quick_top{width:102px;}
.quick_top span{display:block; background: #ff730f; text-align: center; color: #fff; font-size: 12px; font-weight: 500; width: 100%; height: 41px; line-height: 40px; border-radius: 18px 18px 0 0;}
/* .quick_top li {border-bottom: 1px solid #A0A0A0; border-left: 1px solid #A0A0A0; border-right: 1px solid #A0A0A0;} */
/* .quick_top li {border-bottom: 1px  solid #A0A0A0} */

.quick_top li a.kakaotalk{
  width:100%; 
  height:85px;
  font-size: 14px; 
  color: black; 
  text-align: center; 
  box-sizing: border-box;
  -webkit-box-sizing: border-box; 
  padding-top: 67px; 
  background: #e2e2e2 url(../img/kakao.svg) no-repeat 0 0;
  display: inline-block;
  background-size: 55px;
  background-position: 50% 20%;;
  font-weight: 400; 
  line-height: 100%;
  letter-spacing: 1px;
}
.quick_top li a.information{
  width:100%; 
  height:85px;
  font-size: 14px; 
  color: black; 
  text-align: center; 
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-top: 67px; 
  background: #e2e2e2 url(../img/taxi.svg) no-repeat 0 0;
  display: inline-block;
  background-size: 55px;
  font-weight: 400; 
  background-position: 50% 20%;
  border-bottom: 1px  solid #A0A0A0;
  border-top: 1px  solid #A0A0A0;
  letter-spacing: 1px;

}
.quick_top li a.notice{
  width:100%; 
  height:85px;
  font-size: 14px; 
  color: black; 
  text-align: center; 
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  padding-top: 67px; 
  background: #e2e2e2 url(../img/notice.svg) no-repeat 0 0;
  display: inline-block;
  background-size: 55px;
  font-weight: 400; 
  background-position: 50% 20%;;
  border-radius: 0 0 18px 18px;
  letter-spacing: 1px;

}
/* #floatdiv{position: fixed; right:30%; top:300px; background-color:yellow; margin-right: -630px; padding:0; z-index: 1000;} */