@charset "UTF-8";

/*============LAYOUT============*/
*{box-sizing: border-box;}
body{width:100%; margin: 0 auto; background: #f5f6fb;}
header{width:100%; height:auto; padding:1.35rem 0; border-bottom:1px solid #d8dce3; background: #fff;}
header .header_inner{width:1180px; margin:0 auto; border-bottom:#e1e1e1;}
section.sub_section{background:#f5f6fb; padding:3rem 0;}
section.sub_section2{width:1180px; margin:3rem auto; background: #fff; border: 1px solid #d8dce3; padding:4rem;}
section.mypage_section{width:1180px; margin:3rem auto; background: #fff; border: 1px solid #d8dce3;}
html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,nav,section,article,aside,dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,textarea,object,figure,figcaption {margin:0;padding:0;}

/*============TYPOGRAPHY============*/
html{font-size: 20px;}
body{font-size:1rem; font-family: 맑은고딕, Malgun Gothic, dotum, gulim, sans-serif; color:#333; letter-spacing: -2px;}
h2.title{font-size:1.8rem; font-weight:700; color:#333; margin-bottom:1rem;}
h3.title{font-size: .8rem; font-weight:700; margin-bottom: .3rem;}
.text_green{color:#007C88;}
footer{letter-spacing: 0px;}
div,p{word-break:keep-all;}
pre{white-space: pre-wrap; font-size:.8rem; font-family: 맑은고딕, Malgun Gothic, dotum, gulim, sans-serif;}

/*============COMMON============*/
/*tabIndex*/
.skip{position:relative;z-index:9999;}
.skip a{position:absolute; top: -200px; left:0; width: 100%; line-height: 30px; border: 1px solid #dedede; background-color: #007C88; color:#fff; text-align: center; font-size:.8rem; }
.skip a:focus,
.skip a:active{top:0;}

/*display*/
.ham_nav{display:none;}
.mo_angle_right{display: none;}
.modal.on{display:block;}
.f_between{display: flex; justify-content: space-between;}
.hiddenTag{position:absolute!important; overflow: hidden; border:0; margin:-1px; width:1px; height:1px; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%);}
.hiddenElem{  overflow: hidden; position: absolute; border: 0; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px);}

/**/
.m0{margin:0;}
.mt0{margin-top:0;}
.mt1{margin-top:1rem;}
.mt1_5{margin-top:1.5rem;}
.mt2{margin-top:2rem;}
.mt4{margin-top:4rem;}
.mb2{margin-bottom:2rem;}
.fc3{color:#333 !important;}

/*form*/
input[type=tel],
input[type=time],
input[type=text],
input[type=password],
input[type=search],
input[type=email],
input[type=file],
input[type=url],
input[type=number],
input[type=date],textarea {width:100%; height:3rem; font-size:.8rem; border:1px solid #a5adba; background:#fff; text-indent:20px; transition: all 0.5s; vertical-align:middle;}
input::-webkit-input-placeholder{color:#a5adba; font-size:.73rem; line-height:1rem; font-weight: normal;}
textarea { padding:.5rem 1rem; text-indent: 0;}
select:focus,
textarea:focus,
input:focus { border: 1px solid #007C88;}
input[type=tel][readonly],
input[type=text][readonly],
input[type=password][readonly],
input[type=email][readonly],
input[type=search][readonly],
input[type=tel][disabled],
input[type=text][disabled],
input[type=password][disabled],
input[type=search][disabled],
input[type=email][disabled]{background:#f5f6fb; border-color:#a5adba; color:#666; -webkit-appearance:none; border-radius: .1rem;}
textarea[readonly],
textarea[disabled]{padding:11px; font-size:1.25rem; color:#666; font-weight:normal; line-height:140%; height:78px; background:#eaeaea;border:1px solid #c0c0c0; border-radius: .1rem;}
.form_area {width:100%; margin-bottom:1.85rem;}
.form_area.id_btn{margin-top:1.5rem;}
.form_area.half{width:48%;}
.form_area.warning_mg {margin-bottom:0;}
.form_area input{border:1px solid #a5adba;}
.form_area label{position:relative; }
.form_area label.star:after{content:'*'; color:#007C88; position:absolute; top:18%; right:-.7rem;}
input:focus { border: 2px solid #007C88;}
input.box_2{width:11.5rem;}
input.box_4s{width:23%;}
input.box_s{width:18rem;}
input.warning{border:1px solid #f76252;}
.hidden_scroll {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

/*checkbox*/
input[type="checkbox"].small + label{margin-left:.5rem; font-weight:normal; font-size: .65rem; height: 15px; cursor: pointer; color:#666; -webkit-transition: all 0.25s linear; transition: all 0.25s linear;}
input[type="checkbox"] + label{margin-left:.5rem; font-weight: 700; font-size: .8rem; height: 30px; cursor: pointer; -webkit-transition: all 0.25s linear; transition: all 0.25s linear;}

/*checkbox비활성화*/
input[type="checkbox"].grey + label{margin-left:.5rem; font-weight: 700; font-size: .8rem; height: 30px; cursor: pointer; -webkit-transition: all 0.25s linear; transition: all 0.25s linear;}

/*radio*/
input[type="radio"].img_radio{display: block; position:absolute; top:1rem; left:1rem; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; transition: all 0.25s linear;}
input[type="radio"].img_radio + label{display: block;font-weight: 700; font-size: .8rem; height: 30px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; transition: all 0.25s linear;}

input[type="radio"]{cursor: pointer;}
input[type="radio"] + label{margin-left:.5rem; font-weight: 700; font-size: .8rem;z-index: 9; cursor: pointer;}

/*button*/
button{width:100%; height:3rem; font-size:.8rem; cursor:pointer; border-radius: .1rem;}
button.btn_2{width:12rem;}
button.btn_s{width:6rem;}
.btn_box{width:25rem; margin:0 auto 3rem;}
button.center_btn{width:100%;}
button.madal_btn{height:2rem; border-radius:2px;}
button.modal_btn2{width:6rem;}
button.border{background: #fff; border:1px solid #647188;}
.btn_lbtn button ~ button{margin-top:1rem;} 
button.blue_light1{background-color: #3f5a9d; color:#fff;}
button.blue_light2{background-color: #3598db; color:#fff;}


.logo_list_btn{display:flex; justify-content: space-between; align-items:center; width:110px; height:20px; margin:0 auto;}
.logo_list_btn span{width:20px; height:20px; background-size:cover; background-position:center; background-repeat:no-repeat;}
.logo_list_btn span:nth-of-type(1){background-image:url(../images/type_kakao_logo.png);}
.logo_list_btn span:nth-of-type(2){background-image:url(../images/type_pass_logo.png);}
.logo_list_btn span:nth-of-type(3){background-image:url(../images/type_samsungpass_logo.png);}
.logo_list_btn span:nth-of-type(4){background-image:url(../images/type_kb_logo.png);}
.logo_list_btn span:nth-of-type(5){background-image:url(../images/type_payco_logo.png);}



/*select box*/
select{width:100%; height:3rem; font-size:.8rem; border:1px solid #a5adba; border-radius: .1rem; padding-left:20px; background:#fff url(../images/select_down_btn.svg) no-repeat 96% center; appearance: none; -webkit-appearance: none; }
select::-ms-expand { display:none; }
select.sel_2{width:12rem;}

/*box*/
.lbtn{width:100%; height:3rem; line-height: 3rem;}
.blue{background: #647188; color:#fff;}
.green{background:#007C88; color:#fff;}
.grey{/*background: #6A818A; color:#fff;*/border:2px solid #007C88; color:#007C88; background: #fff;}
.white{border: solid 1px #e1e1e1; background-color: #ffffff;}
.warning_box{width:100%; height:1.85rem;}
.warning_box .warning{font-size: .6rem; color:#f76252; padding-top:.2rem;}
.warning_box .area_info{font-size: .65rem; color:#007C88;}

/*popup*/
/*modal*/
.modal{display: none; position: fixed; left: 0; top: 0; right:0; bottom:0; background: rgba(0,0,0,0.3); z-index:10;}
.modal .modal-content{position:absolute; left:50%; top:50%;  transform:translate(-50%,-50%); width:16rem; padding:1.5rem; background-color: #fff; text-align: left; margin:0 auto; /*overflow-y: auto;*/ max-height:30rem;}
.modal .modal-content.max{min-width:16rem; max-width:30rem; width:auto;}
.modal .modal-content .modal_title{ font-size:1rem; line-height:1.2rem; color:#333; border-bottom:1px solid rgba(0, 0, 0, 0.2); font-weight: bold; padding-bottom:1.5rem;}
.modal .modal-content p{font-size:.8rem; line-height:1.2rem; padding:2rem 0; color:#333;}
.modal .modal-content .atab{display:block; pointer-events:none; cursor:default; font-size:.8rem; line-height:1.2rem; padding:2rem 0; color:#333;}
.modal .modal-content .modal_btn{text-align: center;}
.modal .modal-content button{cursor: pointer; font-size:.8rem;}
.modal_btn{display: flex; justify-content: space-between;}
.modal .modal-content.no_title{padding:0 1.5rem 1.5rem;}
.modal .modal-content .close{position:absolute; top:1.25rem; right:1.5rem; cursor:pointer;}
.modal .no_title .close{position:absolute; top:1.25rem; right:1.5rem; cursor:pointer;}
.modal .no_title p{padding-top:3rem;}

/*모달스크롤영역*/
.scroll{overflow-y: auto; max-height:22.9rem;}

/*area select popup pc*/
.pc_display .modal-content.select{width:45.5rem; padding:4rem;}
.pc_display .modal-content.select h1{font-size:2.2rem; font-weight:bold; padding-bottom:1rem;}
.pc_display .modal-content.select p{padding:0; font-size:1rem; line-height: 1.5rem;}
.board_table{width:100%; margin:0 auto; padding:3rem 0; border-spacing: 0px;}
.board_table thead{border-top:3px solid #333; }
.board_table thead tr{background: #f5f6fb;}
.board_table tr:last-child{margin-bottom:3rem;}
.board_table tr th{padding:1.4rem 0 1.4rem 0; font-size:.8rem; line-height:1rem; font-weight: 700; font-weight: 700;}
.board_table tbody td{border-bottom:1px solid #d8dce3; font-size:.8rem; line-height: 1rem;}
.board_table .number{padding-left:1rem;}
.board_table .last{padding-right:1rem;}
.board_table .btn_area button{width:4rem; height:2rem; margin-top:-2.5rem;}
.board_box .bottom_btn{display: flex; justify-content: center;}
.board_box .bottom_btn button:first-child{margin-right:1rem;}

/*area select popup mo*/
.modal.mo_display .modal-content{width:100%; height:auto; padding:1.5rem; background-color: #fff; text-align: left; margin:0 auto;}

/*로딩화면*/
@keyframes ldio-gczdl9i2hqi {
  0% {
    opacity: 1;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1.44,1.44);
  } 100% {
    opacity: 0;
    backface-visibility: hidden;
    transform: translateZ(0) scale(1,1);
  }
}
.ldio-gczdl9i2hqi div > div {position: absolute; width: 8.8px; height: 8.8px; border-radius: 50%; background: #ccc; animation: ldio-gczdl9i2hqi 0.9090909090909091s linear infinite;}
.ldio-gczdl9i2hqi div:nth-child(1) > div { left: 150px; top: 106.00000000000001px; animation-delay: -0.8181818181818182s;}
.ldio-gczdl9i2hqi > div:nth-child(1) { transform: rotate(0deg); transform-origin: 154.4px 110.4px;}
.ldio-gczdl9i2hqi div:nth-child(2) > div { left: 141px; top: 131px; animation-delay: -0.7272727272727273s;}
.ldio-gczdl9i2hqi > div:nth-child(2) { transform: rotate(36deg); transform-origin: 145.4px 135.4px;}
.ldio-gczdl9i2hqi div:nth-child(3) > div { left: 119.00000000000001px; top: 147px; animation-delay: -0.6363636363636364s;}
.ldio-gczdl9i2hqi > div:nth-child(3) { transform: rotate(72deg); transform-origin: 123.4px 151.4px;}
.ldio-gczdl9i2hqi div:nth-child(4) > div { left: 92.00000000000001px; top: 147px; animation-delay: -0.5454545454545454s;}
.ldio-gczdl9i2hqi > div:nth-child(4) { transform: rotate(108deg); transform-origin: 96.4px 151.4px;}
.ldio-gczdl9i2hqi div:nth-child(5) > div { left: 70.00000000000001px; top: 131px; animation-delay: -0.45454545454545453s;}
.ldio-gczdl9i2hqi > div:nth-child(5) { transform: rotate(144deg); transform-origin: 74.4px 135.4px;}
.ldio-gczdl9i2hqi div:nth-child(6) > div { left: 62.000000000000014px; top: 106.00000000000001px; animation-delay: -0.36363636363636365s;}
.ldio-gczdl9i2hqi > div:nth-child(6) { transform: rotate(180deg); transform-origin: 66.4px 110.4px;}
.ldio-gczdl9i2hqi div:nth-child(7) > div { left: 70.00000000000001px; top: 80.00000000000001px; animation-delay: -0.2727272727272727s;}
.ldio-gczdl9i2hqi > div:nth-child(7) { transform: rotate(216deg); transform-origin: 74.4px 84.4px;}
.ldio-gczdl9i2hqi div:nth-child(8) > div { left: 92.00000000000001px; top: 64.00000000000001px; animation-delay: -0.18181818181818182s;}
.ldio-gczdl9i2hqi > div:nth-child(8) { transform: rotate(252deg); transform-origin: 96.4px 68.4px;}
.ldio-gczdl9i2hqi div:nth-child(9) > div { left: 119.00000000000001px; top: 64.00000000000001px; animation-delay: -0.09090909090909091s;}
.ldio-gczdl9i2hqi > div:nth-child(9) { transform: rotate(288deg); transform-origin: 123.4px 68.4px;}
.ldio-gczdl9i2hqi div:nth-child(10) > div { left: 141px; top: 80.00000000000001px; animation-delay: 0s;}
.ldio-gczdl9i2hqi > div:nth-child(10) {transform: rotate(324deg); transform-origin: 145.4px 84.4px;}
.loadingio-spinner-spin-wh349ffnamo { width:220px; height:230px; display: inline-block;  background: none; position:absolute;; top:50%; left:50%; transform:translate(-50%,-50%);}
.ldio-gczdl9i2hqi { width: 220px; height: 220px; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0; margin:0 auto;}
.ldio-gczdl9i2hqi div { box-sizing: content-box; }
.loadingio-spinner-spin-wh349ffnamo .text p{position:absolute; bottom:0; margin-left:.6rem; font-size: 1rem;}
.loadingio-spinner-spin-wh349ffnamo .img img{width:150px; height:auto; position:absolute; top:-.5rem; left:1.6rem;}

/*============Main============*/
/*main_header*/
.main_header{position:relative; padding:0; width:100%; z-index:10;}
/* .main_header .header_inner .logo{float:left; padding-top:0.8rem;} */
.main_header .header_inner .header_login a{color:#333; font-size:1rem;}
.main_header .header_inner h1{position:relative; z-index:101; float:left; padding-top:1.2rem;}

/*pc nav*/
.main_header .header_inner .pc_nav{float:right;}
.main_header .header_inner .pc_nav nav ul li{min-width:6.5rem;}
.main_header .header_inner .pc_nav nav ul li .dropdown-menu{width:100%;}
.main_header .header_inner .pc_nav nav ul > li {float: left;}
.main_header .header_inner .pc_nav nav ul > li > a {position: relative; display: block; padding: 1.85rem 0; color: #333; font-size: 1rem; font-weight: 700; text-align: center;}
.main_header .header_inner .pc_nav nav ul > li > a > span{display:block; margin-left:-4px;}
.main_header .header_inner .header_login{float:left; padding:2rem 0; font-size:1rem; font-weight:700; color:#647188; padding-left:6rem;}
.main_header .header_inner .header_login a{position:relative;}
.main_header .header_inner .header_login a ~ a:before{content:'/'; font-size:1rem; position:absolute; left:.25rem;}
.main_header .header_inner .header_login.login{float:right; font-size:.7rem;}
.main_header .header_inner .header_login.login_be{font-size:1rem; padding:.85rem 0;}
.main_header .header_inner .header_login_bef{position:absolute; left:25rem; top: 1.9rem;}
.main_header .header_inner .header_login_bef a{position:relative;}
.main_header .header_inner .header_login_bef a ~ a:before{content:'/'; font-size:1rem; position:absolute; left:.25rem;}
.main_header .header_inner .header_login_bef a{font-size:1rem; padding-left:1rem; color:#333; font-weight: 700;}
.main_header .header_inner .pc_nav nav ul:before,
.main_header .header_inner .pc_nav nav ul:after {content: ""; display: table;}
.main_header .header_inner .pc_nav nav ul > li.dropdown::after{content: ''; position: absolute; top: 4.9rem; left: 0; right: 0; margin: auto; width: 0%; height: 4px; background-color: #007C88; transition: all 200ms;}
.main_header .header_inner .pc_nav nav ul > li.dropdown:hover::after{width:100%;}
/* .main_header .header_inner .pc_nav nav ul > li > a::after {content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0%; height: 4px; background-color: #007C88; transition: all 200ms;} */
.main_header .header_inner .pc_nav nav ul > li > a:hover {color: #007C88;}
/* .main_header .header_inner .pc_nav nav ul > li > a:hover::after {width: 100%;} */
.main_header .header_inner .pc_nav nav ul > li.dropdown {position: relative;}

.main_header .header_inner .pc_nav nav ul > li.dropdown .dropdown-menu {width: 100%; position: absolute; top: 100%; padding:.5rem 0; opacity: 0; visibility: hidden; background-color: #fff; transition: all 250ms; box-shadow: 4px 4px 2px 0 rgba(51, 51, 51, 0.1); border: solid 1px #d8dce3; background-color: #ffffff;}
.main_header .header_inner .pc_nav nav ul > li.active .dropdown-menu {top: 100%; opacity: 1; visibility: visible;}
.main_header .header_inner .pc_nav nav ul > li.dropdown .dropdown-menu li {width: 100%; margin-top: 5px;}
.main_header .header_inner .pc_nav nav ul > li.dropdown .dropdown-menu li a {color: #444; width: 100%; display: block; font-size:.7rem; padding: .4rem 1rem; text-align:left;}
.main_header .header_inner .pc_nav nav ul > li.dropdown .dropdown-menu li a::after { display: none;}
.main_header .header_inner .pc_nav nav ul > li.dropdown .dropdown-menu li a:hover { color: #007C88;}

/*ham nav*/
.main_header .header_inner .ham_nav{position:absolute; width:100%; height:100%; text-align:left; top:1.5rem; left:0; margin:0 auto; z-index:100;}
.main_header .header_inner .ham_nav .button_container{cursor:pointer;}
.main_header .header_inner .ham_nav .button_container img{width:1.5rem; height:1.5rem;  position:absolute; right:1rem;}
.main_header .header_inner .ham_nav .button_container:hover{opacity:.7;}
.main_header .header_inner .ham_nav .button_container .hit{width:30px; height:25px; text-indent:-9999px;}
.main_header .header_inner .ham_nav .button_container.active .top{transform: translateY(0.4rem) translateX(0) rotate(45deg); background: #333;}
.main_header .header_inner .ham_nav .button_container.active .middle{opacity: 0; background: #333;}
.main_header .header_inner .ham_nav .button_container.active .bottom{transform: translateY(-0.4rem) translateX(0) rotate(-45deg); background: #333;}
.main_header .header_inner .ham_nav .button_container span{background: #111; border:none; height:.1rem; width:100%; position:absolute; top:0; left:0; transition: all .35s ease; cursor:pointer;}
.main_header .header_inner .ham_nav .button_container span:nth-of-type(2){top:.4rem;}
.main_header .header_inner .ham_nav .button_container span:nth-of-type(3){top:.8rem;}
.main_header .header_inner .ham_nav .overlay{position:fixed; background: #fff; top:0; left:-100%; width:0%; height:100%;  overflow-y:scroll;}
.main_header .header_inner .ham_nav .overlay .hamlogo{float:left;}
.main_header .header_inner .ham_nav .overlay .logo{margin-top:0;}
.main_header .header_inner .ham_nav .overlay.open{opacity: 1; visibility: visible; width:100%; left:0;}
.main_header .header_inner .ham_nav .overlay.open li:nth-of-type(2){animation-delay: .4s;}
.main_header .header_inner .ham_nav .overlay.open li:nth-of-type(3){animation-delay: .45s;}
.main_header .header_inner .ham_nav .overlay.open li:nth-of-type(4){animation-delay: .5s;}
.main_header .header_inner .ham_nav .overlay .overlay_top{display: flex; justify-content: space-between; color:#fff; width:100%; padding:1.2rem 5.5%; border-bottom:1px solid #d8dce3; background: #fff;}
.main_header .header_inner .ham_nav .overlay .overlay_middle{margin:2rem 5.5%; text-align: center;}
.main_header .header_inner .ham_nav .overlay .overlay_middle button{width: 48%;padding:.8rem 0; color:#333; font-weight:bold; border:1px solid #a5adba; background: #fff;}
.main_header .header_inner .ham_nav .overlay nav{position:relative; top:0; font-weight:400; text-align:left; padding:2rem 0 4rem; border-bottom:1px solid #fff;}
.main_header .header_inner .ham_nav .overlay nav ul{padding:0 2rem; margin:0 auto; position:relative; height:100%;}
.main_header .header_inner .ham_nav .overlay nav .main_menu{display:block; position:relative; opacity: 0; margin-bottom:.3rem; margin-bottom:1rem;}
.main_header .header_inner .ham_nav .overlay nav .main_menu a{ position:relative; text-decoration: none; overflow:hidden; font-size: 1rem; color:#fff; white-space: nowrap;}
.main_header .header_inner .ham_nav .overlay nav .main_menu a:hover{background-position: -100%;}
.main_header .header_inner .ham_nav .overlay nav .main_menu a:hover:after,.overlay ul li a:focus:after,.overlay ul li a:active:after{width:100%;}
.main_header .header_inner .ham_nav .overlay nav .main_menu a:after{content:''; position:absolute; bottom:-10%; left:50%; width:0%; transform: translateX(-50%); height:1px; background: #fff; transition:.35s;}
.main_header .header_inner .ham_nav .overlay nav .sub_menu{margin:.5rem 0;}
.main_header .header_inner .ham_nav .overlay nav .sub_menu a{font-size:.9rem;}
@keyframes fadeInRight {
    0%{opacity:0; left:20%;}
    100%{opacity:1; left:0;}
}
.main_header .header_inner .ham_nav .overlay .overlay_bottom{text-align: left; color:#fff; font-size: .9rem; font-weight: 300; padding:2rem 0 5rem;}
.main_header .header_inner .ham_nav .overlay .overlay_bottom p:first-child{font-size:1rem; margin-bottom: .5rem;}
.ham_nav .container {width: 100%; margin:0 auto;}
.ham_nav .accordion { width: 100%; margin: 2.75rem 0; padding:0 5.5%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.accordion__list { background: #FFF; width: 100%;}
.accordion__list .link { font-size: 0.85rem; font-weight: 700; color: #37474F; cursor: pointer; border-bottom: 1px solid #d8dce3; display: block; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-moz-transition: all 0.4s ease; transition: all 0.4s ease;}
.accordion__list .link__title { padding: .75rem 1.5rem; position: relative; box-sizing: border-box; width: 100%; display: block; background-color: transparent; color: #333;}
.accordion li i { position: absolute; top: 1.5em; right: 1rem; font-size: 1em; color: #999; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.accordion li.open i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.submenu { display: none; background: #f5f6fb; font-size: 0.95em;}
.submenu li {border-bottom: 1px solid #fff;}
.submenu a { display: block; text-decoration: none; font-size:.8rem; color: #333; padding: 1rem; padding-left: 2rem; -webkit-transition: all 0.25 ease; -moz-transition: all 0.25 ease; -o-transition: all 0.25 ease; transition: all 0.25 ease;}
.ham_nav .down_icon{width:15rem; height:2rem; position:absolute; right:0; top:.5rem;}
.ham_nav .accordion li i { position: absolute; top: .5rem; right: 1rem; font-size: 1em; color: #999; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

/* Main visual */
.visual_mo{display: none;}
.main_visual{background-image: url(../images/visual_bg.png); background-color:#024d96; background-repeat: repeat-x; background-size:65%; background-position: left bottom; }
.main_visual .container{width:59rem; margin:0 auto;}
.main_visual .visual{width:100%; height:25rem;  color:#fff; text-align:center; position:relative; background-repeat: no-repeat;}
.main_visual .visual img.bg{position:absolute; width:100%; height:auto; left:0; bottom:0;}
.main_visual .visual img.bus{position:absolute; width:50%; height:auto; left:-5%; bottom:.7rem;}
.main_visual .visual img.student{position:absolute; width:60%; height:auto; left:-7%; bottom:0; z-index:1; }
.main_visual .visual .title{position:absolute; left:0; top:5rem; font-size:2rem; text-align:left;}
.main_visual .main_box_btn{position:absolute; top:11.5rem; display:flex; justify-content: space-between; width:500px;}
.main_visual .main_box_btn .btn{width:32%; font-size:.8rem; padding:.7rem 0; border:1px solid #fff; color:#fff;}
.main_visual .main_box_btn .search{position:relative;}
.main_visual .main_box_btn .search:before{content:'New'; position:absolute; top:-.5rem; right:-.5rem; width:32px; height:16px; background-color:red; font-size:.5rem; border-radius: 3px; text-align:center; line-height:16px; letter-spacing: normal;}
.main_visual .card_box{ position:absolute; width:30.5rem; height:15rem; background: #fff; top:5rem; right:0; color:#24262a; padding:2rem 2rem 2.5rem; text-align: left;}
.main_visual .card_box .card_title{font-size:1.2rem; line-height:1.3rem; font-weight: 700; padding-bottom:1rem; border-bottom: 2px solid #24262a;}
.main_visual .card_box .box_box{display: flex; justify-content: space-between; padding:1.5rem .5rem 0;}
.main_visual .card_box .box{position:relative;}
.main_visual .card_box .box ~ .box:before{content:''; position:absolute; width:16px; height:14px; left:-1.6rem; top:4.5rem; background-image: url(../images/img-arrow.svg); background-size: cover;}
.main_visual .card_box .box.done_image:after{content:''; position:absolute; left:-1rem; top:5rem; background-image: url(../images/image-done.svg); background-size: cover; width:50px; height:50px;}
.main_visual .card_box .box .num{font-size:1.2rem; line-height:1.5rem; font-weight: 700;}
.main_visual .card_box .box .text{font-size:.7rem; line-height:1rem; padding-bottom:1.5rem; font-weight: 700;}
.main_visual .card_box .box2 .text{padding-bottom:.5rem;}
.student2{display: none;}

/*Main contents*/
.main_contents{padding:3rem 0; width:59rem; margin:0 auto; background: #f5f6fb;}

/*card*/
.main_contents .card_box{display:flex; justify-content:space-between;; margin-bottom:3rem;}
.main_contents .card_box a{display:block;}
.main_contents .card_box .card{width:32%; height:10.3rem; position:relative; border-radius:20px; color:#fff; padding:3rem 1.5rem; color:#fff; overflow:hidden; transition: all 0.2s ease;
  z-index:0;}
.main_contents .card_box .card > span{color:#fff; position:absolute; top:1rem; right:1.5rem; font-size:.7rem;}
.main_contents .card_box .card span{margin-right: .3rem;}
.main_contents .card_box .card h2{font-size: 1.2rem; margin-bottom:7px; line-height: 1.95rem; font-weight:bold;}
.main_contents .card_box .card p{font-size: 1rem; line-height: 1.5rem;}
.main_contents .card_box .card img{position:absolute; right:0; bottom:0;}
.main_contents .card_box .card:nth-child(1){background:#f4a628;}
.main_contents .card_box .card:nth-child(2){background:#436182;}
.main_contents .card_box .card:nth-child(3){background:#007C88;}
.ink {display: block; position: absolute; background:rgba(255, 255, 255, 0.3); border-radius: 100%; transform:scale(0);}
.animate { animation:ripple 0.65s linear;}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}

/*preview box*/
/*탭메뉴 - 공지사항*/
.main_contents .preview_box .notice .list a:first-child{display: none;}
.main_contents .preview_box{display:flex; justify-content: space-between; background: #f5f6fb; }
.main_contents .preview_box .notice{width:65%; height:14.5rem;  background: #fff; padding:0 2rem; border:1px solid #d8dce3;  overflow:hidden;}
.main_contents .preview_box .notice .box{display: flex; justify-content: space-between; border-top:1px solid #e1e1e1;}
.main_contents .preview_box .notice #tabmenu{width:100%; margin:0 auto;}
.main_contents .preview_box .notice .tab li{width:7.5rem; height:auto; float:left;}
.main_contents .preview_box .notice .tab li a{ display:block; color:#333; font-size:.9rem;text-align:center; font-weight:bold; padding:1.3rem 0 1.1rem;}
.main_contents .preview_box .notice .tab li a.active{	color:#007C88; font-weight:bold; border-bottom: 4px solid #007C88;}
.tab_hr{width:100%; height:1px; color:#333;}
.main_contents .preview_box .notice .panel{ clear:both; background: #fff; color:#fff; font-size:14px; line-height:25px;}
.main_contents .preview_box .notice .viewer{ width: 48%;}
.main_contents .preview_box .notice .viewer h3{font-size:1rem; font-weight:700; color:#333; line-height:1.3rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding:1.5rem 0 1rem;}
.main_contents .preview_box .notice .viewer p{line-height:1.1rem; color:#333; margin-bottom:5px; overflow: hidden;
text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; height:4.4rem; font-size:.7rem;}
.main_contents .preview_box .notice .date{color:#a5adba; line-height:1rem;}
.main_contents .preview_box .notice .list{width:48%;padding-top:1.5rem;}
.main_contents .preview_box .notice .list a{display: flex; justify-content: space-between;}
.main_contents .preview_box .notice .list h3{position:relative; font-size: .7rem; color:#333; line-height:1rem; margin-bottom:.9rem; padding-left:1rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main_contents .preview_box .notice .list h3.noti_title:before{content:''; width:5px; height:5px; background:#007C88; position:absolute; top:.35rem; left:0;}

/*탭메뉴 - 자주 찾는 질문*/
.main_contents .preview_box .notice .list h3.faq_title:before{content:'Q'; color:#007C88; position:absolute; top:0; left:0; font-weight: 700;}

/*홍보존*/
.main_contents .preview_box .promotion{width:33%; height:14.5rem;  overflow: hidden; border:1px solid #d8dce3; background: #fff;}
.main_contents .preview_box .promotion .swiper-slide > img{height:100%; width:auto;}
.main_contents .preview_box .promotion .swiper2 .header{position:relative; height:3.55rem; padding:0 6%; display: flex; justify-content: space-between; font-size:.8rem; line-height:3.55rem; font-weight:700; color:#333; border-bottom:1px solid #d8dce3;}
.main_contents .preview_box .promotion .swiper2 .header .left{width:30%;}
.main_contents .preview_box .promotion .swiper2 .header .right{ width:70%; display: flex; justify-content:flex-end; align-items: center;}
.main_contents .preview_box .promotion .swiper2 .swiper-slide{width:100%; /*height:14.55rem;*/}
.main_contents .preview_box .promotion .swiper2 .swiper-slide img{width:100%; height:auto;}
.main_contents .preview_box .promotion .swiper2 .swiper-pagination2{color:#a5adba; font-weight:normal; padding-right:.5rem; line-height:1; position:absolute; left:6rem;}
.main_contents .preview_box .promotion .swiper2 .swiper-button-prev,
.main_contents .preview_box .promotion .swiper2 .swiper-button-next{color:transparent;}
.main_contents .preview_box .promotion .swiper2 .swiper-button-prev,
.main_contents .preview_box .promotion .swiper2 .swiper-button-next{width:1.5rem; height:1.5rem; margin-top:0;}
.main_contents .preview_box .promotion .swiper2 .swiper-button-prev{background-image: url(../images/ico-bannner-prev.svg); background-size:cover; right:3.9rem; left:auto; top:1rem; position:absolute;}
.main_contents .preview_box .promotion .swiper2 .swiper-button-next{background-image: url(../images/ico-banner-next.svg); /*right:1rem;*/ background-size:cover; right:1.1rem; top:1rem;}
.main_contents .preview_box .promotion .swiper2 button{width:1.5rem; height:1.5rem; background-image: url(../images/ico-banner-stop.svg); background-size:cover; position:absolute; right:2.5rem;}
.main_contents .preview_box .promotion .swiper2 button.on{width:1.5rem; height:1.5rem; background-image: url(../images/ico-banner-play.svg); background-size:cover; position:absolute; right:2.5rem; top:1rem;}
.swiper-pagination{width:100px; position:absolute; right:5.5rem; }
.swiper-pagination-bullet{margin-right:8px;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .swiper-pagination{width:100px; position:absolute; right:5.5rem; top:-.1rem;}
    .main_contents .preview_box .promotion .swiper2 .swiper-button-prev{background-image: url(../images/ico-bannner-prev.svg); background-size:cover; right:3.95rem; left:auto; top:1rem;}
    .main_contents .preview_box .promotion .swiper2 .swiper-button-next{background-image: url(../images/ico-banner-next.svg); background-size:cover; right:1.05rem; top:1rem;}
    .main_contents .preview_box .promotion .swiper2 button{width:1.5rem; height:1.5rem; background-image: url(../images/ico-banner-play.svg); background-size:cover; position:absolute; right:2.5rem; top:1rem;}
}

/*swiper*/

@font-face{font-family:swiper-icons;src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(-1 * var(--swiper-navigation-size)/ 2);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{/*opacity:.35;*/cursor:auto;pointer-events:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'}.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{--swiper-navigation-color:#ffffff}.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000000}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0px,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white{--swiper-pagination-color:#ffffff}.swiper-pagination-black{--swiper-pagination-color:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none; touch-action:none; background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;animation:swiper-preloader-spin 1s infinite linear;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}

/*footer*/
footer{width:100%; background: #f5f6fb; padding:1rem 0 2rem; border-top:1px solid #d8dce3;}
footer .footer_nav{display:flex; justify-content: center;}
footer .footer_nav a{display:block; margin:1.175rem; font-size:.6rem; font-weight: 700; color:#24262a;}
footer .copy,
footer .add{display: flex; justify-content: center; font-size:.5rem; margin-bottom:.5rem;}
footer .add p{font-size:.5rem;}
footer .add span:first-child{margin-right:2rem;}
footer .call{font-size: .55rem; font-weight: 700; color:#007C88; margin-left: .5rem;}
footer .box{display: flex;}
footer .tel{text-align:center;}
footer .tel p{color: #007C88; font-size: .6rem; font-weight: 700; line-height: .9rem;}

/*============Sub============*/
/*sub_header*/
.sub_header .header_inner{display: flex; justify-content:space-between; align-items: center; padding: .5rem 5rem; flex-wrap: nowrap; background: #fff; height:4rem; box-sizing: border-box;}
.sub_header .header_inner .logo img{width:202px; height:52px;}
header .header_inner .header_login{font-size: .7rem; color:#929292;}
header .header_inner .header_login span{margin-left:1rem;}
.sub_header .header_inner .user_login{position:relative;}
.sub_header .header_inner .user_login:after{content:''; position:absolute; right:-.7rem; top:50%; width:1px; height: .7rem; background:#929292; transform: translateY(-50%);}

/*sub_section*/
.form_box{width:33rem; margin:0 auto; background: #fff; border:1px solid #d8dce3; padding:4rem 4rem}
.form_box .title_txt{font-size: .9rem; line-height:1.3rem; margin-bottom:2rem;}
.form_box .form_area{position:relative;}

/*에러메세지*/
.error_message{text-align: center;}
.error_message img{width:17rem; height:auto; margin-bottom:1.5rem;}
.error_message .bottom_promotion p{font-size: .8rem; line-height: 1.3rem; font-weight: 700;}

/*회원가입*/
.ko{ime-mode:active}
.cursor{cursor: pointer;}
.re_icon{cursor:pointer;}
/*멤버타입 선택*/
h2.title.left{text-align: left;}
.type_message_box{padding-bottom:2rem;}
.form_area.type_message{display:flex; justify-content: space-between;}
.type_message input[type="radio"] + label{margin-left:0;}
.chk_box.chk_type{margin-right:1rem;}
.chk_box.chk_type:last-child{margin-right:0;}
.chk_type input[type="radio"] + label{border:1px solid #d8dce3; width:12rem; height:16.5rem;padding:1rem 1rem 0; position: relative;}
.chk_type input[type="radio"]:checked + label{border:1px solid #007C88;}
.chk_type input[type="radio"] + label img{position: absolute; left: 0; bottom:0;}
.chk_type input[type="radio"] + label p{font-size: .7rem; font-weight: 700; text-align: center; padding-top:.5rem;}
.chk_type input[type="radio"] + label p span{font-size:1.5rem;}
.confirm_area,
.info_area{display:none;}

/*로그인*/
input::-ms-clear, input::-ms-reveal {display: none;}
.input.password{position:relative;}
.input.password i{position:absolute; top:1rem; right:1.2rem; font-size:1.2rem; color:#d8dce3; cursor:pointer;}
.form_box .form_area .delete,
.form_box .form_area .watch{position:absolute; top:2.3rem; right:1rem; font-size:1.2rem; color:#d9d9d9;}
.form_box .form_area .delete:hover,
.form_box .form_area .watch:hover{color:#007C88;}
.form_box .form_area .join_lbtn{margin-top:.5rem;}
.input_chk{position:relative; margin-bottom:1.5rem;}
.login_bottom{display: flex; justify-content: center; padding-top:1.5rem; border-top:1px solid #d8dce3;}
.login_bottom a{position:relative; margin: 0 1rem; font-size: .8rem; font-weight: bold; color:#5875A6;}
.login_bottom a:after{content:''; position:absolute; right:-1rem; top:50%; width:1px; height: .8rem; background:#929292; transform: translateY(-50%);}
.login_bottom a:last-child:after{display: none;}
.login_bottom a span{padding-bottom:.2rem;}
.login_bottom a span:hover{ border-bottom: 1px solid #647188;}
.form_box .banner{padding-top:3rem;}
.form_box .banner img{/*width:580px;*/width:100%; height:auto;}
.bottom_promotion{padding:1rem 1rem 1rem 2.2rem; background: #f5f6fb; border:1px solid #d8dce3; margin-top:1rem;}
.bottom_promotion .bullet{font-size:.8rem; line-height:1.1rem; font-weight: 700; position:relative;}
.bottom_promotion .bullet:after{content:''; width:18px; height:18px; background: url(../images/ico-info.svg); position:absolute; left:-1.5rem; top:.1rem;}
.mo{display:none;}
.bottom_promotion .bullet span{color:#4F6792;}
.bottom_promotion p{font-size:.8rem; line-height:1.1rem; font-weight: 700;}
.bottom_promotion p ~ p{margin-top:.5rem;}

/* step */
.step-box {position:relative; width:33rem; height:auto; margin:0 auto; padding:2rem 4rem 5rem; border:1px solid #d8dce3; background:#fff; border-bottom:0;}
.step-state {margin-left:-25%; background:transparent;}
.step-state ul:after {content:''; display:block;clear:both;}
.step-state ul li { float:left; position:relative; width:25%; padding-top:1px; font-size:15px; font-weight:bold; text-align:center; line-height:12px; color:#d8dce3;}
.step-state ul li p{position:absolute; right:-7%; padding-top:60px; display:block; margin-top:2px; font-weight:normal; color:#d8dce3; font-size:.6rem;}
.step-state ul li p.bold{font-weight:bold; color:#333;}
.step-state ul li:before {position:absolute; top:35px; left:0; right:0; height:1px; background:#ddd; content:'';}
.step-state ul li:nth-child(1):before{display: none;}
.step-state ul li:after {content:'1'; position:absolute; top:20px; right:0; width:30px; height:30px; line-height: 30px; color:#fff; border-radius:50%; margin-left:-10px; background-color: #d8dce3; background-size:auto 24px; background-position:0 0;}
.step-state ul li:nth-child(1):after {content:'1';}
.step-state ul li:nth-child(2):after {content:'2';}
.step-state ul li:nth-child(3):after {content:'3';}
.step-state ul li:nth-child(4):after {content:'4';}
.step-state.step2 ul li:nth-child(-n+2):before,
.step-state.step3 ul li:nth-child(-n+3):before,
.step-state.step4 ul li:nth-child(-n+4):before{background:#007C88; height:3px;}
.step-state.step2 ul li:nth-child(-n+1):after,
.step-state.step3 ul li:nth-child(-n+2):after,
.step-state.step4 ul li:nth-child(-n+3):after{content:''; background:url(../images/checkbox.png) -30px top no-repeat; background-size: cover;}
.step-state.step1 ul li:nth-child(1):after,
.step-state.step2 ul li:nth-child(2):after,
.step-state.step3 ul li:nth-child(3):after,
.step-state.step4 ul li:nth-child(4):after {background-color: #007C88;}

.lbtn_change.change{background: #d8dce3;}
.chk_box{padding:0 .2rem; font-size:.6rem;}
.chk_all_box input[type="checkbox"] + label .chk_btn {display: inline-block; position:relative; top:.5rem; width: 32px; height: 32px; margin: -2px 10px 0 0; background: url(../images/checkbox-white.png) left top no-repeat; cursor: pointer; background-size: cover;}
.chk_all_box input[type="checkbox"]:checked + label .chk_btn { background:url(../images/checkbox-white.png)  -32px top no-repeat; background-size: cover;}
.terms_box{margin-bottom:1rem;}
.terms{height:12rem; padding:1rem; border:1px solid #d8dce3; border-top:0; overflow: auto;}
.terms p{font-size:.7rem;}
.form_area.nonepd{margin-bottom:0;}
.form_area.nonemg{margin-bottom:1rem;}
.btn_area{display: flex; justify-content: space-between; margin-top:2rem;}
.btn_area.center{display: flex; justify-content: center; margin-top:3rem;}
.necessary{color:#007C88;}

/*본인인증*/
.box_2_box{display:flex; justify-content: space-between; position:relative;}
/*.box.4s{display:flex; justify-content: space-between; position:relative;} */
.box_2_box_inner{display:flex; justify-content: space-between;}
.box_2_box > span{position:absolute; left:50%; top:50%; width:1rem; height:2px; background:#a5adba; transform: translateX(-50%);}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .box_2_box span{display:none;}
}
.blocknone,
.blocknone2,
.blocknone3,
.blocknone4,
.blocknone6,
.blocknone8,
.blocknone10_1,
.blocknone13{display:none;}
.f_green{color:#007C88; padding-left:.5rem; cursor:pointer;}
.box_4s{display: flex; justify-content: space-between;}
.box_2_box_inner{width:70%;}
.mypage_modal .modal_title.pay{margin-bottom:0;}
.modal .modal-content p.pay{text-align: left;}
.modal.none_auto .modal-content p{padding:1rem 0 .5rem;}
.modal.none_auto .modal-content i{font-size:1rem; padding-left:.3rem;}
.modal.none_auto .modal-content img{margin-bottom:1rem;}
.modal.none_auto .modal-content .re_text{padding:0; font-size:.5rem; padding-right:.5rem;}
.modal.none_auto .modal-content .form_area{margin-bottom:1rem;}
.modal.none_auto .modal-content .form_area input{height:2rem;}

/*회원가입 처음 팝업*/
.signup .modal-content{width:45.5rem;}
.signup .signup_title{font-size:1.4rem; line-height: 1.5rem; padding-bottom:2rem; border-bottom:1px solid #d8dce3;}
.modal_inner{padding: 2.4rem 2rem 3rem;}
.signup .modal_inner .title{font-size:2.1rem;}
.signup .modal_inner .text{padding:0rem; font-size:1rem; line-height: 1.5rem;}
.signup .top{border:3px solid #007C88;text-align: center; display: flex; justify-content: center; margin-bottom: .5rem;}
.signup .top p{font-size:1.2rem; font-weight: 700; padding-left: 1rem;}
.signup .middle{background: #007C88; padding:1.5rem 1rem;}
.signup .middle h3{color:#fff; font-size:1.2rem; line-height: 1.3rem;}
.signup .middle p{color:#fff; padding:.5rem 0 0 0; font-size:.8rem; line-height: 1.3rem;}
.signup .bottom p{padding:0;}
.signup .bottom2 p{padding:0;}
.signup .bottom2 .bottom_promotion{display:none;}
.signup span{display: inline-block; padding-top:.5rem;}
.signup .modal_btn{justify-content: center; padding-top:0; padding-top:2rem;}
.signup .modal_btn button{width:12rem;}
.signup .modal_btn button:first-child{margin-right: 1rem;}

/*가입완료*/
.complate_message{text-align: center;}
.complate_message .complate{width:10.5rem; height:auto; margin-bottom:2rem;}
.go_main{margin-top:1rem;}
.complate_btn{display: flex; justify-content: space-between;}

/*비밀번호 찾기*/
.pass_num_box{display: flex; justify-content:space-between;}
.pass_num_box .pass_num{width:60%;}
.pass_num_box button{width:38%;}

/*게시판*/
/*공지사항*/
.board_box h2{font-size:2.2rem; font-weight:700; padding-bottom:2rem;}
.board_box .tab-wrapper .tab-menu {display: flex; justify-content: space-between; border:1px solid #d8dce3;}
.board_box .tab-wrapper .tab-menu li{width:33.33333%; height:3rem; font-size:1rem; line-height: 3rem; font-weight: 700; text-align: center;}
.board_box .tab-wrapper .tab-menu li:nth-child(2){border-left:1px solid #d8dce3; border-right:1px solid #d8dce3;}
.board_box .tab-wrapper .tab-menu li a{display: block; color:#333;}
.board_box .tab-wrapper .tab-menu li a.active{/*border-bottom:4px solid #007C88;*/ color:#fff; background: #007C88;}
.tab_title{display: none;}
.board_box #tab-content > div {padding-top:3rem;}
.board_box #tab-content > div #bbsSearch{display:flex; justify-content: space-between; margin-bottom:1.5rem;}
.board_box #tab-content > div #bbsSearch select{width:23%; border:1px solid #a5adba;}
.board_box #tab-content > div #bbsSearch input{width:60%;}
.board_box #tab-content > div #bbsSearch button{width:15%; background: #007C88; position:relative; text-indent: 1.5rem; color:#fff;}
.board_box #tab-content > div #bbsSearch button img{position:absolute; left:20%; top:50%; transform:translateY(-50%);}
.total{font-weight:700; line-height: 2.5rem; border-bottom: 3px solid #333;}
.board_box .board .box{width:100%; /*height:3rem;*/ display: flex; justify-content: space-between; line-height:3rem; font-size: .8rem; font-weight: 700;}
.board_box .board .board_top{background: #f5f6fb;}
/*.board_box .board .box.board_top{border-top:3px solid #333;}*/
.board_box .board .box > div{padding-left: 1.5rem; padding-right: 1.5rem; border-bottom:1px solid #d8dce3;}
.board_box .board .box > div:nth-child(1){width:12%;}
.board_box .board .box > div:nth-child(2){width:70%;}
.board_box .board .box > div:nth-child(3){width:18%;}
.board_box .board .box h3{font-size: .8rem; line-height: 3rem; font-weight:700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left;}
.board_box .board .box h3 a{color:#333;}
.board_box .board .box .number,
.board_box .board .box .date{font-weight: normal;}
.board_box .paging{padding:0 25%; margin-top:1rem; display: flex; justify-content: space-between;}
.board_box .paging > ul:nth-child(1){width:14%; display: flex; justify-content: space-between;}
.board_box .paging > ul:nth-child(2){/*width:70%;*/ display: flex; justify-content:space-between; padding:0 .7rem;}
.board_box .paging > ul:nth-child(2) li{width:1.5rem; text-align: center;}
.board_box .paging > ul:nth-child(4){width:14%; display: flex; justify-content: space-between;}
.board_box .paging ul li{font-size:.8rem; line-height:1.5rem; font-weight: 700;}
.board_box .paging ul li a{color:#333; display: block;}
.board_box .paging ul li a.active{border-bottom:2px solid #007C88; color:#007C88;}
.board_box .paging .mo_display{display: none;}
.no_text_block{display:none; margin:5rem 0 1rem; text-align: center; font-size:.8rem; line-height:1.2rem;}
.board.empty .no_text_none{display:none;}
.board.empty .no_text_block{display:block;}

/*자주묻는질문*/
.total.tabs-2{border-bottom: 3px solid #333;}

/*자주묻는질문 아코디언*/
.main_accordion .container{width:100%; border:1px solid #d8dce3;}
.main_accordion .container .header{height:2rem; padding:.5rem 1rem; display: flex; justify-content: space-between; font-size:.7rem; line-height:1rem; color:#333; border-bottom:1px solid #d8dce3; background: #fff;}
.main_accordion .container .header .left{font-weight:700;}
.main_accordion .container .header .right span{margin-right:.5rem;}
/* .main_accordion .accordion{margin: 0 0 0.1rem;} */
.accordion__list { background: #FFF; width: 100%;}
.accordion__list .link2 { font-size: 0.85rem; font-weight: 700; color: #37474F; cursor: pointer; border-bottom: 1px solid #d8dce3; display: block; position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-moz-transition: all 0.4s ease; transition: all 0.4s ease;}
.accordion__list .link2 .link__title {display: block; font-size:.8rem; line-height:1.4rem; padding: .8rem 1.5rem .8rem 2rem; position: relative; box-sizing: border-box; width: 100%; background-color: transparent; color: #333; /*margin-left:1rem;*/}
.accordion__list .link2 .link__title:before{content:'Q'; position:absolute; color:#007C88; font-size:.8rem; line-height:1.4rem; font-weight: 700; left:1rem;}
.accordion__list .link2 .link__title .q_txt{color:#007C88; padding-right:.5rem;}
.accordion li i { position: absolute; top: 1.5em; right: 1rem; font-size: 1em; color: #999; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.accordion li.open i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.submenu2 { display: none; background: #f5f6fb; font-size: 0.95em; border-bottom:1px solid #d8dce3; padding:1rem 0;}
.submenu2 a { display: block; text-decoration: none; font-size:.7rem; line-height:1.1rem; color: #333; padding: 1.5rem; padding-left: 2rem; -webkit-transition: all 0.25 ease; -moz-transition: all 0.25 ease; -o-transition: all 0.25 ease; transition: all 0.25 ease;}
.accordion__list:last-child .link2 { border-bottom:none; }
.accordion__list:last-child.open .link2 { border-bottom:1px solid #d8dce3; }
.accordion__list:last-child.open .submenu2 { border-bottom:none; }
.tabs-2 .faq_p{text-align:center; font-size:.75rem; line-height:2.1rem; font-weight:700; padding:3rem 0; display:none;}
.tabs-2.faq_block .faq_p{display:block;}
.tabs-2.faq_block .container{display:none;}
.tabs-2.faq_block .paging{display:none;}

.accordion__list .link3 { font-size: 0.85rem; font-weight: 700; color: #37474F; cursor: pointer; border-bottom: 1px solid #d8dce3;  position: relative; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-moz-transition: all 0.4s ease; transition: all 0.4s ease;}
.accordion__list .link3 .link__title { font-size:.8rem; line-height:1.4rem; padding: .8rem 1.5rem; position: relative; box-sizing: border-box; display: block; background-color: transparent; color: #333; margin-left:1rem;}
.accordion__list .link3 .link__title:before{content:'Q'; position:absolute; color:#007C88; font-size:.8rem; line-height:1.4rem; font-weight: 700; left:0;}
.accordion li i { position: absolute; top: 1.3em; right: 1rem; font-size: 1em; color: #999; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.accordion li.open i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.accordion__list.none i{transform: rotate(0deg)!important;}
.submenu3 { display: none; background: #f5f6fb; font-size: 0.95em; border-bottom:1px solid #d8dce3;}
/* .accordion__list.none .submenu3{display: none!important;} */
.submenu3 a { display: block; text-decoration: none; font-size:.8rem; line-height:1.1rem; color: #333; padding: 1.5rem; padding-left: 2rem; -webkit-transition: all 0.25 ease; -moz-transition: all 0.25 ease; -o-transition: all 0.25 ease; transition: all 0.25 ease;}
.accordion__list:last-child .link3 { border-bottom:none; }
.accordion__list:last-child.open .link3 { border-bottom:1px solid #d8dce3; }
.accordion__list:last-child.open .submenu3 { border-bottom:none; }
.link3{display: flex; justify-content: space-between; align-items: center;}
.link3 .box1{width:10%; padding-left:1rem;}
.link3 .box2{width:58%;}
.link3 .box3{width:15%; font-size:.8rem; font-weight:normal;}
.link3 .box4{width:17%; font-weight:normal;}
.link3 .mini_box{width:5.2rem; height:1.5rem; position:relative; border-radius:2px;}
.link3 .mini_box.blue:before{content:'문의중'; font-size:.6rem; font-weight:normal; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
.link3 .mini_box.green:before{content:'답변완료'; font-size:.6rem; font-weight:normal; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
.accordion__list .link3 .link__title:before{content:'';}
.ono_text{font-size:1rem; line-height:1.5rem; margin-bottom:1.5rem; text-align: center;}
.accordion__list .submenu3{padding:1rem 0;}
.accordion__list .submenu3 .sub_title{position:relative; padding-left: 1.5rem; margin-bottom:.5rem; font-weight: 700;}
.accordion__list .submenu3 .sub_title:before{content:'Q'; position:absolute; color:#007C88; font-size:.8rem; line-height:1.4rem; font-weight: 700; left:0; top:-.1rem;}
.accordion__list .submenu3 .sub_text{position:relative; padding-left: 1.5rem;}
.accordion__list .submenu3 .sub_text:before{content:'A'; position:absolute; color:#647188; font-size:.8rem; line-height:1.4rem; font-weight: 700; left:0; top:-.1rem;}

/*1:1문의작성*/
.ono .bind{display: flex; justify-content: space-between;}
.ono .btn_area{margin-top:2rem;}
.ono button.blue{margin-right:1rem;}

/*공지사항 열람*/
.notice_open{border-top:3px solid #333;}
.notice_open .header{display:flex; justify-content: space-between;padding:1.7rem 1.5rem;}
.notice_open .header h3{font-size:1rem; font-weight:700;}
.notice_open .header .date{font-size:.8rem;}
.notice_open .body{padding:3rem 1.5rem; background:#f5f6fb; border-top:1px solid #d8dce3; border-bottom:1px solid #d8dce3;}
.notice_open .body p{font-size:.8rem; line-height:1.4rem;}
.notice_open .prev_next{display:flex; justify-content: space-between; padding:1rem 1.5rem; font-size:.8rem; border-bottom:1px solid #d8dce3;}
.notice_open .prev_next span{width:15%;}
.notice_open .prev_next h4{width:70%; font-weight:700;}
.notice_open .prev_next h4 a{display:block; color:#333;}
.notice_open .prev_next .date_bottom{width:15%;}
.notice_open .btn_area{width:12rem; margin:3rem auto 0;}

/*1:1문의 없는 공지사항, 자주묻는질문*/
.ono_none .tab-menu li:last-child{display: none;}
.ono_none .tab-menu li:nth-child(1){width:50%;}
.ono_none .tab-menu li:nth-child(2){width:50%;}

/*My poge*/
/*신청단계*/
.mypage_mo{display: none;}
.board_box.mypage{position:relative; padding:2.5rem 4rem .5rem; background:#387fc5; color:#fff; }
.mypage .step_ck{display: flex; justify-content: space-between; margin-bottom:3rem;}
.mypage .step_ck li{position:relative; font-size:1rem; text-align: center;}
.mypage .step_ck li.active a{color:#00fff6; font-weight: bold;}
.mypage .step_ck li ~ li:after{content:''; position:absolute; width:1px; height:1rem; background:#d8dce3; left:-25px; top:.3rem;}
.mypage .step_ck li a{display: block; color:#fff;}
.step .step_h3_pc{font-size:1.4rem; line-height:1.5rem; margin:2.5rem 4rem 0; padding-bottom:1rem; font-weight:700; border-bottom:3px solid #333;}
.step .step_h3_mo{display: none; font-size: 1rem; font-weight: 700; /*padding-bottom:2rem;*/}
.step .my_step_box{padding:0 4rem 3rem;}
.mystep{width:100%; background:#f5f6fb; padding:2rem 1rem 3rem;}
.mystep .step_box {margin-bottom:1.6rem;}
.mystep .step_box .step_line{display: flex; justify-content: space-between; padding-bottom:1rem;}
.mystep .step_box .step_text{width:25%; text-align:left; margin-right:5%;}
.mystep .step_box .step_text p{font-size:1.2rem; line-height:1.5rem; font-weight: 700;}
.mystep .step_box .step_text h4{font-size:1rem; line-height:1.5rem; font-weight: 700;}
.mystep .step_box .step_text{position:relative;}
.mystep .step_box .step_text .step_title:after{content: ''; position:absolute; right:-1rem; top:1.5rem; width:1rem; height:1rem; background-image:none; background-size:cover;}
.mystep.step_box1 .step_text:nth-child(-n+1) .step_title:after
{background-image: url(../images/check-green.svg);}
.mystep.step_box2 .step_text:nth-child(-n+2) .step_title:after
{background-image: url(../images/check-green.svg);}
.mystep.step_box3 .step_text:nth-child(-n+3) .step_title:after
{background-image: url(../images/check-green.svg);}
.mystep.step_box4 .step_text:nth-child(-n+4) .step_title:after
{background-image: url(../images/check-green.svg);}

.mystep .card{position:relative;}
.mystep .card:before{content: ''; position:absolute; right:.7rem; top:-.3rem; width:6rem; height:6rem; background-image:none; background-size:cover;}
.mystep.step_box1.children .step_card .card:nth-child(-n+1):before{background-image:url(../images/image-done.svg);}
.mystep.step_box1.children .step_card .card:nth-child(-n+1) img{display: none;}
.mystep.step_box2.children .step_card .card:nth-child(-n+2):before{background-image:url(../images/image-done.svg);}
.mystep.step_box2.children .step_card .card:nth-child(-n+2) img{display: none;}
.mystep.step_box3.children .step_card .card:nth-child(-n+3):before{background-image:url(../images/image-done.svg);}
.mystep.step_box3.children .step_card .card:nth-child(-n+3) img{display: none;}
.mystep.step_box4.children .step_card .card:nth-child(-n+4):before{background-image:url(../images/image-done.svg);}
.mystep.step_box4.children .step_card .card:nth-child(-n+4) img{display: none;}

.mystep .step_bar{position:relative; width:100%; height:.35rem; background:#d8dce3;}
.mystep.step_box1 .step_bar:after{content: ''; position:absolute; width:25%; height:100%; left:0; top:0; background:#007C88;}
.mystep.step_box2 .step_bar:after{content: ''; position:absolute; width:50%; height:100%; left:0; top:0; background:#007C88;}
.mystep.step_box3 .step_bar:after{content: ''; position:absolute; width:75%; height:100%; left:0; top:0; background:#007C88;}
.mystep.step_box4 .step_bar:after{content: ''; position:absolute; width:100%; height:100%; left:0; top:0; background:#007C88;}
.mystep .step_card{display:flex; justify-content: space-between;}
.mystep .step_card .card{position:relative; width:23%; height:5.5rem; border-radius: 10px;}
.mystep .step_card .card .card_box{position:relative;}
.mystep .step_card .card .card_box .num{position:absolute; top:10; left:.65rem; font-size:.75rem; line-height:1.5rem; color:#fff;}
.mystep .step_card .card  .card_box a{display: block; height:100%; width:100%; position:absolute; top:3rem; left:1rem; color:#fff; font-size:.6rem; line-height:1rem;}
.mystep .step_card .card .card_box .box{position:absolute; top:3rem; left:1rem; color:#fff; font-size:.7rem; line-height:1rem;}
.mystep .step_card .card  .card_box span{margin-right:.3rem; }
.mystep .step_card .card .card_box img{position:absolute; width:35%; height:auto; right:0rem; top:2rem;}
.mystep .step_card .card1{background:#f4a628;}
.mystep .step_card .card2{background:#436182;}
.mystep .step_card .card3{background:#007C88;}
.mystep .step_card .card4{background:#8fc8f2 url(../images/img-step-4.svg) no-repeat left top;}
.mystep .step_card .card p{position:absolute; top:100%; padding-top:1rem; font-size:.7rem; line-height:1rem;}
.aaa{display: block;}

/*신청단계 수정*/
.mypage_pc .step-state3 ul{display: flex; justify-content: space-between;}
.mypage_pc .step-state3 ul li{position:relative; width:25%; height:5px;}
.mypage_pc .step-state3 ul li:before{content:''; position:absolute; top:0; left:0; width:100%; height: 3px; background: #555; z-index: 1;}
.mypage_pc .step-state3 ul li:after{content:''; position:absolute; top:-.7rem;; left:0; width:30px; height:30px; border-radius: 50%; background-color: #555; background-size:cover; background-image: url(../images/ico-stepbus.svg); z-index:2;}
.mypage_pc .step-state3 ul li img{ display: none; position:absolute; left:-1rem; top:-1rem; z-index:3;}
.mystep.step_box0 .step-state3 ul li:first-child img{display: block;}
.mystep.step_box1 .step-state3.step ul li:nth-child(-n+1):before,
.mystep.step_box2 .step-state3.step ul li:nth-child(-n+2):before,
.mystep.step_box3 .step-state3.step ul li:nth-child(-n+3):before,
.mystep.step_box4 .step-state3.step ul li:nth-child(-n+4):before{background:#007C88; /*height:5px;*/}
.mystep.step_box2 .step-state3.step ul li:nth-child(-n+1):after,
.mystep.step_box3 .step-state3.step ul li:nth-child(-n+2):after,
.mystep.step_box4 .step-state3.step ul li:nth-child(-n+3):after{background-color:#007C88;z-index:2;}
.mystep.step_box1 .step-state3.step ul li:nth-child(1):after,
.mystep.step_box2 .step-state3.step ul li:nth-child(2):after,
.mystep.step_box3 .step-state3.step ul li:nth-child(3):after,
.mystep.step_box4 .step-state3.step ul li:nth-child(4):after {background-color: #007C88; z-index:2;}
.mystep.step_box1 .step-state3.step ul li:nth-child(2) img,
.mystep.step_box2 .step-state3.step ul li:nth-child(3) img,
.mystep.step_box3 .step-state3.step ul li:nth-child(4) img {display: block;}



/*교통카드 등록*/
.list_top{border-bottom:3px solid #333; text-align: center; padding-top:1rem;}
.list_top .ano_h3{font-size:1.4rem; line-height:1.5rem; padding-bottom:1rem; padding-top:2rem; font-weight:700; text-align: left;}
.list_top p{font-size:.8rem; line-height:1.2rem;}
.list_top button{margin-top:1rem;}
.list_body{display: flex; justify-content:space-between; flex-wrap: wrap;}
.list_body .list_box{width:49%; padding:1.5rem 1rem 1rem; border-bottom:1px solid #d8dce3;}
.list_body .list_box .box{margin-bottom:1rem;}
.list_body .list_box .box h4{float:left; font-size:.8rem; line-height:1rem; font-weight: 700; width:35%;}
.list_body .list_box .box p{float:left; font-size:.8rem; line-height:1rem; width:65%; padding-left:.5rem;}
.modal .modal-content .list_body p{padding:0;}
.mypage_modal2 .list_body .box .text{padding:0;}
.list_body .list_box .btn_area{justify-content:flex-start;}
.list_body .list_box .btn_area button:first-child{margin-right:.8rem;}
.mypage_modal .modal-content{padding:1.5rem 1.5rem 4rem;}
.mypage_modal h1{font-size:1.4rem; font-weight:normal; padding:1rem 0 2.5rem;}
.mypage_modal1 .modal-content{width:29rem;}
.mypage_modal2 .modal-content{width:36rem;}
.mypage_modal .modal-content .close{position: absolute; top:2rem; right:1.5rem; cursor:pointer;}
.mypage_modal select{width:48%;}
.mypage_modal .box_2_box{display: flex; justify-content: space-between;}
.mypage_modal .box_4s{width:22.5%;}
.mypage_modal .modal_btn{padding-top:1.5rem;}
.mypage_modal .modal_btn button{width:48%; height:3rem;}
.modal_mo{display: none;}

/*교통카드등록 수정*/
.list_body_2{padding-bottom:0;}
.list_body_2 .list_box{display: flex; justify-content: space-between; width:100%; line-height:6rem; border-bottom:1px solid #d8dce3;}
.list_body_2 .list_box .name{width:18%; text-align: center; background: #d7f0eb;}
.list_body_2 .list_box .area{width:18%; text-align: center; /*background: #f5f5f5;*/ }
.list_body_2 .list_box .num{width:42%; text-align: center; background: #fafafa;}
.list_body_2 .list_box .date{width:22%; text-align: center;}
.list_body_2 .list_box .name p{color:#007C88; font-size:1.2rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.list_body_2 .list_box .area p{font-size:1.2rem; position:relative; top:.5rem;}
.list_body_2 .list_box .area p:before{content:'지역'; position:absolute; left:50%; transform: translateX(-50%);top: -1.3rem; font-size: .9rem;}
.list_body_2 .list_box .num p{font-size:1.4rem; font-weight: 700;}
.list_body_2 .btn_area{justify-content: center;}
.list_body_2 .list_box .date p{/*color:#b3b3b3;*/ position:relative; top:.6rem;}
.list_body_2 .list_box .date p:before{content:'등록일'; position:absolute; left:50%; transform: translateX(-50%);top: -1.3rem; font-size: .7rem;}
.list_body_2 .btn_area{padding-top:1.5rem;}
.list_body_2 .btn_area button:first-child{margin-right:1rem;}
.list_body_2 .btn_area.trans button{width:50%; margin-right:0; }
.modal .bottom{padding-top:3rem;}
.list_top.pay{padding-top:3rem; padding-bottom:2rem;}
.list_top .ano_h3.modi{padding-top:0; padding-bottom:0; line-height: 3rem; margin-right:auto;}
button.btn_2.modi {width:10rem;}
button.lbtn.modi2 {width:10rem;}
button.btn_2.modi:nth-child(2){margin-left:.5rem;}

/*************고도화 업데이트 추가 2020-12*************/
.modalA .modal-content{min-width:25rem; padding:1.5rem;}
.modalA .img_area{width:100%; height:10rem; margin:0 auto; border:1px solid #ddd; border-radius:10px; overflow:hidden; margin-bottom:.5rem;}
.modalA .img_area img{width:100%;}
.modalA .modal-content p{padding:1rem 0;}
.modalA p span{display:block; font-weight:bold; padding-top:.5rem;}
.modalA .modal_btn{padding:.5rem 0}
.modalA .modal_btn button{margin:0 auto;}
.modalA .modal-content.modalC{min-width:30rem;}
.circle_bullet{display:block; position:relative; font-size:.8rem; margin-left:.5rem; margin-bottom:.2rem;}
.circle_bullet:before{content:''; position:absolute; top:50%; left:-.5rem; width:5px; height:5px; background: #333; border-radius:50%; transform:translateY(-50%);}
.error_box{margin-bottom:.8rem;}
.error_box2{width:100%;}
.error_box .message{display:block; width:100%; min-height:1.8rem; line-height:1rem; font-size:.7rem; text-indent:.5rem; border:1px solid #ddd; border-radius:5px; padding:.5rem;}
.error_box2 .scroll_box{width:100%; height:8rem; overflow-y:scroll; border:1px solid #ddd; border-radius:5px;}
.error_box2 ul{display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; width:100%;  padding:0 .5rem; }
.error_box2 ul li{position:relative; min-width:50%; font-size:.7rem; padding:.2rem 0; text-align: left; padding-left:.5rem;}
.error_box2 ul li:before{content:''; position:absolute; top:50%; left:0; width:3px; height:3px; border-radius: 50%; background-color: #666; transform:translateY(-50%);}

@media screen and (max-width: 768px){
    .modalA .modal-content{width:100%; min-width:100%;}
    .modalA .modal-content p{padding-left:1rem; padding-right:1rem;}
    .modalA .img_area{width:90%;}
    .modalA .modal-content.modalC{min-width:100%;}
    .error_box2_outer{display:block;}
    .error_box,
    .error_box2{width:90%; margin:0 auto; margin-bottom:.5rem;}
    .error_box2 ul{flex-direction: row;}
    .error_box2 ul li{width:100%;}
}

/*지역화폐 등록*/
.btn_box2{width:30%; margin:0 auto 3rem;}
.btn_box2.blue{margin-right: .5rem !important;}
.list_board.empty .no_text_none{display:none;}
.list_board.empty .no_text_block{display:block;}

/*지역화폐등록 수정*/
.list_body_2.area .list_box .name{width:20%;}
.list_body_2.area .list_box .num{width:50%;}
.list_body_2.area .list_box .date{width:30%;}
.blocknone5{display: none;}
.list_body_2.empty .no_text_none{display:none;}
.list_body_2.empty .no_text_block{display:block;}
.mypage_modal select.lselect{width:100%;}
.pay_up .modal_btn{padding-top:0; padding-bottom:2rem;}

/*지원금신청*/
.border_h3{font-size:1.4rem; line-height:1.5rem; padding:2.5rem 0 1rem; margin:0 4rem; font-weight: 700; border-bottom: 3px solid #333;}
.support_fund{padding:3rem 13rem 0;}
.support_fund .select .support{width:22.5%;}
.another_select{display: flex; justify-content: space-between; margin-bottom:1.85rem;}
.another_select p{font-size:.8rem; line-height:3rem; color:#333;}
.another_select button{width:48%;}
.support_fund .bottom_promotion p{font-size:.8rem; color:#555; margin-bottom:.3rem;}
.support_fund .bottom_promotion .bullet{color:#333;}
.support_fund .bottom_promotion .highlighter{position:relative; color:#333; font-size:.8rem; font-weight:700; z-index: 1;}
.list_header{border-bottom: 3px solid #333;}
.mypage_modal2 .list_header .text span{color:#007C88;}
.mypage_modal2 .list_header .text span:hover{border-bottom: 1px solid #007C88;}
mark { background:linear-gradient(180deg, rgba(245,246,251,1) 0%, rgba(245,246,251,1) 50%, rgba(0,212,255,1) 100%);}

/*지원금 신청 수정*/
.check_info{font-size:.9rem;padding-bottom:.5rem;}
.change_tel{display: flex; justify-content: space-between;}
.change_tel input{width:75%;}
.change_tel button{width:22%;}
.select_btn_box{display: flex; justify-content: space-between;}
.select_btn_box select{width:74%;}
.select_btn_box button{width:22.5%;}

/*지원금 신청완료*/
.support_fund .complate_message p{font-size:1rem; line-height:1.5rem;}
.support_fund .complate_message p a{color:#007C88;}
.support_fund .complate_message p a:hover{border-bottom:1px solid #007C88;}
.support_fund .complate_message{margin-bottom:3rem;}
.support_fund_btn{margin-top:3rem; margin-bottom:1rem;}

/*추가*/
.calendar_wrapper { width:100%; margin-top:5.6%; text-align: right;}
.calendar_wrapper .middle_ { display:inline-block; position:relative; top:10px; color:#d8dce3; font-size:2rem; width:20px; text-align:center }
.bbnone { border-bottom:none !important; }
.calendar_wrapper .search_btn{margin-top:-.25rem;}
.search_btn { display:inline-block; width:12%; background: #007C88; position:relative; text-indent: 1.5rem; color:#fff; border-radius:2px; }
.search_btn img { margin-left:-20.7%; margin-right:7.7% }
.search_btn2{display:inline-block; width:12%; background: #007C88; position:relative; text-indent: 1.5rem; color:#fff; border-radius:2px;}
.search_btn2 img { margin-left:-20.7%; margin-right:7.7% }
.btn_Mset { display:inline-block; width:38% }
.btn_style01 { display:inline-block; width:25%; height:60px; background:rgba(255,255,255,1.00); color:#647188; text-align:center; border:1px solid #a5adba; border-radius:2px; margin-left:-1px; }
.btn_style01.on { background:#007C88; color:#ffffff; }
.calendar_box { display:inline-block; position:relative; width:22%;  }
 /* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.calendar_box { top:25px  }
 /* Enter your style code */
}
.calendar_box .icon { display:inline-block; position:absolute; top:15px; right:5%;  }
.calendar_box input { padding:0px 0 0 10px !important; text-indent:0px; background:rgba(227,174,175,0.00) url(../images/ico-schedule.svg) no-repeat 93% center }
.money_box { width:100%; font-size:1rem; line-height: 3rem; text-align:left; margin-top:5.6%; }
.money_box span { color:#a5adba; }
.tAl { text-align:left !important }
.cc { width:100% !important;}
.cc .board .box > div:nth-child(1){width:15%;}
.cc .board .box > div:nth-child(2){width:25%;}
.cc .board .box > div:nth-child(3){width:30%;}
.cc .board .box > div:nth-child(4){width:30%;}
.cc .board .box{width:100%; display: flex; justify-content: space-between; line-height:3rem; font-size: .8rem; font-weight: 700;}
.cc .board .board_top{background: #f5f6fb;}
.cc .board .box.board_top{border-top:3px solid #333;}
.cc .board .box > div{padding-left: 1.5rem; padding-right: 1.5rem; border-bottom:1px solid #d8dce3;}
.cc .board .box h3{font-size: .8rem; line-height: 3rem; font-weight:700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left;}
.cc .board .box h3 a{color:#333;}
.cc .board .box .number, .cc .board .box money_a,
.cc .board .box .date {font-weight: normal;}
.cc .paging{padding:0 25%; margin-top:1rem; display: flex; justify-content: space-between;}
.cc .paging > ul:nth-child(1){width:14%; display: flex; justify-content: space-between;}
.cc .paging > ul:nth-child(2){width:70%; display: flex; justify-content:space-between; padding:0 .7rem;}
.cc .paging > ul:nth-child(2) li{width:1.5rem; text-align: center;}
.cc .paging > ul:nth-child(4){width:14%; display: flex; justify-content: space-between;}
.cc .paging ul li{font-size:.8rem; line-height:1.5rem; font-weight: 700;}
.cc .paging ul li a{color:#333; display: block;}
.cc .paging ul li a.active{border-bottom:2px solid #007C88; color:#007C88;}
.cc .paging .mo_display{display: none;}
.b_line { display:block; width:100%; border:1.5px solid #333333 }
.color_g { color:#007C88 }
.datepicker { width:250px; z-index:100 !important}

/*정보수정*/
.info_modify .form_area{position:relative;}
.info_modify .watch2{position:absolute; right:1.5rem; top:2rem;}
.info_modify p{padding-bottom:2rem; line-height:1.5rem; font-weight: 700;}
.page1 .support_fund_btn{margin-top:1rem;}
.info_modify .radio_box{display: flex; justify-content: start;}
.info_modify .radio_box .input_radio:first-child{margin-right:2rem;}
.page2{display: none;}
.password_change{display: none;}
.membership_withdrawal{padding-top:1rem;}
.membership_withdrawal p{font-size: .8rem; color:#555; font-weight: normal; padding-bottom:0; line-height: 1.2rem;}
.membership_withdrawal a{padding-top:1rem; color:#333; font-size:.8rem; position:relative;}
.membership_withdrawal a i{position:absolute; right:-1.2rem; top:1rem;  font-size:1rem; color:#999;}

/*서비스 안내*/
.mo960{display: none;}
.main_contents.service{padding:0 0 3rem;}
.main_visual.service{background-image: none;}
.main_visual.service .visual{height:28.75rem;}
.main_visual.service .visual img.bus{width:11.1rem; height:auto; position:absolute; top:4rem; left:50%; transform: translateX(-50%);}
.main_visual.service .visual .title{top: 16.85rem; left:50%; transform:translateX(-50%); font-size:2rem; white-space: nowrap;}
.main_visual.service .visual .text{position:absolute; top:20.25rem; left:50%; transform: translateX(-50%); font-size:1rem; line-height:1.5rem;}
.service_guide{background: #fff; padding:4rem 4rem 0;}
.title_box{padding-left:2.5rem; border-bottom: 3px solid #333;}
.title_box h2{position:relative;font-size:1.2rem; line-height:1.95rem; font-weight:700; padding-bottom:.5rem; }
.title_box h2:before{content:''; position:absolute; width:40px; height:30px; background-image: url(../images/service_title.svg); left:-2.5rem; top:.2rem;}
.pt2{padding-top:2rem;}
.bold{font-weight: 700;}
.service_box{padding-bottom:3rem;}
.service_box.area .contents_box{margin-bottom:2rem; border-top:1px solid #d8dce3;}
.contents_box .box div.th{background: #f5f6fb;}
.contents_box .box1{padding-bottom:1.5rem;}
.contents_box .box1:last-child{padding-bottom: none;}
.f_between.box1{justify-content: flex-start;}
.btn_title{width:6.9rem; height:2.3rem; border-radius:23px; background:#024d96; color:#fff; line-height: 2.3rem; text-align: center; margin-right:2rem;}
.contents_box .box1 .text_t{line-height: 2rem; font-weight: 700; width:85%;}
.contents_box .box1 .text_t span{font-weight: normal}
.contents_box .box2 div,
.contents_box .box3 div,
.contents_box .box4 div,
.contents_box .box5 div,
.contents_box .box6 div,
.contents_box .box7 div{height:auto; padding:.5rem 0; border-bottom: 1px solid #d8dce3; font-size:.8rem; line-height: 1.5rem; text-align: left; padding-left:1rem;}
.contents_box .box2 div:nth-child(1){width:16%;}
.contents_box .box2 div:nth-child(2){width:11%;}
.contents_box .box2 div:nth-child(3){width:11%;}
.contents_box .box2 div:nth-child(4){width:17%;}
.contents_box .box2 div:nth-child(5){width:50%;}
.contents_box .box3 div:nth-child(1){width:19%;}
.contents_box .box3 div:nth-child(2){width:14.2857%;}
.contents_box .box3 div:nth-child(3){width:14.2857%;}
.contents_box .box3 div:nth-child(4){width:14.2857%;}
.contents_box .box3 div:nth-child(5){width:14.2857%;}
.contents_box .box3 div:nth-child(6){width:14.2857%;}
.contents_box .box3 div:nth-child(7){width:14.2857%;}
.contents_box .box4 div:nth-child(1){width:30%;}
.contents_box .box4 div:nth-child(2){width:40%;}
.contents_box .box4 div:nth-child(3){width:40%;}
.contents_box .box5 div:nth-child(1){width:20%;}
.contents_box .box5 div:nth-child(2){width:30%;}
.contents_box .box5 div:nth-child(3){width:50%;}
.contents_box .box6 div:nth-child(1){width:33%;}
.contents_box .box6 div:nth-child(2){width:33%;}
.contents_box .box6 div:nth-child(3){width:34%;}
.contents_box .box7 div:nth-child(1){width:20%;}
.contents_box .box7 div:nth-child(2){width:40%;}
.contents_box .box7 div:nth-child(3){width:40%;}


/*서비스안내 수정*/
.modal-content.service{width:22rem;}
.service_box .text{padding:1rem 0; line-height: 1.5rem; font-size:.85rem;}
.service_box .text_img{text-align: center; padding-top:3rem;}
.service_box img.top{width:50%;height:auto;}
.service_box img.bottom{width:80%;height:auto;}
.service_box .big{font-size:2rem; font-weight: 700; padding:1rem 0;}
.service_box .text_img .last{margin-bottom:2rem;}
.service_popup_title{padding-top:0; margin:0;}
p.service_popup_text{padding:0; margin:0; line-height: 1.3rem;}
.modal .service_popup_text span{color:#5875A6; font-size:.8rem;}
.modal.service p{padding:0;}
.no_title.service .service_popup_title{padding-top:3rem; padding-bottom:1rem;}
.modal.service .bottom_promotion.service{margin-top:0; margin-bottom:1rem;}
.bottom_promotion.service .bullet{padding:0;}
.modal.service_per .modal-content p{padding:0;}
.modal .modal-content p.service_popup_text.text2{padding:1rem 0 .5rem;}
.modal .modal-content p.service_popup_text a{display:block; font-weight: 700; color:#007C88; padding:.2rem 0 .5rem;}
.bottom_promotion .bullet span.title{color:#333; font-size:.9rem; display: inline-block; padding-bottom:.5rem;}
.mypage_modal1 .modal-content.service_notice{width:35rem;}
.box_green{background: #007C88; color:#fff; padding:1rem; font-size:.8rem; margin-bottom:1rem;}
.btn_area.pay{width:80%; margin:4rem auto 0;}
.modal-content.service_notice h2{padding-top:2rem; font-weight: 700; font-size:2rem;}

/*필수준비사항안내*/
.main_visual.service .visual2{height:23.25rem;}

/*인증서가 있는페이지*/
input[type=tel].style_add,
input[type=time].style_add,
input[type=text].style_add, input[type=password].style_add, input[type=search].style_add, input[type=email].style_add,
input[type=file].style_add,
input[type=url].style_add, input[type=number].style_add, input[type=date].style_add,
textarea.style_add,
select.style_add{height:3rem; font-size:.8rem; font-family: 맑은고딕, Malgun Gothic, dotum, gulim, sans-serif; padding:0;}
input.style_add::-webkit-input-placeholder{color:#a5adba; font-size:.8rem; line-height:1rem; font-weight: normal; font-size:.8rem; font-family: 맑은고딕, Malgun Gothic, dotum, gulim, sans-serif;}
h1,h2,h3,h4,h5,h6{font-family: 맑은고딕, Malgun Gothic, dotum, gulim, sans-serif;}
p{font-family: 맑은고딕, Malgun Gothic, dotum, gulim, sans-serif;}
a{font-family: 맑은고딕, Malgun Gothic, dotum, gulim, sans-serif;}
.layer-wrap{z-index:100;}
.modal_2{display: none; position: fixed; left: 0; top: 0; right:0; bottom:0; background: rgba(0,0,0,0.3); z-index:10;}
.modal_2 .modal-content{position:absolute; left:50%; top:50%;  transform:translate(-50%,-50%); width:16rem; padding:1.5rem; background-color: #fff; text-align: left; margin:0 auto; overflow-y: auto; max-height:30rem; }

/*마이페이지 게시판 테이블*/
.mypage_table{border-top:3px solid #333;}
.mypage_table {border-bottom: 1px solid #d8dce3; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed;}
.mypage_table caption { font-size: 1rem; margin: .5rem 0 .75em;}
.mypage_table th{background-color: #f5f6fb;}
.mypage_table tr {border-bottom: 1px solid #d8dce3;}
.mypage_table th,
.mypage_table td {padding:1rem 0; text-align: left;}
.mypage_table th { text-transform: uppercase;}

/*교통카드*/
.mypage_table.traffic th:first-child,
.mypage_table.traffic td[data-label="번호"]{padding-left:1.5rem;}
.mypage_table.traffic tr.title th:nth-child(1),
.mypage_table.traffic tr > td:nth-child(1){width:20%;}
.mypage_table.traffic tr.title th:nth-child(2),
.mypage_table.traffic tr > td:nth-child(2){width:26.666%;}
.mypage_table.traffic tr.title th:nth-child(3),
.mypage_table.traffic tr > td:nth-child(3){width:26.666%; padding-right: .5rem; text-align: right; padding-right:15%;}
.mypage_table.traffic tr.title th:nth-child(4),
.mypage_table.traffic tr > td:nth-child(4){width:26.666%; padding-right: .5rem; text-align: right; padding-right:15%;}

/*지원금*/
.mypage_table.support{font-size: .9rem; line-height: 1.2rem;}
.mypage_table.support th span{font-size: .7rem; font-weight: normal;}
.mypage_table.support .complete{font-weight: bold; color:#007C88;}
/* .mypage_table.support tr.title th:nth-child(1),
.mypage_table.support tr > td:nth-child(1){width:8%; padding-left:3%;}
.mypage_table.support tr.title th:nth-child(2),
.mypage_table.support tr > td:nth-child(2){width:15%;}
.mypage_table.support tr.title th:nth-child(3),
.mypage_table.support tr > td:nth-child(3){width:13%;}
.mypage_table.support tr.title th:nth-child(4),
.mypage_table.support tr > td:nth-child(4){width:13%;}
.mypage_table.support tr.title th:nth-child(5),
.mypage_table.support tr > td:nth-child(5){width:13%;}
.mypage_table.support tr.title th:nth-child(6),
.mypage_table.support tr > td:nth-child(6){width:25%;}
.mypage_table.support tr.title th:nth-child(7),
.mypage_table.support tr > td:nth-child(7){width:13%;} */
.mypage_table.support tr.title th:nth-child(1),
.mypage_table.support tr > td:nth-child(1){width:100px; padding-left:3%;}
.mypage_table.support tr.title th:nth-child(2),
.mypage_table.support tr > td:nth-child(2){width:auto;}
.mypage_table.support tr.title th:nth-child(3),
.mypage_table.support tr > td:nth-child(3){width:auto;}
.mypage_table.support tr.title th:nth-child(4),
.mypage_table.support tr > td:nth-child(4){width:auto;}
.mypage_table.support tr.title th:nth-child(5),
.mypage_table.support tr > td:nth-child(5){width:auto;}
.mypage_table.support tr.title th:nth-child(6),
.mypage_table.support tr > td:nth-child(6){width:auto;}
.mypage_table.support tr.title th:nth-child(7),
.mypage_table.support tr > td:nth-child(7){width:auto;}
.mypage_table.support tr.title th:nth-child(8),
.mypage_table.support tr > td:nth-child(8){width:auto;}


/*회원가입 지역화폐 선택 팝업*/
.list_top.pund{border-bottom: 0;}
.mypage_table.fund{font-size: .8rem; line-height: 1.2rem; border-bottom: 0;}
.mypage_table.fund tr.title th:nth-child(1),
.mypage_table.fund tr > td:nth-child(1){width:20%; padding-left:3%;}
.mypage_table.fund tr.title th:nth-child(2),
.mypage_table.fund tr > td:nth-child(2){width:40%}
.mypage_table.fund tr.title th:nth-child(3),
.mypage_table.fund tr > td:nth-child(3){width:40%;}
.mypage_table.fund tr.title th,
.mypage_table.fund tr > td{text-align: center;}
.mypage_table.fund label{margin-top:-.7rem;}
.btn_area.pay{padding-bottom:2rem;}
.btn_area .confirm_next{margin-left:1rem;}

/*데이터피커*/
.bootstrap-datetimepicker-widget .picker-switch{ pointer-events: none !important;}
.date_box{width:100%; margin:2rem auto 0; /*display: flex; justify-content: space-between;*/}
.date_box h3{font-size:1.4rem; line-height:1.5rem; padding-bottom:1rem; padding-top:2rem; font-weight:bold;}
.tAl{font-size:.9rem; line-height:1.3rem;}
.date_box .date_box_inner{display: flex; justify-content:space-between; width:100%; padding-top:2rem;}
.date_box .date_box_inner .date2{display:flex; width:60%;}
.date_box .date_box_inner .date2.par{width:50%;}
.input-group{position:relative;}
.input-group.date{width:48%;}
.search_btn_date{width:20%;}
.date_input{position:relative; border:1px solid #333;}
input[type=text].date_input{background-image:url('../images/schedule.svg'); background-repeat: no-repeat; background-position: 95% 50%; cursor:pointer; width:100%;}
input.date_input:focus { border: 1px solid #007C88;}
.date_box .date_box_inner .hyp{padding:.7rem;}
.bootstrap-datetimepicker-widget{position:absolute;}
.datepicker{border:1px solid #999; padding:1rem .5rem .5rem; border-radius:5px; background: #fff; font-size:.85rem; position:relative; z-index:100;}
.bootstrap-datetimepicker-widget.dropdown-menu{width:0;}

/*회원가입 안내팝업*/
/*팝업*/
.signup .modal-content{width:45.5rem; padding:3rem;}
.signup .signup_title{font-size:1.4rem; line-height: 1.5rem; padding-bottom:2rem; border-bottom:1px solid #d8dce3;}
.modal_inner{padding: 2.4rem 2rem 3rem;}
.signup .modal_inner .title{font-size:2.1rem;}
.signup .modal_inner .text{padding:0rem; font-size:1rem; line-height: 1.5rem;}
.signup .top{border:3px solid #007C88;text-align: center; display: flex; justify-content: center; margin-bottom: .5rem;}
.signup .top p{font-size:1.2rem; font-weight: 700; padding-left: 1rem;}
.signup .middle{background: #007C88; padding:1.5rem 1rem;}
.signup .middle h3{color:#fff; font-size:1.2rem; line-height: 1.3rem;}
.signup .middle p{color:#fff; padding:.5rem 0 0 0; font-size:.8rem; line-height: 1.3rem;}
.signup .bottom{padding-top:0; padding-bottom:1rem;}
.signup .bottom p{padding:0;}
.signup .bottom .bottom_promotion{margin-top:0;}
.signup .bottom2 .bottom_promotion{margin-top:0;}
.signup .modal_btn{justify-content: center; padding-top:0; padding-top:2rem;}
.signup .modal_btn button{width:12rem;}
.signup .modal_btn button:first-child{margin-right: 1rem;}
.signup .middle a{color:#fff;}
.modal.signup  .modal-content .close{top:3rem; right:3rem;}
.signup span{cursor:pointer;}

@media screen and (max-width:768px){
.scroll{height:100%; max-height:none;}
.modal.signup  .modal-content .close{top:1.5rem; right:1rem;}
.signup .modal-content{width:100%; height:100%; max-height: 100%; padding:0;}
.signup .signup_title{padding:.7rem 1rem .9rem;}
.signup .signup_title{font-size: 1rem; padding-bottom:1rem; padding-right:1.5rem;}
.signup .modal-content .close{position: absolute; top: .8rem; right: 1.5rem;cursor: pointer;}
.signup .modal_inner .title{font-size:1.6rem;}
.signup .modal_inner .text{font-size:.9rem; line-height:1.3rem;}
.signup .top{display: block;}
.signup .top img{padding-top:1.5rem;}
.signup .top p{padding-top:.5rem;}
.signup .middle p{font-size: .8rem;}
.signup .modal-content .scroll{height:100vh; padding-bottom:100px; }
.signup .modal_btn button{width:7.5rem;}
}
@media screen and (max-width:480px){
    .signup .modal_inner .title{font-size:1.3rem;}
    .modal.signup .modal-content .close{top:1.7rem;}

}
/*영문 자간수정*/
span.en,
em.en,
.bottom_promotion .bullet span.en{letter-spacing: 0; color:#333;}

/*교통카드 발급*/
.traffic_card_visual{width:100%; height:32.85rem; position:relative;}
.traffic_card_visual .visual_bg{width:inherit; height:inherit; background: #d1e5fa url(../images/traffic_card_bg.png) no-repeat center center; background-size: 1181px 566px;}
.traffic_card_visual .visual_bg img{width:34rem; height:auto;}
.traffic_card_visual .visual_bg > div{text-align: center; padding:5rem 2.5rem}
.traffic_card_visual .text1{font-size:2.2rem; padding-bottom:2rem;}
.traffic_card_visual .text1 span{font-weight: 700;}
.traffic_card_visual .text2{font-size: 1rem; margin-bottom: .5rem; color:#526d8d;}
.traffic_card_visual .text2 span{font-size:.8rem;}
.traffic_card_visual .text2 span:last-child{margin-left:5rem;}
.traffic_card_visual .text3{position:absolute;z-index:1; bottom:1.5rem; left:50%; transform: translateX(-50%); font-size:.8rem; color:#3B3B8A;}
.traffic_card_visual .btn{margin-bottom:.5rem;}
.traffic_card_visual .btn button{width:9.5rem; height:2.5rem; background:#526d8d; border-radius: 25px; color:#fff; font-weight: 700;}
/* .traffic_card_visual .btn button:first-child{margin-right:1rem;} */
.traffic_card_visual .card_img{position: relative; z-index:1;}
.traffic_card_visual .dark{width:100%; height:7rem; position:absolute; bottom:0; left:0; background:#adc6e0;}

/*이용약관*/
section.main_terms{border:0; background: #f5f6fb;}
section.main_terms h2{font-weight: 700;}
section.main_terms .box{background: #fff; overflow: auto; height:27.5rem; border:1px solid #d8dce3; padding:1rem;}
section.main_terms pre{white-space: pre-wrap; font-size:.8rem;}

/*2020-06-22수정*/
textarea{font-family: 맑은고딕, Malgun Gothic, dotum, gulim, sans-serif;}

/*2020-06-21수정*/
/*회원가입*/
.btn_area.pay button:first-child{margin-right:.5rem;}

/*부모님 회원가입*/
/*회원가입*/
/*자녀선택 팝업*/
.modal.children_up .modal-content{width:45.5rem;}
.modal.children_up .list_top{padding-top:0;}
.modal.children_up h2.title{padding-top:1rem;}
.modal.children_up p.children{text-align: left; padding:0 0 2rem;}
.modal.children_up .modal-content table{font-size: .8rem;}
.mypage_table.children_up tr.title th:nth-child(1), .mypage_table.children_up tr > td:nth-child(1){width:20%; padding-left: 5%;}
.mypage_table.children_up input[type="checkbox"] + label .chk_btn{top:0; margin:0;}
.mypage_table.children_up tr.title th:nth-child(2), .mypage_table.children_up tr > td:nth-child(2){width:15%;}
.mypage_table.children_up tr.title th:nth-child(3), .mypage_table.children_up tr > td:nth-child(3){width:15%;}
.mypage_table.children_up tr.title th:nth-child(4), .mypage_table.children_up tr > td:nth-child(4){width:15%;}
.mypage_table.children_up tr.title th:nth-child(5), .mypage_table.children_up tr > td:nth-child(5){width:25%;}
.mypage_table.children_up tr.title th:nth-child(6), .mypage_table.children_up tr > td:nth-child(6){width:15%;}
.modal.children_up .modal-content .btn_area.children button{display: inline-block; margin:0 auto;}
.modal.children_up .modal-content .bottom_promotion p{padding:0;}

/*정보입력*/
h3.title p.tel_text{font-size:.7rem; font-weight: normal;}
.x_hr{border:0; width:100%; background:#d8dce3; height:2px; display: block; margin:0 0 1.5rem;}
.title_arou{font-size:.8rem; font-weight: 700; padding-bottom:1rem; color:#a5adba;}
.title_border{display: flex; justify-content: center; align-items: center;}
.title_border .title_arou{width:35%;}
.title_border > .x_hr{width:65%; vertical-align: middle; height:1px;}

@media screen and (max-width:530px){
    .title_border .title_arou{width:50%;}
    .title_border > .x_hr{width:50%; vertical-align: middle; height:1px;}
}


/*지원금신청*/
.select_btn_half_box{display: flex; justify-content: space-between;}
.select_btn_half_box select{width:48.3%;}
.select_btn_half_box button{width:48.3%;}

@media screen and (max-width:960px){
    .select_btn_half_box{display: block;}
    .select_btn_half_box select{width:100%;}
    .select_btn_half_box button{width:100%; margin-top:.5rem;}
}

/*교통카드 등록*/
.list_body_2.area.parents .list_box{/*margin-bottom:1rem;*/ border-top:1px solid #d8dce3;}
.list_body_2.area.parents .list_box .chi_name{width:11%; background:#d7f0eb; text-align: center;}
.list_body_2.area.parents .list_box .chi_name p{ color:#007C88; font-size:1.2rem; font-weight: 700;}
.list_body_2.area.parents .list_box .name{width:11%; /*background: #f2f2f2;*/}
.list_body_2.area.parents .list_box .name p{color:#a6a6a6;}
.list_body_2.area.parents .list_box .num{width:35%;}
.list_body_2.area.parents .list_box .date{width:18%;}
.list_body_2.area.parents .list_box .select{width:8%;}
.list_body_2.area.parents .list_box .clear{width:12.5%;}
/* .list_body_2.area.parents .list_box .del{width:;} */
.traffic_up select.chi_up{width:100%; background: #fff url(../images/select_down_btn.svg) no-repeat 98% center;}

/*지역화폐 등록*/
.list_body_2.parents2 .list_box{margin-bottom:1rem; border-top:1px solid #d8dce3;}
.pay_up select.chi_up{width:100%; background: #fff url(../images/select_down_btn.svg) no-repeat 98% center;}
.list_body_2.parents2 .modal_btn{margin:0 1rem;}

/*경기 지역화폐 발급하기 수정*/
.modal.pay_info_up .modal-content p{padding:1rem .5rem;}
.modal.pay_info_up .board.service_mo_p{padding:0;}
.modal.pay_info_up .btn_area.pay{margin:0 auto;}
.modal.pay_info_up .modal-content.service_notice h2{padding-top:2rem;}
.modal .service_popup_text span.impor{display: inline-block; padding-top:.5rem; font-weight: 700; font-size:.8rem; color:#222222;}
.modal.pay_info_up .btn_area.pay{padding-bottom:0;}
.pay_info_up .form_area.warning_mg{padding:0 .5rem;}

/*비회원 신청 대상자 안내 팝업 수정*/
.modal .modal-content p.btn_under{padding-top:0;}

/*교통카드 발급하기 팝업*/
.modal.traffic_card_popup .modal-content{width:33.1rem;}
.modal.traffic_card_popup p{padding:0;}
.modal.traffic_card_popup .service_popup_text1{font-size:2.2rem; line-height: 2.7rem;text-align: center; font-weight: 700; margin:2rem 0 1.5rem;}
.modal.traffic_card_popup .service_popup_text2{text-align: center; width:80%; margin:0 auto; font-size:1rem; margin-bottom:1rem;}
.modal.traffic_card_popup .service_popup_text3{text-align: center; width:80%; margin:0 auto; font-size:1rem; margin-bottom:1rem; color:#007C88;}
.modal.traffic_card_popup .text_area{padding:1rem 0;}
.modal.traffic_card_popup .text_area .box{background:#f5f6fb; padding:1rem;}
.modal.traffic_card_popup .text_area .box p{padding-bottom:.5rem; font-size:.9rem; font-weight: 700;}
.modal.traffic_card_popup .title_box h2{font-size:1.2rem; padding-top:0;}
.modal.traffic_card_popup .title_box h2:before{left:-2.5rem;}
.modal.traffic_card_popup  .btn_area.pay{margin-top:1rem;}

/*부모님 교통이용내역*/
.form_area.children_select_box{width:25%; margin-bottom: 0;}
.select_btn_half_box.flex_c{justify-content: flex-end;}
.search_btn_date_parent{width:18%;}
.date_box_inner_parent{width:53%; display: flex; justify-content: space-between;}
.input-group.date_parent{width:48%;}
.date_box_inner_parent .hyp{padding-top:.8rem;}

/*부모님 지원금신청내역*/
.bottom_info_text{font-size: .75rem;}
.bottom_info_text .title{font-size: .85rem; padding-bottom:.5rem;}
.bottom_info_text .title2{padding-bottom:.2rem;}
@media screen and (max-width:960px){
    .bottom_info_text{padding:0 1rem;}
}
@media screen and (max-width:480px){
    .bottom_info_text{padding:0 .5rem 1.5rem;}
}

/*회원가입 따라하기*/
.btn_mo{display: none;}
.btn_mo_par{display: none;}
.close_new{display: none;}

/*비회원회원가입 수정*/
.title_nonmem{font-size:2rem; font-weight:700; padding-top:2rem;}
.modal .modal-content p.nonmem{padding:0 0 1.5rem; text-align: left;}





/*============MEDIA QUERIES============*/
@media screen and (max-width:1280px){
    .main_header .header_inner .header_login{display: none;}
    header .header_inner{width:90%;}

    /*메인비주얼*/
    .main_visual .container{width:98%;}
    .main_contents{width:90%;}
    .main_header .header_inner {height:4.82rem; width:100%; padding:1.2rem 5.5%;}
    .main_header .header_inner .ham_nav .close img{top:1.5rem;}
    .main_header .header_inner .pc_nav {display: none;}
    .main_header .header_inner .ham_nav{display: block;}
    section.mypage_section{width:100%;}

    /* 추가 */
    .btn_Mset { display:inline-block; width:100%; margin-top:5%; }
    .calendar_wrapper { width:100%; margin:0 auto; }
    .search_btn { display:block; width:100%; margin-top:4%; }
	.calendar_box {width:46%; }
    .main_header .header_inner .logo{padding-top:0;}

    /*2020-06-22수정*/
    /*햄버거헤더*/
    .main_header .header_inner h1{padding-top:0;}
}

@media screen and (max-width:1159px){
    .main_visual .visual .title{font-size: 1.8rem;}
    .main_visual .card_box{width:27rem;}
    .main_visual .card_box .box ~ .box:before{background-image: none;}
    .main_visual .card_box{width:23rem;}
    section.sub_section2{width:100%; padding:4rem 1rem;}
}

@media screen and (max-width:1080px){
    .main_contents .preview_box{display: block;}
    .main_contents .preview_box .notice,
    .main_contents .preview_box .promotion{width:100%;}
    .main_contents .preview_box .notice{margin-bottom:3rem;}
    .main_contents .preview_box .promotion{height:auto;}
    .main_contents .preview_box .promotion .swiper2 .swiper-slide{height:43vw;}
    .board_box .board .box{font-size:.7rem;}
}


@media screen and (max-width:1055px){
    /*main회원가입따라하기 위치 수정 */
    .main_visual .main_box_btn{width:400px;}
    .main_visual .main_box_btn .btn{font-size:.65rem;}
}

@media screen and (max-width:960px){
    /*부모님 교통이용내역*/
    .form_area.children_select_box{width:100%; margin-bottom: .5rem;}
    .select_btn_half_box.flex_c{display: block;}
    .search_btn_date_parent{width:100%;}
    .date_box_inner_parent{width:100%; margin-bottom: .5rem;}
    .input-group.date_parent{width:48%;}
    .datetimepicker{width:100%;}
    .date_box_inner_parent .hyp{padding-top:.8rem;}

    /*부모님 회원가입*/
    /*자녀선택팝업*/
    .modal.children_up h1{padding:0 1rem;}
    .modal.children_up h2.title{padding:1rem 1rem 0;}
    /*메인 게시판 수정*/
    .main_contents .preview_box .notice .list a:first-child{display: block;}

    /*데이터피커*/
    .date_box{width:100%;}
    .date_box .date_box_inner{width:100%;}
    .search_btn_date{width:100%; margin-top:1rem;}
    .date_box{display: block;}
    .date_box .date_box_inner{width:100%;}
    .input-group:last-child{margin-right:0;}

    br.mo{display: block;}
    .main_header .header_inner {height:4.82rem; width:100%; padding:1.2rem 5.5%;}
    .main_header .header_inner .logo{padding-top:0;}
    .main_header .header_inner .ham_nav .close img{top:1.5rem;}
    .main_header .header_inner .pc_nav {display: none;}
    .main_header .header_inner .ham_nav{display: block;}

    /*footer*/
    footer .footer_nav {display: block; text-align: center;}
    footer .footer_nav .box{justify-content: center;}
    footer .footer_nav .box a{margin:0;}
    footer .footer_nav .box span{margin:0 1.3rem;}
    footer .copy{text-align: center;}
    footer .add{display: block; text-align: center;}
    footer .add p:first-child{margin-bottom:.3rem;}
    footer .add p.call{font-size: .7rem;}

    /*메인비주얼*/
    .main_visual .visual{height:51rem;}
    .main_visual .card_box{position:relative; width:17rem; height:24.25rem; top:21.5rem; left:50%; transform: translateX(-50%); padding:1.5rem; }
    .main_visual .card_box .box_box{position:relative; padding:1rem 0 1rem; margin:0 1.3rem;}
    .main_visual .card_box .box{position:absolute;}
    .main_visual .card_box .box1{left:0;}
    .main_visual .card_box .box2{right:0;}
    .main_visual .card_box .box4{top:9.5rem; left:0;}
    .main_visual .card_box .box3{top:9.5rem; right:0;}
    .main_visual .card_box .box2:after{content:''; position:absolute; width:16px; height:14px; left:-1rem; top:4.5rem; background-image: url(../images/img-arrow.svg); background-size: cover;}
    .main_visual .card_box .box3:after{content:''; position:absolute; width:16px; height:14px; left:1.8rem; top:-1rem; background-image: url(../images/img-arrow.svg); background-size: cover; transform: rotate(90deg);}
    .main_visual .card_box .box4:after{content:''; position:absolute; width:16px; height:14px; left:5.2rem; top:4.7rem; background-image: url(../images/img-arrow.svg); background-size: cover; transform: rotate(180deg);}
    .main_visual .visual .title{left:50%; transform: translateX(-50%); top:2.1rem; font-size:1.3rem; line-height:1.7rem; text-align: center; width:100%;}
    .main_visual .main_box_btn{flex-direction:column; width:250px; top:6rem; left:50%; transform: translateX(-50%); align-items: center;}
    .main_visual .main_box_btn .btn{width:100%; margin:.5rem; font-size:.65rem;}
    .main_visual .visual img.bus{top:10rem; width:16rem; height:auto; left:50%; transform: translateX(-50%);}
    .student1{display: none;}
    .student2{display: block;}
    .main_visual .visual img.student{left:50%; transform: translateX(-50%); width:13.85rem; top:43rem;}
    .visual_mo{display:block;}
    .board_box #tab-content > div{padding-top:0;}
    .notice_open{border-top:1px solid #d8dce3;}
    .tab_title{display:block; padding-bottom:1rem; padding-left:1rem;}
    .tab_title p{font-size:1.3rem; font-weight: 700;}
    .board_box h2{display: none;}
    /* .board_box #tab-content > div #bbsSearch{display: none;} */
    .total{display: none;}

    /*2020-06-26 탭메뉴 부분 모바일에서 보이도록 수정*/
    .board_box .tab-wrapper .tab-menu{border:0; position:relative; top:-2rem; justify-content: flex-start;}
    .board_box .tab-wrapper .tab-menu li{font-size:.8rem; text-align: left; width:auto; margin-left:1rem; height:2rem; line-height:2rem; margin-top:.5rem;}
    .board_box .tab-wrapper .tab-menu li a{font-weight:normal;}
    .board_box .tab-wrapper .tab-menu li:nth-child(1){margin-left:0;}
    .board_box .tab-wrapper .tab-menu li:nth-child(2){border-left:0; border-right:0; }
    .board_box .tab-wrapper .tab-menu li a.active{background: none; color:#007C88; border-bottom:2px solid #007C88; font-weight: 700;}
    .board_box .board .box.board_top{display: none;}
    .board_box .board .box{ position:relative; border-top:1px solid #d8dce3; padding:.5rem 0 .8rem;}
    .board_box .board .box:last-child{border-bottom:1px solid #d8dce3;}
    .board_box .board .box > div:nth-child(1){display:none;}
    .board_box .board .box{display: block; /*height:3rem;*/}
    .mo_angle_right{display: block; padding-left:1rem;}
    .mo_angle_list{display: flex; justify-content: space-between;}
    section.mypage_section {margin:0 auto; padding:3rem 0; border:0; border-bottom:1px solid #d8dce3}
    section.mypage_section.step{padding:2rem 0 1rem;}
    .step .my_step_box{padding:0;}
    .board_box.mypage{padding:0 1rem;}
    .board_box.mypage{background: #fff; color:#333;}
    .board_box .board .box > div:nth-child(2){width:100%;}
    .board_box .board .box > div:nth-child(3){width:100%;}
    .board_box .board .box .mo_angle_list{line-height:1;}
    .board_box .board .box{line-height:1.5rem;}
    .board_box .board .box h3{line-height:1.5rem; padding-top:.5rem;}
    .board_box .board .box h3 a{color:#333;}
    .board_box .board .box > div{border-bottom:0;}
    .board_box .board .box i{position:absolute; top: 1.3rem; font-size:1rem; color:#999;}
    .board_box .board .box .date{color:#a5adba;}
    .paging .start img{display: none;}
    .paging .end img{display: none;}
    .board_box .paging > ul:nth-child(2){display: none;}
    .board_box .paging > ul:nth-child(3){width:25%; text-align:center;}
    .board_box .paging .mo_display{display: block;}
    .btn_box{width:100%; padding:0 1rem;}
    .ono_text{padding:0 1rem; font-size:.85rem; line-height:1.2rem; text-align: left;}
    .link3{display: block; padding-bottom:1rem;}
    .link3 .box1{position:absolute; right:25%;bottom:.9rem; }
    .link3 .mini_box{width:4rem; height:1.2rem; }
    .link3 .mini_box .blue{font-size:10px;}
    .link3 .box2{width:80%;}
    .link3 .box3{display: none;}
    .main_accordion .accordion__list:first-child{border-top:0;}
    .accordion__list .link3 .link__title{padding:.5rem 1.5rem .3rem;}
    .accordion__list .link3 .link__title:before{content:'Q'}
    .link3 .box4{width:50%; padding:0 1.5rem 1.5rem; margin-left:1rem; font-size:.7rem; color:#a5adba;}
    .link3 .mini_box.blue:before{font-size:.5rem;}
    .link3 .mini_box.green:before{font-size:.5rem;}
    .notice_open .header{display: block; padding:1rem;}
    .notice_open .header h3{font-size:.8rem; line-height:1.2rem;}
    .notice_open .body{padding:1rem;}
    .notice_open .prev_next .date_bottom{display: none;}
    .notice_open .prev_next{padding:.7rem 1rem;}
    .notice_open .prev_next span{width:15%;}
    .notice_open .prev_next h4{width:75%;}
    .notice_open .btn_area{width:100%; padding: 0 1rem; margin:2rem auto;}
    .board_box.ono{padding:0 1rem;}
    .submenu3 a{padding:1rem;}
    .ono_tab_title{margin-bottom:2rem;}
    .ono .bind{display: block;}
    .form_area.half{width:100%;}

    /*회원가입*/
    /*본인인증*/
    /*팝업*/
    .signup .modal-content{width:100%; height:100%; max-height: 100%;}

    /*마이페이지*/
    /*신청단계*/
    .mypage_mo{display:block;}
    .mypage_pc{display: none;}
    .mypage{padding:0 1rem;}
    .mystep{background: #fff;}
    .step .step_h3_pc{display: none;}
    .step .step_h3_mo{display: block;}
    .mystep .step_box .step_line{display: none;}
    .mystep .step_bar{display: none;}
    .mystep .step_card{display: block;}
    .mystep .step_card .card{float:right; margin-bottom:6rem; width:80%; height:3.5rem;}
    .mystep .step_card .card:last-child{margin-bottom:0;}
    .mystep .step_card .card p{padding-top:.5rem; font-size:.6rem;}
    .step_title_mo{position:absolute; top:-1.7rem; font-size:.8rem; line-height:1.2rem; font-weight:700;}
    .mystep .step_card .card .card_box .num{top:0;}
    .mystep .step_card .card .card_box a{top:2rem;}
    .mystep .step_card .card .card_box img{width:23%; top:.5rem;}
    .step-box{border:0;}
    .mystep .step_card .card4{background:#8fc8f2 url(../images/img-step-4.svg) no-repeat 100% .2rem; background-size: 8rem;}
    .mystep .step_card .card .card_box .box{top:2rem;}

    /* step 이미지 mo */
    .mystep{position:relative;}
    .mystep .step_box{position:absolute; top:.2rem; padding-right:1rem;}
    .mystep .step-box{width:20px; height:30rem; margin:0 auto; background:#fff; border-bottom:0;  left:-1rem; top:-1rem;}
    .mystep .step-state2 {background:transparent;}
    /*각 막대의 영역*/
    .mystep .step-state2 ul li {display:block; position:relative; height:9.5rem;}
    /*라인*/
    .mystep .step-state2 ul li:before {position:absolute; top:-9rem; left:.15rem; width:1px; height:100%; background:#555; content:''; z-index:1}
    .mystep .step-state2 ul li:nth-child(1):before{display: none;}
    /*동그라미 부분*/
    .mystep .step-state2 ul li:after {position:absolute; z-index: 2; content:''; display: block; top:0; left:0; width:30px; height:30px; border-radius:50%; margin-left:-10px; background-color: #555; background-size:cover; background-image: url(../images/ico-stepbus.svg);}
    .mystep .step-state2 ul li img{display: none; position:absolute; left:-1.2rem; top:-.3rem; z-index:3;}
    /*step_box 클래스 변경될때마다 바뀌는부분*/
    /*라인*/
    .mystep.step_box0 .step-state2 ul li:first-child img{display: block;}
    .mystep.step_box1 .step-state2 ul li:nth-child(-n+2):before,
    .mystep.step_box2 .step-state2 ul li:nth-child(-n+3):before,
    .mystep.step_box3 .step-state2 ul li:nth-child(-n+4):before,
    .mystep.step_box4 .step-state2 ul li:nth-child(-n+4):before{background:#007C88; width:3px;}
    /*동그라미*/
    .mystep.step_box2 .step-state2 ul li:nth-child(-n+1):after,
    .mystep.step_box3 .step-state2 ul li:nth-child(-n+2):after,
    .mystep.step_box4 .step-state2 ul li:nth-child(-n+3):after{background-color:#007C88;z-index:2;}
    /*처음상태*/
    .mystep.step_box1 .step-state2 ul li:nth-child(1):after,
    .mystep.step_box2 .step-state2 ul li:nth-child(2):after,
    .mystep.step_box3 .step-state2 ul li:nth-child(3):after,
    .mystep.step_box4 .step-state2 ul li:nth-child(4):after {background-color: #007C88; z-index:2;}
    .mystep.step_box1 .step-state2 ul li:nth-child(2) img,
    .mystep.step_box2 .step-state2 ul li:nth-child(3) img,
    .mystep.step_box3 .step-state2 ul li:nth-child(4) img {display: block;}
    .mystep .card:before{right:.5rem; top:.4rem; width:2.5rem; height:2.5rem;}
    .mystep .step_card .step_text_mo{position:relative;}
    .mystep .step_card .step_text_mo h4:after{content: ''; position:absolute; right:-1.5rem; top:0; width:1rem; height:1rem; background-image:none; background-size:cover;}
    .mystep.step_box1 .step_card .card:nth-child(-n+1) .step_text_mo h4:after
    {background-image: url(../images/check-green.svg);}
    .mystep.step_box2 .step_card .card:nth-child(-n+2) .step_text_mo h4:after
    {background-image: url(../images/check-green.svg);}
    .mystep.step_box3 .step_card .card:nth-child(-n+3) .step_text_mo h4:after
    {background-image: url(../images/check-green.svg);}
    .mystep.step_box4 .step_card .card:nth-child(-n+4) .step_text_mo h4:after
    {background-image: url(../images/check-green.svg);}

    /*교통카드 등록*/
    .list_top{padding:0 1rem;}
    .mypage .step_ck{display: none;}
    .list_top .ano_h3{padding-top:1rem;}

    /* 추가 */
    .board_box h2{display: none;}
    .mypage .step_ck { display:none }
    .list_top{padding-top:0rem;}
    .calendar_box { display:inline-block; position:relative; width:390px; margin-top:5%; }

    /*지역화폐 등록*/
    .btn_box2_box{display: flex; justify-content: space-between;}
    .btn_box2{width:45%;}
    .btn_box2{margin:0 0 3rem;}

    /*지원금 신청*/
    .support_fund{padding:3rem 7rem 0;}
    .border_h3{padding-left:1rem; font-size:1.4rem; border-bottom:0; padding:0; margin-left: 1rem;}
    .another_select{display: block;}
    .another_select button{width:100%;}
    /* .box_2_box{display: flex; justify-content: space-between;} */
    .mypage_modal2 .list_header > .text{padding-top:.5rem; padding-bottom:3rem;}
    .mypage_modal2 .list_body .box .text{padding:0;}
    .info_modify p{font-weight: normal;}

    /*서비스안내*/
    .pc960{display: none;}
    .mo960{display: block;}
    .service_box img.bottom{width:100%;}
    .main_visual.service .visual{height:23.25rem;}
    .main_visual.service .visual img.bus{width:6rem; height:auto; top:3rem;}
    .main_visual.service .visual .title{width:100%; font-size:1.4rem; line-height:1.8rem; top:10.85rem;}
    .main_visual.service .visual .text{font-size:.72rem; line-height:1.2rem; top:15.5rem; width:100%;}
    .service_guide{padding:3rem 1rem 0;}
    .title_box h2{font-size:.85rem; line-height: 1.2rem;}
    .title_box h2.long{font-size:.75rem;}
    .title_box h2:before{top:-.15rem;}
    .f_between{display: block;}
    .contents_box .box1 .text_t{ width:100%;}
    .btn_title{width:4.75rem; height:1.7rem; font-size:.7rem; line-height: 1.7rem;}
    .contents_box .box1 .text_t{font-size:.8rem; line-height: 1.2rem; padding:.5rem 0 0 1rem;}
    .f_between2{display:flex; justify-content: space-between;}
    .box_outer{border-bottom:1px solid #333;}
    .box_outer:last-child{border-bottom:0;}
    .box2_2,
    .box3_2
    {border-bottom:1px solid #d8dce3;}
    .contents_box .box2_2 div,
    .contents_box .box3_2 div,
    .contents_box .box5_2 div{height:auto; font-size:.73rem; line-height:1.2rem; padding:.5rem .7rem;}
    .contents_box .box2_2 div:nth-child(1),
    .contents_box .box3_2 div:nth-child(1){width:45%; border-right:1px solid #d8dce3;}
    .contents_box .box2_2 div:nth-child(2),
    .contents_box .box3_2 div:nth-child(2){width:55%;}
    .contents_box .box2_2 div.wrap{line-height: 1.5rem;}
    .main_contents.service{padding:0;}
    .service_box .text{font-size:.8rem;}
    .service_box .text_img p{font-size:.8rem;}
    .service_box p.big{font-size: 1.5rem;}
    .box4_2,
    .box4_2,
    .box5_2
    {border-bottom:1px solid #d8dce3;}
    .contents_box .box4_2 div,
    .contents_box .box4_2 div{height:auto; font-size:.73rem; line-height:1rem; padding:1rem .5rem;}
    /* .contents_box .box4_2 div,
    .contents_box .box4_2 div{height:3rem; font-size:.73rem; line-height:3rem; padding-left:.7rem;} */
    .contents_box .box4_2 div:nth-child(1),
    .contents_box .box4_2 div:nth-child(1){width:45%; border-right:1px solid #d8dce3;}
    .contents_box .box4_2 div:nth-child(2){width:55%;}
    .main_contents.service{padding:0;}
    .service_box{padding-bottom: 1rem;}

    /*필수준비사항안내*/
    .main_visual.service .visual2{height:15rem;}
    .contents_box .box5_2 div:nth-child(1){width:45%; border-right:1px solid #d8dce3;}
    .contents_box .box5_2 div:nth-child(2){width:55%;}
    .contents_box .box5_2 div.wrap{line-height: 1.5rem;}
    .service_box.area .mo960 .box_outer:last-child{border-top:1px solid #d8dce3;}

    /* 추가 */
    .board_box h2{display: none;}
    .mypage .step_ck { display:none }
    .list_top{padding-top:0rem;}

    /*교통이용내역*/
    .date_box{display: block;}

}

@media screen and (max-width:830px){
    /*교통카드 발급*/
    .traffic_card_visual .visual_bg img{width:27rem;}
    .traffic_card_visual .dark{height:7.5rem;}
}

@media screen and (max-width:768px){
    .pc_768{display: none;}

    /*아용약관*/
    section.main_terms .box{background:#f5f6fb; height:100%; padding:1rem; border:0;}

    /*교통카드 발급*/
    .traffic_card_visual .visual_bg > div{padding:5rem .5rem;}
    .traffic_card_visual {height:34rem;}
    .traffic_card_visual .text1{font-size:1.4rem; line-height:1.9rem; padding-bottom:2.5rem;}
    .traffic_card_visual .text2 {font-size:.8rem;}
    .traffic_card_visual .visual_bg img{width:14rem;}
    .traffic_card_visual .btn{position:absolute; top: 17.5rem; z-index:1; left:50%; transform: translateX(-50%);}
    .traffic_card_visual .btn button{display:block;}
    .traffic_card_visual .btn button:first-child{margin-right: 0; /*margin-bottom:1rem;*/ }
    .traffic_card_visual .btn button:last-child{position:absolute; top:5.2rem;}
    .traffic_card_visual .dark{height:19.4rem;}
    .traffic_card_visual .text2 span{display: block; position:absolute; z-index:2}
    .traffic_card_visual .text2{margin-bottom:0;}
    .traffic_card_visual .text2 span:last-child{margin-left: 0;}
    .traffic_card_visual .text2 span:first-child{top:20.5rem; left:50%; transform: translateX(-50%);}
    .traffic_card_visual .text2 span:last-child{top:25.7rem; left:50%; transform: translateX(-50%);}
    .traffic_card_visual .text3{position:absolute; top:28rem; width:100%; padding:0 1rem;}
    /* .mo{display: block;} */
    .modal .modal-content{max-height:none;}
    .modal-content.service{max-height: 30rem;}
    .pc_dis{display: none;}
    header .header_inner{width:95%;}
    .main_visual .container{width:95%;}
    .main_contents{width:100%;}
    .main_contents .card_box{display: block;}
    .main_contents .card_box .card{width:100%; margin-bottom:1rem;}
    .main_visual .container  .swiper-slide{background-size: 70% auto;}
    .accordion__list .link2 .link__title{padding-right:2rem; margin-left:0; padding-left:1.5rem;}
    .accordion__list .link2 .link__title:before{left:.5rem;}
    input.box_2{width:45%;}
    header.sub_header .header_inner {width:100%;}
    .form_box{width:90%; padding:4rem 1rem;}
    .step-box{width:90%; padding:2rem 1rem 5rem;}
    .main_header .header_inner .pc_nav{margin-right:0;}
    input.box_s{width:70%;}
    button.btn_s{width:27%;}
    .box_4s{display: block;}
    .box_2_box_inner{width:100%; margin-bottom:1rem;}
    select.sel_2{width:47%;}
    select.sel_2:first-child{float:left;}
    select.sel_2:first-child{float:right;}
    button.btn_bottom{width:100%;}
    button.btn_2{width:48%;}
    .traffic_card_visual .text3{bottom:9.5rem; font-size:.6rem; width:100%;}

    /*메인페이지 게시판 미리보기*/
    .main_contents .preview_box .notice .viewer{display: none;}
    .main_contents .preview_box .notice .list{width:100%;}
    .main_contents .preview_box .notice{margin-bottom:.5rem;}
    .main_contents{padding:2rem 0 0;}
    .main_contents .preview_box .notice{border:0; border-top:1px solid #d8dce3; border-bottom:1px solid #d8dce3; padding:0; height:13.5rem;}
    .main_contents .preview_box .notice .list{padding:1.5rem 1rem 0;}
    .main_contents .preview_box .promotion{border:0; border-top:1px solid #d8dce3; border-bottom:1px solid #d8dce3;}
    .main_contents .preview_box .promotion .swiper2 .swiper-slide{height:100%;}
    .main_contents .preview_box .notice .tab li{width:50%;}
    footer{border-top:0;}

    /*회원가입*/
    /*멤버타입 선택*/
    h2.title.left{font-size:1.3rem;}
    .form_area.type_message{display:block;}
    .chk_type.chk_type{margin-bottom:1rem;}
    .chk_type.chk_type:last-child{margin-right:0;}
    .chk_type input[type="radio"] + label{width:100%;}
    .chk_type input[type="radio"] + label img{left: 50%; transform: translateX(-50%);}

    /*본인인증*/
    /*팝업*/
    .signup .modal-content{width:100%; height:100%; max-height: 100%; padding:0;}
    .signup .signup_title{padding:.7rem 1rem .9rem;}
    .modal_inner{padding:2rem 1rem 5rem;}
    .signup .signup_title{font-size: .8rem; padding-bottom:1rem;}
    .signup .modal-content .close{position: absolute; top: .8rem; right: 1.5rem;cursor: pointer;}
    .signup .modal_inner .title{font-size:1.4rem;}
    .signup .modal_inner .text{font-size:.8rem; line-height:1.3rem;}
    .signup .top{display: block;}
    .signup .top img{padding-top:1.5rem}
    .signup .top p{padding-top:.5rem;}
    .signup .middle{padding: .5rem .5rem .5rem .5rem; color:#fff; margin-top: 1rem;}
    .signup .middle h3{color:#333; font-size: .8rem; line-height: 1.2rem; font-weight: 700; position:relative; padding-left: .2rem;}
    .signup .middle h3:after{content:''; width:18px; height:18px; background: url(../images/ico-info.svg); position:absolute; left:-1rem; top:.1rem;}
    .signup .middle p{padding:.5rem .2rem; font-size: .8rem; line-height: 1.2rem; font-weight: normal;}
    .signup .modal_btn button{width:7.5rem;}

    /*지역화폐 선택 팝업*/
    .list_top .ano_h3{padding-top:0;}
    .list_body .list_box .box h4{width:38%;}
    .list_body .list_box .box p{ width:62%;}
    .list_top p.pay{padding:2rem 0 1rem;}

    /*마이페이지*/
    /*교통카드등록*/
    .list_top{text-align: left;}
    .list_body{display: block;}
    .list_body .list_box{width:100%;}
    .mypage_modal .modal-content{width:100%; height:100%; padding:1.5rem 0 4rem;}
    .mypage_modal .box_4s{width:23.5%;}
    .modal_mo{display: block; padding-bottom:2rem;}
    .mypage_modal .modal_title{/*margin-bottom:3.5rem;*/padding: 0 10% 0 1rem;}
    .mypage_modal .bottom{padding:3rem 1rem 0;}
    .mypage_modal .modal-content .close{right:1rem;}

    /*교통카드등록 수정*/
    .list_body_2 .list_box{display:block; height:auto; line-height: 3.2rem; border-bottom:0;}
    .list_body_2 .list_box .name,
    .list_body_2 .list_box .area,
    .list_body_2 .list_box .num,
    .list_body_2 .list_box .date{background: none; width:100%;  text-align: left; position:relative; padding-left: 40%; border-bottom:1px solid #d8dce3;}
    .list_body_2 .list_box .area p:before,
    .list_body_2 .list_box .date p:before{display: none;}
    .list_body_2 .list_box .name:after,
    .list_body_2 .list_box .area:after,
    .list_body_2 .list_box .num:after,
    .list_body_2 .list_box .date:after{content: attr(data-before); position:absolute; left:0; top:0; padding-left:1rem; font-size:.8rem; font-weight: 700;}
    .list_body_2 .list_box .name:before,
    .list_body_2 .list_box .area:before,
    .list_body_2 .list_box .num:before,
    .list_body_2 .list_box .date:before{content:''; width:30%; height:100%; background: #f5f6fb; position:absolute; left:0; top:0; padding-left:1rem; }
    .list_body_2 .list_box .name p,
    .list_body_2 .list_box .area p,
    .list_body_2 .list_box .num p,
    .list_body_2 .list_box .date p{color:#333; font-size:.8rem; font-weight: normal; top:0;}
    .list_body_2 .btn_area{padding-left:1rem; padding-right:1rem;}
    .btn_area.trans,
    .btn_area.trans2 {margin-top:0; margin-bottom:1rem;}
     .btn_area.trans button,
     .btn_area.trans2 button{ font-size:.7rem;}

    /*지역화폐등록 수정*/
    .list_body_2.area .list_box .name,
    .list_body_2.area .list_box .num,
    .list_body_2.area .list_box .date{width:100%;}
    .flex_sb.pay{display: block;}
    .list_top.pay{padding-top:0; padding-bottom:0;}
    button.btn_2.modi:nth-child(2){margin-left:0;}
    button.lbtn.modi2{width:100%;}

    /*지원금 신청*/
    .mypage_modal2 .modal-content{width:100%; height:100%; min-height:100%;}
    .support_fund{padding:3rem 1rem 0;}
    .mypage_modal2 .bottom{padding:0;}
    .mypage_modal2 .list_header{padding:0 1rem;}
    .mypage_modal .modal-content .close{top:1.2rem;}

    /*내역*/
    .calendar_box {width:42%; }

    /*지원금 신청 완료*/
    .support_fund .complate_message p{font-size:.8rem; line-height:1.2rem;}
    .border_h3.done{display: none;}

    /*서비스안내*/
    .service_guide{border-bottom:1px solid #d8dce3;}
    .mypage_modal1 .modal-content.service_notice{width:100%;}

    /*지원금 신청내역*/
    /*지원금*/
    .mypage_table.support tr{width:100%;}
    .mypage_table.support tr > td:nth-child(1),
    .mypage_table.support tr > td:nth-child(2),
    .mypage_table.support tr > td:nth-child(3),
    .mypage_table.support tr > td:nth-child(4),
    .mypage_table.support tr > td:nth-child(5),
    .mypage_table.support tr > td:nth-child(6),
    .mypage_table.support tr > td:nth-child(7),
    .mypage_table.support tr > td:nth-child(8){width:100%; text-align: left; padding-left:50%; position:relative; font-size:.8rem; }
    .mypage_table.support thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
    .mypage_table.support tr {display: block; margin-bottom: .625em;}
    .mypage_table.support .body{position:relative; border-top:3px solid #d8dce3;}
    .mypage_table.support .body:first-child{border-top:0;}
    .mypage_table.support td { border-bottom: 1px solid #d8dce3; display: block; font-size: .8em; text-align: right;}
    .mypage_table.support td::before { content: attr(data-label); font-weight: bold; text-transform: uppercase; position: absolute; left:25px; z-index:2; color:#333;}
    .mypage_table.support td:after { content: ''; width:45%; height:3.2rem; background: #f5f6fb; opacity: .5; position: absolute; left:0; top:0; z-index:1; border-right:1px solid #d8dce3;}
    .mypage_table.support td:nth-child(2):after,
    .mypage_table.support td:nth-child(4):after{height:4.3rem;}
    .mypage_table.support td:last-child {border-bottom: 0;}
    .mypage_table.support td.complete:after{height:4.3rem;}

    /*회원가입 지역화폐 선택 팝업*/
    .mypage_table.fund tr{width:100%;}
    .mypage_table.fund tr > td:nth-child(1),
    .mypage_table.fund tr > td:nth-child(2),
    .mypage_table.fund tr > td:nth-child(3){width:100%; text-align: left; padding-left:50%; position:relative; font-size:.8rem; }
    .mypage_table.fund thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
    .mypage_table.fund tr {display: block; margin-bottom: .625em;}
    .mypage_table.fund .body{position:relative; border-top:3px solid #d8dce3;}
    .mypage_table.fund .body:first-child{border-top:0;}
    .mypage_table.fund td { border-bottom: 1px solid #d8dce3; display: block; font-size: .8em; text-align: right;}
    .mypage_table.fund td::before { content: attr(data-label); font-weight: bold; text-transform: uppercase; position: absolute; left:25px; z-index:2; color:#333;}
    .mypage_table.fund td:after { content: ''; width:40%; height:3.2rem; background: #f5f6fb; opacity: .5; position: absolute; left:0; top:0; z-index:1; border-right:1px solid #d8dce3;}
    .mypage_table.fund td:last-child {border-bottom: 0;}

    /*부모님 회원가입*/
    /*회원가입*/
    /*자녀선택 팝업*/
    .modal.children_up .modal-content{width:100%;}
    .modal.children_up h2.title{display: none;}
    .modal.children_up p.children{padding-top:1rem;}
    .mypage_table.children_up tr{width:100%;}
    .mypage_table.children_up tr > td:nth-child(1),
    .mypage_table.children_up tr > td:nth-child(2),
    .mypage_table.children_up tr > td:nth-child(3),
    .mypage_table.children_up tr > td:nth-child(4),
    .mypage_table.children_up tr > td:nth-child(5),
    .mypage_table.children_up tr > td:nth-child(6){width:100%; text-align: left; padding-left:50%; position:relative; font-size:.8rem; }
    .mypage_table.children_up thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
    .mypage_table.children_up tr {display: block; margin-bottom: .625em;}
    .mypage_table.children_up .body{position:relative; border-top:3px solid #d8dce3;}
    .mypage_table.children_up .body:first-child{border-top:0;}
    .mypage_table.children_up td { border-bottom: 1px solid #d8dce3; display: block; font-size: .8em; text-align: right;}
    .mypage_table.children_up td::before { content: attr(data-label); font-weight: bold; text-transform: uppercase; position: absolute; left:25px; z-index:2; color:#333;}
    .mypage_table.children_up td:after { content: ''; width:45%; height:3.2rem; background: #f5f6fb; opacity: .5; position: absolute; left:0; top:0; z-index:1; border-right:1px solid #d8dce3;}
    .mypage_table.children_up tr > td:nth-child(1):after{height:3.5rem;}
    .mypage_table.children_up td:last-child {border-bottom: 0;}
    .modal.children_up .modal-content .btn_area.children button{width:100%;}

    /*부모님 교통카드 등록*/
    .list_body_2.area.parents .list_box{display: block; height: auto; line-height: 3.2rem; border-bottom: 0;}
    .list_body_2.area.parents .list_box .chi_name,
    .list_body_2.area.parents .list_box .name,
    .list_body_2.area.parents .list_box .area,
    .list_body_2.area.parents .list_box .num,
    .list_body_2.area.parents .list_box .date{background: none; width:100%;  text-align: left; position:relative; padding-left: 35%; border-bottom:1px solid #d8dce3;}
    .list_body_2.area.parents .list_box .area p:before,
    .list_body_2.area.parents .list_box .date p:before{display: none;}
    .list_body_2.area.parents .list_box .chi_name:after,
    .list_body_2.area.parents .list_box .name:after,
    .list_body_2.area.parents .list_box .area:after,
    .list_body_2.area.parents .list_box .num:after,
    .list_body_2.area.parents .list_box .date:after{content: attr(data-before); position:absolute; left:0; top:0; padding-left:1rem; font-size:.8rem; font-weight: 700;}
    .list_body_2.area.parents .list_box .chi_name:before,
    .list_body_2.area.parents .list_box .name:before,
    .list_body_2.area.parents .list_box .area:before,
    .list_body_2.area.parents .list_box .num:before,
    .list_body_2.area.parents .list_box .date:before{content:''; width:25%; height:100%; background: #f5f6fb; position:absolute; left:0; top:0; padding-left:1rem; }
    .list_body_2.area.parents .list_box .chi_name p,
    .list_body_2.area.parents .list_box .name p,
    .list_body_2.area.parents .list_box .area p,
    .list_body_2.area.parents .list_box .num p,
    .list_body_2.area.parents .list_box .date p{color:#333; font-size:.8rem; font-weight: normal; top:0;}
    .list_body_2.area.parents .btn_area{padding-left:1rem; padding-right:1rem;}
    .btn_area.trans,
    .btn_area.trans2 {margin-top:0; margin-bottom:1rem;}
    .btn_area.trans button,
    .btn_area.trans2 button{ font-size:.7rem;}
}

@media screen and (max-width:480px){
    /*회원가입 따라하기*/
    .btn_pc{display: none;}
    .btn_pc_par{display: none;}
    .btn_mo{display: block;}
    .btn_mo_par{display: block;}
    .close_new{display: block;}

    /*청소년증 발급 안내 팝업*/
    .modal.traffic_card_popup .service_popup_text1{font-size:1.3rem; line-height:1.7rem; margin: 2rem 0 .5rem;}
    .modal.traffic_card_popup .service_popup_text2{font-size:.8rem; margin-bottom:.5rem;}
    .modal.traffic_card_popup .service_popup_text3{font-size:.8rem;}
    .modal.traffic_card_popup .title_box h2:before{left:-1.5rem;}
    .modal.traffic_card_popup .text_area{padding:1rem .5rem;}
    .modal.traffic_card_popup .title_box h2{padding-left:.5rem;}

    /*데이터피커*/
    .date_box{padding-left: .5rem; padding-right:.5rem;}
    .date_box .date_box_inner{width:100%;}
    .search_btn_date{width:100%; margin-top:1rem;}
    .date_box{display: block;}
    .input-group:last-child{margin-right:0;}

    html{font-size:22px;}
    body{font-size:1rem; color:#333; letter-spacing:0}
    .pc{display:none;}
    .mo{display:block;}
    .error_message h2.title{font-size: 1.5rem;}
    .error_message img{width:10rem;}
    .modal .modal-content{max-height:none;}
    section.sub_section2{margin:0 auto; border:0; border-bottom:1px solid #d8dce3; padding:2rem .5rem 3rem;}
    .main_header .header_inner .logo{margin-left:.26rem;}
    .ham_nav .accordion{padding:0;}
    .main_visual .container  .swiper-slide p{width:100%; text-align:center; top:6rem; left:50%; transform: translateX(-50%); font-size:1.75rem;}
    .main_visual .container  .swiper-slide button{top:14rem; left:50%; transform: translateX(-50%); border: 2px solid #fff;}
    .main_visual .container  .swiper-slide{background-size:90% auto;}
    .main_contents{padding:.5rem 0 0;}
    .main_contents .card_box,
    .main_contents .preview_box .promotion{margin-bottom:0;}
    .main_contents .preview_box{margin-bottom:0;}
    .main_contents .preview_box .notice .body{padding:1.5rem 1.5rem .5rem;}
    .main_contents .preview_box .date_bottom{padding-left: 1rem;}
    .main_contents .preview_box .promotion .swiper2 .swiper-slide img{width:100%; height:auto;}
    .main_contents .preview_box .notice .body .list h3{width:100%;}
    footer .footer_nav a{display:block; margin:1.175rem; font-size:.55rem; font-weight: 700; color:#24262a;}
    footer{border-top:none; padding: 1.5rem 0 1.5rem;}
    .copy{text-align:center;}
    footer .add{display: block; text-align: center; font-size:.6rem;}
    footer .add span{display: block;}
    footer .add span:first-child{margin-right:0; margin-bottom:.2rem;}
    footer .copy{font-size:.5rem;}
    .form_box .title_txt{font-size:.8rem;}
    button.btn_2:first-child{margin-right:1rem;}
    .btn_area{justify-content: center;}
    .sub_header .header_inner{padding:.6rem 1rem;}
    section.sub_section{padding:0;}
    .form_box{width:100%; padding:4rem 1rem;}
    .step-box{width:100%; padding:1rem 1rem 5rem 1.2rem;}
    /*input[type="checkbox"] + label {font-size:.65rem;}*/
    button.btn_2{width:48%;}
    .main_header .header_inner{padding: 1.2rem 2.5%;}

    /*회원가입 스텝*/
    .step-state ul li p{right:-.5rem;}
    .btn_area.complate_message{display: block;}
    .complate_btn{display: block;}
    button.btn_2.complate{width:100%;}
    button.btn_2.complate:first-child{margin-bottom:1rem;}

    /*로그인*/
    .login_bottom a{font-size: .65rem;}

    /*지원금 신청*/
    .support_fund{padding:3rem 1rem 0;}

    /* 추가 */
    .calendar_wrapper { width:96%; margin:0 auto; }
    .calendar_box { width:152px; }
    .calendar_box .icon { display:inline-block; position:absolute; top:15px; right:5%;  }
    .calendar_box input { width:inherit }
    .cc .board .box > div:nth-child(1){ display:none }
    .cc .board .box > div:nth-child(2){width:36%;}
    .cc .board .box > div:nth-child(3){width:33%;}
    .cc .board .box > div:nth-child(4){width:33%;}
    .cc .board .box > div{padding-left: .5rem; padding-right: .5rem; border-bottom:1px solid #d8dce3;}
    .btn_Mset { display:inline-block; width:100%; margin-top:5%; }
    .money_box { width:96%; font-size:.8rem; line-height: 1.5rem; text-align:left; margin:15% auto 1.6% auto }
    .money_box span { display:none}
    .money_box strong { display:block; width:100% }
    .search_btn { display:block; width:100%; margin-top:10%; }
    .list_top.bbnone { width:100%; margin:0 auto }

    /*서비스안내*/
    .title_box{padding-left:2rem; border-bottom: 3px solid #333;}
    .title_box h2{position:relative;font-size:.85rem; line-height:1.95rem; font-weight:700; padding-bottom:.5rem; }
    .title_box h2:before{content:''; position:absolute; width:40px; height:30px; background-image: url(../images/service_title.svg); left:-2rem; top:.2rem;}
    .modal-content.service{width:100%; height:100%;}
    .modal-content.service{padding:1.5rem .5rem;}
    .board.service_mo_p{padding:0 .5rem;}
    .modal .modal-content p.service_popup_text2{padding:1rem 0;}
    .modal-content.service_notice h2{font-size:1.5rem;padding-left: 1rem;}
    .modal .modal-content p.service_popup_text{padding:2rem .5rem;}

    /*정보수정*/
    .info_modify p{font-size:.8rem;}
    .mypage_table{border-bottom:0;}
    .mypage_table td{font-size:.9rem;}

    /*교통카드*/
    .mypage_table.traffic tr.title th:nth-child(2),
    .mypage_table.traffic tr > td:nth-child(2){width:25%;}
    .mypage_table.traffic tr.title th:nth-child(3),
    .mypage_table.traffic tr > td:nth-child(3){width:37.5%; padding-right: .5rem;}
    .mypage_table.traffic tr.title th:nth-child(4),
    .mypage_table.traffic tr > td:nth-child(4){width:37.5%; padding-right: .5rem;}
    .mypage_table.traffic th:first-child,
    .mypage_table.traffic td[data-label="번호"]{display:none;}
    .mypage_table.traffic th:nth-child(2),
    .mypage_table.traffic td[data-label="이용월"]{padding-left:.8rem;}
    .mypage_table.traffic th{font-size:.8rem;}
    .mypage_table.traffic th:nth-child(3),
    .mypage_table.traffic th:nth-child(4){text-align:right;}
    .mypage_table.traffic td[data-label="이용금액"],
    .mypage_table.traffic td[data-label="예상 지급액"]{text-align: right;}

    /*게시판*/
    .notice_open .prev_next{font-size:.7rem;}

    /*회원가입팝업 수정*/
    .signup .signup_title{font-weight: 700; font-size:1rem;}
    .onlypc{display: none;}

    /*경기 지역화폐 발급하기 팝업 수정*/
    .pay_info_up .modal-content.service_notice h2{font-size:1.3rem;}
    .pay_info_up .form_area.warning_mg{padding:0 .5rem;}
    .modal.pay_info_up .btn_area.pay{padding-bottom:2rem;}

}

/*사이트맵*/
section.site_map{padding:4rem 4rem 1rem;}
section.site_map .box_outers{display: flex; flex-wrap: wrap;}
section.site_map .box{width:20%; margin-right:6.6666%;}
section.site_map .box_outers .box{padding:0 0 3rem;}
section.site_map .box.info{width:50%;}
section.site_map .box:nth-child(4){margin-right:0;}
section.site_map h1{font-size:2.2rem; font-weight: 700; padding-bottom:2rem;}
section.site_map .box h2{padding-bottom:1rem; font-size:1.4rem; color:#007C88; border-bottom:1px solid #d8dce3; font-weight: 700;}
section.site_map .box a{display: block; padding-top:.5rem; padding-bottom:.5rem;}
section.site_map .box a:nth-of-type(1){padding-top:1.5rem;}

@media screen and (max-width:1280px){
    section.site_map{padding:4rem 4rem 1rem;}
}

@media screen and (max-width:960px){
    section.site_map{padding:4rem 4rem 1rem;}
    section.site_map .box,
    section.site_map .box.info{width:33.333%; margin-right:0; text-align: center;}
}

@media screen and (max-width:640px){
    div,p{word-break:break-all;}
    section.site_map{padding:3rem 1rem 0;}
    section.site_map .box_outers{justify-content: space-between;}
    section.site_map .box,
    section.site_map .box.info{width:45%; margin-right:0; text-align: left;}
    section.site_map .box h2{font-size:1rem;}
    section.site_map .box p{font-size:.8rem;}
    section.site_map .box a{padding-top:.25rem; padding-bottom:.25rem;}
    section.site_map .box a:nth-of-type(1){padding-top:1rem;}
    .scroll{max-height:none;}
}

/*지역화폐 등록안내 팝업*/
.board.service_mo_p{padding:0 1rem;}
.area_pay_notice .mypage_table.support tr.title th:nth-child(1),
.area_pay_notice .mypage_table.support tr > td:nth-child(1){width:33.3333%; padding-left:3%;}
.area_pay_notice .mypage_table.support tr.title th:nth-child(2),
.area_pay_notice .mypage_table.support tr > td:nth-child(2){width:33.3333%;}
.area_pay_notice .mypage_table.support tr.title th:nth-child(3),
.area_pay_notice .mypage_table.support tr > td:nth-child(3){width:33.3333%;}
.area_pay_notice .mypage_table{margin-top:3rem; margin-bottom:1rem;}
.area_pay_notice .btn_area.pay button:first-child{margin-right:.5rem;}
.area_pay_notice .modal-content p.service_popup_text1{padding:2rem 0 .5rem;}
.area_pay_notice .modal-content p.service_popup_text2{padding:0 0 1rem;}

@media screen and (max-width:768px){
    .area_pay_notice .mypage_table.support tr > td:nth-child(1),
    .area_pay_notice .mypage_table.support tr > td:nth-child(2),
    .area_pay_notice .mypage_table.support tr > td:nth-child(3){width:100%; text-align: left; padding-left:50%; position:relative; font-size:.8rem; }
    .area_pay_notice .mypage_table.support .body:after{content:'';}
    .area_pay_notice .mypage_table.support td:after { content: ''; width:45%;}
}

/*2020-06-23수정*/
/*회원가입안내팝업*/
.signup .signup_title span{font-weight: 700;}
/*제외대상사업안내 비회원가입팝업*/
.bottom_promotion span.qline{color:#a5adba; font-weight: normal; font-size:.7rem;}
/*데이터피커 반응형 위치조절*/
@media screen and (max-width:560px){
    .input-group1 .bootstrap-datetimepicker-widget .list-unstyled {margin: 0; position:absolute; left:0;}
    .input-group2 .bootstrap-datetimepicker-widget .list-unstyled {margin: 0;position:absolute; left:10px;}
}
@media screen and (max-width:500px){
    .input-group2 .bootstrap-datetimepicker-widget .list-unstyled {left:-20px;}
}
@media screen and (max-width:414px){
    .input-group2 .bootstrap-datetimepicker-widget .list-unstyled {left:-60px;}
}
@media screen and (max-width:400px){
    .input-group2 .bootstrap-datetimepicker-widget .list-unstyled {left:-68px;}
}
@media screen and (max-width:384px){
    .input-group2 .bootstrap-datetimepicker-widget .list-unstyled {left:-76px;}
}
@media screen and (max-width:375px){
    .input-group2 .bootstrap-datetimepicker-widget .list-unstyled {left:-80px;}
}
@media screen and (max-width:360px){
    .input-group2 .bootstrap-datetimepicker-widget .list-unstyled {left:-88px;}
}
@media screen and (max-width:320px){
    .input-group2 .bootstrap-datetimepicker-widget .list-unstyled {left:-106px;}
}

/*햄버거메뉴*/
.ham_nav .accordion li:nth-of-type(1) i{top:1rem;}

/*회원가입 지역화폐조회 팝업*/
.modal.pop_pay_select .modal-content .bottom_promotion{margin:0 1rem 2rem;}
.modal.pop_pay_select .modal-content .bottom_promotion > p{padding:0;}

/*회원가입 안내 팝업*/
.modal .modal-content p.s_title{font-size:1rem; padding:0; padding-bottom:1rem; color:#a5adba;}
@media screen and (max-width:768px){
    .modal .modal-content p.s_title{font-size:.8rem;}
}
/*회원가입 지역화폐 등록 안내*/
@media screen and (max-width:480px){
    .modal.area_pay_notice .btn_area.pay{width:100%;}
}

/*2020-06-24수정*/
/*회원가입 신청 시 주의사항 안내 팝업*/
.modal.join_notice_war .img{text-align: center; padding-top:2rem;}
.modal.join_notice_war .done_img{width:50%;}
.modal.join_notice_war .list_top{text-align: center;}
.modal.join_notice_war .list_top .pay{text-align: center; padding:1.5rem 2rem;}
.modal.join_notice_war .ltitle{font-size:1.6rem; line-height: 2.3rem; font-weight: 700; padding-bottom:0;}
.modal.join_notice_war .bottom_promotion p{padding:0;}
.modal.join_notice_war .btn_area.pay{margin:1.5rem auto 0;}
@media screen and (max-width:480px){
    .modal.join_notice_war .list_top .pay{padding:1.5rem .5rem;}
}

/*부모님 회원가입*/
/*회원가입*/
/*자녀등록 팝업*/
td[data-label='생년월일'],
td[data-label='지역화폐 번호'],
td[data-label='등록일']
 {letter-spacing: 0;}

/*부모님 지원금신청*/
.bottom_promotion span.grey{color:#76787F; background: none; border:0;}

/*header 로그인전 화면 수정*/
.main_header .pc_nav .login{position: relative; display: block; padding: 1.85rem 0; color: #333; font-size: 1rem; font-weight: 700; text-align: center; margin-right:1.5rem;}
.main_header .pc_nav .login span{display:inline-block; margin-top:-.1rem;}

/*footer 전화번호수정*/
footer .tel{text-align: center; padding:1rem 0;}
footer .tel p{color:#007C88; font-size:.5rem; font-weight: 700; line-height: .9rem;}

/*서비스안내 수정*/
.modal.pop_pay_select .btn_area.pay{margin:2rem auto 0;}
.modal.pop_pay_select .modal-content .bottom_promotion{margin:0;}
.sq{color:#007C88;}
.text a{cursor:pointer;}

/*회원가입 따라하기*/
.join_guide_outer{width:37rem;}
.join_guide{width:37rem; padding:0 0 1.5rem;}
.join_guide .top{position:fixed; z-index:100; width:37rem; height:auto; padding:1rem 0 0; border-bottom:1px solid #d8dce3; background:#fff;}
.join_guide .top h1{padding:0 2rem 1rem;}
.join_guide_outer .top_inner{display: flex; justify-content:space-between;}
.join_guide_outer .top_inner img{margin-right:.5rem; margin-top:-1rem;}
.join_guide .main{padding:0 2rem;}
.join_guide .menu{padding:0 2rem 0;border-top:1px solid #d8dce3; background: #fff;}
.join_guide .menu ul{display: flex; justify-content: space-between;}
.join_guide .menu ul li{width:33.33333%; text-align: center; padding:.5rem 0;}
.join_guide .menu ul li a{font-weight: 700; display: block;}
.join_guide .menu ul li.active{border-bottom:3px solid #007C88;}
.join_guide .menu ul li a.active{color:#007C88; }
.join_guide .top .top_title{font-size:1.5rem;}
.join_guide .img_area{width:100%; margin:0 auto; overflow: hidden;}
.join_guide .img_area img{width:100%; height:auto;}
/* .join_guide .text_area{padding:1rem 0;} */
/* .join_guide .text_area > p{position:relative; line-height: 1.5rem; padding-bottom: 1rem; padding-left:2rem;}
.join_guide .text_area > p + .g_btn{margin:-0.5rem 0 1rem 2rem;}
.join_guide .text_area > P:before{content:''; position:absolute; left:0; width:1.5rem; height:1.5rem; border-radius: 50%; background: #f76252; display: inline-block;  text-align:center; color:#fff;} */
/* .join_guide .text_area > P:nth-of-type(1):before{content:'1';}
.join_guide .text_area > P:nth-of-type(2):before{content:'2';}
.join_guide .text_area > P:nth-of-type(3):before{content:'3';}
.join_guide .text_area > P:nth-of-type(4):before{content:'4';}
.join_guide .text_area > P:nth-of-type(5):before{content:'5';}
.join_guide .text_area > P:nth-of-type(6):before{content:'6';}
.join_guide .text_area > p:nth-of-type(7):before{content:'7';}
.join_guide .text_area > p:nth-of-type(8):before{content:'8';}
.join_guide .text_area > p:nth-of-type(9):before{content:'9';}
.join_guide .text_area > p:nth-of-type(10):before{content:'10';} */
.join_guide .g_page{padding:.5rem 0;}
.join_guide .g_page > p{position:relative; line-height: 1.5rem; /*padding-bottom: 1rem; padding-left:2rem; */padding:.5rem 0 .5rem 2rem; }
.join_guide .g_page > p + .img_area{margin-top:1rem;}
.join_guide .g_page > P:before{content:''; position:absolute; left:0; width:1.5rem; height:1.5rem; border-radius: 50%; background: #f76252; display: inline-block;  text-align:center; line-height:1.5rem; color:#fff;}
.join_guide .g_page > P:nth-of-type(1):before{content:'1';}
.join_guide .g_page > P:nth-of-type(2):before{content:'2';}
.join_guide .g_page > P:nth-of-type(3):before{content:'3';}
.join_guide .g_page > P:nth-of-type(4):before{content:'4';}
.join_guide .g_page > P:nth-of-type(5):before{content:'5';}
.join_guide .g_page > P:nth-of-type(6):before{content:'6';}
.join_guide .g_page > p:nth-of-type(7):before{content:'7';}
.join_guide .g_page > p:nth-of-type(8):before{content:'8';}
.join_guide .g_page > p:nth-of-type(9):before{content:'9';}
.join_guide .g_page > p:nth-of-type(10):before{content:'10';}

.join_guide .btn{position:fixed; top:21rem; left: 31.5rem;}
.join_guide .g_btn{max-width:10rem; height:2rem; border:1px solid #007C88; color:#007C88; font-weight: 700; text-align: center; line-height: 2rem; cursor:pointer; margin: .5rem 0 .5rem 2rem;}
.join_guide p + .g_btn{margin-top:0;}
.join_guide .g_btn + .g_btn{margin:0 0 1rem 2rem;}
.join_guide .btn ul li{width:3rem; height:3rem; background:red; border-radius: 50%; text-align: center; line-height: 3rem; font-size: .8rem;}
.join_guide .btn ul li a{display: block; color:#fff; font-weight: bold;}
.join_guide .btn ul li:first-child{margin-bottom:1rem; background:#647188;}
.join_guide .btn ul li:last-child{background: #007C88;}
.join_guide .g_view{display:none; padding:0 0 1rem 2rem;}
.join_guide .g_view p,
.join_guide .g_view img{margin:.5rem 0;}
.join_guide .g_view strong{display:block; padding:.5rem 0; font-size:1rem;}
.join_guide .g_view strong ~ strong{margin-top:1rem;}
/* .join_guide .g_view .img_area + .red{padding-top:.5rem;} */
.join_guide .g_view p + img{margin:1.5rem 0 .5rem 0;}
.join_guide .g_bt{font-size: 1.2rem;}
.join_guide .g_ct{color:#007C88;}
.join_guide .g_ct.g_ct_big{font-size:1rem; padding:2rem 0 1rem;}
.join_guide .g_ct.g_ct_big span{color:#007C88;}
@media screen and (max-width:480px){
    .join_guide_outer{width:100%;}
    .join_guide{width:100%; padding:0 0 1.5rem;}
    .join_guide .top{width:100%;}
    .join_guide .main{padding:0 .5rem;}
    .join_guide .btn{top:13rem; left:75%;}
    .join_guide .top .top_title{font-size:1rem;}
    .join_guide .top h1{padding:0 .5rem 1rem;}
    .join_guide .menu{padding:0 .5rem;}
    .join_guide .menu ul li a{font-size: .7rem;}
    .join_guide .g_bt{font-size:1rem;}
    .join_guide .g_view{padding:1rem 0 1rem 1rem;}
    .join_guide .g_view p,
    .join_guide .g_view img{margin:.25rem 0;}
    .join_guide .g_view p + img{margin:1rem 0 .25rem 0;}
    .join_guide .g_view ul li{font-size:.7rem;}
    .join_guide .g_view strong{font-size:.75rem;}
}

/*6/28,29회원가입안내팝업수정*/
.signup .middle p.red{color:red; font-weight: 700;}
.signup .bottom2 p.red{color:red; font-weight: 700;}
.signup .middle{background: #f5f6fb; border: 1px solid #d8dce3;}
.signup .middle.middle2{background: #007C88; border: 1px solid #d8dce3;}
.signup .middle p{color:#333; }
.signup .middle.middle2 p{color:#fff;}
.signup .modal_inner .text{font-size:.8rem;}
.signup .modal_inner .title{font-size:2rem; line-height: 2.5rem; padding:1rem 0 1rem; font-weight: 700;}

@media screen and (max-width:480px){
    .signup .modal_inner .title{font-size:1.2rem !important; line-height:1.6rem; padding:1rem 0  0!important;}

}

/*회원가입 부모님지역화폐등록 체크박스 수정*/
input[type="checkbox"] + label.chk_par{position:relative;}
.chk_text{position:absolute; left:2rem; top:.1rem;}
@media screen and (max-width:480px){
.chk_text{left:2rem; top:.2rem; font-size:.74rem;}
}

/*신청단계모바일수정*/
@media screen and (max-width:960px){
.mystep .step-state2 ul li{height:11rem;}
.mystep .step-state2 ul li:before{top:-11rem;}
.mystep .step_card .card{margin-bottom:7.45rem;}
}

/*지원금신청 인증서 팝업 수정*/
#cert_pop{position:relative; z-index:10;}

/*하루동안 보이기 팝업*/
.modal_once{position: fixed; left: 0; top: 0; right:0; bottom:0; background: rgba(0,0,0,0.3); z-index:10;}
.modal_once .modal-content{position:absolute; left:50%; top:50%;  transform:translate(-50%,-50%); width:16rem; padding:1.5rem; background-color: #fff; text-align: left; margin:0 auto; /*overflow-y: auto;*/ max-height:30rem;}
.modal_once .modal-content.max{min-width:16rem; max-width:30rem; width:auto;}
.modal_once .modal-content .modal_title{ font-size:1rem; line-height:1.2rem; color:#333; border-bottom:1px solid rgba(0, 0, 0, 0.2); font-weight: bold; padding-bottom:1.5rem;}
.modal_once .modal-content p{font-size:.8rem; line-height:1.2rem; padding:2rem 0; color:#333;}
.modal_once .modal-content .modal_btn{text-align: center;}
.modal_once .modal-content button{cursor: pointer; font-size:.8rem;}
.modal_btn{display: flex; justify-content: space-between;}
.modal_once .modal-content.no_title{padding:0 1.5rem 1.5rem;}
.modal_once .modal-content .close{position:absolute; top:1.25rem; right:1.5rem; cursor:pointer;}
.modal_once .no_title .close{position:absolute; top:1.25rem; right:1.5rem; cursor:pointer;}
.modal_once .no_title p{padding-top:3rem;}
.modal_once.on{display: none;}
.modal_once input[type="checkbox"] + label{font-weight: normal;}
.modal_once .chk_box{padding:1rem 0 0;}
.modal_once .lbtn{height:auto; line-height: 0;}

@media screen and (max-width:480px){
.modal_once .modal-content{width:100%; height:100%;}
}

/*회원가입따라하기 수정 2020-07-03*/
.join_guide p{font-size:1rem; line-height:1.5rem;}
.main_accordion5 .accordion,
.main_accordion6 .accordion,
.main_accordion7 .accordion{padding-top:5rem;}
.main_accordion5 .submenu5 a,
.main_accordion6 .submenu6 a,
.main_accordion7 .submenu7 a{padding:0; padding-left:0;}
.main_accordion5 .accordion__list .link5,
.main_accordion6 .accordion__list .link6,
.main_accordion7 .accordion__list .link7 { font-size: 0.85rem; font-weight: 700; color: #37474F; cursor: pointer; border-bottom: 1px solid #d8dce3; display: block; position: relative;}
.main_accordion5 .accordion__list .link5 .link__title,
.main_accordion6 .accordion__list .link6 .link__title,
.main_accordion7 .accordion__list .link7 .link__title {display: block; font-size:.8rem; line-height:1.4rem; padding: .8rem 1.5rem; position: relative; box-sizing: border-box; width: 100%; background-color: transparent; color: #333; padding-left:2rem; background: #fff;
background-image: url(../images/guide/chk.grey.svg); background-repeat: no-repeat; background-position: 0.5rem; background-size: 20px auto;
}
.main_accordion5 .accordion__list:first-child .link5 .link__title,
.main_accordion6 .accordion__list:first-child .link6 .link__title,
.main_accordion7 .accordion__list:first-child .link7 .link__title{border-top:1px solid #d8dce3;}
.main_accordion5 .accordion__list:last-child .link5 .link__title,
.main_accordion6 .accordion__list:last-child .link6 .link__title,
.main_accordion7 .accordion__list:last-child .link7 .link__title{border-bottom:1px solid #d8dce3;}
.main_accordion5 .accordion__list:last-child.open .link5 .link__title,
.main_accordion6 .accordion__list:last-child.open .link6 .link__title,
.main_accordion7 .accordion__list:last-child.open .link7 .link__title{border-bottom:0;}
.main_accordion5 .accordion li i,
.main_accordion6 .accordion li i,
.main_accordion7 .accordion li i  { position: absolute; top: 1.5em; right: 1rem; font-size: 1em; color: #999; /*-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;*/  color:#007C88;}
.main_accordion5 .submenu5 a > div,
.main_accordion6 .submenu6 a > div,
.main_accordion7 .submenu7 a > div{margin-top:-.2rem;}
.main_accordion5 .accordion li.open i,
.main_accordion6 .accordion li.open i,
.main_accordion7 .accordion li.open i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.main_accordion5 .submenu5,
.main_accordion6 .submenu6,
.main_accordion7 .submenu7 { display: none; background: #f5f6fb; font-size: 0.95em; border-bottom:1px solid #d8dce3; padding: 0;}
.main_accordion5 .submenu5 a,
.main_accordion6 .submenu6 a,
.main_accordion7 .submenu7 a { display: block; text-decoration: none; font-size:.7rem; line-height:1.1rem; color: #333; padding: 0; /*-webkit-transition: all 0.25 ease; -moz-transition: all 0.25 ease; -o-transition: all 0.25 ease; transition: all 0.25 ease;*/}
.main_accordion5 .accordion__list:last-child .link5,
.main_accordion6 .accordion__list:last-child .link6,
.main_accordion7 .accordion__list:last-child .link7 { border-bottom:none; }
.main_accordion5 .accordion__list:last-child.open .link5,
.main_accordion6 .accordion__list:last-child.open .link6,
.main_accordion7 .accordion__list:last-child.open .link7 { border-bottom:1px solid #d8dce3; }
.main_accordion5 .accordion__list:last-child.open .submenu5,
.main_accordion6 .accordion__list:last-child.open .submenu6,
.main_accordion7 .accordion__list:last-child.open .submenu7 { border-bottom:none; }
.main_accordion5 .container,
.main_accordion6 .container,
.main_accordion7 .container{border:0;}
.main_accordion5 .accordion__list .link5 .link__title,
.main_accordion6 .accordion__list .link6 .link__title,
.main_accordion7 .accordion__list .link7 .link__title{border-right:1px solid #d8dce3; border-left:1px solid #d8dce3;}
.join_guide .g_btn{font-size:1rem;}

@media screen and (max-width:480px){
    .join_guide p{font-size:.75rem; line-height:1.2rem;}
    .join_guide p.red{line-height:1.2rem;}
    .main_accordion5 .accordion,
    .main_accordion6 .accordion,
    .main_accordion7 .accordion{padding-top:4rem;}
    .main_accordion5 .accordion__list .link5 .link__title,
    .main_accordion6 .accordion__list .link6 .link__title,
    .main_accordion7 .accordion__list .link7 .link__title{font-size:.7rem;}
    .main_accordion5 .join_guide .main,
    .main_accordion6 .join_guide .main,
    .main_accordion7 .join_guide .main{padding:0 .2rem;}
    .main_accordion5 .accordion__list .link5 .link__title,
    .main_accordion6 .accordion__list .link6 .link__title,
    .main_accordion7 .accordion__list .link7 .link__title{padding-left:1.6rem;}
    .main_accordion5 .accordion li i,
    .main_accordion6 .accordion li i,
    .main_accordion7 .accordion li i{right:.3rem;}
    .join_guide .g_btn{font-size:.8rem;}
}

/*7-5 회원가입_부모님 수정*/
.select_btn_half_box.children_add > div{width:62%;}
.select_btn_half_box.children_add button{width:34%;}

/*회원가입 따라하기 수정 7-7*/
.join_guide_outer .warning{font-size:.8rem; padding:0 0 0 2rem;}
.join_guide .text_area p.warning:before{content:'';}
.join_guide .g_ct{padding:.5rem 0; display:block;}
.join_guide .info_text{font-size:.9rem; padding-left:2rem; line-height: 2rem}
.join_guide .info_text .title{font-size:1rem; font-weight: 700;}
.join_guide .info_text .indent{padding-left:1rem;}
.join_guide .info_text .warning{display:inline-block; padding:1rem 0 0 0; font-size:.8rem; line-height:1rem; }

@media screen and (max-width:480px){
    .join_guide_outer .warning{font-size:.7rem;}
    .join_guide .g_ct.g_ct_big{font-size:.7rem; padding:1rem 0 .5rem;}
    .join_guide .info_text{font-size:.8rem; padding-left:1rem; line-height: 1.5rem}
    .join_guide .info_text .warning{display:inline-block; padding:1rem 0 0 0; font-size:.7rem; line-height:1rem; }
    }

/*비회원가입*/
.x_hr_light{border:0; width:100%; background:#d8dce3; height:1px; display: block; margin:0 0 1.5rem;}
.middle_title{font-size:1; line-height:1.5rem; font-weight:700; padding-bottom:.5rem;}
.chk_card_non01_chk,
.chk_card_non02_chk,
.chk_card_non03_chk{display: none;}
.non_date_box{display: flex; justify-content: space-between; align-items: center;}
.non_date_box .form_area{width:24%;}
.non_date_box .form_area.btn{margin-top:1.3rem;}
.non_date_box .form_area{margin-bottom:1rem;}

@media screen and (max-width:768px){
    .non_date_box{display: block;}
    .non_date_box .form_area{width:100%;}
    .non_date_box .form_area{margin-bottom:.5rem;}
    }

/*신청단계_부모님 수정*/
.step-state3 ul li div.name{width:3rem; height:1rem; background: #007C88; color:#fff; font-size:.65rem; margin-bottom:.5rem; position:absolute; text-align: center; border-radius: 10px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow:hidden;}
.step-state3 ul li div.name:nth-of-type(1){top:-1.15rem; left:2.5rem;}
.step-state3 ul li div.name:nth-of-type(2){top:.3rem; left:2.5rem;}
.step-state3 ul li div.name:nth-of-type(3){top:-1.15rem; left:5.75rem;}
.step-state3 ul li div.name:nth-of-type(4){top:.3rem; left:5.75rem;}
.step-state3 ul li div.name:nth-of-type(5){top:-1.15rem; left: 8.95rem;}
.step-state3 ul li div.name:nth-of-type(6){top:.3rem; left:8.95rem;}

.step-state2 ul li div.name{width:3rem; height:1rem; background: #007C88; color:#fff; font-size:.65rem; margin-bottom:.5rem; position:absolute; text-align: center; line-height: 1rem; border-radius: 10px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow:hidden; z-index:5;}
.step-state2 ul li div.name:nth-of-type(1){top:2rem; left:-1rem;}
.step-state2 ul li div.name:nth-of-type(2){top:3.3rem; left:-1rem;}
.step-state2 ul li div.name:nth-of-type(3){top:4.7rem; left:-1rem;}
.step-state2 ul li div.name:nth-of-type(4){top:6rem; left:-1rem;}
.step-state2 ul li div.name:nth-of-type(5){top:7.3rem; left:-1rem;}
.step-state2 ul li div.name:nth-of-type(6){top:8.6rem; left:-1rem;}

/*비회원 신청내역조회*/
.mypage_table.nonmember{font-size: .7rem; line-height: 1.2rem;}
.mypage_table.nonmember th,
.mypage_table.nonmember td{border-left:1px solid #d8dce3; text-align: center;}
.mypage_table.nonmember th:last-child,
.mypage_table.nonmember td:last-child{border-right:1px solid #d8dce3;}
.mypage_table.nonmember th span{font-size: .7rem; font-weight: normal;}
.mypage_table.nonmember .complete{font-weight: bold; color:#007C88;}
.mypage_table.nonmember tr.title th:nth-child(1),
.mypage_table.nonmember tr > td:nth-child(1){width:6.5%;}
.mypage_table.nonmember tr.title th:nth-child(2),
.mypage_table.nonmember tr > td:nth-child(2){width:12.5%;}
.mypage_table.nonmember tr.title th:nth-child(3),
.mypage_table.nonmember tr > td:nth-child(3){width:8%;}
.mypage_table.nonmember tr.title th:nth-child(4),
.mypage_table.nonmember tr > td:nth-child(4){width:9%;}
.mypage_table.nonmember tr.title th:nth-child(5),
.mypage_table.nonmember tr > td:nth-child(5){width:10%;}
.mypage_table.nonmember tr.title th:nth-child(6),
.mypage_table.nonmember tr > td:nth-child(6){width:13.5%;}
.mypage_table.nonmember tr.title th:nth-child(7),
.mypage_table.nonmember tr > td:nth-child(7){width:13.5%;}
.mypage_table.nonmember tr.title th:nth-child(8),
.mypage_table.nonmember tr > td:nth-child(8){width:10%;}
.mypage_table.nonmember tr.title th:nth-child(9),
.mypage_table.nonmember tr > td:nth-child(9){width:10%;}
.mypage_table.nonmember tr.title th:nth-child(10),
.mypage_table.nonmember tr > td:nth-child(10){width:7%;}
.mypage_table.nonmember tr.title th:nth-child(11),
.mypage_table.nonmember tr > td:nth-child(11){width:8%;}
.mypage_table.nonmember tr.title th:nth-child(12),
.mypage_table.nonmember tr > td:nth-child(12){width:12%;}
.list_box_both{display: flex; justify-content: space-between;; align-items: center; padding-top:1rem;}
.list_box_both .list_top .ano_h3{padding:0; width:100%;}
.list_box_both .form_area{width:25%; padding-top:1.5rem; margin-bottom:0; }
@media screen and (max-width:768px){
    .mypage_table.nonmember tr{width:100%;}
    .mypage_table.nonmember tr > td:nth-child(1),
    .mypage_table.nonmember tr > td:nth-child(2),
    .mypage_table.nonmember tr > td:nth-child(3),
    .mypage_table.nonmember tr > td:nth-child(4),
    .mypage_table.nonmember tr > td:nth-child(5),
    .mypage_table.nonmember tr > td:nth-child(6),
    .mypage_table.nonmember tr > td:nth-child(7),
    .mypage_table.nonmember tr > td:nth-child(8),
    .mypage_table.nonmember tr > td:nth-child(9),
    .mypage_table.nonmember tr > td:nth-child(10),
    .mypage_table.nonmember tr > td:nth-child(11),
    .mypage_table.nonmember tr > td:nth-child(12){width:100%; text-align: left; padding-left:45%; position:relative; font-size:.8rem; }
    .mypage_table.nonmember thead {border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
    .mypage_table.nonmember tr {display: block; margin-bottom: .625em;}
    .mypage_table.nonmember .body{position:relative; border-top:3px solid #d8dce3;}
    .mypage_table.nonmember .body:first-child{border-top:0;}
    .mypage_table.nonmember td { border-bottom: 1px solid #d8dce3; display: block; font-size: .8em; text-align: right;}
    .mypage_table.nonmember td::before { content: attr(data-label); font-weight: bold; text-transform: uppercase; position: absolute; left:25px; z-index:2; color:#333;}
    .mypage_table.nonmember td:after { content: ''; width:42%; height:3.2rem; background: #f5f6fb; opacity: .5; position: absolute; left:0; top:0; z-index:1; border-right:1px solid #d8dce3;}
    .mypage_table.nonmember td:last-child {border-bottom: 0;}
    .list_box_both{display: block;}
    .list_box_both .form_area{width:90%;margin:0;  margin:0 auto; }
    }

/*신청단계_부모님 수정 2020-07-13*/
@media screen and (max-width:960px){
    .mystep .step_card .card .card_box .num{font-size:.7rem; line-height:1.5rem;}
}


/*비회원신청서보기 수정 2020-07-14*/
h2.title.nonmem{font-size:1.7rem;}

/*7-14 회원가입_부모님 수정*/
.children_add_box:nth-child(even){background: #edfaf7;}
.children_add_box:nth-child(odd){background: #faf9ed;}
.x_hr_child{border:0; width:100%; background:#d8dce3; height:2px; display: block; margin:0;}

/*7-15 지역화폐등록 버튼 수정*/
@media screen and (max-width:768px){
    .btn_area.trans button,
    .btn_area.trans2 button{font-size:.7rem; width:100%; margin-right:0;}
}

/*서비스안내 비회원 신청 팝업 수정 07-16*/
.btn_area.nonmember{width:80%; margin:.5rem auto;}
@media screen and (max-width:480px){
    .title_nonmem{padding-left:1rem; padding-bottom:1rem;}
    h2.title.nonmem{font-size:1.5rem;}
}

/*비회원신청대상자 팝업 추가7-22*/
.modal.nonpop_2 .modal-content p{padding:0;}
.modal.nonpop_2 .modal-content .title_2{font-size:1.2rem; font-weight: bold; padding-top:2.5rem; padding-bottom:1.5rem; line-height: 1.7rem;}
.modal.nonpop_2 .service_popup_text{margin-top:1.5rem; margin-bottom:1.5rem;}

/*지역화폐등록 수정 2020-08-31*/
.list_body_2 .list_box .type{width:15%; text-align: center; font-size:1.2rem; background: #fafafa; color:#333;}
.list_body_2 .list_box .type p{position:relative; top:.6rem;}
.list_body_2 .list_box .type p:before{content:'소유자'; position:absolute; left:50%; transform: translateX(-50%);top: -1.3rem; font-size: .9rem;}

@media screen and (max-width:768px){
.list_body_2 .list_box .type{background: none; width:100%;  text-align: left; position:relative; padding-left: 40%; border-bottom:1px solid #d8dce3;}
.list_body_2 .list_box .type p:before{display: none;}
.list_body_2 .list_box .type:after{content: attr(data-before); position:absolute; left:0; top:0; padding-left:1rem; font-size:.8rem; font-weight: 700;}
.list_body_2 .list_box .type:before{content:''; width:30%; height:100%; background: #f5f6fb; position:absolute; left:0; top:0; padding-left:1rem;}
.list_body_2 .list_box .type p{color:#333; font-size:.8rem; font-weight: normal; top:0;}
}

/*지원금 신청 내역 수정 2020-09-21*/
/* .td_btn{width:80%; height:2rem;}
@media screen and (max-width:768px){
    .table_btn{height:3.2rem;}
    .td_btn{margin-top:-.4rem;}

} */
.table_scroll .td_btn{width:5rem; margin:0 .5rem; height:1.8rem;}

/*메인 공지사항 추가 2020-09-28*/
.mypage_modal1 em span.modal_blue{color:blue; background: none; text-decoration: none; font-weight:normal;}
.mypage_modal1 span.modal_blue{color:blue; background: none;}
.mypage_modal1 .modal_indent{display: inline-block; padding-left:15px;}


/*************고도화 업데이트 추가 2020-12*************/
/*회원가입*/
/*부모님*/



/*신청단계 잠시 뮤트*/
/* pc */
.mystep .pc{display:flex; flex-wrap: wrap;}
.mystep_box{width:33.333%; padding-bottom:1rem;}
.mystep_box h3{font-size:1.2rem; line-height:1.5rem; font-weight:bold;}
.mystep_box h3 span{position:relative; display:block; font-size:1rem;}
.mystep_box h3 span:after{content:''; position:absolute; right:1rem; top:.2rem; width:1rem; height:1rem; background: cover;}
.mystep_box .line{position:relative; width:100%; height:2.5rem; margin-bottom:.5rem;}
.mystep_box .line div{display:none; left:-.7rem; top:.2rem; position:absolute; width:64px; height:46px; background-image:url(../images/image-bus.svg); background-size:cover; z-index:3;}
.mystep_box .line:before{content:''; position:absolute; top:50%; left:0; width:100%; height:3px; background: #555; transform: translateY(-50%);}
.mystep_box .line:after{content:''; position:absolute; top:50%; left:0; width:30px; height:30px; border-radius:50%; background-color: #555; background-size: cover; background-image: url(../images/ico-stepbus.svg); transform: translateY(-50%); z-index:2;}
.mystep_box .card{position:relative; display:block; width:90%; height:5.5rem; border-radius:10px; padding:0 .8rem; margin:0 auto 1rem; border:3px solid #f4a628;}
/* .mystep_box1 .card{background: #f4a628;} */
.mystep.step_box1 .mystep_box:nth-child(-n+1) .card{background: #f4a628;}
.mystep.step_box2 .mystep_box:nth-child(-n+2) .card{background: #f4a628;}
.mystep.step_box3 .mystep_box:nth-child(-n+3) .card{background: #f4a628;}
.mystep.step_box4 .mystep_box:nth-child(-n+4) .card{background: #f4a628;}
.mystep.step_box5 .mystep_box:nth-child(-n+5) .card{background: #f4a628;}
.mystep.step_box6 .mystep_box:nth-child(-n+6) .card{background: #f4a628;}

.mystep .mystep_box1 .card:before{background: url(../images/card-img-02.svg)no-repeat; background-size: 5rem 5rem; background-position: center right;}
.mystep .mystep_box2 .card:before{background: url(../images/card-img-02.svg)no-repeat; background-size: 5rem 5rem; background-position: center right;}
.mystep .mystep_box3 .card:before{background: url(../images/card-img-03.svg)no-repeat; background-size: 5rem 5rem; background-position: center right;}
.mystep .mystep_box4 .card:before{background: url(../images/card-img-04.svg)no-repeat; background-size: 5rem 5rem; background-position: center right;}
.mystep .mystep_box5 .card:before{background: url(../images/card-img-05.svg)no-repeat; background-size: 5rem 5rem; background-position: center right;}
.mystep .mystep_box6 .card:before{background: url(../images/card-img-06.svg)no-repeat; background-size: 5rem 5rem; background-position: center right;}


/* .mystep_box .card span{position:absolute; top:.8rem; font-size:.75rem; line-height:1.5rem; color:#fff;} */
.mystep_box .card .go{position:absolute; display:block; top:3rem; font-size:.7rem; color:#fff; padding-left:.5rem;}
.mystep_box .card .go:after{content:'\f105'; position:absolute; top:50%; right:-15px; font-family:'FontAwesome'; font-size:.7rem; transform: translateY(-50%);}
.mystep_box .text{font-size:.7rem; line-height:1rem; padding-left:5%;}
.mystep.step_box1 .mystep_box1 .line::before{background:#007C88;}
.mystep.step_box1 .mystep_box:nth-child(-n+1) .line:before,
.mystep.step_box2 .mystep_box:nth-child(-n+2) .line:before,
.mystep.step_box3 .mystep_box:nth-child(-n+3) .line:before,
.mystep.step_box4 .mystep_box:nth-child(-n+4) .line:before,
.mystep.step_box5 .mystep_box:nth-child(-n+5) .line:before,
.mystep.step_box6 .mystep_box:nth-child(-n+6) .line:before,
.mystep.step_box7 .mystep_box:nth-child(-n+7) .line:before{background:#007C88;}
.mystep.step_box1 .mystep_box:nth-child(-n+1) .line:after,
.mystep.step_box2 .mystep_box:nth-child(-n+2) .line:after,
.mystep.step_box3 .mystep_box:nth-child(-n+3) .line:after,
.mystep.step_box4 .mystep_box:nth-child(-n+4) .line:after,
.mystep.step_box5 .mystep_box:nth-child(-n+5) .line:after,
.mystep.step_box6 .mystep_box:nth-child(-n+6) .line:after,
.mystep.step_box7 .mystep_box:nth-child(-n+7) .line:after{background-color:#007C88;}
.mystep.step_box0 .mystep_box:nth-child(1) .line > div,
.mystep.step_box1 .mystep_box:nth-child(2) .line > div,
.mystep.step_box2 .mystep_box:nth-child(3) .line > div,
.mystep.step_box3 .mystep_box:nth-child(4) .line > div,
.mystep.step_box4 .mystep_box:nth-child(5) .line > div,
.mystep.step_box5 .mystep_box:nth-child(6) .line > div,
.mystep.step_box6 .mystep_box:nth-child(7) .line > div{display: block;}
.mystep.step_box1 .mystep_box:nth-child(-n+1) h3 span:after,
.mystep.step_box2 .mystep_box:nth-child(-n+2) h3 span:after,
.mystep.step_box3 .mystep_box:nth-child(-n+3) h3 span:after,
.mystep.step_box4 .mystep_box:nth-child(-n+4) h3 span:after,
.mystep.step_box5 .mystep_box:nth-child(-n+5) h3 span:after,
.mystep.step_box6 .mystep_box:nth-child(-n+6) h3 span:after,
.mystep.step_box7 .mystep_box:nth-child(-n+7) h3 span:after{background-image: url(../images/check-green.svg);}
/*.mystep .mystep_box2 .card:before{background-image: url(../images/card-01.svg);}*/
.mystep.step_box1 .mystep_box:nth-child(-n+1) .card:before,
.mystep.step_box2 .mystep_box:nth-child(-n+2) .card:before,
.mystep.step_box3 .mystep_box:nth-child(-n+3) .card:before,
.mystep.step_box4 .mystep_box:nth-child(-n+4) .card:before,
.mystep.step_box5 .mystep_box:nth-child(-n+5) .card:before,
.mystep.step_box6 .mystep_box:nth-child(-n+6) .card:before,
.mystep.step_box7 .mystep_box:nth-child(-n+7) .card:before{background-image: url(../images/image-done.svg); background-size: 6rem 6rem;}
.mystep .mystep_box .card span{position:absolute; left:7%; top:50%; transform:translateY(-50%); color:#333; font-size:.9rem; font-weight:bold;}
.mystep .mystep_box .card span.after{display:none;}
.mystep .mystep_box2 .card .traffic_card,
.mystep .mystep_box2 .card .area_pay{position:absolute; background: transparent; height:2rem;}
.mystep .mystep_box2 .card .traffic_card{top:.7rem;}
.mystep .mystep_box2 .card .area_pay{top:2.3rem;}
.mystep .mystep_box2 .card .traffic_card span{position:absolute; left:0; top:50%; transform:translateY(-50%); color:#333; font-size:.7rem; font-weight:bold;}
.mystep .mystep_box2 .card .area_pay span{position:absolute; left:0; top:50%; transform:translateY(-50%); color:#333; font-size:.7rem; font-weight:bold;}

.mystep.step_box2 .mystep_box2 .card .traffic_card span.before,
.mystep.step_box3 .mystep_box2 .card .traffic_card span.before,
.mystep.step_box4 .mystep_box2 .card .traffic_card span.before,
.mystep.step_box5 .mystep_box2 .card .traffic_card span.before,
.mystep.step_box6 .mystep_box2 .card .traffic_card span.before{display:none;}
.mystep.step_box2 .mystep_box2 .card .traffic_card span.after,
.mystep.step_box3 .mystep_box2 .card .traffic_card span.after,
.mystep.step_box4 .mystep_box2 .card .traffic_card span.after,
.mystep.step_box5 .mystep_box2 .card .traffic_card span.after,
.mystep.step_box6 .mystep_box2 .card .traffic_card span.after{display:block;}

.mystep.step_box2 .mystep_box2 .card .area_pay span.before,
.mystep.step_box3 .mystep_box2 .card .area_pay span.before,
.mystep.step_box4 .mystep_box2 .card .area_pay span.before,
.mystep.step_box5 .mystep_box2 .card .area_pay span.before,
.mystep.step_box6 .mystep_box2 .card .area_pay span.before{display:none;}
.mystep.step_box2 .mystep_box2 .card .area_pay span.after,
.mystep.step_box3 .mystep_box2 .card .area_pay span.after,
.mystep.step_box4 .mystep_box2 .card .area_pay span.after,
.mystep.step_box5 .mystep_box2 .card .area_pay span.after,
.mystep.step_box6 .mystep_box2 .card .area_pay span.after{display:block;}

.mystep.step_box3 .mystep_box3 .card span.before,
.mystep.step_box4 .mystep_box3 .card span.before,
.mystep.step_box5 .mystep_box3 .card span.before,
.mystep.step_box6 .mystep_box3 .card span.before{display:none;}
.mystep.step_box3 .mystep_box3 .card span.after,
.mystep.step_box4 .mystep_box3 .card span.after,
.mystep.step_box5 .mystep_box3 .card span.after,
.mystep.step_box6 .mystep_box3 .card span.after{display:block;}

.mystep.step_box4 .mystep_box4 .card span.before,
.mystep.step_box5 .mystep_box4 .card span.before,
.mystep.step_box6 .mystep_box4 .card span.before{display:none;}
.mystep.step_box4 .mystep_box4 .card span.after,
.mystep.step_box5 .mystep_box4 .card span.after,
.mystep.step_box6 .mystep_box4 .card span.after{display:block;}

.mystep.step_box5 .mystep_box5 .card span.before,
.mystep.step_box6 .mystep_box5 .card span.before{display:none;}
.mystep.step_box5 .mystep_box5 .card span.after,
.mystep.step_box6 .mystep_box5 .card span.after{display:block;}

.mystep.step_box6 .mystep_box6 .card span.before{display:none;}
.mystep.step_box6 .mystep_box6 .card span.after{display:block;}

/*mobile*/
.mystep .mo{display:none;}
.mystep .mo .mystep_box{display:flex; justify-content: space-between; width:100%; padding-bottom: 0;}
.mystep .mo .mystep_box h3{position:relative; display:inline-block; font-size:.8rem; padding-bottom:.5rem;}
.mystep .mo .mystep_box h3:after{content:''; position:absolute; right:-1.5rem; top:.2rem; width:1rem; height:1rem;}
.mystep .mo .mystep_box > div{width:90%; padding:1rem 5% 1rem 8%;}
.mystep .mo .mystep_box .line{position:relative; width:10%; height:auto; margin-bottom:0;}
.mystep .mo .mystep_box .line:before{width:3px; height:100%; left:50%; top:0; transform:translateX(-50%);}
.mystep .mo .mystep_box .line:after{left:50%; transform:translateX(-50%); top:0;}
.mystep .mo .mystep_box .line div{position:absolute; top:-.3rem; left:50%; transform: translateX(-50%);}
.mystep .mo .mystep_box .card{width:100%; height:3.5rem; margin-bottom:.5rem;}
.mystep .mo .mystep_box .card .num{font-size:.7rem; line-height:.7rem;}
.mystep .mo .mystep_box .card .go{top:1.7rem;}
.mystep .mo .mystep_box p{font-size:.6rem; padding-top:0; min-height:3rem;}
.mystep.step_box1 .mystep_box:nth-child(-n+1) h3:after,
.mystep.step_box2 .mystep_box:nth-child(-n+2) h3:after,
.mystep.step_box3 .mystep_box:nth-child(-n+3) h3:after,
.mystep.step_box4 .mystep_box:nth-child(-n+4) h3:after,
.mystep.step_box5 .mystep_box:nth-child(-n+5) h3:after,
.mystep.step_box6 .mystep_box:nth-child(-n+6) h3:after,
.mystep.step_box7 .mystep_box:nth-child(-n+7) h3:after{background-image: url(../images/check-green.svg); background-size: cover;}

/*부모님 신청단계*/
/*pc*/
.mystep .pc .mystep_box .line ul{position:absolute; top:1.15rem;}
.mystep .mystep_box .line ul li.name{width:3rem; height:1rem; background: #007C88; color:#fff; font-size:.65rem; margin-bottom:.5rem; position:absolute; text-align: center; border-radius: 10px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow:hidden;}
.mystep .mystep_box .line ul img{position:absolute; width:15px; z-index:2;}
.mystep .pc .mystep_box .line ul img:nth-of-type(1){top:-1.4rem; left:4.8rem;}
.mystep .pc .mystep_box .line ul img:nth-of-type(2){top:0; left:4.8rem;}
.mystep .pc .mystep_box .line ul img:nth-of-type(3){top:-1.4rem; left:8.1rem;}
.mystep .pc .mystep_box .line ul img:nth-of-type(4){top:0; left:8.1rem;}
.mystep .pc .mystep_box .line ul img:nth-of-type(5){top:-1.4rem; left:11.4rem;}
.mystep .pc .mystep_box .line ul img:nth-of-type(6){top:0; left:11.4rem;}
.mystep .mystep_box .line ul li.name2{width:3rem; height:1rem; background: #cc0000; color:#fff; font-size:.65rem; margin-bottom:.5rem; position:absolute; text-align: center; border-radius: 10px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow:hidden;}
.mystep .pc .mystep_box .line ul li:nth-of-type(1){top:-1.15rem; left:2.5rem;}
.mystep .pc .mystep_box .line ul li:nth-of-type(2){top:.3rem; left:2.5rem;}
.mystep .pc .mystep_box .line ul li:nth-of-type(3){top:-1.15rem; left:5.75rem;}
.mystep .pc .mystep_box .line ul li:nth-of-type(4){top:.3rem; left:5.75rem;}
.mystep .pc .mystep_box .line ul li:nth-of-type(5){top:-1.15rem; left: 8.95rem;}
.mystep .pc .mystep_box .line ul li:nth-of-type(6){top:.3rem; left:8.95rem;}

/*mo*/
.mystep .mo .mystep_box .line{position:relative;}
.mystep .mo .mystep_box .line ul{position:absolute; height:100%; top:20%;}
.mystep .mo .mystep_box .line ul img:nth-of-type(1){top:-.2rem; left:.5rem;}
.mystep .mo .mystep_box .line ul img:nth-of-type(2){top:1.35rem; left:.5rem;}
.mystep .mo .mystep_box .line ul img:nth-of-type(3){top:2.85rem; left:.5rem;}
.mystep .mo .mystep_box .line ul img:nth-of-type(4){top:4.35rem; left:.5rem;}
.mystep .mo .mystep_box .line ul img:nth-of-type(5){top:5.85rem; left:.5rem;}
.mystep .mo .mystep_box .line ul img:nth-of-type(6){top:7.35rem; left:.5rem;}
.mystep .mystep_box .line ul li.name{width:3rem; height:1rem; line-height:1rem; background: #007C88; color:#fff; font-size:.65rem; margin-bottom:.5rem; position:absolute; text-align: center; border-radius: 10px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow:hidden;}
.mystep .mystep_box .line ul li.name2{width:3rem; height:1rem; background: #cc0000; color:#fff; font-size:.65rem; margin-bottom:.5rem; position:absolute; text-align: center; border-radius: 10px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow:hidden;}
.mystep .mo .mystep_box .line ul li:nth-of-type(1){top:0; left:-1.8rem;}
.mystep .mo .mystep_box .line ul li:nth-of-type(2){top:1.5rem; left:-1.8rem;}
.mystep .mo .mystep_box .line ul li:nth-of-type(3){top:3rem; left:-1.8rem;}
.mystep .mo .mystep_box .line ul li:nth-of-type(4){top:4.5rem; left:-1.8rem;}
.mystep .mo .mystep_box .line ul li:nth-of-type(5){top:6rem; left:-1.8rem;}
.mystep .mo .mystep_box .line ul li:nth-of-type(6){top:7.5rem; left:-1.8rem;}
.bottom_promotion.redicon img{width:15px; margin-top:-.2rem;}

@media (max-width:960px){
    .mystep .pc{display:none;}
    .mystep .mo{display:block;}
    .mystep .mystep_box .card:after{font-size:.7rem;}
    .mystep .mystep_box2 .card .traffic_card{height:2.5rem; top:0;}
    .mystep .mystep_box2 .card .traffic_card:after{font-size:.6rem;}
    .mystep .mystep_box2 .card .area_pay{height:2.5rem; top:1rem;}
    .mystep .mystep_box2 .card .area_pay:after{font-size:.6rem;}
    .mystep .mystep_box2 .card,
    .mystep .mystep_box3 .card,
    .mystep .mystep_box4 .card,
    .mystep .mystep_box5 .card,
    .mystep .mystep_box6 .card{background-size: 60px auto;}
    .mystep .mystep_box .card span{font-size:.7rem;}
    .mystep .mystep_box2 .card .traffic_card span{font-size:.6rem;}
    .mystep .mystep_box2 .card .area_pay span{font-size:.6rem;}
    .mystep .mystep_box2 .card:before{background-size: 50px auto;}
    .mystep .mystep_box3 .card:before{background-size: 50px auto;}
    .mystep .mystep_box4 .card:before{background-size: 50px auto;}
    .mystep .mystep_box5 .card:before{background-size: 50px auto;}
    .mystep .mystep_box6 .card:before{background-size: 50px auto;}
    .mystep .card:before{right:.5rem; top:.4rem; width:2.5rem; height:2.5rem;}

    .mystep.step_box1 .mystep_box:nth-child(-n+1) .card:before,
    .mystep.step_box2 .mystep_box:nth-child(-n+2) .card:before,
    .mystep.step_box3 .mystep_box:nth-child(-n+3) .card:before,
    .mystep.step_box4 .mystep_box:nth-child(-n+4) .card:before,
    .mystep.step_box5 .mystep_box:nth-child(-n+5) .card:before,
    .mystep.step_box6 .mystep_box:nth-child(-n+6) .card:before,
    .mystep.step_box7 .mystep_box:nth-child(-n+7) .card:before{background-image: url(../images/image-done.svg); width:2.5rem; height:2.5rem; background-size: cover;}
}

/*교통카드 등록 본인*/
.list_body_2.area.traffic .list_box div ~ div {border-left:1px solid #d8dce3;}
.list_body_2.area.traffic .list_box {display:flex; justify-content: space-between;}
.list_body_2.area.traffic .list_box .name{width:12%; /*background: #eae6f0;*/ flex-grow: 1;}
.list_body_2.area.traffic .list_box .name p{font-size:.9rem; color:#333;}
.list_body_2.area.traffic .list_box .card_issuer{width:12%;  flex-grow: 1; text-align:center; background: #fff;}
.list_body_2.area.traffic .list_box .card_issuer p{position:relative; top:.6rem; font-size:.9rem; color:#333;}
.list_body_2.area.traffic .list_box .card_issuer p:before{content:'발행사'; position:absolute; left:50%; transform: translateX(-50%); top:-1.3rem; font-size:.7rem; font-weight:normal;}
.list_body_2.area.traffic .list_box .card_type{width:12%; flex-grow: 1; text-align: center; background: #fff;}
.list_body_2.area.traffic .list_box .card_type p{position:relative; top:.6rem; color:#333; font-size:.9rem;}
.list_body_2.area.traffic .list_box .card_type p:before{content:'카드구분'; position:absolute; left:50%; transform: translateX(-50%); top:-1.3rem; font-size:.7rem; font-weight:normal;}
.list_body_2.area.traffic .list_box .card_type.t1 .t2{display:none;}
.list_body_2.area.traffic .list_box .card_type.t2 .t1{display:none;}
.list_body_2.area.traffic .list_box .num{width:25%; flex-grow: 1;}
.list_body_2.area.traffic .list_box .num p{font-size:1rem;}
.list_body_2.area.traffic .list_box .date{width:15%; flex-grow: 1;}
.list_body_2.area.traffic .list_box .date p{font-size:.85rem;}
.list_body_2 .list_box .select{flex-grow: 1; text-align: center;}
.list_body_2 .list_box .clear{flex-grow: 1; text-align: center;}
.list_body_2 .list_box .del{width:20%; flex-grow: 1; text-align: center;}
.list_body_2.area.traffic .list_box.select .clear{display:none;}
.list_body_2.area.traffic .list_box.clear .select{display:none;}
.list_body_2.area.traffic .list_box .del button{width:80%; line-height:3rem; flex-grow: 1;}

/*교통카드 등록 부모*/
/* .my_step_box h3{margin-right:auto;} */
.list_body_2.area.traffic.parents .list_box div ~ div {border-left:1px solid #d8dce3;}
.my_step_box .select_chi_box{width:10rem; margin-right:.5rem;}
.list_body_2.area.traffic.parents .list_box .chi_name{width:9%;}
.list_body_2.area.traffic.parents .list_box .chi_name p{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.list_body_2.area.traffic.parents .list_box .name{background: #fff;}
.list_body_2.area.traffic.parents .list_box .card_issuer{width:10%; background: #fff;}
.list_body_2.area.traffic.parents .list_box .name{width:9%; /*background:#e4e3e8;*/}
.list_body_2.area.traffic.parents .list_box .card_type{width:10%; background: #fff;}
.list_body_2.area.traffic.parents .list_box .num{width:25%;}
.list_body_2.area.traffic.parents .list_box .date{width:15%;}
.list_body_2.area.traffic.parents .list_box .name p,
.list_body_2.area.traffic.parents .list_box .card_issuer p,
.list_body_2.area.traffic.parents .list_box .card_type p,
.list_body_2.area.traffic.parents .list_box .area p,
.list_body_2.area.traffic.parents .list_box .date p{color:#333; font-size:.85rem;}



@media (max-width:960px){
    .list_body_2 .list_box .del{width:100%;}
    /*본인*/
    .list_body_2.area.traffic .list_box{display:block; height:auto; line-height: 3.2rem; border-bottom:0;}
    .list_body_2.area.traffic .list_box ~ .list_box{border-top:2px solid #ccc; margin-top:1rem;}
    .list_body_2.area.traffic .list_box .name,
    .list_body_2.area.traffic .list_box .card_issuer,
    .list_body_2.area.traffic .list_box .card_type,
    .list_body_2.area.traffic .list_box .area,
    .list_body_2.area.traffic .list_box .num,
    .list_body_2.area.traffic .list_box .date,
    .list_body_2.area.traffic .list_box .select,
    .list_body_2.area.traffic .list_box .clear,
    .list_body_2.area.traffic .list_box .del{background: none; width:100%;  text-align: left; position:relative; padding-left: 40%; border-bottom:1px solid #d8dce3;}
    .list_body_2.area.traffic .list_box .select,
    .list_body_2.area.traffic .list_box .clear,
    .list_body_2.area.traffic .list_box .del{height:3.2rem;}
    .list_body_2.area.traffic .list_box .card_issuer p:before,
    .list_body_2.area.traffic .list_box .card_type p:before,
    .list_body_2.area.traffic .list_box .area p:before,
    .list_body_2.area.traffic .list_box .date p:before{display: none;}
    .list_body_2.area.traffic .list_box .name:after,
    .list_body_2.area.traffic .list_box .card_issuer:after,
    .list_body_2.area.traffic .list_box .card_type:after,
    .list_body_2.area.traffic .list_box .area:after,
    .list_body_2.area.traffic .list_box .num:after,
    .list_body_2.area.traffic .list_box .date:after,
    .list_body_2.area.traffic .list_box .select:after,
    .list_body_2.area.traffic .list_box .clear:after,
    .list_body_2.area.traffic .list_box .del:after{content: attr(data-before); position:absolute; left:0; top:0; padding-left:1rem; font-size:.8rem; font-weight: 700;}
    .list_body_2.area.traffic .list_box .name:before,
        .list_body_2.area.traffic .list_box .card_issuer:before,
    .list_body_2.area.traffic .list_box .card_type:before,
    .list_body_2.area.traffic .list_box .area:before,
    .list_body_2.area.traffic .list_box .num:before,
    .list_body_2.area.traffic .list_box .date:before,
    .list_body_2.area.traffic .list_box .select:before,
    .list_body_2.area.traffic .list_box .clear:before,
    .list_body_2.area.traffic .list_box .del:before{content:''; width:30%; height:100%; background: #f5f6fb; position:absolute; left:0; top:0; padding-left:1rem; }
    .list_body_2.area.traffic .list_box .name p,
    .list_body_2.area.traffic .list_box .card_issuer p,
    .list_body_2.area.traffic .list_box .card_type p,
    .list_body_2.area.traffic .list_box .area p,
    .list_body_2.area.traffic .list_box .num p,
    .list_body_2.area.traffic .list_box .date p{color:#333; font-size:.8rem; font-weight: normal; top:0;}
    .list_body_2.area.traffic .list_box .select label em,
    .list_body_2.area.traffic .list_box .clear label em,
    .list_body_2.area.traffic .list_box .del label em{display:none;}
    .list_body_2.area.traffic .list_box .del button{display:inline-block; width:80%; height:2rem; line-height:2rem; margin-top:-.2rem;}
    .list_body_2 .btn_area{padding-left:1rem; padding-right:1rem;}
    .btn_area.trans,
    .btn_area.trans2 {display:flex; justify-content: space-between; margin-top:0; margin-bottom:1rem;}
    .btn_area.trans2 button{ font-size:.7rem; width:49%;}

    /*부모님*/
    .my_step_box .select_chi_box{width:100%; margin-bottom:.5rem; margin-right:0;}
    .list_body_2.area.traffic.parents .list_box{display:block; height:auto; line-height: 3.2rem; border-bottom:0;}
    .list_body_2.area.traffic.parents .list_box ~ .list_box{margin-top:0; border-top:2px solid #ccc; }
    .list_body_2.area.traffic.parents .list_box .chi_name,
    .list_body_2.area.traffic.parents .list_box .name,
    .list_body_2.area.traffic.parents .list_box .card_issuer,
    .list_body_2.area.traffic.parents .list_box .card_type,
    .list_body_2.area.traffic.parents .list_box .area,
    .list_body_2.area.traffic.parents .list_box .num,
    .list_body_2.area.traffic.parents .list_box .date{background: none; width:100%;  text-align: left; position:relative; padding-left: 40%; border-bottom:1px solid #d8dce3;}
    .list_body_2.area.traffic.parents .list_box .chi_name p:before,
    .list_body_2.area.traffic.parents .list_box .card_type p:before,
    .list_body_2.area.traffic.parents .list_box .area p:before,
    .list_body_2.area.traffic.parents .list_box .date p:before{display: none;}
    .list_body_2.area.traffic.parents .list_box .chi_name:after,
    .list_body_2.area.traffic.parents .list_box .name:after,
    .list_body_2.area.traffic.parents .list_box .card_type:after,
    .list_body_2.area.traffic.parents .list_box .area:after,
    .list_body_2.area.traffic.parents .list_box .num:after,
    .list_body_2.area.traffic.parents .list_box .date:after{content: attr(data-before); position:absolute; left:0; top:0; padding-left:1rem; font-size:.8rem; font-weight: 700;}
    .list_body_2.area.traffic.parents .list_box .chi_name:before,
    .list_body_2.area.traffic.parents .list_box .name:before,
    .list_body_2.area.traffic.parents .list_box .card_type:before,
    .list_body_2.area.traffic.parents .list_box .area:before,
    .list_body_2.area.traffic.parents .list_box .num:before,
    .list_body_2.area.traffic.parents .list_box .date:before{content:''; width:30%; height:100%; background: #f5f6fb; position:absolute; left:0; top:0; padding-left:1rem; }
    .list_body_2.area.traffic.parents .list_box .chi_name p,
    .list_body_2.area.traffic.parents .list_box .name p,
    .list_body_2.area.traffic.parents .list_box .card_type p,
    .list_body_2.area.traffic.parents .list_box .area p,
    .list_body_2.area.traffic.parents .list_box .num p,
    .list_body_2.area.traffic.parents .list_box .date p{color:#333; font-size:.8rem; font-weight: normal; top:0;}
}


/*지역화폐등록 부모님*/
.list_body_2.area.area2 .list_box{line-height:4.5rem;}
.list_body_2.area.area2 .list_box div ~ div {border-left:1px solid #d8dce3;}
.list_body_2.area.area2 .list_box .name{width:8%; padding:0 .3rem;}
.list_body_2.area.area2 .list_box .area{width:8%;}
.list_body_2.area.area2 .list_box .num{width:20%; background:#f5f5f5;}
.list_body_2.area.area2 .list_box .o_name{width:8%; padding:0 .3rem;}
.list_body_2.area.area2 .list_box .o_sex{width:10%;}
.list_body_2.area.area2 .list_box .o_birth{width:15.5%;}
.list_body_2.area.area2 .list_box .o_phone{width:15%;}
.list_body_2.area.area2 .list_box .date{width:15.5%;}
.list_body_2.area.area2 .list_box .name p,
.list_body_2.area.area2 .list_box .area p,
.list_body_2.area.area2 .list_box .num p,
.list_body_2.area.area2 .list_box .o_name p,
.list_body_2.area.area2 .list_box .o_sex p,
.list_body_2.area.area2 .list_box .o_birth p,
.list_body_2.area.area2 .list_box .o_phone p,
.list_body_2.area.area2 .list_box .date p{position:relative; top:.5rem; font-size:.9rem; text-align: center;}
.list_body_2.area.area2 .list_box .o_name p{text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}
.list_body_2.area.area2 .list_box .name p,
.list_body_2.area.area2 .list_box .num p{top:0;}
.list_body_2.area.area2 .list_box .area p:before{content:'지역'; position:absolute; top:0; left:50%; transform:translateX(-50%); top:-1.2rem; font-size:.7rem;}
.list_body_2.area.area2 .list_box .o_name p:before{content:'소유자명'; position:absolute; left:50%; transform:translateX(-50%); top:-1.2rem; font-size:.7rem;}
.list_body_2.area.area2 .list_box .o_sex p:before{content:'소유자성별'; position:absolute; left:50%; transform:translateX(-50%); top:-1.2rem; font-size:.7rem;}
.list_body_2.area.area2 .list_box .o_birth p:before{content:'소유자생년월일'; position:absolute; left:50%; transform:translateX(-50%); top:-1.2rem; font-size:.7rem;}
.list_body_2.area.area2 .list_box .o_phone p:before{content:'소유자휴대폰'; position:absolute; left:50%; transform:translateX(-50%); top:-1.2rem; font-size:.7rem;}
.list_body_2.area.area2 .list_box .date p:before{content:'등록일'; position:absolute; top:0; left:50%; transform:translateX(-50%); top:-1.2rem; font-size:.7rem;}
.list_body_2.area.area2 .list_box .o_sex.s1 .s2{display:none;}
.list_body_2.area.area2 .list_box .o_sex.s2 .s2{display:none;}

@media (max-width:960px){

    /*부모님*/
    .list_body_2.area.area2 .list_box{display:block; height:auto; line-height: 3.2rem; border-bottom:0;}
    .list_body_2.area.area2 .list_box ~ .list_box{border-top:2px solid #ccc; margin-top:1rem;}
    .list_body_2.area.area2 .list_box .name,
    .list_body_2.area.area2 .list_box .area,
    .list_body_2.area.area2 .list_box .num,
    .list_body_2.area.area2 .list_box .o_name,
    .list_body_2.area.area2 .list_box .o_sex,
    .list_body_2.area.area2 .list_box .o_birth,
    .list_body_2.area.area2 .list_box .o_phone,
    .list_body_2.area.area2 .list_box .date{background: none; width:100%;  text-align: left; position:relative; padding-left: 40%; border-bottom:1px solid #d8dce3;}

    .list_body_2.area.area2 .list_box .area p:before,
    .list_body_2.area.area2 .list_box .o_name p:before,
    .list_body_2.area.area2 .list_box .o_sex p:before,
    .list_body_2.area.area2 .list_box .o_birth p:before,
    .list_body_2.area.area2 .list_box .o_phone p:before,
    .list_body_2.area.area2 .list_box .date p:before{display: none;}
    .list_body_2.area.area2 .list_box .name:after,
    .list_body_2.area.area2 .list_box .area:after,
    .list_body_2.area.area2 .list_box .num:after,
    .list_body_2.area.area2 .list_box .o_name:after,
    .list_body_2.area.area2 .list_box .o_sex:after,
    .list_body_2.area.area2 .list_box .o_birth:after,
    .list_body_2.area.area2 .list_box .o_phone:after,
    .list_body_2.area.area2 .list_box .date:after{content: attr(data-before); position:absolute; left:0; top:0; padding-left:.5rem; font-size:.7rem; font-weight: 700;}
    .list_body_2.area.area2 .list_box .name:before,
    .list_body_2.area.area2 .list_box .area:before,
    .list_body_2.area.area2 .list_box .num:before,
    .list_body_2.area.area2 .list_box .o_name:before,
    .list_body_2.area.area2 .list_box .o_sex:before,
    .list_body_2.area.area2 .list_box .o_birth:before,
    .list_body_2.area.area2 .list_box .o_phone:before,
    .list_body_2.area.area2 .list_box .date:before{content:''; width:30%; height:100%; background: #f5f6fb; position:absolute; left:0; top:0; padding-left:1rem; }
    .list_body_2.area.area2 .list_box .name p,
    .list_body_2.area.area2 .list_box .area p,
    .list_body_2.area.area2 .list_box .num p,
    .list_body_2.area.area2 .list_box .o_name p,
    .list_body_2.area.area2 .list_box .o_sex p,
    .list_body_2.area.area2 .list_box .o_birth p,
    .list_body_2.area.area2 .list_box .o_phone p,
    .list_body_2.area.area2 .list_box .date p{color:#333; font-size:.7rem; font-weight: normal; top:0;}

}
/*지역화폐 등록/변경*/

/*28개시 본인*/
.check_phone > div:nth-of-type(1){display:flex; justify-content: space-between;}
.check_phone > div:nth-of-type(1) input{width:70%;}
.check_phone > div:nth-of-type(1) button{width:27.5%;}
.check_phone > div:nth-of-type(2){position:relative;}
.check_phone > div:nth-of-type(2) input{margin-bottom:.5rem; margin-top:1rem;}
.check_phone > div:nth-of-type(2) span{position:absolute; right:1rem; top:25%; font-size:.85rem; color:#999;}
.modal .modal-content p.warning{padding:0; color:#f76252;}
.modal .modal-content p.area_info{padding:0; color:#007C88;}

.modalA_youth_area2{display:none;}
.modalB_youth_area2{display:none;}
.modalC_youth_area2{display:none;}

input.box_2.dot{width:10%; margin-left:9%;}
.num_dot span{display: inline-block; width:5px; height:5px; background: #333; border-radius: 50%; margin:1.4rem .45rem 0;}

@media(max-width:960px){
    .modal .modal-content p.warning,
    .modal .modal-content p.area_info,
    .warning_box p.warning,
    .warning_box p.area_info{font-size:.75rem; line-height:1rem;}
    input.box_2.dot{text-indent:10px; margin-left:10%;}
    .num_dot span{display: inline-block; width:3px; height:3px; background: #333; border-radius: 50%; margin:1.4rem .2rem 0;}
}

/*가입완료*/
.body_txt{font-size:.85rem; text-align:left; padding-bottom:2rem;}
.body_txt em{display:block; padding-left:10px; font-size:.85rem; padding:.25rem 0 .25rem 10px;}
em.poin{color:#007C88;}

/*회원가입step*/
.step-state ul li:before{background: #007C88;}
.step-state ul li:after{background: #fff; border:1px solid #007C88; color:#007C88;}
.step-state.step1 ul li:nth-child(1):after, .step-state.step2 ul li:nth-child(2):after, .step-state.step3 ul li:nth-child(3):after, .step-state.step4 ul li:nth-child(4):after{color:#fff;}
.step-state.step2 ul li:nth-child(-n+1):after, .step-state.step3 ul li:nth-child(-n+2):after, .step-state.step4 ul li:nth-child(-n+3):after{width:30px; height:30px;}
.step-state ul li p{color:#333;}
.step-state.step1 ul li:nth-child(-n+1):after{border:0;}
.step-state.step2 ul li:nth-child(-n+2):after{border:0;}
.step-state.step3 ul li:nth-child(-n+3):after{border:0;}
.step-state.step4 ul li:nth-child(-n+4):after{border:0;}


/*웹접근성 추가*/
.modal .top{position:relative;}
.modal_top{position:relative;}
.modal_title{position:relative;}
.close_btnB{display:inline-block; position:absolute; top:1.25rem; right:1.5rem; width:30px; height:30px; background:url(../images/close.svg); background-position:cover; }
.mypage_modal .close_btnB{top:30%; right:.5rem; transform:translateY(-50%);}
.compulsory_txt{position:absolute; right:-4.2rem; top:50%; font-size:.65rem; transform:translateY(-50%); font-weight:normal; color:#007C88;}
@media(max-width:480px){
    .compulsory_txt{right:-4.7rem;}
}

/*업데이트되기 전 기존 신청단계*/
.mystep .step_card .card1 .card_box .num{color:#84201F;}
.mystep .step_card .card1 .card_box span{color:#84201F;}
.mystep .step_card .card1 .card_box .box{color:#84201F;}
.mystep .step_card .card4 .card_box .num{color:#252EBD;}
.mystep .step_card .card4 .card_box span{color:#252EBD;}
.mystep .step_card .card4 .card_box .box{color:#252EBD;}

/*지원금 신청*/
.det_text{font-size:.7rem; color:#007C88; font-weight:normal; padding-left:.5rem;}
.selec_area{display:flex; justify-content: space-between;}
.selec_area select{width:59%;}
.selec_area button{width:39%;}
.children_num{display: inline-block; color:#3E727E; padding-bottom:.5rem;}


@media(max-width:960px){
    .selec_area{display:block;}
    .selec_area select{width:100%;}
    .selec_area button{width:100%; margin-top:.5rem;}
}

/*회원가입*/
.outer_button{position:absolute; width:30px; height:30px; top:2.3rem; right:1rem; background: #fff;}
.form_box .form_area .delete,
.form_box .form_area .watch{top:0; left:0;}


@media(max-width:960px){
    .select_btn_half_box.children_add{display:flex; align-items: center;}
    .select_btn_half_box.children_add button{margin-top:0;}
    /*main*/
    .main_visual .card_box .box{text-align: right;}
    .terms_area input[type="checkbox"] + label{font-size:.65rem;}
}

/*회원가입 방법*/
.join_guide .top .top_title span{color:#007C88; font-weight:bold;}

/*교통이용내역 조회*/
@media(max-width:960px){
    .date_box{width:100%; margin:0;}
    .date_box h3{font-size:1.2rem; line-height:1.5rem; padding-bottom:1rem; padding-top:1rem; font-weight:bold;}
    .tAl{font-size:.8rem; line-height:1.2rem;}
    .date_box .date_box_inner{display: block; width:100%; padding-top:2rem;}
    .date_box .date_box_inner .date2{display:flex; width:100%;}
    .input-group.date{width:48%;}
    .search_btn_date{width:100%;}
    .date_box .date_box_inner .date2.par{width:100%;}
}


/*서비스안내*/
.service_table.center th,
.service_table.center td{text-align:center;}
.service_table.border th,
.service_table.border td{border-left:1px solid #d8dce3;}
.service_table.border th:first-child,
.service_table.border td:first-child{border-left:0;}
.service_table th.left,
.service_table td.left{text-align:left;}
.service_table th.right,
.service_table td.right{text-align:right;}
.service_table{text-align:left;}
.service_table tr{border-bottom: 1px solid #d8dce3;}
.service_table th{min-height:3rem;  padding:.5rem 1rem; font-size:.8rem; /*line-height:1.3rem;*/ background-color: #f5f6fb;}
.service_table th.tb{font-weight:normal;}
.service_table td{min-height:3rem; padding:.5rem 1rem; font-size:.8rem; /*line-height:1.3rem;*/ line-height:1.3rem; text-align:left;}

@media (max-width:1280px){
    .table_scroll{
        width:100%;
        /* min-height:2.5rem; */
        overflow-x: auto;
        white-space: nowrap;
    }
    .table_scroll table{
        width:auto;
    }
    .table_scroll button{height:2.5rem;}
    .table_scroll button.min_w{min-width:5rem;}
}

/*교통카드발급*/
.traffic_card_visual .btn{display:flex; justify-content:center;}
.card_noti{display:flex; flex-direction:column; align-items: center; margin:0 .5rem;}
.card_noti button{display:block; margin-bottom:.5rem;}
.card_noti span{font-size:.8rem;}

@media (max-width:480px){
    .traffic_card_visual .btn{display:block;}
    .card_noti{margin-bottom:.5rem;}
    .card_noti button{margin-bottom:0;}
}

/*메인페이지 게시판 미리보기*/
.main_contents .preview_box .notice .viewer .title{display:block; font-size:1rem; line-height:1.3rem; font-weight:bold; padding:1.5rem 0 1rem; text-overflow:ellipsis; white-space: nowrap; overflow: hidden;}



/*게시판 헤딩태그 추가 수정*/
.board_box .board .box h4{font-size: .8rem; line-height: 3rem; font-weight:700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left;}
.board_box .board .box h4 a{color:#333;}

@media (max-width:960px){
    .board_box .board .box h4{line-height:1.5rem; padding-top:.5rem;}
    .board_box .board .box h4 a{color:#333;}
}

.board_box .board .box h4{line-height:1.5rem; padding-top:.5rem;}
.board_box .board .box h4 a{color:#333;}


/*checkbox, radio버튼 lable길어 질 때 수정*/
.lckn input{float:left;}
.lckn label{float:left; padding-left:.3rem; margin-top:-.5rem;}
@media (max-width:480px){
    .lckn label{padding-left:1rem; margin-top:-1rem;}
}



/*회원가입방법_지역화폐*/
.guide_pay{width:100%; height:0; padding-top: calc( 1890 / 1280 * 100%); background-repeat:no-repeat; background-position:center center; background-size:cover;}

/*2021-06-25 교통카드등록 팝업추가*/
.pop_table{border:1px solid #d8dce3;}
.pop_table tr{border-bottom:1px solid #d8dce3;}
.service_table.pop_table th,
.service_table.pop_table td{font-size:.7rem; border-left:1px solid #d8dce3;}
.service_table.pop_table th:last-child,
.service_table.pop_table td:last-child{border-right:1px solid #d8dce3;}
.line_red{color:red; text-decoration: line-through;}
@media (max-width:768px) {
    .service_table.pop_table th,
    .service_table.pop_table td{padding:5px; font-size:.6rem; text-align:center;}
    .service_table.pop_table tr td:last-child{text-align:left;}
}

.depth_list{font-size:.8rem;}
.depth_list > li ~ li{margin-top:1rem;}
.depth_list,
.depth_list .depth_2{padding-left:1rem}
.depth_list li{position:relative;}
.depth_list li span{position:absolute; left:-1rem;}
.depth_list img{margin:10px 0;}

/* 2021.12. 수정 */
/*회원가입.html - 정보입력*/
.modal.simple .modal-content{padding:0;}
.modal.simple .modal-content section.title{position:relative; padding:1rem; text-align:center; background-color:#3598db;}
.modal.simple .modal-content section.title h4{font-size:.8rem; color:#fff;}
.modal.simple .modal-content section.title img{position:absolute; right:1rem; top:50%; width:4.5rem; transform: translateY(-50%);}
.modal.simple .modal-content .scroll{padding:2rem 2.5rem; max-height:25rem;}
.modal .content_sec{border-top:1px solid rgba(0, 0, 0, 0.2); padding:1.5rem 0;}
.modal .content_sec h5{font-weight:bold; padding-bottom:.8rem; font-size:.9rem;}
.type_list{display:flex; justify-content:space-between; flex-wrap:wrap; padding-bottom:1.5rem;}
.type_list li{display:flex; flex-direction:column; justify-content:space-between; align-items: center;}
.type_list li label{display:flex; flex-direction: column; align-items: center; text-align: center; cursor:pointer;}
.type_list li label .icon{width:50px; height:50px; background-position: center;
background-repeat: no-repeat; background-size:cover;}
.type_list li label .text{display:inline-block; font-size:.7rem; padding:.25rem 0;}
.modal .box_2_box .num_dot_box{display:flex; justify-content: space-between; align-items:center;}
.modal .box_2_box .num_dot_box input{width:calc( 100% / 6 ); text-indent:10px;}
.modal .box_2_box .num_dot_box span{width:3px; height:3px; background-color:#666;}
.modal .box_2_box .iine_bar{width:.8rem; height:2px; background-color:#e6e6e6;}
.terms_list li{display:flex; align-items:flex-start; justify-content:flex-start;} 
.terms_list li input{margin-top:4px;}
.terms_list li label{font-size:.8rem; cursor:pointer;}
.terms_list li span{display:flex; width:100%; align-items:center; justify-content:space-between; font-size:0; margin-left:.5rem;}
.terms_list li span a{font-size:.7rem; color:#007C88; display:block;}
.terms_list li:nth-child(1){margin-bottom:.8rem;}
.terms_list li:nth-child(1) label{font-weight:bold;}

@media screen and (max-width: 768px){
    .modal.simple .modal-content .scroll{padding:2rem 1rem;}
    .modal .box_2_box .iine_bar{width:.5rem;}
    .type_list li label .text{font-size:.5rem;}
    .type_list li label .text > span{font-size:.45rem;}
    .terms_list li span{display:block;}
}
@media screen and (max-width: 420px){
    .type_list li{width:25%; margin-bottom:.5rem;}
    .type_list li label .icon{width:40px; height:40px;}
}

#modalDetail1 .content_sec,
#modalDetail2 .content_sec{border-top:0;}
#modalDetail1 .content_sec:nth-child(1),
#modalDetail2 .content_sec:nth-child(1){padding:0;}
#modalType .type_title{position:relative; margin-left:.5rem; margin-bottom:1rem; padding:0; color:#007C88; font-weight:bold;}
#modalType .type_title span{color:dimgrey;}
#modalType .type_title:before{content:''; position:absolute; top:50%; left:-.5rem; width:7px; height:17px; background-color:#007C88; transform: translateY(-50%);}
.type_step{display:flex; justify-content: space-between; align-items:flex-start; width:100%; margin-top:1.5rem;}
.type_step li{display:flex; flex-direction: column; align-items:center;}
.type_step li .bg{position:relative; width:130px; height:130px; border-radius: 50%; border:1px solid #d8dce3; background-repeat:no-repeat; background-size: 50px;}
.type_step li:nth-of-type(1) .bg{background-image: url(../images/step01_icon.png); background-position: 55% center;}
.type_step li:nth-of-type(2) .bg{background-image: url(../images/step02_icon.png); background-position: center;}
.type_step li:nth-of-type(3) .bg{background-image: url(../images/step03_icon.png); background-position: 55% center;}
.type_step li .bg img{position:absolute; right:0; width:50px;}
.type_step li dl{text-align:center;}
.type_step li dl dt em{font-weight:bold; font-size:.8rem; margin:.4rem 0; color:#555;}
.type_step li dl dd{font-size:.75rem; color:dimgrey}
.bottom_promotion.popup{font-size:.7rem; padding:.8rem 1rem; margin-top:1.5rem;}
.bottom_promotion.popup a{color:#007C88; border-bottom: 1px solid #007C88;}
.h_detail{font-size:0.75rem; margin:.5rem 0;}
@media screen and (max-width: 768px){
    .type_step li .bg{width:90px; height:90px;}
    .type_step li .bg img{width:35px;}
    .type_step li dl dt{font-size:.7rem;}
    .type_step li dl dd{font-size:.65rem;}
    .type_step li .bg{background-size: 30px;}
}
@media screen and (max-width: 480px){
    .h_detail{font-size:0.7rem;}
}
/*회원가입.html - 가입완료*/
.owner_name{font-size:.75rem; padding-bottom:.2rem;}
.owner_name span{color:#007C88;}
.maj_box{margin-top:.5rem;}
.maj_box .flex_sb ~ .flex_sb{margin-top:.5rem;}

/*basic팝업*/
.mypage_modal1.basic .modal-content{width:30%; min-width:20rem; max-height:30rem; padding:1.5rem;}
.mypage_modal1.basic .modal-content .scroll{max-height:22.9rem;}
.mypage_modal1.basic .modal-content .scroll .bottom{padding-top:2.5rem;}
.mypage_modal1.basic .modal-content p{padding:0;}
.mypage_modal1.basic .modal-content p ~ p{margin-top:.8rem;}
.mypage_modal1.basic .modal-content p .tomato{color:tomato;}
.mypage_modal1.basic .modal-content p .large{font-size:1.05em;}
.mypage_modal1.basic .modal-content .btn_area{display:flex; justify-content:center;}
.mypage_modal1.basic .modal-content .btn_area button ~ button{margin-left:1rem;}

@media screen and (max-width: 768px){
    .mypage_modal1.basic .modal-content .scroll{max-height:22.9rem;}
}
@media screen and (max-width: 420px){
    .mypage_modal1.basic .modal-content{width:100%; min-width:0; height:auto; max-height:20rem; padding:1.5rem 0 .5rem;}
    .mypage_modal1.basic .modal-content .scroll{max-height:15.5rem;}
    .mypage_modal1.basic .modal-content .scroll .bottom{padding:2rem 1rem 1rem;}
}

/*자주묻는질문.html*/
.accordion__list .link2 .link__title .q_txt.category{display:inline-block; width:70px;}
.search_box{display:flex; justify-content:space-between;}
.bbsSearch1 .search_box{width:75%;}
.bbsSearch2 .search_box{width:50%;}
.board_box #tab-content > div #bbsSearch input{width:calc(100% - 165px);}
.board_box #tab-content > div #bbsSearch button{width:150px;}
#bbsSearch .x_hr{display:none; margin:0; height:1px;}
@media screen and (max-width: 960px){
    .board_box #tab-content > div #bbsSearch{display:block;}
    .board_box #tab-content > div #bbsSearch select{width:100%; margin:5px 0;}
    .bbsSearch1 .search_box{width:100%; margin:5px 0;}
    .bbsSearch2 .search_box{width:100%; margin:5px 0;}
    .board_box #tab-content > div #bbsSearch input{width:calc(100% - 130px);}
    .board_box #tab-content > div #bbsSearch button{width:120px;}
    .accordion__list .link2 .link__title .q_txt.category{display:none;}
    #bbsSearch .x_hr{display:block; margin:10px 0;}
}
/*정보수정.html*/
.form_text{padding:.5rem 0;}
.form_text p{font-size:.8rem; padding-bottom:0;}
.form_text a{font-size:.8rem; color:#647188;}
.form_text a i{margin-left:.5rem;}

/*테이블 반응형 수정*/
@media (max-width: 1280px){
    .break_sup .table_scroll{white-space:normal;}
    .break_sup .table_scroll table{width:100%;}
    .break_tra .table_scroll{white-space:normal;}
    .break_tra .table_scroll table{width:100%;}
}
@media (max-width: 1000px){
    .break_sup .table_scroll{white-space:nowrap;}
    .break_sup .table_scroll table{width:auto;}
}

@media (max-width: 500px){
    .break_tra .table_scroll{white-space:nowrap;}
    .break_tra .table_scroll table{width:auto;}
    .break_tra .table_scroll table{min-width:100%;}
}

/*이용약관.html*/
.terms_top{display:flex; justify-content: space-between; align-items: center; padding:1rem;}
.terms_top select{width:18rem;}
@media screen and (max-width: 520px){
    .terms_top{display:block;}
    section.main_terms h2{margin-bottom:1rem;}
    .terms_top select{width:100%; font-size:.7rem;}
}

/*회원가입방법_청소년.html*/
.join_guide_outer .bullet{display:block; position:relative; margin-left:1rem; font-size:18px; color:#4c4c4c; line-height:22px;}
.join_guide_outer .bullet:before{content:'\2022'; position:absolute; left:-1rem;}
.join_guide_outer .bullet ~ .bullet{margin-top:12px;}


/*레이어팝업제목정렬수정*/
.mypage_modal .modal-content{padding:1rem 1.5rem}
.modal_top{position:relative; display:flex; justify-content:space-between; align-items:center; padding:1rem 0; border-bottom:1px solid rgba(0, 0, 0, 0.2);}
.modal .modal-content .modal_title{border-bottom:0; padding:0; padding-bottom:0; width: calc(100% - 40px);}
.mypage_modal .close_btnB{top:0; right:0; transform:none; }
.close_btnB{position:static;}
@media (max-width: 768px){
    .mypage_modal .modal-content{padding:0 .5rem 4rem}
    .modal_top{padding:1rem .5rem;}
    .mypage_modal .bottom{padding:2rem .5rem 0;}
}
@media (max-width: 480px){
    .modal .modal-content .modal_title{font-size:.85rem;}
    .modal-content.service_notice h2{padding:2rem 0.5rem 1rem;}
}


/* //2021.12. 수정 */














/**/