@charset "UTF-8";
@import url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sfcbdn.tvguho.vb%2Sfcbdn-una-fnaf%2Spff%2SFcbdnUnaFnafArb.pff');

* {margin:0; padding:0; outline:0; box-sizing:border-box;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video,select,option {margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
nav ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
dl,ul,ol,menu,li {list-style:none;}
body,th,td,input,select,textarea,button {font-size:18px; letter-spacing:-0.02em; font-family:'Spoqa Han Sans Neo', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','돋움','dotum','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif; color:#222;}
body,th,td,input,select,textarea,button {*font-family:'Spoqa Han Sans Neo', 'Noto Sans KR', 'Apple SD Gothic Neo', 'Malgun Gothic','돋움','dotum','Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;}
input,button,select,label {vertical-align:middle;}
button { background:transparent; border:0;}
hr {display:none;}
del,ins {text-decoration:none;}
a {color:inherit; text-decoration:none;}
a:active, a:hover {text-decoration:underline;}
address,caption,cite,code,dfn,var {font-style:normal;font-weight:normal;}
table {border-collapse:collapse; border-spacing:0;}
button,input {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;cursor:pointer; *overflow:visible;}
img {vertical-align:middle;}

.clearfix {zoom:1;}
.clearfix:after {content:''; display:block; clear:both;}
.hide {position:absolute; left:-100000em; top:-100000em;}
.wrap {width:100%; max-width:1140px; margin:0 auto; padding:0 20px;}
.more_gt {font-weight:300;}
.flex {display:flex; justify-content: space-between;}
.more_gt {font-weight:300;}
.off {display:none;}
.list_wrap .off {display:none;}
.graybox {background-color:#eee;}
/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

/*헤더*/
header {border-bottom:2px solid #d91b5c; width:100%; background:#fff; transition: 3s ease-out; z-index:99;}
header .nav_head {height:60px;}
header .nav_head .wrap {display:flex; justify-content:space-between; padding:5px 20px 10px; align-items:center;}
header .logo img {height:32px; display:inline-block;}
header .user {width:40px; height:40px; padding:7px;}
header .fullmenu {width:40px; height:40px; padding:2px;}
header nav {border-top:1px solid #ddd; height:47px;}
header nav .wrap {padding:0; height:46px; overflow-y: hidden;}
header nav .nav {width:100%;}
header nav .nav li a {display:inline-block; padding:12px 20px; white-space: nowrap;}
header nav .slider {display:none; max-width:840px; width:100%;}
header nav span::before {content: '|'; color: #ddd; font-weight: 100;  margin: 0 20px;}
header nav span:first-child::before {display:none;}
header nav span a {display:inline-block; padding:5px;}
.sticky_top {left: 0; position: fixed; right: 0; top:0; left:0; height:60px;}
.sticky_top nav {display:none;}
.sticky_top + main {padding-top:100px;}
.sticky_top .logo_scroll {display:block;}
.sticky_top .logo_scroll img {display:block; height:28px;}
header nav .wrap {overflow-x: scroll; overflow-y:none;}
header nav .wrap { -ms-overflow-style: none; scrollbar-width: none; }
header nav .wrap::-webkit-scrollbar {display:none; }

/* 푸터 */
footer {color:#666; font-size:0.833333em; margin-top:60px;}
footer .span_wrap {border-top:2px solid #d91b5c; padding:20px 0;}
footer .span_wrap span::before {content:'|'; color:#ddd; font-weight:100; margin:0 5px;}
footer .span_wrap span a {display:inline-block; padding:5px;}
footer .span_wrap span:first-child::before {display:none;}
footer .span_wrap + .span_wrap {margin:5px 0;}
footer .graybox {background-color:#f8f8f8; border-top:1px solid #ddd; font-weight:100; padding:20px; text-align:center;}
footer .go_top {display: inline-block; width:40px; height:40px; border-radius:100%; position: fixed; z-index:2; bottom:60px; right:20px; cursor: pointer; border:1px solid rgba(0,0,0,0.15); background-color:#fff; box-shadow:0 1px 1px rgba(0,0,0,0.1);}
footer .go_top img {transform: rotate(-90deg); width:12px; opacity:.6; margin-top:-4px;}
footer .go_top:hover {border:1px solid rgba(0,0,0,0.2); background-color:#fff; box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);}
footer .go_top:hover img {opacity:.9;}


/*사이드 바 */
.sidebar { display:none; left:0; z-index:99; position:fixed; top: 0; max-width:320px; height:100%; width:100%; overflow-y: scroll; background-color: #fff; transition: all 0.35s;}
.sidebar.active { display: block;}
.slidebar_header {padding:15px; align-items:center; border-bottom:2px solid #d91b5c; height:60px;}
.slidebar_header .logo img {height: 32px; display: inline-block;}
.slidebar_header .closebtn {width:22px; height:22px; opacity:.8; cursor:pointer;}
.slidebar_header .closebtn img {width:100%; height:auto;}
.sidebar .search_wrap {padding:0 15px;}
.sidebar .search_wrap form {margin-top:20px; border-bottom: 1px solid #222;}
.sidebar .search_wrap input {padding: 5px;  width: calc(100% - 30px);  vertical-align: middle; }
.sidebar .search_wrap input::placeholder {font-weight: bold; color: #212121;}
.sidebar .search_wrap button { width:25px; height:25px; display:inline-block; background: url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.rgarjf.pbz%2S2024%2Srgarjf%2Svzntrf%2Sfrnepu.fit") no-repeat center center; background-size:25px 25px; outline: 0; line-height:0; cursor: pointer; vertical-align:middle;}
.sidebar_background { -webkit-font-smoothing: antialiased; color: #000; padding: 0; box-sizing: border-box; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.7); z-index: 20; display: none;}
.fullmenu {padding:15px;}
.fullmenu ul {display:flex; flex-wrap:wrap; margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.fullmenu ul:last-child {border-bottom:none; margin-bottom:0;}
.fullmenu li {width:50%;}
.fullmenu li.title {font-weight:700; font-size:1em; color:#d91b5c; width:100% !important; padding:5px; margin-bottom:4px;}
.fullmenu li.title a {padding:0; font-size:1em; color:#d91b5c;}
.fullmenu li a {display:inline-block; padding:5px; font-size:0.8888888em; color:#444;}
.fullmenu li:nth-child(even) {width:55%;}
.fullmenu li:nth-child(odd) {width:45%;}

/*margin*/
.mg0 {margin:0!important;}
.mgt0 {margin-top:0;}
.mgt10 {margin-top:10px;}
.mgt20 {margin-top:20px;}
.mgt30 {margin-top:30px;}
.mgt40 {margin-top:40px;}
.mgt50 {margin-top:50px;}
.mgr0 {margin-right:0;}
.mgr10 {margin-right:10px;}
.mgr20 {margin-right:20px;}
.mgr30 {margin-right:30px;}
.mgr40 {margin-right:40px;}
.mgr50 {margin-right:50px;}
.mgb0 {margin-bottom:0;}
.mgb10 {margin-bottom:10px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}
.mgb40 {margin-bottom:40px;}
.mgb50 {margin-bottom:50px;}
.mgl0 {margin-left:0;}
.mgl10 {margin-left:10px;}
.mgl20 {margin-left:20px;}
.mgl30 {margin-left:30px;}
.mgl40 {margin-left:40px;}
.mgl50 {margin-left:50px;}
.relative {position:relative;}
.talign_l {text-align:left;}

.et_sub_wrap {width:100%; max-width:1140px; margin:0 auto; padding:0 20px;}


@media screen and (max-width:600px) {
  header nav .nav {width:100%; min-width:600px;}
  header nav .slider {display:block;}
  

 
}