@charset "utf-8";
/* CSS Document */

* { box-sizing:border-box; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, blockquote, th, td, textfield, select{
	margin:0;
	padding:0;
	}
select::-ms-expand { display:none; }
.y-scroll::-webkit-scrollbar { width:10px; height:10px; }
.y-scroll::-webkit-scrollbar-track { background-color: transparent; }
.y-scroll::-webkit-scrollbar-thumb { border-radius:5px; background-color:#ddd; }
.y-scroll::-webkit-scrollbar-button { width:0; height:0; }
.y-scroll { overflow-y:scroll; scrollbar-width: thin; scrollbar-height: thin; scrollbar-color: #ddd transparent; }
.ar-table { font-family:'Pretendard',sans-serif; font-size:13px; }
.mypage_wrap { background:#f5f6f8 !important; }
.mypage_wrap .my_wrap { position:relative; padding-bottom:80px; }
.mypage_wrap .my_wrap:after { content:''; clear:both; display:block; }
.my_container { padding-bottom:50px; }
.my_wrap .my_container { padding-top:10px !important;}
.commonbox-wrap { background:#fff; border:#ddd solid 1px; border-radius:20px; }
/*.commonbox-wrap:hover { box-shadow:0 2px 5px rgba(0,0,0,.2);}
.commonbox-wrap-none:hover { box-shadow:none; }*/

.rowbox-wrap { position:relative; font-family:'Pretendard',sans-serif; font-size:13px; }
.rowbox-wrap:after { display:block; content:''; clear:both; }
.rowbox-wrap h3 { margin:0; padding:18px; font-size:16px; }

.my_nav02 { position:relative; margin-top:-90px; z-index:5; }
.common-mp-lfbox { position:relative; overflow:hidden; }
.common-mp-lfbox:after { display:block; content:''; clear:both; }
/**/
.mp-blue { color:#0037ff; }
.blue_text {color:#0080ff !important;}
.state-tag { display:inline-block; vertical-align:text-bottom; margin-left:4px; font-size:11px; line-height:18px; padding:0 6px; border-radius:10px;}
.state-tag.gray { color:#9299b5; border:#b4b8cb solid 1px; }
.state-tag.red { color:#ff2f00; border:#ff8f76 solid 1px; }
.state-tag.blue { color:#2c54ff; border:#7791ff solid 1px; }
.state-tag.cyan { color:#11a7ff; border:#71cdff solid 1px; }
.qna_no {color:#fc554c;}
.blue_text2 { color:#3c5ee5; }
.cyan_text { color:#11a7ff; }
.gray_text { color:#a3aebf; }

.mc-btn { display:inline-block; width:46px; text-align:center; line-height:24px; font-size:11px; font-family:'Pretendard',sans-serif; border-radius:2px; font-weight:500; letter-spacing:-.05em; cursor:pointer; }
.mc-btn-on { background:#fee9e9; color:#ef2c31; }
.mc-btn-on:hover { text-decoration:underline; } 
.mc-btn-off { background:#ebecef; color:#525f78; }

.tri-blue { position:relative; padding-left:9px; }
.tri-blue:before { content:""; display:block; top:50%; left:0; transform:translate(0,-50%); width:0; height:0; border-top:4px solid transparent; border-bottom:4px solid transparent; border-left:4px solid #829eff; position:absolute; }

h2.mp-new-tit { position:relative; margin:20px 0 20px 5px; padding-left:22px; background:url(/img/title-dot.svg) no-repeat left center; font-size:20px; font-weight:600; letter-spacing:0; }
.tit-more { display:inline-block; position:relative; padding-left:19px; font-size:17px; }
.tit-more:after { content:''; display:inline-block; position:absolute; top:50%; left:0; transform:translate(0,-50%); width:15px; height:15px; }
.tit-more a { display:inline-block; position:absolute; top:50%; right:-20px; transform:translate(0,-50%); width:16px; height:16px; background:url(/img/tit-dot-more.svg?21) no-repeat; background-size:16px 16px; cursor:pointer; }

/*1:1문의*/
.sosTab { width:100%; }
.sosTab ul { width:100%; position:relative; height:48px; background:#fff; border:#ddd solid 1px; border-radius:24px; }
.sosTab ul:after { content:''; display:block; clear:both; }
.sosTab ul li { float:left; width:50%; position:relative; height:48px; text-align:left; font-size:15px; line-height:48px; color:#999; z-index:2; letter-spacing:-.03em; transition:color 0.5s; z-index: 1; }
.sosTab ul li a { position:relative; display:block; width:100%; }
.sosTab ul li a:after { position:absolute; content:''; top:50%; right:25px; width:20px; height:20px; transform:translate(0,-50%); background:url(/img/tit-dot-down.svg?1) no-repeat; }
.sosTab ul li a em { margin:0 30px; }
.sosTab li.on:before { position:absolute; content:''; top:-4px; left:0; width:100%; height:56px; background:linear-gradient(to right, #7595ff, #577dff); z-index:3; border-radius:24px 6px; box-shadow:0 4px 12px rgba(46,101,255,.4); }
.sosTab li.on a { position:relative; z-index:5; font-weight:600; color:#fff; font-size:17px; padding:0; }
.sosTab li:hover a { text-decoration:underline; }
.sosTab li.on a { position:relative; z-index:5; }
.sosTab ul li.on a:after { background:url(/img/tit-dot-down2.svg) no-repeat; }
.sosTab2 ul li { width:33.33%; }
.sosTab2 ul li:after { position:absolute; content:''; width:1px; height:46px; top:0; left:0; background:#f0f0f0; z-index:-1; }
.sosTab2 ul li:nth-child(1):after { width:0; }

.sosTab3.sosTab ul li { width:25%; font-size:14px; line-height:46px; }
.sosTab3.sosTab ul li a em { margin:0 24px; }
.sosTab3.sosTab ul li:after { position:absolute; content:''; width:1px; height:46px; top:0; left:0; background:#f0f0f0; z-index:-1; }
.sosTab3.sosTab ul li:nth-child(1):after { width:0; }
.sosTab3.sosTab li.on:before { top:-3px;height:52px; }
.sosTab3.sosTab li.on a { font-size:15px; }

/*안내박스*/
.helpbox { margin-top:2%; padding:25px 22px; }
.helpbox div { position:relative; }
.helpbox div h5 { position:absolute; padding:0 0 0 20px; top:0; left:20px; left:0; margin:0; font-size:20px; font-weight:bold; background:url(/img/tit-dot-excl.svg) no-repeat left 2px; letter-spacing:-.03em; }
.helpbox div ul { padding-left:110px; }
.helpbox div ul li { position:relative; margin-top:10px; padding-left:17px; background:url(/img/helpbox-dot.svg) no-repeat left 2px; font-size:14px; }
.helpbox div ul li:nth-child(1) { margin-top:0; }
.helpbox div ul li em { font-weight:500; color:#0037ff; }

/*버튼*/
.btn-two, .btn-one { padding:20px 0 40px 0; text-align:center; }
.btn-one a { width:40%; }
.btn-one a, .btn-two a { display:inline-block; width:30%; line-height:48px; text-align:center; font-size:15px; font-weight:500; border-radius:6px; }
.btn-two a.return { background:#fff; border:#6c7c9b solid 1px; color:#384766; }
.btn-one a, .btn-two a.send { background:#6c7c9b; color:#fff; }
.btn-two { padding:20px 0 40px 0; text-align:center; }
.btn-two a { display:inline-block; width:30%; line-height:48px; text-align:center; font-size:15px; font-weight:500; border-radius:6px; }
.btn-two a.return { background:#fff; border:#6c7c9b solid 1px; color:#384766; }
.btn-two a.send { background:#6c7c9b; color:#fff; }
.ckli label em { display:inline-block; vertical-align:middle; }
/*라디오,체크박스*/
.ckbox label { height:20px; display:inline-block; position:relative; vertical-align:middle; cursor:pointer; font-size:13px; }
.ckbox label .mbradio02 { display:inline-block; position:relative; width:20px; height:20px; margin-right:2px; border:1px solid #aaa; border-radius:3px; vertical-align:middle; background:#fff; }
.ckbox label em { display:inline-block; vertical-align:middle; }
.ckbox label em.ptsans { margin-left:3px; }
.ckbox label input:checked+.mbradio02 { background:#405ae5; border:#405ae5 solid 1px; }
.ckbox label input:checked+.mbradio02:after { position:absolute; top:50%;left:50%; width:12px;height:12px;margin:-6px 0 0 -6px;background:url(/img/ckbox-img.svg) no-repeat;content:"";}
.ckbox label input, .ckbox label:disabled input { position: absolute; top: 0; left: 0; z-index: -1; width: 1px; height: 1px; opacity: 0.01; }
.ckbox label input:disabled+.mbradio02 { border:1px solid #ccc; background:#f5f5f5; }
.agree-pop-btn { display:inline-block; background:#f0f0f0; padding:0 6px; line-height:20px; margin:0 0 0 5px; border-radius:3px; font-size:11px; color:#111;}

/*기본테이블*/
h5.write-table-tit { font-size:16px; font-weight:600; margin:0 0 15px 0; padding:0; }
.ar-table th { background:#eff5ff; border-top:#ccd4e3 solid 1px; border-bottom:none; font-weight:600; }
.write-table { margin:0 0 30px 0; font-size:13px; border-top:#cdd3dd solid 1px; }
.write-table, .write-table input, .write-table textarea, .write-table select { font-family:'Pretendard', sans-serif; font-size:13px; }
.write-table th { background:#f2f7ff; padding:0 12px;text-align:left; font-weight:500; border-bottom:#e0e7f3 solid 1px; color:#000; }
.write-table td { padding:15px;  border-bottom:#eee solid 1px;  }
.write-table input, .write-table textarea, .write-table select, p.txtarea { background:#f3f5fa;border:#d8ddea solid 1px; border-radius:5px; }
.write-table input, .write-table textarea, p.txtarea { padding:10px; }
.write-table textarea { width:100%; resize:none; }
.write-table select { margin:0; padding:10px 35px 10px 8px; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; background-repeat:no-repeat; background-position:right 4px center; background-size:15px 11px; font-size:12px; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
p.txtarea { margin:0; font-size:12px; height:60px; overflow-y:scroll; color:#888; }

.input-file { color:#565A90; }
.input-file::file-selector-button { padding:0 15px; border:none; border-radius:3px; color:#fff; background:#a1a3b3; border:none; height:30px; cursor:pointer;transition: all .25s ease-in;font-family:'Pretendard', sans-serif; }
.input-file::file-selector-button:hover { background:#81828b; transition:all .25s ease-in; }
span.filebox { }
span.filebox input { padding:6px !important;font-size:12px; }
input[type=file] { width:32.5%; margin-right:.5%; font-size:12px;}

/*리스트_공지_테이블*/
.noticebox table { font-family:'Pretendard', sans-serif; font-size:13px; }
.noticebox table th, .noticebox table td { position:relative; }
.noticebox table th { background:#eff5ff; padding:8px 0; font-weight:600; }
.noticebox table.list-tb th:after, .noticebox table.list-tb td:after { position:absolute; content:''; width:1px; height:12px; top:50%; left:0; transform:translate(0, -50%); }
.noticebox table th:after { background:#d0daee; }
.noticebox table td:after { background:#eee; }
.noticebox table th:nth-child(1):after, .noticebox table td:nth-child(1):after { width:0; }
.noticebox table.list-tb td { padding:15px 0; border-bottom:#e0e0e0 solid 1px; }

/**/
.shipping-list-sel { float:right; }
.shipping-list-sel select { margin:0; padding:10px 35px 10px 8px; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; background-repeat:no-repeat; background-position:right 4px center; background-size:15px 11px; border:#d2d9df solid 1px; border-radius:6px; font-size:12px; color:#555;-webkit-appearance:none; -moz-appearance:none; appearance:none; box-sizing:border-box; box-shadow:0 1px 3px rgba(0,0,0,.1); }

/*상단 공통 검색창*/
.ext_sch_box { padding:0 0 15px 0; text-align:center; }
.sch_box_keyw { display:inline-block; }
.sch_box_keyw span { display:inline-block; vertical-align:middle; height:42px; }
.sch_box_keyw input, .sch_box_keyw a { height:100%; border-radius:6px; }
.sch_box_keyw input { width:250px; padding:0 10px; border:0; color:#555; font-size:14px; font-weight:500; outline:0; background:#f3f5fa; border:#d8ddea solid 1px; }
.sch_box_keyw input::placeholder { font-size:13px; color:#989eb6; font-family:'Pretendard',sans-serif; }
.sch_box_keyw a { display:block; background:#6c7c9b; width:46px; line-height:42px; color:#fff; }

/*공통 경고박스*/
.warning-box { padding:15px; background:#fff4f4; color:#d9212d; border-radius:6px;font-family:'Pretendard',sans-serif; font-weight:500; }

/*변동안내 페이지 상단 브랜드탭*/
.chp-tab, .chp-tab * { box-sizing:border-box; }
.chp-tab { padding:20px; }
.chp-brd-tab { width:100%; margin:0 auto; padding:0; }
.chp-brd-tab, .chp-brd-tab *, .changePrice, .changePrice * { box-sizing:border-box; }
.brd-tab-icon:after {content:''; display:block; clear:both;}
.brd-tab-icon li { float:left; width:20%;position:relative; z-index:10;}
.brd-tab-icon li:nth-child(5n+1) { clear:both; }
.brd-tab-icon li:nth-child(5n+1) a { border-left:1px solid #e6e8e9; }
.brd-tab-icon li:nth-child(-n+5) a { border-top:1px solid #e6e8e9; }
.brd-tab-icon li a { position:relative; display:block; border-bottom:1px solid #e6e8e9; border-right:1px solid #e6e8e9; text-align:center; display:block; line-height:42px; font-size:14px; font-family:'Pretendard', sans-serif; letter-spacing:-0.05em;z-index:1; }
.brd-tab-icon li a span { position:relative; color:#555; z-index:1;  }
.brd-tab-icon li a:before { position:absolute; content:''; width:101%; height:100%; top:0; left:0; }
.brd-tab-icon li a:hover:before, .brd-tab-icon li a:active:before, .brd-tab-icon li a:focus:before, .brd-tab-icon li a.on:before { background:#4b5778; z-index:3; transition:all .2s ease; }
.brd-tab-icon li a:hover span, .brd-tab-icon li a:active span, .brd-tab-icon li a:focus span, .brd-tab-icon li a.on span { color:#fff; transition: all .2s ease; z-index:5; }