@charset "utf-8";
@import url("/kakao/font/NanumGothic/nanumgothic.css");
@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=Exo+2:wght@100;300;400;500;700;900&display=swap');

/* 초기화 */
html {overflow-y:scroll}
*{font-style:normal;font-family:'Exo 2',"Noto Sans KR","Apple SD Gothic Neo","Nanum Gothic","NanumGothic","맑은 고딕","Malgun gothic",sans-serif;font-weight:400;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
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-weight:inherit;letter-spacing:inherit;color:inherit;vertical-align:baseline;}
body{font-family:'Exo 2',"Noto Sans KR","Apple SD Gothic Neo","Nanum Gothic","NanumGothic","맑은 고딕", "Malgun gothic",sans-serif;font-size:18px;font-weight:400;letter-spacing:-0.05em;color:#000;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-ms-interpolation-mode:bicubic}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:'none'}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:'none'}
table{border-collapse:collapse;border-spacing:0}
input,button,textarea,select{margin:0;padding:0;font-size:1em}
button{cursor:pointer}
p{margin:0;padding:0;word-break:break-all}
hr{display:none}
hr:after{display:block;visibility:hidden;clear:both;content:''}
pre{overflow-x:scroll;font-size:1em}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:600}
dfn{font-style:italic}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
audio,video{display:inline-block}
audio:not([controls]){display:none;height:0}
img{border-style:none}
svg:not(:root){overflow:hidden}
button,select{text-transform:none}
button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{display:table;max-width:100%;padding:0;color:inherit;white-space:normal;/* 3 */box-sizing:border-box}
progress{display:inline-block;vertical-align:baseline}
textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0;box-sizing:border-box}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
details,menu{display:block}
summary{display:list-item}
canvas{display:inline-block}
template{display:none}
[hidden]{display:none}
.hidden{display:none}
a{color:#666;text-decoration:none;vertical-align:middle;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out}
a:link,a:visited{text-decoration:none}
a:hover,a:focus,a:active{text-decoration:underline}
html,body{background-color:#fff}
.msg_sound_only,.sound_only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important}
input, select, textarea, button{font:inherit;color:inherit;vertical-align:middle}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #f6f8f9 inset !important}
select::-ms-expand{display:none}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;padding-left:10px;background:url(../img/common/appearance.gif) no-repeat right center}
select:disabled{background:url(../img/common/appearance_disabled.gif) no-repeat right center}

.clfix:after,.clear:after{display:block;visibility:hidden;clear:both;height:0;content:''}
.clfix,.clear{clear:both;display:block}
.clfix,.clear{zoom:1}
.fl{float:left}
.fr{float:right}

img{max-width:100%;height:auto}

input[type=text],input[type=password],textarea{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;outline:none}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{border:1px solid #558ab7 !important;/*-webkit-box-shadow:0 0 5px #9ed4ff;-moz-box-shadow:0 0 5px #9ed4ff;box-shadow:0 0 5px #9ed4ff*/}
.placeholdersjs{font-size:1em;color:#aaa}
input::-ms-clear {display:none}
input::-webkit-input-placeholder {color:#999; font-size:1em; font-weight:300}
input:-moz-placeholder {color:#999; font-size:1em; font-weight:300;}
input::-moz-placeholder{color:#999; font-size:1em; font-weight:300; }
input:-ms-input-placeholder {color:#999; font-size:1em; font-weight:300;}
textarea {overflow-x:hidden; overflow-y:auto; resize:none; background:#fff; color:rgba(102,102,102,0.9)}
textarea::-webkit-input-placeholder {color:#999; font-weight:300}
textarea:-moz-placeholder {color:#999; font-weight:300}
textarea::-moz-placeholder {color:#999; font-weight:300}
textarea:-ms-input-placeholder {color:#999; font-weight:300}

/* # Buttons
================================================== */
.btn{display:inline-block}
.btn,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ColVis_MasterButton,.fc-state-default{position:relative;z-index:1;border:0;border:1px solid #d9d9d9;border:1px solid rgba(0,0,0,0.13);border-radius:0;background-color:#f3f3f3;background-image:none;font-weight:normal;color:#333;filter:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-shadow:none;cursor:pointer;-webkit-border-radius:0;-moz-border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.btn:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover,.ColVis_MasterButton:hover,.fc-state-default:hover,.btn:focus,.ui-state-default:focus,.ui-widget-content .ui-state-default:focus,.ui-widget-header .ui-state-default:focus,.ColVis_MasterButton:focus,.fc-state-default:focus{border-color:rgba(0,0,0,0.13);background-color:#f8f8f8;color:#333}
.btn:active,.ui-state-default:active,.ui-widget-content .ui-state-default:active,.ui-widget-header .ui-state-default:active,.ColVis_MasterButton:active,.fc-state-default:active,.btn.active,.ui-state-default.active,.ui-widget-content .ui-state-default.active,.ui-widget-header .ui-state-default.active,.ColVis_MasterButton.active,.fc-state-default.active{border-color:rgba(0,0,0,0.13);border-top:1px solid #a6a6a6;background-color:#e6e6e6}
.btn.disabled,.ui-state-default.disabled,.ui-widget-content .ui-state-default.disabled,.ui-widget-header .ui-state-default.disabled,.ColVis_MasterButton.disabled,.fc-state-default.disabled,.btn.btn[disabled],.ui-state-default.btn[disabled],.ui-widget-content .ui-state-default.btn[disabled],.ui-widget-header .ui-state-default.btn[disabled],.ColVis_MasterButton.btn[disabled],.fc-state-default.btn[disabled]{border-top:1px solid rgba(0,0,0,0.13);background-color:#f3f3f3;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn.disabled:hover,.ui-state-default.disabled:hover,.ui-widget-content .ui-state-default.disabled:hover,.ui-widget-header .ui-state-default.disabled:hover,.ColVis_MasterButton.disabled:hover,.fc-state-default.disabled:hover,.btn.btn[disabled]:hover,.ui-state-default.btn[disabled]:hover,.ui-widget-content .ui-state-default.btn[disabled]:hover,.ui-widget-header .ui-state-default.btn[disabled]:hover,.ColVis_MasterButton.btn[disabled]:hover,.fc-state-default.btn[disabled]:hover{cursor:not-allowed}
.btn .caret,.ui-state-default .caret,.ui-widget-content .ui-state-default .caret,.ui-widget-header .ui-state-default .caret,.ColVis_MasterButton .caret,.fc-state-default .caret{margin-top:0;margin-left:3px;border-top-color:#333;vertical-align:middle}
.btn + .caret,.ui-state-default + .caret,.ui-widget-content .ui-state-default + .caret,.ui-widget-header .ui-state-default + .caret,.ColVis_MasterButton + .caret,.fc-state-default + .caret,.btn + .dropdown-toggle .caret,.ui-state-default + .dropdown-toggle .caret,.ui-widget-content .ui-state-default + .dropdown-toggle .caret,.ui-widget-header .ui-state-default + .dropdown-toggle .caret,.ColVis_MasterButton + .dropdown-toggle .caret,.fc-state-default + .dropdown-toggle .caret{margin-left:0}

/* * * * * * * * * * * *
 * Sizes
 * * * * * * * * * * * */
.btn{padding:9px 9px;font-size:1em}
.btn.btn-xs{padding:5px 5px;font-size:0.778em}
.btn.btn-sm{padding:7px 7px;font-size:0.889em}
.btn.btn-lg{padding:11px 11px;font-size:1.125em}

/* * * * * * * * * * * *
 * States
 * * * * * * * * * * * */
.btn-custom-color{z-index:2;background-color:#2b6394;color:#fff}
.btn-custom-color:hover,.btn-custom-color:focus{background-color:#4d77cc;color:#fff}
.btn-custom-color:active,.btn-custom-color.active{border-top:1px solid #1c3463;background-color:#335eb2}
.btn-primary{z-index:2;/* background-color: #3968c6; */background-color:#fae100;color:#3b1e1e}
.btn-custom{background-color:#fae100;color:#3b1e1e}
.btn-custom:hover,.btn-custom:focus{background-color:#ffeb34;color:#3b1e1e}
.btn-login:default,.btn-login.active{background-color:#658db3;color:#fff}
.btn-login:hover,.btn-login:focus{background-color:#ffeb34;color:#3b1e1e}
.btn-primary:hover,.btn-primary:focus{background-color:#ffeb34;color:#3b1e1e}
.btn-primary:active,.btn-primary.active{border-top:1px solid #1c3463;background-color:#335eb2}
.btn-primary.disabled,.btn-primary.btn[disabled]{background-color:#3968c6;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-primary .caret{border-top-color:#fff}
.btn-group.open .btn-primary.dropdown-toggle{background-color:#335eb2}
.btn-info{z-index:2;background-color:#2f96b4;color:#fff}
.btn-info:hover,.btn-info:focus{background-color:#34a7c8;color:#fff}
.btn-info:active,.btn-info.active{border-top:1px solid #15424f;background-color:#2a85a0}
.btn-info.disabled,.btn-info.btn[disabled]{background-color:#2f96b4;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-info .caret{border-top-color:#fff}
.btn-group.open .btn-info.dropdown-toggle{background-color:#2a85a0}
.btn-warning{z-index:2;background-color:#f89406;color:#fff}
.btn-warning:hover,.btn-warning:focus{background-color:#fa9f1e;color:#fff}
.btn-warning:active,.btn-warning.active{border-top:1px solid #7c4a03;background-color:#df8505}
.btn-warning.disabled,.btn-warning.btn[disabled]{background-color:#f89406;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-warning .caret{border-top-color:#fff}
.btn-group.open .btn-warning.dropdown-toggle{background-color:#df8505}
.btn-danger{z-index:2;background-color:#bd362f;color:#fff}
.btn-danger:hover,.btn-danger:focus{background-color:#ce3f38;color:#fff}
.btn-danger:active,.btn-danger.active{border-top:1px solid #571916;background-color:#a9302a}
.btn-danger.disabled,.btn-danger.btn[disabled]{background-color:#bd362f;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-danger .caret{border-top-color:#fff}
.btn-group.open .btn-danger.dropdown-toggle{background-color:#a9302a}
.btn-inverse{z-index:2;background-color:#555;color:#fff}
.btn-inverse:hover,.btn-inverse:focus{background-color:#626262;color:#fff}
.btn-inverse:active,.btn-inverse.active{border-top:1px solid #151515;background-color:#484848}
.btn-inverse.disabled,.btn-inverse.btn[disabled]{background-color:#555;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-inverse .caret{border-top-color:#fff}
.btn-group.open .btn-inverse.dropdown-toggle{background-color:#484848}
.btn-success{z-index:2;background-color:#3b1e1e;color:#fff}
.btn-success:hover,.btn-success:focus{background-color:#552727;color:#fff}
.btn-success:active,.btn-success.active{border-top:1px solid #274e27;background-color:#552727}
.btn-success.disabled,.btn-success.btn[disabled]{background-color:#51a351;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-success .caret{border-top-color:#fff}
.btn-group.open .btn-success.dropdown-toggle{background-color:#552727}
.btn-facebook{z-index:2;background-color:#3b5998;color:#fff}
.btn-facebook:hover,.btn-facebook:focus{background-color:#4264aa;color:#fff}
.btn-facebook:active,.btn-facebook.active{border-top:1px solid #17233c;background-color:#344e86}
.btn-facebook.disabled,.btn-facebook.btn[disabled]{background-color:#3b5998;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-facebook .caret{border-top-color:#fff}
.btn-group.open .btn-facebook.dropdown-toggle{background-color:#344e86}
.btn-twitter{z-index:2;background-color:#00acee;color:#fff}
.btn-twitter:hover,.btn-twitter:focus{background-color:#09bbff;color:#fff}
.btn-twitter:active,.btn-twitter.active{border-top:1px solid #00506f;background-color:#009ad5}
.btn-twitter.disabled,.btn-twitter.btn[disabled]{background-color:#00acee;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-twitter .caret{border-top-color:#fff}
.btn-group.open .btn-twitter.dropdown-toggle{background-color:#009ad5}
.btn-google-plus{z-index:2;background-color:#d14836;color:#fff}
.btn-google-plus:hover,.btn-google-plus:focus{background-color:#d65b4b;color:#fff}
.btn-google-plus:active,.btn-google-plus.active{border-top:1px solid #6e2319;background-color:#c13e2c}
.btn-google-plus.disabled,.btn-google-plus.btn[disabled]{background-color:#d14836;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn-google-plus .caret{border-top-color:#fff}
.btn-group.open .btn-google-plus.dropdown-toggle{background-color:#c13e2c}

/* * * * * * * * * * * *
 * Button Groups
 * * * * * * * * * * * */
.btn-group > .btn:first-child,.btn-group > .btn:last-child{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
.btn-group > .btn i{margin-right:3px}
.btn-group > .dropdown-toggle{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}

/* * * * * * * * * * * *
 * Dropdown Toggles
 * * * * * * * * * * * */
.btn-group > .btn + .dropdown-toggle{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}
.btn:active,.btn.active,.btn-group.open .dropdown-toggle,.btn-group > .btn + .dropdown-toggle:active{border-top:1px solid rgba(0,0,0,0.3);-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.13) inset;-moz-box-shadow:0 1px 1px rgba(0,0,0,0.13) inset;box-shadow:0 1px 1px rgba(0,0,0,0.13) inset}

/* * * * * * * * * * * *
 * Icon Buttons
 * * * * * * * * * * * */
.btn-icon{margin:10px 0;padding:10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.btn-icon:hover{border:1px solid rgba(0,0,0,0.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}
.btn-icon:active{-webkit-transition:none;-moz-transition:none;-o-transition:none;transition:none}
.btn-icon i{margin:0}

/* * * * * * * * * * * *
 * Badges
 * * * * * * * * * * * */
.btn .label{position:absolute;top:-5px;right:-5px;padding:3px 7px;border-width:0;border-style:solid;border-radius:12px;font-size:11px !important;font-weight:300;color:#FFF !important;text-shadow:none;-webkit-border-radius:12px;-moz-border-radius:12px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}

/* Caret for Dropups */
.dropup .btn .caret{border-bottom-color:#333}

/* * * * * * * * * * * *
 * Demo Only
 * * * * * * * * * * * */
.btn-toolbar-demo .btn{margin:3px}

.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:500;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}
a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer}
.label:empty{display:none}
.btn .label{position:relative;top:-1px}
.label-default{background-color:#777}
.label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e}
.label-primary{background-color:#337ab7}
.label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090}
.label-success{background-color:#5cb85c}
.label-success[href]:focus,.label-success[href]:hover{background-color:#449d44}
.label-info{background-color:#5bc0de}
.label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5}
.label-warning{background-color:#f0ad4e}
.label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f}
.label-danger{background-color:#d9534f}
.label-danger[href]:focus,
.label-danger[href]:hover{background-color:#c9302c}

.animate{transition:ease-in-out 1s}
[data-aos]{transition:ease-in-out 1s}

.inner{max-width:1600px;width:100%;margin:0 auto;padding:0 20px}

.mt10{margin-top:10px}
.mt20 {margin-top:20px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mr10{margin-right:10px}


@media screen and (min-width:480px){
	.btn{padding:11px 11px;font-size:1em}
	.btn.btn-lg{padding:13px 13px;font-size:1.125em}
}
@media screen and (min-width:768px){
	.btn{padding:13px 13px;font-size:1em}
	.btn.btn-lg{padding:15px 15px;font-size:1.125em}
}
@media screen and (min-width:1024px){
	.btn{padding:15px 15px;font-size:1em}
	.btn.btn-lg{padding:19px 20px;font-size:1.125em}
}
@media screen and (min-width:1024px){
	.inner{max-width:1600px;padding:0 50px}
}
@media screen and (min-width:1600px){

}
@media screen and (min-width:1700px){
	.inner{max-width:1700px;padding:0 70px}
}
@media screen and (max-width:1919px){
}
@media screen and (max-width:1600px){
  body{font-size:18px}
}
@media screen and (max-width:1024px){
  body{font-size:16px}
}
@media screen and (max-width:768px){
  body{font-size:14px}
}
@media screen and (max-width:480px){
  body{font-size:13px}
}
@media (max-width:360px){
	body{font-size:12px}
}
@media (max-width:340px){
	body{font-size:11px}
}