@charset "UTF-8";

#wrap { outline: 0; }

#header { width: 150rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; position: relative; z-index: 5; }

#header::after { display: block; clear: both; width: 100%; height: 0; content: ''; }

#header .search .control.open { font-size: 3rem; overflow: hidden; position: absolute; right: 5.5rem; bottom: 3.5rem; width: 3rem; height: 3rem; color: #333; text-align: center; line-height: 3rem; }

#header .search .control.open::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }

#header .search .group { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; top: auto; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); top: 100%; width: 100% !important; -webkit-transition: all 0.2s; transition: all 0.2s; }

#header .search .group::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; border-top: 1px solid #ddd; background-color: #fff; }

#header .search .form { width: 50rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; position: relative; margin: 5rem 0; padding-left: 6rem; color: #000; line-height: 6rem; }

#header .search .form label { font-size: 2rem; position: absolute; left: 0; top: 0; font-weight: 500; }

#header .search .form input { width: 100%; height: 6rem; padding-left: 1rem; border: 0 none; background-color: #efefef; }

#header .search .form button { font-size: 2.5rem; overflow: hidden; position: absolute; right: 0; top: 0; width: 6rem; height: 6rem; text-align: center; line-height: 6rem; }

#header .search .form button::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }

#header .search .close { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 3.5rem; border: 1px solid #ddd; line-height: 3.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.6rem; display: inline-block; min-width: 7rem; padding: 0 1rem; background-color: #fff; color: #555; text-align: center; vertical-align: middle; -webkit-transition: all 0.2s; transition: all 0.2s; right: 0; }

#header .search .close:hover, #header .search .close:focus { background-color: #ddd; color: #fff; }

#header .search.active .group { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; }

#hnb { font-size: 1.4rem; position: absolute; left: 0; top: auto; z-index: 0; width: 100%; height: 4rem; color: rgba(255, 255, 255, 0.7); line-height: 4rem; }

#hnb::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background-color: #484c58; }

#hnb .hnb1 { float: left; position: relative; height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.2); }

#hnb .hnb1 .label { display: none; width: 15rem; border-right: 1px solid rgba(255, 255, 255, 0.2); }

#hnb .hnb1 .label::after { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; margin-left: 0.5rem; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#hnb .hnb1 li { float: left; width: 13rem; border-right: 1px solid rgba(255, 255, 255, 0.2); }

#hnb .hnb1 a { display: block; text-align: center; }

#hnb .hnb1.active .label::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#hnb .hnb2 { float: right; }

#hnb .hnb2 li { display: inline; }

#hnb .hnb2 li + li::before { display: inline-block; width: 1px; height: 1.5rem; background-color: #fff; content: ''; vertical-align: middle; opacity: 0.2; }

#hnb .hnb2 a { padding: 0 2rem; }

#hnb .lang { position: absolute; right: 11.5rem; bottom: -6.5rem; width: 3rem; height: 3rem; padding-left: 1.5rem; color: #999; line-height: 1rem; white-space: nowrap; }

#hnb .lang::before { display: none; }

#hnb .lang::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; left: 0; top: 0; z-index: -1; font-size: 3rem; color: #333; content: ''; line-height: 3rem; }

#hnb .lang a { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; font-size: 1.2rem; line-height: 1.5; display: block; position: relative; padding: 0 0.4rem; background-color: #fff; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; }

#hnb .lang a.active { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; }

#hnb .lang a.active::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#hnb .lang.active a { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; }

#hnb .lang.active a.active::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#logo { float: left; width: 15rem; margin: 6.5rem 0 2.5rem; }

#logo a { display: block; }

#gnb1 {position:relative; background-color: #033bae;height: 5rem;line-height: 1rem; }

#header .header_wrap #gnb1::before { visibility: hidden; overflow: hidden; opacity:0; position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 35rem; margin-left: -500%; content: ''; -webkit-box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1); border-top: 1px solid #eee; background-color: #fff; }

#header.active .header_wrap #gnb1::before {visibility: visible; overflow: visible; opacity: 1; }

#gnb1::after {content:""; position: absolute; background-color:#033bae; left: 50%; top: 0;z-index: -1; width: 1000%; height: 100%; margin-left: -500%; }

#gnb1 > ul > li { float: left;width: 25%;position: relative;}

#gnb1 > ul > li > a { display: block; padding: 1.8rem 5rem; font-size: 1.7rem; text-align: center; box-sizing: border-box; color: #fff;font-weight: bold; }

#gnb1 > ul > li.active > a, #gnb1 > ul > li:hover > a {color: #fdd835;}

#gnb1 > ul > li:first-child > a:before {position: absolute;top: 1.5rem;left: 0;width: 1px;height: 18px;content: '';background: url(../images/bar_gnb.png) no-repeat 0 50%;}

#gnb1 > ul > li > a:after {position:absolute;top:15px;right:0;width:1px;height:18px;content:'';background:url(../img/layout/bar_gnb.png) no-repeat 100% 50%}

#header.active .header_wrap #gnb1 > ul  li .submenu { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; }

#gnb1 > ul > li > .submenu > ul > * { display: block; }

#gnb1 > ul > li > .submenu > ul > li {margin: 10px 20px 0 20px;padding-left: 9px;background: url(../img/layout/bu_gnb_sub.png) no-repeat 0 10px;}

#gnb1 > ul > li > .submenu > ul > li > a {display: block;font-size: 1.7rem;color: #000;line-height: 22px;font-weight: 500;}

#gnb1 > ul > li > .submenu > ul > li > a:hover {text-decoration: underline;}

/* #gnb1 > ul > li.lnb1 .submenu > ul { display: table; width: calc(100% + 0px); table-layout: fixed; width: 80%; padding: 0; } */

/* #gnb1 > ul > li.lnb1 .submenu > ul > * { display: table-cell; padding-right: 0px; vertical-align: top; } */

/* #gnb1 > ul > li.lnb1 .submenu > ul > li { padding: 2.5rem; border-right: 1px solid #eee; } */

/* #gnb1 > ul > li.lnb1 .submenu > ul > li > a { font-size: 1.8rem; padding: 0; border: 0 none; background: none; font-weight: 400; color: #3a53a7; text-align: left; } */

/* #gnb1 > ul > li:nth-child(n + 2) .submenu > ul > li { float: left; width: 25%; padding: 1rem; } */

/* #gnb1 > ul > li:nth-child(n + 2) .submenu > ul > li > a { display: block; padding: 1rem; border: 1px solid #efefef; background: #f8f8f8; text-align: center; } */

#gnb1 > ul .submenu { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; display: block !important; position: absolute; left: 0; top: 100%; z-index: 1; width: 100% !important; }

/* #gnb1 > ul .submenu::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; -webkit-box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1); box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1); border-top: 1px solid #eee; background-color: #fff; } */

#gnb1 > ul .submenu::after { position: absolute; left: 0; top: 4px; width: 1px; height: 30rem; background-color: #eee; content: ''; }

#gnb1 > ul .submenu .desc { font-size: 1.7rem; float: left; width: 20%; text-align: center; }

#gnb1 > ul .submenu .desc .title { font-size: 3rem; display: block; padding: 5rem 0 1.8rem; color: #333; }

#gnb1 > ul .submenu .desc::after { display: block; width: 10rem; height: 10rem; margin: 6rem auto 0; background: url("../img/layout/submenu.png") no-repeat center center; background-size: 100%; content: ''; }

#gnb1 > ul .submenu > ul { font-size: 1.6rem; line-height: 1.75; float: left; width: 100%; height: 100%; padding: 1.5rem; text-align: left; }

#gnb1 > ul .submenu > ul > li .lnb-detail {display: none;}


#gnb2 {display: none;}

#gnb2 .control { font-size: 3rem; overflow: hidden; position: absolute; right: 0; bottom: 3.5rem; z-index: 3; width: 3rem; height: 3rem; color: #333; text-align: center; line-height: 3.5rem; }

#gnb2 .control::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; }

#gnb2 .control.close { display: none; right: 5px !important;top:8px;color: #fff;font-size: 3rem; width: 4rem;height: 4rem;line-height:4rem;z-index: 99;}

#gnb2 .control.close::before { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transition: all 0.2s; transition: all 0.2s; }

#gnb2 .control.close:hover::before, #gnb2 .control.close:focus::before { -webkit-transform: rotate(180deg) translateY(2px); transform: rotate(180deg) translateY(2px); }

#gnb2 .control.close::before { content: ''; }

#gnb2 > ul { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; left: 0; top: 50%; z-index: 2; width: 100%; color: #333;}

#gnb2 > ul::before { position: absolute; left: auto; right:0; top: 0; z-index: -1; width: 100%; content: ''; position: absolute; height: 200%; margin: 0; background-color: #fff; }

#gnb2 > ul::after { position: absolute; left: 0; right:0; top: -50; z-index: -2; width: 100%; height: 100%; content: ''; position: absolute; height: 200%; margin: 0; background-color: rgba(0,0,0,.4);margin-left: -100%; }

#gnb2 > ul > li { position: relative; margin-top: 1rem; padding-left: 20rem; }

#gnb2 > ul > li > a { font-size: 2rem; position: absolute; left: 0; top: 0; width: 15rem; height: 100%; padding: 1.5rem; background-color: #303b50; font-weight: 600; color: #fff; text-align: center; word-break: keep-all; }

#gnb2 > ul .submenu > ul { display: inline-block; width:100%; }

/* #gnb2 > ul .submenu > ul > * { clear: none; float: left; width: calc(33.33333% - 1rem); margin: 1rem 1rem 0 0; } */

#gnb2 > ul .submenu > ul > *:nth-child(2n + 1) { clear: none; }

#gnb2 > ul .submenu > ul > *:nth-child(3n + 1) { clear: both; }

#gnb2 > ul .submenu > ul > li > a { font-size: 2rem; display: block; font-weight: 400; background: url(/eng/images/bu_m_gnb.png) #c4cfe6 no-repeat 14px 19px;border-top:1px solid #333;padding: 10px 40px 10px 30px;line-height: 20px; }

#gnb2.active .open { display: none; }

#gnb2.active .close { display: block; }

#gnb2.active > ul { visibility: visible; overflow: visible; overflow-y: auto; height: 100%; opacity: 1; width: auto; position: fixed;top: 49px; }

#quick { position: fixed; right: -25rem; top: 0; z-index: 500; height: 100%; }

#quick::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; left: auto; right: 0; width: 0; -webkit-transform: translateX(0); transform: translateX(0); background-color: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

#quick .open { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: -4.5rem; width: 4.5rem; padding: 2rem 0 0; background-color: #9b8873; font-weight: 600; color: #fff; line-height: 4.5rem; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: mixed; }

#quick .open::after { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; margin-top: 1.5rem; padding: 1.5rem 0; background-color: rgba(0, 0, 0, 0.2); content: ''; }

#quick .group { width: 25rem; height: 100%; background-color: #f8f8f8; }

#quick .group .title { padding: 3rem 1rem; background-color: #484c58; color: #fff; text-align: center; }

#quick .group .title strong { font-size: 3rem; display: block; line-height: 1.2; }

#quick .group .title span { font-size: 1.6rem; font-weight: 300; opacity: 0.5; }

#quick .list a { display: block; padding: 1.5rem; border-bottom: 1px solid #ddd; font-weight: 400; }

#quick.active { right: 0; }

#quick.active::before { width: 1000%; opacity: 1; }

/* #footer { position: relative; z-index: 0; width: 150rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; padding: 4rem 0 7rem; color: #9fa4ad; }

#footer::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background-color: #313640; }

#footer .related { position: absolute; right: 0; bottom: 13rem; }

#footer .related .group { height: 5.5rem; border: 2px solid #969ca1; line-height: 5.1rem; float: left; position: relative; width: 18rem; margin-left: 0.5rem; color: #8e8e8e; }

#footer .related .group.active .label::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }

#footer .related .group.active .list { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; padding: 2rem 0; -webkit-transition: all 0.2s; transition: all 0.2s; }

#footer .related a { display: block; position: relative; padding: 0 2rem; }

#footer .related .label::after { position: absolute; top: auto; left: auto; right: auto; font-family: "xeicon"; font-size: 1.8rem; right: 2rem; color: #bcc3c9; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#footer .related .list { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: absolute; left: 0; bottom: 100%; width: 100% !important; margin-bottom: 0.5rem; background-color: #969ca1; color: #fff; line-height: 2.5rem; }

#footer .mark { position: absolute; right: 30rem; bottom: 6.5rem; }

#footer .btn_top { visibility: hidden; overflow: hidden; width: 0; height: 0; opacity: 0; position: fixed; left: 50%; bottom: 26rem; width: 7rem; height: 7rem; margin-left: 78rem; border-radius: 100%; background-color: #484c58; color: #fff; text-align: center; -webkit-transition: all 0.5s; transition: all 0.5s; }

#footer .btn_top::before { display: inline-block; position: relative; top: 1px; font-family: "xeicon"; vertical-align: top; display: block; padding-top: 0.5rem; content: ''; }

#footer .btn_top:hover, #footer .btn_top:focus { -webkit-animation: updown 0.75s 0.25s infinite alternate; animation: updown 0.75s 0.25s infinite alternate; }

#footer .btn_top.active { visibility: visible; overflow: visible; width: auto; height: auto; opacity: 1; width: 7rem; height: 7rem; } */

@-webkit-keyframes updown { 0% { margin-bottom: 0; }
  100% { margin-bottom: 0.5rem; } }

@keyframes updown { 0% { margin-bottom: 0; }
  100% { margin-bottom: 0.5rem; } }

#fnb { margin-bottom: 3rem; }

#fnb .fnb1 li { display: inline; font-weight: 600; }

#fnb .fnb1 li + li::before { display: inline-block; width: 1px; height: 1.5rem; margin: 0 1rem; background-color: #d6dce2; content: ''; vertical-align: middle; opacity: 0.1; }

#fnb .fnb2 { position: absolute; right: 0; bottom: 6rem; z-index: 1; }

#fnb .fnb2 li { display: inline; }

#fnb .fnb2 a { height: 4rem; border: 1px solid rgba(255, 255, 255, 0.15); line-height: 3.8rem; font-size: 2rem; display: inline-block; overflow: hidden; width: 4rem; margin-left: 0.25rem; border-radius: 100%; text-align: center; }

#fnb .fnb2 a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; height: 200%; -webkit-transition: all 0.2s; transition: all 0.2s; }

#fnb .fnb2 a:hover::before, #fnb .fnb2 a:focus::before { -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#fnb .fnb2 .blog a::before { padding: 0 0.5rem; font-family: "Noto Sans KR"; font-weight: 800; content: 'b b'; }

#fnb .fnb2 .facebook a::before { content: ' '; }

#fnb .fnb2 .instagram a::before { content: ' '; }

#fnb .fnb2 .twitter a::before { content: ' '; }

#fnb .fnb2 .youtube a::before { content: ' '; }

#fnb .fnb2 .kakao a::before { content: ' '; }

.footbanner { position: relative; z-index: 0; clear: both; padding: 3rem 4rem; text-align: center; }

.footbanner::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background-color: #e5e8ef; }

.footbanner li { float: left; padding: 0 0.5rem; }

.footbanner .bx-controls-direction a { position: absolute; top: 50%; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 2rem; line-height: 2; overflow: hidden; left: -4rem; width: 4rem; height: 4rem; margin: 0; background: none; text-align: center; }

.footbanner .bx-controls-direction a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; content: ''; text-indent: 0; }

.footbanner .bx-controls-direction a.bx-next { left: auto; right: -4rem; }

.footbanner .bx-controls-direction a.bx-next::before { content: ''; }

#siteinfo { position: relative; padding-left: 19rem; }

#siteinfo .logo { position: absolute; left: 0; top: 0; width: 15rem; }

#siteinfo .copyright { font-size: 1.2rem; margin-top: 1rem; font-weight: 400; text-transform: uppercase;}

#siteinfo span { margin-right: 1rem; }

.linkWindow:after { content:''; position:absolute; background:url('/eng/images/ico_window.png') center no-repeat;top:auto;left:100px;right:0; width: 20px;height: 20px;} 


/* 청렴포털 eng 작업 (2020.11) */

/* =reset */
body,div, dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,select,textarea,button,p,table,th,td {margin:0;padding:0;font-size:14px;font-family:'Malgun Gothic', '맑은고딕', "굴림", gulim, helvetica, sans-serif;line-height:100%;color:#666}
table {width:100%;border-collapse:collapse;border-spacing:0;border:0 none;table-layout:fixed;}
input[type="text"],select {padding:0 10px;height:30px;border:1px solid #ccc;box-sizing:border-box;}
select::-ms-expand {display:none}
select{-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
select {padding:0 25px 0 12px;max-width:100%;height:30px;background:url(/eng/images/arr_select.png) #fff no-repeat 100% center;}

/* =layout */
#wrap {position:relative;height:100%}
body.bg:after {content:''; position: fixed;top:0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);}
#header {width: 128rem;}
#header .header_wrap {position:relative;height:160px;box-sizing:border-box;z-index:1000;background:#fff}
#header .header_wrap:after {display:block;content:'';clear:both}
#container.main {padding-bottom:50px;background:#efefef}
.content:after {display:block;content:'';clear:both}
.sub .content {position:relative;margin:20px auto 0;padding-bottom:50px;width:1280px}
#footer {position:relative;border-top:1px solid #ccc;background-color:#fafafa;clear: both;}

/* =공통 */
.ellipsis {display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.inner {margin:0 auto;width:1280px}
.btn {display:inline-block;vertical-align:middle;color:#fff;box-sizing:border-box;text-align:center}
.btn_r {margin-top:10px;text-align:right}
.btn_choice {padding:5px 10px;border:1px solid #666;border-radius:3px;color:#333;box-sizing:border-box;line-height:16px}
.btn_choice:hover {background:#f8f8f8}

/*mo_navi_topMenu_box*/
.mo_navi_topMenu_box{display: none;}
.mo_navi_topMenu_box.on {display:block; position:absolute;z-index: 99;background-color:#333; width: 100%;height: 100%;top:0;right: 0;}
.mo_navi_topMenu_box ul {height: 100%;width: calc(100% - 4rem);}
.mo_navi_topMenu_box ul li {float: left;width: 50%;position: relative;}
.mo_navi_topMenu_box ul li:after {content: "";position: absolute;width: 1px;height: 12px; background-color: #fff;top:20px;}
.mo_navi_topMenu_box ul li:first-child:after {display: none;}
.mo_navi_topMenu_box ul li a {text-align: center;color: #fff;display: block;line-height: 5.5rem;}

/* =header */
#header .header_wrap h1 {float:left}
#header .header_wrap h1 a {display:block;width:218px;height:44px;background:url("../img/layout/eng_logo.png") no-repeat 0 0;text-indent:-9999em}
.search_header {position:relative;float:left;margin-left:220px;padding:0 50px 0 0;width:400px;height:50px;border:2px solid #086fcb;;box-sizing: border-box}
#header>.header_wrap >.inner {position:relative;padding:30px 0}
#header .inner:after {display:block;content:'';clear:both}
.search_header input[type=text] {padding:0 20px;width:100%;height:100%;border:0;font-size:14px}
.search_header .btn_search {position:absolute;top:-2px;right:-1px;width:53px;height:50px;background:url(../img/layout/bar_search.png) no-repeat 0 50%}
.search_header .btn_search span {display:inline-block;width:53px;height:50px;background:url(../img/layout/ico_btn_search.png) no-repeat center center;text-indent:-9999em}
.search_header .close {display:none;position:absolute;top:0;right:0}

/* =header 검색 수정 */
#header .header_wrap h1 {float:left}
#header .header_wrap h1 a {display:block;width:218px;height:44px;background:url("../img/layout/eng_logo.png") no-repeat 0 0;text-indent:-9999em}
#header>.header_wrap >.inner_new {position:relative;padding:30px 0}
#header .inner_new:after {display:block;content:'';clear:both}
.inner_new .search_header {position:relative;float:left;margin-left:220px; padding: 0; width:auto; height:auto; border: none; }
.inner_new .search_header input[type=text] {width:400px;height:50px;font-size:14px; padding-left: 20px; border: 2px solid #086fcb; box-sizing: border-box;}
.inner_new .search_header .btn_search {position:absolute;right:-1px;background:url(../img/layout/bar_search.png) no-repeat 0 50%}
.inner_new .search_header .btn_search span {display:inline-block;width:53px;height:50px;background:url(../img/layout/ico_btn_search.png) no-repeat center center;text-indent:-9999em}
.inner_new .search_header .close {display:none;position:absolute;top:0;right:0}

/* util */
.util {float:right;margin-top:17px;}
.util li {display:inline-block;margin-left:10px;padding-left:10px;background:url(../img/layout/bar_util.png) no-repeat 0 50%;font-size: 1.4rem;}
.util li a {color:#333}
.util .my {padding-left:20px;background:url(../img/layout/ico_my.png) no-repeat 0 4px}

/* =footer */
#footer .inner {overflow:hidden;padding:40px 0 85px}
.f_logo {float:left;display:block;margin:7px 0 0 3px;width:175px;height:30px;background:url(/eng/images/f_logo.png) no-repeat 0 0;text-indent:-9999em}
.lst_f_menu {position:relative;float:left;margin-left:63px}
.lst_f_menu:before {position:absolute;top:0;left:0;width:1px;height:90px;background:#ccc;content:'';display:inline-block}
.lst_f_menu:after {display:block;content:'';overflow:hidden;clear:both}
.lst_f_menu dl {position:relative;float:left;padding:10px 30px;width:264px;box-sizing:border-box}
.lst_f_menu dl:after {position:absolute;top:0;right:0;width:1px;height:90px;background:#ccc;content:'';display:inline-block}
.lst_f_menu dl:first-of-type {width:340px}
.lst_f_menu dt {margin-bottom:20px;font-weight:bold;font-size:17px; text-align: left;}
.lst_f_menu dd {float:left;margin-top:10px;width:110px; text-align: left;}
.lst_f_menu dd:first-of-type,.lst_f_menu dd:nth-of-type(2) {margin-top:0}
.lst_f_menu dl:nth-of-type(2) dd:nth-of-type(2) {margin-top:10px}
.lst_f_menu dl:nth-of-type(2) dd {width:150px}
.user_box {float:right}
.user_box ul {float:left;font-size:0}
.user_box li {display:inline-block;margin-left:5px}
.user_box ul li a {display:inline-block;width:36px;height:36px;text-indent:-9999em}
.user_box .m1 a {background:url(/eng/images/ico_facebook.png) no-repeat 0 0}
.user_box .m2 a {background:url(/eng/images/ico_twitter.png) no-repeat 0 0}
.user_box .m3 a {background:url(/eng/images/ico_youtube.png) no-repeat 0 0}
.user_box select {float:left;margin-left:20px;width:244px;height:40px}

/* 검색 자동단어 완성 */

.ui-autocomplete {padding: 0.5rem 1rem;overflow-y:auto !important;background-color: #fff;border: 1px solid #d7d7d7;}
.ui-autocomplete li {line-height: 3rem;}

/* 영문 게시판 p태그 글자 겹침 관련 css */
.board_view_new .contents p {line-height:24px;}



/* 로딩화면 */
#iframe-content { border: 0; }
#iframe-msg {text-align:center;min-height:40rem;background-image:url(/eng/img/main/loading.gif); background-repeat:no-repeat; background-position:center center;}

.dot div:nth-child(1) {
    transform: rotate(0deg) translateX(40px);
    animation: dot 1s 0 linear infinite;
}

.dot div:nth-child(2) {
    transform: rotate(45deg) translateX(40px);
    animation: dot 1s 0.1s linear infinite;
}

.dot div:nth-child(3) {
    transform: rotate(90deg) translateX(40px);
    animation: dot 1s 0.2s linear infinite;
}

.dot div:nth-child(4) {
    transform:rotate(135deg) translateX(40px);
    animation: dot 1s 0.3s linear infinite;
}

.dot div:nth-child(5) {
    transform: rotate(180deg) translateX(40px);
    animation: dot 1s 0.4s linear infinite;
}

.dot div:nth-child(6) {
    transform: rotate(225deg) translateX(40px);
    animation: dot 1s 0.5s  linear infinite;
}

.dot div:nth-child(7) {
    transform: rotate(270deg) translateX(40px);
    animation: dot 1s 0.6s  linear infinite;
}

.dot div:nth-child(8) {
    transform:rotate(315deg) translateX(40px);
    animation: dot 1s 0.7s linear infinite;
}

@keyframes dot {
    to {
         opacity:0.2;  
     }
    from{
         opacity:1;  
     }
    
}

/* =m_nav */
.m_left_menu {display:none;position:absolute;top:0;right:0;width:20px;height:14px;background:url(/eng/images/ico_allmenu.png) no-repeat 50% 50%;z-index:1002;text-indent:-9999em;background-size:45%;}
.mask {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.5;z-index:1004}
.mask.on {display:block}
#nav {position:relative;z-index:1001;width:100%}
#nav .gnb_btn_x {position:absolute;top:15px;right:0;width:12px;height:12px;-webkit-animation:spin 4s linear 1s;-moz-animation:spin 4s linear 1s;animation:spin 4s linear 1s;-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}
#nav img {width:100%}
.panel {display:none;position:fixed;top:0;right:0;width:70%;height:100%;z-index:10000;background:#fff;-webkit-overflow-scrolling:touch}
.panel.on {display:block}
#scroller {height:100%;}
.m_btn_area {display:none;position:absolute;top:15px;right:60px}
.m_search {display:none;float:left;width:20px;height:22px;background:url(/eng/images/m_ico_btn_search.png) no-repeat 50% 50%;z-index:1002;text-indent:-9999em;background-size:100%}
.m_search_detail {display:none;float:left;width:20px;height:14px;background:url(/eng/images/m_ico_btn_search_detail.png) no-repeat 50% 50%;z-index:1002;text-indent:-9999em;background-size:50%}