/*   */
@charset "utf-8";

@import "base.css";
@import "layout.css";
@import "component.css";
@import "business.css";
@import "custom.css";
@import "responsive.css";

.iner{
    max-width: 1260px;
    margin: 0 auto;
}
.contents_page{
    width: 100%;
    padding-top: 50px;
     padding-bottom: 50px;
    text-align: center;
    overflow: hidden;
    font-family: 'NotoSans';
}
.contents_page:first-child{
    padding-top: 0;
}
.contents_page.bg{
    background: #f4f4f4;
    overflow: hidden;
/*    margin-top: 50px;*/

}
.contents_page.inner{
    max-width: 1260px;
    margin: 0 auto;
    text-align: center;
}
.contents_page.short{
    padding-top: 20px;
    padding-bottom: 20px;
}
.inner{
     max-width: 1280px;
    margin: 0 auto;
    text-align: center;
}
img.sm_img{
    display: none;
}
.contents_page .iner{
    font-family: 'NotoSans';
}

/***************서브탭메뉴***********************/
.sub_tab{
    padding-top: 30px;
}
.sub_tab > ul{
    text-align: center;
}
.sub_tab > ul > li{
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    margin-left: -3px;
}
.sub_tab > ul > li > a{
    padding: 12px 30px;
    display: inline-block;
    color: #666;
    border-bottom: 2px solid #ddd;
	margin-right:1px;
}
.sub_tab > ul > li > a:hover{
    border-bottom: 2px solid #9ac946;
    color: #ffffff;
    font-weight: 600;
	background: #9ac946;
}
.sub_tab.short > ul > li > a{
     padding: 12px 30px;
}
.sub_tab > ul > li > a.on{
    border-bottom: 2px solid #9ac946;
    color: #ffffff;
    font-weight: 600;
	background: #9ac946;
}



.cnt_title{
     background: url(../images/ico_cnt_title.png) no-repeat center 50px;
    font-size: 32px;
    height: 70px;
    margin-bottom: 15px;
    text-align: center;
    color: #171717;
}
.ms_01{
    position: relative;
    background: url(../images/bg_mission_01.png) no-repeat center top;
    margin: 0 auto;
    width: 839px;
    height: 1098px;
    font-size: 18px;
}
.ms_02{
    position: relative;
    background: url(../images/bg_mission_02.png) no-repeat center top;
    margin: 0 auto;
    width: 705px;
    height: 360px;
    font-size: 18px;
}
.ms_01 > p{
    position: absolute;
    width: 153px;
     text-align: center;
    color: #3e3e3e;
}
.ms_01 p.txt_01{
    left: 40%;
    top: 8%;

}
.ms_01 p.txt_02{
    left: 5%;
    top: 56%;

}
.ms_01 p.txt_03{
    right: 4%;
    top: 56%;

}
.ms_01 p.txt_04{
    top: 89%;
    width: 371px;
    left: 0%;

}
.ms_01 p.txt_05{
    top: 89%;
    width: 300px;
    right: 6%;

}
.ms_01 p.txt_06{
    top: 45%;
    left: 40%;
}
.ms_01 p.txt_06 > b{
    font-size: 33px;
}
.ms_01 p.txt_05 > span{
    font-size: 24px;
    display: block;
    font-weight: 600;
}
.ms_01 > p > b{
    display: block;
    font-size: 26px;
}
.txt_blue{
    color: #198ad9;
}

.ms_02 p.txt_01{
    width: 200px;
    position: absolute;
    top: 58%;
    left: 11%;
    text-align: center;
}
.ms_02 p.txt_02{
    width: 200px;
    position: absolute;
    top: 58%;
    right: 10%;
}

.cnt_title02{
    color: #198ad9;
    font-size: 20px;
    margin-top: 50px;
    display: inline-block;
    margin-bottom: 50px;
}
.cnt_title02.long > span{
    width: 520px;
}
.cnt_title02:before{
    background: url(../images/bg_title02_left.png) no-repeat;
    content: "";
    width: 80px;
    height: 17px;
    display: inline-block;
}
.cnt_title02:after{
    background: url(../images/bg_title02_right.png) no-repeat right;
    content: "";
    width: 80px;
    height: 17px;
    display: inline-block;
}
.cnt_title02 > span{
    border-radius: 25px;
    background: white;
    padding: 8px 20px;
    font-weight: 600;
    width: 263px;
    display: inline-block;

    vertical-align: 5px;
}
.cnt_title02.gray > span{
    background: #ededed;
}

.ms02_box {
    margin: 0 auto;
    max-width: 1135px;
}
.ms02_box > ul{
    text-align: center;
}
.ms02_box > ul > li{
    display: inline-block;
    position: relative;
    margin-right: 30px;
}
.ms02_box > ul > li:last-child{
    margin-right: 0;
}
.ms02_box > ul > li > span{
    padding: 8px 10px;
    background: #f4f4f4;
    border-radius: 50%;
    color: #198ad9;
    position: absolute;
    top: -16px;
    left: 45%;
    font-weight: 600;
}
.ms02_box > ul > li > div{
    border-radius: 20px;
    overflow: hidden;
    width: 348px;
    height: 294px;
}
.ms02_box > ul > li > div > p{
    background: #198ad9;
    text-align: center;
    padding-top: 50px;
    height: 130px;
    color: white;
    font-size: 1.2em;
}
.ms02_box > ul > li > div > ul{
    display: block;
    background: white;
    height: 190px;
    padding-top: 20px;
    padding-left: 44px;
    margin-left: 0;
    padding-right: 27px;
}
ul.dot_list{
    text-align: left;
    margin-left: 10px;

}
ul.dot_list > li{
    margin-top: 10px;
}
ul.dot_list.wh> li:before{
     background:white;
}
ul.dot_list> li:before{
    content: "";
    width: 4px;
    height: 4px;
    display: inline-block;
    background:#198ad9;
    vertical-align: middle;
    margin-right: 7px;
    border-radius: 50%;
    vertical-align: 4px;
    margin-left: -12px;
}

ul.dot_list.gray{
    float: left;
    margin-top: 20px;
    color: #333;
    font-size: 0.9em;
}
.ms_03_box.thir > ul > li > div > div > ul.dot_list.gray.mg{
    margin-left: 75px;
}
.ms_03_box.thir > ul > li > div > div > ul.dot_list.gray.mgL{
    margin-left: 10px;
}
.ms_03_box.thir > ul > li > div > div > ul.dot_list.gray.mgR{
    margin-left: 20px;
}
ul.dot_list.gray:last-child{
    margin-left: 25px;
}
ul.dot_list.gray> li:before{
    width: 3px;
    height: 3px;
    background: #696969;
    margin-left: -9px;
}
.ms_03_box > ul{
    text-align: center;
}
.ms_03_box > ul > li{
    width: 22%;
    border:1px solid #cccccc;
    border-radius: 20px;
    padding: 30px;
    text-align: center;
    margin: 10px;
    display: inline-block;
    height: 250px;
    vertical-align: top;
}
.ms_03_box.thir > ul > li{
    width: 25%;
    background: white;
    height: 426px;
}
.ms_03_box.thir > ul > li > div > p > span{
    width: 40%;
    display: inline-block;
    text-align: left;
    padding-left: 10px;
}
.ms_03_box > ul > li:last-child{
    margin-right: 0;
}
.ms_03_box > ul > li > div > p{
    font-weight: 600;
    color: #198ad9;
    font-size: 1em;
    margin-top: 25px;
}
.ms_03_box.thir > ul > li > div > p{
    margin-top: 0px;
    height: auto;
    margin-bottom: 20px;
}
.ms_03_box > ul > li > div >ul{
    margin-top: 20px;
}
.ms_03_box.thir > ul > li > div > div{
    overflow: hidden;
    width: 240px;
    margin: 0 auto;
}

.cnt_txt{
    line-height: 26px;
}
.cnt_txt > span{
    font-size: 24px;
}


/**************ci*****************/
.ci_pg > img{
    text-align: center;
    display: block;
    margin: 30px auto 0 auto;
}
.ci_pg > ul{
    text-align: center;
}
.ci_pg > ul >li{
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}
.ci_pg > ul >li > span{
    display: block;
    height: 130px;
    color: #666666;
}



/********************오시는길******************/
.office_info{
    margin-top: 20px;
    text-align: left;
}
.office_info > p{
    color: #5a5a5a;
    line-height: 25px;
}
.office_info > p > b{
    width: 106px;
    display: inline-block;
    word-spacing: 26px;
    color: #060606;
}
.office_info > p:last-child > b{
    word-spacing: 55px;
}
.office_info > p > b:after{
    content: ":";
}

.traffic_info{
    display: block;
    margin-top: 30px;
}

.traffic_info ul li{
    float: left;
    text-align: left;
}
.traffic_info ul li:last-child{
    float: right;
}
.traffic_info > ul > li > p.subway{
    background: url(../images/img_map_subway.png) no-repeat;
    width: 624px;
    height: 69px;
    display: block;
    padding-top: 25px;
    padding-left: 97px;
    color: white;
    font-weight: 600;
}
.traffic_info > ul > li > p.bus{
    background: url(../images/img_map_bus.png) no-repeat;
    width: 624px;
    height: 69px;
    display: block;
    padding-top: 25px;
    padding-left: 97px;
    color: white;
    font-weight: 600;
}
.traffic_info > ul > li > div{
    margin-top: 30px;
    color: #1a1a1a;
}
.traffic_info > ul > li > div > span{
    display: block;
    line-height: 37px;
    margin-bottom: 10px;
    color: #5a5a5a;
}



/*************보증금제도소개*****************/
.t_16{
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
    margin-bottom: 40px;
	color:#666;
}
.t_18{
    font-size: 18px;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 40px;
}
.t_20{
    font-size: 20px;
    margin-top: 40px;
    text-align: center;
    margin-bottom: 40px;
}
.t_20_20{
    font-size: 20px;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
}
.text-blue{color:#198ad9;}

.ms_03_box > ul > li > div > p.t_16{
    font-size: 1em;
    font-weight: normal;
    color: #333;
    margin-top: 30px;
}
.wid_3 > ul{
    text-align: center;
}
.wid_3 > ul >li{
    display: inline-block;
    position: relative;
    margin-right: 30px;
    width: 30%;
}
.wid_3 > ul > li:last-child{
    margin-right: 0;
}
.wid_3 > ul >li > div > div.bgbl{
    background: #198ad9;
    padding-top: 24px;
    height: 130px;
    color: white;
}
.wid_3 > ul >li > div > div.bgwh{
    background: white;
    color:#777;
    padding-top: 30px;
    padding-bottom: 10px;
    height: 330px;
}
.wid_3 > ul >li > div {
    border-radius: 20px;
    text-align: center;
    overflow: hidden;
}
.wid_3 > ul >li > div > div.bgbl > b{
    font-size: 18px;
}
.wid_3 > ul >li > div > div.bgbl ul.dot_list.wh{
    margin-left: 27%;
}


/**************정관*******************/

.accordion {
	margin: auto;
	width: 100%;
    border-top: 1px solid black;
    text-align: left;
    margin-top: 30px;
}
.accordion input {
	display: none;
}
.box {
	position: relative;
	background: white;
    height: 80px;
    transition: all .15s ease-in-out;
    border-bottom: 1px solid #ddd;

}
.box::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
}
        .box:hover .box-title{

        }
.box h6{
    display: none;
}
header .box-title {
	margin: 0;
	font-weight: normal;
	font-size: 16pt;
	color: white;
	cursor: initial;
}
.box-title {
	height: 80px;
	line-height: 80px;
	padding: 0 20px;
	display: inline-block;
	cursor: pointer;
	-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
    color: #333;
    font-size: 1.1em;
}
.box-content {

	padding: 40px;
	font-size: 11pt;
	color: rgba(0,0,0,.54);
	display: none;
    word-break:break-all;

    overflow: hidden;
     -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    background: #f5f5f5;
    margin-bottom: -4px;

    width: 100%;
    line-height: 24px;
}
.box-content > b{
    margin-bottom: 5px;
    display: block;
    color: #666;
    font-size: 1.05em;
    margin-top: 10px;
}
.box-content > ul > li{
    line-height: 24px;
}
.box-close {
	position: absolute;
	height: 80px;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	display: none;
}
input:checked + .box {
	height: auto;
        }
input:checked + .box .box-title {
	border-bottom: 1px solid rgba(0,0,0,.18);
    font-weight: 600;
    color: #555;

}
input:checked + .box .box-content,
input:checked + .box .box-close {
	display: inline-block;
}
.arrows section .box-title {
	width: 100%;
}
.arrows section .box-title:before {
	position: absolute;
	display: block;
	content: '';
	font-size: 30pt;
	right: 20px;
	top: 38px;
	transition: transform 0.3s ease-in-out;
	color: rgba(0,0,0,.54);
    background: url(../images/acc_arrow.png) no-repeat;
    width: 16px;
    height: 15px;
    background-size: contain;
}
input:checked + section.box .box-title:before {
	transform: rotate(180deg);
    transition: all 0.3s ease-out;
    background: url(../images/acc_arrow_on.png) no-repeat;
    width: 16px;
    background-size: contain;
    top:30px;
}

.file_down_02{
    display: inline-block;
    background: #e4e9f5;
    color:white;
    border-radius: 30px;
    margin-top: 30px;
    vertical-align: middle;
    overflow: hidden;
}
.file_down_02 > img{
    width: 20px;
    margin-left: 20px;
    vertical-align: middle;
}
.file_down_02 >span{
    padding: 15px 20px;
    display: inline-block;
    background: #198ad9;
    margin-left: 10px;
}
/**************************/


/***************빈용기************/
.subject > ul{
    text-align: center;
}
.subject > ul > li{
    display: inline-block;
    vertical-align: top;
    width: 40%;
    margin-bottom: 20px;
    margin-right: 20px;
}
.subject > ul > li:last-child{
    margin-right: 0px;
}
.subject > ul > li:nth-child(2){
    margin-right: 0;
}
.subject > ul > li > div{
    border-radius: 20px;
    overflow: hidden;
}
.subject > ul > li > div > div:first-child{
    height: 113px;
    text-align: center;
    padding-top: 24px;
    line-height: 24px;
    color: white;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 22px;
}
.subject > ul > li > div > div.lg{
    background: #9ac946;
}
.subject > ul > li > div > div.ls{
    background: #22b4c5;
}
.subject > ul > li > div > div.lm{
    background: #1bc4a6;
}
.subject > ul > li > div > div.bl{
    background: #198ad9;
}
.subject > ul > li > div > div:last-child{
    background: #f6f6f6;
    height: 290px;
    padding-top: 35px;
    padding-left: 20px;
    padding-right: 20px;
}
.subject > ul > li > div > div > b{
    display: block;
    font-size: 1.1em;
    margin-bottom: 5px;
}
.subject > ul > li > div > div > p{
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.map{
    width: 100%;
    height: 700px;
    border: 0;
}
.img_box{
	margin-bottom:30px;
}
.img_box > img{
	width:auto
}

/***************개인정보처리방침***************/
.personal_information{
    text-align: left;
    margin-top:40px;
}
.personal_content{
    line-height: 26px;
    color: #777;
}
.personal_content >b {
    display: block;
    font-size: 1.2em;
    margin-top: 15px;
    margin-bottom: 7px;
    color: #444;
}
.top_box{
    padding: 15px;
    background: #f4f4f4;
    display: block;
    color: #333;
}

/***************약관***************/
.radio-inline,.checkbox-inline {display: inline-block;padding-left: 20px;margin-bottom: 0; font-weight: normal; vertical-align: middle; cursor: pointer;}
.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px;}
.agree-ridio{padding:15px 0; background:#e5e5e5; margin-bottom:30px; margin-top:30px;}




/***************무인회수기*****************/

/*.list-type > table > thead > tr{
    border-top: 3px solid #555;
    border-bottom: 1px solid #393939;
    height: 60px;
}
.list-type > table > tbody > tr > td{
    height: 50px;
    vertical-align: middle;
    border-bottom: 1px solid #c9c9c9;
}*/
.list-type.web{

    margin-top: 30px;
}
.list-type.web .list_thead span{
    display: table-cell;
}
.list-type{
    max-width: 1260px;
    width: 100%;
    margin: 0 auto;
    display: table;
    margin-top: 0px;
}
.list-type{
    margin-top: 0;
}
.list-type .list_thead span{
    display: none;
}
.list_thead{
    width: 100%;
    display: table-row;
}
.list_thead > *{
    display: table-cell;
}
.list_thead span{
    height: 50px;
    vertical-align: middle;
    text-align: center;
    line-height: 50px;

    border-top: 3px solid #555;
    border-bottom: 1px solid #393939;
    font-size: 0.95em;
}

.list_tbody{
    display: table-row;
    width: 100%;
}
.list_td{
    display: table-row;
}
.list_th{
    display: table-row;
	position:relative;
	width:100%;
	height:40px;
	line-height:40px;
}
.list_th > *{
    height: 40px;
	line-height:40px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
	background-color:#e3eff6;
    font-size: 0.9em;
    color: #333;
	position:absolute;
	max-width:1260px;
	margin:0 auto;
	width:100%;
}
.list_td > *{
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    font-size: 0.9em;
    color: #666;
}
.list_td.type01 > div > span{
   width:100%;
   display:block;
}
.list-type .list_td.type01 > *{
	padding:9px 0;
}
.list_td.type02 > div > span {
    width: 100%;
    display: block;
	padding: 2px 0;
}
.list-type .list_td > div:first-child{
    width: 70px;
}
.list-type .list_td > div:nth-child(2){
    width: 85px;
}
.list-type .list_td > div:nth-child(3){
    width: 160px;
}
.list-type .list_td > div:nth-child(4){
    width: 180px;
}
.list_td > div:nth-child(5){
    width: auto;
}
.list-type.rw .list_td > div:nth-child(2){
    width: 100px;
}

.list-type.rw .list_td  > div:nth-child(3){
    width: 160px;
}
.list-type.rw .list_td > div:nth-child(4){
    width: 350px;
}
.list_td.type01 > div:first-child{
    width: 20%;
}
.list-type.rw .list_td.type01 > div:nth-child(2){
    width: 15%;
}
.list-type.rw .list_td.type01 > div:nth-child(3){
    width: 15%;
}
.list-type.rw .list_td.type01 > div:nth-child(4){
    width: 15%;
}
.list_td.type01 > div:nth-child(2){
    width: 15%;
}
.list_td.type01 > div:nth-child(3){
    width: 15%;
}
.list_td.type01 > div:nth-child(4){
    width: 15%;
}
.list_td.type01 > div:nth-child(5){
    width: auto;
}
.list-type .list_td.type02 > div:first-child{
	width:200px;
}
.list_td.type02 > div > span.w-mt-25{margin-top:25px;}
.list_td.type02 > div > span.w-mt-30{margin-top:30px;}
.list_td.type02 > div > span.w-mt-10{margin-top:10px;margin-bottom:10px;}
.list_td.type02 > div.team_line_none{border-bottom:0px;}
.list_td.type02 > div > span.top-below{position:relative; top :80px;}

.team_line_color {border-bottom: 1px solid #aaa;}


/**************** 인사말 *****************/
.greeting > img{margin:50px 0;}
.greeting .g-text > h3 {font-size:28px; color: #333;line-height: 1.3;}
.greeting .g-text > h3 > strong{color:#198ad9;}
.greeting .g-text > p {font-size:18px; color:#666;margin-bottom:10px; line-height: 1.3;}
.greeting .g-text > p.s_text {font-size:18px; color:#333; margin-top: 10px; line-height: 1.4; font-weight:bold;text-align:right;}
.greeting .g-text > p > span.text24 {font-size:24px; margin-left:20px;}

.greeting .g-title:before,
.greeting .g-title:after {content:""; display:block; width:30px; height:30px; background:url(../images/bg_marks_left.png) no-repeat center 50%; background-size:100% auto; position:absolute;}
.greeting .g-title:after {transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.greeting .g-title:before {left:-10px; top:0px;}
.greeting .g-title:after {right:-10px; top:30px;}
.greeting > h2 {font-size:42px; color: #198ad9; width: 80%; margin: 30px auto 40px; letter-spacing:-0.04em;font-weight:600;position:relative;}
.greeting .g-img{width: 40%;display: inline-block;text-align: left;float: left;}
.greeting .g-text{width: 60%;display: inline-block;text-align: left;float: left;}

.organization{position:relative; margin:30px auto 50px;width:90%;}
.organization li {text-align:center; box-sizing:border-box; position:relative; }
.organization li em {color:#fff; text-decoration:none; display:block; padding:12px 5%;}
.organization li strong.ceo {display:block; position:relative; z-index:1; margin:0 auto; font-size:20px; color:#fff; text-align:center; width:200px; height:70px; line-height:70px; background:#198ad9;}
.organization li strong.ceo em {padding:0;}
.organization li p {position:absolute; position:absolute; width:100%; top:100px; left:0; box-sizing:border-box;}
.organization li span.side {display:block; box-sizing:border-box; float:left; width:33.3%;}
.organization li span.side em {color:#198ad9; font-size:18px; width:70%; border:1px solid #198ad9; text-align:center; display:inline-block; vertical-align:top;margin-bottom: 7px}
.organization li ul {padding:50px 0 0 0;}
.organization li ul:after {content:""; display:block; clear:both;}
.organization li ul li {width:33%; float:left; padding-left:5%; padding-right:5%; margin-top:0; position:relative;}
.organization li ul li.l_edge:after {content:""; display:block; width:50%; height:10px; background:#fff; position:absolute; left:0; top:-2px;}
.organization li ul li.r_edge:after {content:""; display:block; width:50%; height:10px; background:#fff; position:absolute; right:0; top:-2px;}
.organization li ul li.line span {display:block; width:100%; height:100%; background:#fff; position:absolute; left:-150%; top:0; z-index:5;}
.organization li ul li:before {content:""; display:block; width:100%; height:1px; background:#d1d3d5; position:absolute; left:0; top:-1px;}
.organization li ul li strong {display:block; font-weight:400; padding-top:30px; position:relative; z-index:1;}
.organization li ul li strong:before {content:""; display:block; width:1px; height:30px; background:#d1d3d5; position:absolute; left:50%; top:0;}
.organization li ul li strong em {font-size:18px; padding:12px 5%; background:#198ad9;}
.organization li ul li ul {padding:0; z-index:1; position:relative;}
.organization li ul li ul li {width:auto; float:none; padding-left:0; padding-right:0; margin-top:5px; margin-bottom:0; padding-top:0;}
.organization li ul li ul li:before {display:none;}
.organization li ul li ul li strong {padding-top:5px;}
.organization li ul li ul li strong:before {display:none;}
.organization li ul li ul li strong em {background:#6b7786; color:#fff;}
.organization li ul li ul li em {background:#f4f4f4; color:#666; padding:10px 5%;}
.organization li ul li ul li ul li {margin-top:5px;}
.organization li ul li ul li ul li em {color:#666;}
.top-line:before {content:""; display:block; width:1px;height:50px; background:#d1d3d5; position:absolute; left:49.5%; top:159px; z-index:1;}
.organization li > span{display:block}



/**************** 반환지원서비스 *****************/
.contents_page .restoration .locatin-box {position:relative;}
.contents_page .restoration .locatin-box ul{width:70%; height:260px;}
.contents_page .restoration .locatin-box ul li{width:16%; float:left;}
.contents_page .restoration .locatin-box ul li a{margin-right:1px; line-height:50px; font-size:16px; color:#fff; background:#888;display: block; text-align:center; margin-bottom:1px}
.contents_page .restoration .locatin-box ul li.on a, .contents_page .restoration .locatin-box ul li a:hover,.contents_page .restoration .locatin-box ul li a:active,.contents_page .restoration .locatin-box ul li a:focus{background:#9ac946;text-decoration:none;}
.contents_page .restoration .locatin-box ul li.on a, .contents_page .restoration .locatin-box ul li a:hover, .contents_page .restoration .locatin-box ul li a:active, .contents_page .restoration .locatin-box ul li a:focus{background:#9ac946;}
.contents_page .restoration .locatin-box .center-info{position:absolute; left:72%; top:0; width:28%; height:400px; background:#fff; display:none;}
.contents_page .restoration .locatin-box .center-info .map{width:290px; height:400px; background:#fff url(../images/img_map.png) no-repeat center 50%; float:left;position:relative;}
.contents_page .restoration .locatin-box ul li.on .center-info{display:block;}
.contents_page .restoration .locatin-box .condition{width:68%; margin:50px 0;}
.contents_page .restoration .locatin-box .center-info .map:after{content:""; display:block; background:url(../images/img_restoration.png) no-repeat right top; width:40px; height:52px; position:absolute;}
.contents_page .restoration .locatin-box .center-info .map.map00:after{background:none;}
.contents_page .restoration .locatin-box .center-info .map.map01:after{top:20px; left:80px;}
.contents_page .restoration .locatin-box .center-info .map.map02:after{top:50px; left:100px;}
.contents_page .restoration .locatin-box .center-info .map.map03:after{top:17px; left:42px;}
.contents_page .restoration .locatin-box .center-info .map.map04:after{top:20px; right:100px;}
.contents_page .restoration .locatin-box .center-info .map.map05:after{bottom:140px; right:85px;}
.contents_page .restoration .locatin-box .center-info .map.map06:after{top:137px; right:60px;}
.contents_page .restoration .locatin-box .center-info .map.map07:after{bottom:120px; left:66px;}
.contents_page .restoration .locatin-box .center-info .map.map08:after{bottom:180px; right:70px;}
.contents_page .restoration .locatin-box .center-info .map.map09:after{top:127px; left:101px;}
.contents_page .restoration .locatin-box .center-info .map.map10:after{bottom:129px; right:70px;}
.contents_page .restoration .locatin-box .center-info .map.map11:after{bottom:155px; right:30px;}
.contents_page .restoration .locatin-box .center-info .map.map12:after{bottom:223px; left:74px;}
.contents_page .restoration .locatin-box .center-info .map.map13:after{top:92px; left:122px;}
.contents_page .restoration .locatin-box .center-info .map.map14:after{bottom:20px; left:70px;}
.contents_page .restoration .locatin-box .center-info .map.map15:after{bottom:105px; left:90px;}
.contents_page .restoration .locatin-box .center-info .map.map16:after{bottom:164px; left:90px;}
.contents_page .restoration .locatin-box .center-info .map.map17:after{top:100px; left:97px;}
.list-type .list_td > div:nth-child(4), .list-type .list_td > div:nth-child(5){position:relative;}
.contents_page .list-type .place{display: inline-block;background: url(../images/ico_place.png) no-repeat;width: 16px;height: 16px;position: absolute;right: 10px;bottom: 13px;}
/*.contents_page .list-type .place:after{position: absolute; display: block; content: ''; right: 10px; top: -18px; background: url(../images/ico_place.png) no-repeat; width: 16px;height: 16px;} */


/**************** FAQ *****************/
.faq-area .faq-sort{max-width:760px; margin:10px auto;}
.faq-area .sort-tab{max-width:300px; margin:0 auto 20px;}
.faq-area .sort-tab > div{width:50%; float:left;}
.faq-area .faq-sort > div{width:25%; float:left;}

.faq-area.faq-page .sort-tab > div > a {background:#fff;position:relative;}
.faq-area.faq-page .sort-tab > div > a > span{height:130px;margin-top:6px;}
.faq-area.faq-page .sort-tab > div > a{border-bottom: 2px solid #ddd;width: 99%; display: block;padding:8px;color:#666;}
.faq-area.faq-page .sort-tab > div > a > span{background:#9ac946;}
.faq-area.faq-page .sort-tab > div > a.on, .faq-area.faq-page .faq-sort > div > a:hover{color:#fff;background:#9ac946;border-bottom: 2px solid #9ac946;}

.faq-area.faq-page{max-width:70%; margin:10px auto 30px}
.faq-area.faq-page .faq-sort > div > a {background:#fff;position:relative;}
.faq-area.faq-page .faq-sort > div > a > span{height:130px;margin-top:6px;}
.faq-area.faq-page .faq-sort > div > a{border-bottom: 2px solid #ddd;width: 99%; display: block;padding:8px 0 8px 15px;color:#666;}
.faq-area.faq-page .faq-sort > div > a > span{background:#8d9196;}
.faq-area.faq-page .faq-sort > div > a.on, .faq-area.faq-page .faq-sort > div > a:hover{color:#fff;background:#8d9196;border-bottom: 2px solid #8d9196;}
.faq-area.faq-page .faq-sort > div > a:after{content:""; display:block; background:url(../images/img_restoration.png) no-repeat center center; width:25px; height:25px; position:absolute;top:8px;background-size:contain !important;}
.faq-area.faq-page .faq-sort > div.faqAll > a:after{background:url(../images/icon_faq01_off.png) no-repeat center center;}
.faq-area.faq-page .faq-sort > div.faq01 > a:after{background:url(../images/icon_faq02_off.png) no-repeat center center;}
.faq-area.faq-page .faq-sort > div.faq02 > a:after{background:url(../images/icon_faq03_off.png) no-repeat center center;}
.faq-area.faq-page .faq-sort > div.faq03 > a:after{background:url(../images/icon_faq04_off.png) no-repeat center center;}
.faq-area.faq-page .faq-sort > div.faqAll > a.on:after, .faq-area.faq-page .faq-sort > div.faqAll > a:hover:after{background:#8d9196 url(../images/icon_faq01.png) no-repeat center center;}
.faq-area.faq-page .faq-sort > div.faq01 > a.on:after, .faq-area.faq-page .faq-sort > div.faq01 > a:hover:after{background:#8d9196 url(../images/icon_faq02.png) no-repeat center center;}
.faq-area.faq-page .faq-sort > div.faq02 > a.on:after, .faq-area.faq-page .faq-sort > div.faq02 > a:hover:after{background:#8d9196 url(../images/icon_faq03.png) no-repeat center center;}
.faq-area.faq-page .faq-sort > div.faq03 > a.on:after, .faq-area.faq-page .faq-sort > div.faq03 > a:hover:after{background:#8d9196 url(../images/icon_faq04.png) no-repeat center center;}
.faq-area.faq-page .faq-sort > div.faq_bizDiv > a:after{background:url(../images/icon_faq01_off.png) no-repeat center center;}
.faq-area.faq-page .faq-sort > div.faq_bizDiv > a.on:after, .faq-area.faq-page .faq-sort > div.faqAll > a:hover:after{background:#8d9196 url(../images/icon_faq01.png) no-repeat center center;}
.personal_content.agree{padding:10px; border:1px solid #ddd; border-bottom:0;height:200px; overflow-y:scroll; margin-top:30px;}
.personal_content.agree > b {font-size:1.1em; margin-bottom:0;}
.personal_content.agree > h2{color:#222;margin-top:10px; text-align:center}
.agree-ridio.agree_qa{margin-top:0}

.accordion{border-top:2px solid #393939}
.accordion h3.collapsed{background:#fff url(../images/accordion.png) no-repeat right 30px center;background-size:18px auto;}
.accordion h3{display:flex;align-items:center;-ms-align-items:center;padding:20px 30px;border-bottom:1px solid #ccc;background:#fff url(../images/accordion.png) no-repeat right 30px center;background-size:18px auto;cursor:pointer}
.accordion h3.active{background:#fff url(../images/accordion_active.png) no-repeat right 30px center;background-size:18px auto}
.accordion h3 > b,.accordion h3 > span{color:#aa8066}
.accordion h3 > b{font-size:18px;font-weight:700;background:#198ad9;width:40px;line-height:40px;text-align:center;margin-right:15px; color:#fff; border-radius:50%;}
.accordion h3 > p{font-size:18px;font-weight:400;width: 90%;}
.accordion .card-body{padding:25px 30px;border:0;border-bottom:1px solid transparent;background:#eceff2;transition:.3s;font-size:16px;color:#393939}
.accordion .card-body b{font-size:18px;font-weight:700;background:#8dc32c;width:40px;line-height:40px;text-align:center;margin-right:15px; color:#fff; border-radius:50%;display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.accordion .card-body p{display: inline-block; width: 90%; vertical-align: top; word-break: keep-all;}
.collapse.show .card-body{border-bottom:1px solid #ccc}
.collapse:not(.show) {display: none;}
.list-type-empty, .emptyList{width:100%; line-height:50px; background:#f5f5f5; border-bottom:1px solid #ccc;margin-top:0; text-align:center}

/**************** 1회용컵 *****************/
.disposable_cont{width:100%; margin-bottom:40px;}
.disposable_cont ul > li {width:49%; text-align:left; display:inline-block}
.disposable_cont ul > li:last-child {text-align:right;}
.ms_03_box.bg_wh > ul > li{background:#fff;border:0;width:25%;height:300px;}
.ms_03_box.bg_wh > ul > li > div > span{display: block; width: 100%; padding: 20px 10px;line-height:1.2;}
.operate > ul{text-align: center;}
.operate > ul > li{display: inline-block; vertical-align: top; width: 22%; margin-bottom: 20px; margin-right: 3%;position:relative;}
.operate > ul > li:last-child{margin-right: 0px;}
.operate > ul > li > div{border-radius: 20px; overflow: hidden;}
.operate > ul > li > div > div:first-child{height: 180px; text-align: center; padding-top: 40px;background: #9ac946;}
.operate > ul > li > div > div:last-child{background: #f6f6f6; height: 120px;padding-top: 25px;padding-left: 15px;padding-right: 15px;}
.operate > ul > li > em {background: #fff;color: #9ac946;font-size: 15px;width: 30px;height: 30px;display: block;text-align: center;line-height: 30px;border-radius: 50%;-webkit-border-radius: 50%;margin-left: -15px;position: absolute;left: 50%;top: -15px;	content:'';font-weight:500;}
.contents_page.pb0{padding-bottom:0}
.white_box{width:100%;padding:2%;font-size:18px; color:#333;background:#fff;border-radius:14px;text-align:left;line-height:1.8;margin-top:30px}
.app_down > ul > li{display:inline-block; padding:0 20px}


@media (max-width:800px){
	.greeting .g-img{width:50%; float:none; text-align:center; margin-bottom:20px;}
	.greeting .g-text{width:80%; float:none; text-align:center;}
    .greeting .g-img > img{width:60%;}
    .greeting .g-text > p {font-size:16px; width:95%;}
	.greeting .g-text > p.s_text {font-size:16px; color:#333; margin-top: 10px; line-height: 1.4; font-weight:bold;text-align:center;}
	.greeting .g-text > p > span.text24 {font-size:20px;}
	.list-type .list_td > div:nth-child(4){width:140px;}
	.list_td > div:nth-child(3){width:120px;}
	.list-type.rw .list_td > div:nth-child(2){width:80px;}
	.list-type.rw .list_td > div:nth-child(3){width:120px;}
	.accordion h3 > p{font-size:16px;}
	.list-type.rw .list_td > div:nth-child(4){width:280px;}
	.list-type.rw .list_td > div:first-child{width:25px;}
	.list-type.rw .list_td > div:nth-child(2){width:40px;}
}

@media (max-width:768px){
    .personal_content{
        font-size:.8em;
    }
    .personal_content >b{
        font-size:1em;
    }
	.contents_page .restoration .locatin-box ul{width:100%; height:86px;}
	.contents_page .restoration .locatin-box ul li{width:11.1%;}
	.contents_page .restoration .locatin-box ul li a{ line-height:42px; font-size:14px; }
	.contents_page .restoration .locatin-box .center-info{display:none;}
	.contents_page .restoration .locatin-box ul li.on .center-info{display:none;}
	.contents_page .restoration .locatin-box .condition{width:100%; margin:20px 0;}
	.greeting > h2{width:90%; font-size:28px;}
	.greeting .g-title:before, .greeting .g-title:after{width:25px; height:35px;}
	.organization{width:100%;}

	.faq-area > h3{font-size:28px;}
	.faq-area > h4 {font-size:18px;}
	.faq-area.faq-page{max-width:95%;}
	.faq-area.faq-page .faq-sort > div > a > span{height:110px;}
	.faq-area.faq-page .faq-sort > div > a{padding:8px 0 8px 2px;}
	.accordion h3, .accordion .card-body{padding:14px 16px;}
	.faq-area.faq-page .faq-sort > div > a:after{width:20px; height:20px;}
	.organization li > span > img{width:92%;}
	.top-line:before{top:124px;}
	.x-scroll {width: 100%; overflow-x: scroll;}
	.list-type .list_td.type02 > div:first-child{width:140px;}
	.white_box{padding:3%;line-height:1.6;border-radius:10px;font-size:14px;}
	.app_down > ul > li{padding:0 10px;}
	.t_20_20{font-size:16px;}
}

@media (max-width:460px){
	.list_td.type02 > div > span.w-mt-25{margin-top:0px;}
	.list_td.type02 > div > span.w-mt-30{margin-top:0px;}
	.list_td.type02 > div.team_line_none{border-bottom:1px solid #ddd;}
	.list_td.type02 > div > span.top-below{position:relative; top :0px;}
	.list_td.type02 > div.team_line_color.mobile_none {display:none;}
	
	
    .list-type.web{
        margin-top: 10px;
        border-top: 1px solid #333;

    }
    .list-type{
        width: 100%;
        margin: 0 auto;
        display: table-row;
        float: left;
        border-bottom: 1px solid #333;
    }
	.list-type.mobile_none {
        width: 100%;
        margin: 0 auto;
        display: table-row;
        float: left;
        border-bottom: 1px solid #ddd;
    }
    .list-type .list_thead span{
        display: block !important;
    }
    .list-type .list_thead span:first-child{
        display: none !important;
    }
    .list-type.rw .list_thead{
        width: 30%;
    }
    .list-type.rw .list_td{
        width: 70%;
    }
    .list_thead{
        width: 20%;
        float: left;
	}
    .list_thead > *{
        display:block;


    }
    .list_thead span{
        height: auto;
        vertical-align: middle;
        text-align: left;
        border-bottom: 1px solid #ddd;
        border-top: 0;
        width: 100% !important ;
        line-height: 40px;
        font-size: 0.9em;
        color: #666;
    }
    .list_thead > span:first-child{
        display: none;
    }


    .list_thead > span:last-child{
        border-bottom: 0;
    }

    .list_th{
        display: none;
	}
	.list_th.type02{
		display:table
	}

    .list_td{
        display: table-row;
        width: 80%;
        float: left;
    }
    .list_td > *{
        height: auto;
        vertical-align: middle;
        border-bottom: 1px solid #ddd;
    }
    .list_td > div{
        width: 100% !important;
        display: block;
        text-align: left;
        font-size: 0.9em;
        padding-top: 9px;
        padding-bottom: 9px;
		min-height:41px;
    }
	.list_td > div:nth-child(5){
		border-bottom:0
	}
    .list_td.type01 > div{
        display: block;
        text-align: left;
        font-size: 0.9em;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .list_td > div:first-child{
        display: none;
    }
	.list_td.type02{
		width:100%;
	}
	.list_td.type02 > div:nth-child(5){
		width:50%
	}
	.list_thead.type02{
		width:100%;
		float:left
	}
	.list_thead.type02 span{
		height: auto;
        vertical-align: middle;
        text-align: center;
        border-bottom: 1px solid #ddd;
        border-top: 0;
        width: 25% !important ;
        line-height: 40px;
        font-size: 0.9em;
        color: #666;
		float:left;
	}
	.list_td.type02 > div{
		display:inline-block;
		float:left;
		text-align:center;
	}
	.list-type .list_td.type02 > div:nth-child(2){
		width:33.3% !important;
	}
	.list-type .list_td.type02 > div:nth-child(3){
		width:33.3% !important;
	}
	.list-type .list_td.type02 > div:nth-child(4){
		width:33.3% !important;
	}
	.list-type .list_td.type02 > div:nth-child(5){
		width:100% !important;
	}
	.list_td.type02 > div:first-child{
		display:block;
		text-align:center;
		background:#f8f8f8;
	}
	.list-type.rw .list_thead.type01{
		width:25%;
	}
	.list-type.rw .list_td.type01{
		width:75%;
	}
    .list_td.type01 > div:first-child{
        display: none;
		/*background:#e3eff6;*/
    }

    .list_td.type01 > div{
        width: 100%;
        display: block;
        text-align: left;
        font-size: 0.9em;
        padding: 9px 10px;
    }

	.list-type.rw .list_td.type01 > div:nth-child(5){border-bottom:0px;}
	.list_td.type01 > div > span{display:block; width:20%; float:left;}
	.list_td.type01 > div:nth-child(5){height:auto;border:0}
	.list_td.type01 > div:nth-child(4){border-bottom:1px solid #ddd;}
	.list-type.rw .list_td.type01 > div:nth-child(4){border-bottom:1px solid #ddd}
	.list-type .list_thead.type01{width:25%;}
	.list-type .list_td.type01{width:75%;}
	.list-type.rw .list_thead span:nth-child(4){line-height:62px;}
	.list-type.rw .list_td > div:nth-child(4){min-height:63px;}

	.organization-in .list_td.type01 > div > span{display:block; width:25%; float:left;}

    .personal_content{
        font-size:.8em;
        line-height:1.6;
    }
    .personal_content >b{
        font-size:1.1em;
    }
	.greeting .g-img{width:90%;}
   .greeting .g-text > p {font-size:14px; width:100%; margin: 15px auto;}
   .greeting .g-text> p.s_text {font-size:14px;}
   .greeting .g-text > p > span.text24{display:block;margin-left:0}

   .list_td.type02 > div.mblind{display:none !important;}

	.contents_page .restoration .locatin-box ul{height:180px;}
	.contents_page .restoration .locatin-box ul li{width:20%;}
	.greeting > h2{font-size:22px; line-height:1.2; margin:20px auto;}
	.greeting .g-title:before, .greeting .g-title:after{width:30px;height:30px;}
	.greeting .g-title:after{right:-20px;top:30px;}
	.greeting .g-title:before{left:-30px;top:-10px;}
	.organization:before{height:80px;}
	.organization li strong.ceo{font-size:18px; height:52px; line-height:52px;width:160px;}
	.organization li span.side em{font-size:15px; width:95%}
	.organization li p{top:80px;}
	.top-line:before{top:128px; height:33px;}
	.organization li ul li{padding-left:1%; padding-right:1%}
	.organization li ul li strong em{font-size:14px;}
	.organization li ul li ul li em{font-size:14px;}

	.faq-area .faq-sort{margin:30px auto;}
	.faq-area .faq-sort > div{width:50%;}
	.faq-area .faq-sort > div > a{font-size:16px;}
	.faq-area .faq-sort > div > a > span{height:130px;}
	.faq-area > h3{font-size:22px;}
	.faq-area > h4 {font-size:16px; width:70%;margin: 0 auto;}
	.faq-area.faq-page{max-width:94%;}
	.faq-area.faq-page .faq-sort > div > a{padding:8px 0 8px 5px}
	.faq-area.faq-page .faq-sort > div > a > span{height:90px;}
	.accordion h3, .accordion .card-body{padding:15px 10px;}
	.accordion h3 > b{font-size:16px;width:30px;line-height:30px;}
	.accordion h3, .accordion h3.collapsed{background:none !important;}
	.accordion .card-body b{font-size:16px;width:30px;line-height:30px;}
	.accordion .card-body p{width:80%;font-size:14px;}
	.accordion h3 > p{font-size:15px;}
	.t_20{font-size:16px;margin-top:30px;margin-bottom:30px;}
	.disposable_cont ul > li{width:100%; text-align:center;margin-bottom:10px;}
	.disposable_cont ul > li > img{width:100%}
	.m_none > img{display: none}
	.organization li > span.m_none{background: url(../images/img_organization_m.png) no-repeat center center;background-size:100% auto;height:111px}
	.top-line:before{top:110px;}
	.organization li ul{padding:30px 0 0 0}
	.list_td.type01 > div > span.w60p{width:70%; line-height:23px;}
}

@media screen and (min-width:460px) and (max-width:800px){
    .pages{
        width: 100%;
    }
    .iner{
        padding-left: 20px;
        padding-right: 20px;
    }
    .contents_page{
        padding-top: 40px;
        padding-bottom: 30px;
    }
    .cnt_title{
        font-size: 1.8em;
    }
    img.lg_img{
        display: block;
        width: 100%;
    }
    img.sm_img{
        display: none;
        margin: 0 auto;
    }
    .x-sroll{
        overflow-x: scroll;
        margin-bottom: 40px;
    }
    .x-sroll > img{
        width: 100%;
    }
    .sub_tab{
        display: none;
    }
    .ms_01{

        width: 330px;
        font-size: 0.8em;
        height: 665px;
        background: url(../images/bg_mission_01m.png) no-repeat;
        background-size: contain;
    }
    .ms_01 > p > b{
        font-size: 1.5em;
    }
    .ms_01 > p{
        width: 96px;
    }
    .ms_01 > p.txt_01{
        left: 36%;
        top: 8%;
    }
     .ms_01 > p.txt_02{
        left: 5%;
        top: 44%;
    }
     .ms_01 > p.txt_03{
        right: 4%;
        top: 44%;
    }
     .ms_01 > p.txt_04{
        left: 0%;
        top: 73%;
         width: 165px;
    }
     .ms_01 > p.txt_05{
        right: 4%;
        top: 73%;
         width: 138px;
    }
    .ms_01 > p.txt_05 > span{
        font-size: 1.3em;
    }
    .ms_01 p.txt_06 > b{
        font-size: 1.3em;
    }
    .ms_01 p.txt_06{
        top: 34%;
        left: 37%;
    }
    .ms_02{

        width: 336px;
        height: 200px;

        font-size: 0.7em;
        background: url(../images/bg_mission_02m.png) no-repeat center top;
        background-size: contain;
    }
    .ms_02 p.txt_01{
        width: 107px;
        top: 44%;
        left: 9%;
    }
    .ms_02 p.txt_02{
        width: 94px;
        top: 44%;
        left: 62%;
    }
    .ms02_box > ul > li{
        margin-bottom: 30px;
        margin-right: 10px;
    }
    .ms_03_box.thir > ul > li{
        width: 83vw;
        margin: 0;
        margin-bottom: 15px;
        height: auto;
    }
    .ms02_box > ul > li > div{
        width: 228px;
        height: 289px;
    }
    .ms02_box > ul > li > div > ul{
        height: 182px;
        padding-left: 37px;
        font-size: 0.9em;
    }
    .ms02_box > ul > li > div > p {
        font-size: 1.1em;
        height: 110px;
        padding-top:45px;
    }
    .ms_03_box > ul > li{
        width: 44%;
        height: 245px;
    }
    .ms_03_box > ul > li:last-child{
        margin-right: 10px;
    }
    .ms_03_box.thir > ul > li > div > img{
       float: left;
        margin-left: 8vw;
    }
    .ms_03_box.thir > ul > li > div > div{
        display: inline-block;
        margin-top: -22px;
    }
    .ms_03_box.thir > ul > li > div > div > ul.dot_list.gray.mg{
        margin-top: 45px;
        margin-left: 15px;
    }
    
    .ms_03_box > ul > li > div > p{
        font-size: 1em;
    }
    .cnt_title02{
        font-size: 1.1em;
    }
    .cnt_title02 > span{
        width: 54vw;
    }
    .cnt_title02:before{
        width: 45px;
    }
    .cnt_title02:after{
        width: 45px;
    }



    .cnt_txt > span{
        font-size: 1.2em;
    }
    .ci_pg > img{
        width: 100%;
    }
    .ci_pg > ul >li{
        margin-right: 0;
        margin-bottom: 30px;
    }
    .ci_pg > ul >li > span{
        height: auto;
        margin-bottom: 10px;
    }

   .list_td.type02.mblind > div{display:none; height:0; border:0}
   .disposable_cont ul > li > img{width:100%;height:auto}
   .ms_03_box.bg_wh > ul > li{width:30%;height:270px;padding:30px 10px;}
   .ms_03_box.bg_wh > ul > li > div > img{width:60%;}
   .ms_03_box.bg_wh > ul > li > div > span{font-size:14px;}
   .operate > ul > li > div > div:first-child{height:130px}
   .operate > ul > li > div > div:first-child > img{width:50%;}
   .operate > ul > li > div > div:last-child{font-size:14px;padding-right:10px;padding-left:10px;padding-top:15px;line-height:1.2;height:105px;}
   .operate > ul > li{width:23.5%;margin-right:1%;}



    /**************오시는길**************/
    .map{
    width: 100%;
    height: 250px;
    border: 0;
    }
    .traffic_info ul li{
        width: 100%;
        margin-bottom: 15px;
    }
    .traffic_info > ul > li > p.subway{
        width: auto;
    }
    .traffic_info > ul > li > p.bus{
        width: auto;
    }
    .traffic_info > ul > li > div > span{
        line-height: 25px;
    }
    .traffic_info > ul > li > div{
        margin-top: 15px;
    }


    /**************보증금제도소개****************/
    .t_18{
        font-size: 1em;
    }
	.t_20{
        font-size: 1.1em;
    }
    .img_100{

    }
    .wid_3 > ul >li{
        margin-right: 0;
        margin-bottom: 20px;
        width: 95%;
    }
    .wid_3 > ul >li > div > div.bgwh{
        height: 277px;
    }
    .wid_3 > ul >li > div > div.bgwh > img{
        width: 85%;
    }
    .cnt_title02.long > span{
        border-radius: 50px;
        width: 57vw;
    }
    .cnt_title02.long:before{
        vertical-align: 0px;
    }
    .cnt_title02.long:after{
        vertical-align: 0px;
    }



    /*********빈용기********/
    .subject > ul > li{
        margin-right: 0;
        width: 90%;
    }
    .subject > ul > li:first-child{
        margin-right: 0;
    }
    .subject > ul > li > div > div:first-child{
        font-size: 0.9em;
        line-height: 21px;
    }
    .subject > ul > li > div > div:last-child{
        padding-bottom: 20px;
        padding-top: 20px;
        height: auto;
        overflow: hidden;
    }
    .subject > ul > li > div > div img{
        float: left;
        margin-left: 2vw;
    }
    .subject > ul > li > div > div p{
        float: left;
        width: 60vw;
        margin-left: 3vw;
        text-align: left;
        margin-top: 17px;
    }
}







@media (max-width:460px){
    .pages{
        width: 100%;
    }
    .iner{
        padding-left: 20px;
        padding-right: 20px;
    }
    .contents_page{
        padding-top: 30px;
        padding-bottom: 0;
    }
    .cnt_title{
        font-size: 1.4em;
		background: url(../images/ico_cnt_title.png) no-repeat center 40px;
		background-size:28px auto;
    }
    img.lg_img{
        display: none;
    }
    img.sm_img{
        display: block;
        width: 320px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .x-sroll{
        overflow-x: scroll;
        margin-bottom: 40px;
    }
    .x-sroll > img{
        width: 160%;
    }
    .sub_tab{
        display: none;
    }
    .ms_01{

        width: 330px;
        font-size: 0.8em;
        height: 665px;
        background: url(../images/bg_mission_01m.png) no-repeat;
        background-size: contain;
    }
    .ms_01 > p > b{
        font-size: 1.5em;
    }
    .ms_01 > p{
        width: 96px;
    }
    .ms_01 > p.txt_01{
        left: 36%;
        top: 8%;
    }
     .ms_01 > p.txt_02{
        left: 5%;
        top: 44%;
    }
     .ms_01 > p.txt_03{
        right: 4%;
        top: 44%;
    }
     .ms_01 > p.txt_04{
        left: 0%;
        top: 73%;
         width: 165px;
    }
     .ms_01 > p.txt_05{
        right: 4%;
        top: 73%;
         width: 138px;
    }
    .ms_01 > p.txt_05 > span{
        font-size: 1.3em;
    }
    .ms_01 p.txt_06 > b{
        font-size: 1.3em;
    }
    .ms_01 p.txt_06{
        top: 34%;
        left: 37%;
    }
    .ms_02{

        width: 336px;
        height: 200px;

        font-size: 0.7em;
        background: url(../images/bg_mission_02m.png) no-repeat center top;
        background-size: contain;
    }
    .ms_02 p.txt_01{
        width: 107px;
        top: 44%;
        left: 9%;
    }
    .ms_02 p.txt_02{
        width: 94px;
        top: 44%;
        left: 62%;
    }
    .ms02_box > ul > li{
        margin-bottom: 30px;
        margin-right: 0;
    }
    .ms_03_box.thir > ul > li{
        width: 83vw;
        margin: 0;
        margin-bottom: 15px;
        height: auto;
    }
    .ms02_box > ul > li > div{
        width: 330px;
        height: 263px;
    }
    .ms02_box > ul > li > div > ul{
        height: 172px;
        padding-left: 37px;
        font-size: 0.9em;
    }
    .ms02_box > ul > li > div > p {
        font-size: 1.1em;
        height: 110px;
        padding-top:45px;
    }
    .ms_03_box > ul > li{
        width: 80%;
        height: auto;
    }
    .ms_03_box > ul > li > div > p{
        font-size: 1em;
    }
    .ms_03_box > ul > li > div >img{
        float: none;
        margin-left: 0;
    }
    .cnt_title02{
        font-size: 1.1em;
		margin-top:30px;
		margin-bottom:30px;
    }
    .cnt_title02 > span{
        width: 54vw;
    }
    .cnt_title02:before{
        width: 45px;
    }
    .cnt_title02:after{
        width: 45px;
    }



    .cnt_txt > span{
        font-size: 1.2em;
    }
    .ci_pg > img{
        width: 100%;
    }
    .ci_pg > ul >li{
        margin-right: 0;
        margin-bottom: 30px;
    }
    .ci_pg > ul >li > span{
        height: auto;
        margin-bottom: 10px;
    }



    /**************오시는길**************/
    .map{
    width: 100%;
    height: 250px;
    border: 0;
    }
    .traffic_info ul li{
        width: 100%;
        margin-bottom: 15px;
    }
    .traffic_info > ul > li > p.subway{
        width: auto;
    }
    .traffic_info > ul > li > p.bus{
        width: auto;
    }
    .traffic_info > ul > li > div > span{
        line-height: 25px;
    }
    .traffic_info > ul > li > div{
        margin-top: 15px;
    }


    /**************보증금제도소개****************/
    .t_18{
        font-size: 1em;
    }
    .img_100{

    }
    .wid_3 > ul >li{
        margin-right: 0;
        margin-bottom: 20px;
        width: 95%;
    }
    .wid_3 > ul >li > div > div.bgwh{
        height: 277px;
    }
    .wid_3 > ul >li > div > div.bgwh > img{
        width: 85%;
    }
    .cnt_title02.long > span{
        border-radius: 50px;
        width: 54vw;
    }
    .cnt_title02.long:before{
        vertical-align: 20px;
    }
    .cnt_title02.long:after{
        vertical-align: 20px;
    }



    /*********빈용기********/
    .subject > ul > li{
        margin-right: 0;
        width: 90%;
    }
    .subject > ul > li:first-child{
        margin-right: 0;
    }
    .subject > ul > li > div > div:first-child{
        font-size: 0.9em;
        line-height: 21px;
    }
    .subject > ul > li > div > div:last-child{
        padding-bottom: 30px;
        height: auto;
    }

   .list_td.type01 > div.mblind{display:none;}
   .ms_03_box.bg_wh > ul > li{width:100%;padding:30px 20px;margin:10px 0;height:270px}
   .ms_03_box.bg_wh > ul > li > div > img{width:50%;}
   .operate > ul > li{width:48%; margin-right:1%}
   .operate > ul > li > div > div:first-child{height:140px;}
   .operate > ul > li > div > div:first-child > img{width:50%;}
   .operate > ul > li > div > div:last-child{height:125px;padding-top:20px;}
   .operate > ul > li > div > div:last-child > p{font-size:14px; line-height:1.2}
   .board_bot {margin-top: 20px;}
}
.cleafix:after{clear:both; content:" "; display:block;}

.privacy_tbl {width: 100%; border: 1px solid #ccc; border-collapse: collapse; margin-top:20px; margin-bottom:20px;}
.privacy_tbl .tbl2_tr {border: 1px solid #ccc; padding: 10px; text-align:center;}
.privacy_tbl .tbl2_tr  .tbl2_th {border: 1px solid #ccc; padding: 10px; background-color:#f4f4f4;}
.privacy_tbl .tbl2_tr  .tbl2_td {border: 1px solid #ccc; padding: 10px;}