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

@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: 100;
    src: local('NotoSans-Light'), local('NotoSans-Light'), local('NotoSans-Light');
    src: url('NotoSans-Light.eot');
    src: url('NotoSans-Light.eot?#iefix') format('embedded-opentype'),
    url('NotoSans-Light.woff') format('woff'),
    url('NotoSans-Light.otf') format('truetype');
}

@font-face {
    font-family: 'Noto Sans';
    font-style: bold;
    font-weight: 500;
    src: local('NotoSans-Regular'), local('NotoSans-Regular'), local('NotoSans-Regular');
    src: url('NotoSans-Regular.eot');
    src: url('NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
    url('NotoSans-Regular.woff') format('woff'),
    url('NotoSans-Regular.otf') format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 src: url('NanumSquareR.eot');
 src: url('NanumSquareR.eot?#iefix') format('embedded-opentype'),
      url('NanumSquareR.woff') format('woff'),
      url('NanumSquareR.ttf') format('truetype');
}

/* 
 * 작성자 : 전현진
 * 작성일 : 2019-02-01
 * 이메일 : 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:14px/1.3 'Noto Sans','Malgun Gothic','돋움','Dotum','굴림','Gulim','arial','sans-serif';color:#444;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:14px/1.3 'Noto Sans','Malgun Gothic','돋움','Dotum','굴림','Gulim','arial','sans-serif';color:#444;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, .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:link,a:visited{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
img{max-width:100%}

input[type=text],input[type=password],input[type=submit],textarea,select{-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}
textarea::-webkit-input-placeholder{color:#b5b5b5}
textarea:-moz-placeholder{color:#b5b5b5}
textarea::-moz-placeholder{color:#b5b5b5}
textarea:-ms-input-placeholder{color:#b5b5b5}

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

input.basic_input{height:40px;line-height:40px;padding:0 10px;border:1px solid #e5e5e5;}
input.basic_input:focus{border:1px solid #6ca3ff}
input.basic_input.readonly{background-color:#eee}
select.basic_select::-ms-expand{display:none;}
select.basic_select{height:40px;padding:0 60px 0 10px;border:1px solid #e5e5e5;background:#fff url("../img/ico_select.png") no-repeat center right;background-size:auto 80%;-webkit-appearance:none;-moz-appearance:none;}
select.basic_select:focus{border:1px solid #6ca3ff}
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}

.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 20px;border:1px solid #e0e0e0;background-color:#fafafa;text-align:center;color:#535353;font-size:14px;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 #676767;background-color:#676767;color:#fff !important}
	.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{border:1px solid #de5f50;background-color:#de5f50;color:#fff}
	.btns.jadebtn{border:1px solid #2befcc;background-color:#2ad4b6;color:#fff}
	.btns.orangebtn{border:1px solid #f04f25;background-color:#f04f25;color:#fff}
	.btns.orangelinebtn{border:1px solid #f04f25;background-color:rgba(255,104,59,0);color:#f04f25}

/* 햄버거 메뉴 */
	.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;}

	.mainColor .c-hamburger span{background:#fff}
	.mainColor .c-hamburger span::before,
	.mainColor .c-hamburger span::after{background-color:#fff}

	.mainColor.open .c-hamburger--htx span{background:none;}
	.mainColor.open .c-hamburger--htx span::before{background-color:#212121}
	.mainColor.open .c-hamburger--htx span::after{background-color:#212121}

/* 컬러 */
	/* 텍스트 컬러 */
		.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%}	
	
	.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;}
	.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;}

	.mgt5px{margin-top:5px !important;}
	.mgt10px{margin-top:10px !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;}

	.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:100px;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) {
    .respon{position:relative;width:1200px;margin:0 auto}
}

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