body{animation:scrollOpacity 1s ease-in-out forwards}

#page-content-wrapper{padding-top:0;clear: both}


.mobile_none{display: block!important;}
.pc_none{display: none!important;}

img.m_img{display:none}
img.pc_img{display:inline-block}

.item_row.three li{float:left;width:33.3333%}
.item_row.four>li{width:25%}
.item_row.five>li{width:20%;}

/*header*/
.header{height:auto;position:static}
.header .logo{float:left;padding:24px 0}
.header nav{display:block;float:right}
.header nav ul li{float:left;padding-left:10px}
.header nav ul li:first-child{padding-left:0}
.header nav ul li a{display:block;width:115px;height:76px;line-height:76px;color:#fff;font-size:20px;background-color:#e44d26;text-align:center}

.header #menu_btn{display:none}

/*==커스텀==*/
.form_list{padding:100px 0}
.form_list>ul>li>strong{padding:80px 0 0}
.form_list>ul>li>div{padding:40px 15px 80px;text-align:center}
.form_list>ul>li .item_row li{padding:0}


/*==== Join Flow Style ====*/

.signup_wrap .table_signup dl{border-top:1px solid #dfdfdf}
.signup_wrap .table_signup dt{position:absolute;top:0;left:0;width:130px;height:100%;padding:20px;background-color:#f5f5f5}
.signup_wrap .table_signup dd{padding-left:140px;}
.signup_wrap .table_signup dd .input_text{width:230px;}
.signup_wrap .table_signup .email dd input{width:23%}
.signup_wrap .table_signup .contact dd{text-align: left;}
.signup_wrap .table_signup .contact dd input{width:20%}
.signup_wrap .table_signup .check_btns{display:inline-block;padding-top:0;text-align:left;}
.signup_wrap .table_signup .check_btns .btn{height:37px;line-height:35px;}

/*video_list*/
.video_list ul li{margin-bottom:80px}
.video_list.cf ul li{margin-bottom:40px}


/*## Module(구성 요소들) ##*/
/** accordion module **/
.accordion{width:100%;height:100%;overflow-y: visible;padding:0}
.accordion_panel{}
.accordion_panel{float:left}
.accordion_title{position:relative;display: block;background-color: transparent;text-align: center;border-bottom: none;padding: 15px;}
.accordion_title>span{display: inline-block;color:#333;}
.accordion_content_group{display: none;}
.accordion_content{background-color:#777;text-align: center;border-bottom: none;padding: 15px}
.accordion_content>a{display: block;width:100%;color:#333}

/*pc_header_search_group*/
.pc_header_search_group{position:relative;height:50px;margin-bottom:-50px;background-color:#1b1b1b;-webkit-transition: all .5s;transition: all .5s;-webkit-transform: translateY(-50px) scaleY(0);transform: translateY(-50px) scaleY(0);/*will-change: transform, height*/}
.pc_header_search_group.on{-webkit-transition: all .5s;transition: all .5s;-webkit-transform: translateY(0) scaleY(1);transform: translateY(0) scaleY(1);margin-bottom: 0;}
.pc_header_search_group.fixed{position: fixed;width: 100%;z-index: 100}
.header_search{position: relative;overflow: hidden}
.header_search input{color: #dddddd;padding:0 10px;vertical-align: top;width: 90%}
.pc_header_search_group .header_search input::-webkit-input-placeholder{color: #dddddd}
.pc_header_search_group .header_search button{position: static;color:#fff}
.pc_header_search_group .header_search .btn_search_close{float: right}

/**header**/
/* pc header default */
.main_header{position: relative;left:0;top:0;width:100%;height:120px;background-color: #fff;z-index:50;padding-top:0}
.inner_header{position: relative;width: 100%;height:120px;z-index:10;transition: background-color .5s;background-color:#fff;border:1px solid #efefef}
.main_header_logo{float:left;margin: 21px 0  0 15px}
.main_header_logo a{display: block;text-indent: -9999px;overflow: hidden;background-image:url(../img/common/img_logo.png);background-size:cover;background-repeat:no-repeat;background-position: 50%;}
.gnb_contact{position:static;width:100%;height:50px;display: block;-webkit-transform:scaleY(1);transform:scaleY(1);z-index:60;transition: all .5s;margin: 0;padding:0;}
.gnb_contact a{-webkit-transition: color .5s;transition: color .5s }
.gnb_contact a:hover{color: #95ba00!important;}
.gnb{position:static;left:0;height:100%;width:100%;-webkit-transform:scaleY(1);transform:scaleY(1);transform-origin: top center;padding-top: 0px;}
.bottom_inner_header{position: relative;height: 98px;}
/*state*/
html.open_nav{overflow: auto}
body.open_nav{overflow: auto}
.main_header.on{background-color: #333;height:100%}
.gnb_contact.on{-webkit-transform:scaleY(1);transform:scaleY(1)}
.gnb.on{-webkit-transform:scaleY(1);transform:scaleY(1);height:100%}
.gnb.on .accordion_panel{height:auto}

/** .gnb_pc_frame-4 theme **/
.gnb_pc_frame-4 {position: relative;background-color: #fff;height: 132px;}
.gnb_pc_frame-4 .inner_header{height: 132px}
.gnb_pc_frame-4 .top_header{position:relative;width:100%;background-color: #fff;letter-spacing: -.05em;border-bottom: 1px solid #efefef}
.gnb_pc_frame-4 .top_inner_header{position:relative;height:32px;width: 100%;overflow: hidden}
.gnb_pc_frame-4 .gnb_contact{height: 32px;line-height: 32px;;float: right;width: auto}
.gnb_pc_frame-4 .gnb_contact a {display: block;height: 32px;line-height: 32px;;font-size: 13px;color: #969696}
.gnb_pc_frame-4 .main_header_logo{width: auto;height:auto;float: left;margin: 37px 0 0;position: relative;z-index: 500}
.gnb_pc_frame-4 .main_header_logo a{width:260px;height:26px;}
.gnb_pc_frame-4 .gnb{position:absolute;right:0;left:auto;height: 100%;width: 100%;}
.gnb_pc_frame-4 .search_trigger{position:absolute;right:15px;height: 100%;background-color: transparent;font-size: 15px;color: #000;z-index: 100}
.gnb_pc_frame-4 .accordion{width:465px;float: right;height: 100%}
.gnb_pc_frame-4 .accordion_panel{display:inline-block;float: left;width: 80px;height: 100%}
.gnb_pc_frame-4 .accordion_panel>a{padding: 0;display: block}
.gnb_pc_frame-4 .accordion_title{display:inline-block;text-align: center;height: 100%;background-color: transparent;padding: 0;}
*::-ms-backdrop,.gnb_pc_frame-4 .accordion_title{font-weight: 400;}
.gnb_pc_frame-4 .accordion_title>span{color:#000;-webkit-transition: color .5s;transition: color .5s;font-weight:400;font-size: 14px;line-height: 100px;text-transform:capitalize}
.gnb_pc_frame-4 .accordion_content_group{position:absolute;width:175px;height: auto;-webkit-transform:scaleY(0);transform: scaleY(0);transform-origin: 0 0;transition: all .5s;z-index: 60;overflow: hidden;text-align: left;display: block!important;padding: 16px 0;background-color:rgba(0,0,0,.85)}
.gnb_pc_frame-4 .accordion_content{text-align:left;background-color: transparent;padding: 0 15px;line-height:25px;}
.gnb_pc_frame-4 .accordion_content>a{color:#9d9d9d;-webkit-transition: color .5s;transition: color .5s;font-weight:400;font-size: 12px;text-transform: uppercase}
.left_menu_group{float: left}
.left_menu_group li{float: left;margin-right:20px; }
.left_menu_group li a{display: inline-block;height: 35px;line-height: 35px;color: #9d9d9d;font-size: 16px;-webkit-transition: color .5s;transition: color .5s}
.left_menu_group li a:hover{color: #95ba00}

.gnb_pc_frame-4 .id3 .accordion_content_group{width: 100%;left:0;padding:15px 0px 15px 15px;overflow: hidden}
.gnb_pc_frame-4 .id3 .accordion_content{padding: 0 0 0 30px;float: left;margin-bottom: 25px}
.gnb_pc_frame-4 .id3 .accordion_content:first-child{width: 355px;border-right:1px solid rgba(255,255,255,.2);margin-bottom: 0}
.gnb_pc_frame-4 .id3 .accordion_content:nth-child(2){width: 480px;border-right:1px solid rgba(255,255,255,.2);margin-bottom: 0}
.gnb_pc_frame-4 .id3 .accordion_content:last-child{margin-bottom: 0}
.gnb_pc_frame-4 .id3 .accordion_content>a{text-align: left;font-size: 16px;font-weight: 700;margin-bottom:10px;color:#ddd }
.gnb_pc_frame-4 .id3 .accordion_content:nth-child(5)>a,.gnb_pc_frame-4 .id3 .accordion_content:last-child>a{margin-bottom: 0}
.accordion_content_group_2{float: left;}
.accordion_content_group_2:first-of-type{margin-right: 30px}
.accordion_content_group_2 a{font-size: 12px;font-weight: 400;color:#9d9d9d;-webkit-transition: color .5s;transition: color .5s}
.accordion_content_group_2 a:hover{color:#95ba00}

/*effect*/
.gnb_pc_frame-4 .accordion_panel>a{padding: 0;display: block}
.gnb_pc_frame-4 .accordion_title>span.on{color:#95ba00;background-color: transparent}
.gnb_pc_frame-4 .accordion_title:hover>span{color:#95ba00}
.gnb_pc_frame-4 .accordion_content>a:hover{color:#95ba00}
.gnb_pc_frame-4 .accordion_content.on a{color:#95ba00}
.gnb_pc_frame-4 .accordion_title:hover~.accordion_content_group{-webkit-transform: scaleY(1);transform: scaleY(1)}
.gnb_pc_frame-4 .accordion_content_group:hover{-webkit-transform: scaleY(1);transform: scaleY(1)}
.gnb_pc_frame-4 .accordion_content>a:hover{color:#95ba00;}

/*.main_header.scroll*/
.main_header.scroll{position: fixed;left:0;top:0;width:100%;height:50px;animation:scrollOpacity 1s;border-bottom: 1px solid #ddd;-webkit-transition: transform .5s;transition: transform .5s}
.main_header.scroll.onsearch{-webkit-transform: translateY(50px);transform: translateY(50px);}
.main_header.scroll .inner_header{line-height:50px;height: 50px;}
.main_header.scroll .inner_header .top_header{display: none}
.main_header.scroll .bottom_inner_header{height: 50px}
.main_header.scroll .main_header_logo{margin-top: 14px}
.main_header.scroll .main_header_logo a{width: 220px;height: 22px}
.main_header.scroll .accordion_title span{line-height: 50px}

/** main slide module **/
.main_visual_group .owl-dots{width:60px;position:absolute;left:50%;bottom:20px;margin-left:-30px;}
.main_visual_group .owl-dots .owl-dot{float:left;margin-left:6px;width:16px;height:16px;border-radius:8px;}
.owl-nav .owl-prev, .owl-nav .owl-next{position: absolute;top:50%;margin-top:-40px;width:40px;height:80px;text-indent: -9999px;overflow: hidden}
.owl-nav .owl-prev{left:50px;background: url(../img/common/btn_mainbanner_arrow.png) 50% no-repeat;background-size: contain;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.owl-nav .owl-next{right:50px;background: url(../img/common/btn_mainbanner_arrow.png) 50% no-repeat; background-size: contain}

/*메인 슬라이더*/
/** main slider module **/
.m_br{display: inline-block}
/*.main_v1{background-image: url(../img/index/main_01.jpg);}
.main_v2{background-image: url(../img/index/main_02.jpg);}
.main_v3{background-image: url(../img/index/main_03.jpg);}*/
.main_visual{height: 550px;}/*메인슬라이더 높이지정*/
.main_visual_content{padding-top:250px}
.owl-nav{display: block}
.main_visual_content .content_title{font-size: 50px;margin-bottom:10px;font-weight:300;}
.main_visual_content .content_title strong{font-weight: 700}
.main_visual_content .content_sub_title{font-size: 34px;font-weight: 300;}
.main_visual_content .content_sub_title span{display: block}
.main_visual_content .content_sub_title strong{font-size: 22px;font-weight: 500}
.main_visual_content .content_sub_title_2{font-size: 22px;font-weight: 200;margin-bottom:40px;margin-top: 30px}

/*index*/
.board_wrap{margin: 0 -30px}
.board_wrap>*{float: left;width: calc(50% - 60px)!important;margin: 0 30px}
/*sec1*/
.index_sec1 .img{opacity: 0;}
.index_sec1 ul li:nth-of-type(1) .img{-webkit-transition: opacity 1s ease-in-out;transition:opacity 1s ease-in-out}
.index_sec1 ul li:nth-of-type(2) .img{-webkit-transition: opacity 1s ease-in-out .3s;transition:opacity 1s ease-in-out .3s}
.index_sec1 ul li:nth-of-type(3) .img{-webkit-transition: opacity 1s ease-in-out .6s;transition:opacity 1s ease-in-out .6s}
.index_sec1.animated .img{opacity: 1}
/*sec2*/
.index_sec2{height: 500px}
.index_sec2 .text_group,.index_sec2 .img{opacity: 0;will-change: transform, opacity}
.index_sec2 .text_group{margin-top:100px;-webkit-transform: translate(-50%,0);transform: translate(-50%,0);-webkit-transition: transform 1s ease-in-out, opacity 1s ease-in-out;transition: transform 1s ease-in-out, opacity 1s ease-in-out}
.index_sec2 .img{-webkit-transform: translate(0, 50%);transform: translate(0, 50%);-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.11, 0.69, 0.66, 1.01) 0ms, opacity .5s;transition: -webkit-transform 1000ms cubic-bezier(0.11, 0.69, 0.66, 1.01) 0ms, opacity .5s;}
.index_sec2.animated .text_group,.index_sec2.animated .img{opacity:1;-webkit-transform: translate(0, 0);transform: translate(0, 0)}
/*sec4*/
.index_sec4 .grid_list li{opacity: 0;-webkit-transform: translate(0, 50%);transform: translate(0, 50%);-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.11, 0.69, 0.66, 1.01) 0ms, opacity 1s;transition: -webkit-transform 1000ms cubic-bezier(0.11, 0.69, 0.66, 1.01) 0ms, opacity 1s;}
.index_sec4 .grid_list li:nth-child(n+4){-webkit-transform: translate(0, 50%);transform: translate(0, 50%);-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.11, 0.69, 0.66, 1.01) .3s, opacity 1s .3s;transition: -webkit-transform 1000ms cubic-bezier(0.11, 0.69, 0.66, 1.01) .3s, opacity 1s .3s;}
.index_sec4.animated .grid_list li{opacity:1;-webkit-transform: translate(0, 0);transform: translate(0, 0)}
/*sec5*/
.index_sec5 .owl-nav .owl-prev{left:0;background: url(../img/common/btn_mainbanner_arrow_gray.png) 50% no-repeat;background-size: contain;-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.index_sec5 .owl-nav .owl-next{right:0;background: url(../img/common/btn_mainbanner_arrow_gray.png) 50% no-repeat; background-size: contain}
/*board_wrap*/
.board_wrap .board dl dt:before{-webkit-transform: scale(0);transform: scale(0);-webkit-transition: transform .5s;transition: transform .5s}
.board_sec.animated .board dl dt:before{-webkit-transform: scale(1);transform: scale(1)}


/** sub_top module **/
/*.sub_top{animation:  scrollOpacity1.5s ease-in-out forwards}*/
.sub_top_image{background-repeat:no-repeat;background-position:50%;background-size: cover;height: 300px;width: 100%;}

/** snb **/
.snb {float: left;width:230px;background-color: #fff;text-transform: uppercase;height: 100%;}
.snb_title{font-size: 24px;font-weight: 500;padding:30px 20px 15px;background-image:url(../img/common/bg_snb.jpg);background-repeat: no-repeat;background-size: cover ;color: #fff}
.snb_title:before{content: "";display: block;background: url(../img/common/icon_snb_title.png) no-repeat;width: 32px;height: 29px;margin-bottom: 10px }
.snb_list{border-top:1px solid  #2d3e56;border-bottom: 1px solid  #2d3e56;margin: 1px 0}
.snb_list>li{position: relative;border-bottom: 1px solid #ddd;font-size: 16px;font-weight: 400}
.snb_list>li:last-child{border-bottom: none}
.snb_list>li>a{display:block;height:50px;line-height: 50px;color:#888;background-color: #fff;padding:0 20px}
.snb_list>li>a:after{position:absolute;right:15px;content:"";width:7px;height:60px;display: inline-block;}
.snb_list>li.on>a{color:#333}
.snb .link_banner li{margin: 0;padding:0}
.snb .link_banner li a{display: block;height: 100px}
/*effect*/
.snb_list>li:hover>a{color: #333}

/** sub_content_wrap **/
.sub_content_wrap {text-align: left;padding: 70px 0 100px 0;}
.sub_content_wrap_title{}
.sub_content_wrap_title>h1{font-size: 30px;font-weight:700;}

/** bread_crumb module **/
.bread_crumb{font-size: 12px;color:#303030;height: 50px;line-height:50px;font-family: "Open Sans", sans-serif;font-weight: 400;border-bottom: 1px solid #efefef;text-transform: uppercase}
.bread_crumb ul{text-align: right}
.bread_crumb ul li{display: inline-block;}
.bread_crumb ul li:last-child a{color: #93b701;font-weight: 700}
.bread_crumb ul li a:hover{color: #93b701}
.bread_crumb ul li a.on{color: #93b701;font-weight: 700}
.bread_crumb ul li:after{content: ">";}
.bread_crumb ul li:last-child:after{content: none}

/**sub_page**/
.sub_content_group{margin: 40px 0 0 0}
.sub_content_group .sm_dash dl{margin-left: 15px}
.sub_content_group .sm_dash p{margin-left: 15px}
.sub_content_group .sm_dash h3{margin-left: 15px}

/** sub_wrap **/
.sub_content_wrap_title>h1{font-size: 30px;text-align: center}
.sub_content_group .content{font-size:16px;}

/*about*/
.about .sub_content_group li {margin-bottom: 3px}
.about .sub_content_group dt{font-size:16px;}
.about .sub_content_group .content_wrap{margin:20px 0 0 170px;float: none;animation: righthide 1.5s forwards}
.about .sub_content_group li.animate .content_wrap{}
.about .sub_content_group .content_wrap:first-of-type{margin-top:38px}


#ceo.about .sub_content_group{margin-bottom: 80px}
#ceo.about .sub_content_group .content{padding: 0 60px}
#ceo.about .sub_content_group:before{width:0;transition: width 1s}
#ceo.about .sub_content_group.slide_up:before{width: 100%}
#ceo.about .sub_content_group h2{margin-bottom: 45px;font-size: 18px;transition: background-color .5s}
#ceo.about .sub_content_group.slide_up h2{background-color:#93b701;color:#fff}
#ceo.about p{opacity: 0}
#ceo.about .sub_content_group.slide_up p{animation: slideUpAnimation 2s cubic-bezier(0.175, 0.885, 0.320, 1) forwards}

#philosophy.about .sub_content_group h2{margin: 0;float: left;font-size:20px;opacity: 0;will-change: opacity,transform}
#philosophy.about .sub_content_group h2 span{display: block}
#philosophy.about .sub_content_group{text-align: left;}
#philosophy.about .sub_content_group h2.slide_up{animation: slideUpAnimation 2s cubic-bezier(0.175, 0.885, 0.320, 1) forwards}
#philosophy.about .sub_content_group .ani{will-change: opacity,transform;opacity: 0}
#philosophy.about .sub_content_group .slide_right{animation: slide_right 2s cubic-bezier(0.175, 0.885, 0.320, 1) forwards}
#philosophy.about .sub_content_group .content_wrap{margin:30px 0 0 170px;}
#philosophy.about .sub_content_group .content.eg_cont{font-weight: 400}
#philosophy.about .sub_content_group .content{margin-left: 0}
#philosophy.about .sub_content_group li{margin-bottom: 100px}

#history.about .sub_content_group h2{margin: 0;float: left;font-size:20px;opacity: 0;will-change: opacity,transform}
#history.about .sub_content_group h2.slide_up{animation: slideUpAnimation 2s cubic-bezier(0.175, 0.885, 0.320, 1) forwards}
#history.about .sub_content_group .ani{will-change: opacity,transform;opacity: 0}
#history.about .sub_content_group .slide_right{animation: slide_right 2s cubic-bezier(0.175, 0.885, 0.320, 1) forwards}
#history.about .sub_content_group .content_wrap{margin:30px 0 0 170px;}

#associated.about .sub_content_group h2{margin: 0;float: left;font-size:17px;opacity:0}
#associated.about .sub_content_group h2.slide_up{animation: slideUpAnimation 2s cubic-bezier(0.175, 0.885, 0.320, 1) forwards}
#associated.about .sub_content_group h2 span{display: block}
#associated.about .sub_content_group .content_wrap{margin:30px 0 0 170px;opacity: 0}
#associated.about .sub_content_group .content_wrap.slide_right{animation: slide_right 3s cubic-bezier(0.175, 0.885, 0.320, 1) forwards}
#associated.about .sub_content_group .content{margin-left: 0}
#associated.about .sub_content_group .row_list{margin: 50px 0 0 170px}
#associated.about .sub_content_group .row_list li dl{margin-left:375px;}
#associated.about .sub_content_group .row_list li dt{font-size: 30px;}
#associated.about .sub_content_group .grid_list{overflow: hidden;margin-left:142.5px}
#associated.about .sub_content_group .grid_list li{width:calc(33.33% - 50px);float: left;margin:0 25px 50px 25px}
#associated.about .sub_content_group .grid_list li:hover .img_wrap .img{-webkit-transform: scale(1);transform: scale(1)}
#associated.about .sub_content_group li{opacity: 0}
#associated.about .sub_content_group li.slide_up{animation: slideUpAnimation 2s cubic-bezier(0.175, 0.885, 0.320, 1) forwards}

#networks.about .sub_content_group .map_ani{margin-top: 15px}
#networks.about p{opacity: 0;will-change: opacity,transform}
#networks.about p.slide_up{animation: slideUpAnimation 1s ease-in-out forwards}
#networks.about .sub_content_group .content{text-align: center;}
#networks.about .sub_content_group .map_cont>div{opacity: 0}
#networks.about .sub_content_group .map_cont.map_ani .bg {animation:opacityAnimation ease-in 1.5s 1s forwards}
#networks.about .sub_content_group .map_cont.map_ani .dot_1 {animation:opacityAnimation ease-in-out 1.5s 2s forwards}
#networks.about .sub_content_group .map_cont.map_ani .dot_2 {animation:opacityAnimation ease-in-out 1.5s 2.5s forwards}
#networks.about .sub_content_group .map_cont.map_ani .dot_3 {animation:opacityAnimation ease-in-out 1.5s 3s forwards}
#networks.about .sub_content_group .map_cont.map_ani .logo {animation:scaleDownAnimation ease-out 1.5s 4.5s forwards}

#partner.about .sub_content_group .content{text-align: center;}
#partner p.eg_cont,#partner li{opacity: 0;will-change: opacity,transform}
#partner .ani{opacity: 0;will-change: opacity,transform}
#partner p.slide_up,#partner li.slide_up{animation: slideUpAnimation 1s cubic-bezier(0.175, 0.885, 0.320, 1) forwards}

#scholarship.about .sub_content_group ul li{padding-top: 70px}
#scholarship p.eg_cont,#scholarship img{opacity: 0;will-change: opacity,transform}
#scholarship p.eg_cont.slide_up{animation: slideUpAnimation 1s cubic-bezier(0.175, 0.885, 0.320, 1) forwards}
#scholarship .ani.slide_up{animation: slideUpAnimation 1s cubic-bezier(0.175, 0.885, 0.320, 1) forwards}
#scholarship img.slide_right{animation: slide_right 3s cubic-bezier(0.175, 0.885, 0.320, 1) forwards}

/*brand*/


/*product*/
#product .grid_list{margin-left: -20px;margin-right: -20px;}
#product .grid_list li{width: calc(25% - 40px);margin-left: 20px;margin-right: 20px}

/*footer*/
.main_footer{font-size: 12px;background-color:#363636;font-family: "Open Sans", sans-serif;color:#fff}
.main_footer .inner_footer{padding:60px 15px;}
.main_footer .footer_logo{margin-bottom: 20px}
.main_footer .site_map{text-transform: uppercase}
.main_footer .site_map,.main_footer .info{margin-bottom: 35px;min-height: 140px;text-transform: uppercase}
.main_footer dt{font-size: 15px; font-weight: 700;margin-bottom: 15px}
.main_footer dd{font-size: 12px; font-weight: 600;margin-bottom: 5px}
.main_footer .family_link select{width: 100%;max-width:220px;height: 30px;border: 1px solid #93b701;background-image: url(../img/common/btn_arrow_down_black.png); background-size: contain;background-position: right 10px top 50%;background-size: 15px;font-size: 12px;font-weight: 700;color:#555;padding-left:5px;text-transform: uppercase}
.main_footer .family_link select option{font-weight: 700;font-size: 12px;text-transform: uppercase}
.main_footer .sns{overflow: hidden}
.main_footer .sns dd{float: left;margin-right:10px;width:25px;height:25px;line-height: 25px;background-color:#777;color: #fff;font-size: 13px;text-align: center;border-radius: 50%;;vertical-align: bottom;-webkit-transition: background-color .5s;transition: background-color .5s}
.main_footer .sns dd:hover{background-color:#93b701;}
.main_footer .sns dd i {line-height: 25px}
.main_footer .info dd{font-weight: 400}
.main_footer .info dd.map i {font-size: 18px;vertical-align: middle;}
.main_footer .info dd.map span{margin: 0 5px;font-size: 13px;display:inline-block;;text-transform: lowercase}
.main_footer .info .private-style {margin-top:17px; margin-bottom:-17px;}
.main_footer .left_wrap{float: left;text-align: left;width: 40%;}
.main_footer .center_wrap{float: left;text-align: left;width: 30%;}
.main_footer .company_info{margin: 15px 0 0}
.main_footer .company_info li{display: inline-block;margin:0 10px 0 0}
.main_footer .right_wrap{width: 30%;float: right;margin: 0;text-align: left}
.main_footer .copyright{margin-top: 3px;color:#ddd}




/*##애니메이션##*/
@keyframes scrollOpacity {
    from{opacity: 0}
    to{opacity: 1}
}

@keyframes shake {
    from{transform: rotate(-10deg)}
    to{transform: rotate(10deg)}
}

@-webkit-keyframes slide_right{
    from{opacity: 0;transform:translateX(50%);}
    to{opacity: 1;transform:translateX(0);}
}
@-moz-keyframes slide_right{
    from{opacity: 0;transform:translateX(50%);}
    to{opacity: 1;transform:translateX(0);}
}
@keyframes slide_right{
    from{opacity: 0;transform:translateX(50%);}
    to{opacity: 1;transform:translateX(0);}
}