@charset 'UTF-8';


/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
audio, canvas, video {display:inline-block;}
audio:not([controls]) {display:none; height:0;}
[hidden], template {display:none;}

/*  reset */
* {margin:0; padding:0; font-family:'Pretendard','roboto','notosanskr', sans-serif,'malgun gothic','맑은 고딕','돋움','Roboto',dotum,sans-serif !important; word-break:break-all; box-sizing:border-box;}
body {color:#000; font-size:100%; letter-spacing:0; line-height:1.2;
  -webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:none;
     -moz-text-size-adjust:none;
       -ms-text-size-adjust:none;
         -o-text-size-adjust:none;
             text-size-adjust:none; 
}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
img {max-width:100%; border:0 none; vertical-align:top;}
a {display:inline-block; color:inherit; text-decoration:none; background:transparent;}
a:active, a:hover, a:focus {outline:none;}
ol, ul, li {list-style:none;-webkit-padding-start:0;}
table {width:100%; border-collapse:collapse; table-layout:fixed; border-spacing:0;}
table, th, td {word-break:break-all; word-wrap:break-word;}
legend, caption {position:absolute; left:-1000000px; top:auto; overflow:hidden; height:0; font-size:0; line-height:0; clip:rect(0 0 0 0);}
button {padding:0; border:none; text-align:center; vertical-align:middle; background:none; cursor:pointer;}
button::-moz-focus-inner {margin:0; padding:0; border:0;}
strong, em, b, i {font-weight:normal; font-style:normal; font-style:normal;}
blockquote, q {quotes:none;}
label {vertical-align:baseline; font-size:inherit;}
textarea {width:100%; padding:14px; border:1px solid #ccc; color:#444; line-height:1.5; overflow-y:auto; resize:vertical;}
p {font-size:15px; font-weight:normal; color:#222;}
input {outline:none;}

/* input-placeholder 색상 지정 */
::-webkit-input-placeholder {color:#797979 !important; -webkit-text-fill-color:#797979; -ms-text-fill-color:#797979; font-weight:300; font-size:15px;}
::-moz-placeholder {color:#797979 !important; -webkit-text-fill-color:#797979; -ms-text-fill-color:#797979;font-weight:300;  font-size:15px;} 
:-moz-placeholder {color:#797979 !important; -webkit-text-fill-color:#797979; -ms-text-fill-color:#797979;font-weight:300;  font-size:15px;}
:-ms-input-placeholder {color:#797979 !important; -webkit-text-fill-color:#797979; -ms-text-fill-color:#797979; font-weight:300; font-size:15px;}
:placeholder-shown {color:#797979; -webkit-text-fill-color:#797979; -ms-text-fill-color:#797979; font-weight:300; font-size:15px;}

/* IE10, 11 화살표 없애기 */  
select::-ms-expand {display:none;}

/* spin 제거 */  
input::-webkit-search-cancel-button {-moz-appearance:none; -webkit-appearance:none; appearance:none;}
input::-webkit-clear-button, input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {display:none; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
input::-webkit-datetime-edit-fields-wrapper {padding:0;}

/* form */
input,
select,
textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none;}

/* 마스크 */
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:101; opacity:0.5; background:#000;}

/* 정렬 */
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.tal {text-align:left !important;}
.vat {vertical-align:top !important;}
.vab {vertical-align:bottom !important;}
.vam {vertical-align:middle !important;}

.fwl {font-weight:200 !important;}
.fwndl {font-weight:300 !important;}
.fwn {font-weight:400 !important;}
.fwm {font-weight:500 !important;}
.fwbd {font-weight:600 !important;}
.fwb {font-weight:bold !important;}


/* float, clear, blind */
.fn {float:none !important;}
.fl {float:left !important;}
.fr {float:right !important;}
.clear:after {content:''; display:block; clear:both;}
.blind {display:none; position:absolute; left:-9999px; width:1px; height:1px; margin:-1px; font-size:0; line-height:0; clip:rect(0 0 0 0);}
 
 /* 색상  */
.cl_prmy {color:#D82146 !important;}




/* layout */
#mask {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:101; opacity:0.7; background:#000;} /* 마스크 */
.container {width:100%;}

/* footer */
.footer {overflow:hidden; width:100%; min-width:1280px; background: #262626;}
.footer .footer-inner {display:flex; position: relative; width:1280px; height:100%; margin: 0 auto; padding: 40px 0 85px;}
.footer .footer-inner .item {flex:1 auto;}
.footer .footer-inner .logo {flex-grow: 0; width:160px; margin-top:10px;}
.footer .footer-inner .logo img {width:100%; height:auto;}
.footer .footer-inner .information {width: 70%; padding: 0 90px;}
.footer .footer-inner .information .menu {padding-bottom: 16px; font-size:0;}
.footer .footer-inner .information .menu li {display:inline-block; position:relative; padding:0  20px;}
.footer .footer-inner .information .menu li::before {content: ""; position:absolute; left:0; top: 3px; width: 1px; height: 14px; background:#fff;}
.footer .footer-inner .information .menu li:first-child {padding-left:0;}
.footer .footer-inner .information .menu li:first-child:before {display:none;}
.footer .footer-inner .information .menu li+li {padding-left:20px;}
.footer .footer-inner .information .menu li a {font-weight:400; font-size: 15px; color: #fff;}
.footer .footer-inner .information .company {font-size:0;}
.footer .footer-inner .information .company span,
.footer .footer-inner .information .company span a {position:relative; padding:0 10px; font-weight: 200; font-size: 15px; color: #bbb; line-height: 1.47;}
.footer .footer-inner .information .company span::before {content:""; position:absolute; left:0; top: 4px; width: 1px; height: 14px; background:#707070;}
.footer .footer-inner .information .company span:first-child {padding-left:0;}
.footer .footer-inner .information .company span:first-child:before {display:none;}
.footer .footer-inner .information .copyright {font-weight: 200; font-size: 15px; color: #bbb; margin-top:16px;}
.footer .footer-inner .mark {text-align: center;}
.footer .footer-inner .mark p {display:inline-block; padding:0 10px;}
.footer .footer-inner .mark p img {width: auto; height: auto;}

.floating {z-index:2; position:fixed; right:20px !important; bottom:2% !important;}
.floating .top_btn {position:relative; width:70px; height:70px; font-size:0; background:rgba(0,0,0,.4); border-radius:50%; transition:opacity .2s;}
.floating .top_btn::after {content:""; position:absolute; width:12px; height:12px; border-top:3px solid #fff; border-right:3px solid #fff;
	-webkit-transform: translate(-50%, -25%) rotate(-45deg);
	   -moz-transform: translate(-50%, -25%) rotate(-45deg);
	    -ms-transform: translate(-50%, -25%) rotate(-45deg);
	     -o-transform: translate(-50%, -25%) rotate(-45deg);
	        transform: translate(-50%, -25%) rotate(-45deg);
}
.floating .top_btn.on {opacity:1;}



/* 가입페이지 유의사항 */
.notice-box {margin-top:20px; border:2px solid #000; border-radius:12px; overflow:hidden;}
.notice-box h4 {padding:16px 20px; font-weight:600; font-size:18px; color:#000; background:#f0f0f0;}
.notice-box ul {padding:20px;}
.notice-box ul li {font-weight:300; font-size:16px; line-height:1.6; color:#666;}
.notice-box ul li + li {margin-top:8px;}


@media all and (max-width:1023px) {
	/*  footer */
    .footer {width:100%; min-width:100%;}
    .footer .footer-inner {display:block; width:100%; padding: 40px 16px;}
    .footer .footer-inner .item {flex:none;}
    .footer .footer-inner .logo {width:160px; margin-top:0;}
    .footer .footer-inner .information {width:100%; padding: 0;}
    .footer .footer-inner .information .menu {padding-top:30px;}
    .footer .footer-inner .information .menu li {padding:0  10px;}
    .footer .footer-inner .information .menu li::before {top: 5px; height:12px;}
    .footer .footer-inner .information .menu li+li {padding-left:10px;}
    .footer .footer-inner .information .menu li a {font-size: 13px;}
    .footer .footer-inner .information .company {padding-top:30px;}
    .footer .footer-inner .information .company span {font-size: 13px;}
    .footer .footer-inner .information .copyright {font-size: 13px;}
    .footer .footer-inner .mark {margin-top:40px;}
    
    .floating .top_btn {width:48px; height:48px;}
    .floating .top_btn::after {width:8px; height:8px;}
    
    .floating .quick_list {display:table;}
	.floating .quick_list .quick_customer {width:72px; height:50px;}
	.floating .quick_list .quick_customer a > p {font-size:11px;}
	.floating .quick_list .quick_customer a > span {font-size:11px;}
	    
} 

@media all and (max-width:1023px) {
	/* 가입페이지 유의사항 */
	.notice-box h4 {padding:15px; font-size:16px;}
	.notice-box ul {padding:15px;}
	.notice-box ul li {font-size:14px;}
	.notice-box ul li + li {margin-top:6px;}
}