@charset "utf-8";


html,body {height:100%;}
#wrap {height:100%;}

#head {z-index:10; position:fixed; top:0; left:0; display:flex; justify-content:space-between; align-items:center; width:100%; height:120px; padding:0 60px;}
#head .gnb > ul {display:flex; align-items:center;}
#head .gnb > ul > li {position:relative; padding:0 20px;}
#head .gnb > ul > li > a {position:relative; display:block; font-family:'Gotham',sans-serif; color:#FFF; font-size:16px; line-height:60px; font-weight:500;}
#head .gnb > ul > li > a:after {content:''; position:absolute; left:0; bottom:10px; width:0; height:2px; background:#FFF; transition:.3s ease-out;}
#head .gnb > ul > li + li:before {content:''; position:absolute; left:0; top:50%; height:10px; margin-top:-5px; width:1px; background:#FFF;}
#head .gnb > ul > li .depth {visibility:hidden; opacity:0; position:absolute; left:0; top:100%; width:100%; transition:.3s ease-out;}
#head .gnb > ul > li .depth li a {display:block; color:#FFF; font-size:15px; line-height:30px; font-weight:500; text-align:center;}
#head .gnb > ul > li .depth li a:hover {color:#fffec4; font-weight:700;}
#head .gnb > ul > li .depth li + li {margin-top:10px;}
#head .gnb > ul > li:hover > a:after {width:100%;}
#head .gnb > ul > li:hover > .depth {visibility:visible; opacity:1;}

#head .logo_head {display:block; width:113px; height:54px; background:url('../images/logo_head.png') no-repeat center center/contain; overflow:hidden; text-indent:-999px;}
#head .btn_menu {display:none;}

#head.s2 .gnb > ul > li > a {color:#000;}
#head.s2 .gnb > ul > li > a:after {background:#000;}
#head.s2 .gnb > ul > li + li:before {background:#000;}
#head.s2 .gnb > ul > li .depth {padding:10px 0; background:#FFF;}
#head.s2 .gnb > ul > li .depth li a {color:#818181; font-weight:300;}
#head.s2 .gnb > ul > li .depth li a:hover {color:#000; font-weight:700;}

#head.s2 {background:#FFF;}
#head.s2 .logo_head {background-image:url('../images/logo_head_on.png');}
#head.s2 .btn_menu {background-image:url('../images/btn_menu_on.png');}

.m_menu {display:none;}

#foot {z-index:10; position:fixed; left:0; bottom:0; display:flex; justify-content:center; align-items:center; width:100%; height:50px; text-align:center;}
#foot .copyright {font-family:'Gotham',sans-serif; color:#FFF; font-size:15px; line-height:17px; font-weight:300;}

#foot.s2 {background:#FFF;}
#foot.s2 .copyright {color:#000;}

.br_pc {display:block;}

#ma_container {width:100%; height:100%;}
#sub_container {width:100%; height:100%; padding:0 60px;}
.sub_content {width:100%; height:100%;}
.ma_wrap {display:flex; flex-direction:column; width:100%; height:100%; background:url('../images/img_main.jpg') no-repeat center center/cover;}
.ma_wrap .info_box {padding:280px 180px 0;}
.ma_wrap .info_box .tit {color:#FFF; font-size:60px; line-height:60px; font-weight:700;}
.ma_wrap .info_box .txt {margin-top:55px; font-family:'Gotham'; color:#FFF; font-size:15px; line-height:22px; font-weight:300;}

.content_wrap {position:relative; display:flex; width:100%; height:100%; padding:120px 0 50px;}
.content_wrap .img_box {flex:0 0 60%; display:flex; align-items:center; background:#e6e6e6;}
.content_wrap .img_box.s2 {flex:0 0 35%;}
.content_wrap .img_box .img {display:flex; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:120%;}
.content_wrap .info_box {flex:1 1 40%; height:100%; padding:100px 50px 100px 100px; background:#e6e6e6;}
.content_wrap .info_box .info_head {margin-bottom:60px;}
.content_wrap .info_box .tit01 {margin-bottom:60px; color:#3e3a39; font-size:20px; line-height:20px; font-weight:500;}
.content_wrap .info_box .tit02 {color:#3e3a39; font-size:35px; line-height:40px; font-weight:500;}
.content_wrap .info_box .tit03 {color:#3e3a39; font-size:30px; line-height:35px; font-weight:400;}
.content_wrap .info_box .tit04 {color:#3e3a39; font-size:25px; line-height:30px; font-weight:500;}
.content_wrap .info_box .tit02 + .tit03 {margin-top:20px;}
.content_wrap .info_box .tit03 em {font-weight:700;}
.content_wrap .info_box .info_cont {}
.content_wrap .info_box .info_cont .item {width:100%;}
.content_wrap .info_box .info_cont .item + .item {margin-top:60px;}
.content_wrap .info_box .info_cont .tit {margin-bottom:40px; color:#3e3a39; font-size:16px; line-height:26px; font-weight:700;}
.content_wrap .info_box .info_cont .txt {color:#3E3A39; font-size:15px; line-height:25px;}
.content_wrap .info_box .info_cont a {color:#3e3a39;}
.content_wrap .info_box .info_cont .txt02 {color:#3E3A39; font-size:13px; line-height:18px; font-weight:300;}
.content_wrap .info_box .info_cont .txt + .txt {margin-top:60px;}
.content_wrap .info_box .info_cont .job {color:#717071; font-size:13px; line-height:15px; font-weight:300;}
.content_wrap .info_box .info_cont .name {margin-top:5px; color:#717071; font-size:13px; line-height:15px; font-weight:700;}
.content_wrap.about01 .info_box .info_cont .item + .item {margin-top:30px;}
.content_wrap.about02 .info_box .tit01 {margin-bottom:30px;}
.content_wrap.about02 .info_box .info_cont .item + .item {margin-top:30px;}
.content_wrap.about02 .info_box .info_head {margin-bottom:30px;}
.content_wrap.about04 .img_box {background:#403c3b;}
.content_wrap.about04 .img_box .img {background-size:100%;}
.content_wrap .img_info img {width:100%;}

.content_wrap .info_box .layout {display:flex; flex-direction:column; justify-content:space-between; height:100%;}

.content_wrap.s2 .img_box {flex:1 1 35%;}
.content_wrap.s2 .info_box {flex:1 1 35%;}
.content_wrap.s2 .cont_box {flex:1 1 65%; background:#ececec;}

.content_wrap.ebro .info_box {padding:100px;}
.content_wrap.ebro .img_info {text-align:center;}
.content_wrap.ebro .img_info img {width:80%;}
.content_wrap.ebro .btn_wrap {margin-top:20px;}

.list_card {height:100%;}
.list_card ul {display:flex; justify-content:space-between; height:100%;}
.list_card ul li {position:relative; display:flex; flex:0 0 33%; height:100%;}
.list_card ul li:nth-child(1) {background:url('../images/bg_card_01.jpg') no-repeat center center/100% 100%;}
.list_card ul li:nth-child(2) {background:url('../images/bg_card_02.jpg') no-repeat center center/100% 100%;}
.list_card ul li:nth-child(3) {background:url('../images/bg_card_03.jpg') no-repeat center center/100% 100%;}
.list_card ul li:nth-child(1):hover {background:url('../images/bg_card_01_on.jpg') no-repeat center center/100% 100%;}
.list_card ul li:nth-child(2):hover {background:url('../images/bg_card_02_on.jpg') no-repeat center center/100% 100%;}
.list_card ul li:nth-child(3):hover {background:url('../images/bg_card_03_on.jpg') no-repeat center center/100% 100%;}
.list_card ul li a {position:absolute; top:0; right:0; bottom:0; left:0; padding-top:40%; text-align:center;}
.list_card ul li a:after {content:''; position:absolute; left:50%; bottom:0; width:1px; height:calc(100% - 250px); background:#FFF; opacity:.5;}
.list_card ul li a .tit_en {color:#595757; font-size:20px; line-height:22px; font-weight:500;}
.list_card ul li a .tit_kr {margin-top:16px; color:#FFF; font-size:22px; line-height:24px; font-weight:700;}

.list_prod {height:100%; padding:80px 50px 80px; background:#d5d5d6;}
.list_prod ul {height:100%; overflow-y:auto;}
.list_prod ul:after {content:''; display:block; clear:both;}
.list_prod ul.col2 {margin:0 0 0 -60px;}
.list_prod ul.col2 li {float:left; width:calc(50% - 80px); margin:40px 0 0 60px;}
.list_prod ul.col2 li:nth-child(1) {margin-top:0;}
.list_prod ul.col2 li:nth-child(2) {margin-top:0;}

.list_prod ul.col3 {margin:0 0 0 -48px;}
.list_prod ul.col3 li {float:left; width:calc(33.33% - 60px); margin:20px 0 0 48px;}
.list_prod ul.col3 li:nth-child(1) {margin-top:0;}
.list_prod ul.col3 li:nth-child(2) {margin-top:0;}
.list_prod ul.col3 li:nth-child(3) {margin-top:0;}

.list_prod ul li a {display:block; position:relative;}
.list_prod ul li a .img_box {position:relative; width:100%; height:0; padding-bottom:70%; overflow:hidden;}
.list_prod ul li a .img_box .img {position:absolute; left:50%; top:50%; width:100%; height:0; padding-bottom:70%; transform:translate(-50%,-50%); transition:2s ease-out; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.list_prod ul li a .tit {color:#3e3a39; font-size:13px; line-height:20px; font-weight:500;}
.list_prod ul li a:hover .img_box .img {transform:translate(-50%,-50%) scale(1.1);}

.pop_mask {display:none; z-index:8; position:fixed; left:0; top:0; bottom:0; width:100%; background:#000; opacity:.7;}
.pop_prod {display:none; z-index:9; position:fixed; left:0; top:120px; bottom:50px; width:35%; padding:100px; background:#e6e6e6; overflow-y:auto;}
.pop_prod .btn_pop_close {position:absolute; top:15px; right:15px; width:40px; height:40px; background:url('../images/btn_pop_close.png') no-repeat center center/80%; overflow:hidden; text-indent:-999px;}
.pop_prod .type {margin-bottom:40px; color:#3e3a39; font-size:20px; line-height:22px; font-weight:700;}
.pop_prod .img {display:block; width:100%; height:0; padding-bottom:70%; transition:2s ease-out; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.pop_prod .tit {margin-top:80px; padding-bottom:20px; border-bottom:1px solid #bcbbbb; color:#3e3a39; font-size:25px; line-height:27px; font-weight:700;}
.pop_prod .info ul {margin-top:30px;}
.pop_prod .info ul li + li {margin-top:5px;}
.pop_prod .info ul li {position:relative; padding-left:75px;}
.pop_prod .info ul li .tit_info {position:absolute; left:0; top:0; color:#595757; font-size:13px; line-height:22px; font-weight:700;}
.pop_prod .info ul li .txt_info {color:#595757; font-size:13px; line-height:22px;}

.openPop {overflow:hidden;}
.openPop .pop_mask {display:block;}
.openPop .pop_prod {display:block;}

.notice_wrap {height:calc(100vh - 120px - 50px); padding:100px 85px 90px; background:#ececec; overflow-y:auto;}
.notice_wrap .tit_notice {margin-bottom:40px; color:#3e3a39; font-size:20px; line-height:22px; font-weight:700;}
.notice_wrap .notice_inner {border-top:2px solid #3e3a39; border-bottom:1px solid #3E3A39; overflow-y:auto;}
.notice_wrap .tbl_notice {width:100%;}
.notice_wrap .tbl_notice tr td {border-top:1px solid #9fa0a0;}
.notice_wrap .tbl_notice th {height:55px; background:#f5f5f5; color:#3e3a39; font-size:16px; line-height:18px; font-weight:700; text-align:center;}
.notice_wrap .tbl_notice td {height:55px; background:#FFF; color:#3e3a39; font-size:15px; line-height:18px; font-weight:400; text-align:center;}
.notice_wrap .tbl_notice .subject_wrap {padding:0 20px; text-align:left; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}

.notice_wrap .tbl_view_notice {width:100%;}
.notice_wrap .tbl_view_notice th {height:40px; background:#d8d8d8; color:#3e3a39; font-size:15px; line-height:20px; font-weight:700; text-align:center;}
.notice_wrap .tbl_view_notice td {height:40px; background:#FFF;}
.notice_wrap .tbl_view_notice tr + tr th {border-top:1px solid #9fa0a0;}
.notice_wrap .tbl_view_notice tr + tr td {border-top:1px solid #9fa0a0;}
.notice_wrap .tbl_view_notice .text_form {display:block; width:100%; height:40px; padding:0 20px; color:#000; font-size:15px; }
.notice_wrap .tbl_view_notice .textarea_form {display:block; width:100%; height:200px; padding:20px; color:#000; font-size:15px; line-height:25px;}
.notice_wrap .agree_wrap {margin-top:20px;}
.notice_wrap .agree_wrap .tit_agree {margin-bottom:10px; color:#3f3f3f; font-size:13px; line-height:15px; font-weight:400;}
.notice_wrap .agree_wrap .txt_agree {background:#FFF; border:1px solid #d6d6d6; padding:12px; height:120px; overflow-y:auto; color:#aaa; font-size:12px; line-height:22px; font-weight:400;}
.notice_wrap .agree_wrap .chk_agree_wrap {display:flex; justify-content:flex-end; }
.notice_wrap .chk_agree_wrap label {font-size:12px; line-height:14px;}

.notice_wrap .btn_wrap {margin-top:50px;}
.btn_wrap {display:flex; justify-content:center; align-items:center;}
.btn_wrap .btn {display:flex; justify-content:center; align-items:center; width:210px; height:54px; font-size:15px; line-height:17px; font-weight:700;}
.btn_wrap .btn + .btn {margin-left:20px;}
.btn_wrap .btn_submit {color:#FFF; background:#3e3a39;}
.btn_wrap .btn_cancel {color:#3e3a39; background:#FFF; border:1px solid #d5d5d5;}

.paging {display:flex; justify-content:center; align-items:center; margin-top:20px;}
.paging a {display:flex; justify-content:center; align-items:center; width:28px; flex:0 0 28px; height:28px; color:#626262; font-size:15px; line-height:18px; background-repeat:no-repeat; background-position:center center; background-size:100% 100%;}
.paging a + a {margin-left:8px;}
.paging a.on {color:#000; font-weight:700;}
.paging a.first {background-image:url('../images/btn_page_first.jpg'); overflow:hidden; text-indent:-999px;}
.paging a.prev {background-image:url('../images/btn_page_prev.jpg'); overflow:hidden; text-indent:-999px;}
.paging a.next {background-image:url('../images/btn_page_next.jpg'); overflow:hidden; text-indent:-999px;}
.paging a.last {background-image:url('../images/btn_page_last.jpg'); overflow:hidden; text-indent:-999px;}


@media screen and (max-width:1760px){
    .content_wrap .info_box .tit03.small {font-size:20px; line-height:30px;}
}
@media screen and (max-width:1400px){
    /*.content_wrap .img_box {flex:0 0 65%;}
    .content_wrap .info_box {flex:0 0 35%; padding:170px 50px 100px}*/
    
    #sub_container {height:auto;}
    
    .ma_wrap .info_box {padding:280px 80px 0;}
    
    .content_wrap {flex-wrap:wrap;}
    .content_wrap .img_box {flex:0 0 100%;}
    .content_wrap .img_box .img {height:0; padding-bottom:75%; background-size:cover;}
    .content_wrap .info_box {flex:0 0 100%; height:auto; padding:100px;}
    #foot.s2 {position:relative; left:auto; bottom:auto;}
    
    .content_wrap.s2 .info_box {flex:0 0 100%;}
    .content_wrap.s2 .cont_box {flex:0 0 100%;}
    
    .list_card ul {flex-wrap:wrap;}
    .list_card ul li {flex:0 0 100%; height:0; padding-bottom:65%;}
    .list_card ul li:nth-child(1) {background:url('../images/bg_card_01_m.jpg') no-repeat center center/100% 100%;}
    .list_card ul li:nth-child(2) {background:url('../images/bg_card_02_m.jpg') no-repeat center center/100% 100%;}
    .list_card ul li:nth-child(3) {background:url('../images/bg_card_03_m.jpg') no-repeat center center/100% 100%;}
    .list_card ul li:nth-child(1):hover {background:url('../images/bg_card_01_m_on.jpg') no-repeat center center/100% 100%;}
    .list_card ul li:nth-child(2):hover {background:url('../images/bg_card_02_m_on.jpg') no-repeat center center/100% 100%;}
    .list_card ul li:nth-child(3):hover {background:url('../images/bg_card_03_m_on.jpg') no-repeat center center/100% 100%;}
    
    .list_card ul li + li {margin-top:1px;}
    .list_card ul li a {display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0;}
    .list_card ul li a:after {display:none;}
    .list_card ul li a .tit_en {font-size:12px; line-height:14px;}
    .list_card ul li a .tit_kr {margin-top:10px; font-size:14px; line-height:16px;}
    
    .list_prod ul.col2 li {margin:40px 0 0 80px;}
    
    .list_prod ul.col3 li {width:calc(33.33% - 48px); margin:20px 0 0 48px;}
    
    .pop_prod {top:120px; bottom:0; width:100%;}
    
}

@media screen and (max-width:1280px){
    .content_wrap .info_box .tit02 {font-size:30px; line-height:40px;}
    .content_wrap .info_box .tit03 {font-size:25px; line-height:35px;}
    .content_wrap .info_box .info_cont .txt {line-height:20px;}
    .content_wrap .info_box .info_head {margin-bottom:30px;}
}

@media screen and (max-width:991px){
    
    .br_pc {display:none;}
    #head {height:65px; padding:0 16px;}
    #head .logo_head {width:65px; height:30px;}
    #head .gnb {display:none;}
    #head .btn_menu {display:block; width:30px; height:30px; background:url('../images/btn_menu.png') no-repeat center center/80%; overflow:hidden; text-indent:-999px;}
    
    .openMMenu #head .btn_menu {background-image:url('../images/btn_close.png');}
    .openMMenu #head.s2 .btn_menu {background-image:url('../images/btn_close_on.png');}
    .openMMenu .m_menu {display:block;}
    
    .scroll #head .gnb > ul > li > a {color:#000;}
    .scroll #head .gnb > ul > li > a:after {background:#000;}
    .scroll #head .gnb > ul > li + li:before {background:#000;}
    .scroll #head .gnb > ul > li .depth li a {color:#000;}
    .scroll #head .gnb > ul > li .depth li a:hover {color:#000;}
    
    .scroll #head {background:#FFF;}
    .scroll #head .logo_head {background-image:url('../images/logo_head_on.png');}
    .scroll #head .btn_menu {background-image:url('../images/btn_menu_on.png');}
    .scroll.openMMenu #head .btn_menu {background-image:url('../images/btn_close_on.png');}
    
    #foot {height:38px;}
    #foot .copyright {height:38px; line-height:38px; font-size:8px;}
    
    .m_menu {display:none; z-index:1; position:fixed; left:0; top:65px; width:100%;}
    .m_menu .gnb > ul > li + li {position:relative; margin-top:-1px; /*border-top:1px solid #9a9a9a;*/ border-top:1px solid #aaa;}
    .m_menu .gnb > ul > li > a {position:relative; display:block; height:50px; padding:0 16px; background:#343434; color:#FFF; font-size:13px; line-height:50px; font-weight:500;}
    .m_menu .gnb > ul > li > a:after {content:''; position:absolute; top:50%; right:28px; width:15px; height:15px; margin-top:-8px; background:url('../images/icon_menu_close.png') no-repeat center center/contain;}
    .m_menu .gnb > ul > li .depth {display:none;}
    .m_menu .gnb > ul > li .depth li a {display:block; height:50px; padding:0 26px; background:#d3d3d3; color:#343434; font-size:13px; line-height:50px; }
    .m_menu .gnb > ul > li .depth li + li {position:relative; margin-top:-1px; border-top:1px solid #9a9a9a;}
    .m_menu .gnb > ul > li.on > a:after {background-image:url('../images/icon_menu_open.png');}
    .m_menu .gnb > ul > li.on .depth {display:block;}
    
    .ma_wrap {height:100vh !important;}
    .ma_wrap .info_box {padding:200px 16px 0;}
    .ma_wrap .info_box .tit {font-size:30px; line-height:30px;}
    .ma_wrap .info_box .txt {margin-top:26px; font-size:12px; line-height:18px;}
    
    #sub_container {padding:0;}
    .content_wrap {padding:65px 0 0;}
    .content_wrap .info_box {padding:36px;}
    
    .content_wrap .info_box .tit01 {margin-bottom:30px; font-size:17px; line-height:19px;}
    .content_wrap .info_box .tit02 {font-size:22px; line-height:32px;}
    .content_wrap .info_box .tit03 {font-size:18px; line-height:28px;}
    .content_wrap .info_box .info_cont .tit {margin-bottom:20px; font-size:15px; line-height:22px;}
    .content_wrap .info_box .info_cont .txt {font-size:12px; line-height:18px;}
    
    .content_wrap .info_box .info_cont .item + .item {margin-top:30px;}
    .content_wrap .info_box .info_cont .job {font-size:11px; line-height:13px;}
    .content_wrap .info_box .info_cont .name {margin-top:5px; font-size:11px; line-height:13px;}
    
    .list_prod {padding:20px 15px;}
    .list_prod ul {overflow:visible;}
    .list_prod ul.col2 {margin:-20px 0 0;}
    .list_prod ul.col2 li {width:100%; margin:20px 0 0;}
    .list_prod ul.col2 li:nth-child(1) {margin-top:20px;}
    .list_prod ul.col2 li:nth-child(2) {margin-top:20px;}
    .list_prod ul.col3 {margin:-20px 0 0;}
    .list_prod ul.col3 li {width:100%; margin:20px 0 0;}
    .list_prod ul.col3 li:nth-child(1) {margin-top:20px;}
    .list_prod ul.col3 li:nth-child(2) {margin-top:20px;}
    .list_prod ul.col3 li:nth-child(3) {margin-top:20px;}
    
    .list_prod ul li a .tit {margin-top:10px; font-size:14px; line-height:16px;}
    
    
    .pop_prod {top:100px; left:5%; bottom:auto; padding:50px 25px 25px; width:90%;}
    .pop_prod .btn_pop_close {width:30px; height:30px;}
    
    .pop_prod .type {font-size:14px; line-height:16px;}
    .pop_prod .tit {margin-top:40px; font-size:18px; line-height:20px;}
    .pop_prod .info ul {margin-top:15px;}
    .pop_prod .info ul li {padding-left:60px;}
    .pop_prod .info ul li .tit_info {font-size:12px; line-height:20px;}
    .pop_prod .info ul li .txt_info {font-size:12px; line-height:20px;}
    
    .notice_wrap {height:auto; padding:36px 16px;}
    .notice_wrap .tit_notice {font-size:13px; line-height:15px; margin-bottom:20px;}
    .notice_wrap .tbl_notice th {height:30px; font-size:12px; line-height:14px;}
    .notice_wrap .tbl_notice td {height:30px; font-size:12px; line-height:14px;}
    .paging a {width:20px; flex:0 0 20px; height:20px; font-size:12px; line-height:14px;}
    .paging a + a {margin-left:4px;}
    
    .notice_wrap .tbl_view_notice th {height:30px; font-size:12px; line-height:14px;}
    .notice_wrap .tbl_view_notice td {height:30px; font-size:12px; line-height:14px;}
    .notice_wrap .tbl_view_notice .text_form {height:30px; font-size:12px; line-height:14px; padding:0 10px;}
    .notice_wrap .tbl_view_notice .textarea_form {height:100px; font-size:12px; line-height:22px; padding:10px;}
    .notice_wrap .agree_wrap {margin-top:10px;}
    .notice_wrap .agree_wrap .tit_agree {margin-bottom:5px;}
    .notice_wrap .agree_wrap .txt_agree {padding:10px; font-size:12px; line-height:22px;}
    
    .notice_wrap .btn_wrap {margin-top:25px;}
    .btn_wrap .btn + .btn {margin-left:10px; }
    .btn_wrap .btn {width:120px; height:40px; font-size:12px; line-height:12px;}
    
    .content_wrap.ebro .info_box {padding:36px;}
    .content_wrap.ebro .img_info {text-align:left;}
    .content_wrap.ebro .img_info img {width:100%;}
}