@charset "utf-8";

@import url(/resource/css/all.min.css);

/* reset */
html * {max-height: 999999px} /* font size bug fix */
html,body{margin:0px;padding:0px;width:100%;font-size:10px;font-family:"Nanum Gothic","나눔고딕",'HelveticaNeue','AppleSDGothicNeo-Regular','MalgunGothic','맑은고딕',sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;letter-spacing:-0.5px}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal;word-break:keep-all}
strong, b {margin:0px;padding:0px;font-weight:bold;word-break:keep-all}
li{list-style:none}
fieldset,img,a{border:0px}
form{margin:0}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,button{font-family:"Nanum Gothic","나눔고딕",'HelveticaNeue','AppleSDGothicNeo-Regular','MalgunGothic','맑은고딕',sans-serif}
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#ccc}
input::-moz-placeholder{color:#ccc}
input:-moz-placeholder{color:#ccc}
input:-ms-input-placeholder{color:#ccc}
textarea::-webkit-input-placeholder{color:#ccc}
textarea::-moz-placeholder{color:#ccc}
textarea:-moz-placeholder{color:#ccc}
textarea:-ms-input-placeholder{color:#ccc}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */
input[type="password"]{font-family:"맑은고딕","돋움"}
body *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_ine{clear:both}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}

.popup_window,
.ani{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

.scrollY{overflow:hidden;overflow-y:auto}
.scrollY::-webkit-scrollbar{width:6px}
.scrollY::-webkit-scrollbar-track{-webkit-border-radius:3px;border-radius:3px;background:#ebebeb}
.scrollY::-webkit-scrollbar-thumb{-webkit-border-radius:3px;border-radius:3px;background:#ccc}
.scrollY::-webkit-scrollbar-thumb:window-inactive{background:#ccc}

.btns{display:inline-flex;align-items:center;justify-content:center;padding:0 10px;min-width:60px;height:30px;font-size:14px;color:#fff;font-weight:700;border-radius:5px;border:0;background:#496bcd}
.btns.left{justify-content:left;padding:0 0 0 15px}
.btns.md{padding:0 5px;min-width:40px;height:24px;font-size:13px}
.btns.gray{background:#acacac}
.btns.active{background:#496bcd!important}
.btns.green{background:#05af48}
.btns.red{background:#af0505}
.btns.white{color:#496bcd;background:#fff}
.btns:hover{filter:brightness(1.2)}
.icons{display:inline-flex;align-items:center;justify-content:center;margin-right:6px}

.contains{margin:0 auto;max-width:1024px}

#header{position:fixed;left:0;top:0;right:0;height:50px;background:rgba(0,0,0,0.5);z-index:100}
#header .logo{position:absolute;left:10px;top:4px}
#header .logo img{display:block;height:40px;border-radius:5px;border:2px solid #4769cc}
#header .header_menu{display:flex;align-items:center;justify-content:center;height:50px}
#header .header_menu .btn_login{padding:10px;font-size:16px;color:#fff;font-weight:700}
#header .header_menu .btn_login .icon{margin-right:5px}
#header .header_menu .btn_login:hover{color:#98aff1}
#content .img{display:block;margin:0 auto;max-width:100%}

#footer{padding:20px 0;background:#333}
#footer .footer_menu{margin-bottom:10px}
#footer .footer_menu .btn_menu{font-size:14px;color:#fff}
#footer .footer_menu span{margin:0 10px;font-size:12px;color:#ddd}
#footer .footer_text p{font-size:12px;color:#ddd}
#footer .footer_text .copyright{margin-top:5px;font-size:11px}

/* 팝업 */
.popup_window{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000;opacity:0;visibility:hidden}
.popup_window.active{opacity:1;visibility:visible}
.popup_window .popup_area{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:10px;background:#fff;overflow:hidden}
.popup_window .popup_header{position:relative;padding:10px;height:40px;border-bottom:1px solid #496bcd;background:#496bcd}
.popup_window .popup_header .title{line-height:20px;font-size:14px;color:#fff}
.popup_window .popup_header .btn_close{display:block;position:absolute;right:0;top:5px;width:30px;height:30px;font-size:20px;color:#fff;z-index:10}
.popup_window .popup_header .btn_close .icons{margin:0;width:30px;height:30px}
.popup_window .popup_footer{padding:10px 20px;height:50px;text-align:center;border-top:1px solid #e1e1e1;background:#f0f0f0}
.popup_window .popup_footer .btns{margin:0 5px;vertical-align:middle}
.popup_window .popup_content{padding:15px 15px 20px 15px}
.popup_window .popup_content p{font-size:14px;line-height:20px;color:#000}

.popup_window .popup_content.terms_box{max-height:400px}
.popup_window .popup_content.terms_box p{line-height:1.6em}
.popup_window .popup_content.terms_box .title{margin:20px 0 5px 0;font-size:14px;font-weight:700}
.popup_window .popup_content.terms_box .title:first-child{margin-top:0}
.popup_window .popup_content.terms_box .pd{padding-left:12px}
.popup_window .popup_content.terms_box .pd p{font-size:12px;color:#333}