/*     1574154 : 한줄 텍스트      */
<!--공통css-->

/* reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  color: #1f1a17;
  line-height: 1.7;
  letter-spacing: -0.02em;

}

a{text-decoration:none;color:inherit}
button{border:0;background:none;font:inherit;cursor:pointer}

.inner{width:100%;max-width:1440px;margin:0 auto;}
.section{padding:130px 0}
.eyebrow{display:inline-block;margin-bottom:14px;color:#9b7a4d;font-size:20px;font-weight:800;letter-spacing:.18em}
.section-head{margin-bottom:54px;text-align:center}
.section-head h2{font-size:45px;line-height:1.2;font-weight:500;letter-spacing:-.05em;word-break:keep-all}

.img-box{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(0,0,0,.03)),linear-gradient(45deg,#e8e1d8,#d8cec2)}


@media(max-width:768px){
  .inner{padding:0 20px}
  .section{padding:80px 0}
  .section-head h2{font-size:34px}
}

<!-- 상단 -->

.sub-hero--signature{position:relative;overflow:hidden;padding:60px 0 0;}

.sub-hero__inner{position:relative;z-index:2;text-align:center;max-width:none;padding:0; margin-top:60px;}

.sub-hero__copy{position:relative;z-index:3;max-width:1440px;margin:0 auto;}

.sub-hero__copy .eyebrow{margin-bottom:24px;color:#9b7a4d;font-size:20px;font-weight:500;letter-spacing:.08em;font-family:"Cormorant Garamond",serif;}

.sub-hero__copy h1{color:#3f3935;font-size:72px;line-height:1;font-weight:400;letter-spacing:-.06em;font-family:"Cormorant Garamond",serif;}

.sub-hero__copy p{margin-top:40px;color:#5e534a;font-size:20px;line-height:1.7;font-weight:400;word-break:keep-all;}

.sub-hero__visual{position:relative;margin-top:-140px;height:350px;width:100%;overflow:hidden;background:none;}

.sub-hero__visual:before{content:"";position:absolute;inset:0;background:url('/img_up/shop_pds/japain11/build/option/bg1779068559177914988022112.jpg') no-repeat center/cover;transform:scale(1.08);transition:transform 4.8s ease;}

.sub-hero__visual:after{content:"";position:absolute;left:0;top:0;width:100%;height:180px;background:linear-gradient(to bottom,rgba(251,248,244,1) 0%,rgba(251,248,244,.88) 28%,rgba(251,248,244,.45) 62%,rgba(251,248,244,0) 100%);z-index:2;pointer-events:none;}

.sub-hero__visual.is-zoom-out:before{transform:scale(1);}

.signature-bg{display:none;}

@media(max-width:1200px){
.sub-hero__inner {margin-top:10px;}
.sub-hero__copy h1{font-size:6.5vw;}
.sub-hero__copy p{font-size:3vw;}
.sub-hero__visual{height:620px;}
}

@media(max-width:768px){

.sub-hero--signature{padding:30px 0 0;}

.sub-hero__copy{padding:0 20px;}

.sub-hero__copy .eyebrow{font-size:15px;}

.sub-hero__copy h1{line-height:1.06;}

.sub-hero__copy p{margin-top:28px;font-size:17px;}

.sub-hero__visual{margin-top:-100px;height:150px;width:100%;}

.sub-hero__visual:before{transform:scale(1.05);}

.sub-hero__visual:after{height:110px;}
}

/*     1574164 : 한줄 텍스트      */
table {padding:0; border-spacing:0px; border:0;}
body table, select, textarea, input, p, li {font:14px;line-height:21px;}
img, textarea, input {margin:0;color:#333;vertical-align:middle;}
select {color:#333;vertical-align:middle; padding-right:1px; padding-right:2px \0/IE8 !important; padding-left:2px \0/IE8 !important;}
table{width:100%;border-spacing:0; table-layout:fixed;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
legend, hr { position:absolute; top:0; left:-10000000000px;}
legend, hr, caption { position:absolute; top:0; left:-10000000000px;text-indent:-10000000px; line-height:0}
ul,ol {list-style:none;}
fieldset,img {border:0 none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%;}
address,em {font-style: normal;}
button{position:relative;margin:0;padding:0;border:none;background:#fff;cursor:pointer;vertical-align:middle;font-size:14px; font-family:'Nanum Gothic',Dotum,'돋움',sans-serif;}
.clear {clear:both;height:0;line-height:0;font-size:0;}
.hidden_phrase {overflow:hidden;position:absolute;top:-10000px;left:-1000000000px;font-size:0;line-height:0}

a{color:#333;text-decoration:none;}         
a:active, a:hover{text-decoration:none;}
/*a:hover{color:#164e7e;} /* 오버시 : 블루색(#164e7e) , 선택시 : 주황색(#ff7200) */
A:link    {text-decoration:none;}
A:visited {text-decoration:none;}
A:active  {text-decoration:none;}
A:hover  {text-decoration:none;}

strong {font-weight:700;}

/***** Tab *****/
ul {    padding-inline-start: 0px;}
.wrap { overflow: hidden; margin:0 auto; padding:0px; clear:none; width:100%; }

.tab_group { position:relative; width:100%; border:1px solid #d4dde6; border-left:0; border-right:0; overflow:hidden; }
.tab_group li { float:left; width:25%; border-left:1px solid #d4dde6; box-sizing:border-box; }
.tab_group li:last-child { border-right:1px solid #d4dde6; }

.tab_menu { display:block; background:#fafcfe; line-height:48px; text-align:center; font-size:16px; color:#666; font-weight:700; cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;}
.tab_menu_hover { background-color:#307cdf; }
.tab_menu_select { background:#307cdf; color:#fff;}

.content_wrap { clear:both; margin:30px 0 50px; }
.table_wrap { overflow:hidden; }
.table_wrap .inner { overflow-x:scroll; white-space:nowrap }

/***** table *****/
.table_default { width:100%; border-top:3px solid #0e66b6; }
.table_default { border-left:1px solid #d7d7d7; table-layout:inherit;}
.table_default thead th { background:#f4f6f6; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; height:30px; padding:5px 0;  }
.table_default tbody th { background:#f4f6f6; font-size:14px; }
.table_default tbody th, 
.table_default tbody td { padding:10px 0; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.table_default tbody td { padding:10px; background:#fff; text-align:center; word-break:break-all; }

/***** table *****/
.table_default2 { width:100%; border-top:2px solid #1665BC; }
.table_default2 { border-left:1px solid #d7d7d7; table-layout:inherit;}
.table_default2 thead th { border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; height:40px; background:#f4f6f6 url(../images/renew_bl_subtitle.png) no-repeat 10px 50%; font-size:14px; padding:0 0 0 30px; text-align:left;}
.table_default2 tbody th { border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; height:40px; background:#f4f6f6 url(../images/renew_bl_subtitle.png) no-repeat 10px 50%; font-size:14px; padding:0 0 0 30px; text-align:left;}
.table_default2 tbody td { padding:20px 30px ; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; }
.table_default2 tbody td { background:#fff; text-align:left; word-break:break-all; }

/***** paging *****/
.paging { width:520px; margin:auto; margin-top:30px; margin-bottom:30px; text-align:center; }
.paging td { width:29px; height:29px; text-align:center; }
.paging a { display:inline-block; width:27px; height:27px; line-height:27px; border:1px solid #d7d7d7; border-radius:3px; font-size:13px; vertical-align:middle; }
.paging a:hover { background:#f8f8f8; }
.paging a.on { border-color:#1665bc; background:#1665bc; font-weight:700; color:#fff; }
.paging .btn_all { overflow:hidden; display:inline-block; width:29px; height:29px; margin-right:0; padding:0; border:0; }
.paging .btn_all:hover img { margin-top:-29px; }
.paging .btn_pre {display:inline-block; width:29px; height:29px; padding:0; border:0; background:url(../images/btn_pager_prv.gif) no-repeat 0 0; background-size:100%; font-size:0; line-height:0; text-indent:-10000%;}
.paging .btn_pre:hover {background:url(../images/btn_pager_prv.gif) no-repeat 0 -29px;}
.paging .btn_next {display:inline-block; width:29px; height:29px; padding:0; border:0; background:url(../images/btn_pager_nxt.gif) no-repeat 0 0; background-size:100%; font-size:0; line-height:0; text-indent:-10000%;}
.paging .btn_next:hover {background:url(../images/btn_pager_nxt.gif) no-repeat 0 -29px;}
.paging img {width:100%;}


/***** Button *****/
button { border:none; cursor:pointer; border-radius:3px;
    display:inline-block; vertical-align:middle!important;
    width:200px; height:35px; line-height:30px; box-sizing:border-box;
    font-size:14px; font-weight:bold; color:#fff; }
.btn_center { text-align:center!important; margin-top:30px; }
.btn_more { background-color:#1665BC; }


/***** Form Setting *****/
select { height:30px; display:inline-block; border:1px solid #d4dde6; padding:1px 50px 2px 5px;
    background:#fff url('../images/arr_select.png') no-repeat 100% 50%; box-sizing:border-box;
    -webkit-appearance:none; -moz-appearance:none; appearance:none; }
select::-ms-expand { display:none; }

input[type="radio"] { margin-left:5px !important; vertical-align:middle; height:20px; }
input[type="radio"] :first-child {margin-left:0;}
input[type="radio"] + label { margin-left:5px; vertical-align:middle; }

/***** Radio Box *****/
.radio_box { width:100%; padding:7px 20px 10px 20px; margin-bottom:30px; border:1px solid #d4dde6; background:#fafcfe; overflow:hidden; }
.radio_box li { float:left; width:25%; height:30px; line-height:30px; box-sizing:border-box; }
.radio_box li:last-child { border-right:1px solid #d4dde6; }

.table_wrap p {text-align:right; margin:0 0 10px 0;}
.table_wrap p input{height:34px; padding: 0px 10px ; border:1px solid #b8c4cc; width:200px;}
.table_wrap p span a{display:inline-block; padding:0px 20px; border-radius:2px;  color:#fff; font-size:15px; fon-weight:bold; vertical-align:middle; line-height:36px; height:36px; box-sizing:border-box;}
.table_wrap p span a{display:inline-block; color:#fff; font-size:15px; background:#4c4c4c; font-weight:bold; vertical-align:middle; box-sizing:border-box;}
.table_wrap p span a:hover{background:#2e78ca;}

select.location{float:left; position:relative; top:36px; height:36px; width:200px;}
select.location2{height:36px; width:150px;}

.tit_square01{margin:25px 0 12px; padding: 0 0 0 20px; background: url(/img_up/shop_pds/japain11/build/option/renew_bl_title1744771497176696928311783306483.png) no-repeat 0 3px; font-size:24px; line-height:30px; color:#333;}

@media (min-width: 1024px) {
.table_wrap .inner { overflow-x:hidden; }
}

