@charset "utf-8";
/* 디카페인 - 전현진 */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
@font-face { font-family: 'S-CoreDream-2ExtraLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: bold; font-style: bold; }


/* 
 * 작성자 : 전현진
 * 작성일 : 2019-01-14
 * 이메일 : jinia21@naver.com
 */

/* reset css
*{
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;
	-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;
	letter-spacing:-0.5pt;
} */

/* 초기화 */
html,body{margin:0;padding:0;-ms-overflow-style:scrollbar}
body{font:15px/1.3 'S-CoreDream','Malgun Gothic','돋움','Dotum','굴림','Gulim','arial','sans-serif';color:#0a1615;box-sizing:border-box}
body *{box-sizing:border-box}
h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td,article,figure{margin:0;padding:0}
input,textarea,select,td,th,button{font:15px/1.3 'S-CoreDream','Malgun Gothic','돋움','Dotum','굴림','Gulim','arial','sans-serif';color:#0a1615;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
legend, caption, .sound_only, .skip{position:absolute;left:-5000px;top:0;overflow:hidden;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
caption{position:relative;}
img,fieldset{border:0 none;}
label,button{cursor:pointer;}
em,address{font-style:normal;}
a {color:#0a1615;}
a:link,a:visited{text-decoration:none;color: #0a1615;}
a:hover,a:active,a:focus{text-decoration:none;color: #0a1615;}
img{max-width:100%}

input[type=text],input[type=password],input[type=submit],input[type=date],textarea,select{background-color:#fff;-webkit-border-radius:0;-webkit-appearance:none;}
input[type=text]::-webkit-input-placeholder{color:#b5b5b5}
input[type=text]:-moz-placeholder{color:#b5b5b5}
input[type=text]::-moz-placeholder{color:#b5b5b5}
input[type=text]:-ms-input-placeholder{color:#b5b5b5}
input[type=password]::-webkit-input-placeholder{color:#b5b5b5}
input[type=password]:-moz-placeholder{color:#b5b5b5}
input[type=password]::-moz-placeholder{color:#b5b5b5}
input[type=password]:-ms-input-placeholder{color:#b5b5b5}
input[type=date]::-webkit-input-placeholder{color:#b5b5b5}
input[type=date]:-moz-placeholder{color:#b5b5b5}
input[type=date]::-moz-placeholder{color:#b5b5b5}
input[type=date]:-ms-input-placeholder{color:#b5b5b5}
textarea::-webkit-input-placeholder{color:#b5b5b5}
textarea:-moz-placeholder{color:#b5b5b5}
textarea::-moz-placeholder{color:#b5b5b5}
textarea:-ms-input-placeholder{color:#b5b5b5}
select {-moz-appearance:none; -webkit-appearance:none; appearance:none;}
select::-ms-expand {display:none}

.nopm, .nopm > li, .nopm > dt, .nopm > dd{padding:0;margin:0;list-style:none;}

.basic_radio{display:none;}
.basic_radio + label{color:#212121;font-weight:normal;}
.basic_radio + label span{display:inline-block;width:22px;height:22px;margin:-3px 5px 0 0;vertical-align:middle;background:url("../img/ico_radio.png") left top no-repeat;background-size:auto 100%;cursor:pointer;}
.basic_radio:checked + label span{background:url("../img/ico_radio.png") right top no-repeat;background-size:auto 100%;}

.basic_radio{display:none;}
.basic_radio.type1 + label{color:#212121;font-weight:normal;}
.basic_radio.type1 + label span{display:inline-block;width:22px;height:22px;margin:-3px 3px 0;vertical-align:middle;background:url("../img/ico_radio.png") left top no-repeat;background-size:auto 100%;cursor:pointer;}
.basic_radio.type1:checked + label span{background:url("../img/ico_radio.png") right top no-repeat;background-size:auto 100%;}

.basic_check{display:none;}
.basic_check + label{color:#959595;font-weight:normal;}
.basic_check + label span{display:inline-block;width:15px;height:15px;margin:-3px 5px 0 0;border:1px solid #dcdcdc;vertical-align:middle;cursor:pointer;}
.basic_check:checked + label span{background:url("../img/ico_check.png") 1px center no-repeat;background-size:inherit;}

.basic_check2{display:none;}
.basic_check2 + label{color:#212121;font-weight:normal;}
.basic_check2 + label span{display:inline-block;width:22px;height:22px;margin:-3px 5px 0 0;vertical-align:middle;background:url("../img/ico_check.png") left top no-repeat;background-size:auto 100%;cursor:pointer;}
.basic_check2:checked + label span{background:url("../img/ico_check.png") right top no-repeat;background-size:auto 100%;}

.basic_check.type1 + label {color:#0a1615;}
.basic_check.type1 + label span {width:30px;height:30px;background: #fff;}
.basic_check.type1:checked + label span{background:#fff url("../img/ico_check.png") 1px center no-repeat;background-size:auto;    background-position: 50%;}

input.basic_input{height:50px;line-height:48px;padding:0 10px;border:1px solid #e5e5e5;}
input.basic_input:focus{border:1px solid #6ca3ff}
input.basic_input.readonly{background-color:#eee}
input.basic_input.h40px{height:40px;line-height:38px;}
select.basic_select::-ms-expand{display:none;}
select.basic_select{height:50px;padding:0 40px 0 10px;border:1px solid #e5e5e5;background:#fff url("../img/ico_select_arrow.png") no-repeat center right;-webkit-appearance:none;-moz-appearance:none;}
select.basic_select:focus{border:1px solid #6ca3ff}
select.basic_select.h40px{height:40px}
textarea.basic_textarea{padding:10px;border:1px solid #e5e5e5;}

.bx-wrapper{margin:0;border:none;box-shadow:none;background-color:rgba(255,255,255,0)}

.mOnly{}
.pcOnly{display:none;}

.alignCenter{text-align:center !important}
.alignLeft{text-align:left !important}
.alignRight{text-align:right !important}
.alignJustify {padding:0 1em 2em;}
.alignJustify .left {float:left;}
.alignJustify .right {float:right;}

.floats{zoom:1}
.floats:after{content:'';display:block;clear:both}
.floats > li{float:left}
.floats > li.fr{float:right}

.embed-container {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container video{position:absolute;top:0;left:0;width:100%;height:100%;}

/* 버튼 모음 */
	.btns{display:inline-block;height:34px;line-height:32px;padding:0 15px;border:1px solid #e0e0e0;background-color:#fafafa;text-align:center;color:#535353;font-size:16px;vertical-align:middle}
	.btns.h24px{height:24px;line-height:22px;padding:0 10px;}
	.btns.h40px{height:40px;line-height:38px;}
	.btns.h50px{height:50px;line-height:48px;}
	.btns.h60px{height:60px;line-height:58px;font-size:16px}
	.btns.h70px{height:70px;line-height:68px;font-size:18px}

	.btns.whitebtn{border:1px solid #dcdcdc;background-color:#fff;color:#212121 !important}
	.btns.whitelinebtn{border:1px solid rgba(255,255,255,0.6);background-color:rgba(255,255,255,0);color:#fff !important}
	.btns.graybtn{border:1px solid #434343;background-color:#434343;color:#fff !important}
    .btns.graybtn2{border:1px solid #dcdcdc;background-color:#fafafa;color:#0a1615 !important}
    .btns.graybtn2.txt {color:#959595 !important;}
    .btns.graybtn3{width:70px;height: 30px;line-height: 30px;padding: 0 10px;border:1px solid #dcdcdc;background-color:#fafafa;color:#0a1615 !important;border-radius:50px;font-size:13px;}
	.btns.graylinebtn{border:1px solid #ccc;background-color:#fff;color:#535353}
	.btns.darkbtn{border:1px solid #212121;background-color:#212121;color:#fff}
	.btns.bluebtn{border:1px solid #228cff;background-color:#228cff;color:#fff}
	.btns.aquabtn{border:1px solid #00afff;background-color:#00afff;color:#fff}
	.btns.aqualinebtn{border:1px solid #00afff;background-color:#fff;color:#00afff}
	.btns.redbtn{
		line-height:50px;border:none;color:#fff;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d94452+0,e8553e+100 */
		background: #d94452; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #d94452 0%, #e8553e 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #d94452 0%,#e8553e 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #d94452 0%,#e8553e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d94452', endColorstr='#e8553e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
        .btns.redbtn2{
		line-height:60px;border:none;color:#fff;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d94452+0,e8553e+100 */
		background: #d94452; /* Old browsers */
		background: -moz-linear-gradient(-45deg,  #ff3d4f 0%, #ff4800 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg,  #ff3d4f 0%,#ff4800 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg,  #ff3d4f 0%,#ff4800 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d94452', endColorstr='#e8553e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
    .btns.h50px.redbtn2 {line-height: 50px !important;}
    .btns.redlinebtn {border:1px solid #fb836f;background-color:#fff;color:#e8553e;}
	.btns.jadebtn{border:1px solid #2befcc;background-color:#2ad4b6;color:#fff}
	.btns.orangebtn{border:1px solid #f04f25;background-color:#f04f25;color:#fff}
    .btns.orangebtn2{width:70px;height: 30px;line-height: 30px;padding: 0 10px;border:1px solid #fff;background: #fa6c51;color:#fff !important;border-radius:50px;font-size:13px;}
	.btns.orangelinebtn{border:1px solid #f04f25;background-color:rgba(255,104,59,0);color:#f04f25}
    .btnRound{position: absolute;top: 12px;right: 25px; display:inline-block;width:50px;height:50px;line-height:50px;text-align:center;border-radius: 50%; vertical-align:middle;background-size:50% !important;-moz-box-shadow:0px 0px 7px rgba(0,0,0,0.3);-webkit-box-shadow:0px 0px 7px rgba(0,0,0,0.3);box-shadow:0px 0px 7px rgba(0,0,0,0.3) }

/* 햄버거 메뉴 */
	.c-hamburger{
			display:block;position:relative;overflow:hidden;margin:0;padding:0;width:50px;height:50px;font-size:0;text-indent:-9999px;
			appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;transition:background 0.3s;background-color:rgba(255,255,255,0)}
	.c-hamburger:focus{outline:none;}
	.c-hamburger span{display:block;position:absolute;top:25px;left:14px;right:14px;height:2px;background:#434343;}
	.c-hamburger span::before,
	.c-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:2px;background-color:#434343;content:"";}
	.c-hamburger span::before{top:-8px;}
	.c-hamburger span::after{bottom:-8px;}
	.c-hamburger--htx {}
	.c-hamburger--htx span {transition:background 0s 0.3s;}
	.c-hamburger--htx span::before,
	.c-hamburger--htx span::after {transition-duration: 0.3s, 0.3s;transition-delay: 0.3s, 0s;}
	.c-hamburger--htx span::before {transition-property:top, transform;}
	.c-hamburger--htx span::after {transition-property:bottom, transform;}

	.open .c-hamburger--htx{}
	.open .c-hamburger--htx span{background:none;}
	.open .c-hamburger--htx span::before{top:0;transform:rotate(45deg);background-color:#434343}
	.open .c-hamburger--htx span::after{bottom:0;transform:rotate(-45deg);background-color:#434343}
	.open .c-hamburger--htx span::before,
	.open .c-hamburger--htx span::after{transition-delay:0s, 0.3s;}

/* 컬러 */
	/* 텍스트 컬러 */
		.colorWhite{color:#fff !important}
		.colorAqua{color:#00afff !important}
		.colorBlue{color:#004c98 !important}
		.colorOrange{color:#f04f25 !important}
		.colorDarkblue{color:#2a5070 !important}
		.colorRed{color:#dd2c00 !important}
		.colorYellow{color:#ffff00 !important}

	/* 배경 컬러 */
		.bgBlue{background-color:#384c94}
		.bgRed{background-color:#e5004f}
		.bgSkyblue{background-color:#1cb9d8}
		.bgOrange{background-color:#f04f25}
		.bgGreen{background-color:#74ca84}
		.bgAqua{background-color:#00b1ff;color:#fff}

/* 사이즈 */
	.pd4p{padding:4%}	
    .pdb30px {padding-bottom: 30px;}
	
	.w10{width:10%}
	.w20{width:20%}
	.w30{width:30%}
	.w40{width:40%}
	.w45{width:45%}
	.w50{width:50%}
	.w55{width:55%}
	.w60{width:60%}
	.w70{width:70%}
	.w80{width:80%}
	.w90{width:90%}
	.w100{width:100%}

	.w100px{width:100px !important;}
    .w130px{width:130px !important;}
	.w150px{width:150px !important;}
	.w200px{width:200px !important;}
	.w250px{width:250px !important;}
	.w300px{width:300px !important;}
	.w350px{width:350px !important;}
	.w400px{width:400px !important;}
	.w450px{width:450px !important;}
	.w500px{width:500px !important;}
	.w550px{width:550px !important;}
	.w600px{width:600px !important;}
	.w650px{width:650px !important;}
	.w700px{width:700px !important;}
	.w750px{width:750px !important;}
	.w800px{width:800px !important;}
	.w850px{width:850px !important;}
	.w900px{width:900px !important;}
	.w950px{width:950px !important;}
	.w1000px{width:1000px !important;}

    .mgt0px{margin-top:0px !important;}
	.mgt5px{margin-top:5px !important;}
	.mgt10px{margin-top:10px !important;}
    .mgt15px{margin-top:15px !important;}
	.mgt20px{margin-top:20px !important;}
	.mgt30px{margin-top:30px !important;}
	.mgt40px{margin-top:40px !important;}
	.mgt50px{margin-top:50px !important;}
	.mgt60px{margin-top:60px !important;}
	.mgt70px{margin-top:70px !important;}
	.mgt80px{margin-top:80px !important;}
	.mgt90px{margin-top:90px !important;}
	.mgt100px{margin-top:100px !important;}
    
    .mgl5px{margin-left:5px !important;}
	.mgl10px{margin-left:10px !important;}
	.mgl20px{margin-left:20px !important;}
	.mgl30px{margin-left:30px !important;}
	.mgl40px{margin-left:40px !important;}
	.mgl50px{margin-left:50px !important;}
	.mgl60px{margin-left:60px !important;}
	.mgl70px{margin-left:70px !important;}
	.mgl80px{margin-left:80px !important;}
	.mgl90px{margin-left:90px !important;}
	.mgl100px{margin-left:100px !important;}


/* 폰트 사이즈 */
	.fsize13{font-size:13px !important;}
	.fsize14{font-size:14px !important;}
	.fsize16{font-size:16px !important;}
	.fsize18{font-size:18px !important;}
	.fsize20{font-size:20px !important;}
	.fsize22{font-size:22px !important;}
	.fsize24{font-size:24px !important;}
	.fsize26{font-size:26px !important;}
	.fsize28{font-size:28px !important;}
	.fsize30{font-size:30px !important;}

@keyframes dipper-jiggle {
	0% {padding-top:60px;opacity:0;}
	100% {padding-top:0;opacity:1;}
}

.add_animation{opacity:0;}
.add_animation-1{animation:dipper-jiggle 0.6s ease-in-out;}
.add_animation-2{animation:dipper-jiggle 0.9s ease-in-out;}
.add_animation-3{animation:dipper-jiggle 1.2s ease-in-out;}
.add_animation-4{animation:dipper-jiggle 1.5s ease-in-out;}

@media screen and (min-width:768px) {
	.mOnly{display:none;}
	.pcOnly{display:block;}
}

@media screen and (min-width:1240px) {
}

@media screen and (min-width:1840px) {
}