@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
#header-wrapper {margin-bottom:3.5rem;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;text-align:center}
#header-wrapper::after {content:'';display:table;clear:both}
#header-wrapper ul, #header-wrapper ol {list-style:none;padding:0;margin:0}

/*********************************************
note : 최상단영역
*********************************************/
#user-gnb {padding:.125rem 0;background:#f9f9f9;border-bottom:1px solid #dfdfdf}
#user-gnb::after {content:'';display:table;clear:both}

/* 업데이트 */
#user-gnb .user-intro {float:left;padding:.25rem 0;font-size:.75rem;letter-spacing:-0.03em;color:#555;}
#user-gnb .user-intro strong {font-weight:500;color:#0091b8}

/* SNS */
#user-gnb .user-sns {float:right}
#user-gnb .user-sns li {float:left;height:1.75rem;padding:0 .525rem;font-size:.813rem;border:1px solid #fff;border-left:0;color:#fff}
#user-gnb .user-sns li:first-child {border-left:1px solid #fff}
#user-gnb .user-sns li a {color:#fff}
#user-gnb .user-sns li:hover a {color:#000}
#user-gnb .user-sns li.sns-rss {background-color:#bc1212;}
#user-gnb .user-sns li.sns-rss:hover {background-color:#ddd}
#user-gnb .user-sns li.sns-face {background-color:#3b5998}
#user-gnb .user-sns li.sns-face:hover {background-color:#ddd}
#user-gnb .user-sns li.sns-twitter {background-color:#55acee}
#user-gnb .user-sns li.sns-twitter:hover {background-color:#ddd}

/* 로그인 */
#user-gnb .user-logbox {float:right;}
#user-gnb .user-logbox li {float:left;font-size:.8rem;line-height:1.75rem;letter-spacing:-0.03em;}
#user-gnb .user-logbox li:first-child {padding-left:0}
#user-gnb .user-logbox li:last-child {padding-right:0}
#user-gnb .user-logbox li a {color:#777}

#user-gnb .user-logbox li::before {content:"|";padding:0 .625rem;color:rgba(0,0,0,.1)}
#user-gnb .user-logbox li:first-child:before {content:"";padding:0 .625rem 0 0;}

/*********************************************
note : 로고영역
*********************************************/
#nav-header {padding:1.25rem 0}
#nav-header::after {content:'';display:table;clear:both}
#nav-header .dis-table {width:100%;table-layout:fixed}
#nav-header .dis-table-cell {width:100%;height:80px;vertical-align:middle}
#nav-header .dis-table-cell.user-banner {width:300px}

/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative;background:#fff}
#user-nav::before {content:'';display:block;position:absolute;z-index:1;width:100%;height:31px;background-color:#fff;top:35px;left:0;border-bottom:1px solid #dfdfdf}
#user-nav::before {}
#user-nav:hover::before {display:block}
#user-nav-wrapper {height:37px;text-align:left;background:url('./menu_bg.png')}

/* 검색 */
#user-nav .user-search {float:right}
#user-nav .user-search .user-search-form {position:absolute;z-index:999;width:250px;height:28px;right:4px;top:5px}
#user-nav .user-search .user-search-form::after {content:'';display:table;clear:both}
#user-nav .user-search .user-search-form input {float:left;width:calc(100% - 49px);height:25px;margin:0;padding:0 1rem;border:1px solid #dfdfdf;background:#fff;font-size:.75rem;letter-spacing:-0.05em;box-shadow:none}
#user-nav .user-search .user-search-form input::placeholder {color:#666}
#user-nav .user-search .user-search-form button {float:right;height:26px;padding-left:.625rem;padding-right:.625rem;margin-right:.125rem;border:1px solid #000;border-radius:5px;font-weight:400;color:#fff;font-size:.688rem;cursor:pointer;
background: rgb(66,66,66); /* Old browsers */
background: -moz-linear-gradient(top, rgba(66,66,66,1) 0%, rgba(71,71,71,1) 50%, rgba(61,61,61,1) 51%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(66,66,66,1) 0%,rgba(71,71,71,1) 50%,rgba(61,61,61,1) 51%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(66,66,66,1) 0%,rgba(71,71,71,1) 50%,rgba(61,61,61,1) 51%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

/* 전체 */
#user-nav .all-section {float:left;position:relative;z-index:2;height:36px;padding:0 1.625rem;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1rem;font-weight:500;letter-spacing:-0.05em;color:#fff;cursor:pointer}

/* 섹션 */
#user-nav .mega-menu {float:left;position:relative;z-index:2;margin-left:.625rem;}
#user-nav .mega-menu li.megaline {float:left;line-height:1}
#user-nav .mega-menu li.megaline > a {display:inline-block;position:relative;padding:0 1.063rem;font-size:.9rem;font-weight:500;color:#cdfffc;line-height:34px;text-decoration:none;-moz-transition:all .15s;transition:all .15s}
#user-nav .mega-menu li.megaline > a::before {content:'';position:absolute;z-index:1;border-bottom:5px solid transparent;left:0;right:0;bottom:0;-moz-transition:all .15s;transition:all .15s}
#user-nav .mega-menu li.megaline > a.a-hover {color:#fff;margin-top:-4px;padding-bottom:5px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e75b4+0,4e75b4+4,023994+29,023994+100 */
background: rgb(78,117,180); /* Old browsers */
background: -moz-linear-gradient(top, rgba(78,117,180,1) 0%, rgba(78,117,180,1) 4%, rgba(2,57,148,1) 29%, rgba(2,57,148,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(78,117,180,1) 0%,rgba(78,117,180,1) 4%,rgba(2,57,148,1) 29%,rgba(2,57,148,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(78,117,180,1) 0%,rgba(78,117,180,1) 4%,rgba(2,57,148,1) 29%,rgba(2,57,148,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e75b4', endColorstr='#023994',GradientType=0 ); /* IE6-9 */
}
#user-nav .mega-menu li.megaline ul {display:none;position:absolute;z-index:998;left:0;top:100%}
#user-nav .mega-menu li.megaline ul li.sub {float:left;font-size:.813rem;font-family:'돋움','dotum',sans-serif;line-height:1;letter-spacing:-0.05em}
#user-nav .mega-menu li.megaline ul li.sub:first-child {padding-left:0}
#user-nav .mega-menu li.megaline ul li.sub a {display:inline-block;position:relative;padding:.625rem 0 .525rem 0;font-weight:400;color:#777;text-decoration:none}
#user-nav .mega-menu li.megaline ul li.sub a::after {content:'';position:absolute;z-index:1;border-bottom:2px solid transparent;left:0;right:0;top:100%;visibility:hidden;-moz-transition:all .25s;transition:all .25s}
#user-nav .mega-menu li.megaline ul li.sub a:hover {color:#000}


#user-nav .mega-menu li.megaline ul li.sub::before {content:"|";padding:0 .625rem;color:rgba(0,0,0,.15)}
#user-nav .mega-menu li.megaline ul li.sub:first-child:before {content:"";padding:0 .625rem 0 0;}

/*********************************************
Note : 기타버튼
*********************************************/
#AndBtn {position:absolute;right:0;top:36px;z-index:3}
#AndBtn {overflow:hidden;float:right;margin:0 auto}
#AndBtn ul,#AndBtn ul li {float:left;overflow:hidden;height:26px}
#AndBtn a {display:block}
#AndBtn ul li {line-height:30px;line-height:34px\9;line-height:34px\0;letter-spacing:-1px}
#AndBtn ul li a::after {content:"|";padding:0 .625rem;color:rgba(0,0,0,.2)}
#AndBtn ul li.nobr a::after {content:"";padding:0 .625rem 0 0;}
#AndBtn ul li a {color:rgba(0,0,0,.5);font-size:11px;font-family:'dotum'}