@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/* 공통 */
.left {
	text-align: left !important;
}

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

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

.btns-area {
	margin: 0;
	padding-top: 20px;
	text-align: center;
}

.btns-area:after {
	content: "";
	clear: both;
	display: block;
}

.btns-right {
	float: right;
}


.btns {
	display: inline-block;
	vertical-align: middle;
	height: 27px;
	line-height: 27px;
	padding: 0 2.5%;
	margin-bottom: 12px;
	color: #fff;
	font-size: 14px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	margin: 0 2px;
	border: 0;
	cursor: pointer;
	box-sizing: border-box;
}

.btns02 {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2px;
}

.btns02 span {
	display: block;
	padding: 0 28px;
	height: 35px;
	line-height: 35px;
	color: #fff;
	cursor: pointer;
	font-size: 1.077em
}

.btns-color01 span {
	border: 1px solid #e63c3c;
	background-color: #e63c3c
}

.btns-color02 span {
	border: 1px solid #a0a5b2;
	background-color: #a0a5b2;
}


.top-line {
	border-top:1px solid #e5e5e5;
}


.yesin-information-wrapper {
	padding-bottom: 60px;
	margin-bottom: 60px;
	border-bottom: 1px solid #e5e5e5
}

.yesin-information-area {
	float: left;
	width: 49%;
}

.yesin-information-area:nth-child(2) {
	float: right;
}

.yesin-information-area .yesin-information-box {
	position: relative;
	display: block;
	margin-bottom: 25px;
}

.yesin-information-area .yesin-information-box img {
	display: block;
	width: 100%;
}

.yesin-information-area .yesin-information-box .caption-area {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.yesin-information-area .yesin-information-box .caption-area:hover {
	height: 70px;
	line-height: 70px;
}

.yesin-information-area .yesin-information-box .caption-area p {
	position: relative;
	color: #fff;
	z-index: 10;
	height: 100%;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.yesin-information-area .yesin-information-box .caption-area .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.7
}

.yesin-information-area .word-info {
	color: #777777;
	line-height: 1.467em;
}

.yesin-information-wrapper02 {
	position: relative;
	padding-left: 330px;
	min-height: 90px;
}

.yesin-information-wrapper02 dt {
	position: absolute;
	top: 0;
	left: 0;
	padding-left: 40px;
	width: 280px;
	color: #db8349;
	font-size: 1.600em;
	line-height: 1.250em;
	word-break: keep-all;
	background: transparent url(../img/icon/icon_quot.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_quot@2x.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_quot@2x.png) no-repeat 0 0;
	background-size: 20px 17px;
}

.yesin-information-wrapper02 dd {
	color: #777777;
	line-height: 1.467em;
	word-break: keep-all;
}

/* CEO 인사말 */
.ceo-introduce-wrapper {
	position: relative;
	margin-top: 88px;
	padding-left: 355px;
	min-height: 476px;
}


.ceo-introduce-wrapper img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	max-width: 306px;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.ceo-introduce-wrapper p  {
	color: #777777;
	line-height: 1.375em;
	margin-bottom: 20px;
	word-break: keep-all;
	text-align: justify;
}

.ceo-introduce-wrapper .word-ceo-information {
	margin-top: 85px;
	color: #333333;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.ceo-introduce-wrapper .word-ceo-information span {
	float: left;
	margin-right: 22px;
}


.ceo-introduce-wrapper .word-ceo-information strong {
	float: left;
	font-size: 1.250em;
	letter-spacing: 6px;

}

/* 예신이 걸어온 길 */
.tabmenu-type01 {
	display: block;
	max-width: 798px;
	margin: 0 auto 65px auto;
}

.tabmenu-type01 li {
	float: left;
	margin-right: -1px;
}
.tabmenu-type01.depth2 li {
	width: 50%;
}
.tabmenu-type01.depth3 li {
	width: 33.333%;
}
.tabmenu-type01.depth4 li {
	width: 25%;
}
.tabmenu-type01.depth5 li {
	width: 20%;
}


.tabmenu-type01 li a {
	display: block;
	height: 50px;
	line-height: 50px;
	border: 1px solid #e1e1e3;
	text-align: center;
	color: #333333;
	font-size: 1.067em;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tabmenu-type01 li a:hover,
.tabmenu-type01 li a.on,
.tabmenu-type01 li a.selected {
	background: #bc8e5d;
	border: 1px solid #bc8e5d;
	color: #fff;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.history-wrapper {
	position: relative;
	padding-left: 570px;
	min-height:800px;
}

.history-wrapper img {
	position: absolute;
	top: 0;
	left: 86px;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.ul-list01 {
	margin: 0;
	padding: 0;
	color: #777777;
}

.ul-list01 li {
	padding-left: 13px;
	line-height: 1.733em;
	background: transparent url(../img/bul/bul_type01.gif) no-repeat left 12px;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/bul/bul_type01@2x.gif) no-repeat left 12px;
	background: linear-gradient(transparent,transparent),url(../img/bul/bul_type01@2x.gif) no-repeat left 12px;
	background-size: 4px 1px;
	word-break: keep-all;
}

.history-area01 {
	margin: 0;
	padding: 0;
	border: 0px solid red;
}

.history-area01 dl {
	position: relative;
	padding-left: 42px;
	line-height: 1.733em;
	margin-bottom: 15px;
	word-break: keep-all;
}

.history-area01 dl dt {
	position: absolute;
	top: 0;
	left: 0;
	color: #bc8e5d
}

.history-area01 dl dd {
	color: #777777
}




.history-wrapper02 {
	position: relative;
	padding-left: 485px;
}

.history-wrapper02 img {
	position: absolute;
	top: 0;
	left: 75px;
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.history-wrapper02 .history-area02 {
	position: relative;
	padding-left: 70px;
	margin-bottom: 25px;
}

.history-wrapper02 .history-area02 h2 {
	position: absolute;
	top: 0;
	left: 0;
	color: #bc8e5d;
	font-size: 1.600em;
	line-height: 1em
}

.history-wrapper02 .history-area02 dl {
	position: relative;
	padding-left: 42px;
	line-height: 1.733em;
	word-break: keep-all;
}

.history-wrapper02 .history-area02 dl dt {
	position: absolute;
	top: 0;
	left: 0;
	color: #555555;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.history-wrapper02 .history-area02 dl dd {
	color: #777777
}

.images-box {
	position: relative;
	display: block;
}

.images-box img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.images-box .pc {
	display: block;
}

.images-box .mobile {
	display: none;
}



.competitiveness-wrapper {
	position: relative;
	padding-left: 370px;
	min-height: 909px;
	padding-bottom: 90px;
}

.competitiveness-wrapper .image-slogon {
	position: absolute;
	top: 0;
	left: 0;
	width: 320px;
}

.competitiveness-wrapper .image-slogon .pc {
	display: block;
}

.competitiveness-wrapper .image-slogon .mobile {
	display: none;
}

.competitiveness-wrapper .competitiveness-area {
	margin: 0;
	padding: 0;
}

.competitiveness-wrapper .competitiveness-box {
	padding-bottom: 50px;
}

.competitiveness-wrapper .competitiveness-box:after {
	content: "";
	clear: both;
	display: block;
}

.competitiveness-wrapper .competitiveness-box dl {
	float: left;
	border-top: 1px solid #e9e9e9;
	width: 48%;
	max-width: 320px;
	padding-top: 45px;
	margin-right: 2%;
}

.competitiveness-wrapper .competitiveness-box dl:nth-child(even) {
	float: right;
	margin-right: 0;
	margin-left: 2%;
}

.competitiveness-wrapper .competitiveness-box dl dt {
	display: block;
	font-size: 1.333em;
	line-height: 1.500em;
	color: #bc8e5d;
	margin-bottom: 20px;
}

.competitiveness-wrapper .competitiveness-box dl dd {
	color: #777777;
	line-height: 1.467em
}

.official-information-wrapper {
	margin: 0;
	padding: 0;
}

.official-information-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.official-information-wrapper .official-information-area {
	position: relative;
	float: left;
	width: 32%;
	margin-left: 2%;
	background: #fff;
	padding-top: 200px;
}

.official-information-wrapper .official-information-area:first-child {
	margin-left: 0;
}

.official-information-wrapper .official-information-area .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 250px;
	line-height: 250px;
	overflow: hidden;
}

.official-information-wrapper .official-information-area .image img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	display: block;
	min-width: 100%;
	min-height: 100%;
	height: 250px;
	margin: auto;
}

.official-information-wrapper .official-information-area dl {
	position: relative;
	padding: 0 45px;
	height: 430px;
	z-index: 10;
}

.official-information-wrapper .official-information-area dl dt {
	display: block;
	height: 150px;
	text-align: center;
	font-size: 	1.333em;
	line-height: 1.300em;
	color: #fff;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.official-information-wrapper .official-information-area dl dt span {
	display: block;
}

.official-information-wrapper .official-information-area dl dt.bg01 {
	background: #cab6a0;
	padding-top: 55px;
}

.official-information-wrapper .official-information-area dl dt.bg01 span {
	color: #554330
}

.official-information-wrapper .official-information-area dl dt.bg02 {
	background: #87b9be;
	padding-top: 40px;
}

.official-information-wrapper .official-information-area dl dt.bg02 span {
	color: #374a4c
}


.official-information-wrapper .official-information-area dl dt.bg03 {
	background: #bababa;
	padding-top: 55px;
}

.official-information-wrapper .official-information-area dl dt.bg03 span {
	color: #222222
}

.official-information-wrapper .official-information-area dl dd {
	color: #777777;
	line-height: 1.600em;
	padding-top: 35px;
	text-align: center;
	word-break: keep-all;
}

/*출석체크이벤트*/
.attendance-wrap {
	position: relative;
	background:#f5f3f1;
	padding: 30px;
}
.attendance-wrap .check_btn {
	position:absolute;
	z-index:20;
	left:24px;
	top:80px;
	display:none;
}
.attendance-wrap h2 {
	color: #2a2a2a;
}

.attendance-wrap h2 strong {
	display: inline-block;
	vertical-align: middle;
	font-size: 6.667em;
	line-height: .6em;
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
}

.attendance-wrap h2 span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	font-size: 2em;
	
}

.attendance-wrap .attendance-month {
	position:relative;
	padding: 32px 0 50px 0;
	text-align:center;
}

.attendance-wrap .attendance-month dl {
	position:absolute;
	top:10px;
	right: 0; 
}

.attendance-wrap .attendance-month dl dt {
	float:left;
	height: 42px;
	line-height: 42px;
	padding-right:10px; 
	color:#2a2a2a;
	font-size: 1.067em;
}

.attendance-wrap .attendance-month dl dd {
	float:right;
	/*background:#fff;
	height: 42px;
	line-height: 42px;
	padding: 0 28px; 
	border-radius: 21px; */
}
.attendance-wrap .attendance-month dl dd img{
	display:block;
	margin-bottom:5px;
}

.attendance-wrap .attendance-month dl dd span {
	display:inline-block;
	padding-right: 5px;
	color:#eb7100;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
	font-size: 1.733em;
}

.attendance-wrap .calendar {
	padding:20px;
	background:#fff; 
}

.attendance-wrap .calendar th {
	padding: 25px;
	text-transform:uppercase;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	font-size: 1.231em;
	line-height: 1.625em;
}

.attendance-wrap .calendar .sun {
	color:#df0000;
}

.attendance-wrap .calendar .sat {
	color:#2f8ce9;
}

.attendance-wrap .calendar td {
	width:14.4%;
	vertical-align:top;
	height:120px;
	padding:16px;
	border:1px solid #ccc;
}
.attendance-wrap .calendar td div.prev-event{
	position:absolute;
	width: calc(700% - 20px);
	background:#e1e1e3;
	color:#333;
	bottom:15px;
	text-align:center;
	height:20px;
	line-height:20px;
	border-radius:10px;
}
.attendance-wrap .calendar td div.weekly-event{
	position:absolute;
	width: calc(700% - 20px);
	background:#384788;
	color:#fff;
	bottom:15px;
	text-align:center;
	height:20px;
	line-height:20px;
	border-radius:10px;
}
.attendance-wrap .calendar td div.weekly-event6{
	position:absolute;
	width: calc(600% - 20px);
	background:#384788;
	color:#fff;
	bottom:15px;
	text-align:center;
	height:20px;
	line-height:20px;
	border-radius:10px;
}
.attendance-wrap .calendar td div.weekly-event5{
	position:absolute;
	width: calc(500% - 20px);
	background:#384788;
	color:#fff;
	bottom:15px;
	text-align:center;
	height:20px;
	line-height:20px;
	border-radius:10px;
}
.attendance-wrap .calendar td div.weekly-event4{
	position:absolute;
	width: calc(400% - 20px);
	background:#384788;
	color:#fff;
	bottom:15px;
	text-align:center;
	height:20px;
	line-height:20px;
	border-radius:10px;
}
.attendance-wrap .calendar td div.weekly-event3{
	position:absolute;
	width: calc(300% - 20px);
	background:#384788;
	color:#fff;
	bottom:15px;
	text-align:center;
	height:20px;
	line-height:20px;
	border-radius:10px;
}
.attendance-wrap .calendar td div.weekly-event2{
	position:absolute;
	width: calc(200% - 20px);
	background:#384788;
	color:#fff;
	bottom:15px;
	text-align:center;
	height:20px;
	line-height:20px;
	border-radius:10px;
}
.attendance-wrap .calendar td div.weekly-event1{
	position:absolute;
	width: calc(100% - 20px);
	background:#384788;
	color:#fff;
	bottom:15px;
	text-align:center;
	height:20px;
	line-height:20px;
	border-radius:10px;
}
/*
.attendance-wrap .calendar td div.weekly-event2{
	position:absolute;
	width: calc(100% - 35px);
	background:#384788;
	color:#fff;
	bottom:15px;
	text-align:center;
	height:20px;
	line-height:20px;
	left:0px;
}
*/
.attendance-wrap .calendar td span {
	display:block; 
	height: 20px;
}

.attendance-wrap .calendar td .stamp {
	display:block;
	vertical-align: bottom;
	width: 100%;
	height: 100px;
	text-align:center;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	background: transparent;
}

.attendance-wrap .calendar td .stamp.checked {
	background: transparent url(../img/icon/icon_attendance_checked.png) no-repeat center center;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_attendance_checked@2x.png) no-repeat center center;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_attendance_checked@2x.png) no-repeat center center;
	background-size: contain;
}

.attendance-wrap > p {
	padding-top: 25px;
	padding-left: 15px;
	color: #565656;
	font-size: 1.133em;
	font-family: "notokrB", notokrB, sans-serif;
	font-weight: 700;
	word-break: keep-all;
}

/* 절차 목록 */
.process-list {
	height: 50px;
	margin-bottom: 35px;
}

.process-list.consult {
	margin-top: 100px;
}

.process-list li {
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #e1e1e3;
	color: #333333;
	font-size: 1.067em
}

.process-list li .icon-process {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -25px;
	width: 28px;
	height: 50px;
	margin-right: -28px;
	z-index: 5;
}

.process-list li.on {
	background: #bc8e5d;
	border: 1px solid #bc8e5d;
	color: #ffffff;
}

.process-list li:last-child.on .icon-process {
	display:none;	
}


.process-list.depth2 li { 
	float: left;
	width: 50%;
}


.form-wrapper {
	position: relative;
	margin-bottom: 80px;
}

.form-wrapper .title-area {
	margin-bottom: 25px;
}

.form-wrapper .title-area:after {
	content: "";
	clear: both;
	display: block;
}

.form-wrapper .title-area h2 {
	float: left;
	color: #33333f;
	font-size: 1.600em;
	line-height: 1em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.form-wrapper .title-area .word-important {
	float: right;
	color: #888888;
	font-size: 0.867em;
	margin-top: 15px;
}

.form-wrapper .title-area .word-important .point-important {
	font-size: 1em;
}

.point-important {
	display: inline-block;
	vertical-align: middle;
	color: #ea4200;
	font-size: 0.867em;
	line-height: 0.5em;
	
}


.form-wrapper .title-area .input-agreement {
	float: right;
	margin-top: 5px;
}

.form-wrapper .title-area .input-agreement input[type="radio"],
.form-wrapper .title-area .input-agreement label {
	display: inline-block;
	vertical-align: middle;
}

.form-wrapper .title-area .input-agreement label {
	margin-right: 5px;
}


.form-area {
	border-top: 2px solid #333333;
	border-bottom: 1px solid #d5d5d5;
}

.form-area dl {
	position: relative;
	background: #f3f3f3;
	padding-left: 150px;
}

.form-area dl dt {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	padding: 20px 10px 20px 20px;
	color: #66666f;
	font-size: 1.067em
}

.form-area dl dt .point-important {
	position: absolute;
	top: 25px;
	left: 12px;

}


.form-area dl dd {
	background: #fff;
	padding: 10px 20px 10px 20px;
	min-height: 50px;
	line-height: 1.200em
}

.form-area dl dd input[type="text"],
.form-area dl dd input[type="email"],
.form-area dl dd input[type="tel"],
.form-area dl dd input[type="date"],
.form-area dl dd input[type="time"],
.form-area dl dd input[type="number"],
.form-area dl dd input[type="password"] {
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #d5d5d5;
	width: 100%;
	max-width: 200px;
	height: 30px;
	padding: 0 10px;
	text-indent: 0 !important;
}

.form-area dl dd textarea {
	display: inline-block;
	vertical-align: middle;

	border: 1px solid #d5d5d5;
	width: 100%;
	height: 250px;
	padding: 10px;
	text-indent: 0 !important;
}

.form-area dl dd .w100 {
	max-width: inherit !important;
}

.form-area dl dd:after {
	content: "";
	clear: both;
	display: block;
}

.form-area dl dd .input-sex {
	float: left;
	width: 50%;
	max-width: 100px;
	height: 30px;
	line-height: 30px;
}

.form-area dl dd .input-sex input[type="radio"],
.form-area dl dd .input-sex label {
	display: inline-block;
	vertical-align: middle;
}

.form-area dl dd .input-sex input[type="radio"] {
	margin-right: 5px;
}



.form-area dl dd .input-unit {
	display: inline-block;
	vertical-align: middle;
	width: 95px;
}


.form-area dl dd > span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
}

.form-area dl dd select {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	font-size: 1em;
	min-width: 145px;
}

.form-area dl dd select {
	display: inline-block;
	vertical-align: middle;
	height: 30px;
	font-size: 1em;
	min-width: 145px;
}

.form-area dl dd .input-checkbox {
	margin: 0;
	padding: 0;
}

.form-area dl dd .input-checkbox input[type="checkbox"],
.form-area dl dd .input-checkbox label {
	display: inline-block;
	vertical-align: middle;
}

.form-area dl dd .input-box-depth3 {
	margin: 0;
	padding: 0;
}

.form-area dl dd .input-box-depth3:after {
	content: "";
	clear: both;
	display: block;
}

.form-area dl dd .input-box-depth3 > select,
.form-area dl dd .input-box-depth3 > input[type="text"],
.form-area dl dd .input-box-depth3 > input[type="password"],
.form-area dl dd .input-box-depth3 > input[type="email"],
.form-area dl dd .input-box-depth3 > input[type="number"],
.form-area dl dd .input-box-depth3 > input[type="tel"]
{
	float: left;
	min-width: inherit;
	width: 100px;
}


.form-area dl dd .input-box-depth3 > span {
	float: left;
	width: 32px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.form-area dl dd .input-box-email {
	margin: 0;
	padding: 0;
}

.form-area dl dd .input-box-email:after {
	content: "";
	clear: both;
	display: block;
}

.form-area dl dd .input-box-email input {
	float: left;
	width: 135px;
}

.form-area dl dd .input-box-email > span {
	float: left;
	width: 32px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

.form-area dl dd .input-box-email select {
	margin-left: 10px
}

.form-area dl dd .input-ckecked-branch {
	float: left;
	text-align: left;
	width: 25%;
	height: 40px;
	line-height: 30px;
	padding: 5px 0;
}


.form-area dl dd .input-ckecked-branch input[type="checkbox"],
.form-area dl dd .input-ckecked-branch label {
	display: inline-block;
	vertical-align: middle;
}

.form-area dl dd .input-ckecked-branch label { 
	margin-left: 5px;
}

.form-area dl dd .input-ckecked-branch02 {
	display: inline-block;
	vertical-align: middle;
	margin-right: 25px;
	height: 30px;
	line-height: 30px;
}

.form-area dl dd .input-ckecked-branch02:last-child {
	margin-right: 0;
}

.form-area dl dd .input-ckecked-branch02 input[type="checkbox"],
.form-area dl dd .input-ckecked-branch02 input[type="radio"],
.form-area dl dd .input-ckecked-branch02 label {
	display: inline-block;
	vertical-align: middle;
}

.form-area dl dd .input-ckecked-branch02 input[type="checkbox"],
.form-area dl dd .input-ckecked-branch02 input[type="radio"] { 
	margin-right: 5px;
}

.form-area dl dd .word-etc {
	clear: both;
	font-size: 0.867em;
	color: #33333f;
	padding-top: 30px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.form-area dl dd .information {
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}

.form-area dl dd .information:last-child {
	margin-right: 0;
}

.form-area dl dd .information label,
.form-area dl dd .information select {
	display: inline-block;
	vertical-align: middle;
}

.form-area dl dd .information label {
	margin-right: 15px;
}

.form-area dl dd .input-address {
	margin: 0;
	padding: 0;
}

.form-area dl dd .zip-code {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 200px;
	padding-right: 90px;
}

.form-area dl dd .zip-code > input[type="button"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	background: #567096;
	cursor: pointer;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
}

.form-area dl dd .input-address {
	margin: 0;
	padding: 0;
}

.form-area dl dd .input-address input[type="text"] {
	display: block;
	width: 100%;
	max-width: none;
	margin-top: 5px;
}

.filebox {
	position: relative;
	padding-right: 86px;
}

.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
	color: #fff;
	background-color: #757b8a;
	cursor: pointer;
	border: 1px solid #757b8a;
	border-bottom-color: #757b8a;
	border-radius: 0;

	box-sizing: border-box;
}

/* named upload */
.filebox .upload-name {
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
}

.filebox.bs3-primary label {
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.form-area .agreement-wrapper {
	height: 270px;
	padding: 30px;
	overflow-x: hidden;
	overflow-y: auto;
}

.agreement-area {
	margin: 0;
	padding: 0;
}

.agreement-area > h3 {
	color: #383838;
	font-size: 	1.200em;
	line-height: 1em;
	margin-bottom: 30px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}

.agreement-area > h4 {
	color: #383838;
	font-size: 1.067em;
	line-height: 1em;
	margin-bottom: 20px;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}

.agreement-area > h5 {
	font-size: 1em;
	margin-bottom: 10px;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.agreement-area >  p {
	color: #777779;
	font-size: 1em;
	line-height: 1.600em;
	word-break: keep-all;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
	margin-bottom: 25px;
}

.agreement-area > ul,
.agreement-area > ol {
	margin-bottom: 25px;
}

.agreement-area > ul > li,
.agreement-area > ol > li {
	color: #777779;
	font-size: 1em;
	line-height: 1.600em;
	word-break: keep-all;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.security-list {
	padding: 20px 10px;
}

.security-list li {
	position: relative;
	padding: 5px 0 5px 40px;
	color: #777779;
	font-size: 1.067em;
	line-height: 1.750em
}

.security-list li .number {
	position: absolute;
	top: 7px;
	left: 0;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 100%;
	text-align: center;
	background: #c4c8cd;
	color: #fff;
}

.contents-banner-area {
	position: relative;
	padding-top: 125px;
	text-align: center;
}

.contents-banner-area h2 {
	text-align:left;
	padding-bottom:20px;
	color: #33333f;
	font-size: 1.600em;
	line-height: 1em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.contents-banner-area .swiper-container {
	margin: 0;
	padding: 0;
}

.contents-banner-area .swiper-container .swiper-wrapper {
	margin: 0;
	padding: 0;
}

.contents-banner-area .swiper-container .swiper-wrapper .swiper-slide {
	display: block;
}

.contents-banner-area .swiper-container .swiper-wrapper .swiper-slide a {
	display: block;
}

.contents-banner-area .swiper-container .swiper-wrapper .swiper-slide a img {
	display: block;
	width: 100%;
}

.contents-banner-area .swiper-pagination {
	position: static;
	display: block;
	width: 100%;
	padding: 30px 0;
	text-align: center;
}

.contents-banner-area .swiper-pagination .swiper-pagination-bullet {
	width: 12px;
	height: 12px;
	margin: 0 8px;
}

.contents-banner-area .swiper-pagination .swiper-pagination-bullet-active {
	background: #ef4d74
}

.privacy-wrapper {
	background: #f5f5f5;
	padding: 25px;
	margin-top: 40px;
	margin-bottom: 25px;
}

.privacy-wrapper h2 {
	color: #33333f;
	font-size: 1.333em;
	line-height: 1em;
	margin-bottom: 25px;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.privacy-wrapper .privacy-area {
	background: #fff;
	height: 280px;
	padding: 30px;
	overflow-x: hidden;
	overflow-y: auto;
}

.privacy-wrapper .word-agreement {
	padding-top: 20px;
	text-align: right;
}

.privacy-wrapper .word-agreement input[type="checkbox"],
.privacy-wrapper .word-agreement label {
	display: inline-block;
	vertical-align: middle;
}

.privacy-wrapper .word-agreement label {
	margin-left: 5px;
	color: #727272;
	font-size: 	0.933em
}


/* 인스타그램 */
.instagram-wrapper {
	padding: 40px 0 100px 0;
}

.instagram-wrapper li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}


.instagram-wrapper li:nth-child(3n) {
	margin-right: 0;
}

.instagram-wrapper li a {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	background: #000;
}

.instagram-wrapper li a img {
	position: absolute;
	top: -100%;
	left: -100%;
	right: -100%;
	bottom: -100%;
	display: block;
	/*
	min-width: 105%;
	min-height: 105%;
	*/
	min-width: 100%;
	min-height: 100%;
	max-width: 101%;
	max-height: 101%;
	margin: auto;
}


/* 인스타그램 */
.interview-wrapper {
	padding: 40px 0 100px 0;
}

.interview-wrapper li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}


.interview-wrapper li:nth-child(3n) {
	margin-right: 0;
}

.interview-wrapper li a {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	background: #000;
}

.interview-wrapper li a img {
	display: block;
	min-width: 100%;
	min-height: 100%;
	max-width: 101%;
	max-height: 101%;
	margin: auto;
}


/* 채용안내 */
.recruit-list-wrapper {
	margin-top: 40px;
	margin-bottom: 65px;
	border-top: 2px solid #000000
}

.recruit-list-area {
	position: relative;
	padding: 40px 150px;
	border-bottom: 1px solid #e5e5e5
}

.recruit-list-area .icon-type {
	position: absolute;
	top: 50%;
	left: 35px;
	width: 86px;
	height: 86px;
	line-height: 86px;
	margin-top: -43px;
	text-align: center;
	color: #ee5232;
	font-size: 1.200em;
	border-radius: 43px;
	border: 2px solid #f56b4f;
}

.recruit-list-area h2 {
	margin-bottom: 15px;
	color: #333339;
	font-size: 1.600em;
	line-height: 1.333em;
	font-family: "notoKrM", notoKrM, sans-serif;
	word-break: keep-all;
}

.recruit-list-area .sub-information {
	margin: 0;
	padding: 0;
	font-size: 1.133em
}

.recruit-list-area .sub-information strong,
.recruit-list-area .sub-information .icon-bar,
.recruit-list-area .sub-information .field {
	float: left;
}

.recruit-list-area .sub-information strong {
	color:#ee5232;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}


.recruit-list-area .sub-information .icon-bar {
	margin: 1px 13px 0 13px;
	height: 14px;
	width: 1px;
	background: #e1e1e1;
}


.recruit-list-area .btn-detail-view {
	position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	width: 130px;
	height: 50px;
	line-height: 50px;
	margin-top: -25px; 
	background: #b1ada9;
	text-align: center;
	color: #fff;
	font-size: 1.133em
}

.recruit-list-area .btn-detail-view span,
.recruit-list-area .btn-detail-view img {
	display: inline-block;
	vertical-align: middle;
}

.recruit-list-area .btn-detail-view img {
	width: 5px;
	margin-left: 15px;
}

.recruit-process-wrapper {
	overflow: hidden;
}

.recruit-process-wrapper .recruit-process-area,
.recruit-process-wrapper .icon {
	float: left;
}

.recruit-process-wrapper .recruit-process-area {
	height: 34px;
	line-height: 34px;
	padding: 0 15px;
	margin: 5px 0;
	background: #f1efec;
	border-radius: 17px;
	font-size: 1.067em
}

.recruit-process-wrapper .recruit-process-area span {
	display: inline-block;
	vertical-align: middle;
}

.recruit-process-wrapper .recruit-process-area .number {
	color: #cd9d49
}

.recruit-process-wrapper .icon {
	height: 34px;
	line-height: 34px;
	padding: 0 7px;
	margin: 5px 0;
}

.recruit-process-wrapper .icon img {
	width: 13px;
}

/* 로그인 */
.login-wrapper {
	margin-top: 68px;
	padding: 70px 0;
	border-top: 2px solid #504d49;
	border-bottom: 1px solid #acacac;
}

.login-area {
	position: relative;
	max-width: 588px;
	padding-right: 145px;
	margin: 0 auto 10px auto;
}

.login-area dl {
	position: relative;
	padding-left: 170px;
	margin-bottom: 10px;
}

.login-area dl dt {
	position: absolute;
	top: 0;
	left: 0;
	height: 50px;
	line-height: 50px;
	color: #666666;
	font-size: 1.200em;
	font-family: "notoKrB", sans-serif;
	font-weight: 700;
}

.login-area dl dd {
	height: 50px;
}

.login-area dl dd input[type="text"],
.login-area dl dd input[type="password"] {
	width: 100%;
	height: 50px;
	border: 1px solid #b1b1b1;
}


.login-area dl dd input[type="text"]::-webkit-input-placeholder,
.login-area dl dd input[type="password"]::-webkit-input-placeholder { /* Chrome */
	color: #fff;
}

.login-area dl dd input[type="text"]:-ms-input-placeholder ,
.login-area dl dd input[type="password"]:-ms-input-placeholder { /* IE 10+ */
	color: #fff;
}

.login-area dl dd input[type="text"]::-moz-placeholder ,
.login-area dl dd input[type="password"]::-moz-placeholder { /* Firefox 19+ */
	color: #fff;
	opacity: 1;
}

.login-area dl dd input[type="text"]:-moz-placeholder ,
.login-area dl dd input[type="password"]:-moz-placeholder { /* Firefox 4 - 18 */
	color: #fff;
	opacity: 1;
}

.login-area input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 130px;
	height: 110px;
	line-height: 110px;
	background: #4c4c4c;
	text-align: center;
	color: #fff;
	font-size: 	1.200em;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	appearance: none;
	cursor: pointer;
}

.login-area input[type="submit"].type02 {
	height: 170px;
	line-height: 170px;
}

.login-sub-menu {
	padding-top: 10px;
	padding-left: 85px;
	color: #717171;
}


.login-sub-menu ul {
	float: left;
}

.login-sub-menu ul li {
	float: left;
	margin-left: 14px;
	padding-left: 11px;
	background: transparent url(../img/icon/icon_bar01.gif) no-repeat left center;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_bar01@2x.gif) no-repeat left center;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_bar01@2x.gif) no-repeat left center;
	background-size: 1px 14px;

}

.login-sub-menu ul li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: transparent;
}

.login-sub-menu .save-id {
	float: right;
}

.login-sns-wrapper {
	padding-top: 50px;
	text-align: center;
}

.login-sns-wrapper h2 {
	margin-bottom: 35px;
	color: #5c5c5c;
	font-size: 1.333em;
	line-height: 1.200em;
}

.login-sns-wrapper .sns-list {
	padding: 0 45px 37px 45px;
}

.login-sns-wrapper .sns-list li {
	float: left;
	width: 32%;
	margin-left: 2%;
}

.login-sns-wrapper .sns-list li:first-child {
	margin-left: 0;
}

.login-sns-wrapper .sns-list li a {
	display: block;
	width: 100%;
	height: 55px;
	line-height: 55px;
	padding: 0 15px;
	color: #fff;
	text-align: left;
}

.login-sns-wrapper .sns-list li a img,
.login-sns-wrapper .sns-list li a span {
	display: inline-block;
	vertical-align: middle;
}

.login-sns-wrapper .sns-list li a img {
	width: 25px;
	margin-right: 15px;
}

.login-sns-wrapper .sns-list li a.facebook {
	background: #5470ac;
}

/*** 임시 추가 ****/
/*
.login-sns-wrapper .sns-list01 {
	max-width:250px;
	padding: 0 45px 37px 45px;
	margin:0 auto;
}
.login-sns-wrapper .sns-list01 a {
	display: block;
	width: 250px;
	height: 55px;
	line-height: 55px;
	padding: 0px 15px;
	color: #fff;
	text-align: center;
}
*/

.login-sns-wrapper .sns-list01 {
	max-width:250px;
	padding: 0 0 37px 0;
	margin:0 auto;
}
.login-sns-wrapper .sns-list01 a {
	display: block;
	height: 55px;
	line-height: 55px;
	padding: 0px 15px;
	color: #fff;
	text-align: center;
}

.login-sns-wrapper .sns-list01 a img,
.login-sns-wrapper .sns-list01 a span {
	display: inline-block;
	vertical-align: middle;
}

.login-sns-wrapper .sns-list01 a img {
	width: 25px;
	margin-right: 15px;
}

.login-sns-wrapper .sns-list01 a.facebook {
	background: #5470ac;
}

/**** 임시추가 끝 ***/

.login-sns-wrapper .sns-list li a.kakaotalk {
	background: #f7c000;
	color: #3c1e1e;
}

.login-sns-wrapper .sns-list li a.naver {
	background: #2dbe00;
}


.gray-box {
	background: #f4f4f4;
	padding: 25px 40px;
	text-align: left;
}

.word-notice {
	position: relative;
	padding-left: 35px;
}

.word-notice img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 25px;
}

.word-notice p {
	color: #707070;
	font-size: 	1.067em;
	line-height: 1.625em;
	word-break: keep-all;
}




.word-notice02 {
	position: relative;
	padding: 5px 0 5px 50px;
	margin-bottom: 40px;
}

.word-notice02 img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 36px;
}

.word-notice02 p {
	color: #3f3f3f;
	font-size: 1.467em;
	line-height: 1.364em;
	word-break: keep-all;
}

/* 회원가입 타입 */
.all-agree{
	text-align:right;
	margin-bottom:20px;
}

.join-type-wrapper {
	border-top: 2px solid #504d49;
	/*margin-top: 130px;*/
	margin-top:30px;
	margin-bottom: 70px;
}

.join-type-area {
	position: relative;
	max-width: 638px;
	margin: 0 auto;
	/*margin-top: 90px;
	padding-left: 337px;*/
	margin-top:30px;
}

.join-type-area .btn-join-shop {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 100%;
	border: 1px solid #b9b9b9;
	border-radius: 0;
	background: transparent;
	-webkit-appearance: none;
	appearance: none;
	color: #5c5c5c;
	font-size: 1.333em;
	font-family: "notoKrL", sans-serif;
	font-weight: 100;
}

.join-type-area .btn-join-shop:hover {
	background: #f9f9f9
}

.join-type-area .btn-join-shop img {
	display: block;
	width: 124px;
	margin: 0 auto 15px auto;
}

.join-type-area .sns-btn-group {
	margin: 0;
	padding: 0;
}

.join-type-area .sns-btn-group button {
	margin-top: 7px;
	display: block;
	width: 100%;
	height: 65px;
	line-height: 65px;
	padding: 0 15px;
	color: #fff;
	text-align: center;
}

.join-type-area .sns-btn-group button > span {
	font-size:1.5rem;
}

.join-type-area .sns-btn-group button:first-child {
	margin-top: 0;
}



.join-type-area .sns-btn-group button img,
.join-type-area .sns-btn-group button span {
	display: inline-block;
	vertical-align: middle;
}

.join-type-area .sns-btn-group button img {
	width: 25px;
	margin-right: 15px;
}

.join-type-area .sns-btn-group button.facebook {
	background: #5470ac;
}

.join-type-area .sns-btn-group button.kakaotalk {
	background: #f7c000;
	color: #3c1e1e;
}

.join-type-area .sns-btn-group button.naver {
	background: #2dbe00;
}

/* 예신 프라이드 */
.pride-information-wrapper {
	position: relative;
	color: #fff;
	height: 512px;
	padding: 100px 70px 0 70px;
	margin-bottom: 50px;
	overflow: hidden;
}


.pride-information-wrapper.type01 {
	padding-right: 533px;
	background: url(../img/sub01/bg_0201.jpg) no-repeat center center;
}

.pride-information-wrapper.type02 {
	padding-left: 533px;
	background: url(../img/sub01/bg_0202.jpg) no-repeat center center;
}


.pride-information-wrapper.type03 {
	padding-right: 533px;
	background: #d8d4d4;
}

.pride-information-wrapper.type01 .image-logo {
	position: absolute;
	top: 50%;
	right: 70px;
	width: 367px;
	margin-top: -96px;
}

.pride-information-wrapper.type02 .image {
	position: absolute;
	top: 50%;
	left: 0;
	width: 452px;
	margin-top: -231px;
}

.pride-information-wrapper.type02 .image .pc {
	display: block;
}

.pride-information-wrapper.type02 .image .mobile {
	display: none;
}

.pride-information-area {
	margin: 0;
	padding: 0;
}

.pride-information-area .title0201 {
	padding-left: 16px;
	margin-bottom: 40px;
	color: #fff;
	font-size: 1.333em;
	line-height: 1em;
	font-style: italic;
	font-family: "Georgia", Georgia, sans-serif;
	background: transparent url(../img/icon/icon_title0201.png) no-repeat 0 0;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_title0201@2x.png) no-repeat 0 0;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_title0201@2x.png) no-repeat 0 0;
	background-size: 4px 27px;
}

.pride-information-area .title0201.color02 {
	color: #76757a
}

.pride-information-area .word-slogon {
	font-size: 2.133em;
	line-height: 1.313em;
	margin-bottom: 50px;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}

.pride-information-wrapper .word-slogon strong {
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}



.pride-information-area .word-info {
	line-height: 1.667em
}

.pride-information-wrapper.type02 ul {
	color: #c6c5c6;
}

.pride-information-wrapper.type02 ul li {
	line-height: 1.600em;
	margin-bottom: 5px;
	padding-left: 10px;

	background: transparent url(../img/icon/icon_bullet01.png) no-repeat 0 12px;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_bullet01@2x.png) no-repeat 0 12px;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_bullet01@2x.png) no-repeat 0 12px;
	background-size: 5px 1px;
}

.pride-information-wrapper.type03 .pride-information-area {
	position: relative;
	z-index: 10;
}

.pride-information-wrapper.type03 .title0201 {
	color: #76757a !important;
}

.pride-information-wrapper.type03 .word-slogon {
	color: #5b5550 !important;
}

.pride-information-wrapper.type03 ul {
	color: #757575;
}

.pride-information-wrapper.type03 ul li {
	line-height: 1.600em;
	margin-bottom: 5px;
	padding-left: 10px;

	background: transparent url(../img/icon/icon_bullet02.png) no-repeat 0 12px;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_bullet02@2x.png) no-repeat 0 12px;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_bullet02@2x.png) no-repeat 0 12px;
	background-size: 5px 1px;
}

.pride-information-wrapper.type03 .image-type03 {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 100%;
}

/* 예신상품소개 */
.goods-information-wrapper {
	margin-bottom: 150px;
}

.goods-information-wrapper:last-child {
	margin-bottom: 0;
}

.goods-information-area {
	margin-bottom: 45px;
}

.goods-information-box {
	position: relative;
	padding-right: 610px;
	min-height: 363px;
}

.goods-information-box.type05 {
	height: 691px;
}

.goods-information-box.left {
	padding-left: 610px;
	padding-right: 0;
}

.goods-information-box .big-number {
	position: absolute;
	top: 50px;
	right: 600px;
	font-size: 13.333em;
	color: #eeece7;
	font-family: "Georgia", Georgia, sans-serif;
	font-style: italic;
}

.goods-information-box h2 {
	position: relative;
	margin-bottom: 20px;
	font-size: 2.800em;
	line-height: 1.095em;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
	margin-top: -15px;
	color: #3c3c3c;
	z-index: 10;
}

h2.title{
	position: relative;
	margin-bottom: 20px;
	font-size: 2.800em;
	line-height: 1.095em;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
	margin-top: -15px;
	color: #3c3c3c;
	z-index: 10;
}

.goods-information-box h5 {
	position:relative;
	font-size: 1.06em;
	line-height:2.0em;
	color:#bc8e5d;
}

.goods-information-box ul li{
	line-height:1.4em;
	color:#bc8e5d;
}

.goods-information-box h2 span {
	display: block;
	color: #bc8e5d;
	font-size: 0.381em;
}

.goods-information-box .word-slogon {
	position: relative;
	font-size: 2.000em;
	line-height: 1.200em;
	color: #3f3f3f;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
	z-index: 10;
}

.goods-information-box .word-slogon span {
	display: block;
	word-break: keep-all;
}



.goods-information-box .word-info {
	color: #777777;
	font-size: 	1.067em;
	line-height: 1.500em;
	margin-top: 25px;
	word-break: keep-all;

}

.goods-information-box .word-info span {
	display: block;
}

.goods-information-box .word-info > ul{
	margin-left:0;
}

.goods-information-box .word-info  > ul > li{
		color:#777777;
		padding-left: 7px;
		font-size: 	0.867em;
		line-height: 1.692em;
		margin-bottom: 5px;
		background: transparent url(../img/icon/icon_bullet02.png) no-repeat 0 10px;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_bullet02@2x.png) no-repeat 0 10px;
		background: linear-gradient(transparent,transparent),url(../img/icon/icon_bullet02@2x.png) no-repeat 0 10px;
		background-size: 4px 1px;
}

.goods-information-box .image {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	max-width: 564px;
}

.goods-information-box.left .image {
	left: 0;
	right: initial;
}


.goods-information-box.left .big-number {
	right: 0;
}

.goods-information-box .image img {
	display: block;
	width: 100%;
}

.medicinal-herbs-list-wrapper {
	background: #f8f8f8;
	padding: 40px;
	overflow: hidden;
}

.medicinal-herbs-list-wrapper h2 {
	color: #2f2f2f;
	font-size: 1.400em;
	line-height: 1em;
	margin-bottom: 25px;
}

.medicinal-herbs-list-wrapper h2 strong {
	color: #ca4120;
	font-size: 1.238em;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

.medicinal-herbs-list-area {
	overflow: hidden;
}

.medicinal-herbs-list-area .medicinal-herbs {
	float: left;
	width: 18.4%;
	margin-right: 2%;
	text-align: center;
}	

.medicinal-herbs-list-area .medicinal-herbs:last-child {
	margin-right: 0;
}

.medicinal-herbs-list-area .medicinal-herbs img {
	display: block;
	width: 100%;
}


.medicinal-herbs-list-area .medicinal-herbs dl {
	padding-top: 20px;
}

.medicinal-herbs-list-area .medicinal-herbs dl dt {
	display: block;	
	color: #a76e40;
	font-size: 	1.200em;
	line-height: 1em;
	margin-bottom: 8px;
}

.medicinal-herbs-list-area .medicinal-herbs dl dd {
	color: #777777;
	font-size: 1.067em;
	line-height: 1.250em;
	word-break: keep-all;
}

.goods-information01 {
	position: relative;
	min-height: 145px;
	padding-right: 292px;
	padding-top: 35px;
}

.goods-information01 > img {
	position: absolute;
	top: 0;
	right: 0;
}


.goods-information01 > .word-notice02 > img {
	top: 50%;
	margin-top: -18px;
}

.goods-information01 > .word-notice02 span {
	display: block;
}

.used-jangsuo-information-wrapper {
	position: relative;
	padding: 70px 380px 20px 60px;
	margin-top: 175px;
	background: #f8f8f8;
}

.used-jangsuo-information-wrapper h2 {
	position: relative;
	height: 36px;
	line-height: 36px;
	padding-left: 50px;
	margin-bottom: 50px;
	color: #2f2f2f;
	font-size: 1.467em;
	font-family: "notoKrM", sans-serif;
	font-weight: 500;
}

.used-jangsuo-information-wrapper h2 > img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 36px;
}

.used-jangsuo-information-wrapper > img {
	position: absolute;
	bottom: 25px;
	right: 45px;
}

.used-jangsuo-information-wrapper > ul {
	color: #777777;
	margin-left: 5px;
}

.used-jangsuo-information-wrapper > ul > li {
	padding-left: 11px;
	font-size: 	1.067em;
	line-height: 1.091em;
	margin-bottom: 14px;
	background: transparent url(../img/icon/icon_bullet02.png) no-repeat 0 8px;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_bullet02@2x.png) no-repeat 0 8px;
	background: linear-gradient(transparent,transparent),url(../img/icon/icon_bullet02@2x.png) no-repeat 0 8px;
	background-size: 5px 1px;
}




.contents-information {
	margin-bottom: 100px;
}

.contents-information .images-box {
	margin-bottom: 35px;
}


.temperature-diet-list {
	padding-bottom: 45px;
	border-bottom: 1px solid #e5e5e5;
}
 
.temperature-diet-list ul {
	margin-bottom: 35px;
}

.temperature-diet-list ul li {
	float: left;
	width: 32%;
	margin-left: 2%;
}

.temperature-diet-list ul li:first-child {
	margin-left: 0
}

.temperature-diet-list ul li img {
	display: block;
	width: 100%;
}

.wedding-care-list {
	position: relative;
	padding-top: 55px;
	padding-left: 496px
}

.wedding-care-list > img {
	position: absolute;
	top: 80px;
	left: 0;
	display: block;
}

.face-care-list {
	position: relative;
	padding-top: 20px;
}


.ol-list01 {
	color: #777777;
}

.ol-list01 > li {
	position: relative;
	padding-left: 38px;
	font-size: 1.067em;
	line-height: 1.500em;
	margin-bottom: 12px;
}

.ol-list01 > li > .number {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background: #aeaeae;
	text-align: center;
	color: #fff;
}


.ol-list02 {
	color: #777777;
}

.ol-list02 > li {
	float:left;
	width:50%;
	position: relative;
	padding-left: 38px;
	font-size: 1.067em;
	line-height: 1.500em;
	margin-bottom: 12px;
}

.ol-list02 > li > .number {
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	border-radius: 12px;
	background: #aeaeae;
	text-align: center;
	color: #fff;
}


.pregnant-woman-care-wrapper {
	margin: 0;
	padding: 0;
}

.pregnant-woman-care-area {
	padding-top: 35px;
}

.pregnant-woman-care-area .pregnant-woman-care-left {
	float: left;
	max-width: 700px;
	width: 65%;
}

.pregnant-woman-care-area .pregnant-woman-care-right{
	float: right;
	width: 30%;
}

.pregnant-woman-care-area .pregnant-woman-care-right > img {
	display: block;
	max-width: 100%;
	margin-top: 64px;
}


.pregnant-woman-care-wrapper .word-sub-slogon {
	position: relative;
	font-size: 1.6em;
	line-height: 1.200em;
	margin-bottom:10px;
	color: #3f3f3f;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
	z-index: 10;
}

/* 2017 10 12 고품격스파 추가 */
.spa-information-six {
	margin-top:50px;
}
.spa-information-six li {
	 float:left;
	width:32%;
	margin-top:20px;
	margin-right: 2%;

}

.spa-information-six li span {
	color: #777777;
	font-size: 1.067em;
	line-height: 1.500em;
	word-break: keep-all;
}

.spa-information-six li.mr-none {
	margin-right: 0
}

.spa-information-six ul > div {
	margin: 0;
	padding: 0;
}

.spa-information-six li:nth-child(3n+1) {
	padding-left:0; 
	}


/* 예신의 시장성 */
.marketability-information-wrapper {
	padding-top: 65px;
	border-bottom: 1px solid #cccccc;
}


.marketability-information-area {
	position: relative;
	border: 1px solid #cccccc;
	border-bottom: 0;
}

.marketability-information-area.top-line-none {
	border-top: 0 !important;
}

.marketability-information-box {
	padding: 30px;
	border-bottom: 1px solid #cccccc
}

.marketability-information-box.half-box:last-child {
	border-left: 1px solid #cccccc
}

.survey-information-wrapper {
	padding: 0 50px;
}

.survey-information-area {
	float: left;
	width: 20%;
	text-align: center;
}

.survey-information-area h3 {
	position: relative;
	padding-bottom: 20px;
	background: url(../img/sub07/icon_line01.png) repeat-x left bottom;
	background-size: 1px 2px;
	color: #46413a;
	font-size: 1.200em;
	line-height: 1em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.survey-information-area h3 img {
	display: block;
	width: 45px;
	margin: 0 auto 15px auto
}

.survey-information-area span {
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 9px;
	margin-bottom: -9px;
	margin-left: -9px;
	border: 5px solid #ca4120;
	background: #fff;
}

.survey-information-area .satisfaction-information {
	padding-top: 45px;
}

.survey-information-area .satisfaction-information.dpeth1 {
	padding-top: 60px;
}

.survey-information-area .satisfaction-information .satisfaction {
	color: #ca4120;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
	font-size: 1.333em;
	line-height: 1em;
	margin-bottom: 15px;
}



.survey-information-area .satisfaction-information .satisfaction strong {
	font-size: 1.550em;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

.survey-information-area .satisfaction-information .dissatisfaction {
	color: #585858;
	font-size: 	1.200em
}

.marketability-information-box.half-box {
	border-bottom: 0;
}

.marketability-information-box .image {
	margin: 0;
	padding: 0;
}

.marketability-information-box .image img {
	display: block;
	width: 100%;
}

/* 브랜드 경쟁력 */
.brand-wrapper {
	position: relative;
	background: #e6ebef;
	overflow: hidden;
}


.brand-wrapper.type02 {
	padding-bottom: 0;
}

.brand-slogon-area {
	padding: 80px 50px 165px 50px;
	text-align: center;
}

.brand-wrapper.type02 .brand-slogon-area {
	padding-top: 50px;
	padding-bottom: 40px;

}

.brand-slogon-area h2 {
	font-size: 3.067em;
	line-height: 1.261em;
	color: #363636;
	margin-bottom: 30px;
	letter-spacing: -5px;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.brand-slogon-area h2 strong {
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

.brand-slogon-area h2 img {
	display: block;
	width: 54px;
	margin: 0 auto 25px auto;
}



.brand-slogon-area .brand-slogon {
	font-size: 1.200em;
	line-height: 1.556em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
	word-break: keep-all;
}

.brand-slogon-area .brand-slogon > span {
	display: block;
}

.brand-wrapper .brand-list {
	position: relative;
	padding: 0 45px 0 50%;
	z-index: 5;
}

.brand-wrapper .brand-list li {
	float: left;
	width: 25%;
	height: 140px;
	margin-bottom: 100px;
	border-left: 1px solid #c7c8ca;
	text-align: center;
}

.brand-wrapper .brand-list li:first-child {
	border-left: 0;
}

.brand-wrapper .brand-list li:nth-child(4) {
	clear: both;
	border-left: 0;
}

.brand-wrapper .brand-list li img {
	display: block;
	width: 68px;
	margin: 0 auto 15px auto;
}

.brand-wrapper .brand-list li p {
	padding: 0 10px;
	color: #616161;
	font-size: 1.067em;
	line-height: 1.375em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
	letter-spacing: -1px;
	word-break: keep-all;
}

.brand-wrapper .brand-list li p span {
	display: block;
}

.brand-wrapper .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: -30px;
	/*margin-left: -5%;*/
}

/* 마케팅 & 홍보 */
.marketing-pr-wrapper {
	margin: 0;
	padding: 0;
}

.marketing-system-information-wrapper {
	position: relative;
	padding: 60px;	
	margin-bottom: 65px;
	text-align: center;
	overflow: hidden;
}

.marketing-system-information-wrapper .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	display: block;
}

.marketing-system-information-wrapper .bg-mobile {
	display: none;
}


.marketing-system-information-wrapper .title-area {
	margin-bottom: 55px;
}

.marketing-system-information-wrapper .title-area h2 {
	font-size: 3.067em;
	line-height: 1.261em;
	color: #393939;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
	margin-bottom: 20px;
}

.marketing-system-information-wrapper .title-area h2 img {
	display: block;
	width: 54px;
	margin: 0 auto 25px auto
}

.marketing-system-information-wrapper .title-area p {
	font-size: 1.333em;
	line-height: 1.500em;
	color: #2a2a2a;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}

.marketing-system-information-wrapper ol {
	padding: 35px 25px;
	margin-bottom: 70px;
	text-align: left;
	border-top: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
	font-size: 1.200em;
	line-height: 1.667em;
	color: #7b7b7b;
}

.marketing-system-information-wrapper ol li {
	position: relative;
	padding-left: 28px;
}

.marketing-system-information-wrapper ol li .number {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1.333em;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
	color: #626262
}

.marketing-system-information-wrapper .image-sns {
	display: block;
	max-width: 394px;
	margin: 0 auto;
}

.strategy-information-wrapper {
	margin-bottom: 90px;
}

.strategy-information-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.strategy-information {
	float: left;
	width: 55%;
	height: 100%;
}
.strategy-information dl {
	float: left;
	width: 49%;
	height: 100%;
	border: 2px solid #a9936d;
	padding: 25px 30px;
	text-align: center;
}

.strategy-information dl:nth-child(even) {
	float: right;
}

.strategy-information dl dt {
	padding-bottom: 15px;
	margin-bottom: 20px;
	color: #cb4524;
	font-size: 1.333em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
	border-bottom: 1px solid #bfbebc;
}

.strategy-information dl dt img {
	display: block;
	width: 40px;
	margin: 0 auto 25px auto;
}

.strategy-information dl dd {
	font-size: 1.067em;
	line-height: 1.500em;
	color: #585858;
	word-break: keep-all;
}

.strategy-information-wrapper .arrow {
	float: left;
	width: 15%;
	height: 215px;
	background: transparent url(../img/sub07/icon_arrow_right.png) no-repeat center center;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/sub07/icon_arrow_right@2x.png) no-repeat center center;
	background: linear-gradient(transparent,transparent),url(../img/sub07/icon_arrow_right@2x.png) no-repeat center center;
	background-size: 58px 56px;
}

.strategy-information-wrapper .strategy-result {
	float: left;
	width: 30%;
	height: 100%;
	background: #cb4524;
	padding: 35px 30px;
	color: #fff;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
	font-size: 1.400em;
	line-height: 1.143em;
	word-break: keep-all;
	text-align: center;
}

.strategy-information-wrapper .strategy-result img {
	display: block;
	width: 78px;
	margin: 0 auto 15px auto
}

.comparison-information-wrapper {
	margin-bottom: 90px;
}

.comparison-table {
	margin: 0;
	padding: 0;
}

.comparison-table table {
	table-layout: fixed;
	border-collapse:collapse;
}

.comparison-table table th {
	padding: 10px 20px;
	text-align: center;
	border-bottom: 1px solid #c4c4c4;
	font-size: 	1.067em;
	line-height: 1.250em
}
.comparison-table table td {
	padding: 20px;
	text-align: center;
	border-bottom: 1px solid #c4c4c4;
	font-size: 	1.067em;
	line-height: 1.250em
}

.comparison-table table th:nth-child(2) {
	width: 212px;
	color: #585858;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
	font-size: 5.333em;
	line-height: 1em;
}

.comparison-table table td:nth-child(2) {
	width: 212px;
	color: #ca4120;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
	font-size: 1.200em;
}

.comparison-table table th .title-yesin {
	height: 46px;
	line-height: 46px;
	background: #a9936d;
	border-radius: 23px;
}

.comparison-table table th .title-yesin img {
	display: inline-block;
	vertical-align: middle;
	height: 20px;
}

.comparison-table table th .title-another {
	height: 46px;
	line-height: 46px;
	background: #c4c4c4;
	border-radius: 23px;
	font-size: 	1.200em;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
	color: #fff;
}


.strategy-information-wrapper02 {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.strategy-information-area02 {
	position: relative;
	padding: 70px 30px;
	background: #4d4847;
	max-height: 770px;
}


.strategy-information-area02 .bg {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
}

.strategy-information-box02 {
	position: relative;
	z-index: 10;
}

.strategy-information-info02 {
	float: left;
	width: 48%;
}

.strategy-information-info02:nth-child(even) {
	float: right;
}


.strategy-information-info02 > img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}

.strategy-information-info02 > .word-info {
	position: relative;
	margin-top: 50px;
	padding-left: 53px;
	color: #ffffff;
	font-size: 1.600em;
	line-height: 1.250em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}

.strategy-information-info02 > .word-info > img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 36px;
}

.strategy-table table {
	table-layout: fixed;
	border-collapse:collapse;
}


.strategy-table table td {
	padding: 15px 35px;
	height: 100px;
	text-align: center;
	background: #fff;
	border-right: 1px solid #b5a282;
	border-bottom: 1px solid #b5a282;
	font-size: 1.067em;
	line-height: 1.375em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}

.strategy-table table td:right-child {
	border-right: 0;
}

/* 개발 시스템 */
.system-information-wrapper {
	display: block;
	padding: 55px 35px 40px 35px;
	background: url(../img/sub07/bg0401.jpg) repeat center center;
	background-size: cover;
}

.system-information-wrapper .title-area {
	margin-bottom: 50px;
	text-align: center;
}


.system-information-wrapper .title-area h2 > img {
	display: block;
	width: 54px;
	margin: 0 auto 25px auto;
}

.system-information-wrapper .title-area h2 {
	margin-bottom: 35px;
	color: #4c4c4c;
	font-size: 3.067em;
	line-height: 1.261em;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

.system-information-wrapper .title-area p {
	font-size: 1.333em;
	line-height: 1.500em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}

.system-information-wrapper .title-area p span {
	display: block;
}


.system-information-area {
	background: #fff;
	padding: 27px;
}

.system-information-area dl {
	position: relative;
	border-top: 1px solid #c3c3c3;
	padding: 60px 60px 60px 300px;;
}

.system-information-area dl:first-child {
	border-top: 0;
}

.system-information-area dl dt {
	position: absolute;
	top: 50%;
	left: 32px;
	height: 74px;
	line-height: 74px;
	margin-top: -37px;
	color: #242424;
	font-size: 1.600em;
}

.system-information-area dl dt img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

.system-information-area dl dt > span {
	display: inline-block;
	vertical-align: middle;
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
	letter-spacing: -2px;
}


.system-information-area dl dt.line-depth2 {
	line-height: 1.250em;
}

.system-information-area dl dt.line-depth2 > span > span {
	display: block;
}


.system-information-area dl dd {
	color: #696969;
	font-size: 	1.067em;
	line-height: 1.875em;
	word-break: keep-all;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}


.system-information-area .ul-list02 {
	color: #464646;
	font-size: 1.200em;
	line-height: 2.000em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}




.process-list-wrapper {
	padding: 50px;
}

.process-list-wrapper .process-list-area {
	float: left;
	width: 21.25%;
	text-align: center;
	color: #242424;
	font-size: 1.333em;
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.process-list-wrapper .process-list-area img {
	display: block;
	margin: 0 auto 25px auto;
}

.process-list-wrapper .arrow {
	float: left;
	width: 5%;
	height: 115px;
	background: transparent url(../img/sub07/icon_gt_right.gif) no-repeat center center;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/sub07/icon_gt_right@2x.gif) no-repeat center center;
	background: linear-gradient(transparent,transparent),url(../img/sub07/icon_gt_right@2x.gif) no-repeat center center;
	background-size: 17px 31px;
}


.bank-list-wrapper {
	margin: 0;
	padding: 0;
}

.bank-list-wrapper li {
	float: left;
	width: 15%;
	margin-left: 2%;
}

.bank-list-wrapper li:first-child {
	margin-left: 0;
}

.bank-list-wrapper li a {
	display: block;
	text-align: center;
}

.bank-list-wrapper li a img {
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
}


/*개발시스템 - 성공포인트 */

.system-information-area2 {
	background: #fff;
	padding: 27px;
}

.system-information-area2 dl {
	position: relative;
	border-top: 1px solid #c3c3c3;
	padding: 60px 60px 60px 130px;
}

.system-information-area2 dl:first-child {
	border-top: 0;
}

.system-information-area2 dl dt {
	color: #242424;
	font-size: 1.600em;
}

.system-information-area2 dl dt img {
	position: absolute;
	top: 0;
	left: 32px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	margin-top:60px;
}

.system-information-area2 dl dt > span {
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
	letter-spacing: -2px;
	line-height:30px;
}


.system-information-area2 dl dt.line-depth2 {
	line-height: 1.250em;
}

.system-information-area2 dl dt.line-depth2 > span > span {
	display: block;
}


.system-information-area2 dl dd {
	color: #696969;
	font-size: 1.067em;
	line-height: 1.875em;
	word-break: keep-all;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}


.system-information-area2 .ul-list02 {
	color: #464646;
	font-size: 1.200em;
	line-height: 2.000em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}


/*공공기관 창업자금 대출*/

.table-type01 {
	border-top: 2px solid #4c4c4c;
}

.table-type01 table {
	border-collapse: collapse; 
}


.table-type01 table thead th {
	color: #333339;;
	padding: 20px 5px; 
	text-align: center; 
	vertical-align: middle; 
	border-bottom: 1px solid #cccccc;
	font-family: "notoKrR", sans-serif;
	font-weight: 300;
	font-size: 1.077em;
} 
.table-type01 table tbody th {
	border-bottom: 1px solid #dddddd; 
	border-right:1px solid #ddd; 
	color: #545454; 
	text-align: center; 
	padding: 20px 5px;
	font-size: 1em;
	line-height: 1.385em;
	word-break: break-all;
}


.table-type01 table tbody td {
	border-bottom: 1px solid #dddddd; 
	color: #545454; 
	text-align: center; 
	padding: 20px 5px;
	font-size: 1em;
	line-height: 1.385em;
	word-break: break-all;
}


.table-type01 table tbody td dl{
	margin-left:20px;
}
.table-type01 table tbody td dt{
	float:left;
	color: #545454; 
	padding: 6px 5px;
	font-size: 1em;
	line-height: 1.308em
}
.table-type01 table tbody td dd{
	color: #545454; 
	padding: 6px 5px;
	font-size: 1em;
	line-height: 1.308em
}


.table-type01 table tbody td .point-color01 {
	color: #a76e40;
}

.table-type01 table .division {
	width: 30%;
}


.table-type01 table tbody td.left {
	text-align:left; 
}
.table-type01 table tbody td.center {
	text-align:center; 
}
.table-type01 table tbody td.right {
	text-align:right; 
}


.system-information-area .word-type02 {
	margin-top: 75px;
	padding-bottom: 60px;
}

/* 개설문의 */
.brand-information-wrapper {
	padding: 0 35px;
	margin-bottom: 55px;
}

.brand-information-wrapper:after {
	content: "";
	clear: both;
	display: block;
}

.brand-information-wrapper > dl {
	float: left;
	width: 19.2%;
	margin-right: 1%;
	background: #fff;
}

.brand-information-wrapper > dl:last-child {
	margin-right: 0;
}

.brand-information-wrapper > dl > dt {
	height: 75px;
	line-height: 75px;
	background: #000;
	text-align: center;
}

.brand-information-wrapper > dl > dt img {
	display: inline-block;
	vertical-align: middle;
	width: 164px;
}

.brand-information-wrapper > dl > dd {
	min-height: 130px;
	padding: 25px 10px;
	text-align: center;
	word-break: keep-all;
	color: #777777;
	line-height: 1.333em;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}

.brand-information-wrapper > dl dt.brand01 {
	background-color: #6fa437;
}

.brand-information-wrapper > dl dt.brand02 {
	background-color: #5d78bc;
}

.brand-information-wrapper > dl dt.brand03 {
	background-color: #bc5d5d;
}

.brand-information-wrapper > dl dt.brand04 {
	background-color: #603f2c;
}

.brand-information-wrapper > dl dt.brand05 {
	background-color: #5d5858;
}

.customer-information {
	padding: 0 35px 40px 35px
}

.customer-information:after {
	content: "";
	clear: both;
	display: block;
}

.customer-information dl {
	float: left;
	width: 50%;
	padding-left: 135px;
	padding-right: 20px;
	min-height: 60px;
	border-right: 1px solid #d9d9d9;
}

.customer-information dl:last-child {
	border-right: 0;
}

.customer-information dl.join-inquiry {
	background: transparent url(../img/sub07/icon_inquiry01.png) no-repeat;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/sub07/icon_inquiry01@2x.png) no-repeat;
	background: linear-gradient(transparent,transparent),url(../img/sub07/icon_inquiry01@2x.png) no-repeat;
	background-position: 10% center;
	background-size: 64px 60px;
}

.customer-information dl.time-inquiry {
	background: transparent url(../img/sub07/icon_timer.png) no-repeat;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/sub07/icon_timer@2x.png) no-repeat;
	background: linear-gradient(transparent,transparent),url(../img/sub07/icon_timer@2x.png) no-repeat;
	background-position: 10% center;
	background-size: 54px 54px;
}

.customer-information dl dt {
	display: block;
	color: #696969;
	font-size: 1.200em;
	margin-bottom: 15px;
}

.customer-information dl dd {
	color: #333333;
	font-size: 2.400em
}

.customer-information dl dd p {
	height: 35px;
}

.customer-information dl dd img {
	display: block;
	max-height: 100%;
}


/*기업제휴신청 171018 */

.person-information {
	margin:0 auto 50px auto;
	padding:20px ; 
	width:350px;
	border:1px solid #555;
}

.person-information dl dt {
	float:left;
	display: block;
	color: #555;
	margin-right:5px;

}
.person-information dl dt, .person-information dl dd {
	font-size: 1.200em;
	letter-spacing:0.3em;
	color:#333;
	font-weight:600;
	text-align:center;
}


.award-wrapper {
	position: relative;
	background: #6d6d6d;
	margin-top: 35px;
	overflow: hidden;
	text-align: center;
	padding: 70px;
}

.award-area {
	position: relative;
	z-index: 10;
}

.award-area h2 {
	color: #ffffff;
	font-size: 3.067em;
	line-height: 1em;
	margin-bottom: 60px; 
	font-family: "notoKrM", notoKrM, sans-serif;
	font-weight: 500;
}

.award-area h2 span {
	display: block;
	color: #d0b66f;
	font-size: 0.696em;

	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}

.award-area .award-slogon {
	font-size: 1.200em;
	line-height: 1.667em;
	color: #dddddd;
	margin-bottom: 50px;
	font-family: "notoKrL", notoKrL, sans-serif;
	font-weight: 100;
}

.award-area .award-slogon span {
	display: block;
}

.award-area > ul {
	max-width: 560px;
	margin: 0 auto;
}

.award-area > ul > li {
	float: left;
	width: 49%;
}

.award-area > ul > li > img {
	display: block;
	max-width: 100%;
}

.award-area > ul > li:nth-child(even) {
	float: right;
}

.award-wrapper > .bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}


.advantage-temperature-wrapper {
	position: relative;
	border: 1px solid #cccccc;
	border-top: 0;
	padding: 25px;
}

.advantage-temperature-wrapper dl {
	position: relative;
	padding-left: 325px;
}

.advantage-temperature-wrapper dl dt {
	position: absolute;
	top: 50%;
	left: 33px;
	padding-left: 80px;
	min-height: 99px;
	margin-top: -50px;
	background: transparent url(../img/sub02/img010601.png) no-repeat left center;
	background: -webkit-linear-gradient(transparent,transparent),url(../img/sub02/img010601@2x.png) no-repeat left center;
	background: linear-gradient(transparent,transparent),url(../img/sub02/img010601@2x.png) no-repeat left center;
	background-size: 44px 99px;
	color: #666666;
	font-size: 1.733em;
	line-height: 1.154em
}

.advantage-temperature-wrapper dl dt > strong,
.advantage-temperature-wrapper dl dt > span {
	display: block;
}

.advantage-temperature-wrapper dl dt > strong {
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}

.advantage-temperature-wrapper dl dd {
	margin: 0;
	padding: 0;
}

.advantage-temperature-wrapper dl dd ol {
	overflow: hidden;
}

.advantage-temperature-wrapper dl dd ol li {
	float: left;
	padding: 0 18px;
	margin: 5px;
	height: 54px;
	line-height: 54px;
	background: #f1f4f7;
	border-radius: 27px;
	color: #656361;
	font-size: 1.067em
}


.advantage-temperature-wrapper dl dd ol li strong {
	font-family: "notoKrB", notoKrB, sans-serif;
	font-weight: 700;
}






.branch-title-area {
	height:50px;
	line-height:50px;
	background:#503b25;
}
.branch-title {
	color:#fff;
	font-weight:bold;
	padding:0px 20px;
}
.branch-btn {
	float:right;
	margin-right:20px;
}
.branch-btn a {
	border:1px solid #DFDFDF;
	color:#666666;
	background:#fff;
	padding:5px 20px; 
	border-radius:5px;
}

.branch-btn a:hover {
	border:1px solid #a0a5b2;
	background:#a0a5b2;
	color:#fff;
}

.search_branch li {
	float:left;
	width: 10%;
	margin-right: 1.25%;
	margin-bottom: 1.25%;
}

.search_branch li:nth-child(9n) {
	margin-right: 0;
}


.search_branch li a {
	display:block;
	position:relative;
	border:1px solid #DFDFDF;
	text-align:center;
	padding:10px 0px; 
}

.search_branch li a:hover,
.search_branch li a.on {
	border:1px solid #503b25;
	color:#503b25;
}





/* 2017.10.31 입사지원서 버튼 추가*/
.btn-application {
	display: inline-block;
	vertical-align: middle;
	background: #567096;
	height: 37px;
	line-height: 37px;
	padding: 0 20px;
	color: #fff;
}


@media only all and (max-width: 1279px) {
	.goods-information-box .word-slogon span.type02 {
		display: inline;
	}
}

@media only all and (max-width: 1197px) {
	.wedding-care-list {
		position: relative;
		padding-top: 55px;
		padding-left: 420px
	}

	.wedding-care-list > img {
		position: absolute;
		top: 90px;
		left: 0;
		display: block;
		width: 380px; 
	}
}


@media only all and (max-width: 1023px) {
	.attendance-wrap .check_btn{
		position:absolute;
		top:50px;
	}
	.attendance-month .month {

		text-align:center;
	}
	.ceo-introduce-wrapper {
		position: relative;
		margin-top: 88px;
		padding-left: 300px;
		min-height: 476px;
	}

	.ceo-introduce-wrapper img {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		max-width: 270px;
	}

	.history-wrapper {
		padding-left: 485px;
	}

	.history-wrapper img {
		left: 0;
	}


	.history-wrapper02 {
		position: relative;
		padding-left: 410px;
	}

	.history-wrapper02 img {
		left: 0;
	}

	.competitiveness-wrapper {
		position: relative;
		padding-left: 0;
		min-height: auto;
		padding-bottom: 80px;
	}

	.competitiveness-wrapper .image-slogon {
		position: static;
		width: auto;
		
		margin-bottom: 50px;
	}

	.competitiveness-wrapper .image-slogon img {
		max-width: 100%;
	}

	.competitiveness-wrapper .image-slogon .pc {
		display: none;
	}

	.competitiveness-wrapper .image-slogon .mobile {
		display: block;
		margin: 0 auto;
	}

	.competitiveness-wrapper .competitiveness-area {
		margin: 0;
		padding: 0;
	}

	.competitiveness-wrapper .competitiveness-box dl {
		width: 47%;
		max-width: none;
		padding-top: 45px;
		margin-right: 3%;
	}

	.competitiveness-wrapper .competitiveness-box dl:nth-child(even) {
		margin-right: 0;
		margin-left: 3%;
	}

	.official-information-wrapper {
		padding-bottom: 75px
	}


	/* 절차 목록 */
	.process-list {
		height: 50px;
		margin-bottom: 35px;
	}

	.process-list.consult {
		margin-top: 50px;
	}

	.form-wrapper {
		margin-bottom: 55px;
	}

	.form-wrapper .title-area {
		margin-bottom: 15px;
	}

	.form-wrapper .title-area .word-important {
		margin-top: 0;
	}



	.form-area dl {
		position: relative;
		background: #f3f3f3;
		padding-left: 140px;
	}

	.form-area dl dt {
		width: 140px;
		line-height: 1.250em;
		padding-top: 15px;
		padding-left: 25px;
		word-break: keep-all;
	}

	.form-area dl dt .point-important {
		position: absolute;
		top: 25px;
		left: 15px;

	}


	.form-area dl dd input[type="text"],
	.form-area dl dd input[type="email"],
	.form-area dl dd input[type="tel"],
	.form-area dl dd input[type="date"],
	.form-area dl dd input[type="time"],
	.form-area dl dd input[type="password"] {
		max-width: inherit;
	}

	.form-area dl dd input[type="time"] {
		width: 50%;
		max-width: 145px;
	}

	.form-area dl dd select {
		width: 100%;
	}

	.form-area dl dd select.job {
		max-width: 147px;
	}

	.form-area dl dd .input-box-depth3 {
		width: 80%;
		max-width: 400px;

	}


	.form-area dl dd .input-box-depth3 > select,
	.form-area dl dd .input-box-depth3 > input {
		float: left;
		min-width: inherit;
		width: 26.3%;
	}

	.form-area dl dd .input-box-depth3 > span {
		width: 7%;
	}

	.form-area dl dd .input-box-email {
		width: 80%;
		max-width: 400px;
	}


	.form-area dl dd .input-box-email input {
		float: left;
		width: 30%;
	}

	.form-area dl dd .input-box-email > span {
		width: 7%;
	}

	.form-area dl dd .input-box-email select {
		float: left;
		margin-left: 2%;
		width: 30%;
		min-width: inherit;
	}

	.form-area dl dd .input-ckecked-branch {
		width: 25%;
	}

	.form-area dl dd .word-etc {
		padding-top: 20px;
	}

	.form-area dl dd .information {
		position: relative;
		float: none;
		display: block;
		padding-left: 70px;
		margin-top: 20px;
		margin-right: 0;
	}

	.form-area dl dd .information:first-child {
			margin-top: 0;
	}
	
	.form-area dl dd .information label {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		line-height: 30px;
		margin-right: 0;
	}

	.form-area dl dd .information select {
		display: block;
		width: 100%;
	}


	.form-area dl dd .information:nth-child(2) select {
		float: left;;
		width: 49%;
	}

	.form-area dl dd .information:nth-child(2) select:nth-child(2) {
		float: right;
	}



	/*출석체크이벤트*/
	.attendance-wrap h2 strong {
		font-size: 5.000em;
	}


	.attendance-wrap h2 span {
		margin-left: 10px;
		font-size: 1.200em;
		
	}

	.attendance-wrap .attendance-month {
		padding: 32px 0 30px 0;
	}

	.attendance-wrap .attendance-month dl {
		position:absolute;
		top: 5px;
		text-align: center;
	}

	.attendance-wrap .attendance-month dl dt {
		display: block;
		width: 100%;
		font-size: 1em;
		margin: 0 auto;
		padding-right: 0;
		text-align: center;
	}

	.attendance-wrap .attendance-month dl dd {
		clear: both;
		display: block;
		float: none;
		
	}
	

	.attendance-wrap .attendance-month dl dd span {
		font-size: 1.333em;
	}


	.attendance-wrap .calendar td {
		height: 80px;
	}
	.attendance-wrap .calendar td div{
	}

	.attendance-wrap .calendar td .stamp {
		height: 60px;
	}


	/* 채용안내 */
	.recruit-list-area {
		padding: 30px 160px 30px 120px;
	}

	.recruit-list-area .icon-type {
		left: 15px;
	}


	.recruit-list-area .btn-detail-view {
		right: 15px;
		display: block;
	}

	/* 로그인 */
	.login-sns-wrapper .sns-list {
		padding: 0 0 37px 0;
	}

	.login-sns-wrapper .sns-list li {
		width: 33%;
		margin-left: 0.5%;
	}

	.login-sns-wrapper .sns-list li a {
		padding: 0 10px;
		font-size: 	0.867em
	}

	.login-sns-wrapper .sns-list li a img {
		margin-right: 5px;
	}


	/* 예신 프라이드 */
	.pride-information-wrapper {
		padding: 100px 40px 0 40px;
	}

	.pride-information-wrapper.type01,
	.pride-information-wrapper.type03 {
		padding-right: 370px;
	}

	.pride-information-wrapper.type01 .image-logo {
		right: 40px;
		width: 300px;
		margin-top: -79px;
	}

	.pride-information-wrapper.type02 {
		padding-left: 335px;
	}

	.pride-information-wrapper .image {
		margin-left: -17.5%;
	}




	/* 예신상품소개 */
	.goods-information-wrapper {
		margin-bottom: 100px;
	}

	.goods-information-box {
		padding-right: 0;
	}


	.goods-information-box.type05 {
		height: auto;
	}

	.goods-information-box .big-number {
		top: 75px;
		left: initial;
		right: 0;
	}

	.goods-information-box.left {
		padding-left: 0;
	}

	.goods-information-box .word-slogon {
		margin-bottom: 35px;
	}

	.goods-information-box .word-slogon span {
		display: inline;
	}

	.goods-information-box .word-info span {
		display: inline-block;
	}

	.goods-information-box .word-info ul{
		margin-left:0;
	}

	.goods-information-box .word-info  ul  li{
			color:#777777;
			padding-left: 7px;
			font-size: 	0.867em;
			line-height: 1.692em;
			margin-bottom: 5px;
			background: transparent url(../img/icon/icon_bullet02.png) no-repeat 0 10px;
			background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_bullet02@2x.png) no-repeat 0 10px;
			background: linear-gradient(transparent,transparent),url(../img/icon/icon_bullet02@2x.png) no-repeat 0 10px;
			background-size: 4px 1px;
	}

	.goods-information-box .image {
		position: static;
		max-width: none;
	}

	.medicinal-herbs-list-wrapper {
		padding: 30px;
	}


	.medicinal-herbs-list-area .medicinal-herbs {
		width: 19.2%;
		margin-right: 1%;
	}	

	.medicinal-herbs-list-area .medicinal-herbs:last-child {
		margin-right: 0;
	}

	.medicinal-herbs-list-area .medicinal-herbs img {
		display: block;
		width: 100%;
	}

	.goods-information01 > .word-notice02 span {
		display: inline;
	}

	.goods-information-box .word-slogon span.type02 {
		display: block;
	}



	.wedding-care-list {
		position: relative;
		padding-top: 55px;
		padding-left: 0;
	}

	.wedding-care-list > img {
		position: static;
		display: block;
		max-width: 100%;
		margin: 0 auto 50px auto;
	}


	.pregnant-woman-care-area .pregnant-woman-care-left {
		float: none;
		max-width: none;
		width: 100%;
	}

	.pregnant-woman-care-area .pregnant-woman-care-right {
		float: none;
		width: 100%;
	}

	.pregnant-woman-care-area .pregnant-woman-care-right > img {
		display: block;
		max-width: 100%;
		margin-top: 35px;
		margin: 0 auto;
	}



	/* 예신의 시장성 */
	.marketability-information-wrapper {
		padding-top: 60px;
	}


	.marketability-information-box {
		padding: 30px;
	}

	.marketability-information-box.half-box:last-child {
		border-left: 0;
		border-top: 1px solid #ccc;
	}

	.survey-information-wrapper {
		padding: 0;
	}


	.survey-information-area h3 {
		color: #46413a;
		font-size: 	1.067em;
	}

	.survey-information-area .satisfaction-information {
		padding-top: 45px;
	}

	.survey-information-area .satisfaction-information.dpeth1 {
		padding-top: 60px;
	}

	.survey-information-area .satisfaction-information .satisfaction {
		font-size: 1.200em;
		line-height: 1em;
		margin-bottom: 10px;
	}


	.survey-information-area .satisfaction-information .dissatisfaction {
		font-size: 1.067em
	}

	.marketability-information-box.half-box {
		float: none;
		width: 100%;
	}

	.marketability-information-box .image {
		margin: 0;
		padding: 0;
	}

	.marketability-information-box .image img {
		display: block;
		max-width: 465px;
		margin: 0 auto;
	}

	/* 브랜드 경쟁력 */
	.brand-wrapper {
		padding-bottom: 300px;
	}


	.brand-slogon-area {
		padding: 50px 60px 60px 60px;
		text-align: center;
	}



	.brand-slogon-area h2 span {
		display: block;
	}


	.brand-slogon-area h2 img {
		margin: 0 auto 20px auto;
	}




	.brand-slogon-area .brand-slogon > .span-mobile-br {
		display: block;
	}

	.brand-wrapper .brand-list {
		padding: 0 40px;
	}

	.brand-wrapper .brand-list li {
		position: relative;
		width: 50%;
		height: 68px;
		margin-bottom: 50px;
		padding-left: 90px;
		border-left: 1px solid #c7c8ca;
		text-align: left;
	}



	.brand-wrapper .brand-list li:nth-child(odd),
	.brand-wrapper .brand-list li:first-child {
		border-left: 0;
	}

	.brand-wrapper .brand-list li:nth-child(4) {
		float: left;
		clear: none;
		border-left: 1px solid #c7c8ca;
	}

	.brand-wrapper .brand-list li:nth-child(7) {
		margin-left: 50%;
	}

	.brand-wrapper .brand-list li img {
		position: absolute;
		top: 50%;
		left: 22px;
		display: block;
		width: 68px;
		margin: 0;
		margin-top: -34px;
	}

	.brand-wrapper .brand-list li p {
		max-width: 150px;
		padding: 12px 10px;
		color: #616161;
		font-size: 1.067em;
		line-height: 1.375em;
		font-family: "notoKrM", notoKrM, sans-serif;
		font-weight: 500;
		letter-spacing: -1px;
		word-break: keep-all;
	}

	.brand-wrapper .brand-list li p span {
		display: block;
	}

	.brand-wrapper .bg {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 380px;
		margin-bottom: -30px;
		/*margin-left: -5%;*/
	}

	/* 마케팅 & 홍보 */
	.marketing-system-information-wrapper {
		position: relative;
		padding: 50px 25px;	
		text-align: center;
	}

	.marketing-system-information-wrapper .bg {
		display: none;
	}

	.marketing-system-information-wrapper .bg-mobile {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: -1;
	}

	.strategy-information {
		float: none;
		width: 100%;
		overflow: hidden;
	}

	.strategy-information-wrapper .arrow {
		float: none;
		width: 100%;
		height: 120px;
		background: transparent url(../img/sub07/icon_arrow_down.png) no-repeat center center;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/sub07/icon_arrow_down@2x.png) no-repeat center center;
		background: linear-gradient(transparent,transparent),url(../img/sub07/icon_arrow_down@2x.png) no-repeat center center;
		background-size: 56px 58px;
	}

	.strategy-information-wrapper .strategy-result {
		float: none;
		width: 100%;
	}
	
	

	.strategy-information-area02 {
		max-height: initial;
		padding: 50px 20px 0 20px;
	}

	.strategy-information-box02 {
		margin: 0 !important;
	}

	.strategy-information-info02 {
		float: none;
		width: 100%;
		margin-bottom: 50px;
	}


	.system-information-area .ul-list02 {
		font-size: 	1.067em;
		line-height: 2.000em;
	}

	.system-information-area2 .ul-list02 {
		font-size: 	1.067em;
		line-height: 2.000em;
	}

	.process-list-wrapper {
		padding: 30px;
	}

	.process-list-wrapper .process-list-area {
		font-size: 	1.200em;
	}

	.process-list-wrapper .process-list-area img {
		display: block;
		margin: 0 auto 15px auto;
	}

	.process-list-wrapper .arrow {
		height: 100px;
	}

	.bank-list-wrapper {
		margin-bottom: -2%;
	}

	.bank-list-wrapper li {
		float: left;
		width: 32%;
		margin-left: 0;
		margin-bottom: 2%;
		margin-right: 2%;
	}

	.bank-list-wrapper li:nth-child(3n) {
		margin-right: 0;
	}

	.system-information-area .word-type02 {
		margin-top: 50px;
		padding-bottom: 40px;
	}
	
	/* 개설문의 */
	.brand-information-wrapper {
		padding: 0 30px;
		margin-bottom: 35px;
	}

	.brand-information-wrapper > dl {
		position: relative;
		float: none;
		width: 100%;
		min-height: 80px;
		margin-right: 0;
		margin-bottom: 2%;
		padding-left: 200px;
	}

	.brand-information-wrapper > dl:last-child {
		margin-bottom: 0;
	}

	.brand-information-wrapper > dl > dt {
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		height: 100%;
	}


	.brand-information-wrapper > dl > dd {
		min-height: auto;
		padding: 25px;
		text-align: left;
	}

	.customer-information {
		padding: 0 30px 30px 30px;
	}
	.customer-information dl {
		clear: both;
		float: none;
		width: 100%;
		padding: 20px 20px 20px 80px;
		min-height: 60px;
		border-right: 0;
		border-bottom: 1px solid #d9d9d9;
	}

	.customer-information dl:last-child {
		border-bottom: 0;
	}

	.customer-information dl.join-inquiry {
		background-position: left center;
		background-size: 64px 60px;
	}

	.customer-information dl.time-inquiry {
		background-position: left center;
		background-size: 54px 54px;
	}

	.customer-information dl dt {
		display: block;
		color: #696969;
		font-size: 1.200em;
		margin-bottom: 15px;
	}

	.customer-information dl dd {
		color: #333333;
		font-size: 2.400em
	}

	.customer-information dl dd p {
		height: 35px;
	}

	.customer-information dl dd img {
		display: block;
		max-height: 100%;
	}

}

@media only all and (max-width: 896px) {


	.yesin-information-wrapper {
		padding-bottom: 60px;
		margin-bottom: 60px;
		border-bottom: 1px solid #e5e5e5;
	}

	.yesin-information-area {
		float: none;
		width: 100%;
		margin-bottom: 70px;
	}

	.yesin-information-area:nth-child(2) {
		float: none;
		margin-bottom: 0;
	}

	.yesin-information-area .word-info {
		color: #777777;
		line-height: 1.467em;
	}

	.yesin-information-wrapper02 {
		padding-left: 300px;
	}

	.history-wrapper {
		padding-left: 300px;
	}

	.history-wrapper img {
		width: 280px;
	}

	.history-wrapper02 {
		position: relative;
		padding-left: 370px;
	}

	.history-wrapper02 img {
		left: 0;
	}

	.official-information-wrapper .official-information-area {
		padding-top: 145px;
	}


	.official-information-wrapper .official-information-area .image {
		height: 200px;
		line-height: 200px;
	}

	.official-information-wrapper .official-information-area .image img {
		height: 200px;
		margin: auto;
	}

	.official-information-wrapper .official-information-area dl {
		padding: 0 25px;
		height: 450px;
	}


	/* 개발 시스템 */
	.system-information-area {
		padding: 27px
	}

	.system-information-area dl {
		position: relative;
		border-top: 1px solid #c3c3c3;
		padding: 30px 25px;
	}

	.system-information-area dl:first-child {
		border-top: 0;
	}

	.system-information-area dl dt {
		position: static;
		margin-top: 0;
		margin-bottom: 10px;
	}


	.system-information-area2 {
		padding: 27px
	}

	.system-information-area2 dl {
		position: relative;
		border-top: 1px solid #c3c3c3;
		padding: 30px 25px;
	}

	.system-information-area2 dl:first-child {
		border-top: 0;
	}

	.system-information-area2 dl dt {
		position: relative;
		left: 0;
		min-height: 74px;
		margin-top: 0;
		margin-bottom: 10px;
		padding-left: 95px;
		padding-right: 0;
		padding-top: 10px;
	}

	.system-information-area2 dl dt img {
		position: absolute;
		top: 0;
		left: 0;
	}

	.system-information-area2 dl dt > span {
		line-height:30px;
		width:100%;
		word-break: keep-all;
	}

	.system-information-area2 dl dt img{
		margin-top:0;
	}




	.advantage-temperature-wrapper dl {
		position: relative;
		padding-left: 220px;
	}

	.advantage-temperature-wrapper dl dt {
		position: absolute;
		top: 50%;
		left: 20px;
		padding-left: 60px;
		font-size: 1.467em;
		line-height: 1.364em
	}

	.attendance-wrap .check_btn{

		position:absolute;
		top:60px;
	}
	.attendance-wrap .check_btn img {
		height:50px;
	}

}

@media only all and (max-width: 767px) {
	.images-box.mb50 {
		margin-bottom: 25px !important;
	}

	.yesin-information-wrapper02 {
		position: relative;
		padding-left: 0;
	}

	.yesin-information-wrapper02 dt {
		position: static;
		padding-left: 40px;
		width: auto;
		padding-bottom: 30px;
		color: #db8349;
		font-size: 1.600em;
		line-height: 1.250em;
		word-break: keep-all;
		background: transparent url(../img/icon/icon_quot.png) no-repeat 0 0;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_quot@2x.png) no-repeat 0 0;
		background: linear-gradient(transparent,transparent),url(../img/icon/icon_quot@2x.png) no-repeat 0 0;
		background-size: 20px 17px;
	}

	.yesin-information-wrapper02 dd {
		padding-left: 40px;
		color: #777777;
		line-height: 1.467em;
		word-break: keep-all;
	}

	.ceo-introduce-wrapper {
		position: relative;
		margin-top: 45px;
		padding-left: 0;
		min-height: auto;
	}


	.ceo-introduce-wrapper img {
		position: static;
		float: left;
		width: 120px;
		margin-right: 20px;
	}

	.ceo-introduce-wrapper p {
		text-align: left;

	}
	.ceo-introduce-wrapper .word-ceo-information {
		margin-top: 40px;
	}


	.history-wrapper02 {
		padding-left: 250px;
	}

	.history-wrapper02 img {
		width: 230px;
	}

	.images-box .pc {
		display: none;
	}

	.images-box .mobile {
		display: block;
		width: 100%;
		max-width: inherit
	}

	.official-information-wrapper {
		padding-bottom: 0;
	}

	.official-information-wrapper .official-information-area {
		float: none;
		width: 100%;
		margin-left: 0;
		padding-top: 0;
	}


	.official-information-wrapper .official-information-area .image {
		position: static;
		height: auto;
	}

	.official-information-wrapper .official-information-area .image img {
		position: static;
		display: block;
		width: 100%;
		height: auto;
	}


	.official-information-wrapper .official-information-area dl {
		padding: 0 45px 70px 45px;
		margin-bottom: 40px;
		height: auto;
		z-index: 10;
		margin-top: -80px;
	}

	.official-information-wrapper .official-information-area dl dt {
		font-size: 1.333em;
	}


	.official-information-wrapper .official-information-area dl dt.bg02 {
		padding-top: 40px;
	}


	.official-information-wrapper .official-information-area dl dt.bg03 span {
		color: #222222
	}




	.form-wrapper .one-box {
		border-top: 1px solid #e6e6e6 !important;
	}

	.form-wrapper .half-box {
		position: relative;
		float: none;
		width: 100%;
		border-top: 1px solid #e6e6e6 !important;
		margin-top: -1px;
		z-index: 1
	}

	.form-area dl dd .input-sex {
		max-width: inherit
	}

	.form-area dl dd .input-ckecked-branch {
		width: 33.333%
	}

	.form-area dl dd .input-box-depth3 {
		width: 100%;
		max-width: inherit;

	}

	.form-area dl dd .input-box-email {
		width: 100%;
		max-width: inherit;
	}

	.privacy-wrapper {
		margin: 30px 0;
	}

	.privacy-wrapper h2 {
		margin-bottom: 20px;
	}

	.privacy-wrapper .privacy-area {
		padding: 20px;
	}

	.privacy-wrapper .word-agreement {
		padding-top: 10px;
	}

	.privacy-wrapper .word-agreement label {
		margin-left: 2px;
		color: #727272;
		font-size: 0.867em
	}
.attendance-wrap .check_btn{
	position:absolute;
	top:70px;
}
.attendance-wrap .check_btn img {
	height:46px;
}
	.attendance-wrap h2 strong {
		font-size: 5.000em;
	}

	.attendance-wrap h2 span {
		margin-left: 10px;
		font-size: 1.200em;
		
	}

	.attendance-wrap .attendance-month {
		padding: 32px 0 30px 0;
	}

	.attendance-wrap .attendance-month dl {
		position:absolute;
		top: 5px;
		text-align: center;
	}

	.attendance-wrap .attendance-month dl dt {
		display: block;
		width: 100%;
		font-size: 1em;
		margin: 0 auto;
		padding-right: 0;
		text-align: center;
	}

	.attendance-wrap .attendance-month dl dd {
		clear: both;
		display: block;
		float: none;
		
	}

	.attendance-wrap .attendance-month dl dd span {
		font-size: 1.333em;
	}


	.attendance-wrap .calendar td {
		height: 80px;
	}

	.attendance-wrap .calendar td .stamp {
		height: 60px;
	}





	/*출석체크이벤트*/
	.attendance-wrap .attendance-month dl dd {
		padding: 0 25px; 
	}


	.attendance-wrap .calendar td {
		height: 80px;
		padding: 10px;
	}


	/* 인스타그램 */
	.instagram-wrapper {
		padding: 40px 0;
	}

	.instagram-wrapper li {
		width: 49%;
		margin-right: 0;
	}

	.instagram-wrapper li:nth-child(even) {
		float: right;
	}


	.instagram-wrapper li:nth-child(3n) {
		margin-right: 0;
	}

	/* 인터뷰 */
	.interview-wrapper {
		padding: 40px 0;
	}

	.interview-wrapper li {
		width: 49%;
		margin-right: 0;
	}

	.interview-wrapper li:nth-child(even) {
		float: right;
	}


	.interview-wrapper li:nth-child(3n) {
		margin-right: 0;
	}

	/* 채용안내 */
	.recruit-list-area {
		position: relative;
		padding: 40px 110px 40px 100px;
		border-bottom: 1px solid #e5e5e5
	}

	.recruit-list-area .icon-type {
		left: 15px;
		width: 66px;
		height: 66px;
		line-height: 66px;
		margin-top: -33px;
		font-size: 1.000em	;
		border-radius: 33px;
	}

	.recruit-list-area h2 {
		margin-bottom: 10px;
		font-size: 1.200em;
		line-height: 1.111em;
	}

	.recruit-list-area .sub-information {
		font-size: 	1.000em
	}

	.recruit-list-area .sub-information .icon-bar {
		margin: 2px 10px 0 10px;
		height: 12px;
	}


	.recruit-list-area .btn-detail-view {
		right: 15px;
		display: block;
		width: 90px;
		height: 36px;
		line-height: 36px;
		margin-top: -18px; 
		font-size: 1.000em
	}

	.recruit-list-area .btn-detail-view img {
		margin-left: 5px;
	}

	.recruit-process-wrapper .recruit-process-area {
		width: 30%;
		height: 34px;
		line-height: 32px;
		padding: 0 15px;
		margin: 5px 0;
		background: #f1efec;
		border-radius: 17px;
		font-size: 1.067em;
	}

	.recruit-process-wrapper .icon {
		width: 5%;
		height: 34px;
		line-height: 34px;
		padding: 0 7px;
	}

	.recruit-process-wrapper .recruit-process-area {
		width: 40%;
		height: 30px;
		line-height: 28px;
		padding: 0 10px;
		margin: 2px 0;
		background: #f1efec;
		border-radius: 17px;
		font-size: 0.867em;
	}

	.recruit-process-wrapper .icon {
		width: 5%;
		height: 34px;
		line-height: 34px;
		margin: 2px 0;
		padding: 0 5px;
	}

	/* 예신 프라이드 */
	.pride-information-wrapper {
		position: relative;
		color: #fff;
		height: auto;
		padding: 60px 50px;
	}


	.pride-information-wrapper.type01 {
		padding-right: 50px;
		background: url(../img/sub01/bg_0201_mobile.jpg) no-repeat center center;
		background-size: cover;
	}

	.pride-information-wrapper.type02 {
		padding-left: 50px;
		background: url(../img/sub01/bg_0202_mobile.png) no-repeat right top;
		background-size: cover;
	}

	.pride-information-wrapper.type03 {
		padding: 60px 0 0 0;
	}

	.pride-information-wrapper.type01 .title0201 {
		margin-bottom: 20px;
	}

	.pride-information-wrapper.type01 .image-logo {
		position: static;
		display: block;
		max-width: 367px;
		width: 100%;
		right: 0;
		margin: 80px auto 0 auto;
		padding: 0 50px;
	}


	.pride-information-area .word-slogon {
		padding-left: 15px;
		font-size: 2.400em;
		line-height: 1.167em;
		margin-bottom: 35px;
	}

	.pride-information-area .word-info {
		padding-left: 15px;
	}

	.pride-information-wrapper.type02 .image {
		position: static;
		width: auto;
		margin: 60px auto 0 auto;
	}

	.pride-information-wrapper.type02 .image .pc {
		display: none;
	}

	.pride-information-wrapper.type02 .image .mobile {
		display: block;
		margin: 0 auto;
	}

	.pride-information-wrapper.type02 ul,
	.pride-information-wrapper.type03 ul {
		padding-left: 15px;
	}

	.pride-information-wrapper.type03 .title0201 {
		margin: 0 50px 40px 50px;
	}

	.pride-information-wrapper.type03 .word-slogon {
		margin: 0 50px 35px 50px;
	}

	.pride-information-wrapper.type03 ul {
		margin: 0 50px;
	}

	.pride-information-wrapper.type03 .image-type03 {
		position: static;
		width: auto;
		margin: 60px auto 0 auto;
	}





	.process-list-wrapper {
		padding: 25px;
	}

	.process-list-wrapper .process-list-area {
		font-size: 	1.000em;
	}

	.process-list-wrapper .process-list-area img {
		display: block;
		width: 50px;
		margin: 0 auto 10px auto;
	}

	.process-list-wrapper .arrow {
		height: 80px;
	}


	.table-type01 table tbody td dl {
		margin-left: 0;
	}

	.system-information-area .word-type02 {
		margin-top: 35px;
		padding-bottom: 30px;
	}



	/* 개설문의 */
	.brand-information-wrapper {
		padding: 0 30px;
		margin-bottom: 35px;
	}

	.brand-information-wrapper > dl {
		position: relative;
		float: none;
		width: 100%;
		min-height: 80px;
		margin-right: 0;
		padding-left: 200px;
	}

	.brand-information-wrapper > dl:last-child {
		margin-bottom: 0;
	}

	.brand-information-wrapper > dl > dt {
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		height: 100%;
	}


	.brand-information-wrapper > dl > dd {
		padding: 25px;
	}

	.customer-information {
		padding: 0 30px 30px 30px;
	}
	.customer-information dl {
		clear: both;
		float: none;
		width: 100%;
		padding: 20px 20px 20px 80px;
		min-height: 60px;
		border-right: 0;
		border-bottom: 1px solid #d9d9d9;
	}

	.customer-information dl:last-child {
		border-bottom: 0;
	}

	.customer-information dl.join-inquiry {
		background-size: 64px 60px;
	}

	.customer-information dl.time-inquiry {
		background-size: 54px 54px;
	}

	.customer-information dl dt {
		display: block;
		color: #696969;
		font-size: 1.200em;
		margin-bottom: 15px;
	}

	.customer-information dl dd {
		color: #333333;
		font-size: 2.400em
	}

	.customer-information dl dd p {
		height: 35px;
	}

	.customer-information dl dd img {
		display: block;
		max-height: 100%;
	}



	.award-wrapper {
		padding: 50px 60px 60px 60px;
	}

	.award-area {
		position: relative;
		z-index: 10;
	}

	.award-area h2 {
		word-break: keep-all;
	}

	.award-area .award-slogon {
		font-size: 1.200em;
		line-height: 1.667em;
		color: #dddddd;
		margin-bottom: 50px;
		font-family: "notoKrL", notoKrL, sans-serif;
		font-weight: 100;
		word-break: keep-all;
	}

	.award-area .award-slogon span {
		display: inline;
	}


	.advantage-temperature-wrapper {
		padding: 40px 20px;
	}

	.advantage-temperature-wrapper dl {
		text-align: center;
		position: relative;
		padding-left: 0;
	}

	.advantage-temperature-wrapper dl dt {
		display: inline-block;
		position: static;
		padding-left: 30px;
		min-height: auto;
		margin: 0 auto 40px auto;
		background-size: 13px 30px;
	}

	.advantage-temperature-wrapper dl dt > strong,
	.advantage-temperature-wrapper dl dt > span {
		display: inline;
	}


	.advantage-temperature-wrapper dl dd ol li {
		float: left;
		width: 32%;
		padding: 0 15px;
		margin: 1% 0;
		margin-right: 2%;
		text-align: left;
	}

	.advantage-temperature-wrapper dl dd ol li:nth-child(3n) {
		margin-right: 0;
	}

	.spa-information-six li {
		width: 48%;
		margin-top: 0;
		margin-right: 0;
	}
	.spa-information-six li:nth-child(even) {
		float: right;
	}
	.spa-information-six ul > div {
		margin: 0;
		padding: 0;
		overflow: hidden;
		margin-bottom: 4%;
	}


	.search_branch li {
		width: 15%;
		margin-right: 2%;
		margin-bottom: 2%;
	}

	.search_branch li:nth-child(9n) {
		margin-right: 2%;
	}

	.search_branch li:nth-child(6n) {
		margin-right: 0;
	}

	.search_branch li a {
		font-size: 	0.846em
	}


}


@media only all and (max-width: 639px) {
	.contents-information {
		margin-bottom: 50px;
	}
	.yesin-information-wrapper {
		padding-left:30px;
		padding-right: 30px;
	}

	.yesin-information-area {
		margin-bottom: 50px;
	}
	.yesin-information-area .word-info .span-br {
		display: inline;
	}

	.yesin-information-wrapper02 {
		padding-left: 30px;
		padding-right: 30px;
	}

	.yesin-information-wrapper02 dt {
		padding-left: 25px;
	}

	.yesin-information-wrapper02 dd {
		padding-left: 25px;
	}

	.tabmenu-type01 {
		display: block;
		margin: 0 auto 40px auto;
	}

	.tabmenu-type01 li a {
		height: 45px;
		line-height: 45px;
		font-size: 0.867em
	}

	.history-wrapper {
		position: relative;
		padding-left: 0;
	}

	.history-wrapper img {
		position: static;
		display: block;
		width: 100%;
		margin: 0 auto 20px auto;
	}

	.history-wrapper .img-history01 {
		max-width: 424px;
	}

	.history-wrapper .img-history02 {
		max-width: 424px;
	}

	.history-wrapper02 {
		padding-left: 0;
	}

	.history-wrapper02 img {
		display: none;
	}

	.history-wrapper02 .history-area02 {
		position: relative;
		padding-left: 57px;
		margin-bottom: 20px;
	}

	.history-wrapper02 .history-area02 h2 {
		font-size: 1.467em;
	}

	.history-wrapper02 .history-area02 dl {
		position: relative;
		padding-left: 39px;
	}


	.competitiveness-wrapper {
		padding-bottom: 45px;
	}

	.competitiveness-wrapper .image-slogon {
		margin-bottom: 0;
	}

	.competitiveness-wrapper .competitiveness-box {
		padding-bottom: 0;
	}

	.competitiveness-wrapper .competitiveness-box dl {
		float: none;
		width: 100%;
		max-width: none;
		padding-top: 28px;
		margin-right: 0;
	}

	.competitiveness-wrapper .competitiveness-box dl:nth-child(even) {
		float: right;
		margin-right: 0;
		margin-left: 0;
	}



	.competitiveness-wrapper .competitiveness-box dl dt {
		display: block;
		font-size: 1.333em;
		line-height: 1.500em;
		color: #bc8e5d;
		margin-bottom: 20px;
	}

	.competitiveness-wrapper .competitiveness-box dl dd {
		padding-bottom: 25px;
	}


	.process-list {
		height: 45px;
		margin-bottom: 25px;
	}

	.process-list.consult {
		margin-top: 20px;
	}

	.process-list li {
		height: 45px;
		line-height: 45px;
	}

	.process-list li .icon-process {
		position: absolute;
		top: 0;
		right: 0;
		width: 25px;
		height: 45px;
		margin-top: -1px;
		margin-right: -25px;
		z-index: 5;
	}



	.form-wrapper {
		margin-bottom: 30px;
	}

	.form-wrapper .title-area {
		margin-bottom: 10px;
	}

	.form-wrapper .title-area h2 {
		font-size: 1.133em;
	}

	.form-wrapper .title-area .input-agreement {
		position: absolute;
		top: 198px;
		left: 0;
		width: 100%;
		text-align: center;
		margin-top: 0;
		font-size: 0.867em
	}

	.form-wrapper .title-area .input-agreement input[type="radio"].ml50 {
		margin-left: 25px !important
	}

	.form-wrapper dl dd textarea {
		height: 140px;
	}

	.form-area dl {
		padding-left: 100px;
	}

	.form-area dl dt {
		font-size: 0.867em;
		width: 100px;
		padding-left: 23px
	}

	.form-area dl dt .point-important{
		top: 23px;
	}

	.form-area dl dd {
		padding: 10px;
		font-size: 0.867em;
	}

	.form-area dl dd select {
		width: 100%;
		min-width: inherit
	}

	.form-area dl dd .input-ckecked-branch {
		width: 50%;
		padding: 5px 0;
	}

	.form-area dl dd .input-ckecked-branch label {
		margin-left: 0;
	}

	.form-area dl dd .input-sex input[type="radio"] {
		margin-right: 0;
	}


	.form-area dl dd .input-ckecked-branch02 input[type="checkbox"],
	.form-area dl dd .input-ckecked-branch02 input[type="radio"] {
		margin-right: 0;
	}

	.form-area dl dd .input-box-email input {
		width: 45%;
	}

	.form-area dl dd .input-box-email > span {
		width: 10%;
	}

	.form-area dl dd .input-box-email select {
		display: block;
		width: 100%;
		margin-top: 10px;
		margin-left: 0;
	}

	.form-area dl dd select.job {
		max-width: inherit;
	}


	.form-area dl dd .information:nth-child(2) select {
		float: none;;
		width: 100%;
		margin-top: 10px;
	}

	.form-area dl dd .information:nth-child(2) select:nth-child(2) {
		float: none;
		margin-top: 0;
	}

	.form-area .agreement-wrapper {
		height: 150px;
		padding: 20px 0;
	}

	.agreement-area > h3 {
		font-size: 1.067em;
		margin-bottom: 20px;
	}

	.agreement-area > h4 {
		font-size: 1em;
		line-height: 1.200em;
		margin-bottom: 10px;
	}

	.agreement-area > h5 {
		font-size: 0.867em;
		line-height: 1.154em;
		margin-bottom: 5px;
	}

	.agreement-area >  p {
		font-size: 0.867em;;
		line-height: 1.154em;
		margin-bottom: 20px;
	}

	.agreement-area > ul,
	.agreement-area > ol {
		margin-bottom: 20px;
	}

	.agreement-area > ul > li,
	.agreement-area > ol > li {
		font-size: 0.867em;;
		line-height: 1.154em;
	}

	.form-wrapper .pt20.right {
		padding-top: 50px !important;
		text-align: center !important; 
		font-size: 	0.733em;
		word-break: keep-all;
	}

	.security-list {
		padding: 10px;
	}

	.security-list li {
		padding: 5px 0 5px 25px;
		font-size: 0.867em;
		line-height: 1.200em
	}

	.security-list li .number {
		top: 3px;
		width: 20px;
		height: 20px;
		line-height: 20px;
	}

	.contents-banner-area {
		padding-top: 50px;
	}

	.contents-banner-area h3 {
		position: relative;
		padding-bottom: 20px;
		background: url(../img/sub07/icon_line01.png) repeat-x left bottom;
		background-size: 1px 2px;
		color: #46413a;
		font-size: 1.200em;
		line-height: 1em;
		font-family: "notoKrM", notoKrM, sans-serif;
		font-weight: 500;
	}

	.contents-banner-area .swiper-pagination {
		padding: 15px 0;
	}

	.contents-banner-area .swiper-pagination .swiper-pagination-bullet {
		margin: 0 5px;
	}


	.privacy-wrapper {
		margin: 20px 0;
		padding: 20px;
	}

	.privacy-wrapper h2 {
		margin-bottom: 10px;
	}

	.privacy-wrapper .privacy-area {
		padding: 20px 15px;
	}

	/*출석체크이벤트*/
.attendance-wrap .check_btn  {
	display:none;
	position:absolute;
	top:50px;
}
.attendance-wrap .check_btn img {
	height:30px;
}
	.attendance-wrap {
		padding: 10px;
	}

	.attendance-wrap h2 strong {
		font-size: 3.733em;
	}

	.attendance-wrap .attendance-month {
		position:relative;
		padding: 32px 0 35px 0;
		text-align:center;
	}
	.attendance-wrap .attendance-month dl{
		top:30px;
	}
	.attendance-wrap .attendance-month dl dt {
		font-size: 	0.867em;
	}

	.attendance-wrap .attendance-month dl dd {
		height: 24px;
		line-height: 24px;
		padding: 0 15px; 
		border-radius: 12px; 
		font-size: 0.867em;
	}

	.attendance-wrap .attendance-month dl dd a.web {
		/*display:none;*/
	}
	.attendance-wrap .attendance-month dl dd img {
		height:30px;
		top:30px;
	}
	.attendance-wrap .attendance-month dl dd span {
		font-size: 1.154em;
	}

	.attendance-wrap .calendar {
		padding:15px;
	}

	.attendance-wrap .calendar th {
		padding: 10px;
		font-size: 1em;
		line-height: 1em;
	}


	.attendance-wrap .calendar td {
		padding: 5px;
		height: 75px;
	}

	.attendance-wrap .calendar td span {
		display:block; 
		height: 15px;
		font-size: 0.867em;
	}

	.attendance-wrap .calendar td .stamp {
		height: 50px;
	}


	.attendance-wrap > p {
		padding-top: 15px;
		padding-left: 0;
		font-size: 0.867em;
		line-height: 1.385em;
	}


	/*출석체크이벤트*/
	.attendance-wrap .attendance-month dl dd {
		padding: 0 15px; 
	}

	.instagram-wrapper {
		padding: 20px 0;
	}

	.interview-wrapper {
		padding: 20px 0;
	}

	/* 채용안내 */
	.recruit-list-area {
		padding: 20px 80px;
	}

	.recruit-list-area .icon-type {
		left: 0;
		font-size: 0.867em;
	}

	.recruit-list-area h2 {
		margin-bottom: 10px;
		font-size: 1.000em;
		line-height: 1.111em;
	}

	.recruit-list-area .sub-information {
		font-size: 	1.000em
	}

	.recruit-list-area .sub-information .icon-bar {
		margin: 2px 10px 0 10px;
		height: 12px;
	}


	.recruit-list-area .btn-detail-view {
		right: 0;
		width: 80px;
		height: 30px;
		line-height: 30px;
		margin-top: -15px; 
		font-size: 0.867em
	}

	.recruit-process-wrapper .recruit-process-area {
		width: 48%;
	}

	.recruit-process-wrapper .recruit-process-area.even {
		float: right;
	}	


	.recruit-process-wrapper .icon {
		display: none;
	}

	/* 로그인 */
	.login-wrapper {
		margin-top: 40px;
		padding: 40px 32px;
	}

	.login-area {
		position: relative;
		max-width: none;
		padding-right: 0;
		margin: 0;
	}

	.login-area dl {
		position: relative;
		padding-left: 0;
		margin-bottom: 10px;
	}

	.login-area dl dt {
		display: none;
	}

	.login-area dl dd {
		height: 40px;
	}

	.login-area dl dd input[type="text"],
	.login-area dl dd input[type="password"] {
		height: 40px;
	}


	.login-area dl dd input[type="text"]::-webkit-input-placeholder,
	.login-area dl dd input[type="password"]::-webkit-input-placeholder { /* Chrome */
		color: #666666;
	}

	.login-area dl dd input[type="text"]:-ms-input-placeholder ,
	.login-area dl dd input[type="password"]:-ms-input-placeholder { /* IE 10+ */
		color: #666666;
	}

	.login-area dl dd input[type="text"]::-moz-placeholder ,
	.login-area dl dd input[type="password"]::-moz-placeholder { /* Firefox 19+ */
		color: #666666;
		opacity: 1;
	}

	.login-area dl dd input[type="text"]:-moz-placeholder ,
	.login-area dl dd input[type="password"]:-moz-placeholder { /* Firefox 4 - 18 */
		color: #666666;
		opacity: 1;
	}

	.login-area input[type="submit"] {
		position: static;
		width: 100%;
		height: 60px !important;
		line-height: 60px !important;
		margin-top: 30px;
		font-size: 1em;
	}

	.login-sub-menu {
		padding-top: 20px;
		padding-left: 0;
	}

	.login-sns-wrapper {
		padding-top: 35px;
	}

	.login-sns-wrapper h2 {
		padding: 0 30px;
		margin-bottom: 20px;
		font-size: 0.933em;
		line-height: 1.286em;
	}

	.login-sns-wrapper .sns-list {
		padding: 0 30px 37px 30px;
	}

	.login-sns-wrapper .sns-list li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
		margin-left: 0;
	}


	.login-sns-wrapper .sns-list li a {
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		padding: 0 15px;
		font-size: 1em;
		color: #fff;
		text-align: left;
	}


	.login-sns-wrapper .sns-list li a img {
		width: 25px;
		margin-right: 20px;
	}

	.gray-box {
		padding: 15px 25px;
	}

	.word-notice {
		position: relative;
		padding-left: 20px;
	}

	.word-notice img {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 15px;
	}

	.word-notice p {
		color: #707070;
		font-size: 	0.867em;
		line-height: 	1.200em
	}

	.word-notice02 {
		position: relative;
		padding: 3px 0 3px 28px;
		margin-bottom: 15px;
	}

	.word-notice02 img {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 20px;
	}

	.word-notice02 p {
		font-size: 0.867em;
		line-height: 1.200em
	}


	/* 회원가입 타입 */
	.join-type-wrapper {
		margin-top: 68px;
		margin-bottom: 30px;
		border-top: 0;
	}

	.join-type-area {
		max-width: none;
		margin: 0 auto;
		margin-top: 0;
		padding-left: 0;
	}

	.join-type-area .btn-join-shop {
		position: static;
		width: 100%;
		height: 55px;
		line-height: 55px;
		font-size: 1em;
		font-family: "notoKrL", sans-serif;
		font-weight: 100;
	}


	.join-type-area .btn-join-shop img {
		display: inline-block;
		vertical-align: middle;
		width: auto;
		height: 15px;
		margin: 0;
		margin-right: 10px;
	}

	.join-type-area .sns-btn-group {
		margin: 0;
		padding: 0;
	}

	.join-type-area .sns-btn-group button:first-child {
		margin-top: 7px;
	}





	/* 예신 프라이드 */
	.pride-information-wrapper {
		position: relative;
		color: #fff;
		height: auto;
		padding: 35px 30px !important;
	}


	.pride-information-wrapper.type01,
	.pride-information-wrapper.type02 {
		padding-right: 30px;
	}



	.pride-information-wrapper .title0201 {
		margin-bottom: 10px !important;
	}

	.pride-information-wrapper.type01 .image-logo {
		margin: 40px auto 0 auto;
		padding: 0 30px;
	}


	.pride-information-area .word-slogon {
		padding-left: 10px;
		font-size: 	1.333em;
		line-height: 1.200em;
		margin-bottom: 20px;
	}

	.pride-information-area .word-info {
		padding-left: 10px;
		font-size: 0.867em;
		line-height: 1.385em
	}

	
	.pride-information-wrapper {
		margin-bottom: 30px;
	}

	.pride-information-wrapper.type02 .image {
		margin: 40px auto 0 auto;
	}

	.pride-information-wrapper.type02 ul,
	.pride-information-wrapper.type03 ul {
		padding-left: 10px;
	}


	.pride-information-wrapper.type03 {
		padding: 35px 0 0 0 !important;
	}

	.pride-information-wrapper.type03 .title0201 {
		margin-left: 30px;
		margin-right: 30px;
	}

	.pride-information-wrapper.type03 .word-slogon {
		margin: 0 30px 20px 30px;
	}

	.pride-information-wrapper.type03 ul {
		margin: 0 30px;
	}

	.pride-information-wrapper.type03 .image-type03 {
		margin: 40px auto 0 auto;
	}












	/* 예신상품소개 */
	.goods-information-wrapper {
		margin-bottom: 45px;
		border-bottom: 1px solid #f7f1f3
	}

	.goods-information-wrapper:last-child {
		border-bottom: 0;
	}

	.goods-information-box h2 {
		font-size: 1.733em;
		margin-top: 0;
		margin-bottom: 10px;
	}

	.goods-information-box h2 span {
		display: block;
		color: #bc8e5d;
		font-size: 0.500em;
	}

	.goods-information-box .word-slogon {
		font-size: 	1.333em;
		line-height: 1.200em;
		margin-bottom: 20px;
	}

	.goods-information-box .word-info {
		color: #777777;
		font-size: 1em;
		line-height: 1.333em;
		margin-top: 15px;
	}
	
	.goods-information-box .word-info ul{
	margin-left:0;
}

.goods-information-box .word-info  ul  li{
color:#777777;
		padding-left: 7px;
		font-size: 	0.867em;
		line-height: 1.692em;
		margin-bottom: 5px;
		background: transparent url(../img/icon/icon_bullet02.png) no-repeat 0 10px;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_bullet02@2x.png) no-repeat 0 10px;
		background: linear-gradient(transparent,transparent),url(../img/icon/icon_bullet02@2x.png) no-repeat 0 10px;
		background-size: 4px 1px;
}

	.medicinal-herbs-list-wrapper {
		padding: 20px 15px;
	}

	.medicinal-herbs-list-wrapper h2 {
		font-size: 	0.933em;
		margin-bottom: 15px;
	}

	.medicinal-herbs-list-wrapper h2 strong {
		font-size: 1.308em;
	}

	.medicinal-herbs-list-area .medicinal-herbs {
		width: 32%;
	}	

	.medicinal-herbs-list-area .medicinal-herbs:nth-child(3n),
	.medicinal-herbs-list-area .medicinal-herbs:last-child {
		margin-right: 0;
	}

	.medicinal-herbs-list-area .medicinal-herbs img {
		display: block;
		width: 100%;
	}


	.medicinal-herbs-list-area .medicinal-herbs dl {
		padding: 20px 0;
		height: 80px;
	}

	.medicinal-herbs-list-area .medicinal-herbs dl dt {
		font-size: 1em;
		line-height: 1em;
		margin-bottom: 5px;
	}

	.medicinal-herbs-list-area .medicinal-herbs dl dd {
		font-size: 	0.800em;
	}

	.goods-information01 {
		position: relative;
		min-height: 100px;
		padding-right: 190px;
		padding-top: 0;
	}

	.goods-information01 > img {
		position: absolute;
		top: 0;
		right: 0;
		width: 169px;
	}

	.goods-information01 > .word-notice02 {
		padding-left: 0;
	}

	.goods-information01 > .word-notice02 > img {
		position: static;
		margin-top: 0;

		padding-bottom: 10px;
		display: block;
	}

	.used-jangsuo-information-wrapper {
		padding: 20px 15px;
		margin-top: 25px;
	}

	.used-jangsuo-information-wrapper h2 {
		height: auto;
		line-height: initial;
		padding: 0 0 0 28px;
		font-size: 0.867em;
		margin-bottom: 15px;
	}

	.used-jangsuo-information-wrapper h2 > img {

		width: 20px;
	}

	.used-jangsuo-information-wrapper > img {
		position: static;
		display: block;
		width: 208px;
		margin: 0 auto 20px auto;
	}

	.used-jangsuo-information-wrapper > ul {
		margin-left: 0;
	}

	.used-jangsuo-information-wrapper > ul > li {
		padding-left: 7px;
		font-size: 	0.867em;
		line-height: 1.692em;
		margin-bottom: 5px;
		background: transparent url(../img/icon/icon_bullet02.png) no-repeat 0 10px;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/icon/icon_bullet02@2x.png) no-repeat 0 10px;
		background: linear-gradient(transparent,transparent),url(../img/icon/icon_bullet02@2x.png) no-repeat 0 10px;
		background-size: 4px 1px;
	}

	.goods-information-box .big-number {
		top: 50px;
		left: initial;
		right: 0;
		font-size: 6.667em;
	}



	.ol-list01 > li {
		padding-left: 21px;
		font-size: 1em;
		line-height: 1.333em;
		margin-bottom: 10px;
	}

	.ol-list01 > li > .number {
		width: 18px;
		height: 18px;
		border-radius: 9px;
		font-size: 0.867em
	}

	.ol-list01.pt65 {
		padding-top: 30px !important;
	}


	.ol-list02 > li {
		width:100%;
		padding-left: 21px;
		font-size: 1em;
		line-height: 1.333em;
		margin-bottom: 10px;
	}

	.ol-list02 > li > .number {
		width: 18px;
		height: 18px;
		border-radius: 9px;
		font-size: 0.867em
	}

	.ol-list02.pt65 {
		padding-top: 30px !important;
	}



	/* 예신의 시장성 */
	.marketability-information-wrapper {
		padding-top: 35px;
		border: 0;
	}


	.marketability-information-area {
		border: 0;
	}

	.marketability-information-area.top-line-none {
		border-top: 0;
	}

	.marketability-information-box {
		padding: 0 0 30px 0;
		border: 0 !important;
	}

	.survey-information-area {
		float: left;
		width: 33.33%;
		text-align: center;
	}


	.survey-information-area:nth-child(2) {
		width: 33.334%;
	}

	.survey-information-area:nth-child(4),
	.survey-information-area:nth-child(5) {
		width: 50%;
		padding-top: 15px;
	}



	.survey-information-area h3 {
		padding-bottom: 13px;
		font-size: 0.933em;
	}

	.survey-information-area h3 img {
		width: 32px;
		margin: 0 auto 7px auto
	}

	.survey-information-area span {
		position: absolute;
		bottom: 0;
		left: 50%;
		display: block;
		width: 10px;
		height: 10px;
		border-radius: 5px;
		margin-bottom: -5px;
		margin-left: -5px;
		border: 4px solid #ca4120;
	}

	.survey-information-area .satisfaction-information {
		padding-top: 25px;
	}

	.survey-information-area .satisfaction-information.dpeth1 {
		padding-top: 40px;
	}

	.survey-information-area .satisfaction-information .satisfaction {
		font-size: 0.867em;
		margin-bottom: 10px;
	}

	.survey-information-area .satisfaction-information .dissatisfaction {
		color: #585858;
		font-size: 	0.800em
	}





	/* 브랜드 경쟁력 */
	.brand-wrapper {
		padding-bottom: 220px;
	}
	.brand-slogon-area {
		padding: 25px 35px 35px 35px;
	}

	.brand-slogon-area h2 {
		font-size: 1.625em;
		line-height: 1.231em;
		letter-spacing: -2px;
	}

	.brand-slogon-area h2 img {
		width: 30px;
		margin: 0 auto 10px auto;
	}

	.brand-slogon-area .brand-slogon {
		font-size: 1em;
		line-height: 1.200em
	}


	.brand-wrapper .brand-list {
		padding: 0 0;
	}

	.brand-wrapper .brand-list li {
		height: 35px;
		margin-bottom: 25px;
		padding-left: 50px;
	}



	.brand-wrapper .brand-list li img {
		position: absolute;
		top: 50%;
		left: 15px;
		display: block;
		width: 35px;
		margin: 0;
		margin-top: -16px;
	}

	.brand-wrapper .brand-list li p {
		padding-top: 3px;
		font-size: 0.867em;
		line-height: 1.154em;
	}
	.brand-wrapper .bg {
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 250px;
		margin-bottom: -30px;
		margin-left: -5%;
	}



	/* 마케팅 & 홍보 */

	.marketing-system-information-wrapper {
		padding: 30px 15px;	
	}

	.marketing-system-information-wrapper {
		margin-bottom: 45px;
	}

	.marketing-system-information-wrapper .title-area {
		margin-bottom: 35px;
	}

	.marketing-system-information-wrapper .title-area h2 {
		font-size: 1.733em;
		line-height: 1.231em;
		margin-bottom: 15px;
	}

	.marketing-system-information-wrapper .title-area h2 img {
		display: block;
		width: 30px;
		margin: 0 auto 10px auto
	}

	.marketing-system-information-wrapper .title-area p {
		font-size: 1em;
		line-height: 1.200em;
	}

	.marketing-system-information-wrapper ol {
		padding: 20px 10px;
		margin-bottom: 45px;
	 	font-size: 0.867em;
		line-height: 1.385em;
	}

	.marketing-system-information-wrapper ol li {
		position: relative;
		padding-left: 15px;
	}

	.marketing-system-information-wrapper ol li > .number {
		font-size: 1.154em;
	}

	.marketing-system-information-wrapper .image-sns {
		width: 85%;
	}

	.strategy-information-wrapper {
		margin-bottom: 50px;
	}
 
	.strategy-information dl {
		padding: 15px 10px;
	}

	.strategy-information dl dt {
		padding-bottom: 10px;
		margin-bottom: 10px;
		font-size: 1em;
	}

	.strategy-information dl dt img {
		display: block;
		width: 40px;
		margin: 0 auto 8px auto;
	}

	.strategy-information dl dd {
		font-size: 	0.867em;
		line-height: 1.385em;
	}

	.strategy-information-wrapper .arrow {
		height: 70px;
		background-size: 31px 34px;
	}

	.strategy-information-wrapper .strategy-result {
		position: relative;
		float: none;
		width: 100%;
		padding: 35px 35px 35px 105px;
		text-align: left;
		font-size: 1.200em;
		line-height: 1.111em
	}

	.strategy-information-wrapper .strategy-result img {
		position: absolute;
		top: 50%;
		left: 36px;
		width: 56px;
		margin: 0;
		margin-top: -35px;
	}

	.comparison-information-wrapper {
		margin-bottom: 50px;
	}


	.comparison-table table {
		table-layout: fixed;
		border-collapse:collapse;
	}

	.comparison-table table th {
		padding: 10px 0;
		text-align: center;
		border-bottom: 1px solid #c4c4c4;
		font-size: 	1.067em;
		line-height: 1.250em
	}
	.comparison-table table td {
		padding: 10px 0;
		font-size: 	0.867em;
		line-height: 1.308em;
		word-break: keep-all;
	}

	.comparison-table table th:nth-child(2) {
		width: 110px;
		font-size: 2.333em;
		line-height: 1em;
	}

	.comparison-table table td:nth-child(2) {
		width: 110px;
		font-size: 	0.933em;
	}


	.comparison-table table th .title-yesin img {
		height: 15px;
	}

	.comparison-table table th .title-another {
		font-size: 1.133em;
	}


	.strategy-information-info02 > .word-info {
		position: relative;
		margin-top: 35px;
		padding-left: 31px;
		font-size: 1.133em;
		line-height: 1.235em;
		word-break: keep-all;
	}

	.strategy-information-info02 > .word-info > img {
		width: 20px;
	}

	.strategy-table table td {
		padding: 15px;
		height: auto;
		font-size: 	0.867em;
		line-height: 1.308em;
	}







	/* 개발 시스템 */
	.system-information-wrapper {
		display: block;
		padding: 25px 15px;
		background: url(../img/sub07/bg0401_mobile.jpg) repeat center center;
		background-size: cover;
	}

	.system-information-wrapper .title-area {
		margin-bottom: 25px;
		text-align: center;
	}


	.system-information-wrapper .title-area h2 > img {
		display: block;
		width: 30px;
		margin: 0 auto 15px auto;
	}

	.system-information-wrapper .title-area h2 {
		margin-bottom: 20px;
		font-size: 1.600em;
		line-height: 1.083em;
	}

	.system-information-wrapper .title-area p {
		font-size: 1.067em;
		line-height: 1.600em;
		word-break: keep-all;
	}

	.system-information-wrapper .title-area p span {
		display: inline;
	}


	.system-information-area {
		background: #fff;
		padding: 15px;
	}

	.system-information-area dl {
		position: relative;
		border-top: 1px solid #c3c3c3;
		padding: 20px 10px;
	}

	.system-information-area dl:first-child {
		border-top: 0;
	}

	.system-information-area dl dt {
		position: static;
		height: 35px;
		line-height: 35px;
		margin-top: 0;
		margin-bottom: 10px;
		font-size: 1.067em
	}

	.system-information-area dl dt img {
		width: 35px;
		margin-right: 5px;
	}

	.system-information-area dl dt.line-depth2 > span > span {
		display: inline;
	}


	.system-information-area dl dd {
		font-size: 0.867em;
		line-height: 1.308em
	}





	.system-information-area .ul-list02 {
		font-size: 0.867em;
		line-height: 1.385em;
	}



	
	.system-information-area2 {
		background: #fff;
		padding: 15px;
	}

	.system-information-area2 dl {
		position: relative;
		border-top: 1px solid #c3c3c3;
		padding: 20px 10px;
	}

	.system-information-area2 dl:first-child {
		border-top: 0;
	}

	.system-information-area2 dl dt {
		position: relative;
		line-height: 20px;
		margin-top: 0;
		margin-bottom: 10px;
		padding-left: 40px;
		font-size: 1.067em;
		min-height: 35px;
	}


	.system-information-area2 dl dt > span {
		width: 100%;
		line-height:20px; 
	}

	.system-information-area2 dl dt img {
		position: absolute;
		width: 35px;
		margin-top:0;
	}

	.system-information-area2 dl dt.line-depth2 > span > span {
		display: inline;
	}


	.system-information-area2 dl dd {
		font-size: 0.867em;
		line-height: 1.308em
	}


	.system-information-area2 .ul-list02 {
		font-size: 0.867em;
		line-height: 1.385em;
	}



	.process-list-wrapper {
		padding: 20px;
	}

	.process-list-wrapper .process-list-area {
		font-size: 0.867em;
	}

	.process-list-wrapper .process-list-area img {
		display: block;
		width: 38px;
		margin: 0 auto 5px auto;
	}

	.process-list-wrapper .arrow {
		height: 58px;
		background-size: 10px 18px;
	}


	.system-information-area .word-type02 {
		margin-top: 25px;
		padding-bottom: 15px;
	}



	/* 개설문의 */
	.brand-information-wrapper {
		padding: 0 20px;
		margin-bottom: 0;
	}

	.brand-information-wrapper > dl {
		position: relative;
		float: none;
		width: 100%;
		min-height: 70px;
		margin-right: 0;
		padding-left: 110px;
	}

	.brand-information-wrapper > dl:last-child {
		margin-bottom: 0;
	}

	.brand-information-wrapper > dl > dt {
		position: absolute;
		top: 0;
		left: 0;
		width: 110px;
		height: 100%;
	}

	.brand-information-wrapper > dl > dt img {
		width: 82px
	}


	.brand-information-wrapper > dl > dd {
		padding: 15px;
		font-size: 0.867em;
		line-height: 1.231em
	}

	.customer-information {
		padding: 0 20px;

	}
	.customer-information dl {
		padding: 20px 20px 20px 60px;
		min-height: 50px;
		border-right: 0;
		border-bottom: 1px solid #d9d9d9;
	}

	.customer-information dl:last-child {
		border-bottom: 0;
	}

	.customer-information dl.join-inquiry {
		background-size: 48px 45px;
	}

	.customer-information dl.time-inquiry {
		background-size: 40px 40px;
	}

	.customer-information dl dt {
		display: block;
		color: #696969;
		font-size: 1em;
		margin-bottom: 10px;
	}

	.customer-information dl dd {
		color: #333333;
		font-size: 2.400em
	}

	.customer-information dl dd p {
		height: 20px;
	}

	.customer-information dl dd img {
		display: block;
		max-height: 100%;
	}

	.person-information dl dt {
		float:none;
	}
	.person-information {
		width:70%;
	}
	.person-information dl dt{
		float:none;
		text-align:center;
		line-height:30px;
	}


	.award-wrapper {
		padding: 25px 35px 35px 35px;
	}

	.award-area {
		position: relative;
		z-index: 10;
	}

	.award-area h2 {
		font-size: 1.625em;
		line-height: 1.231em;
		word-break: keep-all;
		margin-bottom: 30px;
	}

	.award-area h2 span {
		margin-top: 10px;
		line-height: 1em;
	}

	.award-area .award-slogon {
		font-size: 1em;
		line-height: 1.200em;
	}

	.award-area .award-slogon span {
		display: inline;
	}

	.award-area ul li {
		float: none;
		width: 100%;
		margin-top: 15px;
	}

	.award-area ul li:first-child {
		margin-top: 0;
	}


	.advantage-temperature-wrapper {
		padding: 20px 15px;
	}

	.advantage-temperature-wrapper dl {
		text-align: center;
		position: relative;
		padding-left: 0;
	}

	.advantage-temperature-wrapper dl dt {
		height: 18px;
		line-height: 18px;
		margin: 0 auto 25px auto;
		padding-left: 0;
		font-size: 1em;
		background: transparent;
	}

	.advantage-temperature-wrapper dl dd ol li {
		float: left;
		width: 49%;
		height: 40px;
		line-height: 40px;
		border-radius: 20px;
		margin: 1% 0;
		margin-right: 0;
		font-size: 	0.867em
	}

	.advantage-temperature-wrapper dl dd ol li:nth-child(even) {
		float: right;
	}


	.spa-information-six li {
		float: none;
		width: 100%;
		margin-top: 0;
		margin-right: 0;
		margin-bottom: 4%;
	}

	.spa-information-six li span {
		font-size: 1em;
		line-height: 1.333em;
	}

	.spa-information-six li:nth-child(even) {
		float: none;
	}
	.spa-information-six ul > div {
		margin: 0;
		padding: 0;
		overflow: hidden;
		margin-bottom: 0;
	}

	.btn-application {
		display: block;
		text-align: center;
		width: 100%;
		padding: 0;
		margin-top: 10px;
	}

	.form-area dl dd input[type="file"] {
		display: block;
		width: 100%;
	}

}



@media only all and (max-width: 475px) {
	.tabmenu-type01 li a {
		font-size: 0.733em
	}


	.official-information-wrapper .official-information-area dl {
		padding: 0 35px 40px 35px;
		margin-bottom: 25px;
		height: auto;
		z-index: 10;
		margin-top: -45px;
	}

	.official-information-wrapper .official-information-area:last-child dl {
		margin-bottom: 0;
	}

	.official-information-wrapper .official-information-area dl dt {
		font-size: 1.333em;
	}


	.official-information-wrapper .official-information-area dl dt.bg02 {
		padding-top: 40px;
	}


	.official-information-wrapper .official-information-area dl dt.bg03 span {
		color: #222222
	}

	.privacy-wrapper {
		margin: 20px 0;
		padding: 15px 10px;
	}





	/*출석체크이벤트*/ 
	.attendance-wrap .check_btn {
		display:none;
		position:static;
		text-align:center;
		margin-bottom:10px;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
	}
	
	.attendance-wrap .check_btn img {
		height:36px;
	}

	.attendance-wrap h2 {
		text-align: left;
	}
	.attendance-wrap h2 strong {
		font-size: 2.400em;
	}

	.attendance-wrap h2 span {
		font-size: 0.867em;
	}

	.attendance-wrap .attendance-month {
		position:relative;
		padding: 22px 0 25px 0;
		text-align:center;
	}

	.attendance-wrap .attendance-month dl {
		top: 0px;
	}

	.attendance-wrap attendance-month dl dd a.web{
		display:inline-block;
	}
	.attendance-wrap .attendance-month dl dt {
		height: auto;
		font-size: 	0.867em;
		line-height: 20px;
		margin-bottom: 5px;
	}


	/* 채용안내 */
	.recruit-list-area {
		padding: 20px 0;
	}

	.recruit-list-area .icon-type {
		position: static;
		margin-bottom: 10px;
		display: inline-block;
		vertical-align: middle;
		width: auto;
		height: 26px;
		margin-top: 0;
		padding: 0 20px;
		line-height: 22px;
		border-radius: 15px;
		font-size: 0.867em;
	}

	.recruit-list-area h2 {
		margin-bottom: 10px;
	}

	.recruit-list-area .sub-information {
		font-size: 0.867em;
		margin-bottom: 20px;
	}

	.recruit-list-area .btn-detail-view {
		position: static;
		right: 0;
		width: 100%;
		height: 30px;
		line-height: 30px;
		margin-top: 0; 
		font-size: 0.867em
	}



	.recruit-process-wrapper .recruit-process-area {
		clear: both;
		float: none;
		width: 100%;
	}

	.recruit-process-wrapper .recruit-process-area.even {
		clear: both;
		float: none;
	}	


	/* 로그인 */
	.login-wrapper {
		margin-top: 40px;
		padding: 20px 30px 40px 30px;
	}

	.login-sns-wrapper h2 {
		padding: 0;
	}

	.login-sub-menu {
		font-size: 	0.867em
	}

	.login-sub-menu ul li {
		margin-left: 10px;
		padding-left: 8px;
	}

	.brand-slogon-area .brand-slogon span,
	.brand-slogon-area .brand-slogon .span-mobile-br {
		display: inline;
	}



	.process-list-wrapper .process-list-area {
		float: none;
		clear: both;
		width: 100%;
		font-size: 0.867em;
	}

	.process-list-wrapper .process-list-area img {
		display: block;
		width: 38px;
		margin: 0 auto 5px auto;
	}

	.process-list-wrapper .arrow {
		float: none;
		clear: both;
		width: 100%;
		height: 30px;

		background: transparent url(../img/sub07/icon_gt_down.gif) no-repeat center center;
		background: -webkit-linear-gradient(transparent,transparent),url(../img/sub07/icon_gt_down@2x.gif) no-repeat center center;
		background: linear-gradient(transparent,transparent),url(../img/sub07/icon_gt_down@2x.gif) no-repeat center center;
		background-size: 18px 10px;
	}



	.bank-list-wrapper {
		margin-bottom: -2%;
	}

	.bank-list-wrapper li {
		width: 49%;
		margin-right: 0;
	}

	.bank-list-wrapper li:nth-child(3n) {
		margin-right: 0;
	}


	.bank-list-wrapper li:nth-child(even) {
		float: right;
	}


	.search_branch li {
		width: 23.5%;
	}

	.search_branch li:nth-child(6n) {
		margin-right: 2%;
	}

	.search_branch li:nth-child(4n) {
		margin-right: 0;
	}


}

@media only all and (max-width: 360px) {

	.competitiveness-wrapper .competitiveness-box dl dt {
		display: block;
		font-size: 1.200em;
		line-height: 1.444em;
	}

	.competitiveness-wrapper .competitiveness-box dl dd {
		color: #777777;
		font-size: 0.867em
	}

	/* 출석체크 */
	.attendance-wrap .calendar td {
		height: 55px;
	}

	.attendance-wrap .calendar td .stamp {
		height: 40px;
	}

	.brand-slogon-area.type02 h2 span {
		display: inline;
	}



	.advantage-temperature-wrapper dl dd ol li {
		float: none;
		width: 100%;
		margin: 1% 0;
		margin-right: 0;
		font-size: 	0.867em
	}

	.advantage-temperature-wrapper dl dd ol li:nth-child(even) {
		float: none;
	}


}




/* 프랜차이즈 - 매장유형 - 인테리어 */
	.interior-wrapper .interior-img li { float:left; width:49%; }
	.interior-wrapper .interior-img li img { display:block; width:100%; }
	.interior-wrapper .interior-img li:last-child { float:right;}
	.interior-wrapper .interior-box {margin-top:30px;padding:50px 46px;background:#f4f4f4 url(../img/sub07/interior_mark.png) no-repeat 50px  46px;}
	.interior-wrapper .interior-box p {padding-left:100px;color: #777777;font-size: 1.133em;line-height: 1.154em;}
	.interior-wrapper .interior-box .btxt {margin-bottom:10px; font-family: 'Nanum Pen Script'; color:#d57230;font-size: 2.571em; line-height: 1em;}

@media only all and (max-width: 767px) {
	.interior-wrapper .interior-img  li { float:none; width:100%; margin-top:16px;padding:0;}
	.interior-wrapper .interior-img  li img { width:100%; }
	.interior-wrapper .interior-box  {
	padding:100px 30px 50px 30px; background:#f4f4f4 url(../img/sub07/interior_mark.png) no-repeat center 30px; background-size:50px; text-align:center;}
	.interior-wrapper .interior-box  p {padding-left:0;color: #777777;font-size: 1.143em;line-height: 1.154em;}
}