@charset "euc-kr";

/* CSS Document */

.form_layout input[type='text'] {margin:0 0 15px 0; padding:6px; border:1px solid #333;}
.form_layout select {margin:0 0 15px 0; padding:5px; border:1px solid #ddd;}
.form_layout textarea {margin:0 0 15px 0; padding:5px; border:1px solid #ddd;}

.form_layout2 input[type='text'] {margin:0 0 10px 0; padding:10px; border:1px solid #ddd; border-radius:4px; background:#efefef}
.form_layout2 select {margin:0 0 10px 0; padding:10px; border:1px solid #ddd; border-radius:4px}
.form_layout2 textarea {margin:0 0 10px 0; padding:10px; border:1px solid #ddd;border-radius:4px; width:95%; height:200px; line-height:1.4em; background:#efefef}
.form_layout2 input[type='checkbox'] {margin:6px; width:18px; height:16px;}

/* 버튼 */
.bn{display:inline-block;position:relative;border:none;/*outline:none;*/background:none;color:inherit;text-transform:uppercase;cursor:pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;vertical-align:middle;}
.bn *{vertical-align:middle}
.bn:after{position:absolute;z-index:-1;content:'';transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;}
.bn:before{position:relative;font-style:normal;font-variant:normal;font-weight:normal;text-transform:none;line-height:1;speak:none;-webkit-font-smoothing:antialiased;}

.btn_ani-a:hover,
.btn_ani-a:focus,
.btn_ani-a:active{background:#00aae7;color:#fff;border:1px solid #00aae7;}

.btn_ani{padding:9px 19px;font-size:14px;line-height:120%;}
.btn_ani.small{padding:5px 12px;}
.btn_ani.large{padding:11px 25px;}

.btn_file{margin-bottom:5px;padding:6px 18px;color:#6b6c6e;font-size:15px;line-height:120%;border:1px solid #c7c9cb;background:#fff;}

.btn_ani-1,
.btn_ani-1:link,
.btn_ani-1:visited{color:#fff;border:1px solid #004993;background:#004993;font-size:14px;line-height:120%;}

.btn_ani-2,
.btn_ani-2:link,
.btn_ani-2:visited{color:#fff;border:1px solid #a7a7a7;background:#a7a7a7;font-size:14px;line-height:120%;}




/* font style */
sup {font-size:9px; vertical-align:top}
.tx_xxs { font-size:11px; }
.tx_xs  { font-size:12px; }
.tx_s   { font-size:13px; }
.tx_m   { font-size:14px; }
.tx_l   { font-size:16px; }
.tx_xl  { font-size:18px; margin-bottom:10px; }
.tx_xxl { font-size:20px; }
.tx_mj  { font-family:'Nanum Barun Gothic'; }
.bold { font-weight:bold; }
.f_point	{ color:#ff4637; }
.f_blue	 	{ color:#167ac6; }
.b	{font-family:'Nanum Barun Gothic Bold';  /* font-weight:bold*/}

.ch_txt{display:inline-block; padding-top:7px;}

/* align */
.al_lft { text-align:left; }
.al_cen { text-align:center; }
.al_rgt { text-align:right; }

/* float */
.float_lft { float:left; }
.float_rgt { float:right; }


/* button */
button    { cursor:pointer; font-family:'Nanum Barun Gothic'; }

.pb_50 { padding-bottom:50px}


.pt_5{ padding-top: 5px}
.pt_60{ padding-top: 60px}
.pb_10{ padding-bottom: 10px}

.mt_30 { margin-top:30px;}
.mt_40 { margin-top:40px;}
.mt_50 { margin-top:50px;}


input.w5 {width:5%;}
input.w10 {width:10%;}
input.w15 {width:15%;}
input.w20 {width:20%;}
input.w25 {width:25%;}
input.w30 {width:30%;}
input.w35 {width:35%;}
input.w40 {width:40%;}
input.w45 {width:45%;}
input.w50 {width:50%;}
input.w55 {width:55%;}
input.w60 {width:60%;}
input.w65 {width:65%;}
input.w70 {width:70%;}
input.w75 {width:75%;}
input.w80 {width:80%;}
input.w85 {width:85%;}
input.w90 {width:90%;}
input.w95 {width:95%;}
input.w100 {width:100%;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb55 {margin-bottom:55px;}
.mb60 {margin-bottom:60px;}
.mb65 {margin-bottom:65px;}
.mb70 {margin-bottom:70px;}
.mb75 {margin-bottom:75px;}
.mb80 {margin-bottom:80px;}
.mb85 {margin-bottom:85px;}
.mb90 {margin-bottom:90px;}
.mb95 {margin-bottom:95px;}
.mb100 {margin-bottom:100px;}

.margin_left5 {margin-left:5px;}
.margin_left10 {margin-left:10px;}
.margin_left15 {margin-left:15px;}
.margin_left20 {margin-left:20px;}
.margin_left25 {margin-left:25px;}
.margin_left30 {margin-left:30px;}
.margin_left35 {margin-left:35px;}
.margin_left40 {margin-left:40px;}
.margin_left45 {margin-left:45px;}
.margin_left50 {margin-left:50px;}

.margin_right5 {margin-right:5px;}
.margin_right10 {margin-right:10px;}
.margin_right15 {margin-right:15px;}
.margin_right20 {margin-right:20px;}
.margin_right25 {margin-right:25px;}
.margin_right30 {margin-right:30px;}
.margin_right35 {margin-right:35px;}
.margin_right40 {margin-right:40px;}
.margin_right45 {margin-right:45px;}
.margin_right50 {margin-right:50px;}


/* Float 해제 ----------------------------------------------------------- */
.clean:after {
	content: '';
	display: block;
	clear: both;
	float: none;
}

.clear {clear: both; float: none;}



/* 플립 애니메이션 */

.animated {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}


.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.animated.hinge {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
}



@-webkit-keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInX {
	0% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

/* 메인 플립 애니메이션 */
.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

@-webkit-keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-transition-timing-function: ease-in;
		transition-timing-function: ease-in;
	}

	60% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
	}

	100% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}
}

.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutX {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

@keyframes flipOutY {
	0% {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
	}

	30% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		opacity: 1;
	}

	100% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		opacity: 0;
	}
}

.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}
/*메인 SNS 버튼 반응형*/
.header .snsBox {
	display: none;
}
/*푸터 SNS버튼*/


.footer .snsBox > ul {
		width: 100%;
		display: inline-flex;
		margin: 0 auto;}

.footer .snsBox > ul > li {
    width: 32px;
    margin-left: 8px;
}

.footer .snsBox > ul > li {
    width: 32px;
    margin-left: 8px;
}

.footer .snsBox > ul > li:first-child {
	margin-left: 0;
}