@charset "utf-8";

/*
css name : component
*/

/* ==================================================
	color
================================================== */
/* 포인트 컬러 */
.point-color {color:#4dbeee !important;}


/* ==================================================
	button
================================================== */
/* button regular */
.btn-regular {display:inline-block;min-width:140px;height:40px;border:2px solid #000;background:#000;color:#fff !important;line-height:36px;font-size:15px;font-weight:500;text-align:center;box-sizing:border-box;}

/* button medium */
.btn-medium {display:inline-block;min-width:140px;height:50px;border:2px solid #000;background:#000;color:#fff !important;line-height:46px;font-size:18.6px;font-weight:500;text-align:center;box-sizing:border-box;}

/* button style */
[class^="btn-"].is-line {background:#fff;color:#2a2a2a !important;}
[class^="btn-"].is-line-w {border-color:#fff;background:none;color:#fff !important;}

/* button align */
.area-button {margin-top:30px; text-align:center; font-size:0;}
.area-button [class^="btn-"] {vertical-align:top;}
.area-button [class^="btn-"] + [class^="btn-"] {margin-left:2px;}
.area-button.dir-flow {text-align:left;}
.area-button.dir-reverse {text-align:right;}

@media screen and (max-width:767px) {
	.btn-regular {min-width:125px;height:35px;line-height:33px;border-width:1px;}
}

@media screen and (min-width:768px) {
	/* button motion custom */
	[class*="hv-"] {
		-webkit-transition:all .3s ease-out;
				transition:all .3s ease-out;
	}
	[class*="hv-"] span {z-index:1;}

	.hv-diffuse {position:relative;z-index:1;display:inline-block;border:2px solid #fff;color:#fff !important;}
	.hv-diffuse:after {position:absolute;top:-1px;left:-1px;z-index:-1;opacity:0;width:100%;height:100%;padding:1px;background:#fff;content:"";
		-webkit-transition:-webkit-transform .2s, opacity .3s;
				transition:transform .2s, opacity .3s;
		-webkit-transform:scale(1.3);
			-ms-transform:scale(1.3);
				transform:scale(1.3);
	}
	.hv-diffuse:hover {color:#4ebded !important;}
	.hv-diffuse:hover:after {opacity:1;
		-webkit-transform:scale(1);
			-ms-transform:scale(1);
				transform:scale(1);
	}

	.hv-fade {
			-webkit-transition:all .5s;
					transition:all .5s;
	}
	[class^="btn-"].is-line.hv-fade:hover {background-color:#000;color:#fff !important;}
	[class^="btn-"].is-line-w.hv-fade:hover {background-color:#fff;color:#4dbeee !important;}
}


/* ==================================================
	paginate
================================================== */
/* 기본 */
.list-paginate {margin-top:40px;font-size:0;text-align:center;}
.list-paginate a {display:inline-block;width:15px;height:22px;margin:0 10px;color:#b7b7b7;font-weight:400;line-height:22px;font-size:18px;text-align:center;vertical-align:middle;}
.list-paginate a.prev,
.list-paginate a.next {width:22px;margin:0;border:1px solid #b7b7b7;font-size:0;box-sizing:border-box;}
.list-paginate a.prev {margin-right:8px;background:url(../img/btn/btn_paginate_larr.png) no-repeat 50%;}
.list-paginate a.next {margin-left:8px;background:url(../img/btn/btn_paginate_rarr.png) no-repeat 50%;}
.list-paginate a.on {position:relative;color:#2a2a2a;}
.list-paginate a.on:after {position:absolute;bottom:0;left:0;width:100%;height:1px;background:#000;content:"";}
.list-paginate a.prev.on:after,
.list-paginate a.next.on:after {content:none;}


/* ==================================================
	form
================================================== */
/* form - search */
.sch_wrp {position:relative;width:400px;margin:70px auto 0;padding-right:35px;border-bottom:1px solid #b7b7b7;}
.sch_wrp input {width:100%;height:30px;border:0;background:none;font-size:18px;}
.sch_wrp .btn_sch {position:absolute;top:0;right:0;width:24px;height:100%;background:url(../img/btn/btn_sch.png) no-repeat 50%;font-size:0;}

/* form - mail */
.form-mail {position:relative;font-size:0;}
.form-mail input[type="text"] {width:30.83%;}
.form-mail .at {display:inline-block;width:5.89%;font-size:20px;text-align:center;}
.form-mail select {width:32.45%;padding-left:10px;border:0;background:#ccc url(../img/btn/btn_select_darr_w.png) no-repeat 100% 50%;color:#fff;font-size:20px;}

@media screen and (max-width:767px) {
	.form-mail .at {font-size:10px;}
	.form-mail select {padding-left:6px;background-size:16px auto;font-size:13px;}
}

/* input */
[type="text"],
[type="password"] {height:32px;padding:0 12px;border:1px solid #cbcbcb; font-size:12px; box-sizing:border-box;}
textarea {overflow:auto;resize:none;padding:12px; border:1px solid #cbcbcb; font-size:12px; box-sizing:border-box; }
textarea:focus,
[type="text"]:focus,
[type="password"]:focus {border-color:#000;}
input:-ms-input-placeholder {color:#a2a2a2;}
input::-webkit-input-placeholder {color:#a2a2a2;}
textarea:-ms-input-placeholder {color:#a2a2a2;}
textarea::-webkit-input-placeholder {color:#a2a2a2;}

/* select - custom(only css, IE10+, width지정 필요) */
.select-def {height:40px;padding:5px 2px;border:0;border-bottom:1px solid #868686;background:#fff url(../img/btn/btn_select_darr.png) no-repeat 100% 50%;background-size:22px auto;font-size:15px;line-height:normal;outline:none;appearance:none;-webkit-appearance:none;} 
.select-def::-ms-expand {display:none;}

@media screen and (max-width:767px) {
	.select-def {height:26px;font-size:13px;line-height:15px;}
}

/* checkbox , radio */
.option-box {display:inline-block;}
.option-box label {display:inline-block;height:20px;margin-right:40px;color:#555;line-height:20px;cursor:pointer;background-repeat:no-repeat;}
.option-box label:last-child {margin:0;}
.option-box [type="radio"],
.option-box [type="checkbox"] {width:1px; height:1px; overflow:hidden; position:absolute; left:-10000%;}
.option-box [type="radio"] + label {background-image:url(../img/common/bg_form_radios.png);}
.option-box [type="checkbox"] + label {background-image:url(../img/common/bg_form_checkboxs.png);}
.option-box [type="radio"]:disabled + label {cursor:default;}
.option-box.dir-flow label {padding-left:24px;}
.option-box.dir-flow [type="radio"] + label,
.option-box.dir-flow [type="checkbox"] + label {background-position:0 0;}
.option-box.dir-flow [type="radio"]:checked + label,
.option-box.dir-flow [type="checkbox"]:checked + label {background-position:0 -20px;}
.option-box.dir-reverse label {padding-right:30px;}
.option-box.dir-reverse [type="radio"] + label,
.option-box.dir-reverse [type="checkbox"] + label {background-position:100% 0;}
.option-box.dir-reverse [type="radio"]:checked + label,
.option-box.dir-reverse [type="checkbox"]:checked + label {background-position:100% -20px;}

@media screen and (max-width:767px) {
	.option-box label {height:10px;margin-right:26px;line-height:10px;background-size:10px auto;}
	.option-box.dir-flow label {padding-left:12px;}
	.option-box.dir-flow [type="radio"]:checked + label,
	.option-box.dir-flow [type="checkbox"]:checked + label {background-position:0 -10px;}
	.option-box.dir-reverse [type="radio"]:checked + label,
	.option-box.dir-reverse [type="checkbox"]:checked + label {background-position:100% -10px;}
}

/* file name preview */
.filebox {position:relative;font-size:0;}
.filebox.no-photo .upload-display {display:none !important;}
.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 {cursor: pointer;}
.filebox .upload-nm {display:inline-block;width:354px;height:40px;padding:0 10px;background-color:#fff;border:1px solid #ccc;font-size:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;-webkit-border-radius:0;box-sizing:border-box;}
.filebox .btn-file {display:inline-block;width:125px;height:40px;background:#ccc;color:#fff;font-size:20px;line-height:40px;text-align:center;vertical-align:top;}

@media screen and (max-width:767px) {
	.filebox.no-photo {padding-right:62px;}
	.filebox .upload-nm {width:100%;height:26px;font-size:13px;}
	.filebox .btn-file {position:absolute;top:0;right:0;width:62px;height:26px;font-size:13px;line-height:26px;}
}


/* ==================================================
	table
================================================== */
/* 항목이 좌측 */
.th-left {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;}
.th-left caption {visibility:hidden;font-size:0;height:0;}
.th-left tbody th,
.th-left tbody td {height:60px;padding:10px 0;border-bottom:1px solid #e1e1e1;font-size:20px;text-align:left;}
.th-left tbody th {font-weight:700;vertical-align:middle;}
.th-left tbody td {font-weight:100;}
.th-left .no-border th,
.th-left .no-border td {border-bottom-width:0;}

@media screen and (max-width:767px) {
	.th-left tbody th,
	.th-left tbody td {height:40px;padding:7px 0;font-size:13px;}
}

/* editor 영역 */
.editor-area p {min-height:30px;font-size:15px;line-height:30px;}
.editor-area img {max-width:100%;}
@media screen and (max-width:767px) {
	.editor-area p {min-height:23px;font-size:13px;line-height:23px;}
}



/* ==================================================
	icon
================================================== */
[class^="icon-"] {display:inline-block;vertical-align:middle;font-size:0;background-repeat:no-repeat;background-size:contain;}
.icon-sync-fn01 {width:100px;height:90px;background-image:url(../img/icon/icon_sync_fn01.png);}
.icon-sync-fn02 {width:88px;height:84px;background-image:url(../img/icon/icon_sync_fn02.png);}
.icon-sync-fn03 {width:56px;height:86px;background-image:url(../img/icon/icon_sync_fn03.png);}
.icon-sync-fn04 {width:80px;height:80px;background-image:url(../img/icon/icon_sync_fn04.png);}
.icon-welfare01 {width:62px;height:42px;background-image:url(../img/icon/icon_welfare01.png);}
.icon-welfare02 {width:52px;height:58px;background-image:url(../img/icon/icon_welfare02.png);}
.icon-welfare03 {width:52px;height:44px;background-image:url(../img/icon/icon_welfare03.png);}
.icon-welfare04 {width:54px;height:60px;background-image:url(../img/icon/icon_welfare04.png);}
.icon-welfare05 {width:52px;height:50px;background-image:url(../img/icon/icon_welfare05.png);}
.icon-recruit01 {width:68px;height:54px;background-image:url(../img/icon/icon_recruit01.png);}
.icon-recruit02 {width:42px;height:66px;background-image:url(../img/icon/icon_recruit02.png);}
.icon-recruit03 {width:50px;height:54px;background-image:url(../img/icon/icon_recruit03.png);}

@media screen and (max-width:767px) {
	.icon-sync-fn01 {width:66px;height:60px;}
	.icon-sync-fn02 {width:59px;height:56px;}
	.icon-sync-fn03 {width:37px;height:57px;}
	.icon-sync-fn04 {width:53px;height:53px;}
	.icon-welfare01 {width:49px;height:33px;}
	.icon-welfare02 {width:40px;height:45px;}
	.icon-welfare03 {width:43px;height:36px;}
	.icon-welfare04 {width:42px;height:46px;}
	.icon-welfare05 {width:41px;height:40px;}
	.icon-recruit01 {width:40px;height:32px;}
	.icon-recruit02 {width:28px;height:43px;}
	.icon-recruit03 {width:25px;height:27px;}
}