@charset "utf-8";

/* reset css */

/*************************************/
/***** *****/
/*************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}
html, body {
	height: 100%;
	line-height: 1;
}


@media screen and (max-width: 640px) {}


@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;300;500;600&display=swap');

@font-family {font-family: 'Poppins', sans-serif;font-family:"Noto Sans KR", sans-serif;}
.noto{font-family:"Noto Sans KR", sans-serif;}

@font-face {
    font-family:'Pretendard';
    src: url('../fonts/Pretendard-Regular.eot');
    src: url('../fonts/Pretendard-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Pretendard-Regular.woff') format('woff'),
         url('../fonts/Pretendard-Regular.ttf') format('truetype');
    font-weight: 400;
}

@font-face {
    font-family:'Pretendard';
    src: url('../fonts/Pretendard-ExtraBold.eot');
    src: url('../fonts/Pretendard-ExtraBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Pretendard-ExtraBold.woff') format('woff'),
         url('../fonts/Pretendard-ExtraBold.ttf') format('truetype');
    font-weight: 900;
}

@font-face {
    font-family:'Paperlogy';
    src: url('../fonts/Paperlogy-7Bold.eot');
    src: url('../fonts/Paperlogy-7Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Paperlogy-7Bold.woff') format('woff'),
         url('../fonts/Paperlogy-7Bold.ttf') format('truetype');
    font-weight: 700;
}

@font-face {
    font-family:'Paperlogy';
    src: url('../fonts/Paperlogy-5Medium.eot');
    src: url('../fonts/Paperlogy-5Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Paperlogy-5Medium.woff') format('woff'),
         url('../fonts/Paperlogy-5Medium.ttf') format('truetype');
    font-weight: 500;
}


body {
	color:#000;
	font-family: 'Noto Sans KR',sans-serif;
	max-width:768px;
	min-width:320px;
	margin:0 auto;
}
a {text-decoration: none; border: 0;}
ol, ul {list-style: none;}
table{border-collapse:collapse;border-spacing:0;width:100%;}
img, fieldset{border:0;vertical-align:top;}
input,textarea,select{vertical-align:middle;}
legend,caption{display: none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;}
button{margin:0;padding:0;border:0;}
hr{display:none}
img {
	max-width: 100%;
    width: auto;
	height: auto;
	vertical-align: top;
}

input { 
    -webkit-border-radius:0; /* 모서리 스타일 제거 */ 
    -webkit-appearance:none; /* 인풋내 그림자 제거 */ 
}
.input_text, textarea{*margin:-1px 0;padding-right:1px}
.input_check, .input_radio{width:13px;height:13px}
.blind, legend, caption{text-indent:-9999px;font-size:0;line-height:0;overflow:hidden}
caption{*line-height:0}
img{max-width:100%;}
ul,ol,li{list-style:none; margin:0;padding:0;}
label{display: inline-block;}

input {font-size: 1rem; font-family:'Noto Sans KR', 'Malgun Gothic', sans-serif; vertical-align: middle;border: #ccc 1px solid; }
button { border-radius:0; }
input[type='checkbox'], input[type='radio'] {width:20px; height: 25px;line-height: 25px;text-align: left; display: inline-block; position: relative; top:-1px; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#999; }
input::-moz-placeholder, textarea::-moz-placeholder { color:#999; opacity:1; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#999 !important; }

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {transition: background-color 5000s ease-in-out 0s;
	 -webkit-transition: background-color 9999s ease-out;
/*
   -webkit-box-shadow: 0 0 0px 1000px white inset !important;
   -webkit-text-fill-color: #fff !important;
*/
     }
.input{border: #e1e1e1 1px solid; vertical-align: middle;font-size: 1rem ;height:3.5rem; padding:15px; box-sizing: border-box; }

textarea {width: 100%; padding:30px; font-size:1rem; line-height: 1.4; border:1px solid #e1e1e1; box-sizing: border-box; }

.frm{display:inline-block; position:relative}
.frm label{display:inline;position:relative;font-size:1rem; line-height: 1.3; padding-left:35px;text-transform:uppercase; color: #000; font-weight: normal; margin-right:10px;cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.frm label:before {content:'';display:block;position:absolute;left:0;top:0;width:20px;height:20px;background:url("../common/spr_form.png") no-repeat;}
.frm input[type=checkbox]:focus+label, .frm input[type=radio]:focus+label {outline:1px dotted #e0e0e0}
.frm input[type=checkbox], .frm input[type=radio]{position:absolute;left:0;top:-13px;width:1px;height:1px;opacity:0;z-index:1;}
.frm input[type=checkbox]+label:before{background-position:0 -13px}
.frm input[type=checkbox]:checked+label:before{background-position:-20px -13px}
.frm input[type=radio]+label:before{background-position:-52px -13px}
.frm input[type=radio]:checked+label:before{background-position:-78px -13px}


select {
  background-color: rgba(255, 255, 255, 1);
  background:url('../images/common/lnb_arr.png') no-repeat 93% ;
  background-color:#fff;
  width: 100%;
  padding:3px 10px;
  border:1px solid #e7e7e7;
  border-radius: 0;
  height: 3.5rem;
  vertical-align:middle;
  margin-right: 5px;
  font-size: 1rem;
  position: relative;
	-webkit-appearance: none;  /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
}
select::-ms-expand {display:none;}/* 화살표 없애기 for IE10, 11*/


.sec1{}
.sec1 .top{background: url('../images/1_bg.jpg')no-repeat left top / cover; }

.sec2{overflow:hidden;}
.sec4{margin-top:-1px;}


.fixed_bottom{max-width:768px;width:100%;position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:9999;}
.fixed_bottom ul{display:flex;}
.fixed_bottom ul a{display:block;}


.sec_7{background:#ffeff2;padding-bottom:120px;}

.slide_12f{background:#f9f0f0;}



/*모바일에서 로고작게*/
@media screen and (max-width: 768px)
{
.sec_7{padding-bottom:15.625vw;}
}