@charset "utf-8";
@import url('layout_base.css');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");

/* reset element */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, div, summary,
time, mark, audio, video {
	margin:0; padding:0;
}
h1, h2, h3, h4, h5, h6 {font-weight:normal; font-size:inherit;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, 
menu, nav, div {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}

/* align, border, input */
img, fieldset, a {border:none;}
img {vertical-align:middle;}
table, thead, tbody, tfoot {border-collapse:collapse; border-spacing:0; border:0 none;}
ul, ol, li {list-style:none;}
address, em {font-style:normal;}
input, select, textarea, button, form img, label {vertical-align:middle;}
button, input[type="submit"] {cursor:pointer;}
/* input:focus, button:focus, select:focus, textarea:focus {outline:0;} */
button::-moz-focus-inner {border:0 none; padding:0;}

/* anchor */
a {text-decoration:none;}
a:link {color:#0d1741;}
a:visited {color:#0d1741;}
a:hover {color:#0d1741; text-decoration:none;}
a:focus {color:#0d1741;}

*, ::after, ::before {box-sizing:initial;}

/* common */
* {-webkit-text-size-adjust:none; text-shadow:0 0 0 transparent;}
html, body {/* height:100%; */}
body {font-family:'Pretendard'; font-style:normal; font-weight:400; font-size:16px; letter-spacing:-1px; color:#000; white-space:normal; word-wrap:break-word; -webkit-tap-highlight-color:rgba(0,0,0,0);}
input, select, textarea {box-sizing:border-box; border-radius:0; padding:0; font-size:16px; font-family:'Pretendard'; font-style:normal; font-weight:400; color:#000; letter-spacing:-1px; -webkit-appearance:none; vertical-align:middle;}
p {line-height:1.4;}
.dp_none {display:none;}
.hidden, legend {font-size:0; width:0 !important; height:0 !important; line-height:0; text-indent:-9999px; overflow:hidden; position:absolute; top:0; left:0;}
caption {font-size:0; width:0; height:0; line-height:0; text-indent:-9999px; overflow:hidden;}/* wac 인증심사 받을 경우 visibility:hidden하지 말것. */
.hide{display:block; position:fixed;top:-9999999999999999999px; width:0; height:0;}
.clear:after {content:''; display:block; clear:both;}

/* radio button design */
.radio_area {padding-top:28px; text-align:center; border-top:2px dashed #d1d1d1;}
.radio_box {position:relative; display:inline-block; width:150px; height:24px;}
.radio_box input[type="radio"] {position:absolute; top:0; left:0; margin:0; width:24px; height:24px;}
.radio_box label {display:block; position:absolute; top:0; left:0; width:auto; height:24px; padding-left:34px; padding-top:5px; background:url('../img/bg_radio_off.png') no-repeat 0 0; cursor:pointer;}
.radio_box input[type="radio"]:checked+label {background:url('../img/bg_radio_on.png') no-repeat;}

/* input placeholder design */
input:-ms-input-placeholder {color:#310e0e; font-weight:400;}
input::-webkit-input-placeholder {color:#727272; font-weight:400;}
input::-moz-placeholder {color:#727272; font-weight:400;}
textarea:-ms-input-placeholder {color:#727272; font-weight:400;}
textarea::-webkit-input-placeholder {color:#727272; font-weight:400;}
textarea::-moz-placeholder {color:#727272; font-weight:400;}


/* input_style */
input[type=text] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:52px; padding:0 20px; border:none; line-height:52px; border-radius:8px; font-size:1rem;}
input[type=password] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:52px; padding:0 20px; border:none; line-height:52px; border-radius:8px; font-size:1rem;}
input[type=tel] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:52px; padding:0 20px; border:none; line-height:52px; border-radius:8px; font-size:1rem;}
input[type=number] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:52px; padding:0 20px; border:none; line-height:52px; border-radius:8px; font-size:1rem;}
input[type=email] {-webkit-appearance:none; box-sizing:border-box; width:100%; height:52px; padding:0 20px; border:none; line-height:52px; border-radius:8px; font-size:1rem;}
textarea {width:100%; -webkit-appearance:none; box-sizing:border-box; padding:20px; border:1px solid #e4e4e4; border-radius:8px; font-size:1rem;}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 파이어폭스에서의 초기화 방법 */
input[type=number] {
    -moz-appearance: textfield;
}

/* button-style */
button {height:34px; border:none; line-height:34px; text-align:center; box-sizing:border-box;}
.btn_area {text-align:center; font-size:0;}
.btn_area a {display:inline-block; min-width:130px; height:50px; margin-left:10px; padding:0 20px; text-align:center; font-size:18px; line-height:50px; box-sizing:border-box;}
.btn_area > a:first-child {margin-left:0;}

.btn_sty01 {width:241px; height:60px !important; line-height:60px !important; background:#fff; border:1px solid #b6b6b6; border-radius:11px; font-size:1.125rem !important; color:#353535 !important;}
.btn_sty02 {width:241px; height:60px !important; line-height:60px !important; background:#0d1741; border-radius:11px; font-size:1.125rem !important; font-weight:600; color:#fff !important; box-shadow:rgba(25,45,130, 0.35) 0px 5px 15px;}
.btn_sty04 {width:241px; height:60px !important; line-height:60px !important; background:#0d1741; border-radius:11px; font-size:1.125rem !important; font-weight:600; color:#fff !important; box-shadow:rgba(25,45,130, 0.35) 0px 5px 15px;}

/* 레이어 팝업 */
.pop_wrap {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:1400; display:none;}
.common_pop {position:absolute;top:30%;left:50%; width:350px; margin-left:-175px; border:1px solid #a2a2a2; background:#fff; box-sizing:border-box;}
.pop_con {width:100%; padding:22px 30px 30px 30px; border-top:6px solid #e61e25; box-sizing:border-box;}
.btn_closePop a {position:absolute;top:25px;right:30px; width:30px; height:30px; background:url('../img/btn_close_b.png') no-repeat; background-size:cover; text-indent:-9999px;}

.common_pop.full {position:absolute;top:0;left:0; width:100%; height:100%; background:#d57400;}
.common_pop.full .pop_con {padding-top:0;}
.common_pop.full .pop_con img {width:100%;}


/* 접근성 패널 */
ul#skipnavi {position:fixed; left:0px; top:0px; width:100%; z-index:9999; line-height:0; font-size:0;}
ul#skipnavi li a {position:absolute; top:-500px; text-indent:-9999px; line-height:1; font-size:12px;}
ul#skipnavi li a:hover, 
ul#skipnavi li a:focus, 
ul#skipnavi li a:active {display:block; position:absolute;left:0px;top:0px; width:100%; height:20px; padding:4px 0 0 0; background:#f2f2f2; font-size:12px; font-weight:bold; text-align:center; text-indent:0px; line-height:1; z-index:1000;}


/* header */
#header {}
#header .head {display:flex; align-items:center; position:relative; width:1200px; height:100px; margin:0 auto;}
.logo {width:197px; height:34px;}
.logo a {display:inline-block; width:197px; height:34px; background:url('../img/logo.png') no-repeat 0 0 / contain;  text-indent:-9999px;}

#gnb {box-sizing:border-box; display:inline-flex; height:100%; margin:0 auto; padding-top:9px;}
#gnb li {height:100%; padding:0 41px;}
#gnb li a {display:flex; align-items:center; height:100%; font-size:1.25rem;}
#gnb li.on a,
#gnb li a:hover {font-weight:700; color:#0d1741;}

.logo_firstpay {width:100px; height:43px;}
.logo_firstpay a {display:inline-block; width:100%; height:100%; background:url('../img/logo_firstpay.png') no-repeat 0 0 / contain; text-indent:-9999px;}

/* 공통 */
#container {position:relative; box-sizing:border-box; background:#f7f8fa;}
.con_wrap {width:1200px; margin:0 auto; padding:58px 0 47px;}
.web {display:block;}
.mob {display:none;}
.txt_alt {position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0;}

.page_title {padding:60px 0; text-align:center; background-image:linear-gradient(90deg, #6b7e93 50% ,#494e5f 80%); color:#fff;}
.page_title .title {padding-bottom:19px; font-size:3rem; font-weight:700;}
.page_title .info {font-size:1.125rem; font-weight:300;}

/* footer */
.foot_con {position:relative; width:1200px; margin:0 auto; padding:30px 0;}
.foot_con .company {font-size:1rem; font-weight:600;}
.foot_con .addr {font-size:0.875rem; color:#666;}
.foot_con .addr span:before {content:""; display:inline-block; width:1px; height:14px; margin:0 17px; background:#ccc; vertical-align:middle;}
.foot_con .addr span.etc02:before {display:none;}
.foot_con .copy {font-size:0.75rem; color:#666;}

.f_logo {position:absolute; right:0; top:51px; width:168px; height:36px;}
.f_logo a {display:inline-block; width:100%; height:100%; background:url('../img/f_logo.png') no-repeat 0 0 / contain; text-indent:-9999px;}

/* 결제내역조회 */
.info_tit {padding-bottom:17px; font-size:1.5rem; font-weight:700;}

.info_list {margin-bottom:30px;}
.info_list li {padding-top:10px; font-size:1rem; color:#666;}
.info_list li:first-child {padding-top:0;}

.white_box {padding:39px 0; background:#fff; border:1px solid #ebeef2; border-radius:10px;}

.white_box.white_box02 {margin-bottom:70px;}
.pay_list {display:flex; padding:0 40px; justify-content:space-between; flex-wrap:wrap;}
.pay_list > li {position:relative; width:calc(50% - 20px); margin-top:40px;}
.pay_list > li:first-child,
.pay_list > li:nth-child(2) {margin-top:0;}
.pay_list > li > label {display:block; padding-bottom:20px; font-weight:600; font-size:1.125rem;}
.pay_list > li > div {position:relative; width:100%; border:1px solid #e4e4e4; background:#f7f8fa; border-radius:8px;}
.pay_list > li > div input {background:#f7f8fa; font-size:1.125rem; font-weight:600; color:#0d1741;}
.pay_list > li > div input:focus {background:#fff;}
.pay_list > li > div .won {position:absolute; right:20px; top:18px; font-size:1rem;}

.pay_list li > div.card_num_box {display:flex; background:none; border:none;}
.card_num_box input {margin-left:10px; text-align:center; background:#f7f8fa; border:1px solid #e4e4e4; border-radius:8px;}
.card_num_box input:first-child {margin-left:0;}

.pay_list > li .info_date {position:absolute; right:0; top:0; padding-left:25px; background:url('../img/ico_mark01.png') no-repeat 0 center / contain; font-size:0.875rem; color:#666;}
.pay_list li > div.date_area {display:flex; border:none; background:none;}
.date_box {border:1px solid #e4e4e4; background:#f7f8fa; border-radius:8px;}
.date_box input {width:calc(100% - 58px);background:none; margin-right:20px;}
.pay_list li > div.date_area .wave {padding:20px 15px 0;}

.select_box_area {position:relative;}
.select_box {box-sizing:border-box; position:relative; width:100%; height:52px; line-height:52px; margin:0 auto; padding:0 20px; cursor: pointer; background:none; border-radius:8px;}
.select_box.open {border-bottom:none; border-bottom-right-radius:0; border-bottom-left-radius:0;}
.select_box::after {content:""; position:absolute; right:18px; top:50%; display:inline-block; width:8px; height:7px; background:url('../img/ico_sel_down.png') no-repeat 0 0 / contain;}
.select_box_dropDown::after {content:""; position:absolute; right:18px; top:20px; display:inline-block; width:8px; height:7px; background:url('../img/ico_sel_up.png') no-repeat 0 0 / contain;}
.select_box_dropDown {display:none; position:absolute; top:0; left:0; width:100%; height:308px; overflow-y:auto; background:#fff; border:1px solid #192d82; border-radius:8px; z-index:100;}
.select_box_dropDown::-webkit-scrollbar {width:6px;}
.select_box_dropDown::-webkit-scrollbar-track {width:6px; background-color:#e0e0e0; border-radius:100px;} 
.select_box_dropDown::-webkit-scrollbar-thumb {background-color:#9f9f9f; border-radius:100px;}
.select_box_dropDown li:last-child {padding-bottom:0;}
.select_box_dropDown li a {box-sizing:border-box; display:block; line-height:41px; padding:0 15px; font-size:16px; color:#333; cursor:pointer;}
.select_box_dropDown li a:hover {background: #eef1fc;}
.select_box_dropDown li a:focus,
.select_box_dropDown li a.selected {background: #eef1fc;}

.white_box.white_box03 {padding:39px 0 27px;}
.agree_box {padding:0 40px 35px; line-height:1.4; font-size:1rem;}
.btn_area.btn_area02 {padding:30px 0 70px;}
.btn_area.btn_area02 > a {margin-left:20px;}
.btn_area.btn_area02 > a:first-child {margin-left:0;}

.total_result {margin-bottom:20px; padding-left:30px; font-size:1.25rem; background:url('../img/ico_total.png') no-repeat 0 center;}
.total_result span {font-weight:700; color:#0d1741;}

.tbl_wrap {width:100%; border:1px solid #d8dbe8; border-radius:11px; }
.tbl_sty01 {width:100%; border-collapse:collapse; border-style: hidden;}
.tbl_sty01 th {padding:20px 0; background:#e8ebf7; border-left:1px solid #d8dbe8; border-bottom:1px solid #d8dbe8; font-size:1rem; font-weight:600;}
.tbl_sty01 th:last-child {border-top-right-radius:11px;}
.tbl_sty01 th:first-child {border-top-left-radius:11px; border-left:none;}
.tbl_sty01 td {padding:20px 0; background:#fff; border-left:1px solid #d8dbe8; border-bottom:1px solid #d8dbe8; font-size:1rem;}
.tbl_sty01 tr:last-child td:first-child {border-bottom-left-radius:11px; border-left:none;}
.tbl_sty01 tr:last-child td:last-child {border-bottom-right-radius:11px; }

.no_result {text-align:center; padding:20px 0;}
.no_result .ic {display:block; width:50px; height:50px; margin:0 auto 20px; background:url('../img/ico_mark02.png') no-repeat 0 0 / contain;}

/* datepicker */
.ui-widget.ui-widget-content {padding:30px; border:1px solid #0d1741; border-radius:8px; font-family:'Pretendard';}
.ui-widget-header { border:none !important; background:none !important; } 
.ui-datepicker-calendar>thead>tr>th { font-size: 14px !important; } 
.ui-datepicker .ui-datepicker-header { position: relative; padding: 10px 0 !important; } 

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { text-align: center; border:none !important; background:none !important;} 

.ui-datepicker .ui-datepicker-title { margin: 0 0em; line-height: 16px; text-align: center; font-size: 18px; padding: 0px; font-weight: 600; } 
.ui-datepicker { display: none; background-color: #fff; border-radius: 4px; margin-top: 10px; margin-left: 0px; margin-right: 0px; padding: 20px; padding-bottom: 10px; width: 300px; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.1); } 
.ui-widget.ui-widget-content { border: 1px solid #eee; } 

#datepicker:focus>.ui-datepicker { display: block; } 

.ui-datepicker-prev,
.ui-datepicker-next { width:13px !important; height:21px !important; cursor: pointer; } 
.ui-datepicker-next { float: right; } 

.ui-state-disabled { cursor: auto; color: hsla(0, 0%, 80%, 1); } 
.ui-datepicker-title { text-align: center; padding: 10px; font-weight: 100; font-size: 20px; } 
.ui-datepicker-calendar { width: 100%; } 
.ui-datepicker-calendar>thead>tr>th { padding: 5px; font-size: 20px; font-weight: 400; } 
.ui-datepicker-calendar>tbody>tr>td>a { color: #000; font-size: 14px !important; font-weight: 400 !important; text-decoration: none;}
.ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover { cursor: auto; background-color: #fff; } 
.ui-datepicker-calendar>tbody>tr>td { border-radius: 100%; width: 44px; height: 30px; cursor: pointer; padding: 5px; font-weight: 100; text-align: center; font-size: 12px; } 
.ui-datepicker-calendar>tbody>tr>td:hover { background-color: transparent; opacity: 0.6; } 

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus { border: 0px solid #cccccc; background-color: transparent; font-weight: normal; color: #2b2b2b; } 
 
.ui-icon {width:13px !important; height:21px !important;}
.ui-widget-header .ui-datepicker-prev .ui-icon {background:url('../img/ico_cal_prev.png') no-repeat 0 0;}
.ui-widget-header .ui-datepicker-next .ui-icon {background:url('../img/ico_cal_next.png') no-repeat 0 0;}


.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: none !important;
	background: none !important;
}

.ui-datepicker-calendar>tbody>tr>td:first-child a,
.ui-datepicker-calendar>thead>tr>th:first-child { color: #e83619 !important; }
.ui-datepicker-calendar>tbody>tr>td:last-child a,
.ui-datepicker-calendar>thead>tr>th:last-child { color: #2d91ff !important; } 


.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width:auto !important; padding:5px; border:none !important;}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {box-sizing:border-box; width:28px; height:28px; line-height:25px; border-radius:100%; background:#0d1741 !important; color:#fff !important;}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {margin-top:0 !important;}

/*인터넷 결제데모 - 결제요청 */
.demo_list {width:890px; margin:0 auto;}
.demo_list li {box-sizing:border-box; float:left; width:200px; height:200px; margin-left:30px;}
.demo_list li:first-child {margin-left:0;}
.demo_list li button {width:100%; height:100%; line-height:1.4; padding-top:100px; border-radius:20px; font-family:'Pretendard'; font-size:1.125rem; font-weight:500; color:#4c4e5a; box-shadow:rgba(0,0,0, 0.05) 0px 5px 15px;}
.demo_list li.on button,
.demo_list li button:hover {border:2px solid #0d1741; box-shadow:rgba(25,45,130, 0.25) 0px 5px 15px; font-weight:700;}

.demo_list li:nth-child(1) button {background:#fff url('../img/ico_demo01.png') no-repeat center top;}
.demo_list li:nth-child(2) button {background:#fff url('../img/ico_demo02.png') no-repeat center top;}
.demo_list li:nth-child(3) button {background:#fff url('../img/ico_demo03.png') no-repeat center top;}
.demo_list li:nth-child(4) button {background:#fff url('../img/ico_demo04.png') no-repeat center top;}

.demo_box {margin:70px 0 40px; padding:33px 0; text-align:center; background:#e8ebf0; border:1px solid #d4d7dd; border-radius:11px; font-size:0;}
.demo_box span {position:relative; display:inline-block; width:141px; height:57px; line-height:57px; background:#fff; font-size:1.125rem; font-weight:500; color:#666; border-radius:57px;}
.demo_box span.on {background:#0d1741; font-weight:700; color:#fff;}
.demo_box span:nth-child(2) {margin-left:72px;}
.demo_box span:nth-child(2):before {content:""; position:absolute; left:-42px; top:17px; display:block; width:12px; height:21px; background:url('../img/ico_arrow.png') no-repeat 0 0;}

.txt_demo {margin-top:32px; font-size:1rem;}
.txt_demo .ic {display:inline-block; width:16px; height:16px; margin-right:10px; background:url('../img/ico_mark01.png') no-repeat 0 0; vertical-align:-2px;}

.pay_list03.pay_list03 {}
.pay_list03.pay_list03 > li:last-child > div {background:none; border:none;}
.pay_list03.pay_list03 > li > div .radio_area02 {margin-top:14px;}

.btn_area.btn_area04 {margin:30px 0;}

.demo_info_list {display:flex; border:1px solid #d4d7dd; border-radius:11px;}
.demo_info_list dt {box-sizing:border-box; width:178px; padding:38px 0; text-align:center; background:#e8ebf0; border-top-left-radius:11px; border-bottom-left-radius:11px; font-size:1rem; font-weight:600; color:#3e3e3e;}
.demo_info_list dt .ic {display:block; width:43px; height:43px; margin:0 auto 14px; background:url('../img/ico_mark03.png') no-repeat 0 0;}
.demo_info_list dd {box-sizing:border-box; width:calc(100% - 178px); padding:28px; border-left:1px solid #d4d7dd;}
.demo_info_list dd ol {}
.demo_info_list dd ol li {line-height:1.4; font-size:1rem; color:#666;}

/*인터넷 결제데모 - 결제완료 */
.tbl_wrap03 {width:100%; border:1px solid #d8dbe8; border-radius:11px; margin:30px 0;}
.tbl_sty03 {width:100%; border-collapse:collapse; border-style: hidden;} 
.tbl_sty03 th {width:20%; padding:20px 30px; text-align:left; background:#e8ebf7; border-right:1px solid #d8dbe8; border-bottom:1px solid #d8dbe8; font-size:1rem; font-weight:600}
.tbl_sty03 tr:first-child th {border-top-left-radius:11px;}
.tbl_sty03 tr:first-child td {border-top-right-radius:11px;}
.tbl_sty03 td {width:80%; padding:20px 30px; background:#fff; border-bottom:1px solid #d8dbe8; font-size:1rem;}
.tbl_sty03 tr:last-child th {border-bottom-left-radius:11px;}
.tbl_sty03 tr:last-child td {border-bottom-right-radius:11px; }

/* 응답코드 조회 */
.pay_list.pay_list02 {justify-content: flex-end;}
.pay_list.pay_list02 > li:first-child {margin-right:40px;}

.btn_area.btn_area03 {margin:30px 0 70px;}

@media all and (max-width:320px) {
}

@media only screen and (max-width : 399px) and (min-width: 360px) {
}

@media only screen and (max-width : 359px) {
}

@media all and (max-width:768px) {
	body, input[type=text], input[type=password], input[type=tel], input[type=number], input[type=email], textarea, select {font-size:0.875rem;}
	input[type=text], input[type=password], input[type=tel], input[type=number], input[type=email], textarea {height:40px; line-height:40px; padding:0 10px;}
	
	/* button-style */
	.btn_sty01 {width:calc(50% - 7px); height:50px !important; line-height:50px !important; border:1px solid #8f8f8f; border-radius:6px; font-size:0.875rem !important; color:#666 !important;}
	.btn_sty02 {width:calc(50% - 7px); height:50px !important; line-height:50px !important; border-radius:6px; font-size:0.875rem !important;}
	.btn_sty03 {box-sizing:border-box; display:block; width:100%; height:40px; line-height:40px; margin-top:20px; text-align:center; border:1px solid #666; background:#fff; border-radius:6px; font-size:0.875rem; color:#000;}
	.btn_sty03 .ic {display:inline-block; width:12px; height:12px; margin-right:7px; background:url('../img/ico_check.png') no-repeat 0 0 / contain; vertical-align:-2px;}
	.btn_sty04 {width:100%; height:50px !important; line-height:50px !important; border-radius:6px; font-size:0.875rem !important;}

	/* radio button design */
	.radio_area {padding-top:20px;}
	.radio_box {width:120px; height:20px;}
	.radio_box input[type="radio"] {width:20px; height:20px;}
	.radio_box label {height:20px; padding-left:25px; padding-top:3px; background:url('../img/bg_radio_off.png') no-repeat 0 0 / 20px;}
	.radio_box input[type="radio"]:checked+label {background:url('../img/bg_radio_on.png') no-repeat 0 0 / 20px;}

	/* 레이어 팝업 */ 
	.pop_wrap {}
	.common_pop {top:80px;left:30px; width:calc(100% - 60px);}
	.pop_con {padding:20PX 25px 25px 25px; border-top:6px solid #e61e25;}
	.btn_closePop a {position:absolute;top:25px;right:30px; width:20px; height:20px;}


	/* header */
	#header .head {display:block; width:100%; height:auto; border-bottom:1px solid #d5d5d5;}
	.logo {width:115px; height:20px; margin:21px 0 14px 14px; padding-bottom:7px;}
	.logo a {background:url('../img/logo_m.png') no-repeat 0 0 / contain;}
	
	#gnb {display:flex; padding:20px 0 20px; box-shadow:inset 0 5px 20px 0 rgba(27, 43, 63, 0.1);}
	#gnb li {width:calc(100% / 3); padding:0 15px; text-align:center;}
	#gnb li a {display:block; font-size:0.9375rem;}
	
	.logo_firstpay {position:absolute; left:215px; top:0; width:76px; height:26px;}
	.logo_firstpay a {background:url('../img/logo_firstpay_m.png') no-repeat right 0 / contain;}
	.logo_firstpay:before {position:absolute; left:0; top:0; content:""; display:inline-block; width:1px; height:26px; background:rgba(0,0,0,0.21); margin-right:14px; }
	
	/* 공통 */
	#container {position:relative;}
	.con_wrap {width:100%; padding:25px 20px; box-sizing:border-box;}
	.web {display:none;}
    .mob {display:block;}
    .mob img {width:100%;}

	.page_title {padding:24px 0;}
	.page_title .title {padding-bottom:14px; font-size:1.6875rem;}
	.page_title .info {font-size:0.875rem;}

	/* footer */
	.foot_con {box-sizing:border-box; width:100%; padding:84px 20px 15px;}
	.foot_con .company {font-size:0.8125rem;}
	.foot_con .addr {font-size:0.75rem;}
	.foot_con .addr span:before {height:12px; margin:0 12px;}
	.foot_con .addr span.etc01:before {display:none;}
	.foot_con .addr span.etc02:before {display:inline-block;}
	.foot_con .addr span.etc03 {display:block;}
	.foot_con .addr span.etc03:before {display:none;}
	.foot_con .copy {font-size:0.75rem;}

	.f_logo {position:absolute; left:20px; top:36px; width:127px; height:28px;}
	.f_logo a {background:url('../img/f_logo_m.png') no-repeat 0 0 / contain;}

	/* 결제내역조회 */
	.info_tit {padding-bottom:15px; font-size:1.125rem;}

	.info_list {margin-bottom:20px;}
	.info_list li {line-height:1.3; padding-left:8px; text-indent:-8px; word-break:keep-all; font-size:0.8125rem;}

	.white_box {padding:19px 0; border-radius:6px;}

	.white_box.white_box02 {margin-bottom:40px;}
	.pay_list {display:block; padding:0 20px;}
	.pay_list > li {width:100%;}
	.pay_list > li:nth-child(2) {margin-top:40px;}
	.pay_list > li label {padding-bottom:12px; font-size:1rem;}
	.pay_list > li > div {width:100%; border-radius:6px;}
	.pay_list > li > div input {font-size:0.8125rem;}
	.pay_list > li > div .won {right:15px; top:15px; font-size:0.8125rem;}

	.card_num_box input {border-radius:6px;}

	.pay_list > li .info_date {background:url('../img/ico_mark01.png') no-repeat 0 center / contain; font-size:0.875rem;}
	.date_box {border-radius:6px;}
	.date_box input {width:calc(100% - 38px); margin-right:10px;}
	.pay_list li > div.date_area .wave {padding:15px 15px 0;}

	.select_box {height:40px; line-height:40px; padding:0 20px; border-radius:6px;}
	.select_box_dropDown {border-radius:6px;}
	.select_box_dropDown::-webkit-scrollbar {width:3px;}
	.select_box_dropDown::-webkit-scrollbar-track {width:3px;} 
	.select_box_dropDown li a {line-height:40px; padding:0 15px; font-size:0.8125rem;}

	.white_box.white_box03 {padding:19px 0 20px;}
	.agree_box {padding:0 20px 17px; word-break:keep-all; font-size:0.875rem;}
	.btn_area.btn_area02 {padding:20px 0 30px;}
	.btn_area.btn_area02 > a {margin-left:14px;}

	.total_result {margin-bottom:15px; padding-left:19px; font-size:0.9375rem; background:url('../img/ico_total.png') no-repeat 0 center / 14px;}

	.tbl_wrap {border:1px solid #ebeef2; border-radius:6px; }
	.tbl_sty01 th {display:none;}
	.tbl_sty01 td {padding:10px 0; background:#fff; font-size:0.875rem;}
	.tbl_sty01 tr:first-child td:first-child {border-top-left-radius:6px;}
	.tbl_sty01 tr:first-child td:last-child {border-top-right-radius:6px;}
	.tbl_sty01 tr:last-child td:first-child {border-bottom-left-radius:6px;}
	.tbl_sty01 tr:last-child td:last-child {border-bottom-right-radius:6px;}

	.no_result {padding:10px 0; font-size:0.875rem;}
	.no_result .ic {width:33px; height:33px; margin:0 auto 12px;}

	/* 모바일 영수증 목록 */
	.check_list_box {margin-top:20px;}
	.check_list {margin-top:20px; padding:19px 20px; border-radius:6px; border:1px solid #ebeef2; background:#fff;}
	.check_list:first-child {margin-top:0;}
	.check_list dt {padding-bottom:12px; border-bottom:1px solid #ebeef2; font-size:1rem; font-weight:700; color:#000;}
	.check_list dd {padding-top:19px; font-size:0;}
	.check_list dd span {box-sizing:border-box; display:inline-block; width:50%; font-size:0.875rem; color:#666;}
	.check_list dd span + span {text-align:right; color:#000;}

	/*인터넷 결제데모 - 결제요청 */
	.demo_list {width:100%;}
	.demo_list li {width:calc(50% - 10px); height:158px; margin-left:20px;}
	.demo_list li:nth-child(odd) {margin-left:0;}
	.demo_list li:nth-child(3),
	.demo_list li:nth-child(4) {margin-top:15px;}
	.demo_list li button {padding-top:90px; border-radius:7px; font-size:1rem; font-weight:500;}

	.demo_list li:nth-child(1) button {background:#fff url('../img/ico_demo01_m.png') no-repeat center top / 74px 103px;}
	.demo_list li:nth-child(2) button {background:#fff url('../img/ico_demo02_m.png') no-repeat center top / 47px 103px;}
	.demo_list li:nth-child(3) button {background:#fff url('../img/ico_demo03_m.png') no-repeat center top / 66px 103px;}
	.demo_list li:nth-child(4) button {background:#fff url('../img/ico_demo04_m.png') no-repeat center top / 68px 103px;}

	.demo_box {margin:40px 0 30px; padding:25px 0 22px; border-radius:6px;}
	.demo_box span {width:90px; height:35px; line-height:35px; font-size:0.875rem; border-radius:35px;}
	.demo_box span:nth-child(2) {margin-left:45px;}
	.demo_box span:nth-child(2):before {left:-26px; top:13px; width:6px; height:11px; background-size:contain;}

	.txt_demo {margin-top:15px; font-size:0.75rem;}
	.txt_demo .ic {width:12px; height:12px; margin-right:4px; background-size:contain;}

	.pay_list03.pay_list03 > li > div .radio_area02 {margin-top:0;}
	.pay_list03.pay_list03 > li > div .radio_area02 .radio_box {width:140px;}

	.btn_area.btn_area04 {margin:20px 0 25px;}

	.demo_info_list {display:block; border-radius:6px;}
	.demo_info_list dt {width:100%; padding:9px 13px; text-align:left; border-top-left-radius:6px; border-top-right-radius:6px; border-bottom-left-radius:0; font-size:0.8125rem;}
	.demo_info_list dt .ic {display:inline-block; width:22px; height:22px; margin:0 9px 0 0; background-size:contain; vertical-align:-7px;}
	.demo_info_list dd {width:100%; padding:20px; border-top:1px solid #d4d7dd; border-left:none;}
	.demo_info_list dd ol li {padding-left:12px; text-indent:-12px; word-break:keep-all; font-size:0.8125rem;}

	/*인터넷 결제데모 - 결제완료 */
	.tbl_wrap03 {border-radius:6px; margin:30px 0;}
	.tbl_sty03 th {width:30%; padding:14px 15px; font-size:0.8125rem;}
	.tbl_sty03 tr:first-child th {border-top-left-radius:6px;}
	.tbl_sty03 tr:first-child td {border-top-right-radius:6px;}
	.tbl_sty03 td {width:70%; padding:14px 15px; font-size:0.8125rem;}
	.tbl_sty03 tr:last-child th {border-bottom-left-radius:6px;}
	.tbl_sty03 tr:last-child td {border-bottom-right-radius:6px; }

	/* 응답코드 조회 */
	.pay_list.pay_list02 > li:first-child {margin-right:0;}

	.btn_area.btn_area03 {margin:20px 0 38px;}

	.tbl_wrap02 {width:100%; border:1px solid #d8dbe8; border-radius:6px; margin-top:20px;}
	.tbl_sty02 {width:100%; border-collapse:collapse; border-style: hidden;} 
	.tbl_sty02 th {padding:14px 15px; text-align:left; background:#e8ebf7; border-right:1px solid #d8dbe8; border-bottom:1px solid #d8dbe8; font-size:0.875rem; font-weight:600}
	.tbl_sty02 tr:first-child th {border-top-left-radius:6px;}
	.tbl_sty02 tr:first-child td {border-top-right-radius:6px;}
	.tbl_sty02 td {padding:14px 15px; background:#fff; border-bottom:1px solid #d8dbe8; font-size:0.875rem;}
	.tbl_sty02 tr:last-child th {border-bottom-left-radius:6px;}
	.tbl_sty02 tr:last-child td {border-bottom-right-radius:6px; } 

}

@media all and (max-width:575px) {

}