@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/* html5 호환 설정*/
* {box-sizing: border-box!important;}
article, aside, canvas, details, figcaption, figure, main, footer, header, hgroup, menu, nav, section, summary {display:block;}
address {font-style:normal;display:inline;}

table {width:100%;border-collapse:collapse;border-spacing:0;}
table, caption, tbody, tfoot, thead, tr, th, td {outline:0;background:transparent;font-size:100%;}

nav, ul, ol {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:"";content:none;}

hr {display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}

/* 기본 폰트 및 사이즈 설정 */
body {font-family:"Noto Sans KR", "맑은고딕","돋움",arial,Dotum,Verdana,helvetica,clean,sans-serif; margin:0;padding:0;font-size:16px;font-weight:400;color:#555;line-height:1.5;background:#fff; *word-break:break-all;-ms-word-break:break-all; text-align:left; letter-spacing: -0.06rem; border-collapse: collapse;}
@media all and (max-width:1400px){
	body {font-size:16px}
}
@media all and (max-width:640px){
	body {font-size:15px}
}
@media all and (max-width:460px){
	body {font-size:14px}
}


/* m a i n */

#main_box {
	width: 100%;
	height: 700px;
	position: relative;
	text-align: center;
	background: url('/img/sacold/m_bg.png') center;
	background-size: cover;
}
#main_box > h2 {
	color: #fff;
	padding: 220px 0 0;
	font-weight: 400;
}
#main_box > h2 span {
	display: block;
	padding: 0 0 1rem;
}

#main_box > h2 strong {
	font-weight: 600;
	position: relative;
	border-top:1px solid #ddd;
	padding: 0.3rem 0 0;
	margin: 0.3rem 0 0;
}


.m_notice {
	width: 100%;
	max-width: 1200px;
	text-align: left;
	margin: 2rem 0 0;
}
.m_notice h2 {
	background: #fff;
	display: inline-block;
	padding: 1.5rem 3rem;
	color: #000;
	position: relative;
}
.m_notice h2::after{
	content: "";
	position: absolute;
	top:-10px;
	left: -10px;
	background: url('/img/sacold/m_left.png')no-repeat;
	background-size: 100%;
	width: 80px;
	height: 80px;
}
.m_notice ul {
	background: #fff;
	list-style: none;
	position: relative;
}
.m_notice ul li {
	padding: 1.5rem;
	line-height: 2rem;
}
.m_notice ul li:first-child {
	border-bottom: 1px solid #ddd;
}
.m_notice ul li a{
	color: #000;
}

.m_notice ul li span {
	font-size: 600;
	color: #888;
	line-height: 2rem;
	padding: 0 2.4rem;
	letter-spacing: 0;
}
.m_notice .not_more {
	background: url('/img/sacold/logo_white.png')#4ab747 no-repeat center 25px;
	background-blend-mode:soft-light;
	position: absolute;
	bottom: 0;
	right: 0;
	height: 100%;
	width: 150px;
	text-align: center;
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
}
.m_notice .not_more span{
	padding: 70% 0 0;
	display: inline-block;
}


@media all and (max-width:1100px){
	#main_box {	height: 600px;}
	.m_notice { position: absolute; bottom: 0; border-bottom: 1px solid #ddd;}
	.m_notice h2 { padding: 1rem 1.5rem;}
	.m_notice ul li { padding: 1rem;}
	.m_notice ul li span { padding: 0 0.5rem;  }
	.m_notice .not_more { width: 100px; font-size: 1rem; background-size: 40%; background-position: center 35%;}
	.m_notice .not_more span { padding: 85% 0 0;}
}
@media all and (max-width:460px){
	.m_notice .not_more { display: none;}
}

.board_box {
	margin: 0;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.board_box .inner{
	display: flex;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	position: relative;
}
.board_box .board_1 {
	width: 55%;
	display: inline-block;
	margin-right: 20px;
	margin: 2.5rem 0;
}
.board_box .board_1 .line_tab, .board_box .board_1 ul {
	width: 95%;
}
.board_box .board_1 .notice {
	min-height: 300px;
}

.board_2 {
	width: 45%;
	color: #fff;
	display: inline-block;
	min-height: 470px;
	padding: 1.5rem;
	position: absolute;
	top:0;
	right: 0;
	background: url('/img/sacold/b_bg.jpg')no-repeat;
	background-size: cover;
}
.board_2 h2 {
	margin: 2.5rem 0 1rem;
	font-weight: 500;
	max-width: 200px;
	word-break: keep-all;
}
.board_2 h3 {
	font-weight: 300;
	color: rgba(255,255,255,0.65);
	max-width: 350px;
	word-break: keep-all;
}
.board_2 > a{
	width: 180px;
	height: 145px;
	background: #4ab747;
	display: inline-block;
	padding: 1rem;
	margin: 4rem 10px 0 0;
	position: relative;
}
.board_2 > a span{
	color: #fff7b4;
	font-size: 0.85rem;
	font-weight: 300;
	position: absolute;
	letter-spacing: 0;
	bottom: 10px;
	left: 1.1rem;
}
.board_2 .boa_btn1 {
	background: url('/img/sacold/m_bt1.png')no-repeat 80% 80% #4ab747;
}
.board_2 .boa_btn2 {
	background: url('/img/sacold/m_bt2.png')no-repeat 80% 80% #4ab747;
}
@media all and (max-width:1100px){
	.board_box .inner{
		flex-wrap: wrap;
	}
	.board_box .board_1 {
		width: 100%;
		padding: 0;
	}
	.board_box .board_1 .line_tab, .board_box .board_1 ul {
		width: 100%;
	}
	.board_box .board_1 ul {
		padding: 0 1rem;
	}
	.board_box .board_2 {
		width: 100%;
		position: static;
	}
	.board_box .bg{
		display: none;
	}
	.board_box .board_1 .notice, .board_2 {
		min-height: auto;
	}
	.board_2 h2 {
		margin: 0 0 1rem;
	}
	.board_2 > a {
		margin: 1rem 0 0;
		vertical-align: top;
		width: 140px;
	}
	.board_2 > div {
		max-width: 300px;
		display: inline-block;
		margin-right: 20px;
	}
}


.m_pic {
	background: #f5f5f5;
	width: 100%;
	margin: 0;
	padding: 2rem 0;
}

.m_pic h2 { 
	color: #000;
	padding: 1rem;
}

.m_pic .lt_more { 
	text-indent:-99999rem;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	padding: 0;
	margin: -5px 0 0 10px;
	background: url('/img/sacold/more.png')no-repeat;
}





.m_btn {
	width: 100%;
	max-width: 1200px;
	margin: 2rem auto 2rem;
	display: flex;
	align-content: center;
	justify-content: space-between;
	flex-wrap: nowrap;
}
.m_btn a{
	border-radius: 20px;
	color: #fff!important;
	font-weight: 500;
	display: inline-block;
	flex-grow: 1;
	margin-right: 20px;
	padding: 1.5rem 1.5rem 3rem;
	position: relative;
}

.m_btn .m_bt1 {
	background: url('/img/sacold/m_bt3.png')no-repeat #90cc5a 95% center;
}
.m_btn .m_bt2 {
	background: url('/img/sacold/m_bt4.png')no-repeat #4ab747 95% center;
}
.m_btn .m_bt3 {
	background: url('/img/sacold/m_bt5.png')no-repeat #1b8213 95% center;
	margin-right: 0;
}
.m_btn a span{
	color: #fff7b4;
	font-size: 0.85rem;
	font-weight: 300;
	position: absolute;
	letter-spacing: 0;
	bottom: 1rem;
	left: 1.5rem;
}


@media all and (max-width:1100px){
}

@media all and (max-width:800px){
	.pic_lt {padding: 0 1rem;}
	.pic_lt li.galley_li {margin-right: 10px; width: calc( 100% / 3);}
	.pic_lt li.galley_li:nth-child(3) {margin-right: 0;}
	.pic_lt ul li:last-child {display: none;}
	.pic_lt .lt_date {display: none;}
	
	.m_btn { flex-wrap: wrap; margin: 0;}
	.m_btn a{ padding: 2rem 1rem; width: 100%; display: block; margin: 0; border-radius: 0;}
	.m_btn a span {left: 0.8rem;}
	
	.clients_item a { display: inline-block; width: 100%;}
	.clients_item a img {width: 100%; vertical-align: middle;}
	
	.g_img { text-align: left!important; float: inherit!important; margin-bottom: 2rem;}
	.g_img img { width: 40%!important; max-width: 400px!important;}

}






/* s u b */
.sch_box_style {
	background-color: #f8f8f8;
	padding:30px;
	text-align:right;
	width:100%;
}
.sch_box_style input[type=text]{
	border: none;
	outline: none;
	border-bottom: solid 2px #000;
	padding: 10px;
	width: 60%;
	max-width: 500px;
	text-align: center;
	font-weight: 600;
	font-family: 'Noto Sans KR';
}

.sch_vline {
	display: inline-block;
	width: 1px;
	height: 30px;
	background-color: #d5d5d5;
	vertical-align: middle;
}
.sch_input {
	width: 260px;
	height: 50px;
	border:none;
	font-size: 16px;
	font-weight: normal;
	box-sizing: border-box;
	color : #666;
	/*border-bottom: 1px solid #4b5055;*/
	background:none;
}
.input_group {
	width:300px;
	height:50px;
	position: relative;
	border-bottom:2px solid #56504b;
}
.sch_input:focus {
	box-shadow: none!important;
	outline: none!important;
}
.sch_submit {
	vertical-align: middle;
	outline: none;
	background: url('/img/sacold/sch_icon.png')no-repeat center;
	background-size: 21px;
	text-indent: -99999rem;
	width: 50px; 
	height: 50px;
}
.sch_box input:focus{outline: none;}

.content_wrap {
	
}

.content_wrap p {
	line-height: 2.2rem;	
}

.ttl_stt { 
	position: relative; 
	display: inline-block;
	padding: 30px;
}
.ttl_stt::before {
	content:"";
	background: url('/img/sacold/ttl_stt.png')no-repeat;
	background-size: 100%;
	width: 38px;
	height: 38px;
	position: absolute;
	top:0;
	left: 0;
}

.ttl_end::after {
	content:"";
	background: url('/img/sacold/ttl_end.png')no-repeat;
	background-size: 100%;
	width: 38px;
	height: 38px;
	position: absolute;
	bottom:0;
	right: 0;
}

.line_stt {
	padding: 0 30px;
	border-left: 5px solid #fcbb75;
}
.span_slash { 
	display: inline-block;
	position: relative;
	padding-left: 30px;
}
.span_slash::after {
    content: "";
	display: inline-block;
    height: 2px;
    width: 20px;
    margin: 10px auto;
    background-color: #ddd;
    transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
	position: absolute;
	left:6px;
	top:6px;
}
.dot_p {
	padding-left: 30px;
	position: relative;
}
.dot_p::after {
	content: "";
	background: #fcbb75;
	background-position: center left;
	width: 5px;
	height: 5px;	
	position: absolute;
	left: 18px;
	top:10px;
}
.sub_btn {
	display: inline-block;
    padding: 1rem 2.5rem;
    color: #fff!important;
    background: #4ab747;
    font-weight: 600;
    text-indent: 0;
    height: auto;
}

.greet {}
.g_img img{ 
	width: 60%;
	max-width: 600px;
	display: inline-block;
}

.history{position:relative;}
.history h2{position:relative;padding-left:12px;font-weight:600;letter-spacing:-1px;margin-bottom:30px;}
.history h2:before {content: '';position:absolute;top:-5px;left:0;width:8px;height:8px;background:#4ab747;}
.history h2 span{font-weight:400;}
.history ul {position:relative;margin:0;padding:0 20px;}
.history ul:before {content:'';position:absolute;top:25px;bottom:0;left:20px;width:1px;height:100%;background:#ddd;}  
.history ul > li {margin:0;padding:10px 30px;list-style-type:none;}
.history ul > li > dl {margin:3rem 0;}
.history ul > li > dl:after {content:'';display:block;clear:both;}
.history ul > li:first-child > dl {padding-top:0;}
.history ul > li:first-child > dl > dt:before {background:#fff;}
.history ul > li > dl > dt {float:left;position:relative;width:100px;margin:0 35px 0 0;padding:0;font-weight:600;color:#000;font-family: Montserrat;}
.history ul > li > dl > dt:before {content:''; position:absolute;top:50%;left:-36px;width:14px;height:14px;margin-top:-9px;border-radius:50%; border:3px solid #000;background:#fff;}
.history ul > li > dl > dd {margin:0;overflow:hidden; padding:3px 0;}
.history ul > li > dl > dd > p {margin:10px 0 0;padding:0;padding-left:10px;word-break: keep-all;padding-top:10px;}
.history ul > li > dl > dd > p:first-child {margin-top:0;}
.history ul > li > dl > dd > p:after {content:''; display:block; clear:both;}
.history ul > li > dl > dd > p > strong {display:block;float:left;margin-right:15px;background:#4ab747;color:#fff;text-align:center;line-height:24px;border-radius:20px; min-width: 120px; letter-spacing: 0;}
.history ul > li > dl > dd > p > span {display:block; overflow:hidden;color:#333;line-height:24px;}
.history ul > li > dl > dd > p > span .hist_img {display:block; margin-top:8px;}
.history ul > li > dl > dd > p > span .hist_img img {vertical-align:top;}	

@media screen and (max-width: 768px) {	
	.history ul{padding:0;}
	.history ul:before{left:0;}
	.history ul > li{padding:10px 0px 0 30px;}
	.history ul > li > dl > dt {float:inherit;display:block;}
	.history ul > li > dl > dd > p{padding-left:0;}
	.history ul > li > dl > dd > p > strong{line-height:22px;height:22px;margin-right:8px;vertical-align:middle;}
}


.vision {}
.vision h3 span { 
	display: inline-block; 
}
.vision h3 span::after {
    content: "";
	display: inline-block;
    height: 1px;
    width: 60px;
    margin: 10px auto;
    background-color: #ddd;
    transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}
.vision h3 div{
	position: relative;
	display: inline-block;
}
.vision h3 div::after {
    content: "Korea Association of Community Care For The Elderly";
	font-size: 11px;
	position: absolute;
	top:-12px;
	left: 3px;
	color: #888;
	letter-spacing: 0;
	font-weight: 300;
}

.vision img { 
	display: block;
	width: 100%;
	margin: 0 auto;
}





.info {}

.info > ul {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content: space-around
}

.info > ul li {
	display: inline-block;
	background: #f39938;
	color: #fff;
	font-weight: 500;
	padding: 1rem;
	flex-grow: 1;
	width: 32%;
	text-align: center;
	margin-right: 2%;
	margin-bottom: 20px;
	border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
.info > ul li:nth-child(3n+3) {
	margin-right: 0;
}



.present {}
.present .mTs tr:nth-child(odd) td { border-bottom: none;padding-bottom:0 }
.present .mTs tr td { word-break: normal }
.present .mTs tr td b { font-size:18px;color:#000 }
.present .mTs tr td a {width: 100%; display: inline-block; color: #5883da;font-size:13px;letter-spacing:0 }



.join {}
.join img { 
	display: block;
	width: 100%;
	margin: 0 auto;
}


.applicaion {}
.applicaion table {}
.applicaion table td { 
	text-align: left; 
	padding: 20px;
	font-size: 0.85rem;
}
.applicaion div { display: inline-block; }
.applicaion label { padding-right: 20px;}
.applicaion input[type=submit] { 
	display: inline-block; 
	padding: 1rem 2.5rem; 
	color: #fff;
	background: #4ab747;
	font-weight: 600;
	text-indent: 0;
	height: auto;
	font-family: 'Noto Sans KR', sans-serif;
}


@media screen and (max-width: 768px) {	
	.vision h3 span{
		display: block;
	}
	.vision h3 span::after, .vision h3 div::after {
    display: none;
	}

}




/* 글자 속성 */
/* a:link, a:visited, a:hover, a:active순서로 작성 */
a, a:link {color:inherit;text-decoration:none;}
a:visited, a.visited, a.visited:visited {color:inherit;text-decoration:none;}
a:hover, a.visited:hover, a:active {color:inherit;text-decoration:none;}
a:focus {text-decoration:none;}


/* LIST 요소 기본 */
ol.onum li {list-style-type:decimal}
.onum {padding-left:22px;}


/* Form 요소들 기본 */
/* input, button, select, textarea {font-family:inherit;} */
fieldset {padding:0px;margin:0px;border:0px;}
legend {display:none;}
input,select,textarea,button,label{vertical-align:middle;outline:none;}
input:-webkit-autofill{transition: background-color 5000s ease-in-out 0s;}
input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;} 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus{
-webkit-box-shadow:  0 0 5px #9ed4ff;
-moz-box-shadow:  0 0 5px #9ed4ff;
box-shadow: 0 0 5px #9ed4ff;}
.placeholdersjs{color: #aaa !important;}

fieldset { min-width:0; padding:0; margin:0; border:0; }
input,select{vertical-align:middle; height:34px;}
input{text-indent:10px}
input[type="text"], input[type="password"] ,select, textarea {border:1px solid rgba(0,0,0,0.2);box-shadow:none;}
input[type="text"], input[type="password"],select, textarea {box-sizing:border-box;}
/*select::-ms-expand {display:none;}*/
input[type="search"] { box-sizing:border-box; }
input[type="radio"], input[type="checkbox"] {margin:2px 4px 0 0;line-height:normal;text-indent:0;/*vertical-align:top;*/ width:16px;height:16px}
input[type="file"] { display:block; }
input[type="range"] { display:block; width:100%; }
input[type="submit"] {border:0;appearance:none;}
select[multiple], select[size] { height:auto; }
select { padding: 0 10px; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline:thin dotted; outline:5px auto; outline-offset:-2px; }
textarea { height:auto;padding:5px 10px;}
input:focus::-webkit-input-placeholder {color:transparent;}
input:focus::-moz-placeholder {color:transparent;}
hr,caption,legend {overflow:hidden; width:0px; height:0px; font-size:0; line-height:0 }
button {border:0; padding:0; background:transparent;cursor: pointer;outline:none}
audio,object,embed{height:auto;}
iframe {width:100%;}
#wrap,#header,#footer{width:100%;}

/* 이미지 요소 기본 */
img {vertical-align:top;}

/* 오버-클릭 커서로 지정 */
button, .pointer, .hand{cursor:pointer;}
.mvPointer {cursor:move;}


/*기본 스타일 정의*/
/*플로팅*/
.fr {float:right;}
.fl {float:left;}
.cr {clear:both;}
.aftercr:after {clear:both;content:"";display:block;}


/*포지셔닝*/
.pos_d, .pos-d, .poss {position:static;}
.pos_r, .pos-r, .posr {position:relative;}
.pos_a, .pos-a, .posa {position:absolute;}

/*박스유형*/
.dis_i, .dis-i, .disi {display:inline-block !important;}
.dis_b, .dis-b, .disb {display:block !important;}

/* 글자자름 (inline-block, block 형태로 가로폭 반드시 지정해 줘야함)*/
.ell {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wordkeep, .w_keep, .w-keep {white-space:normal;word-break:keep-all;}

/*숨김*/
.hidden {display:none;}
.blind {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0px;line-height:0;}
.wblind {width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;text-indent:-9999em;}/* 크롬에서 col width 값 안먹는 문제 대응 */
.sc_none {overflow:hidden;} /* 스크롤 없애는 이벤트시 적용 */



/* 공백 */
.gap {height:60px;clear:both;display:block;}
.sgap {height:40px;clear:both;display:block;}
.ssgap {height:20px;clear:both;display:block;}
.sssgap {height:10px;clear:both;display:block;}

@media all and (max-width:800px){
	.gap {height:40px;clear:both;display:block;}
	.sgap {height:25px;clear:both;display:block;}
	.ssgap {height:15px;clear:both;display:block;}
	.ssgap {height:15px;clear:both;display:block;}
	.sssgap {height:10px;clear:both;display:block;}
}
@media all and (max-width:460px){
	.gap {height:30px;clear:both;display:block;}
	.sgap {height:20px;clear:both;display:block;}
	.ssgap {height:10px;clear:both;display:block;}
	.ssgap {height:10px;clear:both;display:block;}
	.sssgap {height:5px;clear:both;display:block;}
}

/*정렬*/
.tc, .t_center {text-align:center;}
.tl, .t_left {text-align:left;}
.tr, .t_right {text-align:right;}
.left , .l {text-align:left !important; }
.right, .r {text-align:right !important;}
.center, .c {text-align:center !important;}
.vtop, .vtop, .vt * {vertical-align:top !important;}
.vcen, .vcen, .vc * {vertical-align:middle !important;}
.vfoot, .vfoot, .vf * {vertical-align:bottom !important;}

/* 들여쓰기 */
.indent {margin-left:15px;}
.li-indent {margin-left:10px;}

/* 폰트색상 */
.c0 {color:#000 !important;}
.c2 {color:#222 !important;}
.c3 {color:#333 !important;}
.c5 {color:#555 !important;}
.c6 {color:#666 !important;}
.c8 {color:#888 !important;}
.c9 {color:#999 !important;}
.cf {color:#fff !important;}

/*회색조*/
.cg1 {color:#69696a !important;}
.cg2 {color:#ababab !important;}
.cg3 {color:#848484 !important;}
.cg4 {color:#727272 !important;}
.cg5 {color:#b3b7bc !important;}

.cred {color:#df2519 !important;}
.cblue {color:#2176C6 !important;}
.cpink {color:#f9587d !important}
.cgold {color:#b8883c !important;}
.cgreen {color:#758d0a !important;}
.cbrown {color:#9f2C00 !important;}
.corg {color:#ff5612 !important;}

.bg1 {background-color:#69696a !important;}
.bg2 {background-color:#ababab !important;}
.bg3 {background-color:#848484 !important;}
.bg4 {background-color:#727272 !important;}
.bg5 {background-color:#b3b7bc !important;}


/* 폰트속성 */
.nb {font-weight:normal;}
.b {font-weight:bold;}

h2 {font-size: 2rem;}
h3 {font-size: 1.5rem;}
h4 {font-size: 1.2rem;}
p, li, div {font-size: 1rem;}
.f25 { font-size: 2.5rem;}
.f20 { font-size: 2rem;}
.f18 { font-size: 1.8rem;}
.f15 { font-size: 1.5rem;}
.f12 { font-size: 1.2rem;}
.f10 { font-size: 1rem;}

@media all and (max-width:1100px){
	h2 {font-size: 1.55rem;}
	h3 {font-size: 1.25rem;}
	h4 {font-size: 1.15rem;}
	p, li, div {font-size: 0.95rem;}
	.f25 { font-size: 2rem;}
	.f20 { font-size: 1.85rem;}
	.f18 { font-size: 1.55rem;}
	.f15 { font-size: 1.35rem;}
	.f12 { font-size: 1.15rem;}
	.f10 { font-size: 0.95rem;}
}

@media all and (max-width:800px){
	h2 {font-size: 1.35rem;}
	h3 {font-size: 1.15rem;}
	h4 {font-size: 1rem;}
	p, li, div {font-size: 0.90rem;}
	.f25 { font-size: 2rem;}
	.f20 { font-size: 1.8rem;}
	.f18 { font-size: 1.55rem;}
	.f15 { font-size: 1.35rem;}
	.f12 { font-size: 1rem;}
	.f10 { font-size: 0.90rem;}
}

@media all and (max-width:460px){
	h2 {font-size: 1.2rem;}
	h3 {font-size: 1rem;}
	h4 {font-size: 0.9rem;}
	p {font-size: 0.85rem;}
	.f25 { font-size: 1.65rem;}
	.f20 { font-size: 1.4rem;}
	.f18 { font-size: 1.25rem;}
	.f15 { font-size: 1.05rem;}
	.f12 { font-size: 0.9rem;}
	.f10 { font-size: 0.85rem;}
}

/*줄간격*/
.tlh190 {line-height:190%;}
.tlh180 {line-height:180%;}
.tlh170 {line-height:170%;}
.tlh160 {line-height:160%;}
.tlh150 {line-height:150%;}
.tlh140 {line-height:140%;}
.tlh130 {line-height:130%;}
.tlh120 {line-height:120%;}
.tlh110 {line-height:110%;}

/*영문,숫자*/
.en {font-size:90%;font-family:Verdana;}

/* 패딩*/
.pb50r {padding-bottom: 5rem;}
.pb40r {padding-bottom: 4rem;}
.pb30r {padding-bottom: 3rem;}
.pb20r {padding-bottom: 2rem;}
.pb15r {padding-bottom: 1.5rem;}
.pb10r {padding-bottom: 1rem;}
.pb05r {padding-bottom: 0.5rem;}

.pt50r {padding-top: 5rem;}
.pt40r {padding-top: 4rem;}
.pt30r {padding-top: 3rem;}
.pt20r {padding-top: 2rem;}
.pt15r {padding-top: 1.5rem;}
.pt10r {padding-top: 1rem;}
.pt05r {padding-top: 0.5rem;}


/*마진*/
.mb50r {margin-bottom:5rem;}
.mb40r {margin-bottom:4rem;}
.mb30r {margin-bottom:3rem;}
.mb20r {margin-bottom:2rem;}
.mb15r {margin-bottom:1.5rem;}
.mb10r {margin-bottom:1rem;}
.mb05r {margin-bottom:0.5rem;}

.mt50r {margin-top:5rem;}
.mt40r {margin-top:4rem;}
.mt30r {margin-top:3rem;}
.mt20r {margin-top:2rem;}
.mt15r {margin-top:1.5rem;}
.mt10r {margin-top:1rem;}
.mt05r {margin-top:0.5rem;}

@media all and (max-width:800px){
	.pb50r {padding-bottom: 3rem;}
	.pb40r {padding-bottom: 2rem;}
	.pb30r {padding-bottom: 1.5rem;}
	.pb20r {padding-bottom: 1rem;}
	.pb15r {padding-bottom: 1rem;}
	.pb10r {padding-bottom: 1rem;}
	.pb05r {padding-bottom: 0.5rem;}

	.pt50r {padding-top: 3rem;}
	.pt40r {padding-top: 2rem;}
	.pt30r {padding-top: 1.5rem;}
	.pt20r {padding-top: 1rem;}
	.pt15r {padding-top: 1rem;}
	.pt10r {padding-top: 1rem;}
	.pt05r {padding-top: 0.5rem;}


	/*마진*/
	.mb50r {margin-bottom:3rem;}
	.mb40r {margin-bottom:2rem;}
	.mb30r {margin-bottom:1.5rem;}
	.mb20r {margin-bottom:1rem;}
	.mb15r {margin-bottom:1rem;}
	.mb10r {margin-bottom:1rem;}
	.mb05r {margin-bottom:0.5rem;}

	.mt50r {margin-top:3rem;}
	.mt40r {margin-top:2rem;}
	.mt30r {margin-top:1.5rem;}
	.mt20r {margin-top:1rem;}
	.mt15r {margin-top:1rem;}
	.mt10r {margin-top:1rem;}
	.mt05r {margin-top:0.5rem;}
}
/*가로 크기*/
.w100p {width:100%;}
.w98p {width:98%;}
.w95p {width:95%;}
.w90p {width:90%;}
.w80p {width:80%;}
.w70p {width:70%;}
.w60p {width:60%;}
.w50p {width:49%;}
.w45p {width:44%;}
.w40p {width:40%;}
.w33p {width:33.3333%;}
.w30p {width:30%;}
.w25p {width:25%;}
.w20p {width:20%;}
.w15p {width:15%;}
.w10p {width:10%;}

.wc2 {width: calc(100% / 2);}
.wc3 {width: calc(100% / 3);}
.wc4 {width: calc(100% / 4);}
.wc5 {width: calc(100% / 5);}


/* 보더 */
.bdb0 {border-bottom:0 !important}
.bdl0 {border-left:0 !important}
.bdr0 {border-right:0 !important}
.bdt0 {border-top:0 !important}


/* 테이블 */
.tb {table-layout:fixed;width:100%;border-top:2px solid #000;}
.tb th{padding:12px 0;font-weight:500; background:#F5F5F5; border:0; border-bottom:1px solid #ddd; text-align: center;}
.tb th:last-child{border-right:1px solid #eee}
.tb td{text-align:center;padding:12px 0; color:#666;border-right:0;line-height:140%;border-bottom:1px solid #ddd;}
.tb td.tc{color:#555;text-align:center;}
.tb td.poi{color:#FA2828;font-weight:bold;}
.tb td.br0{border-right:0;}
.tb th.bl1{border-left:1px solid #ddd !important;}
.tb td input.txt,.tb.tb2 td input.text,.tb.tb2 td input.txt,.tb.tb2 td select{border:1px solid #ddd;background-color:#fff;height:26px;text-indent:5px;*text-indent:0px;line-height:26px;}
.tb td input.txt,.tb.tb2 td select{text-indent:0;}


/* 탭 */
.line_tab{
	width:100%; 
	overflow:hidden; 
	border-bottom:1px solid #ddd;
	}
.line_tab ul{
	}
.line_tab li{
	list-style:none;
	position:relative;
	float:left;
	display: inline-block;
	}
.line_tab li a{
	display:block;
	text-decoration:none;
	text-align:center; 
	color: #999; 
	padding: 1.5rem;
	width: 100%;
	}
.line_tab li.active a{
	border-bottom: 8px solid #000; 
	color: #000; 
	font-weight: 700;
	position: relative;
	}
.line_tab li.active a::after{
	content: "";
	position: absolute;
	top:15px;
	left: 10px;
	background: #4ab747;
	border-radius: 100%;
	width: 12px;
	height: 12px;
}

.box_tab{
	width:100%; 
	overflow:hidden; 
	}
.box_tab ul{
	display: flex;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: space-between;
	}
.box_tab li{
	list-style:none;
	position:relative;
	display: inline-block;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-collapse: collapse;
	}

.box_tab li:last-child{
	border-right:1px solid #ddd;
	}

.box_tab li a{
	display:inline-block;
	text-decoration:none;
	text-align:center; 
	color: #999; 
	width: 100%;
	padding: 2rem 0;
	}
.box_tab li.active a{
	background: #000;
	color: #fff; 
	font-weight: 700;
	position: relative;
	}
@media all and (max-width:1100px){
	.line_tab li a{ padding: 0 10px; height: 80px; line-height: 80px; }
	.notice li span {display: none!important;}
	.tb th, .tb td { font-size: 0.82rem; }
}