/* 폰트 */
/* * Noto Sans KR (Korean) (100,300,400,500,700,900) */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* CSS Document */

*{margin: 0; padding: 0; font-family: 'Noto Sans KR' ; font-weight: 400; }


/***********************************    Reset    ***********************************/
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block}
html,body{margin:0;padding:0; height: 100%; width: 100%;}
body{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif; font-size:14px; line-height:20px; overflow-y:scroll; }
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px; font-family: 'Noto Sans KR'; font-weight: 400; }
ol,ul{margin:0;padding:0;list-style:none; box-sizing:border-box;}
div,li,dl,dt,dd,form,iframe,p,a,span,blockquote,i,figure{margin:0;padding:0;box-sizing:border-box}
fieldset{margin:0;padding:0;border:0 solid transparent}
legend,hr{display:none}
label{vertical-align:middle;}
img{margin:0;padding:0;border:0;vertical-align:top}
table,th,td{margin:0;padding:0; border-collapse: collapse; border-spacing: 0; border: 0;}
input,textarea,select{margin:0;padding:0;background:#fff;font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;font-size:14px;color:#333;vertical-align:middle;border:0;border-radius:0;-webkit-border-radius:0;-webkit-appearance:none;box-sizing:border-box;outline:0;}
caption{visibility:hidden;width:0;height:0;margin:0;padding:0;font-size:0;line-height:0}
a{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;font-size:14px;margin:0;padding:0;border:0;cursor:pointer;background:0}
a::-moz-focus-inner{border:0;padding:0}em{font-style:normal}
img{vertical-align:top; }
a,button{text-decoration:none;color:#333; }
a.link:hover,button.link:hover{text-decoration:underline}
a,input,button{transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.no-border{border:none!important}
input[type='radio'], input[type='checkbox'] {border:none !important}
select {-webkit-appearance: none;  /* 네이티브 외형 감추기 */-moz-appearance: none; appearance: none;  background-image:url(../image/arrow_select01.png); background-repeat:no-repeat; background-position:99% 50%; padding-left:30px; line-height:40px; height:40px; border:1px solid #DDD;}
select::-ms-expand { display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */

#wrapper { width:100%; max-width: 2560px; margin:0 auto; }

/*GNB*/
.promotion_header { width: 100%; border-bottom: 1px solid #DDD; text-align: center; background-color: #FFF; margin-bottom: 40px;}
.promotion_header .gnb_box { position:relative; max-width: 1600px; height:140px; margin:0 auto; }
.promotion_header .gnb_box .logo { position: absolute; left: 10px; top: 25px;  width: 85px; height: 85px; background-image:url(../image/logo_new.png); background-size: 85px; background-repeat: no-repeat; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.promotion_header .gnb_box .logo a {width: 100%; height: 100%; display: block;}
.promotion_header .gnb_box .gnb_menu { position: absolute; top: 50px; right: 0px; height: 40px; text-align: center; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; }
.promotion_header .gnb_box .gnb_menu>a { display: block; width: auto; height: 40px; padding: 0px 20px; position: relative; font-size: 17px; text-align: center; line-height: 40px; border-width: 300; }

@media only screen and (max-width:1024px) {
	.promotion_header { margin-bottom: 30px;}
	.promotion_header .gnb_box { height:64px; }
	.promotion_header .gnb_box .logo { position: absolute; left: 10px; top: 7px;  width: 50px; height: 50px; background-size: 50px; }

	.promotion_header .gnb_box .gnb_menu { top: 12px; }
	.promotion_header .gnb_box .gnb_menu>a { font-size: 15px;}
}

.single_header { width: 100%; min-width: 1600px; padding: 40px; border-bottom: 1px solid #DDD; text-align: center; background-color: #FFF; margin-bottom: 40px;}

@media only screen and (max-width:1024px) {
	.single_header { padding: 20px; min-width: 320px; margin-bottom: 30px; }
	.single_header img { width: 190px; }
}

/*SUB TITLE*/
.sub_content .sub_title { width:100%; min-width: 1600px; margin: 0 auto 60px; }
.sub_content .sub_title h2 { font-size:70px; line-height:70px; color:#222; text-align: center; font-weight:500; margin-bottom:40px ;}
.sub_content .sub_title p { width: 100%; height: 30px; font-size:18px; line-height:30px; color:#004687; text-align: center; font-weight:500; margin-bottom: 20px; overflow: hidden; white-space:nowrap ; text-overflow: ellipsis; padding: 0px 15px; }
.sub_content .sub_title h3 { font-size:15px; line-height:20px; color:#AAA; text-align: center; font-weight:700; }

@media only screen and (max-width:1024px) {
	.sub_content .sub_title { min-width: 320px; margin: 0 auto 40px; }
	.sub_content .sub_title h2 { font-size:32px; line-height:46px; margin-bottom:20px ; word-break: keep-all;}
	.sub_content .sub_title p { font-size:16px; line-height:20px; margin-bottom: 10px; }
	.sub_content .sub_title h3 { font-size:13px; }
}

/*LINE MAP*/
.line_map { display: flex; justify-content: center; position: relative; margin-bottom: 40px;}
.line_map li { position: relative; margin-right: 50px; font-size: 15px; line-height: 20px; color: #CCC; font-weight: 700;}
.line_map li:before { position: absolute; right: -35px; top: 0px; width: 20px; height: 20px; background-image:url(../image/icon_linemap_info.png); background-position: 0px 0px; content: "";}
.line_map li:last-child { margin-right: 0px;}
.line_map li:last-child:before { display: none;}
.line_map li.active { color: #222;}
.line_map li.active:before { background-position: -20px 0px;}

@media only screen and (max-width:1024px) {
	.line_map li { margin-right: 30px; font-size: 13px; }
	.line_map li:before { right: -25px; }
}

/*CONTENT*/
.content { min-width: 1600px; padding-bottom: 120px;}
.sub_content { width: 1600px; margin: 0 auto;}

@media only screen and (max-width:1024px) {
	.content { min-width: 320px; padding-bottom: 60px;}
	.sub_content { width: 100%;}
	.sub_content .content_box { padding-left: 15px; padding-right: 15px; }
}

/*ICON*/
.ico-footer_sns {display:inline-block; width:50px; height:50px; background:url(../image/icon_footer_sns.png) no-repeat;background-size:350px 100px;overflow:hidden; text-indent:-9999px; vertical-align:middle; }
.ico-footer_sns.facebook { background-position: 0px 0px;}
.ico-footer_sns.twitter { background-position: -50px 0px;}
.ico-footer_sns.instagram { background-position: -100px 0px;}
.ico-footer_sns.pinterest { background-position: -150px 0px;}
.ico-footer_sns.youtube { background-position: -200px 0px;}
.ico-footer_sns.tiktok { background-position: -250px 0px;}
.ico-footer_sns.band { background-position: -300px 0px;}

@media only screen and (max-width:1024px) {
	.ico-footer_sns {width:40px; height:40px; background-size:280px 80px;}
	.ico-footer_sns.facebook { background-position: 0px 0px;}
	.ico-footer_sns.twitter { background-position: -40px 0px;}
	.ico-footer_sns.instagram { background-position: -80px 0px;}
	.ico-footer_sns.pinterest { background-position: -120px 0px;}
	.ico-footer_sns.youtube { background-position: -160px 0px;}
	.ico-footer_sns.tiktok { background-position: -200px 0px;}
	.ico-footer_sns.band { background-position: -240px 0px;}
}

/*FOOTER*/
.footer { position:relative; width:100%; min-width:1600px; background-color:#333333; text-align: center; padding: 120px 0px 120px;}
.footer .footer_con { position:relative; width: 100%; max-width:1600px; margin: 0 auto; display: flex; flex-wrap: wrap;}
.footer .footer_con>a.top_btn {position: absolute; right: 0px; top: -70px; display: block; width: 50px; height: 50px; border-radius: 50%; border: 1px solid #DDD; z-index: 1;}
.footer .footer_con>a.top_btn:before,.footer .footer_con>a.top_btn:after {position: absolute; top: 22px; width: 14px; height: 1px; background-color: #DDD; content: "";}
.footer .footer_con>a.top_btn:before {left: 13px; transform:rotate(-45deg);}
.footer .footer_con>a.top_btn:after {left: 22px; transform:rotate(-135deg);}

.footer_top { width: 45%; text-align: left;}
.footer_top>div {margin-bottom: 30px;}
.footer_top h2 {font-size: 30px; line-height: 30px; color: #FFF; margin-bottom: 20px; }
.footer_top p {font-size: 16px; line-height: 30px; color: #CCC; }
.footer_top p span { position: relative; padding-right: 10px; margin-right: 10px;}
.footer_top p span::before { position: absolute; top: 5px; right: -1px; width: 1px; height: 12px; background-color: #888; content: "";}
.footer_top p span:last-child { margin-right: 0px; padding-right: 0px;}
.footer_top p span:last-child::before { display: none;}

.footer_menu { width: 55%; text-align: right; padding-top: 75px;}
.footer_menu li { margin-bottom: 20px;}
.footer_menu li:last-child { margin-bottom: 0px;}
.footer_menu li h3 {font-size: 20px; line-height: 30px; color: #FFF; margin-bottom: 20px; }
.footer_menu li a { display: inline-block; font-size: 16px; line-height: 30px; color: #CCC; font-weight: 300; margin-right: 20px; }
.footer_menu li a:hover { color: #FFF;}
.footer_menu li a:last-child { margin-right: 0px;}
.footer_menu li:nth-of-type(1) a:nth-of-type(1) { font-weight: 600;}

.footer_address { position: relative; width: 100%; border-top: 1px solid #666; text-align: left; margin-top: 50px; padding-top: 50px; display: flex; flex-wrap: wrap; }
.footer_address h2 { width:140px; font-size: 14px; line-height: 25px; color: #FFF;  }
.footer_address p { width: 500px; font-size: 14px; line-height: 25px; color: #CCC; text-align: left; word-break: keep-all; }
.footer_address ul { width: 100%; display: flex; flex-wrap: wrap; margin-top: 30px; }
.footer_address ul li{ width: 40%; display: flex; flex-wrap: wrap; }
.footer_address ul li:nth-child(2n) { width: 60%;}

.footer_bottom { position: absolute; top: 0px; right: 0px;}
.footer_bottom a { display: inline-block; margin-right: 20px;}
.footer_bottom a:last-child { margin-right: 0px;}
.footer_bottom a:first-child img { width: 40px;}

@media only screen and (max-width:1024px) {
	.footer { min-width:320px; padding: 40px 15px 50px;}
	.footer .footer_con { display: block; }
	.footer .footer_con>a.top_btn {right: 0px; top: 0px; width: 40px; height: 40px; }
	.footer .footer_con>a.top_btn:before,.footer .footer_con>a.top_btn:after {top: 17px;}
	.footer .footer_con>a.top_btn:before {left: 8px; }
	.footer .footer_con>a.top_btn:after {left: 17px; }

	.footer_top { width: 100%; text-align: left; margin-bottom: 40px;}
	.footer_top h2 {font-size: 22px; margin-bottom: 15px; }
	.footer_top p {font-size: 14px; line-height: 25px; }
	.footer_top p span { display: block; padding-right: 0px; margin-right: 0px;}
	.footer_top p span::before { display: none;}
	.footer_top p:nth-of-type(3) span:nth-child(1) { display: inline-block; position: relative; padding-right: 10px; margin-right: 10px;}
	.footer_top p:nth-of-type(3) span:nth-child(1)::before { display: block; position: absolute; top: 5px; right: -1px; width: 1px; height: 12px; background-color: #888; content: "";}
	.footer_top p:nth-of-type(3) span:nth-child(2) { display: inline-block;}

	.footer_menu { width: 100%; text-align: left; padding-top: 0px; margin-bottom: 40px;}
	.footer_menu li:first-child { margin-bottom: 30px;}
	.footer_menu li h3 {margin-bottom: 10px; }
	.footer_menu li a { font-size: 14px; }

	.footer_address { margin-top: 40px; padding-top: 40px; display: flex; flex-wrap: wrap; }
	.footer_address ul { margin-top: 0px; height: 0px; overflow: hidden;}
	.footer_address ul li, .footer_address h2, .footer_address p { width: 100%;}
	.footer_address ul li { margin-bottom: 20px;}
	.footer_address ul li:nth-child(2n) { width: 100%;}
	.footer_address ul li:last-child { margin-bottom: 0px;}
	.footer_address h2 { line-height: 20px; margin-bottom: 5px;}
	.footer_address p { font-size: 13px; line-height: 20px; }

	.footer_address::before { position: absolute; right: 0px; top: 40px; width: 40px; height: 20px; background-image:url("../image/icon_faq_open.png"); background-repeat: no-repeat; background-position: center center; content: ""; transform:rotate(-180deg); opacity: 0.5; }
	.footer_address.active::before { transform:rotate(0deg); opacity: 1; }
	.footer_address.active ul { height: auto; margin-top: 30px; }

	.footer_bottom { position: relative; top: auto; right: auto; border-top: 1px solid #666; padding-top: 40px; margin-top: 40px; text-align: left;}
	.footer_bottom img { width: 120px;}
	.footer_bottom a:first-child img { width: 34px;}
}



/*INPUT*/
.inp-txt{ width:100%; height:50px; border:1px solid #DDD; font-size:16px; padding:9px 20px; line-height:30px; border-radius: 10px; }
.inp-txt::placeholder { color:#999;}
.inp-txt::-webkit-input-placeholder {color:#999;}
.inp-txt:-ms-input-placeholder {color:#999;}
.inp-txt:focus{color: #222; border-color: #004687;}
.inp-txt[type='text']:disabled { background-color:#EEE;}

.inp-txt.both { margin-top:10px;}
.inp-txt.disabled {background-color:#EEE;}
.inp-txt.disabled:focus{border-color: #DDD;}

.inp-txt[type=password]{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]:-ms-input-placeholder{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]::-webkit-input-placeholder{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]:-moz-placeholder{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}
.inp-txt[type=password]::-moz-placeholder{font-family:'Noto Sans KR',Tahoma,Verdana,AppleGothic,sans-serif;}

@media only screen and (max-width:1024px) {
	.inp-txt{ font-size:14px; padding:9px 15px;}
}

/* SELECT BOX */
.select {display:inline-block; width:100%; height:50px; border:1px solid #ddd; font-size:16px; color: #999; padding-left:20px;  background-image:url(../image/arrow_select01.png); border-radius: 10px; }
.select:focus {color:#000; background-image:url(../image/arrow_select01_focus.png); }

@media only screen and (max-width:1024px) {
	.select{ font-size:14px; padding-left:15px; background-position: 95% 50%; }
}

/* CHECK BOX */
input[type="checkbox"].check_box {display: none;}
input[type="checkbox"].check_box + label { position: relative; display: inline-block; padding-left: 30px; font-size: 16px; line-height: 21px; min-height: 22px; margin-right: 10px; cursor: pointer; color: #666; word-break: keep-all;}
input[type="checkbox"].check_box:checked + label {color: #004687;}
input[type="checkbox"].check_box + label::before {position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; overflow: hidden; background-image:url(../image/icon_check_type.png); background-repeat: no-repeat; background-position: 0px 0px; background-size:22px 66px; content: "";}
input[type="checkbox"].check_box:checked + label::before {background-position: 0px -44px;}
input[type="checkbox"].check_box + label:last-child {margin-right: 0;}

@media only screen and (max-width:1024px) {
	input[type="checkbox"].check_box + label { font-size:14px; }
}

/* RADIO BOX */
input[type="radio"].radio_box {display: none;}
input[type="radio"].radio_box + label { position: relative; display: inline-block; padding-left: 30px; font-size: 16px; line-height: 21px; min-height: 22px; margin-right: 10px; cursor: pointer; color: #666; word-break: keep-all;}
input[type="radio"].radio_box:checked + label {color: #004687;}
input[type="radio"].radio_box + label::before {position: absolute; left: 0px; top: 0px; width: 22px; height: 22px; overflow: hidden; background-image:url(../image/icon_radio_type.png); background-repeat: no-repeat; background-position: 0px 0px; background-size:22px 66px; content: "";}
input[type="radio"].radio_box:checked + label::before {background-position: 0px -44px;}
input[type="radio"].radio_box + label:last-child {margin-right: 0;}
input[type="radio"].radio_box.both + label { margin-top: 10px;}

@media only screen and (max-width:1024px) {
	input[type="radio"].radio_box + label { font-size:14px; }
}

/*BTN SET*/
.btn {display:inline-block; width:100%; height:50px;line-height:48px; vertical-align:middle; text-align:center; font-size:16px; color:#FFF; font-weight: 400; border-radius: 35px;}
.btn.btn-sm{font-size:15px;height:40px;line-height:38px;}
.btn.btn-lg{font-size:18px;height:60px;line-height:58px; font-weight:400;}
.btn.btn-in { width:110px; margin-left:10px;}
.btn.btn-block{display:block}
.btn.both { margin-top: 10px;}

@media only screen and (max-width:1024px) {
	.btn {font-size:14px;}
	.btn.btn-sm{font-size:13px;}
	.btn.btn-lg{font-size:16px;}
}

.btn.btn-grey{border:1px solid #888;color:#888;}
.btn.btn-grey.btn-full{background-color:#888; color:#FFF;}
.btn.btn-grey:hover { background-color:#f4f4f4; }
.btn.btn-grey.btn-full:hover {background-color:#777; border-color:#777; color:#FFF;}


.btn.btn-blue{border:1px solid #004687; color:#004687; background-color: #FFF;}
.btn.btn-blue.btn-full{background-color:#004687; color:#FFF;}
.btn.btn-blue:hover {  background-color:#f4f4f4; }
.btn.btn-blue.btn-full:hover {background-color:#003a6f; border-color:#003a6f; color:#FFF;}

.btn.btn-black{border:1px solid #333; color:#333;}
.btn.btn-black.btn-full{background-color:#333; color:#FFF;}
.btn.btn-black:hover { background-color:#f4f4f4; }
.btn.btn-black.btn-full:hover {background-color:#000; border-color:#000; color:#FFF;}

.btn.btn-red{border:1px solid #ed1c24; color:#ed1c24;}
.btn.btn-red.btn-full{background-color:#ed1c24; color:#FFF;}
.btn.btn-red:hover {  background-color:#f4f4f4; }
.btn.btn-red.btn-full:hover {background-color:#b40007; border-color:#b40007; color:#FFF;}

.btn.btn-white{border:1px solid #FFF; color:#FFF;}
.btn.btn-white.btn-full{background-color:#FFF; color:#004687;}
.btn.btn-white:hover {  background-color:#f4f4f4; }
.btn.btn-white.btn-full:hover {background-color:#f4f4f4; }

.btn.btn-text{border:1px solid #888;color:#888;}
.btn.btn-text.btn-full{background-color:#888; color:#FFF;}
.btn.btn-text:hover { background-color:#FFF; }
.btn.btn-text.btn-full:hover {background-color:#888; border-color:#888; color:#FFF;}

.btn.btn-kakao { display:block; background-color: #fce000; color: rgba(0,0,0,0.85);}
.btn.btn-kakao i {display: inline-block; width:40px; height:40px; background:url(../image/kakao_logo02.png) no-repeat; background-size:36px 36px; vertical-align: middle; }
.btn.btn-kakao:hover { background-color:#e9cf00 ;}

.btn_arrow { position: relative; display: inline-block; width: auto; height: 50px; line-height: 20px; font-size:18px; color:#222; font-weight:500; padding: 15px 30px 15px 10px; }
.btn_arrow:before,.btn_arrow:after,.btn_arrow i {position: absolute; right: 0px; width: 8px; height: 2px; background-color: #666; content: "";}
.btn_arrow:before {top: 27px;  transform:rotate(-45deg);}
.btn_arrow:after {top: 21px;  transform:rotate(-135deg);}
.btn_arrow:hover { color:#004687; }
.btn_arrow:hover:before,.btn_arrow:hover:after,.btn_arrow:hover i {background-color: #004687;}
.btn_arrow i { width: 20px; top: 24px; }

.btn_arrow.btn-sm { font-size: 14px; height: 30px; padding: 5px 15px 5px 10px;}
.btn_arrow.btn-sm:before {top: 17px;  transform:rotate(-45deg);}
.btn_arrow.btn-sm:after {top: 12px;  transform:rotate(-135deg);}

/* 폰트컬러 */
span.alert_text { position:relative; padding-left:28px; color:#ed1c24; font-size:15px; line-height:20px; display:inline-block;}
span.alert_text::after { position:absolute; width:18px; height:18px; left:0px; top:0px; line-height:18px; border-radius:10px; background-color:#fff; border: 1px solid #ed1c24; content:"!"; color:#ed1c24; font-weight:600; text-align:center;}
span.alert_text.both, span.bl_text.both, span.dot_text.both { margin-top:10px;}
span.alert_text.black { color:#222;}
span.alert_text.black::after { border: 1px solid #222; color:#222;}
span.alert_text.blue { color:#004687;}
span.alert_text.blue::after { border: 1px solid #004687; color:#004687;}
span.alert_text.grey { color:#999;}
span.alert_text.grey::after { border: 1px solid #999; color:#999;}

span.bl_text { position:relative; display:block; padding-left:15px; color:#666; font-size:14px; line-height:20px; text-align: left;}
span.bl_text::after { position:absolute; width:4px; height:4px; left:5px; top:8px; border-radius:50%; background-color:#666; content:"";}
span.bl_text.blue::after { background-color:#004687;}
span.bl_text.red::after { background-color:#ed1c24;}
span.bl_text.grey::after { background-color:#999;}

span.dot_text { position:relative; padding-left:15px; color:#222; font-size:16px; line-height:20px; text-align:left; display:inline-block;}
span.dot_text::after { position:absolute; font-size:18px; left:0px; top:4px; line-height:18px; border-radius:10px; content:"*"; color:#666; font-weight:700; text-align:center;}
span.dot_text.blue::after { color:#004687;}
span.dot_text.red::after { color:#ed1c24;}
span.dot_text.grey::after { color:#999;}

span.font_blue {color: #004687;}
span.font_red {color: #ed1c24;}
span.font_grey {color: #999;}
span.font_black {color: #222;}

span.in_text ,input.in_text, select.in_text ,label.in_text { margin-left:10px;}

/*FORM SET*/
.name-set {position:relative; overflow:hidden; }
.name-set li:first-child { width:34.5%; padding-right:5px;}
.name-set li:last-child { padding-left:5px; }
.name-set li {float:left; width:65.5%; line-height:50px; }

.post-set {position:relative;overflow:hidden}
.post-set li {float:left; width:100%; margin-bottom: 10px;}
.post-set li:nth-child(1) { width:35%; padding-right:10px; }
.post-set li:nth-child(2) { width:25%; padding-right:0px; }
.post-set li:last-child { margin-bottom: 0px; }

.phone-set {position:relative; display: flex;}
.phone-set li { width:30%;}
.phone-set li:nth-child(2), .phone-set li:nth-child(4) { width:5%; text-align:center; line-height:50px;}
.phone-set li .inp-txt { text-align:center;}

.cardnum-set {position:relative;overflow:hidden}
.cardnum-set li { float: left; width:20%; padding-right: 10px;}
.cardnum-set li:last-child {padding-right: 0px;}

.cardname-set {position:relative;overflow:hidden}
.cardname-set li { float: left; width:40%; padding-right: 10px;}

.cardinfo-set {position:relative;overflow:hidden}
.cardinfo-set li { float: left; width:20%; padding-right: 10px;}
.cardinfo-set li:first-child { width:40%; }

.cardpay-set {position:relative;overflow:hidden}
.cardpay-set li {float:left; width:100%; }
.cardpay-set li:nth-child(1) { width:40%; padding-right:10px; }
.cardpay-set li:nth-child(2) { width:20%; padding-right:0px; }

@media only screen and (max-width:1024px) {
	.name-set li:first-child { width:100%; padding-right:0px;}
	.name-set li:last-child { padding-left:0px; line-height:40px;  }
	.name-set li {width:100%; }

	.post-set li:nth-child(1) { width:70%; padding-right:10px; }
	.post-set li:nth-child(2) { width:30%; padding-right:0px; }
	.post-set li:last-child { margin-bottom: 0px; }

	.phone-set li { width:27%;}
	.phone-set li:nth-child(1) { width:36%;}

	.cardnum-set li { width:25%; padding-left: 10px; padding-right: 0px;}
	.cardnum-set li .inp-txt { text-align: center;}
	.cardnum-set li:first-child { padding-left: 0px;}
	.cardnum-set li:nth-child(5) { width: 100%; padding-left: 0px; margin-top: 10px;}

	.cardname-set {position:relative;overflow:hidden}
	.cardname-set li { float: left; width:60%; }
	.cardname-set li:first-child { width:40%; padding-right: 10px;}

	.cardinfo-set {position:relative;overflow:hidden}
	.cardinfo-set li { float: left; width:25%; padding-left: 10px;}
	.cardinfo-set li:first-child { width:50%; padding-left: 0px;}

	.cardpay-set {position:relative;overflow:hidden}
	.cardpay-set li {float:left; width:100%; }
	.cardpay-set li:nth-child(1) { width:70%; padding-right:10px; }
	.cardpay-set li:nth-child(2) { width:30%; padding-right:0px; }
}

/* Layer_POPUP */
.layer_pop_wrapper { opacity: 0; position: fixed; left: 0px; top: 0px; width:100%; height:100%; background-color:rgba(0,0,0,0.65); z-index: 100; visibility: hidden; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.layer_pop_wrapper.active { opacity: 1; visibility: visible; z-index: 100; }
.layer_pop_wrapper.active .layer_popup .pop_title .close {opacity: 1; transform:rotate(0deg);}

.layer_popup { position: relative; display: inline-flex; flex-direction: column; min-width: 600px; max-width: 1200px; min-height: 100px; max-height: 80%; left: 50%; top: 50%; background-color:#FFF; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); padding:40px 50px 50px; border-radius:15px;}

.layer_popup .pop_title { position: relative; width: 100%; }
.layer_popup .pop_title h1 {width: 100%; font-size: 26px; line-height: 30px; padding: 11px 60px 20px 0px; text-align: left; border-bottom:solid 2px #222; word-break: keep-all; box-sizing: border-box; }
.layer_popup .pop_title .close { position: absolute; top: 0px; right: 0px; display: block; width: 50px; height: 50px; background-image:url("../image/icon_pop_close02.png"); background-repeat: no-repeat; background-position: top center; opacity: 0; transform:rotate(45deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; z-index: 10;}
.layer_popup .pop_title.bb_none h1 {border-bottom:none;}

.layer_popup .pop_content { height: calc(100% - 70px); overflow-y: auto; padding: 20px 0px;}

.layer_pop_wrapper.shopping_detail .layer_popup { max-width: 1240px;}
.layer_pop_wrapper.shopping_detail .layer_popup .pop_content { padding: 0px;}

@media only screen and (max-width:1024px) {
	.layer_popup { width: 92%; min-width: auto; max-width: 92%; min-height: 100px; max-height: 80%; padding:15px 15px 20px; border-radius:10px;}

	.layer_popup .pop_title h1 {font-size: 18px; line-height: 20px; padding: 10px 50px 15px 0px; }
	.layer_popup .pop_title .close { width: 40px; height: 40px; background-size: 40px 80px; }

	.layer_popup .pop_content { padding: 15px 0px;}

	.layer_pop_wrapper.shopping_detail .layer_popup { width: 96%;}
}




/* footer 약관 */
.terms>div {margin-bottom:40px; }
.terms>div.box_grey {width: 100%; padding:15px; border: 1px solid #ddd; }
.terms>div.box_grey>h2 { font-size:14px; line-height: 20px; color: #222; font-weight:500; margin-bottom: 0; }
.terms>div.box_grey>a { display: block; text-align: left; }
.terms>div a { font-size:14px; line-height: 20px; color: #004687; font-weight:500; }
.terms>div>h2 {font-size:18px; line-height: 25px; color: #222; text-align: left; font-weight:500; margin-bottom: 20px; }
.terms>div>h3 {font-size:14px; line-height: 20px; color: #000; text-align: left; font-weight:400; margin-bottom:15px; }
.terms>div>p {font-size:14px; line-height: 20px; color: #666; text-align: left; font-weight:400;   margin-bottom:15px; word-break:keep-all; }
.terms>div>p span { display: block; padding-left: 20px;}
.terms>div ul {padding-left:15px; margin-bottom:15px; margin-left: 0px; }
.terms>div ul>li {font-size:13px; line-height:20px; color: #666; text-align: left; font-weight:400; word-break:keep-all; list-style: disc; margin-bottom: 5px; }
.terms>div ul>li::marker {  font-size: 10px; }
.terms table.view_table01 {width: 100%; border-top: 1px solid #DDD; border-left:1px solid #DDD; margin-bottom:30px;}
.terms table.view_table01 td.left { text-align: left; padding-left: 20px;}
.terms table.view_table01 th, .terms table.view_table01 td { font-size: 13px; line-height: 20px; color: #222; border-bottom: 1px solid #DDD; text-align: center; border-right:1px solid #DDD; padding: 10px 5px;}
.terms table.view_table01 th { background-color: #F4F4F4;}
.terms table.view_table01 td { font-size: 13px; color: #666;}

.privacy_policy .select { width: 100%;}

/* popup 약관 */
.pop_content>.terms>div {margin-bottom:20px; }
.pop_content>.terms>div.box_grey {padding:15px; }
.pop_content>.terms>div.box_grey>h2 { font-size:13px; line-height: 20px; word-break: keep-all; }
.pop_content>.terms>div a { font-size:13px; line-height: 20px; }
.pop_content>.terms>div>h2 {font-size:15px; line-height: 25px; margin-bottom: 15px; word-break: keep-all; }
.pop_content>.terms>div>h3 {font-size:13px; line-height: 20px; margin-bottom:10px; word-break: keep-all; }
.pop_content>.terms>div>p {font-size:13px; line-height: 20px; margin-bottom:10px; word-break: keep-all; }
.pop_content>.terms>div>p span { padding-left: 10px;}
.pop_content>.terms>div ul {padding-left:10px; margin-bottom:10px; margin-left: 5px; }
.pop_content>.terms>div ul>li {font-size:12px; line-height:20px; }
.pop_content>.terms>div ul>li::marker {  font-size: 9px; }
.pop_content>.terms table.view_table01 {margin-bottom:20px;}
.pop_content>.terms table.view_table01 td.left { padding-left: 10px;}
.pop_content>.terms table.view_table01 th, .pop_content>.terms table.view_table01 td { font-size: 12px; line-height: 20px; padding: 10px 5px;}
.pop_content>.terms table.view_table01 td { font-size: 12px; }

/*INDEX*/
.front_index { display: inline-flex; flex-wrap: wrap; justify-content: center; width: 1600px; padding-top: 40px; }
.front_index a { display: flex; justify-content: center; align-items: center; position: relative; border: 1px solid #DDD; border-radius: 20px; padding: 30px 40px;}
.front_index a span { display: block; text-align: left; word-break: keep-all;}
.front_index a span.text { font-size: 18px; line-height: 20px; color: #004687; font-weight: 500; margin-bottom: 20px; }
.front_index a span.title { width: 100%; font-size: 44px; line-height: 55px; color: #222; font-weight: 700; }
.front_index a span.btn { position: relative; display: inline-block; width: auto; height: 40px; line-height: 20px; font-size:18px; color:#666; font-weight:500; padding: 15px 20px 0px 0px; margin-top: 15px;}
.front_index a span.btn:before,.front_index a span.btn:after {position: absolute; right: 0px; width: 10px; height: 2px; background-color: #666; content: "";}
.front_index a span.btn:before {top: 28px;  transform:rotate(-45deg);}
.front_index a span.btn:after {top: 22px;  transform:rotate(-135deg);}
.front_index a:hover { background-color: #004687; border-color: #004687;}
.front_index a:hover span.text, .front_index a:hover span.title, .front_index a:hover span.btn, .front_index a:hover::before { color: #FFF;}
.front_index a:hover span.btn:before,.front_index a:hover span.btn:after { background-color: #FFF;}


.front_index a::before { position: absolute; top: 30px; right: 30px; font-size: 16px; line-height: 20px; color: #AAA; font-weight: 500; content: "프로모션";}
.front_index a>div { position: relative; }
.front_index a>div::before { position: absolute; display: block; width: 60px; height: 60px; background:url("../image/icon_index.png") no-repeat; background-size:120px 120px; overflow:hidden; vertical-align:middle; background-position: 0px 0px; content: "";}
.front_index a:hover>div::before { background-position: 0px -60px; color: #FFF;}


.front_index>a {  width: calc(50% - 20px ); margin-right: 40px; }
.front_index>a span {text-align: center; }
.front_index>a::before { content: "홈페이지";}
.front_index>a>div { padding-top: 100px; text-align: center; }
.front_index>a>div::before { top: 0px; left: 50%; transform: translateX(-50%); background-position: -60px 0px;}
.front_index>a:hover>div::before { background-position: -60px -60px;}
.front_index>a span.btn { margin-top: 60px;}

.front_index>div { width: calc(50% - 20px ); }
.front_index>div a { width: 100%; justify-content: left; margin-bottom: 40px;}
.front_index>div a:last-child { margin-bottom: 0px;}
.front_index>div a>div { position: relative; padding-left: 160px; }



.front_index>div a>div::before { top: 50%; transform: translateY(-50%); left: 40px; padding-left: 18px; padding-top: 20px; font-size: 18px; color: #222; font-weight: 500; line-height: 40px; text-align: center; box-sizing: border-box;}
.front_index>div a:nth-child(1)>div::before { content: "1";}
.front_index>div a:nth-child(2)>div::before { content: "2";}
.front_index>div a:nth-child(3)>div::before { content: "3";}
.front_index>div a:nth-child(4)>div::before { content: "4";}
.front_index>div a:nth-child(5)>div::before { content: "5";}

.front_index.set01>a { min-height:500px;}
.front_index.set01>div a { text-align: center; min-height: 500px;}
.front_index.set01>div a>div { width: 100%; padding-left: 0px; padding-top: 100px;}
.front_index.set01>div a>div::before { top: 0px; left: 50%; transform: translate(0px) translateX(-50%); }
.front_index.set01>div a span { text-align: center;}
.front_index.set01>div a span.btn { margin-top: 60px;}

.front_index.set02>a { min-height:580px;}
.front_index.set02>div a { min-height: 270px;}
.front_index.set03>a { min-height:890px;}
.front_index.set03>div a { min-height: 270px;}
.front_index.set04>a { min-height:890px;}
.front_index.set04>div a { min-height: 270px;}
.front_index.set05>a { min-height:890px;}
.front_index.set05>div a { min-height: 270px;}
.front_index.set06>a { min-height:890px;}
.front_index.set06>div a { min-height: 270px;}

@media only screen and (max-width:1024px) {
	.front_index { width: 100%; padding: 0px 15px; }
	.front_index a { padding: 20px 15px 30px 15px; border-radius: 15px; margin-bottom: 15px;}
	.front_index a span.text { font-size: 15px; margin-bottom: 5px; }
	.front_index a span.title { font-size: 20px; line-height: 30px; }
	.front_index a span.btn { height: 30px; font-size:15px; padding: 10px 15px 0px 0px; margin-top: 0px;}
	.front_index a span.btn:before,.front_index a span.btn:after {width: 8px; }
	.front_index a span.btn:before {top: 22px; }
	.front_index a span.btn:after {top: 17px; }
	.front_index a::before { top: 15px; right: 15px; font-size: 13px; }
	.front_index a>div::before { width: 50px; height: 50px; background-size:100px 100px;}
	.front_index a:hover>div::before { background-position: 0px -50px; }

	.front_index>a { width: 100%; margin-right: 0px; }
	.front_index>a>div { padding-top: 60px; }
	.front_index>a>div::before { background-position: -50px 0px;}
	.front_index>a:hover>div::before { background-position: -50px -50px;}
	.front_index>a span.btn { margin-top: 0px;}

	.front_index>div { width: 100%; }
	.front_index>div a { width: 100%; justify-content: center; margin-bottom: 15px; text-align: center;}
	.front_index>div a span { text-align: center;}
	.front_index>div a:last-child { margin-bottom: 0px;}
	.front_index>div a>div { position: relative; padding-left: 0px; padding-top: 60px; }
	.front_index>div a>div::before { top: 0px; transform: translate(0px) translateX(-50%); left: 50%; padding-left: 15px; padding-top: 20px; font-size: 14px; line-height: 27px; text-align: center; box-sizing: border-box;}

	.front_index.set01>a { min-height:auto;}
	.front_index.set01>div a { text-align: center; min-height: auto;}
	.front_index.set01>div a>div { width: 100%; padding-left: 0px; padding-top: 60px;}
	.front_index.set01>div a>div::before { top: 0px; left: 50%; transform: translate(0px) translateX(-50%); }
	.front_index.set01>div a span { text-align: center;}
	.front_index.set01>div a span.btn { margin-top: 0px;}

	.front_index.set02>a { min-height:auto;}
	.front_index.set02>div a { min-height: auto;}
	.front_index.set03>a { min-height:auto;}
	.front_index.set03>div a { min-height: auto;}
	.front_index.set04>a { min-height:auto;}
	.front_index.set04>div a { min-height: auto;}
	.front_index.set05>a { min-height:auto;}
	.front_index.set05>div a { min-height: auto;}
	.front_index.set06>a { min-height:auto;}
	.front_index.set06>div a { min-height: auto;}
}

/*LOGIN*/
.sub_content.login .content_box { max-width: 680px; padding: 80px; border: 1px solid #222; border-radius: 20px; margin: 0 auto;}

.login_input>li { position: relative; margin-bottom: 20px; }
.login_input>li:last-child { margin-bottom: 0px;}
.login_input>li:nth-child(2) { margin-bottom: 30px;}
.login_input>li>.check_box + label { margin-top: 20px;}
.login_input>li>.inp-txt { height: 70px; font-size: 18px; padding-left: 30px; padding-right: 80px;}
.login_input li .inp-txt:focus { color: #004687; }
.login_input li .alert_text { display: block; margin-top: 20px;}
.login_input li .btn_id_del {background-image:url("../image/btn_del_member.jpg");}
.login_input li .btn_password {background-image:url("../image/btn_pw_member.jpg");}
.login_input li .btn_id_del, .login_input li .btn_password { position:absolute; top: 10px; right: 10px; z-index: 2; width:50px; height: 50px; background-color: #FFF; background-position: center center; background-repeat: no-repeat; border-radius: 5px;}
.login_input li .btn { font-size: 22px; height: 70px; line-height: 68px;}
.login_input>li:nth-child(4) { text-align: center;}
.login_input li .btn_pass_find { position: relative; display: inline-block; height: 30px; font-size: 16px; line-height: 30px; color: #222; margin-right: 40px; }
.login_input li .btn_pass_find:hover { color: #004687;}
.login_input li .btn_pass_find::before { position: absolute; top: 8px; right: -21px; width: 1px; height: 16px; background-color: #DDD; content: "";}
.login_input li .btn_pass_find:last-child { margin-right: 0px;}
.login_input li .btn_pass_find:last-child::before { display: none;}
.login_input>li:nth-child(5) span { position: relative; width: 100%; text-align: center; display: block; font-size: 16px; color: #999; padding-top: 10px; margin-bottom: 30px;}
.login_input>li:nth-child(5) span::before, .login_input>li:nth-child(5) span::after { position: absolute; top: 20px; width: 41%; height: 1px; background-color: #DDD; content: "";}
.login_input>li:nth-child(5) span::before { left: 0px;}
.login_input>li:nth-child(5) span::after { right: 0px;}
.login_input li p,.login_input li h2 { font-size: 16px; line-height: 30px; text-align: center; color:#666 ;}
.login_input li h2 { font-weight: 500; color:#222 ; margin-bottom: 30px;}


.login_input li .btn.btn-kakao { display:block; height:70px; font-size:18px; line-height:68px; background-color: #fce000; color: rgba(0,0,0,0.85);}
.login_input li .btn.btn-kakao i {display: inline-block; width:40px; height:40px; background:url(../image/kakao_logo01.png) no-repeat; background-size:40px 40px; vertical-align: middle; }
.login_input li .btn.btn-kakao:hover { background-color:#e9cf00 ;}

@media only screen and (max-width:1024px) {
	.sub_content.login .content_box { max-width: 500px; padding: 0px 15px; border: 0px; border-radius: 0px; }

	.login_input>li { margin-bottom: 15px; }
	.login_input>li>.inp-txt { height: 60px; font-size: 16px; padding-right: 70px; padding-left: 20px;}
	.login_input li .alert_text { margin-top: 15px;}
	.login_input li .btn_id_del, .login_input li .btn_password { top: 5px; right: 5px; }
	.login_input li .btn { font-size: 20px; height: 60px; line-height: 58px;}
	.login_input li .btn_pass_find { font-size: 15px; margin-right: 30px; }
	.login_input li .btn_pass_find::before { right: -16px;}

	.login_input li .btn.btn-kakao { height:60px; line-height:58px;}
}


/*프로모션 제품리스트*/
.cart_wrap { position: relative; padding-right:480px; min-height: 510px; }

.cart_list { width: 100%; margin-bottom:40px; border-top: 1px solid #222; border-bottom: 1px #DDD solid; padding: 20px 0px; }
.cart_list>li { position: relative; display: block; min-height: 140px; padding:40px 400px 40px 180px; text-align: left;}
.cart_list>li>.product_img, .cart_list>li .goods_count, .cart_list>li .pay_box, .cart_list>li .count_text {position: absolute; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.cart_list>li>.product_img { left: 0px; top: calc(50% - 17px); width: 140px; height: 140px; background-color: #F4F4F4; text-align: center;}
.cart_list>li>.product_img img{width: 140px; height: 140px;}
.cart_list>li .goods_count {position: absolute; right: 40px; z-index: 5; }

.cart_list>li .count_text {right: 260px; width: 120px; font-size: 20px; color: #888; text-align: center; }
.cart_list>li .count_text>span { font-size: 20px; }

.cart_list>li>.text span { display: inline-block; font-size: 16px; color: #666; text-align: left; margin-bottom: 5px;}
.cart_list>li>.text>p { display: block; font-size: 16px; color: #004687; text-align: left; font-weight: 500; margin-bottom: 5px;}
.cart_list>li>.text>h2 {position: relative; font-size: 24px; color: #222; line-height: 30px; text-align: left; font-weight: 700; word-break: keep-all; margin-bottom: 10px;}

.cart_list>li .pay_box {right: 40px; width: 200px; text-align: right; }
.cart_list>li .pay_box p { position: relative; display: block;}
.cart_list>li .pay_box p.pay { font-size: 24px; color: #222; line-height: 40px; font-weight: 700;}
.cart_list>li .pay_box p.point, .cart_list>li .pay_box p.gv { display: inline-block; font-size: 16px; color: #666; line-height: 40px;  }
.cart_list>li .pay_box p.gv { position: relative; display: inline-block; padding-left: 15px; }
.cart_list>li .pay_box p.gv::before { position: absolute; top: 0px; left: 0px; content: "/";}


.content_box .cart_list>li.no_data { width: 100%; height: 300px; text-align: center; padding: 220px 0px; font-size: 20px; color: #999; cursor: default; background-image:url("../image/icon_no_data.png"); background-repeat: no-repeat; background-position: center 120px;; }

.cart_list>li.soldout .text span, .cart_list>li.soldout .text p, .cart_list>li.soldout .text h2, .cart_list>li.soldout p.pay, .cart_list>li.soldout p.point, .cart_list>li.soldout .count_text, .cart_list>li.soldout .pay_box p.gv  {text-decoration:line-through; color: #888;}
.cart_list>li.soldout .pay_box .price {color: #888;}
.cart_list>li.soldout .goods_count, .cart_list>li.soldout .goods_select, .cart_list>li.soldout>.check_box + label { display: none;}
.cart_list>li.soldout .text:before { display: inline-block; font-size:15px; color: #c90000; content: "[일시품절]"; margin-right: 5px; }

.cart_list.shopping { border-bottom: 0px; padding: 0px;}
.cart_list.shopping>li { min-height: 180px; padding:50px 180px 50px 180px; border-bottom: 1px solid #DDD; }
.cart_list.shopping>li .pay_box { position: relative; right: auto; top: auto; transform: translateY(0px); width: auto; text-align: left; padding: 0px; margin-bottom: 0px;}
.cart_list.shopping>li .pay_box p { display: inline-block; margin-left: 10px; white-space: nowrap; }
.cart_list.shopping>li .pay_box p:first-child { margin-left: 0px;}
.cart_list.shopping>li .pay_box p.point, .cart_list.shopping>li .pay_box p.gv { position: relative; display: inline-block; padding-left: 15px; }
.cart_list.shopping>li .pay_box p.point::before, .cart_list.shopping>li .pay_box p.gv::before { position: absolute; top: 0px; left: 0px; content: "/";}
.cart_list.shopping>li .option_select { position: absolute; top: 90px; right: 40px; width: 380px; }
.cart_list.shopping>li .opt_box { margin-top: 30px; margin-right: -140px; }

.cart_list.shopping>li .btn_arrow { padding-left: 0px; margin-top: 7px;}

.coupon_input { margin-top: 30px; margin-right: -140px;}

@media only screen and (max-width:1024px) {
	.cart_wrap { padding-right:0px; min-height: auto; }
	.cart_list { width: 100%; margin-bottom:15px; border-top: 1px solid #222; padding: 15px 0px 0px; border-bottom: 0px; }
	.cart_list>li { min-height: 130px; padding:15px 0px 15px 115px; }
	.cart_list>li>.product_img, .cart_list>li .goods_count, .cart_list>li .pay_box {position: absolute; top: 15px; transform:translateY(0%); -webkit-transform:translateY(0%);}
	.cart_list>li>.product_img { top: 0px; width: 100px; height: calc(100% - 15px); }
	.cart_list>li>.product_img img{ position: absolute; width: 100px; height: 100px; top: 50%; left: 0px; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	.cart_list>li .goods_count {position: absolute; right: 0px; }

	.cart_list>li .count_text {position: absolute; right: 260px; width: 120px; font-size: 20px; color: #888; text-align: center; }
	.cart_list>li .count_text>span { font-size: 20px; }

	.cart_list>li>.text span { font-size: 14px; margin-bottom: 5px;}
	.cart_list>li>.text>p { font-size: 14px; }
	.cart_list>li>.text>h2 {font-size: 18px; line-height: 20px; }

	.cart_list>li .pay_box {right: 40px; width: 200px; text-align: right; }
	.cart_list>li .pay_box p { position: relative; display: block;}

	.cart_list>li .pay_box p.pay { font-size: 18px; line-height: 30px; }
	.cart_list>li .pay_box p.point, .cart_list>li .pay_box p.gv { font-size: 13px; line-height: 30px; }
	.cart_list>li .pay_box p.gv { position: relative; display: inline-block; padding-left: 15px; }
	.cart_list>li .pay_box p.gv::before { position: absolute; top: 0px; left: 0px; content: "/";}

	.content_box .cart_list>li.no_data { width: 100%; height: 300px; text-align: center; padding: 220px 0px; font-size: 18px; color: #999; cursor: default; background-image:url("../image/icon_no_data.png"); background-repeat: no-repeat; background-position: center 120px;; }

	.cart_list>li.soldout .text span, .cart_list>li.soldout .text p, .cart_list>li.soldout .text h2, .cart_list>li.soldout p.pay, .cart_list>li.soldout p.point, .cart_list>li.soldout .count_text, .cart_list>li.soldout .pay_box p.gv  {text-decoration:line-through; color: #888;}
	.cart_list>li.soldout .pay_box .price {color: #888;}
	.cart_list>li.soldout .goods_count, .cart_list>li.soldout .goods_select, .cart_list>li.soldout>.check_box + label { display: none;}
	.cart_list>li.soldout .text:before { font-size:14px; }

	.cart_list.shopping>li { min-height: 160px; padding:15px 0px 15px 115px; }
	.cart_list.shopping>li>.product_img { left: 0px; height: 100px; top: 15px; }

	.cart_list.shopping>li>.product_img img{ position: relative; top: 0%; transform:translateY(-0%); -webkit-transform:translateY(-0%);}



	.cart_list.shopping>li .pay_box { position: relative; right: auto; top: auto; transform: translateY(0px); width: auto; text-align: left; padding: 0px; margin-bottom: 0px;}
	.cart_list.shopping>li .pay_box p { display: inline-block; }
	.cart_list.shopping>li .pay_box p:first-child { margin-left: 0px;}
	.cart_list.shopping>li .pay_box p.point, .cart_list.shopping>li .pay_box p.gv { margin-left: 5px; padding-left: 10px;}
	.cart_list.shopping>li .option_select { position: relative; top: auto; right: 0px; width: auto; margin-top: 30px; margin-left: -115px; }
	.cart_list.shopping>li .opt_box { margin-top: 10px; margin-left: -115px; margin-right: 0px;}
	.cart_list.shopping>li .btn_arrow { font-size: 13px;}

	.cart_list.order>li { min-height: 130px; padding:0px 0px 15px 115px; }
	.cart_list.order>li .pay_box { position: relative; right: auto; top: auto; transform: translateY(0px); width: auto; text-align: left; padding: 0px; margin-bottom: 0px;}
	.cart_list.order>li .pay_box p { display: inline-block; margin-left: 10px; white-space:nowrap; }
	.cart_list.order>li .pay_box p:first-child { margin-left: 0px;}

	.cart_list.order>li .pay_box p.point, .cart_list.order>li .pay_box p.gv { position: relative; display: inline-block; margin-left: 5px; padding-left: 10px; display: inline-block; }
	.cart_list.order>li .pay_box p.point::before, .cart_list.order>li .pay_box p.gv::before { position: absolute; top: 0px; left: 0px; content: "/";}
	.cart_list.order>li .count_text { position: relative; right: auto; width: auto; font-size: 14px; color: #888; text-align: left; }
	.cart_list.order>li .count_text>span { font-size: 14px; }

	.cart_list.order>li .opt_box { margin-top: 10px; margin-left: -115px;}

	.coupon_input { margin-top: 30px; margin-left: -115px; margin-right: 0px;}
}

.cart_quick { position: absolute; top: 0px; right: 0px; width: 400px; overflow: hidden; border: 1px solid #DDD; padding:40px 30px; border-radius: 20px; }

.cart_quick.flow { position: fixed;  left: 50%; top: 40px; margin-left: 400px; }
.cart_quick.flow.bottom { position: absolute; left: auto; top: auto; bottom: 0px; margin-left: 0px; }

.cart_quick .quick_open>h2 { font-size: 24px; line-height: 30px; color: #222; text-align: left; font-weight: 700; margin-bottom: 30px;}
.cart_quick .quick_open ul { width: 100%; overflow: hidden; padding-bottom: 20px; border-bottom: 1px solid #DDD; margin-bottom: 20px;}
.cart_quick .quick_open ul>li { float: left; line-height: 40px;}
.cart_quick .quick_open ul>li:nth-child(1n) { width: 30%; font-size: 16px; color: #666; text-align: left;}
.cart_quick .quick_open ul>li:nth-child(2n) { width: 70%;  font-size: 16px; color: #222; text-align: right;}
.cart_quick .quick_open ul>li:nth-child(2n)>span { font-size:22px; font-weight: 700; margin-right: 5px; }

.cart_quick .total_pay { position: relative; width: 100%; padding-left: 100px; line-height: 40px; margin-bottom: 40px;}
.cart_quick .total_pay>span { position: absolute; left: 0px; bottom: 0px; font-size:16px; line-height: 40px; color: #666; }
.cart_quick .total_pay>h2 { font-size: 16px; color: #222; text-align: right;}
.cart_quick .total_pay>p { font-size:22px; color: #222; text-align: right; font-weight: 500; }
.cart_quick .total_pay>p>span {font-size:30px; font-weight: 700; }
.cart_quick .btn { height: 70px; line-height: 68px; font-size: 20px;}

.cart_quick .agree_btn { position: relative; min-height: 58px; padding-top: 30px; margin-bottom: 30px; border-top: 1px solid #DDD;}
.cart_quick .agree_btn>.btn_arrow { position: absolute; bottom: 0px; right: 15px; }

@media only screen and (max-width:1024px) {
	.cart_quick { position: fixed; bottom: -100%; left: 0px; top: auto;  width:100%; margin-left: 0px; transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; z-index: 91; background-color: #FFF; border: 0px; padding: 0px; border-radius: 0px;  }
	.cart_quick.flow { top: auto; left: 0px; bottom: 0px; margin-left: 0px; }
	.cart_quick.flow.bottom { position: fixed; bottom: -100%;}

	.cart_quick .quick_close_btn {position: fixed; top: 0; left: 0; display: none; width: 100%; height: 100%; z-index: -1; }
	.cart_quick.active .quick_close_btn {display: block;}

	.cart_quick .quick_open { display: none;background-color: #FFF; padding: 20px 15px 5px; border-radius: 20px 20px 0px 0px;}
	.cart_quick .quick_open>h1 {display: block; font-size: 18px; line-height: 20px; color: #222; text-align: left; font-weight: 500; word-break: keep-all; margin-bottom: 15px; }
	.cart_quick:after {content: ""; position: fixed; z-index: -2; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out; opacity: 0; visibility: hidden;}
	.cart_quick.active:after {opacity: 1; visibility: visible;}

	.cart_quick ul.btn-set { position: relative; background-color: #F4F4F4; padding: 10px 70px 10px 10px; }
	.cart_quick ul.btn-set .btn { height: 50px; line-height: 48px; font-size: 16px;}
	.cart_quick ul.btn-set>li { padding: 0px;}
	.cart_quick ul.btn-set>li:nth-child(1) { width: 100%; padding: 0px;}
	.cart_quick ul.btn-set>li:last-child { position: absolute; top: 10px; right: 10px; width: 50px;}
	.cart_quick ul.btn-set>li:last-child a { display: block; width: 100%; height: 50px; background-color: #FFF; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out; border: 2px solid #222; border-radius: 50%; padding-top: 6px; text-align: center; }
	.cart_quick ul.btn-set>li:last-child a i { display: block; width: 46px; height: 12px; background-image: url("../image/icon_faq.png"); background-repeat: no-repeat; background-position: center; transform: rotate(-180deg); }
	.cart_quick ul.btn-set>li:last-child a::after { font-size: 13px; content: "열기";}
	.cart_quick ul.btn-set li:last-child a.active i { transform: rotate(0deg); }
	.cart_quick ul.btn-set>li:last-child a.active::after { content: "닫기";}

	.cart_quick .quick_open>h2 { font-size: 22px; line-height: 25px; color: #222; text-align: left; font-weight: 700; margin-bottom: 15px;}
	.cart_quick .quick_open>ul { width: 100%; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #DDD; margin-bottom: 10px;}
	.cart_quick .quick_open>ul>li { float: left; line-height: 25px;}
	.cart_quick .quick_open>ul>li:nth-child(1n) { width: 30%; font-size: 14px; color: #666; text-align: left;}
	.cart_quick .quick_open>ul>li:nth-child(2n) { width: 70%;  font-size: 14px; color: #222; text-align: right;}
	.cart_quick .quick_open>ul>li:nth-child(2n)>span { font-size:18px; font-weight: 700; margin-right: 5px; }
	.cart_quick .quick_open .total_pay { position: relative; width: 100%; padding-left: 90px; line-height: 40px; margin-bottom: 10px;}
	.cart_quick .quick_open .total_pay>span { position: absolute; left: 0px; bottom: 0px; font-size:15px; line-height: 40px; color: #666; }
	.cart_quick .quick_open .total_pay>h2 { font-size: 14px; line-height: 20px; color: #222; text-align: right;}
	.cart_quick .quick_open .total_pay>p { font-size:16px; color: #222; text-align: right; font-weight: 500; }
	.cart_quick .quick_open .total_pay>p>span {font-size:26px; font-weight: 700; margin-right: 5px; }

	.cart_quick .agree_btn { position: relative; min-height: 20px; padding: 10px 80px 0px 10px; background-color: #F4F4F4; margin-bottom: 0px; border-top: 0px;}
	.cart_quick .agree_btn>.btn_arrow  { position: absolute; bottom: auto; top: 7px; right: 10px; }

	.cart_quick.view .quick_open>ul { border-bottom: 0px; padding-bottom: 0px;}
	.cart_quick.view>.total_pay { position: relative; width: 100%; background-color: #F4F4F4; padding: 10px 70px 10px 90px; }
	.cart_quick.view .total_pay>span { position: absolute; left: 15px; top: 30px; font-size:15px; line-height: 30px; color: #666; }
	.cart_quick.view .total_pay>h2 { font-size: 14px; line-height: 20px; color: #222; text-align: right;}
	.cart_quick.view .total_pay>p { font-size:16px; line-height: 30px; color: #222; text-align: right; font-weight: 500; }
	.cart_quick.view .total_pay>p>span {font-size:22px; font-weight: 700; margin-right: 5px; }
	.cart_quick.view .total_pay a { display: block; position: absolute; top: 10px; right: 10px; width: 50px; height: 50px; background-color: #FFF; transition:all 0s  ease-in-out; -webkit-transition:all 0s ease -in-out; border: 2px solid #222; border-radius: 50%; padding-top: 6px; text-align: center; line-height: 20px; }
	.cart_quick.view .total_pay a i { display: block; width: 46px; height: 12px; background-image: url("../image/icon_faq.png"); background-repeat: no-repeat; background-position: center; transform: rotate(-180deg); }
	.cart_quick.view .total_pay a::after { font-size: 13px; content: "열기";}
	.cart_quick.view .total_pay a.active i { transform: rotate(0deg); }
	.cart_quick.view .total_pay a.active::after { content: "닫기";}
}

.order_info_list {position: relative; width:100%; padding-left: 320px; padding-bottom: 20px; border-bottom: 1px solid #DDD; margin-bottom: 60px; }
.order_info_list>h2 { position: absolute; left: 0px; top: 0px; font-size: 40px; line-height: 50px; color: #222; font-weight: 300;}
.order_info_list ul { overflow: hidden;}
.order_info_list li { position: relative; float: left; width: 100%; margin-bottom: 30px; padding-right: 120px; }

.order_info_list li.half { width: 50%; padding-right: 0px;}
.order_info_list li h2 { font-size: 18px; line-height: 25px; color: #222; font-weight: 500; margin-bottom: 10px; }
.order_info_list li h2 span, .order_info_list li p span, .order_info_list li h3 span, .order_info_list li h4 span { position: relative; margin-left: 15px; padding-left: 15px; font-weight: 300; }
.order_info_list li h2 span::before, .order_info_list li p span::before, .order_info_list li h3 span::before, .order_info_list li h4 span::before { position: absolute; left: -1px; top: 5px; width: 1px; height: 16px; background-color: #DDD; content: ""; }
.order_info_list li p,.order_info_list li h3 { font-size: 16px; line-height: 25px; color: #222; font-weight: 300; margin-bottom: 10px; }
.order_info_list li h3 { color: #666;}
.order_info_list li h2 span { font-weight: 500;}
.order_info_list li h4 { font-size: 16px; line-height: 25px; color: #666; font-weight: 300; margin-bottom: 10px; margin-top: 30px; }
.order_info_list li h4 span { color: #222;}
.order_info_list .btn { position: absolute; top: 0px; right: 20px; width: 100px;}


@media only screen and (max-width:1024px) {
	.order_info_list {padding-left: 0px;  padding-bottom: 10px; margin-bottom: 30px; }
	.order_info_list>h2 {position: relative; left: auto; top: auto; font-size: 24px; line-height: 30px; margin-bottom: 15px;}
	.order_info_list li { position: relative; float: left; width: 100%; margin-bottom: 20px; padding-right: 0px; }
	.order_info_list li h2 { font-size: 17px; line-height: 30px; }
	.order_info_list li p,.order_info_list li h3 { font-size: 15px; line-height: 22px; word-break: keep-all; }
	.order_info_list .btn { position: absolute; top: 0px; right: 0px; width: 80px; height: 32px; line-height: 30px; }

	.order_ok .order_info_list:last-child { margin-bottom: 0px;}
}

.order_form {position: relative; width:100%; padding-left: 320px; }
.order_form>h2 { position: absolute; left: 0px; top: 0px; font-size: 40px; line-height: 50px; color: #222; font-weight: 300;}
.order_form .tab_menu { left: 0px; transform: translateX(0px);}

.order_add_text {position: relative; width:100%; padding-left: 320px; padding-bottom: 40px; border-bottom: 1px solid #DDD; margin-bottom: 60px; }
.order_add_text li {margin-bottom: 20px; }
.order_add_text li .inp-txt { margin-top: 20px;}

.order_add_new>li { margin-bottom: 30px;}
.order_add_new>li input[type="checkbox"] + label { font-size: 16px;}

.order_pay_form {position: relative; width:100%; padding-left: 320px; padding-bottom: 30px; border-bottom: 1px solid #DDD; }
.order_pay_form>h2 { position: absolute; left: 0px; top: 0px; font-size: 40px; line-height: 50px; color: #222; font-weight: 300;}

.order_pay_menu {  overflow: hidden; padding-bottom: 20px;}
.order_pay_menu input[type="radio"] {display: none;}
.order_pay_menu input[type="radio"] + label { position: relative; float: left; display: inline-block; width: 23.5%; height: 110px; border: 1px solid #DDD; font-size: 16px; line-height: 20px; text-align: center; color: #666; cursor: pointer; font-weight: 500; padding: 60px 0px 0px 0px;  margin-right: 2%; margin-bottom: 20px; box-sizing: border-box; background-image: none; border-radius: 10px; }
.order_pay_menu input[type="radio"].radio_box + label::before { display: none;}
.order_pay_menu input[type="radio"]:nth-of-type(4n) + label { margin-right: 0px;}
.order_pay_menu input[type="radio"] + label i { position: absolute; top: 20px; left: 50%; transform: translateX(-50%); width: 60px; height: 40px; background-image:url("../image/pay_icon.png"); background-size:420px 80px; background-repeat: no-repeat; }
.order_pay_menu input[type="radio"] + label:hover { background-color: #F4F4F4; color: #222;}
.order_pay_menu input[type="radio"]:checked + label { background-color: #004687; border-color: #004687; color: #FFF;}
.order_pay_menu input[type="radio"].kakao_pay:checked + label { background-color: #ffeb00; border-color: #ffeb00; color: #222;}
.order_pay_menu input[type="radio"].naver_pay:checked + label { background-color: #00de5a; border-color: #00de5a; color: #222;}

.order_pay_menu i.type01{background-position: 0px 0px;}
.order_pay_menu i.type02{background-position: -60px 0px;}
.order_pay_menu i.type03{background-position: -120px 0px;}
.order_pay_menu i.type04{background-position: -180px 0px;}
.order_pay_menu i.type05{background-position: -240px 0px;}
.order_pay_menu i.type06{background-position: -300px 0px;}
.order_pay_menu i.type07{background-position: -360px 0px;}
.order_pay_menu input[type="radio"]:checked + label i.type01{background-position: 0px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type02{background-position: -60px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type03{background-position: -120px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type04{background-position: -180px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type05{background-position: -240px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type06{background-position: -300px -40px;}
.order_pay_menu input[type="radio"]:checked + label i.type07{background-position: -360px -40px;}

.cardnum_input>li { margin-bottom: 30px;}
.cardnum_input>li h2 { font-size: 20px; margin-bottom: 20px;}

.cardnum_input.two>li { margin-bottom: 30px;}
.cardnum_input.two>li:nth-child(4) { border-bottom: 1px solid #DDD; padding-bottom: 40px; margin-bottom: 40px;}
.cardnum_input.two>li h3 { font-size: 18px; line-height: 30px; color: #004687; text-align: center;}
.cardnum_input.two>li h3 span { font-size: 30px; font-weight: 700; margin-right: 5px;}
.cardnum_input.two>li h3 span:nth-child(1) { font-size: 18px; color: #222; font-weight: 500; margin-right: 30px;}

.order_pay_form .info_box { padding: 40px; background-color: #F4F4F4; border-radius: 10px; margin-top: 0px; margin-bottom: 30px;}
.order_pay_form .info_box p { word-break: keep-all; font-size: 14px; margin-bottom: 5px; }

.order_write .order_pay_form>.btn-set { margin-bottom: 30px;}

@media only screen and (max-width:1024px) {
	.order_form { padding-left: 0px; }
	.order_form>h2 { position: relative; left: auto; top: auto; font-size: 24px; line-height: 30px; margin-bottom: 15px;}

	.order_add_text {padding-left: 0px;  padding-bottom: 10px; margin-bottom: 30px; }

	.order_add_new>li { margin-bottom: 20px;}

	.order_pay_form {padding-left: 0px; margin-bottom: 0px; padding-bottom: 10px;}
	.order_pay_form>h2 {position: relative; left: auto; top: auto; font-size: 24px; line-height: 30px; margin-bottom: 15px;}

	.order_pay_menu input[type="radio"] + label { width: 32%; font-size: 15px; padding: 65px 0px 0px 0px;  margin-bottom: 10px; }
	.order_pay_menu input[type="radio"]:nth-of-type(3n) + label { margin-right: 0px;}
	.order_pay_menu input[type="radio"]:nth-of-type(4n) + label { margin-right: 2%;}

	.cardnum_input { padding-bottom: 10px;}
	.cardnum_input>li { margin-bottom: 20px;}

	.cardnum_input.two>li { margin-bottom: 20px;}
	.cardnum_input.two>li:nth-child(4) { padding-bottom: 30px; margin-bottom: 30px;}
	.cardnum_input.two>li h3 { font-size: 16px; }
	.cardnum_input.two>li h3 span { font-size: 26px; }
	.cardnum_input.two>li h3 span:nth-child(1) { font-size: 15px; }

	.order_pay_form .info_box { padding: 20px; }
}

.goods_count { display: flex; width: 120px; height: 40px; border: 1px solid #ddd; border-radius: 20px; overflow: hidden; }
.goods_count input {float: left; width: 40px; height: 38px; text-align: center; padding:0px;border: 0px; border-radius: 0px;}
.goods_count a { position: relative; float: left; display: inline-block; width: 39px; height: 38px; background-color: #FFF; }
.goods_count a:hover { background-color: #F4F4F4;}
.goods_count a:before, .goods_count a:after { position: absolute; background-color: #222; content: ""; }
.goods_count a:before { left:15px; top: 19px; width: 9px; height: 1px; }
.goods_count a:after { left:19px; top: 15px; width: 1px; height: 9px; }
.goods_count a:nth-child(1):after { display: none;}

.goods_count.active { border-color: #004687; background-color: #004687;}
.goods_count.active a, .goods_count.active input { background-color: #004687; }
.goods_count.active input {  color: #FFF;}
.goods_count.active a:hover { background-color: #003a6f;}
.goods_count.active a:before, .goods_count.active a:after { background-color: #FFF; }




.opt_box { position: relative; }
.opt_box .pay_box { padding-bottom: 10px;}
.opt_box .pay_box li { display: flex; margin-bottom: 20px;}
.opt_box .pay_box li p { font-size: 18px; line-height: 30px;}
.opt_box .pay_box li p span { font-size: 30px; font-weight: 700;}
.opt_box .pay_box li p.pay, .opt_box .pay_box li p.team, .opt_box .pay_box li p.auto { position: relative; padding-left:130px; margin-right: 15px;}
.opt_box .pay_box li p.point, .opt_box .pay_box li p.gv { line-height: 20px; padding-top: 10px;}
.opt_box .pay_box li p.point { color: #666;}
.opt_box .pay_box li p.gv { color: #004687;}
.opt_box .pay_box li p.pay::before, .opt_box .pay_box li p.team::before, .opt_box .pay_box li p.auto::before { position: absolute; left: 0px; top: 0px; width: 90px; height: 30px; border-radius: 10px; font-size: 13px; color: #FFF; line-height: 30px; text-align: center;}
.opt_box .pay_box li p.pay::before { background-color: #999; content: "권장소비자가";}
.opt_box .pay_box li p.team::before { background-color: #004687; content: "팀파트너가";}
.opt_box .pay_box li p.auto::before { background-color: #004687; content: "오토십가";}
.opt_box>.goods_count { position: absolute; right: 0px; top: 40px; }
.opt_box>.select { position: absolute; right: 0px; top: 40px; width: 330px;}

.opt_box .opt_choice { width: 100%; max-height: 200px; overflow-y: auto; padding-bottom: 20px;}
.opt_box .opt_choice li { position: relative; background-color: #F4F4F4; margin-bottom: 10px; padding: 20px 180px 20px 20px; border-radius: 10px;}
.opt_box .opt_choice li h2 {display: block; width: 100%; font-size: 15px; color: #222; line-height: 20px; font-weight: 500; word-break: keep-all; }
.opt_box .opt_choice li .goods_count { position: absolute; right: 50px; top: 50%; transform: translateY(-50%);}
.opt_box .opt_choice a.delete {position: absolute; right: 13px; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; }
.opt_box .opt_choice a.delete:before, .opt_box .opt_choice a.delete:after {position: absolute; right: 7px; top: 15px; width: 15px; height: 1px; background-color: #888; content: ""; }
.opt_box .opt_choice a.delete:before {transform: rotate(-45deg);}
.opt_box .opt_choice a.delete:after {transform: rotate(45deg);}
.opt_box .opt_choice a.delete:hover:before, .opt_box .opt_choice a.delete:hover:after { background-color: #222;}


/*PRODUCT INFO BOX*/
.info_box { width: 100%; overflow: hidden; text-align: left; margin-top: 50px; }
.info_box li { position: relative; float: left; margin-bottom: 30px;}
.info_box li:last-child { margin-bottom: 0px;}
.info_box h2 { font-size: 18px; line-height: 30px; color: #333; margin-bottom: 10px;}
.info_box p { position: relative; padding-left: 15px; color: #888; font-size: 14px; word-break: keep-all; }
.info_box p:before { position: absolute; left: 3px; top: 8px; width: 3px; height: 3px; background-color: #999; content: "";}

/*ORDER OK / VIEW*/
.order_ok .cart_quick .total_pay { margin-bottom: 0px;}

.order_ok_box { position: relative; width: 100%; border-top: 1px solid #222; padding:80px 0px;}
.order_ok_box img { width:235px; margin-bottom: 40px;}
.order_ok_box h2 { font-size: 30px; line-height: 30px; color: #222; margin-bottom: 20px; }
.order_ok_box h2 span { font-weight: 700;}
.order_ok_box p { display: inline-block; font-size: 20px; line-height: 30px; color: #999;  margin-left: 50px;}
.order_ok_box p:first-of-type { margin-left: 0px;}
.order_ok_box p span { position: relative; margin-left: 20px; padding-left: 20px; color: #222;}
.order_ok_box p span:before{ position: absolute; left: -1px; top: 5px; width: 1px; height: 20px; background-color: #DDD; content: ""; }


.order_ok_box ul.btn-set {position:relative;overflow:hidden; text-align:center; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.order_ok_box ul.btn-set>li {float: left; padding: 0px 10px;}
.order_ok_box ul.btn-set>li:first-child { padding-left: 0px;}
.order_ok_box ul.btn-set>li:last-child { padding-right: 0px;}

.order_ok_box ul.btn-set.set02>li { width: 50%;}
.order_ok_box ul.btn-set.set03>li { width: 33.3%;}
.order_ok_box ul.btn-set.set04>li { width: 25%;}
.order_ok_box ul.btn-set.set05>li { width: 20%;}
.order_ok_box ul.btn-set.set06>li { width: 16.6%;}
.order_ok_box ul.btn-set.set07>li { width: 14.2%;}
.order_ok_box ul.btn-set.set08>li { width: 12.5%;}

@media only screen and (max-width:1024px) {
	.order_ok_box ul.btn-set>li {padding: 0px 5px;}
}


.order_ok_box ul.btn-set { display: inline-flex; justify-content: right;}
.order_ok_box ul.btn-set .btn { width: 200px;}
.order_ok_box ul.btn-set h3 { display: block; font-size: 16px; margin-bottom: 5px; color: #999; }
.order_ok_box ul.btn-set p { display: block; font-size: 18px; margin-bottom: 10px; color: #222;}


@media only screen and (max-width:1024px) {
	.order_ok .order_info_list:last-child { margin-bottom: 0px;}

	.order_ok_box { padding:50px 0px;}
	.order_ok_box img { width:180px; margin-bottom: 30px;}
	.order_ok_box h2 { font-size: 28px; line-height: 35px; word-break: keep-all; }
	.order_ok_box p { font-size: 15px; line-height: 25px; margin-bottom: 20px; word-break: keep-all; margin-left: 15px; }
	.order_ok_box p span { margin-left: 10px; padding-left: 10px; }
	.order_ok_box p span:before{ height: 12px; }

	.order_ok_box ul.btn-set { position: relative; top: auto; transform: translateY(0%); right: auto; width: 100%;  }
	.order_ok_box ul.btn-set .btn { width: 100%;}


}

/*ERROR PAGE*/
.wrapper_error { width: 100%; height: 100%; min-width: 1600px; margin: 0 auto; overflow: hidden; }
.wrapper_error .error_box { position: relative; top: 50%; transform: translateY(-50%);  -webkit-transform:translateY(-50%);  width: 1600px;  margin: 0 auto; }
.wrapper_error .error_box>div { position: relative; padding-bottom: 60px; margin-bottom: 60px;}
.wrapper_error .error_box>div:before { position: absolute; left: 0px; bottom: 0px; width:1980px; height: 1px; background-color: #DDD; content: ""; }
.wrapper_error .error_box h1 { font-size: 100px; line-height: 100px; color: #222; margin-bottom: 60px; font-weight: 500;}
.wrapper_error .error_box h2 { font-size: 40px; line-height: 40px; color: #222; margin-bottom: 30px; font-weight: 400;}
.wrapper_error .error_box p { font-size: 18px; line-height: 25px; color: #666; font-weight: 300;}
.wrapper_error .error_box h3 { font-size: 40px; line-height: 50px; color: #004687; font-weight: 100;}
.wrapper_error .error_box h3 span { display: block; font-size: 25px; line-height: 30px; margin-bottom: 20px; font-weight: 400;}
.wrapper_error .error_box .wid_220 { width: 220px;}

@media only screen and (max-width:1024px) {
	.wrapper_error { min-width: 320px; }
	.wrapper_error .error_box {  width: 100%; padding: 0px 30px; }
	.wrapper_error .error_box>div { padding-bottom: 40px; margin-bottom: 40px;}
	.wrapper_error .error_box>div:before { width:200%; }
	.wrapper_error .error_box h1, .wrapper_error .error_box h2, .wrapper_error .error_box p , .wrapper_error .error_box h3 { word-break: keep-all;}
	.wrapper_error .error_box h1 { font-size: 42px; line-height: 50px; margin-bottom: 20px; }
	.wrapper_error .error_box h2 { font-size: 20px; line-height: 25px; margin-bottom: 20px;}
	.wrapper_error .error_box p { font-size: 14px; line-height: 20px;}
	.wrapper_error .error_box h3 { font-size: 18px; line-height: 20px; }
	.wrapper_error .error_box h3 span { font-size: 14px; margin-bottom: 10px; }
}

/*넷퍼넬 추가 2021.11.02*/
.netfunnel_pop { width: 520px; background-color: #FFF; text-align: center; padding: 30px; box-sizing: border-box; border-radius: 15px; }
.netfunnel_pop .netfunnel_logo { border-bottom: 1px solid #DDD; text-align: center; padding-bottom: 30px; margin-bottom: 30px;}
.netfunnel_pop .netfunnel_logo img { width: 270px;}
.netfunnel_pop .netfunnel_con span { font-weight: 800;}
.netfunnel_pop .netfunnel_con>h1 { font-size: 28px; line-height: 30px; margin-bottom: 10px;}
.netfunnel_pop .netfunnel_con>h2 { font-size: 18px; line-height: 30px; margin-bottom: 10px; font-weight: 800; }
.netfunnel_pop .netfunnel_con>h2 span {color: #004687;}
.netfunnel_pop .netfunnel_con .text_box { background-color: #F4F4F4; padding: 20px;}
.netfunnel_pop .netfunnel_con .text_box p { display: block; font-size: 15px; color: #666; word-break: keep-all; line-height: 25px;}
.netfunnel_pop .netfunnel_con .btn { width:80px; font-size:13px; height:30px; color:#a19d9d; line-height:30px; text-decoration:none; display:inline-block; position: relative; text-align:center; background-color:#FFF; border: 1px solid #DDD; margin-top: 10px;}
.netfunnel_pop .netfunnel_con .btn:hover { background-color: #F4F4F4;}

@media only screen and (max-width:1024px) {
	.netfunnel_pop { position: relative; width: 310px; padding: 15px; border-radius: 10px;}
	.netfunnel_pop .netfunnel_logo { padding-bottom: 20px; margin-bottom: 20px;}
	.netfunnel_pop .netfunnel_logo img { width: 210px;}
	.netfunnel_pop .netfunnel_con>h1 { font-size: 22px; line-height: 25px; margin-bottom: 5px;}
	.netfunnel_pop .netfunnel_con>h2 { font-size: 15px; line-height: 25px; margin-bottom: 5px; }
	.netfunnel_pop .netfunnel_con .text_box { padding: 15px;}
	.netfunnel_pop .netfunnel_con .text_box p { font-size: 13px; line-height: 20px;}
	.netfunnel_pop .font_blue {color:#004687;}

}

/*PMPay*/
.easy_pay_info { width: 100%; background-color: #F4F4F4; text-align: left;}
.easy_pay_info h2 { font-size: 18px; line-height: 30px; color: #222; margin-bottom: 10px;}
.easy_pay_info p { position: relative; font-size: 14px; line-height: 20px; color: #888; padding-left: 10px; margin-bottom: 10px; word-break: keep-all;}
.easy_pay_info p::before { position: absolute; left: 0px; top: 8px; width: 3px; height: 3px; background-color: #999; content: "";}

.easy_pay_con .card_ok>div, .easy_pay_con .card_no a { box-shadow: 5px 0px 10px rgba(0,0,0,0.2);}
.easy_pay_con .card_ok>div { position: relative; width: 300px; height: 190px; border-radius: 10px; overflow: hidden; margin: 0 auto 40px; background-size: 100%;}
.easy_pay_con .card_ok>div::before { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: "";}
.easy_pay_con .card_ok>div .close_btn {position: absolute; top: 10px; right: 10px; width: 40px; height: 40px; background-image: url(../image/icon_pop_close01.png); background-size: 100%; background-repeat: no-repeat; transform:rotate(0deg); transition:all 0.3s  ease-in-out; -webkit-transition:all 0.3s ease -in-out;}
.easy_pay_con .card_ok>div .close_btn:hover { transform:rotate(90deg);}
.easy_pay_con .card_ok>div h2, .easy_pay_con .card_ok>div p { position: absolute; left: 20px; font-size: 16px; line-height: 20px; color: #FFF; font-weight: 400;}
.easy_pay_con .card_ok>div h2 { bottom: 45px;}
.easy_pay_con .card_ok>div p { bottom: 20px;}
.easy_pay_con .card_ok .btn { width: 300px;}
.easy_pay_con .card_no a {position: relative; display: block; width: 300px; height: 190px; border-radius: 10px; overflow: hidden; margin: 0 auto; background-color: #F4F4F4; border: 1px solid #DDD; font-size: 18px; line-height: 30px; font-weight: 500; color: #222; padding-top: 55px; }
.easy_pay_con .card_no a:hover { border-color: #004687; color: #004687;}
.easy_pay_con .card_no a::before {position: absolute; left: 50%; top: 95px; transform: translateX(-50%); width: 40px; height: 40px; background-color: #004687; font-size: 30px; line-height: 40px; color: #FFF; border-radius: 50%;  content: "+";}

.easy_pay_input { text-align: center;}
.easy_pay_input .easy_pay_info { padding: 40px; border-radius: 10px; margin-bottom: 30px;}
.easy_pay_input .easy_pay_info p { margin-bottom: 5px;}
.easy_pay_input .easy_pay_con { margin-bottom: 50px;}
.easy_pay_input .easy_pay_con .select { width: 300px;}
.easy_pay_input .easy_pay_con .card_ok>div { margin-bottom: 30px;}

@media only screen and (max-width:1024px) {
	.easy_pay_con .card_ok>div { width: 290px; height: 184px; margin: 0 auto 30px; }
	.easy_pay_con .card_ok .btn { width: 290px;}
	.easy_pay_con .card_no a {width: 290px; height: 184px; padding-top: 50px; }

	.easy_pay_input .easy_pay_info { padding: 20px;}
	.easy_pay_input .easy_pay_con { margin-bottom: 40px;}
	.easy_pay_input .easy_pay_con .select { width: 290px;}
	.easy_pay_input .easy_pay_con .card_ok>div { margin-bottom: 20px;}
}

/*무이자할부 팝업 추가*/
.card_info_pop img { width: 600px;}

@media only screen and (max-width:1024px) {
	.card_info_pop img { width: 100%;}
}

/*주문총액 추가*/
.cart_total_pay { display: none;}

@media only screen and (max-width:1024px) {
	.cart_total_pay { display: block; border: 1px solid #DDD; border-radius: 10px; padding: 20px; margin-bottom: 30px;}
	.cart_total_pay>ul { width: 100%; overflow: hidden; padding-bottom: 10px; border-bottom: 1px solid #DDD; margin-bottom: 10px;}
	.cart_total_pay>ul>li { float: left; line-height: 25px;}
	.cart_total_pay>ul>li:nth-child(1n) { width: 32%; font-size: 13px; color: #666; text-align: left;}
	.cart_total_pay>ul>li:nth-child(2n) { width: 68%;  font-size: 13px; color: #222; text-align: right;}
	.cart_total_pay>ul>li:nth-child(2n)>span { font-size:17px; font-weight: 700; margin-right: 5px; }
	.cart_total_pay .total_pay { position: relative; width: 100%; padding-left: 90px; line-height: 40px; }
	.cart_total_pay .total_pay>span { position: absolute; left: 0px; bottom: 0px; font-size:15px; line-height: 40px; color: #666; }
	.cart_total_pay .total_pay>h2 { font-size: 14px; line-height: 20px; color: #222; text-align: right;}
	.cart_total_pay .total_pay>p { font-size:15px; color: #222; text-align: right; font-weight: 500; }
	.cart_total_pay .total_pay>p>span {font-size:24px; font-weight: 700; margin-right: 5px; }
}

/*ISMS인증팝업 추가241002*/
.isms_pop img { width: 500px;}
@media only screen and (max-width:1024px) {
	.isms_pop img { width: 100%;}
}

/*웨이팅페이지 추가 241016*/
.error_box.waiting img { width: 150px; margin-bottom: 50px;}
.error_box.waiting>div { text-align: center;}

@media only screen and (max-width:1024px) {
	.error_box.waiting img  { width: 110px; margin-bottom: 30px;}
}