@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

@font-face{
	font-family:"Whitney";
	font-weight:100;
	src:url('font/whitney_light-webfont.eot');
	src:url('font/whitney_light-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/whitney_light-webfont.woff') format('woff'),
	url('font/whitney_light-webfont.ttf') format('truetype');
	src:local(※), url('font/whitney_light-webfont.woff') format('woff');
}
@font-face{
	font-family:"Whitney";
	font-weight:400;
	src:url('font/whitney_book-webfont.eot');
	src:url('font/whitney_book-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/whitney_book-webfont.woff') format('woff'),
	url('font/whitney_book-webfont.ttf') format('truetype');
	src:local(※), url('font/whitney_book-webfont.woff') format('woff');
}
@font-face{
	font-family:"Whitney";
	font-weight:bold;
	src:url('font/whitney_semibold-webfont.eot');
	src:url('font/whitney_semibold-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/whitney_semibold-webfont.woff') format('woff'),
	url('font/whitney_semibold-webfont.ttf') format('truetype');
	src:local(※), url('font/whitney_semibold-webfont.woff') format('woff');
}
@font-face{
	font-family:"Whitney";
	font-weight:800;
	src:url('font/whitney_black-webfont.eot');
	src:url('font/whitney_black-webfont.eot?#iefix') format('embedded-opentype'),
	url('font/whitney_black-webfont.woff') format('woff'),
	url('font/whitney_black-webfont.ttf') format('truetype');
	src:local(※), url('font/whitney_black-webfont.woff') format('woff');
}



/* RESET */
body{margin:0;font-family:'Whitney','Noto Sans KR',sans-serif;font-size:14px;line-height:1.2;color:#666;-webkit-text-size-adjust:none;letter-spacing:-0.05em}
ol,ul, menu, dir{padding:0;margin:0;list-style-type:none;}
a{color:inherit;text-decoration:none;}
button,
select,
textarea,
input[type='text'],
input[type='password'],input[type='date']{font-family:inherit; appearance: none; -moz-appearance: none; -webkit-appearance: none;padding:0;box-sizing:content-box;border-radius:0;border:0;}
input[type='password']{font-family: sans-serif;}
select::-ms-expand{
    display: none;
}
h1,h2,h3,h4,h5,h6,p{margin:0;font-size:inherit;}
address, dfn{font-style:normal;}
img{vertical-align:top;border:0;}
table{border-spacing:0;border-collapse:collapse;width:100%;}
caption{height:0px;overflow:hidden;visibility:hidden;}
th{color:#0d0d0d;padding:0}
td{padding:0;}
dl{margin:0;}
dd{margin:0;}
button{padding:0;background:none;border:0;border-radius:0;box-sizing:content-box;vertical-align:middle;cursor:pointer}
:focus{outline:none}

/* 공통 - 폰트 */
.fw-normal {font-weight:normal;}
.fw-bold {font-weight:500;}
.t-ellipsis {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.f12 {font-size:12px;}.f13 {font-size:13px;}.f14 {font-size:14px;}.f15 {font-size:15px;}.f16 {font-size:16px;}.f17 {font-size:17px;}.f18 {font-size:18px;}.f19 {font-size:19px;}.f20 {font-size:20px;}.f21 {font-size:21px;}.f22 {font-size:22px;}.f23 {font-size:23px;}.f24 {font-size:24px;}.f25 {font-size:25px;}.f26 {font-size:26px;}.f27 {font-size:27px;}.f28 {font-size:28px;}.f29 {font-size:29px;}.f30 {font-size:30px;}

.lts100 {letter-spacing:0.1em;}



/* 공통 - 오브젝트 */
.hide {display:none;}

/* 공통 - 정렬 */
.align-l {text-align:left;}
.align-r {text-align:right;}
.align-c {text-align:center;}
.valign-t {vertical-align:top;}
.valign-m {vertical-align:middle;}
.valign-b {vertical-align:bottom;}
.float-l {float:left;}
.float-r {float:right;}
.clear-box {*zoom:1;}
.clear-box:after {content:""; display:block; clear:both;}
.clear {clear:both;}
.psr {position:relative;}
.psa {position:absolute;}
.pss {position:static;}
.pop-layer {position:absolute; display:none;}
.pop-layer .pop-close {text-indent:-9999px; position:absolute; top:-45px; right:0; width:45px; height:45px; background:url(../images/common/pop-close.png) center no-repeat; cursor:pointer;}

/* 공통 - 여백 */
/* --------------------------------------------
 * Margin
--------------------------------------------- */
.mt0 {margin-top:0px;} .mt5 {margin-top:5px;} .mt10 {margin-top:10px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt25 {margin-top:25px;} .mt30 {margin-top:30px;} .mt35 {margin-top:35px;} .mt40 {margin-top:40px;} .mt45 {margin-top:45px;} .mt50 {margin-top:50px;} .mt55 {margin-top:55px;} .mt60 {margin-top:60px;}
.mr0 {margin-right:0px;} .mr5 {margin-right:5px;} .mr10 {margin-right:10px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr25 {margin-right:25px;} .mr30 {margin-right:30px;} .mr35 {margin-right:35px;} .mr40 {margin-right:40px;} .mr45 {margin-right:45px;} .mr50 {margin-right:50px;} .mr55 {margin-right:55px;} .mr60 {margin-right:60px;}
.mb0 {margin-bottom:0px;} .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;}
.ml0 {margin-left:0px;} .ml5 {margin-left:5px;} .ml10 {margin-left:10px;} .ml15{margin-left:15px;} .ml20 {margin-left:20px;} .ml25 {margin-left:25px;} .ml30 {margin-left:30px;} .ml35 {margin-left:35px;} .ml40 {margin-left:40px;} .ml45 {margin-left:45px;} .ml50 {margin-left:50px;} .ml55 {margin-left:55px;} .ml60 {margin-left:60px;}

/* --------------------------------------------
 * Padding
/* ------------------------------------------ */
.pt0 {padding-top:0px;} .pt5 {padding-top:5px;} .pt10 {padding-top:10px;} .pt15 {padding-top:15px;} .pt20 {padding-top:20px;} .pt25 {padding-top:25px;} .pt30 {padding-top:30px;} .pt35 {padding-top:35px;} .pt40 {padding-top:40px;} .pt45 {padding-top:45px;} .pt50 {padding-top:50px;} .pt55 {padding-top:55px;} .pt60 {padding-top:60px;}
.pr0 {padding-right:0px;} .pr5 {padding-right:5px;} .pr10 {padding-right:10px;} .pr15 {padding-right:15px;} .pr20 {padding-right:20px;} .pr25 {padding-right:25px;} .pr30 {padding-right:30px;} .pr35 {padding-right:35px;} .pr40 {padding-right:40px;} .pr45 {padding-right:45px;} .pr50 {padding-right:50px;} .pr55 {padding-right:55px;} .pr60 {padding-right:60px;}
.pb0 {padding-bottom:0px;} .pb5 {padding-bottom:5px;} .pb10 {padding-bottom:10px;} .pb15{padding-bottom:15px;} .pb20 {padding-bottom:20px;} .pb25 {padding-bottom:25px;} .pb30 {padding-bottom:30px;} .pb35 {padding-bottom:35px;} .pb40 {padding-bottom:40px;} .pb45 {padding-bottom:45px;} .pb50 {padding-bottom:50px;} .pb55 {padding-bottom:55px;} .pb60 {padding-bottom:60px;}
.pl0 {padding-left:0px;} .pl5 {padding-left:5px;} .pl10 {padding-left:10px;} .pl15 {padding-left:15px;} .pl20 {padding-left:20px;} .pl25 {padding-left:25px;} .pl30 {padding-left:30px;} .pl35 {padding-left:35px;} .pl40 {padding-left:40px;} .pl45 {padding-left:45px;} .pl50 {padding-left:50px;} .pl55 {padding-left:55px;} .pl60 {padding-left:60px;}


/* 공통 - Block요소 테이블 */
.tb-box {display:table; table-layout:fixed; width:100%;}
.td-cell {display:table-cell; vertical-align:top;}
.sec2 .td-cell {width:50%;}
.sec3 .td-cell {width:33.3%;}
.sec4 .td-cell {width:25%;}
.sec5 .td-cell {width:20%;}


.bd-b1 {border-bottom:1px solid #e9e9e9;}
.fade-ob {
	-ms-transition:500ms;
	-o-transition:500ms;
	-webkit-transition:500ms;
	transition:500ms;
}
.fade-ob:hover {
	-ms-transition:500ms;
	-o-transition:500ms;
	-webkit-transition:500ms;
	transition:500ms;
}

input[type="checkbox"].ip-chk {display:none;}
input[type="checkbox"].ip-chk + label {display:inline-block; padding-left:30px; font-size:16px; line-height:20px; min-height:20px; position:relative; cursor:pointer;}
input[type="checkbox"].ip-chk + label:before {content:""; display:block; width:18px; height:18px; position:absolute; left:0; top:0; border:1px solid #ccc;}
input[type="checkbox"].ip-chk:checked + label:before {content:"\2713"; display:block; width:18px; height:18px; position:absolute; left:0; top:0; border:1px solid #00aad0; background:#00aad0; color:#fff; text-align:center; line-height:18px;}

.bg-gray1 {background-color:#fafafa}
.bg-gray2 {background-color:#ededed}
.bg-gray3 {background-color:#f8f8f8}


@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition-delay: 300ms; /* Safari */
    transition-delay: 300ms;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
	
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
    -webkit-transition-delay: 300ms; /* Safari */
    transition-delay: 300ms;
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
	
  }
}


@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounce-icon {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}


@media all and (min-width:1000px) {
	.active .s-d {
		-webkit-animation-name: slideInDown;
		animation-name: slideInDown;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode:both;
	}

	.active .s-u {
		-webkit-animation-name: slideInUp;
		animation-name: slideInUp;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode:both;
	}

	.active .s-r {
		-webkit-animation-name: slideInRight;
		animation-name: slideInRight;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode:both;
	}

	.active .s-l {
		-webkit-animation-name: slideInLeft;
		animation-name: slideInLeft;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode:both;
	}

	.active .f-u {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode:both;
	}
}

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

	.active .s-d.first {
		-webkit-animation-name: slideInDown;
		animation-name: slideInDown;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode:both;
	}

	.active .s-u.first {
		-webkit-animation-name: slideInUp;
		animation-name: slideInUp;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode:both;
	}

	.active .s-r.first {
		-webkit-animation-name: slideInRight;
		animation-name: slideInRight;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode:both;
	}

	.active .s-l.first {
		-webkit-animation-name: slideInLeft;
		animation-name: slideInLeft;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode:both;
	}

	.active .f-u.first {
		-webkit-animation-name: fadeInUp;
		animation-name: fadeInUp;
		animation-duration: 1s;
		animation-iteration-count: 1;
		animation-fill-mode:both;
	}
}

.no-delay {
	animation-delay: 0;
}
.delay300ms {
	animation-delay: 300ms;
}
.delay700ms {
	animation-delay: 700ms;
}
.delay1s {
	animation-delay: 1s;
}