@charset "utf-8";

/************************************************************************
 * 파일명      : sub.css
 * 설명        : 기본 css정의
 * 작성일      : 2014.06.16
************************************************************************/

.sub-content {width:1100px;min-width:1100px;margin:17px auto 120px auto;overflow:hidden;}
.sub-content .left {float:left;width:200px;margin-right:50px;}
.sub-content .right {float:left;width:850px;}
.navigation {border-bottom:1px solid #dcdcdc;padding-bottom:28px;margin-bottom:56px;}
.navigation h2 {font-size:29px;color:#323232;margin-top:22px;font-weight:500;line-height:55px;}
.navigation .children_pages {position:absolute;top:0;right:0;overflow:hidden;height:30px;background:#fff;}
.select_title .select_title_link {font-weight:bold;display:block;font-size: 12px;height:30px;line-height: 28px;padding:0 16px;width:142px;text-decoration:none;background: url('/skin/img/sub/sub_menu_bg.gif') no-repeat 0 0;color:#fff;}
.select_title .arrow {display:block;width:9px;height:9px;position:absolute;top:10px;right:12px;background:url('/skin/img/sub/icon_menu_arrow.gif') no-repeat 0 center;background-position:0 0}

.sub-title {font-weight:500;font-size:25px;height:64px;line-height:64px;color:#323232;}
/*.sub-titles {font-weight:none;font-size:13px;height:64px;margin-bottom:25px;color:#828282;}*/

.comp {font-size:14px;font-weight:none;line-height:180%;color:#323232;padding-bottom:20px;}

.left-area h2 {height:94px;line-height:94px;color:#fff;font-size:18px;background:#2e3192;text-align:center;font-weight:500;}
.left-menu .left-nav .link {font-size:13px;display:block;padding:0 15px;height:40px;line-height:40px;background:#adadad;color:#fff;border-top:1px solid #fff;letter-spacing:-0.5px;}
.left-menu .left-nav .link:hover {color:#2e3192;}
.left-menu .left-nav.selected .link {color:#2e3192;}
.left-sub-nav {padding:12px 0;background:#eeeeee;border-top:1px solid #fff;}
.left-sub-nav li .sublink {height:23px;font-size:12px;line-height:23px;display:block;color:#646464;padding:0 23px;}
.left-sub-nav li .sublink:hover {color:#2e5c92;}
.left-sub-nav li.selected .sublink {color:#2e5c92;}

.sub-real-container {clear:both;}
.sub_wrap {overflow:hidden;}
.sub_wrap .sub_title {float:left;font-size:30px;font-weight:800;color:#494040;margin-right:24px;}
.sub_wrap .sub_location-tbl {display:table;height:30px;}
.sub_wrap .sub_location-tbl .sub_location-cell {display:table-cell;vertical-align:bottom;}
.sub_wrap .sub_location-tbl .sub_location-cell .sub_location {float:left;overflow:hidden;}
.sub_wrap .sub_location-tbl .sub_location-cell .sub_location li {float:left;}
.sub_wrap .sub_location-tbl .sub_location-cell .sub_location li.home a span {display:block;width:10px;height:20px;background:url('/skin/img/sub/icon_home.gif') no-repeat 0 6px;}
.sub_wrap .sub_location-tbl .sub_location-cell .sub_location li.home a span p {display:none;}
.sub_wrap .sub_location-tbl .sub_location-cell .sub_location li a {display:block;height:20px;line-height:20px;background:url('/skin/img/sub/location_arrow.gif') no-repeat right center;padding-right:15px;margin-right:10px;}
.sub_wrap .sub_location-tbl .sub_location-cell .sub_location li.last a {padding-right:0;margin-right:0;background:none;color:#494040;font-weight:bold;}

.cate-loc {margin-bottom:20px;}
.sub-category-title {font-size:15px;font-weight:500;margin:20px 0 10px 0;color:#000;}
.sub-category-full {border:1px solid #0089C2;background:#f7f7f7;padding:10px 20px 10px 20px;} 
.sub-category-full ul {overflow:hidden;margin:5px 0;}
.sub-category-full ul li {float:left;}
.sub-category-full ul li.last {margin-right:0;}
.sub-category-full ul li a {display:block;width:160px;height:25px;line-height:25px;padding-left:9px;background:url('/skin/img/sub/good_dot.gif') no-repeat left center;}
.sub-category-full ul li a.selected {font-weight:bold;}

.goods-list-wrap {margin:0 0 50px 0;}
.goods-list {overflow:hidden;margin-bottom:44px;}
.goods-list .goods-item {float:left;margin-right:27px;}
.goods-list .goods-item .goods-img {width:260px;height:200px;border:1px solid #dcdcdc;} 
.goods-list .goods-item .goods-img img {width:260px;height:200px;}
.goods-list .goods-item .goods-title {width:260px;text-align:center;margin:10px 0;}
.goods-list .goods-item .goods-btn {text-align:center;}
.goods-list .goods-item.last {margin-right:0;}

.goods-info {overflow:hidden;}
.goods-info .goods-title {font-weight:bold;font-size:25px;height:64px;line-height:64px;border-bottom:1px solid #646464;color:#323232;margin-bottom:25px;}
.goods-info .goods-img {width:405px;height:320px;float:right;border:5px solid #f5f5f5;position:relative;}
.goods-info .goods-img .slide {float:left;}
.goods-info .goods-img a {position:absolute;z-index:20;top:143px;display:block;width:28px;height:40px;background:url('/skin/img/sub/product_navi.gif');background-repeat:no-repeat;background-position:0 0;}
.goods-info .goods-img a span {display:none;}
.goods-info .goods-img a.prev {left:0;}
.goods-info .goods-img a.next {background-position:-28px 0;right:0;}
.goods-info .goods-img img {width:405px;height:311px;}
.goods-info .goods-text {float:left;width:415px;}
.goods-info .goods-text .goods-slogan {font-size:22px;color:#2e5c92;font-weight:500;margin-bottom:30px;line-height:150%;}
.goods-info .goods-text .goods-summary {color:#464646;font-size:14px;position:relative;line-height:170%;}
.goods-info .goods-text .goods-summary .btn{background-color:#578CCA;color:#fff;width:90px;cursor:pointer;border:2px solid #29405A;margin-top:10px;}
.goods-detail {margin-top:59px;}
.goods-detail .goods-html {padding:10px 0;}

/* 게시판 리스트 */
.board-list {table-layout:fixed;border-collapse: collapse;width:100%;line-height:21px;border-collapse: collapse;border-top:2px solid #000; margin-top:30px;}
.board-list td,.board-list th {font-family:'NanumGothic','Open Sans', sans-serif;color:#454544;border: 1px solid #dddddd;text-align:center;padding:10px 0;font-size:14px;}
.board-list th {font-weight:bold;background:#F8F8F8;}
.board-list td {height:30px;text-align:left;padding-left:20px;}

/* menu tab */
.cafe_menu_wrap {position:relative;margin:50px 0;}
.cafe_menu {overflow:hidden;border-right:none;background:#585858;}
.cafe_menu li {float:left;}
.cafe_menu li a {padding:0 24px;font-size:15px;color:#fff;display:block;height:52px;line-height:52px;text-align:center;text-decoration:none;}
.cafe_menu li a:hover {background:#99559e;color:#fff;}
.cafe_menu li.selected a {background:#99559e;color:#fff;}

/* menu list */
.tm-item-wrap {overflow:hidden;width:1100px;margin:0 auto 19px auto;}
.tm-item-wrap li {position:relative;float:left;border:1px solid #e5e5e5;text-align:center;width:320px;height:271px;margin-right:17px;}
.tm-item-wrap li.tm-margin-none {margin-right:0;}
.tm-item-wrap li.tm-border-none {border-top:none;}
.tm-item-wrap li .img img {width:320px;}

/* menu popup */
#menu-item-wrap {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:2000;}
#menu-item-wrap .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5;}
#menu-item-wrap .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 1049px; height:auto;min-height:376px;  background-color:#fff;z-index: 10;}
.pop-layer .pop-container {padding:6px;position:relative;height:401px;}
.pop-layer .pop-container .pop-conts {overflow:hidden;display:table;}
.pop-layer .pop-container .pop-conts .pop-conts-left {display:table-cell;vertical-align:middle;width:309px;text-align:right;padding:0 50px 0 83px;}
.pop-layer .pop-container .pop-conts .pop-conts-right {display:table-cell;width:500px;height:313px;padding:52px 0 37px 0;border-left:1px solid #e5e5e5;padding-left:41px;}
.pop-layer .pop-container .pop-conts .pop-conts-right .title {margin-bottom:40px;}
.pop-layer .pop-container .pop-conts .pop-conts-right .title .ename {font-size:18px;color:#4d4d4d;margin-bottom:10px;}
.pop-layer .pop-container .pop-conts .pop-conts-right .title .kname {font-size:30px;color:#2c2c2c;font-weight:800;}

.pop-conts-right .hoticed .hot {margin-bottom:20px;}
.pop-conts-right .hoticed .hot .hot-title,
.pop-conts-right .hoticed .iced .iced-title {font-size:17px;width:30px;color:#3e69ad;padding-right:20px;margin-bottom:10px;font-weight:bold;}
.pop-conts-right .hoticed .hot .hot-title {background:url('/skin/img/sub/icon_hot.gif') no-repeat right center;}
.pop-conts-right .hoticed .iced .iced-title {background:url('/skin/img/sub/icon_iced.gif') no-repeat right center;}
.pop-conts-right .hoticed .kcal {color:#252525;font-size:14px;margin-top:20px;}
.pop-conts-right .hoticed .hoticed-txt {color:#6e6e6e;font-size:14px;line-height:20px;}
.pop-container a.cbtn {display:inline-block;width:29px; height:29px;position:absolute;top:5px;right:5px;background:url('/skin/img/sub/pop_close.gif') no-repeat 0 0;}
.pop-container a.cbtn span {display:none;}

.pop-container .pop-prev,
.pop-container .pop-next {display:inline-block;width:62px; height:62px;position:absolute;top:182px;background:url('/skin/img/sub/pop_arrow_off.gif') no-repeat;}
.pop-container .pop-prev-select {display:inline-block;width:62px; height:62px;position:absolute;top:182px;left:17px;background:url('/skin/img/sub/pop_arrow.gif') no-repeat 0 0;}
.pop-container .pop-next-select {display:inline-block;width:62px; height:62px;position:absolute;top:182px;right:17px;background:url('/skin/img/sub/pop_arrow.gif') no-repeat -62px 0;}
.pop-container .pop-prev span,
.pop-container .pop-next span,
.pop-container .pop-prev-select span,
.pop-container .pop-next-select span {display:none;}
.pop-container .pop-prev {left:17px;background-position:0 0;}
.pop-container .pop-next {right:17px;background-position:-62px 0;}

/* menu new */
.sub-real-container .remargin {margin-bottom:0;}
.menunewgal-list-wrap {margin:0 auto;}
.menunewgal-wrap {margin:0 auto;border:1px solid #eae9e9;}
.menunewgal-small {margin:0 auto 35px auto;position:relative;overflow:hidden;}
.menunewgal-thumbs {display:table;height:54px;margin:0 auto;}
.menunewgal-thumbs .item {cursor:pointer;width:54px;display:table-cell;vertical-align:middle;text-align:center;position:relative;}
.menunewgal-thumbs .item a {overflow: hidden; width: 36px;display: block; height: 36px;margin:0 auto;background-repeat:no-repeat;background-position:center center;}
.menunewgal-thumbs .selected {width: 54px;height: 54px;}
.menunewgal-thumbs .unselected {width: 54px;height: 54px;}
.menunewgal-thumbs .item .img-mask {position:absolute;display:block;width:54px;height:54px;top:0;left:0;background-image:url('/skin/img/sub/large_circle.png');background-size:36px 33px;background-repeat:no-repeat;background-position:center center;}
.menunewgal-wrap {position:relative;}
.menunewgal-wrap .prev,
.menunewgal-wrap .next {background-image:url('/skin/img/sub/menunew_prev.png');display:block;width:52px;height:52px;position:absolute;top:426px;}
.menunewgal-wrap .prev span,
.menunewgal-wrap .next span {display:none;}
.menunewgal-wrap .prev {background-position:0 0;left:16px;}
.menunewgal-wrap .next {background-position:-52px 0;right:16px;}
.menunewgal-wrap .prev:hover {background-position:0 -52px;}
.menunewgal-wrap .next:hover {background-position:-52px -52px;}
.menunewgal-big div {float:left;}


/* 기업정보 & 고객지원 */
.board-mlist {table-layout:fixed;border-collapse: collapse;width:100%;line-height:21px;border-collapse: collapse;}
.board-mlist td,.board-mlist th {font-family:'NanumGothic','Open Sans', sans-serif;border: 1px solid #dddddd;text-align:center;padding:10px 0;font-size:14px;}
.board-mlist th {font-weight:bold;background:#404040;color:#fff;}
.board-mlist td {height:30px;}
.board-mlist td.left_cont{height:30px;text-align:left;padding-left:20px;}

.intro_board {table-layout:fixed;border-collapse: collapse;width:100%;line-height:21px;border-collapse: collapse;border-top:2px solid #000;}
.intro_board td,.intro_board th {font-family:'NanumGothic','Open Sans', sans-serif;border-bottom:1px solid #dddddd;text-align:center;padding:10px 0;font-size:14px;}
.intro_board th {font-weight:bold;background:#F8F8F8;color:#2a2a2a;}
.intro_board td {height:30px;}
.intro_board td.left_cont{height:30px;text-align:left;padding-left:20px;}
.intro_board td.last_line{border-bottom:1px solid #7e7e7e;}
.intro_board th.last_line{border-bottom:1px solid #7e7e7e;}

.family_board {table-layout:fixed;border-collapse: collapse;width:100%;line-height:21px;border-collapse: collapse;border-top:2px solid #000;}
.family_board td,.family_board th {font-family:'NanumGothic','Open Sans', sans-serif;border-bottom:1px solid #dddddd;text-align:center;padding:10px 0;font-size:13px;}
.family_board th {font-weight:bold;background:#F8F8F8;color:#2a2a2a;}
.family_board td {height:30px;}
.family_board td.left_cont{height:30px;text-align:left;padding:10px 10px 10px 20px;}

.right-pd7{padding-right:10px;}
.top-pd7{padding-top:7px;}
.top-pd25{padding-top:25px;}
.top-pd36{padding-top:36px;}
.top-mg10{margin-top:10px;}
.top-mg20{margin-top:20px;}
.top-mg30{margin-top:30px;}
.top-mg40{margin-top:40px;}
.top-mg50{margin-top:50px;}
.top-mg70{margin-top:70px;}
.right_pd40{margin-right:40px;}
.right_md30{margin-right:90px;}
.bottom-mg10{margin-bottom:10px;}
.bottom-mg30{margin-bottom:30px;}

.con_bigtit{font-size:24px;color:#2e5c92; font-weight:500;}
.con_smtit{font-size:13px;color:#646464;line-height:23px;}
.con_text{font-size:15px;color:#323232; font-weight:500;}
.sub_contxt{font-size:20px;color:#2a2a2a;font-weight:bold;}

.all_history{position:relative;}
.history_img{position:absolute;top:150px;right:34px;}

.purpose-tab {overflow:hidden}
.purpose-tab li {float:left;width:280px;}
.purpose-tab li.leri_pd{padding:0 5px;}
.purpose-tab li a {height:38px;line-height:38px;display:block;border:1px solid #D7D7D7;text-align:center;font-weight:bold;font-size:15px;color:#505050;text-decoration:none;}
.purpose-tab li.selected a {height:38px;line-height:38px;background:#2e5c92;color:#fff;border:0;}
.tab_last{padding-left:0;}

.history{overflow:hidden;background:url('/file/img_page/intro_linebg.gif') no-repeat 0 bottom;padding-bottom:25px;}
.con_history{overflow:hidden;}
.con_history li.non_history{float:none}
.con_history li{float:left;}
.year_txt{float:left;font-size:35px;color:#c5c5c5;font-weight:bold;}
.year_txt .tit_color{color:#2e5c92;}
.year_txt_p {float:left;font-size:35px;color:#3a3a3a;font-weight:bold;}
.year_txt_p .tit_color{color:#2e5c92;}

.con_history li.month_txt{font-size:13px;font-weight:bold;color:#0f0f0f;padding:12px  0 0 25px}
.left_txt{padding:12px  0 0 19px}

.all_family{overflow:hidden}
.family{width:405px;float:left;}

.dl-horizontal:before, .dl-horizontal:after {content: "";display: table;line-height: 0;}
.dl-horizontal:after {clear: both;}
.dl-horizontal:before, .dl-horizontal:after {content: "";display: table;line-height: 0;}
.custom-dl dt.year {color: #323232;font-size: 13px;}
.custom-dl dt {text-align: left;width: 90px;}
.dl-horizontal dt {clear: left;float: left;overflow-x: hidden;overflow-y: hidden;text-align: right;text-overflow: ellipsis;white-space: nowrap;}
.custom-dl dd {margin-left: 90px;}

.plant1{position:relative; float:left;}
.plant2{position:relative; float:left; margin-top:40px;}

.factimg {float:left;display:inline-block;}
.facttxt {float:left;display:inline-block;margin-left:40px; }

.fact {font-size:22px;color:#323232;font-weight:500;margin:30px 0;border-bottom:1px solid #dcdcdc;padding-bottom:20px;}
.facttite1 {height:24px;font-size:16px;color:#2e5c92;font-weight:500;margin:15px 0;background:url('/file/img_page/fact_icon01.gif') no-repeat left;padding-left:33px;}
.factstxt {font-size:13px;color:#323232;font-weight:500;margin:10px 0;padding-left:35px;}
.factstxt1 {line-height:140%;font-size:13px;color:#646464;padding-left:35px;padding-bottom:10px;}
.facttite2 {height:24px;font-size:16px;color:#2e5c92;font-weight:500;margin:15px 0;background:url('/file/img_page/fact_icon02.gif') no-repeat left;padding-left:33px;}
.facttite3 {height:24px;font-size:16px;color:#2e5c92;font-weight:500;margin:15px 0;background:url('/file/img_page/fact_icon03.gif') no-repeat left;padding-left:33px;}
.facttite4 {height:24px;font-size:16px;color:#2e5c92;font-weight:500;margin:15px 0;background:url('/file/img_page/fact_icon04.gif') no-repeat left;padding-left:33px;}
.facttite1 span {font-size:15px;color:#646464;}
.facttite2 span {font-size:13px;color:#646464;}
.facttite3 span {font-size:13px;color:#646464;}
.facttite4 span {font-size:13px;color:#646464;}