@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.source{font-family:'Source Serif Pro', serif !important;}
.brown{color: #3b1900 !important;}

#sub .story .sec0 .fp-tableCell,
#sub .story .sec1 .fp-tableCell,
#sub .story .sec2 .fp-tableCell{padding-bottom:30px;}

#sub .inden .sec0 .fp-tableCell{padding-bottom:185px;}
#sub .inden .sec1 .fp-tableCell{padding-bottom:150px;}
#sub .inden .sec2 .fp-tableCell{padding-bottom:110px;}

.story .section .con{display:flex;align-items:flex-start;}
.story .section .con .tt-wrap{background-color: #3b1900;color: #fff;padding:60px;min-width:0;width:1%;flex:1 1 auto;}
.story .section .con .tt-wrap .tit{font-weight:600;font-size: 35px;line-height:1.2em;margin-bottom:5px;}
.story .section .con .tt-wrap .top-tt{font-size:20px;font-weight:500;line-height:1.5em;margin-bottom:25px;}
.story .section .con .tt-wrap .wrap p{line-height:1.625em;margin-bottom:25px;}
.story .section .con .tt-wrap .wrap p:last-child{margin-bottom:0;}
.story .section .con .img{min-width:0;width:1%;flex:1 1 auto;}
.story .sec0 .con .tt-wrap{margin-top:40px;}
.story .sec1 .con .tt-wrap{margin-top:60px;}
.story .sec1 .con .tt-wrap .top-tt span{font-size:25px;border-bottom:1px solid #fff;}

.inden .section .bg-con{background:url('../images/sub/iden_img1.jpg')no-repeat 50% 50%/cover;padding:160px 50px 35px;margin-bottom:25px;}
.inden .section.sec1 .bg-con{background-image:url('../images/sub/iden_img2.jpg');}
.inden .section.sec2 .bg-con{background-image:url('../images/sub/iden_img3.jpg');}
.inden .section .bg-con .wrap{color: #fff;}
.inden .section .bg-con .wrap .source{font-size:35px;font-weight:600;line-height:1.2em;margin-bottom:5px;}
.inden .section .bg-con .wrap .tt{font-size:20px;font-weight:500;line-height:1.5em;}

.inden .section .tt-con{padding-left:30px;}
.inden .section .tt-con .tit{font-size:20px;line-height:1.4em;margin-bottom:10px;font-weight:600;color: #3b1900;}
.inden .section .tt-con .tt-wrap{display:flex;margin:0 -20px;}
.inden .section .tt-con .tt-wrap.type2 .wrap{width:100%;}
.inden .section .tt-con .tt-wrap .wrap{width:50%;padding:0 20px;}
.inden .section .tt-con .tt-wrap .tit2{font-size:18px;font-weight:500;color: #242424;margin-bottom:10px;}
.inden .section .tt-con .tt-wrap .txt p{line-height:1.625em;margin-bottom:10px;}
.inden .section .tt-con .tt-wrap .txt p:last-child{margin-bottom:0;}

.store .top-img{background:url('../images/sub/store_img.jpg')no-repeat 50% 50%/cover;height:260px;margin-bottom:50px;}
.store-list{border-top:2px solid #868686;padding:50px 0 0;margin-bottom: 500px;}

.store-list ul{display:flex;flex-wrap:wrap;margin:0 -20px -90px;}
.store-list ul li{width:25%;padding:0 20px;margin-bottom:90px;text-align:center;letter-spacing:0;}
.store-list ul li .tit{font-weight:500;color: #333;margin-bottom:3px;line-height:1.4em;}
.store-list ul li .wrap{font-size:15px;line-height:1.5em;}
.store-list ul li .wrap dl{margin-bottom:3px;}
.store-list ul li .wrap dl:last-child{margin-bottom:0;}
.store-list ul li .wrap dl dd{color: #767676;}

.doc-scroll{margin-top:50px;text-align:center;}

.product .top-con{display:flex;margin-bottom:50px;}
.product .top-con .tt-wrap{max-width:671px;width:100%;padding:35px 50px 30px;position:relative;background:url('../images/sub/product_bg1.jpg')no-repeat 0% 50%/cover;}
.product .top-con.type2 .tt-wrap{background-image:url('../images/sub/product_bg2.jpg');}
.product .top-con.type3 .tt-wrap{background-image:url('../images/sub/product_bg3.jpg');}
.product .top-con .tt-wrap .tit{font-size:23px;font-weight:600;color: #242424;letter-spacing:-.03em;line-height:1.304em;margin-bottom:10px;}
.product .top-con.type2 .tt-wrap .tit{color: #fff;}
.dot-list li{position: relative;line-height:1.4em;color: #242424;letter-spacing:-.03em;padding-left:7px;margin-bottom:3px;}
.dot-list li:last-child{margin-bottom:0;}
.dot-list li:before{content:'';width:2px;height:2px;border-radius:50%;background-color: #242424;position: absolute;left:0;top:8px;}
.product .top-con.type2 .tt-wrap .dot-list li{color: #fff;}
.product .top-con.type2 .tt-wrap .dot-list li:before{background-color: #fff;}
.product .top-con .tt-wrap .logo{text-align:center;margin-top:20px;}
.product .top-con .img{min-width:0;width:1%;flex:1 1 auto;background:url('../images/sub/product_img1.jpg')no-repeat 50% 50%/cover;position:relative;}
.product .top-con.type2 .img{background-image:url('../images/sub/product_img2.jpg');}
.product .top-con.type3 .img{background-image:url('../images/sub/product_img3.jpg');}
.product .top-con .img:before{content:'';width:315px;height:113px;background:url('../images/sub/product_txt1.png')no-repeat 50% 50%/contain;position: absolute;top:20px;left:-71px;}
.product .top-con.type2 .img:before{background-image:url('../images/sub/product_txt2.png');}
.product .top-con.type3 .img:before{background-image:url('../images/sub/product_txt3.png');}


.proudct-pg ul{display:flex;flex-wrap:wrap;margin:0 -8px -35px;}
.proudct-pg ul li{width:25%;padding:0 8px;margin-bottom:35px;text-align:center;letter-spacing:-.03em;}
.proudct-pg ul li .pic{position:relative; height:0; padding-bottom:100%; overflow:hidden;}
.proudct-pg ul li .pic img{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.proudct-pg ul li .tit{font-size:18px;font-weight:500;color: #242424;line-height:1.4em;margin:15px 0 5px;padding:0 35px;}
.proudct-pg ul li .tt{color: #808080;font-weight:500;padding:0 35px;}

.contact .intro{padding:0 55px;}
.contact .intro ul{display:flex;margin:0 -44px;}
.contact .intro ul li{width:50%;padding:0 44px;}
.contact .intro ul li a .box{background-color: #f5f1f1;position:relative;padding:45px 30px 115px;}
.contact .intro ul li a .box:after{content:'';width:267px;height:124px;background:url('../images/sub/contact_img1.png')no-repeat 100% 50%/contain;position: absolute;right:0;bottom:30px;}
.contact .intro ul li a .box .box-tit{font-size:26px;color: #242424;font-weight:800;margin-bottom:5px;line-height:1.4em;}
.contact .intro ul li a .box .tt{font-size:20px;font-weight:600;line-height:1.5em;margin-bottom:20px;}
.contact .intro ul li a .box.type2 .tt{font-size:18px;}
.contact .intro ul li a .box .btn{font-size:20px;font-weight:600;color: #fff;background-color: #3b1900;max-width:176px;height:46px;display:flex;justify-content:center;align-items:center;}

.contact .intro ul li a .box.type2{background-color: #fbf1e8;}
.contact .intro ul li a .box.type2:after{width:225px;height:226px;background-image:url('../images/sub/contact_img2.png');bottom:20px;right:20px;}
.contact .intro ul li a .tit{margin-top:15px;text-align:center;font-size:18px;font-weight:500;color: #242424;line-height:1.4em;}

.notice{text-align:right;margin-bottom:5px;}
.essential{color: #ffbb38;}

.board-form table td .radio-box{padding:12px 0 9px;}
.board-form table td .radio-box .radiobox{margin-right:25px;}
.board-form table td .radio-box .radiobox:last-child{margin-right:0;}
.board-form table td .radio-box .radiobox label{font-size:15px;font-weight:500;letter-spacing:-.04em;color: #505050;}

input.my-btn{font-size:0;border:none;width:130px;height:50px;background-color: #ffbb38;display:flex;justify-content:center;align-items:center;color: #fff;font-size:18px;font-weight:500;letter-spacing:-.03em;margin:0 auto;}