@charset "utf-8";
@import url('/common/css/efront.css');


/* subvisual-wp*/
.sv-wp {position:relative; min-width:1280px; height:300px; padding-top:80px;}
.sv-wp .slide-sv {position:relative; width:100%; height:300px; margin: 0 auto; background:url(../images/sub-bg01.jpg) center top no-repeat;}
.sv-wp .slide-sv ul {margin:0 auto; height:300px;}
.sv-wp .slide-sv ul li {width:100%; list-style: none; position: absolute; z-index: 1; height:300px; background-position: top center; top: 0; left: 0; right: 0;}
.sv-wp .sv .sv-tit {position:absolute;  z-index:99; width:490px; top:270px; right:50%; margin-right:135px;}


/* 서브 3depth 틀 */
.locationWrap {width:100%; background:#fff; border-top:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; height:41px; line-height:41px;}
.locationWrap>.location {width:1280px; margin:0 auto;}
.locationWrap>.location>dl>dt.home {float:left; display:block; width:41px; border-left:1px solid #dadada; border-right:1px solid #ddd; height:41px; display:inline-block; background:url('../images/btn_home.gif') center 15px no-repeat;}
/*.locationWrap>.location>dl>dt.home>a {width:39px; height:41px; display:inline-block; background:url('../images/btn_home.gif') center 15px no-repeat;}*/
.locationWrap>.location>dl>dt.depth1 {width:150px; float:left; height:29px; border-right:1px solid #ddd; padding:12px 15px 0px 22px !important; display:inline-block; color:#434343; font-size:15px;}
/*.locationWrap>.location>dl>dt.depth1>a {height:12px; display:inline-block; color:#434343; font-size:15px;}*/
	.locationWrap>.location>dl>dt.depth1.company>a {width:68px; background-position:0px -0px;}
	.locationWrap>.location>dl>dt.depth1.welgro>a {width:62px; background-position:0px -12px;}
	.locationWrap>.location>dl>dt.depth1.products>a {width:76px; background-position:0 -24px;}
	.locationWrap>.location>dl>dt.depth1.customer>a {width:77px; background-position:0 -36px;}
.locationWrap>.location>dl>dd.depth2 { border-right:1px solid #ddd; width:177px; color:#3e3e3e; padding-left:25px; height:41px; display:inline-block; font-weight:500; font-size:15px; line-height:41px; background:url('../images/btn_dep_arrow.gif') 175px 20px no-repeat;}
.locationWrap>.location>dl>dd.depth2>a {width:177px; color:#3e3e3e; padding-left:25px; height:41px; display:inline-block; font-weight:500; font-size:15px; line-height:41px; background:url('../images/btn_dep_arrow.gif') 175px 20px no-repeat;}
.locationFixed {position:fixed; top:83px; margin:0 auto; background:#fff; z-index:99;}


/* 서브3depth */
ul.subnav {width:205px; z-index:30; margin-left:-26px; position:absolute;}
ul.subnav>li { border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
ul.subnav>li:first-child {border-top:1px solid #ddd;}
ul.subnav>li>a {box-sizing:border-box; padding-left:15px; display:block; height:42px; line-height:42px; font-size:13px;}
ul.subnav>li>a:hover {color:#fff; background:#c43137;}
ul.subnav>li>a:visited {color:#262626;}
ul.subnav>li.on {background:#c43137;}
ul.subnav>li.on>a {color:#fff;}


/* sub 공통 */
.subCon-wp {position:relative; min-width:1410px; width:100%;}
.subCon .contents {width:100%; margin:0 auto; padding-top:15px; padding-bottom:40px;}
.subCon .contents .tit-sub {padding-top:30px;}
.subCon .contents .tit-sub h3 {position:relative; text-align:center; font-size:35px; height:29px; letter-spacing:-2px; line-height:29px; color:#3e3e3e; font-weight:400;}
.subCon .contents .tit-sub .h3_st {font-size:14px; text-align:center; color:#424242; margin-top:18px; font-weight:400;}
.subCon .contents .article {margin:0 auto; width:1410px; min-height:200px; padding-top:22px; font-size:14px; font-family: 'Noto Sans Korean'; font-weight: 350;}
.subCon .contents .verline {margin:0 auto; margin-top:17px; width:1px; height:30px; background-color:#494949;}
.subCon .contents .tableimg {width:100%; height:484px; /*background:url('/hosigi/images/01-btit.jpg') 0px 0px no-repeat; display:table;*/}
.subCon .contents .tableimg img {width:100%; height:484px;}

#sub_video { 
     position: absolute;
     top: 50px;
     left: 0px;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: -1;
     overflow: hidden;
}


/* 브랜드 소개 */
.brand {background:url("../../hosigi/images/brand_bg.gif") center 15px no-repeat;}
.brand p {padding-top:30px; font-size:15px; color:#1e1e1e; line-height:30px; text-align:center;}
.brand span {display:inline-block; margin:0 5px; height:30px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.brand i {color:#e3000b; font-weight:600;}


/* CEO 인사말 */
.article .gr {margin:0 auto; width:1250px; padding-top:15px;}
.article .gr .ceo {float:left; width:40%; text-align:center;}
.article .gr p {/*float:right; width:58%;*/ margin-bottom:25px; font-size:15px; color:#3c3c3c; line-height:27px; text-align:center;} 
.article .gr p i {color:#3c3c3c; font-weight:600;}
.article .gr p.s_tit {}
.article .gr p.oran {color:#fe7400; font-size:16px;}
.article .gr p.oran i {color:#fe7400;}


/* 회사개요 */
.summary {}
.summary .com {width:1254px; margin:0 auto;}
.summary .com .ho_sum {border:1px solid #e1e1e1;}
.summary .com .ho_sum tr {}
.summary .com .ho_sum th {width:150px; padding:25px 50px; border-bottom:1px solid #e1e1e1;}
.summary .com .ho_sum td {width:385px; border-bottom:1px solid #e1e1e1; text-align:left; color:#2d2d2d; font-size:19px; font-weight:300;}
.summary .com .ho_sum td span.tit {color:#534c4b; font-size:30px; font-weight:400; line-height:52px;}
.summary .com .ho_sum td span .orange {color:#f68b1f;}
.summary .com .ho_build {border:1px solid #e1e1e1;}
.summary .com .ho_build th {width:190px; padding:25px 90px;}
.summary .com .ho_build td {text-align:left; color:#6b6b6b; font-size:14px; font-weight:400;}
.summary .com .ho_build .b_tit {font-size:14px; color:#333; font-weight:400;}
.summary .com .detail-lnk {display:block; text-align:center; margin:35px auto 0; width:196px; height:51px; border-radius:7px; line-height:52px; font-size:15px; color:#f46b13; font-weight:400; letter-spacing:-0.6px; border:1px solid #f46b13;}
.summary .com .detail-lnk:hover {background:#f46b13; color:#fff; font-weight:200;}

.summary div .h4tit {margin-top:80px; padding-bottom:20px; text-align:center;}
.summary div h4 {position:relative; padding-top:30px; margin-bottom:30px; font-size:35px; color:#333;}
.summary div h4:before {content:""; position:absolute; left:50%; top:0; width:20px; height:2px; margin-left:-9px; background:#f27321;}

.summary .sum {width:1408px; margin:0 auto;}
.summary .sum .in_cont {overflow:hidden; background:url('/hosigi/images/sum_icon.gif') no-repeat; background-position:0px 40px; margin:0 auto; width:1334px; margin-top:35px; border-top:4px solid #f46b13; border-bottom:1px solid #b6b6b6; height:450px;}
.summary .sum .in_cont .icon {float:left; height:356px; text-align:center;}
.summary .sum .in_cont .icon1, .summary .sum .in_cont .icon2, .summary .sum .in_cont .icon3 {padding:130px 37px; width:370px;}
.summary .sum .in_cont .icon h5 {font-size:20px; color:#2d2d2d; padding-top:50px;}
.summary .sum .in_cont .icon p {font-size:15px; color:#656565; padding-top:30px; line-height:27px;}

.summary .ci {width:1254px; margin:0 auto;}
.summary .ci .ci_tit {font-size:17px; color:#151515;}
.summary .ci ul {padding:10px 0 20px 0; list-style:none;}
.summary .ci ul .left {float:left; width:492px; padding:45px 15px 50px; background:url('/hosigi/images/ci_grid.gif') center -5px; text-align:center;}
.summary .ci ul .right {float:right; width:55%; margin-top:4px; padding:65px 0 0 25px; font-size:14.5px; color:#3c3c3c; line-height:26px; background:url('/hosigi/images/id_color.gif') 21px 13px no-repeat; }
.summary .ci ul .right i {color:#3c3c3c; font-weight:600;}
.summary .ci ul .download {display:block; text-align:center; margin-top:25px; width:130px; height:35px; border-radius:3px; line-height:35px; font-size:14px; color:#df423a; font-weight:400; letter-spacing:-0.6px; border:1px solid #df423a; }
.summary .ci ul .download:hover {background:#df423a; color:#fff; font-weight:400;}


/* 회사연혁 */
.history {width:1410px; margin:0 auto; text-align:center;}
.history .tab {padding-top:30px; width:520px; margin:0 auto;}
.history .tab li {float:left; width:32%; padding:15px 0; font-size:16px; cursor:pointer; border:1px solid #ebebeb; font-weight:300;}
.history .tab li:hover {background:#ffad55; color:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.history .tab li.active {background:#ed6d01; color:#fff; font-size:16px; font-weight:400;}
.history .tab_content {padding:40px 25px;  text-align:left;}
.history .tab_content > b {font-size:16px; padding-left:18px; background:url('/common/images/bullet_02.png') left 7px no-repeat;}
.history .tab_content > p {font-size:22px; margin-top:20px; margin-bottom:10px;}
.history .tab_content > ul li {padding:8px 0; border-bottom:1px solid #eee; font-size:15px; line-height:20px;}
.history .tab_content > ul li p {margin:5px; font-size:14px; color:#555; line-height:17px;}
.history .tab_content i {display:block; margin-top:8px; text-align:right;}
.history .tab_container {padding-top:25px;}
.history .tity {overflow:hidden; width:1100px; height:auto; margin:0 auto; padding:0 50px;}
.history .tity .tit_year {position:relative; padding-top:20px; font-size:24px; color:#888; width:1100px; text-align:center;}
.history .tity h3 {position:relative; font-size:34px; color:#002b5c; padding-bottom:50px; line-height:35px; text-align:center;}
.history .hisvert:after {display:block; content:""; clear:both;}
.history .hisvert {padding-bottom:70px; background:url('/hosigi/images/history_centerline.gif') repeat-y center;}
/*.history .hisvert:nth-child(5) {padding-bottom:0px; margin-bottom:70px;}*/
.history .hisvert > div {width:50%;}
.history .hisvert > .imgW {padding:0 0px;}
.history .hisvert div .year {line-height:20px; font-size:35px; color:#3b2518; font-family: 'Abel', sans-serif; background:url('/hosigi/images/history_b01.png') no-repeat;}
.history .hisvert div ul {padding-top:25px;}
.history .hisvert div ul li:after {display:block; content:""; clear:both;}
.history .hisvert div ul li p.month {padding-left:10px; width:50px; font-size:18px; color:#ff7602; line-height:33px; font-family: 'Abel', sans-serif; font-weight:200;}
.history .hisvert div ul li p.month_tx {color:#3b3a3a; font-size:16px; line-height:33px; font-family:'Noto Sans Korean';}
.history .hisvert .right {float:right;}
.history .hisvert .right .year {margin-left:-6px; padding-left:25px; background-position: left 1px;}
.history .hisvert .right ul {padding-left:20px;}
.history .hisvert .right ul li p {float:left;}
.history .hisvert .left {float:left; text-align:right;}
.history .hisvert .left .year {margin-right:-7px; padding-right:25px; background-position: right 1px;}
.history .hisvert .left ul li {padding-right:20px;}
.history .hisvert .left ul li p {float:right;}
.history .ogn {background:#fff; text-align:center;}
.history .ogn img {width:100%; margin:0 auto;}


/* 지속가능경영 */
.manage {width:1254px; margin:0 auto;}
.manage .h4tit {margin-top:15px; padding-bottom:20px; text-align:center;}
.manage h4 {position:relative; padding-top:30px; margin-bottom:30px; font-size:35px; color:#333;}
.manage h4:before {content:""; position:absolute; left:50%; top:0; width:20px; height:2px; margin-left:-9px; background:#f27321;}

.man_wrap {overflow:hidden; width:1320px; margin:0 auto;}
.man_wrap .mtit {float:left; width:273px; display:block; padding-top:60px; color:#242424;}
.man_wrap .mtit h5 {font-size:24px; font-weight:normal;}
.man_wrap .mtit .mtxt {display:block; position:relative; margin-top:50px; line-height:22px; letter-spacing:-1px;}
.man_wrap .mtit .mtxt:after {position:absolute; top:-26px; left:0; width:43px; height:1px; background-color:#333; content:'';}
.man_wrap .mcon {float:right; width:1042px; border-top:1px solid #eaeaea; padding-top:51px; color:#424242; line-height:30px; font-size:16px;}
.man_wrap .mcon ul {list-style:none;}
.man_wrap .mcon ul li {float:left; padding-left:14px;}
.man_wrap .mcon ul li:first-child {padding-left:0px;}
.man_wrap .mcon h6 {font-size:19px; color:#282828; margin-bottom:8px;}
.man_wrap .mcon h6 span {color:#ed6501;}

.t1 table {width:99%; margin-top:20px; border-bottom:1px solid #ddd; text-align:center;}
.t1 table tr {border-bottom:1px solid #e8e8e8;}
.t1 table th {padding:19px; font-size:16px; background:#efefef; border-bottom:1px solid #f1780f; color:#434343;}
.t1 table td {padding:15px 0; font-size:14px; vertical-align:middle; line-height:20px; border-bottom:1px solid #e8e8e8; color:#434343; font-weight:350;}
.t2 table {width:99%; margin-top:20px; border-bottom:1px solid #ddd; text-align:center;}
.t2 table tr {border-bottom:1px solid #e8e8e8;}
.t2 table th {padding:12px 0; font-size:15px; border-right:1px solid #ffad7f; background:#fb8a4b; color:#fff;}
.t2 table td {padding:15px 0; font-size:15px; vertical-align:middle; line-height:20px; border-bottom:1px solid #e8e8e8; color:#434343; font-weight:350;}
.right_b {border-right:1px solid #d1d1d1;}

.man_wrap .mcon .qnaW dt {width:98%; padding:15px 0; margin-bottom:5px; color:#fff; letter-spacing:0.3px; font-weight:300; font-size:17px; text-align:center; cursor:pointer; background:#a8a7a7 url('/common/images/plus01.png') no-repeat 970px; border-radius:7px 7px 0 0;}
.man_wrap .mcon .qnaW dt.active {margin-bottom:0; background:#f5984a url('/common/images/minus01.png')no-repeat 970px;}
.man_wrap .mcon .qnaW dd {width:989px; padding:15px; border:1px solid #d7d7d7; border-top:none;}
.man_wrap .mcon .qnaW dd > ul:after {display:block; content:""; clear:both;}
.man_wrap .mcon .qnaW dd > ul {margin-bottom:2px;}
.man_wrap .mcon .qnaW dd > ul > li {float:left; width:99%;}
.man_wrap .mcon .qnaW dd > ul > li:first-child + li {background:#f8f8f8;}
.man_wrap .mcon .qnaW dd > ul > li > p {margin-left:10px; padding:8px 10px; font-size:15px; color:#303030; background:url('/common/images/bull01.png') no-repeat left; line-height:24px;}
.man_wrap .mcon .qnaW dd > ul > li > p.idt {margin-left:18px; padding:0 10px 5px 10px; background:url('/common/images/bull02.png')no-repeat left 5px;}


/* 전국지역본부현황 */
.branchBox {width:232px; height:270px; border:1px solid #ddd; border-bottom:3px solid #ccc; float:left; padding:15px;}
.branchBox>h1 {color:#d62f27; font-size:17px; line-height:23px; height:35px;} 
.branchBox>p {font-size:13px;  line-height:24px; margin-top:10px; letter-spacing:-0.05em;} 


/* 메뉴 소개 */
.menu {background:url("../../hosigi/images/brand_bg.gif") center  0px no-repeat;}
.menu i {color:#e3000b; font-weight:600;}


/* 메뉴 탭 */
.menu .tab {width:80%; margin:0 auto; text-align:center; border-left:1px solid #2e2e2e;}
.menu .tab li {float:left; width:19.8%; font-size:17px; cursor:pointer; border-top:1px solid #2e2e2e; border-bottom:1px solid #2e2e2e; border-right:1px solid #4a4a4a; font-weight:350; color:#2e2e2e;}
.menu .tab li:hover {background:#ffad55; color:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.menu .tab li.active {background:#e52424; color:#fff; font-size:17px; font-weight:400;}

.menu .tab li a {display:block; width:100%; height:100%; padding:13px 0; font-size:17px; font-weight:350; color:#2e2e2e;}
.menu .tab li:hover a {background:#ffad55; color:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.menu .tab li.active a {background:#e52424; color:#fff; font-size:17px; font-weight:400;}

.menu .tab_content {padding:20px 25px; text-align:left;}
.menu .tab_content > b {font-size:16px; padding-left:18px; background:url('/common/images/bullet_02.png') left 7px no-repeat;}
.menu .tab_content > p {font-size:22px; margin-top:20px; margin-bottom:10px;}
.menu .tab_content > ul li {padding:8px 0; border-bottom:1px solid #eee; font-size:15px; line-height:20px;}
.menu .tab_content > ul li p {margin:5px; font-size:14px; color:#555; line-height:17px;}
.menu .tab_content i {display:block; margin-top:8px; text-align:right;}
.menu .tab_container {padding-top:25px;}
.prd_line {float:left; margin-left:23px; width:277px; border:1px solid #ddd; height:290px; padding:16px; overflow:hidden;}
.prd_box {border-collapse: separate; border-spacing: 0px; text-align:left;}
.prd_box .prd_img { width:100%; height:200px;}
.prd_box .prd_img img { max-width:277px; max-height:200px; width:277px; height:200px;}
.prd_box .prd_ct { padding:20px 0 0 9px; font-size:12px; color:#a0a0a0;}
.prd_box .prd_name { font-size:20px; padding:5px 0 0 9px; color:#333;}
.prd_box .prd_name a { color:#333; font-size:20px;}
.prd_box .prd_text { font-size:12px; padding:10px 0 0; color:#999; max-width:152px; line-height:35px;}
.effects {width:100%; height:290px;}
.effects .img {position:relative;width: 100%; height:290px; overflow: hidden;}
.effects .img:nth-child(n) {margin-right:5px;}
.effects .img:last-child { margin-right: 0;}
.overlay .txt {color:#fff; font-weight:200; font-size:15px; padding-top:4px; line-height:23px;}
.overlay {display: block;position: absolute; z-index: 20; background: rgba(0, 0, 0, 0.7); overflow: hidden;
 -webkit-transition: all 0.5s;
 -moz-transition: all 0.5s;
 -o-transition: all 0.5s;
 transition: all 0.5s;
}


/* EFFECT 1 - SLIDE IN BOTTOM*/
#effect-1 .overlay {bottom: 0;left: 0;right: 0; height: 0; padding:0 10px; text-align:center;}
#effect-1 .overlay a.expand {left: 0; right: 0; bottom: 20%; margin: 0 auto -30px auto; color:#fff; background:red;}
#effect-1 .img.hover .overlay {height:21%;  padding-top:8px;}
.overlay a:link{color:#ccc; text-decoration:none; text-align:center; font-size:12px;}
.overlay a:visited{color:#ccc; text-decoration:none; text-align:center; font-size:12px;}
.overlay a:active {color:#ccc; text-decoration:none; text-align:center; font-size:12px;}


/* 메뉴 리스트 */
.menu ul.menulist {width:1400px; margin:10px auto 0px;}
.menu ul.menulist li {float:left; text-align:center; width:340px; height:295px; padding-left:5px; padding-top:5px;}
.menu ul.menulist li span {display:block; padding-top:24px; font-size:24px; color:#492e1e; font-weight:400;}
.menu ul.menulist li span.mtxt {padding-top:15px; font-size:15px; color:#4b4b4b; line-height:25px; font-weight:350;}


/* 메뉴 상세 */
.Md-Con-wp {position:relative; min-width:1410px; width:100%; z-index:9;}
.Md-Con-wp.menu1 {background:url('/menu/images/menu01_bg.jpg') no-repeat;}
.Md-Con-wp.menu2 {background:url('/menu/images/menu02_bg.jpg') no-repeat;}
.Md-Con-wp.menu3 {background:url('/menu/images/menu03_bg.jpg') no-repeat;}
.Md-Con-wp.menu4 {background:url('/menu/images/menu04_bg.jpg') no-repeat;}
.Md-Con-wp.menu5 {background:url('/menu/images/menu05_bg.jpg') no-repeat;}
.Md-Con-wp.menu6 {background:url('/menu/images/menu06_bg.jpg') no-repeat;}
.Md-Con-wp.menu7 {background:url('/menu/images/menu07_bg.jpg') no-repeat;}
.Md-Con-wp.menu8 {background:url('/menu/images/menu08_bg.jpg') no-repeat;}
.Md-Con-wp.menu9 {background:url('/menu/images/menu09_bg.jpg') no-repeat;}
.Md-Con-wp.menu10 {background:url('/menu/images/menu10_bg.jpg') no-repeat;}
.Md-Con-wp.menu11 {background:url('/menu/images/menu11_bg.jpg') no-repeat;}
.Md-Con-wp.menu12 {background:url('/menu/images/menu12_bg.jpg') no-repeat;}
.Md-Con-wp.menu13 {background:url('/menu/images/menu13_bg.jpg') no-repeat;}
.Md-Con-wp.menu14 {background:url('/menu/images/menu14_bg.jpg') no-repeat;}
.Md-Con-wp.menu15 {background:url('/menu/images/menu15_bg.jpg') no-repeat;}
.Md-Con-wp.menu16 {background:url('/menu/images/menu16_bg.jpg') no-repeat;}
.Md-Con-wp.menu17 {background:url('/menu/images/menu17_bg.jpg') no-repeat;}
.Md-Con-wp.menu18 {background:url('/menu/images/menu18_bg.jpg') no-repeat;}
.Md-Con-wp.menu19 {background:url('/menu/images/menu19_bg.jpg') no-repeat;}
.Md-Con-wp.menu20 {background:url('/menu/images/menu20_bg.jpg') no-repeat;}
.Md-Con-wp.menu21 {background:url('/menu/images/menu21_bg.jpg') no-repeat;}
.Md-Con-wp.menu22 {background:url('/menu/images/menu22_bg.jpg') no-repeat;}

.Md-Con-wp.menu23 {background:url('/menu/images/menu23_bg.jpg') no-repeat;}
.Md-Con-wp.menu24 {background:url('/menu/images/menu24_bg.jpg') no-repeat;}
.Md-Con-wp.menu25 {background:url('/menu/images/menu25_bg.jpg') no-repeat;}
.Md-Con-wp.menu26 {background:url('/menu/images/menu26_bg.jpg') no-repeat;}

.Md-Con-wp.menu_wingbong {background:url('/menu/images/menu_wingbong_bg.jpg') no-repeat;}
.Md-Con-wp.menu_sweetchgarlic {background:url('/menu/images/menu_sweetchgarlic_bg.jpg') no-repeat;}
.Md-Con-wp.menu_sweetchgarlicsunsal {background:url('/menu/images/menu_sweetchgarlicsunsal_bg.jpg') no-repeat;}
.Md-Con-wp.menu_cheeseball {background:url('/menu/images/menu_cheeseball_bg.jpg') no-repeat;}
.Md-Con-wp.menu_frenchfries {background:url('/menu/images/menu_frenchfries_bg.jpg') no-repeat;}
.Md-Con-wp.menu_chickenfoot {background:url('/menu/images/menu_chickenfoot_bg.jpg') no-repeat;}
.Md-Con-wp.menu_ddongzip {background:url('/menu/images/menu_ddongzip_bg.jpg') no-repeat;}
.Md-Con-wp.menu_cornchickenballs {background:url('/menu/images/menu_cornchickenballs_bg.jpg') no-repeat;}
.Md-Con-wp.menu_pyeonyug {background:url('/menu/images/menu_pyeonyug_bg.jpg') no-repeat;}

.Md-Con-wp.menu_recom0123 {background:url('/menu/images/menu_recom_bg0123.jpg') no-repeat;}
.Md-Con-wp.menu_package {background:url('/menu/images/menu_package_bg.jpg') no-repeat;}
.Md-Con-wp .Md-Con {position:relative; width:100%; height:950px;}
.Md-Con-wp .Md-Con .Md-txt {position:relative; width:1280px; margin:0 auto; font-size:18px; color:#fff; line-height:30px; font-weight:250; text-shadow:0 0 4px rgba(000,000,000,0.7);}
.Md-Con-wp .Md-Con .Md-txt h3 {font-size:40px; font-weight:500; padding-top:515px; padding-bottom:23px;}
.Md-Con-wp .Md-Con .Md-txt ul {list-style:none; margin-top:30px;}
.Md-Con-wp .Md-Con .Md-txt ul li:first {margin-left:0px;}
.Md-Con-wp .Md-Con .Md-txt ul li {float:left; margin-left:7px;}


/* 메뉴 롤오버 박스 */
.arrow_box {display: none; position: absolute; left:300px; top:660px;}
li:hover + p.arrow_box { display: block;}
/*.arrow_box2 {display: none; position: absolute; left:300px; top:660px;}
li:hover + p.arrow_box2 { display: block;}*/


/* 서브 3depth 틀 */
.MenulocationWrap {position:fixed; width:100%; z-index:99; left:0; top:83px; background: rgba(211, 179, 145, 0.8); height:41px; line-height:41px;}
.MenulocationWrap .m-location {width:1280px; margin:0 auto;}
.MenulocationWrap .m-location>dl>dt.home {float:left; display:block;width:41px; border-left:1px solid #e4c5ae; border-right:1px solid #e4c5ae; height:41px; display:inline-block; background:url('../images/btn_home.png') center 15px no-repeat;}
/*.MenulocationWrap .m-location>dl>dt.home>a {width:39px; height:41px; display:inline-block; background:url('../images/btn_home.png') center 15px no-repeat;}*/
.MenulocationWrap .m-location>dl>dt.depth1 {width:150px; float:left; height:29px; border-right:1px solid #debfa7; padding:12px 15px 0px 15px !important; display:inline-block; color:#fff; font-size:14px;}
/*.MenulocationWrap .m-location>dl>dt.depth1>a {height:12px; display:inline-block; color:#fff; font-size:14px;}*/
.MenulocationWrap .m-location>dl>dd.depth2 { float:left; border-right:1px solid #e4c5ae; width:177px; color:#fff; padding-left:25px; height:41px; display:inline-block; font-size:14px; line-height:41px; background:url('../images/btn_dep_arrow.png') 175px 20px no-repeat;}
.MenulocationWrap .m-location>dl>dd.depth2>a {width:177px; color:#fff; padding-left:25px; height:41px; display:inline-block; font-size:14px; line-height:41px; background:url('../images/btn_dep_arrow.png') 175px 20px no-repeat;}


/* 서브3depth */
ul.m-subnav {width:205px; z-index:30; margin-left:-27px; position:absolute;}
ul.m-subnav>li {border-bottom:1px solid #dab79c; background: rgba(211, 179, 145, 0.9); font-weight:250;}
ul.m-subnav>li:first-child {border-top:1px solid #b1b0af;}
ul.m-subnav>li>a {box-sizing:border-box; padding-left:15px; display:block; height:42px; line-height:42px; font-size:13px;}
ul.m-subnav>li>a:link, ul.m-subnav>li>a:active, ul.m-subnav>li>a:visited {color:#fff;}
ul.m-subnav>li>a:hover {background:#7b3207; color:#fff;}
ul.m-subnav>li.on {background:#7b3207;}
ul.m-subnav>li.on>a {color:#fff;}


/* 창업안내 */
.man_wrap .mcon .info-d dl {display: block; padding:10px 0;}
.man_wrap .mcon .info-d dl:last-child {}
.man_wrap .mcon .info-d dl dt:first-child {border-top:1px solid #d9d9d9;}
.man_wrap .mcon .info-d dl dt {font-size:21px; color:#3c3c3c; padding-top:25px;}
.man_wrap .mcon .info-d dl dd {font-size:15px; font-weight:350; color:#727272; padding-top:10px; line-height:30px;}
.man_wrap .mcon .support-d dl {display: block; padding:40px 0; border-top:1px solid #d9d9d9;}
.man_wrap .mcon .support-d dl:last-child {border-bottom:1px solid #d9d9d9;}
.man_wrap .mcon .support-d dl dt {font-size:21px; color:#3c3c3c;}
.man_wrap .mcon .support-d dl dt span.red {font-size:22px; color:#c43137; font-weight:500;}
.man_wrap .mcon .support-d dl dd {font-size:15px; font-weight:350; color:#727272; padding-top:16px; line-height:30px;}
.man_wrap .mcon .sup_tit {text-align:center; font-size:18px; color:#737373; font-weight:350;}
.man_wrap .mcon .sup_tit span {font-size:25px; color:#c43137; font-weight:350;}
.man_wrap .mcon .sup_tit h6 {padding-top:12px; padding-bottom:6px;}
.man_wrap .mcon .step-t {width:1020px; border:1px solid #e0e0e0;}
.man_wrap .mcon .step-t td {border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; padding:35px 0; text-align:center;}
p.counselNum {text-align:center; font-size:23px; height:25px; color:#ff8b2d; letter-spacing:0.02em;}
table.biz {width:1020px; margin-top:20px;border-top:2px solid #ff8b2d;}
table.biz th {font-size:14px; border-right:2px dashed #ddd; border-bottom:1px solid #ddd; width:300px; color:#2b2b2b;}
table.biz td {font-size:14px; padding:20px 0px 20px 20px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
table.biz td:last-child {border-right:none;}


/*온라인문의 버튼*/
.qna_btn{float:right; margin-top: -30px; margin-right:200px; width:100px; height:40px; background-color:#ff8b2d; line-height:36px; text-align:center; border-radius:5px; }
.qna_btn a{color:#fff; font-size:14px;}


/*친인척관계도*/
h1.rel {text-align:center; font-size:30px; letter-spacing:-0.07em; color:#333; height:50px; line-height:50px; margin-bottom:50px;}
h1.rel>span { font-family:Nanum Gothic; font-weight:bold;  font-size:45px; color:#ed1c24;}
.relBox {width:685px; height:73px; border:1px solid #ddd; border-bottom:2px solid #cdcdcd;background:#f9f9f9; text-align:center;	/*-moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;*/ float:left; margin-top:20px;}
/*.relBox>h2.num {height:50px; line-height:26px;background:url('../../store/images/bg_rel_num.png') center top no-repeat; color:#fff; font-size:16px;}*/
.relBox>dl>dt {float:left; width:90px; height:15px; padding-top:28px; font-size:16px; color:#1e1e1e;}
.relBox>dl>dt.sn5 {margin-left:0px;}
.relBox>dl>dt.sn4 {margin-left:95px;}
.relBox>dl>dt.sn3 {margin-left:160px;}
.relBox>dl>dt.sn2 {margin-left:225px;}
.relBox>dl>dt.odd {background:url('../../store/images/store1.png') center top no-repeat;}
.relBox>dl>dt.even {background:url('../../store/images/store2.png') center top no-repeat;}
.relBox>dl>dd {float:left; width:56px; margin-top:25px; height:25px; line-height:23px; background:#bb3031; font-size:13px; color:#fff; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}


/* MENU - 영양성분표 */
div.nutrient{width:100%;}
div.nutrient ul.menu_sub01{height:465px; float:left; margin-bottom:25px;}
div.nutrient ul.menu_sub01 li{float:left;width:331px; margin:8px; padding:0 15px 25px; border:1px solid #ebebeb;	
	-webkit-box-shadow: 0 4px  3px 0 rgb(236,236,236);;
	-moz-box-shadow:0 4px  3px 0 rgb(236,236,236);;
	box-shadow: 0 4px  3px 0 rgb(236,236,236);}

div.nutrient ul.menu_sub01>li>div>h1.menuSpec{font-size:19px; font-weight:600; font-family: 'Iropke Batang'; color:#a86b45; letter-spacing:-0.06em; line-height:28px; height:28px; margin-top:28px; text-align:center; margin-bottom:26px;}
div.nutrient ul.menu_sub01>li>div>span {display:block; height:20px; margin-top:8px; }
div.nutrient>ul.menu_sub01>li>div>table.nutri { border-top:1px solid #666; margin-top:10px;}
div.nutrient>ul.menu_sub01>li>div>table.nutri th {font-size:13px; font-family:'Noto Sans Korean'; color:#a86b45; padding:10px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; width:16%;text-align:center;}
div.nutrient>ul.menu_sub01>li>div>table.nutri th:last-child {border-right:none;}
div.nutrient>ul.menu_sub01>li>div>table.nutri td {font-size:13px; color:#555; padding:15px 0; border-bottom:1px solid #ddd; text-align:center;border-right:1px solid #ddd;}
div.nutrient>ul.menu_sub01>li>div>table.nutri td:last-child {border-right:none;}
div.nutrient ul.menu_sub01_2{margin-bottom:165px;}


/* 호식이 커뮤니티 - 고객이벤트 탭 */
.event {width:1000px;}
.event .tab {position:relative; margin:0 auto; overflow:hidden; display:table; table-layout:fixed; width:70%; margin-bottom:38px; text-align:center; border:1px solid #d7d7d7;}
.event .tab li {display:table-cell; cursor:pointer;}
.event .tab li:after {content:''; width:1px; height:20px; background:#d7d7d7; position:absolute; top:19px; left:50%; padding-left:-50px;}
.event .tab li a {display:block; line-height:54px; font-size:15px;}
.event .tab li a:hover {border-bottom:2px solid #dc2d25;}
.event .tab li.active a {border-bottom:2px solid #dc2d25; color:#dc2d25; font-weight:500;}
.event .evtit_box {display:block;}
.event .evtit_box .ev_title {margin:0 auto; text-align:center; font-size:24px; color:#272727; line-height:30px; padding-top:53px; background: url(../images/ev_icon01.gif) no-repeat center 0px;}
.event .evtit_box .ev_title span {color:#d1352d;}
.event .evtit_box .ev_txt {font-size:15px; color:#333; line-height:25px; text-align:center; margin-top:16px; margin-bottom:25px;}
.event .f-width {margin:0 auto; width:1350px;}


/* 호식이 커뮤니티 - 뉴스/소식 탭 */
.news {width:1000px;}
.news .tab {position:relative; margin:0 auto; overflow:hidden; display:table; table-layout:fixed; width:35%; margin-bottom:38px; text-align:center; border:1px solid #d7d7d7;}
.news .tab li {display:table-cell; cursor:pointer;}
.news .tab li:after {content:''; width:1px; height:20px; background:#d7d7d7; position:absolute; top:19px; left:50%; padding-left:-50px;}
.news .tab li a {display:block; line-height:54px; font-size:15px;}
.news .tab li a:hover {border-bottom:2px solid #dc2d25;}
.news .tab li.active a {border-bottom:2px solid #dc2d25; color:#dc2d25; font-weight:500;}


/* member 개인정보취급방침 */
div.privacyText {border:5px solid #f2f2f2; padding:50px 50px; background:url("../../hosigi/images/brand_bg.gif") center 70px no-repeat; margin:0 auto; width:1280px; font-size:13px; line-height:26px; text-align:justify;}
div.privacyText>h1 {font-size:18px; line-height:26px; margin-top:25px; color:#000;}
div.privacyText>h1:first-child {margin-top:0px;}
div.privacyText>p {margin-top:10px; font-size:14px; line-height:29px; text-align:justify; color:#333;}
div.privacyText>p>span {color:#c5171e; font-size:15px;}
div.privacyText table{width:50%; background-color:#ffffff; text-align:center;  margin-top:20px; margin-bottom:20px;}
div.privacyText table tr{border-bottom:1px solid; border-color:#dddddd; }
div.privacyText table th{padding:10px; font-weight:bold; border-bottom:2px solid;   border-color:#dddddd; line-height:20px;}
div.privacyText table td{padding:10px; line-height:20px;}


/* 이메일무단수집거부 */
div.emailText {border:5px solid #f2f2f2; background:url("../../hosigi/images/brand_bg.gif") center 70px no-repeat; margin:0 auto; width:1280px; font-size:13px; line-height:26px; text-align:justify;}
div.emailText {padding:50px 50px;}
div.emailText h4 {margin:25px 0 30px; text-align:center; font-size:20px; line-height:26px; margin-top:25px; color:#000;}
div.emailText p { margin-top:10px; font-size:14px; line-height:29px; text-align:justify; color:#333;}


/* 호식이 가맹점주 투표 페이지 */
h1.bnd {font-size:35px; height:40px; line-height:40px; float:left; padding-top:20px; background:url('/space/img/bull_brand_h1.gif') left top no-repeat; letter-spacing:-0.06em; color:#333; width:260px;}
.candidate { margin-left:70px; }
.candidate .candidate_profile {  display:inline-block;  position:relative; top:0; left:0 ;  background:url('/space/member/img/candidate_bg.png') no-repeat; width:513px; margin-bottom:10px;  }
.candidate .candidate_profile .candidate_area {  width:513px; height:255px;}
.candidate .candidate_profile h1 { font-size:18px; font-weight:600; color:#fff;  padding:23px 12px; line-height:23px;}
.candidate .candidate_profile .profile_img { position:absolute; top:34px ; left:73px; }
.candidate .candidate_profile .profile_ul {  position:absolute; top:34px ; left:215px; }
.candidate .candidate_profile .profile_ul li { font-size:14px; line-height:25px;  }
.candidate .candidate_profile .profile_ul li .icon { background:url('/space/img/candidate_icon.png') repeat-x; width:25px; height:2px; margin-top:10px;}
.candidate .candidate_profile .profile_ul li .color { color:#b6b6b6 }
.candidate .candidate_profile .bg_btn { position:absolute; top:13px; left:425px ; }
.candidate_pop div .f1 { font-size:30px; line-height:2; text-align:center;}
.candidate_pop div .f2 { font-size:18px; line-height:2; text-indent:12px;  padding-top:10px; }
.candidate_pop table {border-top:2px solid #b02a30; width:700px; margin: 0 auto ;}
.candidate_pop table th {padding:10px; background:#f3f3f3; font-size:14px;  font-family:Nanum Gothic; font-weight:bold; border-bottom:1px solid #ddd;}
.candidate_pop table td {padding:10px; text-align:center; font-size:14px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;}

.topbtn { position:fixed; bottom:20px; right:-120px; width:60px; height:60px; border-radius:30px; padding:0; overflow:hidden; transition:right 1s; z-index:99; background:#df423a; text-align:center;}
.topbtn.on {right:20px; color:#fff;}
.topbtn a {display:block; color:#fff; line-height:60px;}
table.poll td.font{font-size:18px !important;}


/*호식이 가맹점주 교육영상자료*/
.video-list{width:1200px; margin:0 auto;}
#edu_video{width:500px; height:300px; float:left; margin:0 10px;}


/*창업소개*/
.article .shop-intro{padding-top:60px;}
.article .shop-intro .ceo {float:right; width:46%; text-align:right;}
.article .shop-intro p {float:left; width:100%; /*width:54%;*/ margin-bottom:25px; font-size:15px; color:#3c3c3c; line-height:27px;} 
.article .shop-intro p.name{padding-top:15px; margin-left:-10px; float:none; width:100%;}


/*브랜드 경쟁력*/
.brand_wrap{/*width:1320px;*/ margin:0 auto; overflow:hidden;}
.brand_wrap .mtit {float:none; width:100%; display:block; color:#242424; text-align:center; margin-top:80px; }
.brand_wrap .mtit h5 {font-size:26px; font-weight:normal; padding-left:20px;}
.txtTypeA {position: relative; display: inline-block;}
.txtTypeA:before {content: ""; display: block; width: 100%; height: 13px; position: absolute; left: 0; top: 50%; margin-top: 3px; background: #f6a641; z-index: -1;}
.brand_wrap .con ul {list-style:none;}
.brand_wrap .con ul li {float:left; padding-left:14px;}
.brand_wrap .con ul li:first-child {padding-left:0px;}
.brand_wrap .con h6 {font-size:19px; color:#282828; margin-bottom:8px;}
.brand_wrap .con h6 span {color:#ed6501;}
.brand_wrap .con {width:1220px; float:none; margin:0 auto; padding-top:40px; color:#424242; line-height:28px; font-size:15px; text-align:center;}

.brand_wrap iframe{margin-left:-80px;}
.brand_wrap .con ul.chart{width:1015px; margin:0 auto; margin-bottom:30px;}
.brand_wrap .con ul.chart li{ line-height:30px; font-size:15px; color:#424242; margin-bottom: 50px;}
/*.brand_wrap .con ul.chart li:first-child{padding-left:180px;}*/

.manage .brand_wrap .detail-lnk {display:block; text-align:center; margin:35px auto 0; width:196px; height:51px; border-radius:7px; line-height:52px; font-size:15px; color:#7b7b7b; font-weight:400; letter-spacing:-0.6px; border:1px solid #7b7b7b;}
.manage .brand_wrap .detail-lnk:hover {background:#7b7b7b; color:#fff; font-weight:200;}


/*투자비 기본항목 버튼 마우스 오버*/
.chart02{text-align:left;}
.chart02 img{padding-left:170px;}
.brand_wrap .buttonArea{}
.brand_wrap .buttonArea .button{float:left; position:absolute; top:1820px; left:637px; width:105px; height:43px; background:#df423a;  border:1px solid red; border-radius:5px; line-height:43px;font-size:14px;  color:#fff;  font-weight:300;}
.brand_wrap .buttonWrap .button:hover + p.chart03{ display: block;}
.chart03 {display:none; position: absolute; left:750px; top:1100px; height:830px; bottom:0px; padding:5px 20px; background:#fff; border:1px solid #df423a; z-index:98;}


/*시스템경쟁력*/
.system .tab-banner{padding-top:40px; text-align:center;}
.system .tab{margin-top:40px; }
.system .tab li.first{border-left:1px solid #4a4a4a;}
.system .tab li {float:left; width:468px; padding:13px 0; font-size:14px; cursor:pointer; background:#fff; text-align:center; color:#4a4a4a; font-weight:400;
border-top:1px solid #2e2e2e; border-bottom:1px solid #2e2e2e; border-right:1px solid #4a4a4a; }
.system .tab li:hover {color:#fff;  background:#ffad55;  -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.system .tab li.active {background:#ff7800;  color:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.system .tab_content {/*width:1280px;*/ padding:20px; padding-top:50px; text-align:center;}
.system .tab-ban{margin-bottom:20px; float:left; padding-left:30px;}
.system .tab-ban h5{font-size:20px; color:#333; text-align:left;  margin-bottom:10px;}
.system .tab-ban h5 span{color:#ff7800;}
.system .tab-ban p.tit-txt{font-weight:400; line-height:25px; font-size:14px;}
.system table.special{width:1200px;  margin:0 auto;}
.system table.special th, .system table.special td{padding:20px 30px;}
/*.system table.special tr.tit{border-bottom:1px solid #ff7800;}*/
.system table.special th{border-bottom:2px solid #ff7800; font-weight:500;}
.system table.special td{color:#666;  border-bottom:1px solid #ccc;}
.system .tabB{width:940px; margin:0 auto; margin-top:40px; }
.system .tabB li.first{border-left:1px solid #4a4a4a;}
.system .tabB li {float:left; width:468px; padding:13px 0; font-size:14px; cursor:pointer; background:#fff; text-align:center; color:#4a4a4a; font-weight:400;
border-top:1px solid #2e2e2e; border-bottom:1px solid #2e2e2e; border-right:1px solid #4a4a4a; }
.system .tabB li:hover {color:#fff;  background:#ffad55;  -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.system .tabB li.active {background:#ff7800;  color:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.system .tab_content2 {/*width:1280px;*/ padding:20px; padding-top:50px; text-align:center;}

.family-st {padding-top:20px; color:#000; font-size:16px;}

.con p.train-tit{text-align:left; font-size:17px; padding-top:20px;}
.con table.train{width:1200px; margin:0 auto;}
.con table.train th{color:#ff7800;  font-weight:500; border-bottom:2px solid #ff7800;}
.con table.train td {color:#666; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.con table.train td.bdn{border-left:0px;}
.con table.train th, .con table.train td{padding:20px 30px; }
ul.promotion{width:1300px; margin:0 auto;}


/*호식이 창업 하단 공통 버튼*/
.btnWrap{width:100%; text-align:center;}
ul.infoBtn{width:470px; height:58px; text-align: center; margin:0 auto; margin-top:60px}
ul.infoBtn li{width:157px; height:43px; float:left; margin-left:45px; color:#df423a; font-weight:500; font-size:16px;}


/*2018.05.21 locationWrap 부분 CSS수정*/
.locationWrap_absolute {position:absolute; width:100%; z-index:100;}
.subCon-wp {margin-top:45px;}


/* 매장찾기 탭 */
.search .tab {width:70%; margin:0 auto; text-align:center; border-left:1px solid #2e2e2e;}
.search .tab li {float:left; width:49.7%; padding:13px 0; font-size:17px; cursor:pointer; border-top:1px solid #2e2e2e; border-bottom:1px solid #2e2e2e; border-right:1px solid #4a4a4a; font-weight:350; color:#2e2e2e;}
.search .tab li:hover {background:#ffad55; color:#fff; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.search .tab li.active {background:#e52424; color:#fff; font-size:17px; font-weight:400;}
.search .tab_content {padding:20px 25px; text-align:left;}
.search .tab_content > b {font-size:16px; padding-left:18px; background:url('/common/images/bullet_02.png') left 7px no-repeat;}
.search .tab_content > p {font-size:22px; margin-top:20px; margin-bottom:10px;}
.search .tab_content > ul li {padding:8px 0; border-bottom:1px solid #eee; font-size:15px; line-height:20px;}
.search .tab_content > ul li p {margin:5px; font-size:14px; color:#555; line-height:17px;}
.search .tab_content i {display:block; margin-top:8px; text-align:right;}
.search .tab_container {padding-top:25px;}

/* 해외매장안내*/
.search .com {width:1254px; margin:0 auto;}
.search .com .ho_build {border:1px solid #e1e1e1; margin-top:60px;}
.search .com .ho_build th {width:190px; padding:25px 90px;}
.search .com .ho_build td {text-align:left; color:#6b6b6b; font-size:14px; font-weight:400;}
.search .com .ho_build .b_tit {font-size:14px; color:#333; font-weight:400;}