@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap');
/*font-family: 'Noto Sans KR', sans-serif; 볼드 700*/

@font-face {
    font-family: 'Noto_demi';
    font-style: normal;
    font-weight: 350;
    src: local('Noto Sans DemiLight'), local('NotoSans-DemiLight'),
    url('/fonts/eot/NotoSansKR-DemiLight-Hestia.eot'),
    url('/fonts/eot/NotoSansKR-DemiLight-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/fonts/woff/NotoSansKR-DemiLight-Hestia.woff') format('woff'),
    url('/fonts/otf/NotoSansKR-DemiLight-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'Noto_regular';
    font-style: normal;
    font-weight: 400;
    src: local('Noto Sans Regular'), local('NotoSans-Regular'),
    url('/fonts/eot/NotoSansKR-Regular-Hestia.eot'),
    url('/fonts/eot/NotoSansKR-Regular-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/fonts/woff/NotoSansKR-Regular-Hestia.woff') format('woff'),
    url('/fonts/otf/NotoSansKR-Regular-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'Noto_medium';
    font-style: normal;
    font-weight: 500;
    src: local('Noto Sans Medium'), local('NotoSans-Medium'),
    url('/fonts/eot/NotoSansKR-Medium-Hestia.eot'),
    url('/fonts/eot/NotoSansKR-Medium-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/fonts/woff/NotoSansKR-Medium-Hestia.woff') format('woff'),
    url('/fonts/otf/NotoSansKR-Medium-Hestia.otf') format('opentype');
}


@font-face {
    font-family: 'Noto_black';
    font-style: normal;
    font-weight: 900;
    src: local('Noto Sans Black'), local('NotoSans-Black'),
    url('/fonts/eot/NotoSansKR-Black-Hestia.eot'),
    url('/fonts/eot/NotoSansKR-Black-Hestia.eot?#iefix') format('embedded-opentype'),
    url('/fonts/woff/NotoSansKR-Black-Hestia.woff') format('woff'),
    url('/fonts/otf/NotoSansKR-Black-Hestia.otf') format('opentype');
}

@font-face {
    font-family: 'S-CoreDream-4Regular';
    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-7ExtraBold'; 
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); 
    font-weight: normal;
    font-style: normal;
}

*, *:before, *:after{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing: inherit;/*-webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;*/}
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;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display:block; }
html {font-size: 62.5%; height: 100%; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;color: #333; }
body { line-height: 1;font-family: 'Noto_demi', sans-serif; letter-spacing: -1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
button {border:none;     font-family: inherit;}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }

table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }

p { font-size: 15px; line-height: 2.3rem;  }
a { color: inherit;text-decoration: none;}
input {-webkit-border-radius:0;  border-radius: 0; -moz-border-radius: 0;  font-family: inherit;    border: 0;outline: none;}
input[type="text"], input[type="password"], input[type="button"] {-moz-appearance: none; -webkit-appearance: none;appearance:none;}
input[type="submit"] {-moz-appearance: none;-webkit-appearance:none;appearance:none;}
textarea {resize:none;font-family: inherit;-moz-appearance: none;-webkit-appearance:none;appearance:none;border-radius:0;-webkit-border-radius:0;outline: none;}
select {border-radius:0;font-family: inherit;-moz-appearance: none;-webkit-appearance:none;appearance:none;outline: none;}

/* IE 10, 11의 네이티브 화살표 숨기기 */ 
select::-ms-expand { display: none; }



/*
input 태그의 placeholder 색깔 변경하는 방법
input::-webkit-input-placeholder {}
input::-moz-placeholder {}
input::-ms-input-placeholder {} 
*/

/*드래그 하이라이트 색 변경
::selection { background: ; } 
::-moz-selection { background: ; } 
::-webkit-selection { background: ; }
*/

/* ### 크롬 스크롤 ### 
::-webkit-scrollbar {
    width:10px;
	height:4px;
}
::-webkit-scrollbar-track {
        -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
        border-radius:10px;
}
::-webkit-scrollbar-thumb {
        border-radius:10px;
        background:#fccc44;
        -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.5);
}
*/
/* ### 익스 스크롤 ###
html {scrollbar-3dLight-Color: #efefef; scrollbar-arrow-color: #fccc44; scrollbar-base-color: #efefef; 
scrollbar-Face-Color: #fccc44; scrollbar-Track-Color: #efefef; scrollbar-DarkShadow-Color: #efefef; 
scrollbar-Highlight-Color: #efefef; scrollbar-Shadow-Color: #efefef}
 */
/* 
scrollbar-arrow-color는 스크롤 바 아래위 왼쪽 오른쪽 화살표 색이다. 
scrollbar-base-color는 스크롤 바 전체 배경 색이다. 
scrollbar-Face-Color는 상하좌우로 움직이는 부분(thumb), 화살표가 포함된 상하좌우 끝 사각형 부분(button) 색이다.
http://minineko.tistory.com/entry/CSS-scrollbar-IE-Chrome-Safari-%EC%8A%A4%ED%81%AC%EB%A1%A4%EB%B0%94-%EC%9D%B5%EC%8A%A4-%ED%81%AC%EB%A1%AC-%EC%82%AC%ED%8C%8C%EB%A6%AC
*/



/*---------------------------css 커스터마이징-------------------------------------------*/
.container {margin: 0 auto;	width:1200px;}
.container_fluid {margin: 0 auto;}
.text_left {text-align: left;}
.text_right {text-align: right;}
.text_center {text-align: center;}
.invisible {visibility: hidden;}
.visible {visibility: visible;}
.hide {display: none;}
.show {display: block !important;}
.float_l {float:left;}
.float_r {float:right;}
.po_fixed {position:fixed;}
.po_abs {position:absolute;}
.po_rel {position:relative;}
.po_static {position:static;}
.clear {clear:both;}
.over_h {overflow:hidden;}
.z_10 {z-index:10;}
.z_100 {z-index:100;}
.z_1000 {z-index:1000;}
.z_9999 {z-index:9999;}
.mar_t_0 {margin-top:0 !important;}
.mar_l_0 {margin-left:0 !important;}
.mar_r_0 {margin-right:0 !important;}
.mar_b_0 {margin-bottom:0 !important;}
.bor_t_0 {border-top:0 !important;}
.bor_l_0 {border-left:0 !important;}
.bor_r_0 {border-right:0 !important;}
.bor_b_0 {border-bottom:0 !important;}
.bor_0 {border:none !important;}
.pad_t_0 {padding-top:0 !important;}
.pad_l_0 {padding-left:0 !important;}
.pad_r_0 {padding-right:0 !important;}
.pad_b_0 {padding-bottom:0 !important;}
.font_bold {font-weight: bold;}
.d_inline {display: inline-block;}
.d_table {display:table}
.v_center {display:table-cell; vertical-align:middle;}
.tri_down {content: ''; display: block; width: 0px; height: 0px; border-top:9px solid #ffc208; border-bottom:9px solid transparent; border-right: 9px solid transparent;  border-left: 9px solid transparent;}
.tri_up {content: ''; display: block; width: 0px; height: 0px; border-top:9px solid transparent; border-bottom:9px solid #ffc208; border-right: 9px solid transparent;  border-left: 9px solid transparent;}
.tri_right {content: ''; display: block; width: 0px; height: 0px; border-top:9px solid transparent; border-bottom:9px solid transparent; border-right: 9px solid transparent;  border-left: 9px solid  #ffc208;}
.tri_left {content: ''; display: block; width: 0px; height: 0px; border-top:9px solid transparent; border-bottom:9px solid transparent; border-right: 9px solid #ffc208;  border-left: 9px solid transparent;}
.after:after {content: ''; clear: both; display: block;}
.text_hide {text-indent: 100%; white-space: nowrap; overflow: hidden; height: 0;}

.blocker {z-index: 100 !important; }
.modal {max-width: 800px !important; padding: 30px !important;}
.agree_btn {display: inline-block; font-size:16px; margin-top:15px; margin-left: 10px; opacity: 0.5;}
.agree_wrap p {margin-bottom: 30px; line-height: 25px;}
.agree_wrap p > strong {display: block; font-size: 16px; margin-bottom: 15px;}
.agree_wrap p .indent {display: block; padding-left: 15px; margin: 3px 0;}
.inner_table {margin-bottom: 30px;}
.inner_table .title {font-size: 15px; margin-bottom: 15px;}
.inner_table table {width: 100%; border: 1px solid #eee; margin-bottom: 10px;}
.inner_table table th {font-weight: bold; background: #f9f9f9;}
.inner_table table th, .inner_table table td {min-height: 50px; vertical-align: middle; font-size: 14px; line-height: 20px; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee; padding: 15px 10px;}
.inner_table table td {text-align: left;}
.inner_table .info {color: #999; font-size: 14px; line-height: 20px; }



/* 픽스폼 */
#fixed_form {position: fixed; bottom: 0; left: 0; width: 100%; background: #04234c; padding: 15px 20px; z-index: 10;}
#fixed_form form {max-width: 1200px; width: 100%; margin: 0 auto;}
#fixed_form .input_wrap {float: left; width: 80%;}
#fixed_form .input_wrap input[type="text"], #fixed_form .input_wrap select[name="impt_num"] {line-height: 50px; border-radius: 5px; font-size: 18px; margin-right: 1%; padding: 0 10px;}
#fixed_form .input_wrap input[name="cust_nm"]{width: 30%;}
#fixed_form .input_wrap input[name="tell"]{width: 40%;}
#fixed_form .input_wrap input[name="impt_num"], #fixed_form .input_wrap select[name="impt_num"] {width: 27%;}
#fixed_form .input_wrap .agree_wrap {clear: both;}
#fixed_form .input_wrap .agree_wrap input[type="checkbox"] {vertical-align: sub;}
#fixed_form .input_wrap .agree_wrap label, #fixed_form .input_wrap .agree_wrap label .agree_btn {color: white; font-size: 12px;}
#fixed_form .submit {float: left; width: 20%; }
#fixed_form .submit button {width: 100%; background: #ffc208; height: 82px; font-size: 20px; border-radius: 5px; font-family: 'Noto Sans KR', sans-serif; cursor: pointer; 
animation-iteration-count: infinite; animation-duration: 0.5s; animation-name: blink; animation-timing-function: linear;}

@keyframes blink {
  50% {
    background:#ffd554;
  }
}

#fixed_form .event_btn {width: 100%; background: #ffc208; height: 50px; line-height: 50px; text-align: center; font-size: 18px; border-radius: 5px; font-family: 'Noto Sans KR', sans-serif; cursor: pointer;
animation-iteration-count: infinite; animation-duration: 0.5s; animation-name: blink; animation-timing-function: linear;
}










@media screen and (max-width:720px) {
    .agree_btn {font-size: 14px;}
}