@charset "utf-8";
body {
    font-family: 'SamsungSans', 'Malgun Gothic', '맑은 고딕', Apple Gothic, arial, helvetica, sans-serif;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    word-wrap: break-word;
    word-break: keep-all;
    white-space: normal;
    height: 100%;
}
.wrap {
    position: relative;
    min-width: 1300px;
}

/* 20190404 수정 */
.header {
    background: #fff;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    box-sizing: border-box;
    position: fixed;
    width: 100%;
    height: 92px;
    z-index: 101;
    min-width: 1300px;
    z-index: 999;
}
.header.main {
    /*background:none;*/
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
} /* 20190404 백그라운드 삭제 */
.header .header_dim {
    position: fixed;
    top: 0;
    width: 100%;
    height: 92px;
    background: #fff;
    opacity: 0.25;
    z-index: -1;
}
.header .header_con {
    box-sizing: border-box;
    margin: 0 5.5%;
    height: 100%;
}
.header h1 {
    padding-top: 33px;
}
.header .gnb {
    margin-left: -410px;
    position: absolute;
    left: 50%;
    top: 0;
}
.header .gnb > li {
    box-sizing: border-box;
    font-size: 16px;
    float: left;
}
.header .gnb > li:first-of-type {
    margin-left: 0;
}
.header .gnb > li > a {
    border-bottom: 4px solid transparent;
    display: inline-block;
    padding: 33px 0 28px;
}
.header .gnb > li > a.tit {
    font-weight: 800;
}
.header .gnb > li > a:hover,
.header .gnb > li > a.act {
    border-bottom: 4px solid #1428a0;
}
.header .gnb > .t1 {
    width: 116px;
}
.header .gnb > .t2 {
    width: 271px;
    padding-left: 25px;
}
.header .gnb > .t3 {
    width: 256px;
    padding-left: 35px;
}
.header .gnb > .t4 {
    width: 170px;
    padding-left: 45px;
}
.header .gnb > .t5 {
    width: 140px;
    padding-left: 25px;
}
.header .gnb li .snb_con {
    box-sizing: border-box;
    display: none;
    position: absolute;
    top: 117px;
    left: 0;
    z-index: 3; /*text-align:center;*/
}
/*.header .gnb li .snb_con:after{background:#ececec;content:"";display:block;width:1px;height:188px;position:absolute;top:5px;right:0;}*/
.header .gnb li .snb_con ul {
    ; /*margin-top:15px;*/
}
.header .gnb li .snb_con.m2 {
    left: 142px;
}
.header .gnb li .snb_con.m2 ul {
    width: 230px;
}
.header .gnb li .snb_con.m3 {
    left: 422px;
}
.header .gnb li .snb_con.m4 {
    left: 688px;
}
.header .gnb li .snb_con.m5 {
    left: 838px;
}
.header .gnb li .snb_con.m5:after {
    display: none;
}
.header .gnb li .snb_con ul li {
    margin-top: 2px;
    min-width: 180px;
    line-height: 20px;
    margin-bottom: 9px;
} /* 20190404 행간,간격 수정 */
.header .gnb li .snb_con ul li a {
    font-size: 15px;
}
.header .gnb li .snb_con ul li a:hover,
.header .gnb li .snb_con ul li a.act {
    border-bottom: 1px solid #6c74ba;
    color: #1428a0;
    font-weight: 800;
}
.header .gnb li .snb_stit {
    font-weight: 800;
}
.header.on {
    background: #fff;
}
.header.main.on {
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
}
.header.on:after {
    background: #fff;
    border-bottom: 1px solid #ececec;
    box-sizing: border-box;
    content: "";
    display: block;
    padding-top: 32px;
    position: absolute;
    top: 91px;
    left: 0;
    width: 100%;
    height: 190px;
} /* 20190409 높이수정 */
.header.on .gnb li .snb_con {
    display: block;
}
/* //20190404 수정 */
.header .util {
    position: absolute;
    right: 5.5%;
    top: 30px;
}
.header .util li {
    float: left;
}
.header .util li + li {
    margin-left: 19px;
}
.header .util li > a {
    display: block;
    text-indent: -9999em;
    width: 26px;
    height: 29px;
}
.header .util .cont_us a {
    background: url('../../images/en/contents/img_contus.png') left bottom no-repeat;
}
.header .util .lang > a {
    background: url('../../images/en/contents/img_lang.png') left bottom no-repeat;
    padding-right: 20px;
    position: relative;
}
.header .util .lang > a:after {
    background: url('../../images/en/contents/img_lang_arrow01.png') left bottom no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    right: 0;
    width: 11px;
    height: 6px;
}
.header .util .lang div {
    display: none;
    position: absolute;
    top: 32px;
    right: 0;
}
.header .util .lang div a {
    color: #999;
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -1px;
    position: relative;
}
.header .util .lang div a:first-of-type {
    padding-right: 6px;
    margin-right: 2px;
}
.header .util .lang div a:first-of-type:after {
    background: #ddd;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 7px;
    width: 1px;
    height: 10px;
}
.header .util .lang div a.on {
    color: #000;
}
.header .util .lang.on > a:after {
    background: url('../../images/en/contents/img_lang_arrow02.png') left bottom no-repeat;
}
.header .util .lang.on div {
    display: block;
}
.header .top_util_wrap {
    background: #fff;
    border-bottom: 1px solid #ececec;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    height: 30px;
    z-index: 101;
    min-width: 1300px;
    z-index: 999;
}
.header .top_util_wrap .top_util {
    box-sizing: border-box;
    margin: 0 5.5%;
    height: 100%;
    font-size: 13px;
    text-align: right;
}
.header .top_util_wrap .top_util div {
    float: right;
    position: relative;
    margin-left: 23px;
}
.header .top_util_wrap .top_util div:before {
    background: #dadada;
    content: "";
    display: block;
    width: 1px;
    height: 9px;
    position: absolute;
    top: 10px;
    left: 43px;
}
.header .top_util_wrap .top_util div a {
    padding: 0 9px;
    color: #a5a5a5;
}
.header .top_util_wrap .top_util div a.on {
    color: #000;
}
.header.gnb_type2 {
    height: 100px;
    position: relative;
}
.header.gnb_type2 h1 {
    display: inline-block;
    margin-top: 22px;
}
.header.gnb_type2 .header_con {
    box-sizing: border-box;
    margin: 0 5.5%;
    height: 100%;
}
#topMenuWrap {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
}
#topMenuWrap .logo_wrap {
box-sizing: border-box;
    margin: 0 5.5%;
    position: relative;
    text-align: left;
}
#topMenuWrap .logo_wrap h1 {
margin-top:0;padding-top:0;
    position: absolute; top:11px;z-index:100;
}
#topMenu {
    height: 30px;
    position: relative;
    margin-top: 20px;
}
#topMenu ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
}
#topMenu ul li {
    float: left;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
}
.menuLink,
.submenuLink {
    text-decoration: none;
    display: block;
}
.menuLink {
    font-size: 16px;
    font-weight: 800;
    display: inline-block;
    height: 45px;
}
.topMenuLi:hover .menuLink {
    border-bottom: 4px solid #1428a0;
    color: #1428a0;
}
.longLink {
    width: 190px;
}
.submenuLink {
    border-bottom: 4px solid #1428a0;
}
.submenu {
    position: absolute;
    height: 0;
    overflow: hidden;
    transition: height 0.2s;
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    width: 100%;
    left: 0;
    top: 49px;
    background-color: #f6f6f6;
}
#topMenu ul li .submenu li {
    float: inherit;
    text-align: left;
}
#topMenu ul li .submenu li a:hover {
    color: #1428a0;
    text-decoration: underline;
    border: none;
}
.topMenuLi:hover .submenu {
    height: 171px;
}
.submenuLink:hover {
    background-color: #dddddd;
}
.submenubox {
    width: 1000px;
    margin: 0 auto;
}
.submenu ul {}
#topMenu ul li.about a {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -371px;
}
#topMenu ul li.science a {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -246px;
}
#topMenu ul li.products a {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: 27px;
}
#topMenu ul li.careers a {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: 274px;
}
#topMenu ul li.news a {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: 391px;
}
#topMenu ul li.about .submenu ul {
    padding-left: 129px;
}
#topMenu ul li.science .submenu ul {
    padding-left: 255px;
}
#topMenu ul li.products .submenu ul {
    padding-left: 528px;
}
#topMenu ul li.careers .submenu ul {
    padding-left: 775px;
}
#topMenu ul li.news .submenu ul {
    padding-left: 892px;
}
#topMenu ul li ul {
    padding: 20px 0;
}
#topMenu ul li .submenu a {
    position: inherit;
    left: inherit;
    top: inherit;
    margin-left: inherit;
    font-size: 14px;
    line-height: 34px;
    font-weight: 600;
}

#topMenu ul li .submenu a.act {
    color: #1428a0;
    text-decoration: underline;
}
#topMenu ul li.ethics1 a {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -328px;
}
#topMenu ul li.ethics2 a {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -147px;
}
#topMenu ul li.ethics3 a {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: 62px;
}
.container {
    padding: 0;
    min-width: 1300px;
} /* 20190404 패딩 수정 */
.container.type02 {
    min-width: 1545px;
}
.container.pad_b0 {
    padding-bottom: 0;
}
.visual_top {
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    height: 400px;
    display: table;
} /* 20190404 높이수정,패딩삭제,dispaly추가 */
.visualtitle_box {
    display: table-cell;
    vertical-align: middle;
} /* 20190404 추가 */
.visualtitle_box2 {
    text-align:left;
    width:1170px;
    margin:0 auto;
}
.footer {
    background: #1f1f1f;
    box-sizing: border-box;
    color: #fff;
    font-weight: 100;
    padding: 39px 0;
    text-align: left;
    min-width: 1300px;
} /* 20190404 간격 수정 */
.footer.footer_ethics {
    padding: 106px 0 92px 0;
}
.footer .inner {
    margin: 0 5.5%;
    position: relative;
}
.footer .foot_menu {
    margin-bottom: 30px;
    text-align: left;
} /* 20190404 간격 수정 */
.footer .foot_menu a {
    color: #fff;
    margin-left: 30px;
    font-size: 16px;
}
.footer .foot_menu a:first-of-type {
    margin-left: 0;
}
.footer .foot_sns {
    position: absolute;
    right: 0;
    top: 0;
}
.footer .foot_sns a {
    display: inline-block;
    text-indent: -9999em;
    width: 48px;
    height: 35px;
}
.footer .foot_sns .yb {
    background: url('../../images/en/contents/foot_sns01.png') left top no-repeat;
}
.footer .foot_sns .fb {
    background: url('../../images/en/contents/foot_sns02.png') left top no-repeat;
    margin: 0 10px;
}
.footer .foot_sns .ig {
    background: url('../../images/en/contents/foot_sns03.png') left top no-repeat;
}

/*20190919 수정 추가*/
.footer .foot_sns .in {
	width:40px;	height:40px;
    background: url('../../images/en/contents/ico_in.gif') right top no-repeat;
}
.footer .foot_sns .twitter {
	width:40px;	height:40px;
    background: url('../../images/en/contents/ico_t.gif') left center no-repeat;
    margin: 0 10px;
}/*//20190919 수정 추가*/

.footer .copyright {
    /* background: url('../../images/en/contents/foot_logo.png') left top no-repeat; 210914*/
    font-size: 16px;
    text-align: right;
}
.footer.footer_ethics .copyright {
    color:#555;
}
/* 20190404 서브링크 */
.sub_links {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.sub_links ul {}
.sub_links ul li {
    width: 100%;
    background: #838383;
}
.sub_links ul li a {
    display: block;
    padding: 65px 0;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    text-align: center;
}
.sub_links ul li a span {
    width: 20px;
    height: 21px;
    padding-left: 28px;
    background: url('../../images/en/contents/ico_links_arrow.png') right bottom no-repeat;
    display: inline-block;
    vertical-align: top;
}
.sub_links ul.type02 {}
.sub_links ul.type02 li {
    float: left;
    width: 50%;
    background: #777;
}
.sub_links ul.type02 li:first-child {
    background: #838383;
}
.sub_links ul.type02 li a {
    padding: 65px 0 65px 50px;
    text-align: left;
}

/* 20190621 추가 시작 */
.sub_links ul.type03 {}
.sub_links ul.type03 li {
    float: left;
    width: 33.33%;
    background: #777;
}
.sub_links ul.type03 li:first-child {
    background: #838383;
}
.sub_links ul.type03 li:nth-child(3) {
    background: #6a6a6a;
}
.sub_links ul.type03 li a {
    padding: 65px 0 65px 50px;
    text-align: left;
}
.sub_links ul li:nth-child(3) a:hover {
    background: #2a2a2a;
}
/* //20190621 추가 끝 */

.sub_links ul li:first-child a:hover {
    background: #555;
}
.sub_links ul li a:hover {
    background: #373737;
}
.sub_links ul li a:hover span {
animation:moveSlideshow1 0.8s alternate infinite;}
}

@keyframes moveSlideshow1 {
  100% { 
    transform: translateX(20px);  
  }
}


/* //20190404 서브링크 */
/* 20190404 쿠키레이어팝업 */
.cookepanel_wrap {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0;
    z-index: 101;
    width: 100%;
    background: #212121;
    transform: translateY(-100%);
    transition: transform 0.6s ease 0.1s;
    will-change: transform;
}
.cookepanel_wrap .cookepanel_inner {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
    margin: 0 5.5%;
    width: auto;
    height: 30px;
}
.cookepanel_wrap .cookepanel_inner .txt {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 100px;
    color: #c2c2c2;
    font-size: 12px;
}
.cookepanel_wrap .cookepanel_inner .cookepanel_btn {
    position: absolute;
    right: 0;
    top: 20px;
    min-height: 1px;
    padding: 0 20px;
    border: 1px solid #979797;
    text-align: center;
    color: #979797;
}
.cookepanel_wrap.cookepanel_bottom {
    top: auto;
    bottom: 0;
    transform: translateY(100%);
}
.cookepanel_wrap.cookepanel_bottom.animate_in {
    transform: translateY(0);
}
.cookepanel_wrap.cookepanel_bottom.animate_out {
    transform: translateY(100%);
}
body.cookepanel_bottom_shown {
    padding-bottom: 70px;
}
/* //20190404 쿠키레이어팝업 */
.pop_wr {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 1000px;
    z-index: 110;
    display: none;
}
.pop_wr .pop_close {
    background: url('../../images/en/contents/img_pop_close.png') left top no-repeat;
    display: block;
    text-indent: -9999em;
    position: absolute;
    top: 24px;
    right: 40px;
    width: 31px;
    height: 31px;
}
.pop_top {
    background: #1428a0;
    box-sizing: border-box;
    padding: 30px 40px 0;
    height: 80px;
}
.pop_top .pop_tit {
    color: #fff;
    font-size: 26px;
    font-weight: 900;
}
.pop_con {
    background: #2f2f2f;
    box-sizing: border-box;
    padding: 37px 40px 40px;
    max-height: 1024px; /*overflow-y:auto;*/
} /*20190404 높이수정,스크롤삭제 */

/*신규 팝업 추가*/
.pop_wr.new_pop_wrap {}
.pop_wr.new_pop_wrap .pop_top {display:none;}
.pop_wr.new_pop_wrap .pop_con {background:#f7f7f7; padding:0; position:relative;}
.pop_wr.new_pop_wrap .pop_con .img {}
.pop_wr.new_pop_wrap .pop_con .btn {font-size:0; text-indent:-9999px; display:block; width:404px; height:95px; position:absolute; bottom:44px; left:50%; margin-left:-202px;}
.pop_wr.new_pop_wrap .pop_close {background: url(../../images/kr/contents/btn_close.png) left top no-repeat; width:56px; height:56px; right:28px; top:20px;}
.pop_wr .today_close_box {text-align:right;background:#949494;font-size:14px;vertical-align:middle;padding: 12px 22px;}
.pop_wr .today_close_box p {position:relative;padding-right: 50px;line-height:26px; padding-top: 15px;}
.pop_wr .today_close {display:inline-block;}
.pop_wr .pop_close02 {width:26px;height:26px;background: url(../../images/kr/contents/pop_close.png) left top no-repeat;font-size:0;text-indent:-9999px;display:inline-block;position:absolute;top: 31px;right:0;padding-top: 20px;}
.pop_wr.new_pop_wrap .pop_close.pop_close02 {width:26px; height:26px;background: url(../../images/kr/contents/pop_close.png) left top no-repeat; font-size:0; text-indent:-9999px; display:inline-block; position:absolute; top:0; right:0;}
/*// 신규 팝업 추가*/
/*20-04-03*/
.pop_wr .today_close_box p:after {content:''; clear:both; display:block;}
.pop_wr .today_close_box p {height:30px; padding-top:0;}
.pop_wr .today_close_box p .check_ty {float:left;}
.pop_wr .pop_close02 {padding-top:0;top:3px;}
/*//20-04-03*/
.pop_con.type02 {
    background: #fff;
    padding: 0;
    overflow: hidden
} /*20190404 높이 수정 */
.pop_con .pop_con_tit {
    border-bottom: 2px solid #fff;
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: 800;
    padding-bottom: 20px;
}
.pop_con .pop_list {
    border-bottom: 1px solid #fff;
    margin-top: 24px;
    overflow: hidden;
    padding-bottom: 2px;
}
.pop_con .pop_list li {
    color: #fff;
    float: left;
    margin-bottom: 22px;
    width: 25%;
}
.pop_con .pop_list + .pop_con_tit {
    margin-top: 60px;
}
.pop_con .pop_box {
    padding: 30px 40px;
}
.pop_con .pop_box strong {
    display: block;
    font-size: 24px;
    font-weight: 800;
    line-height: 44px;
}
.pop_con .pop_box li {
    padding-left: 10px;
    position: relative;
}
.pop_con .pop_box li:before {
    background: #000;
    border-radius: 50px;
    content: "";
    display: block;
    width: 3px;
    height: 3px;
    position: absolute;
    top: 10px;
    left: 0;
}
.pop_con .pop_box ul + strong {
    margin-top: 20px;
}
.dimmed {
    background: #000;
    width: 100%;
    height: 100%;
    min-height: 100%;
	    position: fixed;
    top: 0;		    top: 0;
    left: 0;		    left: 0;
    display: block;		    display: none;/* 20190610 수정*/
    overflow-y: hidden;		    overflow-y: hidden;
    z-index: 109;		    z-index: 1000;/* 20190610 수정*/
    opacity: 0.5;		    opacity: 0.5;
}
/* 20190610 추가 시작*/
.pop_wr.pop_type01{z-index:1100;}
.pop_wr.pop_type01 .pop_top {
    background: #1428a0;
    box-sizing: border-box;
    padding: 35px 40px 0;
    height: 80px;
}
.pop_wr.pop_type01 .pop_close {
    background: url('../../images/en/contents/img_pop_close.png') left top no-repeat;
    display: block;
    text-indent: -9999em;
    position: absolute;
    top: 24px;
    right: 40px;
    width: 31px;
    height: 31px;
}
.pop_wr.pop_type01 .pop_con {
    background: #fff;
    padding: 37px 40px 60px;
}
.pop_wr.pop_type01 .pop_con p {
    color:#000;
    font-size:18px;
    line-height:35px;
}
.pop_wr.pop_type01 .pop_con .pop_type01_btn{margin-top:25px;text-align:center;}
.pop_wr.pop_type01 .pop_con .pop_type01_btn a{margin:0 15px;}
/* //20190610 추가 끝*/
        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-moz-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-webkit-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @-o-keyframes rotate-loading {
            0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
            100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
        }

        @keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-moz-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-webkit-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }

        @-o-keyframes loading-text-opacity {
            0%  {opacity: 0}
            20% {opacity: 0}
            50% {opacity: 1}
            100%{opacity: 0}
        }
        .loading-container,
        .loading {
            height: 100px;
            position: relative;
            width: 100px;
            border-radius: 100%;
        }

        .loading-container-wrap{width:100%;padding-top:500px;}
        .loading-container { margin: 40px auto; }

        .loading {
            border: 2px solid transparent;
            border-color: transparent #fff transparent #FFF;
            -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
            -moz-transform-origin: 50% 50%;
            -o-animation: rotate-loading 1.5s linear 0s infinite normal;
            -o-transform-origin: 50% 50%;
            -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
            -webkit-transform-origin: 50% 50%;
            animation: rotate-loading 1.5s linear 0s infinite normal;
            transform-origin: 50% 50%;
        }

        .loading-container:hover .loading {
            border-color: transparent #E45635 transparent #E45635;
        }
        .loading-container:hover .loading,
        .loading-container .loading {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
        }

        #loading-text {
            -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
            -o-animation: loading-text-opacity 2s linear 0s infinite normal;
            -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
            animation: loading-text-opacity 2s linear 0s infinite normal;
            color: #ffffff;
            font-family: "Helvetica Neue, "Helvetica", ""arial";
            font-size: 10px;
            font-weight: bold;
            margin-top: 45px;
            opacity: 0;
            position: absolute;
            text-align: center;
            text-transform: uppercase;
            top: 0;
            width: 100px;
        }



/* 20190408 수정 */
@media all and (max-width: 1300px) {
    .header .header_con{box-sizing:border-box;margin:0 25px;height:100%;}
    .header .gnb{margin-left:-430px;}
    .header .util{position:absolute;right:25px;top:30px;}
}
@media all and (max-width: 1400px) {
    .header .header_con{box-sizing:border-box;margin:0 25px;height:100%;}
    .header .gnb{margin-left:-430px;}
    .header .util{position:absolute;right:25px;top:30px;}
}
/* //20190408 수정 */