@charset "utf-8";

/* main */
#wrap.main #container {width:100%; padding:0;}
#wrap.main #container > div {width:100%; min-width:1140px; margin:0 auto; overflow:hidden;}
#wrap.main #container .product-wrap > div {height:875px; margin:0 auto; padding:70px 0 0; overflow:hidden;}
#wrap.main #container .family-wrap > div {width:1140px; margin:0 auto; padding:70px 0 90px;}
#wrap.main #dFoot {margin:0;}

#wrap.main #container h3 {color:#f14112; font-size:46px; line-height:46px; font-weight:500; text-align:center;}
#wrap.main #container h3 span {display:block; margin-top:20px; color:#666; font-size:20px; line-height:24px; font-weight:300;}
#wrap.main #container .family-wrap h3 {color:#fff;}
#wrap.main #container .family-wrap h3 span {color:#fff;}

.visual-banner { position:relative; height:573px; }
.visual-banner > ul {position:relative; width:100%; min-width:1140px; margin:0 auto;}
.visual-banner > ul li {position:absolute; top:0; opacity:0; filter:alpha(opacity=0); transition:all 0.5s ease-in;}
.visual-banner > ul li.on {opacity:1; filter:alpha(opacity=100); transition:all 0.5s ease-in; z-index:10;}
.visual-banner > ul li a {display:block; width:100%; min-width:1140px; height:100%; margin:0 auto;}
.visual-banner .slide-contents > li {width:100%; min-width:1140px; height:573px;}
.visual-banner .control {position:absolute; bottom:85px; width:100%; height:12px; margin:0; padding:0; text-align:center; z-index:100;}
.visual-banner .control > a {display:inline-block; width:12px; height:12px; background:url("../images/icon/ico_slide_control.png") no-repeat; vertical-align:top;}
.visual-banner .control > a.on  {width:26px; background:url("../images/icon/ico_slide_control2_on.png") no-repeat;}
.visual-banner .control-arrows a {position:absolute; top:50%; width:78px; height:78px; margin-top:-39px; z-index:100;}
.visual-banner .control-arrows a.prev {left:50%; margin-left:-650px;}
.visual-banner .control-arrows a.next {right:50%; margin-right:-650px;}

.product-wrap { position:relative; height:945px; background:#fff url("../images/main/bg_product_tab01.jpg") no-repeat center top;}
.product-wrap .product-txt {margin-top:50px; color:#222; font-size:32px; line-height:38px; text-align:center;}

.product-wrap .product-new {position:absolute; top:40px; left:50%; width:250px; height:330px; margin-left:-600px; background:url("../images/main/product_new_bg.png") no-repeat 8px 0;  overflow:hidden;}
.product-wrap .product-new ul {width:9999px; overflow:hidden;}
.product-wrap .product-new ul li {float:left; width:210px; padding:90px 0 0 40px; text-align:center;}
.product-wrap .product-new ul li img {width:180px;}
.product-wrap .control {position:absolute; top:40px; right:20px; height:12px; margin:0; padding:0; text-align:right; z-index:100;}
.product-wrap .control > a {display:inline-block; width:12px; height:12px; background:url("../images/icon/ico_slide_control.png") no-repeat; vertical-align:top;}
.product-wrap .control > a.on  {background:url("../images/icon/ico_slide_control_on.png") no-repeat;}

.product-wrap .product-section {position:relative; height:320px; overflow:hidden;}
.product-wrap .product-section .product-slide {position:relative; left:50%; width:1600px; margin-left:-800px; padding-bottom:20px; overflow:hidden;}
.product-wrap .product-section .product-slide ul {width:9999px; margin:50px 2px 0; overflow:hidden;}
.product-wrap .product-section .product-slide ul li {float:left; width:228px; height:300px; color:#666; font-size:13px; line-height:25px; font-weight:400; text-align:center;}
.product-wrap .product-section .product-slide ul li a {font-weight:300;}
.product-wrap .product-section .product-slide ul li img {display:block; width:150px; height:150px; margin:0 auto 20px;}
.product-wrap .product-section .product-slide ul li span {display:block;}
.product-wrap .product-section .product-slide ul li strong {display:block; color:#333; font-size:15px; font-weight:400;}
.product-wrap .product-section .product-slide .slidedim > div {position:absolute; top:0; width:228px; height:300px; background:#fff; opacity:0.6; filter:alpha(opacity=60);}
.product-wrap .product-section .product-slide .slidedim > div.dim01 {left:0;}
.product-wrap .product-section .product-slide .slidedim > div.dim02 {right:0;}

.product-wrap .bx-controls {position:absolute; bottom:0; width:100%; height:12px; margin:0; padding:0; text-align:center; z-index:100;}
.product-wrap .bx-controls .bx-pager-item {display:inline; margin:0 3px;}
.product-wrap .bx-controls a {display:inline-block; width:12px; height:12px; font-size:0; text-indent:999px; background:url("../images/icon/ico_slide_control.png") no-repeat; vertical-align:top;}
.product-wrap .bx-controls a.active {width:26px; background:url("../images/icon/ico_slide_control2_on.png") no-repeat;}


.family-wrap {height:756px; background:url(../images/main/family_bg.jpg) no-repeat center; background-size:cover;}
.family-wrap .family-block {margin:95px 0 0 -20px; overflow:hidden;}
.family-wrap .family-block > div {float:left; margin-left:20px;}
.family-wrap .family-block > div > div > .tit {color:#010101; font-size:24px; line-height:24px; font-weight:400;}
.family-wrap .family-block > div > div > p {margin-top:18px; color:#333; font-size:16px; line-height:20px; font-weight:300;}
.family-wrap .family-block > div > div > a.btn-more {display:block; margin-top:24px; text-align:left;}
.family-wrap .family-block .tit.type01 {color:#fff; font-size:28px; line-height:28px;}
.family-wrap .block-area1 {width:430px;}
.family-wrap .block-area2 {width:240px;}
.family-wrap .block-area3 {width:430px;}
.family-wrap .block-area1 .block1 {height:335px; padding:40px; background:url("../images/main/family_block01.jpg") no-repeat;}
.family-wrap .block-area1 .block1 p {margin-top:27px; color:#fff;}
.family-wrap .block-area2 .block1 {height:355px; padding:35px 30px; background:url("../images/main/family_block02.jpg") no-repeat;}
.family-wrap .block-area3 .block1 {height:127px; padding:35px; background:url("../images/main/family_block03.jpg") no-repeat;}
.family-wrap .block-area3 .block2 {height:127px; margin-top:21px; padding:35px; background:url("../images/main/family_block04.jpg") no-repeat;}


/* sub-title */
.sub-title01 {position:relative; height:40px; margin-bottom:30px;}
#container.press .sub-title01 {max-width: 1140px;position:relative; height:40px; margin:0 auto 30px;}
.sub-title01 h3 {margin-right:20px; color:#111; font-size:34px; font-weight:500; line-height:40px;}
.sub-title01 .list-total {display:inline-block; margin-top:16px; color:#666; font-size:14px;}
.sub-title01 .list-total span {color:#ff6a00; font-weight:500;}
.sub-title01 p {float:right; margin-top:18px; color:#999; font-size:14px; font-weight:400;}
.sub-title01 p span {color:#f61818; vertical-align:middle;}
.sub-title01 > *{display: inline-block; vertical-align: middle;}
.sub-title01 .prod-tit-txt{float: none}

.press .sub-title01 > .inner{display: block;}

/* sort */
.sort {position:relative; height:40px; margin:0 0 30px;}
.sort .list-total {position:absolute; top:16px; left:0; color:#666; font-size:14px;}
.sort .list-total span {color:#ff6a00; font-weight:500;}

/* tab-type */
.tab-type01 {padding:0 0 30px 1px; overflow:hidden;}
.tab-type01 li {float:left; width:16.6%; margin-left:-1px; padding-bottom:8px;}
.tab-type01 li a {position:relative; display:block; height:58px; line-height:58px; color:#333; font-size:16px; font-weight:400; border:1px solid #ccc; background:#fff; text-align:center;}
.tab-type01 li:first-child {width:16.7%;}
.tab-type01 li.on a {color:#fff; border-color:#ff6a00; background:#ff6a00; z-index:2;}
.tab-type01 li.on a:after {content:""; position:absolute; bottom:-8px; left:50%; display:block; width:16px; height:8px; margin-left:-8px; background:url("../images/common/tab_arrow01.png") no-repeat 0 0;}
.tab-type01.li2 li{width: 50% !important}
.tab-type01.li3 li{width: 33.33% !important}
.tab-type01.li4 li{width: 25% !important}

.tab-type02 {}
.tab-type02 ul {overflow:hidden;}
.tab-type02 ul li {position:relative; float:left; width:227px; height:58px; margin-left:-1px; border:1px solid #ccc;}
.tab-type02 ul li:first-child {width:226px; margin:0;}
.tab-type02 ul li.on {height:57px; border-top:3px solid #ff6a00; border-bottom:0; z-index:1;}
.tab-type02 ul li.on a {line-height:54px;}
.tab-type02 ul li a {display:block; width:100%; height:100%; line-height:58px; text-align:center;}

.tab-type03 {margin:60px auto 0; padding-bottom:60px; overflow:hidden;}
.tab-type03 > ul {margin:0 auto;}
.tab-type03 > ul > li {float:left; margin-left:15px; line-height:20px; color:#666; font-size:15px; font-weight:400; text-align:center; letter-spacing:-0.6px; word-break:keep-all;}
.tab-type03 > ul > li:first-child {margin:0;}
.tab-type03 > ul > li > span {display:block;width:92px; height:38px;}
.tab-type03 > ul > li > a {display:block; height:80px; margin-top:10px; overflow:hidden;}
.tab-type03 > ul > li > a:hover img {margin-top:-80px;}
.tab-type03 > ul > li > a.on img {margin-top:-80px;}
.tab-type03 .tab-category {display:none; position:absolute; margin-top:10px; padding:0 5px; border-radius:14px; border:1px solid #ccc; background:#f7f7f7; overflow:hidden;}
.tab-type03 .tab-category li {float:left; padding:0 5px; background:url("../images/icon/ico_foot_bar2.gif") no-repeat 0 center; overflow:hidden;}
.tab-type03 .tab-category li:first-child {background:none;}
.tab-type03 .tab-category a {display:block; float:left; font-size:13px; font-weight:500; line-height:27px;}

.tab-type04 {overflow:hidden;}
.tab-type04 li {position:relative; float:left; width:189px; height:58px; line-height:58px; margin-left:-1px; text-align:center; border:1px solid #ccc; border-bottom:1px solid #ff6a00;}
.tab-type04 li:first-child {width:188px; margin:0;}
.tab-type04 li.on {border-color:#ff6a00; border-bottom:0; z-index:5;}
.tab-type04 li a {display:block; width:100%; height:58px; line-height:58px; color:#333; font-size:18px; font-weight:400;}
.tab-type04 li.on a {color:#ff6a00;}.tab-type04.col2 li{width: 50% !important}
.tab-type04.col2 li{width: 50% !important}
.tab-type04.col3 li{width: 33.333333333333% !important}
.tab-type04.col4 li{width: 25% !important}

.tab-type05 {margin-bottom:60px; overflow:hidden;}
.tab-type05 li {position:relative; float:left; width:379px; height:58px; line-height:58px; margin-left:-1px; border:1px solid #ccc;}
.tab-type05 li:first-child {width:378px; margin:0;}
.tab-type05 li.on {border-color:#ff6a00; border-bottom:0; z-index:5;}
.tab-type05 li a {display:block; width:100%; height:58px; line-height:58px; color:#333; font-size:18px; font-weight:400; text-align:center;}
.tab-type05 li.on a {color:#ff6a00;}

.tab-menu {margin-bottom:67px;}
.tab-menu > ul {overflow:hidden;}
.tab-menu > ul > li {position:relative; float:left; height:58px; line-height:58px; margin-left:-1px; color:#333; text-align:center; font-weight:400; cursor:pointer; border:1px solid #ccc; border-bottom:1px solid #ff6a00;}
.tab-menu > ul > li:first-child {margin:0;}
.tab-menu > ul > li.on {height:58px; line-height:58px; color:#ff6a00; border:1px solid #ff6a00; border-bottom:0; z-index:1;}

.tab-list > li {display:none;}
.tab-list > li.on {display:block;}

/* check-type01 */
.check-type01 {display:inline; position:relative; top:-3px; left:10px;}
.check-type01 input {position:absolute; left:-9999px;  opacity:0; filter:alpha(opacity=0);}
.check-type01 label {display:inline-block; height:20px; padding:0 0 0 29px; background:url("../images/icon/ico_check.gif") no-repeat left top;}
.check-type01 label.on {background:url("../images/icon/ico_check_on.gif") no-repeat left top;}
.check-type01.agree {top:2px; left:0;}
.check-type01.agree1 {display:block; left:0; margin-bottom:5px;}
.check-type01.agree2 {display:block; left:0;}


/* select-box */
.sel-box01 {float:right;}
.sel-box01 > div {position:relative; display:inline-block; width:150px; text-align:left;}
.sel-box01 > div > a {display:block; height:38px; line-height:38px; padding:0 10px; color:#666; font-size:13px; border:1px solid #c8c8c8; background:#fff url("../images/icon/ico_sel_arr.gif") no-repeat 93% center;}
.sel-box01 > div > ul {position:absolute; top:0; left:0; right:0; display:none; border:2px solid #2b2b2b; background:#fff;}
.sel-box01 > div > ul li a {display:block; padding:0 0 0 9px; height:30px; line-height:30px; color:#666; font-size:13px;}
.sel-box01 > div > ul li a:hover {background:#f4f4f6;}
.sel-box02 {display:inline-block;}
.sel-box03 {display:inline-block;}
.sel-box03 .design-select-box .select-title > a {background-position:96% center;}


/* paging */
.paging {position:relative; height:32px; margin-top:40px; font-size:0; line-height:0; text-align:center;}
.paging a {display:inline-block; width:30px; height:30px; line-height:30px; margin:0 2px; color:#666; font-family:"roboto"; font-size:14px; border:1px solid #ddd; vertical-align:middle;}
.paging a img {vertical-align:middle;}
.paging a.on {color:#fff; background-color:#ff6a00; border-color:#ff6a00;}
.paging p {display:inline-block; padding:0; font-size:0; line-height:0; vertical-align:middle;}
.paging > a {width:32px; height:32px; margin:0 2px; border:0 none;}
.paging > input {width:30px; margin:0 2px 0 18px; padding:0 10px; font-size:14px;}
.paging > .btn01 {display:inline-block; width:54px; height:32px; line-height:32px; margin:0 2px; color:#fff; font-family:"roboto"; font-size:13px; font-weight:400; background:#888; vertical-align:middle;}
.paging > .btn02 {position:absolute; top:0; right:0; display:inline-block; height:40px; padding:0 30px; line-height:40px; color:#fff; font-family:"roboto"; font-size:16px; font-weight:400; background:#ff6a00;}


/* pg-alert */
.pg-alert {margin-top:20px;}
.pg-alert li {color:#999; font-size:14px; font-weight:400; line-height:22px;}
.pg-alert li strong {color:#ff6a00; font-weight:400;}
.pg-alert.ta-r {text-align:right;}
.pg-alert a.popup-btn.agree {float:right; display:block; padding:4px 9px; color:#7d7d7d; font-size:13px; font-weight:400; border:1px solid #dedede; border-radius:3px;}

/* board-list */
.board-list {}
.board-list table {width:100%; border-bottom:1px solid #aaa;}
.board-list table th {padding:19px 0 17px 0; color:#333; font-size:16px; font-weight:400; line-height:24px; border-top:1px solid #333; background:#f5f5f5; text-align:center;}
.board-list table td {padding:19px 0 17px 0; color:#999; font-family:"roboto"; font-size:14px; font-weight:400; line-height:18px; border-top:1px solid #dcdcdc; text-align:center;}
.board-list table td.subject {padding-left:15px; font-family:"roboto"; text-align:left;}
.board-list table td.subject a {color:#333; font-size:16px; font-weight:300;}
.board-list table td.subject a span {padding-right:7px; font-weight:400;}
.board-list table td.subject a span.secret img {margin-top:-2px; vertical-align:top;}
.board-list table td.subject a span.reply {color:#f92424;}
.board-list table td .ico-notice {display:inline-block; width:44px; height:22px; line-height:24px; color:#fff; font-size:11px; background:url("../images/common/board_notice.png") no-repeat; text-align:center;}


/* board-list-search */
.search {position:relative; margin-top:60px; padding:20px 0; text-align:center; background:#f4f4f6;}
.search .sel-box01 {display:inline-block; float:none;}
.search input {width:290px; height:38px; vertical-align:top; font-size:14px; line-height:18px;}
.search > .btn01 {display:inline-block; width:89px; height:40px; line-height:40px; margin:0 0 0 1px; color:#fff; font-family:"roboto"; font-size:16px; font-weight:400; background:#4f4f4f; vertical-align:top;}


/* board-view */
.board-view {border-top:2px solid #444; border-bottom:1px solid #dedede;}
.board-view .num-title {position:relative; padding:20px 20px 15px;}
.board-view .num-title .title {color:#333; font-size:24px; font-weight:400; line-height:26px; overflow:hidden;}
.board-view .num-title .title span.secret img {margin:4px 0 0 5px; vertical-align:top;}
.board-view .num-title .date {margin-top:15px; color:#999; font-family:"roboto"; font-size:14px; font-weight:400; line-height:16px;}
.board-view .num-title .count {color:#999; font-size:13px; text-align:right;}
.board-view .num-title .count a {color:#999;}
.board-view .num-title .count span {color:#ff6a00;}
.board-view .num-title .state {overflow:hidden;}
.board-view .num-title .state > ul {float:right; overflow:hidden;}
.board-view .num-title .state > ul > li {float:left; margin-left:15px; padding-left:15px; color:#999; font-size:13px; background:url(../images/icon/ico_foot_bar2.gif) no-repeat left center;}
.board-view .num-title .state > ul > li:first-child {background:none;}
.board-view .num-title .state > ul > li span {color:#ff6a00;}
.board-view .num-title .state > ul > li > a {color:#999;}
.board-view .num-title .filebox {display:none; position:absolute; top:100px; right:120px; padding:10px 15px; border:2px solid #e1e1e1; background:#fff; z-index:100;}
.board-view .num-title .filebox li {width:270px; margin-top:5px; color:#666; font-size:13px; line-height:22px; overflow:hidden;}
.board-view .num-title .filebox li:first-child {margin-top:0;}
.board-view .num-title .filebox li span {display:block; float:left; width:180px; height:20px; color:#666;}
.board-view .num-title .filebox li a.btn-down {float:right; padding:0 10px; color:#7d7d7d; font-size:13px; line-height:20px; border:1px solid #dedede; border-radius:3px;}
.board-view .num-title .period {overflow:hidden;}
.board-view .num-title .period ul {float:right; overflow:hidden;}
.board-view .num-title .period ul li {float:left; margin-left:15px; padding-left:15px; color:#333; font-size:13px; font-weight:400; background:url(../images/icon/ico_foot_bar2.gif) no-repeat left center;}
.board-view .num-title .period ul li:first-child {background:none;}
.board-view .num-title .period ul li span {color:#999; font-family:"roboto"; font-weight:400; font-size:14px;}
.board-view .con {min-height:200px; padding:40px 20px; color:#666; font-size:14px; font-weight:400; border-top:1px solid #dcdcdc;}
.board-view .con img {max-width:1100px;}


/* recipe-view */
.board-view.recipe .num-title {position:relative; background:#f8f8f8; padding:30px;}
.board-view.recipe .num-title .tit-img {position:relative; width:220px; height:200px; overflow:hidden;}
.board-view.recipe .num-title .tit-area {position:absolute; top:30px; left:300px; width:760px;}
.board-view.recipe .num-title .tit-area .category {display:block; margin-bottom:15px; color:#ff6a00; font-size:20px; font-weight:500;}
.board-view.recipe .num-title .tit-area .title {height:26px; margin-bottom:25px; overflow:hidden;}
.board-view.recipe .num-title .tit-area .title-hint {height:48px; margin-bottom:30px; color:#666; font-size:16px; overflow:hidden;}
.board-view.recipe .num-title .tit-area .title-like > a {display:inline-block; height:27px; line-height:27px; padding:0 10px; color:#7d7d7d; font-size:13px; font-weight:400; border:1px solid #dedede; background:#fff; border-radius:2px;}
.board-view.recipe .num-title .tit-area .title-like > a span {margin-left:5px; color:#333; font-family:"roboto";}
.board-view.recipe .num-title .tit-area .title-like > a img {margin-left:-2px; vertical-align:middle;}
.board-view.recipe .num-title .state {position:absolute; right:30px; bottom:30px; overflow:auto;}
.board-view.recipe .num-title .filebox {top:235px; right:220px;}
.board-view.recipe .con > div {padding:0 200px; border-top:4px dotted #ebebeb;}
.board-view.recipe .con div.con-section01 {min-height:120px; padding:20px 200px 40px; border:0 none; background:url("../images/community/ico_recipe_view01.png") no-repeat 50px 20px;}
.board-view.recipe .con div.con-section02 {min-height:120px; padding:40px 200px; background:url("../images/community/ico_recipe_view02.png") no-repeat 50px 40px;}
.board-view.recipe .con div.con-section03 {min-height:120px; padding:40px 200px; background:url("../images/community/ico_recipe_view03.png") no-repeat 50px 40px;}


/* board-reply */
.board-reply {margin-top:30px;}


/* prev-next */
.prev-next {margin-top:40px; border-top:1px solid #ccc;}
.prev-next table {width:100%; border-bottom:1px solid #999;}
.prev-next table th,
.prev-next table td {padding:18px 0 17px 0; color:#666; font-size:16px; font-weight:400; line-height:18px;}
.prev-next table th {width:98px; padding-left:30px; color:#111; text-align:left;}
.prev-next table th.th-prev {background:#f4f4f4 url("../images/icon/ico_prev_arr.gif") no-repeat 88px 25px;}
.prev-next table th.th-next {background:#f4f4f4 url("../images/icon/ico_next_arr.gif") no-repeat 88px 25px;}
.prev-next table td {padding:0 30px; color:#666;}
.prev-next table td a {color:#666;}
.prev-next table td a:hover {color:#333; text-decoration:underline;}
.prev-next table tr:first-child th,
.prev-next table tr:first-child td {border-bottom:1px solid #dedede;}
.prev-next table td .date {float:right; margin-top:4px; color:#999; font-family:"roboto"; font-size:14px; line-height:18px;}
.prev-next table td span.secret img {margin:-1px 5px 0 0; vertical-align:top;}


/* btn-type */
.btn-type01 {margin-top:30px; text-align:right;}
.btn-type01 a {display:inline-block; height:40px; line-height:40px; padding:0 30px; color:#fff; font-size:16px; font-weight:400; background:#4f4f4f; text-align:center;}
.btn-type01 a.btn01 {color:#fff; background:#4f4f4f;}
.btn-type01 a.btn02 {color:#fff; background:#7f7f7f;}
.btn-type01 a.btn03 {color:#666; background:#fff; height:38px; line-height:38px; padding:0 29px; border:1px solid #7f7f7f;}
.btn-type02 {margin-top:30px; text-align:center;}
.btn-type02 a {display:inline-block; height:50px; line-height:50px; padding:0 30px; color:#fff; font-size:16px; font-weight:400; background:#ff6a00;}
.btn-type02 a.btn02 {height:40px; line-height:40px; background:#4f4f4f;}
.btn-type02 a.btn03 {height:40px; line-height:40px; background:#7f7f7f;}
.btn-type03 {margin-top:30px; text-align:right;}
.btn-type03 a {display:inline-block; height:40px; line-height:40px; padding:0 30px; color:#fff; font-size:16px; font-weight:400; background:#4f4f4f; text-align:center;}
.btn-type03 a.btn01 {color:#fff; background:#ff6a00;}
.btn-type03 a.btn02 {color:#fff; background:#7f7f7f;}
.btn-type04 a {display:inline-block; width:88px; height:38px; line-height:38px; color:#666; font-size:14px; font-weight:400; border:1px solid #dadada; background:#f7f7f7; text-align:center;}
.btn-type04 a.btn02 {margin-left:-1px; background:#fff;}
.btn-type04 a.btn03 {margin-left:-1px; background:#fff; color:#ddd;}

.btn-more {margin-top:50px; text-align:center;}
.btn-more > a {display:inline-block; height:42px; line-height:42px; padding:0 30px; color:#ff6a00; font-size:18px; font-weight:400; border:1px solid #ff6a00; background:#fff; border-radius:22px;}
.btn-more > a img {margin-left:10px; vertical-align:middle;}

.con-btn {margin:20px 0 60px; text-align:center;}
.con-btn a {display:inline-block; width:200px; height:56px; line-height:56px; color:#fff; font-size:20px; font-weight:400; background:#ff6a00; text-align:center;}
.con-btn a.eventBtn{width: 230px;}

/* event-list */
.event-list {margin-top:30px;}
.event-list table {width:100%; border-top:2px solid #444; border-bottom:1px solid #ebebeb;}
.event-list table td {padding:20px; font-family:"roboto"; font-size:14px; font-weight:400; line-height:18px; border-top:1px solid #dcdcdc; text-align:center;}
.event-list table td.banner img {width:213px; height:124px;}
.event-list table td.subject {padding-left:15px; text-align:left;}
.event-list table td.subject a {color:#333; font-size:24px; font-weight:400;}
.event-list table td.subject .date {margin-top:25px; color:#aeaeae; font-family:"roboto"; font-size:14px; line-height:16px;}
.event-list table td.subject .date strong {margin-left:15px; padding:0 15px; color:#666; font-family:"roboto"; font-size:13px; line-height:16px; font-weight:400; background:url(../images/icon/ico_foot_bar2.gif) no-repeat left center;}
.event-list table td.subject .date strong:first-child {margin-left:0; padding-left:0; background:none;}
.event-list table td.event-state {}
.event-list table td.event-state span {display:block; width:107px; height:38px; margin:0; font-size:14px; line-height:38px; color:#666; font-weight:300; text-align:center; border:1px solid #d5d5d5;}
.event-list table td.event-state span.on {color:#ff6a00; border-color:#ff6a00;}
.event-list table td.event-state span.result {color:#78b22b; border-color:#91c749;line-height: normal;}


/* event-view */
.board-utill {margin:20px 0 50px; padding:0 20px; overflow:hidden;}
.board-utill .tag {float:left; width:700px; height:27px; line-height:27px; overflow:hidden;}
.board-utill .tag img {margin-top:5px; margin-right:10px; vertical-align:top;}
.board-utill .tag span {display:inline-block; height:22px; padding:0 10px; color:#666; font-size:13px; font-weight:300; line-height:22px; background:#e8e8e8; border-radius:11px}
.board-utill .share {float:right;}
.board-utill .share li {float:left; margin-left:5px;}
.board-utill .share li.copy {margin-left:20px;}
.board-utill .share li.copy a {display:block; width:141px; height:27px; color:#7d7d7d; font-size:13px; font-weight:400; line-height:27px; text-align:center; border:1px solid #dedede; border-radius:3px;}


/* recipe-list */
.recipe-list {margin-top:30px;}
.recipe-list ul {width:100%; border-top:2px solid #444; overflow:hidden;}
.recipe-list ul li {float:left; width:500px; padding:40px 50px 40px 20px; border-bottom:1px solid #ebebeb;}
.recipe-list ul li .bo-img, .recipe-list ul li .bo-tit {float:left;}
.recipe-list ul li .bo-img {width:218px; height:198px; margin-right:30px; line-height:198px; vertical-align:middle; border:1px solid #ddd; overflow:hidden;}
.recipe-list ul li .bo-img > div {display:table-cell; height:198px; vertical-align:middle;}
.recipe-list ul li .bo-img img {width:218px;}
.recipe-list ul li .bo-tit {width:250px;}
.recipe-list ul li .bo-tit > div {height:126px; margin-top:20px; }
.recipe-list ul li .bo-tit .title {overflow:hidden;}
.recipe-list ul li .bo-tit .title .secret img {margin:3px 5px 0 0; vertical-align:top;}
.recipe-list ul li .bo-tit .title a {color:#333; font-size:18px; line-height:28px; font-weight:400;}
.recipe-list ul li .bo-tit .name-date {margin-top:20px; color:#666; font-size:14px; line-height:16px;}
.recipe-list ul li .bo-tit .name-date .data {margin-left:6px; padding-left:10px; color:#aeaeae; font-family:"roboto"; font-size:12px; font-weight:400; background:url("../images/icon/ico_span_bar.gif") no-repeat 0 center;}
.recipe-list ul li .bo-tit .state > strong {display:inline-block; height:27px; line-height:27px; padding:0 10px; color:#7d7d7d; font-size:13px; font-weight:400; border:1px solid #dedede; background:#fff; border-radius:2px;}
.recipe-list ul li .bo-tit .state > strong span {margin-left:5px; color:#333; font-family:"roboto";}
.recipe-list ul li .bo-tit .state > strong img {vertical-align:middle;}
.recipe-list ul li .bo-tit .state .like {margin-left:2px;}


/* media-list */
.media-list {margin:0 0 0 -30px; overflow:hidden;}
.media-list li {float:left; width:360px; margin:30px 0 0 30px;}
.media-list li > a {position:relative; display:block;}
.media-list li > a img {width:360px; height:203px;}
.media-list li > a span {position:absolute; top:0; left:0; opacity:1; filter:alpha(opacity=100); z-index:10; transition:opacity 0.3s;}
.media-list li > a span.dim-video {opacity:0; filter:alpha(opacity=0); z-index:9;}
.media-list li > a:hover span.dim-video {opacity:1; filter:alpha(opacity=100); transition:opacity 0.3s;}
.media-list li > .title-date {position:relative; height:67px; margin-top:20px; border-bottom:1px solid #dedede;}
.media-list li > .title-date .cate {display:inline-block; height:22px; line-height:22px; padding:0 13px; color:#fff; font-family:"roboto", "roboto"; font-size:14px; font-weight:400; background:#b2b2b2; border-radius:11px;}
.media-list li > .title-date .date {position:absolute; top:0; right:0; color:#aeaeae; font-family:"roboto"; font-size:12px; font-weight:400; line-height:22px;}
.media-list li > .title-date .title {height:24px; margin:7px 0; color:#333; font-size:20px; font-weight:400; line-height:24px; overflow:hidden;}
.media-list li > .text {height:40px; padding:15px 0 0 0; color:#666; font-size:16px; font-weight:400; line-height:20px; overflow:hidden;}


/* board-write */
.board-write {}
.board-write table {width:100%; border-top:2px solid #444; border-bottom:1px solid #dcdcdc;}
.board-write table th {padding:25px 0 25px 15px; color:#333; font-size:16px; font-weight:400; line-height:18px; border-top:1px solid #dcdcdc; text-align:left; vertical-align:top;}
.board-write table th * {font-size:16px; font-weight:400; vertical-align:text-top;}
.board-write table th span {color:#f61818; vertical-align:middle;}
.board-write table th label {color:#333;}
.board-write table td {padding:15px 0 15px 10px; color:#666; font-size:14px; font-weight:300; border-top:1px solid #dcdcdc;}
.board-write table td * {vertical-align:middle;}
.board-write table td strong {color:#df2121; font-size:14px; font-weight:400; vertical-align:top;}
.board-write table td span {display:block; margin-top:7px; color:#999; font-size:13px; font-weight:400;}
.board-write table td label {color:#666; font-size:14px; font-weight:300;}
.board-write table td input[type=text],
.board-write table td input[type=password] {height:38px; color:#333; font-size:14px; font-weight:300; line-height:38px;}
.board-write table td input[type=radio] {margin-top:3px;}
.board-write table td input[type=checkbox] {margin:0 2px 0 0; vertical-align:middle;}
.board-write table td input[type=file] {padding:7px 10px;border:1px solid #d2d2d2;}
.board-write table td label + input[type=radio] {margin-left:15px;}
.board-write table td input + input[type=radio] {margin-left:25px;}
.board-write table td label + input[type=checkbox] {margin-left:15px;}
.board-write table td textarea {color:#333; font-size:14px; font-weight:300;}
.board-write table td .btn01 {display:inline-block; height:38px; line-height:38px; margin-left:5px; padding:0 21px; color:#fff; font-size:13px; font-weight:400; background:#787878; text-align:center;}
.board-write table td .division01 {margin-top:10px;}
.board-write table td .division02 {margin-top:20px;}
.board-write .bo-file-name {position:relative; margin-bottom:7px;}
.board-write table td .bo-file-name input {color:#999;}
.board-write .bo-file-name a.btn-file-del {vertical-align:top; margin-left:2px;}
.board-write .bo-file {position:relative; margin-bottom:7px;}
.board-write .bo-file input[type=file] {width:88px; height:38px; padding:0; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
.board-write .bo-file label {display:block; position:absolute; top:0; left:409px; width:90px; height:40px; line-height:40px; color:#fff; text-align:center; background:#7f7f7f; cursor:pointer;}
.board-write .bo-file a.btn-file-add {position:absolute; top:0; left:504px;}
.board-write .bo-file a.btn-file-del {position:absolute; top:0; left:549px;}


/* comment */
.comment-area a.btn-comm {padding:2px 10px; color:#7d7d7d; font-size:13px; font-weight:400; border:1px solid #dedede; border-radius:3px; background:#fff;}
.comment-area .btn-comm-del {display:inline-block; height:40px; padding:0 20px; line-height:40px; color:#fff; font-size:14px; font-weight:400; background:#4f4f4f;}

.comm-write {position:relative; padding:20px; background-color:#f4f4f6;}
.comm-write input {margin-left:5px; vertical-align:top;}
.comm-write input[type=text],
.comm-write input[type=password] {height:38px; color:#333; font-size:14px; font-weight:300; line-height:38px;}
.comm-write input[type=radio] {margin-top:3px;}
.comm-write input[type=checkbox] {margin:0 2px 0 0; vertical-align:middle;}
.comm-write input[type=file] {padding:7px 10px;border:1px solid #d2d2d2;}
.comm-write .write-top {width:968px; margin-bottom:10px;}
.comm-write .write-top .btn-ggcon {display:inline-block; width:100px; height:38px; padding:0 10px; line-height:38px; color:#ff6a00; font-size:14px; font-weight:400; border:1px solid #ff6a00; background:#fff url("../images/icon/ico_sel_arr2.gif") no-repeat 100px center;}
.comm-write .write-top .btn-comm {float:right; vertical-align:top; margin-top:7px;}
.comm-write .write-con {overflow:hidden;}
.comm-write .write-con .ggcon {float:left; height:100px; margin-right:3px;}
.comm-write .write-con textarea {margin-left:5px; color:#333; font-size:14px; line-height:22px; font-weight:300; vertical-align:top;}
.comm-write .write-con a {display:inline-block; width:120px; height:100px; margin-left:5px; color:#fff; font-size:16px; line-height:100px; border:0 none; background:#ff6a00; text-align:center;}
.comm-write .write-con a.w_evtbtn{line-height: normal;padding-top: 27px;box-sizing: border-box;}

.ggcon-layer {display:none; position:absolute; top:70px; width:658px; padding:20px; border:1px solid #838383; background:#fff;}
.ggcon-layer ul {overflow:hidden;}
.ggcon-layer ul li {float:left; margin-left:-1px; border:1px solid #e9e9e9;}
.ggcon-layer ul li:first-child {margin:0;}
.ggcon-layer .btn-close {position:absolute; top:20px; right:20px;}

.comm-view {margin:30px 0 0}
.comm-view p.comm-total {margin-bottom:20px; padding:0 20px; color:#666; font-size:14px; font-weight:400;}
.comm-view p.comm-total span {color:#ff6a00; font-weight:500;}
.comm-view .comm-list {border-top:1px solid #838383;}
.comm-view .comm-list td {padding:30px 0; border-bottom:1px solid #e1e1e1;}
.comm-view .comm-list td.comm-l {padding:30px 0; text-align:center; vertical-align:top;}
.comm-view .comm-list td.comm-l > img {width:83px; height:63px; border:1px solid #e9e9e9;}
.comm-view .comm-list td.comm-c .comm-nick {margin-bottom:10px;}
.comm-view .comm-list td.comm-c .comm-nick .nick {margin-right:18px; color:#333; font-weight:500;}
.comm-view .comm-list td.comm-c .comm-nick .date {margin-right:40px; color:#a09f9f; font-size:12px;}
.comm-view .comm-list td.comm-c .comm-txt {color:#666; font-size:14px; font-weight:400;}
.comm-view .comm-list td.comm-c .comm-txt strong {margin-right:5px; color:#444; font-size:15px; font-weight:500;}
.comm-view .comm-list td.comm-r {padding:30px 0; text-align:center;}
.comm-view .comm-list td.comm-r .comm-btn li {display:inline; font-size:13px; line-height:24px; padding:0 14px 0 5px;}
.comm-view .comm-list td.comm-r .comm-btn li:first-child {background:url("../images/icon/ico_foot_bar2.gif") no-repeat right center;}
.comm-view .comm-list td.comm-r .comm-btn li a {color:#666; font-size:13px; line-height:24px; font-weight:400;}
.comm-view .comm-list td.comm-l.reply {padding-left:65px; background:url("../images/community/bg_reply_line.gif") no-repeat 35px 30px}
.comm-view .comm-list td.comm-c.reply {padding-left:34px;}
.comm-view .comm-list td.auth {padding:20px; color:#999; font-size:14px; font-weight:400; text-align:left; background:#f4f4f6;}
.comm-view .comm-list td.auth input {margin:0 10px 0 0; height:38px; color:#333; font-size:14px; font-weight:300; line-height:38px;}
.comm-view .comm-list td.auth a.btn-comm {margin-left:20px;}
.comm-view .comm-list td.comm-r.auth {text-align:right;}


/* 약관보기 버튼 */
.board-write a.popup-btn.agree {float:right; display:block; margin-right:20px; padding:4px 9px; color:#7d7d7d; font-size:13px; font-weight:400; border:1px solid #dedede; border-radius:3px;}


/* agree-area */
.agree-area {height:100px; padding:10px; border:1px solid #c8c8c8; overflow-x:hidden; overflow-y:auto;}


/* layer */
.layer-popup {display:none; position:absolute; left:50%; z-index:1000; }
.layer-popup.test {display:block;}
.layer-wrap {background:transparent;}
.layer-wrap .close {position:absolute; top:5px; right:10px; display:inline-block; padding:10px;}
.layer-wrap .close-btn {position:absolute; top:5px; right:-30px; display:block;}
.layer-head {height:52px; background:#ff6a00;}
.layer-head h4 {padding:0 0 0 30px; color:#fff; font-size:18px; font-weight:400; line-height:52px;}
.layer-con {padding:30px 30px 40px 30px; background:#fff;}
.layer-con .coment01 {display:table; width:100%; height:85px; margin-bottom:30px;}
.layer-con .coment01 p {display:table-cell; height:100%; color:#666; font-size:14px; font-weight:400; line-height:18px; vertical-align:middle;}
.layer-con .coment01 p strong {display:block; margin-bottom:15px; color:#333; font-size:20px; line-height:32px; font-weight:500;}
.layer-con .coment01 p span {display:block; margin-left:10px;}
.layer-con h5 {margin-bottom:15px; color:#333; font-size:18px; font-weight:400; line-height:20px;}
.layer-con .board-write table {border-top:1px solid #666; border-bottom:0 none;}
.layer-con .con-btn {margin:20px 0 0 0; text-align:center;}


/* auth */
.auth {padding-top:100px; text-align:center;}
.auth p {margin-bottom:30px; color:#333; font-size:24px; font-weight:400; line-height:40px;}
.auth p strong {color:#ff6a00; font-weight:400;}
.auth p span {color:#666; font-size:16px; font-weight:300;}
.auth input[type=password] {height:38px; margin-bottom:20px; padding:0 10px; font-size:13px; font-weight:300; line-height:38px;}


/* faq-tab */
.faq-box > div {display:none; margin-top:40px; border-top:1px solid #838383;}
.faq-box > div.on {display:block;}
.faq-box > div ul li {border-bottom:1px solid #ebebeb;}
.faq-box > div ul li a {display:block; padding:15px 30px 15px 70px; color:#333; font-size:16px; font-weight:400; background:url("../images/icon/ico_faq_q.png") no-repeat 27px center;}
.faq-box > div ul li div {display:none; padding:20px 30px 20px 110px; color:#666; font-size:14px; border-top:1px solid #ebebeb; background:#f4f4f6 url("../images/icon/ico_faq_a.png") no-repeat 40px 15px;}
.faq-box > div ul li div p {color:#666; font-size:14px; font-weight:400;}


/* brand */
.brand-title01 {margin-bottom:25px; color:#111; font-family:"roboto"; font-size:46px; font-weight:500; line-height:50px;}
.brand-coment01 {margin-left:20px; color:#666; font-size:16px; font-weight:400; line-height:24px;}
.brand-product .visual {height:570px; border-bottom:1px solid #838383; background:url("../images/brand/brand01_samyang.jpg") no-repeat right 0;}
.brand-product .visual.bb0{border-bottom: 0;}
.brand-product .visual .text {padding:225px 570px 0 0; text-align:center;}
.brand-product .visual .text .txt01 {margin-bottom:25px; color:#ff6a00; font-size:42px; font-weight:400; line-height:46px; letter-spacing:-1px;}
.brand-product .visual .text .txt02 {margin-bottom:35px; color:#333; font-size:24px; line-height:28px; font-weight:400; letter-spacing:-1px;}
.brand-product .visual .text .brand-btn {overflow:hidden;}
.brand-product .visual .text .brand-btn a {display:inline-block; width:190px; margin:0 2px; color:#fff; font-size:20px; line-height:56px; text-align:center;}
.brand-product .visual .text .brand-btn .btn01 {background:#7f7f7f;}
.brand-product .visual .text .brand-btn .btn02 {background:#ff6a00;}

.brand-product.brand02 .visual {background:url("../images/brand/buldak_ram.jpg") no-repeat right 0;}
.brand-product.brand03 .visual {background:url("../images/brand/kimchi_ram.jpg") no-repeat right 0;}
.brand-product.brand04 .visual {background:url("../images/brand/zza.jpg") no-repeat right 0;}
.brand-product.brand05 .visual {background:url("../images/brand/buldak_sauce_background.jpg") no-repeat right 0;}
.brand-product.brand05 .visual .text {padding-top:280px;}
.brand-product.brand05 .visual .text .txt01 {font-size:42px; line-height:48px}


.brand-product .brand-list ul li {position:relative; margin-bottom:70px; overflow:hidden;}
.brand-product .brand-list ul li > div {float:left;}
.brand-product .brand-list .brand-thumb {}
.brand-product .brand-list .brand-info {width:570px; height:318px; margin-left:33px;}
.brand-product .brand-list .brand-info h4 {font-size:33px; font-weight:400;}
.brand-product .brand-list .brand-info .brand-name-ko {display:block; margin-bottom:10px; font-family:"Noto Sans"; font-size:22px; font-weight:300;}
.brand-product .brand-list .brand-info p {margin-bottom:15px; color:#666; font-size:16px;}
.brand-product .brand-list .brand-info table {position:absolute; bottom:0; width:570px; font-family:"roboto"; border-top:1px solid #838383; border-bottom:1px solid #838383;}
.brand-product .brand-list .brand-info table tr {border-top:1px solid #ebebeb;}
.brand-product .brand-list .brand-info table tr:first-child {border-top:0 none}
.brand-product .brand-list .brand-info table tr th {padding:15px 0; font-size:14px; font-weight:400; text-indent:30px; background:#f6f6f8;}
.brand-product .brand-list .brand-info table tr td {padding:15px 20px; color:#666; font-size:14px;}


/* pr-video */
.ct-selectbox {position:absolute; top:0; right:0; z-index:20;}

.pr-video {border-top:2px solid #444; border-bottom:1px solid #999;}
.pr-video .media-list {padding:30px 0;}

.media-wrap {display:none; position:relative; padding:40px 0 55px; min-width:1140px; background:#f4f4f6; opacity:0; filter:alpha(opacity=0);}
.media-wrap .media-box {position:relative; width:544px; margin:0 auto; padding:19px; border:1px solid #e1e1e1; background:#fff;}
.media-wrap .media-box .title-date {position:relative; height:80px; margin-top:25px; border-bottom:1px solid #dedede;}
.media-wrap .media-box .title-date .cate {display:inline-block; height:22px; line-height:22px; padding:0 13px; color:#fff; font-family:"roboto", "roboto"; font-size:13px; font-weight:400; background:#b2b2b2; border-radius:11px;}
.media-wrap .media-box .title-date .date {position:absolute; top:0; right:0; color:#aeaeae; font-family:"roboto"; font-size:12px; font-weight:400; line-height:22px;}
.media-wrap .media-box .title-date .title {height:40px; margin-top:10px; color:#333; font-size:22px; font-weight:500; line-height:24px;}
.media-wrap .media-box .text {padding:15px 0 0 0; color:#666; font-size:16px; font-weight:400; line-height:20px;}
.media-wrap .media-box .btn-close {position:absolute; top:-1px; left:582px; padding:10px; border:1px solid #dedede; background:#fff;}

/* hochi_friends */
.friends-visual {margin-top:60px;}
.friends-visual ul li:first-child {margin:0;}
.friends-visual ul li img {vertical-align:top;}


/* product-list */
.product-box > div {display:none;}
.product-box > div.on {display:block;}
.product-list {padding:30px 0; border-top:2px solid #333; border-bottom:1px solid #dedede;}
.product-list ul {overflow:hidden;}
.product-list li {float:left; width:20%; margin:35px 0 45px; color:#333; font-size:18px; font-weight:400; text-align:center;}
.product-list li > div {margin-bottom:20px; font-size:15px;}
.product-list li > div > a > img {width:150px; height:150px;}
.product-list li > div.btn-type04 {width:187px; margin:0 auto;}
/* .product-list li > div.btn-type04 a {float:right;}
.product-list li > div.btn-type04 a:first-child {float:left;} */
.product-list li > div.btn-type04 a.btn03 {height:32px; padding:3px 0; line-height:16px; margin-left:-1px; background:#fff; color:#ddd; word-break:break-word; overflow:hidden;}




/* product-view */
.prod-tit-txt {float:left; color:#666; font-size:16px; line-height:20px;}
.product-view-wrap {padding:70px 0 0; border-top:2px solid #666;}
.product-view-wrap .view-box {overflow:hidden;}
.product-view-wrap .view-box .product-view-img {float:left; width:535px; height:487px; border:1px solid #e4e4e4; vertical-align:middle; text-align:center; overflow:hidden;}
.product-view-wrap .view-box .product-view-img img {width:100%; height:100%;}
.product-view-wrap .view-box .product-data {float:right; width:570px; padding-top:10px;}
.product-view-wrap .view-box .product-data ul {margin-top:39px; overflow:hidden;}
.product-view-wrap .view-box .product-data ul li {float:left; width:25%; line-height:40px; color:#666; font-size:14px; text-align:center;}
.product-view-wrap .view-box .product-data ul li div {height:50px;}
.product-view-wrap .view-box .product-data ul li > p {width:90px; margin:0 auto; color:#333; font-family:"roboto"; font-size:20px; font-weight:700; border-top:1px solid #e4e4e4;}
.product-view-wrap .view-box .product-data ul li > p > strong {font-family:"roboto"; font-size:17px; font-weight:500;}
.product-view-wrap .view-box .product-data table {margin-top:55px; border-top:1px solid #888; border-bottom:1px solid #888;}
.product-view-wrap .view-box .product-data table th {height:50px; color:#333; font-size:14px; line-height:18px; font-weight:400; background:#f6f6f8; text-align:left; text-indent:30px;}
.product-view-wrap .view-box .product-data table td {padding:0 30px; height:50px; color:#666; font-size:14px; line-height:18px; text-align:left;}
.product-view-wrap .view-box .btn-product {margin-top:45px; height:56px; text-align:right; overflow:hidden;}
.product-view-wrap .view-box .btn-product a {display:inline-block; width:187px; height:56px; line-height:56px; color:#fff; font-size:20px; font-weight:400; text-align:center;}
.product-view-wrap .view-box .btn-product a.btn01 {background:#4f4f4f;}
.product-view-wrap .view-box .btn-product a.btn02 {background:#ff6a00;}
.product-view-wrap .view-box .btn-product a.btn03 {background:#7f7f7f;}
.product-view-wrap h4 {margin:60px 0 30px; color:#333; font-size:26px; line-height:30px; font-weight:500;}
.product-view-wrap h4 span {float:right; margin-top:25px; color:#999; font-size:14px; font-weight:300;}
.product-view-wrap h5 {margin:60px 0 30px; color:#333; font-size:22px; line-height:30px; font-weight:500;}
.product-view-wrap .view-table table {border-top:1px solid #888; border-bottom:1px solid #888; clear:both;}
.product-view-wrap .view-table table thead th {height:50px; color:#333; font-size:14px; line-height:18px; font-weight:400;}
.product-view-wrap .view-table table thead th:first-child {background:#f6f6f8; text-align:left; text-indent:30px;}
.product-view-wrap .view-table table tbody th {height:50px; padding:0 20px 0 30px; color:#333; font-size:14px; line-height:18px; font-weight:400; background:#f6f6f8; text-align:left;}
.product-view-wrap .view-table table tbody td {height:50px; color:#666; font-size:14px; line-height:18px; font-weight:300; text-align:center;}
.product-view-wrap .view-table .pg-alert strong {color:#333;}
.product-view-wrap .product-view-text ul {margin-left:20px;}
.product-view-wrap .product-view-text ul li {list-style:disc;}
.product-view-wrap .product-view-text.area01 p {font-size:22px;}
.view-table h4 {margin:60px 0 30px; color:#333; font-size:26px; line-height:30px; font-weight:500;}
.view-table table {border-top:1px solid #888; border-bottom:1px solid #888; clear:both;}
.view-table table thead th {height:50px; color:#333; font-size:14px; line-height:18px; font-weight:400; border-left:1px solid #ebebeb;}
.view-table table thead th:first-child {background:#f6f6f8; text-align:left; text-indent:25px; border:0 none;}
.view-table table tbody th {height:50px; padding:10px 20px 10px 25px; color:#333; font-size:14px; line-height:18px; font-weight:400; border-top:1px solid #ebebeb; background:#f6f6f8; text-align:left;}
.view-table table tbody td {height:50px; color:#666; font-size:14px; line-height:18px; font-weight:300; text-align:center; border-left:1px solid #ebebeb; border-top:1px solid #ddd;}
.view-table .pg-alert strong {color:#333;}

/* family01 */
#container.type100 > div {width:1140px; margin:0 auto;}
#container.type100 > div.sub-title01 {margin-bottom:30px;}
#container.type100 > div.family-mapbox {width:1100px; margin:0 auto; padding:60px 0 0; overflow:hidden;}
#container.type100 > div.family-box02 {position:relative; width:100%; height:821px; padding:80px 0 100px; background:url("../images/family/family01_ecogreen.jpg") no-repeat center 0; overflow:hidden;}
.family-text {width:1100px; margin:0 auto; word-break:break-word; overflow:hidden;}
.family-text h4 {margin-bottom:30px; color:#333; font-size:36px; line-height:40px; font-weight:500;}
.family-text h4 span {display:block; font-size:18px; line-height:25px; font-weight:400;}
.family-text p {color:#666;}
.family-text p strong {color:#ff6a00; font-size:18px; font-weight:400;}
.family-box01 {padding:70px 0 80px; border-top:2px solid #444;}
.family-box02 .family-text .txt01 {margin-bottom:20px;}
.family-box02 .family-text .txt02 {}
.family-box02 .family-text .txt03 {position:absolute; bottom:150px; width:420px;}
.family-box03 .family-text {padding:50px 0 10px; border-bottom:1px solid #838383;}
.family-box03 h4 {margin-bottom:20px; font-size:28px; line-height:40px;}
.family-box03 p {margin-bottom:45px;}
.family-box03 p strong {display:block; margin-bottom:10px; font-weight:400;}
.family-box03 .img01 {margin-bottom:45px;}
.family-box03 .family-media {margin:0 0 35px -60px; overflow:hidden;}
.family-box03 .family-media li {float:left; width:520px; margin:0 0 0 60px;}
.family-box03 .family-media li > a {position:relative; display:block;}
.family-box03 .family-media li > a img {width:520px; height:304px;}
.family-box03 .family-media li > a span {position:absolute; top:0; left:0; opacity:1; filter:alpha(opacity=100); z-index:10; transition:opacity 0.3s;}
.family-box03 .family-media li > a span.dim-video {opacity:0; filter:alpha(opacity=0); z-index:9;}
.family-box03 .family-media li > a:hover span.dim-video {opacity:1; filter:alpha(opacity=100); transition:opacity 0.3s;}
.family-box03 .family-gallery {margin:0 0 30px -60px; overflow:hidden;}
.family-box03 .family-gallery li {float:left; width:520px; margin:0 0 30px 60px;}
.family-mapbox {width:1100px; margin:0 auto; padding:60px 0 0; overflow:hidden;}
.family-mapbox h4 {margin-bottom:30px; color:#333; font-size:36px; line-height:40px; font-weight:500;}
.family-mapbox p {padding-bottom:20px; color:#666; border-bottom:1px solid #e1e1e1;}
.family-mapbox #familyMap {width:1100px; height:620px; margin-bottom:40px;}
.family-mapbox .contact {padding-top:0;}
.btn-link {margin-top:30px;}
.btn-link .btn01 {display:inline-block; padding:0 40px 0 20px; color:#fff; font-size:16px; line-height:40px; font-weight:400; background:#4f4f4f url("../images/icon/ico_btn_arrow.png") no-repeat 90% center;}
.btn-link .btn02 {display:inline-block; padding:0 40px 0 20px; color:#fff; font-size:16px; line-height:40px; font-weight:400; background:#7f7f7f url("../images/icon/ico_btn_arrow.png") no-repeat 90% center;}

/* family02 */
.family02-box01 {padding:60px 0; border-top:2px solid #444; overflow:hidden;}
.family02-box01 .family-logo {float:left; width:50%; overflow:hidden;}
.family02-box01 .family-info {position:relative; float:left; width:450px; height:220px; padding:50px 50px; background-color:#f4f4f6;}
.family02-box01 .family-info h4 {margin-bottom:30px; color:#111; font-size:30px; line-height:34px; font-weight:500;}
.family02-box01 .family-info .btn-link {position:absolute; bottom:50px;}
.family02-box01 .familyinfo-box {width:1100px; height:320px; margin:0 auto 80px;}
.family-brand-tab {width:1100px; margin:0 auto; padding-bottom:75px; border-bottom:1px solid #838383; overflow:hidden;}
.family-brand-tab ul li {float:left; width:243px; height:243px; margin-left:40px; border:1px solid #fff; cursor:pointer;}
.family-brand-tab ul li:first-child {margin:0;}
.family-brand-tab ul li.on {border-color:#24262a;}
.family-brand-warp {width:1100px; margin:0 auto; word-break:break-word;}
.family-brand-warp h4 {margin-bottom:30px; color:#111; font-size:30px; line-height:34px; font-weight:500;}
.family-brand-warp h4 span {color:#ff6a00; font-size:18px; font-weight:400;}
.family-brand-warp .fambrand-box {padding:60px 0 32px; border-bottom:1px solid #838383;}
.family-brand-warp .fambrand-box .fam-txt {color:#666; font-size:16px;}
.family-brand-warp .fambrand-box .brand-menu {width:1128px; margin-left:-28px; margin-top:60px; overflow:hidden;}
.family-brand-warp .fambrand-box .brand-menu li {float:left; width:490px; margin:0 0 28px 28px; padding:22px; border:1px solid #e1e1e1;}
.family-brand-warp .fambrand-box .brand-menu li > div {float:left;}
.family-brand-warp .fambrand-box .brand-menu li .menu-info {margin-left:30px;}
.family-brand-warp .fambrand-box .brand-menu li .menu-info > span {display:block;}
.family-brand-warp .fambrand-box .brand-menu li .menu-info > span.menu-type {padding:15px 0; color:#ff6a00; font-family:"roboto"; font-size:16px; font-weight:700;}
.family-brand-warp .fambrand-box .brand-menu li .menu-info > span.menu-name {margin-bottom:10px; color:#333; font-size:20px; font-weight:500;}
.family-brand-warp .fambrand-box .brand-menu li .menu-info > span.menu-name-eng {font-family:"roboto"; font-weight:400;}
.family-brand-warp .fambrand-box .brand-menu li .menu-info > span.menu-eng {padding-top:15px; color:#999; font-family:"roboto"; font-size:13px; font-weight:400; background:url("../images/family/menu_eng_line.gif") no-repeat top left;}
.family-brand-warp .family-branch {position:relative; padding:60px 0 32px;}
.family-brand-warp .family-branch .branch-tab {position:absolute; top:60px; right:0; overflow:hidden;}
.family-brand-warp .family-branch .branch-tab li {float:left; margin-left:10px;}
.family-brand-warp .family-branch .branch-tab li a {display:block; height:38px; line-height:38px; color:#111; font-size:16px; text-align:center; border:1px solid #111;}
.family-brand-warp .family-branch .branch-tab li.on a {color:#fff; border-color:#ff6a00; background:#ff6a00;}
.family-brand-warp > ul > li {display:none;}
.family-brand-warp > ul > li.active {display:block;}
.family-brand-warp .family-branch .branch-list > li {display:none;}
.family-brand-warp .family-branch .branch-list > li.active {display:block;}
.family-brand-warp .family-branch .branch-box {height:369px; overflow:hidden;}
.family-brand-warp .family-branch .branch-box .branch-info {float:left; width:337px; height:329px; padding:40px 50px 0; color:#fff; background:url("../images/family/branch_bg.jpg") no-repeat top left;}
.family-brand-warp .family-branch .branch-box .branch-info.branch02 {background:url("../images/family/branch_bg2.jpg") no-repeat top left;}
.family-brand-warp .family-branch .branch-box .branch-info.branch03 {background:url("../images/family/branch_bg3.jpg") no-repeat top left;}
.family-brand-warp .family-branch .branch-box .branch-info.branch04 {background:url("../images/family/branch_bg4.jpg") no-repeat top left;}
.family-brand-warp .family-branch .branch-box .branch-info h5 {margin-bottom:20px; padding-bottom:20px; font-size:32px; font-weight:400; background:url("../images/family/branch_tit_line.gif") no-repeat bottom left;}
.family-brand-warp .family-branch .branch-box .branch-info p {margin-bottom:25px; font-size:13px;}
.family-brand-warp .family-branch .branch-box .branch-info .branch-img {overflow:hidden;}
.family-brand-warp .family-branch .branch-box .branch-info .branch-img li {float:left; width:88px; height:74px; margin-left:10px;}
.family-brand-warp .family-branch .branch-box .branch-info .branch-img li a {display:block; width:88px; height:72px; padding:1px;}
.family-brand-warp .family-branch .branch-box .branch-info .branch-img li a:hover {padding:0; border:1px solid #fff; overflow:hidden;}
.family-brand-warp .family-branch .branch-box .branch-info .branch-img li a.on {padding:0; border:1px solid #fff; overflow:hidden;}
.family-brand-warp .family-branch .branch-box .branch-info .branch-img li a.on img {margin-top:-75px;}
.family-brand-warp .family-branch .branch-box .branch-viewer {float:left; width:663px; overflow:hidden;}
.family-brand-warp .family-branch .branch-box .branch-viewer li {display:none;}
.family-brand-warp .family-branch .branch-box .branch-viewer li:first-child {display:block;}

/* family03 */
.family03-box01 {padding:60px 0; border-top:2px solid #444; word-break:break-word; overflow:hidden;}
.family03-box01 .familyinfo-box {overflow:hidden;}
.family03-box01 .familyinfo-box > div {float:left;}
.family03-box01 .familyinfo-box .family-info {width:480px; height:360px; padding:60px 40px 0; background:url("../images/family/family03_box01.jpg") no-repeat;}
.family03-box01 .familyinfo-box .family-info h4 {margin-bottom:30px; padding-bottom:30px; color:#fff; font-size:33px; line-height:40px; font-weight:400; background:url("../images/family/family03_line.jpg") no-repeat left bottom}
.family03-box01 .familyinfo-box .family-info p {color:#fff; line-height:26px;}
.family03-box01 .familyinfo-box .family-logo {width:580px;}
.family03-box02 , .family-history{width:1100px; margin:0 auto 40px; border-bottom:1px solid #838383; word-break:break-word;}
.family03-box02 h4, .family03-box03 h4, .family-history h4 {margin-bottom:25px; color:#333; font-size:28px; line-height:40px; font-weight:500;}
.family03-box02 p, .family03-box03 p, .family-history p {margin-bottom:45px; color:#666; line-height:24px;}
.family03-box02 ul {margin-bottom:40px; overflow:hidden;}
.family03-box02 ul li {float:left; margin-left:14px;}
.family03-box02 ul li:first-child {margin:0;}
.family03-box03 h4 {width:1100px; margin:0 auto 40px;}
.family03-box03 .tab-con li {display:none; text-align:center;}
.family03-box03 .tab-con li.active {display:block;}
.family-history .history-list {margin-bottom:60px; overflow:hidden;}
.family-history .history-list .history-table1 {float:left; width:520px;}
.family-history .history-list .history-table2 {float:right; width:560px;}
.family-history .history-list table tr {border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
.family-history .history-list table th {width:85px; padding:20px 0; color:#333; font-size:18px; line-height:26px; font-weight:500; text-align:center;}
.family-history .history-list table td {padding:20px 0; color:#666; font-size:14px; line-height:22px; word-break:break-word;}
.family-history .history-list table td.month {width:35px; padding-left:10px; padding-right:10px; color:#333; font-weight:500; background:url("../images/icon/ico_foot_bar2.gif") no-repeat 0 center;}

/* family04 */
.family04-box01 {padding:60px 0; border-top:2px solid #444; word-break:break-word; overflow:hidden;}
.family04-box01 .familyinfo-box {overflow:hidden;}
.family04-box01 .familyinfo-box > div {float:left;}
.family04-box01 .familyinfo-box .family-info {width:440px; height:300px; padding:60px; background:url("../images/family/family04_box01.jpg") no-repeat;}
.family04-box01 .familyinfo-box .family-info h4 {margin-bottom:40px; padding-bottom:40px; color:#fff; font-size:36px; line-height:40px; font-weight:400; background:url("../images/family/family03_line.jpg") no-repeat left bottom}
.family04-box01 .familyinfo-box .family-info p {color:#fff; line-height:26px;}
.family04-box01 .familyinfo-box .family-logo {width:580px;}
.family04-box02, .family04-box03 {width:1100px; margin:0 auto 60px;}
.family04-box02 h4, .family04-box03 h4 {margin-bottom:25px; color:#333; font-size:28px; line-height:40px; font-weight:500;}
.family04-box02 p, .family04-box03 p {margin-bottom:45px; color:#666; line-height:24px;}
.family04-box02 table, .family04-box03 table {border-top:1px solid #838383; border-bottom:1px solid #838383;}
.family04-box02 table th {padding:13px 0 13px 30px; font-size:14px; background:#f6f6f8; font-weight:400; text-align:left; border-top:1px solid #ebebeb;}
.family04-box02 table td {padding:13px 0 13px 30px; font-size:14px; border-top:1px solid #ebebeb;}
.family04-box02 table tr:first-child th, .family04-box02 table tr:first-child td {border-top:1px solid #838383;}
.family04-box03 h4 {width:1100px; margin:0 auto 40px; padding-top:20px;}
.family04-box03 table thead th {padding:13px 0 13px 0; font-size:14px; background:#f6f6f8; font-weight:400; border-top:1px solid #838383; border-bottom:1px solid #ebebeb; background:#f6f6f8 url("../images/company/table_line.png") no-repeat 0 center;}
.family04-box03 table thead th:first-child {background:#f6f6f8;}
.family04-box03 table tbody td {padding:20px 35px; border-left:1px solid #ebebeb;}
.family04-box03 table tbody td:first-child {border:0 none;}
.family04-box03 .table-list li {padding-left:10px; background:url("../images/icon/ico_nav_dot3.png") no-repeat left center;}
.family04-box04 h4 {width:1100px; margin:0 auto 40px; color:#333; font-size:28px; line-height:40px; font-weight:500;}
.family04-box04 .tab-con {text-align:center;}

/*directions*/
.tab-type04.directions li a {font-size:14px;}
.tab-type04.directions li a.wordbreak{line-height:1.3;padding:11px 0 0;}

.directions-mapbox {width:1100px; margin:0 auto; padding-top:78px;}
.directions-mapbox #directionsMap {width:1100px; height:620px; margin:0 auto;}
.contact {width:1100px; margin:0 auto; padding:35px 0; overflow:hidden;}
.contact .address {float:left; padding-left:32px; color:#333; font-size:16px; line-height:22px; font-weight:400; background:url("../images/icon/ico_map.png") no-repeat center left; }
.contact .number {float:right; color:#666; font-size:14px;}
.contact .number .tel {display:inline-block; height:20px; padding-left:28px; background:url("../images/icon/ico_tel.png") no-repeat center left;}
.contact .number .fax {display:inline-block; height:20px; margin-left:25px; padding-left:26px; background:url("../images/icon/ico_fax.png") no-repeat center left;}

.navigation {width:1100px; margin:0 auto; padding:40px 0 20px; border-top:1px solid #e1e1e1;}
.navigation h4 {margin-bottom:30px; color:#111; font-size:18px; font-weight:400;}
.navigation dl {margin-bottom:20px;}
.navigation dt {margin-bottom:10px; color:#111; font-size:16px; font-weight:400;}
.navigation dd {padding-left:10px; color:#666; font-size:14px; line-height:22px; background:url("../images/icon/ico_nav_dot.png") no-repeat 2px 10px;}
.navigation dd span {color:#ff6a00;}

.directions-search {width:1018px; margin:50px auto 60px; padding:40px; background:#f4f4f6; border:1px solid #e1e1e1; text-align:center;}
.directions-search p {margin-bottom:20px; color:#333; font-size:18px; font-weight:400;}
.directions-search p strong {color:#ff6a00; font-weight:400;}

.directions-search-list h4 {margin-bottom:30px; color:#333; font-size:26px; font-weight:500;}
.directions-search-list table {border-top:1px solid #838383; border-bottom:1px solid #838383;}
.directions-search-list table th {height:50px; color:#333; font-size:14px; background:#f6f6f8 url("../images/company/table_line.png") no-repeat 0 center;}
.directions-search-list table th:first-child {background:#f6f6f8;}
.directions-search-list table td {padding:10px 0; color:#666; font-size:14px; line-height:22px;  border-top:1px solid #ebebeb; text-align:center;}

/* company */
.company-tab {overflow:hidden;}
.company-tab li {position:relative; float:left; width:227px; height:58px; line-height:58px; margin-left:-1px; text-align:center; border:1px solid #ccc; border-bottom:1px solid #ff6a00;}
.company-tab li:first-child {width:226px; margin:0;}
.company-tab li.on {border-color:#ff6a00; border-bottom:0; z-index:5;}
.company-tab li a {display:block;width:100%; height:58px; line-height:58px; color:#333; font-size:18px; font-weight:400;}
.company-tab li.on a {color:#ff6a00;}

.company-list {word-break:break-word;}
.company-list > ul > li {display:none;}
.company-list > ul > li.active {display:block;}

.company-intro {width:1100px; height:1950px; margin:80px auto 0; background:url("../images/company/intro_bg.jpg") no-repeat;}
.company-intro p.intro-txt {width:615px; color:#666; font-size:16px; line-height:24px;}
.company-intro p.intro-txt strong {display:block; color:#ff6a00; font-size:18px; line-height:26px; font-weight:400; margin-bottom:15px;}
.company-intro p.intro-txt.txt02 {width:430px; margin:40px 0 0 665px;}
.company-intro p.intro-txt.txt03 {width:380px; margin-top:90px;}
.company-intro p.intro-txt.txt04 {margin-top:120px}
.company-intro p.intro-txt.txt05 {width:500px; margin:100px 0 0 600px;}

.company-ceo {width:1100px; height:750px; margin:80px auto 0; background:url("../images/company/ceo_bg.jpg") no-repeat 550px bottom;}
.company-ceo h4 {margin-bottom:60px; color:#333; font-family:"roboto"; font-size:36px; line-height:40px;}
.company-ceo h4 strong {color:#ff6a00; font-size:48px; line-height:56px; font-weight:500;}
.company-ceo p.ceo-txt {width:700px; color:#666; font-size:16px; line-height:24px;}
.company-ceo p.ceo-txt span {color:#ff6a00;}
.company-ceo p.ceo-txt.txt01 {margin-bottom:45px; color:#333; font-size:18px; font-weight:500;}

.company-vision {width:1100px; margin:0 auto;}
.company-vision h4 {margin-bottom:40px; color:#333; font-size:24px; line-height:32px; font-weight:400;}
.company-vision p.vision-tit {margin-bottom:20px; color:#ff6a00; font-size:18px; line-height:24px; font-weight:400;}
.company-vision p.vision-txt {margin-bottom:50px; color:#666; font-size:16px; line-height:24px;}
.company-vision .vision-area01 {padding:80px 0 40px 550px; border-bottom:1px solid #e1e1e1; background:url("../images/company/vision_img01.jpg") no-repeat;}
.company-vision .vision-area01 ul li {margin-bottom:30px; padding-left:20px; color:#666; font-size:16px; line-height:24px; background:url("../images/icon/ico_nav_dot2.png") no-repeat 6px 11px;}
.company-vision .vision-area01 ul li strong {display:block; color:#111; font-size:20px; line-height:26px; font-weight:400;}
.company-vision .vision-area02 {position:relative; padding:80px 0 40px 550px; background:url("../images/company/vision_img02.jpg") no-repeat 0 -20px;}
.company-vision .vision-img {position:absolute; top:-70px; left:0;}

.company-ci {width:1100px; margin:80px auto 0;}
.company-ci h4 {margin-bottom:15px; color:#333; font-size:24px; line-height:26px; font-weight:500;}
.company-ci p.ci-txt {margin-bottom:60px; color:#666; font-size:16px; line-height:24px;}
.company-ci .ci-img01 {margin-bottom:80px;}
.company-ci .ci-img {margin-bottom:30px; padding-bottom:60px; border-bottom:1px solid #e1e1e1;}
.company-ci .ci-btn-box a {display:block; width:105px; height:40px; margin:0 auto; line-height:40px; color:#fff; font-size:14px; text-align:center; background:#242424;}

.company-history {width:1100px; margin:80px auto 0;}
.company-history h4 {margin-bottom:60px; color:#333; font-family:"roboto"; font-size:46px; font-weight:500; text-align:center;}
.company-history .history-tab {width:720px; margin: 0 auto 40px; overflow:hidden;}
.company-history .history-tab li {float:left; width:140px; margin:0 20px; color:#bebebe; font-size:18px; line-height:30px; font-weight:400; border-bottom:3px solid #e9e9e9; text-align:center; cursor:pointer;}
.company-history .history-tab li.on {color:#ff6a00; border-color:#ff6a00;}
.company-history .history-list {overflow:hidden;}
.company-history .history-list .history-table1 {float:left; width:520px;}
.company-history .history-list .history-table2 {float:right; width:560px;}
.company-history .history-list table {word-break:break-word;}
.company-history .history-list table tr {border-bottom:1px solid #e1e1e1;}
.company-history .history-list table th {width:100px; padding:25px 0; color:#333; font-size:20px; line-height:26px; font-weight:500; text-align:center;}
.company-history .history-list table td {padding:25px 0; color:#666; font-size:14px; line-height:20px;}
.company-history .history-list table td.month {width:35px; padding-left:10px; padding-right:10px; color:#333; font-weight:500; background:url("../images/icon/ico_foot_bar2.gif") no-repeat 0 center;}
.company-history .history-list table td.month.type01 {background:url("../images/icon/ico_foot_bar2.gif") no-repeat 0 29px;}
/*.company-history .history-list table td.month.type02 {background:url("../images/icon/ico_foot_bar2.gif") no-repeat 0 32px;}*/


/* 역사관 */
#hWrap {width:1140px; height:728px;}
#hHeader {position:relative; z-index:99;}
#hHeader h2 {position:fixed; top:36px; left:40px;}
#hHeader .h-anchor {position:fixed; top:100px; left:40px;}
#hHeader .h-anchor > ul > li {padding-left:30px; background:url("../images/history/slide_list.png") no-repeat 0 11px; cursor:pointer;}
#hHeader .h-anchor > ul > li.on {background:url("../images/history/slide_list_on.png") no-repeat 0 11px;}
#hHeader .h-anchor > ul > li:hover {background:url("../images/history/slide_list_on.png") no-repeat 0 11px;}
#hHeader .h-anchor > ul > li > ul {display:none;}
#hHeader .h-anchor > ul > li.on > ul {display:block;}
#hHeader .h-anchor > ul > li:hover > ul,
#hHeader .h-anchor > ul > li.on > ul {display:block;}
#hHeader .h-anchor > ul > li.on > strong a {color:#fbcf58; font-weight:400;}
#hHeader .h-anchor strong a {color:#fff; font-size:22px; font-weight:400;}
#hHeader .h-anchor a {color:#fff; font-size:14px; font-weight:400;}
#hHeader .h-anchor a.on {color:#fbcf58;}
#hHeader .h-anchor a:hover {color:#fbcf58;}

#hBody {width:100%; height:100%; color:#fff;}
#hBody > div {position:relative;}
#hBody > div#s10 {overflow:hidden;}
#hBody > div#s10 .hs {width:300%; overflow:hidden;}
#hBody > div#s10 .hs > li {float:left; width:1140px; height:728px;}
#hBody > div#s10 .slideBtn {position:absolute; top:125px; left:1061px;}
#hBody > div#s10 .slideBtn li a {display:block; width:17px; height:18px; margin-bottom:15px; overflow:hidden;}
#hBody > div#s10 .slideBtn li a.active img{margin-top:-20px;}
#hBody > div#s10 .slideBtn li a:hover img {margin-top:-20px;}
#hBody > div#s11 .btn-link {position:absolute; top:475px; left:480px; display:block; width:190px; height:56px; line-height:56px; color:#fff; font-size:20px; background:#ff6a00; text-align:center; font-weight:400;}

#incident .bx-wrapper {position:relative; height:728px;}
#incident .bx-wrapper .bx-prev {left:50px; background:url(../images/history/hslide_arr01.png) no-repeat 0 0;}
#incident .bx-wrapper .bx-next {right:50px; background:url(../images/history/hslide_arr02.png) no-repeat 0 0;}
#incident .bx-wrapper .bx-prev:hover {background-position: 0 -80px;}
#incident .bx-wrapper .bx-next:hover {background-position: 0 -80px;}
#incident .bx-wrapper .bx-controls-direction a {position:absolute; top:50%; margin-top:-46px; outline:0; width:80px; height:80px; text-indent:-9999px; z-index:9999;}
#incident .bx-wrapper .bx-controls-direction a.disabled {opacity:0.6; filter:alpha(opacity=50);}


/* affiliate */

.tab-menu.affiliates > ul > li {width:20%;height: 60px;font-size:14px; letter-spacing:-0.5px;border:1px solid #ccc;margin-bottom: 1px;box-sizing: border-box;}
.tab-menu.affiliates > ul > li.line2{line-height: 1.3;padding: 11px 0 0;}
.tab-menu.affiliates > ul > li.on{border:1px solid #ff6a00;}
.tab-menu.affiliates ul li:nth-child(6){margin-left: 0;}

.table-box {width:1100px; margin:0 auto 60px; overflow:hidden;}
.table-box h4 {margin-bottom:30px; font-size:26px; line-height:30px; font-weight:500;}
.table-box table {border-bottom:1px solid #838383;}
.table-box table thead tr:first-child th, .table-box table thead tr:first-child td {border-top:1px solid #838383;}
.table-box table thead th {padding:15px 30px; height:20px; color:#333; font-size:14px; font-weight:400; text-align:left; border-bottom:1px solid #dedede; background:#f6f6f8;}
.table-box table thead td {padding:15px 30px; height:20px; color:#333; font-size:14px; font-weight:400; border-bottom:1px solid #dedede;}
.table-box table tbody tr:first-child th, .table-box table tbody tr:first-child td {border-top:1px solid #838383;}
.table-box table tbody th {padding:15px 30px; height:20px; color:#333; font-size:14px; font-weight:400; text-align:left; border-top:1px solid #dedede; background:#f6f6f8;}
.table-box table tbody td {padding:15px 30px; height:20px; color:#666; font-size:14px; border-top:1px solid #dedede;}

.table-box.type01 h4 {margin-bottom:15px; font-size:26px; line-height:30px; font-weight:500;}
.table-box.type01 > div {float:left;}
.table-box.type01 > div.box-right {float:right;}
.table-box.type01 > div strong {display:block; margin:0 0 15px 5px; color:#666; font-size:18px; font-weight:400;}

.table-box.type02 table td {text-align:center;}

.table-box.type03 table thead th {text-align:center; background:#f6f6f8 url("../images/icon/ico_table_bar.gif") no-repeat center left;}
.table-box.type03 table thead th:first-child {background:#f6f6f8;}
.table-box.type03 table tfoot th {padding:15px 30px; height:20px; color:#fff; font-size:16px; font-weight:300; text-align:center; border-right:1px solid #aeaeae; border-bottom:1px solid #ff6a00; background-color:#ff6a00;}
.table-box.type03 table tfoot td {padding:15px 30px; height:20px; color:#fff; font-size:16px; font-weight:300; text-align:center; border-right:1px solid #aeaeae; border-bottom:1px solid #838383; background-color:#919191;}
.table-box.type03 table tbody th {text-align:center; font-weight:300;  border-right:1px solid #dedede; background-color:#fff;}
.table-box.type03 table tbody td {text-align:center; border-right:1px solid #dedede;}

.table-box.type04 .sel-box01 {float:left;}
.table-box.type04 .table-coment {float:right; color:#666; font-size:13px; margin-top:25px}
.table-box.type04 table {clear:both;}
.table-box.type04 table thead th {text-align:center; background:#f6f6f8 url("../images/icon/ico_table_bar.gif") no-repeat center left;}
.table-box.type04 table thead th:first-child {background:#f6f6f8;}
.table-box.type04 table tbody th {padding:15px 5px; text-align:center; border-right:1px solid #dedede;}
.table-box.type04 table tbody td {padding:15px 10px; text-align:center; border-left:1px solid #dedede;}

.table-box.type05 table thead th {padding:15px 25px; height:20px; color:#333; font-size:14px; font-weight:400; text-align:center; border-left:1px solid #dedede; background:#f6f6f8;}
.table-box.type05 table thead th:first-child {border-left:0 none;}
.table-box.type05 table tbody td {text-align:center; border-left:1px solid #dedede;}

.aff-title {position:relative; width:1100px; margin:0 auto 60px; background-color:#f4f4f6; overflow:hidden; word-break:break-word;}
.aff-title > div {float:left;}
.aff-title .aff-txt {width:470px; padding:40px}
.aff-title .aff-txt h4 {margin-bottom:20px; font-size:24px; line-height:30px; font-weight:500;}
.aff-title .aff-txt h4 strong {display:block; margin-bottom:10px; color:#ff6a00; font-size:19px; line-height:26px; font-weight:400;}
.aff-title .aff-txt h4 span {font-size:18px; font-weight:300;}
.aff-title .aff-txt p {font-size:16px; line-height:20px;}
.aff-title .aff-txt .aff-btn {position:absolute; top:310px;}
.aff-title .aff-txt a {display:inline-block; height:40px; line-height:40px; margin-right:5px; padding:0 35px 0 19px; color:#fff; font-size:16px;}
.aff-title .aff-txt a.btn01 {background:#4f4f4f url("../images/icon/ico_btn_arrow.png") no-repeat 90% center;}
.aff-title .aff-txt a.btn02 {background:#7f7f7f url("../images/icon/ico_btn_arrow.png") no-repeat 90% center;}
.aff-title .aff-txt a.btn03 {background:#4f4f4f url("../images/icon/ico_btn_arrow.png") no-repeat 85% center;}

.aff-contents {width:1100px; margin:0 auto 60px; overflow:hidden; word-break:keep-all;}
.aff-contents h4 {padding-bottom:30px; margin-bottom:60px;  font-size:26px; line-height:30px; font-weight:500; border-bottom:1px solid #838383;}
.aff-contents .imgbox {text-align:center;}

.aff-slide > ul {width:550px; height:415px; overflow:hidden;}
.aff-slide > ul li {position:absolute; top:0; left:0; width:550px; opacity:0; filter:alpha(opacity=0); transition:opacity 0.5s ease-in;}
.aff-slide > ul li.on {opacity:1; filter:alpha(opacity=100); transition:opacity 0.5s ease-in;}
.aff-slide .control {position:absolute; bottom:0; width:100%; height:15px; margin:0; padding:15px 0 0; background:#fff; z-index:100;}
.aff-slide .control > a {display:inline-block; width:12px; height:12px; margin-right:5px; background:url("../images/icon/ico_slide_control.png") no-repeat; vertical-align:top;}
.aff-slide .control > a.on  {width:26px; background:url("../images/icon/ico_slide_control2_on.png") no-repeat;}


/* factory */
.factory-video {width:1100px; margin:0 auto 60px; overflow:hidden;}
.factory-video h4 {margin-bottom:30px; font-size:26px; line-height:30px; font-weight:500;}
.factory-video a {position:relative; display:inline-block;}
.factory-video a img {width:792px; height:446px;}
.factory-video a span {position:absolute; top:0; left:0; opacity:1; filter:alpha(opacity=100); z-index:10; transition:opacity 0.3s;}
.factory-video a span.dim-video {opacity:0; filter:alpha(opacity=0); z-index:9;}
.factory-video a:hover span.dim-video {opacity:1; filter:alpha(opacity=100); transition:opacity 0.3s;}
.factory-contents {width:1100px; margin:0 auto 60px; overflow:hidden;}
.factory-contents h4 {margin-bottom:40px; padding-bottom:30px; font-size:26px; line-height:30px; font-weight:500; border-bottom:1px solid #838383;}


/* finance */
.graph-wrap {width:1140px; margin:0 auto 30px; overflow:hidden;}
.graph-wrap h4 {margin-bottom:10px; padding-bottom:15px; color:#333; font-size:22px; font-weight:400; border-bottom:1px solid #dedede;}
.graph-wrap .graph {width:530px; margin:0 20px; float:left;}
.graph table {width:490px; margin:0 0 0 20px; font-family:"roboto";}
.graph table th {height:40px; color:#666; font-size:15px; font-weight:400; text-align:left;}
.graph table td.active {height:65px;}
.graph table td .line {position:relative; width:0; height:20px; line-height:20px; color:#fff; font-size:13px; font-weight:300; background-color:#dedede; text-indent:10px;}
.graph table td .line.on {background-color:#ff6a00;}
.graph table td .line.on .num {top:22px; left:-10px; width:400px; color:#ff6a00; font-size:16px;}
/* .graph table td .line .num {position:absolute; right:10px; line-height:20px; color:#666; font-weight:400;} */
.graph table td .line .num {position:absolute; left:-10px; line-height:20px; color:#666; font-weight:400;}

/* csrList */
.csr-banner {padding-top:80px; border-top:2px solid #444;}
.csr-banner > div {width:1065px; height:503px; padding:70px 0 0 75px; background:url("../images/company/csr_bg.jpg") no-repeat;}
.csr-banner h4 {margin-bottom:20px; color:#fff; font-size:60px; line-height:80px;}
.csr-banner h4 span {display:block; font-size:26px; line-height:50px; opacity:0.6; filter:alpha(opacity=60);}
.csr-banner p {margin-bottom:40px; color:#fff; line-height:20px;}
.csr-banner ul {overflow:hidden;}
.csr-banner ul li {float:left; margin:0 10px 0 0;}

.csr-video {border-bottom:1px solid #999;}
.csr-video .media-list {padding:30px 0;}
.csr-video .media-list li > .title-date .date {position:relative; margin-top:10px;}
.csr-video .media-wrap .title-date .date {position:relative;}

/* recruit */
.tab-recruit {margin-bottom:60px;}
.tab-recruit > ul {overflow:hidden;}
.tab-recruit > ul > li {position:relative; float:left; height:58px; line-height:58px; margin-left:-1px; text-align:center; border:1px solid #ccc; border-bottom:1px solid #ff6a00;}
.tab-recruit > ul > li:first-child {margin:0;}
.tab-recruit > ul > li.on {height:58px; line-height:58px; border:1px solid #ff6a00; border-top:1px solid #ff6a00; border-bottom:0; z-index:1;}
.tab-recruit > ul > li a {display:block; color:#333; font-weight:400;}
.tab-recruit > ul > li.on a {color:#ff6a00;}

.board-list .recruit-table th {border-top:2px solid #333;}
.board-list .recruit-table td {font-family:"roboto"; font-weight:400; overflow:hidden;}
.board-list .recruit-table td.num {font-family:"roboto";}
.board-list .recruit-table td.subject a {line-height:24px; color:#333; font-weight:400;}
.board-list .recruit-table td.subject a span {float:left; width:44px; height:24px; padding:0; margin-right:7px; color:transparent; font-size:0px; text-indent:-9999px;}
.board-list .recruit-table td.subject a span.rec-type01 {background:url("../images/recruit/recruit_t01.png") no-repeat 0 center;}
.board-list .recruit-table td.subject a span.rec-type02 {background:url("../images/recruit/recruit_t02.png") no-repeat 0 center;}
.board-list .recruit-table td.subject a span.rec-type03 {background:url("../images/recruit/recruit_t03.png") no-repeat 0 center;}
.board-list .recruit-table td.subject a span.rec-type04 {background:url("../images/recruit/recruit_t04.png") no-repeat 0 center;}

.board-list .recruit-table td.rec-date {font-family:"roboto";}
.board-list .recruit-table td.rec-state.on {color:#333;}
.board-list .recruit-table td.rec-apply a {display:block; width:65px; height:22px; margin:0 auto; line-height:22px; color:#7d7d7d; font-size:13px; text-align:center; border:1px solid #dedede; border-radius:4px;}

.board-view.recruit .num-title .title {}
.board-view.recruit .num-title .title span {float:left; width:44px; height:26px; padding:0; margin-right:20px; color:transparent; font-size:0px; text-indent:-9999px;}
.board-view.recruit .num-title .title span.rec-type01 {background:url("../images/recruit/recruit_t01.png") no-repeat 0 center;}
.board-view.recruit .num-title .title span.rec-type02 {background:url("../images/recruit/recruit_t02.png") no-repeat 0 center;}
.board-view.recruit .num-title .title span.rec-type03 {background:url("../images/recruit/recruit_t03.png") no-repeat 0 center;}
.board-view.recruit .num-title .title span.rec-type04 {background:url("../images/recruit/recruit_t04.png") no-repeat 0 center;}
.board-view.recruit .num-title .date {padding-left:64px;}

/* recruit-write */
.resume > div {position:relative; margin-bottom:60px;}
.resume > div > div.resume-box {position:relative;}
.resume h4 {margin-bottom:30px; color:#111; font-size:22px; font-weight:500;}
.resume h4 span {margin-left:15px; color:#999; font-size:14px; font-weight:400;}
.resume h4 a.hint {position:relative; color:#fff; font-size:13px; font-weight:300; line-height:18px; vertical-align:top;}
.resume h4 a.hint img {margin:7px 0 0 5px; vertical-align:top;}
.resume .hint-box {display:none; position:absolute; top:0; left:30px; padding-left:6px; background:url("../images/icon/ico_hint.png") no-repeat 0 13px;}
.resume .hint-box p {padding:10px 12px; border-radius:5px; background:#ff6a00;}
.resume h5 {margin-bottom:20px; color:#333; font-size:16px; font-weight:500;}
.resume input[type=text] {font-size:14px; font-weight:300; height:38px; line-height:38px; vertical-align:top;}
.resume input[type=radio] {display:none; margin-left:20px;}
.resume input[type=radio]:first-child {margin-left:0}
.resume input[type=radio]:first-child + label {margin-left:0;}
.resume input[type=checkbox] {display:none;}
.resume label {margin-left:10px; padding-left:25px; background:url("../images/common/radio_off.png") no-repeat left center; cursor:pointer;}
.resume label.selected {background:url("../images/common/radio_on.png") no-repeat left center;}
.resume label.check-label {background:url("../images/common/checkbox_off.png") no-repeat left center;}
.resume label.check-label.selected {background:url("../images/common/checkbox_on.png") no-repeat left center;}
.resume textarea {font-size:14px; font-weight:300; height:22px; line-height:22px; resize:none;}
.resume table {margin-bottom:30px; font-size:16px; line-height:32px; border-top:2px solid #000;}
.resume table thead th {height:60px; padding:0 20px; line-height:60px; font-weight:400; background:#f4f4f6;}
.resume table tbody tr {border-bottom:1px solid #e1e1e1;}
.resume table tbody th, .resume table tbody td {padding:10px 20px;}
.resume table tbody th {padding-left:30px; font-weight:400; text-align:left; background-color:#f4f4f6;}
.resume table tbody th.ts {background:#f4f4f6 url("../images/icon/ico_ts.png") no-repeat 20px center;}
.resume table tbody td {font-size:14px; font-weight:300; line-height:40px;}
.resume table tbody td a.btn01 {display:inline-block; height:40px; margin-left:2px; padding:0 20px; color:#fff; line-height:40px; background:#7f7f7f; vertical-align:top;}
.resume table td .division01 {margin-bottom:10px;}
.resume table td a.input-add, .resume table td a.input-del {margin-left:2px;}
.resume table td a.input-add img, .resume table td a.input-del img {vertical-align:middle;}

.resume .rectablebox {padding:20px; border-top:2px solid #111;}
.resume .rectablebox h5 {margin-bottom:15px;}
.resume .rectablebox textarea {margin-bottom:30px;}
.resume .design-select-box {margin:0 3px; vertical-align:top;}
.resume .design-select-box:first-child {margin:0 3px 0 0;}
.resume .design-select-box .select-title > a {font-size:14px;}
.resume .resume-comment {font-size:14px; color:#999; line-height:22px;}
.resume .bo-file {position:relative; margin-bottom:5px;}
.resume .bo-file input[type=file] {width:88px; height:38px; padding:0; opacity:0; -moz-opacity:0; filter:alpha(opacity=0);}
.resume .bo-file label {display:block; position:absolute; top:0; left:409px; width:90px; height:40px; margin:0; padding:0; line-height:40px; color:#fff; text-align:center; background:#7f7f7f; cursor:pointer;}
.resume .bo-file a.btn-file-add {position:absolute; top:0; left:504px;}
.resume .bo-file a.btn-file-del {position:absolute; top:0; left:549px;}
.resume .resume-report .bo-file {position:relative; height:40px; margin-bottom:0;}
.resume .resume-portfolio .bo-file {position:relative; height:40px; margin-bottom:0;}
.resume-agree {text-align:center;}
.resume-agree .btn-type05 {margin-top:25px;}
.resume-agree .btn-type05 a {display:inline-block; width:188px; height:54px; margin:0 5px; font-size:20px; line-height:56px; font-weight:400; border:1px solid #7f7f7f;}
.resume-agree .btn-type05 .btn01 {color:#666; background:#fff;}
.resume-agree .btn-type05 .btn02 {color:#fff; font-size:20px; line-height:56px; border-color:#ff6a00; background:#ff6a00;}
.resume-agree input[type=checkbox] {display:none;}
.resume-agree label {margin-left:10px; padding-left:25px; color:#666; font-size:14px; font-weight:400; background:url("../images/common/radio_off.png") no-repeat left center; cursor:pointer;}
.resume-agree label.selected {background:url("../images/common/radio_on.png") no-repeat left center;}
.resume-agree label.check-label {background:url("../images/common/checkbox_off.png") no-repeat left center;}
.resume-agree label.check-label.selected {background:url("../images/common/checkbox_on.png") no-repeat left center;}
.btn-resume {position:absolute; right:0; bottom:-60px; text-align:right;}
.btn-resume a {display:inline-block; padding:0 20px; color:#fff; line-height:40px; background:#242424;}
.btn-resume2 {position:absolute; right:0; top:-10px; text-align:right;}
.btn-resume2 .btn01 {display:inline-block; margin-top:10px; padding:0 10px; color:#333; font-size:13px; line-height:28px; border:1px solid #dedede; border-radius:3px; background:#fff; vertical-align:top;}

.recruit-inquiry input[type=text] {font-size:14px; font-weight:300; height:38px; line-height:38px; vertical-align:top;}
.recruit-inquiry table {margin-bottom:30px; font-size:16px; line-height:32px; border-top:2px solid #000;}
.recruit-inquiry table thead th {height:60px; padding:0 20px; line-height:60px; font-weight:400; background:#f4f4f6;}
.recruit-inquiry table tbody tr {border-bottom:1px solid #e1e1e1;}
.recruit-inquiry table tbody th, .recruit-inquiry table tbody td {padding:10px 20px;}
.recruit-inquiry table tbody th {padding-left:30px; font-weight:400; text-align:left; background-color:#f4f4f6;}
.recruit-inquiry table tbody td {font-size:14px; font-weight:300; line-height:40px;}
.recruit-inquiry .design-select-box {vertical-align:top;}
.recruit-inquiry .design-select-box .select-title > a {font-size:14px;}
.recruit-inquiry .comment {margin-bottom:15px; color:#333; font-size:16px; font-weight:400;}
.company-history .bul{position: relative;display: block;padding-left: 8px;font-size: 13px}
.company-history .bul:before{content: ''; position: absolute;left: 0;top:11px;width: 3px;height: 3px;background: #666;border-radius: 50%}


.line_x{border-bottom: 0 !important}
.line_x td{padding-bottom: 0 !important}

.his_ul li{position: relative; margin-top: 10px;font-size: 14px}
.his_ul li:first-child{margin-top: 0}
.his_ul li .month_t{position: absolute;left: -55px;top:0;
    padding-left: 10px;
    padding-right: 10px;
    color: #333;
    font-weight: 500;background: url("../images/icon/ico_foot_bar2.gif") no-repeat 0 3px;display: block;font-size: 14px}
    
    

.tbl-st1{border-top: 3px solid #305973; color: #666; position: relative;}
.tbl-st1:before{position: absolute;left: 0;top:0; width: 1px; height: 100%; content: ''; background: #fff}
.tbl-st1 th{text-align: center; color: #305973; font-size: 17px; padding: 30px 15px; background: #f9f9f9; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8;}
.tbl-st1 td{padding: 20px; text-align: center; border-left: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-size: 16px; line-height: 21px;}
.tbl-st1 td.tal{text-align: left;}
.tbl-st1 td.tal span{font-weight: 600;}
.tbl-st1 .th{background: #f9f9f9; font-weight: 700;}

/* 21.07.18 영문 지배관련 작업 */
.press_pd{margin-top: 80px !important; font-weight: 400; color:#666}
.tit-st1{font-size: 26px; font-weight: 700; color: #000; line-height: 1.15; margin-bottom: 30px;}
.tit-st1.border{padding-bottom: 20px; border-bottom: 1px solid #ccc;}
.tit-st2{font-size: 22px; font-weight: 700; color: #000; margin-bottom: 21px; position: relative;}
.tit-st2 .ab{position: absolute;right: 0;bottom: 0}


.color-orange{color: #ff6a00}
.color-navy{color: #305973}

.group_w .group{margin-top: 80px;}
.group_w .group:first-child{margin-top: 0;}
.group_w .sect{margin-top: 70px;}
.intro-box{width:1100px; margin:0 auto 60px;}


.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}


.btn-down-st1{background: #305973; display: inline-block; font-size: 20px; padding: 20px; border-radius:10px;text-align: center; line-height: 1.15; font-weight: 500; color: #fff; min-width:267px}
.btn-down-st1 span{display: inline-block; padding-right: 35px; background: url('../images/common/ico-down.png') right center no-repeat;}

.btn-down-st2{background: #305973; display: inline-block; font-size: 14px; padding: 10px 20px; border-radius:5px;text-align: center; line-height: 1.15; font-weight: 500; color: #fff}
.btn-down-st2 span{display: inline-block; padding-right: 25px; background: url('../images/common/ico-down.png') right center no-repeat; background-size:14px}

.down_layout{position: relative; padding-right: 350px; min-height: 63px}
.down_layout .btn-down-st1{position: absolute;right: 0;bottom:0; width: 267px}

.ir1 .box{border:1px solid #ccc; padding: 40px; position: relative;}
.ir1 .box img{display: block; margin:0 auto;}
.ir1 .box .ab{position: absolute;left: 40px; bottom: 40px; color: #999; font-weight: 400;}

.tbl-st1.align-right tr td{text-align: right;}
.tbl-st1.align-right tr td:first-child{text-align: left;}
.tbl-st1.align-right.marjor-table tr td:first-child{text-align: center;}

.tab-type04.mb{margin-bottom: 50px;}
.tab-type04 *{box-sizing:border-box}
.tab-type04 {overflow:hidden;}
.font_com{font-weight: 400; color: #666; line-height: 1.5;}

.bul-dot > li:before, .bul-dot > dd:before{position: absolute;left: 0;top: .7em;width: 3px;height: 3px;content: '';background: #999;}
/* .bul-dot.grey li:before{background: #666;} */
img{max-width:100%}
.bul-dot > li, .bul-dot > dd {    position: relative;padding-left: .78em;line-height: 1.5;}
.bul-dot > li:first-child {margin-top: 0 !important;}
.small-txt {font-size: 14px;color: #999;font-weight: 400;}
.small-txt * {font-size: inherit;}
.clearfix:after{content: ''; display: block; clear:both}
.friends-visual .group{padding: 50px 40px; border-bottom: 1px solid #aaa;}
.friends-visual .group:last-child{border-bottom: 0; padding-bottom: 0;}
.friends-visual .group .clearfix{display: flex;}
.friends-visual .group .t{width: 280px; border-bottom: 1px solid #ccc; padding-bottom:20px; margin-bottom: 30px;}
.friends-visual .group .t img{display: block;}
.friends-visual .group .l{width: 48.5%}
.friends-visual .group .r{ flex:1}
.friends-visual .group .txt{line-height: 1.8;}
.friends-visual .group .txt > li{position: relative; margin-top: 30px;}
.friends-visual .group .txt > li:first-child{margin-top: 0;}
.friends-visual .group .txt > li .ab{ font-weight: 700; display: block; margin-bottom: 5px;}
.bul-dash > li{position: relative; padding-left: .7em; margin-top:5px;}
.bul-dash > li:first-child{margin-top: 0;}
.bul-dash > li:before{position: absolute;left: 0;top:0;content: '-'}

/* 220519 지속가능경영 추가 */
.overview_page *{box-sizing:border-box}
.overview_page .top{background: url('../images/press/overview.jpg') right center no-repeat; color: #fff; padding: 130px 15px; font-size: 22px; font-weight: 400; text-align: center; position: relative;}

.overview_page .top .border{border-bottom: 2px solid #fff;}
.overview_page .topImg{margin:50px 0 70px;}
.overview_page .topImg img{width:100%;}
.overview_page .dev > li{display: flex;flex-wrap: wrap;align-items: center;}
.overview_page .dev .l{order:1;}
.overview_page .dev .r{order:2;}
.overview_page .dev > li > *{width: 50%}
.overview_page .cont{padding: 0 50px 0 55px}

.overview_page .t{display: block;}
.overview_page .txt{margin: 12px 0 25px;}
.overview_page .icon-wrap ul{display: flex; flex-wrap: wrap;justify-content: space-between;}
.overview_page .icon-wrap ul li{width:115px;text-align: center;}
.overview_page .icon-wrap ul li .icon{margin:0 0 5px;}
.overview_page .icon-wrap ul li p{font-size:14px;color:#323232;line-height: 1.3;}
.overview_page .icon-wrap ul li span{font-size:11px;}
.overview_page .more{float: right;}
.overview_page .more a{display: inline-block; padding: 5px 10px; border-radius:5px}
.bg-orange {background: #ff6a00;color: #fff;}

.sub-title01.border {padding-bottom: 30px;border-bottom: 2px solid #000;}
.sub-title01.border + .press_pd{margin-top: 50px !important;}
/* 20220624 env */
.env1 .txt,.env2 .txt{margin-bottom: 40px;}
.env1 .box{border:1px solid #ccc; border-radius:30px; padding: 70px 0 70px 50px; font-weight: 400; color: #000}
.env1 .box > *{display: inline-block; vertical-align: middle;}
.env1 .box ol{margin-left: 45px;}
.env1 .box li{font-size: 18px; margin-top: 10px;}

.env2 img{display: block;margin: 0 auto;}

/* .ehs_certi{display:flex;flex-wrap: wrap;}
.ehs_certi li{display: block; width:calc(33.3333% - 20px);margin-left: 30px;}
.ehs_certi li:first-child{margin-left: 0;}
.ehs_certi li .img img{width:100%;}
.ehs_certi li .top{margin-top:30px;margin-bottom: 20px;}
.ehs_certi li .top > *{display: block;}
.ehs_certi li .top .t2{font-weight:700; font-size: 22px; color: #333}
.ehs_certi .txt{font-weight: 400;word-break:keep-all;}
.ehs_certi .txt span{color: #a4a4a4;} */

.ehs_certi{display:flex;flex-wrap: wrap;justify-content:center;}
.ehs_certi li{display:block; width:40%;}
.ehs_certi li .img img{width:100%;}
.ehs_certi li .top{margin-top:30px;margin-bottom: 20px;}
.ehs_certi li .top > *{display: block;}
.ehs_certi li .top .t2{font-weight:700; font-size: 22px; color: #333}
.ehs_certi .txt{font-weight: 400;word-break:keep-all;}
.ehs_certi .txt span{color: #a4a4a4;}

.inner{width: 1140px; margin: 0 auto;}

.env2_1 .txt{text-align: center; font-size: 28px; font-weight: 700; margin-bottom: 50px; line-height: 1.15;}
.env2_1 .img img{display: block;margin: 0 auto;}

.env2_1 .improve{text-align: center;}
.env2_1 .improve *{box-sizing:border-box}
.env2_1 .improve > li{float: left; width: 35.333333333333333%;margin: 0 -2%;}
.env2_1 .improve .y1{margin-top: 126px;}
.env2_1 .improve .y2{margin-top: 63px;}
.env2_1 .improve .year{font-weight: 700; color: #000; font-size: 22px; margin-bottom: 18px; line-height: 1;}
.env2_1 .improve .tit{border-radius:100px; font-size: 22px; font-weight: 500; margin-bottom: 30px; height: 70px; line-height: 70px;}

.env2_1 .improve .bul-dash{text-align: left; margin:0 70px; color: #000; font-weight: 400;}
.env2_1 .improve .bul-dash li{font-size: 18px; margin-top: 10px;}
.env2_1 .improve .bul-dash li:first-child{margin-top: 0;}

.env2_2{background: #f9f9f9; padding: 93px 0}

.env2_5 .prog{width: 100%; display: flex; justify-content: space-between; text-align: center;}
.env2_5 .prog li{width: 551px;}
.env2_5 .prog li p{padding: 20px 0;}

.press-ico{color: #666; word-break:keep-all;display: flex;flex-wrap: wrap;}
.press-ico.col2{margin: -30px 0 0 -3%; display:flex; flex-wrap:wrap}
.press-ico.col2 > li{float: left; width: 47%; margin: 30px 0 0 3%;}
.press-ico > li{display: table; width: 100%; margin-top: 50px;}
.press-ico li:first-child{margin-top: 30px;}
.press-ico li > *{display: table-cell; vertical-align: middle;}
.press-ico .ico{width: 130px}
.press-ico .t{display: block; font-size: 22px; font-weight: 700; color: #000; margin-bottom: 18px;}
.press-ico.bg .ico span{background: #f7f7f7}
.press-ico.col2 .ico{width: auto; padding-right: 30px;}
.press-ico.col2 .ico span{width: 120px; height: 120px}

.press-ico .ico span{position: relative; background: #fff; border-radius:50%; width: 100px; height: 100px; display: block;}
.press-ico .ico span img{width:50px;position: absolute;left: 0;top:0;right: 0;bottom: 0; margin: auto;}

.env_det *{box-sizing:border-box}
.env_det > li{position: relative; width: 33.3333333333333%; float: left; padding-left: 20px; display: flex;flex-wrap: wrap;}
.env_det > li:before{position: absolute;left: 0; top:0; width: 1px; background: #ccc; content: ''; height: 140px;}
.env_det > li:first-child:before{background: none}
/* .env_det > li > *{display: table-cell; vertical-align: top;} */
.env_det > li > .sub{width:100%;text-align: right;}
.env_det > li > .sub span{color:#a4a4a4}
.env_det .ico{text-align: center; width: 130px}
.env_det .ico .e{display: block; font-size: 20px; font-weight: 700; margin-top: 20px; color:#ff6a00}

.env_det .txt .t,.env_det .txt .num{font-weight: 700; color: #000; font-size: 22px;}
.env_det .txt strong{font-size: 55px;}

.env_det .txt_r{text-align: right; color: #999; font-size: 14px; margin-top: 50px; font-weight: 400;}

.cont-dev{display: table; width: 100%}
.cont-dev > *{display: table-cell; vertical-align: top;}
.cont-dev .t{width: 248px}

.env2_4 .img{margin: 50px 0;}

.bg_layout{background: #f9f9f9; padding: 80px 0}

.env3_2 .dia{margin: 50px 0;}
.env3_2 .dia img{display: block; margin: 0 auto;}

.improve_dev_w{max-width:875px; margin: 0 auto;}
.imporove_dev *{box-sizing:border-box}
.imporove_dev{margin-left: -2%; display:flex; flex-wrap:wrap}
.imporove_dev > li{float: left; width: 31.33333%;margin-left: 2%; border:1px solid #ccc; padding: 30px 20px 50px; border-radius:5px; background: #fff}
.imporove_dev .top{text-align: center; color: #000; border-bottom: 1px solid #ccc; padding-bottom: 20px; margin-bottom: 20px;;}
.imporove_dev .top > *{display: block;}

.imporove_dev strong{font-size: 22px; margin-bottom: 10px;}

.btn-down-st1{background: #305973; display: inline-block; font-size: 18px; padding: 20px; border-radius:10px;text-align: center; line-height: 1.15; font-weight: 500; color: #fff; min-width:267px}
.btn-down-st1 span{display: inline-block; padding-right: 35px; background: url('../images/common/ico-down.png') right center no-repeat;}

.btn-down-st2{background: #305973; display: inline-block; font-size: 14px; padding: 10px 20px; border-radius:5px;text-align: center; line-height: 1.15; font-weight: 500; color: #fff}
.btn-down-st2 span{display: inline-block; padding-right: 25px; background: url('../images/common/ico-down.png') right center no-repeat; background-size:14px}

.down_layout{position: relative; padding-right: 350px; min-height: 63px}
.down_layout .btn-down-st1{position: absolute;right: 0;bottom:0; width: 267px}

.env3_2 .imgs{text-align: center;}
.env3_2 .imgs > li{float: right;}
.env3_2 .imgs > li:first-child{float: left;}
.env3_2 .imgs span{display: block; margin-top: 20px;}

.env-plan *{box-sizing:border-box}
.env-plan{margin-left: -2%; color: #666}
.env-plan > li{width: 100%; border-radius:5px; border:1px solid #ccc; margin: 0 0 2%; padding: 30px 30px 30px 0; display: table;}
.env-plan > li > *{display: table-cell ;vertical-align: middle;}
.env-plan .l{font-weight: 700; font-size: 22px; width: 300px; text-align: center; color: #000;padding: 0 30px;}
.env-plan .r .s{margin-top: 30px;}
.env-plan .r .s:first-child{margin-top: 0;}
.env-plan .r .t{margin-bottom: 10px; display: block;}

.env_det{color: #666}
.env_det.li2 > li{width: 50%}
.env_det .none{padding-left: 80px;}
.env_det .add{margin-top: 20px; font-size: 14px; color: #888}

.contri1_2{padding-right: 115px;}
.contri1_2 .in{display: flex}
.contri1_2 .in .img{float: left; width: 30%}
.contri1_2 .in .cont{float: right; width: 70%}
.contri1_2 .txt{font-size: 18px;}
.contri1_2 .cont > ul{margin: 40px 0 20px;}
.contri1_2 .cont > ul > li{margin-top: 35px;}
.contri1_2 .cont > ul > li:first-child{margin-top: 0;}
.group_w .group.patner .txt{letter-spacing: -0.03em;}

.contri1_2 .cont > ul > li{display: table; width: 100%}
.contri1_2 .cont > ul > li > *{display: table-cell; vertical-align: middle;}
.contri1_2 .l{text-align: center; width: 30%; padding-right: 50px;}
.contri1_2 .l > *{display: block;}
.contri1_2 .l img{margin: 0 auto;}
.contri1_2 .l span{margin-top: 10px; font-weight: 400; display: block; line-height: 1.15;}
.contri1_2 .r{color: #888; width: 70%; text-align: justify}
.contri1_2 .right{text-align: right;}
.contri1_2 .t{font-weight: 700; color: #000}
.contri1_2 .t strong{font-size: 30px;}
.contri1_2 .t2{margin-top: 10px;}
.contri1_2 .btn a{margin-top: 30px; background: #888; color: #fff; font-weight: 500; display: inline-block; padding: 5px 10px; border-radius:5px}

.consumer_page{padding-top: 50px; border-top: 2px solid #333; color: #666}

.e_box2{color: #000; font-weight: 400;}
.e_box2 *{box-sizing: border-box}
.e_box2 > li{position: relative; padding: 30px 0 30px 80px; border:1px solid #ccc; border-radius:30px; margin-top: 20px; display: table; width: 100%}
.e_box2 > li:first-child{margin-top: 0;}
.e_box2 > li > *{display: table-cell;vertical-align: middle;}
.e_box2 > li > span{width: 285px}
.e_box2 img{display: block;}
.e_box2 .bul-decimal2 > li{margin-top: 15px; font-size: 18px;}
.e_box2 .bul-decimal2 > li ul{margin-top: 10px;}
.e_box2 .bul-decimal2 > li li{font-size: 14px; margin-top: 5px;}
.e_box2 .bul-decimal2 > li li:first-child{margin-top: 0;}

.e_box2.ccm > li{padding:40px;}
.e_box2.ccm > li > span{width:190px;}
.e_box2.ccm > li div p{color:#666;}

.e_box3{margin-top: 20px;padding: 30px;border-radius: 30px;border:1px solid #ccc;display: flex;flex-wrap: wrap;}
.e_box3 >li{color: #000;font-weight: 400;font-size: 22px;width: 50%;text-align: center; box-sizing: border-box;}
.e_box3 >li:nth-child(-n+2){border-bottom: 1px solid #ccc;padding-bottom: 30px;}
.e_box3 >li:nth-child(odd){border-right: 1px solid #ccc;}
.e_box3 >li:nth-child(n+3){padding-top: 30px;}
.consumer_page .e_box3{margin:60px 0 120px;}

.cunsumer_logo{display: flex; justify-content: space-between;}
.cunsumer_logo li{width: 48%;}
/* .cunsumer_logo li{padding: 50px 0; border-bottom: 1px solid #ccc; position: relative; padding-right: 335px;} */
.cunsumer_logo li:last-child{border-bottom: 0;}
.cunsumer_logo .img{position: relative;margin: 50px 0 70px;}
.cunsumer_logo .img .logoH{position: absolute;bottom: -70px;right: 0;}
.cunsumer_logo .img .logoF{position: absolute;bottom: -25px;right: 0;}
.cunsumer_logo .top{margin-bottom: 30px;}
.cunsumer_logo .top > *{display: block;}
.cunsumer_logo .top .t{font-weight:700}
.cunsumer_logo .top .t2{font-weight:700; font-size: 22px; color: #333}
.cunsumer_logo .top .t3{color: #a4a4a4; font-size: 14px; margin-top: 0;}
.cunsumer_logo .txt{font-weight: 400;}
.cunsumer_logo .txt span{color: #a4a4a4;}
.env2_6 .cunsumer_logo .txt span em{display:inline-block;vertical-align:text-top;}

/* 231101 pager 추가 :: S */
.pager {display: flex; align-items: center; justify-content: center;}
.pager .pager_arrow {display: block; font-size: 18px; font-weight: 300; font-family: 'Pretendard'; color: #323232;}
.pager .pager_num {display: flex; align-items: center; justify-content: center; margin: 0 53px;}
.pager .pager_num .num {display: block; width: 40px; line-height: 24px; font-size: 18px; font-weight: 700; font-family: 'Pretendard'; color: #323232; text-align: center; border-radius: 12px; }
.pager .pager_num .num.on {background: #ff6400; color: #fff;}
/* 231101 pager 추가 :: E */