@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;-webkit-tap-highlight-color: rgba(0,0,0,0);word-break: break-all;}
body,h1,h2,h3,h4,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:'arial','Roboto','Droid Sans','Helvetica','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif;color:#463c5a;}
body {-webkit-text-size-adjust:none}
button{-webkit-appearance: none;border: none;outline: none;background:transparent;}
img,fieldset,iframe{border:0 none}
iframe{display:block;}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
dl,ul,ol,menu,li {list-style:none}
input,select,button{vertical-align:middle;outline: none}
table{border-collapse:collapse;border-spacing:0}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#463c5a;text-decoration:none;word-break: break-all;text-decoration: none}
a:active{color:#463c5a;text-decoration: none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
legend,caption,.blind{overflow:hidden;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px}
::-webkit-scrollbar{/* height: 0; */width:0;}
u {text-decoration:none;}

/* form */
input[type='text'],input[type='date'], input[type='password'],input[type='tel'],input[type='email'],input[type='number']{position: relative;box-sizing:border-box;height: 46px;padding:6px 10px 5px;border:1px solid #ccc;border-radius: 0px;font-size:13px;color:#000;line-height:17px;-webkit-appearance:none;}
input[type="checkbox"],input[type="checkbox"]:checked,input[type="radio"],input[type="radio"]:checked{overflow:hidden;display:inline-block;width:20px;height:20px;border:none;border-radius:0;background-color:transparent;background-image:url(//img.x1.co.kr/x1/mobile/images/renew/sp_ico.png);background-repeat:no-repeat;background-size:105px 220px;text-indent:-9999px;vertical-align:top;-webkit-appearance:none;}
input[type="checkbox"]:checked{background-position:-50px -17px}
input[type="checkbox"]{background-position:-28px -17px}
input[type="checkbox"] + label{display:inline-block;margin-left:3px;line-height:20px;font-size:13px}
input[type="radio"]:checked{background-position:-22px -39px}
input[type="radio"]{background-position:0 -39px}
input[type="radio"] + label{display:inline-block;margin-left:3px;color:#463c5a;font-size:14px;line-height:20px;letter-spacing:-1.2px}
.rdo_wrap{padding:15px 0px}
.rdo_wrap:after{content:'';display:block;clear:both}
.rdo_wrap .rdo_box{float:left;width:32%; padding:10px 0 }/*패딩추가 190715*/
.rdo_wrap .rdo_box:last-child{width:36%;}

select {overflow: hidden;position: relative;width: 100%;text-align:left;-webkit-appearance: none;text-indent: 12px;height: 35px;border: 1px solid #bbb;font-size: 13px;color:#000;background-color:#f4f4f4;position:relative;-webkit-border-radius: 0px;border-radius: 0px;}
select:after{content:"";display:block;width: 11px;height:7px;position:absolute;right:10px;top:50%;margin-top:-3px; background-image: url(//img.x1.co.kr/x1/mobile/images/renew/sp_header.png); background-repeat: no-repeat;background-size:100px 50px;background-position:-129px 0; vertical-align: middle;}
.sel_box{display:block;position:relative;z-index:1}
.sel_box:after{content:'';position:absolute;right:0;top:1px;z-index:-1;width:30px;height:28px;background-image:url(//img.x1.co.kr/x1/mobile/images/renew/select_arrow.jpg);background-repeat:no-repeat;background-position:0 8px;background-size:30px 28px}
.sel_box select{width:100%;height: 46px;padding-left:10px;border:1px solid #ccc;background:transparent;color:#463c5a;-webkit-appearance:none;-moz-appearance: none;appearance:none;text-indent:0;box-sizing:border-box;}
textarea{width:100%;border:1px solid #463c5a;padding:8px 10px;box-sizing:border-box}

::-webkit-input-placeholder {color: #aaa;letter-spacing: 0px;text-indent:0}
::-moz-placeholder {color: #aaa;letter-spacing: 0px;text-indent:0}
:-ms-input-placeholder {color: #aaa;letter-spacing: 0px;text-indent:0}
:-moz-placeholder {color: #aaa;letter-spacing: 0px;text-indent:0}
placeholder {color: #aaa;letter-spacing: 0px;text-indent:0}

/* blind */
.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}

/* sp */
.sp_header,.sp_header_b:before,.sp_header_a:after{display:inline-block;overflow:hidden;background-image:url(//img.x1.co.kr/x1/mobile/images/renew/sp_header.png);background-repeat:no-repeat;text-indent:-9999px;vertical-align:top;background-size:75px 50px}
.sp_main,.sp_main_b:before,.sp_main_a:after{display:inline-block;overflow:hidden;background-image:url(//img.x1.co.kr/x1/mobile/images/renew/sp_main.png);background-repeat:no-repeat;text-indent:-9999px;vertical-align:top;background-size:52px 33px}
.sp_ico,.sp_ico_b:before,.sp_ico_a:after{display:inline-block;overflow:hidden;background-image:url(//img.x1.co.kr/x1/mobile/images/renew/sp_ico.png);background-repeat:no-repeat;text-indent:-9999px;vertical-align:top;background-size:105px 220px}
.sp_menu,.sp_menu_b:before,.sp_menu_a:after{display:inline-block;overflow:hidden;background-image: url(//img.x1.co.kr/x1/mobile/images/renew/sp_menu_ico4.png);background-repeat:no-repeat;text-indent:-9999px;vertical-align:top;background-size: 143px 114px;}

/* header */
header{position: relative;width: 100%;height: 50px;top:0;left:0;border-bottom: 1px solid #adadad;overflow: hidden;z-index: 99;background: #fff;}
header h1 a{position: absolute;left: 42px;top: 15px;width: 65px;height: 21px;background-position:0 0 }
header .btn_nav{display:inline-block;float: left;width: 44px;height: 50px;}
header .btn_nav:before{content:'';width: 17px;height: 14px;position: absolute;left: 15px;top: 17px;background-position: 0 -25px;}
header .gnb_util{float: right;padding:15px 15px 0 0;}
header .gnb_util a{margin-left: 12px;font-size:13px;color: #463c5a;font-weight:bold}
header .gnb_util .login_naver:before{content:'';width: 10px;height: 10px;background-position: -25px -25px; vertical-align: baseline;margin-right: 3px;}

/* footer */
/* footer{border-top: 10px solid #f0f0f0;background: #463c5a;text-align: center;}
footer ul{overflow: hidden;background: #fff;}
footer ul li{float: left;width: 25%;text-align: center;}
footer ul li:nth-child(2){width: 50%;}
footer ul li a{font-size: 14px;color: #463c5a;line-height: 40px;font-weight:bold;}
footer address{position: relative;padding: 2rem 0 1.5rem;color: #fff;font-size: 4.2vw;line-height: 2;letter-spacing: -1px;}
footer address a{color: #fff;}
footer p{color: #fff;font-size: 3vw;padding: 1rem 0 3rem 0;} */

/* footer 211101 */
footer {position:relative;background: #f2f4f4;}
footer > ul{overflow: hidden;background: #fff;}
footer > ul li{float: left;width: 25%;text-align: center;}
footer > ul li:nth-child(2){width: 50%;}
footer > ul li a{font-size: 14px;color: #463c5a;line-height: 40px;font-weight:bold;}
footer .footer_info {position:relative;padding: 8vw 0 5vw;font-size: 3.2vw;color: #6a6a6a;line-height:1.77;letter-spacing: -0.05em;text-align:center;}
footer .footer_info a {color: inherit;}
footer .txt_guide {line-height:1.6;font-weight: bold;/* background: #f4f4f4; */color: #7b7b7b;letter-spacing: -0.09em;}
footer .quick_menu {display:flex;margin-top: 5vw;justify-content:center;flex-wrap:wrap;}
footer .quick_menu li {position:relative;padding: 0 2vw;}
footer .quick_menu li:before {position:absolute;top:50%;left:0;display:block;content:'';width:1px;height:1rem;margin-top:-.5rem;background:#666}
footer .quick_menu li:first-child:before,
footer .quick_menu li:nth-child(5):before {display:none}
footer .quick_menu li a {font-size: 3.4vw;color: #6a6a6a;font-weight: normal;}
footer .emoney_add{margin: 3vw 0;}
footer .emoney_add .bar {display:inline-block;content:'';width:1px;height: 3vw;margin:-.25rem .667rem 0;background:#666;vertical-align:middle;text-indent:-99999px;}
footer .address .bar {display:inline-block;content:'';width:1px;height: 3vw;margin:-.25rem .667rem 0;background:#666;vertical-align:middle;text-indent:-99999px;}
footer .copy {margin: 5vw 0 0;color: #6a6a6a;}

/* layout */
.container .contents{padding-bottom: 20px;}
.contents.pb0{padding-bottom: 0 !important;}
.sub_container{background: #fff;}

/* page header */
.page_header{position:relative;border-bottom:10px solid #f0f0f0;background: #fff;}
.page_header.line_none{border-bottom:none}
.page_header .title{position:relative;font-size:15px;font-weight:bold;color:#463c5a;line-height:40px;text-align:center;letter-spacing:-1.0px}
.page_header .btn_back{position:absolute;left:0;top:0;width:38px;height:40px;}
.page_header .btn_back span{position:absolute;left:19px;top:13px;width:8px;height:15px;background-position:-10px -17px;}
.page_header .pro_link{position:relative;letter-spacing:-1.0px}
.page_header .pro_link:after{content:'';position:absolute;right:-19px;top:0;width:15px;height:14px;background-position:-20px 0}
.page_header .star{top:50%;margin-top:-7px}

/* 즐겨찾기 */
.star{position:absolute;right:15px;width:15px;height:14px;background-position: -57px 0}
.star.active{background-position: -40px 0}