@charset "UTF-8";
/* css reset */
@import url(reset.css);
/* font-family: 'Noto Sans KR', sans-serif; */

/* common */
#wrap {
  width: 100%;
  overflow: hidden;
}
.inner {
  width: calc(100% - 30px);
  max-width: 1200px;
  margin: 0 auto;
}
.only_mo {
    display: none !important;
}

/* header */
.header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index: 99;
    transition:.5s;
}
.header .inner {
    display: flex;
    align-items: center;
    max-width:1560px;
    height:80px;
}
.header .logo {
    font-size:0;
}
.header .call_btn {
    margin-left: 57px;
}
.header .call_btn * {
    font-family: '62570', sans-serif;
}
.header .call_btn a {
    display: block;
    line-height: 24px;
    padding-left: 32px;
    font-size:18px;
    color:#fff;
    background:url('../img/common/ico_call.png') no-repeat left center;
}
.header .call_btn span {
    color:#f0b618;
}
.header .nav {
    display: flex;
    align-items: center;
    margin-left: auto;
}
.header .nav ul {
    display: flex;
    align-items: center;
}
.header .nav ul li {
    padding:0 20px;
}
.header .nav ul li + li {
    margin-left: 20px;
}
.header .nav ul li a {
    display: block;
    font-family: '62570', sans-serif;
    font-size:18px;
    color:#aaaaaa;
}
.header .nav ul li.active a, 
.header .nav ul li:hover a {
    color:#fff;
} 
.header .nav .support_btn {
    display:block;
    width:160px;
    margin-left: 60px;
    font-size:18px;
    font-weight: 500;
    color:#ffffff;
    line-height: 50px;
    background-color: #d51a1a;
    text-align: center;
    border-radius:25px;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
    animation: glow 2500ms infinite ease-in-out;
}
@keyframes glow {
    0%{
      box-shadow: 0px 0px 3px rgba(232,28,28,.24);
    }
    50%{
      box-shadow: 0px 0px 13px #ff3a3a;
    }
    100%{
      box-shadow: 0px 0px 3px rgba(232,28,28,.24);
    }
}
  
.header.active {
    background-color:#ffffff;
    box-shadow: 0px 3px 16.92px 1.08px rgba(0, 0, 0, 0.18);
}
.header.active .logo,
.header.fp_active .logo {
    background:url('../img/logo_bk.png') no-repeat center / cover;
}
.header.active .logo img,
.header.fp_active .logo img {
    opacity:0;
}
.header.active .call_btn a {
    color:#333333; 
    background:url('../img/common/ico_call_bk.png') no-repeat left center;
}
.header.fp_active .call_btn a {
    color:#333333;
    background:url('../img/common/ico_call_bk.png') no-repeat left center;
}
.header.active .nav ul li.active a,
.header.active .nav ul li:hover a,
.header.fp_active .nav ul li.active a,
.header.fp_active .nav ul li:hover a {
    color:#333333;
}
.fp-viewing-lastPage .header {
    display: none;
}

/* side_fix */
.side_fix {
    /* display: none !important; */
    position:fixed;
    bottom:80px;
    right:20px;
    z-index: 999;
}
.side_fix .store_wrap {
    position:relative;
}
.side_fix .store_box {
    display:none;
    position:absolute;
    bottom:0;
    right:0;
    width:230px;
    padding:20px;
    border-radius:13px 20px 0 13px;
    background-color:#f1f1f1;
    white-space: nowrap;
}
.side_fix .store_box .txt_box * {
    font-family: '62570',sans-serif;
    text-align: center;
}
.side_fix .store_box .txt_box p {
    margin-bottom: 5px;
    font-size:20px;
    color:#000000;
}
.side_fix .store_box .txt_box a {
    display: block;
    font-size: 27px;
    color:#f0b618;
}
.side_fix .store_box .form_box {
    margin-top: 20px;
}
.side_fix .store_box .input_wrap + .input_wrap {
    margin-top: 5px;
}
.side_fix .store_box input {
    width:100%;
    height:35px;
    padding:0 15px;
    border:1px solid #dddddd;
    box-sizing: border-box;
}
.side_fix .store_box input::placeholder {
    color:#999999;
}
.side_fix .store_box input[type="checkbox"] {
    display: none !important;
}
.side_fix .store_box input[type="checkbox"] + label {
    display: inline-block;
    margin-top: 10px;
    padding-left: 18px;
    font-size:12px;
    color:#333333;
    background-image: url('../img/common/store_checked_off.png');
    background-position: left center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.side_fix .store_box input[type="checkbox"] + label em {
    font-weight: 500;
}
.side_fix .store_box input[type="checkbox"]:checked + label {
    background-image: url('../img/common/store_checked_on.png');
}
.side_fix .store_box select {
    width:100%;
    height:35px;
    padding:0 15px;
	color:#222;
    border:1px solid #dddddd;
    box-sizing: border-box;
}
.side_fix .store_box select.gray {
	color:#999999;
}
.side_fix .store_box select option {
	color:#222;
}
.side_fix .store_box .form_btn {
    display: block;
    width: 100%;
    margin-top: 20px;
    font-size:18px;
    font-weight: 500;
    color:#ffffff;
    line-height: 46px;
    border-radius: 10px;
    text-align: center;
    background-color:#d51a1a;
}
.side_fix .store_box .close_btn {
    position:absolute;
    top:10px;
    right:10px;
    width:18px;
    height:18px;
    font-size:0;
    background:url('../img/common/btn_close.png') no-repeat center / cover;
}
.side_fix .sns_box {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    margin-top: 10px;
}
.side_fix .store_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width:60px;
    height:60px;
    margin-bottom: 10px;
    background-color:#000;
    border:1px solid #d51a1a;
    border-radius:50%;
}
.side_fix .store_btn p {
    font-size:14px;
    font-weight: 700;
    color:#ffffff;
    line-height: 1.14;
}
.side_fix .sns_box a {
    width:60px;
    height:60px;
    border:1px solid #cccccc;
    box-sizing:border-box;
    border-radius:50%;
    background-color:#fff;
}
.side_fix .sns_box a img {
    opacity:.4;
    transition: .5s;
}
.side_fix .sns_box a:hover img {
    opacity: 1;
}
.side_fix .sns_box a + a {
    margin-top: 10px;
}
.side_fix .top_btn {
	width:60px;
	height:60px;
	margin-top: 10px;
	font-size: 0;
	border-radius:50%;
	background:#d51a1a url('../img/common/btn_top.png') no-repeat center;
}

/* footer */
.footer {
    width:100%;
    background-color:#1e1e1e;
}
.footer .prize_list {
	padding:11px 0;
	background-color:#2d2d2d;
}
.footer .prize_list ul {
	display: flex;
	flex-wrap: wrap;
}
.footer .prize_list ul li {
	display: flex;
	align-items: center;
	margin-right: 40px;
}
.footer .prize_list ul li p {
	margin-left: 10px;
	font-size: 12px;
	color:rgba(255,255,255,.4);
	line-height: 1.16;
}
.footer .f_top {
    padding:40px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
}
.footer .f_top .inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.footer .link_box {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}
.footer .link_box a {
    color:#787878;
}
.footer .link_box a em {
    color:#fff;
}
.footer .link_box a + a {
    margin-left: 40px;
}
.footer address div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.footer address div + div {
    margin-top: 10px;
}
.footer address div span {
    display: flex;
    align-items: center;
    font-size:14px;
    color:#787878;
}
.footer address div span a {
    margin-left: 10px;
    font-size:10px;
    color:#ffffff;
    line-height: 1.4;
}
.footer address div span:not(:last-child) {
    position:relative;
    margin-right: 20px;
    padding-right: 21px;
}
.footer address div span:not(:last-child):after {
    content:'';
    display:block;
    position:absolute;
    top:3px;
    right:0;
    width:1px;
    height:10px;
    background-color:#787878;
}
.footer .inquiry_num span {
    display: block;
    margin-bottom: 5px;
    font-size:14px;
    color:#a5a5a5;
}
.footer .inquiry_num .call_btn {
    font-size:48px;
    font-weight: 700;
    color:#ffffff;
}
.footer .f_btm {
    padding:40px 0;
}
.footer .copyright {
    display: flex;
    align-items: center;
    font-size:12px;
    color:#646464;
}
.footer .copyright .ico {
    margin:0 6px;
}

/* pager */
.pager ul {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pager ul li {
    width:40px;
    height:40px;
}
.pager ul li + li {
    margin-left: 20px;
}
.pager ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width:100%;
    height:100%;
    font-size:18px;
    color:#999999;
    border-radius:50%;
    transition:.5s;
}
.pager ul li:not(.arrow).active a,
.pager ul li:not(.arrow):hover a {
    font-weight: 500;
    color:#fff;
    background-color:#d51a1a;
}
.pager ul li.active {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 500;
    color:#fff;
    background-color:#d51a1a;
	border-radius: 50%;
}
.pager ul .next {
    transform:rotate(180deg);
}



/* responsive css */

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

    /* header */
    .header .call_btn {
        margin-left: 27px;
    }
    .header .nav ul li {
        padding: 0 10px;
    }
    .header .nav ul li + li {
        margin-left: 10px;
    }
    .header .nav ul li a {
        font-size: 16px;
    }
    .header .nav .support_btn {
        width:120px;
        margin-left: 30px;
        font-size: 16px;
        line-height: 40px;
        border-radius: 20px;
    }

}


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

    /* header */
    .header .call_btn {
        display: none;
    }

}


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

    .side_fix {
        bottom:90px;
        right:0;
    }
    .side_fix .sns_box a {
        width:50px;
        height:50px;
    }
	.side_fix .top_btn {
		width:50px;
		height:50px;
		background-size:18px;
	}
    .side_fix .store_btn {
        display: none;
    }
    .side_fix .store_box {
        display:block;
        position:fixed;
        width:100%;
        padding:15px;
        border-radius: 0;
    }
    .side_fix .store_box .txt_box {
        display: flex;
		flex-direction: column;
		align-items: flex-start;
    }
    .side_fix .store_box .txt_box p {
        margin-bottom: 0;
        padding-left: 17px;
        font-size: 17px;
        background:url('../img/common/ico_call_bk.png') no-repeat left top / 12px;
    }
    .side_fix .store_box .txt_box a {
        margin-left: 17px;
		margin-top: 5px;
        font-size: 18px;
    }
    .side_fix .store_box .close_btn {
        display: none;
    }
    .side_fix .store_box .form_box {
        margin-top: 10px;
    }
    .side_fix .store_box .form_box form {
        display: flex;
    }
	.side_fix .store_box .input_wrap {
		width:calc(33.33% - 20px);
	}
    .side_fix .store_box input {
        height:40px;
        padding:0 5px;
        font-size:13px;
    }
	.side_fix .store_box select {
		height:40px;
		padding:0 5px;
		font-size:13px;
		background-position: right 5px center;
		background-size: 9px;
	}
    .side_fix .store_box .check_wrap {
        position:absolute;
        top:0;
        right:15px;
		width:auto;
        margin:0 !important;
    }
    .side_fix .store_box input[type="checkbox"] + label {
		margin-top: 15px;
        font-size:0;
    }
    .side_fix .store_box input[type="checkbox"] + label em {
        font-size:13px;
    }
    .side_fix .store_box .input_wrap + .input_wrap {
        margin-top: 0;
        margin-left: 10px;
    }
    .side_fix .store_box .form_btn {
        flex:0 0 auto; 
        width:45px;
        margin-top: 0;
        margin-left: 10px;
        font-size:13px;
        line-height: 28px;
        border-radius:5px;
    }

    /* common */
    .only_web {
        display: none !important;
    }
    .only_mo {
        display: block !important;
    }

    /* header */
    .header {
		background-color:#fff;
        border-bottom: 1px solid #dddddd;
		z-index: 1000;
    }
    .header.active {
        box-shadow: none;
    }
    .header .inner {
        height: 50px;
    }
    .header .nav {
        display: none;
        flex-direction: column;
        align-items: flex-start;
        position:fixed;
        top:51px;
        left:0;
        width:100%;
        height:calc(100% - 51px);
        padding:0 15px;
        background-color:#fff;
        overflow-y: auto;
        box-sizing:border-box;
    }
    .header .nav ul {
        align-items: flex-start;
        flex-direction: column;
        width:100%;
        margin-top: 20px;
    }
    .header .nav ul li {
        margin:20px 0;
        padding:0;
    }
    .header .nav ul li + li {
        margin-left: 0;
    }
    .header .nav ul li a {
        font-size: 21px;
        color:#333333;
    }
    .header .nav ul li.active a,
    .header .nav ul li:hover a {
        color:#333;
    }
    .header .nav .support_btn {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        font-size: 21px;
        line-height: 60px;
        border-radius: 5px;
        animation: none;
        box-shadow: none;
    }
    .header .nav.active {
        display: block;
    }
    .header .logo {
        width:95px;
        background: url(../img/logo_mo.png) no-repeat center / cover !important;
    }
    .header .logo img {
        opacity: 0;
    }
    .header .ham_btn {
        position:absolute;
        top:0;
        right:0; 
        width:50px;
        height:50px;
        margin-left: auto;
        background: url('../img/common/btn_ham_mo.png') no-repeat center / 20px;
        font-size: 0;
    }
    .header .ham_btn.active {
        background: url('../img/common/btn_ham_close_mo.png') no-repeat center / 17px;
    }
	.header .allmenu {
		border-top:1px solid #dddddd;
		background-color:#fff;
	}
	.header .allmenu ul {
		display: flex;
		align-items: center;
		overflow-x: auto;
		white-space: nowrap;
		padding:0 15px;
	}
	.header .allmenu li + li {
		margin-left: 20px;
	}
	.header .allmenu a {
		font-size:14px;
		color:#999999;
		line-height: 40px;
	}
	.header .allmenu .active a {
		color:#000;
	}

    /* footer */
    .footer {
        padding-bottom: 70px;
    }
    .footer .f_top .inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer .link_box a {
        font-size: 13px;
    }
    .footer .link_box a + a {
        margin-left: 20px;
    }
    .footer address div + div {
        margin-top: 0;
    }
    .footer address div span {
        margin:5px 0;
        font-size: 12px;
    }
    .footer address div span:not(:last-child) {
        margin-right: 10px;
        padding-right: 11px;
    }
    .footer address div:first-child {
        flex-direction: column;
        align-items: flex-start;
    }
    .footer address div:first-child span:after {
        display: none;
    }
    .footer .inquiry_num {
        margin-top: 36px;
    }
    .footer .inquiry_num span {
        margin-bottom: 10px;
        font-size: 12px;
    }
    .footer .inquiry_num .call_btn {
        font-size: 34px;
    }
    .footer .f_btm {
        padding:20px 0;
    }
	.footer .prize_list ul li {
		width: calc(50% - 10px);
		margin: 5px;
	}
	.footer .prize_list .ico {
		flex: 0 0 auto;
	}



    /* pager */
    .pager ul li + li {
        margin-left: 10px;
    }
    

}