@charset "utf-8";
#comingsoon {width:100%;padding-top:100px;text-align:center}

/* 공통 */
.clearfix {overflow:auto;}
.clear {clear:both;display:inline;}
.blk {text-indent:-9999px;font-size:0;line-height:0;}
.h10 {height:10px;}
.h15 {height:15px;}
.h20 {height:20px;}
.h25 {height:25px;}
.h30 {height:30px;}
.h35 {height:35px;}
.h40 {height:40px;}
.h45 {height:45px;}
.h50 {height:50px;}
.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.str_b {color:#424242;font-weight:bold;}
.strb_red {font-weight:bold;color:#fe5556;}
.strb_black {font-weight:bold;color:#333333;}


/* 타이틀 공통 */
h4 {font-size:1.5em;line-height:1.4em;letter-spacing:-0.05em;color:#333;} /* 컨텐츠 메인타이틀 */
h4 b{font-size:1.15em;line-height:1.4em;letter-spacing:-0.075em;color:#e95d00;}
h5 {background:url('/sh_page/img/h5_arr.png') 0 0 no-repeat;font-weight:bold;font-size:1.5em;padding-top:10px;color:#000;padding-bottom:10px;} /* 컨텐츠 중분류 타이틀 */
h6 {} /* 컨텐츠 소분류 타이틀 */


/* 테이블 공통 */
.tbl_basic {margin:-20px 0 10px;width:100%;}
.tbl_basic caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_basic thead th {padding:10px 0;border-top:2px solid #fe5556;border-bottom:1px solid #727272;border-right:1px solid #727272;background:#565656;color:#ffffff;font-size:0.95em;text-align:center;letter-spacing:-0.02em}
.tbl_basic thead th.last {border-right:none;}
.tbl_basic tbody th {padding:8px 0;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;background:#f8f8f8;text-align:center;}
.tbl_basic tbody th.last {border-right:none;}
.tbl_basic td {padding:5px 15px;border-bottom:1px solid #eaeaea;line-height:1.5em;word-break:break-all}
.tbl_basic .in_td {border-right:1px solid #eaeaea;} /* 오른쪽 라인 */
.tbl_basic .ct {text-align:center;} /* 센터정렬 */


/* 페이지 공통 */
.pagecommon{font-size:16px;color:#555;line-height:26px;letter-spacing:-0.3px;font-family: 'arita-medium'}

/*브랜드소개*/
#Page54{padding-bottom:76px;text-align:center}
#Page54 .txt{padding:45px 0 65px}
#Page54 .txt span{color:#333;font-family: 'arita-semibold'}

/*BI소개*/
#Page33{text-align:center}
#Page33 .txt{margin-top:54px}

/*COFFEE&TEA*/
#Page53 .tab{display:table;overflow:hidden;padding:0;margin:0 auto 50px}
#Page53 .tab > li{float:left;width:210px;margin:0 -1px -1px 0;border:solid 1px #ddd;font-size:16px;list-style-type:none;box-sizing:border-box}
#Page53 .tab > li.long_menu{width:200px}
#Page53 .tab > li:last-child{margin:0 0 1px 0}
#Page53 .tab > li a{display:block;padding:12px 0;line-height:26px;font-weight:800;color:#b3b3b3;outline:none;text-align:center;transition-duration:300ms;transition-property:color, border-color, background-color;transition-timing-function:ease;}
#Page53 .tab > li a:hover{color:#222}
#Page53 .tab > li a.selected{color:#fff;background:#666;text-decoration:none;cursor:default}
#Page53 .panel{clear:both;padding:0;margin:0;}
#Page53 .panel > .tab > li{padding:0;margin:0;color:#333;list-style-type:none;text-indent:1em}

#Page53 #tab1{overflow:hidden;padding-top: 41px}
#Page53 #tab1 .img{float:left;padding-top:52px}
#Page53 #tab1 .txt_wrap{float:right;margin-right: 39px;}
#Page53 #tab1 .txt_wrap dl dt{margin-bottom: 15px;font-size:18px;color:#333;font-family: 'arita-bold'}
#Page53 #tab1 .txt_wrap dl dd{margin-bottom:3px;}
#Page53 #tab1 .txt_wrap dl dd span{font-family: 'arita-semibold'}
#Page53 #tab1 .txt_wrap dl dd:before{display:inline-block;content:"";width:3px;height:3px;margin:0 5px 5px 0;background:#ddd}

#Page53 #tab2{overflow:hidden;padding-top: 41px}
#Page53 #tab2 .img{float:left;padding-top:52px}
#Page53 #tab2 .txt_wrap{float:right;margin-right: 39px;}
#Page53 #tab2 .txt_wrap dl{padding-bottom:54px}
#Page53 #tab2 .txt_wrap dl dt{margin-bottom: 15px;font-size:18px;color:#333;font-family: 'arita-bold'}
#Page53 #tab2 .txt_wrap dl dd{margin-bottom:3px;}
#Page53 #tab2 .txt_wrap dl dd span{font-family: 'arita-semibold'}
#Page53 #tab2 .txt_wrap dl dd:before{display:inline-block;content:"";width:3px;height:3px;margin:0 5px 5px 0;background:#ddd}

#Page53 #tab3{overflow:hidden;padding-top: 41px}
#Page53 #tab3 .img{float:left;padding-top:52px}
#Page53 #tab3 .txt_wrap{float:right;margin:76px 84px 0 0;}
#Page53 #tab3 .txt_wrap dl{padding-bottom:54px}
#Page53 #tab3 .txt_wrap dl dt{margin-bottom: 15px;font-size:18px;color:#333;font-family: 'arita-bold'}
#Page53 #tab3 .txt_wrap dl dd{margin-bottom:3px;}
#Page53 #tab3 .txt_wrap dl dd span{font-family: 'arita-semibold'}
#Page53 #tab3 .txt_wrap dl dd:before{display:inline-block;content:"";width:3px;height:3px;margin:0 5px 5px 0;background:#ddd}

/*개설조건 및 절차*/
#Page46 .tab{display:table;overflow:hidden;padding:0;margin:0 auto 50px}
#Page46 .tab > li{float:left;width:158px;margin:0 -1px -1px 0;border:solid 1px #ddd;font-size:16px;list-style-type:none;box-sizing:border-box}
#Page46 .tab > li.long_menu{width:200px}
#Page46 .tab > li:last-child{margin:0 0 1px 0}
#Page46 .tab > li a{display:block;padding:12px 0;line-height:26px;font-weight:800;color:#b3b3b3;outline:none;text-align:center;transition-duration:300ms;transition-property:color, border-color, background-color;transition-timing-function:ease;}
#Page46 .tab > li a:hover{color:#222}
#Page46 .tab > li a.selected{color:#fff;background:#666;text-decoration:none;cursor:default}
#Page46 .panel{clear:both;padding:0;margin:0;}
#Page46 .panel > .tab > li{padding:0;margin:0;color:#333;list-style-type:none;text-indent:1em}

#Page46 #tab1{border:1px solid #efefef}
#Page46 #tab1 .cont{overflow:hidden;padding:31px;background: #f9f9f9;}
#Page46 #tab1 .bg_white{background:#fff}
#Page46 #tab1 .cont .img{float:left;margin-left:21px}
#Page46 #tab1 .cont .txt_wrap{float:right;width:713px;margin:24px 24px 0 0}
#Page46 #tab1 .cont .t_bottom{margin:24px 24px 24px 0}
#Page46 #tab1 .cont .txt_wrap .s_tit:before{display:block;content:"";width:30px;height:2px;margin-bottom: 14px;background:#ffcbc1}
#Page46 #tab1 .cont .txt_wrap .s_tit{margin-bottom:15px;font-size:20px;color:#333;font-family: 'arita-semibold'}

#Page46 #tab2 .cont_box{overflow: hidden;position:relative}
#Page46 #tab2 .cont_box .list{float:left;width:24%;height:261px;padding:31px;margin:0 51px 40px 0;background:#f9f9f9}
#Page46 #tab2 .cont_box .list .num{font-size:22px;color:#dc9c8f;font-family: 'arita-bold'}
#Page46 #tab2 .cont_box .list dl dt{padding: 8px 0 15px 0;font-size:20px;color:#333;font-family: 'arita-semibold'}
#Page46 #tab2 .cont_box .li01:after{display:block;content:"";position:absolute;top:138px;left:335px;width:20px;height:22px;background:url(/sh_page/img/p46_arrow.png) no-repeat}
#Page46 #tab2 .cont_box .li02:after{display:block;content:"";position:absolute;top:138px;left:701px;width:20px;height:22px;background:url(/sh_page/img/p46_arrow.png) no-repeat}
#Page46 #tab2 .cont_box .li04:after{display:block;content:"";position:absolute;top:498px;left:335px;width:20px;height:22px;background:url(/sh_page/img/p46_arrow.png) no-repeat}
#Page46 #tab2 .cont_box .li05:after{display:block;content:"";position:absolute;top:498px;left:701px;width:20px;height:22px;background:url(/sh_page/img/p46_arrow.png) no-repeat}
#Page46 #tab2 .cont_box .li07:after{display:block;content:"";position:absolute;top:866px;left:335px;width:20px;height:22px;background:url(/sh_page/img/p46_arrow.png) no-repeat}
#Page46 #tab2 .cont_box .li08:after{display:block;content:"";position:absolute;top:866px;left:701px;width:20px;height:22px;background:url(/sh_page/img/p46_arrow.png) no-repeat}
#Page46 #tab2 .cont_box .li10:after{display:block;content:"";position:absolute;top:1231px;left:335px;width:20px;height:22px;background:url(/sh_page/img/p46_arrow.png) no-repeat}
#Page46 #tab2 .cont_box .li11:after{display:block;content:"";position:absolute;top:1231px;left:701px;width:20px;height:22px;background:url(/sh_page/img/p46_arrow.png) no-repeat}
#Page46 #tab2 .cont_box .ma_right{margin-right:0}

/*개설비용*/
#Page47{text-align:center}
#Page47 .cont .ten{padding-bottom:10px;text-align:right;font-size:17px;color:#333;font-family: 'arita-semibold'}
#Page47 .cont .txt{text-align:left;color:#555;font-family: 'arita-medium'}
#Page47 .cont .txt span{font-family: 'arita-semibold'}
#Page47 .cont .txt:before{display:inline-block;content:"";width:3px;height:3px;margin:0 5px 5px 0;background:#ddd}
#Page47 table{width:100%;margin-bottom:19px;border-collapse:collapse;font-size:15px;font-family: 'arita-medium'}
#Page47 table td{border:1px solid #ddd}
#Page47 table .tit{font-size:17px;color:#fff;background:#333;font-family: 'arita-semibold'}
#Page47 table .price{color:#222;background:#c5c5c5;font-family: 'arita-bold'}
#Page47 table .s_tit{color:#333;background:#f9f9f9;font-family: 'arita-semibold'}