@charset "utf-8";

/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
@font-face {
	font-family: 'NanumGothic-Bold';
	src: url('../../font/NanumGothic-Bold.woff') format('woff');
	src: url('../../font/NanumGothic-Bold.eot?#iefix')
		format(‘embedded-opentype’), url('../../font/NanumGothic-Bold.woff')
		format(‘woff’), url('../../font/NanumGothic-Bold.woff2')
		format(‘woff2’), url('../../font/NanumGothic-Bold.ttf')
		format('truetype'), url('../../font/NanumGothic-Bold.svg')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NanumGothic-Regular';
	src: url('../../font/NanumGothic-Regular.woff') format('woff');
	src: url('../../font/NanumGothic-Regular.eot?#iefix')
		format(‘embedded-opentype’),
		url('../../font/NanumGothic-Regular.woff') format(‘woff’),
		url('../../font/NanumGothic-Regular.woff2') format(‘woff2’),
		url('../../font/NanumGothic-Regular.ttf') format('truetype'),
		url('../../font/NanumGothic-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'NanumGothic-ExtraBold';
	src: url('../../font/NanumGothic-ExtraBold.woff') format('woff');
	src: url('../../font/NanumGothic-ExtraBold.eot?#iefix')
		format(‘embedded-opentype’),
		url('../../font/NanumGothic-ExtraBold.woff') format(‘woff’),
		url('../../font/NanumGothic-ExtraBold.woff2') format(‘woff2’),
		url('../../font/NanumGothic-ExtraBold.ttf') format('truetype'),
		url('../../font/NanumGothic-ExtraBold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*사용자*/
* {
	padding: 0;
	margin: 0;
	-webkit-tap-highlight-color: transparent;
}

html, body {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 14px;
	vertical-align: baseline;
	width: 100%;
	font-family: 'NanumGothic-Regular';
}

button {
	font-family: inherit;
}

#etcContent_paginate {
	text-align: center;
	float: none;
}

/* .dataTables_wrapper .dataTables_paginate .paginate_button { */
/*     border-radius: 0;   */
/*     background: white;   */
/* } */

/* .page-item.active .page-link { */
/*     background-color: white !important;  */
/*     border: 1px solid white;   */
/* } */
/* .page-link { */
/*     color: black !important; */
/* }  */
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
	.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover
	{
	background: #f9f9f9 !important;
	border: 0px;
}

.dataTables_empty {
	padding: 20px 0 !important;
	color: #666;
}

table.dataTable.no-footer {
	border-bottom: none;
}

dl, ul, ol, li {
	list-style: none;
}

table {
	border-spacing: 0;
}

caption, th, td {
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

em {
	font-style: normal
}

input, select {
	vertical-align: middle;
}

input, select {
	font-size: 14px;
	font-family: 'NanumGothic-Regular';
}

img, fieldset {
	border: 0 none;
	vertical-align: middle;
}

hr {
	display: none;
}

legend, .pos1, .pos {
	width: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	text-indent: -9999em !important;
	position: absolute;
	top: -99999px;
	left: -99999px;
}

input[type="checkbox"], input[type="radio"] {
	cursor: pointer;
	transform: scale(1.1);
}

strong {
	font-weight: bold;
}

caption {
	visibility: hidden;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0
}

input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	background-color: #fff;
	outline: none;
}

a {
	color: #000;
	text-decoration: none;
}

a:link, a:hover, a:active {
	text-decoration: none;
}

/* 공통 */
.bbn {
	border-bottom: none !important;
}

.bbnn {
	border-bottom: 1px solid #bbbbbb !important;
}

.txt_left {
	text-align: left !important;
}

.txt_right {
	text-align: right !important;
}

.txt_center {
	text-align: center !important;
}

.mg {
	margin: 10px 0;
}

.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt8 {
	margin-top: 8px;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt35 {
	margin-top: 35px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt90 {
	margin-top: 90px;
}

.mt100 {
	margin-top: 100px;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb20 {
	margin-bottom: 20px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mr0 {
	margin-right: 0px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr30 {
	margin-right: 30px;
}

.mr40 {
	margin-right: 40px;
}

.mr50 {
	margin-right: 50px;
}

.ml0 {
	margin-left: 0 !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.pb5 {
	padding-bottom: 5px;
}

.p0 {
	padding: 0 !important;
}

.pt0 {
	padding-top: 0 !important;
}

.pt5 {
	padding-top: 5 !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pb0 {
	padding-bottom: 0 !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pl0 {
	padding-left: 0px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pr0 {
	padding-right: 0px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pd5 {
	padding-bottom: 5px !important;
}

.pd10 {
	padding-bottom: 10px !important;
}

.fs12 {
	font-size: 12px !important;
}

.fs13 {
	font-size: 13px !important;
}

.fs14 {
	font-size: 14px !important;
}

.fs15 {
	font-size: 15px !important;
}

.fs16 {
	font-size: 16px !important;
}

.fr {
	float: right !important;
}

.fl {
	float: left !important;
}

.vab {
	vertical-align: bottom;
}

.vat {
	vertical-align: top;
}

.vas {
	vertical-align: sub
}

.vri {
	vertical-align: middle;
}

.vai {
	vertical-align: inherit;
}

.ofh {
	overflow: hidden;
}

.bln {
	border-left: none !important;
}

.brn {
	border-right: none !important;
}

.btn {
	border-top: none !important;
}

.font12 {
	font-size: 12px;
}

.font20 {
	font-size: 20px;
}

.font_red {
	color: #e71015
}

.wid100 {
	width: 100%;
}

.wid100p {
	width: 100px;
	display: inline-block
}

#wrapper {
	height: 100%;
	background: #efefef;
	padding-bottom: 30px;
}

.receipt_tit {
	text-align: center;
	padding: 220px 0;
	box-sizing: border-box;
	/*background-image:url('../img/receipt_tit.png'); */
	background-color: #21a3b1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 45px;
	position: relative;
}

.receipt_tit.no-img {
	padding: 110px 0;
}

.receipt_tit .in {
	z-index: 1;
	position: relative;
}

.receipt_tit_bg {
	background: rgba(0, 0, 0, .6);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
}

.in {
	width: 1360px;
	max-width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}

.receipt_top {
	
}

.receipt_top>span {
	margin: 0 4px;
}

.receipt_btm {
	font-size: 45px;
	color: #fff;
	font-family: 'NanumGothic-Regular';
	font-weight: 600;
	margin-top: 23px; 
	line-height: 1.3;
}

.front_zone {
	width: 1360px;
	max-width: calc(100% - 40px);
	margin: 0 auto;
	background: #fff;
	border-radius: 10px;
	padding: 45px 30px;
	box-sizing: border-box;
}

.end_zone {
	width: 1360px;
	max-width: 100%;
	margin: 0 auto;
	border-radius: 10px;
	padding: 0 20px;
	margin-bottom: 30px;
	box-sizing: border-box;
}

.tit_h2 {
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	padding: 20px 0
}

.tit_h3 {
	font-size: 20px;
	font-weight: 600;
	border-bottom: 2px solid #000;
	padding-bottom: 12px;
	font-family: 'NanumGothic-ExtraBold';
}

.tit_sm {
	font-size: 15px;
	font-family: 'NanumGothic-Regular';
	margin-left: 8px;
}

.tit_sm em {
	color: #2394a0;
	font-weight: 600
}

.view_top {
	/*border-top: 2px solid #222222;*/
	/*border-bottom: 2px solid #222222;*/
	
}

.view_top .top {
	padding: 30px 0;
	border-bottom: 2px solid #000;
}

.view_top2 {
	/*border-bottom: 1px solid #000000;*/
	/*padding-bottom: 30px*/
	
}

.bl_yr {
	background: #fcd684;
	border: 1px solid #fcd684;
	border-radius: 3px;
	display: inline-block;
	padding: 0 12px;
	height: 27px;
	line-height: 27px;
}

.bl_white {
	border: 1px solid #fff;
	color: #fff;
	border-radius: 16px;
	display: inline-block;
	padding: 3.5px 12px;
	white-space: nowrap;
	font-size: 18px;
}

.bl_borde {
	background: #018391;
	color: #fff;
	border-radius: 16px;
	display: inline-block;
	padding: 4px 12px;
	white-space: nowrap;
	font-size: 18px;
}

.front_zone .tit {
	font-size: 32px;
	margin-top: 20px;
	font-weight: 600;
	height: 80px;
	font-family: 'NanumGothic-ExtraBold';
	line-height: 1.4;
}

.end_zone .tit {
	font-size: 30px;
	margin-top: 20px;
	font-weight: 600;
}

.tb1 {
	margin: 10px 0;
}

.tb1 th {
	height: 35px;
	line-height: 35px;
	color: #222222;
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	font-weight: 600
}

.tb1 td {
	height: 35px;
	line-height: 35px;
	color: #666666;
	text-align: left;
	font-size: 14px
}

.tb2 {
	width: 100%;
	border-top: 2px solid #000;
}

.tb2 th {
	border-bottom: 1px solid #000;
	font-family: 'NanumGothic-ExtraBold';
	text-align: left;
	padding: 15px 20px;
	font-size: 16px;
}

.tb2 td {
	border-bottom: 1px solid #000;
	text-align: left;
	padding: 15px;
	font-size: 16px;
	line-height: 1.5em
}

.tb3 {
	width: 100%;
}

.tb3 th {
	border-bottom: 1px solid #000;
	font-family: 'NanumGothic-ExtraBold';
	text-align: left;
	padding: 15px 20px;
	font-size: 15px;
	width: 160px;
}

.tb3 td {
	border-bottom: 1px solid #000;
	text-align: left;
	padding: 15px;
	font-size: 14px;
	line-height: 1.5em;
	width: calc(50% - 160px);
}

.content_view {
	padding: 30px 0 60px 0;
	font-size: 15px;
	line-height: 1.6;
}

.tb_file {
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-top: 30px
}

.tb_file {
	width: 100%;
}

.tb_file th {
	background: #f9f9f9;
	padding: 12px;
	text-align: left
}

.tb_file td {
	text-align: left;
	padding: 15px;
}

.bor_bot {
	border-bottom: 1px solid #000;
	padding-bottom: 10px
}

.border_top {
	border-top: 1px solid #000000
}

.bg_view_tit {
	background: #f9f9f9;
	padding: 15px;
	font-size: 16px;
	font-weight: 600;
	color: #424242;
	border-top: 1px solid #e0e0e0;
}

.content_box {
	padding: 25px;
	line-height: 1.5;
}

.content_box img {
	max-width: 100%;
}

.content-info {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.content-info.border-top {
	border-top: 2px solid #000;
}

.content-info-full {
	
}

.content-info dl {
	width: 50%;
	display: flex;
	align-items: center;
	padding: 15px 20px;
	border-bottom: 1px solid #b1b1b1;
	box-sizing: border-box;
	flex-grow: 1;
}

.content-info.content-info-full dl {
	width: 100%;
}

.content-info dl dt {
	width: 140px;
	font-family: 'NanumGothic-ExtraBold';
	font-size: 16px;
	flex-shrink: 0;
	line-height: 1.5em;
	padding-right: 25px;
	word-break: keep-all;
}

.content-info dl dd {
	font-size: 16px;
	line-height: 1.5em;
}

.view_btn {
	
}

.btn01 {
	border: 1px solid #222222;
	height: 52px;
	line-height: 52px;
	border-radius: 5px;
	display: inline-block;
	width: 102px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	cursor: pointer;
	font-family: 'NanumGothic-ExtraBold';
}

.btn02 {
	border: 1px solid #222222;
	height: 52px;
	line-height: 52px;
	border-radius: 5px;
	display: inline-block;
	width: 102px;
	text-align: center;
	color: #fff;
	background: #222222;
	font-size: 20px;
	font-weight: 600;
	cursor: pointer;
	font-family: 'NanumGothic-ExtraBold';
}

.btn03 {
	border: 1px solid #222222;
	height: 52px;
	line-height: 52px;
	border-radius: 5px;
	display: inline-block;
	width: 102px;
	text-align: center;
	color: #fff;
	background: #222222;
	font-size: 20px;
	padding: 6px 15px;
	font-family: 'NanumGothic-ExtraBold';
}

.btn04 {
	border: 1px solid #222222;
	height: 26px;
	line-height: 26px;
	border-radius: 26px;
	display: inline-block;
	width: 71px;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
}

.btn05 {
	border: 1px solid #222222;
	height: 41px;
	line-height: 42px;
	border-radius: 12px;
	display: inline-block;
	width: 92px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	padding: 0 10px;
}

.btn06 {
	border: 1px solid #222222;
	height: 37px;
	line-height: 37px;
	border-radius: 5px;
	display: inline-block;
	width: 64px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	background: #222222;
	color: #fff;
}

.btn07 {
	border: 1px solid #222222;
	height: 41px;
	line-height: 42px;
	border-radius: 12px;
	display: inline-block;
	width: 92px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	background: #000;
	color: #fff;
	padding: 0 10px;
}

.brn_js {
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
}

.brn_js a {
	position: relative;
	text-align: center;
	padding: 40px 20px 85px;
	border-radius: 10px;
	width: 440px;
	margin: 40px 20px;
	cursor: pointer;
	box-sizing: border-box;
	outline: none;
	transition: .2s;
	box-shadow: 0 0 9px 6px rgba(1, 1, 1, 0.05);
}

.apply-choice {
	background: #018391;
	box-shadow: 0 0 0 2px #000;
	color: #fff;
}
.apply-choice * {
	color: #fff !important;
}

.apply-choice .font_green {
	margin-top: 10px;
	display: block;
}

.a_box {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(0, -50%);
	width: 100%;
}

.a_box .a_tit {
	font-size: 25px;
	display: block;
	margin-bottom: 20px;
	font-weight: 600;
	display: inline-block;
	border-bottom: 1px solid #fff;
	line-height: 1.5;
}

.a_box .a_txt {
	font-size: 15px;
	line-height: 1.8em;
	font-weight: 600;
	display: block;
}

.brn_js a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.brn_js .a_box {
	position: static;
	transform: none;
	
}
.a_box_plus {
	font-size: 37px;
    color: #afb6b7;
    position: absolute;
    bottom: 30px;
}
.a_box_hand {
	position: absolute;
    bottom: 34px;
    width:35px;
    height:31px;
    background:url('../img/hand-point-right-light-grey.svg') no-repeat center center/100% auto; 
}
.apply-choice .a_box_hand { 
    background:url('../img/hand-point-right-light-wh.svg') no-repeat center center/100% auto;		
}
.my_data {
	background: #f9f9f9;
	padding: 40px;
	font-size: 14px;
	line-height: 1.5em;
	text-align: center;
	position: relative;
	top: -2px;
}

.pos_a {
	position: relative;
	margin-bottom: 10px;
	display: flex;
}

.data_box_btm>.pos_a {
	width: calc(100% - 200px);
}

.survey_zone .survey ul li .pos_a+input {
	margin-left: 0;
}

.txt-limit {
	width: 100%;
	text-align: right;
	margin-top: 10px;
}

.pos_a .btn_add {
	position: relative;
	z-index: 1;
	height: 50px;
	line-height: 48px;
	box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	width: 120px;
	text-align: center;
	color: #000;
	font-size: 14px;
	display: inline-block;
	background: #fff;
	cursor: pointer;
	flex-shrink: 0;
}

.add_input {
	min-height: 50px;
	box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	padding: 0px 15px;
	font-size: 16px;
	width: 100%;
	display: flex;
	align-items: center;
	background: #f9f9f9;
}

.mydataBox .add_input {
	background: #fff;
}

.file_a {
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	align-items: center;
	padding: 7px 0;
	line-height: 1.4;
}

.file_a>span {
	margin-right: 15px;
	font-size: 14px;
}

.file_a>span>a {
	display: inline-block;
	margin-left: 5px;
	font-size: 17px;
	cursor: pointer;
	color: #e61018;
	position: relative;
	top: 2px;
}

.pos_daa {
	flex-grow: 1;
	margin-left: 10px;
}

.pos_daa input {
	font-size: 14px;
}

.day_box {
	background: #fff;
	height: 50px;
	box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-radius: 7px;
	width: 47%;
	text-align: center;
	padding-top: 12px;
	line-height: initial;
	overflow: hidden
}

.day_box150 {
	width: 50%;
	display: inline-block;
	height: 50px;
	padding-top: 12px;
	vertical-align: middle;
}

.day_box a {
	float: right;
	margin-right: 10px
}

.input_n {
	border: none;
	width: 200px;
	float: left;
	margin-left: 10px;
	height: 26px;
	line-height: 26px;
}

.data_box {
	margin-top: 65px;
}

.data_box_top {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
}

.pos_a .data_box {
	width: 100%;
}

.txt_top {
	font-size: 16px;
	font-weight: 900;
	margin: 0 0 10px 0;
	flex-grow: 1;
	font-family: 'NanumGothic-ExtraBold';
	line-height: 1.5;
}

.txt_top>em {
	margin-left: 5px;
	display: inline-block;
}
.txt_desc {
    margin-bottom: 15px;
    color: #018391;
    font-size: 13px;
    background: #f2f9f9;
    padding: 11px 19px;
    border-radius: 8px;
    line-height: 1.6;
    word-break: break-all;
    font-weight: 600;
} 
.txt_desc.mgt {
	margin-top: 10px;
    margin-bottom: 0;	
}

.wid50 {
	width: 50%;
	display: inline-block
}

.font_red {
	
}

.font_green {
	color: #018391;
}

.scr_box {
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	height: 120px;
	padding: 15px 20px;
	line-height: 1.8em;
	overflow: auto
}

.scr_box::-webkit-scrollbar {
	width: 7px;
}

.scr_box::-webkit-scrollbar-button {
	display: none;
}

.scr_box::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-color: #183153;
}

.scr_box::-webkit-scrollbar-track {
	background-color: transparent;
}

.scr_box::-webkit-scrollbar-track-piece {
	background-color: #ededed;
}

/* input */
.input {
	width: 100%;
	height: 50px;
	box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	padding: 0 10px
}

textarea.input {
	padding: 10px;
}

.select {
	width: 100%;
	height: 50px;
	line-height: 48px;
	box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	padding: 0 10px;
	background: #fff url('../img/icon/sort-down-solid.svg') no-repeat right
		14px top 10px;
	background-size: 13px 20px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

.file {
	width: 100%;
	height: 50px;
	line-height: 48px;
	box-sizing: border-box;
	border: 1px solid #d7d7d7;
	border-radius: 10px;
	padding: 0 10px;
	background-size: 13px 20px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	margin-bottom: 5px;
}

.select::-ms-expand {
	display: none
}

/* 모달팝업 */
.modal_box {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	z-index: 1;
	overflow: auto;
}

.modal_wrap {
	width: 600px;
	padding: 40px 20px;
	position: absolute;
	top: 100px;
	left: 50%;
	margin: 0;
	transform: translate(-50%, 0);
	z-index: 2;
	background: #fff;
	border-radius: 15px;
	max-width: calc(100% - 30px);
	box-sizing: border-box;
}

.modal_wrap2 {
	width: 400px;
	padding: 40px 0 0 0;
	margin: -400px 0 0 -200px;
}

.black_bg {
	display: none;
	position: fixed;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	top: 0;
	left: 0;
	z-index: 1;
}

.modal_close {
	width: 30px;
	height: 30px;
	position: absolute;
	top: -30px;
	right: 0;
	cursor: pointer;
}

.modal_close>a {
	display: block;
	width: 100%;
	height: 100%;
	background: url("../img/icon_close.png") no-repeat right top;
	text-indent: -9999px;
}

.modal_wrap .pop_tit {
	font-size: 20px;
	text-align: center;
}

.modal_wrap .p_tit {
	font-weight: 600;
	margin-bottom: 10px;
}

.modal_wrap .label_data {
	margin-bottom: 20px;
}

.modal_wrap td input {
	vertical-align: baseline
}

.pop_txtzone {
	overflow: hidden;
	border-top: 1px solid #000;
	padding: 20px 20px 0 20px
}

.pop_txtzone>span {
	position: relative;
	top: 2px;
}

.pop_txtzone input[type="radio"] {
	position: relative;
	top: -1px;
}

.pop_gry {
	background: #f9f9f9;
	padding: 20px;
	border-radius: 15px;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.pop_gry li {
	display: flex;
	margin-bottom: 5px;
}

.pop_gry li:last-of-type {
	margin-bottom: 5px;
}

.pop_gry li span {
	flex-shrink: 0;
	margin-right: 5px;
}

.my_en {
	padding: 16px 20px 20px;
	font-size: 14px;
	font-weight: 600;
}

.my_en input[type="radio"] {
	position: relative;
	top: -2px;
}

.pop_top {
	text-align: center;
	line-height: 1.5em;
	font-size: 16px;
	padding-bottom: 30px;
	font-weight: 600
}

.pop_top:last-child {
	padding-bottom: 0;
}

.pop_top h3 {
	margin-bottom: 20px;
}

.applicant-li {
	display: inline-block;
	text-align: left;
	margin-top: 10px;
}

.applicant-li>li {
	display: flex;
	margin-bottom: 3px;
}

.applicant-li>li:last-of-type {
	margin-bottom: 0;
}

.applicant-li>li strong {
	width: 85px;
	display: block;
	font-family: 'NanumGothic-ExtraBold';
}

.applicant-li>li span {
	font-weight: 500;
}

.receipt_detail {
	width: 100%;
	max-width: 100%;
	margin-top: 20px;
}

.receipt_detail td, .receipt_detail th {
	text-align: center;
}

.my_popgry {
	background: #f9f9f9;
	padding: 30px 0;
	border-radius: 0 0 10px 10px
}

.my_name {
	width: 240px;
	margin: 0 auto;
}

.my_name p {
	color: #128b98;
	font-size: 16px;
	margin: 10px 0
}

.my_name strong {
	display: inline-block;
	width: 100px;
	color: #000
}

.aacodian_data {
	border-top: 1px solid #d7d7d7;
	margin-top: 17px
}

.aacodian_data dt, .aacodian_data dd {
	padding: 10px;
}

.aacodian_data dt {
	padding:16px 50px 16px 20px;
	border-bottom: 1px solid #d7d7d7;
	position: relative;
	font-size: 14px;
	cursor: pointer;
}

.aacodian_data dt span {
	display: inline-block;
    width: 30px;
    height: 30px;
    background: url(../img/icon/arrow-btm.svg) no-repeat center center;
    vertical-align: middle;
    position: absolute;
    top: 11px;
    right: 13px;
    background-size: 13px 18px;
    opacity: .6;
}

.aacodian_data dt.on span {
	position: absolute;
	top: 11px;
	transform: rotate(180deg);
}

.aacodian_data dd {
	background-color: #f9f9f9;
	display: none;
	padding: 15px 20px;
	line-height: 1.5em
}

/* 설문 */
.survey_zone {
	/*border-top: 2px solid #000;*/
	margin-top: 10px;
	padding-bottom: 70px;
}

.survey_zone .survey {
	border-bottom: 1px solid #d7d7d7;
	padding-bottom: 30px;
	padding-top: 45px;
}

.survey_zone .survey:first-of-type {
	padding-top: 7px;
}

.survey_zone .survey:last-child {
	/*border-bottom: none;*/
	
}

.survey_zone .survey dl {
	margin-bottom: 19px;
}

.survey_zone .survey dt {
	font-size: 18px;
	font-weight: 600;
}

.tultip {
	margin-left: 4px;
	display: inline-block;
}

.tultip {
	position: relative;
}

.tultip .toast {
	position: absolute;
	right: 0;
	bottom: -2px;
	transform: translate(0, 100%);
}

.xi-error {
	position: relative;
	top: 1px;
	font-size: 20px;
}

.survey_zone .survey dt>em {
	margin-right: 5px;
	display: inline-block;
}

.survey_zone .survey dd {
	display: block;
	color: #666666;
	font-size: 15px;
	padding-left: 16px;
	margin: 7px 0 0 0;
	line-height: 1.4;
}

.survey_zone .survey ul {
	border-radius: 10px;
	background: #f9f9f9;
	padding: 30px 25px;
	margin-bottom: 15px;
}

.survey_zone .survey ul li {
	margin-bottom: 25px;
	color: #000;
	font-size: 16px;
	font-weight: 600;
	line-height: 1em
}

.survey_zone .survey ul li:last-of-type {
	margin-bottom: 0;
}

.survey_zone .survey ul li input {
	
}

.survey_zone .survey ul li .pos_daa input {
	margin-left: 0;
}

.survey_zone .survey p {
	font-size: 15px;
	/*color: #898989;*/
}

.survey_zone .survey p a {
	color: #898989;
}

.chart {
	margin-bottom: 30px;
}

.chart:first-of-type {
	margin-top: 35px;
}

.chart .bar {
	/*overflow: hidden;*/
	position: relative;
	margin-top: 10px;
}

.chart .bar .left {
	margin-right: 250px;
	display: block;
	height: 15px;
	background: #d7d7d7;
	border-radius: 5px
}

.chart .bar .gre_data {
	height: 15px;
	display: block;
	background: #2394a0;
	border-radius: 5px
}

.chart .bar .right {
	position: absolute;
	bottom: -3px;
	right: 0;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.1;
}

.chart .bar .right em {
	font-weight: 600;
	font-size: 15px;
	color: #898989;
}

.agree {
	background-color: #24959D;
	display: inline-block;
	width: 0;
	height: 15px;
	border-radius: 5px;
}

@media ( max-width : 1360px) {
}

/*211118*/
.view_con_img img {
	max-width: 100%;
}

input[type="radio"], input[type="checkbox"] {
	margin-right: 5px;
}

.survey_zone .survey dl+.data_box_top_mark .check-cst {
	margin-bottom: 8px;
}

.check-cst {
	display: inline-flex;
	align-items: center;
	cursor: pointer;
	margin-left: auto;
	font-size: 14px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}

.check-cst>i {
	font-size: 20px;
	color: #222222;
	position: relative;
	top: 1px;
	margin-right: 2px;
}

.check-cst>input {
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	-webkit-appearance: none;
}

.data_box_sm {
	
}

.data_from {
	margin-top: 25px;
}

.mydataBox {
	/*background: #f9f9f9; */
	padding: 20px 0;
	margin-bottom: 25px;
}

.mydataBox .data_box {
	margin-top: 0;
}

.tit_2 {
	border: none;
	padding: 0;
	margin: 0;
}

.tit_h3>small {
	font-weight: 600;
	float: right;
	position: relative;
	top: 8px;
	font-size: 14px;
}

.table-wide th {
	font-weight: 800;
	padding: 24px 27px;
	width: 160px;
}

.prefer-noti {
	border-radius: 15px;
	background: rgba(255, 227, 226, 1);
	color: rgba(230, 16, 24, 1);
	font-weight: 900;
	padding: 10px 13px;
	display: inline-block;
	top: 6px;
	right: -13px;
	position: absolute;
	transform: translate(100%, 0);
	font-size: 12px;
}

.font_content {
	padding: 50px 0;
}

.view_con_img {
	text-align: center;
	padding-top: 50px;
}

.font_content {
	padding: 50px 0;
}

.view_con_img {
	text-align: center;
}

.input-etc {
	width: 500px;
	max-width: calc(100% - 90px);
	padding: 8px;
	border-radius: 16px;
	position: relative;
	top: 3px;
	height: 34px;
}

.survey_data>li>label {
	display: flex;
	align-items: flex-start;
}

.comment-write-wrap {
	
}

.comment-write-top {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}

.comment-write-top h3 {
	font-size: 24px;
}

.comment-write {
	
}

.comment-write textarea {
	width: 100%;
	border: 1px solid #a5a5a5;
	/*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
	height: 100px;
	display: block;
	box-sizing: border-box;
	padding: 20px;
	font-size: 16px;
	font-family: inherit;
}

.comment-apply-box {
	border-bottom: 1px solid #a5a5a5;
	border-left: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
	padding: 5px;
	text-align: right;
	background: #f7f7f7;
	/*border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px; */
}

.comment-apply-box a {
	
}

.comment-view-wrap {
	
}

.comment-view-top {
	display: flex;
	align-items: flex-end;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
	margin-top: 40px;
}

.comment-view-top h3 {
	font-size: 24px;
}

.comment-view-top>small {
	font-size: 17px;
	margin-left: 15px;
}

.comment-order {
	margin-left: auto;
}

.comment-order button {
	font-size: 15px;
	background: none;
	border: none;
	position: relative;
	cursor: pointer;
	margin-right: 1px;
	font-family: inherit;
}

.comment-order button:last-of-type {
	margin-right: 0;
}

.comment-order button.on {
	font-weight: 900;
}

.comment-order button::after {
	/*content: '';
    display: block;
    position: absolute;
    top: 4px;  
    right: -5px;
    background: black;
    width: 1px;
    height: 13px;*/
	
}

.comment-order button i {
	opacity: 0;
	font-weight: 900;
	margin-left: 1px;
}

.comment-order button.on i {
	opacity: 1;
}

.comment-order button:last-of-type::after {
	display: none;
}

.comment-view {
	border-bottom: 1px solid #ccc;
}

.opinionBox {
	padding: 23px 0;
	border-bottom: 1px dashed #ccc;
}

.opinionBox:last-of-type {
	border-bottom: none;
}

.comment-top {
	display: flex;
	margin-bottom: 10px;
	align-items: flex-end;
}

.comment-top>strong {
	font-size: 17px;
}

.comment-top>small {
	font-size: 14px;
	color: #7c7c7c;
	margin-left: 13px;
}

.comment-top>a {
	margin-left: auto;
	font-size: 14px;
}

.comment-top>a i {
	font-size: 17px;
	vertical-align: bottom;
	color: #f54e75;
}

.opinionCon {
	background: #fff;
	border-radius: 9px;
	padding: 13px 10px;
}

.opinionCon>p {
	
}

.comment-empty {
	padding: 45px 0;
	text-align: center;
	color: #838383;
}

.survey-file {
	font-size: 14px;
	color: #898989;
	margin-top: 20px;
}

.survey-file>* {
	color: inherit;
}

.survey-sm-wrap {
	width: 40%;
}

.survey-address-wrap {
	width: calc(100% - 200px);
}

.data_box_btm {
	width: 100%;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}

.survey-tel-wrap {
	display: flex;
	align-items: center;
	width: 40%;
}

.survey-tel-wrap span {
	padding: 0 10px;
}

.survey-check-wrap label {
	cursor: pointer;
	display: inline-flex;
	line-height: 1.4;
}

.survey-check-wrap label input[type="checkbox"], .survey-check-wrap label input[type="radio"]
	{
	position: relative;
	top: 4px;
	flex-shrink: 0;
}

.survey-check-wrap img {
	display: block;
	margin-top: 10px;
	margin-left: 20px;
	max-width: 300px;
	max-height: 300px;
}

.comment-page-wrap {
	padding: 30px 0 50px;
	text-align: center;
}

.comment-page {
	display: flex;
	justify-content: center;
}

.comment-page a {
	border: 1px solid #000;
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	margin-right: 6px;
}

.comment-page a.left {
	
}

.comment-page a.left-last {
	
}

.comment-page a.num {
	
}

.comment-page a.num.on {
	background: #000;
	color: #fff;
}

.comment-page a.right {
	
}

.comment-page a.right-last {
	
}

.comment-page a.left-last img {
	width: 34%;
}

.comment-page a.left img {
	width: 21%;
}

.comment-page a.right img {
	width: 21%;
}

.comment-page a.right-last img {
	width: 34%;
}

.survey-time-wrap {
	display: flex;
	width: 40%;
}

.survey-time-wrap .select {
	margin-right: 10px;
}

.survey-time-wrap .select:last-of-type {
	margin-right: 0;
}

.opinion-tb {
	margin-top: 30px;
}

.opinion-tb tr th {
	text-align: center;
}

.opinion-tb tr td {
	text-align: center;
}

.opinion-tb tr th:first-of-type, .opinion-tb tr td:first-of-type {
	width: 45px;
}

.choice-box {
	display: flex;
	margin-top: 13px;
	flex-wrap: wrap;
}

.choice-box li {
	margin-right: 35px;
	margin-bottom: 10px;
}

.choice-box li img {
	max-width: 300px;
	max-height: 300px;
	display: block;
	margin-top: 10px;
}

.choice-box li label {
	font-weight: 800;
	font-size: 15px;
}

.choice-box li label input {
	margin-right: 8px;
	margin-top: -3px;
}

.front_content .tit_h3 {
	margin-top: 50px;
}

.front_content>.tit_h3:first-child {
	margin-top: 0px;
}

.tit-icon {
	width: 21px;
	margin-right: 7px;
	position: relative;
	top: -2px;
}

.pop_btn {
	margin-top: 40px;
}

.pop_btn_2 {
	margin-top: 25px;
}

.icon-info-wrap {
	margin-bottom: 10px;
	font-size: 40px;
	color: #cdcdcd;
}

.apply-tel-wrap {
	display: flex;
	align-items: center;
}

.apply-tel-wrap input[type="text"] {
	margin: 0 5px;
}

.apply-tel-wrap input[type="text"]:first-of-type {
	margin-left: 0;
}

.apply-tel-wrap input[type="text"]:last-of-type {
	margin-right: 0;
}

.apply-textarea {
	height: 160px;
}

.error-icon {
	font-size: 20px;
	position: relative;
	top: 1px;
	margin-left: 4px;
	cursor: pointer;
}

.data_box_top_mark {
	margin-left: auto;
	display: flex;
}

.data_box_btm .data_box_top_mark {
	margin-left: 25px;
	margin-top: 13px;
}

.btn-wrap {
	margin-top: 70px;
}

label {
	cursor: pointer;
}

.my_data .icon-info-wrap+p {
	margin-bottom: 10px;
}

.pc-only {
	display: block;
}

.mo-only {
	display: none;
}

.phone-only {
	display: none;
}

.survey-tit {
	flex-shrink: 0;
}

.required-txt {
	font-family: 'NanumGothic-Bold';
}

.input-date {
	background: #fff url('../img/icon/calendar-days-light.svg') no-repeat
		right 14px top 15px;
	background-size: 15px 17px;
}

.tultipIcon {
	cursor: pointer;
}

.toast {
	font-size: 12px;
	color: #fff;
	background: rgba(0, 0, 0, .7);
	padding: 6px 10px;
	min-width: 100px;
	max-width: 150px;
	border-radius: 12px;
	line-height: 1.4;
	display: none;
	z-index: 2;
}

@media ( max-width :1200px) {
	.front_zone .tit {
		font-size: 22px;
		margin-top: 8px;
	}
	.view_top .top {
		padding: 20px 0;
	}
	.pc-only {
		display: none;
	}
	.mo-only {
		display: block;
	}
	.content-info dl dt {
		width: 105px;
		font-size: 15px;
	}
	.content-info dl dd {
		font-size: 15px;
	}
	.receipt_btm {
		font-size: 35px;
		margin-top: 19px;
	}
	.receipt_tit {
		padding: 140px 0;
	}
	.receipt_tit.no-img {
		padding: 85px 0;
	}
	.a_box .a_tit {
		font-size: 22px;
		margin-bottom: 12px;
	}
	.front_zone {
		padding: 38px 20px;
	}
	.brn_js a {
		margin: 30px 10px;
		padding:32px 17px 82px;
	}
	.a_box_plus {
	    font-size: 32px;
	    bottom: 20px;
	}
	.survey-sm-wrap {
		width: calc(100% - 160px);
	}
	.survey-tel-wrap {
		width: calc(100% - 160px);
	}
	.survey-address-wrap {
		width: calc(100% - 160px);
	}
	.prefer-noti {
		position: static;
		transform: none;
		margin-top: 10px;
	}
	.data_box_btm>.pos_a {
		width: calc(100% - 160px);
	}
	.a_box .a_txt {
		line-height: 1.6em;
	}
	.data_box_btm .data_box_top_mark {
		margin-left: 15px;
	}
	.receipt_detail td, .receipt_detail th {
		padding: 10px;
	}
	.a_box_hand {
	    width:30px;
	    height:27px;  
	}
}

@media ( max-width :768px) {
	.phone-only {
		display: block;
	}
	.phone-over {
		display: none;
	}
	.front_zone {
		padding: 25px 15px 15px;
		max-width: calc(100% - 30px);
	}
	.tit_h2 {
		font-size: 20px;
		padding: 0 0 10px 0;
	}
	.view_top .top {
		padding: 28px 0 15px;
	}
	.bl_yr {
		font-size: 11px;
		height: auto;
		line-height: 1;
		padding: 5px 9px;
	}
	.bl_white {
		font-size: 11px;
		padding: 3px 9px;
	}
	.bl_borde {
		font-size: 11px;
		height: auto;
		line-height: 1;
		padding: 5px 9px;
	}
	.receipt_top>span {
		margin: 0 1px;
	}
	.receipt_btm {
		font-size: 24px;
		margin-top: 13px;
	}
	.receipt_tit {
		padding: 78px 0;
		margin-bottom: 20px;
	}
	.receipt_tit.no-img {
		padding: 50px 0;
	}
	.front_zone .tit {
		font-size: 18px;
		margin-top: 5px;
		height: auto;
	}
	.tb2 th {
		padding: 8px 5px;
		font-size: 13px;
		white-space: nowrap;
	}
	.tb2 td {
		padding: 8px 5px;
		font-size: 13px;
	}
	.tb3 th {
		padding: 8px 5px;
		font-size: 13px;
		white-space: nowrap;
		width: 20%;
	}
	.tb3 td {
		padding: 8px 5px;
		font-size: 13px;
		width: 30%;
	}
	.content_view {
		padding: 14px 0 30px 0;
		font-size: 13px;
	}
	.survey_zone .survey dt {
		font-size: 15px;
		line-height: 1.4;
		width: 100%;
		flex-direction: column;
	}
	.survey_zone .survey dl {
		margin-bottom: 10px;
	}
	.survey_zone .survey dd {
		font-size: 13px;
		margin: 3px 0 0 0;
		padding-left: 0;
	}
	.survey_zone .survey ul {
		padding: 18px 14px;
		margin-bottom: 8px;
		margin-top: 0;
	}
	.survey_zone .survey ul li {
		margin-right: 0;
		margin-bottom: 23px;
		font-size: 13px;
	}
	.survey_zone .survey ul li input[type="radio"], .survey_zone .survey ul li input[type="checkbox"]
		{
		vertical-align: middle;
		margin-left: 0px;
		padding: 0;
		top: 2px;
	}
	.survey_zone .survey p {
		font-size: 12px;
	}
	.survey_zone .survey ul li input.input-etc {
		width: calc(100% - 18px);
		max-width: none;
		margin-top: 0px;
		margin-left: 18px;
	}
	.survey_zone .survey {
		border-bottom: 1px solid #d7d7d7;
		padding-bottom: 25px;
		padding-top: 25px;
	}
	.input {
		height: 31px;
		border-radius: 10px;
		padding: 0 10px;
		font-size: 12px;
	}
	.survey-sm-wrap {
		width: 100%;
	}
	.survey-tel-wrap {
		width: 100%;
	}
	.survey-tel-wrap span {
		padding: 0 6px;
	}
	.pos_a .btn_add {
		height: 31px;
		line-height: 30px;
		width: auto;
		flex-shrink: 0;
		padding: 0 7px;
		font-size: 12px;
	}
	.add_input {
		min-height: 31px;
		font-size: 12px;
	}
	.pos_daa {
		margin-left: 0;
		width: 100%;
		margin-top: 5px;
	}
	.pos_daa input {
		padding: 0 10px;
		font-size: 12px;
	}
	.pos_a {
		flex-direction: column;
		align-items: flex-start;
		margin-bottom: 5px;
	}
	.survey-file {
		font-size: 12px;
		margin-top: 10px;
	}
	.btn01 {
		width: auto;
		padding: 3px 11px;
		line-height: 28px;
		height: 28px;
		font-size: 16px;
	}
	.btn02 {
		width: auto;
		padding: 3px 11px;
		line-height: 28px;
		height: 28px;
		font-size: 16px;
	}
	.comment-write-top {
		margin-bottom: 10px;
		padding-bottom: 0px;
		border: none;
	}
	.comment-write-top h3 {
		font-size: 17px;
	}
	.comment-view-top>small {
		font-size: 13px;
		margin-left: auto;
	}
	.comment-view-top h3 {
		font-size: 17px;
	}
	.btn06 {
		width: auto;
		padding: 5px 13px;
		line-height: 22px;
		height: 22px;
		font-size: 13px;
	}
	.comment-empty {
		padding: 32px 0;
		font-size: 13px;
	}
	.comment-view-top {
		margin-top: 45px;
		flex-wrap: wrap;
		border-bottom: 1px solid #ccc;
		padding-bottom: 4px;
	}
	.comment-order {
		margin-left: 0;
		width: 100%;
		margin-top: 20px;
	}
	.comment-order button {
		font-size: 13px;
		margin-right: 0px;
	}
	.comment-page a {
		border: 1px solid #000;
		width: 30px;
		height: 30px;
		font-size: 12px;
		margin-right: 3px;
	}
	.comment-page-wrap {
		padding: 14px 0 19px;
	}
	.comment-write textarea {
		height: 85px;
		padding: 10px;
		font-size: 13px;
	}
	.end_zone {
		padding: 0 15px;
	}
	.comment-top>strong {
		font-size: 14px;
	}
	.comment-top>small {
		font-size: 12px;
		margin-left: 8px;
	}
	.comment-top>a {
		font-size: 12px;
	}
	.comment-top>a i {
		font-size: 14px;
	}
	.opinionBox {
		padding: 18px 0;
	}
	.opinionCon {
		border-radius: 7px;
		padding: 9px 7px;
		font-size: 13px;
	}
	.comment-top {
		margin-bottom: 6px;
	}
	.survey_zone {
		padding-bottom: 25px;
	}
	.chart .bar .right {
		position: static;
		text-align: right;
		font-size: 13px;
		margin-top: 3px;
	}
	.chart .bar .left {
		margin-right: 0;
	}
	.btn04 {
		font-size: 11px;
		width: auto;
		height: 22px;
		padding: 0 10px;
		line-height: 23px;
	}
	.btn05 {
		border: 1px solid #222222;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		width: auto;
		border-radius: 8px;
		font-size: 12px;
	}
	.btn07 {
		border: 1px solid #222222;
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		width: auto;
		border-radius: 8px;
		font-size: 12px;
	}
	.required-txt {
		font-size: 12px;
	}
	.survey-time-wrap {
		width: 100%;
	}
	.select {
		height: 31px;
		line-height: 29px;
		background: #fff url('../img/icon/sort-down-solid.svg') no-repeat right
			11px top 2px;
		background-size: 10px 20px;
		font-size: 12px !important;
		padding: 0 26px 0 10px !important;
	}
	.survey-time-wrap .select {
		margin-right: 5px;
	}
	.comment-apply-box {
		border: none;
		padding: 0;
	}
	.comment-apply-box .btn06 {
		width: 100%;
		border-radius: 0;
		height: 35px;
		box-sizing: border-box;
	}
	.modal_box h3 {
		font-size: 15px;
	}
	.opinion-tb {
		margin-top: 19px;
	}
	.modal_wrap {
		padding: 27px 15px 15px;
	}
	.view_top2 {
		margin-bottom: 15px;
	}
	.tit_h3 {
		font-size: 15px;
		line-height: 1.4;
		padding-bottom: 5px;
	}
	.brn_js a {
		border-radius: 10px;
		width: 100%;
		margin: 0;
		padding: 20px 10px 55px;
		margin-bottom: 10px;
	}
	.brn_js a:last-of-type {
		margin-bottom: 0;
	}
	.brn_js {
		flex-direction: column;
		padding: 20px 0;
	}
	.a_box .a_tit {
		font-size: 16px;
		margin-bottom: 12px;
	}
	.a_box .a_txt {
		font-size: 12px;
	}
	.data_from .data_box_sm {
		
	}
	.data_from .day_box150 {
		width: 100%;
	}
	.btn03 {
		width: auto;
		padding: 3px 11px;
		line-height: 28px;
		height: 28px;
		font-size: 16px;
	}
	.day_box150 {
		height: auto;
		padding: 0;
	}
	.input_n {
		width: 100%;
		float: none;
		margin-left: 5px;
		height: 31px;
		line-height: 31px;
		font-size: 12px;
		padding: 0 5px;
	}
	.front_content .tit_h3 {
		margin: 45px 0 0;
	}
	.txt_top {
		font-size: 15px;
		margin-bottom: 6px;
		line-height: 1.4;
	}
	.wid50 {
		width: 100%;
	}
	.prefer-noti {
		position: static;
		transform: none;
		width: auto;
		font-size: 12px;
		padding: 5px 13px;
		margin-top: 6px;
	}
	.data_from .txt_center {
		margin-top: 40px;
	}
	.my_en {
		padding: 16px 0 9px;
		font-size: 13px;
	}
	.pop_gry {
		padding: 16px;
		border-radius: 15px;
		margin-bottom: 20px;
		font-size: 13px;
	}
	.pop_txtzone {
		padding: 10px 5px 0 5px;
	}
	.data_box {
		margin-top: 35px;
		margin-bottom: 8px;
	}
	.tit_h3>small {
		top: 4px;
		font-size: 12px;
	}
	.apply-textarea {
		height: 100px;
	}
	.icon-info-wrap {
		margin-bottom: 5px;
	}
	.pop_top {
		font-size: 13px;
		padding-bottom: 25px;
	}
	.aacodian_data {
		margin-top: 5px;
	}
	.aacodian_data dt {
		padding: 10px 35px 10px 12px;
		font-size: 13px;
	}
	.aacodian_data dt span {
		top: 9px;
	    right: 8px;
	    width: 25px;
	    height: 22px;
	    background-size: 11px 8px;
	}
	.aacodian_data dt.on span {
	    top: 8px;	 
	}
	.aacodian_data dd {
		padding: 10px 14px;
		font-size: 12px;
		word-break: break-all;
	}
	.check-cst {
		font-size: 12px;
		margin-left: 0;
	}
	.data_box_top_mark {
		width: 100%;
	}
	.error-icon {
		margin-left: auto;
	}
	.btn-wrap {
		margin-top: 25px;
	}
	.icon-info-wrap img {
		width: 32px;
	}
	my_data p {
		font-size: 13px;
	}
	.my_data .icon-info-wrap+p {
		font-size: 16px;
	}
	.choice-box li label {
		font-size: 14px;
		word-break: break-all;
	}
	.choice-box li label input {
		margin-right: 6px;
		margin-top: -2px;
	}
	.choice-box li {
		margin-right: 26px;
	}
	dt .data_box_top_mark {
		margin-top: 10px;
	}
	.view_con_img {
		padding-top: 20px;
	}
	.scr_box {
		height: 100px;
		padding: 10px 12px;
		line-height: 1.4em;
		font-size: 12px;
	}
	.survey_zone .survey dt>em {
		margin-right: -3px;
	}
	.chart .bar .right em {
		font-size: 12px;
	}
	.content_box {
		padding: 13px;
		line-height: 1.5;
		font-size: 13px !important;
	}
	.content_box * {
		font-size: 13px !important;
	}
	.content-info dl {
		width: 100%;
		padding: 7px 9px;
		min-height: 34.5px;
	}
	.content-info dl dt {
		width: 80px;
		font-size: 13px;
	}
	.content-info dl dd {
		font-size: 13px;
	}
	.font_content {
		padding: 25px 0;
	}
	.input-date {
		background: #fff url('../img/icon/calendar-day-light.svg') no-repeat
			right 9px top 7px;
		background-size: 12px 14px;
	}
	.table-wide th {
		width: auto;
		top: 1px;
	}
	.survey_zone .survey dt .xi-error {
		margin-left: 1px;
		top: 3px;
	}
	.survey_zone .survey dl+.data_box_top_mark {
		width: auto;
	}
	.survey_zone .survey dl+.data_box_top_mark .check-cst {
		margin-left: auto;
		margin-bottom: 5px;
	}
	.toast {
		font-size: 11px;
		padding: 4px 7px;
		border-radius: 8px;
		min-width: 50px;
	}
	.tultip .toast {
		right: auto;
		max-width: 100px;
		word-break: break-all;
	}
	.txt-limit {
		margin-top: 8px;
		font-size: 13px;
	}
	.mydataBox {
		padding: 0;
		margin-bottom: 45px;
	}
	.data_box_btm .data_box_top_mark {
		margin-left: 0;
		margin-top: 7px;
	}
	.survey-address-wrap {
		width: 100%;
	}
	.data_box_btm>.pos_a {
		width: 100%;
	}
	.receipt_detail td, .receipt_detail th {
		width: auto;
	}
	.receipt_detail .btn06 {
		padding: 2px 6px;
		line-height: 18px;
		margin: 5px;
		white-space: nowrap;
	}
	.txt_desc {
	    margin-bottom: 10px;
	    font-size: 11px;
	    padding: 7px 11px;
	    border-radius: 7px;
	}
	.txt_desc.mgt {
		margin-top: 5px;
	    margin-bottom: 0;	
	}
	.receipt_detail {
		width: 100%;
	}		
	.a_box_plus {
	    font-size: 26px;
	    bottom: 13px;
	}
	.my_data {
		padding:35px 15px;
	}
	.my_data > p {
		font-size:13px;
	}
	.a_box_hand {
	    bottom: 16px;
	    width:25px;
	    height:22px;  
	}

	
}

@media(max-width:350px){
	.my_data .icon-info-wrap+p {
		font-size: 15px;
	}
	
}