 @charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
/* sub01_01 BRAND */
.brand .img-box {margin-bottom:60px;}
.brand .txt {margin-bottom:50px;}
.brand .txt h3 {font-size:24px; color:#b70007; line-height:1.2em; font-weight:500; margin-bottom:12px; font-family:'MaruBuri';}
.brand .txt p {color:#505050;}
.brand .txt li {color:#2c2c2c; font-size:18px; line-height:1.6em;}
.brand .ci-box {display:flex; margin:0 -20px;}
.brand .ci-box .ci {width:50%; padding:0 20px;}
.brand .ci-box .ci p {margin-bottom:8px;}
.brand .color-box {display:flex; align-items:center;}
.brand .color-box .color00 {margin-right:40px; width:120px; line-height:120px; text-align:center; color:#fff; font-size:14px;}
.brand .color-box .color01 {background:#b70007;}
.brand .color-box .color02 {background:#ffd400;}
.brand .color-box .color03 {background:#1b7679;}
.brand .color-box .color04 {background:#3F43AD;}
.brand .color-box .tt {font-size:20px; line-height:1.3em; color:#2c2c2c;}
/* sub02_02 GIFT */
.gift .img-box {margin-bottom:60px;}
.gift .img-box ul {display:flex; margin:0 -10px;}
.gift .img-box ul li {padding:0 10px;}
.gift .txt li {display:flex; margin-bottom:50px;}
.gift .txt .tt1 {width:280px; padding-left:20px; position:relative; font-size:20px; font-weight:500; color:#2c2c2c; line-height:1.3em;}
.gift .txt .tt1:before {content:''; width:3px; height:20px; background:#000; position:absolute; top:0px; left:0;}
.gift .txt .tt2 {flex:1 1 auto; width:1%; font-size:16px; line-height:1.5em; color:#505050;}
.gift .txt .tt2 strong {font-weight:500;}
/* sub05_01 Wish Moonjar */
.wish .box {margin-bottom:60px;}
.wish .img-box {margin-bottom:26px;}
.wish .box h3 {font-size:24px; color:#b70007; line-height:1.2em; font-weight:500; margin-bottom:12px;}
.wish .box p {color:#505050;}
.wish .box p strong {font-weight:500;}
.wish .wishform {margin-bottom:80px;}
/* sub06_02 Information */
.information .maps {margin-bottom:60px;}
.information .root_daum_roughmap {width:100% !important; height:420px !important;}
.information .root_daum_roughmap .wrap_map {height:420px !important;}
.information .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.information .roughmap_lebel_text:after {content:"문잘"; font-size:12px; line-height:15px;}
.information .wrap {display:flex;}
.information .wrap .box01 {width:33.3333333%;}
.information .wrap .box02 {width:66.6666666%;}
.information .box .tit {font-size:20px; line-height:1.4em; color:#2c2c2c; margin-bottom:34px; padding-bottom:20px; position:relative; font-family:'MaruBuri';}
.information .box .tit:after {content:''; width:20px; height:3px; position:absolute; left:0; bottom:0;}
.information .box01 .tit:after {background:#b70007;}
.information .box02 .tit:after {background:#ffd400;}
.information .box h3 {font-size:30px; line-height:1.2em; color:#2c2c2c; font-weight:500; margin-bottom:20px; font-family:'MaruBuri';}
.information .box p {color:#505050;}
.information .box01 p {font-size:18px; line-height:1.5em;}
.information .box02 p {font-size:26px; line-height:1.3em;}
.information .inner {display:flex;}
.information .inner .tt {width:33.333333%;}
/* sub02_03 TIMELESS PROJECT */
.timeless .cnt01 {margin-bottom:100px;}
.timeless .cnt01 ul {display:flex; flex-wrap:wrap; margin:0 -10px -20px; justify-content:center;}
.timeless .cnt01 ul li {width:100%; max-width:305px; padding:0 10px; margin-bottom:20px;}
.timeless .cnt01 ul li p {font-size:15px; line-height:1.8em; color:#868380;}
.timeless .cnt02 .col {display:flex;}
.timeless .cnt02 .tit {width:320px; position:relative; padding-left:20px;}
.timeless .cnt02 .tit:before {content:''; width:3px; height:20px; background:#2c2c2c; position:absolute; left:0; top:3px;}
.timeless .cnt02 .txt {flex:1 1 auto; width:1%;}
.timeless .cnt02 .tit h3 {font-size:18px; font-weight:600; color:#2c2c2c; line-height:1.5em;}
.timeless .cnt02 .tit h3 strong {font-weight:700; font-size:24px; font-family:'MaruBuri';}
.timeless .cnt02 ul {margin-bottom:40px;}
.timeless .cnt02 ul li {font-size:16px; line-height:2em; }
.timeless .cnt02 ul li strong {font-weight:600; color:#b70007;}
.timeless .cnt02 .txt p {font-size:16px; color:#505050;}


.inquiry {margin-top:50px;}
.inquiry .box {text-align:center;}
.inquiry .box .tit {font-size:20px; line-height:1.4em; color:#2c2c2c; margin-bottom:34px; padding-bottom:20px; position:relative; font-family:'MaruBuri';}
.inquiry .box .tit:after {content:''; width:20px; height:3px; position:absolute; left:50%; margin-left:-10px; bottom:0; background:#ffd400;}
.inquiry .box h3 {font-size:30px; line-height:1.2em; color:#2c2c2c; font-weight:500; margin-bottom:20px; font-family:'MaruBuri';}
.inquiry .box p {color:#505050; font-size:18px; line-height:1.5em;}
.inquiry .inner {display:flex;}
.inquiry .inner .tt {width:33.333333%;}