@charset "euc-kr";

* {margin:0; padding:0;}

html, body{height:100%; padding:0; margin:0; width:100%;}

#wrap{min-height:100%; margin:0 auto; overflow:hidden; min-width:700px;}



/*top*/
.top_body{width:100%; height:80px; border-bottom:1px solid rgba(255,255,255,0.2);}
.top_nevi{width:100%; height:80px; min-width:1000px;}

.top_menu{float:right; margin-right:40px;}
.top_menu a{width:90px; float:left; line-height:80px; color:#FFF; font-size:13px;}
.top_menu a img{vertical-align:middle; margin-left:15px;}

#wrap .top_header.fixed{position:fixed;background:#fff;left:0;top:0;width:100%;}
#wrap .top_header.fixed .top_logo_img {
    background: url(../img/common/main_top_logo_g1.png) no-repeat;
}

#wrap .top_header.fixed .lang .lang_current:after {
    background: url(../img/common/menu_icon1_b.png) no-repeat;
}

#wrap .top_header.fixed .lang .lang_current {
    color: #000;
}

#wrap .top_header.fixed .top_menu a#menu_slide span{
background: #000;
}
/* #wrap.black .top_header .top_logo_img {
    background: url(../img/common/main_top_logo_g1.png) no-repeat;
}
#wrap.black .top_header .lang .lang_current{
  color:#000;
  border-bottom:1px solid #000;
}
#wrap.black .top_header .lang .lang_item{
  color:#000;
}
#wrap.black .top_header .lang:after{
  background: url(../img/common/menu_icon1_b.png) no-repeat;
}
#wrap.black .top_header .lang .lang_current:after{
  background: url(../img/common/menu_icon1_b.png) no-repeat;
} */
#wrap.on .top_header .top_logo_img{
  background: url(../img/common/main_top_logo_w1.png) no-repeat;
}

#wrap.on .top_header .lang .lang_current{color:#fff;}
#wrap.on .top_header .lang .lang_item{color:#fff;}
#wrap.on .top_header .lang:after{background: url(../img/common/menu_icon1.png) no-repeat;}
#wrap.on .top_header.fixed{background:none;}


#wrap.on .top_header.fixed .top_menu a#menu_slide span{
  background:#fff;
}

/*footer*/
/*
.footer{width:100%; height:120px; background-color:#dcdcdc; color:#787878; font-size:12px; overflow:hidden; z-index:0; padding-top:15px;}
.footer_body{padding:20px 40px; width:700px;margin:0 auto;}
.footer_body:after{clear:both;content:"";display:block;}
.footer_logo{float:left; width:150px; height:70px;}
.footer_text{width:550px; height:70px; float:left; line-height:17px;}
*/
/*���ΰԽ���*/
.main_noti_body{font-size: 14px; width: 1200px; margin: auto; position: relative; }
.main_noti_body dt{color:#886ba2; float:left; width:70px;}
.main_noti_body dd{color:#000;}
.main_noti_body > dl{ border-bottom:1px solid #634468; line-height:49px; padding-left:40px;}

/*�ϴ����޺귣��*/
.main_brand_body{width:50%; height:100px; background-color:#2d2e2e; font-size:14px; float:left;}
.main_brand_body dt{color:#6c6c6c; float:left; line-height:100px; padding:0 20px 0 40px;}

.main_brand_body dd img{height:48px; margin:27px 0; float:left;}
.main_sbenner{width:70%; min-width:350px; overflow:hidden; float:left;}
.main_sbenner{float:left;}


/*���� �߽� ����*/
h1{font-size:45px;}
.main_left{width:50%; border-right:1px solid rgba(255,255,255,0.2); display:block; float:left; height:100%; min-height:610px;}
.main_text_sub{font-size:20px;}


/*�����߽� ������ �ؽ�Ʈ*/
.main_rignt{width:50%; height:100%; display:block;  float:right; margin-left:-1px;  min-height:100%; position:relative; height:100%; min-width:100px;}
.main_rignt a{color:#FFF;}
h2{font-size:22px; margin-bottom:20px; min-width:150px;}
.main_text_sub2{font-size:14px; margin-bottom:20px;}
.main_company{border-bottom:1px solid rgba(255,255,255,0.2);  height:33.4%; min-height:150px;}


h3{font-size:50px;}


/*�޴�����*/
.main_company:hover{border-bottom:1px solid rgba(255,255,255,0.2); background:url(../img/main_bg_1company.jpg) center no-repeat; background-size:cover; min-width:250px;}
.main_business:hover{background:url(../img/main_bg_2business.jpg) center no-repeat; background-size:cover;}
.main_brand:hover{background:url(../img/main_bg_3brand.jpg) center no-repeat; background-size:cover;}
.main_cooper:hover{background:url(../img/main_bg_4cooperation.jpg) center no-repeat; background-size:cover;}
.main_community:hover{background:url(../img/main_bg_5community.jpg) center no-repeat; background-size:cover;}



.main_right_deps{ /*min-width:700px;*/ min-height:200px; border-bottom:1px solid rgba(255,255,255,0.2); overflow:hidden; height:33.3%;}
.main_right_deps2{ /*min-width:700px;*/ min-height:200px; overflow:hidden; height:33.3%;}

.main_business, .main_brand, .main_cooper, .main_community{ float:left; width:50%; padding:50px 0 0 20px; min-height:100px; height:100%;box-sizing:border-box;}

.main_business{border-right:1px solid rgba(255,255,255,0.2);}

.main_cooper{border-right:1px solid rgba(255,255,255,0.2);}

.menu1{float:left;}



/*�����ʸ޴�*/
#menu_bg dl{ width:1200px;margin:150px auto 0;display:flex;justify-content: space-between;}
#menu_bg dl dt{color:#FFF;  line-height:76px; vertical-align:middle; cursor:pointer; padding-right:20px; border-bottom:1px solid rgba(255,255,255,0.2); text-align:right;}
#menu_bg dl dt img{vertical-align:middle; margin-left:10px;}/*�ݱ��ư*/


/* ul#menu li a {color: #000; padding:20px 0; font-size:19px;font-weight: 700;}
ul#menu li ul li a {color:#c9c9c9; font-size:20px; line-height:10px;font-weight: 500;padding:10px 0;}
ul#menu li ul li a:hover,ul#menu li ul .current a {}
ul#menu ul{ margin:12px 0;} */

#menu_bg .side_menu_right{width:40%;padding-right:20%;box-sizing: border-box;}
#menu_bg .side_menu_right .side_lang_wrap{color:#fff;}
#menu_bg .side_menu_right .side_lang_wrap .side_lang_li{display: inline-block;vertical-align: middle;padding-right:10px;}
#menu_bg .side_menu_right .side_lang_wrap .side_lang_li.side_lang_earth{position:relative;width:30px;height:30px;padding-right:20px;}
#menu_bg .side_menu_right .side_lang_wrap .side_lang_li.side_lang_earth:after{content: ''; position: absolute; left: 0; top: 1px; background: url(../img/common/menu_icon1.png) no-repeat; width: 30px; height: 30px;}
#menu_bg .side_menu_right .side_lang_wrap .side_lang_li a{display: inline-block;color:#fff;line-height: 30px;}
#menu_bg .side_group_wrap{padding-top:50px;}
#menu_bg .side_group_wrap .group_title{font-size: 18px;font-weight:500;color:#fff;}
#menu_bg .side_group_wrap .group_con{padding-top:25px;}
#menu_bg .side_group_wrap .group_con .group_link{color:#fff;font-weight:10;font-size:18px;display:block;padding:0 0 5px 30px;position:relative;}
#menu_bg .side_group_wrap .group_con .group_link:after{content: ''; position: absolute; left: 0; top: 12px;width:20px;height:1px;background:#fff;}
#menu_bg .side_link{padding-top:50px;}
#menu_bg .side_link .side_link_item{}
#menu_bg .side_link .side_link_item a{padding:0 0 12px 30px;position: relative;color:#fff;display:block;}
#menu_bg .side_link .side_link_item a:after{content: ''; position: absolute; left: 0; top: 3px;width:20px;height:20px;background-size:20px 20px;}
#menu_bg .side_link .side_link_item.side_link_introduce a:after{background-image:url(../img/common/menu_icon2.png);}
#menu_bg .side_link .side_link_item.side_link_company a:after{background-image:url(../img/common/menu_icon3.png);}
#menu_bg .side_link .side_link_item.side_link_proposal a:after{background-image:url(../img/common/menu_icon4.png);}
#menu_bg .side_tel{padding-top:50px;color:#fff;}
#menu_bg .side_tel .side_tel_item{padding-bottom:10px;}
/*상단 사이드 메뉴*/
#menu_wrap {
    display: block;
}
#menu_wrap .gnbLayer {
    z-index: 1001;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 100%;
    background-color: #000;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)""
    filter:alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
}
#menu_wrap #menu_bg {
    z-index: 1002;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
}

#menu_wrap #menu_bg:before{
  content: '';
position: absolute;
left: 50%;
width: 1px;
height: 100vh;
background: #fff;
opacity: 0.2;
}

#wrapper.on #menu_wrap #menu_bg:before{
  height:100vh;
  transition: 2s ease-in-out;
}

#menu_wrap.gnbMenuLayerOn {
    visibility: visible;
}

#menu_bg {
    z-index: 1004;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 200px;
    height: 100%;
    overflow: auto;
    -moz-transform: translate3d( 0,-100%, 0);
    -webkit-transform: translate3d(0,-100%, 0);
    transform: translate3d( 0,-100%, 0);
    -moz-transition: -moz-transform 0.5s, visibility 0s 0.5s;
    -webkit-transition: -webkit-transform 0.5s, visibility 0s 0.5s;
    transition: transform 0.5s, visibility 0s 0.5s;
}

#menu_wrap.gnbMenuLayerOn #menu_bg {
    visibility: visible;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    moz-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}





/*.{background-color:#000; line-height:20px; letter-spacing:-0.2em; font-weight:bold;*/
.main_wrap #board_title{padding-bottom: 40px;}

.button { display: inline-block; padding: 11PX 0px; border: 2px solid #fff; border-radius: 28px; background: none; position: relative;-webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; font-size: 18px; font-weight: 200; margin-left: 4px; color: #fff; min-width:190px;box-sizing: border-box;text-align:center;}
.button_whites { display: inline-block; padding: 11PX 0px; border-radius: 28px; background: none; position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; font-size: 18px; font-weight: 200; margin-left: 4px; color: #161616; background:#fff;min-width:190px;}
.button_black { display: inline-block; padding: 11PX 0px; border: 1px solid #000; border-radius: 28px; background: none; position: relative;-webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; font-size: 18px; font-weight: 200; margin-left: 4px; color: #000; min-width:190px;box-sizing: border-box;text-align:center;}
.button.bg_gray{border:1px solid #4b4b4b;background:#4b4b4b;}
.button.bg_white{border:1px solid #fff;background:#fff;color:#000;}